.sr-page{--sr-accent:#6755ad;--sr-wash:#f0edf8}
.sr-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:64px;align-items:center;padding:8px 0 48px}
.sr-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.sr-brand{display:flex;align-items:center;gap:18px;margin:28px 0 22px}
.sr-brand img{width:62px;height:auto;flex:none}
.sr-brand h1{font-size:clamp(34px,4.5vw,58px);line-height:1.2;letter-spacing:-.04em;margin:0;overflow-wrap:anywhere}
.sr-tagline{font-size:clamp(26px,3.3vw,40px);font-weight:700;line-height:1.6;letter-spacing:-.035em;margin:0 0 20px}
.sr-description{font-size:16px;line-height:1.95;color:var(--muted);margin:0}
.sr-hero .hero-actions{margin-top:28px}.sr-hero-note{margin:16px 0 0}
.sr-workbench{background:var(--sheet);border:1px solid var(--line);border-top:3px solid var(--sr-accent);padding:28px 30px;box-shadow:var(--shadow-paper)}
.sr-board-heading{display:flex;justify-content:space-between;gap:12px;font:11px/1.6 var(--font-mono);letter-spacing:.06em;color:var(--sr-accent)}
.sr-board-title{font-size:27px;font-weight:700;line-height:1.7;margin:24px 0}
.sr-workflow{list-style:none;margin:0;padding:0}.sr-workflow li{display:flex;gap:20px;padding:18px 0;border-top:1px solid var(--line)}
.sr-workflow li>span{font:12px/1.9 var(--font-mono);color:var(--sr-accent)}.sr-workflow strong{font-size:16px;line-height:1.7}.sr-workflow p{font-size:13px;line-height:1.8;color:var(--muted);margin:3px 0 0}
.sr-formats{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:20px 0 0;margin:0;border-top:1px solid var(--line)}.sr-formats li{font:11px/1.6 var(--font-mono);padding:5px 8px;background:var(--sr-wash);color:var(--sr-accent)}
.sr-screen{margin:0 0 12px}.sr-screen-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border:1px solid var(--line);border-bottom:0;background:var(--sheet)}.sr-screen-heading>span:last-child{font-size:13px;color:var(--muted)}
.sr-screen>a{display:block;border:1px solid var(--line);background:var(--sheet)}.sr-screen img{display:block;width:100%;height:auto}.sr-screen figcaption{font-size:12px;line-height:1.8;color:var(--muted);margin-top:12px}.sr-screen figcaption span{font:11px var(--font-mono);margin-right:12px}
.sr-page .feature-index-number{color:var(--sr-accent)}
.sr-capture{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:64px;align-items:center}.sr-capture h2{font-size:clamp(25px,3vw,34px);line-height:1.6;margin:15px 0 20px}.sr-capture p:not(.eyebrow){font-size:15px;line-height:1.95;color:var(--muted)}.sr-capture p.detail-small{font-size:12px}
.sr-capture-steps{padding-left:24px;margin:24px 0;font-size:14px;line-height:2.15}.sr-capture-steps li::marker{color:var(--sr-accent);font-weight:700}.sr-capture figure{margin:0;background:var(--sr-wash);padding:22px}.sr-capture img{display:block;width:100%;height:auto}.sr-capture figcaption{font:11px/1.7 var(--font-mono);color:var(--muted);margin-top:16px}
.sr-release{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:48px;background:var(--sheet);border:1px solid var(--line);border-top:3px solid var(--sr-accent);padding:36px;margin-top:48px}.sr-release h2{font-size:30px;line-height:1.6;margin:12px 0 18px}.sr-release p:not(.eyebrow){font-size:15px;line-height:1.9;color:var(--muted)}.sr-release .button{margin:8px 0 5px}.sr-release p.detail-small{font-size:12px;margin-bottom:0}
.sr-specs{margin:0;align-self:center}.sr-specs>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.8}.sr-specs>div:first-child{border-top:1px solid var(--line)}.sr-specs dt{color:var(--muted)}.sr-specs dd{margin:0}
.sr-project-note{border-left:3px solid var(--sr-accent);padding:5px 0 5px 24px;margin-top:32px;max-width:850px}.sr-project-note h3{font-size:17px;margin:0 0 10px}.sr-project-note p{font-size:13px;line-height:1.85;color:var(--muted);margin:0}
@media(max-width:900px){.sr-hero{gap:32px}.sr-workbench{padding:24px}.sr-kicker{gap:10px}.sr-capture{gap:32px}.sr-release{gap:30px;padding:28px}.sr-specs>div{grid-template-columns:1fr;gap:4px}}
@media(max-width:700px){.sr-hero{grid-template-columns:1fr;gap:32px;padding-top:0;padding-bottom:32px}.sr-brand{gap:12px;margin:22px 0 18px}.sr-brand img{width:46px}.sr-brand h1{font-size:clamp(30px,8.8vw,40px)}.sr-tagline{font-size:30px}.sr-description{font-size:14px}.sr-hero .hero-actions{gap:18px}.sr-hero .hero-actions .button{font-size:14px}.sr-hero .hero-actions .text-link{font-size:12px}.sr-workbench{padding:22px}.sr-board-title{font-size:24px;margin:18px 0}.sr-workflow li{padding:14px 0}.sr-screen-heading{padding:13px 14px}.sr-screen-heading>span:last-child{font-size:11px}.sr-screen figcaption{font-size:11px}.sr-capture{grid-template-columns:1fr;gap:24px}.sr-capture figure{max-width:440px;padding:16px;margin:0 auto;width:100%}.sr-release{grid-template-columns:1fr;gap:28px;padding:24px 20px;margin-top:32px}.sr-release h2{font-size:27px}.sr-specs>div{grid-template-columns:90px minmax(0,1fr);gap:12px}.sr-project-note{padding-left:18px;margin-top:28px}}
@media(max-width:360px){.sr-brand{gap:9px}.sr-brand img{width:36px}.sr-brand h1{font-size:29px}.sr-tagline{font-size:27px}.sr-hero .hero-actions{align-items:flex-start;flex-direction:column}.sr-specs>div{grid-template-columns:1fr;gap:4px}}