:root{--bg:#0e1a24;--bg2:#13222f;--o:#ff7a1a;--t:#1b2733;--g:#f3f6f9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--t);line-height:1.65;overflow-x:hidden}
.wrap{max-width:1160px;margin:auto;padding:0 18px}.narrow{max-width:820px}a{color:#c9560a}img{max-width:100%;display:block}
h1,h2,h3{line-height:1.15;color:var(--bg)}h2{font-size:clamp(26px,4vw,40px);margin:.2em 0 .5em}
.eyebrow{color:var(--o);font-weight:800;text-transform:uppercase;letter-spacing:2px;font-size:12px;margin:0 0 10px}
#pre{position:fixed;inset:0;background:var(--bg);z-index:9999;display:grid;place-items:center;transition:transform .9s cubic-bezier(.77,0,.18,1)}#pre.done{transform:translateY(-100%)}
.pc{text-align:center;color:#fff}.pn{font-size:64px;font-weight:900;letter-spacing:-2px}.pn b{color:var(--o)}.pc svg{margin:10px auto;animation:pop 1.2s infinite}.pbar{width:220px;height:4px;background:#ffffff22;margin:14px auto;border-radius:4px;overflow:hidden}.pbar i{display:block;height:100%;width:0;background:var(--o)}
@keyframes pop{50%{transform:scale(1.12) rotate(-4deg)}}
#prog{position:fixed;top:0;left:0;height:3px;width:0;background:var(--o);z-index:200}
.topbar{background:#0a131b;color:#cfd9e2;font-size:13px}.topbar .wrap{display:flex;flex-wrap:wrap;gap:4px 18px;padding:7px 18px;justify-content:center}.topbar a{color:#ffb06b;text-decoration:none}
.hdr{position:sticky;top:0;background:#0e1a24ee;backdrop-filter:blur(10px);z-index:100;transition:.3s}.hdr.sc{box-shadow:0 6px 20px #0006}.hdr .wrap{display:flex;align-items:center;justify-content:space-between;padding:8px 18px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}.brand b{display:flex;flex-direction:column;line-height:1.1}.brand small{font-weight:400;color:#9fb0bf;font-size:12px}
#nv{display:flex;gap:20px;align-items:center}#nv a:not(.btn){color:#e6edf3;text-decoration:none;font-weight:600;position:relative}#nv a:not(.btn)::after{content:"";position:absolute;left:0;bottom:-5px;height:2px;width:0;background:var(--o);transition:width .3s}#nv a:not(.btn):hover::after{width:100%}#mt{display:none;background:none;border:0;color:#fff;font-size:28px}
.btn{position:relative;overflow:hidden;display:inline-block;background:var(--o);color:#0e1a24!important;padding:13px 24px;border-radius:40px;font-weight:800;text-decoration:none;border:0;cursor:pointer;transition:.3s}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 24px #ff7a1a66}.btn::before{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:#fff6;transform:skewX(-25deg);transition:left .6s}.btn:hover::before{left:130%}.btn.alt{background:transparent;color:#fff!important;box-shadow:inset 0 0 0 2px #ffffff66}.btn.alt:hover{box-shadow:inset 0 0 0 2px var(--o)}
.pulse{animation:pls 2s infinite}@keyframes pls{0%{box-shadow:0 0 0 0 #ff7a1aaa}70%{box-shadow:0 0 0 18px #ff7a1a00}100%{box-shadow:0 0 0 0 #ff7a1a00}}
.rip{position:absolute;border-radius:50%;background:#fff8;transform:scale(0);animation:rp .6s linear;pointer-events:none}@keyframes rp{to{transform:scale(4);opacity:0}}
.glow{position:absolute;inset:0;background:radial-gradient(600px 300px at 80% 10%,#ff7a1a33,transparent),radial-gradient(500px 300px at 10% 90%,#2a6fb833,transparent);animation:gl 8s ease-in-out infinite alternate}@keyframes gl{to{transform:scale(1.15) translateX(20px)}}
.hero{position:relative;background:var(--bg);color:#fff;padding:60px 0 80px;overflow:hidden}.hero .wrap{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:34px;align-items:center}.hero h1{color:#fff;font-size:clamp(32px,5.4vw,58px);margin:.1em 0 .3em}
.w{display:inline-block;overflow:hidden;vertical-align:top}.w span{display:inline-block;transform:translateY(110%);animation:wu .8s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(1.3s + var(--i)*.09s)}@keyframes wu{to{transform:none}}
.in-up{opacity:0;transform:translateY(24px);animation:up .8s forwards;animation-delay:1.2s}.in-up.d3{animation-delay:2s}.in-up.d4{animation-delay:2.2s}@keyframes up{to{opacity:1;transform:none}}
.hl p{color:#cfdae4;font-size:18px}
.show{position:relative;opacity:0;transform:translateX(60px);animation:up .9s 1.6s forwards}.frame{position:relative;aspect-ratio:16/11;border-radius:20px;overflow:hidden;box-shadow:0 30px 60px #0009;border:1px solid #ffffff22}
.sl{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:fade 12s infinite}.s2{animation-delay:4s}.s3{animation-delay:8s}
@keyframes fade{0%{opacity:0;transform:scale(1)}6%{opacity:1}33%{opacity:1;transform:scale(1.08)}40%{opacity:0}100%{opacity:0}}
.badge{position:absolute;background:var(--o);color:#0e1a24;font-weight:800;font-size:13px;padding:8px 14px;border-radius:30px;box-shadow:0 8px 20px #0006;animation:fl 4s ease-in-out infinite}.b1{top:-14px;left:-10px}.b2{bottom:-14px;right:-10px;animation-delay:1.5s}@keyframes fl{50%{transform:translateY(-8px)}}
.scroll{position:absolute;left:50%;bottom:18px;width:24px;height:38px;border:2px solid #ffffff66;border-radius:14px;transform:translateX(-50%)}.scroll i{position:absolute;left:50%;top:7px;width:4px;height:8px;margin-left:-2px;background:var(--o);border-radius:2px;animation:sc 1.6s infinite}@keyframes sc{to{transform:translateY(14px);opacity:0}}
.tick{background:var(--o);overflow:hidden;white-space:nowrap;padding:14px 0}.track{display:inline-flex;gap:0;animation:mq 26s linear infinite}.tick span{font-weight:900;text-transform:uppercase;letter-spacing:2px;color:#0e1a24;padding:0 28px;position:relative}.tick span::after{content:"\2715";position:absolute;right:-6px;font-size:12px}@keyframes mq{to{transform:translateX(-50%)}}
.stats{background:var(--bg2);color:#fff;padding:46px 0;text-align:center}.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:22px;align-items:center}.stats b{display:block;font-size:clamp(36px,5vw,54px);color:var(--o);line-height:1}
.sec{padding:64px 0}.gray{background:var(--g)}.dark{background:var(--bg);color:#d6e0e9}.dark h2,.dark h3{color:#fff}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
.card{position:relative;background:#fff;border:1px solid #e1e8f0;border-radius:16px;padding:26px;text-decoration:none;color:var(--t);transition:box-shadow .3s,border-color .3s;box-shadow:0 2px 8px #0001;transform-style:preserve-3d}.card:hover{box-shadow:0 18px 36px #0e1a2433;border-color:var(--o)}.card em{font-style:normal;font-weight:900;color:var(--o);font-size:14px}.card h3{margin:.3em 0}.card span{color:#c9560a;font-weight:800;display:inline-block;transition:transform .3s}.card:hover span{transform:translateX(8px)}
.lb{background:#0a131b;border:1px solid #ffffff1f;border-radius:16px;padding:18px;box-shadow:0 20px 40px #0008}.lh{display:flex;justify-content:space-between;color:#fff;font-weight:800;margin-bottom:10px;font-size:13px;letter-spacing:1px}.lh small{color:#8ea0b0;font-weight:400}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#2ee66b;margin-right:8px;animation:bl 1.2s infinite}@keyframes bl{50%{opacity:.2}}
.lrow{display:grid;grid-template-columns:1fr auto 1fr auto auto;gap:10px;align-items:center;padding:12px;border-radius:10px;background:#13222f;margin:8px 0;color:#fff;font-size:14px;opacity:0;transform:translateX(40px)}.lb.in .lrow{animation:up .6s forwards;animation-delay:var(--d)}.lrow u{text-decoration:none;color:#9fb0bf;font-size:12px}.lrow em{font-style:normal;color:#2ee66b;font-size:12px;font-weight:800}.bk{background:var(--o);color:#0e1a24;padding:3px 9px;border-radius:20px;font-size:11px;animation:pop2 1.6s 2.4s both}@keyframes pop2{from{transform:scale(0)}60%{transform:scale(1.25)}to{transform:scale(1)}}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;position:relative}.step{padding:24px;border-radius:16px;background:var(--g);border-top:4px solid var(--o)}.step b{font-size:40px;color:var(--o);line-height:1}.step h3{margin:.3em 0}
.gal{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.gal figure{margin:0;overflow:hidden;border-radius:16px;aspect-ratio:4/3}.gal img,.ph{width:100%;height:100%;object-fit:cover;border-radius:16px;transition:transform .8s}.gal figure:hover img{transform:scale(1.1)}
.grid2 .ph{aspect-ratio:4/3;box-shadow:0 20px 40px #0e1a2433;transition:transform .6s}.grid2 .ph:hover{transform:scale(1.03) rotate(-.6deg)}
.pagehero{position:relative;background:var(--bg);padding:50px 0;overflow:hidden}.pagehero .wrap{position:relative}.pagehero h1{color:#fff;margin:0;font-size:clamp(28px,4.4vw,46px)}
.qs{counter-reset:q}.qa{counter-increment:q;border:1px solid #dbe4ec;border-radius:12px;margin:10px 0;background:#fff;overflow:hidden;transition:.3s}.qa:hover{box-shadow:0 8px 18px #0e1a2418}.qa.open{border-color:var(--o);box-shadow:0 10px 24px #ff7a1a33}
.q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;background:none;border:0;padding:17px 18px;font:inherit;font-weight:700;color:var(--bg);cursor:pointer}.q span::before{content:counter(q,decimal-leading-zero) "  ";color:var(--o);font-weight:900;margin-right:6px}
.q i{flex:none;width:30px;height:30px;border-radius:50%;background:var(--o);color:#0e1a24;display:grid;place-items:center;font-style:normal;font-size:20px;transition:transform .4s,background .3s}.qa.open .q i{transform:rotate(135deg);background:var(--bg);color:#fff}
.a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s ease}.qa.open .a{grid-template-rows:1fr}.a>div{overflow:hidden}.a p{margin:0;padding:0 18px 16px;opacity:0;transform:translateY(-8px);transition:.4s}.qa.open .a p{opacity:1;transform:none;transition-delay:.12s}
.cta{background:linear-gradient(120deg,#ff7a1a,#ff9d4d,#ff7a1a);background-size:200% 100%;animation:bg 6s linear infinite;text-align:center;padding:64px 0;color:#0e1a24}.cta h2{color:#0e1a24}.cta .btn{background:#0e1a24;color:#fff!important}.cta .btn.alt{background:transparent;box-shadow:inset 0 0 0 2px #0e1a24;color:#0e1a24!important}@keyframes bg{to{background-position:-200% 0}}
form{display:grid;gap:12px}input,textarea{padding:13px;border:1px solid #c9d4e0;border-radius:10px;font:inherit;width:100%;transition:.3s}input:focus,textarea:focus{outline:0;border-color:var(--o);box-shadow:0 0 0 4px #ff7a1a33}
footer{background:#0a131b;color:#b8c6d3;padding:44px 0 10px}footer h3{color:#fff}footer a{color:#ffb06b;text-decoration:none}footer .grid3 a{display:block;margin:4px 0}.copy{text-align:center;font-size:13px;border-top:1px solid #ffffff1f;margin-top:26px;padding-top:12px}
.fab{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:10px;z-index:90}.fab a{position:relative;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;text-decoration:none;font-size:22px;box-shadow:0 4px 12px #0005;opacity:0;transform:translateX(60px);animation:fin .6s 2.6s forwards,ring 2.2s 3.4s infinite}.fab a:nth-child(2){animation-delay:2.75s,3.4s}.fab a:nth-child(3){animation-delay:2.9s,3.4s}.fab a:nth-child(4){animation-delay:3.05s,3.4s}
.f1{background:#0e1a24}.f2{background:#d93f3f}.f3{background:#25d366}.f4{background:var(--o)}@keyframes fin{to{opacity:1;transform:none}}@keyframes ring{0%{box-shadow:0 0 0 0 #ff7a1a99}70%{box-shadow:0 0 0 14px #ff7a1a00}100%{box-shadow:0 0 0 0 #ff7a1a00}}.fab a:hover{transform:scale(1.12)}
.fab a::after{content:attr(aria-label);position:absolute;right:62px;background:#222;color:#fff;font-size:13px;padding:5px 10px;border-radius:6px;opacity:0;transform:translateX(10px);transition:.3s;pointer-events:none;white-space:nowrap}.fab a:hover::after{opacity:1;transform:none}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.reveal.in{opacity:1;transform:none}
@media(max-width:820px){.hero .wrap,.grid2{grid-template-columns:1fr}#mt{display:block}#nv{position:absolute;top:100%;left:0;right:0;background:#0e1a24;flex-direction:column;padding:16px;opacity:0;visibility:hidden;transform:translateY(-12px)}#nv.open{opacity:1;visibility:visible;transform:none}.lrow{grid-template-columns:1fr auto 1fr;}.lrow u,.lrow em,.lrow .bk{grid-column:span 1}.scroll{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.w span,.in-up,.show,.reveal,.lrow,.fab a{opacity:1!important;transform:none!important}.sl.s1{opacity:1}}