/* Board Hub motion page (DRAFT). Loads after tokens.css and styles.css. Same visual method as the CruxMS IB page:
   ink outlines, chalk ground, one orange thread that joins things, Archivo and IBM Plex. The scene stage is 800 x 600 and scales to its box.
   Orange appears only as the thread in the pictures (decorative), never as a button, link or status colour. */
:root{--thread:#DC4F26}

/* Hero */
.mhero{padding-block:clamp(24px,3.5vw,48px) clamp(32px,5vw,64px);background:var(--surface)}
.mgrid{display:grid;gap:28px;align-items:center}
.mhero h1{font-family:var(--f-display);font-weight:800;letter-spacing:-.03em;line-height:1.05;font-size:clamp(1.875rem,4vw,2.875rem);margin-top:.4em;max-width:17ch}
.mhero .mlead{font-size:clamp(1.0625rem,2vw,1.1875rem);line-height:1.5;margin-top:.8em;max-width:40ch;color:var(--neutral-text)}
.mhero .mwho{margin-top:.8em;font-size:.9375rem;line-height:1.45;color:var(--neutral-text);max-width:46ch}
.mhero .mprice{margin-top:.9em;font-family:var(--f-display);font-weight:800;font-size:clamp(1.25rem,2.6vw,1.5rem);letter-spacing:-.01em}
.mhero .mprice span{font-family:var(--f-body);font-weight:400;font-size:1rem;color:var(--neutral-text);letter-spacing:0}
.mhero .mprice > span:last-child{display:block}
.mhero .mprice [data-offer]{font:inherit;color:inherit;letter-spacing:inherit}
.mhero .hero-cta{margin-top:.9em;display:flex;flex-wrap:wrap;gap:10px}

/* A question section: text one side, the scene on the other */
.mrow{border-top:2px solid var(--ink);padding-block:clamp(36px,6vw,72px)}
.mrow .sec-h{max-width:17ch}
.mrow .lead{max-width:38ch}
.mrow .mmore{margin-top:1.1em;max-width:42ch;font-size:1rem;line-height:1.55;color:var(--neutral-text)}
.mrow .mmore a{white-space:nowrap}
.mfig{margin:0;min-width:0}
.stage{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--border);width:100%}
.stage-in{position:absolute;left:0;top:0;transform-origin:0 0}
.mbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:8px}
.mctl{min-height:44px;padding:.35em 1.3em;border-radius:999px;border:1.5px solid var(--stone-brand);background:var(--surface);color:var(--ink);font:500 .9375rem/1 var(--f-body);cursor:pointer}
.mctl:hover{border-color:var(--ink)}
.mctl:focus-visible{outline:3px solid var(--primary);outline-offset:2px}
.mex{margin:0;font-family:var(--f-mono);font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;color:var(--neutral-text)}
.vdesc{margin-top:6px;font-size:.9375rem;line-height:1.55;color:var(--neutral-text)}
.vdesc summary{cursor:pointer;min-height:44px;display:inline-flex;align-items:center;font-family:var(--f-body);font-size:.875rem;color:var(--neutral-text);text-decoration:underline;text-underline-offset:3px;list-style:none;text-transform:none;letter-spacing:0}
.vdesc summary::-webkit-details-marker{display:none}
.vdesc summary:hover{color:var(--ink)}
.vdesc summary:focus-visible{outline:3px solid var(--primary);outline-offset:2px}
.vdesc p{max-width:62ch;margin-top:.6em}
@media (min-width:900px){
  .mgrid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,4vw,64px)}
  .mrow.flip .mgrid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
  .mrow.flip .mgrid > :first-child{order:2}
}
@media (max-width:899px){.mhero .hero-cta .btn{width:100%}}

/* ---- inside the stage (sizes are in stage pixels, 800 wide) ---- */
.stage-in{font-family:var(--f-body);color:var(--ink);line-height:1.2}
.stage-in .tile{position:absolute;background:#fff;border:2px solid var(--ink);border-radius:16px;box-shadow:0 6px 16px rgba(14,27,38,.08);padding:16px 20px;display:flex;flex-direction:column;gap:8px;overflow:hidden;opacity:0}
.stage-in .tile.small{padding:12px 16px;gap:4px;border-radius:14px}
.stage-in .tile.accent{border-color:var(--primary);background:var(--primary-pale)}
.stage-in .kick{font:500 22px var(--f-mono);letter-spacing:.04em;text-transform:uppercase;color:#4F5C66}
.stage-in b{font:700 30px/1.15 var(--f-display);letter-spacing:-.01em}
.stage-in .small b{font-size:26px}
.stage-in .sub{font:400 24px/1.25 var(--f-body);color:#4F5C66}
.stage-in .mini{font:400 22px var(--f-body);color:#4F5C66}
.stage-in .chip{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font:500 20px var(--f-mono);border:1.5px solid #8E9BAA;border-radius:999px;padding:5px 14px;background:#fff;color:var(--ink);opacity:1}
.stage-in .chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.stage-in .chips .chip{opacity:0}
.stage-in .chip.ok{border-color:var(--success);color:var(--success-deep);background:var(--success-pale)}
.stage-in .chip.warn{border-color:var(--warning);color:#6B3700;background:var(--warning-pale);opacity:0}
.tick{display:inline-block;width:20px;height:20px;border-radius:50%;background:var(--success);position:relative;flex:none}
.tick:after{content:"";position:absolute;left:6px;top:3px;width:5px;height:10px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.thread{fill:none;stroke:var(--thread);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}

/* hero */
.stage-in .num{font:800 44px var(--f-display);color:var(--ink);width:56px;flex:none}
.stage-in .tile:has(.qtext){flex-direction:row;align-items:center;gap:14px}
.stage-in .qtext{display:flex;flex-direction:column;gap:6px}
.stage-in .qtext b{font-size:28px}
.stage-in .qtext em{font:500 22px var(--f-mono);font-style:normal;color:#4F5C66;opacity:0}
.stage-in .rail{position:absolute;background:var(--ink);border-radius:16px;display:flex;align-items:center;justify-content:center;opacity:0}
.stage-in .rail span{writing-mode:vertical-rl;transform:rotate(180deg);font:500 24px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#fff}

/* purpose */
.stage-in .typed{font:700 36px/1.2 var(--f-display);min-height:88px;display:block}

/* difference */
.stage-in .sign{margin-top:12px}
.stage-in .sign span{font:400 24px var(--f-body);color:#4F5C66;display:block}
.stage-in .srow{display:flex;align-items:center;gap:14px;margin-top:4px}
.stage-in .sign b{font:800 48px/1 var(--f-display);min-width:104px;text-align:right}
.stage-in .sign i{flex:1;height:14px;border-radius:7px;background:#E2E6ED;overflow:hidden;display:block}
.stage-in .sign u{display:block;height:100%;width:0;background:var(--ink);text-decoration:none;border-radius:6px}
.stage-in .quote b{font-size:32px;line-height:1.2}
.stage-in .doc u{display:block;height:14px;border-radius:7px;background:#C9D0D7;width:0;text-decoration:none;margin-top:10px}
.stage-in .doc .chip{opacity:0;margin-top:auto}

/* money */
.kick2{position:absolute;font:500 22px var(--f-mono);letter-spacing:.04em;text-transform:uppercase;color:#4F5C66}
.stage-in .node{position:absolute;width:40px;height:40px;border-radius:50%;background:#fff;border:2.5px solid #8E9BAA;font:700 22px/35px var(--f-display);text-align:center;color:#4F5C66}
.stage-in .node.done{background:var(--ink);border-color:var(--ink);color:#fff}
.stage-in .node.now{background:var(--primary);border-color:var(--primary);color:#fff;transform:scale(1.18)}
.stage-in .steplab{position:absolute;font:800 40px var(--f-display);letter-spacing:-.01em}
.stage-in .bars{display:flex;align-items:flex-end;gap:7px;height:150px;margin-top:6px}
.stage-in .bg{display:flex;align-items:flex-end;gap:2px;flex:1}
.stage-in .bg u{display:block;flex:1;background:var(--ink);height:0;text-decoration:none;border-radius:3px 3px 0 0}
.stage-in .bg u.out{background:#8E9BAA}
.stage-in .desk .dr{display:flex;justify-content:space-between;align-items:baseline;border-top:1.5px solid #E2E6ED;padding-top:12px;margin-top:8px}
.stage-in .desk .dr span{font:400 26px var(--f-body);color:#4F5C66}
.stage-in .desk .dr b{font:800 34px var(--f-display)}

/* people */
.stage-in .big{font:800 60px/1 var(--f-display);margin-top:4px}
.stage-in .dots{display:flex;gap:10px;margin-top:auto}
.stage-in .dots u{width:26px;height:26px;border-radius:50%;background:var(--ink);opacity:0}
.stage-in .li{display:flex;align-items:center;gap:12px;font:500 26px var(--f-body);margin-top:6px}
.stage-in .li .tick{opacity:1}
.stage-in .box{width:26px;height:26px;border-radius:7px;border:2.5px solid #8E9BAA;flex:none;position:relative;background:#fff}
.stage-in .ck.on .box{background:var(--success);border-color:var(--success)}
.stage-in .ck.on .box:after{content:"";position:absolute;left:7px;top:2px;width:7px;height:13px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}
.stage-in .meter{display:block;height:14px;border-radius:7px;background:#E2E6ED;overflow:hidden;margin-top:auto}
.stage-in .meter u{display:block;height:100%;width:0;background:var(--ink);text-decoration:none}

/* meeting */
.stage-in .qrow{display:flex;align-items:center;gap:16px}
.stage-in .dots2{display:flex;gap:10px}
.stage-in .dots2 u{width:26px;height:26px;border-radius:50%;border:2.5px solid #8E9BAA;background:#fff}
.stage-in .dots2 u.on{background:var(--ink);border-color:var(--ink)}
.stage-in .state{opacity:0;font-size:24px}
.stage-in .ag .li{margin-top:24px}
.stage-in .votes{display:flex;gap:10px}
.stage-in .votes .chip{opacity:0}
.stage-in .stamp b{color:var(--bh);font-size:34px}
.stage-in .stamp{border-color:var(--bh);transform-origin:center}
.stage-in .lock{display:flex;align-items:center;gap:10px;font-size:28px}

/* agent */
.stage-in .chat{padding:0;display:block;opacity:1;box-shadow:none;background:#FBFCFC}
.stage-in .chat > *{position:absolute;opacity:0}
.stage-in .bub{border-radius:20px;padding:14px 20px;font:400 26px/1.3 var(--f-body)}
.stage-in .bub.me{background:var(--ink);color:#fff;max-width:470px}
.stage-in .bub.ai{background:#fff;border:2px solid var(--ink)}
.stage-in .bub .src{display:inline-flex;margin-top:10px;opacity:1}
.stage-in .prop{background:#fff;border:2px solid var(--primary);border-radius:16px;padding:16px 20px;display:flex;flex-direction:column;gap:6px}
.stage-in .prop b{font-size:28px}
.stage-in .btns{display:flex;gap:12px;margin-top:8px}
.stage-in .btn2{font:500 24px var(--f-body);padding:9px 24px;border-radius:999px;border:2px solid #8E9BAA;background:#fff}
.stage-in .btn2.yes{background:var(--primary);border-color:var(--primary);color:#fff}
.stage-in .btn2.pressed{background:var(--primary-d);box-shadow:0 0 0 5px var(--focus-ring);transform:scale(.96)}
.stage-in .proj{align-items:flex-start}
.stage-in .chat .chip u{text-decoration:underline;color:var(--primary)}
.stage-in .note{font:500 20px/1.35 var(--f-mono);color:#4F5C66}

/* handover */
.stage-in .recbox{border-color:var(--ink)}
.stage-in .g4{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:10px}
.stage-in .mini1{border:2px solid var(--ink);border-radius:12px;padding:22px 6px;font:600 22px/1.2 var(--f-display);text-align:center;opacity:0;background:#fff}
.stage-in .mini1.read{background:var(--success-pale);border-color:var(--success)}
.stage-in .person{position:absolute;display:flex;flex-direction:column;align-items:center;gap:10px;width:120px;opacity:1}
.stage-in .person i{display:block;width:76px;height:76px;border-radius:50%;background:#C9D0D7;border:2px solid var(--ink)}
.stage-in .person.next{opacity:0}
.stage-in .person.next i{background:var(--primary-pale);border-color:var(--primary)}
.stage-in .person span{font:500 22px/1.2 var(--f-mono);text-align:center;color:#4F5C66}
.stage-in .big2{position:absolute;font:800 44px/1.1 var(--f-display);text-align:center;opacity:0}

/* ---- Everything in it ---- */
.mall{border-top:2px solid var(--ink);padding-block:clamp(40px,7vw,88px)}
.mall .wrap{display:grid;gap:28px}
.mkey{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:1em;font-size:.9375rem;color:var(--neutral-text)}
.mgroup{border-top:1px solid var(--rule)}
.mgroup > summary{list-style:none;cursor:pointer;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:12px}
.mgroup > summary::-webkit-details-marker{display:none}
.mgroup > summary{color:var(--ink)}
.mgroup > summary h3{color:var(--ink);text-align:left;font-family:var(--f-display);font-weight:800;font-size:clamp(1.25rem,2.6vw,1.5rem);letter-spacing:-.015em}
.mgroup > summary .cnt{font-family:var(--f-mono);font-size:.8125rem;color:var(--neutral-text);white-space:nowrap}
.mgroup > summary:before{content:none}
.mgroup > summary:after{content:"+";font:500 1.5rem var(--f-mono);color:var(--bh);margin-left:8px}
.mgroup[open] > summary:after{content:"\2212"}
.mgroup > summary:focus-visible{outline:3px solid var(--primary);outline-offset:2px}
.mgroup ul{list-style:none;padding:0 0 18px;margin:0;display:grid;gap:0}
@media (min-width:900px){.mgroup ul{grid-template-columns:1fr 1fr;column-gap:40px}}
.mgroup li{padding-block:12px;border-top:1px solid var(--border);display:grid;gap:4px}
.mgroup li:first-child{border-top:0}
@media (min-width:900px){.mgroup li:nth-child(2){border-top:0}}
.mgroup li b{font-family:var(--f-display);font-weight:700;font-size:1.0625rem;letter-spacing:-.005em}
.mgroup li p{font-size:1rem;line-height:1.5;color:var(--neutral-text);max-width:52ch}
.st{display:inline-block;font-family:var(--f-mono);font-weight:500;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;padding:2px 9px;border-radius:999px;border:1px solid var(--rule);color:var(--ink);background:var(--surface);margin-right:8px;vertical-align:2px;white-space:nowrap}
.st.live{border-color:var(--success);background:var(--success-pale);color:var(--success-deep)}
.st.built{border-color:var(--info);background:var(--info-pale);color:#064A70}
.st.building{border-color:var(--warning);background:var(--warning-pale);color:#6B3700}
.st.coming{border-style:dashed;color:var(--neutral-text)}
.mcoming{border-top:2px solid var(--ink);padding-block:clamp(36px,6vw,64px);background:var(--surface)}
.mcoming .wrap{display:grid;gap:12px;max-width:760px}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* new scenes */
.stage-in .chipt{width:210px;height:62px;padding:0 14px;justify-content:center;border-radius:12px;transform-origin:center}
.stage-in .chipt b{font-size:24px}
.stage-in .hub .hr{margin-top:20px;font-size:30px}
.stage-in .hub .hr .tick{opacity:1;width:26px;height:26px}
.stage-in .capl{position:absolute;font:500 24px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:#4F5C66;opacity:0}
.stage-in .regt{flex-direction:row;align-items:center;justify-content:space-between}
.stage-in .regt .bigc{font:800 56px/1 var(--f-display);display:block}
.stage-in .regt .chips{flex-direction:row;flex-wrap:wrap;justify-content:flex-end;max-width:360px;margin:0;gap:8px}
.stage-in .lane .mini{font-size:19px;line-height:1.2}
.stage-in .lane.done{border-color:var(--ink);background:#F4F6F7}
.stage-in .lane.now{border-color:var(--primary);background:var(--primary-pale)}
.stage-in .token{position:absolute;left:0;top:0;opacity:0;font:600 22px var(--f-body);background:var(--primary);color:#fff;border-radius:999px;padding:6px 18px;box-shadow:0 4px 12px rgba(37,99,235,.35);z-index:4}
.stage-in .stg{display:flex;align-items:center;gap:12px}
.stage-in .stg .arr{font:500 28px var(--f-mono)}
.stage-in .stg .chip{opacity:1}
.stage-in .stg .ok2{border-color:var(--success);background:var(--success-pale);color:var(--success-deep);opacity:0}
.stage-in .desk2 .cols{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:10px}
.stage-in .desk2 .cols span{font:400 24px var(--f-body);color:#4F5C66;display:block}
.stage-in .desk2 .cols b{font:800 44px/1.1 var(--f-display);display:block;margin-top:8px}
.stage-in .tile .dr{display:flex;justify-content:space-between;align-items:baseline;margin-top:6px}
.stage-in .tile .dr span{font:400 24px var(--f-body);color:#4F5C66}
.stage-in .tile .dr b{font:800 30px var(--f-display)}
.stage-in .cd{display:flex;gap:16px;align-items:center;border-top:1.5px solid #E2E6ED;padding-top:10px;margin-top:0;opacity:0}
.stage-in .cd .dt{font:500 22px var(--f-mono);width:88px;flex:none;color:var(--bh)}
.stage-in .cd .wh{display:flex;flex-direction:column;gap:4px}
.stage-in .cd .wh b{font:700 25px/1.15 var(--f-display)}
.stage-in .cd .wh i{font:500 20px var(--f-mono);font-style:normal;color:#4F5C66;letter-spacing:.04em;text-transform:uppercase}
.stage-in .nd{opacity:0;font-size:24px}
.stage-in .dotw{width:16px;height:16px;border-radius:50%;background:var(--warning);display:inline-block;flex:none}

.stage-in .lane{padding:12px 12px}
.stage-in .lane b{font-size:24px}
.stage-in .cf .sub,.stage-in .cf{font-size:22px}


/* ================= rewrite (Nov 2026): fewer words, scenes do the explaining ================= */
.top .brand .name{font-size:1.5rem}
.mhero{padding-block:clamp(20px,3vw,40px) clamp(28px,4vw,56px)}
.mhero .mkick{font-family:var(--f-mono);font-weight:500;font-size:.875rem;letter-spacing:.06em;color:var(--bh)}
.mhero .mlead{max-width:36ch}
.mhero .mwho{max-width:44ch}
/* story rows */
.mrow{padding-block:clamp(32px,5vw,64px)}
.mrow .mk{font-family:var(--f-mono);font-weight:500;font-size:.875rem;letter-spacing:.06em;color:var(--bh);margin:0}
.mrow .sec-h{max-width:18ch}
.mrow .lead{max-width:36ch;margin-top:.8em;font-size:clamp(1.0625rem,2vw,1.1875rem)}
.mtag{margin-top:.9em;font-size:.9375rem;line-height:1.5;color:var(--neutral-text);max-width:40ch}
.mtag .st{margin-right:6px}
/* full width rows: heading and sentence side by side, the scene across the whole page */
.mrow.wide .whead{display:grid;gap:12px;margin-bottom:clamp(20px,3vw,32px)}
.mrow.wide .whead .sec-h{max-width:22ch}
.mrow.wide .whead .lead{margin-top:.2em;max-width:46ch}
@media (min-width:900px){
  .mrow.wide .whead{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:end}
  .mrow.wide .whead .lead{margin-top:0}
}
/* an ink band for the AI agent */
.mrow.dark{background:var(--ink);color:#fff;border-top:0}
.mrow.dark .mk{color:#C9D3DA}
.mrow.dark .sec-h{color:#fff}
.mrow.dark .lead,.mrow.dark .mtag,.mrow.dark .mex,.mrow.dark .vdesc,.mrow.dark .vdesc summary{color:#DDE4E9}
.mrow.dark .vdesc summary:hover{color:#fff}
.mrow.dark .mctl{background:transparent;color:#fff;border-color:#8FA0AD}
.mrow.dark .mctl:hover{border-color:#fff}
.mrow.dark .mctl:focus-visible,.mrow.dark .vdesc summary:focus-visible{outline-color:#fff}
.mrow.dark .small-note{color:#C9D3DA}
.small-note{margin-top:.9em;font-size:.875rem;line-height:1.5;color:var(--neutral-text);max-width:44ch}
.mbar{margin-top:6px}
/* hero scene: the finished record */
.stage-in .hub .hr{margin-top:22px;font-size:30px;display:flex;align-items:center;gap:14px}
.stage-in .hub .hr .lb{font:600 30px var(--f-display);flex:1}
.stage-in .hub .hr .rv{font:500 22px var(--f-mono);border:1.5px solid #8E9BAA;border-radius:999px;padding:6px 16px;background:var(--chalk);opacity:0;white-space:nowrap}
.stage-in .hub .hfoot{margin-top:auto;font:500 24px var(--f-mono);color:#4F5C66;border-top:1.5px solid #E2E6ED;padding-top:14px;opacity:0}
.stage-in .capl{font-size:26px}
/* wide stages */
.stage-in.w .lane{padding:10px 10px}
.stage-in.w .lane b{font-size:21px}
.stage-in.w .lane .kick{font-size:19px}
.stage-in.w .lane .mini{font-size:18px}
.stage-in.w .desk2 .cols{grid-template-columns:1fr 1fr;gap:20px}
.stage-in.w .desk2 .cols b{font-size:34px}
.stage-in.w .regt .chips{max-width:300px}
.stage-in.w .big2{font-size:48px}
.stage-in.w .mini1{padding:34px 6px;font-size:26px}
.stage-in.w .recbox .kick{font-size:24px}
/* band for a Coming item and the sticky apply bar */
.mband{border-top:2px solid var(--ink);background:var(--surface);padding-block:clamp(20px,3vw,32px)}
.mband p{max-width:70ch;line-height:1.55}
.mband .st{margin-right:8px}
.sticky-apply{display:none}
@media (max-width:899px){
  .sticky-apply{display:block;position:fixed;left:0;right:0;bottom:0;z-index:25;padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--border);transition:transform .25s}
  .sticky-apply .btn{width:100%;min-height:52px}
  .sticky-apply.off{transform:translateY(110%)}
  body.has-sticky{padding-bottom:84px}
}
/* the ad page (phone first) */
.adhero{padding-block:clamp(20px,4vw,48px) clamp(24px,4vw,48px);background:var(--surface)}
.adhero h1{font-family:var(--f-display);font-weight:800;letter-spacing:-.03em;line-height:1.05;font-size:clamp(2rem,5vw,3rem);max-width:16ch;margin-top:.35em}
.adhero .mlead{font-size:1.125rem;line-height:1.5;margin-top:.7em;max-width:34ch;color:var(--neutral-text)}
.adhero .mprice{margin-top:.8em;font-family:var(--f-display);font-weight:800;font-size:1.375rem;letter-spacing:-.01em}
.adhero .mprice [data-offer]{font:inherit}
.adhero .mprice small{display:block;font:400 1rem var(--f-body);color:var(--neutral-text);margin-top:.15em}
.adhero .hero-cta{margin-top:1em}
.adq{padding-block:clamp(28px,5vw,56px)}
.adq .sec-h{max-width:18ch}
.adprice{border-top:2px solid var(--ink);padding-block:clamp(32px,5vw,56px);background:var(--surface)}
.adprice .big{font-family:var(--f-display);font-weight:800;font-size:clamp(2.25rem,7vw,3.5rem);letter-spacing:-.03em;line-height:1}
.adprice ul{list-style:none;padding:0;margin:1em 0 0;display:grid;gap:.4em}
.adprice li{font-size:1.0625rem;line-height:1.4;padding-left:1.4em;position:relative}
.adprice li:before{content:"";position:absolute;left:.1em;top:.35em;width:.4em;height:.75em;border:solid var(--bh);border-width:0 2px 2px 0;transform:rotate(40deg)}
.adform{padding-block:clamp(28px,5vw,56px)}
/* simple pages (privacy, terms, everything) */
.spage-head{padding-block:clamp(28px,5vw,56px) 0}
.spage-head h1{font-family:var(--f-display);font-weight:800;letter-spacing:-.03em;line-height:1.05;font-size:clamp(1.875rem,4vw,2.75rem)}
.backlink{display:inline-flex;align-items:center;min-height:44px;font-weight:500}
.mall{border-top:0;padding-block:clamp(24px,4vw,48px)}
.entry.legal{border-top:0}

.mkick{font-family:var(--f-mono);font-weight:500;font-size:.875rem;letter-spacing:.06em;color:var(--bh)}
.stage-in.w .desk2 .cols span{min-height:60px}
.adhero .mprice > span:last-child{display:block;font:400 1rem var(--f-body);color:var(--neutral-text);margin-top:.15em}
.adprice .mprice-sub{margin:.2em 0 0;font:400 1rem var(--f-body)}

/* header: Board Hub mark + same main menu as the other CruxMS pages (Nov 2026) */
.top .bhmark{width:40px;height:40px;border-radius:9px;display:block;flex:none}
.top .topnav{display:flex;gap:26px;align-items:center}
.top .topnav a:not(.btn){font-size:.9375rem;color:var(--neutral-text,#4a5a68);text-decoration:none}
.top .topnav a:not(.btn):hover{color:var(--ink)}
@media (max-width:820px){.top .topnav .hide-sm{display:none}}
.top .brand .name,.top .topnav a{white-space:nowrap}

/* Pricing section (8 Nov 2026) */
.mprices{border-top:2px solid var(--ink);padding-block:clamp(36px,6vw,72px)}
.mprices .mlead{max-width:62ch;margin-top:.6em}
.ptable{width:100%;max-width:760px;border-collapse:collapse;margin-top:1.4em;font-size:1.0625rem}
.ptable th,.ptable td{text-align:left;padding:.85em 1em;border-bottom:1px solid var(--border);vertical-align:top}
.ptable thead th{font:600 .875rem var(--f-body);color:var(--neutral-text);border-bottom:2px solid var(--ink)}
.ptable tbody th{font-weight:600}
.ptable td{font-family:var(--f-display);font-weight:800}
.pnote{max-width:62ch;margin-top:1.2em;line-height:1.55}
.pfounding{background:var(--surface);border:1px solid var(--border);padding:1em 1.2em}
.mprices .hero-cta{margin-top:1.4em}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:560px){.ptable{font-size:1rem}.ptable th,.ptable td{padding:.7em .5em}.ptable thead th:nth-child(3),.ptable td:nth-child(3){display:none}}

.padd-h{font:800 1.375rem var(--f-display);margin:2em 0 .3em}
.padd{max-width:760px}
.padd .pdesc{display:block;font:400 .9375rem var(--f-body);color:var(--neutral-text);margin-top:.25em;max-width:46ch}