/* Happy Hustle / Spark website. Tokens transcribed from the supplied brand guide.
   Website breakpoints: 734px and 1068px. Product previews use the app type scale. */
:root {
  --surface-page:#fff; --surface-page-web:#fffefc; --surface-panel:#f7f7f7;
  --surface-raised:#fff; --surface-hover:#f0f0f0; --surface-pressed:#e3e3e3;
  --line:#ebebeb; --line-strong:#ddd; --line-control:#929292;
  --ink-primary:#222; --ink-secondary:#484848; --ink-tertiary:#6a6a6a;
  --ink-inverse:#fff; --ink-disabled:#b0b0b0;
  --primary-600:#6a42e6; --primary-700:#5532cc; --primary-800:#4527b0;
  --purple-100:#f1ecfd; --purple-300:#d6c9f5; --purple-700:#4b2bd8;
  --peri-100:#ecf0ff; --peri-500:#5c7cff; --peri-700:#2f4bd6;
  --salmon-100:#ffeee9; --salmon-500:#ff7a5c; --salmon-700:#c2381a;
  --yellow-100:#fff6d6; --yellow-500:#ffc21a; --yellow-700:#8a5a00;
  --lilac-100:#f5edff; --lilac-500:#b57cff; --lilac-700:#7a2fd6;
  --success-600:#15803d; --success-100:#e6f8ee; --error-600:#d92d3a; --error-100:#ffecec;
  --web-pixel:#f6f2ee; --web-highlight:#f2d264; --frame-bg:#f6f6f8;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px;
  --space-6:24px; --space-8:32px; --space-12:48px; --space-16:64px; --space-24:96px;
  --radius-sm:12px; --radius-lg:20px; --radius-full:9999px;
  --shadow-hover:0 6px 16px rgb(0 0 0 / .08); --shadow-float:0 8px 28px rgb(0 0 0 / .12);
  --shadow-frame-web:0 12px 32px -16px rgb(0 0 0 / .22);
  --size-touch:44px; --size-control:44px; --size-control-lg:52px; --size-icon:20px;
  --size-content-read:720px; --size-content-wide:1120px; --size-sidebar:240px;
  --size-nav-web:64px; --size-text-web:640px;
  --font-body:'Figtree',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-heading:'Plus Jakarta Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --ease:cubic-bezier(.2,0,0,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--size-nav-web) + var(--space-6));background:var(--surface-page-web)}
body{margin:0;background:var(--surface-page-web);color:var(--ink-primary);font:400 16px/24px var(--font-body);-webkit-font-smoothing:antialiased}
img,svg{max-width:100%}img{height:auto;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--purple-700);text-underline-offset:3px}a:hover{color:var(--ink-primary)}
button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid var(--ink-primary);outline-offset:3px;box-shadow:0 0 0 2px #fff}
[hidden]{display:none!important}h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3{font-family:var(--font-heading);font-weight:800;color:var(--ink-primary)}p{color:var(--ink-secondary)}ul,ol{margin:0}strong,b{font-weight:700}
.container,.wrap{width:calc(100% - var(--space-16));max-width:var(--size-content-wide);margin-inline:auto;padding:0}
.section{padding-block:var(--space-24)}
.web-hero{font-size:40px;line-height:44px;letter-spacing:-.03em}
.web-section{font-size:32px;line-height:40px;letter-spacing:-.02em}
.web-card{font-size:24px;line-height:30px;letter-spacing:-.01em}
.web-step{font-size:21px;line-height:26px;letter-spacing:-.01em}
.web-lead{font-size:21px;line-height:29px;font-weight:500;color:var(--ink-secondary)}
.caption,.example-caption{font-size:12px;line-height:16px;color:var(--ink-tertiary)}
.eyebrow{font-size:14px;line-height:20px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--purple-700)}
.muted{color:var(--ink-tertiary)}.reading-width{max-width:var(--size-text-web)}
.sr-only,.sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.skip{position:fixed;top:8px;left:16px;transform:translateY(-160%);z-index:200;background:var(--ink-primary);color:white;padding:12px 20px;border-radius:var(--radius-full);text-decoration:none}
.skip:focus{transform:translateY(0);color:white}
/* Shared controls: no coloured shadows. */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--size-control-lg);height:auto;border:1px solid transparent;border-radius:var(--radius-full);padding:12px 24px;background:var(--primary-600);color:#fff;font:600 17px/20px var(--font-body);text-decoration:none;white-space:normal;text-align:center;box-shadow:none;transition:background-color 150ms var(--ease),transform 150ms var(--ease),box-shadow 150ms var(--ease);cursor:pointer}
.btn:hover{color:#fff;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%),#7b52f2,var(--primary-700) 85%)}
.btn:active{background:var(--primary-800);transform:scale(.96)}
.btn:disabled{background:var(--line-strong);color:var(--ink-primary);cursor:wait;transform:none}
.btn-secondary,.btn-line{background:var(--surface-page);color:var(--ink-primary);border:1px solid var(--line-control)}
.btn-secondary:hover,.btn-line:hover{background:var(--surface-hover);color:var(--ink-primary);box-shadow:inset 0 0 0 1px var(--ink-primary)}
.btn-secondary:active,.btn-line:active{background:var(--surface-pressed)}
.btn-ghost{color:var(--ink-secondary);background:transparent;border-color:transparent}
.btn-ghost:hover{background:var(--surface-hover);color:var(--ink-primary)}
.btn-ink{background:var(--primary-600);color:#fff;box-shadow:none}
.btn-quiet,.text-link{color:var(--ink-primary);font-weight:600;text-decoration:underline;text-underline-offset:4px}
.text-link:hover{color:var(--primary-700)}
.icon-button{display:inline-grid;place-items:center;width:var(--size-touch);min-width:var(--size-touch);height:var(--size-touch);border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface-page);color:var(--ink-primary);font-size:21px;line-height:1;transition:background 150ms var(--ease),transform 150ms var(--ease)}
.icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.icon-button:hover{background:var(--surface-hover)}.icon-button:active{transform:scale(.96)}
.in{width:100%;min-width:0;min-height:var(--size-control-lg);padding:12px 16px;border:1px solid var(--line-control);border-radius:var(--radius-sm);background:var(--surface-page);color:var(--ink-primary);font:400 16px/24px var(--font-body);box-shadow:none}
.in:hover{border-color:var(--ink-primary)}.in[aria-invalid=true]{border-color:var(--error-600);background:var(--error-100)}
/* Navigation */
.site-header{position:sticky;top:0;z-index:50;background:var(--surface-page-web)}
.header-inner{min-height:var(--size-nav-web);display:flex;gap:var(--space-6);align-items:center}
.brand{display:flex;flex:none;align-items:center}.brand img{height:32px;width:auto}
.site-nav{display:flex;align-items:center;gap:var(--space-6);margin-left:auto}
.site-nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink-primary);font-size:14px;line-height:20px;font-weight:500;text-decoration:none}
.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--primary-700);text-decoration:underline}
.nav-cta{min-height:40px;padding:9px 20px;font-size:14px;line-height:20px;flex:none}
.nav-cta::after{content:'';position:absolute;inset:-2px 0;border-radius:inherit}
.menu-toggle{display:none}
/* The only page-wide pattern: quiet pixels, fading before the hero ends. */
.hero{position:relative;padding-top:var(--space-16);overflow:hidden}
.pixel-field{position:absolute;inset:0 0 auto 0;height:min(760px,100%);pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='144' height='144' viewBox='0 0 144 144'%3E%3Cg fill='%23f5f2ee'%3E%3Crect x='2' y='2' width='8' height='8' rx='.6'/%3E%3Cpath d='M18 1.15L22.85 6L18 10.85L13.15 6Z'/%3E%3Crect x='26.5' y='2.5' width='7' height='7' rx='.6'/%3E%3Crect x='37.5' y='1.5' width='9' height='9' rx='.6'/%3E%3Cpath d='M54 1.4L58.6 6L54 10.6L49.4 6Z'/%3E%3Cpath d='M66 1.9L70.1 6L66 10.1L61.9 6Z'/%3E%3Crect x='74.25' y='2.25' width='7.5' height='7.5' rx='.6'/%3E%3Ccircle cx='90' cy='6' r='3.3'/%3E%3Crect x='97.75' y='1.75' width='8.5' height='8.5' rx='.6'/%3E%3Crect x='110.25' y='2.25' width='7.5' height='7.5' rx='.6'/%3E%3Ccircle cx='126' cy='6' r='4.3'/%3E%3Cpath d='M138 1.9L142.1 6L138 10.1L133.9 6Z'/%3E%3Crect x='2.5' y='14.5' width='7' height='7' rx='.6'/%3E%3Crect x='13.5' y='13.5' width='9' height='9' rx='.6'/%3E%3Cpath d='M30 12.9L35.1 18L30 23.1L24.9 18Z'/%3E%3Crect x='37.75' y='13.75' width='8.5' height='8.5' rx='.6'/%3E%3Crect x='50.25' y='14.25' width='7.5' height='7.5' rx='.6'/%3E%3Crect x='61.5' y='13.5' width='9' height='9' rx='.6'/%3E%3Ccircle cx='78' cy='18' r='3.8'/%3E%3Cpath d='M90 13.65L94.35 18L90 22.35L85.65 18Z'/%3E%3Cpath d='M102 13.9L106.1 18L102 22.1L97.9 18Z'/%3E%3Cpath d='M114 13.4L118.6 18L114 22.6L109.4 18Z'/%3E%3Crect x='122.25' y='14.25' width='7.5' height='7.5' rx='.6'/%3E%3Cpath d='M138 12.9L143.1 18L138 23.1L132.9 18Z'/%3E%3Ccircle cx='6' cy='30' r='3.55'/%3E%3Cpath d='M18 25.9L22.1 30L18 34.1L13.9 30Z'/%3E%3Cpath d='M30 25.9L34.1 30L30 34.1L25.9 30Z'/%3E%3Cpath d='M42 25.9L46.1 30L42 34.1L37.9 30Z'/%3E%3Ccircle cx='54' cy='30' r='3.55'/%3E%3Ccircle cx='66' cy='30' r='4.3'/%3E%3Ccircle cx='78' cy='30' r='3.8'/%3E%3Ccircle cx='90' cy='30' r='4.3'/%3E%3Ccircle cx='102' cy='30' r='3.8'/%3E%3Crect x='110.25' y='26.25' width='7.5' height='7.5' rx='.6'/%3E%3Crect x='122.25' y='26.25' width='7.5' height='7.5' rx='.6'/%3E%3Ccircle cx='138' cy='30' r='4.3'/%3E%3Ccircle cx='6' cy='42' r='4.3'/%3E%3Cpath d='M18 37.4L22.6 42L18 46.6L13.4 42Z'/%3E%3Ccircle cx='30' cy='42' r='4.05'/%3E%3Crect x='37.5' y='37.5' width='9' height='9' rx='.6'/%3E%3Cpath d='M54 37.9L58.1 42L54 46.1L49.9 42Z'/%3E%3Crect x='61.75' y='37.75' width='8.5' height='8.5' rx='.6'/%3E%3Crect x='74' y='38' width='8' height='8' rx='.6'/%3E%3Ccircle cx='90' cy='42' r='4.05'/%3E%3Cpath d='M102 37.9L106.1 42L102 46.1L97.9 42Z'/%3E%3Cpath d='M114 37.9L118.1 42L114 46.1L109.9 42Z'/%3E%3Ccircle cx='126' cy='42' r='4.3'/%3E%3Cpath d='M138 37.4L142.6 42L138 46.6L133.4 42Z'/%3E%3Cpath d='M6 49.4L10.6 54L6 58.6L1.4 54Z'/%3E%3Cpath d='M18 49.15L22.85 54L18 58.85L13.15 54Z'/%3E%3Crect x='25.75' y='49.75' width='8.5' height='8.5' rx='.6'/%3E%3Ccircle cx='42' cy='54' r='3.3'/%3E%3Cpath d='M54 49.15L58.85 54L54 58.85L49.15 54Z'/%3E%3Crect x='62.5' y='50.5' width='7' height='7' rx='.6'/%3E%3Cpath d='M78 49.4L82.6 54L78 58.6L73.4 54Z'/%3E%3Cpath d='M90 48.9L95.1 54L90 59.1L84.9 54Z'/%3E%3Ccircle cx='102' cy='54' r='4.05'/%3E%3Cpath d='M114 49.15L118.85 54L114 58.85L109.15 54Z'/%3E%3Crect x='122' y='50' width='8' height='8' rx='.6'/%3E%3Ccircle cx='138' cy='54' r='4.05'/%3E%3Cpath d='M6 61.65L10.35 66L6 70.35L1.65 66Z'/%3E%3Ccircle cx='18' cy='66' r='3.3'/%3E%3Crect x='26.5' y='62.5' width='7' height='7' rx='.6'/%3E%3Crect x='38' y='62' width='8' height='8' rx='.6'/%3E%3Ccircle cx='54' cy='66' r='3.55'/%3E%3Ccircle cx='66' cy='66' r='4.05'/%3E%3Crect x='74.5' y='62.5' width='7' height='7' rx='.6'/%3E%3Ccircle cx='90' cy='66' r='4.05'/%3E%3Ccircle cx='102' cy='66' r='4.3'/%3E%3Ccircle cx='114' cy='66' r='3.55'/%3E%3Ccircle cx='126' cy='66' r='4.3'/%3E%3Ccircle cx='138' cy='66' r='4.05'/%3E%3Crect x='1.75' y='73.75' width='8.5' height='8.5' rx='.6'/%3E%3Crect x='14.25' y='74.25' width='7.5' height='7.5' rx='.6'/%3E%3Crect x='26.25' y='74.25' width='7.5' height='7.5' rx='.6'/%3E%3Cpath d='M42 73.65L46.35 78L42 82.35L37.65 78Z'/%3E%3Crect x='50.25' y='74.25' width='7.5' height='7.5' rx='.6'/%3E%3Cpath d='M66 73.15L70.85 78L66 82.85L61.15 78Z'/%3E%3Ccircle cx='78' cy='78' r='3.55'/%3E%3Crect x='86' y='74' width='8' height='8' rx='.6'/%3E%3Ccircle cx='102' cy='78' r='3.55'/%3E%3Ccircle cx='114' cy='78' r='4.3'/%3E%3Cpath d='M126 72.9L131.1 78L126 83.1L120.9 78Z'/%3E%3Crect x='134' y='74' width='8' height='8' rx='.6'/%3E%3Cpath d='M6 84.9L11.1 90L6 95.1L0.9 90Z'/%3E%3Ccircle cx='18' cy='90' r='3.3'/%3E%3Ccircle cx='30' cy='90' r='4.3'/%3E%3Ccircle cx='42' cy='90' r='4.05'/%3E%3Crect x='49.75' y='85.75' width='8.5' height='8.5' rx='.6'/%3E%3Cpath d='M66 85.15L70.85 90L66 94.85L61.15 90Z'/%3E%3Crect x='73.75' y='85.75' width='8.5' height='8.5' rx='.6'/%3E%3Crect x='86.25' y='86.25' width='7.5' height='7.5' rx='.6'/%3E%3Ccircle cx='102' cy='90' r='3.55'/%3E%3Crect x='110.25' y='86.25' width='7.5' height='7.5' rx='.6'/%3E%3Cpath d='M126 85.4L130.6 90L126 94.6L121.4 90Z'/%3E%3Crect x='134.5' y='86.5' width='7' height='7' rx='.6'/%3E%3Cpath d='M6 97.9L10.1 102L6 106.1L1.9 102Z'/%3E%3Cpath d='M18 97.65L22.35 102L18 106.35L13.65 102Z'/%3E%3Ccircle cx='30' cy='102' r='3.3'/%3E%3Crect x='37.5' y='97.5' width='9' height='9' rx='.6'/%3E%3Crect x='50.5' y='98.5' width='7' height='7' rx='.6'/%3E%3Ccircle cx='66' cy='102' r='4.3'/%3E%3Cpath d='M78 97.65L82.35 102L78 106.35L73.65 102Z'/%3E%3Ccircle cx='90' cy='102' r='3.8'/%3E%3Ccircle cx='102' cy='102' r='4.3'/%3E%3Crect x='109.75' y='97.75' width='8.5' height='8.5' rx='.6'/%3E%3Ccircle cx='126' cy='102' r='3.3'/%3E%3Ccircle cx='138' cy='102' r='4.05'/%3E%3Ccircle cx='6' cy='114' r='4.05'/%3E%3Crect x='14.5' y='110.5' width='7' height='7' rx='.6'/%3E%3Cpath d='M30 109.9L34.1 114L30 118.1L25.9 114Z'/%3E%3Cpath d='M42 109.4L46.6 114L42 118.6L37.4 114Z'/%3E%3Ccircle cx='54' cy='114' r='3.8'/%3E%3Cpath d='M66 109.65L70.35 114L66 118.35L61.65 114Z'/%3E%3Crect x='74.5' y='110.5' width='7' height='7' rx='.6'/%3E%3Ccircle cx='90' cy='114' r='4.3'/%3E%3Cpath d='M102 109.65L106.35 114L102 118.35L97.65 114Z'/%3E%3Crect x='109.5' y='109.5' width='9' height='9' rx='.6'/%3E%3Ccircle cx='126' cy='114' r='4.3'/%3E%3Cpath d='M138 109.9L142.1 114L138 118.1L133.9 114Z'/%3E%3Cpath d='M6 121.4L10.6 126L6 130.6L1.4 126Z'/%3E%3Crect x='14' y='122' width='8' height='8' rx='.6'/%3E%3Crect x='26' y='122' width='8' height='8' rx='.6'/%3E%3Cpath d='M42 120.9L47.1 126L42 131.1L36.9 126Z'/%3E%3Ccircle cx='54' cy='126' r='4.3'/%3E%3Cpath d='M66 121.65L70.35 126L66 130.35L61.65 126Z'/%3E%3Crect x='74.25' y='122.25' width='7.5' height='7.5' rx='.6'/%3E%3Cpath d='M90 121.15L94.85 126L90 130.85L85.15 126Z'/%3E%3Crect x='98.25' y='122.25' width='7.5' height='7.5' rx='.6'/%3E%3Ccircle cx='114' cy='126' r='4.3'/%3E%3Cpath d='M126 121.4L130.6 126L126 130.6L121.4 126Z'/%3E%3Crect x='134.5' y='122.5' width='7' height='7' rx='.6'/%3E%3Ccircle cx='6' cy='138' r='3.8'/%3E%3Crect x='14' y='134' width='8' height='8' rx='.6'/%3E%3Ccircle cx='30' cy='138' r='4.3'/%3E%3Cpath d='M42 133.15L46.85 138L42 142.85L37.15 138Z'/%3E%3Ccircle cx='54' cy='138' r='3.8'/%3E%3Crect x='62.5' y='134.5' width='7' height='7' rx='.6'/%3E%3Crect x='74.5' y='134.5' width='7' height='7' rx='.6'/%3E%3Crect x='85.75' y='133.75' width='8.5' height='8.5' rx='.6'/%3E%3Crect x='98' y='134' width='8' height='8' rx='.6'/%3E%3Cpath d='M114 133.15L118.85 138L114 142.85L109.15 138Z'/%3E%3Crect x='121.5' y='133.5' width='9' height='9' rx='.6'/%3E%3Cpath d='M138 133.15L142.85 138L138 142.85L133.15 138Z'/%3E%3C/g%3E%3C/svg%3E");background-size:144px 144px;background-position:center top;mask-image:radial-gradient(ellipse 115% 85% at 0% 0%,#000 0%,rgba(0,0,0,.85) 30%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse 115% 85% at 0% 0%,#000 0%,rgba(0,0,0,.85) 30%,transparent 72%)}
.hero-copy{position:relative;max-width:896px;margin-inline:auto;text-align:center}
.hero-copy h1{max-width:896px;margin-inline:auto}
.hero-copy .web-lead{max-width:var(--size-text-web);margin:var(--space-3) auto 0}
.highlight{position:relative;isolation:isolate;white-space:nowrap}
.highlight::before{content:'';position:absolute;z-index:-1;inset:40% -2px 8%;background:var(--web-highlight)}
.hero-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);margin-top:var(--space-8)}
.hero-product{position:relative;margin-top:var(--space-16)}
.hero-spark{position:absolute;z-index:2;width:128px;right:var(--space-24);top:-87px;pointer-events:none}
.product-frame{position:relative;z-index:1;padding:var(--space-4) var(--space-4) 0;background:var(--frame-bg);border:1px solid var(--line);border-bottom:0;border-radius:22px 22px 0 0;box-shadow:var(--shadow-frame-web);height:auto;overflow:hidden}
.product-frame::after{content:'';position:absolute;z-index:3;inset:auto -1px 0;height:18px;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--surface-page-web));}
.app-window{display:grid;grid-template-columns:260px minmax(0,1fr) 264px;min-height:408px;background:var(--surface-page);border:1px solid var(--line);border-bottom:0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;overflow:hidden}
.app-sidebar{min-width:0;padding:var(--space-5) var(--space-4) var(--space-12);border-right:1px solid var(--line);background:#fdfdff}
.app-sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-5)}
.app-sidebar-top img{width:48px;height:auto}
.app-sidebar .saved{padding:2px 8px;border-radius:var(--radius-full);font:700 12px/16px var(--font-body);color:var(--success-600);background:var(--success-100);white-space:nowrap}
.app-sidebar h2{font:600 13px/20px var(--font-body);color:var(--ink-tertiary);margin-bottom:var(--space-2)}
.app-sidebar .app-role{font:800 18px/26px var(--font-heading);letter-spacing:-.01em;color:var(--ink-primary);margin-bottom:var(--space-3)}
.app-phases{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;padding:0}
.app-phases li{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:var(--space-2);padding:10px 12px;font:600 13px/20px var(--font-body);color:var(--ink-primary);border-radius:var(--radius-sm)}
.app-phases .phase-dot{width:8px;height:8px;border-radius:50%;background:var(--primary-600)}
.app-phases li:nth-child(2) .phase-dot{background:var(--peri-500)}
.app-phases li:nth-child(3) .phase-dot{background:var(--salmon-500)}
.app-phases li:nth-child(4) .phase-dot{background:var(--yellow-500)}
.app-phases li small{font-size:12px;line-height:16px;white-space:nowrap}
.app-phases li.is-selected{background:var(--purple-100);color:var(--purple-700);font-weight:700}
.app-workspace{padding:var(--space-6) var(--space-6) var(--space-12);min-width:0}
.app-topline{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);font-size:14px;line-height:20px;color:var(--ink-tertiary);margin-bottom:var(--space-6)}
.app-view-labels{display:flex;align-items:center;gap:var(--space-4)}
.app-view-labels span{position:relative;padding-bottom:var(--space-2)}
.app-view-labels .active{font-weight:700;color:var(--ink-primary)}
.app-view-labels .active::after{content:'';position:absolute;bottom:0;left:0;width:24px;height:2px;background:var(--primary-600)}
.app-topline .app-why{font-size:13px;line-height:20px;color:var(--purple-700);text-align:right}
.app-task-heading{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4)}
.app-step-number{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--primary-600);color:var(--ink-inverse);font:600 14px/20px var(--font-body);margin-top:3px}
.app-workspace h2{font-size:20px;line-height:26px;letter-spacing:-.01em;margin:0}
.app-workspace>p{font-size:16px;line-height:24px;margin-bottom:var(--space-4)}
.app-writing-lines{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-6)}
.app-writing-lines span{height:8px;border-radius:var(--radius-full);background:#efeff4;width:90%}
.app-writing-lines span:nth-child(2){width:74%}.app-writing-lines span:nth-child(3){width:82%}
.app-guide{display:flex;flex-direction:column;min-width:0;border-left:1px solid var(--line);background:#faf8ff;padding:var(--space-5) var(--space-4) var(--space-6);font-size:14px;line-height:20px}
.app-composer-preview{height:40px;flex-shrink:0;margin-top:auto;border:1px solid var(--line-strong);border-radius:var(--radius-full);background:var(--surface-page)}
.avatar-label{display:flex;align-items:center;gap:var(--space-2);color:var(--ink-primary);font-size:14px;line-height:20px}.avatar-label>span:last-child:not(:only-child){min-width:0}
.avatar{width:32px;height:32px;flex:none;object-fit:contain;background:var(--lilac-100);border-radius:var(--radius-full);padding:2px}
.app-guide .avatar-label{flex-wrap:wrap}.app-guide .avatar-label>span{color:var(--ink-tertiary)}
.guide-bubble{padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);margin:var(--space-4) 0;background:var(--surface-page);color:var(--ink-primary)}
.badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;min-height:24px;border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface-page);color:var(--ink-primary);font:600 12px/16px var(--font-body)}
.badge i,.saved i{display:inline-block;width:6px;height:6px;flex:none;border-radius:50%}.dot-purple{background:var(--primary-600)}.dot-yellow{background:var(--yellow-500)}.dot-success{background:var(--success-600)}
.product-frame .badge{font-size:13px;line-height:16px;border-color:transparent}
.product-frame .badge-narrative{background:var(--peri-100);color:var(--peri-700)}
.product-frame .badge-duration{background:var(--yellow-100);color:var(--yellow-700)}
.product-frame .guide-bubble{margin:var(--space-4) 0 var(--space-6)}
/* Logo strip. The only automatically moving element. */
.logo-section{padding-block:var(--space-12);text-align:center}.logo-section>p{font-size:14px;line-height:20px;color:var(--ink-tertiary);margin-bottom:var(--space-6)}
.logo-marquee{overflow:hidden;max-width:1440px;margin-inline:auto;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}
.logo-track{display:flex;width:max-content;animation:logos-scroll 40s linear infinite}.logo-group{display:flex;align-items:center;gap:var(--space-16);padding-right:var(--space-16)}
.logo-group img{width:144px;height:40px;object-fit:contain;filter:grayscale(1);opacity:.72;mix-blend-mode:multiply}
.logo-marquee:hover .logo-track{animation-play-state:paused}
@keyframes logos-scroll{to{transform:translateX(-50%)}}
.two-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-16);align-items:center}
.pain-column h2{margin-bottom:var(--space-6)}.pain-list{list-style:none;padding:0}.pain-list li{display:flex;gap:var(--space-3);align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--line)}
.pain-list li:first-child{padding-top:0}.pain-list p{color:var(--ink-primary);font-weight:600}.pain-icon{display:inline-grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--salmon-100);color:var(--salmon-700);font-size:16px}
.showcase{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-hover);overflow:hidden}
.card-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--line)}
.card-top .avatar{width:24px;height:24px}.preview-label{font-size:12px;line-height:16px;color:var(--ink-tertiary)}
.card-body{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6)}
.app-preview p{font-size:16px;line-height:24px}.app-preview .joy-voice{font:700 18px/26px var(--font-heading);letter-spacing:-.01em;color:var(--purple-700)}
.route-wrap{border-top:1px solid var(--line);padding-top:var(--space-4)}.route-wrap .caption{font-size:13px;line-height:16px;margin-bottom:var(--space-3)}
.route-options{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}
.route-options li{font-size:14px;line-height:20px;padding:var(--space-2);text-align:center;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink-secondary);display:grid;place-items:center}
.route-options li.selected{color:var(--purple-700);background:var(--purple-100);border-color:var(--primary-600);font-weight:600}
.insight-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.insight-tiles>div{padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--space-2)}
.insight-tiles span,.insight-tiles small{font-size:12px;line-height:16px;color:var(--ink-tertiary)}.insight-tiles strong{font:800 20px/28px var(--font-heading);letter-spacing:-.01em}.insight-tiles .warm-tile{background:var(--yellow-100);border-color:transparent}
.message-row{display:flex;gap:var(--space-3);align-items:flex-start;border-radius:var(--radius-sm);background:var(--surface-panel);padding:var(--space-3)}
.message-row .avatar{width:28px;height:28px}.message-row p{font-size:14px;line-height:20px;color:var(--ink-primary)}
.section-intro{max-width:var(--size-text-web);text-align:center;margin:0 auto var(--space-12)}.section-intro p{margin-top:var(--space-3)}
.today-card .app-title{font-size:28px;line-height:36px;letter-spacing:-.03em}.today-card .prompt-label{font-size:14px;line-height:20px;font-weight:600;color:var(--ink-primary)}
.example-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.example-actions .btn{font-size:14px;line-height:20px;padding:10px 12px;min-height:44px}
.example-actions .btn[aria-pressed=true]{box-shadow:inset 0 0 0 1px currentColor}
.demo-note{font-size:14px!important;line-height:20px!important;color:var(--purple-700);border-top:1px solid var(--line);padding-top:var(--space-3)}
.credentials ul{list-style:none;padding:0;margin-bottom:var(--space-6)}.credentials li{display:flex;gap:var(--space-4);padding:18px 0;border-bottom:1px solid var(--line)}.credentials li:first-child{padding-top:0}
.credentials li i{display:block;flex:none;width:10px;height:10px;margin-top:7px;border-radius:50%;background:var(--primary-600)}
.credentials li:nth-child(2) i{background:var(--peri-500)}.credentials li:nth-child(3) i{background:var(--salmon-500)}.credentials li:nth-child(4) i{background:var(--yellow-500)}
.credentials li p{font-weight:600;color:var(--ink-primary)}
/* Testimonials are manual only; side cards peek at 94% / 45% opacity. */
.testimonials{max-width:1440px;margin-inline:auto;overflow:hidden}.testimonial-viewport{overflow:hidden;touch-action:pan-y}.testimonial-track{display:flex;gap:var(--space-6);align-items:stretch;width:max-content;transition:transform 400ms var(--ease);padding:var(--space-3) 0}
.testimonial-card{width:696px;flex:none;min-height:340px;display:grid;grid-template-columns:144px minmax(0,1fr);align-items:center;gap:var(--space-8);padding:var(--space-8);border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface-page);opacity:.45;transform:scale(.94);transition:transform 400ms var(--ease),opacity 400ms var(--ease),background-color 400ms var(--ease);box-shadow:var(--shadow-hover)}
.testimonial-card.is-active{background:var(--purple-100);opacity:1;transform:scale(1)}
.testimonial-card figcaption{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);font-size:14px;line-height:20px;color:var(--ink-secondary)}
.testimonial-card figcaption img{width:56px;height:56px;border-radius:50%;object-fit:cover;margin-bottom:var(--space-2)}.testimonial-card figcaption b{font-size:16px;line-height:24px;color:var(--ink-primary)}
.testimonial-card blockquote{font-size:16px;line-height:24px;color:var(--ink-primary)}
.carousel-controls{display:flex;justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-6)}.carousel-dots{display:flex;gap:0}.carousel-dot{display:grid;place-items:center;border:0;background:transparent;width:44px;height:44px;padding:0;border-radius:50%}.carousel-dot span{width:6px;height:6px;border-radius:50%;background:var(--line-control)}.carousel-dot[aria-current=true] span{width:8px;height:8px;background:var(--primary-600)}.carousel-dot:hover{background:var(--surface-hover)}
html:not(.js) .testimonial-card{display:none}html:not(.js) .testimonial-card[data-testimonial='0']:not([data-clone]){display:grid;opacity:1;transform:none;background:var(--purple-100)}html:not(.js) .testimonial-track{width:auto;justify-content:center}html:not(.js) .carousel-controls{display:none}
/* FAQ */
.faq-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:var(--space-16);align-items:start}.faq-layout>div:first-child>p{margin-top:var(--space-3)}
.faq{border:0;border-bottom:1px solid var(--line);padding:0}.faq summary{position:relative;list-style:none;padding:var(--space-5) var(--space-8) var(--space-5) 0;min-height:44px;cursor:pointer;font:700 17px/24px var(--font-heading);color:var(--ink-primary)}
.faq summary::-webkit-details-marker{display:none}.faq summary::marker{content:''}.faq summary::after{position:absolute;right:4px;top:20px;content:'+';color:var(--ink-tertiary);font:400 21px/24px var(--font-body)}.faq[open] summary::after{content:'\2212'}
.faq>p{padding:0 var(--space-8) var(--space-5) 0;color:var(--ink-secondary);font-size:16px;line-height:24px}
/* Final card, not a coloured page band. */
.final-cta-section{padding-bottom:var(--space-6)}.final-cta{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 200px;align-items:center;gap:var(--space-12);border-radius:var(--radius-lg);background:var(--purple-100);padding:var(--space-12);overflow:hidden}
.cta-copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-6)}.cta-copy h2{max-width:640px}.cta-spark{width:176px;justify-self:center}
/* Newsletter and the single page-wide footer rule. */
.site-footer{background:var(--surface-page-web)}.newsletter{padding:var(--space-12) 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--space-12);align-items:center}
.newsletter>div>p{margin-top:var(--space-2);font-size:16px;line-height:24px}
.signup-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto;gap:var(--space-3);align-items:end}
.signup-form label{font-size:14px;line-height:20px;font-weight:600;display:flex;flex-direction:column;gap:var(--space-2);color:var(--ink-primary)}
.signup-form .btn{min-height:52px}.signup-note,.form-note,.gd-note{grid-column:1/-1;font-size:14px;line-height:20px;color:var(--ink-secondary);min-height:0}
.signup-note:empty{display:none}.signup-note.err,.form-note.err,.gd-note.err{color:var(--error-600)}.signup-note.ok{color:var(--success-600)}
.footer-bottom{border-top:1px solid var(--line);padding:var(--space-6) 0 var(--space-8);display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);font-size:12px;line-height:16px;color:var(--ink-tertiary)}
.footer-brand{display:flex;align-items:center;gap:var(--space-4)}.footer-brand img{width:44px;height:auto}.footer-bottom nav{display:flex;flex-wrap:wrap;gap:var(--space-5)}.footer-bottom nav a{font-size:14px;line-height:20px;color:var(--ink-secondary);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.footer-bottom nav a:hover{text-decoration:underline}
/* About: editorial story, portrait card, horizontal path, no gradients. */
.about-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 304px;gap:80px;align-items:center}.about-hero-grid .eyebrow{margin-bottom:var(--space-3)}.about-hero-grid .web-lead{margin-top:var(--space-6);max-width:var(--size-text-web)}
.founder-card{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface-page);padding:var(--space-5);box-shadow:var(--shadow-hover)}
.founder-portrait{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--radius-sm)}.founder-card figcaption{display:flex;flex-direction:column;gap:var(--space-1);margin-block:var(--space-4);font-size:14px;line-height:20px;color:var(--ink-secondary)}.founder-card figcaption b{font-size:16px;line-height:24px;color:var(--ink-primary)}.founder-card .btn{width:100%;font-size:14px;line-height:20px;min-height:44px}
.editorial-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:var(--space-16)}.story-text{display:flex;flex-direction:column;gap:var(--space-6)}.story-text blockquote{font-weight:600;color:var(--ink-primary)}
.founder-journey{display:flex;flex-direction:column;gap:var(--space-8)}.journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-6);list-style:none;padding:0}.journey li{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-4);border-top:2px solid var(--line)}.journey li:first-child{border-color:var(--primary-600)}.journey li:last-child{border-color:var(--yellow-500)}.journey b{font-size:16px;line-height:24px}.journey span{font-size:14px;line-height:20px;color:var(--ink-tertiary)}
.story-stats{display:grid;grid-template-columns:1fr 1fr 2.5fr;gap:var(--space-4)}.story-stats>div{border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.story-stats strong{font:800 32px/40px var(--font-heading);letter-spacing:-.02em}.story-stats span{font-size:14px;line-height:20px;color:var(--ink-secondary)}.story-stats blockquote{border-radius:var(--radius-sm);padding:var(--space-6);background:var(--yellow-100);font-weight:600;display:flex;align-items:center}
.story-narrative{display:flex;flex-direction:column;gap:var(--space-4);max-width:var(--size-text-web)}.story-narrative .story-lead{font-weight:600;color:var(--ink-primary)}.held-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8) var(--space-16);padding-block:var(--space-4)}.held-grid h3{margin-bottom:var(--space-3)}
.needed-section>p{margin-top:var(--space-3)}.needed-list{list-style:none;padding:0;margin-top:var(--space-8)}.needed-list>li{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);border-bottom:1px solid var(--line);padding:var(--space-6) 0}.needed-list>li:last-child{border-bottom:0}.needed-list h3{margin-bottom:var(--space-2)}.need-quote{display:flex;gap:var(--space-4);align-items:flex-start}.need-icon{display:inline-grid;place-items:center;width:28px;height:28px;flex:none;background:var(--purple-100);color:var(--purple-700);border-radius:50%;font:600 14px/20px var(--font-body)}
.team-story{max-width:var(--size-text-web);text-align:center;display:flex;align-items:center;flex-direction:column;gap:var(--space-6)}.team-story .eyebrow{margin-bottom:calc(-1 * var(--space-3))}.experience-tags{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.experience-tags li{padding:var(--space-2) var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-full);font-size:14px;line-height:20px;background:var(--surface-page)}
/* Legacy content routes keep their forms and copy; shared tokens take priority. */
.legacy-page main{background:var(--surface-page-web);color:var(--ink-primary)}.legacy-page main .atmo,.legacy-page main .river{display:none}
.legacy-page main h1{font:800 40px/44px var(--font-heading)!important;letter-spacing:-.03em!important;max-width:var(--size-text-web)}
.legacy-page main h2{font:800 32px/40px var(--font-heading)!important;letter-spacing:-.02em!important;color:var(--ink-primary)!important}
.legacy-page main h3{font:800 21px/26px var(--font-heading)!important;letter-spacing:-.01em!important;color:var(--ink-primary)!important}
.legacy-page .d{color:var(--ink-primary)}.legacy-page .body{font-size:16px!important;line-height:24px!important;color:var(--ink-secondary)!important}.legacy-page .lead{font-size:21px!important;line-height:29px!important;color:var(--ink-secondary)!important}
.legacy-page .small{font-size:14px!important;line-height:20px!important;color:var(--ink-tertiary)!important}.legacy-page .lbl{font-size:14px;color:var(--ink-secondary)}
.legacy-page .eyebrow{font-size:14px!important;letter-spacing:0!important;text-transform:none!important;color:var(--purple-700)!important}
.legacy-page main>section{padding-block:var(--space-24)!important;margin-inline:0!important;border-radius:0!important;background:var(--surface-page-web)!important;color:var(--ink-primary)!important}
.legacy-page main>section>svg{display:none}.legacy-page .band,.legacy-page .band-violet{background:var(--surface-page-web)!important;color:var(--ink-primary)!important;box-shadow:none!important}
.legacy-page .band-violet .signup-note{color:var(--ink-secondary)}.legacy-page .band-violet h2,.legacy-page .band-violet p,.legacy-page .band-violet label{color:var(--ink-primary)!important}
.legacy-page .band-violet .in{background:var(--surface-page);color:var(--ink-primary);border-color:var(--line-control)}
.legacy-page .tag{font-size:12px;line-height:16px;color:var(--purple-700);background:var(--purple-100)}
.legacy-page .swipe{background:none;position:relative;isolation:isolate}.legacy-page .swipe:before{content:'';position:absolute;inset:40% 0 8%;background:var(--web-highlight);z-index:-1}
.legacy-page .btn{box-shadow:none!important}.legacy-page .btn-quiet{height:52px;min-height:44px;background:none;border:0;font-size:17px;font-weight:600;color:var(--ink-primary);text-decoration:underline}
.legacy-page .in{min-height:52px!important;border:1px solid var(--line-control)!important;border-radius:var(--radius-sm)!important;background:var(--surface-page)!important;color:var(--ink-primary)!important}
.legacy-page .signup-form button{background:var(--primary-600)!important;color:white!important;height:52px!important;font-size:17px!important}
.legacy-page main .m-stack label{font-size:14px!important;color:var(--ink-primary)!important}
.legal-content{max-width:var(--size-content-read);padding-block:var(--space-16)}.legal-content h1{margin-bottom:var(--space-4)}.legal-content h2{margin:var(--space-12) 0 var(--space-4)}.legal-content h3{margin:var(--space-6) 0 var(--space-3)}.legal-content p,.legal-content ul{margin-bottom:var(--space-4)}.legal-content p,.legal-content li{color:var(--ink-secondary)}.legal-content ul{padding-left:var(--space-6)}.legal-content .eff{font-size:14px;line-height:20px}.legal-content a{overflow-wrap:anywhere}
@media (min-width:735px) and (max-width:1068px){
  .container,.wrap{width:calc(100% - var(--space-12))}.section{padding-block:var(--space-16)}
  .two-column{gap:var(--space-8)}.app-window{grid-template-columns:240px minmax(0,1fr)}.app-guide{display:none}
  .faq-layout{grid-template-columns:280px minmax(0,1fr);gap:var(--space-8)}.newsletter{grid-template-columns:1fr;gap:var(--space-6)}
  .about-hero-grid{grid-template-columns:minmax(0,1fr) 264px;gap:var(--space-8)}
}
@media (max-width:734px){
  html{scroll-padding-top:88px}.container,.wrap{width:calc(100% - var(--space-12))}.section{padding-block:var(--space-16)}
  .web-hero{font-size:26px;line-height:30px;letter-spacing:-.02em}.web-section{font-size:24px;line-height:29px}.web-card{font-size:21px;line-height:26px}.web-lead{font-size:17px;line-height:25px}
  .header-inner{gap:var(--space-3);flex-wrap:wrap}.brand img{height:28px}.nav-cta{margin-left:auto;padding:9px 16px}.menu-toggle{display:inline-grid;border-color:transparent;background:transparent}
  .site-nav{order:4;margin:0;width:100%;gap:0;justify-content:space-between;flex-wrap:wrap;padding-bottom:var(--space-3)}.site-nav a{padding:var(--space-2)}
  .js .site-nav{display:none}.js .site-nav.is-open{display:flex;border-top:1px solid var(--line);padding-top:var(--space-2)}
  .hero{padding-top:var(--space-16)}.hero-product{margin-top:var(--space-16)}.hero-copy .web-lead{max-width:var(--size-text-web);margin:var(--space-3) auto 0}
  .hero-spark{width:88px;top:-62px;right:var(--space-4)}.product-frame{padding:var(--space-3) var(--space-3) 0;height:auto}
  .app-window{display:block;min-height:0;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.app-sidebar,.app-guide{display:none}.app-workspace{padding:var(--space-5) var(--space-5) var(--space-12)}
  .app-topline{font-size:14px;line-height:20px;margin-bottom:var(--space-5)}.app-topline .app-why{font-size:12px}.app-workspace h2{font-size:20px;line-height:28px}.app-workspace>p{font-size:16px;line-height:24px}.app-task-heading{gap:var(--space-2)}
  .logo-group{gap:var(--space-8);padding-right:var(--space-8)}.logo-group img{width:120px;height:32px}.logo-section{padding-block:var(--space-12)}
  .two-column{grid-template-columns:minmax(0,1fr);gap:var(--space-8)}.pain-column h2{margin-bottom:var(--space-6)}
  .card-top{padding:var(--space-4) var(--space-5)}.card-body{padding:var(--space-5);gap:var(--space-4)}
  .route-options{gap:var(--space-1)}.route-options li{font-size:12px;line-height:16px;padding:var(--space-2) var(--space-1)}
  .insight-tiles{gap:var(--space-2)}.insight-tiles strong{font-size:18px;line-height:26px}.message-row{gap:var(--space-2);padding:var(--space-3)}.message-row .avatar{width:24px;height:24px}
  .section-intro{margin-bottom:var(--space-6)}.today-card .app-title{font-size:28px;line-height:36px}.example-actions{gap:var(--space-2)}.example-actions .btn{padding:10px 8px;font-size:14px;line-height:20px;min-height:48px}
  .credentials li{padding-block:var(--space-4)}
  .testimonial-card{width:calc(100vw - var(--space-12));min-height:448px;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-6);padding:var(--space-6)}
  .testimonial-card blockquote{order:0}.testimonial-card figcaption{order:1;width:100%;display:grid;grid-template-columns:48px minmax(0,1fr);gap:var(--space-1) var(--space-3);align-items:center}.testimonial-card figcaption img{grid-row:1 / span 2;width:48px;height:48px;margin:0}.testimonial-card figcaption b,.testimonial-card figcaption span{grid-column:2}.testimonial-card figcaption b{line-height:20px}
  .carousel-controls{gap:var(--space-1)}
  .faq-layout{grid-template-columns:minmax(0,1fr);gap:var(--space-8)}.faq summary{padding-block:var(--space-4)}.faq summary::after{top:16px}
  .final-cta{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6);text-align:center}.cta-spark{order:-1;width:96px;height:auto}.cta-copy{align-items:stretch}.cta-copy .btn{width:100%}
  .newsletter{padding-block:var(--space-12);grid-template-columns:minmax(0,1fr);gap:var(--space-6)}.signup-form{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.footer-brand{align-items:flex-start}.footer-brand span{max-width:230px}.footer-bottom nav{gap:0 var(--space-5)}
  .about-hero-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-8)}.founder-card{width:min(100%,320px);justify-self:center}.about-hero-grid .web-lead{margin-top:var(--space-4)}
  .editorial-split{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}.founder-journey{gap:var(--space-6)}.journey{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6) var(--space-4)}
  .story-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.story-stats>div{padding:var(--space-4)}.story-stats blockquote{grid-column:1/-1;padding:var(--space-5)}.held-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-6);padding-block:0}
  .needed-list>li{grid-template-columns:minmax(0,1fr);gap:var(--space-4);padding-block:var(--space-6)}.needed-list>li>div:last-child{padding-left:44px}.team-story{gap:var(--space-6)}
  .legacy-page main h1{font-size:26px!important;line-height:30px!important}.legacy-page main h2{font-size:24px!important;line-height:29px!important}.legacy-page main h3{font-size:21px!important;line-height:26px!important}.legacy-page .lead{font-size:17px!important;line-height:25px!important}.legacy-page main>section{padding-block:var(--space-16)!important}
  .legacy-page .m-stack{grid-template-columns:minmax(0,1fr)!important}.legacy-page .g12{grid-template-columns:minmax(0,1fr)!important;gap:var(--space-6)!important}.legacy-page .g12>*{grid-column:auto!important;min-width:0;padding-right:0!important}.legacy-page .wrap{min-width:0}.legal-content{padding-block:var(--space-16)}
}
@media (max-width:359px){
  .card-top .preview-label{display:none}.card-top,.card-body{padding-inline:var(--space-4)}
  .hero-spark{width:80px;top:-56px}.example-actions{grid-template-columns:1fr}.app-topline>span:first-child{gap:var(--space-2)}
  .testimonial-card{min-height:536px}.header-inner{gap:var(--space-2)}.nav-cta{padding-inline:var(--space-3)}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .logo-track{animation:none!important}.logo-marquee{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.logo-group[aria-hidden=true]{display:none}
}
/* Higher specificity is needed for old pages' inline/display-class type rules. */
.legacy-page main h1[class]{font-size:40px!important;line-height:44px!important}
.legacy-page main h2[class]{font-size:32px!important;line-height:40px!important}
@media(max-width:734px){.legacy-page main h1[class]{font-size:26px!important;line-height:30px!important}.legacy-page main h2[class]{font-size:24px!important;line-height:29px!important}}
/* Animate on entry only. Content remains visible without JavaScript. */
@keyframes section-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.section.is-entering{animation:section-enter 250ms var(--ease) both}
@media(prefers-reduced-motion:reduce){.section.is-entering{animation:none}}

/* final copy pass 2026-10-16 */
.today-card .step-line{font-size:12px;line-height:16px;color:var(--ink-tertiary);margin:0 0 calc(-1 * var(--space-2))}
.card-view-labels{font-size:13px;line-height:16px;color:var(--ink-tertiary)}
.card-view-labels span{padding-bottom:6px}
.about-hero{position:relative;overflow:hidden}.about-hero>.container{position:relative}