.studio-story,.workflow-story,.workspace-story{width:min(calc(100% - 80px),var(--content));margin-inline:auto}.workspace-story{padding:100px 0 0}.story-heading{display:flex;align-items:end;justify-content:space-between;gap:64px;margin-bottom:36px}.story-heading h2{margin:0;font-size:clamp(34px,3.7vw,52px);line-height:1.08;font-weight:450;letter-spacing:-.05em}.story-heading>p{width:360px;max-width:100%;font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 3px}.workspace-figure{margin:0}.workspace-image{overflow:hidden;border-radius:12px;background:var(--panel);border:1px solid var(--line)}.workspace-image img{display:block;width:100%;height:auto}.workspace-figure figcaption{display:flex;justify-content:space-between;gap:24px;align-items:start;font-size:11px;color:var(--muted);margin-top:14px}.workspace-figure figcaption a{display:flex;align-items:center;gap:8px;white-space:nowrap;color:var(--ink)}.workspace-figure figcaption svg{width:13px;height:13px}.workspace-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:36px}.workspace-details h3{font-size:15px;font-weight:500;margin:0 0 10px}.workspace-details p{font-size:13px;line-height:1.7;color:var(--muted);margin:0;max-width:310px}.workflow-story{padding:108px 0 88px}.story-flow{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:56px}.direction-preview{padding:24px 30px;border-radius:12px;background:var(--field);border:1px solid var(--line);min-width:0}.direction-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:var(--muted)}.compare-switch{display:flex;padding:3px;border-radius:8px;background:var(--panel)}.compare-switch button{min-height:32px;border:0;border-radius:5px;background:transparent;font-size:11px;color:var(--muted);padding:0 10px}.compare-switch button[aria-pressed=true]{background:var(--selected);color:var(--ink)}.direction-content{padding:36px 24px 24px;max-width:400px;margin:24px auto 0;border-radius:8px;color:#202020;background:#fbfbfb;color-scheme:light}.direction-content h3{font-weight:500;letter-spacing:-.055em;line-height:1.06;margin:0;overflow-wrap:anywhere}.direction-button{height:45px;background:var(--accent);border:1px solid var(--accent);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;padding:0 18px;margin-top:32px}.direction-button.is-quiet{background:transparent;color:var(--accent)}.direction-button svg{width:17px;height:17px}.direction-caption{font-size:11px;color:var(--muted);margin:18px 0 0;min-height:34px;line-height:1.6}.handoff-panel{min-width:0;padding:0 0 18px;border-top:1px solid var(--line)}.handoff-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.handoff-switch{display:flex;gap:24px}.handoff-switch button{padding:6px 0;border:0;background:transparent;color:var(--muted);font-size:13px}.handoff-switch button[aria-pressed=true]{color:var(--ink);text-decoration:underline;text-underline-offset:11px;text-decoration-thickness:1px}.story-review-columns,.story-review-row{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px;align-items:center}.story-review-columns{font-size:11px;color:var(--muted);padding:18px 0 12px}.story-review-row{padding:17px 0;border-top:1px solid var(--line);font-size:13px;font-weight:400;font-variant-numeric:tabular-nums}.story-review-row small{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.story-review-row>span:nth-child(2){color:var(--muted)}.story-review-row>span{overflow-wrap:anywhere}.handoff-footnote{font-size:12px;line-height:1.7;color:var(--muted);margin:18px 0 0;max-width:340px}.agent-brief{margin-top:18px;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.agent-brief-heading{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}.agent-brief pre{font:400 13px/1.7 var(--font-geist),sans-serif;letter-spacing:-.01em;margin:22px 0;white-space:pre-wrap;overflow-wrap:anywhere}.brief-copy-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.brief-copy-row button{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:6px;background:var(--field);color:var(--ink);font-size:12px;min-height:36px;padding:0 12px}.brief-copy-row button svg{width:14px;height:14px}.brief-copy-row>span,.story-boundary{font-size:11px;color:var(--muted)}.story-boundary{line-height:1.7;margin:22px 0 0}.source-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;list-style:none;padding:0;margin:48px 0 0}.source-journey li{border-top:1px solid var(--line);padding-top:20px}.source-journey li>span{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.source-journey h3{font-size:16px;font-weight:500;margin:14px 0 10px}.source-journey p{color:var(--muted);font-size:13px;line-height:1.7;margin:0 0 18px}.source-journey a{display:inline-flex;align-items:center;gap:8px;font-size:12px}.source-journey svg{width:13px;height:13px}.studio-story{padding:40px 0 64px}.studio-story>.story-heading{margin-bottom:48px}.studio-chapter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:64px;align-items:center;padding:40px 0 48px;border-top:1px solid var(--line)}.chapter-name{color:var(--muted);font-size:12px;margin:0 0 18px}.studio-copy h3{font-weight:450;font-size:30px;letter-spacing:-.04em;line-height:1.15;margin:0 0 20px}.studio-copy>p:not(.chapter-name){color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 24px}.studio-chapter figure{min-width:0;margin:0}.studio-chapter img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.studio-chapter figcaption{margin-top:10px;color:var(--muted);font-size:10px}@media (max-width:1000px){.story-heading{gap:36px}.story-heading>p{width:300px;font-size:14px}.story-flow{gap:32px}.direction-preview{padding:20px}.story-review-columns,.story-review-row{gap:10px;font-size:12px}.direction-top{align-items:start;flex-direction:column;gap:10px}.studio-chapter{gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}.studio-copy h3{font-size:26px}}@media (max-width:760px){.studio-story,.workflow-story,.workspace-story{width:calc(100% - 40px)}.workspace-story{padding-top:64px}.story-heading{display:block;margin-bottom:28px}.story-heading h2{font-size:34px}.story-heading>p{width:100%;max-width:440px;margin-top:20px;font-size:15px}.workspace-image{border-radius:8px}.workspace-figure figcaption{font-size:10px;gap:18px}.workspace-figure figcaption>span{max-width:220px}.workspace-details{grid-template-columns:1fr;gap:24px;margin-top:28px}.workspace-details p{max-width:440px;font-size:14px}.workflow-story{padding:64px 0}.story-flow{grid-template-columns:1fr;gap:28px}.direction-preview{padding:20px}.direction-top{flex-direction:row;align-items:center}.direction-content{padding:28px 20px 24px}.story-review-columns{font-size:10px}.agent-brief{padding:18px}.handoff-footnote{max-width:none}.source-journey{grid-template-columns:1fr;gap:24px;margin-top:32px}.source-journey h3{margin-top:10px}.source-journey p{font-size:14px;max-width:440px}.studio-story{padding:0 0 40px}.studio-story>.story-heading{margin-bottom:32px}.studio-chapter{grid-template-columns:1fr;gap:24px;padding:28px 0 40px}.studio-copy{max-width:460px}.studio-copy h3{font-size:28px}.studio-copy>p:not(.chapter-name){font-size:15px}.studio-chapter img{border-radius:8px}}@media (max-width:360px){.direction-top{align-items:start;flex-direction:column}.direction-content{padding-inline:16px}.story-heading h2{font-size:31px}.workspace-figure figcaption>span{max-width:165px}}.interactive-hero{width:min(calc(100% - 80px),var(--content));margin-inline:auto;padding:74px 0 72px;text-align:center}.interactive-hero h1{max-width:1100px;margin:0 auto;font-size:clamp(48px,6.1vw,84px);line-height:1.04;letter-spacing:-.06em}.hero-headline{position:relative;display:block;width:100%;padding:0;border:0;color:inherit;background:transparent;font:inherit;letter-spacing:inherit;text-align:inherit;border-radius:2px;outline-offset:10px}.hero-headline>span:not(.hero-selection-label){display:block}.hero-headline:hover,.hero-headline[data-selected=true]{outline:1px solid var(--accent)}.hero-headline:focus-visible{outline:2px solid var(--focus)}.hero-selection-label{position:absolute;top:-28px;left:0;font-size:11px;font-weight:450;line-height:16px;letter-spacing:0;color:var(--focus)}.hero-description{max-width:500px;margin:30px auto 0;color:var(--muted);font-size:17px;line-height:1.65;text-wrap:pretty}.hero-editing{margin:28px auto 0}.hero-edit-prompt{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:12px}.hero-edit-prompt svg{width:14px;height:14px}.hero-edit-prompt:hover{color:var(--ink);background:var(--field)}.hero-inspector{margin-inline:auto;text-align:left;animation:hero-inspector-in .16s ease-out both}.hero-inspector .panel-header{font-size:13px;padding-bottom:12px}.hero-panel-selection{margin-left:8px;color:var(--muted);font-size:11px;font-weight:400;letter-spacing:0}.hero-panel-actions{display:flex;gap:4px}.hero-panel-actions .icon-button{width:28px;height:28px;margin:0}.hero-panel-actions .icon-button:disabled{opacity:.35}.hero-panel-actions svg{width:14px;height:14px}.hero-panel-controls{padding:14px 0 16px}.hero-colours{display:flex;gap:8px;margin-top:8px}.hero-colours button{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:1;min-height:32px;border:1px solid transparent;border-radius:6px;padding:0 10px;color:var(--muted);background:transparent;font-size:11px}.hero-colours button[aria-pressed=true]{border-color:var(--line);color:var(--ink);background:var(--field)}.hero-colours button:hover{color:var(--ink)}.hero-colours i{width:9px;height:9px;border-radius:2px;box-shadow:0 0 0 1px #ffffff26}.hero-demo-note{color:var(--muted);margin:10px 0 0;font-size:10px}.interactive-hero .hero-actions{justify-content:center;max-width:none;margin-top:28px;padding:0}.interactive-hero .review-note a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.workspace-story{padding-top:40px}.workspace-story .story-heading{align-items:center}.workspace-story .story-heading h2{font-size:36px}.workspace-story .story-heading>p{font-size:14px;width:340px}.install-section{margin-top:72px;padding:56px 0 72px;border-top:1px solid var(--line);align-items:center}.install-section h2{font-size:32px}.install-section>div>p{margin:16px 0 20px;font-size:14px}.install-section .agent-apps{gap:20px;margin:24px 0;font-size:12px}.install-section .agent-apps img{width:28px;height:28px}.install-section .install-command>p{max-width:none;margin-bottom:0;font-size:11px}.install-command>p a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}@keyframes hero-inspector-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1000px){.interactive-hero{padding-top:64px}.interactive-hero h1{font-size:clamp(46px,6vw,68px)}}@media (max-width:760px){.interactive-hero{width:calc(100% - 40px);padding:48px 0}.interactive-hero h1{font-size:clamp(36px,6.6vw,48px);letter-spacing:-.055em}.hero-headline{outline-offset:7px}.hero-selection-label{top:-24px}.hero-description{font-size:16px;line-height:1.6;margin-top:24px;max-width:400px}.hero-editing{margin-top:20px}.interactive-hero .hero-actions{display:flex;margin-top:24px}.hero-inspector{width:min(320px,100%)}.hero-colours button{min-height:44px}.workspace-story{padding-top:12px}.workspace-story .story-heading h2{font-size:28px}.workspace-story .story-heading>p{width:100%;font-size:15px;margin-top:16px}.install-section{margin-top:44px;padding-top:40px}.install-section h2{font-size:28px}.install-section .agent-apps{display:flex;flex-wrap:wrap;gap:18px}.install-section .agent-apps li{flex-direction:row;gap:7px}}@media (prefers-reduced-motion:reduce){.hero-inspector{animation:none}}