.hero{
  position:relative;overflow:hidden;display:flex;align-items:center;
  min-height:clamp(34rem,82vh,50rem);padding-block:var(--space-xl) var(--space-2xl);
}
#field{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}
.hero__grid{position:relative;z-index:1;width:100%;display:grid;gap:var(--space-xl);align-items:center}
@media (min-width:64rem){.hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}}
.hero h1{font-size:var(--text-display);max-width:18ch;line-height:var(--heading-task-line)}
.hero .lede{margin-top:var(--space-md);max-width:30rem}
.nextup{position:relative;margin:0;min-width:0}
.slab{
  padding:var(--pad-card);background:var(--color-paper-2);
  border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);
}
.nextup__head{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2xs);margin-bottom:var(--space-xs)}
.nextup__label{font-size:var(--text-sm);font-weight:800;color:var(--color-accent)}
.tag{
  font-size:var(--text-xs);font-weight:700;color:var(--color-muted);line-height:1.4;
  border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-pill);padding:0 var(--space-2xs);
}
.nextup__topic{
  font-family:var(--font-display);font-weight:var(--display-weight-max);font-size:var(--heading-task);
  line-height:var(--heading-task-line);letter-spacing:var(--tracking-display);margin:0 0 var(--space-xs);min-height:1.1em;
}
.meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3xs) var(--space-xs);margin-bottom:var(--space-sm);font-size:var(--text-sm);color:var(--color-muted)}
.meta b{font-weight:800;color:var(--color-ink-2);font-variant-numeric:tabular-nums}
.sep{width:3px;height:3px;border-radius:var(--radius-pill);background:var(--color-muted);display:inline-block}
.because{padding-top:var(--space-sm);border-top:var(--rule-hair) solid var(--color-rule-2);font-size:var(--text-sm);font-weight:800;color:var(--color-ink)}
.evidence{list-style:none;margin:var(--space-xs) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-2xs)}
.evidence li{
  display:flex;align-items:center;gap:var(--space-2xs);font-size:var(--text-sm);color:var(--color-ink-2);line-height:1.4;
  animation:ev-in var(--dur-short) var(--ease-out) both;
}
.evidence li:nth-child(2){animation-delay:60ms}
.evidence li:nth-child(3){animation-delay:120ms}
@keyframes ev-in{from{transform:translateX(calc(var(--space-2xs) * -1))}to{transform:none}}
.tick{width:7px;height:7px;border-radius:var(--radius-pill);background:var(--color-reward);flex:none}
.caption{margin-top:var(--space-xs);font-size:var(--text-sm);color:var(--color-muted);max-width:40ch;line-height:1.5}
.try{display:grid}
.try__view{grid-area:1/1;min-width:0}
.js .try__view{transition:opacity 240ms var(--ease-out),transform 240ms var(--ease-out),visibility 0s}
.js .try[data-view="ask"] .try__result,
.js .try[data-view="result"] .try__ask{
  visibility:hidden;opacity:0;transform:translateY(var(--space-3xs));
  
  transition:opacity 140ms var(--ease-out),transform 140ms var(--ease-out),visibility 0s linear 140ms;
}
html:not(.js) .try__ask,html:not(.js) .try__actions{display:none}
.try__q{margin:0;font-size:var(--text-md);font-weight:700;line-height:1.4;color:var(--color-ink)}
.choices{display:grid;gap:var(--space-2xs);margin-top:var(--space-sm)}
.choice,.conf{
  display:flex;align-items:center;gap:var(--space-xs);min-height:var(--control-min-size);
  padding:var(--space-3xs) var(--space-xs);font:inherit;font-size:var(--text-sm);font-weight:700;line-height:1.3;
  color:var(--color-ink);text-align:left;background-color:var(--color-paper);
  border:var(--rule-hair) solid var(--color-choice-edge);border-radius:var(--radius-input);
  cursor:pointer;-webkit-tap-highlight-color:transparent;
  transition:transform var(--dur-press) var(--ease-out),border-color var(--dur-press) var(--ease-out);
}
.choice:active,.conf:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
  .choice:hover,.conf:hover{background-image:linear-gradient(var(--color-hover),var(--color-hover))}
}
.choice::before{
  content:attr(data-key);display:inline-grid;place-items:center;flex:none;width:1.75rem;height:1.75rem;border-radius:var(--radius-pill);
  border:var(--rule-hair) solid var(--color-rule);font-size:var(--text-xs);font-weight:800;color:var(--color-ink-2);
}
.choice[aria-pressed="true"]{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}
.choice[aria-pressed="true"]::before{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}
.confidence{margin-top:var(--space-sm)}
.confidence__label{margin:0;font-size:var(--text-sm);font-weight:800;color:var(--color-ink)}
.confidence__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2xs);margin-top:var(--space-2xs)}
.conf{justify-content:center;text-align:center}
.js .confidence__row{transition:opacity 200ms var(--ease-out)}
.js .try[data-step="choice"] .confidence__row{opacity:.45;transition:none}
.conf:disabled{cursor:default}
.conf:disabled:active{transform:none}
@media (hover:hover) and (pointer:fine){.conf:disabled:hover{background-image:none}}
.try__result .nextup__topic:focus{outline:none}
.try__result .nextup__topic:focus-visible{outline:var(--rule-fine) solid var(--color-focus);outline-offset:var(--rule-fine)}
.try__rule{margin:var(--space-sm) 0 0;font-size:var(--text-sm);line-height:1.5;color:var(--color-ink-2)}
.try__answer{margin:var(--space-xs) 0 0;font-size:var(--text-sm);line-height:1.5;color:var(--color-muted)}
.try__actions{display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin-top:var(--space-sm)}
.again{
  min-height:var(--control-min-size);padding-inline:var(--space-xs);
  font:inherit;font-size:var(--text-sm);font-weight:800;color:var(--color-ink);background-color:var(--color-paper-2);
  border:var(--rule-hair) solid var(--color-choice-edge);border-radius:var(--radius-input);cursor:pointer;white-space:nowrap;
  transition:transform var(--dur-press) var(--ease-out);-webkit-tap-highlight-color:transparent;
}
.again:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.again:hover{background-image:linear-gradient(var(--color-hover),var(--color-hover))}}
.tour h2{max-width:26ch}
.tour__tabs{
  display:flex;gap:var(--space-3xs);margin-top:var(--space-md);overflow-x:auto;scrollbar-width:none;
  border-bottom:var(--rule-hair) solid var(--color-rule);
}
.tour__tabs::-webkit-scrollbar{display:none}
.tour__tabs [role="tab"]{
  min-height:var(--control-min-size);padding:0 var(--space-sm);margin-bottom:calc(var(--rule-hair) * -1);
  font:inherit;font-size:var(--text-base);font-weight:800;color:var(--color-muted);white-space:nowrap;
  background:none;border:0;border-bottom:var(--space-3xs) solid transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;
}
@media (hover:hover) and (pointer:fine){.tour__tabs [role="tab"]:hover{color:var(--color-ink)}}
.tour__tabs [role="tab"][aria-selected="true"]{color:var(--color-ink);border-bottom-color:var(--color-accent)}
html:not(.js) .tour__tabs{display:none}
@media (max-width:30rem){
  .tour__tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;overflow:visible}
  .tour__tabs [role="tab"]{padding:0 var(--space-3xs);font-size:var(--text-sm)}
}
.tour__panels{display:grid;margin-top:var(--space-md)}
.tour__panel p{margin:0 0 var(--space-sm);max-width:44rem;color:var(--color-ink-2)}
.tour__name{font-size:var(--text-lg);margin:var(--space-lg) 0 var(--space-2xs)}
.js .tour__panel{grid-area:1/1;min-width:0;transition:opacity 150ms ease}
.js .tour__panel:not(.is-active){visibility:hidden;opacity:0}
.js .tour__name{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tour__note{margin-top:var(--space-2xs);font-size:var(--text-sm);color:var(--color-muted)}
.founder{padding-block:var(--space-xl) 0;border-top:var(--rule-hair) solid var(--color-rule-2)}
.founder__quote{margin:var(--space-sm) 0 0}
.founder__quote p{
  margin:0;max-width:34ch;font-size:var(--text-xl);font-weight:800;line-height:1.3;color:var(--color-ink);
  text-wrap:balance;
}
.founder__by{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--color-muted)}
.founder__by a{color:var(--color-accent);font-weight:700;text-underline-offset:.2em}
.hero .cta-row--narrow{display:none}
@media (max-width:40rem){
  .hero{min-height:0;padding-block:var(--space-xs) var(--space-xl)}
  .hero__grid{gap:var(--space-md)}
  .hero .lede{margin-top:var(--space-xs)}
  
  .hero .cta-row--wide{display:none}
  .hero .cta-row--narrow{display:flex;margin-top:0}
  .slab{padding:var(--space-xs) var(--space-sm) var(--space-sm)}
  .nextup__head{margin-bottom:var(--space-2xs)}
  .choices{margin-top:var(--space-2xs)}
  .confidence{margin-top:var(--space-2xs)}
}