.reveal{opacity:1;transform:none}@media (prefers-reduced-motion:no-preference){.js .reveal:not(.reveal--in){opacity:0;transform:translateY(16px)}.js .reveal{transition:opacity var(--ds-duration-slow) var(--ds-ease-enter), transform var(--ds-duration-slow) var(--ds-ease-enter);transition-delay:calc(var(--reveal-i,0) * 70ms);will-change:opacity, transform}.js .reveal.reveal--in{will-change:auto}}.landing{background-color:var(--ds-color-bg);color:var(--ds-color-text);font-family:var(--ds-font-sans);flex-direction:column;min-height:100vh;display:flex}.landing a{color:inherit}.landing-section{width:100%;max-width:var(--ds-container-lg);padding-inline:var(--ds-space-6);margin-inline:auto}.landing-section+.landing-section{margin-top:var(--ds-space-32)}.hero+.okf{margin-top:var(--ds-space-24)}@media (width<=50rem){.landing-section+.landing-section{margin-top:var(--ds-space-24)}.hero+.okf{margin-top:var(--ds-space-20)}}.hero{padding-top:var(--ds-space-24);text-align:center}.hero__eyebrow{font-family:var(--ds-font-mono);font-size:var(--ds-text-2xs);text-transform:uppercase;letter-spacing:var(--ds-tracking-widest);color:var(--ds-color-text-subtle);margin:0 0 var(--ds-space-6)}.hero__headline{font-family:var(--ds-font-serif);font-weight:var(--ds-weight-light);font-size:var(--ds-text-6xl);line-height:var(--ds-leading-tight);letter-spacing:var(--ds-tracking-tight);color:var(--ds-color-text);text-wrap:balance;max-width:18ch;margin:0 auto}.hero__subhead{margin:var(--ds-space-6) auto 0;max-width:56ch;font-size:var(--ds-text-lg);line-height:var(--ds-leading-relaxed);color:var(--ds-color-text-muted);text-wrap:balance}.hero .hero-loop{margin:var(--ds-space-12) auto var(--ds-space-2);width:100%;max-width:46rem}@media (width<=50rem){.hero .hero-loop{margin-top:var(--ds-space-8)}}.hero__ctas{margin-top:var(--ds-space-8);gap:var(--ds-space-4);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.hero__secondary{font-size:var(--ds-text-sm);color:var(--ds-color-text-muted);text-decoration:none}.hero__secondary:hover{color:var(--ds-color-text)}@media (width<=50rem){.hero{padding-top:var(--ds-space-12)}.hero__headline{font-size:var(--ds-text-5xl)}}.okf__artifact{margin:var(--ds-space-10) 0 0;text-align:left}.artifact{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-card);background-color:var(--ds-color-surface-raised);box-shadow:var(--ds-shadow-lg);overflow:hidden}.artifact__chrome{align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-4);border-bottom:1px solid var(--ds-color-border-subtle);background-color:var(--ds-color-surface);display:flex}.artifact__path{font-family:var(--ds-font-mono);font-size:var(--ds-text-xs);color:var(--ds-color-text-subtle)}.artifact__note{font-size:var(--ds-text-2xs);color:var(--ds-color-text-subtle);margin-left:auto}.artifact__code{padding:var(--ds-space-5) var(--ds-space-6);font-family:var(--ds-font-mono);font-size:var(--ds-text-sm);line-height:var(--ds-leading-relaxed);color:var(--ds-color-text-muted);background-color:var(--ds-color-surface-raised);tab-size:2;margin:0;overflow-x:auto}.artifact__code .tok-key{color:var(--ds-color-text);font-weight:var(--ds-weight-medium)}.artifact__code .tok-type{color:var(--ds-color-accent-text);font-weight:var(--ds-weight-medium)}.artifact__code .tok-comment{color:var(--ds-color-text-subtle)}.artifact__caption{margin:var(--ds-space-4) 0 0;text-align:left;font-size:var(--ds-text-sm);color:var(--ds-color-text-subtle)}.artifact__caption code{font-family:var(--ds-font-mono);color:var(--ds-color-text-muted)}.okf{max-width:var(--ds-container-lg);border-top:1px solid var(--ds-color-border-subtle);padding-top:var(--ds-space-8)}.okf__head{text-align:left;max-width:64ch}.okf__title{font-family:var(--ds-font-serif);font-weight:var(--ds-weight-regular);font-size:var(--ds-text-4xl);line-height:var(--ds-leading-tight);letter-spacing:var(--ds-tracking-tight);color:var(--ds-color-text);text-wrap:balance;margin:0}.okf__acronym{font-family:var(--ds-font-mono);font-weight:var(--ds-weight-medium);color:var(--ds-color-accent-text);letter-spacing:var(--ds-tracking-tight);text-decoration:none}.okf__expansion{color:var(--ds-color-text-muted)}.okf__lead{margin:var(--ds-space-5) 0 0;max-width:60ch;font-size:var(--ds-text-lg);line-height:var(--ds-leading-relaxed);color:var(--ds-color-text-muted);text-wrap:pretty}.okf__props{margin:var(--ds-space-12) 0 0;gap:var(--ds-space-8) var(--ds-space-10);grid-template-columns:repeat(2,1fr);display:grid}.okf__prop{padding-top:var(--ds-space-4);border-top:1px solid var(--ds-color-border);margin:0}.okf__term{font-family:var(--ds-font-mono);font-size:var(--ds-text-sm);font-weight:var(--ds-weight-medium);letter-spacing:var(--ds-tracking-tight);color:var(--ds-color-text);margin:0 0 var(--ds-space-2)}.okf__detail{font-size:var(--ds-text-sm);line-height:var(--ds-leading-relaxed);color:var(--ds-color-text-muted);margin:0}.okf__payoff{margin:var(--ds-space-12) 0 0;max-width:68ch;font-size:var(--ds-text-lg);line-height:var(--ds-leading-relaxed);color:var(--ds-color-text);text-wrap:pretty}@media (width>=64rem){.okf{column-gap:var(--ds-space-12);row-gap:var(--ds-space-7);grid-template-rows:auto auto auto auto;grid-template-columns:minmax(0,23rem) minmax(0,1fr);align-items:start;display:grid}.okf__head{grid-area:1/1/auto/-1}.okf__lead{margin-top:var(--ds-space-2);grid-area:2/1}.okf__props{margin-top:var(--ds-space-9);gap:var(--ds-space-6);grid-area:3/1;grid-template-columns:1fr;align-self:start}.okf__artifact{grid-area:2/2/4;align-self:start;margin-top:0}.okf__artifact .artifact__code{font-size:var(--ds-text-xs)}.okf__payoff{grid-area:4/1/auto/-1;max-width:none}}@media (width<=38rem){.okf__props{gap:var(--ds-space-6);grid-template-columns:1fr}.okf__title{font-size:var(--ds-text-3xl)}}.northstar{max-width:var(--ds-container-md)}.northstar .ds-card--editorial{text-align:left}.northstar__attribution{margin-top:var(--ds-space-5)}.section-head{text-align:center;margin-bottom:var(--ds-space-12)}.section-head__eyebrow{font-family:var(--ds-font-mono);font-size:var(--ds-text-2xs);text-transform:uppercase;letter-spacing:var(--ds-tracking-widest);color:var(--ds-color-text-subtle);margin:0 0 var(--ds-space-3)}.section-head__title{font-family:var(--ds-font-serif);font-weight:var(--ds-weight-regular);font-size:var(--ds-text-4xl);line-height:var(--ds-leading-tight);letter-spacing:var(--ds-tracking-tight);color:var(--ds-color-text);text-wrap:balance;max-width:24ch;margin:0 auto}.section-head__lead{margin:var(--ds-space-4) auto 0;max-width:60ch;color:var(--ds-color-text-muted);line-height:var(--ds-leading-relaxed)}.section-head--left{text-align:left}.section-head--left .section-head__title,.section-head--left .section-head__lead{margin-inline:0}.section-head--beat{border-top:1px solid var(--ds-color-border-subtle);padding-top:var(--ds-space-8)}.loop__diagram{width:100%;height:auto;margin-inline:auto;display:block}.loop__diagram .node-box{fill:var(--ds-color-surface);stroke:var(--ds-color-border-strong);stroke-width:1.5px}.loop__diagram .node-box--okf{fill:var(--ds-color-accent-surface);stroke:var(--ds-color-accent-border)}.loop__diagram .node-label{fill:var(--ds-color-text);font-family:var(--ds-font-sans);font-size:13px;font-weight:600}.loop__diagram .node-sub{fill:var(--ds-color-text-subtle);font-family:var(--ds-font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:9.5px}.loop__diagram .flow{fill:none;stroke:var(--ds-color-border-strong);stroke-width:1.5px}.loop__diagram .flow-arrow{fill:var(--ds-color-border-strong)}.loop__diagram .flow--return{stroke:var(--ds-color-accent);stroke-dasharray:4 4}.loop__diagram .flow-arrow--return{fill:var(--ds-color-accent)}.loop__diagram .flow-label{fill:var(--ds-color-text-muted);font-family:var(--ds-font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:9px}.loop__diagram .flow-label--return{fill:var(--ds-color-accent-text)}.surfaces__grid{gap:var(--ds-space-6);grid-template-columns:repeat(2,1fr);display:grid}.surface{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-card);background-color:var(--ds-color-surface);color:inherit;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.surface__teaser{padding:var(--ds-space-8) var(--ds-space-6);background-color:var(--ds-color-bg-subtle);border-bottom:1px solid var(--ds-color-border-subtle);place-items:center;display:grid}.surface__svg{width:100%;max-width:17rem;height:auto;display:block}.surface__svg--board .mini-lane{fill:var(--ds-color-surface);stroke:var(--ds-color-border-strong);stroke-width:1.5px}.surface__svg--board .mini-lane--done{stroke:var(--ds-color-accent-border)}.surface__svg--board .mini-lane-rule{stroke:var(--ds-color-border-strong);stroke-width:2px;stroke-linecap:round}.surface__svg--board .mini-card{fill:var(--ds-color-surface-raised);stroke:var(--ds-color-border);stroke-width:1px}.surface__svg--graph .mini-edges line{stroke:var(--ds-color-border-strong);stroke-width:1.25px}.surface__svg--graph .mini-node{fill:var(--ds-color-surface-raised);stroke:var(--ds-color-border-strong);stroke-width:1.5px}.surface__svg--graph .mini-node--okf{fill:var(--ds-color-accent-surface);stroke:var(--ds-color-accent-border)}.surface__body{padding:var(--ds-space-6);flex-direction:column;flex:1;display:flex}.surface__kicker{font-family:var(--ds-font-mono);font-size:var(--ds-text-2xs);letter-spacing:var(--ds-tracking-wider);text-transform:uppercase;color:var(--ds-color-accent-text);margin:0 0 var(--ds-space-3)}.surface__name{font-family:var(--ds-font-serif);font-size:var(--ds-text-2xl);font-weight:var(--ds-weight-regular);line-height:var(--ds-leading-snug);letter-spacing:var(--ds-tracking-tight);color:var(--ds-color-text);margin:0 0 var(--ds-space-3)}.surface__text{font-size:var(--ds-text-sm);line-height:var(--ds-leading-relaxed);color:var(--ds-color-text-muted);margin:0 0 var(--ds-space-5)}.surface__link{font-size:var(--ds-text-sm);font-weight:var(--ds-weight-medium);color:var(--ds-color-accent-text);margin-top:auto}.surface__link:after{content:" →";transition:transform var(--ds-duration-fast) var(--ds-ease-standard);display:inline-block}@media (width<=44rem){.surfaces__grid{grid-template-columns:1fr}}.getstarted{max-width:var(--ds-container-lg);text-align:center;scroll-margin-top:var(--ds-space-12)}.getstarted__lead{margin-bottom:var(--ds-space-12)}.getstarted__title{font-family:var(--ds-font-serif);font-weight:var(--ds-weight-regular);font-size:var(--ds-text-4xl);line-height:var(--ds-leading-tight);letter-spacing:var(--ds-tracking-tight);color:var(--ds-color-text);text-wrap:balance;max-width:18ch;margin:0 auto}.getstarted__sub{margin:var(--ds-space-5) auto 0;max-width:52ch;color:var(--ds-color-text-muted);line-height:var(--ds-leading-relaxed)}.capture-form{text-align:left;max-width:30rem;margin-inline:auto}.capture-form__row{gap:var(--ds-space-3);flex-wrap:wrap;align-items:flex-start;display:flex}.capture-form__field{flex:14rem;min-width:0}.capture-form__row .ds-button{flex:none}.capture-form__field+.capture-form__field{margin-top:var(--ds-space-3)}.capture-form__submit{margin-top:var(--ds-space-4);width:100%}.capture-form__status{font-size:var(--ds-text-sm);line-height:var(--ds-leading-snug);color:var(--ds-color-text-muted);margin:0}.capture-form__status:empty{display:none}.capture-form__status:not(:empty){margin-top:var(--ds-space-4)}.capture-form__status[data-state=success]{color:var(--ds-color-success-text)}.capture-form__status[data-state=error]{color:var(--ds-color-danger-text)}.getstarted__doors{gap:var(--ds-space-6);text-align:left;grid-template-columns:repeat(2,1fr);align-items:start;display:grid}.getstarted__doors--single{grid-template-columns:minmax(0,34rem);justify-content:center}.door{padding:var(--ds-space-10) var(--ds-space-8);background-color:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-card);flex-direction:column;display:flex}.door__kicker{font-family:var(--ds-font-mono);font-size:var(--ds-text-2xs);letter-spacing:var(--ds-tracking-wider);text-transform:uppercase;color:var(--ds-color-accent-text);margin:0 0 var(--ds-space-3)}.door__title{font-family:var(--ds-font-serif);font-weight:var(--ds-weight-regular);font-size:var(--ds-text-3xl);line-height:var(--ds-leading-tight);letter-spacing:var(--ds-tracking-tight);color:var(--ds-color-text);margin:0 0 var(--ds-space-3);text-wrap:balance;max-width:20ch}.door__body{margin:0 0 var(--ds-space-6);font-size:var(--ds-text-base);line-height:var(--ds-leading-relaxed);color:var(--ds-color-text-muted)}.door .capture-form{margin-inline:0;max-width:none;margin-top:auto}.door{transition:transform var(--ds-duration-base) var(--ds-ease-standard), box-shadow var(--ds-duration-base) var(--ds-ease-standard), border-color var(--ds-duration-base) var(--ds-ease-standard)}@media (prefers-reduced-motion:no-preference){.door:hover,.door:focus-within{box-shadow:var(--ds-shadow-md);border-color:var(--ds-color-border-strong);transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.door:hover,.door:focus-within{box-shadow:var(--ds-shadow-md);border-color:var(--ds-color-border-strong)}}@media (width<=50rem){.getstarted__doors{grid-template-columns:1fr}}@media (width<=38rem){.door{padding:var(--ds-space-8) var(--ds-space-5)}}.landing .ds-button{text-decoration:none}.landing .ds-button--primary{color:var(--ds-color-on-accent)}@media (prefers-reduced-motion:no-preference){.js .hero__eyebrow,.js .hero__headline,.js .hero__subhead,.js .hero .hero-loop,.js .hero__ctas{opacity:0;animation:landing-rise var(--ds-duration-slower) var(--ds-ease-enter) forwards;animation-delay:calc(var(--hero-i,0) * 90ms)}.js .hero .hero-loop{--hero-i:3}}@keyframes landing-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.surface{transition:transform var(--ds-duration-base) var(--ds-ease-standard), box-shadow var(--ds-duration-base) var(--ds-ease-standard), border-color var(--ds-duration-base) var(--ds-ease-standard)}.surface:focus-visible{box-shadow:var(--ds-focus-ring);outline:none}@media (prefers-reduced-motion:no-preference){.surface:hover,.surface:focus-within{box-shadow:var(--ds-shadow-md);border-color:var(--ds-color-border-strong);transform:translateY(-3px)}.surface:hover .surface__link:after,.surface:focus-within .surface__link:after{transform:translate(2px)}}@media (prefers-reduced-motion:reduce){.surface:hover,.surface:focus-within{box-shadow:var(--ds-shadow-md);border-color:var(--ds-color-border-strong)}}@media (prefers-reduced-motion:no-preference){.landing .ds-button--primary:hover,.landing .ds-button--primary:focus-visible{box-shadow:var(--ds-shadow-md);transform:translateY(-1px)}.landing .ds-button--primary:active{transform:translateY(0)}}.landing-external:after{transition:transform var(--ds-duration-fast) var(--ds-ease-standard)}@media (prefers-reduced-motion:no-preference){.landing-external:hover:after,.landing-external:focus-visible:after{transform:translate(1px,-1px)}.js .okf__artifact.reveal:not(.reveal--in){transform:translateY(22px)scale(.985)}.loop__diagram[data-active] .flow:not(.flow--return){stroke-dasharray:5 11;animation:1.6s linear infinite loop-flow;animation-delay:calc(var(--flow-i,0) * .12s)}.loop__diagram[data-active] .node-box--okf{transform-box:fill-box;transform-origin:50%;animation:loop-breathe 4s var(--ds-ease-standard) infinite}.loop__diagram[data-active] .flow--return{animation:3.2s linear infinite loop-return}}@keyframes loop-flow{0%{stroke-dashoffset:16px}to{stroke-dashoffset:0}}@keyframes loop-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}@keyframes loop-return{0%{stroke-dashoffset:0}to{stroke-dashoffset:-16px}}