:root{--bg:#f7f8fa;--sf:#fff;--ink:#1e2329;--mut:#4f5763;--line:#e3e6ea;--y:#f5b800;--ys:#fff6d9;--yd:#8a6200;--g:#2e7d5b;--gs:#e3f2eb;--hdr:rgba(255,255,255,.86);--band:#fffbed;--glow:rgba(245,184,0,.17);--pn:linear-gradient(160deg,#fff3c9 0%,#ffe9a8 100%);--pt:#1e2329;--pm:#4f5763;--pi:#fff;--pic:#1e2329;--pd:rgba(30,35,41,.14);--pdec:rgba(255,255,255,.6);--ll:block;--ld:none;--ms:block;--ss:none;--sh:0 10px 30px rgba(30,35,41,.08);
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#14171b;--sf:#1c2026;--ink:#f2f3f5;--mut:#a5acb6;--line:#2b3038;--ys:#2a2411;--yd:#f5b800;--g:#5cc596;--gs:#16281f;--hdr:rgba(20,23,27,.86);--band:#1b1a14;--glow:rgba(245,184,0,.08);--pn:#0e1013;--pt:#f2f3f5;--pm:#b9bfc8;--pi:rgba(245,184,0,.16);--pic:#f5b800;--pd:rgba(255,255,255,.12);--pdec:rgba(245,184,0,.13);--ll:none;--ld:block;--ms:none;--ss:block;--sh:0 10px 30px rgba(0,0,0,.35)}}
:root[data-theme="dark"]{--bg:#14171b;--sf:#1c2026;--ink:#f2f3f5;--mut:#a5acb6;--line:#2b3038;--ys:#2a2411;--yd:#f5b800;--g:#5cc596;--gs:#16281f;--hdr:rgba(20,23,27,.86);--band:#1b1a14;--glow:rgba(245,184,0,.08);--pn:#0e1013;--pt:#f2f3f5;--pm:#b9bfc8;--pi:rgba(245,184,0,.16);--pic:#f5b800;--pd:rgba(255,255,255,.12);--pdec:rgba(245,184,0,.13);--ll:none;--ld:block;--ms:none;--ss:block;--sh:0 10px 30px rgba(0,0,0,.35)}
*{box-sizing:border-box}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 84px);scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Rubik,"Segoe UI",system-ui,-apple-system,Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased;transition:background .4s,color .4s}
a{color:inherit}h1,h2,h3{font-weight:600;letter-spacing:-.01em;line-height:1.2;margin:0}p{margin:0}
:focus-visible{outline:3px solid var(--y);outline-offset:3px;border-radius:6px}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
main{transition:opacity .14s}body.sw main{opacity:0}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:var(--hdr);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s,background .4s}
header.sc{border-color:var(--line);box-shadow:0 6px 24px rgba(30,35,41,.06)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;height:70px}
.logo{display:block;flex:none}
.logo img{height:44px;width:auto}.logo .a{display:var(--ll)}.logo .b{display:var(--ld)}
nav{display:flex;gap:20px;font-size:14.5px;white-space:nowrap}
nav a{text-decoration:none;color:var(--mut);position:relative;padding:4px 0;transition:color .25s}
nav a:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--y);transform:scaleX(0);transform-origin:left;transition:transform .3s}
nav a:hover{color:var(--ink)}nav a:hover:after{transform:scaleX(1)}
.right{display:flex;align-items:center;gap:10px}
.lang{display:flex;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:3px}
.lang button{background:none;border:0;color:var(--mut);padding:5px 12px;border-radius:999px;font:500 13px Rubik,sans-serif;cursor:pointer;transition:background .3s,color .3s}
.lang button.on{background:var(--y);color:#1e2329}
.sw a{color:var(--mut);padding:5px 12px;border-radius:999px;font:500 13px Rubik,sans-serif;text-decoration:none;transition:background .3s,color .3s}
.sw a.on{background:var(--ink);color:var(--sf)}.sw a:not(.on):hover{color:var(--ink)}
.tt{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--sf);color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:transform .4s,border-color .25s}
.tt:hover{border-color:var(--y);transform:rotate(18deg)}
.tt .moon{display:var(--ms)}.tt .sun{display:var(--ss)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;border-radius:12px;font:500 16px Rubik,sans-serif;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:transform .25s,box-shadow .25s,background .25s,border-color .25s}
.btn.p{background:var(--y);color:#1e2329}.btn.p:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(245,184,0,.35)}
.btn.g{border-color:var(--line);background:var(--sf);color:var(--ink)}.btn.g:hover{border-color:var(--y);transform:translateY(-2px)}
.btn.sm{padding:9px 18px;font-size:14.5px;white-space:nowrap}
.hero{padding:60px 0 36px;background:radial-gradient(900px 420px at 88% 0%,var(--glow),transparent 65%)}
.hg{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center}
.hero h1{font-size:clamp(30px,4.1vw,46px);max-width:640px}
.hero .lead{font-size:19px;color:var(--mut);max-width:520px;margin:18px 0 28px}
.acts{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}
.checks{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 24px;font-size:15px}
.checks li{display:flex;align-items:center;gap:8px}
.checks li:before{content:"\2713";display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--gs);color:var(--g);font-size:13px;font-weight:600;flex:none}
.checks b{font-weight:600;margin-right:-4px}
.vis{position:relative;max-width:400px;margin:0 auto;width:100%}
.vis{aspect-ratio:1/1}
.hring{position:absolute;inset:6%;border-radius:50%;background:var(--ys);animation:pop .9s cubic-bezier(.2,.8,.2,1) .05s both}
.hring:after{content:"";position:absolute;inset:-7%;border-radius:50%;border:2px dashed rgba(245,184,0,.45);animation:spin 40s linear infinite}
.vis .hic{position:absolute;left:25%;top:24%;width:50%;height:auto;filter:drop-shadow(0 18px 26px rgba(30,35,41,.16));animation:pop .9s cubic-bezier(.2,.8,.2,1) .25s both}
.hic .ik{fill:var(--ink)}
@keyframes spin{to{transform:rotate(360deg)}}
.ring{fill:var(--ys)}
.shield{transform-origin:210px 190px;animation:pop .9s cubic-bezier(.2,.8,.2,1) .15s both}
.tick{stroke-dasharray:1;stroke-dashoffset:1;animation:draw .8s ease .9s forwards}
.chip{position:absolute;display:flex;align-items:center;gap:8px;background:var(--sf);border:1px solid var(--line);box-shadow:var(--sh);border-radius:999px;padding:9px 16px;font-size:14px;font-weight:500;white-space:nowrap;animation:fl 6s ease-in-out infinite,up .8s cubic-bezier(.2,.7,.2,1) both}
.chip:before{content:"\2713";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--gs);color:var(--g);font-size:12px}
.c1{top:5%;left:-6%;animation-delay:0s,1.3s}.c2{top:5%;right:-6%;animation-delay:1.5s,1.5s}.c3{bottom:6%;left:-2%;animation-delay:3s,1.7s}
[data-a]{animation:up .8s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--n,0)*110ms + 100ms)}
@keyframes up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes pop{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:none}}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes fl{50%{translate:0 -8px}}
.stmt{margin-top:52px;display:grid;grid-template-columns:1fr;gap:26px;align-items:center;background:var(--sf);border:1px solid var(--line);border-radius:24px;padding:32px 36px;box-shadow:var(--sh)}
.stmt h2{font-size:clamp(22px,2.6vw,28px);margin-bottom:10px}.stmt p{color:var(--mut);font-size:16px;max-width:720px}
.flow{list-style:none;margin:0;padding:0;display:flex;align-items:center}
.flow li{display:flex;align-items:center;flex:none}
.flow li+li{flex:1}
.flow li+li:before{content:"";display:block;flex:1;min-width:12px;height:2px;background:var(--line);margin:0 8px}
.np{display:flex;align-items:center;gap:8px;padding:8px 15px 8px 9px;border-radius:999px;background:var(--bg);border:1px solid var(--line);font-weight:500;font-size:15px;animation:act 10s ease-in-out infinite;animation-delay:calc(var(--i)*2s)}
.np i{font-style:normal;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ys);color:var(--ink);font-size:12.5px;font-weight:600}
@keyframes act{0%,15%{background:var(--y);border-color:var(--y);color:#1e2329;transform:translateY(-3px);box-shadow:0 8px 18px rgba(245,184,0,.35)}24%,100%{background:var(--bg);border-color:var(--line);color:var(--ink);transform:none;box-shadow:none}}
.mqw{padding:34px 0 8px}
.mql{text-align:center;color:var(--mut);font-size:14px;margin-bottom:14px}
.mq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.track{display:flex;width:max-content;animation:mq 70s linear infinite}.mq:hover .track{animation-play-state:paused}
.grp{display:flex;gap:12px;padding-right:12px}
.pill{white-space:nowrap;padding:9px 18px;border:1px solid var(--line);border-radius:999px;background:var(--sf);font-size:14px;color:var(--mut)}
@keyframes mq{to{transform:translateX(-50%)}}
section{padding:72px 0}
.hd2{margin-bottom:40px;max-width:640px}.hd2 h2{font-size:clamp(26px,3.4vw,36px)}.hd2 p{color:var(--mut);margin-top:12px;font-size:17px}
.rv{opacity:0}.rv.in{animation:up .7s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--d,0)*70ms)}.rv.done{animation:none;opacity:1}
.card{background:var(--sf);border:1px solid var(--line);border-radius:20px;padding:26px;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}
.card:hover{transform:translateY(-4px);box-shadow:var(--sh);border-color:rgba(245,184,0,.7)}
.card h3{font-size:19px;margin:0 0 8px}.card p{color:var(--mut);font-size:15.5px}
.ic{width:46px;height:46px;border-radius:14px;background:var(--ys);display:grid;place-items:center;margin-bottom:16px;color:var(--ink);transition:transform .35s}
.card:hover .ic{transform:rotate(-6deg) scale(1.06)}
.lk{display:inline-flex;margin-top:18px;font-weight:500;text-decoration:none;border-bottom:2px solid var(--y);padding-bottom:1px;transition:padding .25s}.lk:hover{padding-right:8px}
.ti{width:56px;height:56px;border-radius:16px;background:var(--ys);display:grid;place-items:center;color:var(--ink);transition:background .3s;flex:none}
.tchip:hover .tci,.tchip.play .tci,.ti.play{background:var(--y);color:#1e2329}
.ti svg{width:28px;height:28px}
.ti svg,.tci svg{transform-box:fill-box;transform-origin:center}
.a-lift:hover svg,.a-lift.play svg{animation:lift 1s ease-in-out}
.a-beat:hover svg,.a-beat.play svg{animation:beat 1s ease-in-out}
.a-wave:hover svg,.a-wave.play svg{animation:wave 1s ease-in-out;transform-origin:20% 90%}
.a-bounce:hover svg,.a-bounce.play svg{animation:bounce 1s ease-in-out}
.a-shake:hover svg,.a-shake.play svg{animation:shake .7s ease-in-out}
.a-climb:hover svg,.a-climb.play svg{animation:climb 1.1s ease-in-out}
.a-flick:hover svg,.a-flick.play svg{animation:flick 1s ease-in-out;transform-origin:50% 90%}
.a-swirl:hover svg,.a-swirl.play svg{animation:swirl 1.1s ease-in-out}
@keyframes lift{30%{transform:translateY(-7px)}60%{transform:none}78%{transform:translateY(-3px)}}
@keyframes beat{20%{transform:scale(1.22)}40%{transform:scale(.94)}60%{transform:scale(1.18)}80%{transform:none}}
@keyframes wave{25%{transform:rotate(-12deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-6deg)}}
@keyframes bounce{30%{transform:scale(1.16) translateY(-5px)}50%{transform:scale(.94)}70%{transform:scale(1.06)}}
@keyframes shake{15%{transform:translateX(-4px) rotate(-6deg)}35%{transform:translateX(4px) rotate(6deg)}55%{transform:translateX(-3px) rotate(-4deg)}75%{transform:translateX(3px) rotate(3deg)}}
@keyframes climb{45%{transform:translateY(-12px);opacity:0}46%{transform:translateY(12px);opacity:0}100%{transform:none;opacity:1}}
@keyframes flick{20%{transform:scale(.92,1.12) skewX(-5deg)}40%{transform:scale(1.06,.94) skewX(5deg)}60%{transform:scale(.95,1.1) skewX(-3deg)}80%{transform:scale(1.03,.98)}}
@keyframes swirl{25%{transform:rotate(-14deg)}60%{transform:rotate(12deg)}85%{transform:rotate(-5deg)}}
.ov{position:fixed;inset:0;z-index:50;background:rgba(14,16,19,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.ov.on{opacity:1;visibility:visible}
.md{position:relative;background:var(--sf);border-radius:24px;max-width:580px;width:100%;max-height:min(88vh,760px);overflow:auto;padding:32px;box-shadow:0 30px 80px rgba(0,0,0,.35);transform:translateY(26px) scale(.97);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.ov.on .md{transform:none}
.x{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:20px;line-height:1;cursor:pointer;transition:transform .3s,border-color .25s}.x:hover{transform:rotate(90deg);border-color:var(--y)}
.mh{display:flex;gap:16px;align-items:center;margin-bottom:22px;padding-right:44px}.mh h3{font-size:22px}
.ms{margin-bottom:20px}.ms small{display:block;color:var(--mut);font-size:13.5px;margin-bottom:6px}
.tp{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tp li{display:flex;gap:10px;align-items:flex-start;line-height:1.5}
.tp li:before{content:"\2713";flex:none;width:22px;height:22px;border-radius:50%;background:var(--gs);color:var(--g);display:grid;place-items:center;font-size:12px;font-weight:600;margin-top:1px}
.ov.on .tp li{animation:up .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--d)*70ms + 200ms)}
.mnote{font-size:13.5px;color:var(--mut);margin:4px 0 22px}
.mb{display:flex;flex-wrap:wrap;gap:10px}.mb .btn{padding:12px 22px;font-size:15px}
.ab{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:start}
.ab .lead2{font-size:17px;color:var(--mut);margin-bottom:14px}
.mis{background:var(--ys);border-radius:18px;padding:22px 24px;margin:24px 0}.mis b{display:block;font-weight:600;margin-bottom:6px}
.pil{display:grid;gap:14px}
.pi{border-left:4px solid var(--y);background:var(--sf);border-radius:0 18px 18px 0;padding:18px 22px;border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:transform .3s,box-shadow .3s}
.pi:hover{transform:translateX(6px);box-shadow:var(--sh)}.pi b{display:block;font-size:19px;font-weight:600;margin-bottom:2px}.pi span{color:var(--mut);font-size:15px}
.wh{margin-top:56px}.wh h3{font-size:22px;margin-bottom:24px}
.why{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
.tk{width:34px;height:34px;border-radius:50%;background:var(--gs);color:var(--g);display:grid;place-items:center;font-weight:600;margin-bottom:14px}
.why h3{font-size:17.5px;margin-bottom:6px}.why p{color:var(--mut);font-size:15px}
.band{background:var(--band)}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
.steps:before,.steps:after{content:"";position:absolute;top:22px;left:22px;right:22px;height:2px;background:var(--line)}
.steps:after{background:var(--y);transform:scaleX(0);transform-origin:left}
.steps.in:after{transform:scaleX(1);transition:transform 1.6s cubic-bezier(.4,0,.2,1) .2s}
.steps li{position:relative;z-index:1;opacity:0}
.steps.in li:not(.show){animation:up .7s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--d)*180ms + 100ms)}
.steps li.show{opacity:1}
.sn{width:44px;height:44px;border-radius:50%;background:var(--sf);border:2px solid var(--y);display:grid;place-items:center;font-weight:600;margin-bottom:16px}
.steps h3{font-size:17.5px;margin-bottom:6px}.steps p{color:var(--mut);font-size:15px}
.lg{display:grid;grid-template-columns:1fr 1fr;gap:24px 40px;align-items:center}
.order{background:var(--ys);border-radius:20px;padding:26px}.order b{display:block;font-weight:600;margin-bottom:8px}
.law{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}
.law>div{background:var(--sf);border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:12px;font-size:15.5px;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}
.law>div:hover{transform:translateY(-4px);box-shadow:var(--sh);border-color:rgba(245,184,0,.7)}
.code{align-self:flex-start;background:var(--ys);color:var(--yd);font-weight:600;font-size:13px;padding:2px 10px;border-radius:7px;white-space:nowrap}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.fc{border:1px solid var(--line);background:var(--sf);color:var(--ink);border-radius:999px;padding:7px 16px;font:500 14px Rubik,sans-serif;cursor:pointer;transition:background .25s,border-color .25s}
.fc:hover{border-color:var(--y)}.fc.on{background:var(--y);border-color:var(--y);color:#1e2329}
.chd{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:32px}.chd .hd2{margin-bottom:0}
.cs{display:flex;gap:12px}.cs div{background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:12px 20px;min-width:140px}
.cs b{display:block;font-size:26px;font-weight:600;line-height:1.15}.cs span{font-size:13px;color:var(--mut)}
.fc em{font-style:normal;opacity:.6;margin-left:6px;font-size:12.5px}
.cg{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.cl{grid-column:span 2;display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:16px}
.cl.fe{grid-column:span 3;padding:24px;gap:18px;background:var(--ys);border-color:transparent}
.mono.lgm{width:54px;height:54px;font-size:17px;background:var(--y);color:#1e2329;border-radius:14px}
.fe strong{font-size:18px;margin-bottom:8px}
.fs{list-style:none;margin:0;padding:0;display:grid;gap:5px;font-size:14.5px;color:var(--mut)}.fs li:before{content:"\2713";color:var(--g);font-weight:600;margin-right:8px}
.cl.pop{animation:up .45s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--d,0)*35ms)}
.mono{flex:none;width:42px;height:42px;border-radius:12px;background:var(--ys);display:grid;place-items:center;font-weight:600;font-size:14px}
.cl strong{display:block;font-weight:500;font-size:15.5px;line-height:1.35;margin-bottom:6px}
.tag{display:inline-block;font-size:12px;color:var(--mut);background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:1px 9px;margin:0 4px 4px 0}
.cbox{display:grid;grid-template-columns:.9fr 1.1fr;border-radius:28px;overflow:hidden;box-shadow:var(--sh);border:1px solid var(--line)}
.cp{background:var(--pn);color:var(--pt);padding:44px 40px;position:relative;overflow:hidden}
.cp:after{content:"";position:absolute;right:-80px;bottom:-80px;width:240px;height:240px;border-radius:50%;background:var(--pdec)}
.cp>*{position:relative;z-index:1}
.cp h2{font-size:clamp(26px,3vw,32px);color:var(--pt)}.cp .sb{color:var(--pm);margin-top:10px}
.crow{display:flex;gap:14px;align-items:flex-start;margin-top:24px}
.cic{flex:none;width:46px;height:46px;border-radius:50%;background:var(--pi);color:var(--pic);display:grid;place-items:center;transition:transform .3s,background .3s}
.crow:hover .cic{transform:scale(1.08);background:var(--y);color:#1e2329}
.crow small{display:block;color:var(--pm);font-size:13px;line-height:1.3;margin-bottom:2px}
.crow a,.crow .v{color:var(--pt);text-decoration:none;font-size:18px;font-weight:500;display:block;line-height:1.45;transition:color .25s}.crow a:hover{color:var(--yd)}
.nx{margin-top:36px;padding-top:26px;border-top:1px solid var(--pd)}
.nx b{display:block;font-weight:500;margin-bottom:10px;color:var(--pt)}.nx ol{margin:0;padding-left:20px;color:var(--pm);font-size:14.5px}.nx li{margin-bottom:6px;padding-left:4px}
.fp{background:var(--sf);padding:44px 40px;display:grid;gap:18px;align-content:start}
.fp h3{font-size:22px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fld>span,label>span{display:block;font-size:14px;font-weight:500}
.svs{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.sv{position:relative}.sv input{position:absolute;opacity:0;pointer-events:none}
.sv span{display:inline-block;padding:7px 14px;border:1.5px solid var(--line);border-radius:999px;font-size:14px;font-weight:400;cursor:pointer;transition:background .25s,border-color .25s}
.sv:hover span{border-color:var(--y)}.sv input:checked+span{background:var(--y);border-color:var(--y);color:#1e2329;font-weight:500}.sv input:focus-visible+span{outline:3px solid var(--y);outline-offset:2px}
input.t,textarea{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font:inherit;margin-top:6px;transition:border-color .25s,box-shadow .25s}
input.t:focus,textarea:focus{outline:0;border-color:var(--y);box-shadow:0 0 0 4px var(--ys)}
.note{font-size:13px;color:var(--mut)}
footer{border-top:1px solid var(--line);padding:36px 0 28px;color:var(--mut);font-size:14px}
.ft{display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between}
.ft .logo img{height:38px}.ft nav{flex-wrap:wrap;gap:8px 20px}.ft .cr{width:100%;padding-top:20px;border-top:1px solid var(--line);margin-top:4px}
.fab{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:56px;height:56px;border-radius:50%;background:var(--y);color:#1e2329;display:none;place-items:center;box-shadow:0 10px 24px rgba(245,184,0,.45);z-index:25;transition:transform .25s}.fab:active{transform:scale(.94)}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}
.rv,[data-a],.steps li,.chip{opacity:1}.tick{stroke-dashoffset:0}.steps:after{transform:scaleX(1)}
.track{flex-wrap:wrap;width:auto}.grp[aria-hidden]{display:none}.grp{flex-wrap:wrap}.mq{-webkit-mask-image:none;mask-image:none}}

/* ---- home: services + training ---- */
.trc{background:var(--ys);border-color:transparent;display:grid;grid-template-columns:.85fr 1.15fr;gap:32px;align-items:center;padding:32px}
.trc:hover{transform:none;box-shadow:none;border-color:transparent}
.trc .ic{background:var(--y);color:#1e2329}
.trc h3{font-size:22px}.trc p{color:var(--ink);opacity:.8;max-width:420px}
.hint{display:block;margin-top:14px;font-size:14px;color:var(--mut)}
.tch{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tchip{display:flex;align-items:center;gap:12px;text-align:left;padding:10px 14px 10px 10px;border:1px solid var(--line);border-radius:14px;background:var(--sf);color:var(--ink);font:500 14.5px/1.3 Rubik,sans-serif;cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s}
.tchip:hover{transform:translateY(-2px);border-color:var(--y);box-shadow:var(--sh)}
.tci{flex:none;width:38px;height:38px;border-radius:11px;background:var(--ys);display:grid;place-items:center;transition:background .3s}
.tci svg{width:21px;height:21px}
.svrow{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.svrow>.card{grid-column:span 2;padding:24px}
/* ---- sectors strip ---- */
.slim{padding:36px 0;background:var(--sf);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sl{display:flex;align-items:center;gap:20px 28px;flex-wrap:wrap}
.sl-l{font-weight:500;font-size:16px;flex:none}
.sr{display:flex;flex-wrap:wrap;gap:10px}
.schip{display:inline-flex;align-items:center;gap:8px;padding:8px 16px 8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--bg);font-size:14.5px;cursor:default;transition:background .25s,border-color .25s,transform .25s}
.schip svg{width:18px;height:18px;color:var(--yd)}
.schip:hover{background:var(--y);border-color:var(--y);color:#1e2329;transform:translateY(-2px)}.schip:hover svg{color:#1e2329}
/* ---- about / legal teaser / clients teaser ---- */
.hw{margin-top:56px}.hw h3{font-size:22px;margin-bottom:28px}
.lt{display:grid;grid-template-columns:1.1fr .9fr;gap:32px 48px;align-items:center}
.lcodes{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.lcodes .code{text-decoration:none;transition:background .25s,color .25s}.lcodes .code:hover{background:var(--y);color:#1e2329}
.lt .order .btn{margin-top:18px}
.moreb{margin-top:28px;display:flex;justify-content:center}
.cfeat{margin-top:0}
/* ---- subpages ---- */
.ph{padding:44px 0 8px;background:radial-gradient(800px 320px at 90% 0%,var(--glow),transparent 65%)}
.back{display:inline-flex;align-items:center;gap:6px;color:var(--mut);text-decoration:none;font-size:14.5px;margin-bottom:18px;transition:color .25s,transform .25s}.back:hover{color:var(--ink);transform:translateX(-3px)}
.ph h1{font-size:clamp(28px,4vw,40px);margin-bottom:12px}.ph p.sub{color:var(--mut);font-size:17px;max-width:680px}
.pg{padding:32px 0 64px}
.lbl{font-weight:600;font-size:18px;margin:36px 0 0}
.ctas{margin-top:48px;background:var(--ys);border-radius:24px;padding:32px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px 32px;flex-wrap:wrap}
.ctas h2{font-size:clamp(20px,2.4vw,26px);margin-bottom:6px}.ctas p{color:var(--ink);opacity:.8}
nav a.cur{color:var(--ink)}nav a.cur:after{transform:scaleX(1)}
header{min-height:70px}
body:not([data-page="home"]) main{animation:pgin .45s cubic-bezier(.2,.7,.2,1) backwards}
@keyframes pgin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.law.l3{margin-top:20px}
/* ---- responsive ---- */
@media(max-width:1560px){.right .btn{display:none}}
@media(max-width:1020px){nav{gap:14px;font-size:13.5px}.trc{grid-template-columns:1fr}}
@media(max-width:900px){
header>.wrap>nav{display:none}.ft nav{display:flex}
.hg,.lg,.ab,.stmt,.cbox,.lt{grid-template-columns:1fr}.hg{gap:20px}.order{margin-top:0}
section{padding:52px 0}.slim{padding:28px 0}.fab{display:grid}.chip{font-size:12.5px;padding:7px 12px}.c1{left:0}.c2{right:0}
.vis{max-width:250px}
.stmt{padding:24px 20px;margin-top:36px}.cp,.fp{padding:32px 24px}
.flow{flex-wrap:wrap;gap:8px}.flow li+li{flex:none}.flow li+li:before{display:none}
.hero{padding:40px 0 24px}.mqw{padding-top:24px}
.svrow,.pil{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-left:-24px;margin-right:-24px;padding:4px 24px 12px;scroll-padding:0 24px;scrollbar-width:none}
.svrow::-webkit-scrollbar,.pil::-webkit-scrollbar{display:none}
.svrow{margin-top:12px}
.svrow>.card,.svrow>.card:nth-child(n+4){flex:0 0 76%;grid-column:auto;scroll-snap-align:start}
.pi{flex:0 0 80%;scroll-snap-align:start}.pi:hover{transform:none}
.trc{padding:24px 20px;gap:22px}
.steps{grid-template-columns:1fr 1fr;row-gap:28px}.steps:before,.steps:after{display:none}
.why{grid-template-columns:1fr 1fr}.cg{grid-template-columns:1fr 1fr}.cl,.cl.fe{grid-column:auto}.cl.fe{grid-column:1/-1}.law{grid-template-columns:1fr 1fr}.md{padding:26px 22px}
.hw,.wh{margin-top:40px}
.ctas{padding:26px 22px}
}
@media(max-width:560px){
.lang:not(.sw) button.on{display:none}.lang button,.sw a{padding:5px 10px}
.crow>div:last-child{min-width:0}.crow a,.crow .v{font-size:clamp(13px,3.8vw,16px);overflow-wrap:anywhere}
.cg,.two,.law,.tch{grid-template-columns:1fr}.cs{width:100%}.cs div{flex:1;min-width:0}
.btn{width:100%}.btn.sm{width:auto}
.steps{grid-template-columns:1fr;row-gap:14px}.steps li{display:grid;grid-template-columns:44px 1fr;column-gap:14px}.steps .sn{grid-row:span 2;margin:0}.steps h3{margin-top:2px}
.why{grid-template-columns:1fr;gap:14px}.why>div{display:grid;grid-template-columns:34px 1fr;column-gap:12px}.why .tk{grid-row:span 2;margin:0}.why h3{margin-top:4px}
.sr{flex-wrap:nowrap;overflow-x:auto;margin:0 -24px;padding:2px 24px 8px;scrollbar-width:none}.sr::-webkit-scrollbar{display:none}.schip{flex:none}
.sl{gap:12px}
.ph{padding-top:28px}
}
@media(max-width:420px){.wrap{padding:0 16px}.nav{gap:8px}header .logo img{height:32px;width:auto}.right{gap:6px}.lang button{padding:5px 10px}
.svrow,.pil,.sr{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;scroll-padding:0 16px}}

.ex{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.exc{display:flex;flex-direction:column;gap:0;text-decoration:none;color:inherit}
.exc .mr{margin-top:auto;padding-top:16px;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:8px}
.exc .mr:after{content:"";width:7px;height:7px;border:solid currentColor;border-width:2px 2px 0 0;transform:rotate(45deg);transition:transform .25s}
.exc:hover .mr:after{transform:translateX(4px) rotate(45deg)}
@media(max-width:1020px){.ex{grid-template-columns:1fr 1fr}}
/* Phones: the four cards become a compact list of rows (icon, title, one line, arrow) */
@media(max-width:560px){.ex{grid-template-columns:1fr;gap:10px}
.exc{display:grid;grid-template-columns:44px 1fr 14px;column-gap:14px;align-items:center;padding:14px 16px}
.exc .ic{grid-row:1/3;margin:0;width:44px;height:44px}
.exc h3{grid-column:2;margin:0;font-size:16px}
.exc p{grid-column:2;margin:2px 0 0;font-size:13.5px;line-height:1.4}
.exc .mr{grid-column:3;grid-row:1/3;padding:0;margin:0;font-size:0;gap:0}}
.law b{font-weight:600;font-size:16.5px;line-height:1.35}.law .sd{color:var(--mut);font-size:15px}

/* floating contact button */
.fl{position:fixed;right:max(18px,env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:40;display:flex;flex-direction:column;align-items:flex-end;gap:12px;animation:pop .6s cubic-bezier(.2,.8,.2,1) 1.2s both}
.flb{position:relative;width:70px;height:70px;border-radius:50%;border:0;background:var(--y);color:#1e2329;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 26px rgba(245,184,0,.5);transition:transform .25s,box-shadow .25s}
.flb:hover{transform:translateY(-2px) scale(1.04)}.flb:active{transform:scale(.94)}
.flb:before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--y);animation:ring 2.8s ease-out infinite 2.5s;pointer-events:none}
.fl.open .flb:before{animation:none;opacity:0}
@keyframes ring{0%{transform:scale(1);opacity:.7}70%,100%{transform:scale(1.55);opacity:0}}
.flb .o,.flb .c{grid-area:1/1;display:grid;place-items:center;transition:transform .35s,opacity .25s}
.flb .c{opacity:0;transform:rotate(-90deg) scale(.6)}
.fl.open .flb .o{opacity:0;transform:rotate(90deg) scale(.6)}.fl.open .flb .c{opacity:1;transform:none}
.flm{display:flex;flex-direction:column;align-items:flex-end;gap:10px;visibility:hidden}
.fl.open .flm{visibility:visible}
.flm a{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);opacity:0;transform:translateY(12px) scale(.96);transition:opacity .25s,transform .3s cubic-bezier(.2,.8,.2,1)}
.flm a>span{background:var(--sf);border:1px solid var(--line);box-shadow:var(--sh);border-radius:999px;padding:8px 16px;font-size:14.5px;font-weight:500;white-space:nowrap}
.flm a>i{width:46px;height:46px;border-radius:50%;background:var(--sf);border:1px solid var(--line);box-shadow:var(--sh);display:grid;place-items:center;color:var(--ink);transition:background .25s,border-color .25s}
.flm a:hover>i{background:var(--y);border-color:var(--y);color:#1e2329}
.fl.open .flm a{opacity:1;transform:none}
.fl.open .flm a:nth-last-child(2){transition-delay:.05s}.fl.open .flm a:nth-last-child(3){transition-delay:.1s}
@media(max-width:900px){.fab{display:none!important}}
/* the web/app switch needs the room: the menu moves to the footer sooner */
@media(max-width:1400px){header>.wrap>nav{display:none}
.mnb{display:flex}}
@media(max-width:360px){header .logo img{height:26px}.right{gap:4px}}
/* "Get the app": header button and the download section */
.dlb{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--sf);color:var(--ink);font:500 13.5px Rubik,sans-serif;text-decoration:none;white-space:nowrap;transition:border-color .25s,transform .25s}
.dlb:hover{border-color:var(--y);transform:translateY(-1px)}.dlb svg{flex:none;color:var(--yd)}
@media(max-width:720px){.dlb{width:38px;padding:0;justify-content:center}.dlb span{display:none}}
.dlg{display:grid;grid-template-columns:1fr 1fr 260px;gap:16px;align-items:start}
.dlc{position:relative;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.dlc>p{margin:0 0 18px}
.dlc .btn{margin-bottom:6px}
.apk{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.apk small{color:var(--mut);font-size:13px}
.apk[hidden],.dls[hidden],.alt[hidden],.soon[hidden]{display:none}
.dls{list-style:none;counter-reset:s;margin:16px 0 0;padding:0;display:grid;gap:10px;font-size:15px}
.dls li{counter-increment:s;display:grid;grid-template-columns:26px 1fr;column-gap:10px;align-items:start}
.dls li:before{content:counter(s);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ys);color:var(--ink);font-size:13px;font-weight:600}
.dls li .inl{vertical-align:-3px;margin-left:5px}
.dlc>.alt,.dlc>.soon{font-size:14px;color:var(--mut);margin:16px 0 0}.dlc>.soon{margin:0;padding:12px 14px;border-radius:12px;background:var(--ys);color:var(--ink)}
.you{display:none;position:absolute;top:18px;right:18px;padding:3px 10px;border-radius:999px;background:var(--y);color:#1e2329;font-size:12px;font-weight:600}
[data-dev="android"] #dla,[data-dev="ios"] #dli{border-color:var(--y);box-shadow:var(--sh)}
[data-dev="android"] #dla .you,[data-dev="ios"] #dli .you{display:block}
[data-dev="ios"] #dli{order:-1}
.dlq{align-items:center;text-align:center}.dlq .qr{width:180px;height:180px;border-radius:12px;background:#fff;padding:8px}
.dlq p{margin:14px 0 0;font-size:14px}
.shs{width:100%;margin:18px 0 0}.shs[hidden]{display:none}
.shh{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 10px;font-size:14px}.shh span{color:var(--mut);font-size:13px}
.shr{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 8px;margin:0 -2px;scrollbar-width:thin}
.sht{position:relative;flex:none;width:96px;padding:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg);cursor:zoom-in;scroll-snap-align:start;transition:transform .25s,border-color .25s,box-shadow .25s}
.sht:hover{transform:translateY(-2px);border-color:var(--y);box-shadow:var(--sh)}
.sht img{display:block;width:100%;height:auto;aspect-ratio:360/760}
.sht span{position:absolute;top:6px;left:6px;width:22px;height:22px;border-radius:50%;background:var(--y);color:#1e2329;font:600 12px/22px Rubik,sans-serif;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.svd{position:relative;background:var(--sf);border-radius:24px;width:100%;max-width:420px;max-height:96vh;overflow:auto;padding:22px 22px 18px;box-shadow:0 30px 80px rgba(0,0,0,.35);transform:translateY(16px) scale(.98);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.ov.on .svd{transform:none}
.svd figure{margin:0}
.svd img{display:block;height:min(62vh,560px);width:auto;max-width:100%;aspect-ratio:360/760;margin:0 auto;border-radius:18px;border:1px solid var(--line);background:var(--bg)}
.svd figcaption{margin:14px 4px 0;font-size:15px;line-height:1.45;min-height:44px}.svd figcaption b{display:block;color:var(--yd);font-size:13px;font-weight:600;margin-bottom:2px}
.svb{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.svb .btn{flex:none;width:auto;min-width:64px;padding:10px 20px}.svb .btn:disabled{opacity:.4;cursor:default}
.svb span{color:var(--mut);font-size:13.5px;white-space:nowrap}
.svd .x{z-index:1}
.dln{margin:18px 0 0;color:var(--mut);font-size:14.5px}
@media(max-width:1020px){.dlg{grid-template-columns:1fr 1fr}.dlq{display:none}}
@media(max-width:720px){.dlg{grid-template-columns:1fr}}
/* on a phone, the other phone's card is secondary */
[data-dev="android"] #dli,[data-dev="ios"] #dla{opacity:.85}

/* risk assessment page */
.card.lnk{display:block;color:inherit;text-decoration:none;cursor:pointer}
.card.lnk .hint{display:inline-block;margin-top:12px;font-weight:600;font-size:14.5px}
.card.lnk:hover .hint{text-decoration:underline}
.docs{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:20px}
.doc{background:var(--sf);border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:10px;color:inherit;text-decoration:none;transition:transform .35s,box-shadow .35s,border-color .35s}
.doc:hover{transform:translateY(-4px);box-shadow:var(--sh);border-color:rgba(245,184,0,.7)}
.doc b{font-weight:600;font-size:16.5px;line-height:1.35}.doc .sd{color:var(--mut);font-size:15px}
.rasteps{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.rasteps li{background:var(--sf);border:1px solid var(--line);border-radius:18px;padding:20px}
.rasteps h3{font-size:16.5px;margin-bottom:6px}.rasteps p{color:var(--mut);font-size:15px}
.rap{max-width:760px;margin-top:14px;color:var(--mut);font-size:16.5px}
.rp{display:flex;flex-direction:column;gap:6px;background:var(--sf);border:1px solid var(--line);border-radius:18px;padding:22px;margin-top:20px;max-width:420px}
.rp a{color:inherit}
@media(max-width:1000px){.rasteps{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.docs,.rasteps{grid-template-columns:1fr}}
a.chip{color:inherit;text-decoration:none;cursor:pointer;transition:border-color .25s}a.chip:hover{border-color:var(--y)}

/* ---- 2026-11 revision ---- */
/* hero: checks sit under the title, buttons look raised */
.hero .checks{margin:22px 0 28px}
.hero .acts{margin-bottom:0}
.hero .acts .btn,.apx .acts .btn{box-shadow:0 4px 0 rgba(30,35,41,.14),0 10px 22px rgba(30,35,41,.10);transition:transform .2s,box-shadow .2s,background .25s,border-color .25s}
.hero .acts .btn.p,.apx .acts .btn.p{box-shadow:0 4px 0 #c99400,0 12px 24px rgba(245,184,0,.38)}
.hero .acts .btn:hover,.apx .acts .btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 rgba(30,35,41,.14),0 14px 26px rgba(30,35,41,.12)}
.hero .acts .btn.p:hover,.apx .acts .btn.p:hover{box-shadow:0 6px 0 #c99400,0 16px 28px rgba(245,184,0,.42)}
.hero .acts .btn:active,.apx .acts .btn:active{transform:translateY(3px);box-shadow:0 1px 0 rgba(30,35,41,.14),0 4px 10px rgba(30,35,41,.10)}
.hero .acts .btn.p:active,.apx .acts .btn.p:active{box-shadow:0 1px 0 #c99400,0 4px 10px rgba(245,184,0,.3)}
/* bigger floating contact button */
.flb .o svg{width:30px;height:30px}
/* services 3 x 2, training on its own */
.svrow>.card{grid-column:span 2}
#training .trc{margin:0}
.kick{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--yd);margin-bottom:10px}
.wsec{padding-top:24px}
.why>div{background:var(--sf);border:1px solid var(--line);border-radius:18px;padding:22px}
.why{gap:16px}
/* app promo */
.apx{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;background:var(--pn);color:var(--pt);border-radius:28px;padding:44px 48px;overflow:hidden;position:relative}
.apx h2{font-size:clamp(26px,3.2vw,36px);margin-bottom:12px}
.apx .kick{color:var(--pt);opacity:.75}
.aps{color:var(--pm);font-size:17px;max-width:560px}
.apf{list-style:none;margin:22px 0 28px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;font-size:15px}
.apf li{display:flex;gap:10px;align-items:flex-start}
.apf li:before{content:"\2713";flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--pi);color:var(--pic);font-size:12px;font-weight:600;margin-top:1px}
.apx .acts{display:flex;flex-wrap:wrap;gap:12px}
.apq{margin-top:18px;font-size:14.5px;color:var(--pm)}
.apq a{color:var(--pt);font-weight:600}
.aph{justify-self:center;width:100%;max-width:260px;transform:rotate(3deg)}
.aph img{display:block;width:100%;height:auto;border-radius:30px;border:8px solid #1e2329;box-shadow:0 24px 50px rgba(30,35,41,.25);background:#1e2329}
/* header: download button state, menu button and side drawer for small screens */
.dlb.cur{border-color:var(--y)}
.mnb{display:none;flex:none;flex-direction:column;justify-content:center;gap:4px;width:40px;height:40px;padding:0 10px;margin-right:-6px;border:1px solid var(--line);border-radius:12px;background:var(--sf);cursor:pointer}
.mnb span{display:block;height:2px;border-radius:2px;background:var(--ink)}
.mnb span:nth-child(2){width:70%}
.drw{position:fixed;inset:0;z-index:60;background:rgba(14,16,19,.45);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.drw.on{opacity:1;visibility:visible}
.drp{position:absolute;left:0;top:0;bottom:0;width:min(320px,86vw);background:var(--sf);box-shadow:12px 0 40px rgba(0,0,0,.18);padding:calc(14px + env(safe-area-inset-top,0px)) 20px calc(20px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:18px;overflow-y:auto;transform:translateX(-102%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.drw.on .drp{transform:none}
.drh{display:flex;align-items:center;justify-content:space-between;gap:12px}
.drh .logo img{height:34px}
.drx{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:24px;line-height:1;cursor:pointer}
.drn{display:flex;flex-direction:column;gap:2px;font-size:17px;white-space:normal}
.drn a{display:block;padding:12px 12px;border-radius:12px;color:var(--ink);font-weight:500}
.drn a:after{display:none}
.drn a:hover,.drn a.cur{background:var(--ys)}
.dra{display:flex;flex-direction:column;gap:10px}
.dra .btn{width:100%}
.drl{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
.drl .lang button.on{display:block}
@media(max-width:1400px){.mnb{display:flex}
header .wrap.nav{justify-content:flex-start}
header .right{margin-left:auto}
}
@media(max-width:1020px){.why{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:900px){
.svrow>.card{grid-column:auto}
.apx{grid-template-columns:1fr;padding:32px 24px;gap:28px}
.aph{max-width:210px}
.why{grid-template-columns:1fr 1fr}
.flb{width:64px;height:64px}
}
@media(max-width:560px){
.apf{grid-template-columns:1fr}
.why{grid-template-columns:1fr}
.right .lang:not(.sw){display:none}
}
header .wrap.nav{max-width:1440px}
.hero .acts .btn{padding:14px 22px}
@media(max-width:900px){.vis{max-width:320px}
.c1{top:2%;left:-2%}
.c2{top:15%;right:-2%}
.c3{bottom:8%;left:0}
}
.hero{overflow-x:clip}
@media(max-width:560px){.aph{max-width:190px}}
/* phones: the four menu sections open as their own screens instead of sitting on the home page */
.vback{display:none}
@media(max-width:900px){
main>section[data-v]{display:none}
body.mview main>section{display:none}
body.mview main>section.vsel{display:block;min-height:calc(100vh - 70px);padding-top:20px}
body.mview .vback{display:inline-flex;align-items:center;gap:6px;margin-bottom:20px;font-size:14.5px;color:var(--mut);text-decoration:none}
}
@media(max-width:900px){body.mview .svrow,body.mview .pil{display:grid;grid-template-columns:1fr;overflow:visible;margin:0;padding:0}
body.mview .svrow>.card,body.mview .pi{flex:none}
}
/* phones: the Вэб | Апп switch stays at the top right */
@media(max-width:560px){header .logo img{height:32px;width:auto}}
@media(max-width:360px){.right .tt{display:none}
header .logo img{height:26px}
.sw a{padding:5px 8px}
}
/* ---- hero restyle (2026-11-04) ---- */
.hero h1 em{font-style:normal;background:linear-gradient(transparent 60%,rgba(245,184,0,.42) 60%,rgba(245,184,0,.42) 88%,transparent 88%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .06em}
.hero .checks{gap:10px}
.hero .checks li{background:var(--sf);border:1px solid var(--line);border-radius:999px;padding:6px 14px 6px 6px;font-size:14.5px;box-shadow:0 2px 8px rgba(30,35,41,.04)}
.hero .acts .btn.p{background:linear-gradient(180deg,#ffc72a 0%,#f5b800 100%);box-shadow:0 3px 0 #d39f00,0 10px 24px rgba(245,184,0,.30),inset 0 1px 0 rgba(255,255,255,.45)}
.hero .acts .btn.p:hover{box-shadow:0 5px 0 #d39f00,0 14px 28px rgba(245,184,0,.36),inset 0 1px 0 rgba(255,255,255,.45)}
.hero .acts .btn.g{box-shadow:0 3px 0 var(--line),0 8px 20px rgba(30,35,41,.06)}
.hero .acts .btn.g:hover{box-shadow:0 5px 0 var(--line),0 12px 24px rgba(30,35,41,.08)}
.hero .acts .btn.g:after{content:"";width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-2px) rotate(45deg);margin-left:2px}
/* visual: rings, glowing disc, icon tile, chips close around it */
.vis{max-width:380px}
.vis:before{content:"";position:absolute;inset:-12%;background-image:radial-gradient(rgba(30,35,41,.13) 1.2px,transparent 1.6px);background-size:18px 18px;-webkit-mask-image:radial-gradient(closest-side,#000 30%,transparent 100%);mask-image:radial-gradient(closest-side,#000 30%,transparent 100%);pointer-events:none}
.orb{position:absolute;border-radius:50%}
.o1{inset:4%;border:1.5px dashed rgba(245,184,0,.55);animation:spin 50s linear infinite}
.o1 b{position:absolute;width:10px;height:10px;margin:-5px;border-radius:50%;background:var(--y);box-shadow:0 0 0 4px rgba(245,184,0,.18)}
.o1 b:nth-child(1){top:0;left:50%}.o1 b:nth-child(2){top:75%;left:93.3%}.o1 b:nth-child(3){top:75%;left:6.7%;width:7px;height:7px;margin:-3.5px}
.o2{inset:-6%;border:1px solid var(--line);opacity:.8}
.hdisc{position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff8de 0%,#ffe9a6 62%,#ffdc72 100%);box-shadow:0 30px 60px rgba(245,184,0,.28),inset 0 -14px 30px rgba(245,184,0,.22);animation:pop .9s cubic-bezier(.2,.8,.2,1) .05s both}
.htile{position:absolute;left:31%;top:31%;width:38%;aspect-ratio:1/1;border-radius:28%;background:var(--sf);display:grid;place-items:center;box-shadow:0 22px 44px rgba(30,35,41,.18),0 4px 10px rgba(30,35,41,.08);animation:pop .9s cubic-bezier(.2,.8,.2,1) .25s both,fl 7s ease-in-out 1.2s infinite}
.vis .htile .hic{position:static;width:64%;height:auto;filter:none;animation:none;transform:translateX(4%)}
.chip{gap:10px;padding:6px 16px 6px 6px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 26px rgba(30,35,41,.10);z-index:1}
.chip:before{display:none}
.chip i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ys);color:var(--yd);flex:none}
.chip i svg{width:16px;height:16px}
.c1{top:14%;left:2%}
.c2{top:46%;right:-8%;left:auto;bottom:auto}
.c3{bottom:12%;left:6%;top:auto}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .hdisc{background:radial-gradient(circle at 35% 28%,rgba(245,184,0,.30),rgba(245,184,0,.10) 70%,rgba(245,184,0,.05));box-shadow:0 30px 60px rgba(0,0,0,.35)}
:root:not([data-theme="light"]) .chip{background:rgba(28,32,38,.88)}
:root:not([data-theme="light"]) .vis:before{background-image:radial-gradient(rgba(255,255,255,.12) 1.2px,transparent 1.6px)}}
:root[data-theme="dark"] .hdisc{background:radial-gradient(circle at 35% 28%,rgba(245,184,0,.30),rgba(245,184,0,.10) 70%,rgba(245,184,0,.05));box-shadow:0 30px 60px rgba(0,0,0,.35)}
:root[data-theme="dark"] .chip{background:rgba(28,32,38,.88)}
:root[data-theme="dark"] .vis:before{background-image:radial-gradient(rgba(255,255,255,.12) 1.2px,transparent 1.6px)}
@media(max-width:900px){.vis{max-width:300px;margin-top:8px}
.c1{top:10%;left:-4%}
.c2{top:46%;right:-6%}
.c3{bottom:8%;left:0}
.chip{font-size:12.5px;padding:5px 12px 5px 5px}
.chip i{width:24px;height:24px}.chip i svg{width:13px;height:13px}
}
@media(prefers-reduced-motion:reduce){.o1,.htile{animation:none}}
.hero .acts .btn{padding:14px 20px;font-size:15.5px}
.c2{right:-13%}
@media(max-width:900px){.c2{right:-8%}}