/* ════════════════════════════════════════════════════════════════════
 * ANALOXIA HOMEPAGE  ·  styled by tokens.css  ·  0 JS (CSS-only motion)
 * Section rhythm: 96px desktop / 56px mobile  ·  gradient-text discipline
 * ════════════════════════════════════════════════════════════════════ */

.container { max-width: var(--container-xl); margin-inline: auto; padding-inline: var(--space-5); }
@media (min-width:768px){ .container{ padding-inline: var(--space-8); } }

/* section rhythm */
.section { padding-block: var(--space-16); }
@media (min-width:768px){ .section{ padding-block: var(--space-24); } }

/* ── Reveal classes are visible by default (no visibility-gating animation).
 *    True scroll-triggered reveal needs JS (IntersectionObserver) - omitted per 0-JS rule. */

/* ── Section headers ── */
.section-head { text-align:center; max-width: var(--container-prose); margin-inline:auto; margin-bottom: var(--space-12); }
@media (min-width:768px){ .section-head{ margin-bottom: var(--space-16); } }
.eyebrow { display:inline-block; font-size: var(--text-caption); font-weight: var(--weight-semibold); letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--brand-purple); margin-bottom: var(--space-3); }
.section-title { font-size: var(--text-h2); letter-spacing: var(--tracking-tight); margin-bottom: var(--space-4); }
.section-lede { font-size: var(--text-body-lg); color: var(--text-secondary); line-height: var(--leading-relaxed); }
.grad { background: var(--brand-gradient); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }

/* ════════════════════════════════════════════════════════════════════
 * BUTTONS
 * ════════════════════════════════════════════════════════════════════ */
.btn { display:inline-flex; align-items:center; justify-content:center; gap:var(--space-2); font-family:var(--font-body); font-weight:var(--weight-semibold); font-size:var(--text-button); border-radius:var(--radius-md); border:1px solid transparent; text-decoration:none; cursor:pointer; white-space:nowrap; padding:var(--space-3) var(--space-5); min-height:44px; transition:all var(--duration-fast) var(--ease-out); }
.btn:hover{ text-decoration:none; }
.btn:focus-visible{ outline:none; box-shadow:var(--shadow-focus-ring); }
.btn-lg{ padding:var(--space-4) var(--space-6); font-size:var(--text-body-lg); }
.btn-primary{ background:var(--brand-purple); color:#fff; }
.btn-primary:hover{ background:var(--brand-purple-hover); color:#fff; transform:translateY(-1px); box-shadow:var(--shadow-md); }
.btn-secondary{ background:var(--bg); color:var(--text-primary); border-color:var(--border-default); }
.btn-secondary:hover{ background:var(--bg-subtle); border-color:var(--border-strong); }
.btn-on-dark{ background:transparent; color:var(--text-on-dark); border-color:var(--border-on-dark); }
.btn-on-dark:hover{ background:var(--overlay-on-dark); border-color:var(--border-on-dark-hover); color:var(--text-on-dark); }
.btn-link{ color:var(--brand-blue); background:transparent; padding-inline:0; min-height:0; font-weight:var(--weight-semibold); }
.btn-link:hover{ color:var(--brand-blue-hover); text-decoration:underline; }
/* outlined "view all" treatment */
.btn-outline{ background:var(--bg); color:var(--brand-purple); border-color:#ddd6fe; }
.btn-outline:hover{ background:var(--brand-purple-light); border-color:var(--brand-purple); color:var(--brand-purple-hover); }

/* gradient sweep (final CTA only) */
.btn-sweep{ position:relative; overflow:hidden; }
.btn-sweep::after{ content:''; position:absolute; top:0; left:-120%; width:80%; height:100%; background:linear-gradient(100deg, transparent, rgba(255,255,255,.28), transparent); transform:skewX(-18deg); transition:left var(--duration-deep) var(--ease-out); }
.btn-sweep:hover::after{ left:130%; }

/* ════════════════════════════════════════════════════════════════════
 * LOGO + HEADER
 * ════════════════════════════════════════════════════════════════════ */
.logo{ display:inline-flex; align-items:center; gap:var(--space-2); text-decoration:none; }
.logo:hover{ text-decoration:none; }
.logo-mark{ width:24px; height:25px; flex:none; color:var(--brand-purple); }
.logo-word{ font-family:var(--font-display); font-size:22px; font-weight:700; letter-spacing:var(--tracking-tight); color:var(--text-primary); }

.header{ position:sticky; top:0; z-index:var(--z-sticky); background:rgba(255,255,255,0.82); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border-bottom:1px solid var(--border-subtle); }
.header-inner{ display:flex; align-items:center; justify-content:space-between; padding-block:var(--space-4); gap:var(--space-6); }
.nav{ display:none; align-items:center; gap:var(--space-1); }
@media (min-width:1024px){ .nav{ display:flex; } }
.nav-item{ position:relative; }
.nav-link{ display:inline-flex; align-items:center; gap:var(--space-1); color:var(--text-secondary); font-weight:var(--weight-medium); font-size:var(--text-body-sm); text-decoration:none; padding:var(--space-2) var(--space-3); border-radius:var(--radius-md); }
.nav-link:hover{ color:var(--text-primary); background:var(--bg-subtle); text-decoration:none; }
.nav-link svg{ width:14px; height:14px; opacity:.6; transition:transform var(--duration-fast) var(--ease-out); }
.nav-item:hover .nav-link svg, .nav-item[data-open] .nav-link svg{ transform:rotate(180deg); }
.dropdown{ position:absolute; top:calc(100% + 8px); left:0; min-width:240px; background:var(--bg); border:1px solid var(--border-subtle); border-radius:var(--radius-lg); box-shadow:var(--shadow-lg); padding:var(--space-2); opacity:0; visibility:hidden; transform:translateY(-6px); transition:opacity var(--duration-fast) var(--ease-out) 240ms, transform var(--duration-fast) var(--ease-out) 240ms, visibility 0s linear calc(var(--duration-fast) + 240ms); }
/* invisible hover bridge - keeps :hover alive across the trigger→panel gap */
.dropdown::after{ content:''; position:absolute; top:-10px; left:0; right:0; height:12px; background:transparent; }
.nav-item:hover .dropdown, .nav-item:focus-within .dropdown, .nav-item[data-open] .dropdown{ opacity:1; visibility:visible; transform:translateY(0); transition-delay:0s; }
.dropdown a{ display:flex; flex-direction:column; gap:2px; padding:var(--space-2) var(--space-3); border-radius:var(--radius-md); text-decoration:none; }
.dropdown a:hover{ background:var(--bg-subtle); text-decoration:none; }
.dropdown a strong{ font-size:var(--text-body-sm); color:var(--text-primary); font-weight:var(--weight-semibold); }
.dropdown a span{ font-size:var(--text-caption); color:var(--text-tertiary); }
/* mega dropdown (Services) */
.dropdown-mega{ display:grid; grid-template-columns:repeat(3, minmax(210px, 1fr)); gap:var(--space-5); min-width:720px; padding:var(--space-5); right:auto; }
.nav-item-mega{ position:static; }
@media (min-width:1024px){ .nav-item-mega .dropdown-mega{ left:var(--space-8); } }
.mega-col{ display:flex; flex-direction:column; gap:2px; }
.mega-head{ font-size:11px; font-weight:var(--weight-bold); letter-spacing:var(--tracking-wide); text-transform:uppercase; color:var(--text-tertiary); padding:0 var(--space-3) var(--space-2); }
.dropdown a{ position:relative; }
.dropdown a::before{ content:''; position:absolute; left:0; top:6px; bottom:6px; width:2px; border-radius:2px; background:var(--brand-purple); opacity:0; }
.dropdown a[aria-current="page"]::before{ opacity:1; }
.header-cta{ display:flex; align-items:center; gap:var(--space-3); }

.nav-toggle{ position:absolute; opacity:0; pointer-events:none; }
.hamburger{ display:inline-flex; flex-direction:column; justify-content:center; gap:5px; width:44px; height:44px; padding:0 10px; border-radius:var(--radius-md); cursor:pointer; }
.hamburger:hover{ background:var(--bg-subtle); }
.hamburger span{ height:2px; background:var(--text-primary); border-radius:2px; }
@media (min-width:1024px){ .hamburger{ display:none; } }
.drawer{ position:fixed; inset:0 0 0 auto; width:min(86vw,360px); background:var(--bg); border-left:1px solid var(--border-subtle); box-shadow:var(--shadow-xl); z-index:var(--z-modal); transform:translateX(100%); transition:transform var(--duration-slow) var(--ease-out); padding:var(--space-6); overflow-y:auto; display:flex; flex-direction:column; gap:var(--space-1); }
.drawer-scrim{ position:fixed; inset:0; background:rgb(15 23 42 / 0.4); z-index:var(--z-modal-backdrop); opacity:0; visibility:hidden; transition:opacity var(--duration-base) var(--ease-out); }
.nav-toggle:checked ~ .drawer{ transform:translateX(0); }
.nav-toggle:checked ~ .drawer-scrim{ opacity:1; visibility:visible; }
.drawer-top{ display:flex; align-items:center; justify-content:space-between; margin-bottom:var(--space-4); }
.drawer-close{ width:40px; height:40px; border-radius:var(--radius-md); display:inline-flex; align-items:center; justify-content:center; cursor:pointer; font-size:24px; color:var(--text-secondary); }
.drawer-close:hover{ background:var(--bg-subtle); }
.drawer a{ color:var(--text-primary); font-weight:var(--weight-medium); font-size:var(--text-body-lg); text-decoration:none; padding:var(--space-3) var(--space-2); border-radius:var(--radius-md); }
.drawer a:hover{ background:var(--bg-subtle); text-decoration:none; }
.drawer details summary{ list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; color:var(--text-primary); font-weight:var(--weight-medium); font-size:var(--text-body-lg); padding:var(--space-3) var(--space-2); border-radius:var(--radius-md); }
.drawer details summary::-webkit-details-marker{ display:none; }
.drawer details summary::after{ content:'+'; color:var(--text-tertiary); font-size:20px; }
.drawer details[open] summary::after{ content:'–'; }
.drawer details a{ font-size:var(--text-body); color:var(--text-secondary); padding-left:var(--space-5); }
.drawer .btn{ margin-top:var(--space-4); }
@media (min-width:1024px){ .drawer, .drawer-scrim{ display:none; } }

/* ════════════════════════════════════════════════════════════════════
 * HERO (dark, full-height, layered mesh)
 * ════════════════════════════════════════════════════════════════════ */
.hero{ position:relative; background:var(--bg-dark); color:var(--text-on-dark); overflow:hidden; min-height:600px; display:flex; align-items:center; padding-block:var(--space-20); }
@media (min-width:1024px){ .hero{ min-height:calc(100vh - 73px); padding-block:var(--space-16); } }
.hero-mesh{ position:absolute; inset:0; pointer-events:none; }
.hero-mesh::before{ content:''; position:absolute; top:-22%; right:-12%; width:780px; height:780px; background:radial-gradient(circle, rgba(167,139,250,0.22) 0%, transparent 60%); }
.hero-mesh::after{ content:''; position:absolute; bottom:-34%; left:-14%; width:620px; height:620px; background:radial-gradient(circle, rgba(59,130,246,0.16) 0%, transparent 60%); }
.hero-center-glow{ position:absolute; top:40%; left:46%; width:520px; height:420px; transform:translate(-50%,-50%); background:radial-gradient(ellipse, rgba(99,102,241,0.12) 0%, transparent 65%); pointer-events:none; }
.hero-inner{ position:relative; z-index:1; display:grid; grid-template-columns:1fr; gap:var(--space-16); align-items:center; width:100%; }
@media (min-width:1024px){ .hero-inner{ grid-template-columns:7fr 5fr; } }
.hero-eyebrow{ display:inline-flex; align-items:center; gap:var(--space-2); font-size:var(--text-caption); font-weight:var(--weight-semibold); letter-spacing:var(--tracking-wide); text-transform:uppercase; color:var(--brand-glow); margin-bottom:var(--space-5); }
.pulse-dot{ width:7px; height:7px; border-radius:var(--radius-full); background:var(--color-success); box-shadow:0 0 0 0 rgb(16 185 129 / .5); animation:pulse 2.4s var(--ease-out) infinite; }
@keyframes pulse{ 0%{ box-shadow:0 0 0 0 rgb(16 185 129 / .5);} 70%{ box-shadow:0 0 0 8px rgb(16 185 129 / 0);} 100%{ box-shadow:0 0 0 0 rgb(16 185 129 / 0);} }
@media (prefers-reduced-motion: reduce){ .pulse-dot{ animation:none; } }
.hero-title{ font-family:var(--font-display); font-size:clamp(46px, 7.2vw, 92px); font-weight:var(--weight-black); line-height:1.04; letter-spacing:var(--tracking-tight); color:var(--text-on-dark); margin-bottom:var(--space-6); text-wrap:balance; }
.hero-sub{ font-size:var(--text-body-lg); color:var(--text-mid-dark); line-height:var(--leading-relaxed); max-width:520px; margin-bottom:var(--space-8); }
.hero-cta-row{ display:flex; gap:var(--space-4); flex-wrap:wrap; align-items:center; }
.hero-trust{ margin-top:var(--space-6); font-size:var(--text-body-sm); color:var(--text-low-dark); }
.hero-trust strong{ color:var(--text-mid-dark); font-weight:var(--weight-semibold); }

/* floating layered dashboard */
.hero-visual{ position:relative; height:440px; display:flex; align-items:center; justify-content:center; }
@media (max-width:1023px){ .hero-visual{ height:420px; margin-top:var(--space-6); } }
.hero-visual .halo{ position:absolute; inset:6% 12%; background:var(--brand-gradient); opacity:.30; filter:blur(54px); border-radius:var(--radius-2xl); }

/* Page HQ phone mockup */
.phone{ position:relative; z-index:1; width:236px; height:404px; background:var(--surface-dark-2); border:1px solid var(--border-dark-strong); border-radius:34px; padding:12px; box-shadow:var(--shadow-xl); transform:rotate(8deg); }
.phone::before{ content:''; position:absolute; top:14px; left:50%; transform:translateX(-50%); width:54px; height:6px; border-radius:var(--radius-full); background:var(--border-dark-strong); }
.phone-screen{ width:100%; height:100%; background:var(--bg-dark); border-radius:24px; padding:var(--space-5) var(--space-4); display:flex; flex-direction:column; }
.ph-head{ display:flex; align-items:baseline; justify-content:space-between; margin-top:var(--space-3); }
.ph-today{ font-family:var(--font-display); font-size:var(--text-h4); font-weight:var(--weight-bold); color:var(--text-on-dark); }
.ph-date{ font-family:var(--font-mono); font-size:10px; color:var(--text-low-dark); text-transform:uppercase; letter-spacing:var(--tracking-wide); }
.ph-rev{ display:flex; align-items:center; gap:var(--space-2); margin-top:var(--space-4); }
.ph-rev-num{ font-family:var(--font-mono); font-size:36px; font-weight:var(--weight-black); letter-spacing:var(--tracking-tighter); background:var(--brand-gradient); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }
.ph-rev-badge{ font-family:var(--font-mono); font-size:10px; font-weight:var(--weight-medium); color:var(--color-success); background:rgba(16,185,129,.14); padding:2px var(--space-2); border-radius:var(--radius-sm); }
.ph-rev-label{ font-size:10px; color:var(--text-low-dark); margin-top:2px; }
.ph-bars{ display:flex; align-items:flex-end; gap:6px; height:60px; margin-top:var(--space-5); }
.ph-bars span{ flex:1; background:var(--brand-gradient); border-radius:3px 3px 0 0; min-height:5px; opacity:.85; }
.ph-bars-axis{ display:flex; justify-content:space-between; margin-top:var(--space-2); padding-bottom:var(--space-4); border-bottom:1px solid var(--border-dark); font-family:var(--font-mono); font-size:9px; color:var(--text-low-dark); }
.ph-kpis{ display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin-top:auto; }
.ph-kpi{ background:var(--surface-dark-1); border:1px solid var(--border-dark); border-radius:var(--radius-md); padding:var(--space-2); display:flex; flex-direction:column; gap:2px; text-align:center; }
.ph-kpi .k{ font-family:var(--font-mono); font-size:8px; color:var(--text-low-dark); text-transform:uppercase; letter-spacing:.04em; }
.ph-kpi .v{ font-family:var(--font-mono); font-size:var(--text-body); font-weight:var(--weight-medium); color:var(--text-on-dark); }

.float-card{ position:absolute; z-index:2; background:var(--surface-dark-1); border:1px solid var(--border-dark); border-radius:var(--radius-xl); box-shadow:var(--shadow-xl); }
.card-trend{ top:0; left:-2%; width:60%; padding:var(--space-4); transform:rotate(-4deg); }
.card-trend .ct-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:var(--space-3); }
.ct-label{ font-family:var(--font-mono); font-size:10px; letter-spacing:var(--tracking-wide); text-transform:uppercase; color:var(--text-low-dark); }
.ct-delta{ font-family:var(--font-mono); font-size:var(--text-body-sm); font-weight:var(--weight-medium); color:var(--color-success); }
.spark{ width:100%; height:54px; display:block; }
.ct-axis{ display:flex; justify-content:space-between; margin-top:var(--space-2); font-family:var(--font-mono); font-size:9px; color:var(--text-low-dark); }
.card-live{ bottom:6%; right:-2%; padding:var(--space-3) var(--space-4); transform:rotate(3deg); display:flex; align-items:center; gap:var(--space-3); }
.card-live .lr{ display:flex; flex-direction:column; }
.card-live .lr .k{ font-family:var(--font-mono); font-size:10px; color:var(--text-low-dark); text-transform:uppercase; letter-spacing:var(--tracking-wide); }
.card-live .lr .v{ font-family:var(--font-mono); font-size:var(--text-h4); font-weight:var(--weight-medium); color:var(--text-on-dark); }
@media (prefers-reduced-motion: no-preference){
  .phone{ animation:floaty 8s var(--ease-in-out) infinite; }
  .card-trend{ animation:floaty 7s var(--ease-in-out) -2.3s infinite; }
  .card-live{ animation:floaty 7s var(--ease-in-out) -4.6s infinite; }
}
@keyframes floaty{ 0%,100%{ translate:0 0; } 50%{ translate:0 -8px; } }

/* scroll indicator */
.scroll-cue{ position:absolute; left:50%; bottom:var(--space-6); transform:translateX(-50%); z-index:1; display:none; color:var(--text-low-dark); }
@media (min-width:1024px){ .scroll-cue{ display:block; } }
.scroll-cue svg{ width:22px; height:22px; animation:bob 2s var(--ease-in-out) infinite; }
@keyframes bob{ 0%,100%{ transform:translateY(0); opacity:.5;} 50%{ transform:translateY(5px); opacity:1;} }
@media (prefers-reduced-motion: reduce){ .scroll-cue svg{ animation:none; } }

/* ════════════════════════════════════════════════════════════════════
 * STATS STRIP
 * ════════════════════════════════════════════════════════════════════ */
.stats{ position:relative; background:var(--bg-subtle); border-bottom:1px solid var(--border-subtle); padding-block:var(--space-16); }
.stats::before{ content:''; position:absolute; inset:0 0 auto 0; height:1px; background:linear-gradient(90deg, transparent, rgba(124,58,237,.25), rgba(59,130,246,.25), transparent); }
.stats-top{ display:flex; align-items:center; justify-content:center; gap:var(--space-2); margin-bottom:var(--space-10); font-family:var(--font-mono); font-size:11px; letter-spacing:var(--tracking-wide); text-transform:uppercase; color:var(--text-tertiary); }
.stats-top .pulse-dot{ background:var(--color-success); }
.stats-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:var(--space-8); }
@media (min-width:768px){ .stats-grid{ grid-template-columns:repeat(4,1fr); } }
.stat{ text-align:center; }
.stat-spark{ width:64px; height:22px; display:block; margin:0 auto var(--space-3); opacity:.9; }
.stat-num{ font-family:var(--font-mono); font-size:var(--text-stat); font-weight:var(--weight-black); line-height:1; letter-spacing:var(--tracking-tighter); background:var(--brand-gradient); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; display:block; margin-bottom:var(--space-3); }
.stat-label{ color:var(--text-secondary); font-size:var(--text-body-sm); font-weight:var(--weight-medium); }
.stat-disclaimer{ text-align:center; font-size:var(--text-caption); color:var(--text-tertiary); margin-top:var(--space-10); font-style:italic; }
.stat-disclaimer a{ font-style:normal; }

/* ════════════════════════════════════════════════════════════════════
 * ANONYMIZED ROSTER GRID
 * ════════════════════════════════════════════════════════════════════ */
.roster{ padding-block:var(--space-16); border-bottom:1px solid var(--border-subtle); }
.roster-head{ text-align:center; margin-bottom:var(--space-12); max-width:var(--container-prose); margin-inline:auto; }
.roster-eyebrow{ display:block; font-size:var(--text-caption); font-weight:var(--weight-semibold); letter-spacing:var(--tracking-wider); text-transform:uppercase; color:var(--text-tertiary); margin-bottom:var(--space-3); }
.roster-title2{ font-size:var(--text-h2); letter-spacing:var(--tracking-tight); margin-bottom:var(--space-4); }
.roster-lede{ font-size:var(--text-body-lg); color:var(--text-secondary); line-height:var(--leading-relaxed); }

.roster-partlabel{ display:flex; align-items:center; gap:var(--space-2); font-size:var(--text-caption); font-weight:var(--weight-semibold); letter-spacing:var(--tracking-wide); text-transform:uppercase; color:var(--text-secondary); margin-bottom:var(--space-5); }
.rp-dot{ width:8px; height:8px; border-radius:var(--radius-full); }
.rp-ai{ background:var(--brand-purple); }

/* AI persona cards - carousel on mobile, 5-col grid desktop */
.ai-carousel{ list-style:none; padding:0; margin:0 0 var(--space-5); display:grid; grid-auto-flow:column; grid-auto-columns:78%; gap:var(--space-4); overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; padding-bottom:var(--space-3); }
@media (min-width:560px){ .ai-carousel{ grid-auto-columns:42%; } }
@media (min-width:1024px){ .ai-carousel{ grid-auto-flow:row; grid-template-columns:repeat(5,1fr); grid-auto-columns:auto; overflow:visible; } }
.ai-card{ scroll-snap-align:start; background:var(--bg-card); border:1px solid var(--border-subtle); border-radius:var(--radius-lg); overflow:hidden; display:flex; flex-direction:column; transition:box-shadow var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out); }
.ai-card:hover{ box-shadow:var(--shadow-lg); transform:translateY(-3px); }
.ai-photo{ position:relative; aspect-ratio:1; display:flex; align-items:center; justify-content:center; }
.ai-photo-ini{ font-family:var(--font-display); font-size:48px; font-weight:var(--weight-black); color:rgba(255,255,255,.85); }
.ai-badge{ position:absolute; top:var(--space-3); right:var(--space-3); font-family:var(--font-body); font-size:11px; font-weight:var(--weight-semibold); letter-spacing:.04em; color:#fff; background:linear-gradient(135deg, rgba(124,58,237,.92), rgba(167,139,250,.92)); border:1px solid rgba(124,58,237,.5); padding:4px 8px; border-radius:var(--radius-full); transform:rotate(-3deg); box-shadow:var(--shadow-sm); }
.ai-body{ padding:var(--space-5); display:flex; flex-direction:column; }
.ai-name{ font-size:var(--text-h4); margin-bottom:2px; }
.ai-niche{ font-size:var(--text-caption); color:var(--text-tertiary); margin-bottom:var(--space-4); }
.ai-stats{ display:flex; gap:var(--space-3); padding-bottom:var(--space-4); margin-bottom:var(--space-4); border-bottom:1px solid var(--border-subtle); }
.ai-stat{ display:flex; flex-direction:column; }
.ai-stat .v{ font-family:var(--font-mono); font-size:var(--text-body); font-weight:var(--weight-bold); color:var(--text-primary); letter-spacing:var(--tracking-tight); }
.ai-stat .k{ font-size:10px; color:var(--text-tertiary); margin-top:1px; }
.ai-platforms{ display:flex; gap:var(--space-2); margin-bottom:var(--space-4); }
.ai-plat{ font-family:var(--font-mono); font-size:11px; color:var(--text-secondary); background:var(--bg-subtle); border:1px solid var(--border-subtle); border-radius:var(--radius-sm); padding:2px var(--space-2); }
.ai-cta{ font-size:var(--text-body-sm); font-weight:var(--weight-semibold); color:var(--brand-blue); margin-top:auto; }
.ai-cta:hover{ color:var(--brand-blue-hover); }

/* Part B - managed real creators */
.managed-block{ margin-top:var(--space-16); padding-top:var(--space-12); border-top:1px solid var(--border-subtle); text-align:center; }
.managed-title{ font-size:var(--text-h3); letter-spacing:var(--tracking-snug); margin-bottom:var(--space-6); }
.managed-grid{ list-style:none; padding:0; margin:0 auto var(--space-5); display:flex; flex-wrap:wrap; justify-content:center; gap:var(--space-3); }
.managed-link{ margin-top:var(--space-4); }

.rost{ position:relative; width:56px; height:56px; border-radius:var(--radius-full); display:flex; align-items:center; justify-content:center; box-shadow:var(--shadow-md); cursor:default; outline:none; }
.rost-sm{ width:40px; height:40px; box-shadow:var(--shadow-sm); }
.rost:focus-visible{ box-shadow:var(--shadow-focus-ring), var(--shadow-md); }
.rost-ini{ font-family:var(--font-display); font-size:var(--text-body); font-weight:var(--weight-bold); color:#fff; letter-spacing:.02em; }
.rost-sm .rost-ini{ font-size:var(--text-body-sm); }
.rost-cc{ position:absolute; bottom:-2px; right:-2px; font-family:var(--font-mono); font-size:8px; font-weight:var(--weight-medium); color:var(--text-secondary); background:var(--bg); border:1px solid var(--border-subtle); border-radius:var(--radius-full); padding:1px 4px; letter-spacing:.02em; }
/* gradient palette - diverse but tonally harmonious */
.g-blue{ background:linear-gradient(135deg,#3B82F6,#2563EB); }
.g-purple{ background:linear-gradient(135deg,#8B5CF6,#6D28D9); }
.g-indigo{ background:linear-gradient(135deg,#6366F1,#4F46E5); }
.g-sage{ background:linear-gradient(135deg,#5BA88A,#3F7E66); }
.g-terra{ background:linear-gradient(135deg,#D08A66,#B0613F); }
.g-glow{ background:linear-gradient(135deg,#A78BFA,#7C3AED); }
/* CSS tooltip */
.rost::after{ content:attr(data-tip); position:absolute; bottom:calc(100% + 10px); left:50%; transform:translateX(-50%) translateY(4px); white-space:nowrap; background:var(--bg-dark); color:var(--text-on-dark); font-family:var(--font-mono); font-size:11px; padding:var(--space-2) var(--space-3); border-radius:var(--radius-md); box-shadow:var(--shadow-lg); opacity:0; visibility:hidden; transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out); pointer-events:none; z-index:var(--z-tooltip); }
.rost::before{ content:''; position:absolute; bottom:calc(100% + 4px); left:50%; transform:translateX(-50%); border:6px solid transparent; border-top-color:var(--bg-dark); opacity:0; visibility:hidden; transition:opacity var(--duration-fast) var(--ease-out); }
.rost:hover::after, .rost:focus-visible::after{ opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); }
.rost:hover::before, .rost:focus-visible::before{ opacity:1; visibility:visible; }
.roster-note{ text-align:center; font-size:var(--text-caption); color:var(--text-tertiary); font-style:italic; margin-top:var(--space-8); }

/* ════════════════════════════════════════════════════════════════════
 * MULTI-PLATFORM STRIP
 * ════════════════════════════════════════════════════════════════════ */
.platforms{ padding-block:var(--space-10); border-bottom:1px solid var(--border-subtle); }
.platforms-inner{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:var(--space-3) var(--space-5); }
.platforms-label{ font-size:var(--text-body-sm); color:var(--text-tertiary); }
.platforms-list{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:var(--space-4); font-family:var(--font-mono); font-size:var(--text-body-sm); color:var(--text-secondary); }
.platforms-list .p{ display:inline-flex; align-items:center; gap:var(--space-2); }
.platforms-list .p::before{ content:''; width:6px; height:6px; border-radius:var(--radius-full); background:var(--brand-purple); opacity:.7; }

/* ════════════════════════════════════════════════════════════════════
 * PROBLEM
 * ════════════════════════════════════════════════════════════════════ */
.problem-grid{ display:grid; grid-template-columns:1fr; gap:var(--space-6); }
@media (min-width:768px){ .problem-grid{ grid-template-columns:repeat(3,1fr); } }
.problem-card{ padding:var(--space-8) var(--space-6); border:1px solid var(--border-subtle); border-radius:var(--radius-lg); background:linear-gradient(180deg, var(--bg) 0%, var(--bg-subtle) 100%); }
.problem-num{ font-family:var(--font-mono); font-size:40px; font-weight:var(--weight-black); letter-spacing:var(--tracking-tighter); color:var(--brand-purple-light); line-height:1; margin-bottom:var(--space-4); }
.problem-card h3{ font-size:var(--text-h4); margin-bottom:var(--space-2); }
.problem-card p{ color:var(--text-secondary); font-size:var(--text-body-sm); line-height:var(--leading-relaxed); }

/* ════════════════════════════════════════════════════════════════════
 * SERVICES
 * ════════════════════════════════════════════════════════════════════ */
.services{ background:var(--bg-subtle); }
.tiers{ display:grid; grid-template-columns:1fr; gap:var(--space-6); align-items:start; max-width:1080px; margin-inline:auto; }
@media (min-width:900px){ .tiers{ grid-template-columns:repeat(3,1fr); } }
.tier{ position:relative; background:var(--bg-card); border:1px solid var(--border-subtle); border-radius:var(--radius-xl); padding:var(--space-8); display:flex; flex-direction:column; transition:box-shadow var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out); }
.tier:hover{ box-shadow:var(--shadow-lg); transform:translateY(-3px); }
.tier.featured{ border:2px solid var(--brand-purple); box-shadow:var(--shadow-xl); }
@media (min-width:900px){ .tier.featured{ transform:scale(1.04); } .tier.featured:hover{ transform:scale(1.04) translateY(-3px); } }
.tier .badge{ position:absolute; top:calc(-1*var(--space-3)); left:var(--space-6); background:var(--brand-purple); color:#fff; padding:var(--space-1) var(--space-3); font-size:11px; font-weight:var(--weight-bold); letter-spacing:var(--tracking-wider); border-radius:var(--radius-sm); }
.tier h3{ font-size:var(--text-h3); margin-bottom:var(--space-3); }
.tier-price{ font-family:var(--font-mono); font-size:44px; font-weight:var(--weight-black); letter-spacing:var(--tracking-tighter); color:var(--text-primary); line-height:1; }
.tier.featured .tier-price{ background:var(--brand-gradient); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }
.tier-price-sub{ font-size:var(--text-body-sm); color:var(--text-tertiary); margin-top:var(--space-2); margin-bottom:var(--space-4); }
.tier-desc{ font-size:var(--text-body-sm); color:var(--text-secondary); line-height:var(--leading-relaxed); margin-bottom:var(--space-5); padding-bottom:var(--space-5); border-bottom:1px solid var(--border-subtle); }
.tier-list{ list-style:none; padding:0; margin:0 0 var(--space-6); display:flex; flex-direction:column; gap:var(--space-3); flex:1; }
.tier-list li{ display:flex; gap:var(--space-2); font-size:var(--text-body-sm); color:var(--text-secondary); line-height:var(--leading-snug); }
.tier-list li::before{ content:'✓'; color:var(--color-success); font-weight:var(--weight-bold); flex:none; }
.tier .btn{ width:100%; }
.tier-note{ text-align:center; font-size:var(--text-caption); color:var(--text-tertiary); margin-top:var(--space-3); }

/* ════════════════════════════════════════════════════════════════════
 * À LA CARTE - visible 6-card grid + optional highlight picker (CSS-only)
 * Cards are ALWAYS visible (SEO + scanning). Picker only highlights/dims.
 * ════════════════════════════════════════════════════════════════════ */
.sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
.alacarte{ background:linear-gradient(180deg, var(--bg) 0%, var(--bg-subtle) 100%); }
.alacarte-wrap{ border:0; padding:0; margin:0; }

/* hidden-but-focusable radios (live just before .sa-grid as siblings) */
.sa-radio{ position:absolute; width:1px; height:1px; opacity:0; margin:0; }

/* picker bar */
.picker-bar{ display:flex; align-items:center; gap:var(--space-3); flex-wrap:wrap; justify-content:center; margin-bottom:var(--space-10); }
.picker-caption{ font-size:var(--text-body-sm); color:var(--text-secondary); font-weight:var(--weight-medium); }
.picker-pills{ display:flex; gap:var(--space-2); flex-wrap:wrap; }
@media (max-width:559px){ .picker-pills{ flex-wrap:nowrap; overflow-x:auto; max-width:100%; padding-bottom:var(--space-2); -webkit-overflow-scrolling:touch; scrollbar-width:thin; } }
.pill{ display:inline-flex; align-items:center; min-height:40px; padding:var(--space-2) var(--space-4); background:var(--bg); border:1px solid var(--border-default); border-radius:var(--radius-full); cursor:pointer; font-size:var(--text-body-sm); font-weight:var(--weight-medium); color:var(--text-secondary); white-space:nowrap; }
.pill:hover{ border-color:var(--brand-purple); color:var(--brand-purple-hover); }
.pill-clear{ font-size:var(--text-body-sm); color:var(--text-tertiary); text-decoration:underline; cursor:pointer; background:none; border:0; white-space:nowrap; padding:var(--space-2); }
.pill-clear:hover{ color:var(--text-secondary); }

/* selected pill */
#p1:checked ~ .picker-bar label[for="p1"], #p2:checked ~ .picker-bar label[for="p2"], #p3:checked ~ .picker-bar label[for="p3"], #p4:checked ~ .picker-bar label[for="p4"], #p5:checked ~ .picker-bar label[for="p5"], #p6:checked ~ .picker-bar label[for="p6"]{ border-color:var(--brand-purple); background:var(--brand-purple-light); color:var(--brand-purple-hover); }
/* keyboard focus ring on associated pill */
#p1:focus-visible ~ .picker-bar label[for="p1"], #p2:focus-visible ~ .picker-bar label[for="p2"], #p3:focus-visible ~ .picker-bar label[for="p3"], #p4:focus-visible ~ .picker-bar label[for="p4"], #p5:focus-visible ~ .picker-bar label[for="p5"], #p6:focus-visible ~ .picker-bar label[for="p6"], #pClear:focus-visible ~ .picker-bar label[for="pClear"]{ box-shadow:var(--shadow-focus-ring); border-radius:var(--radius-full); }

/* grid - always visible */
.sa-grid{ display:grid; grid-template-columns:1fr; gap:var(--space-5); max-width:1080px; margin-inline:auto; }
@media (min-width:600px){ .sa-grid{ grid-template-columns:repeat(2,1fr); } }
@media (min-width:960px){ .sa-grid{ grid-template-columns:repeat(3,1fr); } }
.sa-card{ display:flex; flex-direction:column; background:var(--bg-card); border:1px solid var(--border-subtle); border-radius:var(--radius-lg); padding:var(--space-5); box-shadow:var(--shadow-none); }
@media (min-width:600px){ .sa-card{ padding:var(--space-6); } }
.sa-card:hover{ border-color:var(--brand-blue); box-shadow:var(--shadow-md); transition:border-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out); }
.sa-name{ font-size:var(--text-h4); margin-bottom:var(--space-2); }
.sa-price{ font-family:var(--font-mono); font-size:var(--text-body); font-weight:var(--weight-medium); color:var(--brand-purple); margin-bottom:var(--space-3); }
.sa-line{ color:var(--text-secondary); font-size:var(--text-body-sm); line-height:var(--leading-relaxed); margin-bottom:var(--space-4); padding-bottom:var(--space-4); border-bottom:1px solid var(--border-subtle); }
.sa-list{ list-style:none; padding:0; margin:0 0 var(--space-5); display:flex; flex-direction:column; gap:var(--space-2); flex:1; }
.sa-list li{ display:flex; gap:var(--space-2); font-size:var(--text-body-sm); color:var(--text-secondary); line-height:var(--leading-snug); }
.sa-list li::before{ content:'✓'; color:var(--color-success); font-weight:var(--weight-bold); flex:none; }
.sa-cta{ color:var(--brand-blue); font-weight:var(--weight-semibold); font-size:var(--text-body-sm); margin-top:auto; }
.sa-cta:hover{ color:var(--brand-blue-hover); }

/* picker → dim all cards when any bottleneck (p1–p6) selected */
#p1:checked ~ .sa-grid .sa-card, #p2:checked ~ .sa-grid .sa-card, #p3:checked ~ .sa-grid .sa-card, #p4:checked ~ .sa-grid .sa-card, #p5:checked ~ .sa-grid .sa-card, #p6:checked ~ .sa-grid .sa-card{ opacity:.6; }
/* …then re-light + highlight the matching card */
#p1:checked ~ .sa-grid .sa-card.c1, #p2:checked ~ .sa-grid .sa-card.c2, #p3:checked ~ .sa-grid .sa-card.c3, #p4:checked ~ .sa-grid .sa-card.c4, #p5:checked ~ .sa-grid .sa-card.c5, #p6:checked ~ .sa-grid .sa-card.c6{ opacity:1; border:2px solid var(--brand-purple); transform:scale(1.02); box-shadow:var(--shadow-lg); }

/* below-grid actions */
.sa-foot{ text-align:center; margin-top:var(--space-12); }
.sa-foot-note{ margin-top:var(--space-4); font-size:var(--text-caption); font-style:italic; color:var(--text-tertiary); max-width:560px; margin-inline:auto; line-height:var(--leading-relaxed); }

/* ════════════════════════════════════════════════════════════════════
 * PAGE METHOD - flow diagram
 * ════════════════════════════════════════════════════════════════════ */
.method{ background:var(--bg-subtle); position:relative; }
.method::before{ content:''; position:absolute; top:0; left:0; right:0; height:3px; background:var(--brand-gradient); opacity:.85; }
.method .container{ position:relative; }
.method-illo{ position:absolute; top:var(--space-8); right:var(--space-4); width:200px; height:auto; opacity:.16; pointer-events:none; z-index:0; }
@media (min-width:1024px){ .method-illo{ width:240px; opacity:.2; } }
@media (max-width:599px){ .method-illo{ display:none; } }
.method .section-head, .method-flow{ position:relative; z-index:1; }

/* ════════════════════════════════════════════════════════════════════
 * HOW WE USE AI CREATORS
 * ════════════════════════════════════════════════════════════════════ */
.aimodel-grid{ display:grid; grid-template-columns:1fr; gap:var(--space-8); }
@media (min-width:880px){ .aimodel-grid{ grid-template-columns:repeat(3,1fr); gap:var(--space-10); } }
.aimodel-col{ padding:var(--space-6); border:1px solid var(--border-subtle); border-radius:var(--radius-lg); background:var(--bg-card); border-top:3px solid var(--brand-purple); }
.aimodel-h{ display:flex; align-items:center; gap:var(--space-2); font-size:var(--text-h4); margin-bottom:var(--space-5); line-height:var(--leading-snug); }
.aimodel-num{ font-family:var(--font-mono); font-size:var(--text-body-sm); font-weight:var(--weight-medium); color:var(--brand-purple); }
.aimodel-list{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:var(--space-3); }
.aimodel-list li{ position:relative; padding-left:var(--space-5); font-size:var(--text-body-sm); color:var(--text-secondary); line-height:var(--leading-relaxed); }
.aimodel-list li::before{ content:''; position:absolute; left:0; top:8px; width:7px; height:7px; border-radius:var(--radius-full); background:var(--brand-gradient); }
.method-flow{ position:relative; display:grid; grid-template-columns:1fr; gap:var(--space-6); counter-reset:step; }
@media (min-width:880px){ .method-flow{ grid-template-columns:repeat(4,1fr); gap:var(--space-5); } }
.method-connector{ display:none; }
@media (min-width:880px){
  .method-connector{ display:block; position:absolute; top:38px; left:12%; right:12%; height:2px; z-index:0; }
  .method-connector svg{ width:100%; height:24px; overflow:visible; }
}
.method-node{ position:relative; z-index:1; padding:var(--space-6); border:1px solid var(--border-subtle); border-radius:var(--radius-lg); background:var(--bg-card); counter-increment:step; text-align:left; }
.method-icon{ width:30px; height:30px; color:var(--text-tertiary); margin-bottom:var(--space-4); }
.method-node .num{ font-family:var(--font-mono); color:var(--brand-purple); font-size:var(--text-caption); font-weight:var(--weight-medium); letter-spacing:var(--tracking-wide); display:block; margin-bottom:var(--space-2); }
.method-node .num::before{ content:counter(step, decimal-leading-zero); }
.method-node h3{ font-size:var(--text-h4); margin-bottom:var(--space-2); }
.method-node p{ color:var(--text-secondary); font-size:var(--text-body-sm); line-height:var(--leading-relaxed); }

/* ════════════════════════════════════════════════════════════════════
 * 50/50 COMPARISON
 * ════════════════════════════════════════════════════════════════════ */
.split-bar{ max-width:920px; margin:0 auto var(--space-10); }
.split-track{ display:flex; height:14px; border-radius:var(--radius-full); overflow:hidden; box-shadow:inset 0 1px 2px rgb(0 0 0 / .06); }
.split-blue{ width:50%; background:var(--brand-blue); }
.split-purple{ width:50%; background:var(--brand-purple); }
.split-legend{ display:flex; justify-content:space-between; margin-top:var(--space-3); font-family:var(--font-mono); font-size:var(--text-caption); color:var(--text-tertiary); }
.compare{ display:grid; grid-template-columns:1fr; gap:var(--space-6); max-width:920px; margin-inline:auto; }
@media (min-width:768px){ .compare{ grid-template-columns:1fr 1fr; align-items:start; } }
.compare-card{ padding:var(--space-8); border-radius:var(--radius-xl); border:1px solid var(--border-subtle); background:var(--bg-card); }
.compare-card.featured{ border:2px solid var(--brand-purple); position:relative; box-shadow:var(--shadow-lg); }
.compare-card.featured .badge{ position:absolute; top:calc(-1*var(--space-3)); left:var(--space-6); background:var(--brand-purple); color:#fff; padding:var(--space-1) var(--space-3); font-size:11px; font-weight:var(--weight-bold); letter-spacing:var(--tracking-wider); border-radius:var(--radius-sm); }
.compare-card h3{ font-size:var(--text-h4); margin-bottom:var(--space-1); }
.compare-card .sub{ font-size:var(--text-body-sm); color:var(--text-tertiary); margin-bottom:var(--space-4); }
.compare-price{ font-family:var(--font-mono); font-size:46px; font-weight:var(--weight-black); letter-spacing:var(--tracking-tighter); margin-bottom:var(--space-5); color:var(--text-tertiary); }
.compare-card.featured .compare-price{ background:var(--brand-gradient); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }
.compare-list{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:var(--space-3); }
.compare-list li{ color:var(--text-secondary); font-size:var(--text-body-sm); display:flex; gap:var(--space-3); align-items:flex-start; line-height:var(--leading-snug); }
.compare-list li .ic{ flex:none; width:18px; height:18px; border-radius:var(--radius-full); display:inline-flex; align-items:center; justify-content:center; font-size:11px; font-weight:var(--weight-bold); margin-top:1px; }
.compare-card:not(.featured) .ic{ background:var(--color-danger-bg); color:var(--color-danger-text); }
.compare-card.featured .ic{ background:var(--color-success-bg); color:var(--color-success-text); }

/* ════════════════════════════════════════════════════════════════════
 * CASE STUDY TEASER
 * ════════════════════════════════════════════════════════════════════ */
.case{ max-width:860px; margin-inline:auto; background:linear-gradient(180deg,var(--bg) 0%, var(--bg-subtle) 100%); border:1px solid var(--border-subtle); border-radius:var(--radius-2xl); padding:var(--space-10); box-shadow:var(--shadow-md); }
@media (min-width:760px){ .case{ display:grid; grid-template-columns:200px 1fr; gap:var(--space-10); align-items:center; } }
.case-portrait{ position:relative; width:140px; height:140px; border-radius:var(--radius-xl); background:linear-gradient(135deg, var(--surface-dark-2), var(--bg-dark)); display:flex; flex-direction:column; align-items:center; justify-content:center; color:var(--text-on-dark); flex:none; margin-bottom:var(--space-6); }
.case-aibadge{ position:absolute; top:var(--space-2); left:var(--space-2); right:auto; transform:rotate(-3deg); }
.case-sub{ font-size:var(--text-body-sm); color:var(--text-tertiary); margin-bottom:var(--space-4); }
@media (min-width:760px){ .case-portrait{ width:200px; height:200px; margin-bottom:0; } }
.case-portrait .ini{ font-family:var(--font-display); font-size:48px; font-weight:var(--weight-black); }
.case-portrait .cap{ font-family:var(--font-mono); font-size:10px; color:var(--text-low-dark); letter-spacing:var(--tracking-wide); margin-top:var(--space-2); text-transform:uppercase; }
.case-meta{ display:flex; flex-wrap:wrap; gap:var(--space-2) var(--space-4); align-items:center; margin-bottom:var(--space-4); font-size:var(--text-body-sm); }
.case-alias{ font-weight:var(--weight-semibold); color:var(--text-primary); }
.case-joined{ font-family:var(--font-mono); font-size:var(--text-caption); color:var(--text-tertiary); }
.case-stat{ font-family:var(--font-display); font-size:var(--text-h3); font-weight:var(--weight-black); letter-spacing:var(--tracking-tight); margin-bottom:var(--space-4); }
.case-stat .from{ color:var(--text-tertiary); } .case-stat .to{ color:var(--color-success-text); }
.case-spark{ width:100%; max-width:320px; height:48px; display:block; margin-bottom:var(--space-5); }
.case-quote{ font-size:var(--text-body); color:var(--text-secondary); font-style:italic; line-height:var(--leading-relaxed); margin-bottom:var(--space-4); }
.case-disclaimer{ text-align:center; font-size:var(--text-caption); color:var(--text-tertiary); font-style:italic; margin-top:var(--space-8); }

/* ════════════════════════════════════════════════════════════════════
 * TOOLS
 * ════════════════════════════════════════════════════════════════════ */
@property --tools-n { syntax:'<integer>'; inherits:false; initial-value:11; }
.tools-count::after{ counter-reset: tn var(--tools-n); content: counter(tn); }
.tools-grid{ display:grid; grid-template-columns:1fr; gap:var(--space-6); }
@media (min-width:680px){ .tools-grid{ grid-template-columns:repeat(3,1fr); } }
.tool-card{ padding:var(--space-6); border:1px solid var(--border-subtle); border-radius:var(--radius-lg); background:var(--bg-card); text-decoration:none; color:inherit; transition:box-shadow var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out); display:flex; flex-direction:column; }
.tool-card:hover{ box-shadow:var(--shadow-lg); border-color:var(--brand-blue); text-decoration:none; transform:translateY(-2px); }
.tool-icon{ width:44px; height:44px; border-radius:var(--radius-md); background:var(--brand-blue-light); color:var(--brand-blue); display:inline-flex; align-items:center; justify-content:center; margin-bottom:var(--space-4); }
.tool-icon svg{ width:22px; height:22px; }
.tool-card h3{ font-size:var(--text-h4); margin-bottom:var(--space-2); }
.tool-card p{ color:var(--text-secondary); font-size:var(--text-body-sm); line-height:var(--leading-relaxed); margin-bottom:var(--space-5); }
.tool-preview{ display:flex; flex-direction:column; gap:6px; margin-bottom:var(--space-5); }
.tool-preview span{ height:6px; border-radius:3px; background:var(--border-subtle); }
.tool-preview span:nth-child(1){ width:90%; } .tool-preview span:nth-child(2){ width:70%; } .tool-preview span:nth-child(3){ width:50%; background:var(--brand-blue-light); }
.tool-cta{ color:var(--brand-blue); font-weight:var(--weight-semibold); font-size:var(--text-body-sm); margin-top:auto; }
.tools-all{ text-align:center; margin-top:var(--space-10); }

/* ════════════════════════════════════════════════════════════════════
 * FOUNDER
 * ════════════════════════════════════════════════════════════════════ */
.founder{ background:var(--bg-subtle); }
.founder-inner{ display:grid; grid-template-columns:1fr; gap:var(--space-8); align-items:center; max-width:880px; margin-inline:auto; }
@media (min-width:680px){ .founder-inner{ grid-template-columns:200px 1fr; gap:var(--space-12); } }
.founder-photo{ width:160px; height:160px; border-radius:var(--radius-xl); background:repeating-linear-gradient(135deg,var(--bg-subtle),var(--bg-subtle) 10px,#eef2f7 10px,#eef2f7 20px); border:1px solid var(--border-subtle); display:flex; flex-direction:column; align-items:center; justify-content:center; }
@media (min-width:680px){ .founder-photo{ width:200px; height:200px; } }
.founder-photo .ini{ font-family:var(--font-display); font-size:44px; font-weight:var(--weight-black); color:var(--text-tertiary); }
.founder-photo .cap{ font-family:var(--font-mono); font-size:10px; color:var(--text-tertiary); letter-spacing:var(--tracking-wide); text-transform:uppercase; margin-top:var(--space-2); }
.founder h3{ font-size:var(--text-h3); margin-bottom:var(--space-1); }
.founder .role{ font-size:var(--text-body-sm); color:var(--brand-purple); font-weight:var(--weight-semibold); margin-bottom:var(--space-4); }
.founder-bio{ color:var(--text-secondary); font-size:var(--text-body); line-height:var(--leading-relaxed); margin-bottom:var(--space-5); }
.founder-bio::first-letter{ font-family:var(--font-display); font-weight:var(--weight-black); font-size:48px; line-height:.8; float:left; margin:4px var(--space-3) 0 0; color:var(--text-primary); }
.founder-links{ display:flex; align-items:center; gap:var(--space-5); }
.founder-links a{ display:inline-flex; align-items:center; gap:var(--space-2); font-size:var(--text-body-sm); font-weight:var(--weight-medium); }
.founder-links svg{ width:18px; height:18px; }

/* ════════════════════════════════════════════════════════════════════
 * FAQ
 * ════════════════════════════════════════════════════════════════════ */
.faq-list{ max-width:var(--container-prose); margin-inline:auto; display:flex; flex-direction:column; gap:var(--space-3); }
.faq{ border:1px solid var(--border-subtle); border-radius:var(--radius-lg); background:var(--bg-card); overflow:hidden; transition:border-color var(--duration-base) var(--ease-out); }
.faq[open]{ border-color:var(--brand-purple); background:linear-gradient(180deg, var(--brand-purple-light) 0%, var(--bg) 22%); }
.faq summary{ list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:var(--space-4); padding:var(--space-5) var(--space-6); font-family:var(--font-display); font-size:var(--text-h4); font-weight:var(--weight-semibold); color:var(--text-primary); }
.faq summary::-webkit-details-marker{ display:none; }
.faq summary .pm{ flex:none; width:24px; height:24px; position:relative; }
.faq summary .pm::before, .faq summary .pm::after{ content:''; position:absolute; top:50%; left:50%; width:14px; height:2px; background:var(--brand-purple); transform:translate(-50%,-50%); transition:transform var(--duration-base) var(--ease-out); }
.faq summary .pm::after{ transform:translate(-50%,-50%) rotate(90deg); }
.faq[open] summary .pm::after{ transform:translate(-50%,-50%) rotate(0); }
.faq-body{ padding:0 var(--space-6) var(--space-5); color:var(--text-secondary); font-size:var(--text-body); line-height:var(--leading-relaxed); }

/* ════════════════════════════════════════════════════════════════════
 * TRANSPARENCY
 * ════════════════════════════════════════════════════════════════════ */
.transparency{ position:relative; background:var(--bg-subtle); overflow:hidden; }
.transparency::before{ content:''; position:absolute; top:-10%; left:50%; width:680px; height:420px; transform:translateX(-50%); background:radial-gradient(ellipse, rgba(124,58,237,.07) 0%, transparent 65%); pointer-events:none; }
.transparency-inner{ position:relative; max-width:820px; margin-inline:auto; text-align:center; }
.quote-mark{ font-family:var(--font-display); font-size:160px; line-height:.6; color:var(--border-default); display:block; height:64px; }
.transparency-quote{ font-family:var(--font-display); font-size:clamp(30px,4.6vw,56px); font-weight:var(--weight-bold); line-height:1.12; letter-spacing:var(--tracking-tight); margin-bottom:var(--space-6); text-wrap:balance; }
.transparency-quote .accent{ background:var(--brand-gradient); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }
.transparency-body{ color:var(--text-secondary); font-size:var(--text-body-lg); line-height:var(--leading-loose); margin-bottom:var(--space-6); max-width:var(--container-prose); margin-inline:auto; }

/* ════════════════════════════════════════════════════════════════════
 * FINAL CTA (dark)
 * ════════════════════════════════════════════════════════════════════ */
.final-cta{ position:relative; background:var(--bg-dark); color:var(--text-on-dark); padding-block:var(--space-32); text-align:center; overflow:hidden; }
.final-cta::before{ content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:1100px; height:620px; background:radial-gradient(ellipse at center, rgba(124,58,237,.30) 0%, rgba(59,130,246,.10) 45%, transparent 70%); pointer-events:none; }
.final-cta-inner{ position:relative; z-index:1; max-width:var(--container-prose); margin-inline:auto; }
.final-cta h2{ color:var(--text-on-dark); font-size:clamp(40px,6vw,84px); font-weight:var(--weight-black); letter-spacing:var(--tracking-tight); line-height:1.05; margin-bottom:var(--space-5); text-wrap:balance; }
.final-cta h2 .accent{ background:var(--brand-gradient); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }
.final-cta p{ color:var(--text-mid-dark); font-size:var(--text-body-lg); line-height:var(--leading-relaxed); margin-bottom:var(--space-8); }
.final-cta-micro{ margin-top:var(--space-6); display:inline-flex; align-items:center; gap:var(--space-2); font-family:var(--font-mono); font-size:var(--text-caption); color:var(--text-low-dark); }

/* ════════════════════════════════════════════════════════════════════
 * B2B - FOR ADULT BUSINESSES
 * ════════════════════════════════════════════════════════════════════ */
.b2b{ background:linear-gradient(180deg, var(--bg-subtle) 0%, var(--bg) 100%); }
.b2b-inner{ display:grid; grid-template-columns:1fr; gap:var(--space-12); align-items:center; }
@media (min-width:920px){ .b2b-inner{ grid-template-columns:1fr 1fr; gap:var(--space-16); } }
.b2b-list{ list-style:none; padding:0; margin:var(--space-6) 0 var(--space-8); display:flex; flex-direction:column; gap:var(--space-4); }
.b2b-list li{ display:flex; gap:var(--space-3); align-items:flex-start; }
.b2b-ic{ flex:none; width:22px; height:22px; border-radius:var(--radius-full); background:var(--color-success-bg); color:var(--color-success-text); display:inline-flex; align-items:center; justify-content:center; font-size:12px; font-weight:var(--weight-bold); margin-top:2px; }
.b2b-list li div{ display:flex; flex-direction:column; }
.b2b-list li strong{ font-size:var(--text-body); color:var(--text-primary); font-weight:var(--weight-semibold); }
.b2b-list li span{ font-family:var(--font-mono); font-size:var(--text-body-sm); color:var(--text-secondary); }
.b2b-note{ margin-top:var(--space-4); font-size:var(--text-body-sm); color:var(--text-tertiary); }

.b2b-visual{ position:relative; }
.b2b-visual::before{ content:''; position:absolute; inset:2% 4%; background:var(--brand-gradient); opacity:.20; filter:blur(48px); border-radius:var(--radius-2xl); }
.b2b-card{ position:relative; background:var(--surface-dark-1); border:1px solid var(--border-dark); border-radius:var(--radius-xl); box-shadow:var(--shadow-xl); padding:var(--space-6); }
.b2b-card-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:var(--space-5); }
.b2b-card-label{ font-family:var(--font-mono); font-size:11px; letter-spacing:var(--tracking-wide); text-transform:uppercase; color:var(--text-mid-dark); }
.b2b-card-tag{ font-family:var(--font-mono); font-size:10px; letter-spacing:var(--tracking-wide); text-transform:uppercase; color:var(--brand-glow); background:rgba(167,139,250,0.14); padding:2px var(--space-2); border-radius:var(--radius-sm); }
.b2b-chart{ width:100%; height:104px; display:block; }
.b2b-chart-axis{ display:flex; justify-content:space-between; margin-top:var(--space-2); padding-bottom:var(--space-5); border-bottom:1px solid var(--border-dark); font-family:var(--font-mono); font-size:10px; color:var(--text-low-dark); }
.b2b-bigstat{ display:flex; flex-direction:column; margin-top:var(--space-5); }
.b2b-bigstat-num{ font-family:var(--font-mono); font-size:44px; font-weight:var(--weight-black); line-height:1; letter-spacing:var(--tracking-tighter); }
.b2b-bigstat-label{ font-size:var(--text-caption); color:var(--text-mid-dark); margin-top:var(--space-2); }
.b2b-kpis{ display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-2); margin-top:var(--space-5); }
.b2b-kpi{ background:var(--surface-dark-2); border:1px solid var(--border-dark); border-radius:var(--radius-md); padding:var(--space-3); display:flex; flex-direction:column; gap:2px; }
.b2b-kpi .k{ font-family:var(--font-mono); font-size:9px; letter-spacing:var(--tracking-wide); text-transform:uppercase; color:var(--text-low-dark); }
.b2b-kpi .v{ font-family:var(--font-mono); font-size:var(--text-body-sm); font-weight:var(--weight-medium); color:var(--text-on-dark); }

/* ════════════════════════════════════════════════════════════════════
 * TRUSTED INFRASTRUCTURE STRIP
 * ════════════════════════════════════════════════════════════════════ */
.trust-strip{ background:var(--bg-subtle); border-top:1px solid var(--border-subtle); padding-block:var(--space-8); }
.trust-eyebrow{ text-align:center; font-size:11px; font-weight:var(--weight-semibold); letter-spacing:var(--tracking-wider); text-transform:uppercase; color:var(--text-tertiary); margin-bottom:var(--space-5); }
.trust-logos{ list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:var(--space-6) var(--space-10); }
.trust-logo{ font-family:var(--font-display); font-size:var(--text-body-lg); font-weight:var(--weight-bold); letter-spacing:var(--tracking-snug); color:var(--text-tertiary); cursor:default; transition:color var(--duration-base) var(--ease-out); }
.trust-logo:hover{ color:var(--text-secondary); }

/* ════════════════════════════════════════════════════════════════════
 * FOOTER
 * ════════════════════════════════════════════════════════════════════ */
.footer{ background:var(--bg); border-top:1px solid var(--border-subtle); padding-block:var(--space-16) var(--space-8); }
.footer-inner{ display:grid; grid-template-columns:1fr; gap:var(--space-10); }
@media (min-width:680px){ .footer-inner{ grid-template-columns:repeat(2,1fr); } }
@media (min-width:1024px){ .footer-inner{ grid-template-columns:1.5fr repeat(5,1fr); gap:var(--space-10); } }
.footer-tagline{ color:var(--text-secondary); font-size:var(--text-body-sm); margin-top:var(--space-3); max-width:280px; line-height:var(--leading-relaxed); }
.footer-col h4{ font-size:var(--text-caption); font-weight:var(--weight-bold); letter-spacing:var(--tracking-wide); text-transform:uppercase; color:var(--text-tertiary); margin-bottom:var(--space-4); }
.footer-col ul{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:var(--space-3); }
.footer-col a{ color:var(--text-secondary); font-size:var(--text-body-sm); text-decoration:none; }
.footer-col a:hover{ color:var(--text-primary); }
.footer-bottom{ margin-top:var(--space-12); padding-top:var(--space-8); border-top:1px solid var(--border-subtle); display:flex; flex-wrap:wrap; justify-content:space-between; gap:var(--space-4); font-size:var(--text-caption); color:var(--text-tertiary); }
.footer-legal{ display:flex; gap:var(--space-4); flex-wrap:wrap; }
.footer-legal a{ color:var(--text-tertiary); text-decoration:none; }
.footer-legal a:hover{ color:var(--text-secondary); }