/* Layout concept: left-aligned editorial pages on cool paper; one "night panel" per page carries the live AI moment.
   Night-shift palette: indigo ink, sodium-lamp amber. Atkinson Hyperlegible Next for reading, Bricolage Grotesque for display. */
:root{
  --ground:#F2F3F8; --surface:#FFFFFF; --sunk:#E7E9F2;
  --ink:#161A33; --ink-2:#4B5070; --ink-3:#6E7392; --line:#D6D9E6;
  --lamp:#F0A23B; --lamp-ink:#8F4E00; --lamp-soft:#FBE7C8;
  --night:#161A3A; --night-2:#21265220; --night-ink:#EEF0FA; --night-dim:#9DA3C7; --night-line:#2E3463;
  --ok:#1F8A5B; --bad:#C0392B;
  --f-display:"Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif;
  --f-body:"Atkinson Hyperlegible Next","Atkinson Hyperlegible","Segoe UI",system-ui,-apple-system,sans-serif;
  --f-mono:"Atkinson Hyperlegible Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --s-0:1.125rem; --s-1:1.375rem; --s-2:1.75rem; --s-3:2.25rem; --s-4:clamp(2.4rem,4.6vw,3.4rem); --s-5:clamp(2.9rem,7vw,5.6rem);
  --gutter:clamp(18px,4vw,48px); --wrap:1240px; --radius:18px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --ground:#0E1128; --surface:#161A38; --sunk:#1C2145;
  --ink:#EEF0FA; --ink-2:#B4B9D6; --ink-3:#8E94B8; --line:#2A3060;
  --lamp:#F4A944; --lamp-ink:#F6B65C; --lamp-soft:#3A2E1E;
  --night:#0A0C20; --night-line:#262B57; color-scheme:dark}}
:root[data-theme="dark"]{
  --ground:#0E1128; --surface:#161A38; --sunk:#1C2145;
  --ink:#EEF0FA; --ink-2:#B4B9D6; --ink-3:#8E94B8; --line:#2A3060;
  --lamp:#F4A944; --lamp-ink:#F6B65C; --lamp-soft:#3A2E1E;
  --night:#0A0C20; --night-line:#262B57; color-scheme:dark}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
.wp-block-group__inner-container{display:contents}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--f-body);font-size:var(--s-0);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg,canvas{max-width:100%}
a{color:inherit;text-decoration-thickness:1.5px;text-underline-offset:3px}
a:hover{color:var(--lamp-ink)}
:focus-visible{outline:3px solid var(--lamp);outline-offset:3px;border-radius:6px}
h1,h2,h3,h4{font-family:var(--f-display);font-weight:700;line-height:1.05;letter-spacing:-.02em;text-wrap:balance;margin:0;font-variation-settings:"wdth" 90}
h1{font-size:var(--s-5);letter-spacing:-.035em}
h2{font-size:var(--s-4);letter-spacing:-.03em}
h3{font-size:var(--s-2)}
h4{font-size:var(--s-1)}
p{margin:0;max-width:64ch}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;z-index:99;background:var(--surface);padding:10px 14px}

/* ---------- frame ---------- */
.wrap,.entry-content>*{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.entry-content>.full{max-width:none;padding-inline:0}
.entry-content>.full>.inner{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.entry-content{display:flex;flex-direction:column}
.entry-content>*+*{margin-top:0}

/* ---------- header ---------- */
.site-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:color-mix(in oklab,var(--ground) 86%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .3s}
.site-head.scrolled{border-bottom-color:var(--line)}
.site-head .wrap{display:flex;align-items:center;gap:24px;min-height:74px}
.brand{display:flex;align-items:center;color:var(--ink);flex:none}
.brand svg{height:34px;width:auto;display:block}
.nav{margin-left:auto}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:6px}
.nav a{display:block;padding:9px 13px;border-radius:999px;text-decoration:none;font-weight:600;font-size:1rem;color:var(--ink-2)}
.nav a:hover,.nav .current-menu-item>a,.nav a[aria-current="page"]{color:var(--ink);background:var(--sunk)}
.head-cta{flex:none}
.nav-toggle{display:none;margin-left:auto;width:46px;height:46px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;align-items:center;justify-content:center}
.nav-toggle span{display:block;width:18px;height:2px;background:currentColor;position:relative;border-radius:2px}
.nav-toggle span::before,.nav-toggle span::after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor;border-radius:2px;transition:transform .25s}
.nav-toggle span::before{top:-6px}.nav-toggle span::after{top:6px}
body.menu-open .nav-toggle span{background:transparent}
body.menu-open .nav-toggle span::before{transform:translateY(6px) rotate(45deg)}
body.menu-open .nav-toggle span::after{transform:translateY(-6px) rotate(-45deg)}
@media (max-width:980px){
  .nav-toggle{display:inline-flex}
  .site-head .head-cta{display:none}
  .nav{position:fixed;inset:74px 0 0 0;background:var(--ground);padding:24px var(--gutter) 40px;transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s;overflow:auto}
  body.menu-open .nav{opacity:1;transform:none;visibility:visible}
  .nav ul{flex-direction:column;gap:2px}
  .nav a{font-family:var(--f-display);font-size:2rem;font-weight:700;color:var(--ink);padding:10px 4px;border-radius:0;border-bottom:1px solid var(--line)}
  .nav .nav-cta{margin-top:24px}
}
@media (min-width:981px){.nav .nav-cta{display:none}}

/* ---------- buttons ---------- */
.wp-block-buttons,.btns{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.wp-block-button__link,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;font-family:var(--f-body);font-weight:700;font-size:1.05rem;text-decoration:none;border:2px solid var(--ink);background:var(--ink);color:var(--ground);cursor:pointer;transition:transform .15s,background .2s,color .2s,box-shadow .2s;line-height:1.2;text-align:center}
.wp-block-button__link:hover,.btn:hover{transform:translateY(-2px);color:var(--ground);box-shadow:0 10px 24px -12px var(--ink)}
.is-style-lamp .wp-block-button__link,.btn-lamp{background:var(--lamp);border-color:var(--lamp);color:#1B1405}
.is-style-lamp .wp-block-button__link:hover,.btn-lamp:hover{color:#1B1405;box-shadow:0 10px 26px -10px var(--lamp)}
.is-style-outline .wp-block-button__link,.btn-ghost{background:transparent;color:var(--ink)}
.is-style-outline .wp-block-button__link:hover,.btn-ghost:hover{color:var(--ink);background:var(--sunk)}
.btn-sm{min-height:42px;padding:0 18px;font-size:.98rem}
.night .is-style-outline .wp-block-button__link,.night .btn-ghost{color:var(--night-ink);border-color:var(--night-ink)}
.night .is-style-outline .wp-block-button__link:hover{background:#ffffff14}

/* ---------- sections ---------- */
.sec{padding-block:clamp(44px,6.5vw,88px);display:grid;gap:clamp(26px,3.6vw,44px)}
.sec>*{min-width:0}
.sec-tight{padding-block:clamp(40px,6vw,72px)}
.sec-head{display:grid;gap:16px}
.sec-head p{font-size:var(--s-1);color:var(--ink-2);line-height:1.5}
.kicker{font-weight:700;color:var(--lamp-ink);font-size:1rem}
.lede{font-size:var(--s-1);color:var(--ink-2);line-height:1.5;max-width:58ch}
.muted{color:var(--ink-3)}
.rule{border:0;border-top:1px solid var(--line);margin:0}

/* page hero (inner pages) */
.page-hero{padding-block:clamp(56px,9vw,120px) clamp(36px,5vw,64px);display:grid;gap:24px}
.page-hero h1{max-width:16ch}
.page-hero .lede{font-size:clamp(1.25rem,2vw,1.5rem)}
.crumb{font-size:1rem;color:var(--ink-3)}
.crumb a{color:var(--ink-2)}

/* ---------- night panel ---------- */
.night{background:var(--night);color:var(--night-ink);border-radius:var(--radius);position:relative;overflow:hidden;isolation:isolate}
.night::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 50% at 80% 0%,#3A3F8A55,transparent 70%),radial-gradient(50% 40% at 0% 100%,#F0A23B1c,transparent 70%)}
.night a{color:var(--night-ink)}
.night .muted{color:var(--night-dim)}

/* ---------- HOME hero ---------- */
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center;padding-block:clamp(32px,5vw,72px) clamp(24px,4vw,48px)}
.hero h1{font-size:clamp(3rem,7.4vw,6.2rem);line-height:.95;max-width:11ch}
.hero .lede{margin-top:26px;font-size:clamp(1.2rem,1.8vw,1.45rem)}
.hero .wp-block-buttons{margin-top:34px}
.hero-meta{margin-top:30px;display:flex;flex-wrap:wrap;gap:10px 22px;color:var(--ink-3);font-size:1rem}
.hero-meta span{display:inline-flex;align-items:center;gap:8px}
.hero-meta span::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lamp)}
@media (max-width:900px){.hero{grid-template-columns:1fr}.hero h1{max-width:12ch}}

/* shift dial */
.shift{padding:clamp(18px,2.4vw,28px);display:grid;gap:18px}
.shift-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.95rem;color:var(--night-dim)}
.shift-top b{color:var(--night-ink);font-weight:700}
.live{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--lamp)}
.live i{width:9px;height:9px;border-radius:50%;background:var(--lamp);box-shadow:0 0 0 0 var(--lamp);animation:pulse 1.8s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 #F0A23B88}70%{box-shadow:0 0 0 12px #F0A23B00}100%{box-shadow:0 0 0 0 #F0A23B00}}
.dial-wrap{position:relative;aspect-ratio:1/1;width:min(100%,420px);margin-inline:auto}
.dial-wrap canvas{width:100%;height:100%;display:block}
.dial-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none}
.dial-time{font-family:var(--f-display);font-weight:700;font-size:clamp(2.2rem,5vw,3.2rem);letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1}
.dial-label{color:var(--night-dim);font-size:.95rem;margin-top:6px}
.dial-count{color:var(--lamp);font-weight:700;font-size:1rem;margin-top:4px}
.feed{list-style:none;margin:0;padding:0;display:grid;gap:8px;min-height:228px;align-content:start}
.feed li{display:grid;grid-template-columns:74px minmax(0,1fr);gap:12px;padding:11px 14px;border-radius:12px;background:#ffffff0d;border:1px solid var(--night-line);font-size:.98rem;line-height:1.4}
.feed li.new{animation:feedin .5s cubic-bezier(.2,.8,.2,1)}
@keyframes feedin{from{transform:translateY(-10px);background:#F0A23B30}to{transform:none}}
.feed time{font-family:var(--f-mono);color:var(--lamp);font-size:.92rem;font-variant-numeric:tabular-nums;padding-top:1px}

/* ---------- offers list (home) ---------- */
.offers{display:grid;border-top:1px solid var(--line)}
.offer{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr) 220px;gap:clamp(18px,3vw,48px);padding-block:clamp(28px,4vw,44px);border-bottom:1px solid var(--line);align-items:start}
.offer h3{font-size:clamp(1.8rem,3.2vw,2.6rem)}
.offer p{color:var(--ink-2)}
.offer ul{margin:14px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.offer li,.chip-static{padding:6px 12px;border-radius:999px;background:var(--sunk);font-size:.95rem;color:var(--ink-2)}
.offer .wp-block-buttons{justify-content:flex-end}
@media (max-width:860px){.offer{grid-template-columns:1fr}.offer .wp-block-buttons{justify-content:flex-start}}

/* ---------- planner ---------- */
.planner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:0}
.planner-in{padding:clamp(22px,3.4vw,44px);display:grid;gap:26px;align-content:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius) 0 0 var(--radius)}
.planner-out{padding:clamp(22px,3.4vw,44px);border-radius:0 var(--radius) var(--radius) 0;display:grid;gap:20px;align-content:start}
@media (max-width:900px){.planner{grid-template-columns:1fr}.planner-in{border-radius:var(--radius) var(--radius) 0 0}.planner-out{border-radius:0 0 var(--radius) var(--radius)}}
.planner fieldset{border:0;margin:0;padding:0;display:grid;gap:12px}
.planner legend,.field-label{font-weight:700;font-size:1.05rem;margin-bottom:4px;padding:0}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative}
.chip input{position:absolute;opacity:0;inset:0;cursor:pointer;margin:0}
.chip span{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-radius:999px;border:1.5px solid var(--line);background:var(--ground);font-weight:600;font-size:1rem;transition:all .15s;user-select:none}
.chip input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--ground)}
.chip input:focus-visible+span{outline:3px solid var(--lamp);outline-offset:2px}
.chip input:disabled+span{opacity:.45}
.range{display:grid;gap:8px}
.range-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.range-top output{font-family:var(--f-display);font-weight:700;font-size:1.5rem;font-variant-numeric:tabular-nums}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:30px;background:transparent;cursor:pointer}
input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:linear-gradient(to right,var(--lamp) var(--p,40%),var(--line) var(--p,40%))}
input[type=range]::-moz-range-track{height:6px;border-radius:6px;background:var(--line)}
input[type=range]::-moz-range-progress{height:6px;border-radius:6px;background:var(--lamp)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--ink);border:4px solid var(--surface);box-shadow:0 1px 6px #0004;margin-top:-10px}
input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--ink);border:4px solid var(--surface)}
.plan-title{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap}
.plan-title h3{font-size:clamp(1.6rem,2.6vw,2.2rem)}
.plan-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.plan-stat{padding:14px;border:1px solid var(--night-line);border-radius:14px;background:#ffffff08}
.plan-stat b{display:block;font-family:var(--f-display);font-size:clamp(1.35rem,2.1vw,1.8rem);white-space:nowrap;line-height:1.1;color:var(--lamp);font-variant-numeric:tabular-nums}
.plan-stat span{font-size:.9rem;color:var(--night-dim)}
@media (max-width:480px){.plan-stats{grid-template-columns:1fr 1fr}.plan-stat:last-child{grid-column:1/-1}}
.plan-agents{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.plan-agents li{padding:14px 16px;border-radius:14px;border:1px solid var(--night-line);display:grid;gap:4px}
.plan-agents li.new{animation:feedin .45s}
.plan-agents strong{font-family:var(--f-display);font-size:1.2rem}
.plan-agents p{color:var(--night-dim);font-size:.98rem;line-height:1.45}
.plan-agents small{color:var(--night-dim);font-size:.9rem}
.plan-agents small b{color:var(--night-ink);font-weight:600}
.plan-note{font-size:.92rem;color:var(--night-dim)}

/* ---------- work ---------- */
.work-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.work-filter button{font:inherit;font-weight:700;font-size:1rem;padding:10px 18px;border-radius:999px;border:1.5px solid var(--line);background:transparent;color:var(--ink-2);cursor:pointer}
.work-filter button[aria-pressed="true"]{background:var(--ink);color:var(--ground);border-color:var(--ink)}
.work-filter button span{opacity:.6;margin-left:6px;font-variant-numeric:tabular-nums}
.work-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:clamp(16px,2vw,24px)}
.work-grid.strip{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:980px){.work-grid.strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.work-grid.strip{grid-template-columns:1fr}}
.wcard>a{text-decoration:none;display:block}
.wcard{display:grid;gap:14px;align-content:start;text-decoration:none;color:inherit}
.wcard[hidden]{display:none}
.wcard .mini{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.wcard:hover .mini{transform:translateY(-5px) rotate(-.4deg);box-shadow:0 26px 40px -26px #161A3399}
.wcard h3{font-size:1.45rem;display:flex;gap:10px;align-items:baseline;justify-content:space-between}
.wcard h3 small{font-family:var(--f-body);font-weight:600;font-size:.88rem;color:var(--ink-3);letter-spacing:0;white-space:nowrap}
.wcard p{color:var(--ink-2);font-size:1.02rem;line-height:1.5}
.wcard .wlinks{display:flex;gap:16px;flex-wrap:wrap;font-weight:700;font-size:1rem}
.wcard .wlinks a{color:var(--ink)}

/* ---------- mini product UIs ---------- */
.mini{aspect-ratio:16/10.5;width:100%;max-width:100%;border-radius:16px;overflow:hidden;position:relative;font-family:var(--f-body);line-height:1.25;box-shadow:0 1px 0 #0000000d,0 16px 34px -28px #161A3399;border:1px solid #00000014;container-type:inline-size;user-select:none}
.mini *{box-sizing:border-box}
.mini .bar{display:flex;align-items:center;gap:5px;padding:2.6cqw 3.4cqw;font-size:2.6cqw;font-weight:700}
.mini .bar i{width:1.8cqw;height:1.8cqw;border-radius:50%;background:currentColor;opacity:.25}
.mini .bar em{font-style:normal;margin-left:auto;opacity:.6;font-weight:600}
.mini.lg{aspect-ratio:16/9}

/* quotekit */
.m-quote{background:#E9EEF6;color:#123E7C}
.m-quote .doc{position:absolute;left:8cqw;right:8cqw;top:13cqw;bottom:-3cqw;background:#fff;border-radius:2cqw 2cqw 0 0;padding:4cqw;box-shadow:0 2cqw 6cqw #123E7C26;display:grid;gap:2cqw;align-content:start}
.m-quote .doc h5{margin:0;font-size:3.6cqw;font-family:var(--f-display)}
.m-quote .row{display:flex;justify-content:space-between;font-size:2.6cqw;color:#3B4A63;border-bottom:1px solid #E3E8F0;padding-bottom:1.4cqw}
.m-quote .row.t{font-weight:800;color:#123E7C;font-size:3.2cqw;border:0}
.m-quote .sign{display:flex;justify-content:space-between;align-items:center;margin-top:1cqw}
.m-quote .sign svg{width:22cqw;height:auto}
.m-quote .ok{background:#123E7C;color:#fff;border-radius:99px;padding:1.6cqw 3.4cqw;font-size:2.5cqw;font-weight:700}
/* sitescout */
.m-scout{background:#0B1220;color:#DCE6F7}
.m-scout .grid{position:absolute;inset:11cqw 4cqw 4cqw;display:grid;grid-template-columns:34cqw 1fr;gap:4cqw}
.m-scout .ring{position:relative;display:grid;place-content:center;text-align:center}
.m-scout .ring svg{position:absolute;inset:0;width:100%;height:100%}
.m-scout .ring b{font-size:9cqw;font-family:var(--f-display);line-height:1;color:#FF6B5B}
.m-scout .ring span{font-size:2.3cqw;opacity:.7}
.m-scout ul{list-style:none;margin:0;padding:0;display:grid;gap:1.7cqw;align-content:center}
.m-scout li{display:flex;gap:2cqw;align-items:center;font-size:2.6cqw;background:#ffffff0a;padding:1.6cqw 2cqw;border-radius:1.4cqw}
.m-scout li i{width:2.4cqw;height:2.4cqw;border-radius:50%;flex:none}
/* reviewloop */
.m-review{background:#FBF7EF;color:#3A2E22}
.m-review .wrapx{position:absolute;inset:11cqw 5cqw 5cqw;display:grid;grid-template-columns:1fr 1fr;gap:5cqw;align-items:center}
.m-review .card{background:#fff;border-radius:2.4cqw;padding:3.4cqw;text-align:center;box-shadow:0 2cqw 5cqw #3A2E2214;display:grid;gap:2cqw;justify-items:center}
.m-review .qr{width:20cqw;height:20cqw;display:grid;grid-template-columns:repeat(7,1fr);gap:.5cqw}
.m-review .qr i{background:#3A2E22;border-radius:.4cqw}.m-review .qr i.o{background:transparent}
.m-review .card span{font-size:2.5cqw;font-weight:700}
.m-review .stars{font-size:5.2cqw;color:#E8A317;letter-spacing:.3cqw}
.m-review .rev{display:grid;gap:2cqw}
.m-review .rv{background:#fff;border-radius:2cqw;padding:2.4cqw;font-size:2.4cqw;box-shadow:0 1cqw 3cqw #3A2E2210}
.m-review .rv b{display:block;color:#E8A317;font-size:2.6cqw}
/* strategylab */
.m-strat{background:#0D0F12;color:#C9D1DA}
.m-strat svg.chart{position:absolute;left:4cqw;right:4cqw;top:11cqw;width:92cqw;height:34cqw}
.m-strat .tiles{position:absolute;left:4cqw;right:4cqw;bottom:4cqw;display:grid;grid-template-columns:repeat(3,1fr);gap:2cqw}
.m-strat .tiles div{background:#ffffff0b;border-radius:1.6cqw;padding:1.8cqw 2.2cqw;font-size:2.2cqw}
.m-strat .tiles b{display:block;font-size:3.6cqw;color:#fff;font-family:var(--f-display)}
/* adbatch */
.m-ad{background:#FFF8EE;color:#2B2118}
.m-ad .ads{position:absolute;inset:11cqw 4cqw 4cqw;display:grid;grid-template-columns:1.1fr .8fr .8fr;grid-template-rows:1fr 1fr;gap:2.4cqw}
.m-ad .ad{border-radius:2cqw;padding:2.4cqw;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;font-family:var(--f-display);font-weight:700;font-size:3cqw;line-height:1}
.m-ad .ad:first-child{grid-row:span 2;font-size:5cqw}
.m-ad .ad i{position:absolute;right:-4cqw;bottom:-4cqw;width:22cqw;height:22cqw;border-radius:50%}
.m-ad .ad small{font-family:var(--f-body);font-size:2cqw;font-weight:700;position:relative}
/* releasekit */
.m-release{background:#0C0A1A;color:#fff}
.m-release .cover{position:absolute;left:5cqw;top:12cqw;width:30cqw;aspect-ratio:1;border-radius:2cqw;background:conic-gradient(from 200deg,#FF3EA5,#7B5CFF,#28E0FF,#FF3EA5);box-shadow:0 0 8cqw #7B5CFF66}
.m-release .bars{position:absolute;left:40cqw;right:5cqw;top:14cqw;height:24cqw;display:flex;align-items:flex-end;gap:1cqw}
.m-release .bars i{flex:1;border-radius:1cqw 1cqw 0 0;background:linear-gradient(#28E0FF,#FF3EA5);transform-origin:bottom;animation:eq 1.2s ease-in-out infinite alternate}
@keyframes eq{to{transform:scaleY(.35)}}
.m-release .meta{position:absolute;left:40cqw;bottom:6cqw;right:5cqw;display:flex;gap:2cqw;flex-wrap:wrap}
.m-release .meta span{font-size:2.3cqw;padding:1.2cqw 2.2cqw;border-radius:99px;border:1px solid #ffffff40}
/* localmatch */
.m-local{background:#EEF5FB;color:#163A5A}
.m-local .map{position:absolute;left:4cqw;top:11cqw;bottom:4cqw;width:44cqw;border-radius:2.4cqw;background:#D6E7F5;overflow:hidden}
.m-local .map svg{width:100%;height:100%}
.m-local .offers{position:absolute;right:4cqw;top:11cqw;bottom:4cqw;width:42cqw;display:grid;gap:2cqw;align-content:start;border:0}
.m-local .of{background:#fff;border-radius:2cqw;padding:2.2cqw 2.6cqw;display:flex;justify-content:space-between;align-items:center;font-size:2.4cqw;box-shadow:0 1cqw 3cqw #163A5A14}
.m-local .of b{font-size:3.4cqw;font-family:var(--f-display)}
.m-local .of.pick{outline:.5cqw solid #2C7BE5}
/* edgeboard */
.m-edge{background:#0A100D;color:#CFE0D6}
.m-edge .games{position:absolute;inset:11cqw 4cqw 4cqw;display:grid;gap:2cqw;align-content:start}
.m-edge .g{display:grid;grid-template-columns:16cqw 1fr 16cqw;gap:2cqw;align-items:center;font-size:2.6cqw;font-weight:700}
.m-edge .g span:last-child{text-align:right}
.m-edge .pbar{height:3.4cqw;border-radius:99px;background:#1E2A23;overflow:hidden;display:flex}
.m-edge .pbar i{background:#5FD39A;display:block}
.m-edge .pbar i+i{background:#3A5245}
/* mcmahon */
.m-law{background:#07080A;color:#E9E4DA}
.m-law .in{position:absolute;inset:12cqw 6cqw 6cqw;display:grid;gap:3cqw;align-content:center}
.m-law h5{margin:0;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:6.4cqw;line-height:1.05;letter-spacing:-.01em}
.m-law p{font-size:2.6cqw;opacity:.65;max-width:60cqw}
.m-law .b{display:flex;gap:2cqw}
.m-law .b span{font-size:2.4cqw;padding:1.6cqw 3cqw;border:1px solid #E9E4DA55;border-radius:.6cqw}
.m-law .b span:first-child{background:#C9A86A;color:#07080A;border-color:#C9A86A;font-weight:700}
/* spade.music */
.m-spade{background:#05040C;color:#fff}
.m-spade .wafer{position:absolute;right:-8cqw;top:-6cqw;width:66cqw;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 0deg,#5EF2FF,#B36BFF,#FF4FD8,#FFD36B,#5EF2FF);filter:saturate(1.2);animation:spin 18s linear infinite}
.m-spade .wafer::after{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(0deg,#05040C 0 .35cqw,transparent .35cqw 4cqw),repeating-linear-gradient(90deg,#05040C 0 .35cqw,transparent .35cqw 4cqw);opacity:.85}
@keyframes spin{to{transform:rotate(360deg)}}
.m-spade .wm{position:absolute;left:6cqw;bottom:8cqw;font-family:var(--f-display);font-weight:800;font-size:12cqw;letter-spacing:-.04em;line-height:.9}
.m-spade .wm i{font-style:normal;color:#FF4FD8;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.m-spade .sub{position:absolute;left:6cqw;bottom:4cqw;font-size:2.4cqw;opacity:.7;font-weight:700}
/* spades game */
.m-game{background:radial-gradient(80% 90% at 70% 20%,#4B1F7A,#140A2C 70%);color:#F6E3A1}
.m-game .fan{position:absolute;left:58%;bottom:5cqw;width:0;height:0}
.m-game .card{position:absolute;width:17cqw;height:25cqw;left:-8.5cqw;bottom:0;border-radius:1.6cqw;background:#FFFDF6;border:.6cqw solid #D9B45A;transform-origin:50% 120%;box-shadow:0 1cqw 3cqw #0008;display:grid;place-content:center;font-family:Georgia,serif;font-size:7cqw;color:#140A2C}
.m-game .card.r{color:#B3122E}
.m-game .t{position:absolute;left:5cqw;top:11cqw;font-family:var(--f-display);font-weight:800;font-size:5.4cqw;line-height:.95;text-shadow:0 0 4cqw #F6E3A188}
.m-game .t small{display:block;font-family:var(--f-body);font-size:2.2cqw;font-weight:700;opacity:.8;margin-top:1.4cqw;text-shadow:none}
.m-game .star{position:absolute;width:.8cqw;height:.8cqw;border-radius:50%;background:#fff;opacity:.7}
/* ventures */
.m-vent{background:#F4F4F1;color:#1A1A1A}
.m-vent .tiles{position:absolute;inset:11cqw 4cqw 4cqw;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:1.6cqw}
.m-vent .tiles i{border-radius:1.4cqw;display:block}

/* ---------- generic content blocks ---------- */
.cols-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,64px)}
.cols-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px)}
.wp-block-columns{display:grid!important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:clamp(20px,3.4vw,56px);margin:0}
.wp-block-column{min-width:0;display:grid;gap:14px;align-content:start}
@media (max-width:860px){.cols-2,.cols-3{grid-template-columns:1fr}.wp-block-columns{grid-auto-flow:row}}
.stack{display:grid;gap:18px;align-content:start}
.stack-lg{display:grid;gap:clamp(28px,4vw,48px)}

.feature-list{border-top:1px solid var(--line)}
.feature{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(16px,3vw,48px);padding-block:28px;border-bottom:1px solid var(--line)}
.feature h3{font-size:clamp(1.4rem,2.2vw,1.8rem)}
.feature p{color:var(--ink-2)}
@media (max-width:760px){.feature{grid-template-columns:1fr;gap:10px}}

.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,24px);counter-reset:step}
.step{counter-increment:step;display:grid;gap:12px;align-content:start;padding-top:22px;border-top:3px solid var(--ink)}
.step::before{content:counter(step);font-family:var(--f-display);font-weight:800;font-size:3rem;line-height:1;color:var(--lamp)}
.step h3{font-size:1.5rem}
.step p{color:var(--ink-2);font-size:1.05rem}
@media (max-width:900px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.steps{grid-template-columns:1fr}}

.quote{font-family:var(--f-display);font-weight:600;font-size:clamp(1.8rem,3.6vw,3rem);line-height:1.12;letter-spacing:-.02em;max-width:22ch;margin:0;font-variation-settings:"wdth" 85}
.quote-by{margin-top:18px;color:var(--ink-3)}

.wp-block-details{border-top:1px solid var(--line);padding-block:4px}
.wp-block-details:last-of-type{border-bottom:1px solid var(--line)}
.wp-block-details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;padding-block:20px;font-family:var(--f-display);font-weight:700;font-size:clamp(1.2rem,1.8vw,1.45rem);letter-spacing:-.01em}
.wp-block-details summary::-webkit-details-marker{display:none}
.wp-block-details summary::after{content:"";flex:none;width:30px;height:30px;border-radius:50%;background:var(--sunk) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 6v12M6 12h12' stroke='%23F0A23B' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .25s}
.wp-block-details[open] summary::after{transform:rotate(45deg)}
.wp-block-details>p{color:var(--ink-2);padding-bottom:22px}
.faq{max-width:900px}

.cta-band{padding:clamp(36px,6vw,80px);display:grid;grid-template-columns:minmax(0,1.3fr) auto;gap:28px;align-items:end}
.cta-band h2{font-size:clamp(2.2rem,5vw,4rem);max-width:14ch}
.cta-band p{color:var(--night-dim);margin-top:16px;font-size:var(--s-1)}
@media (max-width:760px){.cta-band{grid-template-columns:1fr;align-items:start}}

.about-split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,5vw,80px);align-items:center}
@media (max-width:860px){.about-split{grid-template-columns:1fr}}
.portrait{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--night);aspect-ratio:4/5;margin:0}
.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block}
.portrait figcaption,.portrait .tag{position:absolute;left:16px;bottom:16px;right:16px;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 16px;border-radius:12px;background:#0A0C20cc;color:#EEF0FA;font-size:.95rem;backdrop-filter:blur(8px)}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px}
.fact{padding:18px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
.fact b{display:block;font-family:var(--f-display);font-size:2.2rem;line-height:1;letter-spacing:-.03em}
.fact span{color:var(--ink-2);font-size:.98rem}
@media (max-width:520px){.facts{grid-template-columns:1fr}}

/* tool logos row */
.tools{display:flex;flex-wrap:wrap;gap:10px}
.tools span{padding:10px 16px;border-radius:12px;border:1px solid var(--line);background:var(--surface);font-weight:700;font-size:1rem}

/* chat demo */
.chat{padding:clamp(18px,3vw,32px);display:grid;gap:16px}
.chat-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.chat-head b{font-family:var(--f-display);font-size:1.3rem}
.thread{display:flex;flex-direction:column;gap:10px;min-height:380px}
.msg{max-width:82%;padding:12px 16px;border-radius:18px;font-size:1rem;line-height:1.45}
.msg.in{align-self:flex-start;background:#ffffff14;border-bottom-left-radius:6px}
.msg.out{align-self:flex-end;background:var(--lamp);color:#1B1405;border-bottom-right-radius:6px}
.msg.sys{align-self:center;max-width:100%;background:transparent;border:1px dashed var(--night-line);color:var(--night-dim);font-size:.92rem;border-radius:12px;text-align:center}
.msg.typing{display:inline-flex;gap:5px}
.msg.typing i{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.5;animation:dot 1s infinite}
.msg.typing i:nth-child(2){animation-delay:.15s}.msg.typing i:nth-child(3){animation-delay:.3s}
@keyframes dot{50%{opacity:1;transform:translateY(-3px)}}
.msg.pop{animation:feedin .35s}

/* agent cards */
.agents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.agent{background:var(--surface);padding:clamp(20px,2.6vw,32px);display:grid;gap:12px;align-content:start}
.agent h3{font-size:1.5rem}
.agent p{color:var(--ink-2);font-size:1.03rem}
.agent .hrs{font-weight:700;color:var(--lamp-ink);font-size:.98rem}
@media (max-width:900px){.agents{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.agents{grid-template-columns:1fr}}

/* compare (build page) */
.compare{display:grid;gap:20px}
.cmp-row{display:grid;grid-template-columns:140px minmax(0,1fr);gap:16px;align-items:center}
.cmp-row b{font-weight:700}
.cmp-track{height:44px;border-radius:12px;background:var(--sunk);position:relative;overflow:hidden}
.cmp-fill{position:absolute;inset:0 auto 0 0;border-radius:12px;display:flex;align-items:center;padding-inline:14px;font-weight:700;font-size:.98rem;white-space:nowrap;transform-origin:left;transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.cmp-fill.slow{background:var(--line);color:var(--ink-2)}
.cmp-fill.fast{background:var(--lamp);color:#1B1405}
@media (max-width:560px){.cmp-row{grid-template-columns:1fr;gap:6px}}

/* pricing packages (no numbers) */
.packages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,24px)}
@media (max-width:820px){.packages{grid-template-columns:1fr}}
.pkg{padding:clamp(22px,3vw,36px);border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);display:grid;gap:16px;align-content:start}
.pkg.night{border-color:transparent;background:var(--night);color:var(--night-ink)}
.pkg h3{font-size:clamp(1.7rem,2.6vw,2.2rem)}
.pkg .for{color:var(--ink-2)}
.pkg.night .for{color:var(--night-dim)}
.pkg ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.pkg li{padding-left:30px;position:relative}
.pkg li::before{content:"";position:absolute;left:0;top:.35em;width:18px;height:18px;border-radius:50%;background:var(--lamp-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%238F4E00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.pkg.night li::before{background-color:#F0A23B33}
.pkg .when{font-weight:700;color:var(--lamp-ink)}
.pkg.night .when{color:var(--lamp)}

/* forms */
.form{display:grid;gap:18px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:600px){.form-row{grid-template-columns:1fr}}
.field{display:grid;gap:7px}
.field label{font-weight:700;font-size:1rem}
.field input,.field select,.field textarea{font:inherit;font-size:1.05rem;padding:14px 16px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);width:100%;min-width:0}
.field textarea{min-height:150px;resize:vertical;line-height:1.5}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 4px var(--lamp-soft)}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form-done{padding:28px;border-radius:var(--radius);background:var(--lamp-soft);display:grid;gap:8px}
.form-done h3{font-size:1.6rem}
.form-err{color:var(--bad);font-weight:700}
.contact-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(24px,5vw,72px);align-items:start}
@media (max-width:860px){.contact-grid{grid-template-columns:1fr}}
.contact-side{display:grid;gap:22px}
.contact-side dl{margin:0;display:grid;gap:18px}
.contact-side dt{font-weight:700;color:var(--ink-3);font-size:.95rem}
.contact-side dd{margin:2px 0 0;font-size:1.2rem;font-weight:700;word-break:break-word}
.copy-btn{font:inherit;font-size:.9rem;font-weight:700;margin-left:8px;padding:4px 10px;border-radius:99px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer;vertical-align:middle}

/* audit wizard */
.wizard{padding:clamp(20px,3.4vw,44px);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:26px}
.wiz-progress{display:flex;gap:6px}
.wiz-progress i{flex:1;height:6px;border-radius:6px;background:var(--line);transition:background .3s}
.wiz-progress i.on{background:var(--lamp)}
.wiz-step{display:grid;gap:20px}
.wiz-step h3{font-size:clamp(1.6rem,2.6vw,2.2rem)}
.wiz-nav{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.wiz-count{color:var(--ink-3);font-weight:700;font-size:1rem}

/* legal */
.legal{max-width:760px;display:grid;gap:18px}
.legal h2{font-size:1.7rem;margin-top:22px}
.legal p,.legal li{color:var(--ink-2)}
.legal ul{margin:0;padding-left:22px;display:grid;gap:6px}

/* case studies */
.case-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);align-items:center;padding-block:clamp(48px,7vw,96px) clamp(40px,6vw,72px)}
@media (max-width:900px){.case-hero{grid-template-columns:1fr}}
.case-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border-block:1px solid var(--line)}
.case-meta div{background:var(--ground);padding:18px 4px 18px 0}
.case-meta dt{font-size:.92rem;color:var(--ink-3);font-weight:700}
.case-meta dd{margin:4px 0 0;font-weight:700}
@media (max-width:700px){.case-meta{grid-template-columns:1fr 1fr}}
.next-case{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;padding-block:36px;border-top:1px solid var(--line)}
.next-case a{font-family:var(--f-display);font-weight:700;font-size:clamp(1.5rem,3vw,2.4rem);text-decoration:none;letter-spacing:-.02em}

/* ---------- footer ---------- */
.site-foot{margin-top:clamp(56px,8vw,96px);background:var(--night);color:var(--night-ink);padding-block:clamp(56px,8vw,96px) 32px}
.site-foot a{color:var(--night-ink);text-decoration:none}
.site-foot a:hover{color:var(--lamp)}
.foot-top{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:end;padding-bottom:48px;border-bottom:1px solid var(--night-line)}
.foot-top h2{font-size:clamp(1.6rem,3vw,2.4rem);max-width:22ch;font-weight:600}
.foot-top p{color:var(--night-dim);margin-top:12px}
.foot-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-block:40px}
.foot-cols h4{font-family:var(--f-body);font-size:.95rem;color:var(--night-dim);font-weight:700;letter-spacing:0;margin-bottom:12px}
.foot-cols ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.foot-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--night-dim);font-size:.95rem;padding-top:24px;border-top:1px solid var(--night-line);align-items:center}
.foot-bottom svg{height:28px;width:auto;color:var(--night-ink)}
@media (max-width:760px){.foot-top{grid-template-columns:1fr}.foot-cols{grid-template-columns:1fr 1fr}}

/* status pill */
.shift-pill{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:30;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 12px;border-radius:999px;background:var(--night);color:var(--night-ink);font-size:.92rem;box-shadow:0 12px 30px -12px #0008;max-width:calc(100vw - 32px);transition:transform .4s,opacity .4s}
.shift-pill.hide{transform:translateY(140%);opacity:0}
.shift-pill i{width:9px;height:9px;border-radius:50%;background:var(--lamp);flex:none;animation:pulse 1.8s infinite}
.shift-pill span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shift-pill b{font-family:var(--f-mono);color:var(--lamp);font-weight:700}

/* reveal: visible at rest, gentle lift on enter */
.lift{transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.js .lift.below{transform:translateY(26px)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js .lift.below{transform:none}
}
/* WP admin bar */
body.admin-bar .site-head{top:32px}
@media (max-width:782px){body.admin-bar .site-head{top:46px}}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
.checks{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.checks li{padding-left:32px;position:relative}
.checks li::before{content:"";position:absolute;left:0;top:.3em;width:20px;height:20px;border-radius:50%;background:var(--lamp-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%238F4E00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.sec .wp-block-column .wp-block-list:not(.checks){margin:0;padding:0;list-style:none;display:grid;gap:12px}
.sec .wp-block-column .wp-block-list:not(.checks) li{padding-left:32px;position:relative}
.sec .wp-block-column .wp-block-list:not(.checks) li::before{content:"";position:absolute;left:4px;top:.55em;width:12px;height:12px;border-radius:50%;border:3px solid var(--lamp)}
.portrait.noimg img{display:none}
.portrait.noimg{background:var(--night) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='22' fill='none' stroke='%23EEF0FA' stroke-width='7' opacity='.22'/%3E%3Cpath d='M21 12.95 A22 22 0 0 1 54 32' fill='none' stroke='%23F0A23B' stroke-width='7' stroke-linecap='round'/%3E%3Ccircle cx='54' cy='32' r='6.6' fill='%23F0A23B'/%3E%3Ccircle cx='32' cy='32' r='4.3' fill='%23EEF0FA'/%3E%3C/svg%3E") center 42%/46% no-repeat}
.wp-block-image.portrait{margin:0}
.wp-block-image.portrait figcaption{margin:0;text-align:left}

/* ================= v2 ================= */
.hero h1{font-size:clamp(2.7rem,5.8vw,5rem);line-height:.98;max-width:13ch}
/* live demo */
.demo{padding:clamp(18px,2.6vw,30px);display:grid;gap:16px}
.demo-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.95rem}
.demo-tabs{display:flex;flex-wrap:wrap;gap:8px}
.demo-tab{font:inherit;font-size:.95rem;font-weight:700;padding:9px 14px;border-radius:999px;border:1.5px solid var(--night-line);background:transparent;color:var(--night-ink);cursor:pointer;transition:background .2s,border-color .2s}
.demo-tab:hover{border-color:var(--night-dim)}
.demo-tab[aria-pressed="true"]{background:var(--lamp);border-color:var(--lamp);color:#1B1405}
.demo-chat{display:grid;gap:12px;min-height:330px;align-content:start}
.demo-you,.demo-ai{display:grid;gap:6px;padding:16px 18px;border-radius:16px}
.demo-you{background:#ffffff0f;border:1px solid var(--night-line)}
.demo-ai{background:#F0A23B14;border:1px solid #F0A23B44}
.demo-you b,.demo-ai b{font-size:.85rem;color:var(--night-dim);font-weight:700}
.demo-ai b{color:var(--lamp)}
.demo-q{font-size:1.02rem;line-height:1.5}
.demo-a{font-size:1.06rem;line-height:1.55;white-space:pre-line;min-height:3em}
.demo-a.typing::after{content:"";display:inline-block;width:9px;height:1.1em;background:var(--lamp);vertical-align:-3px;margin-left:2px;animation:blink 1s steps(1) infinite}
.demo-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.95rem}
.demo-time{color:var(--lamp);font-weight:700}
.demo-solo{max-width:760px}
/* why */
.why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,32px)}
.why>div{display:grid;gap:10px;align-content:start;padding-top:20px;border-top:3px solid var(--lamp)}
.why h3{font-size:clamp(1.35rem,2vw,1.7rem)}
.why p{color:var(--ink-2)}
@media (max-width:820px){.why{grid-template-columns:1fr}}
/* explorer */
.explorer{display:grid;gap:22px}
.ex-tabs{display:flex;flex-wrap:wrap;gap:8px}
.ex-tab{font:inherit;font-weight:700;font-size:1rem;padding:11px 17px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer;transition:all .15s}
.ex-tab:hover{border-color:var(--ink-3);color:var(--ink)}
.ex-tab[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--ground)}
@media (max-width:640px){.ex-tabs{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(var(--gutter)*-1);padding-inline:var(--gutter);scrollbar-width:none}.ex-tabs::-webkit-scrollbar{display:none}.ex-tab{flex:none}}
.ex-panel{display:grid;gap:14px}
.ex-panel.in{animation:feedin .45s}
.ex-sum{display:flex;align-items:center;gap:10px 22px;flex-wrap:wrap;padding:20px 24px;border-radius:var(--radius);background:var(--night);color:var(--night-ink)}
.ex-sum p{color:var(--night-dim);margin:0}
.ex-sum p b{color:var(--night-ink)}
.ex-total{font-family:var(--f-display);font-size:clamp(1.7rem,3vw,2.4rem);color:var(--lamp);letter-spacing:-.02em;line-height:1}
.ex-sum .btn{margin-left:auto}
@media (max-width:640px){.ex-sum .btn{margin-left:0;width:100%}}
.ex-list{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--line)}
.ex-row{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.2fr) minmax(0,1.3fr) 110px;gap:clamp(12px,2vw,28px);padding-block:20px;border-bottom:1px solid var(--line);align-items:start}
.ex-row h4{font-size:1.25rem;padding-top:22px}
.ex-today span,.ex-ai span{display:block;font-size:.85rem;font-weight:700;margin-bottom:4px}
.ex-today span{color:var(--ink-3)}
.ex-today p{color:var(--ink-2);font-size:1.02rem}
.ex-ai span{color:var(--lamp-ink)}
.ex-ai p{font-weight:600;font-size:1.02rem}
.ex-hrs{text-align:right;padding-top:18px}
.ex-hrs b{display:block;font-family:var(--f-display);font-size:2rem;line-height:1;color:var(--lamp-ink)}
.ex-hrs span{font-size:.82rem;color:var(--ink-3)}
@media (max-width:820px){.ex-row{grid-template-columns:1fr 1fr;gap:10px 16px}.ex-row h4{grid-column:1;padding-top:0}.ex-hrs{grid-column:2;grid-row:1;padding-top:0;display:flex;gap:6px;align-items:baseline;justify-content:flex-end}.ex-hrs b{font-size:1.4rem}.ex-today,.ex-ai{grid-column:1/-1}}
.ex-note{font-size:.95rem}
/* service cards */
.svc-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
@media (max-width:1060px){.svc-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.svc-cards{grid-template-columns:1fr}}
.svc-card{display:grid;gap:10px;align-content:start;padding:clamp(20px,2.4vw,28px);border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s,border-color .2s}
.svc-card:hover{transform:translateY(-4px);border-color:var(--ink-3);box-shadow:0 18px 34px -24px #161A3366;color:inherit}
.svc-card h3{font-size:1.6rem}
.svc-tag{font-weight:700;color:var(--lamp-ink);font-size:1.05rem}
.svc-card p:not(.svc-tag){color:var(--ink-2);font-size:1rem}
.svc-more{font-weight:700;margin-top:6px;text-decoration:underline;text-underline-offset:3px}
/* steps (3) */
.steps.three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:760px){.steps.three{grid-template-columns:1fr}}
/* abilities */
.abilities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.abilities>div{background:var(--surface);padding:clamp(18px,2.2vw,26px);display:grid;gap:8px;align-content:start}
.abilities h3{font-size:1.4rem}
.abilities p{color:var(--ink-2);font-size:1rem}
@media (max-width:900px){.abilities{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.abilities{grid-template-columns:1fr}}
/* what you get */
.svcs{display:grid}
.svc{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);padding-block:clamp(36px,5vw,64px);border-top:1px solid var(--line);scroll-margin-top:90px}
.svc-head{display:grid;gap:12px;align-content:start}
.svc-head h2{font-size:clamp(2.2rem,4vw,3.2rem)}
.svc-head .svc-tag{font-size:1.25rem}
.svc-head p:not(.svc-tag){color:var(--ink-2);font-size:1.1rem}
.svc-body{display:grid;gap:18px;align-content:start;padding:clamp(20px,2.6vw,32px);border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.svc-body h3{font-size:1.3rem}
.svc-facts{margin:0;display:grid;gap:12px;padding-top:16px;border-top:1px solid var(--line)}
.svc-facts div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px}
.svc-facts dt{font-weight:700;color:var(--ink-3);font-size:.98rem}
.svc-facts dd{margin:0;font-weight:600}
@media (max-width:820px){.svc{grid-template-columns:1fr}}
.call-what{display:grid;gap:12px;padding:20px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
.call-what h3{font-size:1.25rem}

/* ================= v3: floating header ================= */
.site-head{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:0;padding:12px var(--gutter) 0;pointer-events:none}
.site-head.scrolled{border:0}
.site-head .wrap{pointer-events:auto;max-width:var(--wrap);min-height:64px;padding:0 8px 0 20px;gap:16px;border-radius:999px;
  background:color-mix(in oklab,var(--surface) 88%,transparent);backdrop-filter:saturate(1.5) blur(16px);-webkit-backdrop-filter:saturate(1.5) blur(16px);
  border:1px solid color-mix(in oklab,var(--line) 80%,transparent);box-shadow:0 10px 30px -18px #0A0C2066,0 1px 0 #ffffff40 inset;transition:box-shadow .3s}
.site-head.scrolled .wrap{box-shadow:0 14px 34px -16px #0A0C2077}
.brand svg{height:30px}
.nav{margin-inline:auto}
.nav ul{gap:2px}
.nav a{padding:9px 15px;font-size:.98rem;color:var(--ink-2)}
.site-head .head-cta{min-height:46px;padding:0 20px}
.entry-content{margin-top:-76px}
.entry-content>:first-child:not(.hero){padding-top:calc(clamp(56px,9vw,120px) + 76px)}
@media (max-width:980px){
  .site-head .wrap{padding:0 6px 0 16px;min-height:58px}
  .brand svg{height:27px}
  .nav-toggle{border-radius:999px;width:46px;height:46px;border:0;background:var(--sunk)}
  .nav{position:fixed;inset:auto var(--gutter) auto var(--gutter);top:calc(12px + 58px + 10px + env(safe-area-inset-top,0px));margin:0;padding:10px;border-radius:22px;
    background:var(--surface);border:1px solid var(--line);box-shadow:0 24px 50px -20px #0A0C2088;transform:translateY(-8px) scale(.98);transform-origin:top right;max-height:calc(100vh - 110px);overflow:auto;bottom:auto}
  body.admin-bar .nav{top:calc(46px + 80px)}
  .nav ul{gap:2px}
  .nav a{font-family:var(--f-body);font-size:1.12rem;font-weight:700;color:var(--ink);padding:14px 16px;border-radius:14px;border:0;display:flex;justify-content:space-between;align-items:center}
  .nav li:not(.nav-cta) a::after{content:"";width:9px;height:9px;border-right:2.5px solid var(--ink-3);border-top:2.5px solid var(--ink-3);transform:rotate(45deg);flex:none}
  .nav a:hover{background:var(--sunk)}
  .nav .nav-cta{margin-top:8px}
  .nav .nav-cta a{justify-content:center;min-height:52px;border-radius:999px;background:var(--lamp);color:#1B1405}
  .entry-content{margin-top:-70px}
  .entry-content>:first-child:not(.hero){padding-top:calc(56px + 70px)}
}
body.menu-open::before{content:"";position:fixed;inset:0;background:#0A0C2040;z-index:35;backdrop-filter:blur(2px)}

/* ================= v3: dark hero with AI orb ================= */
.entry-content>.hero{max-width:none;width:100%;position:relative;overflow:hidden;isolation:isolate;border-radius:0;
  padding-inline:max(var(--gutter),calc((100% - var(--wrap))/2 + var(--gutter)));
  padding-block:calc(76px + clamp(40px,6vw,88px)) clamp(48px,7vw,96px);background:#0B0E26;color:#EEF0FA;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,72px)}
.hero.night::before{background:radial-gradient(55% 60% at 78% 40%,#3B3F9A66,transparent 70%),radial-gradient(40% 45% at 10% 100%,#F0A23B24,transparent 70%),linear-gradient(180deg,#0B0E26,#12163A)}
.hero-orb{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.hero h1{color:#F4F5FC;font-size:clamp(2.6rem,6vw,5.4rem);line-height:.96;max-width:12ch;letter-spacing:-.04em}
.hero h1 .hl{display:block;background:linear-gradient(92deg,#FFC46B 0%,#F0A23B 45%,#FF8A5C 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lede{color:#B9BEDD}
.hero .hero-meta{color:#9DA3C7}
.hero .is-style-outline .wp-block-button__link{color:#EEF0FA;border-color:#EEF0FA66;background:#ffffff0a}
.hero .is-style-outline .wp-block-button__link:hover{background:#ffffff1a;color:#fff}
.hero .wp-block-buttons{flex-wrap:wrap}
.hero .demo{background:#ffffff0d;border:1px solid #ffffff1f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 40px 80px -40px #000c}
.hero .demo::before{display:none}
.hero-stage{position:relative;min-width:0}
.hero-chips{position:absolute;inset:0;pointer-events:none;z-index:2}
.chipf{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:9px 14px 9px 10px;border-radius:999px;background:#F4F5FC;color:#161A33;font-weight:700;font-size:.9rem;
  box-shadow:0 14px 30px -12px #000a;white-space:nowrap;animation:floaty 6s ease-in-out infinite}
.chipf::before{content:"";width:20px;height:20px;border-radius:50%;flex:none;background:#1F8A5B url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}
.chipf.c1{top:-18px;left:-34px;animation-delay:-1s}
.chipf.c2{top:46%;right:-64px;animation-delay:-3s}
.chipf.c3{bottom:-16px;left:12%;animation-delay:-4.5s}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media (max-width:1180px){.chipf.c1{left:-10px}.chipf.c2{display:none}}
@media (max-width:900px){
  .entry-content>.hero{grid-template-columns:1fr;padding-block:calc(70px + 36px) 48px;gap:34px}
  .hero h1{font-size:clamp(2.5rem,11vw,3.6rem)}
  .hero .lede{font-size:1.15rem;margin-top:18px}
  .hero .wp-block-buttons{margin-top:24px}
  .hero .wp-block-button{flex:1 1 auto}
  .hero .wp-block-button__link{width:100%}
  .hero .hero-meta{display:none}
  .chipf{font-size:.82rem;padding:7px 12px 7px 8px}
  .chipf.c1{top:-16px;left:8px}.chipf.c2{display:none}.chipf.c3{bottom:-14px;left:auto;right:8px}
}