@font-face{font-family:"Inter";src:url(fonts/inter-400.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url(fonts/inter-500.woff) format("woff");font-weight:500;font-display:swap}
@font-face{font-family:"Inter";src:url(fonts/inter-600.woff) format("woff");font-weight:600;font-display:swap}
@font-face{font-family:"Inter Display";src:url(fonts/display-600.woff) format("woff");font-weight:600;font-display:swap}
@font-face{font-family:"Inter Display";src:url(fonts/display-700.woff) format("woff");font-weight:700;font-display:swap}
:root{--black:#070a0c;--ink:#0b1114;--p900:#0a2a31;--p800:#0c3a43;--p700:#0e4a55;--p500:#16707d;--p300:#7fbcc4;--ok:#e8a23a;--ok-l:#f6c77a;--ok-d:#d38b1c;--sand:#f3f0e8;--muted-d:#9fb3b7;--muted-l:#5b6669;--line-d:rgba(255,255,255,.09);--line-l:rgba(11,17,20,.1);--green:#2fb57a;--r:18px;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:Inter,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:17px;line-height:1.6;color:#fff;background:var(--black);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img,svg{display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px}
h1,h2,h3{font-family:"Inter Display",Inter,sans-serif;font-weight:700;letter-spacing:-.025em;line-height:1.05}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ok)}
.eyebrow::before{content:"";width:22px;height:2px;background:var(--ok)}
.btn{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:16px;padding:14px 24px;border-radius:999px;transition:background .2s,transform .2s}
.btn.ok{background:var(--ok);color:var(--black)}.btn.ok:hover{background:var(--ok-l)}
.btn.ghost{border:1px solid rgba(255,255,255,.22)}.btn.ghost:hover{background:rgba(255,255,255,.06)}
.btn .arr{transition:transform .2s}.btn:hover .arr{transform:translateX(4px)}
header{position:sticky;top:0;z-index:20;background:rgba(7,10,12,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line-d)}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}
header .logo svg{height:28px;width:auto}
header nav{display:flex;align-items:center;gap:16px}
.pw{font-size:13px;color:var(--muted-d)}.pw b{color:#fff}.pw:hover b{color:var(--ok)}
.lang{border:1px solid var(--line-d);border-radius:999px;padding:4px 12px;font-weight:600;font-size:14px}
.hero{padding:72px 0 80px;background:radial-gradient(900px 600px at 85% 20%,rgba(22,112,125,.32),transparent 60%)}
.hero .wrap{display:grid;grid-template-columns:1.25fr .75fr;gap:64px;align-items:center}
.hero h1{font-size:clamp(40px,5.4vw,70px);margin:18px 0 20px}
.hl{color:var(--ok)}
.lead{font-size:19px;color:#cfdadc;max-width:34em}
.who{font-size:24px;margin:40px 0 16px}
.roles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.role{display:flex;flex-direction:column;gap:2px;padding:18px 16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--line-d);transition:all .2s}
.role:hover{border-color:rgba(232,162,58,.5)}
.role.on{background:var(--ok);border-color:var(--ok);color:var(--black)}
.role .ri svg{width:28px;height:28px;stroke:var(--ok);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-bottom:10px}
.role.on .ri svg{stroke:var(--black)}
.role b{font-size:17px}.role small{font-size:13px;color:var(--muted-d);line-height:1.35}.role.on small{color:#3a2a0e}
/* phone */
.phone{justify-self:center;width:300px;padding:10px;border-radius:44px;background:#1a2226;box-shadow:0 40px 80px -30px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.08)}
.scr{border-radius:36px;background:#f6f7f5;color:var(--ink);padding:16px 14px 16px}
.url{font-size:11px;color:#6b7678;text-align:center;background:#e9ecea;border-radius:999px;padding:4px;margin:4px 30px 12px}
.apph img{height:26px;width:auto;margin:0 auto 10px}
.prog{height:5px;border-radius:5px;background:#e3e6e4;overflow:hidden}.prog i{display:block;width:50%;height:100%;background:var(--ok)}
.stepl{font-size:11.5px;color:#6b7678;margin:6px 0 10px}
.job{font-size:12px;color:#6b7678;margin-bottom:10px}.job b{display:block;font-size:14px;color:var(--ink)}
.seq{display:grid;gap:7px}
.tap{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #e3e6e4;font-size:13.5px;font-weight:600}
.tap .ico svg{width:26px;height:26px;padding:5px;border-radius:8px;background:#eef0ee;stroke:#0b1114;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.tap time{margin-left:auto;font-size:12px;color:#6b7678;font-variant-numeric:tabular-nums}
.tap.done{background:#eef8f1;border-color:#cdebd9}.tap.done .ico svg{background:var(--green);stroke:#fff}
.tap.next{border:2px solid var(--ok);background:#fff8ec}.tap.next .ico svg{background:var(--ok)}
.tap.wait{opacity:.5}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}
.tap.sm{justify-content:center;font-size:12.5px;padding:8px}.tap.prb{color:#c2363b}
.notrack{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 10px;border-radius:10px;background:#eef8f1;color:#1d6b47;font-size:11.5px;line-height:1.3}
.notrack svg{width:18px;height:18px;flex:none;stroke:#1d8a58;fill:none;stroke-width:2.2}
.pwr{display:flex;justify-content:space-between;margin-top:10px;padding:0 4px;font-size:10.5px;color:#7a8588}.pwr span:first-child{text-decoration:underline;text-decoration-color:rgba(0,0,0,.2)}.pwr b{color:var(--ink)}
/* panels */
.panel{padding:90px 0;background:#fff;color:var(--ink)}
.panel .eyebrow{color:var(--ok-d)}.panel .eyebrow::before{background:var(--ok-d)}
.panel h2{font-size:clamp(34px,4.4vw,56px);margin:16px 0 18px;max-width:16em}
.pl{font-size:19px;color:var(--muted-l);max-width:36em}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
.card{padding:24px;border-radius:var(--r);background:var(--sand)}
.card svg{width:30px;height:30px;padding:6px;border-radius:9px;background:var(--p800);stroke:var(--ok);fill:none;stroke-width:2.6;margin-bottom:14px}
.card b{display:block;font-size:18px;margin-bottom:6px}.card p{font-size:15.5px;color:#3f4a4d}
.faq{margin-top:40px;display:grid;gap:10px;max-width:760px}
.faq details{border:1px solid var(--line-l);border-radius:14px;padding:16px 20px}
.faq summary{font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::after{content:"+";font-size:22px;line-height:1;color:var(--ok-d)}.faq details[open] summary::after{content:"−"}
.faq summary::-webkit-details-marker{display:none}
.faq p{margin-top:10px;color:#3f4a4d}
.buy{margin-top:44px;padding:32px;border-radius:var(--r);background:var(--p900);color:#fff}
.buy>p{font-size:19px;font-weight:600}
.buy .btns{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}
.tmsl{color:var(--ok-l);font-weight:600;font-size:15px}
.more{margin-top:36px;font-size:17px}.more a{color:var(--ok-d);font-weight:600}
/* how */
.how{padding:90px 0;background:var(--p900)}
.how h2{font-size:clamp(32px,4vw,48px)}
.how ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
.how li{padding:24px;border-radius:var(--r);background:rgba(255,255,255,.05);border:1px solid var(--line-d)}
.how li span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ok);color:var(--black);font-weight:700;margin-bottom:14px}
.how li b{font-size:18px}.how li p{color:var(--muted-d);font-size:15.5px;margin-top:4px}
.ntb{display:flex;align-items:center;gap:12px;margin-top:28px;font-weight:600;font-size:18px;color:#bfe8d2}
.ntb svg{width:30px;height:30px;stroke:var(--green);fill:none;stroke-width:2}
/* viogo */
.vg{padding:90px 0;text-align:center}
.vg .wrap{display:flex;flex-direction:column;align-items:center;gap:16px}
.vge{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-d)}
.vgl svg{height:56px;width:auto}
.vg h2{font-size:clamp(28px,3.4vw,40px)}
.vg p{color:var(--muted-d);max-width:34em}
footer{border-top:1px solid var(--line-d);padding:28px 0;font-size:14px;color:var(--muted-d)}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px}
footer nav{display:flex;gap:20px;flex-wrap:wrap}footer a:hover{color:#fff}
@media(max-width:960px){.hero .wrap{grid-template-columns:1fr}.roles{grid-template-columns:repeat(2,1fr)}.cards,.how ol{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.wrap{padding:0 16px}.hero{padding:44px 0 56px}.cards,.how ol{grid-template-columns:1fr}.panel,.how,.vg{padding:64px 0}.pw{font-size:12px}.phone{width:280px}}
.btn.sm{padding:8px 16px;font-size:14px}
.hbtn{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:28px}
.hbtn span{font-size:14.5px;color:var(--muted-d)}
@media(max-width:600px){header .btn.sm{padding:7px 12px;font-size:13px}header nav{gap:10px}.pw{display:none}}
.btn.ok .arr{color:var(--black);opacity:1}
/* language select */
.lsel{display:flex;align-items:center;gap:6px;border:1px solid var(--line-d);border-radius:999px;padding:4px 10px;cursor:pointer}
.lsel svg{width:16px;height:16px;stroke:var(--muted-d);fill:none;stroke-width:1.6}
.lsel select{background:transparent;color:#fff;border:0;font:600 14px Inter,sans-serif;cursor:pointer;outline:none;max-width:110px}
.lsel select option{color:#000}
/* partner */
.partner{padding:90px 0;background:#fff;color:var(--ink);border-top:1px solid var(--line-l)}
.partner .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.partner .eyebrow{color:var(--ok-d)}.partner .eyebrow::before{background:var(--ok-d)}
.prh h2{font-size:clamp(30px,3.6vw,44px);margin:14px 0 14px}
.prh p{color:var(--muted-l);font-size:18px}
.pform{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pform label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
.pform label em{font-style:normal;font-weight:400;color:var(--muted-l)}
.pform .full{grid-column:1/-1}
.pform input,.pform select,.pform textarea{font:400 16px Inter,sans-serif;padding:12px 14px;border:1px solid #cfd4d2;border-radius:12px;background:#fff;color:var(--ink);width:100%}
.pform input:focus,.pform select:focus,.pform textarea:focus{outline:2px solid var(--ok);border-color:var(--ok)}
.pform .chk{flex-direction:row;align-items:flex-start;gap:10px;font-weight:400;font-size:14px;color:#3f4a4d}
.pform .chk input{width:20px;height:20px;flex:none;margin-top:1px;accent-color:var(--ok-d)}
.pform .chk a{text-decoration:underline}
.pform button{border:0;cursor:pointer;font:600 16px Inter,sans-serif}
.pform button[disabled]{opacity:.5}
.pform .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.fmsg{margin-top:14px;font-weight:600;font-size:15px}.fmsg.ok{color:#1d8a58}.fmsg.err{color:#b4471a}
.more a{cursor:pointer}
@media(max-width:960px){.partner .wrap{grid-template-columns:1fr;gap:28px}}
@media(max-width:600px){.pform{grid-template-columns:1fr}.partner{padding:64px 0}.lsel select{max-width:84px}}
@media(max-width:600px){header .logo svg{height:22px}header nav{gap:8px}.lsel{padding:4px 8px}.lsel svg{display:none}.lsel select{max-width:64px;font-size:13px}header .btn.sm{padding:7px 11px;font-size:12.5px;white-space:nowrap}}
@media(max-width:600px){header .btn.sm{display:none}.lsel select{max-width:none}.hero h1{font-size:9.2vw}}
/* headline check + particle intro */
.ecw{position:relative;display:inline-block;white-space:nowrap}
.ecv{display:inline-block;height:.845em;width:.73em;margin-left:.05em;vertical-align:-.01em;overflow:visible}
.js .ecw{color:transparent}
.js .ecw .ecv{opacity:0}
.js .ecw.shown{color:#fff;transition:color .35s ease}
.js .ecw.shown .ecv{opacity:1;transition:opacity .35s ease}
.ecw canvas{position:absolute;pointer-events:none}
.ben{list-style:none;display:grid;gap:10px;margin-top:24px;max-width:36em}
.ben li{display:flex;gap:12px;align-items:flex-start;font-size:16.5px;line-height:1.45;color:#e3ecee}
.ben svg{width:22px;height:22px;flex:none;margin-top:1px;padding:4px;border-radius:7px;background:rgba(232,162,58,.16);stroke:var(--ok);fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:600px){.ben li{font-size:15.5px}}

.hero h1 .ecw{color:#fff}.ecv{color:var(--ok)}.js .hero h1 .ecw:not(.shown){color:transparent}
.pwr{justify-content:flex-start}
header .logo svg{height:32px}@media(max-width:600px){header .logo svg{height:26px}}
.ecv{transform-origin:0 100%}
.js .ecw.shown .ecv{transition:opacity .25s ease,transform .7s cubic-bezier(.34,1.45,.64,1)}
.ecv.big{transform:scale(1.4)}
.howv{display:block;width:100%;max-width:980px;aspect-ratio:16/9;margin:32px 0 8px;border-radius:18px;background:#070a0c;box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.hero h1{font-size:clamp(48px,6.6vw,88px)}
.h1s{display:block;font-size:.5em;letter-spacing:-.015em;color:#c9d6d9;margin-bottom:.12em}
@media(max-width:600px){.hero h1{font-size:12vw}.h1s{font-size:.52em}}
.phw{justify-self:center;display:flex;flex-direction:column;align-items:center;gap:22px}
.vbtn{font-size:15px;padding:12px 22px}.vbtn svg{width:16px;height:16px;fill:var(--ok)}.vbtn small{font-size:13px;color:var(--muted-d);font-weight:500}
#video{scroll-margin-top:90px}
.mailcard{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:36px;border-radius:var(--r);background:var(--sand)}
.mailcard svg{width:44px;height:44px;padding:10px;border-radius:12px;background:var(--p800);stroke:var(--ok);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.maddr{font-family:"Inter Display",Inter,sans-serif;font-weight:700;font-size:clamp(24px,3vw,34px);letter-spacing:-.02em;color:var(--ink);word-break:break-all}
.maddr:hover{color:var(--ok-d)}
@media(max-width:600px){.mailcard{padding:24px}}