:root{--bg:#06080B;--ink:#F2F4F7;--muted:#98A2B3;--line:#111827;--acc:#8B5CF6;--acc2:#22D3EE}
*{box-sizing:border-box}html,body{height:100%}html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--bg);font:18px/1.7 Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.wrap{max-width:1120px;margin:0 auto;padding:24px 16px}.section{border-top:1px solid var(--line)}
h1{font-size:clamp(44px,8vw,92px);line-height:.95;letter-spacing:-.02em;margin:.2em 0 .35em}
h2{font-size:clamp(28px,4vw,48px);letter-spacing:-.01em;margin:0 0 .6rem}h3{font-size:22px;margin:0 0 6px}.muted{color:var(--muted)}a{color:inherit;text-decoration:none}
.nav{position:sticky;top:0;z-index:1000;background:rgba(6,8,11,.6);backdrop-filter:saturate(120%) blur(6px);border-bottom:1px solid var(--line)}
.nav-inner{display:flex;align-items:center;justify-content:space-between}.nav .links{display:flex;gap:18px}.nav .links a{opacity:.85}.nav .links a:hover{opacity:1}
.hero{padding:10vh 0 6vh}.hero .sub{color:var(--muted)}.cta-row{display:flex;gap:12px;margin-top:18px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;border:1px solid #202937;background:#0A0D12;color:#fff}
.btn.primary{background:linear-gradient(90deg,var(--acc),var(--acc2));border-color:transparent}.btn.ghost{background:#0A0D12}.btn.small{padding:10px 14px}
.band{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}
.band div{display:flex;flex-direction:column;align-items:center}.band strong{font-size:28px}.band span{color:var(--muted)}
@media(max-width:900px){.band{grid-template-columns:repeat(2,1fr)}}
.svcgrid{display:grid;gap:24px;grid-template-columns:repeat(12,1fr)}
.svcgrid article{grid-column:span 4;border:1px solid #1C2430;border-radius:16px;padding:22px;background:#0A0D12}
@media(max-width:1000px){.svcgrid article{grid-column:span 6}}@media(max-width:640px){.svcgrid article{grid-column:span 12}}
.cases{display:grid;gap:24px;grid-template-columns:repeat(12,1fr)}.case{grid-column:span 6;display:block}
@media(max-width:900px){.case{grid-column:span 12}}
.case .media{border-radius:16px;overflow:hidden;aspect-ratio:16/9;background:#0A0D12}
.case img,.case video{width:100%;height:100%;object-fit:cover;transform:scale(1.01);transition:transform .4s ease,opacity .4s ease;opacity:.92;display:block}
.case:hover img,.case:hover video{transform:scale(1.03);opacity:1}.case .meta{display:flex;justify-content:space-between;margin-top:10px;color:var(--muted)}.case .meta strong{color:var(--ink)}
.tiers{display:grid;gap:16px;grid-template-columns:repeat(12,1fr);margin-top:8px}
.price{grid-column:span 4;border:1px solid #1C2430;border-radius:16px;padding:18px;background:#0A0D12}
.price header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.price .amt{font-size:24px;background:linear-gradient(90deg,var(--acc),var(--acc2));-webkit-background-clip:text;background-clip:text;color:transparent}
.price ul{margin:6px 0 0 20px}.price li{margin:4px 0}
@media(max-width:1000px){.price{grid-column:span 6}}@media(max-width:640px){.price{grid-column:span 12}}
.form{display:grid;gap:10px;max-width:720px;margin:0 auto}
.form input,.form textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #1C2430;background:#0A0D12;color:#fff}.form textarea{min-height:200px}
.foot{border-top:1px solid var(--line);background:#070A0E}.foot-inner{display:flex;justify-content:space-between;gap:12px;align-items:center}.meta{color:var(--muted)}
.reveal{opacity:0;transform:translateY(10px);transition:opacity .5s ease, transform .5s ease}.reveal.in{opacity:1;transform:none}

/* Preloader */
#preloader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#000;color:#e8eef6;transition:opacity .5s ease}
#preloader.hide{opacity:0;pointer-events:none}
#preloader .pl-wrap{text-align:center;width:min(92vw,560px)}
.pl-logo{width:clamp(120px,26vw,220px);height:auto;margin:0 auto 16px;filter:drop-shadow(0 10px 28px rgba(122,110,255,.35))}
.pl-percent{font-size:clamp(36px,10vw,92px);font-weight:800;letter-spacing:.02em;margin:2px 0 8px}
.pl-bar{height:10px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.pl-fill{display:block;height:100%;width:0%;background:linear-gradient(90deg,#8B5CF6,#22D3EE);box-shadow:0 0 22px rgba(139,92,246,.35),0 0 24px rgba(34,211,238,.25);transition:width .18s ease}
.pl-hint{margin-top:14px;font-size:14px;letter-spacing:.04em;color:#9fb0c2;opacity:.9}
.pl-fx{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.pl-sn{position:absolute;font-size:12px;color:#8ab4ff;opacity:.85;white-space:nowrap;animation:pl-move linear forwards}
@keyframes pl-move{from{transform:translateY(10px);opacity:0}10%{opacity:.9}90%{opacity:.9}to{transform:translateY(-40px);opacity:0}}