:root{--bg:#fff;--bg2:#f5f6f8;--tx:#111317;--mu:#5d6470;--ln:#e3e5ea;--hot:#ff5a14;--uv:#111317;--ic:#ff5a14;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}

*,*:before,*:after{box-sizing:inherit}html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--tx);font:400 17px/1.65 Manrope,system-ui,sans-serif;overflow-x:hidden}
h1,h2,h3,.d{font-family:Unbounded,Impact,sans-serif;line-height:1.08;margin:0 0 .5em;letter-spacing:-.02em}
a{color:inherit;text-decoration:none}p{margin:0 0 1em;max-width:62ch}
:focus-visible{outline:3px solid var(--ic);outline-offset:3px}
.w{max-width:1180px;margin:auto;padding:0 22px}.sec{padding:96px 0}
h2{font-size:clamp(28px,4.4vw,52px)}h3{font-size:20px}.mu{color:var(--mu)}
header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--ln)}
nav{display:flex;align-items:center;gap:26px;height:72px}nav .logo{margin-right:auto}
.logo{display:flex;align-items:center;gap:10px;font:900 19px Unbounded,sans-serif;letter-spacing:.02em}.logo small{display:block;font:500 9px Manrope;color:var(--mu);letter-spacing:.3em}
nav a.l{font-weight:700;font-size:15px;color:var(--mu)}nav a.l:hover,nav a.on{color:var(--tx)}
.dd{position:relative}.dd>div{position:absolute;top:100%;left:-20px;background:var(--bg2);border:1px solid var(--ln);border-radius:14px;padding:10px;width:270px;display:none}
.dd:hover>div,.dd:focus-within>div{display:block}.dd>div a{display:block;padding:9px 12px;border-radius:8px;font-size:15px;color:var(--mu)}.dd>div a:hover{background:var(--ln);color:var(--tx)}
.btn{display:inline-block;background:var(--tx);color:#fff;font-weight:700;padding:14px 26px;border-radius:999px;border:0;cursor:pointer;font-size:16px;font-family:inherit;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ff6a1f55}.btn.g{background:none;border:1px solid var(--ln);color:var(--tx)}
#mb{display:none;background:none;border:1px solid var(--ln);color:var(--tx);border-radius:8px;padding:8px 12px;font-size:18px;cursor:pointer;font-family:inherit}
nav .m{display:flex;align-items:center;gap:26px}
@media(max-width:900px){#mb{display:block}nav .m{display:none;position:absolute;top:72px;left:0;right:0;background:var(--bg2);flex-direction:column;align-items:flex-start;padding:18px 22px;gap:14px;border-bottom:1px solid var(--ln);max-height:75vh;overflow:auto;box-shadow:0 12px 30px rgba(0,0,0,.08)}nav .m.o{display:flex}.dd>div{position:static;display:block;border:0;width:auto;padding:0 0 0 12px;background:none}}
.hero{position:relative;min-height:calc(100vh - 72px);display:flex;align-items:center;overflow:hidden}
#cv{position:absolute;inset:0;width:100%;height:100%}
.hero .w{position:relative;z-index:2}
.hero h1{font-size:clamp(38px,8.4vw,112px);font-weight:900;margin-bottom:.3em}
.fx{background:linear-gradient(100deg,var(--tx),var(--hot) 50%,var(--tx));-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:sh 6s linear infinite}
@keyframes sh{to{background-position:-200% 0}}
.hero .in>*{animation:up .9s both}.hero .in>*:nth-child(2){animation-delay:.15s}.hero .in>*:nth-child(3){animation-delay:.3s}.hero .in>*:nth-child(4){animation-delay:.45s}
@keyframes up{from{opacity:0;transform:translateY(34px)}}
.hero p{font-size:20px;color:var(--mu)}.hero .row{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.mq{border-block:1px solid var(--ln);overflow:hidden;white-space:nowrap;padding:18px 0;background:var(--bg2)}
.mq div{display:inline-block;animation:mq 32s linear infinite;font:700 22px Unbounded;color:var(--mu)}.mq b{color:var(--hot);margin:0 28px}
@keyframes mq{to{transform:translateX(-50%)}}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}
.card{background:var(--bg2);border:1px solid var(--ln);border-radius:20px;padding:30px;position:relative;overflow:hidden;transition:border-color .25s,transform .25s}
.card:hover{border-color:var(--hot);transform:translateY(-4px)}.card .ic{font-size:30px;display:block;margin-bottom:14px}
.card:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--hot);transition:width .4s}.card:hover:after{width:100%}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;text-align:center}
.stats b{display:block;font:900 clamp(38px,6vw,68px) Unbounded}.stats span{color:var(--mu)}
.steps{counter-reset:s;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.steps div{border-left:2px solid var(--hot);padding:4px 0 4px 20px}.steps div:before{counter-increment:s;content:counter(s);font:900 40px Unbounded;color:var(--hot);display:block}
.pf{aspect-ratio:4/3;border-radius:18px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:20px;border:1px solid var(--ln)}
.pf svg{position:absolute;inset:0;width:100%;height:100%}.pf div{position:relative;background:#0009;color:#fff;backdrop-filter:blur(8px);border-radius:12px;padding:10px 14px;font-size:14px}.pf b{display:block;font-family:Unbounded;font-size:15px}
.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}.tabs button{background:none;border:1px solid var(--ln);color:var(--tx);padding:9px 18px;border-radius:999px;cursor:pointer;font:700 14px Manrope}.tabs button.on{background:var(--hot);border-color:var(--hot);color:#fff}
.q{font-size:18px;margin-bottom:18px}.who{display:flex;align-items:center;gap:12px}.av{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font:700 16px Unbounded;color:#fff;background:var(--tx)}
.st{color:#ffb21f;letter-spacing:3px}
.ph{padding:80px 0 50px;border-bottom:1px solid var(--ln);background:var(--bg2)}
.ph h1{font-size:clamp(32px,6vw,70px);font-weight:900}
.two{display:grid;gap:50px;grid-template-columns:1fr 1fr;align-items:center}@media(max-width:800px){.two{grid-template-columns:1fr}.sec{padding:64px 0}}
.fm{display:grid;gap:14px}.fm input,.fm select,.fm textarea{width:100%;background:var(--bg2);border:1px solid var(--ln);color:var(--tx);border-radius:12px;padding:14px;font:inherit}
.fm label{font-weight:700;font-size:14px;display:block;margin-bottom:4px}.err{color:#ff5470;font-size:13px;min-height:1em}
.ok{background:#12351f;border:1px solid #2e8f55;color:#b9f5d0;padding:18px;border-radius:14px}
details{border-bottom:1px solid var(--ln);padding:16px 0}summary{cursor:pointer;font-weight:700;font-size:18px}
.price{display:flex;flex-direction:column;gap:10px}.price b{font:900 36px Unbounded}.price ul{padding-left:18px;margin:0 0 12px;color:var(--mu)}.price.f{border-color:var(--hot)}
.cta{text-align:center;border-radius:28px;padding:70px 24px;background:var(--bg2);border:1px solid var(--ln)}.cta p{margin-inline:auto}
footer{border-top:1px solid var(--ln);padding:60px 0 30px;background:var(--bg2)}footer .grid{grid-template-columns:2fr 1fr 1fr 1fr}footer a{display:block;color:var(--mu);padding:3px 0}footer a:hover{color:var(--hot)}
@media(max-width:800px){footer .grid{grid-template-columns:1fr 1fr}}
nav a.l{position:relative}nav a.l:after{content:"";position:absolute;left:0;bottom:-6px;height:2px;width:0;background:var(--hot);transition:width .3s}nav a.l:hover:after,nav a.on:after{width:100%}
.btn:hover{background:var(--hot);box-shadow:0 12px 26px #ff5a1440}.btn.g:hover{background:var(--tx);color:#fff;box-shadow:none}
.mq{background:var(--tx)}.mq div{color:#fff}.mq b{color:var(--hot)}.mq span{transition:color .2s}.mq span:hover{color:var(--hot)}
.pf svg{filter:grayscale(1);transition:filter .5s,transform .7s}.pf:hover svg{filter:none;transform:scale(1.08)}.pf div{transition:transform .4s}.pf:hover div{transform:translateY(-6px)}
.card .ic{filter:grayscale(1);transition:transform .35s,filter .35s;transform-origin:left}.card:hover .ic{filter:none;transform:rotate(-10deg) scale(1.25)}
.steps div{transition:padding .3s,border-color .3s}.steps div:hover{padding-left:30px;border-color:var(--tx)}
.stats>div{transition:transform .3s}.stats>div:hover{transform:scale(1.07)}.stats b:hover{color:var(--hot)}
details{transition:padding .3s}details:hover{padding-left:12px}details[open] summary{color:var(--hot)}
.fm input:focus,.fm select:focus,.fm textarea:focus{border-color:var(--hot);box-shadow:0 0 0 4px #ff5a1422;outline:0}
.ok{background:#e8f7ee;border-color:#9fd8b5;color:#14532d}
.orb{position:absolute;right:6%;top:50%;width:400px;height:400px;margin-top:-200px;pointer-events:none;z-index:1}.orb i{position:absolute;inset:0;border:1px dashed #bfc4cc;border-radius:50%;animation:rot 28s linear infinite}.orb i+i{inset:60px;border-style:solid;border-color:var(--hot);border-width:1px 0 0 0;animation-duration:12s;animation-direction:reverse}
@keyframes rot{to{transform:rotate(360deg)}}@media(max-width:1000px){.orb{display:none}}
.chip{display:inline-block;border:1px solid var(--ln);border-radius:999px;padding:9px 20px;margin:0 8px 10px 0;font-weight:700;transition:all .25s}.chip:hover{background:var(--tx);color:#fff;transform:translateY(-3px)}
.big{font:900 clamp(30px,4.5vw,54px) Unbounded}
.ck{position:relative;padding-left:22px}.ck:before{content:"";position:absolute;left:0;top:.62em;width:9px;height:9px;background:var(--hot);transform:rotate(45deg)}
.mq b{display:inline-block;width:10px;height:10px;background:var(--hot);transform:rotate(45deg);margin:0 30px}
.st svg{width:16px;height:16px;fill:var(--hot);margin-right:3px}.card .ic svg{stroke:var(--tx);transition:stroke .3s}.card:hover .ic svg{stroke:var(--hot)}.card .ic{filter:none}
a.pf{color:inherit}a.pf:hover{border-color:var(--hot)}
.cs p{max-width:70ch}
.rv{opacity:0;transform:translateY(30px);transition:opacity .7s,transform .7s,border-color .25s}.rv.on2{opacity:1;transform:none}.card.rv.on2:hover{transform:translateY(-6px)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}.rv{opacity:1;transform:none}}