.download-page{padding:72px 0 100px}.platforms{display:flex;gap:24px;align-items:stretch}.platforms>a,.platforms>button{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:14px;min-height:68px;font-size:17px;font-weight:600;line-height:1.4}.platform-logo{width:28px;height:28px;fill:currentColor;flex:none}.platform-inactive{border:1px solid var(--at-line-strong);border-radius:var(--at-r-sm);background:none;color:var(--at-text);opacity:1;cursor:not-allowed}.download-meta{margin-top:20px}.version-date{display:flex;flex-wrap:wrap;gap:20px;color:var(--at-text-muted);font-size:14px}
.download-story{margin-top:140px}.story-head{text-align:center}.story-head h2{font-size:52px;margin-bottom:28px}.story-head p{font-size:18px;line-height:1.65;max-width:62ch}.story-track{position:relative;margin-top:84px}.story-list{position:relative;list-style:none;margin:0;padding:0 0 160px}.story-stop{position:relative;min-height:440px;padding:24px 0 76px}.story-stop[data-drawing=workflow]{min-height:480px}.story-stop[data-drawing=none]{min-height:0}.story-stop:last-child{min-height:420px}.story-copy{position:relative;z-index:1;width:36ch;max-width:calc(50% - 80px);margin-left:calc(50% + 36px)}.story-copy h3{font-size:26px;line-height:1.24;letter-spacing:var(--at-track-tight);margin-bottom:22px}.story-copy p{font-size:17.5px;line-height:1.65}.story-copy p+p{margin-top:20px}.story-canvas{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;fill:none;stroke-linecap:round;stroke-linejoin:round}.story-canvas text{font-family:var(--at-font-ui);font-size:12.5px;fill:var(--at-text-muted);stroke:none}.story-canvas .diagram-title{font-size:13px;font-weight:600;fill:var(--at-text)}.story-canvas .vendor-glyph{font-size:13px;font-weight:600;fill:var(--at-text);text-anchor:middle}.story-canvas .diagram-wall,.story-canvas .diagram-rule{stroke:var(--at-line-strong);stroke-width:1;fill:none}.story-canvas .diagram-wall-inner{stroke:var(--at-line);stroke-width:1;fill:none}.story-canvas .diagram-icon{fill:var(--at-surface);stroke:var(--at-line-strong);stroke-width:1}.story-canvas .diagram-reach{stroke:var(--at-text-muted);stroke-width:1.5;stroke-dasharray:3 5;fill:none}.story-canvas .branch-ink{stroke:var(--at-text-muted);stroke-width:1.5;fill:none}.story-route{stroke:var(--at-line);stroke-width:1;fill:none}.story-ink{stroke:url(#story-ink);stroke-width:2;fill:none}.story-canvas .ink-muted{stop-color:var(--at-text-muted)}.story-canvas .ink-accent{stop-color:var(--at-accent)}.story-canvas .accent-label{fill:var(--at-accent)}.story-canvas .meter-panel{fill:var(--at-surface);stroke:var(--at-line);stroke-width:1}.story-canvas .meter-bed{fill:var(--at-line)}.story-canvas .meter-value{fill:var(--at-text-muted)}.story-canvas .meter-number{fill:var(--at-text);text-anchor:end}.story-canvas .person-line,.story-canvas .metronome-body{stroke:var(--at-text);fill:none;stroke-width:1.5}.story-canvas .key-line{stroke:var(--at-accent);stroke-width:1.5}.story-canvas .metronome-weight{fill:var(--at-accent);stroke:none}.story-canvas .stop-circle{fill:var(--at-surface);stroke:var(--at-line-strong);stroke-width:1}.story-canvas .stop-number{font-size:12px;text-anchor:middle;fill:var(--at-text)}.story-canvas [data-passed=true] .stop-circle{fill:var(--at-accent);stroke:var(--at-accent)}.story-canvas [data-passed=true] .stop-number{fill:var(--at-text-on-accent)}.story-canvas .story-tip{fill:var(--at-accent);stroke:var(--at-surface);stroke-width:2}
.story-canvas .glyph-plate{fill:var(--at-surface);stroke:none}.story-canvas .key-line{fill:var(--at-surface)}.story-canvas .reach-mask{mask-type:alpha}
.request{margin-left:calc(50% + 36px);max-width:calc(50% - 80px);padding-bottom:40px}.request h2{font-size:40px;line-height:1.2;margin-bottom:32px}.request-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}.request-fields label{display:block;font-size:15px;margin-bottom:8px}.request-fields input,.request-fields textarea{display:block;width:100%;min-width:0;min-height:48px;border:1px solid var(--at-line-strong);border-radius:var(--at-r-sm);padding:10px 12px;color:var(--at-text);background:var(--at-surface);font:16px/1.5 var(--at-font-ui)}.request-fields textarea{resize:vertical;min-height:120px}.request-fields [aria-invalid=true]{border-color:var(--at-text);border-width:2px;padding:9px 11px}.field-wide{grid-column:1/-1}.request .field-error{font-size:14px;margin-top:8px}.request-send{margin-top:32px;min-height:48px;padding:12px 30px;font-size:16px}.request-privacy{font-size:13px;color:var(--at-text-muted);margin-top:16px}.contact-policy{margin-top:24px}.contact-policy-row{display:flex;align-items:flex-start;gap:12px;min-height:44px}.contact-policy input{width:20px;height:20px;flex:none;accent-color:var(--at-accent);margin:12px 0}.contact-policy label{font-size:14px;line-height:1.6;padding:11px 0;cursor:pointer}.contact-policy input[aria-invalid=true]{outline:2px solid var(--at-accent);outline-offset:2px}.request-thanks{font-size:20px;line-height:1.6;padding:16px 0;overflow-wrap:anywhere}.download-meta{margin-top:20px}
.story-canvas .diagram-window{fill:var(--at-surface);stroke:var(--at-line-strong);stroke-width:1}
.story-list{padding-bottom:40px}.story-stop:last-child{min-height:0}
.download-intro{margin:96px auto 0;max-width:820px;text-align:center}.download-intro p{margin-left:auto;margin-right:auto}.intro-lead{font-size:30px;line-height:1.25;font-weight:500;letter-spacing:var(--at-track-tight);margin-bottom:28px}.download-intro p+p{margin-top:18px}.download-intro p:not(.intro-lead){font-size:19px;line-height:1.65;max-width:64ch}.intro-button{min-height:0;padding:3px 10px;font-size:19px;vertical-align:baseline}.download-story{margin-top:120px}
.story-canvas .mark-need{fill:var(--at-accent)}.story-canvas .mark-work{fill:none;stroke:var(--at-text);stroke-width:1.5}
.story-canvas [data-appear]{opacity:0;transition:opacity .35s var(--at-ease)}.story-canvas [data-appear][data-shown=true]{opacity:1}@media (prefers-reduced-motion:reduce){.story-canvas [data-appear]{transition:none}}
.request{position:relative}.request-line{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.request-line path{fill:none;stroke:var(--at-accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.touch[data-touched=true]{background:linear-gradient(to right,var(--at-accent),var(--at-text) 65%);-webkit-background-clip:text;background-clip:text;color:transparent}.touch[data-touch=end][data-touched=true]{background-image:linear-gradient(to left,var(--at-accent),var(--at-text) 65%)}
.story-stop:last-child .story-copy{margin-left:auto;margin-right:auto;text-align:center}.request{margin-left:auto;margin-right:auto;max-width:640px}.request h2{text-align:center;position:relative}.request-send{display:block;margin-left:auto;margin-right:auto}.request-privacy,.request-thanks{text-align:center}
.request-form{position:relative}
.request-form .form-status{text-align:center}

.download-visual{display:none}
/* The story road has a reserved gutter, independent of each compact drawing. */
@media(max-width:820px){
.download-page.wrap{width:calc(100% - 32px);padding-top:40px}

.platforms{flex-direction:column;gap:12px}
.platforms>a,.platforms>button{flex:auto;min-height:60px}
.download-intro{margin-top:64px;text-align:left}.intro-lead{font-size:28px}
.download-intro p:not(.intro-lead){font-size:17px}.intro-button{font-size:17px}
.download-page .download-story{margin-top:72px}.download-story .story-head h2{font-size:40px}
.download-story .story-track{margin-top:40px}.download-story .story-list{padding-bottom:0}
.download-story .story-stop,.download-story .story-stop:last-child{min-height:0;padding:0 0 56px}
.download-story .story-stop:last-child{padding-bottom:0}
.download-story .story-copy,.download-story .story-stop:last-child .story-copy{width:auto;max-width:none;margin:0 0 0 44px;text-align:left}
.download-story .story-copy h3{font-size:26px;line-height:1.24;margin-bottom:20px}
.download-story .story-copy p{font-size:17px;line-height:1.65}
.download-visual{display:block;height:316px;margin-top:24px}
.story-stop[data-drawing=spaces] .download-visual{height:170px}
.story-stop[data-drawing=sandbox] .download-visual{height:232px}
.story-stop[data-drawing=vendors] .download-visual{height:140px}
.story-stop[data-drawing=app] .download-visual{height:256px}
.story-stop[data-drawing=workflow] .download-visual{height:322px}
.story-stop[data-drawing=maestro] .download-visual{height:204px}
.story-stop[data-drawing=you] .download-visual{height:96px}
.story-stop[data-drawing=none] .download-visual{height:0;margin-top:0}
.download-story .story-canvas{overflow:visible}.download-story .story-canvas text{font-size:12px}
.download-story .story-canvas .diagram-title{font-size:12px}
.download-story .story-canvas .story-marker .stop-circle{r:12px}
.download-page .request{width:100%;max-width:640px;margin:32px auto 0;padding:0 0 32px}
.download-page .request h2{font-size:32px;line-height:1.2}
.download-page .request-fields{grid-template-columns:minmax(0,1fr);gap:20px}
.download-page .request-line{display:none}
}