/*
 * heydiva.ai main.css - REBUILT 2026-09-28 (v2: full 10-page coverage)
 *
 * Recovered from the original prototype export (all 10 pages: index,
 * features, pricing, marketplaces, resources, faq, article, try,
 * request-demo, demo), deduplicated. Fonts load from Google Fonts via
 * wp_enqueue_style() in functions.php instead of the broken embedded
 * bundler blobs.
 */

:root{
  /* brand */
  --primary:#1466F0;
  --primary-deep:#0B49C9;
  --primary-soft:#EAF1FE;
  --green:#14B87A;
  --coral:#F0463E;
  --yellow:#FFC233;

  /* neutrals */
  --ink:#0E1320;
  --ink-2:#454E60;
  --ink-3:#737C8E;
  --line:#E6E9F1;
  --line-2:#EEF1F7;
  --bg:#FFFFFF;
  --bg-2:#F5F7FC;
  --bg-3:#EDF1FA;
  --dark:#0A0E18;
  --dark-2:#121828;

  /* shape */
  --r-sm:10px;
  --r:16px;
  --r-lg:24px;
  --r-xl:34px;
  --shadow-sm:0 2px 8px rgba(14,19,32,.05);
  --shadow:0 18px 50px -20px rgba(14,19,32,.18);
  --shadow-blue:0 22px 50px -18px rgba(20,102,240,.45);

  --maxw:1200px;
  --ease:cubic-bezier(.22,.61,.36,1);
}

*{box-sizing:border-box;}

html{scroll-behavior:smooth;}

body{
  margin:0;
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;
  color:var(--ink);
  background:var(--bg);
  font-size:17px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

img{display:block;max-width:100%;}

a{color:inherit;text-decoration:none;}

h1,h2,h3,h4{font-family:'Space Grotesk',sans-serif;font-weight:700;line-height:1.05;letter-spacing:-.02em;margin:0;}

p{margin:0;}

.mono{font-family:'Space Mono',monospace;}

/* ============ Plain WP page content (legal pages, etc.) ============
   The global h1-h4/p margin:0 reset above is meant for hand-built card
   components with explicit flex/grid gaps. Long-form content from
   the_content() has no such gaps, so it needs its own spacing back. */
.wrap.section > h1{font-size:40px;margin-bottom:8px;}
.page-content{max-width:780px;font-size:16.5px;line-height:1.7;color:var(--ink-2);}
.page-content h1,.page-content h2{font-size:26px;color:var(--ink);margin:44px 0 14px;}
.page-content h3,.page-content h4{font-size:19px;color:var(--ink);margin:28px 0 10px;}
.page-content p{margin:0 0 16px;}
.page-content ul,.page-content ol{margin:0 0 16px;padding-left:22px;}
.page-content li{margin-bottom:6px;}
.page-content a{color:var(--primary);text-decoration:underline;}
.page-content strong{color:var(--ink);}
.page-content hr{border:none;border-top:1px solid var(--line);margin:32px 0;}
.page-content > *:first-child{margin-top:0;}

/* layout helpers */
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;}

.section{padding:104px 0;}

.section.tight{padding:72px 0;}

.eyebrow{
  font-family:'Space Mono',monospace;
  font-size:13px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--primary);font-weight:700;
  display:inline-flex;align-items:center;gap:9px;
}

.eyebrow::before{content:"";width:22px;height:2px;background:var(--primary);border-radius:2px;}

.eyebrow.on-dark{color:var(--yellow);}

.eyebrow.on-dark::before{background:var(--yellow);}

.h-sec{font-size:clamp(34px,4.4vw,54px);max-width:18ch;margin:18px 0 0;}

.sub-sec{font-size:19px;color:var(--ink-2);max-width:54ch;margin:18px 0 0;}

.center{text-align:center;}

.center .eyebrow,.center .h-sec,.center .sub-sec{margin-left:auto;margin-right:auto;}

.center .h-sec{max-width:20ch;}

/* buttons */
.btn{
  display:inline-flex;align-items:center;gap:9px;
  font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:16px;
  padding:14px 24px;border-radius:999px;border:0;cursor:pointer;
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .2s;
  white-space:nowrap;
}

.btn svg{width:18px;height:18px;}

.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-blue);}

.btn-primary:hover{transform:translateY(-2px);background:var(--primary-deep);}

.btn-ghost{background:#fff;color:var(--ink);border:1.5px solid var(--line);}

.btn-ghost:hover{border-color:var(--ink);transform:translateY(-2px);}

.btn-dark{background:var(--ink);color:#fff;}

.btn-dark:hover{transform:translateY(-2px);background:#000;}

.btn-lg{padding:17px 30px;font-size:17px;}

.btn-block{width:100%;justify-content:center;}

/* nav */
.nav{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line-2);
}

.nav-inner{display:flex;align-items:center;gap:34px;height:74px;}

.brand{display:flex;align-items:center;}

.brand img{height:42px;width:auto;}

.nav-links{display:flex;gap:30px;margin-left:8px;}

.nav-links a{font-weight:600;font-size:15.5px;color:var(--ink-2);transition:color .2s;}

.nav-links a:hover{color:var(--ink);}

.nav-cta{margin-left:auto;display:flex;align-items:center;gap:14px;}

.nav-cta .signin{font-weight:600;font-size:15.5px;color:var(--ink-2);}

.nav-cta .signin:hover{color:var(--ink);}

.nav-burger{display:none;background:none;border:0;cursor:pointer;flex-direction:column;gap:5px;padding:6px;}

.nav-burger span{width:22px;height:2px;background:var(--ink);border-radius:2px;}

/* chips / badges */
.pill{
  display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  padding:7px 14px;border-radius:999px;font-size:13.5px;font-weight:600;
  background:var(--primary-soft);color:var(--primary-deep);
}

.dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(20,184,122,.45);}

@media (prefers-reduced-motion:no-preference){
  .dot{animation:dotBeam 2s ease-out infinite;}
}

@keyframes dotBeam{
  0%{box-shadow:0 0 0 0 rgba(20,184,122,.5), 0 0 6px 1px rgba(20,184,122,.55);}
  70%{box-shadow:0 0 0 9px rgba(20,184,122,0), 0 0 6px 1px rgba(20,184,122,.55);}
  100%{box-shadow:0 0 0 0 rgba(20,184,122,0), 0 0 6px 1px rgba(20,184,122,.55);}
}

/* generic card */
.card{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  padding:30px;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s;
}

.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent;}

/* feature icon tile */
.ico{
  width:52px;height:52px;border-radius:14px;display:grid;place-items:center;margin-bottom:20px;
}

.ico svg{width:26px;height:26px;stroke-width:2;}

.ico.blue{background:var(--primary-soft);color:var(--primary);}

.ico.green{background:rgba(20,184,122,.12);color:var(--green);}

.ico.coral{background:rgba(240,70,62,.12);color:var(--coral);}

.ico.yellow{background:rgba(255,194,51,.18);color:#B07E00;}

/* shared CTA card base (used by index + features) */
.cta{
  position:relative;overflow:hidden;border-radius:var(--r-xl);
  padding:72px 56px;text-align:center;color:#fff;
  background:linear-gradient(135deg,var(--dark),#16204a);
}

.cta h2{color:#fff;position:relative;z-index:2;}

.cta p{position:relative;z-index:2;}

/* ===== Rich two-column CTA (shared across inner pages) ===== */
.cta.cta-rich{padding:0;text-align:left;}

.cta-rich .blob{position:absolute;border-radius:50%;filter:blur(70px);z-index:0;}

.cta-rich .blob.b1{width:180px;height:180px;background:var(--yellow);top:-40px;left:-30px;opacity:.5;}

.cta-rich .blob.b2{width:230px;height:230px;background:var(--coral);bottom:-60px;right:-30px;opacity:.4;}

.cta-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.12fr .88fr;gap:46px;align-items:center;padding:58px 56px;}

.cta-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:'Space Mono',monospace;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#9FE6C4;}

.cta-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(20,184,122,.22);}

.cta-rich h2{font-size:clamp(30px,3.5vw,46px);margin-top:15px;line-height:1.05;}

.cta-copy p{color:#B9C1D4;font-size:18px;margin:15px 0 0;max-width:42ch;}

.cta-btns{display:flex;gap:12px;margin-top:30px;flex-wrap:nowrap;}

.btn-light{background:#fff;color:var(--dark);}

.btn-light:hover{transform:translateY(-2px);box-shadow:0 16px 34px -12px rgba(0,0,0,.55);}

.btn-ghost-light{background:rgba(255,255,255,.10);color:#fff;border:1.5px solid rgba(255,255,255,.3);}

.btn-ghost-light:hover{background:rgba(255,255,255,.18);transform:translateY(-2px);}

.cta-trust{display:flex;gap:18px;margin-top:24px;flex-wrap:wrap;color:#9098AE;font-size:13.5px;}

.cta-trust span{display:inline-flex;align-items:center;gap:6px;}

.cta-trust span::before{content:"✓";color:var(--green);font-weight:800;}

.cta-panel{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:22px;backdrop-filter:blur(6px);}

.cta-panel-label{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8C95AC;}

.cta-channels{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;}

.cta-chan{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:11px 13px;color:#E7ECF4;font-weight:600;font-size:13.5px;white-space:nowrap;min-width:0;}

.cta-chan img{width:24px;height:24px;border-radius:6px;background:#fff;padding:3px;object-fit:contain;flex:none;}

.cta-chan .fav{width:24px;height:24px;border-radius:6px;display:inline-block;flex:none;}

@media (max-width:860px){
  .cta-grid{grid-template-columns:1fr;gap:28px;padding:40px 26px;}
}

/* footer */
.footer{background:var(--dark);color:#C7CDDC;padding:80px 0 36px;}

.footer h4{color:#fff;font-size:15px;font-family:'Space Grotesk';letter-spacing:.04em;margin-bottom:18px;}

.footer a{color:#A7AFC2;font-size:15px;display:block;padding:6px 0;transition:color .2s;}

.footer a:hover{color:#fff;}

.footer .talk-btn{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:10px 18px;background:var(--primary);color:#fff;border-radius:999px;font-weight:700;font-family:'Space Grotesk';font-size:14px;transition:background .2s,transform .2s,color .2s;}

.footer .talk-btn:hover{color:#fff;background:var(--primary-deep);transform:translateY(-1px);}

.footer .talk-btn svg{width:16px;height:16px;stroke-width:2.2;}

.footer-mark{height:40px;width:auto;display:block;}

/* real marketplace / channel icons */
.mkfav{width:20px;height:20px;border-radius:5px;object-fit:contain;display:block;}

.lcfav{width:26px;height:26px;border-radius:7px;object-fit:contain;display:block;background:#fff;padding:4px;}

.favdot{width:10px;height:10px;border-radius:3px;display:inline-block;}

/* utility */
.grid{display:grid;gap:24px;}

.g-2{grid-template-columns:repeat(2,1fr);}

.g-3{grid-template-columns:repeat(3,1fr);}

.g-4{grid-template-columns:repeat(4,1fr);}

.flag{font-size:13px;}

/* reveal on scroll */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease);}

.reveal.in{opacity:1;transform:none;}

@media (max-width:980px){
  .nav-links,.nav-cta .signin{display:none;}
  .nav-burger{display:flex;}
  .g-4{grid-template-columns:repeat(2,1fr);}
  .g-3{grid-template-columns:repeat(2,1fr);}
}

@media (max-width:680px){
  body{font-size:16px;}
  .section{padding:72px 0;}
  .section.tight{padding:52px 0;}
  .g-2,.g-3,.g-4{grid-template-columns:1fr;}
  .wrap{padding:0 20px;}
  /* plain (home) CTA card */
  .cta{padding:40px 22px;}
  .cta h2{font-size:clamp(26px,7.4vw,34px);}
  .cta p{font-size:15.5px;}
  /* rich two-column CTA (pricing / article / faq / resources) */
  .cta-grid{padding:30px 22px;gap:24px;}
  .cta-rich h2{font-size:clamp(25px,6.6vw,32px);}
  .cta-copy p{font-size:15.5px;}
  .cta-rich .blob.b1{width:120px;height:120px;}
  .cta-rich .blob.b2{width:150px;height:150px;}
  /* keep the two CTA buttons on a single line — share the row evenly */
  .cta-btns{flex-wrap:nowrap;gap:10px;}
  .cta-btns .btn{flex:1 1 0;min-width:0;justify-content:center;padding:15px 14px;font-size:15px;}
  /* keep marketplace chips (e.g. "TikTok Shop") on a single line */
  .cta-chan{font-size:12.5px;padding:10px 11px;gap:8px;}
  .cta-chan img{width:20px;height:20px;}
}

@media (max-width:400px){
  .cta-channels{grid-template-columns:1fr;}
}

/* ===== footer: collapse the inline 4-col grid on smaller screens =====
   (inline grid-template-columns needs !important to be overridden) */
@media (max-width:820px){
  .footer .grid{grid-template-columns:1fr 1fr !important;gap:34px 28px !important;}
  .footer .grid > :first-child{grid-column:1 / -1;}
}

@media (max-width:480px){
  .footer{padding:60px 0 32px;}
  .footer .grid{grid-template-columns:1fr !important;gap:30px !important;}
  .footer .grid > div:last-child > div[style*="space-between"]{flex-direction:column;align-items:flex-start;}
}

@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none;}
  html{scroll-behavior:auto;}
}

/* ===== shared: pricing plans (used by pricing.html) ===== */
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch;}

.plan{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:32px;display:flex;flex-direction:column;}

.plan.pop{border:2px solid var(--primary);box-shadow:var(--shadow-blue);position:relative;}

.plan.pop .tag{position:absolute;top:-13px;left:32px;background:var(--primary);color:#fff;font-size:12px;font-weight:700;font-family:'Space Mono';text-transform:uppercase;letter-spacing:.08em;padding:5px 13px;border-radius:999px;}

.plan .pname{font-family:'Space Grotesk';font-weight:700;font-size:20px;}

.plan .pdesc{font-size:14px;color:var(--ink-2);margin-top:6px;min-height:42px;}

.plan .amt{margin:18px 0 4px;font-family:'Space Grotesk';font-weight:700;font-size:40px;letter-spacing:-.02em;}

.plan .amt span{font-size:15px;color:var(--ink-3);font-weight:500;font-family:'Plus Jakarta Sans';}

.plan ul{list-style:none;padding:0;margin:20px 0 26px;display:flex;flex-direction:column;gap:11px;}

.plan li{display:flex;gap:10px;font-size:14.5px;color:var(--ink-2);}

.plan li svg{width:18px;height:18px;color:var(--green);flex:none;margin-top:2px;}

.plan .btn{margin-top:auto;}

/* ===== shared: FAQ accordion (used by faq.html) ===== */
.faq{max-width:780px;margin:0 auto;}

.qa{border-bottom:1px solid var(--line);}

.qa summary{cursor:pointer;list-style:none;padding:22px 0;display:flex;align-items:center;gap:16px;font-family:'Space Grotesk';font-weight:600;font-size:18px;}

.qa summary::-webkit-details-marker{display:none;}

.qa summary .pl{margin-left:auto;width:26px;height:26px;flex:none;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;font-size:18px;color:var(--primary);transition:.25s;}

.qa[open] summary .pl{transform:rotate(45deg);background:var(--primary);color:#fff;border-color:var(--primary);}

.qa .ans{padding:0 0 22px 42px;color:var(--ink-2);font-size:15.5px;}

@media (max-width:980px){.price-grid{grid-template-columns:1fr;}}

/* ============================================================
   LANGUAGE TOGGLE (injected top-right by site.js) — understated
   ============================================================ */
.lang-toggle{
  display:inline-flex;align-items:center;
  margin-left:18px;flex:none;
}

.lang-toggle button{
  font-family:'Space Mono',monospace;font-size:12px;font-weight:600;letter-spacing:.06em;
  padding:4px 3px;border:0;background:transparent;color:var(--ink-3);
  cursor:pointer;transition:color .2s,opacity .2s;line-height:1;opacity:.5;
}

.lang-toggle button:hover{opacity:1;color:var(--ink-2);}

.lang-toggle button.on{opacity:1;color:var(--ink);font-weight:700;}

.lang-toggle button:first-child::after{
  content:"";display:inline-block;width:1px;height:11px;
  background:var(--line);margin:0 6px;vertical-align:-1px;
}

/* ============================================================
   MOBILE SLIDE-DOWN MENU (built by site.js from existing nav)
   ============================================================ */
.mnav{
  position:fixed;left:0;right:0;top:74px;bottom:0;
  background:#fff;padding:26px 24px calc(26px + env(safe-area-inset-bottom));
  flex-direction:column;display:none;z-index:49;overflow-y:auto;
  animation:mnavin .26s var(--ease);
}

@keyframes mnavin{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:none;}}

.nav-open .mnav{display:flex;}

.mnav .nav-links{display:flex;flex-direction:column;gap:0;margin:0;}

.mnav .nav-links a{
  font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:19px;color:var(--ink);
  padding:17px 4px;border-bottom:1px solid var(--line-2);
}

.mnav-cta{display:flex;flex-direction:column;gap:13px;margin-top:26px;}

.mnav-cta .signin{
  font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:16px;color:var(--ink-2);
  padding:4px;text-align:center;
}

.mnav-cta .btn{width:100%;justify-content:center;}

/* burger -> X when open */
.nav-burger span{transition:transform .25s var(--ease),opacity .2s;}

.nav-open .nav-burger span:nth-child(1){transform:translateY(7px) rotate(45deg);}

.nav-open .nav-burger span:nth-child(2){opacity:0;}

.nav-open .nav-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

@media (max-width:980px){
  .nav-cta{display:none;}
  .lang-toggle{margin-left:auto;}
}

/* ============================================================
   RESOURCES list + ARTICLE page (resources.html / article.html)
   ============================================================ */
/* accent palette per article */
.acc-coral{--acc:var(--coral);--acc-soft:rgba(240,70,62,.10);}

.acc-blue{--acc:var(--primary);--acc-soft:var(--primary-soft);}

.acc-green{--acc:var(--green);--acc-soft:rgba(20,184,122,.10);}

.acc-yellow{--acc:#B07E00;--acc-soft:rgba(255,194,51,.16);}

/* striped image placeholder */
.imgph{position:relative;background:var(--acc-soft);overflow:hidden;display:grid;place-items:center;}

.imgph::before{content:"";position:absolute;inset:0;
  background:repeating-linear-gradient(135deg,transparent 0 15px,
    color-mix(in srgb,var(--acc) 10%,transparent) 15px 30px);}

.imgph .phlab{position:relative;z-index:1;font-family:'Space Mono',monospace;
  font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--acc);
  background:rgba(255,255,255,.78);padding:8px 14px;border-radius:999px;
  border:1px solid color-mix(in srgb,var(--acc) 22%,transparent);max-width:80%;text-align:center;}

/* resources grid */
.res-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;}

.acard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-lg);overflow:hidden;text-align:left;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s;}

.acard:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent;}

.acard .imgph{height:188px;}

.acard .abody{padding:24px 26px 26px;display:flex;flex-direction:column;flex:1;}

.acard .acat{font-family:'Space Mono';font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--acc);font-weight:700;}

.acard h3{font-size:21px;margin-top:12px;line-height:1.16;}

.acard .aex{font-size:14.5px;color:var(--ink-2);margin-top:11px;flex:1;}

.acard .ameta{margin-top:20px;display:flex;align-items:center;gap:9px;font-family:'Space Mono';
  font-size:11.5px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;}

.acard .ameta .sep{width:3px;height:3px;border-radius:50%;background:var(--ink-3);}

.acard .amore{margin-top:16px;font-family:'Space Grotesk';font-weight:600;font-size:14.5px;color:var(--primary);display:inline-flex;align-items:center;gap:6px;}

.acard:hover .amore{gap:10px;transition:gap .25s var(--ease);}

/* pagination */
.pager{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:48px;flex-wrap:wrap;}

.pager button{min-width:44px;height:44px;padding:0 12px;border-radius:13px;border:1px solid var(--line);
  background:#fff;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:15px;color:var(--ink-2);
  cursor:pointer;transition:border-color .2s,color .2s,background .2s;display:inline-flex;align-items:center;justify-content:center;}

.pager button:hover:not(:disabled):not(.on){border-color:var(--primary);color:var(--primary);}

.pager button.on{background:var(--primary);border-color:var(--primary);color:#fff;cursor:default;}

.pager button:disabled{opacity:.38;cursor:default;}

.pager button.pg-arrow svg{width:18px;height:18px;}

.pager .pg-gap{color:var(--ink-3);padding:0 2px;font-weight:600;}

/* WordPress's native paginate_links() markup (ul.page-numbers > li > a/span)
   differs from the button-based pager above -- this only started rendering
   once the Resources archive passed 12 posts and produced a real 2nd page. */
.pager ul.page-numbers{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;list-style:none;margin:0;padding:0;}

.pager .page-numbers{min-width:44px;height:44px;padding:0 12px;border-radius:13px;border:1px solid var(--line);
  background:#fff;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:15px;color:var(--ink-2);
  cursor:pointer;transition:border-color .2s,color .2s,background .2s;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;}

.pager a.page-numbers:hover{border-color:var(--primary);color:var(--primary);}

.pager .page-numbers.current{background:var(--primary);border-color:var(--primary);color:#fff;cursor:default;}

.pager .page-numbers.dots{border-color:transparent;color:var(--ink-3);cursor:default;}

.pager a.page-numbers svg{width:18px;height:18px;}

/* featured (latest) — slim text-forward banner (no large image) */
.acard.feat{display:block;background:var(--acc-soft);border-color:transparent;padding:26px 34px;}

.acard.feat:hover{box-shadow:var(--shadow);}

.acard.feat .feat-tag{display:flex;align-items:center;gap:11px;flex-wrap:wrap;}

.acard.feat .fbadge{font-family:'Space Mono',monospace;font-size:10.5px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:#fff;background:var(--acc);padding:4px 10px;border-radius:999px;}

.acard.feat .feat-tag .acat{margin:0;}

.acard.feat h3{font-size:clamp(20px,1.9vw,26px);margin-top:11px;line-height:1.16;}

.acard.feat .aex{font-size:15px;color:var(--ink-2);margin-top:8px;max-width:78ch;}

.acard.feat .feat-foot{display:flex;align-items:center;gap:18px;margin-top:16px;flex-wrap:wrap;}

.acard.feat .feat-foot .ameta{margin:0;}

.acard.feat .feat-foot .amore{margin:0;}

/* article page */
.article{max-width:760px;margin:0 auto;padding:0 4px;}

.art-back{display:inline-flex;align-items:center;gap:8px;font-family:'Space Grotesk';font-weight:600;
  font-size:14.5px;color:var(--ink-2);margin-bottom:26px;}

.art-back:hover{color:var(--primary);}

.art-cat{font-family:'Space Mono';font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);font-weight:700;}

.art-title{font-size:clamp(32px,4.6vw,50px);letter-spacing:-.025em;margin:16px 0 0;}

.art-meta{margin-top:20px;display:flex;align-items:center;gap:10px;font-family:'Space Mono';
  font-size:12.5px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;}

.art-meta .sep{width:3px;height:3px;border-radius:50%;background:var(--ink-3);}

.art-hero-img{height:clamp(220px,40vw,420px);border-radius:var(--r-lg);margin-top:32px;}

.prose{margin-top:14px;}

.prose p{font-size:18px;line-height:1.78;color:var(--ink-2);margin-top:24px;}

.prose h2{font-size:clamp(23px,2.6vw,29px);margin-top:44px;color:var(--ink);}

.prose h2 + p{margin-top:16px;}

.art-foot{max-width:760px;margin:48px auto 0;padding-top:30px;border-top:1px solid var(--line);
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}

.share-row{display:flex;align-items:center;gap:10px;}

.share-row .slab{font-family:'Space Mono';font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);}

.share-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;
  display:grid;place-items:center;color:var(--ink-2);cursor:pointer;transition:.2s;}

.share-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);}

.share-btn svg{width:17px;height:17px;}

@media (max-width:880px){
  .acard.feat{padding:24px 24px 26px;}
}

@media (max-width:680px){
  .res-grid{grid-template-columns:1fr;}
  .prose p{font-size:17px;}
}

/* ---- next ---- */


/* ============ HERO ============ */
.hero{position:relative;overflow:hidden;padding:64px 0 96px;background:
  radial-gradient(1100px 520px at 78% -8%, var(--bg-3) 0%, rgba(237,241,250,0) 60%),
  linear-gradient(180deg,#fff 0%, var(--bg-2) 100%);}

.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;}

.hero h1{font-size:clamp(40px,5.4vw,68px);letter-spacing:-.03em;}

.hero h1 .hl{color:var(--primary);position:relative;white-space:nowrap;}

.hero h1 .hl::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.16em;background:var(--yellow);z-index:-1;border-radius:3px;opacity:.85;}

.hero-sub{font-size:20px;color:var(--ink-2);margin:24px 0 0;max-width:46ch;}

.hero-actions{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap;}

.email-row{display:flex;gap:10px;margin-top:18px;max-width:440px;flex-wrap:wrap;}

.email-row input{flex:1;min-width:200px;padding:14px 18px;border:1.5px solid var(--line);border-radius:999px;font-family:inherit;font-size:15.5px;background:#fff;}

.email-row input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft);}

.hero-meta{display:flex;align-items:center;gap:10px;margin-top:20px;color:var(--ink-3);font-size:14px;font-weight:500;}

.trust-row{margin-top:40px;padding-top:30px;border-top:1px solid var(--line);}

.trust-row .lab{font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);}

.mk-logos{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;}

.mk{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:700;font-size:15px;font-family:'Space Grotesk';white-space:nowrap;}

.mk i{width:10px;height:10px;border-radius:3px;display:inline-block;}

/* ---- dashboard mock ---- */
.mock{position:relative;}

.mock-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow);padding:22px;position:relative;z-index:2;}

.mc-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--line-2);}

.mc-title{font-family:'Space Grotesk';font-weight:700;font-size:16px;display:flex;align-items:center;gap:9px;}

.mc-live{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--green);font-family:'Space Mono';text-transform:uppercase;letter-spacing:.08em;}

.mc-live i{width:7px;height:7px;border-radius:50%;background:var(--green);animation:blink 1.6s infinite;}

@keyframes blink{0%,100%{opacity:1;}50%{opacity:.25;}}

.mc-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0;}

.kpi{background:var(--bg-2);border-radius:14px;padding:14px;}

.kpi .k-lab{font-size:11.5px;color:var(--ink-3);font-weight:600;text-transform:uppercase;letter-spacing:.05em;}

.kpi .k-val{font-family:'Space Grotesk';font-weight:700;font-size:24px;margin-top:4px;}

.kpi .k-delta{font-size:12px;font-weight:700;color:var(--green);margin-top:2px;}

.chart{height:118px;display:flex;align-items:flex-end;gap:8px;padding:12px 4px 0;}

.chart .bar{flex:1;border-radius:6px 6px 3px 3px;background:linear-gradient(180deg,#Bcd4fb,#1466F0);opacity:.35;transform-origin:bottom;animation:grow .9s var(--ease) backwards;}

.chart .bar.hot{background:linear-gradient(180deg,#9fd8c0,var(--green));opacity:1;}

@keyframes grow{from{transform:scaleY(.2);opacity:0;}}

.rows{margin-top:8px;display:flex;flex-direction:column;gap:8px;}

.row-c{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid var(--line-2);border-radius:12px;font-size:13.5px;}

.row-c .nm{font-weight:700;font-family:'Space Grotesk';}

.row-c .st{margin-left:auto;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;font-family:'Space Mono';}

.st.opt{background:rgba(20,184,122,.13);color:var(--green);}

.st.bid{background:var(--primary-soft);color:var(--primary-deep);}

.ai-note{margin-top:14px;display:flex;gap:12px;align-items:flex-start;background:linear-gradient(120deg,#0A0E18,#1b2540);color:#fff;border-radius:16px;padding:15px 17px;}

.ai-note .av{width:30px;height:30px;border-radius:9px;background:#fff;flex:none;display:grid;place-items:center;font-family:'Space Grotesk';font-weight:700;font-size:15px;}

.ai-note .av img{width:18px;height:18px;object-fit:contain;display:block;}

.ai-note p{font-size:13.5px;line-height:1.45;color:#D9DFEC;}

.ai-note b{color:#fff;}

/* floating accents */
.float{position:absolute;border-radius:18px;box-shadow:var(--shadow);z-index:3;}

.float.f1{top:-26px;right:-18px;background:#fff;border:1px solid var(--line);padding:13px 16px;display:flex;align-items:center;gap:11px;}

.float.f1 .ring{width:34px;height:34px;border-radius:50%;background:conic-gradient(var(--green) 0 78%, #E7ECF4 78% 100%);display:grid;place-items:center;}

.float.f1 .ring i{width:22px;height:22px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:10px;font-weight:800;font-family:'Space Grotesk';}

.blob{position:absolute;border-radius:50%;filter:blur(8px);opacity:.5;z-index:0;}

.blob.b1{width:160px;height:160px;background:var(--yellow);top:-30px;left:-40px;}

.blob.b2{width:200px;height:200px;background:var(--coral);bottom:-50px;right:-30px;opacity:.32;}

/* live motion */
.chart .bar{transition:height .85s var(--ease), background-color .85s var(--ease);}

.kpi .k-val{transition:color .3s;}

.kpi .k-val.pop{animation:kpipop .55s var(--ease);}

@keyframes kpipop{0%{transform:scale(1);}40%{transform:scale(1.13);color:var(--green);}100%{transform:scale(1);}}

.ai-note p{transition:opacity .45s var(--ease);}

.row-c .st{transition:background .4s,color .4s;}

.float.f1 .ring{transition:background .8s var(--ease);}

@media (prefers-reduced-motion:no-preference){
  .float.f1{animation:floaty 5.5s ease-in-out infinite;}
}

@keyframes floaty{0%,100%{transform:translateY(0);}50%{transform:translateY(-7px);}}

/* ============ CHALLENGE ============ */
.split{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start;}

.pain{display:flex;flex-direction:column;gap:14px;}

.pain-item{display:flex;gap:15px;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:var(--r);transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s;}

.pain-item:hover{transform:translateX(4px);box-shadow:var(--shadow-sm);border-color:rgba(240,70,62,.4);}

.pain-item .pico{width:40px;height:40px;border-radius:12px;background:rgba(240,70,62,.10);color:var(--coral);display:grid;place-items:center;flex:none;}

.pain-item .pico svg{width:21px;height:21px;stroke-width:2;}

.pain-item h4{font-size:17px;font-family:'Space Grotesk';margin-bottom:3px;}

.pain-item p{font-size:14.5px;color:var(--ink-2);}

/* ============ SERVICES / learning loop ============ */
#services{padding-top:96px;padding-bottom:104px;}

.loop-wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-top:54px;}

.loop-eyebrow{font-family:'Space Mono',monospace;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);}

.loop-h{font-size:clamp(25px,2.7vw,35px);letter-spacing:-.02em;margin-top:12px;line-height:1.12;}

.loop-lead{font-size:16.5px;color:var(--ink-2);margin-top:14px;max-width:46ch;}

.loop-entry{display:flex;align-items:center;gap:11px;margin-top:22px;padding:13px 16px;background:#fff;border:1px solid var(--line);border-radius:14px;font-size:14.5px;font-weight:600;color:var(--ink);}

.loop-entry .le-ic{width:30px;height:30px;border-radius:9px;flex:none;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);}

.loop-entry .le-ic svg{width:17px;height:17px;stroke-width:2;}

.loop-steps{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;}

.ls{display:flex;gap:14px;padding:13px 16px;border-radius:14px;border:1px solid transparent;transition:background .35s var(--ease),border-color .35s,transform .35s;}

.ls.active{background:#fff;border-color:var(--line);box-shadow:var(--shadow-sm);transform:translateX(5px);}

.ls-dot{width:11px;height:11px;border-radius:50%;margin-top:6px;flex:none;background:var(--ink-3);transition:transform .35s;}

.ls.active .ls-dot{transform:scale(1.3);}

.c-blue{background:var(--primary);}

.c-coral{background:var(--coral);}

.c-green{background:var(--green);}

.c-yellow{background:#E9A400;}

.ls b{font-family:'Space Grotesk';font-size:16px;display:block;}

.ls span{font-size:13.5px;color:var(--ink-2);display:block;margin-top:2px;}

.loop-viz{position:relative;width:400px;height:400px;margin:0 auto;justify-self:center;}

.loop-ring{position:absolute;top:50%;left:50%;width:288px;height:288px;transform:translate(-50%,-50%);border-radius:50%;border:2px dashed var(--line);}

.loop-ring::after{content:"";position:absolute;inset:-2px;border-radius:50%;
  background:conic-gradient(from 0deg,transparent 0 58%,rgba(20,102,240,.30) 76%,transparent 90%);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));
  animation:lspin 6s linear infinite;}

.loop-orbit{position:absolute;inset:0;animation:lspin 6s linear infinite;}

.loop-comet{position:absolute;top:50%;left:50%;width:16px;height:16px;border-radius:50%;background:var(--primary);
  transform:translate(-50%,-50%) translateY(-144px);
  box-shadow:0 0 0 5px rgba(20,102,240,.16),0 0 20px 4px rgba(20,102,240,.55);}

@keyframes lspin{to{transform:rotate(360deg);}}

.lnode{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;gap:7px;width:108px;
  background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 8px 11px;text-align:center;
  font-family:'Space Grotesk';font-weight:700;font-size:14px;box-shadow:var(--shadow-sm);z-index:2;
  transition:box-shadow .35s,border-color .35s,transform .35s var(--ease);}

.lnode .ln-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;}

.lnode .ln-ic svg{width:19px;height:19px;stroke-width:2;}

.n-plan{transform:translate(-50%,-50%) translateY(-144px);}

.n-launch{transform:translate(-50%,-50%) translateX(144px);}

.n-optimize{transform:translate(-50%,-50%) translateY(144px);}

.n-learn{transform:translate(-50%,-50%) translateX(-144px);}

.lnode.active{border-color:transparent;box-shadow:var(--shadow);}

.n-plan.active{transform:translate(-50%,-50%) translateY(-144px) scale(1.08);}

.n-launch.active{transform:translate(-50%,-50%) translateX(144px) scale(1.08);}

.n-optimize.active{transform:translate(-50%,-50%) translateY(144px) scale(1.08);}

.n-learn.active{transform:translate(-50%,-50%) translateX(-144px) scale(1.08);}

.ic-blue{background:var(--primary-soft);color:var(--primary);}

.ic-coral{background:rgba(240,70,62,.12);color:var(--coral);}

.ic-green{background:rgba(20,184,122,.13);color:var(--green);}

.ic-yellow{background:rgba(233,164,0,.16);color:#B07E00;}

.loop-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:152px;height:152px;border-radius:50%;
  background:linear-gradient(140deg,#0A0E18,#1b2540);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;box-shadow:0 18px 40px -14px rgba(10,14,24,.6);z-index:3;border:5px solid var(--bg-2);}

.core-label{font-family:'Space Mono';font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#8C95AC;}

.core-val{font-family:'Space Grotesk';font-weight:700;font-size:34px;line-height:1;margin-top:3px;}

.core-val i{font-size:16px;font-style:normal;color:#9FE6C4;margin-left:1px;}

.core-bar{width:80px;height:5px;border-radius:999px;background:rgba(255,255,255,.14);margin-top:9px;overflow:hidden;}

.core-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--green));width:86%;transition:width .8s var(--ease);}

.core-cycle{font-family:'Space Mono';font-size:10px;color:#8C95AC;margin-top:8px;letter-spacing:.04em;}

.core-cycle b{color:#fff;}

.loop-core.bump{animation:corebump .6s var(--ease);}

@keyframes corebump{0%{transform:translate(-50%,-50%) scale(1);}45%{transform:translate(-50%,-50%) scale(1.06);}100%{transform:translate(-50%,-50%) scale(1);}}

@media (max-width:920px){
  .loop-wrap{grid-template-columns:minmax(0,1fr);gap:14px;justify-items:center;}
  .loop-copy{width:100%;min-width:0;}
  .loop-viz{order:-1;}
}

@media (max-width:460px){
  /* the 400px viz keeps its layout footprint even when scaled — clip the
     reserved overflow so it can't push the page wider than the viewport */
  #services{overflow-x:clip;}
  .loop-viz{transform:scale(.82);transform-origin:top center;height:336px;margin-bottom:0;}
}

@media (max-width:360px){
  .loop-viz{transform:scale(.72);height:300px;}
}

@media (prefers-reduced-motion:reduce){
  .loop-ring::after,.loop-orbit{animation:none;}
}

/* ============ FEATURES ============ */
.feat-card h3{font-size:21px;margin-bottom:8px;}

.feat-card p{font-size:15px;color:var(--ink-2);}

.feat-tag{font-family:'Space Mono';font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:14px;display:block;}

/* ============ INTEGRATIONS ============ */
.integ{background:var(--dark);color:#fff;border-radius:var(--r-xl);padding:56px;position:relative;overflow:hidden;}

.integ .blob{filter:blur(60px);}

.integ-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;position:relative;z-index:2;}

.integ h2{color:#fff;font-size:clamp(30px,3.6vw,42px);}

.integ p{color:#AEB6C8;margin-top:16px;font-size:17px;}

.cat-list{margin-top:26px;display:flex;flex-direction:column;gap:12px;}

.cat{display:flex;align-items:center;gap:12px;font-weight:600;font-size:15.5px;color:#D8DEEC;}

.cat .ck{width:24px;height:24px;border-radius:7px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:var(--green);}

.logo-cloud{display:flex;flex-wrap:wrap;gap:12px;}

.lc{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px 18px;font-weight:700;font-family:'Space Grotesk';font-size:15px;display:flex;align-items:center;gap:9px;color:#fff;}

.lc i{width:11px;height:11px;border-radius:3px;}

/* marketplace connection cards */
.mp-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;}

.mpc{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:14px;transition:transform .25s var(--ease),background .25s,border-color .25s;}

.mpc:hover{transform:translateY(-4px);background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.22);}

.mpc .top{display:flex;align-items:center;gap:12px;min-width:0;}

.mpc .top>div{min-width:0;}

.mpc .ic{width:42px;height:42px;border-radius:12px;background:#fff;display:grid;place-items:center;flex:none;box-shadow:0 6px 16px rgba(0,0,0,.25);}

.mpc .ic img{width:24px;height:24px;object-fit:contain;display:block;}

.mpc .ic .favdot{width:24px;height:24px;border-radius:7px;}

.mpc .nm{font-family:'Space Grotesk';font-weight:700;font-size:16.5px;color:#fff;line-height:1.15;overflow-wrap:anywhere;}

.mpc .role{font-size:13px;color:#99A2B8;margin-top:2px;overflow-wrap:anywhere;}

.mpc .stat{display:inline-flex;align-items:center;gap:7px;font-family:'Space Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7FE6B6;}

.mpc .stat i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(20,184,122,.5);}

@media (prefers-reduced-motion:no-preference){.mpc .stat i{animation:dotBeam 2s ease-out infinite;}}

.mp-note{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:13.5px;color:#AEB6C8;}

.mp-note svg{width:17px;height:17px;stroke-width:2;color:var(--green);flex:none;}

/* ============ MARKET / SEA ============ */
.map-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:14px;}

.mstat{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:30px;}

.mstat .big{font-family:'Space Grotesk';font-weight:700;font-size:clamp(38px,4.6vw,52px);color:var(--primary);line-height:1;letter-spacing:-.02em;}

.mstat .lab{font-size:15px;color:var(--ink-2);margin-top:10px;}

.mstat .src{font-family:'Space Mono';font-size:11px;color:var(--ink-3);margin-top:10px;}

.mstat.alt .big{color:var(--green);}

.mstat.alt2 .big{color:var(--coral);}

/* ============ IMPACT band ============ */
.band{background:var(--primary);border-radius:var(--r-xl);padding:56px;color:#fff;position:relative;overflow:hidden;}

.band::after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:rgba(255,255,255,.08);right:-120px;top:-140px;}

.band-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative;z-index:2;}

.bstat .big{font-family:'Space Grotesk';font-weight:700;font-size:clamp(36px,4vw,46px);letter-spacing:-.02em;}

.bstat .lab{font-size:14.5px;color:#D6E3FF;margin-top:6px;}

/* ============ WHY US ============ */
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}

.why{display:flex;gap:16px;padding:24px;background:var(--bg-2);border-radius:var(--r-lg);border:1px solid var(--line-2);}

.why .ico{margin:0;flex:none;}

.why h4{font-size:18px;}

.why p{font-size:14.5px;color:var(--ink-2);margin-top:5px;}

/* ============ PRICING ============ */
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch;}

/* ============ FAQ ============ */
.faq{max-width:780px;margin:0 auto;}

/* ============ CTA ============ */
.cta{background:linear-gradient(135deg,var(--dark),#16204a);border-radius:var(--r-xl);padding:72px 56px;text-align:center;color:#fff;position:relative;overflow:hidden;}

.cta .blob{filter:blur(70px);}

.cta h2{color:#fff;font-size:clamp(32px,4.4vw,52px);position:relative;z-index:2;}

.cta p{color:#B9C1D4;font-size:19px;margin:18px auto 0;max-width:48ch;position:relative;z-index:2;}

.cta .email-row{margin:30px auto 0;justify-content:center;position:relative;z-index:2;}

.cta .email-row input{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18);color:#fff;}

.cta .email-row input::placeholder{color:#8C95AC;}

.cta .fine{margin-top:16px;color:#8C95AC;font-size:13px;position:relative;z-index:2;}

@media (max-width:980px){
  .hero-grid,.split,.integ-grid,.why-grid{grid-template-columns:1fr;}
  .hero-grid{gap:48px;}
  .mock{max-width:440px;margin:0 auto;}
  .pipe{grid-template-columns:repeat(2,1fr);gap:30px 12px;}
  .pipe::before{display:none;}
  .map-stats,.band-grid,.price-grid{grid-template-columns:1fr;}
  .band-grid{grid-template-columns:repeat(2,1fr);}
  .integ{padding:36px 26px;}
}

@media (max-width:680px){
  .mc-kpis,.band-grid{grid-template-columns:1fr 1fr;}
  .cta{padding:48px 22px;}
  .integ{padding:30px 20px;}
}

@media (max-width:520px){
  .mp-cards{grid-template-columns:1fr;}
}

/* ---- next ---- */


.page-hero{padding:72px 0 56px;background:linear-gradient(180deg,#fff,var(--bg-2));text-align:center;}

.page-hero h1{font-size:clamp(38px,5vw,60px);max-width:16ch;margin:18px auto 0;letter-spacing:-.03em;}

.page-hero .sub-sec{margin:20px auto 0;}

.crumb{font-family:'Space Mono';font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);}

.crumb a{color:var(--primary);}

/* alternating feature blocks */
.fblock{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:72px 0;border-bottom:1px solid var(--line-2);}

.fblock:nth-child(even) .fb-visual{order:-1;}

.fblock h2{font-size:clamp(28px,3.4vw,40px);margin-top:14px;}

.fblock p.lead{font-size:18px;color:var(--ink-2);margin-top:16px;}

.fb-list{margin-top:22px;display:flex;flex-direction:column;gap:12px;}

.fb-list .li{display:flex;gap:11px;font-size:15.5px;color:var(--ink-2);}

.fb-list .li svg{width:20px;height:20px;color:var(--green);flex:none;margin-top:2px;}

/* visuals (abstract) */
.fb-visual{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-xl);padding:30px;position:relative;overflow:hidden;min-height:300px;display:flex;flex-direction:column;justify-content:center;gap:14px;}

.vrow{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;}

.vrow .bar{height:8px;border-radius:6px;background:var(--bg-3);flex:1;overflow:hidden;}

.vrow .bar i{display:block;height:100%;border-radius:6px;}

.vchip{font-family:'Space Mono';font-size:11px;padding:3px 9px;border-radius:999px;font-weight:700;}

.mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}

.mini-kpis .mk2{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;}

.mini-kpis .mk2 b{font-family:'Space Grotesk';font-size:24px;display:block;}

.mini-kpis .mk2 span{font-size:11.5px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;font-weight:600;}

.gen-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;}

.gen-card .gl{font-family:'Space Mono';font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);}

.gen-card .gt{font-family:'Space Grotesk';font-weight:700;font-size:16px;margin-top:5px;}

.kw{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;}

.kw span{font-size:12.5px;background:var(--primary-soft);color:var(--primary-deep);padding:5px 11px;border-radius:999px;font-weight:600;}

.matrix{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}

.matrix .m{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;align-items:center;gap:10px;font-weight:700;font-family:'Space Grotesk';font-size:14px;}

.matrix .m i{width:10px;height:10px;border-radius:3px;}

.matrix .m b{margin-left:auto;font-family:'Space Mono';font-size:12px;color:var(--green);}

@media (max-width:980px){
  .fblock{grid-template-columns:1fr;gap:34px;padding:54px 0;}
  .fblock:nth-child(even) .fb-visual{order:0;}
}

/* refined blue CTA */

/* ---- next ---- */


.page-hero{padding:72px 0 48px;background:linear-gradient(180deg,#fff,var(--bg-2));text-align:center;}

/* mechanism */
.mech{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}

.mech .card h3{font-size:19px;margin-bottom:8px;}

.mech .card p{font-size:14.5px;color:var(--ink-2);}

/* highlight no-cut banner */
.nocut{display:flex;align-items:center;gap:18px;background:var(--dark);color:#fff;border-radius:var(--r-lg);padding:26px 30px;flex-wrap:wrap;}

.nocut .em{font-family:'Space Grotesk';font-weight:700;font-size:21px;}

.nocut p{color:#AEB6C8;font-size:15px;margin-top:2px;}

.nocut .ic{width:48px;height:48px;border-radius:13px;background:linear-gradient(135deg,var(--green),var(--primary));display:grid;place-items:center;flex:none;}

/* comparison */
.cmp{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;}

.cmp th,.cmp td{text-align:left;padding:16px 20px;border-bottom:1px solid var(--line-2);font-size:15px;}

.cmp thead th{font-family:'Space Grotesk';font-weight:700;font-size:15px;background:var(--bg-2);}

.cmp tbody td:not(:first-child){text-align:center;}

.cmp td:first-child{color:var(--ink-2);}

.cmp .yes{color:var(--green);font-weight:700;}

.cmp .no{color:var(--ink-3);}

.cmp tr:last-child td{border-bottom:0;}

.cmp .colp{background:rgba(20,102,240,.05);}

/* constrained, enriched comparison */
.cmp-wrap{max-width:980px;margin:0 auto;}

.cmp colgroup .c-cap{width:28%;}

.cmp colgroup .c-plan{width:24%;}

.cmp td:first-child{font-weight:600;color:var(--ink);}

.cmp tbody td:not(:first-child){font-size:14px;color:var(--ink-2);}

.cmp thead th{padding-top:20px;padding-bottom:18px;vertical-align:bottom;text-align:center;}

.cmp thead th:first-child{text-align:left;vertical-align:bottom;}

.cmp .ph{display:flex;flex-direction:column;align-items:center;gap:3px;}

.cmp thead th:first-child .ph{align-items:flex-start;}

.cmp .pn{font-family:'Space Grotesk';font-weight:700;font-size:16.5px;color:var(--ink);}

.cmp .pp{font-family:'Space Mono';font-size:12px;color:var(--ink-3);font-weight:700;}

.cmp .ptag{margin-top:5px;font-family:'Space Mono';font-size:9.5px;letter-spacing:.07em;text-transform:uppercase;color:#fff;background:var(--primary);border-radius:999px;padding:3px 9px;font-weight:700;white-space:nowrap;}

.cmp .colp{box-shadow:inset 3px 0 0 rgba(20,102,240,.5), inset -3px 0 0 rgba(20,102,240,.5);}

.cmp thead th.colp{border-top:3px solid var(--primary);}

.cmp tbody tr{transition:background .15s;}

.cmp tbody tr:hover td{background:rgba(10,14,24,.02);}

.cmp tbody tr:hover td.colp{background:rgba(20,102,240,.09);}

.cmp tfoot td{padding:18px 20px 22px;border-bottom:0;text-align:center;}

.cmp tfoot .btn{padding:10px 20px;font-size:14px;}

.cmp tfoot td.colp{box-shadow:inset 3px 0 0 rgba(20,102,240,.5), inset -3px 0 0 rgba(20,102,240,.5), inset 0 -3px 0 var(--primary);}

/* flat-fee vs alternatives */
.vs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch;max-width:1000px;margin:0 auto;}

.vs{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:30px 26px;display:flex;flex-direction:column;}

.vs.best{border:2px solid var(--primary);box-shadow:var(--shadow-blue);position:relative;}

.vs .vtag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--primary);color:#fff;font-family:'Space Mono';font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;padding:5px 13px;border-radius:999px;white-space:nowrap;}

.vs .vlabel{font-family:'Space Mono';font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-weight:700;}

.vs .vcost{font-family:'Space Grotesk';font-weight:700;font-size:36px;letter-spacing:-.02em;margin-top:14px;line-height:1;}

.vs.best .vcost{color:var(--primary);}

.vs .vbasis{font-size:13.5px;color:var(--ink-3);margin-top:9px;}

.vs ul{list-style:none;margin:22px 0 0;padding:22px 0 0;border-top:1px solid var(--line-2);display:flex;flex-direction:column;gap:12px;}

.vs li{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;color:var(--ink-2);}

.vs li svg{width:18px;height:18px;flex:none;margin-top:1px;stroke-width:2.4;}

.vs li.con svg{color:var(--ink-3);}

.vs li.pro svg{color:var(--green);}

.vs-note{max-width:760px;margin:30px auto 0;display:flex;align-items:center;gap:13px;justify-content:center;text-align:center;background:var(--bg-2);border:1px solid var(--line);border-radius:14px;padding:18px 24px;font-size:15px;color:var(--ink-2);}

.vs-note b{color:var(--ink);}

.vs-note .vn-ic{width:34px;height:34px;border-radius:10px;flex:none;background:rgba(20,184,122,.12);color:var(--green);display:grid;place-items:center;}

.vs-note .vn-ic svg{width:18px;height:18px;stroke-width:2.2;}

@media (max-width:880px){.vs-grid{grid-template-columns:1fr;}.vs-note{flex-direction:column;}}

@media (max-width:980px){.mech{grid-template-columns:1fr;}}

@media (max-width:760px){
  /* keep the wide comparison table from breaking page width — scroll it instead */
  .cmp-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--r-lg);}
  .cmp{min-width:620px;border:0;border-radius:0;}
}

@media (max-width:680px){
  .cmp th,.cmp td{padding:12px 12px;font-size:13px;}
  .cmp .pn{font-size:15px;}
  .cmp tbody td:not(:first-child){font-size:12.5px;}
}

.page-hero h1{font-size:clamp(38px,5vw,60px);max-width:17ch;margin:18px auto 0;letter-spacing:-.03em;}

/* marketplace cards */
.mp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}

.mp-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:30px;display:flex;flex-direction:column;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s;}

.mp-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent;}

.mp-head{display:flex;align-items:center;gap:16px;}

.mp-ico{width:56px;height:56px;border-radius:15px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;flex:none;box-shadow:var(--shadow-sm);}

.mp-ico img{width:34px;height:34px;object-fit:contain;}

.mp-ico .favdot{width:22px;height:22px;border-radius:6px;}

.mp-head h3{font-size:22px;}

.mp-head .role{font-family:'Space Mono';font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:3px;}

.mp-card p.d{font-size:15px;color:var(--ink-2);margin-top:18px;}

.mp-formats{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}

.mp-formats span{font-size:12.5px;font-weight:600;padding:5px 11px;border-radius:999px;background:var(--bg-2);border:1px solid var(--line-2);color:var(--ink-2);}

.mp-does{margin-top:18px;padding-top:18px;border-top:1px dashed var(--line);display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--ink-2);}

.mp-does b{color:var(--ink);font-weight:700;}

.mp-does .d2{width:24px;height:24px;border-radius:7px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;flex:none;}

/* category hero */
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}

.catc{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s var(--ease);}

.catc:hover{transform:translateY(-4px);box-shadow:var(--shadow);}

.cvis{height:132px;display:grid;place-items:center;border-bottom:1px solid var(--line-2);position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 1px 1px, rgba(10,14,24,.06) 1px, transparent 1.6px) 0 0/13px 13px,
    linear-gradient(155deg,#F5F7FB 0%, #E7ECF3 100%);}

.cvis .tile{width:60px;height:60px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 20px rgba(10,14,24,.10);display:grid;place-items:center;position:relative;z-index:1;transition:transform .3s var(--ease),box-shadow .3s var(--ease);}

.cvis svg{width:28px;height:28px;stroke-width:1.7;color:var(--ink-2);}

.catc:hover .cvis .tile{transform:translateY(-3px) scale(1.04);box-shadow:0 14px 30px rgba(10,14,24,.16);}

.catc .cmeta{padding:18px 20px;}

.catc .cmeta h4{font-size:17px;font-family:'Space Grotesk';}

.catc .cmeta p{font-size:13px;color:var(--ink-3);margin-top:4px;}

.catc .cmeta .tag2{font-family:'Space Mono';font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--primary);font-weight:700;margin-top:10px;display:block;}

/* market stats */
.map-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}

@media (max-width:980px){.mp-grid,.cat-grid{grid-template-columns:1fr;}.cat-grid{grid-template-columns:1fr 1fr;}.map-stats{grid-template-columns:1fr;}}

@media (max-width:680px){.cat-grid{grid-template-columns:1fr;}}

/* ---- next ---- */


.page-hero{padding:72px 0 8px;background:linear-gradient(180deg,#fff,var(--bg-2));text-align:center;}

.lang-hint{margin:18px auto 0;font-size:14.5px;color:var(--ink-3);}

.lang-hint a{color:var(--primary);font-weight:600;border-bottom:1px solid transparent;transition:border-color .2s;cursor:pointer;}

.lang-hint a:hover{border-color:var(--primary);}

/* ---- next ---- */


.page-hero{padding:72px 0 40px;background:linear-gradient(180deg,#fff,var(--bg-2));text-align:center;}

.page-hero h1{font-size:clamp(38px,5vw,58px);max-width:14ch;margin:18px auto 0;letter-spacing:-.03em;}

.faq-group{max-width:820px;margin:0 auto;}

.faq-group + .faq-group{margin-top:48px;}

.fg-label{font-family:'Space Mono';font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);font-weight:700;display:flex;align-items:center;gap:10px;margin-bottom:6px;}

.fg-label::before{content:"";width:22px;height:2px;background:var(--primary);border-radius:2px;}

.help{max-width:820px;margin:56px auto 0;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg);padding:32px;display:flex;align-items:center;gap:22px;flex-wrap:wrap;}

.help .ic{width:52px;height:52px;border-radius:14px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;flex:none;}

.help h3{font-size:20px;}

.help p{color:var(--ink-2);font-size:14.5px;margin-top:4px;}

.help .btn{margin-left:auto;}

@media (max-width:640px){.help .btn{margin-left:0;width:100%;justify-content:center;}}

/* ---- next ---- */


.crumb{font-family:'Space Mono';font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);max-width:760px;margin:0 auto 30px;}

.notfound{max-width:760px;margin:0 auto;text-align:center;padding:60px 0;}

.notfound h1{font-size:32px;}

.notfound a{color:var(--primary);font-weight:600;display:inline-block;margin-top:18px;}

.cta-chan{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:11px 13px;color:#E7ECF4;font-weight:600;font-size:13.5px;}

@media (max-width:680px){
  body{font-size:16px;}
  .section{padding:72px 0;}
  .section.tight{padding:52px 0;}
  .g-2,.g-3,.g-4{grid-template-columns:1fr;}
  .wrap{padding:0 20px;}
  /* plain (home) CTA card */
  .cta{padding:40px 22px;}
  .cta h2{font-size:clamp(26px,7.4vw,34px);}
  .cta p{font-size:15.5px;}
  /* rich two-column CTA (pricing / article / faq / resources) */
  .cta-grid{padding:30px 22px;gap:24px;}
  .cta-rich h2{font-size:clamp(25px,6.6vw,32px);}
  .cta-copy p{font-size:15.5px;}
  .cta-rich .blob.b1{width:120px;height:120px;}
  .cta-rich .blob.b2{width:150px;height:150px;}
  /* keep the two CTA buttons on a single line — share the row evenly */
  .cta-btns{flex-wrap:nowrap;gap:10px;}
  .cta-btns .btn{flex:1 1 0;min-width:0;justify-content:center;padding:15px 14px;font-size:15px;}
}

/* ---- next ---- */


.demo-wrap{display:grid;grid-template-columns:1fr 1.05fr;min-height:calc(100vh - 74px);}

.demo-left{background:var(--dark);color:#fff;padding:64px 56px;position:relative;overflow:hidden;display:flex;flex-direction:column;}

.demo-left .blob{position:absolute;border-radius:50%;filter:blur(70px);}

.demo-left .b1{width:220px;height:220px;background:var(--primary);top:-40px;left:-40px;opacity:.55;}

.demo-left .b2{width:240px;height:240px;background:var(--coral);bottom:-60px;right:-40px;opacity:.32;}

.demo-left h1{color:#fff;font-size:clamp(32px,3.6vw,46px);margin-top:22px;position:relative;z-index:2;}

.demo-left p.dl{color:#AEB6C8;font-size:18px;margin-top:18px;max-width:38ch;position:relative;z-index:2;}

.dl-list{margin-top:34px;display:flex;flex-direction:column;gap:16px;position:relative;z-index:2;}

.dl-item{display:flex;gap:14px;align-items:flex-start;}

.dl-item .ck{width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:var(--green);flex:none;}

.dl-item b{font-family:'Space Grotesk';font-weight:700;font-size:16px;}

.dl-item span{color:#9aa3b8;font-size:14px;display:block;margin-top:2px;}

.dl-quote{margin-top:auto;position:relative;z-index:2;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:22px;}

.dl-quote p{font-size:15px;color:#E2E7F1;line-height:1.5;}

.dl-quote .who{margin-top:14px;display:flex;align-items:center;gap:11px;}

.dl-quote .av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--primary));display:grid;place-items:center;font-family:'Space Grotesk';font-weight:700;}

.dl-quote .who b{display:block;font-size:14px;line-height:1.3;}

.dl-quote .who span{display:block;font-size:12.5px;color:#9aa3b8;margin-top:2px;}

.demo-right{padding:64px 56px;display:flex;flex-direction:column;justify-content:center;}

.demo-left{justify-content:flex-start;}

.form-card{max-width:480px;width:100%;margin:0 auto;}

.field{margin-bottom:18px;}

.field label{display:block;font-weight:600;font-size:14px;margin-bottom:7px;}

.field label .req{color:var(--coral);margin-left:2px;}

.field input{width:100%;padding:13px 16px;border:1.5px solid var(--line);border-radius:12px;font-family:inherit;font-size:15.5px;background:#fff;color:var(--ink);transition:border-color .18s,box-shadow .18s;}

.field input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft);}

.field input.invalid{border-color:var(--coral);box-shadow:0 0 0 4px rgba(240,70,62,.12);}

.field .err{display:none;color:var(--coral);font-size:12.5px;font-weight:600;margin-top:6px;}

.field .err.show{display:block;}

.input-wrap{position:relative;}

.input-wrap .pfx{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--ink-3);font-size:15.5px;font-weight:600;pointer-events:none;}

.input-wrap input.has-pfx{padding-left:46px;}

.consent{font-size:12.5px;color:var(--ink-3);margin-top:6px;}

.back{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14.5px;color:var(--ink-2);margin-bottom:28px;}

.back:hover{color:var(--ink);}

/* ---- toast ---- */
.toast-wrap{position:fixed;top:22px;right:22px;z-index:120;display:flex;flex-direction:column;gap:12px;max-width:380px;}

.toast{display:flex;gap:14px;align-items:flex-start;background:var(--dark);color:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 18px 48px rgba(10,14,24,.32);transform:translateX(120%);opacity:0;transition:transform .5s var(--ease),opacity .5s var(--ease);}

.toast.show{transform:translateX(0);opacity:1;}

.toast .t-ic{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--green),var(--primary));display:grid;place-items:center;flex:none;}

.toast h4{font-family:'Space Grotesk';font-weight:700;font-size:15.5px;color:#fff;}

.toast p{font-size:13.5px;color:#C5CCDA;line-height:1.45;margin-top:3px;}

.toast .chans{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;}

.toast .chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;font-family:'Space Mono',monospace;letter-spacing:.03em;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:4px 10px;color:#E2E7F1;}

.toast .chip i{width:7px;height:7px;border-radius:50%;}

.toast .t-close{margin-left:auto;background:none;border:0;color:#8a93a8;cursor:pointer;font-size:18px;line-height:1;padding:0 2px;flex:none;}

.toast .t-close:hover{color:#fff;}

/* ---- sent state ---- */
.sent{display:none;text-align:center;padding:18px 0;}

.sent.show{display:block;animation:sentIn .5s var(--ease);}

@keyframes sentIn{from{opacity:0;transform:translateY(10px);}}

.sent .big-check{width:72px;height:72px;border-radius:50%;background:rgba(20,184,122,.13);color:var(--green);display:grid;place-items:center;margin:0 auto 22px;}

.sent h2{font-size:28px;}

.sent p{color:var(--ink-2);margin-top:12px;max-width:40ch;margin-left:auto;margin-right:auto;}

.sent .sent-chans{display:flex;gap:10px;justify-content:center;margin-top:22px;flex-wrap:wrap;}

.sent .sc{display:inline-flex;align-items:center;gap:9px;padding:11px 16px;border:1.5px solid var(--line);border-radius:14px;font-weight:600;font-size:14px;}

.sent .sc i{width:10px;height:10px;border-radius:50%;}

@media (max-width:900px){
  .demo-wrap{grid-template-columns:1fr;}
  .demo-left{padding:48px 26px;}
  .demo-right{padding:48px 26px;}
  .dl-quote{margin-top:34px;}
  .toast-wrap{left:14px;right:14px;max-width:none;}
}

/* ---- next ---- */


.rd{background:
  radial-gradient(900px 460px at 84% -6%, var(--bg-3) 0%, rgba(237,241,250,0) 62%),
  radial-gradient(760px 420px at 6% 4%, rgba(20,184,122,.08) 0%, rgba(237,241,250,0) 60%),
  linear-gradient(180deg,#fff 0%, var(--bg-2) 100%);
  min-height:calc(100vh - 74px);padding:56px 0 90px;}

.rd-wrap{max-width:720px;margin:0 auto;padding:0 24px;}

.rd-back{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14.5px;color:var(--ink-2);margin-bottom:30px;}

.rd-back:hover{color:var(--ink);}

.rd-back svg{width:16px;height:16px;stroke-width:2;}

.rd-head{text-align:center;}

.rd-head .pill{display:inline-flex;}

.rd-head h1{font-size:clamp(32px,4.4vw,46px);letter-spacing:-.03em;margin-top:18px;}

.rd-head p{font-size:18px;color:var(--ink-2);margin:16px auto 0;max-width:48ch;}

/* what to expect strip */
.expect{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:38px 0 36px;}

.exp{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 18px;}

.exp .n{width:30px;height:30px;border-radius:9px;background:var(--dark);color:#fff;font-family:'Space Grotesk';font-weight:700;font-size:14px;display:grid;place-items:center;}

.exp h4{font-size:15.5px;font-family:'Space Grotesk';margin-top:14px;}

.exp p{font-size:13.5px;color:var(--ink-3);margin-top:5px;line-height:1.45;}

/* form card */
.rd-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow);padding:36px;}

.rd-card h2{font-size:23px;}

.rd-card .lede{color:var(--ink-2);font-size:15px;margin:7px 0 26px;}

.field input,.field select,.field textarea{width:100%;padding:13px 16px;border:1.5px solid var(--line);border-radius:12px;font-family:inherit;font-size:15.5px;background:#fff;color:var(--ink);transition:border-color .18s,box-shadow .18s;}

.field textarea{resize:vertical;min-height:84px;}

.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft);}

.field input.invalid,.field select.invalid{border-color:var(--coral);box-shadow:0 0 0 4px rgba(240,70,62,.12);}

.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}

.consent{font-size:12.5px;color:var(--ink-3);margin-top:8px;text-align:center;}

.rd-trust{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:18px;font-size:13px;color:var(--ink-3);font-weight:600;}

.rd-trust span{display:inline-flex;align-items:center;gap:7px;}

.rd-trust i{width:7px;height:7px;border-radius:50%;background:var(--green);}

/* success */
.rd-done{display:none;text-align:center;padding:20px 0 8px;}

.rd-done.show{display:block;animation:rdIn .5s var(--ease);}

@keyframes rdIn{from{opacity:0;transform:translateY(10px);}}

.rd-done .big-check{width:74px;height:74px;border-radius:50%;background:rgba(20,184,122,.13);color:var(--green);display:grid;place-items:center;margin:0 auto 22px;}

.rd-done h2{font-size:27px;}

.rd-done p{color:var(--ink-2);margin:12px auto 0;max-width:42ch;}

@media (max-width:640px){
  .expect{grid-template-columns:1fr;}
  .field-row{grid-template-columns:1fr;}
  .rd-card{padding:26px 20px;}
}

.demo-left .blob{filter:blur(70px);position:absolute;z-index:0;}

.dl-quote .who b{font-size:14px;display:block;}

.dl-quote .who span{font-size:12.5px;color:#9aa3b8;display:block;margin-top:3px;}

.toggle{display:flex;background:var(--bg-2);border:1px solid var(--line);border-radius:999px;padding:5px;margin-bottom:30px;}

.toggle button{flex:1;border:0;background:transparent;padding:11px;border-radius:999px;font-family:'Space Grotesk';font-weight:600;font-size:15px;cursor:pointer;color:var(--ink-2);transition:.2s;}

.toggle button.on{background:#fff;color:var(--ink);box-shadow:var(--shadow-sm);}

.field input,.field select{width:100%;padding:13px 16px;border:1.5px solid var(--line);border-radius:12px;font-family:inherit;font-size:15.5px;background:#fff;color:var(--ink);}

.field input:focus,.field select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft);}

.mk-pick{display:grid;grid-template-columns:1fr 1fr;gap:10px;}

.mk-pick label{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;font-size:14.5px;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s;white-space:nowrap;}

.mk-pick label:hover{border-color:var(--ink-3);}

.mk-pick label:has(input:checked){border-color:var(--primary);background:var(--primary-soft);color:var(--primary-deep);}

.mk-pick input{position:absolute;opacity:0;pointer-events:none;}

.mk-pick .mkf{width:22px;height:22px;border-radius:6px;object-fit:contain;flex:none;}

.mk-pick .favdot{width:22px;height:22px;border-radius:6px;}

.mk-pick .chk{margin-left:auto;width:19px;height:19px;border-radius:6px;border:1.5px solid var(--line);display:grid;place-items:center;color:#fff;transition:.2s;flex:none;}

.mk-pick label:has(input:checked) .chk{background:var(--primary);border-color:var(--primary);}

.mk-pick .chk svg{width:12px;height:12px;opacity:0;transition:.2s;}

.mk-pick label:has(input:checked) .chk svg{opacity:1;}

.alt-link{margin-top:22px;padding-top:20px;border-top:1px solid var(--line-2);font-size:14.5px;color:var(--ink-2);text-align:center;}

.alt-link a{color:var(--primary);font-weight:700;}

.alt-link a:hover{text-decoration:underline;}

.success{display:none;text-align:center;padding:30px 0;}

.success.show{display:block;}

.success .big-check{width:72px;height:72px;border-radius:50%;background:rgba(20,184,122,.13);color:var(--green);display:grid;place-items:center;margin:0 auto 22px;}

.success h2{font-size:28px;}

.success p{color:var(--ink-2);margin-top:12px;}

.back{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14.5px;color:var(--ink-2);}

@media (max-width:900px){
  .demo-wrap{grid-template-columns:1fr;}
  .demo-left{padding:48px 26px;}
  .demo-right{padding:48px 26px;}
  .dl-quote{margin-top:34px;}
}

@media (max-width:420px){
  /* full-width checkboxes so labels like "TikTok Shop" stay on one line */
  .mk-pick{grid-template-columns:1fr;}
}