.landing-page .home-hero{min-height:0;padding-block:var(--space-7)}.landing-page .home-hero-copy h1{font-size:clamp(var(--text-3xl),5vw,var(--text-5xl))}.landing-page .home-hero-copy>p:not(.eyebrow){max-width:46ch;font-size:var(--text-base);margin-top:var(--space-4)}.landing-page .home-hero-copy>p.hero-compatibility{color:var(--color-text);font-size:var(--text-lg);font-weight:500}.landing-page .home-hero{align-items:start}.example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-5)}.example-card{display:flex;flex-direction:column;min-width:0;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.example-card:hover{border-color:var(--color-muted)}.example-audience{font-family:JetBrains Mono Variable,monospace;font-size:var(--text-xs);color:var(--color-muted)}.example-card h3{margin:var(--space-4) 0 var(--space-3);font-size:var(--text-xl);line-height:1.3;font-weight:500;letter-spacing:-.025em}.example-card p{color:var(--color-muted);font-size:var(--text-sm)}.example-read{display:flex;align-items:center;gap:var(--space-2);margin-top:auto;padding-top:var(--space-4);font-size:var(--text-sm)}.example-read svg{width:16px;height:16px;flex:0 0 auto}.walkthrough-result{width:100%;height:480px;border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-block:var(--space-3);background:var(--color-surface)}@media (max-width:600px){.walkthrough-result{height:620px}}.walkthrough-report{display:block;margin-bottom:var(--space-4);font-size:var(--text-sm)}.walkthrough-panel a,.walkthrough-report{text-decoration:underline;text-underline-offset:.2em}.landing-page .hero-actions{margin-top:var(--space-3)}.home-showcase{padding:var(--space-4)}.showcase-heading{padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.showcase-heading h2{margin:0;font-size:var(--text-base);font-weight:500}.showcase-heading p{margin:var(--space-2) 0 0;color:var(--color-muted);font-size:var(--text-xs)}.showcase-skills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin:var(--space-3) 0;padding:0;list-style:none}.showcase-skills li{min-width:0}.showcase-skills a{display:flex;flex-direction:column;height:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow-wrap:anywhere}.showcase-skills a:hover{border-color:var(--color-muted)}.showcase-skills strong{font-weight:550;font-size:var(--text-sm)}.showcase-skills span,.showcase-skills strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.showcase-skills span{font-size:var(--text-xs);margin-top:var(--space-2)}.showcase-empty,.showcase-skills span{color:var(--color-muted)}.landing-page .home-hero-copy>p.hero-requirements{margin-top:var(--space-2);color:var(--color-muted);font-size:var(--text-xs)}.client-examples{margin-top:var(--space-5);container-type:inline-size}.hero-clients-label,.hero-clients-note{color:var(--color-muted);font-size:var(--text-xs);line-height:var(--leading-body)}.hero-clients-label{margin:0 0 var(--space-2)}.hero-clients-note{margin:var(--space-2) 0 0}.hero-clients{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin:0;padding:0;list-style:none}.hero-clients li{min-width:0}.hero-clients a{display:flex;align-items:center;gap:var(--space-2);height:100%;min-height:var(--touch-min);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);line-height:var(--leading-body);overflow-wrap:anywhere}.hero-clients a:hover{border-color:var(--color-muted)}.client-logo{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:6px;background:#fff}.client-logo img{display:block;width:24px;height:24px;-o-object-fit:contain;object-fit:contain}@container (min-width: 480px){.hero-clients{grid-template-columns:repeat(3,minmax(0,1fr))}}.landing-page .home-section,.landing-page .workflow-section{padding-block:var(--space-7)}.landing-page .workflow-list li{grid-template-columns:var(--space-5) minmax(0,1fr)}.landing-page .benefit-grid{margin-top:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr))}.landing-page .benefit{aspect-ratio:auto}.landing-page .benefit h3{padding-top:var(--space-5);margin-top:0;line-height:var(--type-step)}.home-control{width:min(100% - var(--gutter) * 2,var(--layout-wide));margin:0 auto var(--space-7);padding-block:var(--space-5);display:grid;grid-template-columns:var(--columns-secondary);gap:var(--space-6);border-top:1px solid var(--color-border)}.home-control-heading{display:flex;align-items:flex-start;gap:var(--space-3)}.home-control-heading svg{flex:0 0 var(--space-4);width:var(--space-4);height:var(--space-4);margin-top:var(--space-1);color:var(--color-muted)}.home-control h2{margin:0;font-size:var(--text-xl);font-weight:500;line-height:var(--type-step);letter-spacing:-.025em}.home-control-details{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.home-control-details dt{font-size:var(--text-sm);font-weight:550}.home-control-details dd{margin:var(--space-2) 0 0;color:var(--color-muted);font-size:var(--text-sm)}.landing-cta-actions{display:grid;gap:var(--space-3);justify-self:end}.landing-page .landing-cta-actions .button{justify-self:stretch}@media (max-width:960px){.example-grid{grid-template-columns:1fr}.landing-page .home-hero{padding-block:var(--space-6);gap:var(--space-6)}.landing-page .home-hero-copy h1{max-width:18ch;font-size:clamp(var(--text-3xl),8vw,var(--text-5xl))}.landing-page .home-hero-copy>p:not(.eyebrow){max-width:55ch}.landing-page .home-section,.landing-page .workflow-section{padding-block:var(--space-6)}.landing-page .benefit-grid{grid-template-columns:1fr;margin-top:var(--space-5)}.home-control{grid-template-columns:1fr;gap:var(--space-5);margin-bottom:var(--space-6)}.landing-cta-actions{justify-self:stretch}}@media (max-width:480px){.showcase-skills{grid-template-columns:1fr}.hero-clients{gap:var(--space-2)}.home-control-details{grid-template-columns:1fr}}.task-walkthrough{width:min(100% - var(--gutter) * 2,var(--layout-wide));margin:0 auto var(--space-7);padding-block:var(--space-6);display:grid;grid-template-columns:var(--columns-secondary);gap:var(--space-6);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.walkthrough-copy{min-width:0}.walkthrough-copy h2{margin:var(--space-4) 0;font-size:clamp(var(--text-xl),3vw,var(--text-3xl));font-weight:500;line-height:1.15;letter-spacing:-.035em}.walkthrough-copy>p:not(.eyebrow){max-width:42ch;color:var(--color-muted);font-size:var(--text-sm)}.walkthrough-stages{display:grid;margin-top:var(--space-5)}.walkthrough-stages button{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-3);align-items:center;padding:var(--space-4) var(--space-3);border:0;border-top:1px solid var(--color-border);border-radius:0;background:transparent;color:var(--color-muted);text-align:left;cursor:pointer}.walkthrough-stages button[aria-selected=true]{background:var(--color-surface);color:var(--color-text);box-shadow:inset 2px 0 var(--color-text)}.walkthrough-stages button:hover{color:var(--color-text)}.walkthrough-stages small,.walkthrough-stages strong{display:block}.walkthrough-stages strong{font-size:var(--text-sm);font-weight:500}.walkthrough-stages small{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-muted)}.walkthrough-kicker,.walkthrough-number,.walkthrough-preview-heading{font-family:JetBrains Mono Variable,ui-monospace,monospace;font-size:var(--text-xs)}.walkthrough-stages svg{width:16px;height:16px;opacity:.4}.walkthrough-stages button[aria-selected=true] svg{opacity:1}.walkthrough-preview{min-width:0;display:flex;flex-direction:column;border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden}.walkthrough-preview-heading{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3) var(--space-5);color:var(--color-muted);border-bottom:1px solid var(--color-border)}.walkthrough-panel{flex:1;min-height:355px;padding:var(--space-5);overflow-wrap:anywhere}.walkthrough-panel[hidden]{display:none}.walkthrough-panel>svg{width:24px;height:24px;margin-bottom:var(--space-4);color:var(--color-muted)}.walkthrough-kicker{margin:0 0 var(--space-4);color:var(--color-muted)}.walkthrough-panel blockquote{margin:var(--space-5) 0;max-width:26ch;font-size:clamp(var(--text-xl),2.8vw,var(--text-3xl));font-weight:450;letter-spacing:-.025em;line-height:1.3}.walkthrough-panel h3{margin:0 0 var(--space-4);font-size:var(--text-xl);font-weight:500;letter-spacing:-.025em}.walkthrough-panel p:not(.walkthrough-kicker){max-width:55ch;color:var(--color-muted);font-size:var(--text-sm)}.walkthrough-panel ul{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0;margin:var(--space-4) 0;list-style:none}.walkthrough-panel li{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-xs)}.walkthrough-action{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border)}.walkthrough-action .button{white-space:normal}.walkthrough-action p{max-width:60ch;margin:var(--space-3) 0 0;font-size:var(--text-xs);color:var(--color-faint)}.walkthrough-panel:focus-visible,.walkthrough-stages button:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}@media (max-width:960px){.task-walkthrough{grid-template-columns:1fr;gap:var(--space-5)}.walkthrough-panel{min-height:300px}}@media (max-width:480px){.walkthrough-action,.walkthrough-panel,.walkthrough-preview-heading{padding:var(--space-4)}.walkthrough-stages button{padding-inline:var(--space-2)}.walkthrough-action .button{width:100%}}