/* Explanatory illustrations, not replicas of the desktop UI.
   This bright art direction belongs to the download page; shared setup pages
   retain their own palette and system theme. Blue identifies small accents. */
body.download-screen{color-scheme:light;--paper:#fff;--ink:#202126;--muted:#666a73;--line:#e3e5e9;--surface:#f8f9fb;--blue:#3e63dc;--button:#202126;--button-ink:#fff;--shadow:#25293214}
.download-screen .download-intro h1,.download-screen .hero-statement span,.download-screen .footer-wordmark{color:var(--ink)}
.download-screen .download-brand img,.download-screen .example-answer img,.download-screen .floating-example img{filter:grayscale(1)}
.download-screen .download-button:hover{background:#393c43}
.download-screen .setup-dialog{box-shadow:0 20px 80px #2021261a}
.download-screen .setup-dialog::backdrop{background:#20212655}
.download-intro{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;column-gap:36px;padding-block:56px 64px;min-height:740px}
.hero-heading{grid-area:1/1;align-self:auto}
.download-intro h1{font-size:210px;margin-bottom:18px}
.hero-copy{grid-area:2/1}
.hero-statement{font-size:25px;line-height:1.65;margin-bottom:16px}
.hero-statement br:first-of-type{display:none}
.download-description{font-size:13px}
.download-action{grid-area:3/1;margin-top:26px}
.studio-art{min-width:0;grid-area:1/2/4/3;align-self:center;margin:-30px -65px 0 -65px}
.studio-art img{display:block;width:100%;height:auto}
.feature-wrap{max-width:1280px;margin:auto;padding:100px 64px;scroll-margin-top:20px}
.section-label{font-size:12px;color:var(--blue);letter-spacing:1px;margin:0 0 23px}
.features-intro{padding-top:88px;padding-bottom:64px;border-top:1px solid var(--line)}
.features-intro h2{font-size:66px;line-height:1.25}
.features-intro>p:not(.section-label){font-size:16px;line-height:1.9;color:var(--muted);margin-top:27px}
.feature-index{display:flex;flex-wrap:wrap;gap:14px 32px;margin-top:36px;font-size:13px;color:var(--blue)}
.feature-index a{padding-block:10px;border-bottom:1px solid var(--line)}
.feature-copy h2{font-size:49px;line-height:1.35;margin:0 0 26px}
.feature-copy>p:not(.section-label){font-size:14px;line-height:1.95;max-width:440px;color:var(--muted);margin:0 0 19px}
.feature-points{list-style:none;padding:0;margin:27px 0;font-size:12px;line-height:2.4;color:var(--muted)}
.feature-points li:before{content:"＋";display:inline-block;width:25px;color:var(--blue)}
.text-link{font-size:12px;color:var(--blue);display:inline-block;padding-block:10px}
.illustration{--art-paper:#fff;--art-ink:#30343b;--art-muted:#666c76;--art-line:#cbd0d7;--art-wash:#f3f5f8;color:var(--art-ink)}
.canvas-feature{display:grid;grid-template-columns:.72fr 1.28fr;gap:56px;align-items:center;padding-top:50px}
.canvas-demo{background:var(--art-paper);border:1px solid var(--art-line);border-radius:22px;padding:26px 30px 22px;box-shadow:0 22px 60px -35px #262a321a;scroll-margin-top:30px}
.cocreate-story{list-style:none;counter-reset:steps;padding:0;margin:32px 0 0}
.cocreate-story li{counter-increment:steps;position:relative;padding-left:36px;margin-top:25px}
.cocreate-story li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:3px;font-size:10px;color:var(--blue)}
.cocreate-story strong{display:block;font-size:14px;font-weight:500;margin-bottom:6px}
.cocreate-story span{display:block;font-size:12px;line-height:1.8;color:var(--muted)}
.unit-caption{display:flex;justify-content:space-between;font-size:10px;color:var(--art-muted);margin-bottom:8px}
.cocreate-tools{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 20px}
.illustration button:disabled{opacity:.5;cursor:default}
.canvas-conversation{border-top:1px solid var(--art-line);padding-top:20px;margin-top:20px}
.canvas-speaker{display:grid;grid-template-columns:30px 1fr;gap:12px;font-size:12px;margin-bottom:14px;line-height:1.85}
.canvas-speaker>span{font-size:10px;color:var(--art-muted);padding-top:3px}
.canvas-speaker p{margin:0}
.agent-speaker>span{color:var(--agent-ink,#a24c48)}
.snapshot-caption{font-size:10px;color:var(--art-muted);line-height:1.7;margin:12px 0 0}
.agent-ink{stroke:var(--agent-ink,#a24c48);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.agent-note{fill:var(--agent-ink,#a24c48);font-size:13px}
.circuit-art[data-drawing=true]{touch-action:none;cursor:crosshair}
#student-strokes path{fill:none;stroke:#3478df;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.second-unit{margin-top:22px;padding:20px;background:var(--art-wash);border:1px solid var(--art-line);border-radius:12px}
.pullup-scene{display:flex;align-items:center;gap:14px}
.pullup-scene svg{width:65%;min-width:0;height:135px}
.second-unit>p{font-size:10px;line-height:1.8;margin:6px 0 0;color:var(--art-muted)}
.demo-topline{display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:12px}
.demo-label{font-size:10px;color:var(--art-muted);white-space:nowrap;line-height:1.7}
.circuit-scene{padding:30px 0 15px}
.circuit-art{width:100%;height:auto;display:block;color:#5273dd}
.wire{fill:none;stroke:var(--art-line);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.diagram-box{fill:var(--art-paper);stroke:var(--art-line);stroke-width:1.8}
.diagram-title{fill:var(--art-ink);font-size:17px;font-weight:500}
.diagram-small{fill:var(--art-muted);font-size:13px}
.annotation{fill:none;stroke:#3478df;stroke-width:2.6;stroke-linecap:round}
.waveform{display:flex;gap:20px;align-items:center;padding:0 14px}
.waveform>span{font-size:10px;color:var(--art-muted)}
.waveform svg{width:100%;min-width:0;height:65px}
.waveform path{fill:none;stroke:var(--art-ink);stroke-width:2;stroke-linejoin:round}
.waveform .wave-baseline{stroke:var(--art-line);stroke-width:1}
.canvas-controls{display:grid;grid-template-columns:1fr auto;gap:14px 20px;align-items:center;margin-top:26px}
.canvas-controls label{display:flex;justify-content:space-between;font-size:12px;grid-column:1}
.canvas-controls output{font-variant-numeric:tabular-nums}
.canvas-controls input{grid-column:1;grid-row:2;width:100%;margin:0;accent-color:var(--art-ink);height:24px;cursor:pointer}
.canvas-controls button{grid-column:2;grid-row:1/3;align-self:end}
.illustration button{border:1px solid var(--art-line);border-radius:8px;background:var(--art-paper);color:var(--art-ink);font-size:11px;padding:10px 13px;min-height:42px;transition:background .15s}
.illustration button:hover,.illustration button[aria-pressed=true]{background:var(--art-wash)}
.demo-response{font-size:12px;line-height:1.8;margin:23px 0 0;min-height:44px;color:var(--art-ink)}
.demo-footnote{font-size:10px;line-height:1.8;color:var(--art-muted);margin:14px 0 0}
.discussion-feature{padding-top:72px}
.discussion-feature>.feature-copy{max-width:690px}
.discussion-feature>.feature-copy>p:not(.section-label){max-width:580px}
.discussion-stage{margin-top:50px;display:grid;grid-template-columns:1fr 1fr;gap:80px;position:relative;padding:55px;background:var(--surface);border-radius:24px}
.discussion-source{background:var(--art-paper);padding:28px 30px;border:1px solid var(--art-line);border-radius:12px;transform:rotate(-2deg);box-shadow:0 15px 30px -25px #262a3226}
.source-heading{font-size:16px;margin:16px 0 22px;font-weight:500}
.discussion-stage pre,.project-file pre{font:14px/1.9 Consolas,"Cascadia Code",monospace;white-space:pre;overflow:auto;margin:0;color:var(--art-ink)}
.code-dim{color:var(--art-muted)}
.code-blue{color:#3e63dc}
.source-note{font-size:10px;color:var(--art-muted);margin-top:18px}
.source-kinds{display:flex;gap:14px;border-top:1px solid var(--art-line);padding-top:20px;margin-top:24px;font-size:10px;color:var(--art-muted)}
.discussion-thread{align-self:center;min-width:0}
.example-question{font-family:var(--display);font-size:26px;line-height:1.6;margin:22px 0 32px;min-height:84px}
.example-answer{display:flex;align-items:flex-start;gap:15px;min-height:130px}
.example-answer img{object-fit:contain;flex:none;margin-top:3px}
.example-answer p{font-size:14px;line-height:1.95;margin:0}
.example-prompts{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}
.example-prompts button{font-size:10px}
.discussion-details{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:34px}
.discussion-details p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}
.discussion-details strong{display:block;font-size:14px;color:var(--ink);font-weight:500;margin-bottom:10px}
.learning-feature{padding-top:70px}
.learning-pair{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:48px}
.learning-item{min-width:0}
.learning-item>h3{font-size:19px;font-weight:500;margin:30px 0 14px;line-height:1.6}
.learning-item>p{font-size:13px;line-height:1.9;max-width:440px;color:var(--muted);margin:0}
.book-illustration,.project-illustration{height:425px;border-radius:22px;position:relative}
.book-illustration{display:flex;align-items:center;justify-content:center;padding:26px 35px;background:var(--surface)}
.book-page{position:relative;z-index:1;width:100%;padding:25px 29px;background:var(--art-paper);border:1px solid var(--art-line);border-radius:3px 12px 12px 3px;box-shadow:-7px 3px 0 -1px var(--art-wash),-8px 3px 0 0 var(--art-line);transform:rotate(-3deg)}
.book-page h3{font-family:var(--display);font-weight:400;font-size:25px;margin:20px 0 14px;line-height:1.4}
.book-page>p{font-size:12px;line-height:1.9;margin:0;min-height:48px;color:var(--art-muted)}
.book-page svg{display:block;width:100%;height:108px;margin:12px 0}
.lesson-switch{display:flex;gap:8px}
.lesson-switch button{flex:1;font-size:10px;min-height:35px;padding:8px}
.project-illustration{padding:28px;background:var(--art-wash);display:flex;flex-direction:column;justify-content:center}
.project-file{background:var(--art-paper);border:1px solid var(--art-line);border-radius:12px;overflow:hidden;transform:rotate(2deg)}
.file-tab{display:block;padding:12px 22px;border-bottom:1px solid var(--art-line);font-size:11px}
.project-file pre{font-size:12px;line-height:1.8;padding:23px}
.project-flow{list-style:none;padding:0;display:flex;gap:12px;justify-content:space-between;font-size:10px;line-height:1.7;margin:28px 0 0}
.project-flow li+li:before{content:"→";margin-right:12px;color:var(--art-muted)}
.companion-feature{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center;padding-top:70px}
.companion-stage{position:relative;min-height:530px;background:var(--surface);border-radius:22px;padding:28px}
.outline-workspace{height:295px;margin-top:25px;border:1px solid var(--art-line);border-radius:11px;display:grid;grid-template-columns:125px 1fr;background:var(--art-paper);overflow:hidden}
.outline-sidebar{padding:20px 15px;border-right:1px solid var(--art-line);display:flex;flex-direction:column;gap:22px;font-size:10px;color:var(--art-muted)}
.outline-sidebar span:last-child{font-size:8px;overflow-wrap:anywhere}
.outline-editor{padding:20px;position:relative;min-width:0;font-size:11px}
.pin-setting{display:flex;align-items:center;justify-content:space-between;margin-top:24px;font-size:12px;border-bottom:1px solid var(--art-line);padding-bottom:17px}
#pin-target{padding:6px;border-radius:5px}
#pin-target.highlighted{outline:2px solid var(--art-ink);outline-offset:4px;background:var(--art-wash)}
.outline-code{display:flex;flex-direction:column;gap:17px;margin-top:35px}
.outline-code i{height:2px;background:var(--art-line);width:70%}.outline-code i:nth-child(2){width:90%}.outline-code i:nth-child(3){width:60%}
.guide-pointer{position:absolute;right:15px;top:148px;font-size:10px;color:var(--art-ink);padding-top:15px}
.guide-pointer:before{content:"↑";position:absolute;right:21px;top:-7px;font-size:26px}
.floating-example{position:relative;margin:-63px 0 0 90px;background:var(--art-paper);border:1px solid var(--art-line);border-radius:14px;padding:20px 23px;box-shadow:0 18px 38px -25px #262a3226;z-index:1}
.floating-example>div{display:flex;align-items:center;gap:8px;font-size:12px}
.floating-example strong{font-weight:500}
.floating-example p{font-size:15px;line-height:1.9;margin:14px 0;min-height:56px}
.floating-example button{width:100%;text-align:left;display:flex;justify-content:space-between}
.companion-controls{display:flex;align-items:center;gap:15px;justify-content:space-between;margin-top:20px}
.companion-controls>span{font-size:10px;line-height:1.8;max-width:130px;color:var(--art-muted)}
.companion-controls button{font-size:10px}
.real-workspace{padding-top:70px;padding-bottom:55px}
.workspace-detail{margin-top:35px;border-block:1px solid var(--line)}
details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:14px}
details summary::-webkit-details-marker{display:none}
details summary>span{font-size:20px;color:var(--blue);transition:transform .2s}
details[open]>summary>span{transform:rotate(45deg)}
.workspace-detail figure{margin:0 0 28px}
.workspace-detail img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px}
.workspace-detail figcaption{font-size:11px;color:var(--muted);margin-top:17px;line-height:1.8}
.more-functions{display:grid;grid-template-columns:.8fr 1fr;gap:0 70px;padding-top:55px}
.more-functions h3{grid-row:1/4;font-family:var(--display);font-size:30px;font-weight:400;margin:14px 0}
.more-functions details{border-bottom:1px solid var(--line)}
.more-functions details p{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 22px}
@media(min-width:1600px){.download-intro{padding-block:65px 80px;min-height:790px}}
@media(max-width:1100px){.studio-art{margin-inline:-30px}.download-intro{padding:55px 50px;min-height:700px;column-gap:20px}.download-intro h1{font-size:180px}.hero-statement{font-size:23px}.feature-wrap{padding-inline:50px}.canvas-feature{gap:35px;grid-template-columns:.8fr 1.2fr}.canvas-demo{padding:22px}.feature-copy h2{font-size:40px}.discussion-stage{padding:35px;gap:40px}.discussion-source{padding:25px}.discussion-stage pre{font-size:12px}.example-question{font-size:23px}.learning-pair{gap:35px}.book-illustration{padding:25px}.book-page{padding:22px}.companion-feature{gap:40px}.outline-workspace{grid-template-columns:95px 1fr}.outline-sidebar{padding-inline:10px}.floating-example{margin-left:50px}.project-flow{gap:6px;font-size:9px}.project-flow li+li:before{margin-right:6px}}
@media(max-width:900px) and (min-width:768px){.canvas-feature{grid-template-columns:1fr}.canvas-feature .feature-copy{max-width:600px}.canvas-demo{max-width:650px}.companion-feature{grid-template-columns:1fr}.companion-feature .feature-copy{grid-row:1}.companion-stage{max-width:600px}.learning-pair{gap:26px}.book-page h3{font-size:22px}.book-page{padding:18px}.project-illustration{padding:18px}.project-file pre{font-size:10px;padding:17px}.project-flow{flex-direction:column;gap:3px}.project-flow li+li:before{display:none}.discussion-stage{gap:26px;padding:28px}.discussion-source{padding:19px}.example-answer{gap:10px}.example-answer p{font-size:12px}}
@media(max-width:767px){
 .download-intro{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:0;padding:36px 26px 54px;position:relative}
 .download-intro h1{font-size:clamp(120px,30vw,175px);margin:0 0 22px -6px}.hero-heading{grid-area:1/1}.hero-copy{grid-area:2/1;margin:0;position:relative;z-index:1}.hero-statement{font-size:23px;line-height:1.7;max-width:320px;margin-bottom:16px}.hero-statement br:first-of-type{display:initial}.download-description{font-size:12px}.download-action{grid-area:3/1;max-width:290px;margin-top:24px}.studio-art{grid-area:4/1;position:static;width:calc(100% + 32px);height:auto;max-width:560px;margin:14px -16px -12px;justify-self:center;pointer-events:none}
 .feature-wrap{padding:60px 26px}.features-intro{padding-top:55px;padding-bottom:25px}.features-intro h2{font-size:42px}.features-intro>p:not(.section-label){font-size:13px;margin-top:24px}.features-intro br:not(h2 br){display:none}.feature-index{gap:4px 23px;font-size:11px;margin-top:26px}.section-label{font-size:11px;margin-bottom:18px}.feature-copy h2{font-size:38px;margin-bottom:22px}.feature-copy>p:not(.section-label){font-size:13px}.feature-points{font-size:11px;margin:22px 0}.text-link{font-size:11px}
 .canvas-feature{display:block;padding-top:44px}.canvas-demo{margin-top:25px;padding:22px 18px 18px;border-radius:16px}.demo-topline{font-size:11px;gap:10px}.demo-label{font-size:9px}.circuit-scene{padding:18px 0 5px}.circuit-art{width:calc(100% + 16px);margin-left:-8px}.waveform{padding:0;gap:12px}.waveform svg{height:48px}.waveform>span{font-size:9px}.canvas-controls{margin-top:18px;gap:9px 15px}.canvas-controls label{font-size:11px}.illustration button{font-size:10px;min-height:40px;padding:9px 10px}.demo-response{font-size:11px;min-height:40px;margin-top:19px}.demo-footnote{font-size:9px}
 .discussion-feature{padding-top:20px}.discussion-stage{grid-template-columns:1fr;padding:28px 22px;gap:32px;margin-top:32px;border-radius:18px}.discussion-source{padding:22px;transform:rotate(-1.5deg)}.source-heading{font-size:15px}.discussion-stage pre{font-size:12px}.source-kinds{gap:15px;font-size:9px}.discussion-thread{padding:5px}.example-question{font-size:25px;min-height:0;margin:17px 0 22px}.example-answer{min-height:95px}.example-answer p{font-size:13px}.example-prompts{gap:6px;margin-top:15px}.example-prompts button{font-size:9px}.discussion-details{grid-template-columns:1fr;gap:22px;margin-top:28px}.discussion-details strong{font-size:13px;margin-bottom:6px}.discussion-details p{font-size:12px}
 .learning-feature{padding-top:20px}.learning-pair{grid-template-columns:1fr;gap:44px;margin-top:30px}.book-illustration,.project-illustration{height:385px;border-radius:18px}.book-illustration{padding:24px 28px}.book-page{padding:23px}.book-page h3{font-size:25px}.project-illustration{padding:25px}.project-file pre{font-size:12px;padding:21px}.project-flow{font-size:9px;gap:8px}.learning-item>h3{font-size:18px;margin:24px 0 12px}.learning-item>p{font-size:12px}
 .companion-feature{display:flex;flex-direction:column-reverse;gap:20px;padding-top:20px;align-items:stretch}.companion-stage{min-height:490px;padding:20px;border-radius:18px}.outline-workspace{grid-template-columns:86px 1fr;height:275px}.outline-sidebar{padding-inline:10px;font-size:9px}.outline-editor{padding:17px 12px}.pin-setting{font-size:11px}.floating-example{margin-left:35px;padding:17px}.floating-example p{font-size:14px}.companion-controls{gap:12px}.companion-controls>span{font-size:9px;max-width:110px}.guide-pointer{right:8px;font-size:9px}
 .real-workspace{padding-top:20px;padding-bottom:20px}.workspace-detail{margin-top:24px}details summary{font-size:13px;padding:20px 0}.workspace-detail figcaption{font-size:10px}.more-functions{grid-template-columns:1fr;gap:0;padding-top:32px}.more-functions h3{grid-row:auto;font-size:28px;margin:0 0 18px}.more-functions details p{font-size:12px}
}
@media(max-width:360px){.download-intro{padding-inline:22px}.download-intro h1{font-size:112px}.hero-statement{font-size:21px}.feature-wrap{padding-inline:22px}.feature-copy h2{font-size:34px}.features-intro h2{font-size:37px}.demo-topline{font-size:10px}.canvas-demo{padding-inline:14px}.discussion-stage{padding-inline:17px}.discussion-source{padding:18px}.discussion-stage pre{font-size:11px}.book-illustration{padding-inline:22px}.project-illustration{padding:18px}.project-file pre{font-size:10px}.project-flow{font-size:8px}.companion-stage{padding:16px}.outline-workspace{grid-template-columns:72px 1fr}.floating-example{margin-left:20px}.companion-controls>span{max-width:90px}}
@media(prefers-reduced-motion:reduce){.illustration button,details summary>span{transition:none}}