:root {
  --bg-dark: #08070a;
  --bg-card: rgba(255,255,255,0.035);
  --bg-card-hover: rgba(255,255,255,0.065);
  --border-color: rgba(255,255,255,0.09);
  --primary: #ff6600;
  --primary-2: #ff4500;
  --accent: #ffae00;
  --success: #00e676;
  --text: #ffffff;
  --text-muted: #a1a1aa;
  --text-dim: #71717a;
  --font-h: 'Outfit', sans-serif;
  --font-b: 'Inter', sans-serif;
}
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  background:var(--bg-dark); color:var(--text); font-family:var(--font-b);
  line-height:1.6; overflow-x:hidden; position:relative;
}
body::before {
  content:''; position:fixed; top:-15%; left:10%; width:650px; height:650px;
  background:radial-gradient(circle, rgba(255,102,0,0.16) 0%, rgba(0,0,0,0) 70%);
  z-index:-1; animation:pulseGlow 12s infinite alternate;
}
body::after {
  content:''; position:fixed; bottom:-10%; right:8%; width:550px; height:550px;
  background:radial-gradient(circle, rgba(255,174,0,0.10) 0%, rgba(0,0,0,0) 70%);
  z-index:-1; animation:pulseGlow 16s infinite alternate-reverse;
}
@keyframes pulseGlow { 0%{transform:scale(1) translate(0,0);} 100%{transform:scale(1.15) translate(40px,30px);} }
h1,h2,h3,h4 { font-family:var(--font-h); font-weight:700; line-height:1.18; }
a { text-decoration:none; color:inherit; }
.gradient-text {
  background:linear-gradient(135deg,#fff 0%, var(--accent) 45%, var(--primary) 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.wrap { max-width:1180px; margin:0 auto; padding:0 24px; }
.navbar {
  position:sticky; top:0; z-index:100; display:flex; align-items:center; justify-content:space-between;
  padding:16px 5%; background:rgba(8,7,10,0.85); backdrop-filter:blur(18px); border-bottom:1px solid var(--border-color);
}
.logo { display:flex; align-items:center; gap:10px; }
.logo img { height:34px; width:auto; filter:drop-shadow(0 0 10px rgba(255,102,0,0.35)); }
.nav-links { display:flex; align-items:center; gap:26px; list-style:none; }
.nav-link { color:var(--text-muted); font-weight:500; font-size:15px; }
.nav-link:hover { color:#fff; }
.nav-actions { display:flex; align-items:center; gap:14px; }
.lang-switch { display:flex; align-items:center; gap:4px; border:1px solid var(--border-color); border-radius:8px; padding:4px; }
.lang-switch a { padding:5px 10px; font-size:12.5px; font-weight:700; border-radius:6px; color:var(--text-dim); }
.lang-switch a.active { background:rgba(255,102,0,.15); color:var(--accent); }
.btn {
  display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 24px;
  border-radius:12px; font-family:var(--font-h); font-weight:600; font-size:15px; cursor:pointer;
  transition:all .3s cubic-bezier(.16,1,.3,1); border:none; white-space:nowrap;
}
.btn-primary { background:linear-gradient(135deg, var(--primary) 0%, var(--primary-2) 100%); color:#fff; box-shadow:0 4px 22px rgba(255,102,0,.35); }
.btn-primary:hover { transform:translateY(-2px); box-shadow:0 6px 30px rgba(255,102,0,.55); }
.btn-outline { background:rgba(255,255,255,.04); border:1px solid var(--border-color); color:#fff; backdrop-filter:blur(10px); }
.btn-outline:hover { background:rgba(255,255,255,.08); border-color:rgba(255,102,0,.4); transform:translateY(-2px); }
.btn-sm { padding:9px 18px; font-size:13.5px; border-radius:9px; }
.hero { text-align:center; padding:100px 20px 50px; max-width:880px; margin:0 auto; }
.badge-tag {
  display:inline-flex; align-items:center; gap:8px; padding:7px 16px; background:rgba(255,102,0,.12);
  border:1px solid rgba(255,102,0,.35); border-radius:20px; color:var(--accent); font-size:13px; font-weight:600;
  margin-bottom:26px; text-transform:uppercase; letter-spacing:.8px;
}
.hero h1 { font-size:52px; letter-spacing:-1.5px; margin-bottom:22px; }
.hero p { font-size:18px; color:var(--text-muted); max-width:620px; margin:0 auto 36px; }
.hero-ctas { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; margin-bottom:60px; }
.hero-stats { display:flex; gap:50px; justify-content:center; padding-top:34px; border-top:1px solid var(--border-color); max-width:720px; margin:0 auto; flex-wrap:wrap; }
.stat-item h3 { font-size:30px; margin-bottom:4px; }
.stat-item p { font-size:13.5px; color:var(--text-dim); }
section { padding:90px 0; }
.section-header { text-align:center; max-width:700px; margin:0 auto 56px; }
.section-header .tag { color:var(--accent); font-weight:700; font-size:13px; letter-spacing:1px; text-transform:uppercase; }
.section-header h2 { font-size:38px; margin:12px 0 14px; }
.section-header p { font-size:16.5px; color:var(--text-muted); }
.glass-card { background:var(--bg-card); backdrop-filter:blur(16px); border:1px solid var(--border-color); border-radius:20px; padding:32px; transition:all .3s ease; }
.glass-card:hover { background:var(--bg-card-hover); border-color:rgba(255,102,0,.25); }
.features-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(260px,1fr)); gap:24px; }
.feature-card .fico { font-size:30px; margin-bottom:14px; }
.feature-card h4 { font-size:18px; margin-bottom:10px; }
.feature-card p { color:var(--text-muted); font-size:14.5px; margin:0; }
.steps { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
@media (max-width:900px){ .steps{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .steps{ grid-template-columns:1fr; } }
.step-card { text-align:center; padding:30px 22px; }
.step-num {
  width:46px; height:46px; border-radius:50%; background:linear-gradient(135deg,var(--primary),var(--accent));
  display:flex; align-items:center; justify-content:center; font-family:var(--font-h); font-weight:800; font-size:19px;
  margin:0 auto 18px; color:#0a0a0a;
}
.step-card h4 { font-size:16px; margin-bottom:8px; }
.step-card p { color:var(--text-muted); font-size:13.5px; margin:0; }
.plans { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
@media (max-width:980px){ .plans{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .plans{ grid-template-columns:1fr; } }
.plans.cols-3 { grid-template-columns:repeat(3,1fr); max-width:1000px; margin:0 auto; }
@media (max-width:980px){ .plans.cols-3{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .plans.cols-3{ grid-template-columns:1fr; } }
.plan-card { position:relative; text-align:center; display:flex; flex-direction:column; }
.plan-card.featured { border-color:rgba(255,102,0,.55); box-shadow:0 0 35px rgba(255,102,0,.18); }
.featured-tag {
  position:absolute; top:-13px; left:50%; transform:translateX(-50%); background:linear-gradient(90deg,var(--primary),var(--accent));
  color:#fff; font-size:11px; font-weight:800; padding:6px 16px; border-radius:20px; white-space:nowrap; box-shadow:0 2px 10px rgba(0,0,0,.4);
}
.plan-card h3 { font-size:18px; margin:8px 0 6px; color:var(--text-muted); font-weight:600; }
.plan-price { font-family:var(--font-h); font-size:30px; font-weight:800; color:#fff; margin:8px 0 4px; }
.plan-sub { font-size:12.5px; color:var(--text-dim); margin-bottom:18px; }
.plan-card ul { list-style:none; text-align:left; margin:0 0 26px; flex:1; }
.plan-card li { display:flex; gap:9px; font-size:13.5px; color:#e2e8f0; padding:7px 0; }
.plan-card li:before { content:"✓"; color:var(--success); font-weight:800; }
.cta-band { background:linear-gradient(135deg, rgba(255,102,0,.14), rgba(255,174,0,.05)); border:1px solid rgba(255,102,0,.3); border-radius:24px; padding:60px 30px; text-align:center; }
.cta-band h2 { font-size:32px; margin-bottom:14px; }
.cta-band p { color:var(--text-muted); margin-bottom:28px; }
.faq-item { padding:24px 26px; margin-bottom:14px; }
.faq-item h4 { font-size:16px; margin-bottom:8px; }
.faq-item p { color:var(--text-muted); font-size:14.5px; margin:0; }
footer { border-top:1px solid var(--border-color); padding:60px 5% 30px; margin-top:40px; background:rgba(0,0,0,.4); }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:40px; max-width:1180px; margin:0 auto 40px; }
.footer-grid h4 { margin-bottom:16px; color:#fff; font-size:15px; }
.footer-grid ul { list-style:none; display:flex; flex-direction:column; gap:10px; font-size:14px; color:var(--text-muted); }
.footer-bottom { text-align:center; padding-top:28px; border-top:1px solid rgba(255,255,255,.06); color:var(--text-dim); font-size:13.5px; max-width:1180px; margin:0 auto; }
/* Blog */
.blog-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(280px,1fr)); gap:24px; }
.blog-card { display:flex; flex-direction:column; gap:10px; }
.blog-card .tag { color:var(--accent); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.6px; }
.blog-card h3 { font-size:19px; }
.blog-card p { color:var(--text-muted); font-size:14px; }
.blog-card .read-more { color:var(--accent); font-weight:700; font-size:13.5px; margin-top:auto; }
.article { max-width:760px; margin:0 auto; padding:60px 24px 100px; }
.article .tag { color:var(--accent); font-size:12.5px; font-weight:700; text-transform:uppercase; letter-spacing:.8px; }
.article h1 { font-size:36px; margin:14px 0 18px; }
.article .meta { color:var(--text-dim); font-size:13.5px; margin-bottom:36px; }
.article p { color:#dcdce0; font-size:16px; margin-bottom:20px; }
.article h2 { font-size:24px; margin:36px 0 14px; }
.article ul { color:#dcdce0; font-size:16px; margin:0 0 20px 22px; }
.article li { margin-bottom:8px; }
.article a.inline-link { color:var(--accent); font-weight:700; }
.burger {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 38px;
  height: 38px;
  background: transparent;
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 8px;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
}
.burger span {
  display: block;
  width: 20px;
  height: 2px;
  background: #fff;
  border-radius: 2px;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.burger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.burger.open span:nth-child(2) { opacity: 0; }
.burger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.nav-mobile-wrap { display: flex; align-items: center; gap: 28px; }
@media (max-width: 900px) {
  .burger { display: flex; }
  .navbar { flex-wrap: nowrap; }
  .nav-mobile-wrap {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    background: #14131a;
    border-top: 1px solid rgba(255,255,255,0.08);
    padding: 14px 5%;
    z-index: 200;
  }
  .nav-mobile-wrap.open { display: flex; }
  .nav-links { flex-direction: column; align-items: flex-start; gap: 10px; width: 100%; }
  .nav-actions { flex-direction: column; align-items: stretch; gap: 10px; width: 100%; }
  .nav-actions .btn { width: 100%; }
}