:root{--red:#cd3332;--ink:#202323;--muted:#666b69;--line:#dce0dd;--paper:#f5f6f2;--blue:#eaf1f6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:white;color:var(--ink);font:16px/1.55 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}button,a,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--red);outline-offset:5px}.skip{position:fixed;left:20px;top:-100px;background:white;padding:12px;z-index:30}.skip:focus{top:12px}.wrap{width:min(1320px,calc(100% - 96px));margin:auto}.header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 48px;gap:24px;background:#fff;position:relative;z-index:10}.brand{width:204px}.header nav{display:flex;gap:34px;font-size:14px}.header nav a:hover,.quiet-link:hover{color:var(--red)}.nav-cta{display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;background:var(--red);color:white;border:1px solid var(--red);padding:12px 18px;white-space:nowrap}.nav-cta:hover,.nav-cta:focus-visible{background:#a62827;border-color:#a62827}.nav-cta span{margin-left:24px}.hero{display:grid;grid-template-columns:45% 55%;padding-top:64px;padding-bottom:38px;position:relative}.eyebrow{font-size:11px;letter-spacing:1.65px;font-weight:700;display:flex;align-items:center;gap:10px;margin:0 0 25px}.status-dot{width:7px;height:7px;background:var(--red);border-radius:50%;display:inline-block;flex-shrink:0}.beta-label{letter-spacing:1px;border:1px solid #e9c7c5;color:var(--red);padding:3px 7px;margin-left:7px;font-size:9px}h1{font-size:clamp(68px,7.1vw,106px);letter-spacing:-6px;line-height:.98;font-weight:500;margin:0 0 30px;position:relative;z-index:1}h1>span{color:var(--red)}.hero-intro{font-size:16px;line-height:1.7;color:var(--muted);max-width:440px}.hero-actions{display:flex;gap:27px;align-items:center;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:15px 22px;font-size:14px;font-weight:700;border:0;cursor:pointer}.red{background:var(--red);color:white}.red:hover{background:#a62827}.quiet-link{font-size:13px;font-weight:700}.quiet-link>span{margin-left:12px}.micro{font-size:11px;color:var(--muted);margin:15px 0 0}.micro span{margin:0 8px}.hero-visual{margin:8px -24px 0 -48px;align-self:center}.hero-visual>img{width:100%;aspect-ratio:1.205;object-fit:contain;mix-blend-mode:multiply}.hero-visual figcaption{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);padding:14px 12px;border-top:1px solid var(--line);gap:16px}.hero-visual figcaption span:first-child{letter-spacing:1px}.spec-strip{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;padding:22px 0;gap:20px;font-size:12px}.spec-strip b{font-size:9px;font-weight:400;letter-spacing:1.2px;margin-right:18px;color:var(--muted)}.section{padding-top:104px;padding-bottom:104px}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-bottom:48px;align-items:end}.section-heading p:not(.eyebrow),.material-copy>p:not(.eyebrow),.workflow-copy>p:not(.eyebrow){font-size:16px;color:var(--muted);max-width:440px;margin-bottom:0}.section-heading p:not(.eyebrow){max-width:485px;padding-bottom:5px}.eyebrow+h2{margin-top:0}h2{font-size:clamp(40px,4.1vw,61px);font-weight:400;letter-spacing:-2.6px;line-height:1.06;margin:0}figure{margin:0}.compare-images{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.compare-images>figure:first-child{border-right:1px solid var(--line)}.compare-images>figure{padding:20px 28px 0}.figure-label{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin-bottom:24px}.figure-label>span:last-child{font-size:11px;font-weight:400}.red-text{color:var(--red)}.compare-images img{height:520px;width:100%;object-fit:contain}.compare-images figcaption{font-size:12px;color:var(--muted);text-align:center;padding-top:25px}.explore{background:var(--paper)}.explorer{display:grid;grid-template-columns:340px 1fr;gap:48px;align-items:start}.step-list{border-top:1px solid #cfd4cf}.step{background:none;cursor:pointer;border:0;border-bottom:1px solid #cfd4cf;text-align:left;display:flex;align-items:center;gap:17px;width:100%;padding:22px 0;color:var(--muted)}.step-number{font-size:10px;letter-spacing:1px;align-self:flex-start;margin-top:3px}.step b{font-size:15px;font-weight:400}.step small{display:block;font-size:11px;margin-top:6px}.step-arrow{margin-left:auto;opacity:0}.step.active{color:var(--red)}.step.active b{font-weight:700}.step.active .step-arrow{opacity:1}.step:hover{color:var(--ink)}.stage{background:white;padding:18px 22px 0;border:1px solid #e2e5e0}.stage-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:var(--muted)}.stage img{width:100%;aspect-ratio:1.17;object-fit:contain;padding-top:20px}.stage-caption{border-top:1px solid var(--line);padding:15px 0;margin:12px 0 0;font-size:12px;color:var(--muted);min-height:62px}.material{display:grid;grid-template-columns:1.5fr 1fr;gap:82px;align-items:center}.material-image img{width:100%;mix-blend-mode:multiply}.material-copy h2{margin-bottom:25px}.plain-list{list-style:none;padding:0;margin:28px 0}.plain-list li{padding:10px 0;border-top:1px solid var(--line);font-size:13px}.plain-list li:before{content:'+';color:var(--red);margin-right:16px}.drawing{background:var(--blue)}.video-note{display:block;font-size:10px;letter-spacing:1px;margin-top:22px}.video-note>span{padding:0 14px}.video-note b{font-weight:400;color:var(--muted)}.video-frame{background:white;padding:10px}.video-frame video{display:block;width:100%;height:auto;background:#dceaf4}.video-caption{display:flex;justify-content:space-between;gap:20px;font-size:10px;padding:16px 13px 7px;color:var(--muted)}.video-caption span:first-child{font-size:9px;letter-spacing:1px}.workflow{display:grid;grid-template-columns:1fr 1.4fr;gap:86px;align-items:center}.workflow-copy>p:not(.eyebrow){margin-top:26px}.workflow-features{margin-top:30px}.workflow-features>div{position:relative;padding:18px 0 16px 36px;border-top:1px solid var(--line)}.workflow-features span{position:absolute;left:0;top:21px;font-size:10px;color:var(--red)}h3{font-weight:400}.workflow-features h3{margin:0;font-size:17px;letter-spacing:-.4px}.workflow-features p{font-size:12px;color:var(--muted);margin:4px 0 0}.workflow figure{margin-right:-18px}.workflow figure img{width:100%}.workflow figcaption{font-size:11px;color:var(--muted);margin-top:14px}.download{background:var(--ink);color:white;padding:85px 0}.download-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:120px;align-items:center}.download .eyebrow{color:#c6c9c7}.download h2{font-size:clamp(42px,4.5vw,68px);letter-spacing:-3px}.download-inner>div>p:not(.eyebrow){color:#c6c9c7;font-size:16px;line-height:1.7;margin-top:24px}.feedback-link{display:inline-block;font-size:12px;border-bottom:1px solid #5b5e5b;padding:10px 0;margin-top:8px}.feedback-link span{margin-left:38px}.download-panel{background:#303332;border:1px solid #525653;padding:29px 32px}.trial-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.5px;color:#d6d8d5}.trial-heading b{font-size:24px;font-weight:400;letter-spacing:-1px}.download-panel h3{font-size:25px;margin:24px 0 2px;letter-spacing:-.8px}.download-panel>p{font-size:12px!important;margin:0 0 20px!important}.download-button{background:#464b48;color:#dadddb;width:100%;margin-top:10px;border:1px solid #626963;cursor:not-allowed}.download-panel .download-note{font-size:10px!important;line-height:1.6;margin:15px 0 25px!important;color:#bfc5c0}details{border-top:1px solid #565b56;font-size:12px}summary{cursor:pointer;padding:15px 22px 15px 0;position:relative;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0}details[open] summary:after{content:'−'}details p{font-size:12px;color:#c6c9c7;line-height:1.7;margin:0 0 16px}.footer{padding:29px 0;display:flex;gap:26px;align-items:center}.footer img{width:170px}.footer p{font-size:12px;color:var(--muted);margin-right:auto}.footer>span,.footer>a:last-child{font-size:10px;color:var(--muted)}
@media(min-width:1600px){.hero{padding-top:85px;padding-bottom:65px}.hero-visual{margin-right:-36px}.hero h1{font-size:108px}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.header{padding:0 28px}.header nav{gap:22px}.hero{grid-template-columns:48% 52%;padding-top:50px}h1{font-size:74px;letter-spacing:-4px}.hero-visual{margin-left:-25px;margin-right:-12px}.hero-intro{font-size:14px}.hero-actions{gap:15px}.hero .button{padding:14px 17px;gap:20px}.hero .quiet-link{font-size:12px}.section{padding:78px 0}.section-heading{gap:40px}.explorer{grid-template-columns:285px 1fr;gap:28px}.step{padding:18px 0}.step small{font-size:10px}.compare-images img{height:450px}.material,.workflow{gap:38px}.download-inner{gap:60px}.spec-strip b{display:block;margin-bottom:4px}.workflow figure{margin-right:0}.download-panel{padding:25px}}
@media(max-width:720px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 36px)}.header{height:78px;padding:0 18px;gap:18px}.brand{width:158px}.header nav{display:none}.nav-cta{font-size:12px}.nav-cta span{margin-left:10px}.hero{display:flex;flex-direction:column;padding-top:35px;padding-bottom:15px}.eyebrow{font-size:9px;letter-spacing:1.2px;margin-bottom:23px}.beta-label{font-size:8px;padding:2px 5px}h1{font-size:clamp(60px,13vw,90px);letter-spacing:-4px;line-height:1.01;margin-bottom:24px}.hero-intro{font-size:15px;max-width:360px}.desktop-break{display:none}.hero-actions{gap:22px;margin-top:23px}.hero .quiet-link{font-size:12px}.hero-visual{margin:30px -5px 0}.hero-visual>img{aspect-ratio:1.24}.hero-visual figcaption{font-size:8px;padding:12px 0}.spec-strip{padding:18px 0;gap:14px;font-size:10px}.spec-strip b{font-size:8px;letter-spacing:.8px;margin-right:0}.section{padding:60px 0}.section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}h2{font-size:43px;letter-spacing:-2px}.section-heading p:not(.eyebrow),.material-copy>p:not(.eyebrow),.workflow-copy>p:not(.eyebrow){font-size:14px}.compare-images>figure{padding:16px 8px 0}.figure-label{font-size:11px;margin-bottom:15px}.figure-label>span:last-child{display:none}.compare-images img{height:340px}.compare-images figcaption{font-size:10px;padding-top:17px;line-height:1.55}.explorer{grid-template-columns:1fr;gap:25px}.step-list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.step{padding:15px 0;gap:10px}.step-number{font-size:9px}.step b{font-size:12px}.step small{display:none}.step-arrow{font-size:12px}.stage{padding:14px 14px 0}.stage img{padding-top:13px}.stage-caption{font-size:11px;min-height:56px}.material{display:flex;flex-direction:column-reverse;gap:27px;align-items:stretch}.material-copy h2 br{display:none}.material-image{margin:0 -7px}.plain-list{margin:23px 0}.drawing h2{font-size:40px}.video-frame{margin:0 -10px;padding:5px}.video-caption{font-size:8px;padding:12px 5px 6px;gap:12px}.video-caption span:first-child{font-size:7px;letter-spacing:.5px}.video-note{font-size:9px}.workflow{grid-template-columns:1fr;gap:30px}.workflow-features>div{padding:15px 0 15px 32px}.workflow-features h3{font-size:16px}.workflow figure{margin:0 -8px}.workflow figcaption{padding:0 8px;font-size:10px}.download{padding:55px 0}.download-inner{grid-template-columns:1fr;gap:32px}.download h2{font-size:45px;letter-spacing:-2px}.download-inner>div>p:not(.eyebrow){font-size:14px}.download-panel{padding:22px}.download-panel h3{font-size:23px}.download .eyebrow{font-size:8px}.footer{flex-wrap:wrap;gap:14px;padding:22px 0}.footer img{width:144px}.footer p{font-size:10px;margin-left:auto;margin-right:0}.footer>span{margin-right:auto}.footer>a:last-child{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Both comparison views share the same magnification and inspection point. */
.compare-hint{font-size:11px;color:var(--muted);margin:-20px 0 20px}.touch-hint{display:none}
.compare-viewport{position:relative;display:block;width:100%;height:520px;overflow:hidden;padding:0;border:0;background:transparent;cursor:zoom-in;touch-action:pan-y}
.compare-plane{display:block;position:relative;height:100%;width:100%;transform:scale(1);transform-origin:var(--zoom-x,50%) var(--zoom-y,38%);transition:transform .35s cubic-bezier(.2,.65,.3,1);will-change:transform}
.compare-images .compare-viewport img{position:absolute;left:50%;top:0;height:100%;width:auto;max-width:none;transform:translateX(-50%)}
.compare-images.is-zoomed .compare-viewport{cursor:zoom-out}
.compare-images.is-zoomed .compare-plane{transform:scale(3.2)}
@media(max-width:1050px){.compare-viewport{height:450px}}
@media(max-width:720px){.compare-viewport{height:340px}.compare-hint{margin:-8px 0 18px;font-size:10px}}
@media(hover:none){.hover-hint{display:none}.touch-hint{display:inline}}
@media(prefers-reduced-motion:reduce){.compare-plane{transition:none}}

.video-chapters{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:16px;border-top:1px solid #c9d5dc;border-bottom:1px solid #c9d5dc}
.video-chapters button{display:flex;align-items:center;gap:13px;border:0;background:none;color:var(--muted);padding:20px 15px;text-align:left;cursor:pointer}
.video-chapters button+button{border-left:1px solid #c9d5dc}
.video-chapters button>span{font-size:10px}.video-chapters b{font-size:13px;font-weight:400}.video-chapters small{font-size:10px;margin-left:auto}
.video-chapters button[aria-pressed=true]{color:var(--red)}.video-chapters button[aria-pressed=true] b{font-weight:700}
@media(max-width:720px){.video-chapters{grid-template-columns:1fr}.video-chapters button{padding:13px 7px}.video-chapters button+button{border-left:0;border-top:1px solid #c9d5dc}.video-chapters b{font-size:12px}}

/* Download uses the main site's explicit platform-card hierarchy. */
.download { background: #f2f4f1; color: var(--ink); padding: 80px 0; }
.download .eyebrow { color: #626963; }
.beta-download-heading { display: flex; align-items: center; justify-content: space-between; gap: 32px; margin-bottom: 38px; }
.download h2 { font-size: clamp(42px, 5vw, 74px); letter-spacing: -.055em; margin: 20px 0; }
.download h2 > span { color: var(--red, #cd3332); }
.beta-download-heading p:not(.eyebrow) { color: #59615c; font-size: 17px; line-height: 1.6; }
.beta-trial { display: flex; align-items: center; gap: 18px; flex-shrink: 0; }
.beta-trial b { font-size: 82px; line-height: 1; font-weight: 500; letter-spacing: -5px; }
.beta-trial span { font-size: 13px; line-height: 1.8; color: #59615c; }
.beta-platforms { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.beta-platform { padding: 32px; background: white; border: 1px solid #d4d9d3; border-top: 3px solid #cd3332; }
.beta-platform svg { display: block; margin-bottom: 24px; }
.platform-label { font-size: 11px; letter-spacing: .12em; font-weight: 700; color: #626963; }
.beta-platform h3 { font-size: 27px; letter-spacing: -1px; margin: 12px 0; }
.beta-platform p { font-size: 14px; line-height: 1.6; color: #59615c; }
.beta-platform .beta-download { margin-top: 28px; width: 100%; background: #cd3332; color: white; border: 1px solid #cd3332; opacity: 1; cursor: default; font-size: 15px; padding: 19px 22px; }
.beta-platform small { display: block; margin-top: 13px; color: #626963; font-size: 11px; }
.beta-preview-note { color: #626963; font-size: 12px; line-height: 1.6; margin-top: 20px; }
.beta-download-footer { display: grid; grid-template-columns: 1fr auto; align-items: start; gap: 64px; margin-top: 34px; }
.beta-download-faq details { border-color: #cdd3cd; font-size: 13px; }
.beta-download-faq details p { color: #59615c; }
.download .feedback-link { color: var(--ink); border-color: #bfc7bf; margin-top: 0; }
@media(max-width:720px) {
  .download { padding: 52px 0; }
  .beta-download-heading { display: block; margin-bottom: 28px; }
  .download h2 { font-size: 44px; }
  .beta-trial { margin-top: 25px; }
  .beta-trial b { font-size: 58px; letter-spacing: -3px; }
  .beta-platforms { grid-template-columns: 1fr; gap: 20px; }
  .beta-platform { padding: 25px; }
  .beta-download-footer { grid-template-columns: 1fr; gap: 28px; }
  .download .feedback-link { justify-self: start; }
}

/* Full feature inventory, illustrated with existing English macOS guide captures. */
.feature-overview { background: #f4f6f3; }
.feature-difference { border-top: 2px solid var(--ink); padding-top: 22px; }
.feature-difference > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 36px; margin-top: 26px; }
.feature-difference b { display: block; font-size: 19px; letter-spacing: -.5px; margin-bottom: 12px; }
.feature-difference span { color: var(--muted); font-size: 14px; line-height: 1.7; }
.feature-jumps { display: flex; flex-wrap: wrap; gap: 10px; margin: 35px 0; }
.feature-jumps a { border: 1px solid #cbd2cb; padding: 10px 14px; font-size: 12px; background: white; }
.feature-jumps a:hover { border-color: var(--red); color: var(--red); }
.feature-cards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; }
.feature-card { background: white; border: 1px solid #d9ded7; scroll-margin-top: 24px; display: flex; flex-direction: column; }
.feature-card-copy { padding: 30px 30px 22px; }
.feature-card h3 { font-size: 28px; line-height: 1.15; letter-spacing: -1px; margin: 19px 0 16px; }
.feature-card-copy > p:not(.eyebrow) { font-size: 14px; line-height: 1.7; color: var(--muted); }
.feature-capture { display: flex; position: relative; align-items: center; justify-content: center; height: 290px; background: #e9eeeb; margin: 0 22px; padding: 16px 16px 30px; }
.feature-capture img { width: 100%; height: 100%; object-fit: contain; }
.feature-capture > span { position: absolute; right: 13px; bottom: 9px; font-size: 9px; letter-spacing: .08em; color: #56635a; }
.feature-capture:hover > span { color: var(--red); }
.feature-points { list-style: none; padding: 22px 30px 28px; margin: 0; }
.feature-points li { position: relative; padding: 9px 0 9px 19px; font-size: 13px; line-height: 1.6; border-bottom: 1px solid #edf0eb; }
.feature-points li::before { content: '+'; color: var(--red); position: absolute; left: 0; }
.feature-footnote { color: #616a63; font-size: 11px; line-height: 1.6; padding: 0 30px 28px; margin-top: auto; }
.sync-story { margin-top: 42px; border-top: 3px solid var(--red); padding: 38px; background: var(--ink); color: white; display: grid; grid-template-columns: 1.3fr 1fr; gap: 30px 60px; }
.sync-story .eyebrow { color: #c3cbc5; }
.sync-story h3 { font-size: 37px; line-height: 1.1; letter-spacing: -1.5px; margin: 24px 0; }
.sync-story p:not(.eyebrow) { color: #d0d6d1; font-size: 14px; line-height: 1.8; margin-top: 17px; }
.sync-flow { border: 1px solid #59615b; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px; text-align: center; }
.sync-flow > span { font-size: 10px; letter-spacing: .12em; color: #c3cbc5; margin: 8px 0; }
.sync-flow > strong { font-size: 19px; font-weight: 400; }
.sync-flow > b { font-size: 44px; line-height: 1.5; color: #f16c68; }
.sync-story .sync-flow p { font-size: 11px; line-height: 1.6; }
.sync-story .sync-scope { grid-column: 1 / -1; border-top: 1px solid #59615b; padding-top: 20px; margin: 0; font-size: 12px; }
.drawing-sync-intro { margin-top: 16px; }
.drawing-sync-intro a { color: var(--red); text-decoration: underline; text-underline-offset: 3px; }
@media(min-width:1600px) { .feature-capture { height: 340px; } }
@media(max-width:720px) {
 .feature-difference > div, .feature-cards, .sync-story { grid-template-columns: 1fr; }
 .feature-difference > div { gap: 20px; }
 .feature-jumps { margin: 26px 0; gap: 8px; }
 .feature-jumps a { font-size: 11px; padding: 9px 10px; }
 .feature-card-copy { padding: 24px 22px 18px; }
 .feature-card h3 { font-size: 27px; }
 .feature-capture { height: 245px; margin: 0 14px; }
 .feature-points { padding: 17px 22px 24px; }
 .feature-footnote { padding: 0 22px 24px; }
 .sync-story { padding: 25px; gap: 26px; }
 .sync-story h3 { font-size: 31px; }
}

.manual-resource { display:flex; justify-content:space-between; align-items:center; gap:24px; border:1px solid #cbd2cb; background:white; padding:22px 26px; margin-top:28px; }
.manual-resource b { display:block; font-size:17px; margin-bottom:7px; }
.manual-resource small { display:block; color:var(--muted); font-size:13px; line-height:1.6; }
.manual-resource > span:last-child { font-size:27px; color:var(--red); }
.manual-resource:hover { border-color:var(--red); }
@media(max-width:720px) { .manual-resource { padding:20px; } .manual-resource b { font-size:16px; } }

.clipbox-showcase { display:grid; grid-template-columns:1.55fr 1fr; gap:60px; align-items:center; }
.clipbox-showcase figure { margin:0; min-width:0; }
.clipbox-showcase img { width:100%; height:auto; display:block; }
.clipbox-showcase figcaption { font-size:11px; line-height:1.6; color:var(--muted); margin-top:18px; border-top:1px solid #d4d9d3; padding-top:15px; }
.clipbox-showcase figcaption span { display:block; margin-top:8px; color:var(--red); font-size:9px; letter-spacing:.1em; }
.clipbox-showcase h2 { margin:23px 0; }
.clipbox-showcase > div > p:not(.eyebrow) { font-size:15px; line-height:1.8; color:var(--muted); }
@media(max-width:1050px) { .clipbox-showcase { gap:30px; grid-template-columns:1.25fr 1fr; } .clipbox-showcase h2 { font-size:42px; } }
@media(max-width:720px) { .clipbox-showcase { display:flex; flex-direction:column-reverse; align-items:stretch; gap:26px; } .clipbox-showcase h2 br { display:none; } }

.wall-example { border-top:1px solid #d4d9d3; }
.wall-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.wall-pair figure { margin:0; padding:24px 30px; border:1px solid #d4d9d3; min-width:0; }
.wall-pair figure + figure { border-left:0; }
.wall-pair img { display:block; width:100%; height:500px; object-fit:contain; }
.wall-pair figcaption { color:var(--muted); font-size:13px; line-height:1.6; padding-top:22px; }
@media(max-width:720px) { .wall-pair figure { padding:16px 10px; } .wall-pair .figure-label { font-size:11px; line-height:1.6; min-height:36px; } .wall-pair .figure-label > span:last-child { display:none; } .wall-pair img { height:265px; } .wall-pair figcaption { font-size:11px; padding-top:14px; } }

.assignments { background:#f4f6f3; }
.assignment-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.assignment-card { padding:28px; background:white; border:1px solid #d4d9d3; min-width:0; }
.assignment-card h3 { font-size:26px; letter-spacing:-.7px; margin-bottom:16px; }
.assignment-card > p { color:var(--muted); font-size:14px; line-height:1.7; }
.assignment-card > a { display:flex; align-items:flex-start; justify-content:center; margin-top:26px; }
.assignment-card img { display:block; width:100%; height:auto; }
.assignment-card .assignment-caption { font-size:11px; margin-top:20px; border-top:1px solid #d4d9d3; padding-top:14px; }
.assignment-caption span { display:block; color:var(--red); font-size:9px; margin-top:9px; letter-spacing:.08em; }
.assignment-note { font-size:12px; line-height:1.8; color:var(--muted); margin-top:24px; max-width:850px; }
@media(max-width:720px) { .assignment-grid { grid-template-columns:1fr; } .assignment-card { padding:22px; } }

.wall-pair figcaption b { display:block; color:var(--ink); font-size:14px; font-weight:600; }
.wall-pair figcaption > span { display:block; margin-top:8px; }
@media(max-width:720px) { .wall-pair figcaption b { font-size:12px; } }

/* The page now follows one four-part workflow, instead of parallel feature lists. */
.hero-positioning { display:block; margin-top:15px; font-size:.85em; color:var(--muted); }
.story-route { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid #cbd2cb; border-bottom:1px solid #cbd2cb; margin-bottom:0; }
.story-route a { display:grid; grid-template-columns:22px 1fr; gap:10px; padding:25px 18px; }
.story-route a + a { border-left:1px solid #cbd2cb; }
.story-route span { color:var(--red); font-size:11px; padding-top:4px; }
.story-route b { font-size:19px; letter-spacing:-.5px; }
.story-route small { grid-column:2; color:var(--muted); font-size:11px; line-height:1.6; }
.story-route a:hover b { color:var(--red); }
.story-chapter { padding-top:85px; padding-bottom:85px; scroll-margin-top:20px; }
.story-tinted { background:#f4f6f3; }
.story-heading { max-width:920px; margin-bottom:44px; }
.story-heading > h2 { margin:23px 0; font-size:clamp(42px,4.8vw,68px); line-height:1.03; letter-spacing:-.055em; }
.story-heading > p:not(.eyebrow) { color:var(--muted); max-width:640px; font-size:17px; line-height:1.75; }
.story-chapter h3 { font-size:25px; line-height:1.2; letter-spacing:-.7px; }
.story-chapter p { line-height:1.75; }
.story-lead { display:grid; grid-template-columns:.8fr 1.3fr; gap:55px; align-items:center; margin-bottom:40px; }
.story-lead > div > p { color:var(--muted); font-size:15px; margin-top:20px; }
.story-lead > div > p + p { font-size:12px; }
.story-figure { margin:0; min-width:0; }
.story-figure img { display:block; width:100%; height:auto; }
.story-figure figcaption { font-size:11px; color:var(--muted); line-height:1.7; margin-top:13px; }
.story-trio { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.story-trio > article { background:white; border-top:2px solid #cbd2cb; padding:24px 22px; display:flex; flex-direction:column; }
.story-trio h3 { font-size:22px; }
.story-trio p { font-size:13px; color:var(--muted); margin-top:15px; margin-bottom:22px; }
.story-trio .story-figure { margin-top:auto; }
.story-trio .story-figure img { height:235px; object-fit:contain; }
.story-more { border-top:1px solid #bcc7bd; border-bottom:1px solid #bcc7bd; margin-top:28px; font-size:15px; }
.story-more + .story-more { margin-top:0; border-top:0; }
.story-more > summary { padding:22px 0; font-size:15px; font-weight:600; gap:20px; }
.story-more > summary::after { flex-shrink:0; }
.story-material-setup { display:grid; grid-template-columns:1fr 1fr; gap:35px; padding:12px 0 30px; }
.story-material-setup h3 { font-size:19px; margin:20px 0 12px; }
.story-material-setup p { font-size:13px; color:var(--muted); }
.story-assignment-pair { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.story-assignment-pair img { max-height:330px; object-fit:contain; object-position:top; }
.story-tool-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 30px; }
.story-tool-grid > article { padding:26px 0 30px; border-top:1px solid #cbd2cb; }
.story-tool-grid h3 { font-size:22px; margin:20px 0 14px; }
.story-tool-grid p { color:var(--muted); font-size:14px; }
.story-tool-image { height:42px; display:flex; align-items:center; }
.story-tool-image img { height:auto; width:auto; max-width:100%; max-height:42px; object-fit:contain; }
.story-work-plan { display:grid; grid-template-columns:1fr 1fr; gap:55px; padding-top:40px; margin-top:20px; border-top:1px solid #cbd2cb; align-items:center; }
.story-work-plan h3 { font-size:29px; margin:22px 0; }
.story-work-plan p { color:var(--muted); font-size:15px; }
.story-work-plan small { display:block; font-size:11px; color:var(--muted); line-height:1.7; margin-top:23px; }
.story-work-plan img { max-height:360px; object-fit:contain; }
.story-plan-benefits { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:25px; border-top:1px solid #cbd2cb; border-bottom:1px solid #cbd2cb; padding:24px 0; margin-bottom:40px; }
.story-plan-benefits b { display:block; font-size:18px; margin-bottom:10px; }
.story-plan-benefits span { display:block; color:var(--muted); font-size:13px; line-height:1.7; }
.story-subheading { margin:0 0 26px; max-width:760px; }
.story-subheading h3 { font-size:29px; margin-bottom:15px; }
.story-subheading p { font-size:15px; color:var(--muted); }
.story-plan-demo .stage { background:white; }
.story-plan-demo .step-list { align-self:start; }
.story-comparison { padding-bottom:25px; }
.story-comparison .compare-hint { margin:0 0 20px; }
.story-comparison .compare-images { background:white; }
.story-wall { padding:0 0 25px; border-top:0; }
.story-wall .wall-pair figure { background:white; }
.story-video { padding-top:48px; }
.story-sync { border-left:3px solid var(--red); padding:26px 30px; margin-top:30px; background:white; }
.story-sync > b { display:block; font-size:24px; letter-spacing:-.5px; }
.story-sync > b span { color:var(--red); padding:0 16px; }
.story-sync p { color:var(--muted); font-size:14px; margin-top:17px; max-width:900px; }
.story-sync small { display:block; font-size:11px; color:var(--muted); line-height:1.8; margin-top:12px; }
.story-export-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.story-export-grid > article { border-top:2px solid var(--red); padding-top:20px; }
.story-export-grid .story-figure { height:300px; padding:15px; background:#f0f3ef; display:flex; align-items:center; justify-content:center; }
.story-export-grid .story-figure a { display:block; height:100%; width:100%; }
.story-export-grid img { object-fit:contain; height:100%; }
.story-export-grid h3 { font-size:24px; margin:25px 0 16px; }
.story-export-grid p { font-size:14px; color:var(--muted); }
.story-platform-note { margin-top:30px; font-size:11px; color:var(--muted); }
@media(max-width:1100px) { .header nav { gap:15px; } .header nav a { font-size:11px; } .story-lead { gap:30px; } .story-trio { gap:16px; } .story-trio > article { padding:20px 16px; } .story-trio .story-figure img { height:190px; } }
@media(max-width:900px) { .header nav { display:none; } .story-tool-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .story-route a { padding:22px 12px; } .story-route small { grid-column:1/-1; } .story-material-setup { grid-template-columns:1fr; } }
@media(max-width:720px) {
 .story-route { grid-template-columns:1fr 1fr; }
 .story-route a { padding:18px 12px; }
 .story-route a:nth-child(3) { border-left:0; }
 .story-route a:nth-child(n+3) { border-top:1px solid #cbd2cb; }
 .story-route b { font-size:18px; }
 .story-route small { font-size:10px; }
 .story-chapter { padding-top:52px; padding-bottom:52px; }
 .story-heading { margin-bottom:30px; }
 .story-heading > h2 { font-size:42px; }
 .story-heading > p:not(.eyebrow) { font-size:15px; }
 .story-lead, .story-trio, .story-work-plan, .story-export-grid { grid-template-columns:1fr; gap:27px; }
 .story-lead { display:flex; flex-direction:column; align-items:stretch; }
 .story-trio > article { padding:24px; }
 .story-trio .story-figure img { height:245px; }
 .story-chapter h3 { font-size:24px; }
 .story-tool-grid { grid-template-columns:1fr; }
 .story-tool-grid > article { display:grid; grid-template-columns:42px 1fr; gap:12px 17px; padding:24px 0; }
 .story-tool-grid h3 { margin:0; font-size:22px; }
 .story-tool-grid p { grid-column:2; }
 .story-tool-image { height:auto; align-self:start; }
 .story-tool-image img { max-height:38px; }
 .story-work-plan { padding-top:30px; margin-top:10px; }
 .story-plan-benefits { grid-template-columns:1fr 1fr; gap:24px 20px; padding:22px 0; }
 .story-plan-benefits b { font-size:16px; }
 .story-plan-benefits span { font-size:12px; }
 .story-subheading h3 { font-size:25px; }
 .story-more > summary { font-size:14px; line-height:1.6; padding:19px 0; }
 .story-assignment-pair { gap:15px; }
 .story-assignment-pair h3 { font-size:17px; }
 .story-assignment-pair p { font-size:12px; }
 .story-video { padding-top:35px; }
 .story-sync { padding:22px; }
 .story-sync > b { font-size:20px; }
 .story-sync > b span { padding:0 7px; }
 .story-export-grid .story-figure { height:290px; }
 .story-export-grid > article + article { margin-top:14px; }
}

/* Keep the drawing-area zones and handles legible in the portrait capture. */
.story-work-plan { grid-template-columns:.85fr 1.15fr; }
.story-work-plan img { max-height:640px; }
@media(max-width:720px) { .story-work-plan { grid-template-columns:1fr; } .story-work-plan img { max-height:none; } }

/* Three short workflow films above the companion modeling tools. */
.story-demo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; margin-bottom:34px; }
.story-demo-card h3 { font-size:23px; margin:22px 0 14px; }
.story-demo-card > p { font-size:14px; color:var(--muted); }
.story-demo-placeholder { aspect-ratio:16/10; background:#f1f4f0; border:1px solid #d4dcd3; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:22px; padding:20px; }
.story-demo-placeholder img { width:auto; height:44px; object-fit:contain; }
.story-demo-placeholder span { font-size:9px; letter-spacing:.1em; color:var(--muted); text-align:center; }
.story-companion-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media(max-width:900px) { .story-demo-grid { gap:18px; } .story-demo-card h3 { font-size:21px; } .story-demo-card > p { font-size:13px; } }
@media(max-width:720px) { .story-demo-grid, .story-companion-grid { grid-template-columns:1fr; } .story-demo-grid { gap:30px; } .story-demo-card h3 { margin:18px 0 12px; } .story-demo-placeholder { aspect-ratio:16/9; } }

.story-demo-media { aspect-ratio:16/10; background:white; border:1px solid #d4dcd3; }
.story-demo-media video { display:block; width:100%; height:100%; object-fit:contain; background:white; }
@media(max-width:720px) { .story-demo-media { aspect-ratio:16/10; } }

.beta-price-preview { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:32px; padding:26px 30px; margin:0 0 28px; border:1px solid #cbd2cb; background:white; }
.beta-price-preview .eyebrow { font-size:10px; margin:0 0 14px; }
.beta-price-amount { font-size:38px; letter-spacing:-1.5px; line-height:1.2; margin:0; }
.beta-price-amount span { font-size:15px; letter-spacing:0; color:var(--muted); white-space:nowrap; }
.beta-price-preview small { display:block; margin-top:10px; color:var(--muted); font-size:11px; line-height:1.6; }
.beta-purchase-status { border-left:2px solid var(--red); padding-left:24px; }
.beta-purchase-status b { font-size:17px; line-height:1.5; }
.beta-purchase-status p { font-size:13px; color:var(--muted); line-height:1.7; margin-top:9px; }
@media(max-width:720px) { .beta-price-preview { grid-template-columns:1fr; padding:24px; gap:24px; } .beta-price-amount { font-size:34px; } .beta-purchase-status { padding-left:17px; } }

.beta-seat-price + .beta-seat-price { margin-top:18px; padding-top:16px; border-top:1px solid #e0e5de; }
.beta-seat-price > span { display:block; font-size:12px; color:var(--muted); margin-bottom:6px; }

.beta-price-top { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:20px; }
.beta-price-top .eyebrow { margin:0; }
.beta-currency { display:flex; border:1px solid #cbd2cb; padding:3px; gap:3px; }
.beta-currency button { padding:6px 9px; border:0; background:transparent; color:var(--muted); font:inherit; font-size:11px; cursor:pointer; }
.beta-currency button[aria-pressed="true"] { background:var(--ink); color:white; }
.beta-price-amount .beta-price-value { font-size:inherit; color:var(--ink); letter-spacing:inherit; }
.beta-extra-seats { margin-top:15px; font-size:13px; color:var(--muted); line-height:1.7; }

.story-demo-media { cursor:pointer; }
.story-demo-media:focus-visible { outline:2px solid var(--red); outline-offset:4px; }
.story-demo-media video::-webkit-media-controls { display:none !important; }

.beta-platform .beta-download-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 24px;margin:16px 0 12px;font-size:14px;line-height:1.5}.beta-download-meta strong{font-weight:600}.beta-download-meta a{text-decoration:underline;text-underline-offset:3px}.beta-download-meta a:hover{color:#ad2928}[id^="release-notes-"]{scroll-margin-top:100px}