/* Layout: multi-page sales site. Sticky nav with progress line; every page ends in a bright "Up next" band plus a floating next pill. Pages alternate deep-navy bands with pale paper bands. */
:root{
  --ink:#0A0E31; --navy:#12174A; --panel:#1A2163; --panel-2:#222A75;
  --line:rgba(205,213,255,.14); --text:#E8EBFA; --muted:#9CA5D8;
  --paper:#EEF0F8; --paper-2:#E1E5F3; --paper-ink:#12174A; --paper-muted:#56608F; --paper-line:#CBD1E8;
  --blue:#6E8BFF; --blue-deep:#3B5BA9; --gold:#F2C14E;
  --clear:#3DDC97; --flag:#FFB547; --crit:#FF6B6B;
  --display:"Bricolage Grotesque","Avenir Next",system-ui,sans-serif;
  --body:"Instrument Sans","Segoe UI",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --r:14px;
  color-scheme:dark;
}
*{box-sizing:border-box}
body{background:var(--ink);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.55;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--ink)}
.wrap{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.band{padding-block:clamp(56px,8vw,104px)}
h1,h2,h3{font-family:var(--display);line-height:1.02;letter-spacing:-.02em;margin:0;text-wrap:balance}
h1{font-size:clamp(44px,7vw,96px);font-weight:800}
h2{font-size:clamp(32px,4.8vw,58px);font-weight:800}
h3{font-size:22px;font-weight:600;letter-spacing:-.01em}
p{margin:0}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);display:flex;gap:10px;align-items:center}
.lede{font-size:clamp(17px,1.6vw,20px);color:var(--muted);max-width:62ch}
.mono{font-family:var(--mono)}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}
.paper{background:var(--paper);color:var(--paper-ink)}
.paper .lede{color:var(--paper-muted)}
.paper .eyebrow{color:var(--blue-deep)}
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;border:1px solid var(--line);background:transparent;text-decoration:none;color:var(--text);font-weight:600;transition:transform .2s,background .2s}
.btn:hover{transform:translateY(-2px)}
.btn:disabled{opacity:.45;cursor:default;transform:none}
.btn.primary{background:var(--blue);border-color:var(--blue);color:#0A0E31}
.btn.gold{background:var(--gold);border-color:var(--gold);color:#0A0E31}
.paper .btn{color:var(--paper-ink);border-color:var(--paper-line)}
.paper .btn.primary{background:var(--paper-ink);color:var(--paper);border-color:var(--paper-ink)}
.paper .btn.gold{background:var(--gold);border-color:var(--gold);color:#0A0E31}
.tag{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:999px;border:1px solid currentColor;white-space:nowrap}
.head{display:grid;gap:18px;max-width:820px}
.sample{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:12px}
.paper .sample{color:var(--paper-muted)}
.sub{margin-top:clamp(56px,7vw,96px)}
@keyframes fadein{from{opacity:0;transform:translateY(6px)}}
@keyframes spin{to{transform:rotate(360deg)}}

/* NAV */
nav.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:color-mix(in srgb,var(--ink) 92%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
nav.top .wrap{display:flex;align-items:center;gap:14px;padding-block:11px;max-width:1340px}
.logo{display:flex;align-items:center;background:none;border:0;padding:0;flex:none}
.logo img{height:28px;width:auto;display:block}
.tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0;padding:3px}
.tabs::-webkit-scrollbar{display:none}
.tabs button{border:0;background:transparent;color:var(--muted);font-size:13.5px;font-weight:500;padding:7px 11px 7px 7px;border-radius:999px;white-space:nowrap;display:flex;gap:8px;align-items:center;transition:background .2s,color .2s}
.tabs button i{font-style:normal;font-family:var(--mono);font-size:10px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line)}
.tabs button:hover{color:var(--text);background:var(--panel)}
.tabs button[aria-current="page"]{color:var(--ink);background:var(--text);font-weight:600}
.tabs button[aria-current="page"] i{border-color:transparent;background:var(--blue);color:var(--ink)}
.tabs button.done i{background:rgba(110,139,255,.2);border-color:transparent;color:var(--blue)}
.tabs button.new{color:var(--clear)}
.navcta[hidden]{display:none}
.navcta{flex:none;border:0;background:var(--gold);color:var(--ink);font-weight:700;font-size:14px;padding:10px 18px;border-radius:999px;animation:ctaPulse 3s ease-in-out infinite}
@keyframes ctaPulse{0%{box-shadow:0 0 0 0 rgba(242,193,78,.45)}60%,100%{box-shadow:0 0 0 9px rgba(242,193,78,0)}}
.navprog{height:3px;position:relative}
.navprog i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--blue),var(--gold));transition:width .5s ease;border-radius:0 3px 3px 0}
@media (max-width:760px){.navcta{display:none}.logo img{height:24px}}

/* PAGES + NEXT */
.page[hidden]{display:none!important}
.page{animation:pagein .45s ease both}
@keyframes pagein{from{opacity:.4;transform:translateY(8px)}}
.nextband{background:linear-gradient(120deg,#3D5BE0 0%,var(--blue) 55%,#8FA6FF 100%);color:var(--ink);position:relative;overflow:hidden}
.nextband::after{content:"";position:absolute;right:-120px;top:-160px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 65%);pointer-events:none}
.nextband .wrap{display:grid;gap:18px;padding-block:clamp(36px,5vw,60px);position:relative;z-index:1}
.nextband .prev{border:0;background:none;padding:0;color:#1D2560;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;justify-self:start;opacity:.85}
.nextband .prev:hover{opacity:1;text-decoration:underline}
.nextgo{border:0;background:none;padding:0;display:flex;align-items:center;justify-content:space-between;gap:24px;text-align:left;width:100%;color:var(--ink)}
.nextgo small{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#1D2560}
.nextgo b{display:block;font-family:var(--display);font-size:clamp(40px,7vw,92px);font-weight:800;letter-spacing:-.03em;line-height:1;margin-top:8px}
.nextgo span.blurb{display:block;color:#1D2560;font-size:16px;margin-top:10px;max-width:56ch}
.nextgo .arrow{flex:none;width:clamp(64px,8vw,104px);aspect-ratio:1;border-radius:50%;background:var(--ink);color:var(--text);display:grid;place-items:center;transition:transform .3s;box-shadow:0 20px 40px -14px rgba(10,14,49,.7)}
.nextgo .arrow svg{width:40%;height:40%;animation:nudge 1.6s ease-in-out infinite}
.nextgo:hover .arrow{transform:scale(1.08) rotate(-8deg)}
@keyframes nudge{50%{transform:translateX(6px)}}
.nextband.last{background:linear-gradient(120deg,#E8AE2E,var(--gold))}
.fnext{position:fixed;right:max(18px,env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:70;border:0;background:var(--blue);color:var(--ink);font-weight:700;font-size:14px;padding:12px 18px 12px 20px;border-radius:999px;box-shadow:0 12px 30px -8px rgba(0,0,0,.6),0 0 0 4px rgba(110,139,255,.25);display:flex;gap:10px;align-items:center;transition:transform .25s,opacity .25s}
.fnext:hover{transform:translateY(-3px)}
.fnext small{font-family:var(--mono);font-size:10px;letter-spacing:.1em;opacity:.7;text-transform:uppercase}
.fnext.hide{opacity:0!important;pointer-events:none!important}

/* COMPANY HERO */
.hero{padding-block:clamp(48px,7vw,96px);position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;inset:-20% -10% auto auto;width:720px;height:720px;border-radius:50%;background:radial-gradient(circle,rgba(110,139,255,.22),transparent 62%);pointer-events:none}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;position:relative;z-index:1}
.hero h1{margin-block:20px 24px}
.hero h1 em{font-style:normal;color:var(--blue)}
.hero .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr}}
.scan{background:var(--navy);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 30px 80px -30px rgba(0,0,0,.6);position:relative;overflow:hidden;min-width:0}
.scan-head{display:flex;gap:14px;align-items:center}
.avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--blue-deep));display:grid;place-items:center;font-family:var(--display);font-weight:800;color:var(--ink);flex:none}
.scan-head small{display:block;color:var(--muted);font-family:var(--mono);font-size:11px}
.ring{margin-left:auto;width:58px;height:58px;flex:none;position:relative}
.ring svg{transform:rotate(-90deg)}
.ring span{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--mono);font-size:13px;font-weight:600}
.checks{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:8px}
.checks li{display:grid;grid-template-columns:20px 1fr auto;gap:12px;align-items:center;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid transparent;font-size:14px;transition:background .3s,border-color .3s}
.checks li small{display:block;color:var(--muted);font-size:12px}
.checks .dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--muted)}
.checks li.run{border-color:var(--line);background:rgba(110,139,255,.08)}
.checks li.run .dot{border-color:var(--blue);border-top-color:transparent;animation:spin .8s linear infinite}
.checks li.ok .dot{background:var(--clear);border-color:var(--clear)}
.checks li.warn .dot{background:var(--flag);border-color:var(--flag)}
.checks .t{font-family:var(--mono);font-size:11px;color:var(--muted)}
.checks li.ok .t{color:var(--clear)} .checks li.warn .t{color:var(--flag)}
.scan-foot{margin-top:16px;display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--muted)}
.beam{position:absolute;left:0;right:0;height:80px;top:-80px;background:linear-gradient(180deg,transparent,rgba(110,139,255,.12),transparent);animation:beam 4s linear infinite;pointer-events:none}
@keyframes beam{to{top:110%}}
.stats{display:grid;grid-template-columns:repeat(4,1fr)}
.stats div{padding:4px 16px 0 0}
.stats strong{display:block;font-family:var(--display);font-size:clamp(36px,4.6vw,60px);font-weight:800;letter-spacing:-.03em;line-height:1}
.stats span{color:var(--paper-muted);font-size:14px}
@media (max-width:700px){.stats{grid-template-columns:1fr 1fr;row-gap:20px}}

/* PAINS */
.pains{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:40px}
@media (max-width:900px){.pains{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.pains{grid-template-columns:1fr}}
.pain{position:relative;border:0;padding:0;background:none;text-align:left;perspective:1000px;min-height:260px;color:var(--text)}
.pain .in{position:absolute;inset:0;transition:transform .6s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}
.pain[aria-pressed="true"] .in{transform:rotateY(180deg)}
.pain .f,.pain .b{position:absolute;inset:0;border-radius:18px;padding:22px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column}
.pain .f{background:var(--navy);border:1px solid var(--line)}
.pain:hover .f{border-color:rgba(255,107,107,.5)}
.pain .f .ico{width:46px;height:46px;border-radius:12px;background:rgba(255,107,107,.12);display:grid;place-items:center;color:var(--crit)}
.pain .f .ico svg{width:24px;height:24px}
.pain .f b{font-family:var(--display);font-size:clamp(24px,2.4vw,30px);font-weight:800;margin-top:auto;line-height:1.05;letter-spacing:-.02em}
.pain .f small{color:var(--muted);font-size:14px;margin-top:8px}
.pain .f em{font-style:normal;font-family:var(--mono);font-size:11px;color:var(--blue);margin-top:14px;letter-spacing:.06em}
.pain .b{background:var(--blue);color:var(--ink);transform:rotateY(180deg)}
.pain .b .k{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.75}
.pain .b strong{font-family:var(--display);font-size:clamp(34px,3.6vw,48px);font-weight:800;line-height:1;letter-spacing:-.03em;margin-top:12px}
.pain .b b{font-size:17px;margin-top:6px}
.pain .b small{font-size:14px;margin-top:auto;opacity:.85}
.covered{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px 26px;border-radius:18px;background:linear-gradient(90deg,rgba(110,139,255,.16),rgba(242,193,78,.12));border:1px solid var(--line)}
.covered b{font-family:var(--display);font-size:clamp(24px,3vw,36px);font-weight:800;letter-spacing:-.02em}
.covered b span{color:var(--gold)}

/* BRANDS */
.brands{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}
@media (max-width:820px){.brands{grid-template-columns:1fr}}
.brandcard{background:#fff;border:1px solid var(--paper-line);border-radius:22px;overflow:hidden;display:flex;flex-direction:column}
.brandcard .art{aspect-ratio:16/9;max-width:100%;position:relative;overflow:hidden}
.brandcard .art svg{position:absolute;inset:0;width:100%;height:100%}
.brandcard .txt{padding:22px 24px 26px;display:grid;gap:8px}
.brandcard .tag{color:var(--blue-deep);justify-self:start}
.brandcard h3{font-size:28px;color:var(--paper-ink)}
.brandcard p{color:var(--paper-muted);font-size:15px}
.brandcard ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.brandcard li{font-family:var(--mono);font-size:11px;padding:5px 10px;border-radius:999px;background:var(--paper);color:var(--paper-ink)}
.float{animation:floaty 5s ease-in-out infinite}
.float.d2{animation-delay:-1.6s}.float.d3{animation-delay:-3.2s}
@keyframes floaty{50%{transform:translateY(-6px)}}

/* INDUSTRIES + LOGOS */
.inds{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}
.ind{display:flex;gap:10px;align-items:center;border:1px solid var(--paper-line);background:#fff;color:var(--paper-ink);border-radius:999px;padding:7px 16px 7px 7px;font-size:14px;font-weight:600;transition:background .2s,color .2s}
.ind span{width:30px;height:30px;border-radius:50%;background:var(--paper);display:grid;place-items:center}
.ind svg{width:17px;height:17px;stroke:var(--blue-deep)}
.ind[aria-pressed="true"]{background:var(--paper-ink);color:var(--paper);border-color:var(--paper-ink)}
.ind[aria-pressed="true"] span{background:var(--blue)}
.ind[aria-pressed="true"] svg{stroke:var(--ink)}
.logowall{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}
.logowall .lg{flex:0 0 calc((100% - 70px)/8)}
@media (max-width:1000px){.logowall .lg{flex-basis:calc((100% - 30px)/4)}}
@media (max-width:560px){.logowall .lg{flex-basis:calc((100% - 10px)/2)}}
.lg{background:#fff;border:1px solid var(--paper-line);border-radius:14px;height:92px;display:grid;place-items:center;padding:14px 18px;transition:opacity .35s,transform .35s,box-shadow .35s}
.lg img{max-width:100%;max-height:52px;object-fit:contain;display:block}
.lg.dim{opacity:.16;transform:scale(.97)}
.lg.hit{box-shadow:0 12px 30px -12px rgba(18,23,74,.4);transform:translateY(-3px);border-color:var(--paper-ink)}
.indnote{margin-top:14px;font-size:15px;color:var(--paper-muted);min-height:1.5em}

/* SECURITY + PARTNERS */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:36px}
@media (max-width:900px){.pillars{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.pillars{grid-template-columns:1fr}}
.pillar{border:1px solid var(--line);border-radius:18px;padding:22px;display:grid;gap:8px;align-content:start}
.pillar .badge{width:62px;height:62px;border-radius:16px;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:14px;background:var(--panel);border:1px solid var(--line);color:var(--blue);text-align:center;line-height:1.05}
.pillar b{font-family:var(--display);font-size:20px;margin-top:6px}
.pillar p{color:var(--muted);font-size:14px}
.consent{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:24px;counter-reset:c}
@media (max-width:900px){.consent{grid-template-columns:1fr 1fr}}
.cstep{background:var(--navy);border:1px solid var(--line);border-radius:16px;padding:16px;opacity:.4;transition:opacity .4s,border-color .4s,transform .4s}
.cstep.on{opacity:1;border-color:var(--blue);transform:translateY(-4px)}
.cstep::before{counter-increment:c;content:counter(c,decimal-leading-zero);font-family:var(--mono);font-size:11px;color:var(--muted)}
.cstep b{display:block;font-family:var(--display);font-size:17px;margin-top:8px}
.cstep p{font-size:13px;color:var(--muted);margin-top:4px}
.consent-log{margin-top:14px;background:#060924;border:1px solid var(--line);border-radius:14px;padding:16px 18px;font-family:var(--mono);font-size:12px;line-height:1.8;min-height:130px;overflow-x:auto}
.consent-log span{color:var(--muted)}
.hub-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;margin-top:36px;align-items:center}
@media (max-width:900px){.hub-wrap{grid-template-columns:1fr}}
.hub{position:relative;aspect-ratio:1;max-width:560px;width:100%;margin-inline:auto}
.hub svg.lines{position:absolute;inset:0;width:100%;height:100%}
.hub .core{position:absolute;left:50%;top:50%;width:26%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:var(--paper-ink);color:var(--text);display:grid;place-items:center;align-content:center;text-align:center;font-family:var(--display);font-weight:800;font-size:clamp(13px,1.8vw,19px);box-shadow:0 0 0 12px rgba(18,23,74,.08),0 20px 50px -10px rgba(18,23,74,.5)}
.hub .core small{display:block;font-family:var(--mono);font-size:9px;font-weight:400;letter-spacing:.08em;color:var(--muted)}
.hub .p{position:absolute;transform:translate(-50%,-50%);border:1px solid var(--paper-line);background:#fff;border-radius:12px;padding:6px 10px;width:clamp(70px,17%,112px);height:clamp(38px,8%,52px);display:grid;place-items:center;transition:box-shadow .2s,border-color .2s,transform .2s}
.hub .p img{max-width:100%;max-height:100%;object-fit:contain}
.hub .p:hover{transform:translate(-50%,-50%) scale(1.05)}
.hub .p[aria-pressed="true"]{border-color:var(--paper-ink);box-shadow:0 0 0 3px var(--paper-ink);transform:translate(-50%,-50%) scale(1.08)}
.flowcard{background:var(--paper-ink);color:var(--text);border-radius:20px;padding:24px}
.flowcard h3{font-size:24px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.flowcard h3 img{height:34px;background:#fff;border-radius:8px;padding:5px 9px}
.flowcard ol{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px;counter-reset:f}
.flowcard li{display:grid;grid-template-columns:30px 1fr;gap:12px;font-size:15px;animation:fadein .4s ease both}
.flowcard li::before{counter-increment:f;content:counter(f);width:26px;height:26px;border-radius:50%;background:var(--panel-2);display:grid;place-items:center;font-family:var(--mono);font-size:12px}
.api{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px}
.api div{border:1px solid var(--paper-line);background:#fff;border-radius:14px;padding:16px}
.api b{display:block;font-family:var(--display);font-size:19px}
.api small{color:var(--paper-muted);font-size:13px}
@media (max-width:700px){.api{grid-template-columns:1fr 1fr}}

/* AI EDGE */
.rail{margin-top:48px;position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rail::before{content:"";position:absolute;left:28px;right:8%;top:27px;height:2px;background:var(--line)}
.rail .runner{position:absolute;top:21px;left:28px;width:14px;height:14px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 6px rgba(110,139,255,.2),0 0 24px var(--blue);animation:runner 7s cubic-bezier(.6,0,.4,1) infinite}
@keyframes runner{0%{left:28px}30%,40%{left:calc(33.3% + 28px)}70%,80%{left:calc(66.6% + 28px)}100%{left:90%}}
.station{position:relative;border:0;background:none;text-align:left;padding:0;display:grid;gap:10px;min-width:0;color:var(--text)}
.station .node{width:56px;height:56px;border-radius:50%;background:var(--navy);border:2px solid var(--line);display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:20px;position:relative;z-index:1;transition:border-color .2s,background .2s}
.station:hover .node{border-color:var(--blue);background:var(--panel)}
.station b{font-family:var(--display);font-size:22px;letter-spacing:-.01em}
.station .chips{display:flex;flex-wrap:wrap;gap:5px}
.station .chips span{font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 8px}
@media (max-width:800px){.rail{grid-template-columns:1fr;row-gap:24px}.rail::before,.rail .runner{display:none}}
.stage-sec{padding-block:clamp(48px,7vw,88px);border-top:1px solid var(--line)}
.stage-sec.paper{border-top:0}
.stage-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;margin-top:36px;align-items:start}
@media (max-width:900px){.stage-grid{grid-template-columns:1fr}}
.feat-list{display:grid;gap:8px}
.feat{border:1px solid var(--line);background:transparent;border-radius:14px;padding:16px 18px;text-align:left;display:grid;grid-template-columns:34px 1fr;gap:4px 12px;position:relative;overflow:hidden;transition:background .2s,border-color .2s;color:var(--text)}
.feat .n{font-family:var(--mono);font-size:12px;color:var(--muted);grid-row:span 2;padding-top:3px}
.feat b{font-family:var(--display);font-size:19px;font-weight:600;letter-spacing:-.01em}
.feat small{color:var(--muted);font-size:14px;line-height:1.45}
.feat .bar{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--blue)}
.feat[aria-pressed="true"]{background:var(--navy);border-color:var(--blue)}
.feat[aria-pressed="true"] .n{color:var(--blue)}
.paper .feat{border-color:var(--paper-line);background:#fff;color:var(--paper-ink)}
.paper .feat small,.paper .feat .n{color:var(--paper-muted)}
.paper .feat[aria-pressed="true"]{background:var(--paper-ink);color:var(--text);border-color:var(--paper-ink)}
.paper .feat[aria-pressed="true"] small{color:var(--muted)}
.paper .feat[aria-pressed="true"] .n{color:var(--blue)}
.stage-panel{position:sticky;top:calc(env(safe-area-inset-top,0px) + 90px)}
.scene{background:var(--navy);border:1px solid var(--line);border-radius:20px;aspect-ratio:16/11;max-width:100%;position:relative;overflow:hidden;padding:24px;color:var(--text)}
.paper .scene{border-color:var(--paper-ink)}
.scene .cap{position:absolute;left:24px;right:24px;bottom:14px;font-family:var(--mono);font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:12px}
@media (max-width:520px){.scene{aspect-ratio:auto;min-height:460px;padding:16px}.scene .cap{left:16px;right:16px;flex-direction:column;gap:2px}}
.pop{animation:popin .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes popin{from{opacity:0;transform:translateY(10px) scale(.98)}}
.sc-row{display:flex;gap:16px;align-items:stretch}
.doc{background:#F4F6FC;border-radius:10px;padding:14px;display:grid;gap:7px;align-content:start;position:relative;overflow:hidden;flex:none;color:#12174A}
.doc i{display:block;height:6px;border-radius:4px;background:#C9CFE6}
.doc i.h{height:10px;background:#8D97C8;width:60%}
.scanline{position:absolute;left:0;right:0;height:40px;top:-40px;background:linear-gradient(180deg,transparent,rgba(110,139,255,.55),transparent);animation:scanl 1.6s ease-in-out .2s 2 both;pointer-events:none}
@keyframes scanl{to{top:100%}}
.kv{display:grid;gap:8px;flex:1;min-width:0;align-content:start}
.kv div{display:flex;justify-content:space-between;gap:10px;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:14px}
.kv div span:first-child{color:var(--muted)}
.kv div span:last-child{font-family:var(--mono);font-size:13px;text-align:right}
.ok-t{color:var(--clear)} .warn-t{color:var(--flag)} .bad-t{color:var(--crit)}
.cvp{display:grid;grid-template-columns:.95fr 1.05fr;grid-template-rows:minmax(0,1fr);gap:16px;height:calc(100% - 40px)}
.cvp > *{min-height:0;overflow:hidden}
@media (max-width:520px){.cvp{grid-template-columns:1fr;grid-template-rows:auto;height:auto;padding-bottom:40px}}
.cvdoc{background:#F7F8FC;border-radius:12px;padding:12px 12px 8px;color:#12174A;font-size:10.5px;line-height:1.35;position:relative;overflow:hidden}
.cvdoc .nm{font-family:var(--display);font-weight:800;font-size:16px}
.cvdoc .sec{font-family:var(--mono);font-size:8.5px;letter-spacing:.12em;color:#56608F;margin:8px 0 3px}
.cvdoc .ln{padding:2px 5px;border-radius:4px;margin:1px 0;transition:background .4s}
.cvdoc .ln.b{background:rgba(110,139,255,.3)} .cvdoc .ln.g{background:rgba(61,220,151,.32)} .cvdoc .ln.y{background:rgba(242,193,78,.45)}
.cvform{display:grid;gap:7px;align-content:start}
.cvform .fhead{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:11px;color:var(--muted);gap:8px}
.cvform .fhead b{color:var(--clear);white-space:nowrap}
.ff{border:1px solid var(--line);border-radius:9px;padding:6px 10px;background:rgba(255,255,255,.04);border-left:3px solid var(--line);transition:border-color .3s}
.ff small{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
.ff span{font-size:13px;min-height:1.3em;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ff.b.on{border-left-color:var(--blue)} .ff.g.on{border-left-color:var(--clear)} .ff.y.on{border-left-color:var(--gold)}
.ff span.typing::after{content:"▍";color:var(--blue);animation:blink .6s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.tlbar{display:flex;height:14px;border-radius:7px;overflow:hidden;gap:2px;margin-top:4px}
.tlbar span{display:block;height:100%}
.gapchip{justify-self:start;display:inline-flex;gap:6px;align-items:center;font-family:var(--mono);font-size:11px;color:var(--crit);border:1px solid rgba(255,107,107,.5);border-radius:999px;padding:3px 9px}
.bubble{max-width:82%;padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.4}
.bubble.me{background:rgba(255,255,255,.08);border:1px solid var(--line);align-self:flex-start;border-bottom-left-radius:4px}
.bubble.ai{background:var(--blue);color:var(--ink);align-self:flex-end;border-bottom-right-radius:4px}
.bubble.hu{background:#fff;color:var(--ink);align-self:flex-end;border-bottom-right-radius:4px}
.bubble small{display:block;font-family:var(--mono);font-size:10px;opacity:.7;margin-bottom:3px}
.chat{display:flex;flex-direction:column;gap:10px}
.sys{align-self:center;font-family:var(--mono);font-size:11px;color:var(--muted);border:1px dashed var(--line);border-radius:999px;padding:4px 12px}
.chan{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.chan > div{border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;grid-template-columns:48px 1fr;gap:2px 12px;align-items:center;opacity:.3;animation:lit .4s ease both}
.chan .ci{grid-row:span 2;width:48px;height:48px;border-radius:14px;display:grid;place-items:center}
.chan .ci svg{width:26px;height:26px}
.chan b{font-family:var(--display);font-size:18px}
.chan small{font-family:var(--mono);font-size:11px;color:var(--muted)}
@keyframes lit{to{opacity:1;border-color:var(--blue);background:rgba(110,139,255,.1)}}
@media (max-width:520px){.chan{grid-template-columns:1fr}}
.verdict-chip{display:inline-flex;gap:8px;align-items:center;font-family:var(--mono);font-size:12px;padding:6px 12px;border-radius:999px;border:1px solid currentColor}
.flagbox{position:absolute;border:2px solid var(--crit);border-radius:6px;background:rgba(255,107,107,.12)}
.lane{display:grid;grid-template-columns:90px 1fr 40px;gap:12px;align-items:center;font-size:13px}
.lane .tr{height:14px;background:rgba(255,255,255,.07);border-radius:8px;overflow:hidden}
.lane .tr i{display:block;height:100%;background:var(--blue);border-radius:8px}
.lane span:last-child{font-family:var(--mono);text-align:right}
.rule{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;border:1px solid var(--line);font-size:14px}
.rule i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700}
.map{position:relative;border-radius:14px;overflow:hidden;background:#141B57;background-image:linear-gradient(rgba(205,213,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(205,213,255,.07) 1px,transparent 1px);background-size:28px 28px;min-height:200px}
.map .road{position:absolute;background:rgba(205,213,255,.14)}
.map .pin{position:absolute;left:52%;top:46%;width:22px;height:22px;margin:-22px 0 0 -11px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--clear);animation:drop .6s cubic-bezier(.2,1.4,.4,1) .3s both}
@keyframes drop{from{opacity:0;margin-top:-80px}}
.map .rad{position:absolute;left:52%;top:46%;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;border:2px solid var(--clear);background:rgba(61,220,151,.1);animation:rad 1.8s ease-out .8s infinite}
@keyframes rad{from{transform:scale(.2);opacity:1}to{transform:scale(1);opacity:0}}
.sched-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;border-radius:10px;border:1px solid var(--line);font-size:14px}
.sched-row small{display:block;font-family:var(--mono);font-size:11px;color:var(--muted)}
.press{animation:press .5s ease 1.4s both}
@keyframes press{50%{transform:scale(.92)}100%{background:var(--clear);border-color:var(--clear);color:var(--ink)}}
.tline{display:grid;gap:4px;border-left:2px solid var(--line);margin-left:6px;padding-left:18px}
.tline div{position:relative;font-size:14px;padding:5px 0}
.tline div::before{content:"";position:absolute;left:-25px;top:11px;width:10px;height:10px;border-radius:50%;background:var(--blue)}
.tline div span{font-family:var(--mono);font-size:12px;color:var(--muted);margin-right:10px}
.gold-band{background:radial-gradient(ellipse at 80% 0%,rgba(242,193,78,.14),transparent 55%),var(--ink);border-top:1px solid var(--line)}
.gold-band .eyebrow{color:var(--gold)}
.claims{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:36px}
.claim{border:1px solid rgba(242,193,78,.3);border-radius:16px;padding:20px}
.claim b{display:block;font-family:var(--display);font-size:clamp(28px,3vw,40px);font-weight:800;letter-spacing:-.02em;color:var(--gold);line-height:1}
.claim span{display:block;margin-top:8px;font-weight:600}
.claim small{display:block;color:var(--muted);font-size:14px;margin-top:4px}
@media (max-width:800px){.claims{grid-template-columns:1fr}}
.crc{margin-top:28px;border:1px solid var(--line);border-radius:22px;background:var(--navy);overflow:hidden}
.crc-stage{position:relative}
.crc canvas{display:block;width:100%}
.crc-cand{position:absolute;left:3%;top:50%;transform:translateY(-50%);width:23%;min-width:170px;background:var(--ink);border:1px solid var(--line);border-radius:14px;padding:14px;font-size:13px}
.crc-cand b{font-family:var(--display);font-size:17px;display:block}
.crc-cand dl{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;margin:10px 0 0}
.crc-cand dt{color:var(--muted);font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding-top:2px}
.crc-cand dd{margin:0}
.crc-verdict{position:absolute;right:3%;top:50%;transform:translateY(-50%);width:30%;min-width:200px;background:var(--ink);border:1px solid var(--clear);border-radius:14px;padding:16px;opacity:0;transition:opacity .5s}
.crc-verdict.on{opacity:1}
.crc-verdict b{font-family:var(--display);font-size:22px;color:var(--clear);display:block}
.crc-verdict p{color:var(--muted);font-size:14px;margin-top:6px}
.crc-steps{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}
.crc-steps div{padding:16px;border-right:1px solid var(--line);transition:background .3s;min-width:0}
.crc-steps div:last-child{border-right:0}
.crc-steps small{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}
.crc-steps b{display:block;font-family:var(--display);font-size:16px;margin-top:4px}
.crc-steps strong{display:block;font-family:var(--mono);font-size:22px;margin-top:8px;font-variant-numeric:tabular-nums}
.crc-steps div.on{background:rgba(110,139,255,.12)}
.crc-steps div.on small{color:var(--blue)}
@media (max-width:800px){.crc-steps{grid-template-columns:1fr 1fr}.crc-steps div{border-bottom:1px solid var(--line)}.crc-cand{position:relative;left:auto;top:auto;transform:none;width:auto;margin:12px}.crc-verdict{position:relative;right:auto;top:auto;transform:none;width:auto;margin:12px;display:none}.crc-verdict.on{display:block}}
.crc-ctl{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-top:1px solid var(--line);flex-wrap:wrap}

/* PLATFORM: player */
.vtabs{display:inline-flex;gap:4px;padding:5px;border-radius:999px;background:var(--navy);border:1px solid var(--line);margin-top:32px;max-width:100%;overflow-x:auto}
.vtabs button{border:0;background:none;padding:11px 20px;border-radius:999px;color:var(--muted);font-weight:600;white-space:nowrap}
@media (max-width:520px){.vtabs{display:flex;width:100%}.vtabs button{flex:1;padding:10px 8px;font-size:13.5px;white-space:normal}}
.vtabs button[aria-pressed="true"]{background:var(--text);color:var(--ink)}
.player{display:grid;grid-template-columns:1fr 300px;gap:20px;margin-top:20px;align-items:start}
@media (max-width:960px){.player{grid-template-columns:1fr}}
.stagebox{position:relative;border-radius:18px;overflow:hidden;background:#0A0E31;border:1px solid var(--line);aspect-ratio:16/9;max-width:100%;box-shadow:0 40px 80px -40px rgba(0,0,0,.8)}
.stagebox.vert{aspect-ratio:9/16;max-width:min(100%,400px);margin-inline:auto;border-radius:30px;border:6px solid var(--panel-2)}
.stagebox video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#0A0E31}
.bigplay{position:absolute;inset:0;margin:auto;width:92px;height:92px;border-radius:50%;border:0;background:var(--gold);color:var(--ink);display:grid;place-items:center;box-shadow:0 0 0 16px rgba(242,193,78,.2);z-index:2;transition:transform .2s}
.bigplay:hover{transform:scale(1.06)}
.bigplay svg{width:30px;height:30px;margin-left:5px}
.chlist{background:var(--navy);border:1px solid var(--line);border-radius:18px;padding:12px;display:grid;gap:2px;max-height:min(70vh,560px);overflow-y:auto;align-content:start}
.chlist .h{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--muted);padding:6px 10px 10px;text-transform:uppercase;display:flex;justify-content:space-between}
.chlist button{border:0;background:none;text-align:left;display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;padding:9px 10px;border-radius:10px;color:var(--muted);font-size:14px}
.chlist button span{font-family:var(--mono);font-size:11px}
.chlist button:hover{background:var(--panel);color:var(--text)}
.chlist button.on{background:var(--blue);color:var(--ink);font-weight:600}
@media (max-width:960px){.chlist{max-height:none;grid-template-columns:1fr 1fr}.chlist .h{grid-column:1/-1}}
@media (max-width:480px){.chlist{grid-template-columns:1fr}}
.vfacts{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.vfacts span{font-family:var(--mono);font-size:12px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}

/* PLATFORM: dashboard replica */
.app{margin-top:32px;border-radius:16px;overflow:hidden;border:1px solid var(--paper-line);background:#fff;color:#1B2050;box-shadow:0 40px 80px -40px rgba(18,23,74,.4);font-size:13px}
.app-chrome{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#E9ECF6;border-bottom:1px solid var(--paper-line)}
.app-chrome i{width:11px;height:11px;border-radius:50%;display:block;flex:none}
.app-chrome .url{margin:0 auto;font-family:var(--mono);font-size:11px;color:#56608F;background:#fff;border-radius:999px;padding:4px 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-body{display:grid;grid-template-columns:190px 1fr;min-height:620px;position:relative}
.app-side{border-right:1px solid #E6E9F3;padding:14px 10px;display:flex;flex-direction:column;gap:2px;background:#fff}
.app-side .brand{display:flex;align-items:center;padding:4px 8px 14px}
.app-side .brand img{height:22px}
.app-side .grp{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;color:#8A92BC;padding:12px 10px 4px}
.app-side button{border:0;background:none;text-align:left;padding:8px 10px;border-radius:8px;color:#3B416E;display:flex;justify-content:space-between;align-items:center;font-size:13px}
.app-side button:hover{background:#F3F5FB}
.app-side button[aria-current="true"]{background:#EAF0FF;color:#2D47A0;font-weight:600}
.app-side button em{font-style:normal;font-family:var(--mono);font-size:10px;background:#FFE3E3;color:#A33232;border-radius:999px;padding:1px 7px}
.app-main{padding:20px 22px 80px;min-width:0;background:#FBFCFF}
.app-main h4{font-family:var(--body);font-size:20px;margin:0;font-weight:600;color:#1B2050}
.app-main .subt{color:#6B7299;font-size:13px;margin-top:2px}
.tiles{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:16px}
.tiles.t4{grid-template-columns:repeat(4,1fr)}
.tile{border:1px solid #E6E9F3;border-radius:10px;padding:10px 12px;background:#fff;text-align:left;transition:box-shadow .2s,transform .2s;color:#1B2050}
button.tile:hover{transform:translateY(-2px);box-shadow:0 8px 20px -10px rgba(18,23,74,.3)}
.tile small{display:block;font-size:11.5px;font-weight:600}
.tile strong{display:block;font-size:22px;margin-top:4px;font-variant-numeric:tabular-nums}
.tile.y{background:#FFF8E1}.tile.y small,.tile.y strong{color:#7A5B00}
.tile.o{background:#FFEFCF}.tile.o small,.tile.o strong{color:#8A5A00}
.tile.s{background:#EEF0F5}
.tile.r{background:#FFECEC}.tile.r small,.tile.r strong{color:#B23B3B}
.tile.g{background:#E8F8F0}.tile.g small,.tile.g strong{color:#13744B}
.tile.c{background:#F1F2F6}
.tile.bl{background:#EEF2FF}.tile.bl small,.tile.bl strong{color:#2D47A0}
.tile[aria-pressed="true"]{box-shadow:0 0 0 2px #2D47A0}
@media (max-width:1000px){.tiles{grid-template-columns:repeat(4,1fr)}}
@media (max-width:560px){.tiles,.tiles.t4{grid-template-columns:repeat(2,1fr)}}
.subtabs{display:flex;gap:18px;border-bottom:1px solid #E6E9F3;margin-top:16px;overflow-x:auto}
.subtabs button{border:0;background:none;padding:8px 0;color:#6B7299;font-size:13px;border-bottom:2px solid transparent;white-space:nowrap}
.subtabs button[aria-pressed="true"]{color:#1B2050;border-bottom-color:#2D47A0;font-weight:600}
.atbl-wrap{overflow-x:auto}
.atbl{width:100%;border-collapse:collapse;margin-top:6px;min-width:620px;color:#1B2050}
.atbl th{font-size:11px;font-weight:600;color:#6B7299;text-align:left;padding:10px;border-bottom:1px solid #E6E9F3}
.atbl td{padding:11px 10px;border-bottom:1px solid #F0F2F8;vertical-align:middle}
.atbl td small{display:block;color:#8A92BC;font-size:11px}
.atbl tr.rowc{cursor:pointer}
.atbl tr.rowc:hover td{background:#F6F8FE}
.atbl tr.sub td{background:#FAFBFE;font-size:12.5px;padding:8px 10px;border-bottom:1px solid #F3F4F9}
.vi{display:inline-flex;gap:5px}
.vi i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;border:1px solid #E6E9F3;background:#fff}
.vi i.ok{background:#E8F8F0;border-color:#BDE9D3}
.vi i.wa{background:#FFF0D6;border-color:#F6D69A}
.vi i.bd{background:#FFECEC;border-color:#F3C2C2}
.vi i.pr{background:#EEF2FF;border-color:#CCD7FF}
.pill{display:inline-block;font-size:11px;font-weight:600;padding:3px 9px;border-radius:6px;white-space:nowrap}
.pill.clear{background:#E8F8F0;color:#13744B}.pill.rev{background:#FFF0D6;color:#8A5A00}.pill.disc{background:#FFECEC;color:#B23B3B}.pill.prog{background:#EEF2FF;color:#2D47A0}.pill.na{background:#F1F2F6;color:#6B7299}.pill.ins{background:#FFF8E1;color:#7A5B00}
.donuts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
@media (max-width:800px){.donuts{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.donuts{grid-template-columns:1fr}}
.dn{border:1px solid #E6E9F3;border-radius:12px;padding:12px;background:#fff;display:grid;grid-template-columns:1fr 64px;gap:8px;align-items:center}
.dn b{grid-column:1/-1;font-size:13px}
.dn ul{list-style:none;margin:0;padding:0;font-size:11.5px;display:grid;gap:2px}
.dn li::before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px;background:var(--c)}
.dn .barx{grid-column:1/-1;height:6px;border-radius:3px;background:#E6E9F3;overflow:hidden}
.dn .barx i{display:block;height:100%;background:#1B2050}
.abtn{border:0;background:#1B2050;color:#fff;border-radius:8px;padding:8px 14px;font-size:12.5px;font-weight:600;white-space:nowrap}
.abtn.ghost{background:#fff;color:#1B2050;border:1px solid #D6DAEA}
.abtn.ok{background:#1FBF7A}.abtn.no{background:#E05252}
.abtn.sm{padding:5px 10px;font-size:11.5px}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap}
.back{border:0;background:none;color:#2D47A0;font-size:12.5px;padding:0;margin-bottom:10px}
.cphead{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;background:#fff;border:1px solid #E6E9F3;border-radius:12px;padding:16px}
.cpmeta{display:grid;grid-template-columns:repeat(4,auto);gap:4px 28px;margin-top:10px;font-size:12px}
.cpmeta small{color:#8A92BC;display:block;font-size:10.5px}
@media (max-width:600px){.cpmeta{grid-template-columns:1fr 1fr}}
.sumlist{background:#fff;border:1px solid #E6E9F3;border-radius:12px;margin-top:12px}
.sumlist > div{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 16px;border-bottom:1px solid #F0F2F8}
.sumlist > div:last-child{border-bottom:0}
.sumlist small{display:block;color:#8A92BC;font-size:11px}
.modal{position:absolute;inset:0;background:rgba(15,20,60,.45);display:grid;place-items:center;padding:16px;z-index:5;animation:fadein .2s ease both}
.mbox{background:#fff;border-radius:14px;width:min(100%,520px);max-height:100%;overflow:auto;padding:20px;box-shadow:0 30px 60px -20px rgba(0,0,0,.5);color:#1B2050}
.mbox h5{margin:0;font-size:16px;font-family:var(--body)}
.mbox label{display:grid;gap:4px;font-size:12px;font-weight:600;margin-top:12px;color:#3B416E}
.mbox input,.mbox select,.mbox textarea{font:inherit;font-size:13px;border:1px solid #D6DAEA;border-radius:8px;padding:8px 10px;color:#1B2050;background:#fff;width:100%;min-height:auto}
.mbox .acts{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
.rep{font-size:11.5px}
.rep h6{font-size:14px;text-align:center;margin:6px 0 10px}
.rep table{width:100%;border-collapse:collapse}
.rep td{border:1px solid #D6DAEA;padding:5px 8px}
.rep td.c{background:#5CC37A;color:#fff;text-align:center;font-weight:700;width:120px}
.rep td.w{background:#F2A23A;color:#fff;text-align:center;font-weight:700;width:120px}
.chatfab{position:absolute;right:16px;bottom:16px;width:48px;height:48px;border-radius:50%;border:0;background:#1FBF7A;color:#fff;display:grid;place-items:center;box-shadow:0 10px 20px -6px rgba(0,0,0,.35);z-index:4}
.chatfab svg{width:22px;height:22px}
.chatwin{position:absolute;right:16px;bottom:74px;width:min(300px,calc(100% - 32px));background:#fff;border-radius:14px;box-shadow:0 20px 50px -10px rgba(0,0,0,.4);overflow:hidden;z-index:4;animation:fadein .25s ease both;color:#1B2050}
.chatwin .ch{background:#1B2050;color:#fff;padding:12px 14px;font-weight:600;font-size:13px}
.chatwin .ch small{display:block;font-weight:400;opacity:.7;font-size:11px}
.chatwin .cb{padding:12px;display:flex;flex-direction:column;gap:8px;min-height:150px;max-height:240px;overflow-y:auto;font-size:12.5px}
.chatwin .m{padding:8px 11px;border-radius:12px;max-width:85%}
.chatwin .m.a{background:#F1F3FA;align-self:flex-start}
.chatwin .m.u{background:#2D47A0;color:#fff;align-self:flex-end}
.chatwin .qs{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 12px}
.chatwin .qs button{border:1px solid #D6DAEA;background:#fff;border-radius:999px;padding:5px 10px;font-size:11.5px;color:#1B2050}
.toastin{position:absolute;right:16px;top:16px;background:#1FBF7A;color:#fff;border-radius:10px;padding:10px 14px;font-size:12.5px;font-weight:600;z-index:6;animation:fadein .25s ease both}
.app-hint{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.app-hint span{font-family:var(--mono);font-size:11px;padding:5px 10px;border-radius:999px;background:#fff;border:1px solid var(--paper-line);color:var(--paper-muted)}
@media (max-width:860px){.app-body{grid-template-columns:1fr}.app-side{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid #E6E9F3;padding:8px}.app-side .grp,.app-side .brand{display:none}.app-side button{white-space:nowrap}}

/* CV ANALYSER */
.cv-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:40px;align-items:start}
@media (max-width:900px){.cv-grid{grid-template-columns:1fr}}
.drop{border:2px dashed var(--line);border-radius:20px;padding:36px 24px;text-align:center;display:grid;gap:12px;justify-items:center;transition:border-color .2s,background .2s;background:var(--navy);cursor:pointer}
.drop.over{border-color:var(--blue);background:var(--panel)}
.drop svg{width:44px;height:44px;stroke:var(--blue)}
.drop b{font-family:var(--display);font-size:22px}
.drop small{color:var(--muted)}
.drop input{display:none}
.or{display:flex;align-items:center;gap:12px;color:var(--muted);font-family:var(--mono);font-size:11px;margin-block:18px}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
textarea{font:inherit;width:100%;min-height:150px;background:var(--navy);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:14px;resize:vertical}
.cv-steps{background:var(--navy);border:1px solid var(--line);border-radius:20px;padding:24px;display:grid;gap:12px}
.cv-step{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;font-size:15px;color:var(--muted)}
.cv-step i{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);display:block}
.cv-step.run{color:var(--text)} .cv-step.run i{border-color:var(--blue);border-top-color:transparent;animation:spin .8s linear infinite}
.cv-step.done{color:var(--text)} .cv-step.done i{background:var(--clear);border-color:var(--clear)}
.cv-step small{font-family:var(--mono);font-size:11px}
.privacy{margin-top:14px;font-size:13px;color:var(--muted);display:flex;gap:10px;align-items:flex-start}
.err{color:var(--crit);font-size:14px;margin-top:10px}
.rep-head{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end}
@media (max-width:700px){.rep-head{grid-template-columns:1fr}}
.score{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--paper-line);border-radius:18px;padding:16px 20px}
.score strong{font-family:var(--display);font-size:46px;font-weight:800;line-height:1}
.score small{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--paper-muted)}
.rep-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-top:20px}
@media (max-width:900px){.rep-grid{grid-template-columns:1fr}}
.rcard{background:#fff;border:1px solid var(--paper-line);border-radius:18px;padding:22px;min-width:0}
.rcard h3{font-size:19px}
.rcard .mini{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--paper-muted)}
.tlv{margin-top:16px;overflow-x:auto}
.tlv-in{min-width:520px;position:relative}
.tlv-axis{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--paper-muted);border-top:1px solid var(--paper-line);padding-top:6px;margin-top:8px}
.tlv-row{position:relative;height:38px;margin-bottom:6px}
.tlv-row .blk{position:absolute;top:0;height:100%;border-radius:8px;background:#DDE4FF;border:1px solid #B8C5FA;padding:4px 8px;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--paper-ink)}
.tlv-row .blk small{display:block;font-family:var(--mono);font-size:10px;color:var(--paper-muted)}
.tlv-row .blk.edu{background:#E9F7F0;border-color:#A6DEC3}
.tlv-row .gap{position:absolute;top:0;height:100%;border-radius:8px;background:repeating-linear-gradient(45deg,#FFE3E3,#FFE3E3 6px,#FFF3F3 6px,#FFF3F3 12px);border:1px dashed #E28A8A}
.flags{display:grid;gap:8px;margin-top:14px}
.flagi{display:grid;grid-template-columns:10px 1fr;gap:12px;padding:12px 14px;border:1px solid var(--paper-line);border-radius:12px;font-size:14px}
.flagi i{width:10px;height:10px;border-radius:50%;margin-top:6px}
.flagi small{display:block;color:var(--paper-muted);font-size:13px;margin-top:2px}
.reco{display:grid;gap:8px;margin-top:14px}
.reco div{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:10px 12px;border-radius:10px;background:var(--paper)}
.reco div span:last-child{font-family:var(--mono);font-size:12px;color:var(--paper-muted);white-space:nowrap}
.rep-sum{font-size:17px;line-height:1.6;color:var(--paper-ink)}

/* CHECKS & PROPOSAL */
.presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:32px}
.preset{border:1px solid var(--paper-line);background:#fff;color:var(--paper-ink);padding:12px 18px;border-radius:14px;text-align:left;display:grid;gap:2px;min-width:150px;flex:1;transition:border-color .2s,box-shadow .2s}
.preset:hover{border-color:var(--paper-ink)}
.preset b{font-family:var(--display);font-size:17px}
.preset small{font-family:var(--mono);font-size:11px;color:var(--paper-muted)}
.preset[aria-pressed="true"]{background:var(--paper-ink);color:var(--paper);border-color:var(--paper-ink)}
.preset[aria-pressed="true"] small{color:var(--muted)}
.ctable-wrap{margin-top:20px;background:#fff;border:1px solid var(--paper-line);border-radius:18px;overflow-x:auto}
.ctable{width:100%;border-collapse:collapse;min-width:640px;color:var(--paper-ink)}
.ctable th{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--paper-muted);text-align:left;padding:14px 16px;border-bottom:1px solid var(--paper-line);font-weight:400;background:#FAFBFE}
.ctable td{padding:12px 16px;border-bottom:1px solid var(--paper-2);vertical-align:middle}
.ctable tr.cat td{background:var(--paper);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-deep);padding:9px 16px}
.ctable tr.ck{cursor:pointer;transition:background .15s}
.ctable tr.ck:hover td{background:#F6F8FE}
.ctable tr.ck.on td{background:#EEF2FF}
.ctable td b{display:block;font-size:15px}
.ctable td small{color:var(--paper-muted);font-size:13px}
.ctable .tat{font-family:var(--mono);font-size:12.5px;font-weight:600;color:var(--blue-deep);white-space:nowrap}
.ctable .mode{font-size:12.5px;color:var(--paper-muted);white-space:nowrap}
.cbx{width:22px;height:22px;border-radius:6px;border:2px solid var(--paper-line);display:grid;place-items:center;font-size:12px;color:#fff;transition:background .15s,border-color .15s}
tr.on .cbx{background:var(--paper-ink);border-color:var(--paper-ink)}
.selbar{position:sticky;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:5;margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--paper-ink);color:var(--text);border-radius:16px;padding:14px 18px;box-shadow:0 20px 40px -20px rgba(18,23,74,.6);margin-right:clamp(0px,14vw,190px)}
.selbar b{font-family:var(--display);font-size:20px}
.selbar small{color:var(--muted);font-family:var(--mono);font-size:12px;display:block}
@media (max-width:700px){.selbar{margin-right:0;bottom:calc(76px + env(safe-area-inset-bottom,0px))}}
.pricing{margin-top:40px;display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:start;scroll-margin-top:90px}
@media (max-width:900px){.pricing{grid-template-columns:1fr}}
.pcard{background:#fff;border:1px solid var(--paper-line);border-radius:20px;padding:24px;color:var(--paper-ink);min-width:0}
.pcard h3{font-size:22px}
.pline{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--paper-2);font-size:14px}
.pline span:last-child{font-family:var(--mono);font-variant-numeric:tabular-nums}
.ptotal{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:14px}
.ptotal b{font-family:var(--display);font-size:clamp(34px,4vw,48px);font-weight:800;letter-spacing:-.02em}
.pform{background:var(--paper-ink);color:var(--text);border-radius:20px;padding:24px;display:grid;gap:14px}
.pform .eyebrow{color:var(--blue)}
.pform label{display:grid;gap:6px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pform input[type=text]{font:inherit;font-family:var(--body);font-size:15px;letter-spacing:0;text-transform:none;color:var(--text);background:var(--ink);border:1px solid var(--line);border-radius:10px;padding:10px 12px;width:100%}
.pform input[type=range]{width:100%;accent-color:var(--blue)}
.pform .est{display:flex;justify-content:space-between;font-size:14px;border-top:1px solid var(--line);padding-top:12px}
.pform .est span:last-child{font-family:var(--mono)}
.note{font-size:12px;color:var(--paper-muted);line-height:1.5;margin-top:12px}
.proposal-out{margin-top:48px;scroll-margin-top:90px}
.prop-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.doc-sheet{background:#fff;color:#14183F;border-radius:6px;box-shadow:0 30px 80px -30px rgba(18,23,74,.4);max-width:880px;margin:0 auto;padding:clamp(24px,5vw,64px);font-family:var(--body)}
.doc-sheet h1{font-size:clamp(32px,4vw,46px);color:#12174A}
.doc-sheet h2{font-size:22px;margin-top:36px;color:#12174A}
.doc-sheet p,.doc-sheet li{font-size:15px;line-height:1.6;color:#2A3060}
.doc-sheet table{color:#14183F;width:100%;border-collapse:collapse;margin-top:14px;font-size:14px}
.doc-sheet th{text-align:left;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#56608F;border-bottom:2px solid #12174A;padding:8px 6px}
.doc-sheet td{padding:9px 6px;border-bottom:1px solid #E1E5F3}
.doc-sheet td.r,.doc-sheet th.r{text-align:right;font-variant-numeric:tabular-nums}
.doc-sheet tfoot td{font-weight:700;border-top:2px solid #12174A;border-bottom:0}
.doc-meta{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-family:var(--mono);font-size:12px;color:#56608F;border-bottom:1px solid #E1E5F3;padding-bottom:18px;margin-bottom:28px;align-items:center}
.doc-meta img{height:26px}
.doc-hl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}
.doc-hl div{background:#F1F3FA;border-radius:10px;padding:14px}
.doc-hl b{display:block;font-family:var(--display);font-size:26px;color:#12174A}
.doc-hl small{font-family:var(--mono);font-size:11px;color:#56608F}
.doc-sign{margin-top:28px;padding-top:18px;border-top:1px solid #E1E5F3;display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:600px){.doc-hl,.doc-sign{grid-template-columns:1fr}}

/* LIVE RUN */
.demo{display:grid;grid-template-columns:360px 1fr;gap:28px;margin-top:44px;align-items:start}
@media (max-width:900px){.demo{grid-template-columns:1fr}}
.demo-form{background:var(--navy);border:1px solid var(--line);border-radius:20px;padding:24px;display:grid;gap:16px}
.demo-form label{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:grid;gap:8px}
.demo-form input,.demo-form select{font:inherit;font-size:16px;color:var(--text);background:var(--ink);border:1px solid var(--line);border-radius:10px;padding:12px 14px;text-transform:none;letter-spacing:0;font-family:var(--body);width:100%}
.agentlights{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.agentlights span{font-family:var(--mono);font-size:11px;padding:5px 9px;border-radius:999px;border:1px solid var(--line);color:var(--muted);transition:all .3s;text-transform:none;letter-spacing:0}
.agentlights span.live{background:var(--blue);color:var(--ink);border-color:var(--blue)}
.agentlights span.done{color:var(--clear);border-color:rgba(61,220,151,.4)}
.feed{background:var(--navy);border:1px solid var(--line);border-radius:20px;overflow:hidden;min-width:0}
.feed-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.feed-head .clock{font-family:var(--mono);font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}
.feed-head .clock small{font-size:11px;color:var(--muted);display:block;font-weight:400}
.verdict{font-family:var(--mono);font-size:12px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}
.verdict.amber{color:var(--flag);border-color:var(--flag)}
.verdict.green{color:var(--clear);border-color:var(--clear)}
.feed ol{list-style:none;margin:0;padding:12px 20px 20px;display:grid;gap:2px;max-height:520px;overflow-y:auto}
.feed li{display:grid;grid-template-columns:70px 14px 1fr;gap:14px;padding:10px 0;animation:fadein .4s ease both}
.feed li .ts{font-family:var(--mono);font-size:12px;color:var(--muted);padding-top:2px;font-variant-numeric:tabular-nums}
.feed li .pt{width:10px;height:10px;border-radius:50%;background:var(--blue);margin-top:6px}
.feed li.ok .pt{background:var(--clear)} .feed li.warn .pt{background:var(--flag)} .feed li.human .pt{background:#fff}
.feed li b{font-weight:600}
.feed li small{display:block;color:var(--muted);font-size:13px}
.feed li .who{font-family:var(--mono);font-size:11px;color:var(--blue);letter-spacing:.06em}
.feed .empty{display:block;padding:48px 20px;color:var(--muted);text-align:center}

/* BOOK */
.book-band{background:radial-gradient(ellipse at 90% 0%,rgba(242,193,78,.16),transparent 50%),linear-gradient(160deg,#0A0E31 0%,#1A2163 100%)}
.book{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;margin-top:40px;align-items:start}
@media (max-width:900px){.book{grid-template-columns:1fr}}
.bform{background:#fff;color:var(--paper-ink);border-radius:22px;padding:clamp(20px,3vw,32px);display:grid;gap:24px}
.bform fieldset{border:0;margin:0;padding:0;display:grid;gap:10px;min-width:0}
.bform legend{font-family:var(--display);font-size:20px;font-weight:600;padding:0;margin-bottom:6px}
.bform legend small{font-family:var(--mono);font-size:11px;color:var(--paper-muted);font-weight:400;margin-left:8px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:560px){.row2{grid-template-columns:1fr}}
.bform label.f{display:grid;gap:5px;font-size:13px;font-weight:600;color:#3B416E}
.bform input,.bform select,.bform textarea{font:inherit;font-size:15px;border:1px solid var(--paper-line);border-radius:10px;padding:11px 12px;color:var(--paper-ink);background:#FAFBFE;width:100%;min-height:auto}
.bform textarea{min-height:90px}
.bform input:focus,.bform select:focus,.bform textarea:focus{outline:2px solid var(--blue-deep);outline-offset:0;background:#fff}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chipq{border:1px solid var(--paper-line);background:#fff;color:var(--paper-ink);border-radius:999px;padding:9px 15px;font-size:14px;font-weight:500;transition:background .15s}
.chipq:hover{border-color:var(--paper-ink)}
.chipq[aria-pressed="true"]{background:var(--paper-ink);color:#fff;border-color:var(--paper-ink)}
.chipq[aria-pressed="true"]::before{content:"✓ "}
.ferr{color:#B23B3B;font-size:14px}
.done-card{background:#fff;color:var(--paper-ink);border-radius:22px;padding:28px;display:grid;gap:14px}
.done-card h3{font-size:28px}
.done-card pre{white-space:pre-wrap;font-family:var(--mono);font-size:12.5px;line-height:1.6;background:var(--paper);border-radius:12px;padding:14px;margin:0;max-height:320px;overflow:auto;color:var(--paper-ink)}
.done-card .acts{display:flex;gap:10px;flex-wrap:wrap}
.done-card .btn{color:var(--paper-ink);border-color:var(--paper-line)}
.done-card .btn.wa{background:#1FBF7A;border-color:#1FBF7A;color:#fff}
.done-card .btn.primary{background:var(--paper-ink);border-color:var(--paper-ink);color:#fff}
.people{display:grid;gap:12px}
.person{background:#fff;color:var(--paper-ink);border-radius:20px;padding:22px;display:grid;gap:12px}
.person .who{display:flex;gap:14px;align-items:center}
.person .av{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--blue-deep));display:grid;place-items:center;font-family:var(--display);font-weight:800;color:#fff;font-size:20px;flex:none}
.person b{font-family:var(--display);font-size:21px;display:block}
.person small{color:var(--paper-muted);font-size:13px}
.person .ln{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--paper-2);padding-top:10px;font-size:14px;min-width:0}
.person .ln span{user-select:all;word-break:break-all}
.person .ln button{border:1px solid var(--paper-line);background:#fff;border-radius:999px;padding:5px 11px;font-family:var(--mono);font-size:11px;color:var(--paper-ink);flex:none}
.person.lead{box-shadow:0 0 0 3px var(--gold)}
.person .tagl{justify-self:start;font-family:var(--mono);font-size:10px;letter-spacing:.12em;background:var(--gold);color:var(--ink);padding:3px 9px;border-radius:999px}
.person .wa{display:inline-flex;align-items:center;gap:8px;justify-content:center;border-radius:999px;background:#1FBF7A;color:#fff;font-weight:600;padding:11px 16px;text-decoration:none;font-size:14px}
footer{padding-block:28px;color:var(--muted);font-size:13px;border-top:1px solid var(--line)}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}
footer img{height:22px;opacity:.85}
.toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--text);color:var(--ink);padding:10px 18px;border-radius:999px;font-weight:600;font-size:14px;z-index:80}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.beam,.rail .runner{display:none}}

.brandcard .art.photo{background:#1A2163}
.brandcard .art.photo > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.brandcard .art.photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,14,49,.45),rgba(10,14,49,0) 60%);pointer-events:none}
.brandcard .art.home{background:radial-gradient(circle at 78% 30%,#FFE2A8 0,#FFD58A 22%,transparent 60%),linear-gradient(160deg,#FFF3DC 0%,#F7D9A6 100%)}
.brandcard .art.home::after{display:none}
.brandcard .art.home > img{left:auto;right:2%;width:auto;height:112%;top:auto;bottom:-2%;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(80,50,0,.25))}
.chipo{position:absolute;z-index:1;display:grid;grid-template-columns:auto auto;column-gap:10px;align-items:center;background:#fff;color:#12174A;border-radius:12px;padding:8px 14px 8px 8px;box-shadow:0 10px 24px -8px rgba(10,14,49,.45);font-size:13px;line-height:1.2}
.chipo b{font-weight:700}
.chipo small{grid-column:2;font-family:var(--mono);font-size:10px;color:#13744B}
.chipo .dotc{grid-row:span 2;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:13px;font-weight:700;color:#0A0E31}
.dotc.g{background:#3DDC97}.dotc.b{background:#6E8BFF}.dotc.y{background:#F2C14E}
.chipo.dark{background:#12174A;color:#E8EBFA}.chipo.dark small{color:#9CA5D8}
.chipo.gold{background:#F2C14E;padding:10px 16px}
@media (max-width:480px){.chipo{font-size:12px;padding:6px 10px 6px 6px}.chipo .dotc{width:22px;height:22px;font-size:11px}}
@media (max-width:480px){.art.photo:not(.home) .chipo.d2{display:none}}