.site-nav{padding-block:var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.site-nav img{width:auto;height:44px}.site-nav a.nav-action{min-height:44px;padding:0 var(--space-lg);border-radius:var(--radius-pill);color:var(--color-ink);border:2px solid var(--color-ink);transition:background-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out);background:0 0;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.site-nav a.nav-action:hover{background:var(--color-paper-2)}.site-nav a.nav-action:active{transform:translateY(1px)}.hero{gap:var(--gap-columns);padding-block:var(--space-sm) var(--space-lg);grid-template-columns:minmax(0,1fr) minmax(0,300px);align-items:center;display:grid}.hero h1{font-size:var(--text-display-s);letter-spacing:var(--tracking-display);color:var(--color-ink);max-width:14ch;font-weight:760;line-height:.98}.hero .lead{font-size:var(--text-md);margin-block:var(--space-sm) var(--space-sm);color:var(--color-ink-2);max-width:42ch}.hero .icon{width:100%;max-width:300px;filter:drop-shadow(0 24px 40px color-mix(in oklab, var(--color-ink) 22%, transparent));justify-self:start}.section{padding-block:var(--section-gap-s);border-top:var(--rule-hair) solid var(--color-rule)}.section h2{font-size:var(--text-section);letter-spacing:var(--tracking-display);margin-bottom:var(--space-xl);color:var(--color-ink);font-weight:760}.pillars-list{gap:var(--gap-columns);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.pillars-list li{background:var(--color-paper-2);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);padding:var(--space-lg);min-width:0;min-height:140px}.pillars-list h3{font-size:var(--text-lg);font-weight:760;font-family:var(--font-display);margin-bottom:var(--space-sm);color:var(--color-ink)}.pillars-list p{font-size:var(--text-sm);color:var(--color-ink-2)}.context-layout{gap:var(--gap-columns);grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:stretch;min-height:360px;display:grid}.context-copy{font-size:var(--text-md);color:var(--color-ink-2);max-width:58ch}.context-aside{background:var(--color-night);color:var(--color-paper);border-radius:var(--radius-card);padding:var(--space-lg);justify-content:flex-end;gap:var(--space-sm);flex-direction:column;min-height:320px;display:flex}.context-aside p{font-size:var(--text-sm);color:color-mix(in oklab, var(--color-paper) 82%, transparent)}.context-mark{width:min(240px,100%);height:auto;margin-bottom:var(--space-md)}.context-aside .date-line{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:var(--tracking-display);color:var(--color-wattle);font-weight:760}.context-copy p+p{margin-top:var(--space-md)}.fine-print{font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-md)}.updates-band{background:var(--color-paper-2);border-radius:var(--radius-card);padding:var(--space-xl);border-top:none;min-height:280px}.updates-list{font-size:var(--text-md);color:var(--color-ink-2);gap:var(--gap-columns);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.updates-list li{background:var(--color-white);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);padding:var(--space-lg);min-height:120px}.steps-list{gap:var(--gap-columns);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.steps-list li{background:var(--color-paper-2);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);padding:var(--space-xl);gap:var(--space-sm);flex-direction:column;min-height:200px;display:flex}.steps-list strong{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-ink);font-weight:760}.steps-list span{font-size:var(--text-sm);color:var(--color-ink-2)}.audience-grid{gap:var(--gap-columns);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.audience-card{background:var(--color-white);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);padding:var(--space-xl);min-width:0}.audience-card h3{font-size:var(--text-title);margin-bottom:var(--space-sm);font-weight:760;font-family:var(--font-display)}.audience-card p{color:var(--color-muted);font-size:var(--text-md)}.audience-card .card-mark{border-radius:var(--radius-tile);width:48px;height:48px;margin-bottom:var(--space-md)}.card-mark.user{background:var(--color-ink);color:var(--color-paper)}.card-mark.dev{background:var(--color-accent);color:var(--color-accent-ink)}.site-footer{padding-block:var(--space-2xl);border-top:var(--rule-hair) solid var(--color-rule);color:var(--color-muted);font-size:var(--text-sm);gap:var(--space-md);display:grid}.site-footer a{color:var(--color-ink)}.footer-legal{max-width:72ch;line-height:1.6}.btn{min-height:48px;padding:0 var(--space-lg);border-radius:var(--radius-pill);color:var(--color-ink);border:2px solid var(--color-ink);cursor:pointer;transition:background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), opacity var(--dur-short) var(--ease-out);background:0 0;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--color-paper-2)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}.btn-primary:hover{background:var(--color-clay);border-color:var(--color-clay)}.waitlist-panel{margin-top:var(--space-md);background:var(--color-white);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);padding:var(--space-md)}.field{gap:var(--space-2xs);margin-bottom:var(--space-sm);flex-direction:column;display:flex}.waitlist-hint{margin-bottom:var(--space-sm)}.pillars-interests{margin-top:var(--space-xl);gap:var(--space-md);max-width:100%;display:grid}.interest-field{margin:0 0 var(--space-md);border:none;min-width:0;padding:0}.interest-field legend{font-size:var(--text-sm);color:var(--color-ink-2);margin-bottom:var(--space-2xs);font-weight:600}.interest-list{margin:var(--space-xs) 0 0;gap:var(--space-xs);grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.interest-list li{gap:var(--space-sm);align-items:flex-start;display:flex}.interest-list input{width:18px;height:18px;margin-top:var(--space-3xs);accent-color:var(--color-ink)}.interest-list label{font-size:var(--text-sm);color:var(--color-ink-2);font-weight:500}.field label{font-size:var(--text-sm);color:var(--color-ink-2);font-weight:600}.field-hint{font-size:var(--text-xs);color:var(--color-muted)}.input,.select-like{border:1px solid var(--color-muted);outline-offset:-3px;border-radius:calc(var(--radius-card) - 8px);padding:var(--space-sm) var(--space-md);background:var(--color-paper);color:var(--color-ink-2);width:100%;min-height:48px;transition:background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out);outline:2px solid #0000}.input:hover{background:var(--color-paper-2)}.input:focus-visible{outline-color:var(--color-focus);border-color:var(--color-ink-2)}.input[aria-invalid=true]{border-color:var(--color-error)}.field-error{font-size:var(--text-xs);color:var(--color-error)}.role-picker{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.role-option{position:relative}.role-option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.role-option label{min-height:44px;padding:var(--space-md);border:1px solid var(--color-muted);border-radius:calc(var(--radius-card) - 8px);background:var(--color-paper);cursor:pointer;transition:border-color var(--dur-short) var(--ease-out), background-color var(--dur-short) var(--ease-out);align-items:center;font-weight:600;display:flex}.role-option label span{font-weight:400;font-size:var(--text-xs);color:var(--color-muted)}.role-option input:focus-visible+label{outline:2px solid var(--color-focus);outline-offset:2px}.role-option input:checked+label{border-color:var(--color-ink);background:var(--color-paper-2)}.consent-row{gap:var(--space-sm);margin-block:var(--space-md);align-items:flex-start;display:flex}.consent-row input{width:20px;height:20px;margin-top:var(--space-3xs);accent-color:var(--color-ink)}.consent-row label{font-size:var(--text-sm);color:var(--color-ink-2);font-weight:400}.form-status{padding:var(--space-md);border-radius:calc(var(--radius-card) - 8px);font-size:var(--text-sm);margin-bottom:var(--space-md)}.form-status.success{background:color-mix(in oklab, var(--color-success) 12%, var(--color-paper));border:1px solid color-mix(in oklab, var(--color-success) 40%, transparent);color:var(--color-ink-2)}.form-status.error{background:color-mix(in oklab, var(--color-error) 10%, var(--color-paper));border:1px solid color-mix(in oklab, var(--color-error) 35%, transparent);color:var(--color-ink-2)}.honeypot{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.dialog-backdrop{background:color-mix(in oklab, var(--color-night) 55%, transparent);z-index:var(--z-modal);padding:var(--space-lg);place-items:center;display:grid;position:fixed;inset:0}.dialog{background:var(--color-paper);border-radius:var(--radius-card);border:var(--rule-hair) solid var(--color-rule);width:100%;max-width:32rem;padding:var(--space-xl)}.dialog h2{font-size:var(--text-title);margin-bottom:var(--space-sm)}.dialog p{color:var(--color-muted);margin-bottom:var(--space-lg)}.dialog-actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.privacy-page{padding-block:var(--space-2xl);max-width:65ch}.privacy-page h1{font-size:var(--text-display-s);margin-bottom:var(--space-lg)}.privacy-page h2{font-size:var(--text-xl);margin-top:var(--space-xl);margin-bottom:var(--space-sm);font-family:var(--font-display)}.privacy-page p,.privacy-page li{color:var(--color-ink-2);margin-bottom:var(--space-sm)}.privacy-page ul{padding-left:var(--space-lg)}@media (max-width:60rem){.hero{grid-template-columns:minmax(0,1fr)}.hero .icon{order:-1;justify-self:center;width:min(240px,70%);margin-inline-start:0}.context-layout,.audience-grid,.steps-list,.pillars-list{grid-template-columns:minmax(0,1fr)}}@media (max-width:40rem){.role-picker,.interest-list{grid-template-columns:minmax(0,1fr)}}