/* ════════ TOKENS ════════ */
:root{
  --ink:#02060c; --ink2:#050d18; --ink3:#081422; --ink4:#0c1e33; --ink5:#122840;
  --cyan:#00c8e8; --cyan-d:#0096b4; --cyan-l:#5ce4ff;
  --gold:#c9963a; --gold-l:#e8c274;
  --white:#ffffff; --off:#e6eef8; --body:#8aa6c2; --dim:#4a6885; --faint:#2c4257;
  --line:rgba(0,200,232,.09); --line2:rgba(0,200,232,.18); --line3:rgba(0,200,232,.32);
  --green:#00d9a0; --red:#f0556a; --amber:#f0a030; --violet:#8b72f0;
  --shadow-lg:0 40px 80px -20px rgba(0,0,0,.7);
  --glow-cyan:0 0 40px rgba(0,200,232,.28);
  --r-sm:10px; --r-md:14px; --r-lg:20px; --r-xl:28px;
  --ease:cubic-bezier(.22,1,.36,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:80px;}
html,body{background:var(--ink);min-height:100%;}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--off);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;font-feature-settings:"ss01","cv01";}
::selection{background:rgba(0,200,232,.25);color:#fff;}
::-webkit-scrollbar{width:3px;}
::-webkit-scrollbar-track{background:var(--ink);}
::-webkit-scrollbar-thumb{background:rgba(0,200,232,.3);}
img{display:block;max-width:100%;}
button{font-family:inherit;}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px;}

/* ════════ MOTION ════════ */
@keyframes ticker{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@keyframes ring{0%{transform:scale(1);opacity:.55}100%{transform:scale(2.8);opacity:0}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.12}}
@keyframes wave{0%,100%{height:4px}50%{height:20px}}
@keyframes rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes fade{from{opacity:0}to{opacity:1}}
@keyframes shim{0%{background-position:-300% center}100%{background-position:300% center}}
@keyframes breathe{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}
@keyframes drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes leak{0%{transform:translateY(-10px);opacity:0}20%{opacity:1}100%{transform:translateY(60px);opacity:0}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}}

/* ════════ TYPE ════════ */
.serif{font-family:'Cormorant Garamond',Georgia,serif;}
.mono{font-family:'JetBrains Mono',monospace;font-feature-settings:"tnum";}
.g-cyan{background:linear-gradient(96deg,var(--cyan),var(--cyan-l),var(--cyan));background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shim 6s linear infinite;}
.g-gold{background:linear-gradient(96deg,var(--gold),var(--gold-l),var(--gold));background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shim 7s linear infinite;}
.dimmed{color:rgba(255,255,255,.42);}

/* ════════ LAYOUT ════════ */
.wrap{max-width:1200px;margin:0 auto;padding:0 40px;width:100%;}
.wrap-wide{max-width:1340px;margin:0 auto;padding:0 40px;width:100%;}
section{position:relative;}
.sec{padding:132px 0;background:var(--ink);}
.sec-alt{background:var(--ink2);}
.hr-top{border-top:1px solid var(--line);}

/* Reveal on scroll */
.rv{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform .9s var(--ease);}
.rv.in{opacity:1;transform:none;}
.rv-d1{transition-delay:.08s}.rv-d2{transition-delay:.16s}.rv-d3{transition-delay:.24s}

/* Grain */
.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.02;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
#stars{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;}

/* ════════ SECTION HEAD ════════ */
.sec-hd{text-align:center;margin-bottom:76px;max-width:780px;margin-left:auto;margin-right:auto;}
.sec-hd.left{text-align:left;margin-left:0;}
.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 18px;border-radius:99px;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:24px;}
.ey-c{border:1px solid rgba(0,200,232,.24);background:rgba(0,200,232,.06);color:var(--cyan);}
.ey-g{border:1px solid rgba(201,150,58,.28);background:rgba(201,150,58,.06);color:var(--gold);}
.ey-r{border:1px solid rgba(240,85,106,.28);background:rgba(240,85,106,.06);color:var(--red);}
.ey-v{border:1px solid rgba(0,217,160,.24);background:rgba(0,217,160,.06);color:var(--green);}
.sec-t{font-family:'Cormorant Garamond',serif;font-size:clamp(34px,4.6vw,62px);font-weight:400;line-height:1.08;letter-spacing:-.015em;color:#fff;margin-bottom:22px;}
.sec-t em{font-style:italic;}
.sec-p{font-size:clamp(15px,1.5vw,17.5px);color:var(--body);line-height:1.8;font-weight:300;max-width:600px;margin:0 auto;}
.sec-hd.left .sec-p{margin-left:0;}

/* ════════ BUTTONS ════════ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;border:none;border-radius:var(--r-md);cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s,border-color .25s,color .25s;touch-action:manipulation;-webkit-tap-highlight-color:transparent;text-decoration:none;white-space:nowrap;position:relative;}
.b-pri{padding:16px 32px;font-size:15px;background:linear-gradient(135deg,var(--cyan),var(--cyan-d));color:var(--ink);box-shadow:0 0 16px -2px rgba(0,200,232,.32),0 8px 24px -6px rgba(0,200,232,.36);min-height:52px;animation:ctaGlow 3.6s ease-in-out infinite;}
.b-pri:hover{transform:translateY(-2px);box-shadow:0 0 30px -1px rgba(0,200,232,.5),0 14px 34px -8px rgba(0,200,232,.5);animation-play-state:paused;}
.b-pri:active{transform:translateY(0) scale(.98);}
.b-sec{padding:15px 32px;font-size:15px;font-weight:600;background:transparent;color:var(--off);border:1.5px solid var(--line2);min-height:52px;}
.b-sec:hover{border-color:var(--line3);color:var(--cyan);background:rgba(0,200,232,.05);transform:translateY(-1px);}
.b-gold{padding:16px 32px;font-size:15px;background:linear-gradient(135deg,var(--gold),#a87c2c);color:var(--ink);box-shadow:0 8px 24px -6px rgba(201,150,58,.4);min-height:52px;}
.b-gold:hover{transform:translateY(-2px);box-shadow:0 0 36px rgba(201,150,58,.3),0 14px 34px -8px rgba(201,150,58,.5);}
.b-sm{padding:10px 20px;font-size:13px;min-height:40px;border-radius:var(--r-sm);}
.b-lg{padding:19px 46px;font-size:16.5px;min-height:58px;}
.b-full{width:100%;}
.b-ghost{padding:12px 22px;font-size:13px;font-weight:600;background:transparent;color:var(--body);border:1px solid var(--line);border-radius:var(--r-sm);min-height:44px;}
.b-ghost:hover{border-color:var(--line2);color:var(--off);}

/* ════════ LIVE DOT ════════ */
.ldot{display:inline-flex;align-items:center;gap:8px;}
.ldot .dw{position:relative;width:7px;height:7px;flex-shrink:0;}
.ldot .dw i,.ldot .dw b{position:absolute;inset:0;border-radius:50%;background:currentColor;}
.ldot .dw i{box-shadow:0 0 8px currentColor;}
.ldot .dw b{animation:ring 2.4s ease-out infinite;}
.ldot s{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-decoration:none;text-transform:uppercase;}

/* ════════ NAV ════════ */
#nav{position:fixed;top:0;left:0;right:0;z-index:700;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;transition:background .5s var(--ease),border-color .5s,height .4s;border-bottom:1px solid transparent;}
#nav.solid{background:rgba(2,6,12,.86);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-bottom-color:var(--line);height:66px;}
.nav-logo{display:flex;align-items:center;cursor:pointer;text-decoration:none;flex-shrink:0;}
.nav-logo img{height:34px;width:auto;object-fit:contain;filter:drop-shadow(0 0 8px rgba(0,200,232,.28));transition:filter .3s;}
.nav-logo:hover img{filter:drop-shadow(0 0 14px rgba(0,200,232,.5));}
.nav-mid{display:flex;align-items:center;gap:2px;}
.nav-lnk{padding:8px 16px;border-radius:99px;font-size:13px;color:var(--body);font-weight:500;background:none;border:none;cursor:pointer;transition:color .2s,background .2s;}
.nav-lnk:hover{color:#fff;background:rgba(255,255,255,.04);}
.nav-rt{display:flex;align-items:center;gap:16px;flex-shrink:0;}
.nav-live{display:flex;align-items:center;gap:8px;padding:7px 15px;border-radius:99px;border:1px solid rgba(0,217,160,.22);background:rgba(0,217,160,.05);color:var(--green);}
.burger{display:none;flex-direction:column;gap:5px;background:var(--ink4);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 13px;cursor:pointer;touch-action:manipulation;}
.burger span{display:block;width:18px;height:1.5px;background:var(--body);border-radius:2px;transition:transform .3s,opacity .3s;}

/* Mobile menu */
#mm{display:none;position:fixed;inset:0;z-index:9000;background:rgba(2,6,12,.98);backdrop-filter:blur(20px);flex-direction:column;align-items:center;justify-content:center;gap:26px;animation:fade .25s ease;}
#mm.open{display:flex;}
#mm .x{position:absolute;top:22px;right:22px;background:none;border:none;color:var(--dim);font-size:32px;cursor:pointer;line-height:1;padding:6px;}
#mm img{height:44px;width:auto;filter:drop-shadow(0 0 14px rgba(0,200,232,.4));}
.lk-mm{margin-bottom:12px;}
#mm a{font-family:'Cormorant Garamond',serif;font-size:29px;font-weight:400;color:var(--off);text-decoration:none;transition:color .2s;}
#mm a:hover{color:var(--cyan);}

/* ════════ HERO ════════ */
#hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:132px 40px 72px;background:var(--ink);overflow:hidden;}
.h-rule{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),var(--gold),transparent);opacity:.35;}
.h-glow1{position:absolute;top:-14%;left:50%;transform:translateX(-50%);width:1000px;height:760px;background:radial-gradient(ellipse,rgba(0,200,232,.075) 0%,transparent 62%);pointer-events:none;}
.h-glow2{position:absolute;bottom:-8%;right:-8%;width:560px;height:560px;background:radial-gradient(ellipse,rgba(201,150,58,.05) 0%,transparent 66%);pointer-events:none;}
.h-badge{display:inline-flex;align-items:center;gap:11px;padding:9px 20px;border-radius:99px;border:1px solid rgba(0,217,160,.24);background:rgba(0,217,160,.06);margin-bottom:34px;}
.h-badge span{font-size:10.5px;font-weight:700;color:var(--green);letter-spacing:.15em;text-transform:uppercase;}
.h1{font-family:'Cormorant Garamond',serif;font-size:clamp(46px,7vw,102px);font-weight:300;line-height:.98;letter-spacing:-.025em;color:#fff;margin-bottom:32px;max-width:960px;}
.h1 em{font-style:italic;font-weight:300;}
.h-sub{font-size:clamp(16px,1.7vw,19.5px);color:var(--body);line-height:1.76;font-weight:300;max-width:580px;margin-bottom:44px;}
.h-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:20px;}
.h-fine{font-size:12.5px;color:var(--faint);margin-bottom:76px;display:flex;align-items:center;gap:8px;}
.h-stats{display:flex;align-items:stretch;border-top:1px solid var(--line);padding-top:42px;}
.h-stat{flex:1;padding:0 36px;border-right:1px solid var(--line);}
.h-stat:first-child{padding-left:0;}
.h-stat:last-child{border-right:none;padding-right:0;}
@media(min-width:961px){
  #hero>.wrap-wide{max-width:1120px;}
  .h1{font-size:clamp(46px,6.2vw,90px);}
}
.st-n{font-family:'JetBrains Mono',monospace;font-size:clamp(26px,3.3vw,42px);font-weight:400;line-height:1;color:#fff;letter-spacing:-.02em;}
.st-l{font-size:12px;color:var(--dim);margin-top:9px;font-weight:500;}
.st-d{font-size:11px;color:var(--green);margin-top:4px;font-weight:500;}

/* ════════ TICKER ════════ */
#tick{background:var(--ink2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;position:relative;z-index:2;}
.tk-l{position:absolute;left:0;top:0;bottom:0;width:150px;background:linear-gradient(90deg,var(--ink2) 45%,transparent);z-index:3;display:flex;align-items:center;gap:9px;padding:0 22px;font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--cyan);text-transform:uppercase;}
.tk-r{position:absolute;right:0;top:0;bottom:0;width:90px;background:linear-gradient(270deg,var(--ink2) 45%,transparent);z-index:3;}
.tk-track{display:flex;align-items:center;animation:ticker 60s linear infinite;white-space:nowrap;padding:15px 0;will-change:transform;}
#tick:hover .tk-track{animation-play-state:paused;}
.tk-i{display:inline-flex;align-items:center;gap:12px;padding:0 36px;border-right:1px solid var(--line);}
.tk-av{width:27px;height:27px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;flex-shrink:0;}
.tk-n{font-size:12px;font-weight:600;color:var(--off);}
.tk-d{font-size:10px;color:var(--faint);margin-top:1px;}
.tk-ch{font-size:10px;color:var(--dim);white-space:nowrap;padding:0 4px;}
.tk-s{font-size:9px;font-weight:700;padding:3px 9px;border-radius:99px;flex-shrink:0;letter-spacing:.04em;}

/* ════════ PROOF BAR ════════ */
#proof{background:var(--ink);padding:44px 40px;border-bottom:1px solid var(--line);}
.pf-in{max-width:1340px;margin:0 auto;display:flex;align-items:center;gap:44px;flex-wrap:wrap;justify-content:center;}
.pf-lb{font-size:10.5px;font-weight:700;color:var(--faint);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;}
.pf-i{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--body);font-weight:400;}
.pf-star{color:var(--gold);font-size:11px;letter-spacing:1px;}
.pf-div{width:1px;height:22px;background:var(--line);}

/* ════════ PROBLEM ════════ */
#problem{background:var(--ink2);padding:132px 0;overflow:hidden;}
.pb-glow{position:absolute;top:20%;left:-10%;width:620px;height:620px;background:radial-gradient(ellipse,rgba(240,85,106,.055) 0%,transparent 66%);pointer-events:none;}
.pb-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.pb-copy h3{font-family:'Cormorant Garamond',serif;font-size:clamp(30px,3.8vw,52px);font-weight:400;color:#fff;line-height:1.1;margin-bottom:24px;letter-spacing:-.015em;}
.pb-copy > p{font-size:16px;color:var(--body);line-height:1.82;font-weight:300;margin-bottom:32px;}
.pb-pt{display:flex;align-items:flex-start;gap:16px;padding:18px 0;border-top:1px solid var(--line);}
.pb-pt:last-of-type{border-bottom:1px solid var(--line);margin-bottom:34px;}
.pb-ic{width:34px;height:34px;border-radius:9px;background:rgba(240,85,106,.08);border:1px solid rgba(240,85,106,.18);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;margin-top:2px;}
.pb-pt h4{font-size:14.5px;font-weight:600;color:#fff;margin-bottom:5px;}
.pb-pt p{font-size:13px;color:var(--dim);line-height:1.68;font-weight:300;}
/* Leak visual */
.leak-card{background:linear-gradient(165deg,var(--ink3),var(--ink2));border:1px solid var(--line);border-radius:var(--r-xl);padding:36px 32px;position:relative;overflow:hidden;box-shadow:var(--shadow-lg);}
.leak-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--line);}
.leak-hd-t{font-size:11px;font-weight:700;color:var(--faint);letter-spacing:.14em;text-transform:uppercase;}
.leak-rows{display:flex;flex-direction:column;gap:2px;margin-bottom:26px;}
.leak-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(0,200,232,.05);}
.leak-row:last-child{border-bottom:none;}
.leak-lbl{font-size:13px;color:var(--body);font-weight:300;}
.leak-val{font-family:'JetBrains Mono',monospace;font-size:15px;font-weight:500;}
.leak-bar{height:2px;border-radius:2px;background:rgba(0,200,232,.07);margin-top:8px;overflow:hidden;}
.leak-fill{height:100%;border-radius:2px;width:0;transition:width 1.4s var(--ease);}
.leak-total{background:rgba(240,85,106,.06);border:1px solid rgba(240,85,106,.2);border-radius:var(--r-md);padding:22px;text-align:center;}
.leak-total-n{font-family:'Cormorant Garamond',serif;font-size:clamp(38px,5vw,54px);font-weight:700;color:var(--red);line-height:1;letter-spacing:-.02em;}

/* ════════ STEPS ════════ */
.steps{display:grid;grid-template-columns:repeat(6,1fr);position:relative;}
.steps-line{position:absolute;top:34px;left:8.33%;right:8.33%;height:1px;background:linear-gradient(90deg,transparent,var(--line2) 12%,var(--line2) 88%,transparent);}
.step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:15px;cursor:pointer;padding:0 10px;}
.step-n{font-family:'JetBrains Mono',monospace;font-size:9.5px;font-weight:400;color:var(--faint);letter-spacing:.14em;}
.step-ic{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:21px;border:1px solid var(--line);background:var(--ink3);position:relative;z-index:1;transition:all .45s var(--ease);}
.step.on .step-ic{transform:scale(1.06);}
.step-l{font-size:12.5px;font-weight:600;color:var(--body);transition:color .35s;line-height:1.35;}
.step.on .step-l{color:#fff;}
.step-d{font-size:11px;color:var(--faint);line-height:1.6;transition:color .35s;font-weight:300;}
.step.on .step-d{color:var(--cyan);}

/* ════════ OMNI ════════ */
.omni{display:grid;grid-template-columns:1fr auto 1fr;gap:48px;align-items:center;}
.ch-col{display:flex;flex-direction:column;gap:12px;}
.ch{display:flex;align-items:center;gap:16px;padding:17px 20px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--ink3);transition:all .3s var(--ease);position:relative;}
.ch:hover{border-color:var(--line2);background:var(--ink4);transform:translateX(5px);}
.ch-ic{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.ch-n{font-size:14px;font-weight:600;color:#fff;}
.ch-d{font-size:11.5px;color:var(--faint);margin-top:2px;font-weight:300;}
.ch-p{font-size:9px;font-weight:700;padding:3px 9px;border-radius:99px;margin-left:auto;white-space:nowrap;flex-shrink:0;letter-spacing:.05em;}
.hub{display:flex;flex-direction:column;align-items:center;gap:16px;padding:0 12px;}
.hub-lb{font-size:10px;font-weight:700;color:var(--faint);letter-spacing:.16em;text-transform:uppercase;}
.hub-c{width:172px;height:172px;border-radius:50%;background:radial-gradient(circle at 40% 35%,var(--ink5),var(--ink3));border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 70px rgba(0,200,232,.14),inset 0 1px 0 rgba(255,255,255,.05);flex-shrink:0;}
.hub-c::before{content:'';position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(0,200,232,.14);animation:breathe 4s ease-in-out infinite;}
.hub-c::after{content:'';position:absolute;inset:-22px;border-radius:50%;border:1px solid rgba(0,200,232,.06);animation:breathe 4s 1.2s ease-in-out infinite;}
.hub-c img{width:118px;height:auto;object-fit:contain;filter:drop-shadow(0 0 14px rgba(0,200,232,.45));}
.hub-note{font-size:12px;color:var(--dim);text-align:center;max-width:190px;line-height:1.6;font-weight:300;}
.out-col{display:flex;flex-direction:column;gap:12px;}
.out{display:flex;align-items:center;gap:14px;padding:17px 20px;border-radius:var(--r-md);background:var(--ink3);border:1px solid var(--line);transition:all .3s var(--ease);}
.out:hover{transform:translateX(-5px);border-color:var(--line2);}
.out-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.out-n{font-size:13.5px;font-weight:600;color:#fff;}
.out-d{font-size:11px;color:var(--faint);margin-top:2px;font-weight:300;}

/* ════════ DEMO ════════ */
.demo{display:grid;grid-template-columns:290px 1fr;gap:22px;align-items:start;}
.d-sb{background:var(--ink3);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;}
.d-sbt{font-size:10px;font-weight:700;color:var(--faint);letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px;}
.d-btn{width:100%;padding:13px 14px;border-radius:var(--r-md);border:1px solid var(--line);background:transparent;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .25s var(--ease);text-align:left;margin-bottom:8px;}
.d-btn:hover{border-color:var(--line2);}
.d-main{background:var(--ink3);border:1px solid var(--line);border-radius:var(--r-lg);padding:30px;min-height:460px;}
.pills{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.pills::-webkit-scrollbar{display:none;}
.pill{padding:10px 14px;border-radius:var(--r-md);flex-shrink:0;border:1px solid var(--line);background:transparent;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .25s;}
.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;font-size:11px;font-weight:500;transition:all .45s var(--ease);}
.kps{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;}
.kp{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border-radius:var(--r-sm);background:var(--ink4);border:1px solid var(--line);animation:rise .4s var(--ease) both;}
.rw{position:relative;width:76px;height:76px;margin:0 auto 22px;}
.rp{position:absolute;inset:0;border-radius:50%;background:var(--cyan);}
.rp:nth-child(1){animation:ring 1s ease-out infinite;}
.rp:nth-child(2){animation:ring 1s .5s ease-out infinite;}
.ri{position:absolute;inset:11px;border-radius:50%;background:rgba(0,200,232,.22);display:flex;align-items:center;justify-content:center;font-size:26px;}

/* ════════ DASHBOARD ════════ */
.dash{border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;box-shadow:0 0 140px rgba(0,200,232,.05),var(--shadow-lg);background:var(--ink3);}
.d-chr{padding:14px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:rgba(2,6,12,.6);flex-wrap:wrap;gap:10px;}
.tl{display:flex;gap:6px;}
.tl span{width:10px;height:10px;border-radius:50%;display:block;}
.fp{padding:5px 13px;border-radius:99px;font-size:11px;font-weight:600;border:1px solid var(--line);background:transparent;color:var(--faint);cursor:pointer;transition:all .25s;}
.fp:hover{color:var(--body);}
.fp.on{border-color:var(--line3);background:rgba(0,200,232,.08);color:#fff;}
.mb{background:var(--ink);border-radius:var(--r-md);padding:17px 19px;border:1px solid var(--line);}
.kcol{flex:1;min-width:0;}
.kh{display:flex;align-items:center;gap:8px;margin-bottom:11px;}
.ki{background:var(--ink);border:1px solid var(--line);border-radius:12px;padding:12px 13px;margin-bottom:8px;transition:border-color .25s,transform .25s;}
.ki:hover{border-color:var(--line2);transform:translateY(-1px);}

/* ════════ GRAPHS ════════ */
.gg{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
.gc{background:var(--ink3);border:1px solid var(--line);border-radius:var(--r-lg);padding:30px;position:relative;overflow:hidden;}
.gc-t{font-size:15.5px;font-weight:600;color:#fff;margin-bottom:5px;}
.gc-s{font-size:12px;color:var(--faint);margin-bottom:24px;font-weight:300;}
.lg{display:flex;gap:20px;margin-bottom:22px;flex-wrap:wrap;}
.lg-i{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--body);}
.lg-d{width:9px;height:9px;border-radius:50%;flex-shrink:0;}
.bars{display:flex;align-items:flex-end;gap:7px;height:168px;}
.bg{display:flex;gap:3px;align-items:flex-end;flex:1;height:100%;}
.bar{border-radius:4px 4px 0 0;height:0;position:relative;transition:height 1.1s var(--ease);}
.bar:hover::after{content:attr(data-v);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--ink5);color:#fff;font-size:10px;padding:4px 8px;border-radius:5px;white-space:nowrap;font-family:'JetBrains Mono',monospace;border:1px solid var(--line2);z-index:5;}
.blbl{display:flex;gap:7px;margin-top:10px;}
.blbl div{flex:1;text-align:center;font-size:9.5px;color:var(--faint);font-weight:500;}
.lcw{position:relative;width:100%;height:168px;}
.lcw svg{width:100%;height:100%;overflow:visible;}
.gnote{margin-top:20px;padding:13px 16px;border-radius:var(--r-sm);background:rgba(0,217,160,.055);border:1px solid rgba(0,217,160,.18);display:flex;align-items:center;gap:11px;}
.gnote span{font-size:12px;color:var(--off);font-weight:300;}

/* ════════ ROI ════════ */
.roi{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start;}
.rc{background:var(--ink3);border:1px solid var(--line);border-radius:var(--r-lg);padding:32px;}
.slr{margin-bottom:26px;}
.slr:last-child{margin-bottom:0;}
.sll{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px;}
.slw{position:relative;padding:13px 0;}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;outline:none;cursor:pointer;touch-action:pan-y;display:block;}
input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--cyan);border:2.5px solid var(--ink);box-shadow:0 0 0 1.5px var(--cyan),0 0 12px rgba(0,200,232,.45);cursor:pointer;margin-top:-7px;transition:box-shadow .2s,transform .2s;}
input[type=range]:active::-webkit-slider-thumb{box-shadow:0 0 0 3px rgba(0,200,232,.22),0 0 18px rgba(0,200,232,.6);transform:scale(1.2);}
input[type=range]::-moz-range-track{height:4px;border-radius:2px;}
input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--cyan);border:2.5px solid var(--ink);box-shadow:0 0 0 1.5px var(--cyan);cursor:pointer;}
.slm{display:flex;justify-content:space-between;margin-top:3px;}
.slm span{font-size:10px;color:var(--faint);}
.rres{border-radius:var(--r-lg);padding:32px;text-align:center;background:linear-gradient(160deg,rgba(0,217,160,.08),var(--ink3));border:1px solid rgba(0,217,160,.22);margin-bottom:14px;position:relative;overflow:hidden;}
.rres::before{content:'';position:absolute;top:-50%;left:50%;transform:translateX(-50%);width:300px;height:200px;background:radial-gradient(ellipse,rgba(0,217,160,.12),transparent 70%);pointer-events:none;}
.rbig{font-family:'Cormorant Garamond',serif;font-size:clamp(46px,6.6vw,78px);font-weight:700;line-height:1;color:var(--green);letter-spacing:-.025em;position:relative;}
.rsub{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;position:relative;}
.rsc{padding:13px;border-radius:var(--r-md);text-align:center;}
.rrow{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;border-radius:var(--r-sm);background:var(--ink4);border:1px solid var(--line);margin-bottom:8px;}


/* ── ROI slider labelling ── */
.sl-name{font-size:13.5px;color:var(--off);font-weight:500;letter-spacing:-.005em;}
.sl-val{font-size:15.5px;font-weight:500;letter-spacing:-.01em;}
.sl-help{font-size:11.5px;color:var(--faint);line-height:1.55;font-weight:300;margin-top:4px;}
/* ── Treatment upside ── */
.upside{margin-top:12px;border-radius:var(--r-md);padding:20px 22px;background:linear-gradient(150deg,rgba(201,150,58,.075),rgba(201,150,58,.015));border:1px solid rgba(201,150,58,.2);}
.up-hd{font-size:10px;font-weight:700;color:var(--gold);letter-spacing:.14em;text-transform:uppercase;margin-bottom:11px;display:flex;align-items:center;gap:8px;}
.upside p{font-size:13px;color:var(--body);line-height:1.78;font-weight:300;}
.upside strong{color:#fff;font-weight:600;}
.upside em{color:var(--gold);font-style:normal;font-weight:600;}
/* ── Empty / zero state ── */
.rempty{border-radius:var(--r-lg);padding:44px 30px;text-align:center;background:var(--ink3);border:1px dashed var(--line2);}
.rempty h4{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:400;color:#fff;margin-bottom:12px;}
.rempty p{font-size:13.5px;color:var(--body);line-height:1.75;font-weight:300;max-width:340px;margin:0 auto;}
.rnote{text-align:center;font-size:11px;color:var(--faint);margin-top:14px;line-height:1.65;}

/* ════════ PMS ════════ */
.pms{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;}
.pflow{background:var(--ink3);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;margin-bottom:18px;}
.pft{font-size:10.5px;font-weight:700;color:var(--faint);letter-spacing:.14em;text-transform:uppercase;margin-bottom:20px;}
.pfr{display:flex;align-items:center;gap:13px;margin-bottom:11px;}
.pfr:last-child{margin-bottom:0;}
.parw{color:var(--cyan);font-size:13px;flex-shrink:0;width:12px;text-align:center;}
.pbox{flex:1;background:var(--ink4);border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 15px;transition:border-color .3s;}
.pbox:hover{border-color:var(--line2);}
.pbn{font-size:12.5px;font-weight:600;color:#fff;}
.pbd{font-size:10.5px;color:var(--faint);margin-top:2px;font-weight:300;}
.plogos{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.plg{background:var(--ink3);border:1px solid var(--line);border-radius:var(--r-md);padding:15px 12px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--body);transition:all .25s;text-align:center;}
.plg:hover{border-color:var(--line2);color:#fff;}
.pcopy h3{font-family:'Cormorant Garamond',serif;font-size:clamp(30px,3.6vw,50px);font-weight:400;color:#fff;line-height:1.1;margin-bottom:20px;letter-spacing:-.015em;}
.pcopy > p{font-size:15.5px;color:var(--body);line-height:1.82;font-weight:300;margin-bottom:30px;}
.ppt{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px;}
.ppi{width:38px;height:38px;border-radius:10px;background:rgba(0,200,232,.07);border:1px solid rgba(0,200,232,.16);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;}
.ppt h4{font-size:14.5px;font-weight:600;color:#fff;margin-bottom:4px;}
.ppt p{font-size:12.5px;color:var(--dim);line-height:1.68;font-weight:300;}

/* ════════ FEATURES ════════ */
.fg{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-radius:var(--r-lg);overflow:hidden;}
.fc{background:var(--ink);padding:40px 34px;transition:background .3s;}
.fc:hover{background:var(--ink3);}
.fi{font-size:26px;margin-bottom:20px;}
.ft{font-family:'Cormorant Garamond',serif;font-size:23px;font-weight:600;color:#fff;margin-bottom:11px;line-height:1.2;}
.fb{font-size:13.5px;color:var(--body);line-height:1.75;font-weight:300;}

/* ════════ TESTIMONIALS ════════ */
.tg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.tc{background:var(--ink3);border:1px solid var(--line);border-radius:var(--r-lg);padding:32px;display:flex;flex-direction:column;gap:22px;transition:border-color .3s,transform .3s var(--ease);}
.tc:hover{border-color:var(--line2);transform:translateY(-3px);}
.ts{color:var(--gold);font-size:13px;letter-spacing:2.5px;}
.tq{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:400;font-style:italic;color:var(--off);line-height:1.55;flex:1;}
.ta{display:flex;align-items:center;gap:13px;padding-top:20px;border-top:1px solid var(--line);}
.tav{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;}
.tn{font-size:13.5px;font-weight:600;color:var(--off);}
.tr{font-size:11.5px;color:var(--faint);margin-top:2px;}
.tmetric{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--green);margin-top:3px;}

/* ════════ FAQ ════════ */
.faq{max-width:820px;margin:0 auto;}
.fq{border-bottom:1px solid var(--line);}
.fq-q{width:100%;background:none;border:none;cursor:pointer;padding:26px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;text-align:left;color:#fff;font-size:16.5px;font-weight:500;transition:color .25s;}
.fq-q:hover{color:var(--cyan);}
.fq-ic{width:22px;height:22px;flex-shrink:0;position:relative;}
.fq-ic::before,.fq-ic::after{content:'';position:absolute;top:50%;left:50%;background:var(--cyan);transition:transform .35s var(--ease);}
.fq-ic::before{width:12px;height:1.5px;transform:translate(-50%,-50%);}
.fq-ic::after{width:1.5px;height:12px;transform:translate(-50%,-50%);}
.fq.open .fq-ic::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0;}
.fq-a{max-height:0;overflow:hidden;transition:max-height .45s var(--ease),padding .45s var(--ease);}
.fq.open .fq-a{max-height:340px;padding-bottom:26px;}
.fq-a p{font-size:14.5px;color:var(--body);line-height:1.82;font-weight:300;max-width:660px;}

/* ════════ FINALE ════════ */
#fin{background:var(--ink);padding:168px 40px;text-align:center;overflow:hidden;}
.f-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:900px;height:640px;background:radial-gradient(ellipse,rgba(0,200,232,.08) 0%,transparent 62%);pointer-events:none;}
.f-logo{height:42px;width:auto;filter:drop-shadow(0 0 16px rgba(0,200,232,.34));}
.lk-fin{margin-bottom:34px;animation:drift 6s ease-in-out infinite;}
.f-h{font-family:'Cormorant Garamond',serif;font-size:clamp(36px,5.6vw,76px);font-weight:300;color:#fff;line-height:1.04;margin-bottom:24px;letter-spacing:-.02em;}
.f-p{font-size:clamp(15px,1.6vw,18.5px);color:var(--body);max-width:560px;margin:0 auto 46px;line-height:1.8;font-weight:300;}
.f-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
.f-fine{margin-top:26px;font-size:12px;color:var(--faint);}

/* ════════ FOOTER ════════ */
#foot{background:var(--ink2);border-top:1px solid var(--line);padding:56px 40px 32px;}
.ft-in{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:52px;}
.ft-logo{height:34px;width:auto;filter:drop-shadow(0 0 9px rgba(0,200,232,.24));}
.lk-ft{margin-bottom:18px;}
.ft-b p{font-size:13px;color:var(--faint);line-height:1.75;font-weight:300;max-width:280px;}
.ft-c h4{font-size:10.5px;font-weight:700;color:var(--faint);letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px;}
.ft-c a{display:block;font-size:13px;color:var(--body);text-decoration:none;margin-bottom:11px;transition:color .2s;cursor:pointer;}
.ft-c a:hover{color:#fff;}
.ft-bot{max-width:1200px;margin:48px auto 0;padding-top:26px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;}
.ft-bot p{font-size:11px;color:var(--faint);}




/* ════════ ECG LIVE TRACE ════════ */
.lock{position:relative;display:inline-block;line-height:0;font-size:0;vertical-align:top;}
.lock > img{display:block;margin:0!important;}
.ecg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;}
.ecg path{fill:none;stroke-linecap:round;stroke-linejoin:round;}
.ecg .tail{stroke:#7fe9ff;stroke-width:3.2;opacity:.6;stroke-dasharray:15 85;filter:url(#ecgGlow);animation:sweepTail 3.6s linear infinite;}
.ecg .head{stroke:#fff;stroke-width:4;stroke-dasharray:2.5 97.5;filter:url(#ecgGlow);animation:sweepHead 3.6s linear infinite;}
@keyframes sweepTail{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes sweepHead{from{stroke-dashoffset:86}to{stroke-dashoffset:-14}}
@media(prefers-reduced-motion:reduce){.ecg{display:none;}}

/* ════════ PMS DIARY VISUAL ════════ */
.pmsv{background:var(--ink);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;margin-bottom:15px;animation:rise .5s .1s var(--ease) both;}
.pmsv-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 15px;border-bottom:1px solid var(--line);background:rgba(0,200,232,.03);}
.pmsv-sys{display:flex;align-items:center;gap:8px;font-size:10.5px;font-weight:700;color:var(--body);letter-spacing:.1em;text-transform:uppercase;}
.pmsv-sync{display:flex;align-items:center;gap:5px;font-size:9.5px;font-weight:700;color:var(--green);letter-spacing:.06em;background:rgba(0,217,160,.09);border:1px solid rgba(0,217,160,.24);padding:3px 9px;border-radius:99px;white-space:nowrap;}
.pmsv-day{padding:9px 15px;font-size:11px;color:var(--dim);border-bottom:1px solid var(--line);background:rgba(2,6,12,.4);font-weight:500;}
.pmsv-slots{padding:6px 0;}
.slot{display:flex;align-items:stretch;gap:12px;padding:8px 15px;position:relative;}
.slot-t{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--faint);width:42px;flex-shrink:0;padding-top:8px;}
.slot-b{flex:1;border-radius:8px;padding:9px 12px;border:1px solid var(--line);background:rgba(255,255,255,.012);min-height:38px;display:flex;align-items:center;}
.slot.free .slot-b{border-style:dashed;border-color:rgba(0,200,232,.1);}
.slot.free span{font-size:11.5px;color:var(--faint);font-weight:300;}
.slot.taken span{font-size:11.5px;color:var(--dim);font-weight:300;}
.slot.nu .slot-b{border-width:1.5px;box-shadow:0 0 22px -6px currentColor;animation:slotIn .55s .3s var(--ease) both;}
@keyframes slotIn{from{opacity:0;transform:translateX(-10px) scale(.97)}to{opacity:1;transform:none}}
.slot-nm{font-size:13px;font-weight:600;color:#fff;line-height:1.25;}
.slot-mt{font-size:10.5px;margin-top:3px;font-weight:400;}
.slot-badge{font-size:8.5px;font-weight:800;letter-spacing:.09em;padding:2.5px 7px;border-radius:99px;margin-left:auto;flex-shrink:0;align-self:flex-start;}
.pmsv-ft{display:flex;align-items:center;gap:8px;padding:10px 15px;border-top:1px solid var(--line);background:rgba(0,217,160,.035);}
.pmsv-ft span{font-size:11px;color:var(--body);font-weight:300;}
@media(max-width:640px){
  .slot{padding:7px 11px;gap:9px;}
  .slot-t{width:38px;font-size:10px;}
  .slot-nm{font-size:12px;}
  .pmsv-hd{padding:10px 12px;}
}

/* ════════ BOOKING MODAL ════════ */
#bk{position:fixed;inset:0;z-index:9500;display:none;align-items:center;justify-content:center;padding:24px;}
#bk.open{display:flex;}
#bk-bd{position:absolute;inset:0;background:rgba(1,4,8,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transition:opacity .35s var(--ease);}
#bk.open #bk-bd{opacity:1;}
#bk-panel{position:relative;width:100%;max-width:660px;max-height:92vh;background:linear-gradient(165deg,var(--ink3),var(--ink2));border:1px solid var(--line2);border-radius:var(--r-xl);box-shadow:0 0 90px rgba(0,200,232,.14),0 50px 90px -20px rgba(0,0,0,.8);display:flex;flex-direction:column;overflow:hidden;transform:translateY(22px) scale(.97);opacity:0;transition:transform .45s var(--ease),opacity .35s var(--ease);}
#bk.open #bk-panel{transform:none;opacity:1;}
#bk-hd{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 26px;border-bottom:1px solid var(--line);flex-shrink:0;background:rgba(2,6,12,.5);}
#bk-hd img{height:28px;width:auto;filter:drop-shadow(0 0 8px rgba(0,200,232,.3));}
#bk-ttl{font-family:'Cormorant Garamond',serif;font-size:19px;font-weight:600;color:#fff;line-height:1.2;}
#bk-sub{font-size:11.5px;color:var(--faint);margin-top:3px;}
#bk-x{background:none;border:1px solid var(--line);border-radius:50%;width:34px;height:34px;color:var(--dim);font-size:20px;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .25s;}
#bk-x:hover{color:#fff;border-color:var(--line3);background:rgba(0,200,232,.07);transform:rotate(90deg);}
#bk-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:420px;position:relative;}
#bk-body iframe{width:100%;min-height:640px;border:none;display:block;background:transparent;}
#bk-load{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;pointer-events:none;transition:opacity .4s;}
#bk-load.gone{opacity:0;}
#bk-spin{width:26px;height:26px;border:2px solid var(--line2);border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite;}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes ctaGlow{0%,100%{box-shadow:0 0 14px -3px rgba(0,200,232,.26),0 8px 24px -6px rgba(0,200,232,.34);}50%{box-shadow:0 0 22px -1px rgba(0,200,232,.44),0 8px 24px -6px rgba(0,200,232,.4);}}
#bk-fb{padding:44px 32px;text-align:center;}
#bk-fb p{font-size:14px;color:var(--body);line-height:1.75;font-weight:300;margin-bottom:22px;}
#bk-trust{display:flex;align-items:center;justify-content:center;gap:20px;padding:14px 26px;border-top:1px solid var(--line);flex-shrink:0;flex-wrap:wrap;background:rgba(2,6,12,.5);}
#bk-trust span{font-size:11px;color:var(--faint);display:flex;align-items:center;gap:6px;}
@media(max-width:640px){
  #bk{padding:0;align-items:flex-end;}
  #bk-panel{max-width:100%;max-height:96vh;border-radius:var(--r-xl) var(--r-xl) 0 0;border-bottom:none;}
  #bk-hd{padding:18px 20px;}
  #bk-ttl{font-size:17px;}
  #bk-trust{gap:12px;padding:12px 20px;}
}

/* ════════ DEMO FORM MODAL ════════
   Hidden via display:none by default (same proven pattern as #mm and
   #bk) rather than opacity/visibility/pointer-events — a display:none
   element has zero layout box and can never intercept a click, full
   stop, with no dependency on pointer-events cascading correctly.
   Centred with auto margins (not align-items:center) so that if the
   panel is ever taller than the viewport, the whole modal scrolls
   instead of clipping — no "unreachable top" flexbox-centering bug. */
.dm{position:fixed;inset:0;z-index:9700;display:none;padding:24px;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.dm.open{display:flex;}
.dm-bd{position:fixed;inset:0;background:rgba(1,4,8,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transition:opacity .35s var(--ease);}
.dm.open .dm-bd{opacity:1;}
.dm-panel{position:relative;margin:auto;width:100%;max-width:560px;background:linear-gradient(165deg,var(--ink3),var(--ink2));
  border:1px solid var(--line2);border-radius:var(--r-xl);box-shadow:0 0 90px rgba(0,200,232,.14),0 50px 90px -20px rgba(0,0,0,.8);
  display:flex;flex-direction:column;overflow:hidden;
  transform:translateY(22px) scale(.97);opacity:0;transition:transform .4s var(--ease),opacity .3s var(--ease);}
.dm.open .dm-panel{transform:none;opacity:1;}
.dm-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:26px 28px 20px;border-bottom:1px solid var(--line);flex-shrink:0;background:rgba(2,6,12,.5);}
.dm-hd-txt{min-width:0;}
.dm-ttl{font-size:22px;font-weight:600;color:#fff;line-height:1.25;}
.dm-sub{font-size:13px;color:var(--body);line-height:1.65;margin-top:9px;font-weight:300;max-width:440px;}
.dm-x{background:none;border:1px solid var(--line);border-radius:50%;width:34px;height:34px;color:var(--dim);font-size:20px;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .25s;}
.dm-x:hover{color:#fff;border-color:var(--line3);background:rgba(0,200,232,.07);transform:rotate(90deg);}
.dm-body{flex:1 1 auto;height:clamp(680px,78vh,720px);overflow-y:auto;-webkit-overflow-scrolling:touch;}
.dm-body iframe{width:100%;height:100%;border:none;display:block;background:transparent;}
@media(max-width:640px){
  .dm{padding:8px;}
  .dm-panel{max-width:100%;border-radius:var(--r-lg);}
  .dm-hd{padding:18px 18px 14px;}
  .dm-ttl{font-size:19px;}
  .dm-sub{font-size:12px;margin-top:7px;}
  .dm-body{height:calc(100vh - 180px);}
}

/* ════════ RESPONSIVE ════════ */
@media(max-width:1080px){
  .pb-grid{gap:52px;}
  .pms{gap:48px;}
  .omni{gap:28px;}
  .hub-c{width:148px;height:148px;}
  .hub-c img{width:102px;}
}
@media(max-width:960px){
  .wrap,.wrap-wide{padding:0 22px;}
  #nav{padding:0 22px;}
  #hero{padding:104px 22px 68px;}
  .nav-mid,.nav-rt .nav-live,.nav-rt .btn{display:none!important;}
  .burger{display:flex;}
  .sec,#problem{padding:88px 0;}
  .sec-hd{margin-bottom:52px;}
  .h-stats{flex-direction:column;gap:0;}
  .h-stat{padding:22px 0!important;border-right:none;border-bottom:1px solid var(--line);}
  .h-stat:last-child{border-bottom:none;}
  .h-fine{margin-bottom:52px;}
  .pb-grid{grid-template-columns:1fr;gap:44px;}
  .steps{grid-template-columns:1fr 1fr;gap:12px;}
  .steps-line{display:none;}
  .step{padding:18px 10px;border-radius:var(--r-md);border:1px solid var(--line);}
  .step.on{background:rgba(0,200,232,.04);border-color:var(--line2);}
  .omni{grid-template-columns:1fr;gap:32px;}
  .ch:hover,.out:hover{transform:none;}
  .demo{grid-template-columns:1fr;}
  .d-sb{display:none;}
  #pillrow{display:block!important;}
  .kps{grid-template-columns:1fr;}
  .gg{grid-template-columns:1fr;gap:18px;}
  .roi{grid-template-columns:1fr;gap:18px;}
  .pms{grid-template-columns:1fr;gap:44px;}
  .plogos{grid-template-columns:repeat(2,1fr);}
  .fg{grid-template-columns:1fr;}
  .tg{grid-template-columns:1fr;gap:16px;}
  .ft-in{grid-template-columns:1fr 1fr;gap:36px;}
  #proof{padding:32px 22px;}
  .pf-in{gap:20px;}
  #fin{padding:104px 22px;}
  #foot{padding:44px 22px 26px;}
  .d-main{padding:22px;min-height:0;}
  .rc,.gc{padding:22px;}
  .leak-card{padding:26px 22px;}
}
@media(max-width:640px){
  .h-cta .btn,.f-cta .btn{flex:1 1 100%;}
  .ft-in{grid-template-columns:1fr;gap:32px;}
  .hub-c{width:128px;height:128px;}
  .hub-c img{width:88px;}
  .pf-div{display:none;}
  .fq-q{font-size:15px;padding:22px 0;}
  .tq{font-size:18px;}
  .bars{height:130px;}
  .lcw{height:130px;}
}