@font-face{font-family:'Heebo';src:url('heebo.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--bg:#0b1413;--bg2:#132322;--teal:#263532;--or:#ff8832;--or2:#ffa262;--or3:#e8661c;--off:#f7f3ee;--mut:rgba(247,243,238,.72);--line:rgba(255,255,255,.14);--wa:#25d366;--r:22px}
*{box-sizing:border-box}
html{overflow-x:hidden;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--bg);color:var(--off);font-family:'Heebo',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-size:17px;line-height:1.6;overflow-x:hidden}
img,video,svg{display:block;max-width:100%}
a{color:inherit}
.ltr{direction:ltr;unicode-bidi:isolate}
.nw{white-space:nowrap}
.i{width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.skip{position:absolute;top:-60px;right:12px;background:var(--or);color:#1a0e04;padding:8px 14px;border-radius:10px;z-index:100;font-weight:700}
.skip:focus{top:12px}
:focus-visible{outline:3px solid var(--or2);outline-offset:3px;border-radius:8px}

/* background */
.bg{position:fixed;inset:0;z-index:-1;overflow:hidden;background:linear-gradient(170deg,#0b1413 0%,#132322 45%,#1d302d 100%)}
.bg i{position:absolute;display:block}
.bg .g1{width:110vmax;height:110vmax;top:-45vmax;left:-25vmax;border-radius:50%;background:radial-gradient(circle,rgba(255,136,50,.30),transparent 62%)}
.bg .g2{width:100vmax;height:100vmax;bottom:-50vmax;right:-30vmax;border-radius:50%;background:radial-gradient(circle,rgba(64,140,128,.35),transparent 62%)}
.bg .grid{inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;-webkit-mask:radial-gradient(ellipse at 50% 30%,#000 20%,transparent 75%);mask:radial-gradient(ellipse at 50% 30%,#000 20%,transparent 75%)}

.wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 20px}
.narrow{max-width:760px}

/* header */
.top{position:sticky;top:0;z-index:20;background:rgba(11,20,19,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}
.top-in{display:flex;align-items:center;justify-content:space-between;height:60px}
.brand img{height:18px;width:auto}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 26px;border-radius:999px;border:0;cursor:pointer;font:inherit;font-weight:800;font-size:18px;text-decoration:none;color:#1a0e04;background:linear-gradient(180deg,#ffb07a,var(--or) 55%,var(--or3));box-shadow:0 12px 34px rgba(255,136,50,.35),inset 0 1px 0 rgba(255,255,255,.45);transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(255,136,50,.5),inset 0 1px 0 rgba(255,255,255,.45)}
.btn:active{transform:translateY(0)}
.btn-sm{min-height:40px;padding:8px 18px;font-size:15px}
.btn-wa{background:rgba(37,211,102,.12);color:#e9fff1;border:1.5px solid rgba(37,211,102,.55);box-shadow:none}
.btn-wa:hover{background:rgba(37,211,102,.22);box-shadow:0 10px 30px rgba(37,211,102,.2)}
.btn-wa .i{color:var(--wa)}
.btn-full{width:100%}

/* hero */
.hero{padding:28px 0 40px}
.hero-grid{display:grid;gap:34px}
.me{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.me-t{display:flex;flex-direction:column;line-height:1.25}
.me-t b{font-size:18px}
.me-t small{color:var(--mut);font-size:14px}
.ava{position:relative;display:block;width:72px;height:72px;border-radius:50%;flex:none;padding:3px;background:conic-gradient(from 210deg,var(--or),rgba(255,136,50,.2) 35%,#ffc89a 55%,rgba(255,136,50,.2) 80%,var(--or));box-shadow:0 0 28px rgba(255,136,50,.45)}
.ava img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.85)}
.ava-lg{width:132px;height:132px;padding:4px;margin:0 auto 16px}
h1,h2,h3{margin:0;font-weight:900;letter-spacing:-.5px;line-height:1.12}
h1{font-size:clamp(32px,8.6vw,58px);margin-bottom:18px;text-wrap:balance}
h2{font-size:clamp(28px,7vw,44px);margin-bottom:26px;text-wrap:balance}
h3{font-size:21px}
.og{background:linear-gradient(180deg,#ffc092 0%,#ff8832 55%,#f2691a 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:clamp(17px,4.4vw,20px);color:var(--mut);margin:0 0 24px}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}
.ctas .btn{flex:1 1 220px}
.pills{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pills li{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;font-size:14.5px;font-weight:700;background:rgba(255,255,255,.07);border:1px solid var(--line)}
.pills .i{color:var(--or2)}

.hero-vid{display:flex;justify-content:center}
.phone{position:relative;width:min(300px,78vw);aspect-ratio:9/16;border-radius:30px;overflow:hidden;background:#0d1716 center/cover no-repeat url('poster.webp');border:1.5px solid var(--line);box-shadow:0 40px 100px rgba(0,0,0,.55),0 0 0 6px rgba(255,255,255,.04),0 0 60px rgba(255,136,50,.18)}
.phone video{width:100%;height:100%;object-fit:cover}
.snd{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(11,20,19,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}
.snd[aria-pressed="true"]{background:rgba(255,136,50,.9);color:#1a0e04;border-color:transparent}

/* sections */
.sec{padding:56px 0}
.eyebrow{display:inline-block;margin:0 0 12px;padding:5px 14px;border-radius:999px;font-size:14px;font-weight:800;color:var(--or2);background:rgba(255,136,50,.1);border:1px solid rgba(255,136,50,.3)}
.card{position:relative;border-radius:var(--r);padding:22px;background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.03));border:1px solid var(--line);box-shadow:0 24px 60px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.12)}
.card p{margin:6px 0 0;color:var(--mut)}
.card b{display:block;font-size:19px;line-height:1.3}
.card b.big{font-size:30px;font-weight:900;color:var(--or2)}
.ic{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:15px;margin-bottom:14px;font-size:24px;color:#1a0e04;background:linear-gradient(180deg,#ffb07a,var(--or) 60%,var(--or3));box-shadow:0 10px 26px rgba(255,136,50,.3)}
.hot{border-color:rgba(255,136,50,.55);background:linear-gradient(160deg,rgba(255,136,50,.22),rgba(255,136,50,.05))}

.steps{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:s}
.steps li{counter-increment:s;padding-top:20px}
.steps li::after{content:counter(s);position:absolute;top:18px;left:20px;font-weight:900;font-size:40px;line-height:1;color:rgba(255,255,255,.08)}
.approve{margin:22px auto 0;max-width:420px;padding:16px}
.ap-h{display:flex;align-items:center;gap:10px;font-size:15px}
.ap-h b{font-size:15px}
.ap-h .i{color:var(--or2)}
.tag{margin-inline-start:auto;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;background:rgba(255,136,50,.18);color:var(--or2)}
.ap-b{margin:14px 0;display:grid;gap:8px}
.ap-b i{display:block;height:10px;border-radius:6px;background:rgba(255,255,255,.14)}
.ap-b i.s{width:60%}
.ap-f{display:flex;gap:10px}
.ap-f span{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:12px;font-weight:800;font-size:15px}
.ok{background:#1f9d55;color:#fff}
.no{background:rgba(255,255,255,.08);color:var(--mut)}

.grid4,.grid3{display:grid;gap:14px}
.cases{display:grid;gap:14px}
.case h3{margin-bottom:4px}
.badge{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:5px 12px;border-radius:999px;font-size:13.5px;font-weight:800;color:#bff5d3;background:rgba(31,157,85,.2);border:1px solid rgba(31,157,85,.5)}
.cycles{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.cycles li{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;font-weight:700;font-size:15px;background:rgba(255,136,50,.12);border:1px solid rgba(255,136,50,.35)}
.cycles .i{color:var(--or2)}
.wide{background:radial-gradient(circle at 15% 0%,rgba(255,136,50,.18),transparent 60%),linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.03))}

.who{display:grid;gap:14px}
.big-l{font-size:24px;font-weight:900;color:var(--off)!important;line-height:1.25}

.faq{display:grid;gap:10px}
.faq details{padding:0}
.faq summary{list-style:none;cursor:pointer;padding:18px 20px 18px 50px;font-weight:800;font-size:17.5px;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'';position:absolute;left:22px;top:50%;width:10px;height:10px;margin-top:-7px;border-left:2.5px solid var(--or2);border-bottom:2.5px solid var(--or2);transform:rotate(-45deg);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(135deg);margin-top:-2px}
.faq details p{margin:0;padding:0 20px 18px}

.final{padding-bottom:90px}
.form-card{padding:28px 20px;border-color:rgba(255,136,50,.4)}
.final-top{text-align:center}
.final-top h2{margin-bottom:10px;font-size:clamp(36px,9vw,54px)}
form{display:grid;gap:14px}
.f label{display:block;font-weight:700;font-size:15px;margin-bottom:6px}
.f input,.f textarea{width:100%;font:inherit;font-size:17px;color:var(--off);background:rgba(0,0,0,.25);border:1.5px solid rgba(255,255,255,.18);border-radius:14px;padding:13px 14px;min-height:50px;transition:border-color .15s}
.f input[dir="ltr"]{text-align:right}
.f input::placeholder,.f textarea::placeholder{color:rgba(247,243,238,.4)}
.f input:focus,.f textarea:focus{outline:none;border-color:var(--or)}
.f .bad{border-color:#ff5f57}
.hp{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.msg{margin:0;min-height:1.2em;font-weight:700;text-align:center}
.msg.ok-m{color:#7be3a4}.msg.err{color:#ff8f88}
.fine{margin:0;font-size:13.5px;color:rgba(247,243,238,.55);text-align:center}
.or{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--mut);font-size:14px}
.or::before,.or::after{content:'';flex:1;height:1px;background:var(--line)}

.foot{border-top:1px solid rgba(255,255,255,.07);padding:24px 0 96px}
.foot-in{display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(247,243,238,.55);font-size:14px}
.foot p{margin:0}
.foot img{height:14px;width:auto;opacity:.7}

.sticky{position:fixed;bottom:max(14px,env(safe-area-inset-bottom));left:16px;right:16px;z-index:30;transition:transform .25s,opacity .25s}
.sticky.hide{transform:translateY(140%);opacity:0;pointer-events:none}

@media (min-width:720px){
  .steps,.grid4{grid-template-columns:repeat(2,1fr)}
  .grid3{grid-template-columns:repeat(3,1fr)}
  .cases{grid-template-columns:repeat(2,1fr)}
  .cases .wide{grid-column:1/-1}
  .who{grid-template-columns:repeat(2,1fr)}
  .form-card{padding:40px}
}
@media (min-width:1000px){
  body{font-size:18px}
  .hero{padding:64px 0 56px}
  .hero-grid{grid-template-columns:1.25fr .75fr;align-items:center;gap:56px}
  .phone{width:330px}
  .ctas .btn{flex:0 0 auto}
  .steps,.grid4{grid-template-columns:repeat(4,1fr)}
  .sec{padding:80px 0}
  .sticky{display:none}
  .foot{padding-bottom:28px}
}

.legal{padding:40px 0 80px;color:var(--fg)}
.legal h1{font-size:clamp(28px,6vw,40px);margin:0 0 8px}
.legal .meta{color:var(--mut);font-size:14px;margin:0 0 28px}
.legal h2{font-size:clamp(20px,4vw,26px);margin:28px 0 12px}
.legal p,.legal li{color:rgba(247,243,238,.88);line-height:1.65;margin:0 0 12px}
.legal ul{margin:0 0 16px;padding-inline-start:1.2em}
.legal a{color:#ffb07a}
.legal .card{padding:22px 20px;margin-bottom:18px}
.legal-nav{display:flex;flex-wrap:wrap;gap:10px 16px;margin:18px 0 28px;font-size:14px;font-weight:700}
.foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px;margin-top:6px}
.foot-links a{color:rgba(247,243,238,.7);font-size:13.5px;text-decoration:underline;text-underline-offset:3px}
.foot-id{font-size:13px;line-height:1.5;text-align:center;color:rgba(247,243,238,.5);margin:4px 0 0}
.consent{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.45;color:var(--mut)}
.consent input{margin-top:3px;flex:none;width:18px;height:18px}
.consent a{color:#ffb07a}
.yidua{font-size:12.5px;line-height:1.5;color:rgba(247,243,238,.55);margin:0 0 8px}

/* a11y extras */
summary{cursor:pointer;list-style-position:outside}
summary:focus-visible{outline:3px solid var(--or2);outline-offset:3px}
.sticky:focus-visible{outline:3px solid #fff;outline-offset:4px}
input:focus-visible,textarea:focus-visible{outline:3px solid var(--or2);outline-offset:2px}
.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
