*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#101113;color:#f2f1ee;font-family:"Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif}
button,a{font:inherit}button{cursor:pointer}a{color:inherit}img{display:block;max-width:100%}
.study-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:25px;min-height:65px;padding:10px clamp(18px,3vw,48px);border-bottom:1px solid #35383a;background:#141517f2;backdrop-filter:blur(12px)}
.study-label{flex:0 0 auto;line-height:1.35}.study-label span{display:block;color:#aeb1b1;font-size:10px;letter-spacing:.15em}.study-label strong{font-size:14px;letter-spacing:.03em}
.study-switch{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin}.study-switch button{flex:0 0 auto;padding:8px 13px;border:1px solid #404347;border-radius:9px;background:transparent;color:#c8c9c8;font-size:12px;white-space:nowrap}.study-switch button[aria-selected=true]{border-color:#d94b4d;background:#d94b4d;color:#fff}
.study-bar>small{margin-left:auto;color:#8f9293;font-size:11px;white-space:nowrap}
.draft{display:none;min-height:100vh;background:#101113;color:#f2f1ee}.draft.active{display:block}
.page-shell{width:min(100%,1580px);margin:auto;padding:0 clamp(18px,4vw,70px) 65px}
.site-header{display:flex;align-items:center;gap:26px;min-height:78px;border-bottom:1px solid #343638}
.logo{display:flex;align-items:center;width:205px;min-height:47px;flex:0 0 auto}.logo .hero-brand{display:flex;align-items:end;gap:4px;width:100%;margin:0}.logo .hero-hanabi{width:73%;height:auto}.logo .hero-board{width:24%;height:auto;margin-bottom:3px}
.site-nav{display:flex;align-items:center;gap:32px;margin-left:auto}.site-nav a{text-decoration:none;color:#d5d6d5;font-size:13px}.site-nav a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
.site-version{padding-left:24px;border-left:1px solid #44474a;color:#b9bcbc;font-size:11px;font-weight:700;letter-spacing:.12em;white-space:nowrap}
.eyebrow{color:#b9bcbd;font-size:11px;font-weight:700;letter-spacing:.16em}.eyebrow span{margin:0 5px;color:#dc5557}
.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:40px;margin-top:22px;padding:39px;border:1px solid #383b3e;border-radius:24px;background:#1d1f21}
.hero-copy{min-width:0}.hero h1{max-width:15ch;margin:14px 0 23px;font-size:clamp(35px,3.6vw,55px);line-height:1.23;letter-spacing:-.05em;text-wrap:balance}
.manifesto{max-width:68ch;padding-top:16px;border-top:1px solid #44474a;color:#d9dcdb;font-size:14px;line-height:1.8}.manifesto p{margin:0 0 12px}.manifesto p:last-child{margin-bottom:0}
.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:24px}.hero-actions>span{color:#9c9fa0;font-size:11px;letter-spacing:.08em}
.download{min-width:207px;padding:13px 22px;border:0;border-radius:10px;background:#e74749;color:#fff;text-align:left;line-height:1.45}.download small{display:block;font-size:11px}.download strong{display:block;font-size:17px}.download strong span{padding-left:14px}
.hero-visual{min-width:0;margin:0;overflow:hidden;border-radius:18px;background:#181a1c}.hero-visual img{width:100%;max-height:590px;object-fit:contain}.hero-visual figcaption{padding:10px 13px;color:#aeb0b1;font-size:10px;letter-spacing:.05em}
.features{margin-top:24px;padding:29px;border:1px solid #383b3e;border-radius:22px;background:#1b1d20}.section-head{margin-bottom:21px}.section-head h2{margin:8px 0 5px;font-size:clamp(28px,2.5vw,38px);line-height:1.2;letter-spacing:-.04em}.section-head p{margin:0;color:#aeb0b1;font-size:13px}
.feature-stage{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.88fr);gap:13px;align-items:stretch}.lead-feature,.side-feature{min-width:0;border:1px solid #393d40;border-radius:15px;background:#282b2e}
.lead-feature{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:20px;padding:22px}.lead-copy{min-width:0}.feature-tag{color:#e77575;font-size:11px;font-weight:700;letter-spacing:.06em}.lead-feature h3{margin:12px 0;font-size:clamp(25px,2.25vw,34px);line-height:1.25;letter-spacing:-.04em}.lead-feature p{margin:0;color:#c5c8c8;font-size:14px;line-height:1.75}.lead-details{margin-top:20px;padding-top:12px;border-top:1px solid #45484b;color:#aeb1b1;font-size:11px;line-height:1.6}.lead-details span{margin:0 4px}
.lead-media{min-width:0;overflow:hidden;border-radius:10px;background:#17191b}.lead-media img{width:100%;height:263px;object-fit:contain}
.side-features{display:grid;grid-template-rows:1fr 1fr;gap:13px;min-width:0}.side-feature{display:grid;grid-template-columns:minmax(0,1fr) 43%;align-items:center;gap:13px;padding:13px}.side-feature span{color:#aaadae;font-size:10px;letter-spacing:.08em}.side-feature h3{margin:8px 0 5px;font-size:17px;line-height:1.35}.side-feature p{margin:0;color:#bec1c2;font-size:12px;line-height:1.55}.side-feature img{width:100%;height:117px;border-radius:8px;background:#161719;object-fit:cover}
/* Depth belongs to the image wells; text surfaces stay solid and readable. */
.lead-media,.side-demo{position:relative;isolation:isolate;overflow:hidden;background:#17191b}
.lead-media{display:flex;align-items:center;justify-content:center;height:240px}
.side-demo{height:117px;border-radius:9px}
.lead-media>.scene-bg,.side-demo>.scene-bg{position:absolute;z-index:0;inset:-14px;width:calc(100% + 28px);height:calc(100% + 28px);max-width:none;border:0;border-radius:0;object-fit:cover;object-position:center;filter:blur(7px) brightness(.62);transform:scale(1.06);pointer-events:none}
.lead-media:before,.side-demo:before{content:"";position:absolute;z-index:1;inset:0;background:#11141850;pointer-events:none}
.lead-media>.focus-img{position:relative;z-index:2;width:92%;height:auto;max-height:88%;object-fit:contain;filter:drop-shadow(0 17px 19px #000d)}
.side-demo--drop .drop-target{position:absolute;z-index:2;left:50%;top:46%;width:34px;height:34px;margin:-17px 0 0 -17px;border:2px solid #ed5255;border-radius:50%;box-shadow:0 0 0 7px #df44482c;animation:drop-pulse 4s ease-in-out infinite}
.side-demo--drop .drop-sheet{position:absolute;z-index:3;left:21%;top:16%;width:65%;height:70%;border:1px solid #e7e7e7;border-radius:5px;background:#fff;object-fit:cover;box-shadow:0 10px 22px #000c;animation:drop-sheet 4s ease-in-out infinite}
.side-demo--drop small{position:absolute;z-index:4;left:7px;bottom:6px;padding:3px 6px;border-radius:4px;background:#131619dd;color:#fff;font-size:9px;white-space:nowrap}
.side-demo--blur .blur-focus{position:absolute;z-index:2;left:8%;top:5%;width:84%;height:84%;border:1px solid #b9babc;border-radius:6px;object-fit:cover;box-shadow:0 10px 22px #000c}
.blur-control{position:absolute;z-index:3;right:7px;bottom:6px;left:7px;display:flex;align-items:center;gap:6px;padding:4px 6px;border:1px solid #42464b;border-radius:5px;background:#171a1df0;color:#f5f5f5;font-size:9px;white-space:nowrap}
.blur-control i{position:relative;height:3px;flex:1;border-radius:3px;background:#45494c}
.blur-control i:before{content:"";position:absolute;top:0;bottom:0;left:0;width:75%;border-radius:3px;background:#ec5458;animation:blur-level 4s ease-in-out infinite}
.blur-control b{font-weight:600}
@keyframes drop-sheet{0%,13%{transform:translate(-78px,-25px) scale(.52) rotate(-6deg);opacity:.56}40%,84%{transform:translate(0,0) scale(1) rotate(0);opacity:1}100%{transform:translate(-78px,-25px) scale(.52) rotate(-6deg);opacity:.56}}
@keyframes drop-pulse{0%,19%{opacity:.55}42%,80%{opacity:0}100%{opacity:.55}}
@keyframes blur-level{0%,12%{width:12%}50%,85%{width:75%}100%{width:12%}}
@media(prefers-reduced-motion:reduce){.side-demo--drop .drop-sheet,.side-demo--drop .drop-target,.blur-control i:before{animation:none}.side-demo--drop .drop-target{opacity:0}}
.releases{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:30px;margin-top:24px;padding:28px;border-top:1px solid #383b3e;color:#e9ebea}.releases h2{margin:7px 0 8px;font-size:28px}.releases p{margin:0;color:#afb1b1;font-size:13px;line-height:1.8}.release-tabs{display:flex;gap:7px;overflow-x:auto;margin-bottom:17px}.release-tabs span{flex:0 0 auto;padding:7px 12px;border:1px solid #414549;border-radius:8px;color:#aeb0b1;font-size:12px}.release-tabs .selected{border-color:#e15d5e;color:#fff}.release-content strong{display:block;margin-bottom:8px;font-size:18px}
.draft-caption{display:flex;gap:15px;margin-top:15px;color:#878b8c;font-size:11px;line-height:1.6}.draft-caption b{color:#c5c7c7}

/* 01 — the working editor. The actual dark workspace takes the right page. */
.d01 .hero{grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);background:#202326}
.d01 .hero-visual{border:1px solid #3d4145}
.d01 .feature-stage{grid-template-columns:minmax(0,1.7fr) minmax(0,.78fr)}
.d01 .lead-feature{background:#232629}

/* 02 — a clean layout with loose red, white, and ink strokes. */
.d02 .hero{position:relative;isolation:isolate;gap:clamp(34px,4vw,62px);padding:clamp(30px,3.2vw,48px);background:#1d1f21}
.d02 .hero-copy,.d02 .hero-visual{position:relative;z-index:1}
.d02 .hero h1{margin-bottom:24px;font-size:clamp(37px,3.55vw,53px)}
.d02 .manifesto{padding-top:19px;line-height:1.84}
.d02 .manifesto p:first-child{color:#f2f1ee}
.d02 .manifesto p:not(:first-child){color:#c3c6c5}
.d02 .manifesto p+p{margin-top:16px}
.d02 .hero-visual--brand{position:relative;overflow:visible;padding:0;border-radius:17px;background:#cf282e;box-shadow:0 22px 46px #0007;transform:rotate(1deg)}
.d02 .hero-visual--brand:after{content:"";position:absolute;z-index:2;inset:-25px -26px -19px -27px;background:url("assets/rough-picture-marks.svg") center/100% 100% no-repeat;pointer-events:none}
.d02 .hero-visual--brand img{width:100%;max-height:none;border-radius:17px 17px 0 0;background:#cf282e;object-fit:contain}
.d02 .hero-visual--brand figcaption{display:flex;justify-content:space-between;padding:10px 15px;border-radius:0 0 17px 17px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.12em}
.d02 .hero-visual--brand figcaption span:last-child{font-size:17px;line-height:10px}
.d02 .hero h1{position:relative}.d02 .hero h1:after{content:"";display:block;width:min(100%,460px);height:45px;margin:1px 0 -8px -13px;background:url("assets/rough-title-marks.svg") center/100% 100% no-repeat;pointer-events:none}
.d02 .hero .eyebrow,.d02 .section-head .eyebrow{color:#f07476}
.d02 .feature-tag{color:#fff}
.d02 .download{position:relative;background:#ec3f43;box-shadow:7px 8px 0 #8b2025;transform:rotate(-1deg);transition:transform .2s,box-shadow .2s}
.d02 .download:after{content:"";position:absolute;inset:-19px -36px -35px -21px;background:url("assets/rough-button-frame.svg") center/100% 100% no-repeat;pointer-events:none}
.d02 .download:hover{transform:translate(3px,3px) rotate(-1deg);box-shadow:4px 5px 0 #8b2025}
.d02 .hero-actions{gap:32px}
.d02 .lead-feature{position:relative;overflow:visible;border-color:#d74447;background:#b82d32}
.d02 .lead-feature:after{content:"";position:absolute;z-index:2;inset:-13px -16px -12px -17px;background:url("assets/rough-feature-marks.svg") center/100% 100% no-repeat;pointer-events:none}
.d02 .lead-feature p,.d02 .lead-details{color:#fff0ef}.d02 .lead-details{border-top-color:#ffffff67}
.d02 .lead-media{box-shadow:7px 7px 0 #7f2024}
.d02 .side-feature{border-color:#494044;background:#262124}
.d02 .side-feature:first-child{transform:rotate(-.5deg) translateX(2px)}.d02 .side-feature:last-child{transform:rotate(.45deg) translateX(-2px)}
.d02 .side-feature h3{color:#fff}.d02 .side-feature span{color:#f47a7d}
.d02 .section-head h2{font-weight:800}.d02 .section-head h2:after{content:"↗";display:inline-block;margin-left:9px;color:#ee5559;font-size:.7em;transform:rotate(-9deg)}
.d02 .release-tabs .selected{background:#cd383d;border-color:#cd383d}
.d02 .features{margin-top:30px;padding:12px 0 0;border:0;background:transparent}
.d02 .section-head{margin-bottom:18px}
.d02 .section-head h2{font-size:clamp(21px,1.65vw,25px);font-weight:650;letter-spacing:-.025em}
.d02 .section-head p{display:none}
.d02 .feature-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.d02 .lead-feature{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);padding:25px}
.d02 .lead-feature h3{max-width:10ch;font-size:clamp(32px,2.7vw,42px);font-weight:850}
.d02 .lead-media{height:260px}
.d02 .lead-media>.scene-bg{filter:blur(7px) brightness(.53)}
.d02 .tv-feature{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:20px;min-width:0;padding:25px;border:1px solid #d74447;border-radius:15px;background:#b82d32}
.d02 .tv-copy{min-width:0}.d02 .tv-feature .feature-tag{color:#fff}.d02 .tv-feature h3{margin:12px 0;font-size:clamp(32px,2.7vw,42px);line-height:1.25;letter-spacing:-.04em;font-weight:850}
.d02 .tv-feature p{margin:0;color:#fff0ef;font-size:14px;line-height:1.75}.d02 .tv-details{margin-top:20px;padding-top:12px;border-top:1px solid #ffffff67;color:#fff0ef;font-size:11px;line-height:1.6}.d02 .tv-details span{margin:0 4px}
.d02 .tv-media{position:relative;isolation:isolate;display:grid;place-items:center;height:260px;min-width:0;overflow:hidden;border-radius:10px;background:#17191b;box-shadow:7px 7px 0 #161315}
.d02 .tv-media>.scene-bg{position:absolute;inset:-14px;width:calc(100% + 28px);height:calc(100% + 28px);max-width:none;object-fit:cover;filter:blur(7px) brightness(.46);transform:scale(1.06)}
.d02 .tv-screen{position:relative;display:grid;place-items:center;width:88%;max-height:82%;aspect-ratio:16/10;overflow:hidden;border:5px solid #111214;border-radius:12px;background:#0b0b0c;box-shadow:0 15px 30px #000b}
.d02 .tv-screen>img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.d02 .tv-subtitle{position:absolute;bottom:16%;left:5%;right:5%;color:#fff;font-size:clamp(9px,.8vw,13px);text-align:center;text-shadow:0 1px 3px #000,0 2px 7px #000}
.d02 .tv-play{position:absolute;left:9px;bottom:7px;padding:3px 6px;border-radius:4px;background:#111a;color:#fff;font-size:9px;letter-spacing:.04em}
.d02 .side-features{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:15px}
.d02 .side-feature{min-height:145px}

/* 03 — manifesto as a wide editorial strip, then a panoramic editor image. */
.d03 .hero{display:block;padding:38px;background:#1e2022}
.d03 .hero-copy{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);grid-template-areas:"eyebrow eyebrow" "heading manifesto" "actions manifesto";gap:0 45px;align-items:start}
.d03 .hero-copy>.eyebrow{grid-area:eyebrow}.d03 .hero h1{grid-area:heading;max-width:13ch;margin:18px 0}.d03 .manifesto{grid-area:manifesto;margin-top:15px}.d03 .hero-actions{grid-area:actions;margin-top:4px}
.d03 .hero-visual{margin-top:33px;border:1px solid #414549}.d03 .hero-visual img{max-height:410px}
.d03 .feature-stage{grid-template-columns:1fr}.d03 .lead-feature{grid-template-columns:.85fr 1.15fr}.d03 .side-features{grid-template-columns:1fr 1fr;grid-template-rows:auto}

/* 04 — the creator's drawing and a text page, with generous inner margins. */
.d04 .hero{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:42px;padding:30px;background:#191b1d}
.d04 .hero-visual{grid-column:1;grid-row:1;padding:10px;background:#f5f4f0}.d04 .hero-visual img{border-radius:10px;background:#fff}.d04 .hero-visual figcaption{color:#626668}
.d04 .hero-copy{grid-column:2;grid-row:1;padding:14px 8px}
.d04 .hero h1{font-size:clamp(34px,3.1vw,49px)}
.d04 .feature-stage{grid-template-columns:1fr}.d04 .side-features{grid-template-columns:1fr 1fr;grid-template-rows:auto}

/* 05 — a restrained screening card. No colored decoration around the UI. */
.d05 .hero{display:block;padding:37px 38px 28px;background:#1c1e20}
.d05 .hero-copy{text-align:center}.d05 .hero h1{max-width:none;margin:13px auto 22px;font-size:clamp(34px,3.45vw,53px)}
.d05 .manifesto{max-width:870px;margin:auto;text-align:left}.d05 .hero-actions{justify-content:center}
.d05 .hero-visual{margin:29px auto 0;max-width:1200px;padding:9px;border:1px solid #3d4144;background:#151719}.d05 .hero-visual img{max-height:540px}
.d05 .features{padding:28px 0;border-left:0;border-right:0;border-radius:0;background:transparent}
.d05 .lead-feature,.d05 .side-feature{background:#222528}

/* 06 — one software window, with the workspace given equal status. */
.d06 .hero{position:relative;gap:0;padding:35px 0 0;border-color:#4a4d50;background:#222528;box-shadow:0 20px 45px #0004}
.d06 .hero:before{content:"";position:absolute;top:13px;left:18px;width:6px;height:6px;border-radius:50%;background:#777b7c;box-shadow:13px 0 #777b7c,26px 0 #777b7c}
.d06 .hero-copy{align-self:stretch;padding:27px 32px 32px}.d06 .hero h1{font-size:clamp(35px,3.25vw,50px)}
.d06 .hero-visual{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:11px;border-left:1px solid #44484a;border-radius:0 0 22px 0;background:#17191b}
.d06 .hero-visual img{border-radius:9px}
.d06 .feature-stage{grid-template-columns:1fr}.d06 .lead-feature{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.d06 .side-features{grid-template-columns:1fr 1fr;grid-template-rows:auto}

@media(max-width:1050px){
  .study-bar>small{display:none}
  .hero,.d01 .hero,.d02 .hero,.d04 .hero,.d06 .hero{grid-template-columns:1fr}
  .d04 .hero-visual,.d04 .hero-copy{grid-column:auto;grid-row:auto}.d04 .hero-copy{order:0}.d04 .hero-visual{order:1}
  .d06 .hero-visual{border-left:0;border-top:1px solid #44484a;border-radius:0 0 22px 22px}
  .feature-stage,.d01 .feature-stage{grid-template-columns:1fr}
  .d02 .feature-stage{grid-template-columns:1fr}
  .d02 .side-features{grid-template-columns:repeat(2,minmax(0,1fr))}
  .side-features{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .d03 .hero-copy{grid-template-columns:1fr;grid-template-areas:"eyebrow" "heading" "manifesto" "actions"}.d03 .hero h1{max-width:none}.d03 .hero-actions{margin-top:24px}
}
@media(max-width:650px){
  .study-bar{flex-wrap:wrap;gap:8px;padding:10px 14px}.study-label strong{font-size:12px}.study-switch{width:100%}
  .page-shell{padding:0 13px 45px}.site-header{min-height:66px;gap:10px;flex-wrap:wrap;padding:8px 0}.logo{width:170px}.site-nav{order:3;display:flex;width:100%;gap:22px;margin-left:0;padding:0 0 8px}.site-nav a{font-size:12px}.site-version{margin-left:auto;padding-left:10px;font-size:9px}
  .hero,.d03 .hero,.d04 .hero,.d05 .hero,.d06 .hero{margin-top:13px;padding:20px;border-radius:20px}
  .d02 .hero{padding:20px;gap:22px}
  .d02 .hero{display:flex;flex-direction:column;align-items:stretch;gap:0}.d02 .hero-copy{display:contents}
  .d02 .hero-copy>.eyebrow{order:0}.d02 .hero h1{order:1}.d02 .hero-visual--brand{order:2;width:100%;margin:3px 2px 23px;transform:rotate(.6deg)}.d02 .hero-visual--brand:after{inset:-14px -10px -13px -12px}.d02 .hero-visual--brand img{max-height:none}
  .d02 .manifesto{order:3}.d02 .hero-actions{order:4}
  .hero h1,.d03 .hero h1,.d04 .hero h1,.d05 .hero h1,.d06 .hero h1{max-width:15ch;font-size:36px;margin:12px 0 19px;text-align:left}
  .d02 .hero h1{font-size:36px}
  .manifesto{font-size:13px;line-height:1.78}.hero-actions{gap:14px}.hero-visual{margin-top:6px}.hero-visual img{max-height:380px}.d03 .hero-visual,.d05 .hero-visual{margin-top:26px}
  .d02 .manifesto{font-size:13px}
  .d04 .hero-copy,.d06 .hero-copy{padding:0}.d06 .hero{padding-top:34px}.d06 .hero-visual{margin:21px -20px -20px;padding:10px}.d05 .hero-copy{text-align:left}
  .features{margin-top:14px;padding:18px;border-radius:18px}.section-head{margin-bottom:16px}.section-head h2{font-size:27px}
  .feature-stage,.d03 .feature-stage,.d04 .feature-stage,.d06 .feature-stage{display:block}.lead-feature,.d03 .lead-feature,.d06 .lead-feature{display:block;padding:17px}.lead-feature h3{font-size:27px}.lead-feature p{font-size:13px}.lead-media{margin-top:17px}.lead-media img{height:185px}
  .lead-media,.d02 .lead-media{height:122px}.lead-media img,.d02 .lead-media img{height:auto}
  .d02 .lead-feature{display:block;padding:17px}.d02 .lead-feature h3{font-size:28px}
  .d02 .tv-feature{display:block;padding:17px}.d02 .tv-feature h3{font-size:28px}.d02 .tv-feature p{font-size:13px}.d02 .tv-media{height:122px;margin-top:17px}
  .d02 .lead-feature:after{inset:-12px -8px -12px -10px}
  .side-features,.d03 .side-features,.d04 .side-features,.d06 .side-features{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}.side-feature{grid-template-columns:minmax(0,1fr) 39%;padding:10px}.side-feature img{height:85px}
  .d02 .side-features{grid-template-columns:1fr}
  .side-demo{height:95px}
  .releases{grid-template-columns:1fr;gap:14px;margin-top:13px;padding:22px 5px}.draft-caption{display:block}.draft-caption span{display:block}
}

/* The landing follows design 02; the existing manual remains below it. */
body{background:#101113;line-height:1.85}
main#main{width:100%;max-width:none;margin:0;padding:0}
.draft.active{min-height:0}
.draft .page-shell{padding-bottom:0}
.d02 .hero-actions a.download{display:block;color:#fff;text-decoration:none}
.update-download-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:13px;padding:12px 15px;border:1px solid #566052;border-radius:12px;background:#202620}
.update-download-bar div{display:grid;gap:3px}.update-download-bar b{color:#f0f2ed;font-size:14px}.update-download-bar small{color:#b6c2b3;font-size:12px;line-height:1.5}
.update-download-bar a{flex:none;padding:9px 13px;border:1px solid #b6da84;border-radius:8px;background:#a8d473;color:#172017;font-size:13px;font-weight:800;text-decoration:none}
.update-download-bar a:hover,.update-download-bar a:focus-visible{background:#c6ed94;outline-color:#dcffa8}
.release-update-note{margin:8px 0 20px;padding:13px 16px;border-left:3px solid #d5524e;border-radius:0 9px 9px 0;background:#242526;color:#d5d9d1;font-size:13px;line-height:1.7}.release-update-note b{color:#ffbab2}
@media(max-width:760px){.update-download-bar{align-items:stretch;flex-direction:column;gap:10px}.update-download-bar a{text-align:center}}
.d02 .hero-visual--brand figcaption{background:#cf282e;border-top:0}
.d02 .release-tabs a{flex:0 0 auto;padding:7px 12px;border:1px solid #414549;border-radius:8px;color:#aeb0b1;font-size:12px;text-decoration:none}
.d02 .release-tabs a:hover{color:#fff;border-color:#e15d5e}
.d02 .release-tabs a.selected{border-color:#cd383d;background:#cd383d;color:#fff}
.manual-content{width:min(100%,1580px);margin:auto;padding:0 clamp(18px,4vw,70px) 38px;line-height:1.85}
.manual-entry{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0 6px;border-top:1px solid #343638}
.manual-entry h2{margin:5px 0;font-size:clamp(24px,2vw,31px)}
.manual-entry p{margin:0;color:#aeb0b1;font-size:13px}
.manual-entry button{padding:8px 15px;border:1px solid #575b5d;border-radius:9px;background:#232629;color:#f2f1ee;font-size:13px}
#sidebar{display:none;top:0;z-index:80;box-shadow:20px 0 50px #0009}
#sidebar.open{display:flex}
.skip-link{z-index:100}
@media(max-width:650px){.manual-content{padding:0 13px 30px}.manual-entry{padding:24px 0 0}.manual-entry button{flex:none}}