/* WC Design v2 */
/* Canonical palette and geometry. Copy through END WC TOKENS verbatim. */
:root, [data-theme="light"] {
  color-scheme: light;
  --bg: #F4F3EF;
  --surface: #FFFFFF;
  --surface-2: #FAF9F6;
  --fill: rgba(28,28,30,.055);
  --fill-2: rgba(28,28,30,.09);
  --sep: rgba(28,28,30,.09);
  --control-line: #858580;
  --ink: #1C1C1E;
  --ink-2: #48484D;
  --ink-3: #5F5F65;
  --accent: #C8102E;
  --accent-ink: #A30D25;
  --accent-fill: rgba(200,16,46,.09);
  --on-accent: #FFFFFF;
  --amber-ink: #9A4000;
  --amber-fill: rgba(184,78,0,.10);
  --green-ink: #166A49;
  --green-fill: rgba(26,125,85,.10);
  --blue-ink: #3B5C9A;
  --blue-fill: rgba(59,92,154,.10);
  --scrim: rgba(0,0,0,.32);
  --shadow-card: 0 1px 2px rgba(20,20,22,.04), 0 6px 20px rgba(20,20,22,.06);
  --shadow-raised: 0 2px 6px rgba(20,20,22,.06), 0 14px 36px rgba(20,20,22,.10);
  --shadow-sheet: 0 -10px 44px rgba(0,0,0,.18);
  --nav-surface: rgba(255,255,255,.86);
}
:root {
  --s-0: 0px; --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px;
  --s-5: 20px; --s-6: 24px; --s-7: 28px; --s-8: 32px;
  --text-xs: 12px; --text-sm: 14px; --text-md: 16px; --text-lg: 20px; --text-xl: 24px;
  --text-display: 64px; --text-brand: 11px;
  --lh-tight: 1.25; --lh-meta: 1.333333333; --lh-body: 1.5; --lh-brand: 1;
  --sans: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --cond: 'IBM Plex Sans Condensed', 'IBM Plex Sans', 'Arial Narrow', sans-serif;
  --mono: 'IBM Plex Mono', ui-monospace, Menlo, Consolas, monospace;
  --weight-regular: 400; --weight-medium: 500; --weight-strong: 600;
  --tracking-label: .04em; --tracking-count: -.02em;
  --target: 48px; --row-height: 56px; --pill-height: 32px;
  --icon: 24px; --icon-sm: 16px; --chevron: 8px;
  --radius-sm: 8px; --radius-md: 12px; --radius-lg: 20px; --radius-full: 999px;
  --reading-width: 720px; --site-width: 1080px; --sheet-width: 560px;
  --brand-width: 176px; --hub-brand-width: 200px;
  --nav-height: 72px; --rail-width: 208px;
  --nav-safe-height: calc(var(--nav-height) + env(safe-area-inset-bottom,0px));
  --hairline: 1px; --stroke: 2px; --stroke-icon: 1.75px; --optical: 1px;
  --ease: cubic-bezier(.2,.8,.2,1);
  --duration-state: 120ms; --duration-expand: 220ms; --duration-sheet: 260ms;
  --layer-bar: 6; --layer-dialog: 20;
}
:root, [data-theme] {
  --panel: var(--surface); --panel-2: var(--surface-2); --bg-2: var(--surface-2);
  --line: var(--sep); --line-2: var(--control-line);
  --red: var(--accent); --red-ink: var(--accent-ink); --red-tint: var(--accent-fill);
  --amber-tint: var(--amber-fill); --green-tint: var(--green-fill); --blue-tint: var(--blue-fill);
  --focus: var(--accent-ink); --shadow: var(--shadow-card);
  --r-control: var(--radius-sm); --r-stamp: var(--radius-sm);
  --r-card: var(--radius-md); --r-group: var(--radius-md);
  --r-sheet: var(--radius-lg); --r-pill: var(--radius-full);
}
[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0B0B0C;
  --surface: #161618;
  --surface-2: #1E1E21;
  --fill: rgba(255,255,255,.07);
  --fill-2: rgba(255,255,255,.11);
  --sep: rgba(255,255,255,.08);
  --control-line: #737379;
  --ink: rgba(255,255,255,.94);
  --ink-2: rgba(255,255,255,.70);
  --ink-3: rgba(255,255,255,.58);
  --accent: #C8102E;
  --accent-ink: #FF6375;
  --accent-fill: rgba(255,84,104,.14);
  --on-accent: #FFFFFF;
  --amber-ink: #FFB37A;
  --amber-fill: rgba(255,179,122,.12);
  --green-ink: #80D7AE;
  --green-fill: rgba(128,215,174,.12);
  --blue-ink: #A4C0F5;
  --blue-fill: rgba(164,192,245,.12);
  --scrim: rgba(0,0,0,.32);
  --shadow-card: inset 0 0 0 1px rgba(255,255,255,.06);
  --shadow-raised: inset 0 0 0 1px rgba(255,255,255,.06);
  --shadow-sheet: 0 -10px 44px rgba(0,0,0,.5);
  --nav-surface: rgba(22,22,24,.86);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) {
    color-scheme: dark;
    --bg: #0B0B0C;
    --surface: #161618;
    --surface-2: #1E1E21;
    --fill: rgba(255,255,255,.07);
    --fill-2: rgba(255,255,255,.11);
    --sep: rgba(255,255,255,.08);
    --control-line: #737379;
    --ink: rgba(255,255,255,.94);
    --ink-2: rgba(255,255,255,.70);
    --ink-3: rgba(255,255,255,.58);
    --accent: #C8102E;
    --accent-ink: #FF6375;
    --accent-fill: rgba(255,84,104,.14);
    --on-accent: #FFFFFF;
    --amber-ink: #FFB37A;
    --amber-fill: rgba(255,179,122,.12);
    --green-ink: #80D7AE;
    --green-fill: rgba(128,215,174,.12);
    --blue-ink: #A4C0F5;
    --blue-fill: rgba(164,192,245,.12);
    --scrim: rgba(0,0,0,.32);
    --shadow-card: inset 0 0 0 1px rgba(255,255,255,.06);
    --shadow-raised: inset 0 0 0 1px rgba(255,255,255,.06);
    --shadow-sheet: 0 -10px 44px rgba(0,0,0,.5);
    --nav-surface: rgba(22,22,24,.86);
  }
}
@media (prefers-reduced-motion: reduce) {
  :root, [data-theme] {
    --duration-state: 0ms; --duration-expand: 0ms; --duration-sheet: 0ms;
  }
}
/* END WC TOKENS */


@font-face{font-family:'IBM Plex Sans';font-weight:100 700;font-display:swap;src:url('fonts/ibm-plex-sans-latin.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-weight:400;font-display:swap;src:url('fonts/ibm-plex-mono-400-latin.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans Condensed';font-weight:600;font-display:swap;src:url('fonts/ibm-plex-sans-condensed-600-latin.woff2') format('woff2')}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:400 var(--wc-type-md)/var(--lh-body) var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance}h1,.t-large{font:600 var(--wc-type-xl)/var(--lh-tight) var(--sans)}h2,.t-title{font:600 var(--wc-type-lg)/var(--lh-tight) var(--sans)}h3,.t-head{font:600 var(--wc-type-md)/var(--lh-tight) var(--sans)}.t-foot,.cap{font-size:var(--wc-type-sm);line-height:var(--lh-body);color:var(--ink-2)}.t-mono{font:400 var(--wc-type-xs)/var(--lh-meta) var(--mono);color:var(--ink-3)}img{max-width:100%;display:block}.wrap{max-width:var(--site-width);margin:auto;padding-inline:var(--s-4)}.block{margin-top:var(--s-6)}.sec-head{display:grid;gap:var(--s-2);margin-bottom:var(--s-3)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-6);padding-top:var(--s-6)}.pl{width:var(--brand-width);height:auto;display:block;margin-bottom:var(--s-4)}.hero h1{margin-bottom:var(--s-2)}.lead{color:var(--ink-2)}.ctas{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-3)}.btn,.tertiary{display:inline-flex;justify-content:center;align-items:center;min-height:var(--target);min-width:var(--target);padding:var(--s-3) var(--s-4);font:600 var(--wc-type-sm)/var(--lh-body) var(--sans);color:var(--ink);background:var(--fill);border:0;border-radius:var(--radius-sm);text-decoration:none;text-align:center;cursor:pointer}.primary{background:var(--accent);color:var(--on-accent)}.tertiary{background:transparent;color:var(--accent-ink);padding-inline:0;justify-content:start}.req,.stamp{margin-top:var(--s-3)}.hero-shot{max-width:300px;width:100%;margin:auto}.cap{margin-bottom:var(--s-2)}.screen{border-radius:var(--radius-md);overflow:hidden;background:var(--surface-2);box-shadow:var(--shadow-card)}.hero-shot .screen{max-height:400px}.screen img{width:100%;height:auto}.video-card{margin:0;display:grid;gap:var(--s-2)}.intro-card{max-width:300px;margin-inline:auto}.intro-card video{aspect-ratio:9/16;border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.full-walkthrough{margin-top:var(--s-3)}video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:var(--radius-md);background:var(--bg)}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-4)}.shot{display:flex;flex-direction:column;gap:var(--s-3);min-width:0;background:var(--surface);padding:var(--s-4);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.shot figcaption{order:-1;display:grid;gap:var(--s-2)}.shot p{font-size:var(--wc-type-sm);line-height:var(--lh-body);color:var(--ink-2)}.shot .screen{max-height:240px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-4);margin-top:var(--s-3)}.stat b,.stat span{display:block}.stat b{font:600 var(--wc-type-xl)/var(--lh-tight) var(--cond)}.stat span{font-size:var(--wc-type-xs);color:var(--ink-2)}.card{background:var(--surface);padding:var(--s-4);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.setup{display:grid;gap:var(--s-3)}.setup h3,.setup p{margin-bottom:var(--s-2)}.board-setup{display:grid;gap:var(--s-2)}.board-setup .sec-head{margin-bottom:var(--s-1)}.board-setup>.btn{justify-self:start;min-width:calc(var(--target) * 4)}.board-setup>details{border-top:var(--hairline) solid var(--sep)}.board-setup .setup-requirement{margin:0}.coach-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-6);align-items:start}.coach-guide{min-width:0}.coach-guide>.steps{grid-template-columns:1fr;gap:var(--s-2);margin-top:0;padding-left:var(--s-6)}.coach-guide>.btn{margin-bottom:var(--s-2)}.coach-guide details .num{display:none}.coach-guide details .t-head,.coach-guide details .t-foot{display:block}.coach-later #setup-help-email{margin-top:0}.coach-later .notify{grid-template-columns:1fr;gap:var(--s-3)}.coach-later .sec-head p{color:var(--ink-2);font-size:var(--wc-type-sm)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-3);padding-left:var(--s-5);margin:var(--s-3) 0}.steps li{font-size:var(--wc-type-sm);padding-left:var(--s-1)}.steps li::marker{font-weight:600;color:var(--accent-ink)}summary{cursor:pointer;min-height:var(--target);min-width:var(--target);padding:var(--s-3) 0;font:600 var(--wc-type-sm)/var(--lh-body) var(--sans)}details p{margin:0 0 var(--s-3)}details .steps{display:block}details .steps li{margin-bottom:var(--s-3)}details{min-width:0}details a{overflow-wrap:anywhere}.setup>details{border-top:var(--hairline) solid var(--sep)}label{display:block;font-weight:600;font-size:var(--wc-type-sm);margin-bottom:var(--s-2)}textarea,input[type=email]{display:block;width:100%;min-height:var(--target);min-width:var(--target);padding:var(--s-3);border:var(--hairline) solid var(--control-line);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink);font:400 var(--wc-type-md)/var(--lh-body) var(--sans)}textarea{resize:vertical;overflow-wrap:anywhere;font:400 var(--wc-type-sm)/var(--lh-body) var(--mono);margin-bottom:var(--s-3)}[role=status]:empty{display:none}[role=status]{margin-top:var(--s-2)}.trust-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);border-bottom:var(--hairline) solid var(--sep);padding-block:var(--s-2)}.trust-row h3{font-size:var(--wc-type-sm)}.cover{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4)}.row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) 0;min-height:var(--row-height);text-decoration:none;border-bottom:var(--hairline) solid var(--sep)}.row svg{width:var(--icon);height:var(--icon);flex:none}.row .rs{font-size:var(--wc-type-sm);color:var(--ink-2)}.cover .row{flex-wrap:wrap}.rt{font-weight:600}.rs{color:var(--ink-2)}.group.help{margin-top:var(--s-2)}.chev{margin-left:auto}.notify{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4)}.notify form{min-width:0}.alert-fields{display:flex;flex-wrap:wrap;gap:var(--s-2)}.alert-fields input{flex:1}.notify p{font-size:var(--wc-type-sm);color:var(--ink-2)}.notify label:has(input[type=checkbox]){display:flex;align-items:center;gap:var(--s-2);min-height:var(--target)}input[type=checkbox]{width:var(--icon);height:var(--icon)}.honeypot,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}footer.foot{margin-top:var(--s-6);padding-block:var(--s-4);border-top:var(--hairline) solid var(--sep);font-size:var(--wc-type-sm);color:var(--ink-2)}footer nav{display:flex;flex-wrap:wrap;gap:var(--s-3)}footer nav a{display:flex;align-items:center;min-height:var(--target);min-width:var(--target);overflow-wrap:anywhere}.crisis{margin-bottom:var(--s-3)}.crisis h2{font-size:var(--wc-type-md);margin-bottom:var(--s-2)}.skip{position:absolute;top:0;left:var(--s-4);transform:translateY(-200%);z-index:calc(var(--layer-bar) + 1);padding:var(--s-3);background:var(--surface);min-height:var(--target);min-width:var(--target)}.skip:focus{transform:none}:focus-visible{outline:var(--stroke) solid var(--accent-ink);outline-offset:var(--stroke)}[hidden]{display:none!important}
.ask-demo{position:relative;background:var(--surface-2);border-radius:var(--radius-md);padding:var(--s-4);min-height:240px;font-size:var(--wc-type-sm)}.demo-top{font-weight:600;display:flex;justify-content:space-between;gap:var(--s-2);margin-bottom:var(--s-4)}.demo-top span{color:var(--ink-3);font-weight:400}.demo-question{border:var(--hairline) solid var(--control-line);border-radius:var(--radius-sm);padding:var(--s-3);min-height:100px}.demo-send{position:relative;display:block;margin-top:var(--s-2);padding:var(--s-2);border-radius:var(--radius-sm);background:var(--fill);font-weight:600}.demo-send[data-active=true]{background:var(--accent);color:var(--on-accent)}.demo-answer{margin-top:var(--s-4);min-height:100px}.demo-answer b{display:block;margin-bottom:var(--s-2)}.demo-tap{position:absolute;right:var(--s-3);top:50%;transform:translateY(-50%);width:var(--icon);height:var(--icon);border:var(--stroke) solid var(--accent-ink);border-radius:var(--radius-full);background:var(--accent-fill)}
@media(max-width:759px){.hero{grid-template-columns:1fr;padding-top:var(--s-4)}.hero-shot{display:none}.gallery{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr 1fr}.notify,.cover,.coach-columns{grid-template-columns:1fr}.board-setup>.btn{width:100%;min-width:var(--target)}.trust-row{align-items:start}.trust-row .tertiary{flex:none}.hero .ctas .btn{flex:1}.shot .screen{max-height:220px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.demo-tap{display:none}}

:root{--wc-type-xs:var(--text-xs);--wc-type-sm:var(--text-sm);--wc-type-md:var(--text-md);--wc-type-lg:var(--text-lg);--wc-type-xl:var(--text-xl);--wc-type-brand:var(--text-brand);--wc-type-display:var(--text-display);}

/* The full answer remains in flow throughout typing, including at large text. */
.demo-untyped,.demo-pending{visibility:hidden}
#demo-answer{display:grid;gap:var(--s-3)}
.demo-action>span{font-weight:600}
.demo-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);color:var(--ink-2)}
.demo-cite{display:inline-block;padding:var(--s-1) var(--s-2);border-radius:var(--radius-full);background:var(--fill);font-size:var(--text-xs);line-height:var(--lh-meta)}
.demo-basis{color:var(--ink-3);font-size:var(--text-xs);line-height:var(--lh-meta)}
.demo-close{color:var(--accent-ink)}