/* Maxiform marketing, shared mockup styles (locked tokens). Mockup only. */
:root{
  --bg:#0D0D0F; --surface:#161619; --surface-2:#1C1C20; --border:#26262B;
  --text:#ECECF2; --muted:#A1A1AA;
  --lime:#A3E635; --lime-text:#1A2E05; --lime-hover:#BEF264; --lime-ink:#A3E635;
  --red:#DC2626; --green:#16A34A; --amber:#D97706;
  --r:12px; --r-lg:18px;
  --mono:ui-monospace,'Cascadia Code','Source Code Pro','JetBrains Mono',Menlo,Consolas,monospace;
}
[data-theme="light"]{ --bg:#FBFBFD; --surface:#fff; --surface-2:#F6F7FB; --border:#ECECF1; --text:#1A1A2E; --muted:#6B7280; --lime-ink:#4d7c0f; }
*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{ margin:0; background:var(--bg); color:var(--text); font-family:'Geist',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; -webkit-font-smoothing:antialiased; line-height:1.55; overflow-x:hidden; }
.wrap{ max-width:1120px; margin:0 auto; padding:0 22px; }
a{ color:inherit; text-decoration:none; }
.strip{ text-align:center; font-size:11.5px; color:var(--muted); background:var(--surface-2); border-bottom:1px solid var(--border); padding:6px 12px; letter-spacing:.05em; }
.strip b{ color:var(--text); font-weight:600; }

nav{ position:sticky; top:0; z-index:50; backdrop-filter:blur(10px); background:color-mix(in srgb,var(--bg) 82%,transparent); border-bottom:1px solid var(--border); }
.navin{ display:flex; align-items:center; justify-content:space-between; height:62px; }
/* mono / retro-code wordmark */
.logo{ display:flex; align-items:center; gap:10px; }
.logo .mark{ width:28px; height:28px; flex:none; }
.logo .word{ font-family:var(--mono); font-weight:700; font-size:17px; letter-spacing:-.02em; }
.logo .word .care{ color:var(--lime-ink); }
.navlinks{ display:flex; gap:22px; color:var(--muted); font-size:14px; font-weight:600; }
.navlinks a:hover,.navlinks a.on{ color:var(--text); }
@media(max-width:820px){ .navlinks{ display:none; } }
.btn{ border:0; cursor:pointer; font:inherit; font-weight:700; border-radius:10px; padding:11px 18px; min-height:44px; display:inline-flex; align-items:center; justify-content:center; gap:8px; transition:transform .15s ease, background .15s, border-color .15s; }
.btn-lime{ background:var(--lime); color:var(--lime-text); } .btn-lime:hover{ background:var(--lime-hover); }
.btn-ghost{ background:transparent; color:var(--text); border:1px solid var(--border); } .btn-ghost:hover{ border-color:var(--text); }
.toggle{ display:flex; gap:4px; background:var(--surface-2); border:1px solid var(--border); border-radius:999px; padding:3px; }
.toggle button{ border:0; background:transparent; color:var(--muted); font:inherit; font-size:12px; font-weight:700; padding:6px 12px; border-radius:999px; cursor:pointer; }
.toggle button.on{ background:var(--surface); color:var(--text); }

section{ padding:66px 0; border-top:1px solid var(--border); }
.kick{ font-size:12.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--lime-ink); }
h1{ font-size:54px; line-height:1.02; letter-spacing:-.03em; margin:18px 0 16px; font-weight:800; }
@media(max-width:900px){ h1{ font-size:38px; } }
h2{ font-size:34px; letter-spacing:-.02em; margin:10px 0 10px; font-weight:800; }
@media(max-width:900px){ h2{ font-size:26px; } }
.lede{ color:var(--muted); font-size:18px; max-width:38ch; margin:0 0 24px; }
.sub{ color:var(--muted); max-width:56ch; }
.cta-row{ display:flex; gap:12px; flex-wrap:wrap; }
.fine{ color:var(--muted); font-size:12.5px; margin-top:14px; max-width:54ch; }
.eyebrow{ display:inline-flex; align-items:center; gap:8px; font-size:12.5px; font-weight:700; color:var(--lime-ink); border:1px solid color-mix(in srgb,var(--lime) 35%,var(--border)); padding:6px 12px; border-radius:999px; }
.reveal{ opacity:0; transform:translateY(20px); transition:opacity .6s ease, transform .6s ease; } .reveal.in{ opacity:1; transform:none; }
@media(prefers-reduced-motion:reduce){ .reveal{ opacity:1!important; transform:none!important; transition:none; } .orb,.cur{ animation:none!important; } }

.page-hero{ padding:60px 0 20px; }
.trust{ color:var(--muted); font-size:12.5px; margin-top:26px; display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.trust .pl{ height:22px; padding:0 12px; display:grid; place-items:center; border:1px solid var(--border); border-radius:6px; font-size:11px; font-weight:700; color:var(--muted); background:var(--surface); }

/* hero + agent demo */
.hero{ display:grid; grid-template-columns:1.05fr .95fr; gap:40px; align-items:center; padding:60px 0 56px; }
@media(max-width:900px){ .hero{ grid-template-columns:1fr; padding:36px 0; } }
.stage{ position:relative; background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg); padding:22px; box-shadow:0 30px 80px rgba(0,0,0,.45); min-height:470px; }
.stage .tag{ position:absolute; top:-12px; left:22px; background:var(--bg); border:1px solid var(--border); border-radius:999px; padding:5px 12px; font-size:12px; font-weight:700; color:var(--muted); }
.agentbar{ display:flex; align-items:center; gap:10px; font-size:13px; color:var(--muted); margin-bottom:14px; min-height:26px; }
.orb{ width:22px; height:22px; border-radius:50%; background:radial-gradient(circle at 35% 30%, var(--lime), color-mix(in srgb,var(--lime) 50%, var(--bg))); animation:pulse 1.8s infinite; flex:none; }
@keyframes pulse{ 0%{ box-shadow:0 0 0 0 color-mix(in srgb,var(--lime) 55%,transparent);} 70%{ box-shadow:0 0 0 10px transparent;} 100%{ box-shadow:0 0 0 0 transparent;} }
.schema{ position:static; width:100%; margin-bottom:14px; background:var(--bg); border:1px solid var(--lime); border-radius:12px; padding:12px; font-family:var(--mono); font-size:11px; line-height:1.55; color:var(--muted); opacity:0; transform:translateY(8px); transition:.35s; box-shadow:0 16px 44px rgba(0,0,0,.4); overflow-x:auto; }
.schema.show{ opacity:1; transform:none; } .schema b{ color:var(--lime-ink); } .schema .hd{ color:var(--text); font-weight:700; margin-bottom:6px; }
.consent{ display:flex; flex-direction:column; gap:8px; margin-bottom:14px; }
.bubble{ max-width:85%; padding:9px 12px; border-radius:12px; font-size:13px; opacity:0; transform:translateY(6px); transition:.3s; }
.bubble.show{ opacity:1; transform:none; }
.bubble.agent{ align-self:flex-start; background:var(--surface-2); border:1px solid var(--border); border-bottom-left-radius:3px; }
.bubble.site{ align-self:flex-end; background:var(--lime); color:var(--lime-text); font-weight:700; border-bottom-right-radius:3px; }
.fld{ margin-bottom:11px; } .fld label{ display:block; font-size:12px; font-weight:600; color:var(--muted); margin-bottom:5px; }
.fld .box{ height:44px; border:1px solid var(--border); border-radius:10px; display:flex; align-items:center; padding:0 12px; font-size:15px; background:var(--bg); transition:border-color .25s, box-shadow .25s; }
.fld.scan .box{ border-color:var(--lime-ink); box-shadow:0 0 0 3px color-mix(in srgb,var(--lime) 22%,transparent); }
.cur{ display:inline-block; width:1.5px; height:18px; background:var(--text); margin-left:1px; animation:blink 1s steps(1) infinite; vertical-align:middle; }
@keyframes blink{ 50%{ opacity:0; } }
.vchip{ display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:800; background:var(--lime); color:var(--lime-text); padding:3px 9px; border-radius:999px; margin-top:8px; opacity:0; transform:translateY(4px); transition:.3s; } .vchip.show{ opacity:1; transform:none; }
.cal{ opacity:0; transition:opacity .4s ease; } .cal.show{ opacity:1; }
.slots{ display:flex; gap:8px; margin-top:8px; } .slot{ flex:1; text-align:center; padding:10px 0; border:1px solid var(--border); border-radius:9px; font-size:13px; transition:.25s; }
.slot.pick{ background:var(--lime); color:var(--lime-text); border-color:var(--lime-ink); font-weight:800; transform:scale(1.04); }
.booked{ display:flex; align-items:center; gap:8px; margin-top:14px; font-size:13.5px; font-weight:600; color:var(--text); opacity:0; transform:translateY(6px); transition:.35s; } .booked.show{ opacity:1; transform:none; }
.replay{ position:absolute; top:-13px; right:16px; font-size:12px; color:var(--muted); background:var(--bg); border:1px solid var(--border); border-radius:999px; padding:5px 12px; cursor:pointer; }

/* vignettes */
.vigs{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:30px; }
@media(max-width:760px){ .vigs{ grid-template-columns:1fr; } }
.vig{ background:var(--surface); border:1px solid var(--border); border-radius:16px; padding:24px; transition:border-color .2s, transform .2s; }
.vig:hover{ border-color:color-mix(in srgb,var(--lime) 32%,var(--border)); transform:translateY(-3px); }
.vig h3{ margin:0 0 8px; font-size:19px; letter-spacing:-.01em; } .vig p{ margin:0 0 14px; color:var(--muted); font-size:14.5px; }
.vig .sym{ font-size:13px; color:var(--lime-ink); font-weight:700; display:flex; gap:8px; align-items:center; } .vig .sym::before{ content:""; width:6px; height:6px; border-radius:50%; background:var(--lime); flex:none; }

/* comparison */
.cmp{ display:grid; grid-template-columns:1fr 1fr; margin-top:30px; border:1px solid var(--border); border-radius:var(--r-lg); overflow:hidden; }
@media(max-width:760px){ .cmp{ grid-template-columns:1fr; } }
.cmp .col.max{ background:color-mix(in srgb,var(--lime) 7%,transparent); }
.cmp .h{ padding:16px 20px; font-weight:800; border-bottom:1px solid var(--border); }
.cmp .h.old{ color:var(--muted); } .cmp .h.max{ color:var(--text); }
.crow{ display:flex; align-items:flex-start; gap:10px; padding:13px 20px; font-size:14.5px; opacity:0; transform:translateY(8px); transition:.45s; } .crow.in{ opacity:1; transform:none; }
.ic{ width:20px; height:20px; border-radius:50%; display:grid; place-items:center; font-size:12px; font-weight:900; flex:none; margin-top:1px; }
.ic.x{ background:color-mix(in srgb,var(--red) 18%,transparent); color:var(--red); } .ic.ok{ background:var(--lime); color:var(--lime-text); }
.col.max .crow:hover{ background:color-mix(in srgb,var(--lime) 10%,transparent); }

/* paired, interactive comparison (matched rows) */
.cmp2{ margin-top:30px; border:1px solid var(--border); border-radius:var(--r-lg); overflow:hidden; }
.cmp2 .hd2{ display:grid; grid-template-columns:1fr 1fr; }
.cmp2 .hd2 div{ padding:15px 20px; font-weight:800; }
.cmp2 .hd2 .o{ color:var(--muted); } .cmp2 .hd2 .m{ color:var(--text); background:color-mix(in srgb,var(--lime) 8%,transparent); }
.prow{ display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--border); transition:background .2s; opacity:0; transform:translateY(8px); }
.prow.in{ opacity:1; transform:none; }
.prow:hover .c.m{ background:color-mix(in srgb,var(--lime) 14%,transparent); }
.prow:hover .c.o{ opacity:.55; }
.prow .c{ padding:14px 20px; display:flex; gap:10px; align-items:flex-start; font-size:14.5px; transition:background .2s, opacity .2s; }
.prow .c.o{ color:var(--muted); } .prow .c.m{ background:color-mix(in srgb,var(--lime) 7%,transparent); }
@media(max-width:680px){ .cmp2 .hd2, .prow{ grid-template-columns:1fr; } .prow .c.o{ border-bottom:1px dashed var(--border); } }

/* feature grid */
.grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:28px; }
@media(max-width:780px){ .grid{ grid-template-columns:1fr; } }
.feat{ background:var(--surface); border:1px solid var(--border); border-radius:16px; padding:22px; transition:transform .2s, border-color .2s; }
.feat:hover{ transform:translateY(-4px); border-color:color-mix(in srgb,var(--lime) 40%,var(--border)); box-shadow:0 14px 40px rgba(0,0,0,.22); }
.vig:hover{ box-shadow:0 14px 40px rgba(0,0,0,.20); }
.feat .fic{ width:38px; height:38px; border-radius:10px; background:var(--surface-2); display:grid; place-items:center; margin-bottom:12px; }
.feat h3{ margin:0 0 6px; font-size:16px; } .feat p{ margin:0; color:var(--muted); font-size:14px; }

.wedge{ background:linear-gradient(180deg,var(--surface),var(--bg)); border:1px solid color-mix(in srgb,var(--lime) 30%,var(--border)); border-radius:var(--r-lg); padding:40px; text-align:center; }
.wedge h2{ max-width:18ch; margin-inline:auto; }

/* steps (how it works) */
.steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:28px; }
@media(max-width:820px){ .steps{ grid-template-columns:1fr 1fr; } } @media(max-width:520px){ .steps{ grid-template-columns:1fr; } }
.stp{ background:var(--surface); border:1px solid var(--border); border-radius:16px; padding:20px; }
.stp .n{ font-family:var(--mono); font-size:13px; color:var(--lime-ink); font-weight:700; } .stp h3{ margin:8px 0 6px; font-size:16px; } .stp p{ margin:0; color:var(--muted); font-size:14px; }

/* timeline */
.tl{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin-top:28px; } @media(max-width:780px){ .tl{ grid-template-columns:1fr; } }
.tlc{ background:var(--surface); border:1px solid var(--border); border-radius:16px; padding:20px; }
.tlc .lbl{ display:inline-flex; align-items:center; gap:7px; font-size:12px; font-weight:800; margin-bottom:6px; }
.tlc .tlsub{ font-size:15px; font-weight:800; color:var(--text); letter-spacing:-.01em; margin:0 0 12px; }
.tlc .d{ width:9px; height:9px; border-radius:50%; } .d.live{ background:var(--lime); } .d.next{ background:var(--amber); }
.tlc ul{ margin:0; padding-left:18px; color:var(--muted); font-size:14px; } .tlc li{ margin:5px 0; }

/* pricing */
.price{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:28px; } @media(max-width:780px){ .price{ grid-template-columns:1fr; } }
.pc{ background:var(--surface); border:1px solid var(--border); border-radius:16px; padding:24px; display:flex; flex-direction:column; }
.pc.pop{ border-color:var(--lime-ink); box-shadow:0 16px 50px color-mix(in srgb,var(--lime) 14%,transparent); position:relative; }
.pc .pop-tag{ position:absolute; top:-11px; left:24px; background:var(--lime); color:var(--lime-text); font-size:11px; font-weight:800; padding:3px 10px; border-radius:999px; }
.pc .nm{ font-weight:800; font-size:16px; } .pc .pr{ font-size:34px; font-weight:800; margin:8px 0 2px; } .pc .pr span{ font-size:14px; color:var(--muted); font-weight:600; }
.pc ul{ margin:14px 0 18px; padding-left:18px; color:var(--muted); font-size:13.5px; } .pc li{ margin:6px 0; } .pc .btn{ margin-top:auto; }

/* faq */
.faq{ margin-top:26px; border-top:1px solid var(--border); }
.faq details{ border-bottom:1px solid var(--border); padding:16px 2px; }
.faq summary{ cursor:pointer; font-weight:700; font-size:15.5px; list-style:none; display:flex; justify-content:space-between; }
.faq summary::-webkit-details-marker{ display:none; } .faq summary::after{ content:"+"; color:var(--lime-ink); font-weight:800; }
.faq details[open] summary::after{ content:"–"; } .faq p{ color:var(--muted); margin:10px 0 0; font-size:14.5px; }

.closer{ text-align:center; } .closer h2{ max-width:18ch; margin-inline:auto; }
.footer{ color:var(--muted); font-size:13px; padding:40px 0 70px; display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap; border-top:1px solid var(--border); }
.footer .word{ font-family:var(--mono); color:var(--text); }

/* ---- mobile nav: keep buttons on one line, free up space ---- */
.btn{ white-space:nowrap; }
@media(max-width:560px){
  .toggle{ display:none; }
  nav .btn-lime{ padding:9px 13px; font-size:13px; }
  .navin{ gap:8px; }
  .logo .word{ font-size:15px; }
}

/* ---- mobile burger menu (button + panel injected by site.js) ---- */
.burger{ display:none; flex-direction:column; justify-content:center; gap:5px; width:42px; height:42px; padding:0 11px; border:1px solid var(--border); border-radius:10px; background:var(--surface-2); cursor:pointer; flex:none; }
.burger span{ display:block; width:100%; height:2px; background:var(--text); border-radius:2px; transition:transform .25s ease, opacity .2s ease; }
.burger.x span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.burger.x span:nth-child(2){ opacity:0; }
.burger.x span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }
.mobnav{ display:none; }
@media(max-width:820px){
  .burger{ display:inline-flex; }
  .mobnav{ position:absolute; top:100%; left:0; right:0; flex-direction:column; background:var(--bg); border-bottom:1px solid var(--border); box-shadow:0 18px 44px rgba(0,0,0,.4); padding:6px 22px 16px; z-index:49; }
  .mobnav.open{ display:flex; }
  .mobnav a{ padding:14px 4px; font-size:16px; font-weight:600; color:var(--text); border-bottom:1px solid var(--border); }
  .mobnav a:last-child{ border-bottom:0; }
  .mobnav a.on{ color:var(--lime-ink); }
  body.menu-open{ overflow:hidden; }
}

/* ---- hero product demo (self-running loop: blocks junk → verifies → books) ---- */
.formmock{ position:relative; background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg); padding:24px; box-shadow:0 30px 80px rgba(0,0,0,.45); align-self:center; min-height:330px; display:flex; flex-direction:column; justify-content:center; }
.fm-live{ position:absolute; top:14px; right:16px; font-size:10.5px; font-weight:800; letter-spacing:.04em; color:var(--lime-ink); }
.formmock .fm-title{ font-size:17px; font-weight:800; margin-bottom:16px; }
.formmock .fm-fld{ margin-bottom:12px; }
.formmock .fm-fld label{ display:block; font-size:12px; font-weight:600; color:var(--muted); margin-bottom:5px; }
.fm-box{ height:44px; border:1px solid var(--border); border-radius:10px; display:flex; align-items:center; gap:8px; padding:0 12px; font-size:14px; background:var(--bg); transition:border-color .2s; overflow:hidden; }
.fm-box.bad{ border-color:var(--red); } .fm-box.good{ border-color:var(--green); }
.fm-cur{ display:inline-block; width:1.5px; height:16px; background:var(--text); animation:blink 1s steps(1) infinite; }
.fm-chip{ display:none; align-items:center; gap:4px; font-size:11px; font-weight:800; color:#fff; padding:3px 9px; border-radius:999px; margin-left:auto; flex:none; white-space:nowrap; }
.fm-chip.show{ display:inline-flex; }
.fm-chip.bad{ background:var(--red); } .fm-chip.good{ background:var(--green); }
.fm-btn{ width:100%; margin-top:8px; height:44px; border:0; border-radius:10px; background:var(--lime); color:var(--lime-text); font-weight:800; font-size:14px; cursor:default; }
/* step visibility */
.formmock .fm-cal, .formmock .fm-done{ display:none; }
.formmock[data-step="cal"] .fm-form{ display:none; } .formmock[data-step="cal"] .fm-cal{ display:block; }
.formmock[data-step="done"] .fm-form{ display:none; } .formmock[data-step="done"] .fm-done{ display:flex; }
.fm-slots{ display:flex; flex-direction:column; gap:8px; }
.fm-slot{ height:42px; display:flex; align-items:center; justify-content:center; border:1px solid var(--border); border-radius:10px; font-size:14px; font-weight:600; transition:.2s; }
.fm-slot.pick{ background:var(--lime); color:var(--lime-text); border-color:var(--lime); transform:scale(1.02); }
.fm-calnote{ font-size:11.5px; color:var(--muted); text-align:center; margin-top:12px; }
.fm-done{ flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:4px; }
.fm-done-ic{ width:48px; height:48px; border-radius:50%; background:var(--lime); color:var(--lime-text); display:grid; place-items:center; font-size:24px; font-weight:800; margin-bottom:6px; }
.fm-done b{ font-size:18px; } .fm-done span{ color:var(--muted); font-size:13.5px; }

/* ---- how-it-works pipeline diagram ---- */
.flow{ display:flex; align-items:stretch; gap:10px; margin-top:30px; flex-wrap:wrap; }
.fnode{ flex:1; min-width:150px; background:var(--surface); border:1px solid var(--border); border-radius:14px; padding:16px; display:flex; flex-direction:column; gap:2px; }
.fnode .fi{ width:24px; height:24px; border-radius:50%; background:var(--surface-2); border:1px solid var(--border); display:grid; place-items:center; font-family:var(--mono); font-size:12px; font-weight:700; color:var(--lime-ink); margin-bottom:6px; }
.fnode b{ font-size:14.5px; }
.fnode > span:not(.fi){ font-size:12.5px; color:var(--muted); }
.fnode.hot{ border-color:var(--lime-ink); box-shadow:0 0 0 3px color-mix(in srgb,var(--lime) 16%,transparent); }
.fnode.hot .fi{ background:var(--lime); color:var(--lime-text); border-color:var(--lime); }
.farrow{ align-self:center; color:var(--muted); font-size:18px; flex:none; }
.flow.soon-flow{ margin-top:14px; align-items:center; }
.soon-flow .soon-lbl{ font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--amber); flex:none; margin-right:4px; }
.fnode.dim{ flex:0 1 auto; min-width:0; padding:10px 14px; border-style:dashed; color:var(--muted); font-size:13px; font-weight:600; background:transparent; }
.farrow.dim{ font-size:14px; }
@media(max-width:820px){ .flow{ flex-direction:column; align-items:stretch; } .farrow{ transform:rotate(90deg); } .soon-flow .soon-lbl{ margin-bottom:4px; } }

/* ---- honest proof / founder note ---- */
.proof{ margin-top:30px; background:linear-gradient(180deg,var(--surface),var(--bg)); border:1px solid color-mix(in srgb,var(--lime) 28%,var(--border)); border-radius:var(--r-lg); padding:30px; max-width:760px; }
.proof h3{ font-size:21px; margin:6px 0 10px; letter-spacing:-.01em; }
.proof p{ color:var(--muted); font-size:14.5px; margin:0 0 18px; max-width:62ch; }

/* ---- positioning matrix ---- */
.vs{ margin-top:30px; border:1px solid var(--border); border-radius:var(--r-lg); overflow:hidden; }
.vs-row{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; align-items:center; border-top:1px solid var(--border); }
.vs-row:first-child{ border-top:0; }
.vs-row > div{ padding:14px 16px; text-align:center; font-size:14px; }
.vs-row .vs-cap{ text-align:left; color:var(--text); font-weight:600; }
.vs-head > div{ font-weight:800; font-size:13.5px; color:var(--muted); }
.vs-head small{ display:block; font-weight:600; font-size:11px; color:var(--muted); opacity:.8; margin-top:2px; }
.vs-row .vs-me{ background:color-mix(in srgb,var(--lime) 8%,transparent); color:var(--text); font-weight:800; }
.vs-row .no{ color:var(--red); } .vs-row .mid{ color:var(--amber); } .vs-row .yes{ color:var(--green); }
@media(max-width:680px){ .vs-row{ grid-template-columns:1.3fr .8fr .8fr .9fr; } .vs-row > div{ padding:11px 7px; font-size:12.5px; } .vs-head small{ display:none; } }

/* ---- 'coming' tag + roadmap feature card ---- */
.soon{ font-size:10px; font-weight:800; color:var(--amber); border:1px solid color-mix(in srgb,var(--amber) 45%,var(--border)); border-radius:999px; padding:1px 7px; margin-left:6px; vertical-align:middle; }
.feat.soon-feat{ border-style:dashed; }
.feat.soon-feat h3{ display:flex; align-items:center; }