/* ══════════════════════════════════════════════════════════════
   CONTINUUM II — SECTIONS (refined)
══════════════════════════════════════════════════════════════ */

/* ── HERO ── */
.hero{min-height:100vh;display:flex;align-items:center;padding:calc(var(--nav) + 40px) 0 70px;}
.hero-grid{display:grid;grid-template-columns:1.02fr 0.98fr;gap:46px;align-items:center;width:88%;max-width:var(--max);margin-inline:auto;position:relative;z-index:2;}
.hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px;}
.hero h1{font-family:var(--serif);font-weight:340;font-size:clamp(2.8rem,5.8vw,4.9rem);line-height:0.99;letter-spacing:-0.035em;margin-bottom:26px;}
.hero h1 em{font-style:italic;color:var(--acc-soft);}
.hero-sub{max-width:480px;margin-bottom:36px;}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:50px;}
.hero-meta{display:flex;gap:30px;flex-wrap:wrap;}
.hero-meta .m .v{font-family:var(--serif);font-size:1.6rem;font-weight:340;letter-spacing:-0.03em;line-height:1;}
.hero-meta .m .l{font-family:var(--mono);font-size:11px;color:var(--ink-3);letter-spacing:0.04em;margin-top:8px;text-transform:uppercase;}
.hero-3d{position:relative;aspect-ratio:1/0.96;width:100%;}
#heroCanvas{width:100%;height:100%;}
.hero-3d .fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.hero-3d .fallback .stack{position:relative;width:58%;aspect-ratio:0.82;}
.hero-3d .fallback .stack i{position:absolute;inset:0;border:1px solid var(--acc-line);border-radius:14px;background:linear-gradient(160deg,rgba(133,145,242,0.08),transparent);}
.hero-3d .fallback .stack i:nth-child(1){transform:rotate(-9deg) translate(-14px,8px);}
.hero-3d .fallback .stack i:nth-child(2){transform:rotate(-3deg);}
.hero-3d .fallback .stack i:nth-child(3){transform:rotate(5deg) translate(14px,-8px);}
.hero-3d .cap{position:absolute;left:50%;bottom:3%;transform:translateX(-50%);font-family:var(--mono);font-size:10px;letter-spacing:0.16em;color:var(--ink-3);text-transform:uppercase;white-space:nowrap;}
.hero-aside{opacity:0;animation:fadeup 1.1s var(--ease) .5s forwards;}
@keyframes fadeup{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:none;}}

/* ── MARQUEE ── */
.mq{border-block:1px solid var(--line);padding:24px 0;overflow:hidden;background:rgba(7,8,16,0.4);backdrop-filter:blur(6px);}
.mq-mask{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.mq-track{display:flex;width:max-content;animation:mqs 44s linear infinite;}
.mq:hover .mq-track{animation-play-state:paused;}
.mq-i{display:inline-flex;align-items:center;gap:11px;padding:0 36px;font-family:var(--mono);font-size:12px;letter-spacing:0.07em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;}
.mq-i .dt{width:4px;height:4px;border-radius:50%;background:var(--ink-4);}
@keyframes mqs{to{transform:translateX(-50%);}}

/* ── CAPABILITY BENTO ── */
.bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(196px,auto);gap:14px;}
.cell{position:relative;border:1px solid var(--line);border-radius:var(--r-lg);background:rgba(11,13,21,0.55);backdrop-filter:blur(10px);padding:30px;overflow:hidden;transition:border-color .5s var(--ease),transform .5s var(--ease),box-shadow .5s var(--ease);}
.cell::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .5s;background:radial-gradient(340px circle at var(--mx,50%) var(--my,50%),rgba(133,145,242,0.09),transparent 60%);}
.cell:hover{border-color:var(--acc-line);transform:translateY(-4px);box-shadow:0 30px 60px -40px rgba(0,0,0,0.8);}
.cell:hover::after{opacity:1;}
.cell-lg{grid-column:span 4;}.cell-sm{grid-column:span 2;}.cell-half{grid-column:span 3;}
.cell .ix{width:44px;height:44px;border-radius:12px;border:1px solid var(--line-hi);background:var(--bg-2);display:flex;align-items:center;justify-content:center;color:var(--acc-soft);}
.cell .num{position:absolute;top:26px;right:30px;font-family:var(--mono);font-size:11px;color:var(--ink-4);letter-spacing:0.1em;}
.cell h3{font-family:var(--serif);font-weight:340;font-size:1.4rem;letter-spacing:-0.02em;margin:22px 0 10px;}
.cell p{font-size:0.9rem;color:var(--ink-2);line-height:1.62;}
.cell .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px;}
.cell .tg{font-family:var(--mono);font-size:10px;padding:4px 10px;border-radius:99px;border:1px solid var(--line);color:var(--ink-3);letter-spacing:0.03em;}
.recon{display:flex;align-items:center;gap:10px;margin-top:18px;font-family:var(--mono);font-size:13px;flex-wrap:wrap;}
.recon .a,.recon .b{padding:6px 12px;border-radius:8px;border:1px solid var(--line);color:var(--ink-2);transition:.5s var(--ease);}
.recon .eq{color:var(--ink-4);}
.recon.matched .a,.recon.matched .b{border-color:rgba(98,201,160,0.35);color:var(--pos);}
.recon .chk{opacity:0;color:var(--pos);transition:opacity .4s .3s;}
.recon.matched .chk{opacity:1;}
@media(max-width:920px){.bento{grid-template-columns:1fr 1fr;}.cell-lg,.cell-sm,.cell-half{grid-column:span 1;}}
@media(max-width:560px){.bento{grid-template-columns:1fr;}}

/* ── FOUR-TAB DATA WINDOW ── */
.dataw{border:1px solid var(--line-hi);border-radius:var(--r-xl);background:rgba(11,13,21,0.78);backdrop-filter:blur(16px);overflow:hidden;box-shadow:0 1px 0 rgba(255,255,255,0.04) inset,0 50px 100px -50px rgba(0,0,0,0.9);position:relative;}
.dataw::before{content:'';position:absolute;inset:0;padding:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(140deg,rgba(133,145,242,0.4),transparent 45%,rgba(133,145,242,0.18));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0.5;}
.dataw-bar{display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid var(--line);}
.dataw-dots{display:flex;gap:6px;}.dataw-dots i{width:11px;height:11px;border-radius:50%;}
.dataw-dots i:nth-child(1){background:#FF5F57;}.dataw-dots i:nth-child(2){background:#FEBC2E;}.dataw-dots i:nth-child(3){background:#28C840;}
.dataw-tabs{display:flex;gap:4px;margin-left:8px;overflow-x:auto;scrollbar-width:none;}.dataw-tabs::-webkit-scrollbar{display:none;}
.dataw-tab{font-family:var(--mono);font-size:12px;padding:7px 14px;border-radius:8px;color:var(--ink-3);white-space:nowrap;transition:.25s;}
.dataw-tab.act{background:var(--acc-wash);color:var(--acc-soft);}
.dataw-live{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;color:var(--pos);}
.dataw-live .lv{width:6px;height:6px;border-radius:50%;background:var(--pos);box-shadow:0 0 8px var(--pos);animation:bp 1.6s infinite;}
@keyframes bp{0%,100%{opacity:1;}50%{opacity:.4;}}
.dataw-body{padding:22px;min-height:336px;}
.dview{display:none;}.dview.on{display:block;animation:dvin .55s var(--ease);}
@keyframes dvin{from{opacity:0;transform:translateY(12px);filter:blur(4px);}to{opacity:1;transform:none;filter:none;}}
.dkpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;}
.dk{border:1px solid var(--line);border-radius:var(--r);background:rgba(255,255,255,0.012);padding:16px;}
.dk .l{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:0.06em;color:var(--ink-3);margin-bottom:9px;}
.dk .v{font-family:var(--serif);font-weight:340;font-size:1.5rem;letter-spacing:-0.03em;}
.dtable{width:100%;border-collapse:collapse;}
.dtable th{text-align:left;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:0.05em;color:var(--ink-3);padding:11px 14px;border-bottom:1px solid var(--line);font-weight:500;}
.dtable td{padding:12px 14px;font-size:0.84rem;color:var(--ink-2);border-bottom:1px solid var(--line-2);}
.dtable tr:last-child td{border-bottom:none;}
.dtable tbody tr{transition:background .25s;}.dtable tbody tr:hover{background:rgba(255,255,255,0.014);}
.st{font-family:var(--mono);font-size:10px;padding:4px 9px;border-radius:99px;letter-spacing:0.03em;border:1px solid;}
.st.ok{color:var(--pos);border-color:rgba(98,201,160,0.3);background:rgba(98,201,160,0.06);}
.st.fl{color:var(--warn);border-color:rgba(219,174,115,0.3);background:rgba(219,174,115,0.06);}
.st.dp{color:var(--neg);border-color:rgba(222,128,136,0.3);background:rgba(222,128,136,0.06);}
.dbars{display:flex;align-items:flex-end;gap:8px;height:120px;padding:10px 0;}
.dbars i{flex:1;background:var(--acc-wash);border-top:2px solid var(--acc);border-radius:4px 4px 0 0;transform:scaleY(0);transform-origin:bottom;transition:transform .8s var(--ease);}
.dview.on .dbars i{transform:scaleY(1);}
.dview.on .dbars i:nth-child(2){transition-delay:.08s;}.dview.on .dbars i:nth-child(3){transition-delay:.16s;}.dview.on .dbars i:nth-child(4){transition-delay:.24s;}.dview.on .dbars i:nth-child(5){transition-delay:.32s;}.dview.on .dbars i:nth-child(6){transition-delay:.4s;}
@media(max-width:680px){.dkpis{grid-template-columns:1fr 1fr;}.dataw-body{padding:16px;}}

/* ── HOW IT WORKS ── */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.step{position:relative;border:1px solid var(--line);border-radius:var(--r-lg);background:rgba(11,13,21,0.5);backdrop-filter:blur(10px);padding:26px;overflow:hidden;transition:border-color .5s,transform .5s var(--ease);}
.step:hover{border-color:var(--acc-line);transform:translateY(-4px);}
.step-vis{border:1px solid var(--line);border-radius:var(--r);background:rgba(255,255,255,0.012);padding:14px;margin-bottom:22px;}
.step-vis svg{width:100%;height:auto;}
.step .pn{font-family:var(--mono);font-size:11px;color:var(--acc-soft);letter-spacing:0.12em;}
.step h3{font-family:var(--serif);font-weight:340;font-size:1.25rem;letter-spacing:-0.02em;margin:10px 0 8px;}
.step p{font-size:0.86rem;color:var(--ink-2);line-height:1.58;}
@media(max-width:920px){.steps{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.steps{grid-template-columns:1fr;}}

/* ── COMPLIANCE ── */
.comply{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;}
.shield{position:relative;aspect-ratio:1;max-width:420px;margin-inline:auto;}
.comply-feats{display:flex;flex-direction:column;gap:14px;}
.cf{display:flex;gap:16px;align-items:flex-start;padding:20px;border:1px solid var(--line);border-radius:var(--r-lg);background:rgba(11,13,21,0.5);backdrop-filter:blur(8px);transition:border-color .4s,transform .4s var(--ease);}
.cf:hover{border-color:var(--acc-line);transform:translateX(5px);}
.cf .ix{width:42px;height:42px;border-radius:11px;border:1px solid var(--line-hi);background:var(--bg-2);display:flex;align-items:center;justify-content:center;color:var(--acc-soft);flex-shrink:0;}
.cf h4{font-size:0.98rem;font-weight:600;margin-bottom:6px;}
.cf p{font-size:0.86rem;color:var(--ink-2);line-height:1.55;}
@media(max-width:920px){.comply{grid-template-columns:1fr;gap:34px;}}

/* ── WHY / TILT ── */
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.tilt{position:relative;border:1px solid var(--line);border-radius:var(--r-lg);background:rgba(11,13,21,0.55);backdrop-filter:blur(10px);padding:32px;overflow:hidden;transform-style:preserve-3d;transition:border-color .5s;will-change:transform;}
.tilt::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .5s;background:radial-gradient(340px circle at var(--gx,50%) var(--gy,50%),rgba(133,145,242,0.12),transparent 55%);}
.tilt:hover{border-color:var(--acc-line);}.tilt:hover::after{opacity:1;}
.tilt .inner{transform:translateZ(36px);}
.tilt .ix{width:44px;height:44px;border-radius:12px;border:1px solid var(--line-hi);background:var(--bg-2);display:flex;align-items:center;justify-content:center;color:var(--acc-soft);margin-bottom:22px;}
.tilt h3{font-family:var(--serif);font-weight:340;font-size:1.3rem;letter-spacing:-0.02em;margin-bottom:9px;}
.tilt p{font-size:0.9rem;color:var(--ink-2);line-height:1.6;}
@media(max-width:920px){.why-grid{grid-template-columns:1fr;}}

/* ── TIMELINE ── */
.tl{display:grid;grid-template-columns:0.8fr 1.2fr;gap:60px;align-items:start;}
.ph{position:relative;padding:0 0 38px 40px;border-left:1px solid var(--line);margin-left:13px;}
.ph:last-child{border-left-color:transparent;padding-bottom:0;}
.ph .dot{position:absolute;left:-13px;top:2px;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-2);border:1px solid var(--line-hi);}
.ph .dot.done{border-color:rgba(98,201,160,0.45);color:var(--pos);}
.ph .dot.now{border-color:var(--acc-line);color:var(--acc-soft);box-shadow:0 0 0 4px rgba(133,145,242,0.07);}
.ph .pt{display:inline-block;font-family:var(--mono);font-size:10px;padding:4px 10px;border-radius:99px;letter-spacing:0.06em;margin-bottom:11px;border:1px solid var(--line);color:var(--ink-3);}
.ph .pt.done{color:var(--pos);border-color:rgba(98,201,160,0.3);}.ph .pt.now{color:var(--acc-soft);border-color:var(--acc-line);}
.ph h3{font-family:var(--serif);font-weight:340;font-size:1.25rem;letter-spacing:-0.02em;}
.ph p{font-size:0.9rem;color:var(--ink-2);margin-top:8px;line-height:1.6;}
@media(max-width:920px){.tl{grid-template-columns:1fr;gap:36px;}}

/* ── VOICES ── */
.voices{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.voice{border:1px solid var(--line);border-radius:var(--r-lg);background:rgba(11,13,21,0.55);backdrop-filter:blur(10px);padding:32px;transition:border-color .5s,transform .5s var(--ease);}
.voice:hover{border-color:var(--acc-line);transform:translateY(-4px);}
.voice .stars{color:var(--acc-soft);font-size:0.8rem;letter-spacing:3px;margin-bottom:18px;}
.voice .q{font-family:var(--serif);font-weight:340;font-style:italic;font-size:1.1rem;line-height:1.55;margin-bottom:24px;}
.voice .who{display:flex;align-items:center;gap:13px;}
.voice .av{width:42px;height:42px;border-radius:50%;border:1px solid var(--line-hi);background:var(--bg-2);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:0.82rem;color:var(--acc-soft);flex-shrink:0;}
.voice .nm{font-size:0.9rem;font-weight:500;}.voice .rl{font-size:0.78rem;color:var(--ink-3);margin-top:2px;}
@media(max-width:920px){.voices{grid-template-columns:1fr;}}

/* ── CTA ── */
.cta{position:relative;border:1px solid var(--line-hi);border-radius:var(--r-xl);background:rgba(11,13,21,0.6);backdrop-filter:blur(12px);padding:84px 40px;text-align:center;overflow:hidden;}
.cta::before{content:'';position:absolute;inset:0;padding:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(140deg,rgba(133,145,242,0.4),transparent 50%,rgba(133,145,242,0.2));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0.5;}
.cta-inner{position:relative;z-index:1;max-width:620px;margin-inline:auto;}.cta .lead{margin:18px auto 32px;}

/* ── FOOTER ── */
footer{border-top:1px solid var(--line);padding:72px 0 40px;background:rgba(7,8,16,0.6);backdrop-filter:blur(8px);}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:44px;}
.foot-b .bl{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.foot-b p{font-size:0.88rem;color:var(--ink-2);line-height:1.6;max-width:300px;margin-bottom:18px;}
.foot-chips{display:flex;gap:8px;flex-wrap:wrap;}
.foot-col h5{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:0.1em;color:var(--ink-3);margin-bottom:18px;}
.foot-col a{display:block;font-size:0.9rem;color:var(--ink-2);padding:6px 0;width:fit-content;transition:color .25s;}
.foot-col a:hover{color:var(--ink);}
.foot-ct{display:flex;align-items:center;gap:11px;padding:6px 0;font-size:0.88rem;color:var(--ink-2);}
.foot-ct .ic{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ink-3);}
.foot-bot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:52px;padding-top:28px;border-top:1px solid var(--line);font-size:0.82rem;color:var(--ink-3);}
@media(max-width:920px){.foot-grid{grid-template-columns:1fr 1fr;gap:36px;}}
@media(max-width:560px){.foot-grid{grid-template-columns:1fr;}}

/* ── PAGE HERO + CONTACT + DEMO (shared) ── */
.phero{padding:calc(var(--nav) + 80px) 0 50px;position:relative;overflow:hidden;}
.phero h1{font-family:var(--serif);font-weight:340;font-size:clamp(2.6rem,5.5vw,4.2rem);line-height:1.02;letter-spacing:-0.03em;}
.phero h1 em{font-style:italic;color:var(--acc-soft);}
.cgrid{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:start;}
.fcard{border:1px solid var(--line);border-radius:var(--r-xl);background:rgba(11,13,21,0.6);backdrop-filter:blur(10px);padding:42px;}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.fg{margin-bottom:20px;position:relative;}
.fg label{display:block;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:0.07em;color:var(--ink-3);margin-bottom:9px;}
.fg input,.fg select,.fg textarea{width:100%;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);color:var(--ink);padding:13px 15px;font-size:0.92rem;transition:border-color .3s,background .3s,box-shadow .3s;cursor:none;}
.fg textarea{resize:vertical;min-height:100px;}
.fg input::placeholder,.fg textarea::placeholder{color:var(--ink-4);}
.fg input:focus,.fg select:focus,.fg textarea:focus{outline:none;border-color:var(--acc-line);background:var(--bg-3);box-shadow:0 0 0 3px rgba(133,145,242,0.08);}
.fg select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23595D6C' stroke-width='1.6'%3E%3Cpath d='M3 5l3 3 3-3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;}
.fg select option{background:var(--bg-2);}
.ferr{display:none;background:rgba(222,128,136,0.08);border:1px solid rgba(222,128,136,0.25);color:var(--neg);padding:12px 16px;border-radius:var(--r);font-size:0.85rem;margin-bottom:20px;}
.fsuccess{display:none;flex-direction:column;align-items:center;text-align:center;padding:42px 20px;}
.fsuccess .ic{width:58px;height:58px;border-radius:50%;border:1px solid rgba(98,201,160,0.35);color:var(--pos);display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:20px;}
.fsuccess h3{font-family:var(--serif);font-weight:340;font-size:1.4rem;margin-bottom:8px;}.fsuccess p{color:var(--ink-2);font-size:0.9rem;}
.iside{border:1px solid var(--line);border-radius:var(--r-xl);background:rgba(11,13,21,0.6);backdrop-filter:blur(10px);padding:34px;}
.iside h3{font-family:var(--serif);font-weight:340;font-size:1.2rem;margin-bottom:22px;}
.irow{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid var(--line-2);}
.irow:last-of-type{border-bottom:none;}
.irow .ic{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--acc-soft);}
.irow .l{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:0.07em;color:var(--ink-3);margin-bottom:3px;}
.irow .v{font-size:0.9rem;color:var(--ink);}
.irecog{margin-top:22px;padding-top:22px;border-top:1px solid var(--line);}
@media(max-width:900px){.cgrid{grid-template-columns:1fr;}.frow{grid-template-columns:1fr;}.fcard{padding:28px;}}
.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--nav) 20px 40px;}
.gate-c{position:relative;width:100%;max-width:420px;padding:46px 38px;border-radius:var(--r-xl);text-align:center;border:1px solid var(--line);background:rgba(11,13,21,0.7);backdrop-filter:blur(14px);overflow:hidden;}
.gate-c .lg{position:relative;width:54px;height:54px;margin:0 auto 22px;border-radius:14px;border:1px solid var(--line-hi);background:var(--bg-2);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-style:italic;font-size:1.5rem;color:var(--acc-soft);}
.gate-c h1{font-family:var(--serif);font-weight:340;font-size:1.5rem;margin-bottom:10px;position:relative;}
.gate-c p{color:var(--ink-2);font-size:0.9rem;line-height:1.6;margin-bottom:26px;position:relative;}
.gate-in{position:relative;width:100%;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);color:var(--ink);padding:14px 16px;font-family:var(--mono);font-size:0.9rem;text-align:center;letter-spacing:0.1em;margin-bottom:14px;cursor:none;}
.gate-in:focus{outline:none;border-color:var(--acc-line);box-shadow:0 0 0 3px rgba(133,145,242,0.08);}
.gate-err{color:var(--neg);font-size:0.82rem;min-height:1.2em;margin-top:10px;}
.gate-ft{margin-top:20px;font-size:0.82rem;color:var(--ink-3);position:relative;}.gate-ft b{color:var(--acc-soft);}
.dash{padding:calc(var(--nav) + 36px) 0 80px;}
.dhead{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:18px;margin-bottom:28px;}
.dtabs{display:flex;gap:5px;border:1px solid var(--line);border-radius:var(--r);padding:5px;overflow-x:auto;scrollbar-width:none;}.dtabs::-webkit-scrollbar{display:none;}
.dtab{font-size:0.85rem;padding:9px 16px;border-radius:9px;color:var(--ink-3);white-space:nowrap;transition:.25s;}
.dtab.act{background:var(--acc-wash);color:var(--acc-soft);}
.dpanel{border:1px solid var(--line);border-radius:var(--r-lg);background:rgba(11,13,21,0.6);overflow:hidden;}
.dpanel-h{padding:18px 22px;border-bottom:1px solid var(--line);font-size:0.92rem;font-weight:500;display:flex;justify-content:space-between;align-items:center;}
.dpanel-h span{font-family:var(--mono);font-size:11px;color:var(--ink-3);}
@media(max-width:760px){.dkpis{grid-template-columns:1fr 1fr;}}

/* ══ PREMIUM ELEVATION PASS ══ */
/* hero shader backdrop */
.hero-mesh{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0.9;
  -webkit-mask:radial-gradient(130% 100% at 60% 20%,#000 40%,transparent 88%);
  mask:radial-gradient(130% 100% at 60% 20%,#000 40%,transparent 88%);}
.hero-mesh canvas{width:100%;height:100%;}
.hero-grid{position:relative;z-index:2;}
/* luminous accents */
.h2 em,.hero h1 em{text-shadow:0 0 34px rgba(133,145,242,0.45),0 0 90px rgba(133,145,242,0.18);}
.kicker::before{box-shadow:0 0 10px rgba(133,145,242,0.55);}
/* nav link glow underline */
.nav-links a{position:relative;}
.nav-links a::after{content:'';position:absolute;left:14px;right:14px;bottom:4px;height:1px;background:var(--acc);box-shadow:0 0 8px rgba(133,145,242,0.55);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease);}
.nav-links a:hover::after,.nav-links a.act::after{transform:scaleX(1);}
/* buttons: spring + glow */
.btn:active{transform:scale(0.97);}
.btn-acc:hover{box-shadow:0 14px 44px -14px rgba(133,145,242,0.65),0 0 24px -6px rgba(133,145,242,0.4);}
/* gradient hairline borders on hover (cells/tilt/voices/cf) */
.cell::before,.tilt::before,.voice::before,.cf::before{
  content:'';position:absolute;inset:0;padding:1px;border-radius:inherit;pointer-events:none;z-index:0;
  background:linear-gradient(135deg,rgba(133,145,242,0.34),transparent 38%,transparent 62%,rgba(133,145,242,0.15));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  opacity:0;transition:opacity .6s var(--ease);}
.cell:hover::before,.tilt:hover::before,.voice:hover::before,.cf:hover::before{opacity:1;}
.cell,.tilt,.voice,.cf{position:relative;}
/* data window: staggered rows + KPIs + tab underline + pill glow */
.dview.on .dtable tbody tr{opacity:0;transform:translateY(10px);animation:rowin .5s var(--ease) forwards;}
.dview.on .dtable tbody tr:nth-child(1){animation-delay:.05s;}.dview.on .dtable tbody tr:nth-child(2){animation-delay:.12s;}
.dview.on .dtable tbody tr:nth-child(3){animation-delay:.19s;}.dview.on .dtable tbody tr:nth-child(4){animation-delay:.26s;}
.dview.on .dtable tbody tr:nth-child(5){animation-delay:.33s;}.dview.on .dtable tbody tr:nth-child(6){animation-delay:.4s;}
@keyframes rowin{to{opacity:1;transform:none;}}
.dview.on .dk{opacity:0;transform:translateY(8px) scale(0.985);animation:kin2 .45s var(--ease) forwards;}
.dview.on .dk:nth-child(2){animation-delay:.06s;}.dview.on .dk:nth-child(3){animation-delay:.12s;}.dview.on .dk:nth-child(4){animation-delay:.18s;}
@keyframes kin2{to{opacity:1;transform:none;}}
.dataw-tab{position:relative;}
.dataw-tab::after{content:'';position:absolute;left:14px;right:14px;bottom:3px;height:1px;background:var(--acc);box-shadow:0 0 8px rgba(133,145,242,0.5);transform:scaleX(0);transition:transform .3s var(--ease);}
.dataw-tab.act::after{transform:scaleX(1);}
.st.ok{box-shadow:0 0 14px -5px rgba(98,201,160,0.55) inset;}
.st.fl{box-shadow:0 0 14px -5px rgba(219,174,118,0.45) inset;}
.st.dp{box-shadow:0 0 14px -5px rgba(222,128,134,0.45) inset;}
.dataw-live .lv{box-shadow:0 0 12px var(--pos),0 0 4px var(--pos);}
/* demo dash tables share the same stagger */
.dv .dtable tbody tr{opacity:0;transform:translateY(10px);animation:rowin .5s var(--ease) forwards;}
.dv .dtable tbody tr:nth-child(1){animation-delay:.05s;}.dv .dtable tbody tr:nth-child(2){animation-delay:.12s;}
.dv .dtable tbody tr:nth-child(3){animation-delay:.19s;}.dv .dtable tbody tr:nth-child(4){animation-delay:.26s;}
.dv .dtable tbody tr:nth-child(5){animation-delay:.33s;}.dv .dtable tbody tr:nth-child(6){animation-delay:.4s;}
/* brand logo */
.brand .mk-img{width:30px;height:30px;object-fit:contain;transition:.4s var(--ease);}
.brand:hover .mk-img{transform:rotate(-6deg) scale(1.06);}
#pre-logo{width:50px;height:50px;object-fit:contain;opacity:0;transform:scale(0.85) translateY(8px);animation:plogo .9s var(--ease) .1s forwards;}
@keyframes plogo{to{opacity:1;transform:none;}}
.gate-c .lg-img{width:52px;height:52px;object-fit:contain;margin:0 auto 20px;display:block;}