*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:#16181C;font-family:'Manrope',sans-serif;-webkit-font-smoothing:antialiased}
a{color:#2346FF;text-decoration:none}
a:hover{color:#0B1A80}
button{font:inherit;border:0;padding:0;cursor:pointer}
input[type=range]{accent-color:#2346FF}
.mono{font-family:'IBM Plex Mono',monospace}
.small{font-size:12px;opacity:.7;font-weight:500}.tiny{font-size:11px;color:#8A8D94}
.wrap{max-width:1240px;margin:0 auto;padding:0 28px}
.fill{position:absolute;inset:0;width:100%;height:100%;display:block}
.col{display:flex;flex-direction:column;gap:22px}.g4{gap:4px}.g6{gap:6px}.g10{gap:10px}.g18{gap:18px}.g28{gap:28px}.g40{gap:40px}.g48{gap:48px}
.row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.g8{gap:8px}.g14{gap:14px}.g24{gap:24px}
.rowb{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px}.rowb.c{align-items:center}
.right{align-items:flex-end}
.eyebrow{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.18em;color:#2346FF}
h1{margin:0;font-weight:800;font-size:clamp(46px,6.4vw,92px);line-height:.95;letter-spacing:-.045em;text-wrap:balance}
h2{margin:0;font-weight:800;font-size:clamp(38px,4.6vw,64px);line-height:1;letter-spacing:-.04em;text-wrap:balance}
.p{margin:0;max-width:620px;font-size:18px;line-height:1.55;color:#4A4D54;text-wrap:pretty}.p.sm{font-size:17px;max-width:380px}
#cursorCv{position:fixed;left:0;top:0;width:100vw;height:100vh;pointer-events:none;z-index:70}
.ico{position:absolute;z-index:3;cursor:pointer}

.nav{position:fixed;left:0;right:0;top:0;z-index:50;height:64px;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .3s}
.nav.on{border-bottom-color:#E2E2DE}
.nav-in{height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;color:#16181C}
.brand img{height:36px;width:auto;flex:none;mix-blend-mode:multiply}.brand span{font-weight:500;font-size:14px;letter-spacing:.34em}
.brand.sm img{height:32px}.brand.sm span{font-size:13px}
.links{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}
.links>a{color:#5A5D64}.links>a:hover{color:#16181C}
.lang{display:flex;padding:3px;border-radius:16px;background:#F0F0EE;font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:500}
.lang div{padding:5px 9px;border-radius:13px;cursor:pointer;color:#5A5D64}.lang div.on{background:#16181C;color:#fff}
.links .btn-nav{height:38px;padding:0 18px;border-radius:19px;background:#16181C;color:#fff;display:flex;align-items:center;gap:8px}
.btn-nav:hover{background:#2346FF}

.hero{position:relative;min-height:100vh;padding-top:64px;overflow:hidden;background:#F6F6F4}
.hero-grid{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:40px;align-items:center;min-height:calc(100vh - 64px);padding-top:56px;padding-bottom:40px}
.hero-copy{display:flex;flex-direction:column;gap:28px}
.lead{margin:0;max-width:470px;font-size:19px;line-height:1.55;color:#4A4D54;text-wrap:pretty}
.btn-primary{height:56px;padding:0 28px;border-radius:28px;background:#2346FF;color:#fff;display:flex;align-items:center;gap:12px;font-weight:700;font-size:16px;box-shadow:0 10px 24px rgba(35,70,255,.28)}
.btn-primary:hover{background:#16181C;color:#fff}.btn-primary .mono{font-weight:500;font-size:14px}
.btn-ghost{height:56px;padding:0 24px;border-radius:28px;border:1px solid #D6D6D2;background:#fff;color:#16181C;display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px}
.btn-ghost:hover{border-color:#16181C;color:#16181C}
.tri{width:0;height:0;border-left:9px solid #16181C;border-top:6px solid transparent;border-bottom:6px solid transparent}
.hero-stage{position:relative;height:620px;display:flex;align-items:center;justify-content:center}
.strip{position:relative;border-top:1px solid #E2E2DE;background:rgba(255,255,255,.7)}
.strip-in{padding-top:18px;padding-bottom:18px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:12px;letter-spacing:.16em;color:#5A5D64}

.sec{padding:130px 0}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:56px;align-items:center}
.demo-card{border-radius:22px;background:#fff;border:1px solid #E2E2DE;box-shadow:0 30px 60px rgba(22,24,28,.08);padding:16px;display:flex;flex-direction:column;gap:16px}
.scope{position:relative;height:280px;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#1E2230,#111318 75%)}
.grid-bg{position:absolute;inset:0;background-image:linear-gradient(0deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px}
.scope-hud{position:absolute;left:16px;top:14px;right:16px;display:flex;justify-content:space-between;align-items:flex-start;font-size:10.5px;color:#9AA0B0;letter-spacing:.08em}
.ab{font-family:'Manrope',sans-serif;font-weight:700;font-size:22px;letter-spacing:-.01em;color:#fff}
.dose-n{font-family:'Manrope',sans-serif;font-weight:300;font-size:30px;line-height:1;color:#fff}.lvl{color:#7D93FF}
.wrapx{flex-wrap:wrap}
.play{width:56px;height:56px;border-radius:28px;background:#16181C;display:flex;align-items:center;justify-content:center;flex:none}
.play:hover{background:#2346FF}
.play-tri{width:0;height:0;margin-left:4px;border-left:15px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent}
.play-pause{display:flex;gap:5px;margin:0;border:0;width:auto;height:auto}.play-pause i{width:5px;height:18px;background:#fff;border-radius:1px}
.seg{flex:1;min-width:260px;display:flex;padding:4px;border-radius:30px;background:#F0F0EE}
.seg div{flex:1;height:48px;border-radius:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;font-size:15px;color:#5A5D64}
.seg div.on{background:#fff;color:#16181C;box-shadow:0 2px 8px rgba(22,24,28,.12)}
.seg #segWet.on{background:#2346FF;color:#fff;box-shadow:none}
.dose-row{display:flex;align-items:center;gap:16px;padding:4px 6px 6px}.dose-row input{flex:1}
.dose-l{font-size:11px;font-weight:800;letter-spacing:.2em}.dose-v{width:34px;text-align:right;font-size:13px;color:#5A5D64}

.show{position:relative;height:320vh;background:#F6F6F4;border-top:1px solid #E2E2DE;border-bottom:1px solid #E2E2DE}
.stick{position:sticky;top:64px;height:calc(100vh - 64px);overflow:hidden}
.show-grid{position:relative;height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(16px,3vw,40px);align-items:center}
.steps{display:flex;flex-direction:column;gap:clamp(10px,3vh,34px);max-height:100%;padding:16px 0}
.steps-l{display:flex;flex-direction:column;gap:clamp(10px,3vh,34px)}
.step{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;transition:opacity .35s}
.step .n{font-family:'IBM Plex Mono',monospace;font-size:13px;color:#2346FF;padding-top:6px}
.step .t{font-weight:800;font-size:clamp(20px,min(2.6vw,4.2vh),34px);letter-spacing:-.03em;line-height:1.05;display:block}
.step .d{font-size:clamp(13px,2.6vh,16px);line-height:1.45;color:#4A4D54;max-width:400px;display:block;margin-top:6px}
.step .bar{height:2px;width:200px;background:#E2E2DE;border-radius:1px;overflow:hidden;margin-top:8px}.step .bar i{display:block;height:2px;background:#2346FF}
.show-stage{height:min(620px,80vh);display:flex;align-items:center;justify-content:center}

.box-host{width:300px;height:411px;position:relative;perspective:2200px;flex:none}
.box-sh{position:absolute;left:50%;bottom:-16px;width:300px;height:56px;margin-left:-150px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(22,24,28,.28),rgba(22,24,28,0) 70%);filter:blur(6px)}
.box-3d{position:absolute;left:0;top:30px;width:300px;height:351px;transform-style:preserve-3d}
.bf{position:absolute;backface-visibility:hidden;overflow:hidden;color:#1B1F3A}
.bf .sh{position:absolute;inset:0;background:#16181C}

.mods-sec{padding-bottom:90px}
.hint{display:flex;align-items:center;gap:10px;margin-bottom:-28px;font-size:12px;letter-spacing:.1em;color:#2346FF}
.hint .dot{width:8px;height:8px;border-radius:4px;background:#2346FF;transition:box-shadow .6s;box-shadow:0 0 0 2px rgba(35,70,255,.18)}
.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1px;background:#E2E2DE;border:1px solid #E2E2DE;border-radius:16px;overflow:hidden}
.mc{position:relative;background:#fff;padding:26px 24px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;cursor:pointer;transition:background .5s}
.mc:hover{background:#EEF1FF}.mc.hl{background:#F3F5FF}
.mc .top{display:flex;justify-content:space-between;align-items:center}.mc .n{font-family:'IBM Plex Mono',monospace;font-size:12px;color:#8A8D94}
.mc .pl{width:30px;height:30px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500;line-height:1;background:#fff;color:#5A5D64;border:1px solid #D6D6D2;transition:all .5s}
.mc.hl .pl{background:#2346FF;color:#fff;border-color:#2346FF;transform:scale(1.12) rotate(90deg)}
.mc .id{font-weight:800;font-size:20px;letter-spacing:.08em;display:block}.mc .d{font-size:15px;color:#5A5D64;display:block;margin-top:6px}
.mc.dark{background:#16181C;color:#fff;cursor:default}.mc.dark .n{color:#7D93FF}.mc.dark .d{color:#9AA0B0}

.pre-sec{padding-top:40px}
.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));column-gap:56px}
.pr{display:grid;grid-template-columns:36px minmax(0,1fr) 72px 110px;gap:14px;align-items:center;height:64px;border-bottom:1px solid #E2E2DE}
.pr .n{font-family:'IBM Plex Mono',monospace;font-size:12px;color:#8A8D94}.pr .nm{font-weight:700;font-size:18px;letter-spacing:-.01em}
.pr .cat{justify-self:start;padding:4px 9px;border-radius:6px;background:#F0F0EE;font-size:11px;font-weight:700;color:#5A5D64}
.pr .dz{display:flex;align-items:center;gap:10px}.pr .dz div{flex:1;height:3px;border-radius:2px;background:#E2E2DE;overflow:hidden}.pr .dz i{display:block;height:3px;background:#2346FF}
.pr .dz span{font-family:'IBM Plex Mono',monospace;font-size:12px;color:#5A5D64;width:22px;text-align:right}
.pr.more{grid-column:1/-1;display:flex;gap:14px}.pr.more b{width:30px;height:30px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:#2346FF;color:#fff;font-size:18px;font-weight:400}
.pr.more span{font-weight:800;font-size:18px;color:#2346FF}

.buy{position:relative;padding:120px 0;background:#F6F6F4;border-top:1px solid #E2E2DE;overflow:hidden}
.buy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:48px;align-items:center}
.buy-stage{position:relative;height:600px;display:flex;align-items:center;justify-content:center}
.ico-d{position:absolute;left:50%;top:50%;width:560px;height:560px;margin:-280px 0 0 -280px}
.buy-title{font-weight:800;font-size:clamp(38px,4.6vw,64px);line-height:1;letter-spacing:-.04em}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.plan{border-radius:18px;background:#fff;border:1px solid #E2E2DE;padding:26px;display:flex;flex-direction:column;gap:18px}
.plan.dark{background:#16181C;color:#fff;border-color:#16181C;box-shadow:0 20px 40px rgba(22,24,28,.18)}
.plan-h{font-size:12px;font-weight:800;letter-spacing:.16em}
.price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}.big small{font-size:.5em;letter-spacing:-.02em}.big{font-weight:300;font-size:clamp(40px,3.7vw,50px);line-height:.9;letter-spacing:-.05em;white-space:nowrap}
.g12{gap:12px}.was{font-size:16px;line-height:1.2;color:#9AA0B0;text-decoration:line-through;text-decoration-thickness:1.5px}
.price .mono{font-size:14px;color:#5A5D64;white-space:nowrap}.dim{color:#9AA0B0!important}
.note{font-size:14px;color:#5A5D64}.tag{padding:4px 8px;border-radius:6px;background:#2346FF;font-size:10px;color:#fff;white-space:nowrap}
.plan-btn{height:52px;border-radius:26px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px}
.plan-btn.ghost{border:1.5px solid #16181C;color:#16181C}.plan-btn.ghost:hover{background:#16181C;color:#fff}
.plan-btn.solid{background:#2346FF;color:#fff;box-shadow:0 10px 24px rgba(35,70,255,.35)}.plan-btn.solid:hover{background:#fff;color:#16181C}
.spec{display:flex;flex-direction:column;border-top:1px solid #D6D6D2}
.spec div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #D6D6D2;font-size:16px}.spec span{color:#5A5D64}

.req{border-top:1px solid #E2E2DE;padding:110px 0}
.rt{min-width:760px;display:flex;flex-direction:column;border-top:1px solid #16181C}
.rt .r{display:grid;grid-template-columns:160px repeat(3,minmax(0,1fr));gap:24px;padding:18px 0;border-bottom:1px solid #D6D6D2;font-size:16px;line-height:1.45}
.rt .r span:first-child{color:#5A5D64}.rt .r span+span{font-weight:600}
.rt .r.h{padding:14px 0;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.14em;color:#2346FF}.rt .r.h span{font-weight:400!important;color:#2346FF!important}

.modal{position:fixed;inset:0;z-index:90;background:rgba(22,24,28,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:24px}
.modal.on{display:flex}
.modal-in{width:100%;max-width:980px;max-height:100%;overflow:auto;border-radius:22px;background:#fff;padding:22px;display:flex;flex-direction:column;gap:18px;box-shadow:0 40px 80px rgba(0,0,0,.3)}
.modal .top{align-items:flex-start}.m-id{font-weight:800;font-size:30px;letter-spacing:.06em;line-height:1}
.rb{width:42px;height:42px;border-radius:21px;background:#F0F0EE;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px}.rb:hover{background:#E2E2DE}
.rb.dark{background:#16181C;color:#fff}.rb.dark:hover{background:#2346FF}
.m-media{position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#F3F3F1;display:flex;align-items:center;justify-content:center}
.m-media img,.m-media video{width:100%;height:100%;object-fit:contain}
.m-media span{font-family:'IBM Plex Mono',monospace;font-size:12px;color:#8A8D94;letter-spacing:.1em}

.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);z-index:100;background:#16181C;color:#fff;padding:14px 22px;border-radius:14px;font-size:14px;max-width:min(90vw,460px);opacity:0;pointer-events:none;transition:all .3s}
.toast.on{opacity:1;transform:translate(-50%,0)}
.foot{padding:36px 0;border-top:1px solid #E2E2DE}.foot a{color:#8A8D94}.foot a:hover{color:#16181C}

@media (max-width:860px){
  .links>a:not(.btn-nav){display:none}.links{gap:12px}
  .show{height:auto}.stick{position:relative;top:0;height:auto;overflow:visible}
  .show-grid{grid-template-columns:1fr;padding-top:60px;padding-bottom:60px}.show-stage{height:520px}
  .step{opacity:1!important}.ico{display:none}
  .sec{padding:80px 0}
  .pr{grid-template-columns:30px minmax(0,1fr) 64px 80px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}