body{flex-direction:column;min-height:100dvh;display:flex}.header,.footer{padding:var(--space-4);justify-content:space-between;align-items:center;display:flex}@media (width>=768px){.header,.footer{padding:var(--space-5) var(--space-6)}}.logo{align-items:center;gap:var(--space-2);font:var(--typography-label);color:var(--fg-soft);display:inline-flex}.logo-mark{width:20px;height:20px}.logo-bg{fill:var(--fg-soft)}.logo-check{fill:none;stroke:var(--bg-page);stroke-width:6px;stroke-linecap:round;stroke-linejoin:round}.logo-soft{color:var(--fg-muted)}.link{font:var(--typography-small);color:var(--fg-soft);transition:color var(--duration-fast) var(--easing)}.link:hover{color:var(--fg-default)}main{justify-content:center;gap:var(--space-8);width:100%;max-width:880px;padding:var(--space-7) var(--space-4) var(--space-8);flex-direction:column;flex:1;margin:0 auto;display:flex}@media (width>=768px){main{padding-inline:var(--space-6)}}.hero{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex}.eyebrow{font:var(--typography-small);color:var(--fg-muted)}.title{font:var(--typography-input);color:var(--fg-default)}.lead{max-width:520px;font:var(--typography-body);color:var(--fg-soft)}.cta{margin-top:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);background:var(--fg-default);color:var(--bg-page);font:var(--typography-label);transition:opacity var(--duration-fast) var(--easing)}.cta:hover{opacity:.85}.cta:focus-visible{outline:2px solid var(--primary-default);outline-offset:2px}.note{font:var(--typography-caption);color:var(--fg-muted)}.steps{gap:var(--space-6);display:grid}@media (width>=768px){.steps{gap:var(--space-5);grid-template-columns:repeat(3,1fr)}}.step{gap:var(--space-3);flex-direction:column;display:flex}.card{min-height:112px;padding:var(--space-4);border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--bg-elevated);justify-content:center;align-items:center;display:flex}.step-title{font:var(--typography-body-medium);color:var(--fg-default);text-align:center}.sample{font:var(--typography-body);color:var(--fg-default);text-align:center}.sample-date{text-decoration:underline;-webkit-text-decoration-color:var(--fg-soft);text-decoration-color:var(--fg-soft);text-underline-offset:.2em;text-decoration-thickness:1px}.sample-tag{border-radius:var(--radius-sm);background:var(--neutral-container-hover)}.caret{vertical-align:-.15em;background:var(--fg-default);width:1px;height:1.1em;margin-left:2px;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.caret{animation:none}}.chips{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--neutral-container-default);font:var(--typography-label);color:var(--fg-default)}.heatmap{grid-template-rows:repeat(7,1fr);grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;width:100%;display:grid}.heatmap .cell{aspect-ratio:1;background:var(--heatmap-0);border-radius:2px}.heatmap .cell[data-level="1"]{background:var(--heatmap-1)}.heatmap .cell[data-level="2"]{background:var(--heatmap-2)}.heatmap .cell[data-level="3"]{background:var(--heatmap-3)}.heatmap .cell[data-level="4"]{background:var(--heatmap-4)}.footer{font:var(--typography-caption);color:var(--fg-muted)}