
:root{
  --bg:#070707;
  --panel:#111111;
  --panel2:#171717;
  --text:#f7f7f7;
  --muted:#c8c8c8;
  --gold:#ffd21f;
  --gold2:#ff9f0a;
  --line:rgba(255,210,31,.22);
  --danger:#ffcc22;
  --shadow:0 22px 70px rgba(0,0,0,.44);
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 15% 0%, rgba(255,210,31,.16), transparent 32%),
    radial-gradient(circle at 90% 10%, rgba(255,159,10,.12), transparent 34%),
    linear-gradient(180deg,#050505 0%,#0a0a0a 55%,#060606 100%);
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1160px,calc(100% - 38px));margin:0 auto}
.topbar{
  position:sticky;top:0;z-index:50;
  backdrop-filter:blur(18px);
  background:rgba(5,5,5,.78);
  border-bottom:1px solid var(--line);
}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px;min-width:0}
.brand img{width:54px;height:54px;border-radius:15px;box-shadow:0 0 0 1px var(--line),0 10px 34px rgba(255,210,31,.15)}
.brand-title{font-weight:900;font-size:1.05rem;line-height:1}
.brand-sub{font-size:.72rem;color:var(--gold);letter-spacing:.08em;text-transform:uppercase;margin-top:5px;white-space:nowrap}
.navlinks{display:flex;align-items:center;gap:18px;color:#dfdfdf;font-size:.95rem}
.navlinks a{opacity:.85;transition:.2s}
.navlinks a:hover{opacity:1;color:var(--gold)}
.nav-actions{display:flex;gap:10px;align-items:center}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:13px 18px;border-radius:999px;font-weight:850;border:1px solid transparent;
  transition:.22s ease;cursor:pointer;white-space:nowrap;
}
.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#080808;box-shadow:0 12px 40px rgba(255,210,31,.18)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 54px rgba(255,210,31,.28)}
.btn-secondary{border-color:var(--line);background:rgba(255,255,255,.035);color:var(--text)}
.btn-secondary:hover{border-color:rgba(255,210,31,.55);background:rgba(255,210,31,.08)}
.mobile-menu{display:none;background:transparent;border:1px solid var(--line);color:var(--text);border-radius:14px;padding:10px 12px;font-size:1.2rem}
.hero{position:relative;padding:84px 0 58px}
.hero:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:56px 56px;mask-image:linear-gradient(180deg,#000,transparent 86%);
}
.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center}
.eyebrow{display:inline-flex;gap:9px;align-items:center;border:1px solid var(--line);background:rgba(255,210,31,.08);color:var(--gold);padding:9px 13px;border-radius:999px;font-weight:850;font-size:.86rem;letter-spacing:.03em;text-transform:uppercase}
.pulse{width:9px;height:9px;border-radius:999px;background:var(--gold);box-shadow:0 0 0 0 rgba(255,210,31,.75);animation:pulse 1.8s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 14px rgba(255,210,31,0)}100%{box-shadow:0 0 0 0 rgba(255,210,31,0)}}
h1{font-size:clamp(3.1rem,7vw,6.9rem);letter-spacing:-.08em;line-height:.88;margin:24px 0 22px}
.gold{color:var(--gold)}
.lead{font-size:1.18rem;line-height:1.75;color:#e5e5e5;max-width:690px;margin:0 0 30px}
.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}
.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:680px}
.proof-card{padding:15px 15px;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:18px}
.proof-card strong{display:block;font-size:1.4rem;color:var(--gold)}
.proof-card span{display:block;color:var(--muted);font-size:.88rem;margin-top:3px}
.hero-card{position:relative;padding:18px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border-radius:36px;box-shadow:var(--shadow);overflow:hidden}
.hero-card:after{content:"";position:absolute;inset:-60% -25%;background:conic-gradient(from 180deg,transparent,rgba(255,210,31,.18),transparent 30%);animation:spin 10s linear infinite;z-index:-1}
@keyframes spin{to{transform:rotate(360deg)}}
.hero-illustration{border-radius:26px;overflow:hidden;border:1px solid var(--line);background:#0c0c0c}
.quick-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px}
.quick-panel a,.quick-panel div{border:1px solid var(--line);border-radius:18px;padding:16px;background:#0c0c0c}
.quick-panel span{display:block;color:var(--muted);font-size:.82rem;margin-bottom:7px}.quick-panel strong{font-size:1.03rem}
.section{padding:80px 0}.section-head{display:flex;justify-content:space-between;gap:22px;align-items:end;margin-bottom:34px}.section-kicker{color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:.82rem;margin-bottom:10px}.section h2{font-size:clamp(2rem,4vw,3.75rem);line-height:.98;letter-spacing:-.055em;margin:0}.section p.sub{margin:0;color:var(--muted);line-height:1.65;max-width:520px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{position:relative;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.026));border-radius:var(--radius);padding:24px;overflow:hidden;box-shadow:0 15px 50px rgba(0,0,0,.18);transition:.25s ease}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,210,31,.12),transparent);transform:translateX(-110%);transition:.6s}.card:hover{transform:translateY(-5px);border-color:rgba(255,210,31,.55)}.card:hover:before{transform:translateX(110%)}.icon{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#090909;display:grid;place-items:center;font-size:1.45rem;font-weight:900;margin-bottom:20px}.card h3{margin:0 0 10px;font-size:1.28rem}.card p{margin:0;color:var(--muted);line-height:1.65}.service-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.tag{padding:11px 14px;border-radius:999px;background:rgba(255,210,31,.08);border:1px solid var(--line);color:#f1f1f1;font-weight:750;font-size:.9rem}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:start}.panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border-radius:32px;padding:30px;box-shadow:var(--shadow)}.checklist{display:grid;gap:13px}.check{display:flex;gap:12px;align-items:flex-start;color:#e8e8e8}.check b{color:#111;background:var(--gold);border-radius:50%;width:22px;height:22px;display:grid;place-items:center;flex:0 0 auto;font-size:.8rem;margin-top:2px}.process{counter-reset:steps;display:grid;gap:16px}.step{display:grid;grid-template-columns:78px 1fr;gap:18px;align-items:start;padding:22px;border-radius:24px;border:1px solid var(--line);background:rgba(255,255,255,.035)}.step-num{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:#0a0a0a;border:1px solid var(--line);color:var(--gold);font-weight:950;font-size:1.2rem}.step h3{margin:0 0 7px}.step p{margin:0;color:var(--muted);line-height:1.55}.quote-wrap{display:grid;grid-template-columns:.86fr 1.14fr;gap:24px;align-items:stretch}.quote-info{background:linear-gradient(135deg,#1d1700,#090909);border:1px solid var(--line);border-radius:32px;padding:30px;position:relative;overflow:hidden}.quote-info:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(255,210,31,.12);right:-90px;bottom:-90px}.contact-line{display:flex;gap:12px;align-items:center;padding:15px;border-radius:18px;background:rgba(0,0,0,.25);border:1px solid var(--line);margin-top:12px;position:relative;z-index:2}.contact-line strong{display:block}.contact-line span{display:block;color:var(--muted);font-size:.9rem;margin-top:2px}.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:8px}.field.full{grid-column:1/-1}label{font-weight:800;color:#fff;font-size:.92rem}input,select,textarea{width:100%;border:1px solid rgba(255,210,31,.22);background:#090909;color:#fff;border-radius:16px;padding:14px 14px;font:inherit;outline:none}textarea{min-height:116px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(255,210,31,.1)}.form-note{color:var(--muted);font-size:.92rem;line-height:1.55;margin:0}.full-btn{grid-column:1/-1;border:none}.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review{border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:24px;padding:24px}.stars{color:var(--gold);letter-spacing:3px;margin-bottom:14px}.review p{color:#e8e8e8;line-height:1.65}.review strong{display:block;margin-top:18px}.faq{display:grid;gap:12px}.faq-item{border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.035);overflow:hidden}.faq-q{width:100%;background:transparent;color:#fff;border:none;text-align:left;padding:20px;font:inherit;font-weight:900;display:flex;justify-content:space-between;gap:16px;cursor:pointer}.faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;color:var(--muted);line-height:1.65}.faq-a div{padding:0 20px 20px}.faq-item.open .faq-a{max-height:190px}.cta{padding:78px 0}.cta-box{border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,210,31,.18),rgba(255,159,10,.06) 45%,rgba(255,255,255,.04));border-radius:36px;padding:42px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:var(--shadow)}.cta h2{margin:0;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.055em;line-height:1}.cta p{margin:12px 0 0;color:#ededed;line-height:1.55}.footer{padding:46px 0;border-top:1px solid var(--line);background:#050505}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:28px}.footer h3{margin:0 0 14px}.footer p,.footer a{color:var(--muted);line-height:1.8}.footer a:hover{color:var(--gold)}.copyright{margin-top:30px;color:#888;font-size:.92rem}.float-actions{position:fixed;right:18px;bottom:18px;display:grid;gap:10px;z-index:60}.float-actions a{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#080808;font-weight:900;font-size:.78rem;box-shadow:0 16px 40px rgba(0,0,0,.35)}.reveal{opacity:0;transform:translateY(26px);transition:.65s ease}.reveal.show{opacity:1;transform:none}
@media(max-width:980px){.navlinks{display:none}.mobile-menu{display:block}.navlinks.open{display:flex;position:absolute;top:78px;left:19px;right:19px;flex-direction:column;align-items:stretch;background:#0b0b0b;border:1px solid var(--line);border-radius:22px;padding:16px}.hero-grid,.split,.quote-wrap{grid-template-columns:1fr}.hero{padding-top:52px}.hero-proof,.grid-3,.reviews{grid-template-columns:1fr}.section-head{display:block}.section p.sub{margin-top:14px}.footer-grid{grid-template-columns:1fr}.cta-box{display:block}.cta-box .btn{margin-top:22px}.nav-actions .btn-secondary{display:none}}
@media(max-width:560px){.container{width:min(100% - 26px,1160px)}.brand-sub{display:none}.nav-actions .btn-primary{padding:11px 13px;font-size:.88rem}.hero-buttons .btn{width:100%}.quick-panel,.form{grid-template-columns:1fr}.step{grid-template-columns:1fr}.section{padding:58px 0}.panel,.quote-info,.cta-box{padding:22px;border-radius:24px}h1{font-size:3.25rem}.float-actions{right:12px;bottom:12px}.float-actions a{width:50px;height:50px}.hero-proof{gap:10px}}
