@font-face{font-family: "Space Grotesk";src: url("/assets/fonts/space-grotesk-latin-wght-normal.woff2") format("woff2");font-weight: 300 700;font-style: normal;font-display: swap}@font-face{font-family: "Inter";src: url("/assets/fonts/inter-latin-wght-normal.woff2") format("woff2");font-weight: 100 900;font-style: normal;font-display: swap}@font-face{font-family: "JetBrains Mono";src: url("/assets/fonts/jetbrains-mono-latin-wght-normal.woff2") format("woff2");font-weight: 100 800;font-style: normal;font-display: swap}@font-face{font-family: "Space Grotesk Fallback";src: local("Arial"),local("Helvetica"),local("Liberation Sans");size-adjust: 111.33%;ascent-override: 88.39%;descent-override: 26.23%;line-gap-override: 0%}@font-face{font-family: "Inter Fallback";src: local("Arial"),local("Helvetica"),local("Liberation Sans");size-adjust: 107.48%;ascent-override: 90.14%;descent-override: 22.44%;line-gap-override: 0%}:root{color-scheme: dark;--font-display: "Space Grotesk","Space Grotesk Fallback",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-body: "Inter","Inter Fallback",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono: "JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--bg: #0b0f17;--surface: #131b2a;--elevated: #192438;--text: #f1f5fc;--text-2: #94a3b8;--accent: #5685ff;--accent-hover: #7399ff;--on-accent: #0b0f17;--accent-tint: rgb(86 133 255 / 0.14);--highlight: #37d6b0;--highlight-tint: rgb(55 214 176 / 0.14);--divider: #273348;--control-border: #64748b;--focus: #5685ff;--danger: #ff9a9a;--hero-glow: radial-gradient(60% 60% at 70% 30%,rgb(86 133 255 / 0.16),transparent 70%);--s-1: 4px;--s-2: 8px;--s-3: 16px;--s-4: 24px;--s-5: 32px;--s-6: 48px;--s-7: 64px;--s-8: 96px;--s-9: 128px;--radius-btn: 10px;--radius-card: 14px;--radius-panel: 20px;--radius-tag: 8px;--max: 1200px;--gutter: 16px;--gap: 16px;--header-h: 64px;--section-y: clamp(3rem,1.75rem + 4.2vw,5.5rem);--step-hero: clamp(2.375rem,1.55rem + 3.7vw,4rem);--step-h1: clamp(2rem,1.45rem + 2.2vw,3rem);--step-h2: clamp(1.5rem,1.2rem + 1.1vw,2rem);--step-h3: clamp(1.25rem,1.12rem + 0.5vw,1.5rem);--step-0: clamp(1rem,0.96rem + 0.18vw,1.125rem);--step-lead: clamp(1.0625rem,1rem + 0.35vw,1.25rem);--ease: cubic-bezier(0.2,0,0,1);--t-hover: 120ms;--t-state: 200ms;--t-enter: 320ms}@media (min-width: 768px){:root{--gutter: 24px;--gap: 24px}}:root[data-theme="light"]{color-scheme: light;--bg: #f7f9fc;--surface: #ffffff;--elevated: #edf1f8;--text: #0b0f17;--text-2: #475569;--accent: #2f5fe0;--accent-hover: #2450c8;--on-accent: #ffffff;--accent-tint: rgb(47 95 224 / 0.1);--highlight: #0b7a61;--highlight-tint: rgb(11 122 97 / 0.1);--divider: #c9d3e3;--control-border: #74859f;--focus: #2f5fe0;--danger: #b42318;--hero-glow: radial-gradient(60% 60% at 70% 30%,rgb(47 95 224 / 0.1),transparent 70%)}@media (prefers-color-scheme: light){:root[data-theme="system"]{color-scheme: light;--bg: #f7f9fc;--surface: #ffffff;--elevated: #edf1f8;--text: #0b0f17;--text-2: #475569;--accent: #2f5fe0;--accent-hover: #2450c8;--on-accent: #ffffff;--accent-tint: rgb(47 95 224 / 0.1);--highlight: #0b7a61;--highlight-tint: rgb(11 122 97 / 0.1);--divider: #c9d3e3;--control-border: #74859f;--focus: #2f5fe0;--danger: #b42318;--hero-glow: radial-gradient(60% 60% at 70% 30%,rgb(47 95 224 / 0.1),transparent 70%)}}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;scroll-padding-top: calc(var(--header-h) + 24px)}@media (prefers-reduced-motion: no-preference){html{scroll-behavior: smooth}}@view-transition{navigation: auto}@media (prefers-reduced-motion: reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation: none !important}}body{margin: 0;min-height: 100vh;background: var(--bg);color: var(--text);font-family: var(--font-body);font-size: var(--step-0);line-height: 1.6;font-optical-sizing: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;overflow-wrap: break-word}img,picture,svg{display: block;max-width: 100%}img{height: auto}h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote{margin: 0}ul,ol{padding: 0}h1,h2,h3,h4{font-family: var(--font-display);font-weight: 600;line-height: 1.15;letter-spacing: -0.015em;text-wrap: balance}.display{font-size: var(--step-hero);line-height: 1.04;letter-spacing: -0.025em}.h1{font-size: var(--step-h1);line-height: 1.1;letter-spacing: -0.02em}.h2{font-size: var(--step-h2);font-weight: 600}.h3{font-size: var(--step-h3);font-weight: 500}p{text-wrap: pretty;max-width: 68ch}.lead{font-size: var(--step-lead);line-height: 1.55;color: var(--text-2);max-width: 58ch}a{color: var(--accent);text-decoration-thickness: 1px;text-underline-offset: 3px}a:hover{text-decoration-thickness: 2px}code,kbd{font-family: var(--font-mono);font-size: 0.88em;padding: 0.12em 0.4em;border-radius: 6px;background: var(--elevated);border: 1px solid var(--divider)}hr{border: 0;border-top: 1px solid var(--divider)}:focus-visible{outline: 2px solid var(--focus);outline-offset: 2px;border-radius: 4px}:focus:not(:focus-visible){outline: none}main:focus{outline: none}::selection{background: var(--accent);color: var(--on-accent)}[hidden]{display: none !important}.sr-only{position: absolute !important;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip-path: inset(50%);white-space: nowrap;border: 0}.skip-link{position: absolute;left: var(--s-3);top: -100px;z-index: 100;padding: 12px 16px;border-radius: var(--radius-btn);background: var(--accent);color: var(--on-accent);font-weight: 600;text-decoration: none}.skip-link:focus{top: var(--s-3)}html:not(.js) .js-only{display: none !important}html.js .no-js-only{display: none !important}.mono-label{display: block;font-family: var(--font-mono);font-size: 0.75rem;font-weight: 500;line-height: 1.4;color: var(--text-2);margin-bottom: var(--s-2)}.eyebrow{display: flex;align-items: center;gap: 12px;margin-bottom: var(--s-3);font-family: var(--font-mono);font-size: 0.8125rem;font-weight: 500;letter-spacing: 0;color: var(--text-2)}.eyebrow::before{content: "";flex: none;width: 24px;height: 1px;background: var(--control-border)}@media (prefers-reduced-motion: no-preference){html.js .reveal{opacity: 0;transform: translateY(8px);transition: opacity var(--t-enter) var(--ease),transform var(--t-enter) var(--ease)}html.js .reveal.is-visible{opacity: 1;transform: none}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important}}.container{width: min(100% - 2 * var(--gutter),var(--max));margin-inline: auto}.container--narrow{width: min(100% - 2 * var(--gutter),760px)}.section{padding-block: var(--section-y)}.section--tight{padding-block: var(--s-5) var(--section-y)}.section-head{margin-bottom: clamp(2rem,1.5rem + 2vw,3.5rem);max-width: 760px}.section-intro{margin-top: var(--s-3);color: var(--text-2);font-size: var(--step-lead);line-height: 1.55}.section-more{margin-top: var(--s-5)}.page-hero{padding-block: clamp(3rem,2rem + 4vw,6rem) var(--s-6)}.page-hero--compact{padding-block: clamp(2.5rem,2rem + 3vw,4.5rem) var(--s-4)}.page-hero .lead{margin-top: var(--s-3)}.actions{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-3);margin-top: var(--s-5)}.preview-banner{position: relative;z-index: 60;padding: 8px var(--gutter);background: var(--highlight-tint);border-bottom: 1px solid var(--highlight);font-family: var(--font-mono);font-size: 0.75rem;text-align: center}.site-header{position: sticky;top: 0;z-index: 50;border-bottom: 1px solid transparent;transition: border-color var(--t-state) var(--ease)}.site-header::before{content: "";position: absolute;inset: 0;z-index: -1;background: color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter: saturate(1.2) blur(12px);backdrop-filter: saturate(1.2) blur(12px)}.site-header.is-scrolled{border-bottom-color: var(--divider)}.header-inner{display: flex;align-items: center;gap: var(--s-4);min-height: var(--header-h);flex-wrap: wrap}.wordmark{display: inline-flex;align-items: center;gap: 12px;font-family: var(--font-display);font-size: 1.125rem;font-weight: 600;letter-spacing: -0.01em;color: var(--text);text-decoration: none}.wordmark:hover{text-decoration: none}.mark{color: var(--accent);flex: none}.nav-wrap{margin-left: auto;display: flex;align-items: center;gap: var(--s-4);flex-wrap: wrap}.nav-list{display: flex;flex-wrap: wrap;gap: 4px;list-style: none}.nav-list a{position: relative;display: inline-flex;align-items: center;min-height: 44px;padding: 0 12px;border-radius: 8px;color: var(--text-2);font-size: 0.9375rem;font-weight: 500;text-decoration: none;transition: color var(--t-hover) var(--ease)}.nav-list a:hover{color: var(--text)}.nav-list a[aria-current="page"]{color: var(--text)}.nav-list a[aria-current="page"]::after{content: "";position: absolute;left: 12px;right: 12px;bottom: 6px;height: 2px;border-radius: 2px;background: var(--accent)}.theme-switch{display: inline-flex;gap: 2px;padding: 2px;border: 1px solid var(--control-border);border-radius: var(--radius-btn)}.theme-switch button{display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-width: 36px;min-height: 36px;padding: 0 8px;border: 0;border-radius: 8px;background: transparent;color: var(--text-2);font: 500 0.875rem/1 var(--font-body);cursor: pointer;transition: background-color var(--t-hover) var(--ease),color var(--t-hover) var(--ease)}.theme-switch button:hover{color: var(--text)}.theme-switch button[aria-checked="true"]{background: var(--accent-tint);color: var(--text);box-shadow: inset 0 0 0 1px var(--accent)}.theme-label{position: absolute;width: 1px;height: 1px;margin: -1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}.menu-btn{display: none;align-items: center;gap: 8px;min-height: 44px;margin-left: auto;padding: 0 14px;border: 1px solid var(--control-border);border-radius: var(--radius-btn);background: transparent;color: var(--text);font: 600 0.9375rem/1 var(--font-body);cursor: pointer}.menu-btn .icon-close{display: none}.menu-btn[aria-expanded="true"] .icon-open{display: none}.menu-btn[aria-expanded="true"] .icon-close{display: block}@media (max-width: 859px){html.js .menu-btn{display: inline-flex}html.js .nav-wrap{display: none;position: fixed;inset: var(--header-h) 0 0 0;z-index: 49;margin: 0;padding: var(--s-4) var(--gutter) var(--s-7);overflow-y: auto;background: var(--bg);flex-direction: column;align-items: stretch;gap: var(--s-5)}html.js .nav-wrap[data-open]{display: flex}html.js .nav-list{flex-direction: column;gap: 0;border-top: 1px solid var(--divider)}html.js .nav-list a{display: flex;min-height: 56px;padding: 0;border-bottom: 1px solid var(--divider);border-radius: 0;color: var(--text);font-family: var(--font-display);font-size: 1.375rem;font-weight: 500}html.js .nav-list a[aria-current="page"]::after{left: 0;right: auto;width: 32px;bottom: 10px}html.js .nav-tools{align-items: center}html.js .theme-switch{align-self: flex-start}html.js .theme-label{position: static;width: auto;height: auto;margin: 0;clip-path: none}html.js .theme-switch button{padding: 0 14px;min-height: 44px}html.js.menu-open{overflow: hidden}}html:not(.js) .header-inner{padding-block: 8px}.subbar{border-bottom: 1px solid var(--divider);background: var(--surface)}.subbar-inner{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--s-2) var(--s-4);padding-block: 8px}.subbar-brand{font-family: var(--font-mono);font-size: 0.8125rem;color: var(--text-2)}.subbar-list{display: flex;flex-wrap: wrap;align-items: center;gap: 4px var(--s-3);list-style: none}.subbar-list a:not(.btn){display: inline-flex;align-items: center;min-height: 40px;color: var(--text-2);font-size: 0.875rem;font-weight: 500;text-decoration: none}.subbar-list a:not(.btn):hover{color: var(--text);text-decoration: underline}.subbar-brand{min-width: 0}.lbl-short{display: none}@media (max-width: 639px){.subbar-inner{flex-wrap: nowrap;gap: var(--s-3);padding-block: 6px}.subbar-by,.subbar-opt{display: none}.subbar-name{white-space: nowrap}.lbl-long{display: none}.lbl-short{display: inline}}.site-footer{margin-top: var(--s-7);padding-block: var(--s-7) var(--s-5);border-top: 1px solid var(--divider);background: var(--surface)}.footer-grid{display: grid;gap: var(--s-6) var(--s-5);grid-template-columns: repeat(2,minmax(0,1fr))}.footer-brand{grid-column: 1 / -1;display: grid;gap: var(--s-3);align-content: start}.footer-brand p{color: var(--text-2);max-width: 38ch}.footer-studio{font-family: var(--font-mono);font-size: 0.8125rem}.footer-group h2{margin-bottom: var(--s-3);font-family: var(--font-mono);font-size: 0.75rem;font-weight: 500;letter-spacing: 0;color: var(--text-2)}.footer-group ul{display: grid;gap: 4px;list-style: none}.footer-group a{display: inline-flex;align-items: center;min-height: 36px;color: var(--text);text-decoration: none}.footer-group a:hover{color: var(--accent);text-decoration: underline}.footer-bottom{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--s-2) var(--s-4);margin-top: var(--s-7);padding-top: var(--s-4);border-top: 1px solid var(--divider)}.footer-legal,.footer-lang{margin: 0;color: var(--text-2);font-size: 0.875rem;max-width: none}.footer-lang a{display: inline-flex;align-items: center;min-height: 36px;color: var(--text)}@media (min-width: 860px){.footer-grid{grid-template-columns: minmax(0,5fr) repeat(3,minmax(0,2fr))}.footer-brand{grid-column: auto}}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: 48px;padding: 0 24px;border: 1.5px solid transparent;border-radius: var(--radius-btn);font: 600 1rem/1 var(--font-body);text-decoration: none;cursor: pointer;transition: background-color var(--t-hover) var(--ease),border-color var(--t-hover) var(--ease),transform var(--t-hover) var(--ease)}.btn:hover{text-decoration: none}.btn:active{transform: translateY(1px)}.btn-primary{background: var(--accent);color: var(--on-accent)}.btn-primary:hover{background: var(--accent-hover);color: var(--on-accent)}.btn-secondary{background: transparent;color: var(--text);border-color: var(--control-border)}.btn-secondary:hover{border-color: var(--accent);background: var(--accent-tint);color: var(--text)}.btn-sm{min-height: 40px;padding: 0 16px;font-size: 0.875rem}.btn:disabled,.btn[aria-disabled="true"]{opacity: 0.5;cursor: not-allowed;transform: none}.btn .icon{transition: transform var(--t-hover) var(--ease)}.btn:hover .icon{transform: translateX(2px)}.text-link{display: inline-flex;align-items: center;gap: 8px;min-height: 44px;font-weight: 600;color: var(--accent);text-decoration: none}.text-link:hover{text-decoration: underline;text-underline-offset: 4px}.text-link .icon,.card-cta .icon{flex: none;transition: transform var(--t-hover) var(--ease)}.text-link:hover .icon{transform: translateX(3px)}.icon-back{transform: rotate(180deg)}.tag-list{display: flex;flex-wrap: wrap;gap: var(--s-2);list-style: none}.tag{display: inline-flex;align-items: center;padding: 6px 10px;border: 1px solid var(--divider);border-radius: var(--radius-tag);font-family: var(--font-mono);font-size: 0.75rem;font-weight: 500;line-height: 1.2;color: var(--text-2)}.tag-lg{padding: 10px 14px;font-family: var(--font-body);font-size: 0.9375rem;color: var(--text)}.status{display: inline-flex;align-items: center;gap: 6px;padding: 6px 10px;border: 1px solid var(--control-border);border-radius: var(--radius-tag);font-family: var(--font-mono);font-size: 0.75rem;font-weight: 500;line-height: 1.2;color: var(--text)}.status-illustrative{border-style: dashed}.status-concept{border-style: dotted;border-width: 2px}.status-published{border-color: var(--highlight);color: var(--text)}.status-published .icon{color: var(--highlight)}.status-draft{border-style: double;border-width: 3px}.card-meta{display: flex;flex-wrap: wrap;gap: var(--s-2);margin-bottom: var(--s-3)}.notice{display: flex;align-items: flex-start;gap: 12px;max-width: 70ch;margin-top: var(--s-4);padding: 14px 16px;border: 1px solid var(--divider);border-left: 3px solid var(--accent);border-radius: 10px;background: var(--surface);color: var(--text);font-size: 0.9375rem}.notice .icon{flex: none;margin-top: 2px;color: var(--accent)}.dev-note{max-width: 70ch;margin-top: var(--s-4);padding: 14px 16px;border: 1px dashed var(--highlight);border-radius: 10px;background: var(--highlight-tint);font-size: 0.9375rem}.card{position: relative;padding: var(--s-4);border: 1px solid var(--divider);border-radius: var(--radius-card);background: var(--surface)}.card-link{position: relative;transition: border-color var(--t-state) var(--ease),transform var(--t-state) var(--ease),background-color var(--t-state) var(--ease)}.card-link:hover{border-color: var(--control-border)}@media (prefers-reduced-motion: no-preference){.card-link:hover{transform: translateY(-2px)}}.stretched{color: inherit;text-decoration: none}.stretched::after{content: "";position: absolute;inset: 0;border-radius: inherit}.stretched:focus-visible{outline: none}.stretched:focus-visible::after{outline: 2px solid var(--focus);outline-offset: 2px;border-radius: var(--radius-card)}.card-title{font-size: var(--step-h3);font-weight: 500}.card-context{margin-top: var(--s-3);color: var(--text-2)}.card-facts{margin-top: var(--s-3);font-size: 0.9375rem}.card-tech{margin-top: var(--s-3)}.card-facts dt{font-family: var(--font-mono);font-size: 0.75rem;color: var(--text-2)}.card-takeaway{margin-top: var(--s-4);padding-left: var(--s-3);border-left: 2px solid var(--accent)}.card-takeaway .mono-label{margin-bottom: 2px}.card-cta{display: inline-flex;align-items: center;gap: 8px;margin-top: var(--s-4);font-weight: 600;color: var(--accent)}.card-cta .icon{transition: transform var(--t-hover) var(--ease)}.card-link:hover .card-cta .icon{transform: translateX(3px)}.model{list-style: none;position: relative}.stage{--flow: var(--control-border);position: relative;border: 1px solid var(--divider);border-radius: var(--radius-card);background: var(--surface);transition: background-color var(--t-state) var(--ease),border-color var(--t-state) var(--ease)}.stage + .stage{margin-top: 28px}.stage[data-selected="true"]{border-color: var(--accent);background: var(--accent-tint)}.stage[data-selected="true"] + .stage{--flow: var(--highlight)}.stage + .stage::before{content: "";position: absolute;left: 35px;top: -28px;width: 2px;height: 22px;background: var(--flow);transform-origin: top}.stage + .stage::after{content: "";position: absolute;left: 30px;top: -8px;border: 6px solid transparent;border-top: 7px solid var(--flow);border-bottom: 0}@media (prefers-reduced-motion: no-preference){.stage + .stage::before{animation: draw 0.6s var(--ease) both}.stage:nth-child(2)::before{animation-delay: 0.1s}.stage:nth-child(3)::before{animation-delay: 0.3s}.stage:nth-child(4)::before{animation-delay: 0.5s}.stage + .stage::after{animation: fade-in 0.3s var(--ease) both}.stage:nth-child(2)::after{animation-delay: 0.5s}.stage:nth-child(3)::after{animation-delay: 0.7s}.stage:nth-child(4)::after{animation-delay: 0.9s}}@keyframes draw{from{transform: scaleY(0)}}@keyframes fade-in{from{opacity: 0}}.stage-heading{font-size: inherit}.stage-btn{display: grid;grid-template-columns: 40px 1fr 20px;align-items: center;gap: 12px;width: 100%;min-height: 56px;padding: 14px 18px;border: 0;border-radius: var(--radius-card);background: transparent;color: var(--text);font: inherit;text-align: left;cursor: pointer}html:not(.js) .stage-btn{pointer-events: none;cursor: default}.stage-index{font-family: var(--font-mono);font-size: 0.8125rem;color: var(--text-2)}.stage-name{font-family: var(--font-display);font-size: 1.125rem;font-weight: 500;line-height: 1.25}.stage-check{opacity: 0;color: var(--accent)}.stage[data-selected="true"] .stage-check{opacity: 1}.stage-panel{display: grid;grid-template-rows: 1fr}.stage-inner{overflow: hidden;padding: 0 18px 0 70px}.stage-inner p{padding-bottom: 12px;font-size: 0.9375rem;color: var(--text-2)}.stage-link{margin-bottom: 18px;font-size: 0.9375rem}html.js .model .stage-panel{grid-template-rows: 0fr;transition: grid-template-rows var(--t-state) var(--ease)}html.js .model .stage[data-selected="true"] .stage-panel{grid-template-rows: 1fr}html.js .model .stage:not([data-selected="true"]) .stage-inner{visibility: hidden}html:not(.js) .stage[data-selected="true"]{border-color: var(--divider);background: var(--surface)}html:not(.js) .stage[data-selected="true"] + .stage{--flow: var(--control-border)}html:not(.js) .stage-check{opacity: 0}.persona-icon,.cap-icon,.pillar-icon,.principle-icon,.promise-icon,.option-icon{display: grid;flex: none;place-items: center;width: 48px;height: 48px;border: 1px solid var(--control-border);border-radius: 12px;background: var(--accent-tint);color: var(--accent)}.pillar-icon,.principle-icon,.promise-icon,.option-icon{width: 40px;height: 40px;border-radius: 10px}.persona-grid{display: grid;gap: var(--gap);list-style: none}.persona{display: grid;gap: var(--s-2);align-content: start;height: 100%}.persona .persona-icon{margin-bottom: var(--s-2)}.persona .mono-label{margin-bottom: 0}.persona-body{color: var(--text-2)}.persona .card-cta{margin-top: var(--s-3)}@media (min-width: 760px){.persona-grid{grid-template-columns: repeat(3,minmax(0,1fr))}.persona{padding: var(--s-5)}}@supports (grid-template-rows: subgrid){@media (min-width: 760px){.persona-grid{grid-template-rows: repeat(5,auto);row-gap: 0}.persona-grid > li{display: grid;grid-row: span 5;grid-template-rows: subgrid;row-gap: var(--s-2)}.persona{grid-row: span 5;grid-template-rows: subgrid;row-gap: var(--s-2);align-content: normal}.persona .card-cta{align-self: end}}}.audience-chips{display: flex;flex-wrap: wrap;gap: var(--s-2);margin-top: var(--s-2);list-style: none}.audience-chips li{display: inline-flex;align-items: center;gap: 8px;padding: 8px 14px;border: 1px solid var(--control-border);border-radius: 999px;background: var(--surface);font-size: 0.9375rem}.audience-chips .icon{color: var(--highlight)}.cap-grid{display: grid;gap: var(--gap);list-style: none}.cap-tile{display: grid;gap: var(--s-2);align-content: start;height: 100%;padding: var(--s-4);border: 1px solid var(--divider);border-radius: var(--radius-card);background: var(--surface);color: var(--text);text-decoration: none}.cap-tile:hover{border-color: var(--accent)}.cap-tile .cap-icon{margin-bottom: var(--s-2)}.cap-title{font-size: 1.125rem;font-weight: 500}.cap-body{color: var(--text-2);font-size: 0.9375rem}.cap-tile .tag-list{padding-top: var(--s-2)}@media (max-width: 639px){.cap-tile{grid-template-columns: 48px minmax(0,1fr);column-gap: var(--s-3);row-gap: 2px;padding: var(--s-3) var(--s-4)}.cap-tile .cap-icon{grid-row: span 2;margin-bottom: 0}.cap-tile .tag-list{display: none}}@media (min-width: 640px){.cap-grid{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (min-width: 1100px){.cap-grid{grid-template-columns: repeat(4,minmax(0,1fr))}}.cases-grid{display: grid;gap: var(--gap)}.case-lead{position: relative;display: flex;flex-direction: column;padding: clamp(1.5rem,1rem + 2.5vw,3rem);border: 1px solid var(--divider);border-radius: var(--radius-panel);background: var(--elevated)}.case-lead-title{font-size: clamp(1.625rem,1.2rem + 1.8vw,2.5rem);line-height: 1.1;letter-spacing: -0.02em;max-width: 20ch}.case-lead-context{margin-top: var(--s-3);color: var(--text-2);font-size: var(--step-lead)}.case-lead-foot{padding-top: var(--s-2)}.mini-flow{display: flex;flex-wrap: wrap;gap: 8px;margin: auto 0;padding-block: var(--s-5);list-style: none}.mini-flow li{position: relative;display: inline-flex;align-items: center;padding: 6px 10px;border: 1px solid var(--control-border);border-radius: var(--radius-tag);background: var(--surface);font-family: var(--font-mono);font-size: 0.75rem}@media (min-width: 720px){.mini-flow{gap: 8px 28px}.mini-flow li + li::before{content: "";position: absolute;left: -24px;top: 50%;width: 20px;height: 1px;background: var(--control-border)}.mini-flow li + li::after{content: "";position: absolute;left: -9px;top: calc(50% - 4px);border: 4px solid transparent;border-left: 6px solid var(--control-border);border-right: 0}}.cases-side{display: grid;gap: var(--gap);align-content: start}@media (min-width: 960px){.cases-grid{grid-template-columns: minmax(0,8fr) minmax(0,4fr);align-items: stretch}.cases-side{grid-template-rows: 1fr 1fr}}.tl-list{position: relative;display: grid;gap: 0;margin-bottom: var(--s-5)}.tl-tab{position: relative;display: grid;grid-template-columns: 32px 1fr;grid-template-areas: "node kicker" "node label";column-gap: 14px;align-items: start;align-content: start;padding: 14px 0;border: 0;background: transparent;color: var(--text-2);font: inherit;text-align: left;cursor: pointer;transition: color var(--t-state) var(--ease)}.tl-tab:hover{color: var(--text)}.tl-node{grid-area: node;display: grid;place-items: center;width: 28px;height: 28px;border: 2px solid var(--control-border);border-radius: 50%;background: var(--bg);color: transparent;transition: border-color var(--t-state) var(--ease),background-color var(--t-state) var(--ease)}.tl-kicker{grid-area: kicker;font-family: var(--font-mono);font-size: 0.75rem}.tl-label{grid-area: label;font-family: var(--font-display);font-size: 1.125rem;font-weight: 500;line-height: 1.25}.tl-tab[aria-selected="true"]{color: var(--text)}.tl-tab[aria-selected="true"] .tl-node{border-color: var(--accent);background: var(--accent);color: var(--on-accent)}.tl-tab[aria-selected="true"] .tl-label{text-decoration: underline;text-decoration-color: var(--accent);text-decoration-thickness: 2px;text-underline-offset: 6px}.tl-panel{padding: var(--s-4);border: 1px solid var(--divider);border-radius: var(--radius-panel);background: var(--surface)}.tl-panel + .tl-panel{margin-top: var(--gap)}html.js .tl-panel-title{display: none}.tl-panel-title{margin-bottom: var(--s-3);font-size: var(--step-h3)}.tl-panel-grid{display: grid;gap: var(--s-5)}.tl-perspective{margin-bottom: var(--s-3);font-family: var(--font-display);font-size: clamp(1.375rem,1.1rem + 1.2vw,2rem);font-weight: 500;line-height: 1.2;letter-spacing: -0.015em;color: var(--text)}.tl-main p:last-child{color: var(--text-2)}.plain-list{display: grid;gap: var(--s-2);margin-bottom: var(--s-4);list-style: none}.plain-list li{position: relative;padding-left: 18px}.plain-list li::before{content: "";position: absolute;left: 0;top: 0.7em;width: 8px;height: 1px;background: var(--control-border)}.link-list li{display: flex;flex-wrap: wrap;align-items: center;gap: 8px}.link-list li::before{top: 0.9em}@media (min-width: 860px){.tl-list{grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--s-4)}.tl-tab{grid-template-columns: 1fr;grid-template-areas: "node" "kicker" "label";row-gap: 6px;padding: 0 0 8px}.tl-node{position: relative;z-index: 1;margin-bottom: 8px}.tl-tab:not(:last-child)::before{content: "";position: absolute;left: 28px;top: 13px;width: calc(100% + var(--s-4) - 28px);height: 2px;background: var(--divider)}.tl-panel{padding: var(--s-5)}.tl-panel-grid{grid-template-columns: minmax(0,7fr) minmax(0,5fr);gap: var(--s-6)}}.studio-panel{display: grid;gap: var(--s-5);padding: clamp(1.5rem,1rem + 3vw,3.5rem);border: 1px solid var(--divider);border-radius: var(--radius-panel);background: var(--elevated) var(--hero-glow)}.studio-copy{display: grid;gap: var(--s-3);align-content: start;max-width: 760px}.studio-copy .eyebrow{margin-bottom: 0}.studio-copy .tag-list{margin-top: var(--s-2)}.studio-actions{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-4)}@media (min-width: 960px){.studio-panel{grid-template-columns: minmax(0,8fr) minmax(0,4fr);align-items: end}.studio-actions{justify-content: flex-end}}.browser-list{display: grid;gap: var(--gap);list-style: none}.browser-card{display: grid;gap: var(--s-4);align-content: start}.browser{border: 1px solid var(--control-border);border-radius: 12px;overflow: hidden;background: var(--surface)}.site-preview{width: 100%;height: auto}.sp-bar{fill: var(--elevated)}.sp-dot{fill: var(--control-border)}.sp-line{fill: var(--divider)}.sp-strong{fill: var(--text-2)}.sp-accent{fill: var(--accent)}.sp-panel{fill: var(--elevated);stroke: var(--divider)}.browser-body .card-title a{color: var(--text);text-decoration: none}.browser-body .card-title a:hover{text-decoration: underline}.browser-body p{margin-top: var(--s-2);color: var(--text-2)}@media (min-width: 760px){.browser-list{grid-template-columns: repeat(2,minmax(0,1fr))}}.article-rows{list-style: none;border-top: 1px solid var(--divider)}.article-row a{display: grid;gap: 4px;padding: var(--s-4) var(--s-2);border-bottom: 1px solid var(--divider);color: var(--text);text-decoration: none;transition: background-color var(--t-state) var(--ease)}.article-row a:hover{background: var(--surface)}.article-row-title{font-family: var(--font-display);font-size: var(--step-h3);font-weight: 500;line-height: 1.25}.article-row-meta{color: var(--text-2);font-size: 0.9375rem}.article-row .mono-label{margin-bottom: 0}@media (min-width: 860px){.article-row a{grid-template-columns: minmax(0,3fr) minmax(0,6fr) minmax(0,4fr);align-items: baseline;gap: var(--s-4)}.article-row-meta{text-align: right}}.cta-section{padding-top: 0}.cta-band{padding: clamp(2rem,1rem + 4vw,4.5rem);border: 1px solid var(--divider);border-radius: var(--radius-panel);background: var(--surface)}.cta-title{max-width: 24ch;font-size: clamp(1.75rem,1.2rem + 2.6vw,3rem);line-height: 1.08;letter-spacing: -0.02em}.cta-band .section-intro{max-width: 52ch}.filters{display: flex;flex-wrap: wrap;gap: var(--s-2);margin-bottom: var(--s-5)}.chip{display: inline-flex;align-items: center;gap: 8px;min-height: 44px;padding: 0 16px;border: 1px solid var(--control-border);border-radius: var(--radius-btn);background: transparent;color: var(--text-2);font: 500 0.9375rem/1 var(--font-body);cursor: pointer;transition: background-color var(--t-hover) var(--ease),border-color var(--t-hover) var(--ease),color var(--t-hover) var(--ease)}.chip:hover{color: var(--text);border-color: var(--text-2)}.chip[aria-pressed="true"]{border-color: var(--accent);background: var(--accent-tint);color: var(--text)}.chip[aria-pressed="true"]::before{content: "✓";content: "✓" / "";color: var(--accent);font-weight: 700}.chip-count{font-family: var(--font-mono);font-size: 0.75rem;color: var(--text-2)}.work-grid{display: grid;gap: var(--gap);list-style: none}.project-card .card{height: 100%;display: flex;flex-direction: column}.project-card .card-cta{margin-top: auto;padding-top: var(--s-4)}@media (min-width: 760px){.work-grid{grid-template-columns: repeat(2,minmax(0,1fr))}}.empty-state{padding: var(--s-6) var(--s-4);border: 1px dashed var(--control-border);border-radius: var(--radius-card);text-align: left}.empty-state p{margin: var(--s-2) 0 var(--s-4);color: var(--text-2)}.empty-state .actions{margin-top: var(--s-3)}.arch{margin-top: var(--s-4);container-type: inline-size}.arch-label{margin-bottom: var(--s-3)}.arch-stage{position: relative;padding: var(--s-4);border: 1px solid var(--divider);border-radius: var(--radius-panel);background: var(--surface)}.arch-edges{position: absolute;inset: 0;width: 100%;height: 100%;overflow: visible;pointer-events: none}.arch-edge{fill: none;stroke: var(--control-border);stroke-width: 1.5;transition: stroke var(--t-state) var(--ease)}.arch-edge.is-on{stroke: var(--highlight);stroke-width: 2.5}.arch-arrow{fill: var(--control-border)}.arch-arrow-on{fill: var(--highlight)}.arch-layers{position: relative;display: grid;gap: var(--s-5);list-style: none}.arch-layer-name{margin-bottom: var(--s-2);font-family: var(--font-mono);font-size: 0.75rem;color: var(--text-2)}.arch-nodes{display: grid;gap: var(--s-3);list-style: none}.arch-node{position: relative;display: flex;align-items: center;justify-content: space-between;gap: 8px;width: 100%;min-height: 64px;padding: 12px 14px;border: 1px solid var(--control-border);border-radius: 12px;background: var(--bg);color: var(--text);font: 500 0.9375rem/1.3 var(--font-body);text-align: left;cursor: pointer;transition: background-color var(--t-hover) var(--ease),border-color var(--t-hover) var(--ease)}.arch-node:hover{border-color: var(--text-2)}.arch-node[aria-pressed="true"]{border-color: var(--accent);background: var(--accent-tint);box-shadow: inset 0 0 0 1px var(--accent)}.arch-check{flex: none;opacity: 0;color: var(--accent)}.arch-node[aria-pressed="true"] .arch-check{opacity: 1}.arch-detail{margin-top: var(--s-3);padding: var(--s-4);border: 1px solid var(--divider);border-left: 3px solid var(--accent);border-radius: 12px;background: var(--elevated)}.arch-detail-title{font-family: var(--font-display);font-size: 1.125rem;font-weight: 600}.arch-detail-body{margin-top: 6px}.arch-detail-links{margin-top: var(--s-3);font-family: var(--font-mono);font-size: 0.75rem;color: var(--text-2)}.arch-list{display: grid;gap: var(--s-2);margin-top: var(--s-4)}.arch-list dt{font-weight: 600}.arch-list dd{color: var(--text-2);margin-bottom: var(--s-2)}html.js .arch-list{display: none}html:not(.js) .arch-stage{display: none}.arch-stage.is-stacked .arch-edge:not(.is-on){display: none}@container (min-width: 700px){.arch:not([data-layers="5"]) .arch-layers{grid-auto-flow: column;grid-auto-columns: minmax(0,1fr);gap: var(--s-4);align-items: start}}@container (min-width: 860px){.arch[data-layers="5"] .arch-layers{grid-auto-flow: column;grid-auto-columns: minmax(0,1fr);gap: var(--s-4);align-items: start}}@container (min-width: 700px){.arch:not([data-layers="5"]) .arch-node{font-size: 0.875rem;min-height: 72px;padding-top: 26px}.arch:not([data-layers="5"]) .arch-check{position: absolute;top: 8px;right: 8px}}@container (min-width: 860px){.arch[data-layers="5"] .arch-node{font-size: 0.875rem;min-height: 72px;padding-top: 26px}.arch[data-layers="5"] .arch-check{position: absolute;top: 8px;right: 8px}}.selector-options{display: grid;gap: var(--s-2);margin-bottom: var(--s-4)}@media (max-width: 759px){.option-body{grid-template-columns: 40px minmax(0,1fr);column-gap: var(--s-3);row-gap: 2px;align-items: start;padding: var(--s-3)}.option-icon{grid-row: span 2}.option-short{font-size: 0.875rem;line-height: 1.45}}.option{position: relative;display: block;cursor: pointer}.option input{position: absolute;opacity: 0;inset: 0;margin: 0;cursor: pointer}.option-body{display: grid;justify-items: start;gap: 4px;height: 100%;padding: var(--s-3) var(--s-4);border: 1px solid var(--control-border);border-radius: var(--radius-card);background: var(--surface);transition: border-color var(--t-hover) var(--ease),background-color var(--t-hover) var(--ease)}.option:hover .option-body{border-color: var(--text-2)}.option input:checked + .option-body{border-color: var(--accent);box-shadow: inset 0 0 0 1px var(--accent);background: var(--accent-tint)}.option input:focus-visible + .option-body{outline: 2px solid var(--focus);outline-offset: 2px}.option-name{font-family: var(--font-display);font-size: 1.125rem;font-weight: 600}.option-name::before{content: "";display: inline-block;width: 12px;height: 12px;margin-right: 10px;border: 2px solid var(--control-border);border-radius: 50%;vertical-align: -1px}.option input:checked + .option-body .option-name::before{border-color: var(--accent);background: var(--accent);box-shadow: inset 0 0 0 2px var(--surface)}.option-short{color: var(--text-2);font-size: 0.9375rem}.service-panel{padding: var(--s-4);border: 1px solid var(--divider);border-radius: var(--radius-panel);background: var(--elevated)}.service-panel + .service-panel{margin-top: var(--gap)}.service-summary{display: grid;gap: 4px;margin: var(--s-3) 0 0;font-size: var(--step-lead)}.service-summary .mono-label{margin-bottom: 0}.service-cols{display: grid;gap: var(--s-5);margin-bottom: var(--s-5)}.service-price{margin-bottom: var(--s-4)}@media (min-width: 760px){.selector-options{grid-template-columns: repeat(2,minmax(0,1fr))}.service-panel{padding: var(--s-5)}.service-cols{grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--s-6)}}@media (min-width: 1100px){.selector-options{grid-template-columns: repeat(4,minmax(0,1fr))}}.check-list{display: grid;gap: 12px;list-style: none}.check-list li{display: grid;grid-template-columns: 20px 1fr;gap: 12px;align-items: start}.check-list .icon{margin-top: 3px;color: var(--highlight)}.process{display: grid;gap: var(--s-5);list-style: none;counter-reset: step;position: relative;padding-left: 0}.process-step{position: relative;padding-left: 56px}.process-n{position: absolute;left: 0;top: 0;display: grid;place-items: center;width: 40px;height: 40px;border: 1px solid var(--accent);border-radius: 50%;background: var(--accent-tint);color: var(--accent);z-index: 1}.process-count{display: block;margin-bottom: 2px;font-family: var(--font-mono);font-size: 0.75rem;color: var(--text-2)}.process-step::before{content: "";position: absolute;left: 19px;top: 40px;bottom: calc(-1 * var(--s-5));width: 1px;background: var(--divider)}.process-step:last-child::before{display: none}.process-step h3{margin-bottom: var(--s-1);font-size: var(--step-h3);font-weight: 500}.process-step p{color: var(--text-2)}@media (min-width: 1100px){.process{grid-template-columns: repeat(5,minmax(0,1fr));gap: var(--s-4)}.process-step{padding: 64px 0 0}.process-step::before{left: 40px;right: calc(-1 * var(--s-4));top: 20px;bottom: auto;width: auto;height: 1px}}.faq{border-top: 1px solid var(--divider)}.faq-item{border-bottom: 1px solid var(--divider)}.faq-item summary{display: flex;align-items: center;justify-content: space-between;gap: var(--s-3);min-height: 64px;padding: var(--s-3) 0;font-family: var(--font-display);font-size: 1.125rem;font-weight: 500;cursor: pointer;list-style: none}.faq-item summary::-webkit-details-marker{display: none}.faq-icon{flex: none;color: var(--accent);transition: transform var(--t-state) var(--ease)}.faq-item[open] .faq-icon{transform: rotate(45deg)}.faq-item p{padding-bottom: var(--s-4);color: var(--text-2)}.field{display: grid;gap: 8px;margin-bottom: var(--s-4)}.field label,.checks legend{font-weight: 600;font-size: 0.9375rem}.req{color: var(--accent)}.opt{font-weight: 400;color: var(--text-2)}.hint{color: var(--text-2);font-size: 0.875rem}input[type="text"],input[type="url"],input[type="email"],select,textarea{width: 100%;min-height: 48px;padding: 12px 14px;border: 1.5px solid var(--control-border);border-radius: var(--radius-btn);background: var(--surface);color: var(--text);font: inherit;transition: border-color var(--t-hover) var(--ease)}textarea{resize: vertical;line-height: 1.5}input:hover,select:hover,textarea:hover{border-color: var(--text-2)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline: 2px solid var(--focus);outline-offset: 2px;border-color: var(--focus)}[aria-invalid="true"]{border-color: var(--danger)}.error{display: flex;align-items: center;gap: 8px;color: var(--danger);font-size: 0.875rem;font-weight: 500}.error::before{content: "";flex: none;width: 16px;height: 16px;background: currentColor;-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5.5M12 16.5v.01'/%3E%3C/svg%3E") center / contain no-repeat;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5.5M12 16.5v.01'/%3E%3C/svg%3E") center / contain no-repeat}.error-summary{margin-bottom: var(--s-4);padding: var(--s-3) var(--s-4);border: 1.5px solid var(--danger);border-radius: 12px;background: var(--surface)}.error-summary h2{font-size: 1rem;margin-bottom: var(--s-2)}.error-summary ul{display: grid;gap: 4px;padding-left: 18px}.error-summary a{color: var(--text)}fieldset{min-width: 0;margin: 0;padding: 0;border: 0}.brief-step > legend{margin-bottom: var(--s-4);padding: 0;font-family: var(--font-display);font-size: var(--step-h2);font-weight: 600;letter-spacing: -0.015em}.brief-step + .brief-step{margin-top: var(--s-6)}html.js .brief-step + .brief-step{margin-top: 0}.checks{margin-bottom: var(--s-4)}.check-grid{display: grid;gap: 4px var(--s-4);margin-top: var(--s-2)}.check{display: flex;align-items: center;gap: 12px;min-height: 44px;cursor: pointer}.check input{flex: none;width: 20px;height: 20px;margin: 0;accent-color: var(--accent)}@media (min-width: 640px){.check-grid{grid-template-columns: repeat(2,minmax(0,1fr))}}.brief-steps{display: flex;flex-wrap: wrap;gap: var(--s-2) var(--s-4);margin-bottom: var(--s-5);list-style: none;font-family: var(--font-mono);font-size: 0.8125rem}.brief-steps li{display: inline-flex;align-items: center;gap: 8px;color: var(--text-2)}.brief-steps .n{display: inline-grid;place-items: center;width: 24px;height: 24px;border: 1px solid var(--control-border);border-radius: 50%}.brief-steps li[aria-current="step"]{color: var(--text);font-weight: 600}.brief-steps li[aria-current="step"] .n{border-color: var(--accent);background: var(--accent);color: var(--on-accent)}.brief-steps li.is-done .n{border-color: var(--highlight);color: var(--highlight)}.brief-nav{display: flex;flex-wrap: wrap;gap: var(--s-3);margin-top: var(--s-5)}.field.is-conditional[hidden]{display: none}.review-list{display: grid;gap: 0;margin: var(--s-4) 0;border-top: 1px solid var(--divider)}.review-row{display: grid;gap: 4px;padding: var(--s-3) 0;border-bottom: 1px solid var(--divider)}.review-row dt{font-family: var(--font-mono);font-size: 0.75rem;color: var(--text-2)}.review-row dd{display: flex;flex-wrap: wrap;align-items: baseline;justify-content: space-between;gap: 4px var(--s-3)}.review-value{flex: 1 1 24ch;white-space: pre-wrap;overflow-wrap: anywhere}.review-value.is-empty{color: var(--text-2);font-style: italic}.btn-text{justify-self: start}.btn-text{min-height: 44px;padding: 0;border: 0;background: none;color: var(--accent);font: 600 0.9375rem/1 var(--font-body);text-decoration: underline;text-underline-offset: 4px;cursor: pointer}.handoff{margin-top: var(--s-5);padding: var(--s-4);border: 1px solid var(--divider);border-radius: var(--radius-card);background: var(--surface)}.handoff-status{margin-top: var(--s-3);font-family: var(--font-mono);font-size: 0.8125rem;color: var(--text-2)}.handoff-status.is-done{color: var(--text)}@media (min-width: 640px){.review-row{grid-template-columns: 200px 1fr;gap: var(--s-3);align-items: baseline}}.brief-step:focus,#review-title:focus{outline: none}.error-summary:focus{outline: 2px solid var(--focus);outline-offset: 2px}[data-copy-fallback]{margin-top: var(--s-3);font-family: var(--font-mono);font-size: 0.8125rem}.data-table{width: 100%;margin-top: var(--s-4);border-collapse: collapse;font-size: 0.9375rem}.data-table th,.data-table td{padding: 12px;border-bottom: 1px solid var(--divider);text-align: left}.breadcrumb ol{display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: var(--s-4);list-style: none;font-family: var(--font-mono);font-size: 0.8125rem;color: var(--text-2)}.breadcrumb li + li::before{content: "/";margin-right: 8px;color: var(--control-border)}.breadcrumb a{color: var(--text-2)}html:not(.js) .tl-panel[hidden],html:not(.js) .service-panel[hidden],html:not(.js) fieldset.brief-step[hidden]{display: block !important}.chip-list{display: flex;flex-wrap: wrap;gap: var(--s-2);margin-bottom: var(--s-4);list-style: none}.chip-list li{padding: 6px 12px;border: 1px solid var(--control-border);border-radius: 999px;font-size: 0.875rem}.legend{display: grid;gap: var(--s-2) var(--s-5);margin-top: var(--s-6);padding-top: var(--s-4);border-top: 1px solid var(--divider);list-style: none;color: var(--text-2);font-size: 0.875rem}.legend li{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2) var(--s-3)}@media (min-width: 760px){.legend{grid-template-columns: repeat(2,minmax(0,1fr))}}.promise-list{display: grid;gap: var(--s-3);list-style: none}.promise-list li{display: flex;align-items: center;gap: var(--s-3);font-weight: 500}.outline{margin: var(--s-4) 0 var(--s-5)}.outline-map{display: grid;grid-auto-flow: column;grid-auto-columns: minmax(0,1fr);max-width: 440px;list-style: none}.outline-map li{position: relative;display: grid;justify-items: center;gap: 8px;font-family: var(--font-mono);font-size: 0.75rem;text-align: center;overflow-wrap: anywhere}.outline-tile{display: block;width: 52px;height: 64px;border: 1.5px solid var(--control-border);border-radius: 6px;background: linear-gradient(var(--control-border),var(--control-border)) 8px 10px / 20px 3px no-repeat,linear-gradient(var(--divider),var(--divider)) 8px 19px / 34px 3px no-repeat,linear-gradient(var(--divider),var(--divider)) 8px 27px / 28px 3px no-repeat,linear-gradient(var(--accent-tint),var(--accent-tint)) 8px 38px / 34px 16px no-repeat,var(--surface)}.outline-map li + li::before{content: "";position: absolute;top: 32px;left: calc(-50% + 26px);width: calc(100% - 52px);height: 1px;background: var(--control-border)}.nav-tools{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-3)}.lang-switch{display: inline-flex;gap: 2px;padding: 2px;border: 1px solid var(--control-border);border-radius: var(--radius-btn);font: 600 0.8125rem/1 var(--font-mono)}.lang-switch a,.lang-switch .lang-current{display: inline-flex;align-items: center;justify-content: center;min-width: 40px;min-height: 36px;padding: 0 10px;border-radius: 8px;text-decoration: none}.lang-switch a{color: var(--text-2)}.lang-switch a:hover{background: var(--accent-tint);color: var(--text)}.lang-switch .lang-current{background: var(--accent-tint);box-shadow: inset 0 0 0 1px var(--accent);color: var(--text)}.lang-hint{position: fixed;z-index: 55;left: var(--gutter);right: var(--gutter);bottom: var(--gutter);display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2) var(--s-3);max-width: 560px;padding: var(--s-3) var(--s-4);border: 1px solid var(--control-border);border-radius: var(--radius-card);background: var(--elevated);box-shadow: 0 8px 30px rgb(0 0 0 / 0.35)}.lang-hint p{flex: 1 1 220px;margin: 0;font-size: 0.9375rem}.audience-picks{display: grid;gap: var(--gap);margin-bottom: var(--s-6);list-style: none}.audience{display: grid;grid-template-columns: auto minmax(0,1fr) auto;gap: var(--s-3);align-items: center;height: 100%;padding: var(--s-4);border: 1px solid var(--divider);border-radius: var(--radius-card);background: var(--surface);color: var(--text);text-decoration: none}.audience:hover{border-color: var(--accent)}.audience-text{display: grid;gap: 2px}.audience-title{font-family: var(--font-display);font-size: 1.125rem;font-weight: 500;line-height: 1.3}.audience-body{color: var(--text-2);font-size: 0.9375rem}.audience-go{display: grid;place-items: center;color: var(--accent)}@media (min-width: 760px){.audience-picks{grid-template-columns: repeat(2,minmax(0,1fr))}}.hero{padding-block: clamp(2.5rem,1.5rem + 4vw,6rem) clamp(3rem,2rem + 4vw,6rem);background: var(--hero-glow)}.hero-grid{display: grid;gap: var(--s-6);align-items: center}.byline{display: flex;align-items: center;gap: var(--s-3);margin-bottom: var(--s-5)}.avatar{flex: none;width: 72px;height: 72px;overflow: hidden;border: 2px solid var(--control-border);border-radius: 50%;background: var(--elevated)}.avatar img{width: 100%;height: 100%;object-fit: cover}.positioning{display: grid;gap: 2px;list-style: none;font-family: var(--font-mono);font-size: 0.8125rem;line-height: 1.5;color: var(--text-2)}.positioning li{white-space: nowrap}.positioning li:first-child{color: var(--text)}.hero .display{font-size: clamp(2.375rem,1.1rem + 3.6vw,3.75rem);max-width: 22ch;text-wrap: balance}.hero .lead{margin-top: var(--s-4)}.hero-model .eyebrow{margin-bottom: var(--s-4)}@media (min-width: 960px){.hero-grid{grid-template-columns: minmax(0,7fr) minmax(0,5fr);gap: var(--s-8)}}.about-grid{display: grid;gap: var(--s-6);align-items: start}.about-copy{display: grid;gap: var(--s-3);align-content: start}.about-copy .eyebrow{margin-bottom: 0}.about-copy .h1{max-width: 20ch}.about-copy .lead{margin-top: var(--s-2)}.about-copy .actions{margin-top: var(--s-3)}.portrait-frame{position: relative;width: min(100%,420px);aspect-ratio: 4 / 5;overflow: hidden;border: 1px solid var(--divider);border-radius: var(--radius-panel);background: var(--elevated)}.portrait-frame picture,.portrait-frame img{width: 100%;height: 100%}.portrait-frame img{object-fit: cover;object-position: 50% 30%}.portrait-frame::after{content: "";position: absolute;inset: 0;pointer-events: none;background: linear-gradient(to bottom,rgb(11 15 23 / 0.28),transparent 28%,transparent 70%,rgb(11 15 23 / 0.2))}@media (min-width: 960px){.about-grid{grid-template-columns: minmax(0,7fr) minmax(0,4fr);gap: var(--s-8)}.portrait-frame{justify-self: end}}.principle-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,210px),1fr));gap: var(--gap);list-style: none}.principle-tile{position: relative;display: grid;gap: var(--s-2);align-content: start;padding: var(--s-4);border: 1px solid var(--divider);border-radius: var(--radius-card);background: var(--surface)}.principle-tile .principle-icon{margin-bottom: var(--s-2)}.principle-n{position: absolute;top: var(--s-4);right: var(--s-4);font-family: var(--font-mono);font-size: 0.8125rem;color: var(--text-2)}.principle-tile h3{font-size: 1.125rem;font-weight: 500}.principle-tile p{color: var(--text-2);font-size: 0.9375rem}.strengths{display: grid;gap: var(--s-6)}.strength-col h3,.cred-col h3{margin-bottom: var(--s-3);font-size: var(--step-h3);font-weight: 500}.cred-list{display: grid;gap: var(--s-3);list-style: none}.cred-list li{display: grid;gap: 2px;padding-bottom: var(--s-3);border-bottom: 1px solid var(--divider)}.cred-list span{color: var(--text-2);font-size: 0.9375rem}@media (min-width: 760px){.strengths{grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--s-7)}}.meta-grid{display: grid;gap: var(--s-4);margin-top: var(--s-5);padding-top: var(--s-4);border-top: 1px solid var(--divider)}.meta-grid dt{margin-bottom: 4px;font-family: var(--font-mono);font-size: 0.75rem;color: var(--text-2)}.meta-grid dd{max-width: 44ch}@media (min-width: 760px){.meta-grid{grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--s-5)}}.case-layout{display: grid;gap: var(--s-5);padding-block: var(--s-5) var(--s-8)}.case-toc{font-size: 0.9375rem}.case-toc ol{display: grid;gap: 0;margin: 0;list-style: none}.case-toc a{display: flex;align-items: center;min-height: 36px;color: var(--text-2);text-decoration: none}.case-toc a:hover,.case-toc a.is-current{color: var(--text)}.case-toc a.is-current{box-shadow: inset 2px 0 0 var(--accent);padding-left: 12px}@media (max-width: 959px){.case-toc{padding: var(--s-3);border: 1px solid var(--divider);border-radius: var(--radius-card);background: var(--surface)}.case-toc ol{grid-template-columns: repeat(2,minmax(0,1fr));column-gap: var(--s-3)}}@media (min-width: 960px){.case-layout{grid-template-columns: 220px minmax(0,1fr);gap: var(--s-8);align-items: start}.case-toc{position: sticky;top: calc(var(--header-h) + var(--s-5))}}.case-section{padding-block: var(--s-6);border-top: 1px solid var(--divider)}.case-section:first-child{border-top: 0;padding-top: 0}.case-section > h2{display: flex;align-items: baseline;gap: var(--s-3);margin-bottom: var(--s-4)}.sec-n{flex: none;font-family: var(--font-mono);font-size: 0.8125rem;font-weight: 500;color: var(--text-2)}.case-section > p + p{margin-top: var(--s-3)}.case-section > p,.case-section > .check-list,.case-section > .steps-list{max-width: 68ch}.decision-grid{display: grid;gap: var(--gap);list-style: none}.decision{position: relative;display: grid;gap: var(--s-3);align-content: start;padding: var(--s-4);border: 1px solid var(--divider);border-radius: var(--radius-card);background: var(--surface)}.decision-n{display: grid;place-items: center;width: 28px;height: 28px;border: 1px solid var(--accent);border-radius: 50%;background: var(--accent-tint);font-family: var(--font-mono);font-size: 0.8125rem}.decision-text{font-weight: 600}.tradeoff{padding-top: var(--s-3);border-top: 1px dashed var(--control-border);color: var(--text-2);font-size: 0.9375rem}.tradeoff-label{display: flex;align-items: center;gap: 8px;margin-bottom: 4px;font-family: var(--font-mono);font-size: 0.75rem;font-weight: 500;color: var(--text)}.tradeoff-label .icon{color: var(--highlight)}@media (min-width: 960px){.decision-grid{grid-template-columns: repeat(3,minmax(0,1fr))}}.steps-flow{display: grid;gap: var(--s-5);list-style: none}.step{position: relative;padding-left: 52px}.step-n{position: absolute;left: 0;top: 0;z-index: 1;display: grid;place-items: center;width: 36px;height: 36px;border: 1px solid var(--accent);border-radius: 50%;background: var(--accent-tint);font-family: var(--font-mono);font-size: 0.8125rem}.step::before{content: "";position: absolute;left: 17px;top: 36px;bottom: calc(-1 * var(--s-5));width: 1px;background: var(--divider)}.step:last-child::before{display: none}.step-label{margin-bottom: 2px;font-size: 1.125rem;font-weight: 500}.step p{color: var(--text-2);font-size: 0.9375rem}@media (min-width: 860px){.steps-flow{grid-auto-flow: column;grid-auto-columns: minmax(0,1fr);gap: var(--s-4)}.step{padding: 52px 0 0}.step::before{left: 36px;right: calc(-1 * var(--s-4));top: 17px;bottom: auto;width: auto;height: 1px}}.related-grid{display: grid;gap: var(--gap)}.related-grid .case-compact{height: 100%}@media (min-width: 640px){.related-grid{grid-template-columns: repeat(2,minmax(0,1fr))}}.case-section .actions{margin-top: var(--s-4)}.insights-layout{display: grid;gap: var(--s-7)}.insights-main{display: grid;gap: var(--s-5);align-content: start}.insight-feature{display: block;padding: clamp(1.5rem,1rem + 2.5vw,3rem);border: 1px solid var(--divider);border-radius: var(--radius-panel);background: var(--elevated);color: var(--text);text-decoration: none}.insight-feature:hover{text-decoration: none}.insight-title{max-width: 24ch;font-size: clamp(1.5rem,1.1rem + 1.8vw,2.25rem);line-height: 1.12}.insight-feature p{margin-top: var(--s-3);color: var(--text-2)}.insight-feature .insight-title + p{font-size: var(--step-lead)}.insight-meta{font-family: var(--font-mono);font-size: 0.8125rem;color: var(--text-2)}.insights-aside h2{margin-bottom: var(--s-3)}.topic-list{display: grid;gap: 0;list-style: none;border-top: 1px solid var(--divider)}.topic-list li{padding: 12px 0;border-bottom: 1px solid var(--divider);color: var(--text-2)}@media (min-width: 960px){.insights-layout{grid-template-columns: minmax(0,8fr) minmax(0,4fr);gap: var(--s-8);align-items: start}}.empty-state--wide{max-width: 760px}.prose{padding-block: var(--s-4) var(--s-6)}.prose > * + *{margin-top: var(--s-4)}.prose h2{margin-top: var(--s-7);font-size: var(--step-h2)}.prose h3{margin-top: var(--s-6);font-size: var(--step-h3);font-weight: 500}.prose p,.prose li{max-width: 68ch}.prose ul,.prose ol{display: grid;gap: var(--s-2);padding-left: 1.25rem}.prose blockquote{padding: var(--s-3) var(--s-4);border-left: 3px solid var(--accent);background: var(--surface);border-radius: 0 10px 10px 0;color: var(--text)}.article-end{padding-block: var(--s-5) var(--s-7);border-top: 1px solid var(--divider)}.studio-hero{display: grid;gap: var(--s-6);align-items: center}.studio-hero-panel{padding: var(--s-4);border: 1px solid var(--divider);border-radius: var(--radius-panel);background: var(--elevated)}.studio-hero-panel .mono-label{margin-bottom: var(--s-3)}@media (min-width: 960px){.studio-hero{grid-template-columns: minmax(0,7fr) minmax(0,5fr);gap: var(--s-8)}.studio-hero-panel{padding: var(--s-5)}}.scope-grid{display: grid;gap: var(--gap)}.scope-col{padding: var(--s-4);border: 1px solid var(--divider);border-radius: var(--radius-card);background: var(--surface)}.scope-col h3{margin-bottom: var(--s-3)}.scope-col--outside{border-style: dashed;border-color: var(--control-border);background: transparent}.scope-col--outside p{color: var(--text-2)}@media (min-width: 860px){.scope-grid{grid-template-columns: minmax(0,7fr) minmax(0,5fr)}.scope-col{padding: var(--s-5)}}.start-layout{display: grid;gap: var(--s-6);align-items: start}.brief{max-width: 680px}.start-aside{padding: var(--s-4);border: 1px solid var(--divider);border-radius: var(--radius-card);background: var(--surface)}.start-aside h2{margin-bottom: var(--s-3)}.start-aside .hint{margin-top: var(--s-3)}@media (min-width: 960px){.start-layout{grid-template-columns: minmax(0,7fr) minmax(0,4fr);gap: var(--s-8)}.start-aside{position: sticky;top: calc(var(--header-h) + var(--s-5))}}.intent-grid{display: grid;gap: var(--gap);list-style: none}.intent{display: flex;flex-direction: column;gap: var(--s-2);height: 100%}.intent .persona-icon{margin-bottom: var(--s-2)}.intent .mono-label{margin-bottom: 0}.intent .plain-list{margin-bottom: 0}.intent-include > :last-child{margin-bottom: 0}.intent-actions{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-3) var(--s-4);margin-top: auto;padding-top: var(--s-4)}.intent-note{color: var(--text-2)}.intent:target{border-color: var(--accent);box-shadow: 0 0 0 1px var(--accent)}@media (min-width: 860px){.intent-grid{grid-template-columns: repeat(3,minmax(0,1fr))}.intent{padding: var(--s-5)}}@supports (grid-template-rows: subgrid){@media (min-width: 860px){.intent-grid{grid-template-rows: repeat(5,auto);row-gap: 0}.intent-grid > li{display: grid;grid-row: span 5;grid-template-rows: subgrid;row-gap: var(--s-2)}.intent{display: grid;grid-row: span 5;grid-template-rows: subgrid;row-gap: var(--s-2)}.intent-actions{margin-top: 0;align-self: end}}}.contact-direct{margin-top: var(--s-7)}.contact-direct h2{margin-bottom: var(--s-3)}.contact-direct .contact-list{max-width: 760px}.contact-list{list-style: none;border-top: 1px solid var(--divider)}.contact-row{display: grid;grid-template-columns: 1fr auto;gap: 4px var(--s-3);padding: var(--s-4) var(--s-2);border-bottom: 1px solid var(--divider);color: var(--text);text-decoration: none;transition: background-color var(--t-state) var(--ease)}.contact-row:hover{background: var(--surface)}.contact-row .mono-label{grid-column: 1;margin-bottom: 0}.contact-value{grid-column: 1;font-family: var(--font-display);font-size: var(--step-h3);font-weight: 500;overflow-wrap: anywhere}.contact-note{grid-column: 1;color: var(--text-2);font-size: 0.9375rem}.contact-arrow{grid-column: 2;grid-row: 1 / span 3;align-self: center;color: var(--accent)}.pillars-band{border-block: 1px solid var(--divider);background: var(--surface)}.pillars{display: grid;gap: var(--s-4);padding-block: var(--s-5);list-style: none}.pillar{display: grid;grid-template-columns: 40px minmax(0,1fr);gap: var(--s-3);align-items: start}.pillar-title{margin-bottom: 2px;font-size: 1.125rem;font-weight: 500}.pillar p{color: var(--text-2);font-size: 0.9375rem}@media (min-width: 760px){.pillars{grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--s-5);padding-block: var(--s-6)}}.status-line{display: grid;gap: 2px;margin-bottom: var(--s-4);padding: var(--s-3);border: 1px solid var(--divider);border-left: 3px solid var(--highlight);border-radius: 10px;background: var(--surface)}.status-line .mono-label{margin-bottom: 0}.alt-grid{display: grid;gap: var(--gap);list-style: none}@media (min-width: 760px){.alt-grid{grid-template-columns: repeat(3,minmax(0,1fr))}}.alt{padding: var(--s-3) var(--s-4);border: 1px dashed var(--control-border);border-radius: var(--radius-card)}.alt.is-chosen{border-style: solid;border-color: var(--highlight);background: var(--highlight-tint)}.alt-head{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--s-2) var(--s-3);margin-bottom: var(--s-2)}.alt-name{font-size: 1.0625rem;font-weight: 600}.alt p{color: var(--text-2)}.alt.is-chosen p{color: var(--text)}.tag-chosen{gap: 6px;border-color: var(--highlight);color: var(--text)}.tag-chosen .icon{color: var(--highlight)}.contact-copy{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2) var(--s-3);margin-top: var(--s-3)}.contact-copy-status{font-family: var(--font-mono);font-size: 0.8125rem;color: var(--text-2)}.contact-copy-status.is-done{color: var(--text)}.related-articles{padding-block: var(--s-5) var(--s-6);border-top: 1px solid var(--divider)}.related-articles h2{margin-bottom: var(--s-4)}.takeaway-callout{display: grid;gap: 2px;max-width: 68ch;margin-top: var(--s-4);padding: var(--s-3) var(--s-4);border: 1px solid var(--divider);border-left: 3px solid var(--accent);border-radius: 10px;background: var(--surface)}.takeaway-callout .mono-label{margin-bottom: 0}.section-lead{margin-bottom: var(--s-3);font-size: var(--step-lead)}.glance{display: grid;gap: var(--s-5)}.glance-problem p:not(.mono-label){font-size: var(--step-lead)}.constraint-grid{display: grid;gap: var(--s-2);list-style: none}.constraint-grid li{display: grid;grid-template-columns: 16px minmax(0,1fr);gap: 10px;align-items: start;padding: 10px 12px;border: 1px solid var(--divider);border-radius: 10px;background: var(--surface);font-size: 0.9375rem}.constraint-grid .icon{margin-top: 3px;color: var(--highlight)}.next-title{margin: var(--s-5) 0 var(--s-3)}@media (min-width: 860px){.glance{grid-template-columns: minmax(0,5fr) minmax(0,6fr);gap: var(--s-6)}}