:root{--bg:#111b23;--text:#f4f5f0;--muted:#aab9c3;--brand:#f0b849;--cream:#f4eddb;--white:#f7f8f5;--ink:#151d24;--sans:'Manrope',Arial,sans-serif;--mono:'IBM Plex Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--brand);outline-offset:5px}h1,h2,h3{margin:0;text-wrap:balance}p{margin:0;text-wrap:pretty}p,li{font-size:15px;line-height:1.75}.wrap{max-width:1280px;padding:0 5vw;margin:auto}.eyebrow{font:11px/1.6 var(--mono);letter-spacing:1.2px;color:var(--brand);margin-bottom:12px}.skip-link{position:absolute;top:0;left:10px;transform:translateY(-150%);padding:14px;background:var(--brand);color:var(--ink);z-index:5}.skip-link:focus{transform:none}.feature-nav{display:flex;align-items:center;gap:26px;min-height:100px;border-bottom:1px solid #33434f;font-size:13px;font-weight:700}.logo{margin-right:auto;max-width:250px}.logo img{display:block;width:100%;height:auto}.nav-cta{padding:12px 16px;border:1px solid #58636b;border-radius:4px;min-height:44px}.back-link{padding:12px 0}.feature-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:30px;align-items:center;padding-top:42px;padding-bottom:62px}.feature-hero h1{font:700 clamp(64px,7.5vw,102px)/.98 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:-1px}.feature-hero h1 em{font-style:normal;color:var(--brand)}.lead{font-size:16px;line-height:1.8;color:#b9c8d1;max-width:570px;margin:24px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:48px;padding:14px 20px;border-radius:4px;font-size:13px;font-weight:800}.amber{background:var(--brand);color:var(--ink)}.amber:hover{background:#ffd074}.hero-art{margin:0}.hero-art img{display:block;width:100%;height:auto}.hero-art figcaption{text-align:center;font:10px/1.6 var(--mono);color:var(--muted);margin-top:8px}.work-story{position:relative;background:var(--cream);color:var(--ink);padding:42px 0 55px}.work-story:before{content:'';position:absolute;top:-29px;left:0;width:100%;height:30px;background:var(--cream);clip-path:polygon(0 72%,16% 20%,37% 54%,64% 8%,83% 52%,100% 28%,100% 100%,0 100%);border-radius:50% 20% 0 0}.work-story .eyebrow{color:#7a5d23}.two-tools{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding-bottom:32px;margin-bottom:30px;border-bottom:1px solid #d6cdb6}.two-tools>div+div{border-left:1px solid #d6cdb6;padding-left:48px}.two-tools h2{font-size:24px;letter-spacing:-.6px;margin-bottom:10px}.two-tools p:last-child{color:#58635f;max-width:480px}.section-heading{text-align:center;max-width:780px;margin:0 auto 28px}.section-heading h2{font-size:clamp(32px,3.8vw,46px);letter-spacing:-1.2px;line-height:1.15}.section-heading>p:last-child:not(.eyebrow){margin-top:16px;color:#58635f}.example-shell{border-radius:16px 16px 32px 16px;background:#192c38;color:var(--text);overflow:hidden}.example-label{display:flex;justify-content:space-between;gap:12px;padding:15px 24px;background:#203644;color:#b2c5cd;font:10px/1.6 var(--mono)}.stage-controls{display:flex;gap:10px;padding:22px 24px 0}.stage-controls[hidden]{display:none}.stage-controls button{flex:1;min-height:52px;padding:10px;border-radius:5px;border:1px solid #526875;background:transparent;color:#cfdae0;font-size:14px;font-weight:700}.stage-controls button span{font:11px var(--mono);margin-right:10px;color:#b2c5cd}.stage-controls button[aria-pressed=true]{background:var(--brand);color:var(--ink);border-color:var(--brand)}.stage-controls button[aria-pressed=true] span{color:#57441f}.stage-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center;padding:30px 40px 36px;min-height:320px}.stage-art{display:flex;flex-direction:column;align-items:center;padding:12px;color:#f0b849}.stage-number{font:700 100px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-2px}.stage-state{font:11px/1.6 var(--mono);margin:12px 0;text-align:center}.stage-line{height:24px;border-left:1px dashed #83959c;margin:0 0 12px}.stage-token{border:1px solid #536b77;border-radius:4px;padding:10px 14px;font:11px/1.6 var(--mono);color:#b8cbd3}.stage-copy .eyebrow{color:var(--brand)}.stage-copy h3{font-size:25px;line-height:1.3;letter-spacing:-.6px;margin-bottom:12px}.stage-copy>p:not(.eyebrow){color:#b9cbd4}.your-part{display:grid;gap:5px;margin-top:18px;border-top:1px solid #405663;padding-top:15px;font-size:14px}.your-part strong{color:var(--text)}.scenario-note{font-size:12px;color:#64685e;text-align:center;margin:14px auto 0;max-width:760px}.static-stages{padding:0 24px 24px;color:#b9cbd4}.ownership{position:relative;background:var(--white);color:var(--ink);padding:58px 0 60px;border-radius:0 0 45% 3% / 0 0 30px 12px}.ownership:before{content:'';position:absolute;top:-22px;left:0;width:100%;height:24px;background:var(--white);border-radius:65% 35% 0 0 / 100% 75% 0 0}.ownership .eyebrow{color:#7a5d23}.ownership-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:start}.ownership h3{font-size:23px;line-height:1.3;letter-spacing:-.5px}.provided ul{list-style:none;padding:0;margin:10px 0 0}.provided li{display:grid;gap:3px;padding:13px 0;border-bottom:1px solid #d7dfdb}.provided li:last-child{border:0}.provided li span,.developer p:not(.eyebrow){color:#58636d}.developer{background:#e8edeb;padding:28px;border-radius:12px 12px 36px 12px}.developer h3{margin-bottom:16px}.developer p+p{margin-top:14px}.developer a{display:inline-block;min-height:44px;padding-top:16px;color:#735319;font-size:13px;font-weight:800}.boundaries{margin-top:28px;border-top:1px solid #cbd5cf;padding-top:24px;display:grid;grid-template-columns:.8fr 1.2fr;gap:16px 40px}.boundaries p{color:#58636d}.boundaries .boundary-note{grid-column:2;font-size:12px;line-height:1.8}.feature-close{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-top:40px;padding-bottom:32px}.feature-close h2{font-size:30px;line-height:1.2;letter-spacing:-.7px}.close-action{display:flex;flex-direction:column;align-items:center;gap:10px}.text-link{font-size:13px;min-height:44px;display:flex;align-items:center;color:var(--muted)}.feature-footer{display:flex;justify-content:space-between;gap:20px;font:12px/1.7 var(--mono);padding-top:18px;padding-bottom:18px;color:var(--muted);border-top:1px solid #33434f}.feature-footer a{display:inline-flex;align-items:center;min-height:44px}.heart{color:var(--brand)}
@media(max-width:800px){.feature-nav{gap:16px}.back-link{display:none}.logo{max-width:220px}.feature-hero{gap:10px}.feature-hero h1{font-size:66px}.two-tools{gap:26px}.two-tools>div+div{padding-left:26px}.stage-panel{padding:24px;gap:24px;grid-template-columns:.65fr 1.35fr}.ownership-layout{gap:26px}.boundaries{grid-template-columns:1fr;gap:12px}.boundaries .boundary-note{grid-column:auto}.feature-close{align-items:start}.feature-close h2{font-size:26px}}
@media(max-width:540px){.feature-nav{min-height:82px;gap:12px}.logo{max-width:180px;min-width:0}.nav-cta{font-size:11px;padding:10px;flex-shrink:0}.feature-hero{grid-template-columns:1fr;padding-top:30px;padding-bottom:48px}.feature-hero h1{font-size:clamp(50px,12.8vw,69px)}.lead{font-size:15px;margin:20px 0}.hero-art{max-width:320px;margin:4px auto 0}.hero-art figcaption{font-size:9px}.work-story{padding-top:26px;padding-bottom:42px}.two-tools{grid-template-columns:1fr;gap:22px;padding-bottom:26px;margin-bottom:28px}.two-tools>div+div{border-left:0;padding-left:0}.two-tools h2{font-size:23px}.section-heading h2{font-size:32px;letter-spacing:-.8px}.example-label{padding:14px 16px;flex-direction:column;gap:4px}.stage-controls{padding:16px 16px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.stage-controls button{font-size:13px}.stage-panel{grid-template-columns:1fr;gap:18px;padding:18px;min-height:480px;align-content:start}.stage-art{display:grid;grid-template-columns:auto 1fr;gap:2px 16px;padding:0}.stage-number{font-size:60px;grid-row:span 2}.stage-state{margin:0;text-align:left;font-size:10px}.stage-line{display:none}.stage-token{border:0;padding:0;font-size:10px}.stage-copy h3{font-size:23px}.scenario-note{text-align:left}.ownership{padding-top:38px;padding-bottom:38px}.ownership-layout{grid-template-columns:1fr;gap:20px}.developer{padding:22px}.boundaries{margin-top:24px}.feature-close{flex-direction:column;padding-top:30px;gap:22px}.close-action{align-items:start}.feature-footer{flex-wrap:wrap;gap:0 20px}.feature-close .eyebrow{max-width:280px}}
.work-story::before{top:-39px;height:40px;background:transparent url('assets/workflow-feature-edge.svg') center / 100% 100% no-repeat;clip-path:none;border-radius:0}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}