:root{color-scheme:dark;--ink:#f3f2ed;--muted:#a9a9a9;--dim:#747474;--bg:#121313;--line:rgba(255,255,255,.13);--accent:#f7a879;--ease:cubic-bezier(.22,.8,.22,1);font-family:"Avenir Next","SF Pro Display",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;cursor:pointer}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{color:#111;background:var(--accent)}.skip{position:fixed;z-index:200;left:16px;top:12px;padding:10px 18px;background:var(--ink);color:#111;border-radius:8px;transform:translateY(-180%)}.skip:focus{transform:none}.site-header{height:82px;position:absolute;top:0;left:0;right:0;z-index:20;max-width:1760px;margin:auto;padding:0 clamp(24px,4vw,76px);display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:650;letter-spacing:-.8px;font-size:23px}.brand img{width:32px;height:32px;border-radius:8px}.site-header nav{display:flex;align-items:center;gap:clamp(20px,2.5vw,42px);font-size:14px}.site-header nav>a:not(.nav-download){color:#c5c5c5;transition:color .2s}.site-header nav>a:hover{color:#fff}.nav-download{display:inline-flex;align-items:center;gap:20px;background:rgba(255,255,255,.075);border:1px solid var(--line);border-radius:24px;padding:8px 17px;transition:background .25s,transform .25s}.nav-download:hover{background:rgba(255,255,255,.16);transform:translateY(-2px)}.nav-download svg{width:15px}.eyebrow{display:flex;gap:10px;align-items:center;margin:0 0 24px;font-size:12px;letter-spacing:.09em;color:var(--accent);font-weight:550}.tiny-orbit{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 20px #f7a87966}.hero{position:relative;isolation:isolate;max-width:1920px;margin:auto;min-height:100svh;padding:170px clamp(24px,5vw,100px) 100px;display:grid;grid-template-columns:.95fr 1.5fr;gap:30px;align-items:center;overflow:clip}.hero-copy{position:relative;z-index:3;padding-bottom:75px}.hero h1{margin:0;letter-spacing:-.05em;font-size:clamp(45px,4.5vw,86px);line-height:1.17;font-weight:650;white-space:nowrap}.hero h1 span{color:#acacac}.hero-description{font-size:clamp(17px,1.4vw,21px);line-height:1.9;color:#c0c0c0;letter-spacing:.015em;margin:28px 0 34px}.hero-actions,.ending-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:55px;border:1px solid transparent;padding:12px 24px;border-radius:28px;font-size:15px;font-weight:600;transition:transform .35s var(--ease),box-shadow .35s,background .25s}.button.solid{color:#171717;background:#f1f0e9}.button.solid:hover{transform:translateY(-3px);background:#fff;box-shadow:0 8px 30px #ffffff17}.button svg{width:18px}.button.secondary{border-color:#474747;background:transparent;color:var(--ink)}.button.secondary:hover{background:#ffffff0d;transform:translateY(-2px)}.text-link{display:inline-flex;align-items:center;gap:14px;font-size:13px;transition:color .25s}.text-link svg{width:16px;transition:transform .3s}.text-link:hover{color:var(--accent)}.text-link:hover svg{transform:translateX(4px)}.hero-meta{margin-top:24px;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:11px;color:#959595}.hero-light{position:absolute;z-index:-1;right:-18%;top:-30%;width:75%;height:130%;border-radius:50%;background:radial-gradient(ellipse at center,#df976e13 0,#deac8b08 26%,transparent 61%);filter:blur(14px);pointer-events:none}.hero-light:after{content:"";position:absolute;width:600px;height:600px;top:24%;right:33%;border:1px solid #f7a87910;border-radius:50%;box-shadow:0 0 0 50px #f7a87902,0 0 0 90px #f7a87902;transform:rotateX(55deg) rotateZ(-20deg)}.hero-product{margin:10px -160px 0 0;position:relative;z-index:2;transform:perspective(1800px) rotateY(-7deg) rotateX(3deg);transform-origin:0 50%;will-change:transform}.image-open{border:none;display:block;background:transparent;padding:0;width:100%;position:relative;cursor:zoom-in;border-radius:14px;text-align:left}.hero-product .image-open{border-radius:15px;overflow:hidden;box-shadow:0 20px 110px #0007,0 0 0 1px #ffffff20}.hero-product img{width:100%;height:auto}.hero-product figcaption{font-size:11px;color:#848484;padding:16px 4px;text-align:left;letter-spacing:.02em}.image-zoom{position:absolute;right:18px;bottom:18px;background:#191b1beb;backdrop-filter:blur(12px);color:#fff;border:1px solid #ffffff33;border-radius:20px;display:flex;gap:7px;align-items:center;padding:7px 12px;font-size:11px;opacity:0;transform:translateY(4px);transition:.25s}.image-open:hover .image-zoom,.image-open:focus-visible .image-zoom{opacity:1;transform:none}.image-zoom svg{width:13px;height:13px}.scroll-cue{position:absolute;bottom:30px;left:clamp(24px,5vw,100px);display:flex;align-items:center;gap:20px;color:#a7a7a7;font-size:11px}.scroll-cue svg{width:14px;animation:scroll-hint 3s infinite var(--ease)}@keyframes scroll-hint{0%,70%,100%{transform:translateY(0)}40%{transform:translateY(5px)}}
.journey{height:740svh;position:relative;border-top:1px solid #ffffff07}.story-stage{position:sticky;top:0;min-height:640px;height:100svh;overflow:clip;isolation:isolate;background:#121313}.stage-glow{position:absolute;z-index:-1;pointer-events:none;inset:-50% -25%;background:radial-gradient(ellipse at 55% 60%,#eab08611 0,transparent 40%);transform:translate3d(var(--glow-x,0px),var(--glow-y,0px),0)}.stage-orbit{position:absolute;z-index:-1;border:1px solid #fff08c08;right:-12vw;top:8vh;width:80vw;height:110vh;border-radius:50%;transform:rotate(-28deg) translateY(var(--orbit-y,0px));box-shadow:0 0 0 70px #ffffff01,0 0 0 140px #ffffff01;pointer-events:none}.stage-top{position:absolute;top:36px;left:clamp(24px,5vw,100px);right:clamp(24px,5vw,100px);display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#8c8c8c;z-index:8}.stage-wordmark{display:flex;gap:12px;align-items:center}.stage-wordmark i{display:block;width:2px;height:12px;background:#555555}.stage-count{font-variant-numeric:tabular-nums;letter-spacing:.12em}.stage-count b{color:var(--ink);font-weight:500}.story-slides{position:absolute;inset:80px clamp(24px,5vw,100px) 92px;max-width:1760px;margin:auto;perspective:1700px}.story-slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(300px,.73fr) minmax(0,1.55fr);gap:clamp(28px,4.5vw,85px);align-items:center;opacity:0;visibility:hidden;pointer-events:none;will-change:transform,opacity;transform-origin:center;scroll-margin-top:0}.story-slide.is-current{visibility:visible;opacity:1;pointer-events:auto}.story-copy{position:relative;z-index:2;max-width:420px}.story-copy .eyebrow{margin-bottom:28px;color:#ddaa88}.story-copy h2{font-weight:600;letter-spacing:-.045em;line-height:1.2;font-size:clamp(36px,3.4vw,64px);margin:0 0 26px;word-break:keep-all}.story-lead{font-size:16px;color:#c3c3c3;line-height:1.9;margin:0 0 24px;max-width:340px}.feature-points{list-style:none;padding:0;margin:0;color:#989898;font-size:13px;line-height:1.9;max-width:385px}.feature-points li{padding:6px 0 6px 15px;position:relative}.feature-points li:before{content:"";height:3px;width:3px;position:absolute;left:0;top:17px;background:#c8ab86;border-radius:50%}.story-foot{border-top:1px solid #ffffff13;padding-top:20px;margin:26px 0 0;display:flex;align-items:flex-start;gap:12px;font-size:11px;line-height:1.9;color:#878787;max-width:365px}.story-foot svg{width:15px;height:18px;color:#bababa;margin-top:2px}.story-visual{width:100%;margin:0;position:relative;max-height:100%;will-change:transform;transform:translate3d(0,var(--visual-y,0px),0) rotate(var(--visual-angle,0deg));transform-origin:center}.story-visual .image-open{border-radius:15px;overflow:hidden;box-shadow:0 24px 80px #0006,0 0 0 1px #ffffff29;background:#fff}.story-visual img{width:100%;height:auto;max-height:calc(100svh - 205px);object-fit:contain;object-position:top center}.story-visual figcaption{display:flex;justify-content:space-between;gap:18px;padding:14px 2px 0;font-size:10px;color:#808080;letter-spacing:.04em}.visual-wide{width:calc(100% + 4vw);max-width:1180px}.visual-portrait{justify-self:center;width:auto;max-width:540px;height:auto}.visual-portrait img{width:auto;max-height:calc(100svh - 214px);min-width:360px}.visual-monitor{max-width:1030px;justify-self:center}.visual-ai{max-width:980px;justify-self:center}.visual-monitor img,.visual-ai img{width:auto;max-width:100%;margin:auto}.ownership-statement{display:flex;gap:11px;align-items:flex-start;font-size:11px;line-height:1.9;color:#a3a3a3;max-width:375px;margin:24px 0 18px;border-top:1px solid #ffffff14;padding-top:18px}.ownership-statement svg{width:17px;margin-top:3px;color:#d5be99}.ownership-statement strong{color:#d6d6d6;display:block;font-weight:500}.story-link{display:inline-flex;align-items:center;gap:16px;color:#e2c2a1;font-size:12px}.story-link svg{width:15px}.chapter-nav{position:absolute;bottom:34px;left:clamp(24px,5vw,100px);right:clamp(24px,5vw,100px);display:flex;justify-content:center;align-items:center;gap:30px;z-index:8}.chapter-nav a{font-size:11px;color:#727272;position:relative;padding:8px 0;transition:color .25s}.chapter-nav a:before{content:"";display:block;position:absolute;left:0;right:0;bottom:0;height:1px;background:transparent;transition:background .25s}.chapter-nav a[aria-current]{color:#ede5d7}.chapter-nav a[aria-current]:before{background:#d7b289}.chapter-nav a:hover{color:#e7c6a9}.chapter-progress{height:1px;position:absolute;bottom:-14px;left:0;right:0;background:#ffffff0f;overflow:hidden}.chapter-progress i{display:block;height:100%;width:100%;transform-origin:left;background:linear-gradient(90deg,#f7a879,#c6c6c6);transform:scaleX(var(--story-progress,0))}
.ending{position:relative;isolation:isolate;min-height:85svh;padding:160px 5vw 110px;text-align:center;overflow:clip;background:#171717}.ending .eyebrow{justify-content:center;color:#b2b2b2}.ending h2{font-size:clamp(42px,5vw,80px);font-weight:600;line-height:1.25;letter-spacing:-.05em;margin:0}.ending h2 span{color:#c1c1c1}.ending>p:not(.eyebrow){color:#999999;font-size:15px;line-height:1.9;margin:26px 0}.ending-actions{justify-content:center;gap:28px;margin-top:30px}.ending .download-state{font-size:11px!important;color:#727272!important;margin-top:20px!important}.ending-light{pointer-events:none;position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 50% 110%,#c2c2c212,transparent 60%)}.ending-signature{font-size:clamp(120px,24vw,420px);line-height:.8;margin:100px auto -30px;letter-spacing:-.075em;font-weight:600;color:#ffffff04;white-space:nowrap;user-select:none;pointer-events:none}.ending-signature span{font-size:.5em;padding-left:.1em}.site-footer{max-width:1760px;margin:auto;padding:27px clamp(24px,4vw,76px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #ffffff0b;color:#797979;font-size:11px}.site-footer .brand{font-size:17px;color:#d7d7d7}.site-footer .brand img{width:25px;height:25px}.site-footer>div{display:flex;gap:25px}.site-footer a:hover{color:#f4ecdf}.image-dialog{padding:0;border:1px solid #ffffff2b;border-radius:15px;max-width:min(96vw,1800px);width:max-content;max-height:94svh;background:#1a1a1a;color:#fff;box-shadow:0 30px 90px #0008}.image-dialog::backdrop{background:#080a0bea;backdrop-filter:blur(12px)}.image-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 18px;font-size:12px;border-bottom:1px solid #ffffff20}.image-close{width:32px;height:32px;display:grid;place-items:center;border:1px solid #ffffff23;border-radius:50%;background:#ffffff09}.image-close svg{width:14px}.image-dialog-scroll{max-height:calc(94svh - 95px);overflow:auto;background:#fff}.image-dialog img{width:auto;max-width:100%;max-height:none;min-width:min(1180px,90vw)}.image-dialog>p{margin:0;padding:9px 18px;font-size:10px;color:#a8a8a8}body.has-dialog{overflow:hidden}
/* Clear, human-readable companion pages. */
.subpage .site-header{position:relative}.page-intro{max-width:1200px;padding:88px 30px 68px;margin:auto}.page-intro h1{font-size:clamp(44px,5vw,70px);line-height:1.2;font-weight:600;letter-spacing:-.045em;margin:0 0 23px}.page-intro>p:not(.eyebrow){color:#afafaf;font-size:17px;max-width:670px;margin:0}.page-content{max-width:1200px;margin:0 auto 110px;padding:0 30px}.download-primary{padding:48px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;border:1px solid #ffffff1e;border-radius:24px;background:radial-gradient(ellipse at 90% 100%,#cfb69110,transparent 60%),#1a1a1a}.download-primary h2{font-size:36px;font-weight:550;letter-spacing:-1px;margin:15px 0}.download-primary p{color:#929292;font-size:14px;margin:8px 0}.download-primary .brand{font-size:18px}.download-primary .brand img{width:40px;height:40px;border-radius:10px}.download-action{display:flex;flex-direction:column;align-items:center;gap:12px}.download-action .button[disabled]{cursor:default;background:#dcdcdc;color:#4e4e4e;opacity:.55;transform:none;box-shadow:none}.download-action small{font-size:11px;color:#838383}.download-companion{padding:42px 0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;border-bottom:1px solid var(--line);margin-top:32px}.download-companion h2{font-size:24px;font-weight:500;margin:0 0 12px}.download-companion p{font-size:14px;color:#999999;max-width:650px;margin:0 0 18px}.download-badges{display:flex;gap:10px;flex-wrap:wrap}.download-badges span{font-size:11px;line-height:1.5;padding:6px 11px;border:1px solid #ffffff19;border-radius:7px;color:#b0b0b0}.download-note{font-size:12px;color:#959595;margin-top:30px;max-width:730px}.guide-nav{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:44px}.guide-nav a{border:1px solid #ffffff13;padding:9px 16px;font-size:12px;border-radius:22px;color:#b3b3b3;transition:.25s}.guide-nav a:hover{border-color:#bf9e7a;color:#e8c7a4}.guide-section{scroll-margin-top:24px;margin:0 0 78px}.guide-section-heading{display:flex;align-items:center;gap:18px;margin-bottom:30px}.guide-num{color:#d0af8a;font-size:12px;border:1px solid #d0af8a40;border-radius:50%;width:32px;height:32px;display:grid;place-items:center}.guide-section h2{font-size:28px;font-weight:550;letter-spacing:-.02em;margin:0}.guide-section>p{color:#a7a7a7;font-size:14px;max-width:790px}.steps{counter-reset:step;list-style:none;margin:0;padding:0;display:grid;gap:24px}.steps>li{counter-increment:step;position:relative;padding-left:52px}.steps>li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:0;color:#bdbdbd;font-size:12px;line-height:28px}.steps>li h3{font-weight:550;font-size:17px;margin:0 0 8px}.steps>li p{font-size:14px;color:#a7a7a7;margin:5px 0;line-height:1.9;max-width:780px}.steps li img{border-radius:12px;border:1px solid #ffffff15;margin-top:20px;max-width:720px}.guide-callout{padding:21px 24px;border-left:2px solid #bf9e7a;background:#ffffff03;font-size:13px;color:#b2b2b2;border-radius:0 12px 12px 0;margin:28px 0}.guide-callout strong{color:#dec8ad;font-weight:550}.web-guide{border:1px solid #ffffff17;border-radius:22px;margin-top:10px;background:#ffffff02;overflow:hidden}.web-guide>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 30px;cursor:pointer;list-style:none}.web-guide>summary::-webkit-details-marker{display:none}.web-guide>summary span{display:flex;flex-direction:column;gap:4px}.web-guide>summary strong{font-size:22px;font-weight:550;letter-spacing:-.02em}.web-guide>summary small{font-size:12px;color:#9a9a9a}.web-guide>summary svg{color:#acacac;transition:transform .3s}.web-guide[open]>summary svg{transform:rotate(180deg)}.web-guide-content{padding:6px 30px 34px}.guide-tabs{display:flex;gap:8px;padding:8px;border-radius:26px;background:#0b0b0b70;width:max-content;border:1px solid #ffffff12;margin:25px 0 32px}.guide-tabs button{border:0;background:transparent;color:#979797;padding:9px 18px;font-size:12px;border-radius:20px;transition:.3s}.guide-tabs button[aria-selected=true]{background:#dbdbdb;color:#2f2f2f}.guide-tabs button:hover{color:#f3efdf}.guide-tabs button[aria-selected=true]:hover{color:#2f2f2f}.guide-tab[hidden]{display:none}.guide-tab{animation:guide-enter .35s var(--ease)}@keyframes guide-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.settings-table{border-collapse:collapse;width:100%;max-width:850px;margin:18px 0;font-size:13px}.settings-table th,.settings-table td{text-align:left;vertical-align:top;padding:14px 18px;border-bottom:1px solid #ffffff0c}.settings-table th{width:180px;color:#c5c5c5;font-weight:500}.settings-table td{color:#9d9d9d}.settings-table tr:first-child td,.settings-table tr:first-child th{border-top:1px solid #ffffff0c}.code-line{border:1px solid #ffffff18;background:#0d0d0d;border-radius:11px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:14px 15px;margin:14px 0;max-width:830px}.code-line code{font-family:ui-monospace,"SFMono-Regular",Menlo,monospace;font-size:12px;line-height:1.8;color:#cfcfcf;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.copy-button{border:1px solid #ffffff15;background:#ffffff05;border-radius:7px;padding:5px 9px;font-size:10px;display:flex;align-items:center;gap:5px;white-space:nowrap;color:#b2b2b2;min-width:58px;justify-content:center}.copy-button svg{width:12px;height:12px}.inline-code,code{font-family:ui-monospace,"SFMono-Regular",Menlo,monospace;font-size:.88em;color:#cdcdcd}.guide-faq{margin-top:55px}.guide-faq h3{font-size:18px;font-weight:500;margin-bottom:20px}.guide-faq details{border-top:1px solid #ffffff13}.guide-faq summary{padding:19px 0;cursor:pointer;font-size:14px;color:#b2b2b2}.guide-faq details p{margin:0 0 22px;font-size:13px;color:#989898;max-width:770px}.guide-faq details:last-child{border-bottom:1px solid #ffffff13}
@media(min-width:1760px){.hero-product{margin-right:-100px}.hero{gap:60px}.story-copy h2{font-size:68px}.story-lead{font-size:18px}}
@media(max-height:760px) and (min-width:901px){.hero{padding-top:120px}.hero h1{font-size:54px}.story-slides{inset:65px 5vw 80px}.story-copy h2{font-size:36px;margin-bottom:18px}.story-copy .eyebrow{margin-bottom:15px}.story-lead{font-size:13px;margin-bottom:12px}.feature-points{font-size:11px}.feature-points li{padding-top:3px;padding-bottom:3px}.story-foot,.ownership-statement{margin-top:14px;padding-top:12px;font-size:10px}.story-visual img{max-height:calc(100svh - 150px)}.visual-portrait img{min-width:0}.stage-top{top:20px}.chapter-nav{bottom:25px}}
@media(max-width:1100px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:140px;padding-bottom:80px;gap:40px}.hero-copy{padding-bottom:0}.hero h1{font-size:62px}.hero-product{margin:0 -110px 0 0;width:calc(100% + 70px);transform:perspective(1800px) rotateY(-4deg) rotateX(2deg)}.hero-product img{max-height:650px;object-fit:cover;object-position:top}.hero-description br{display:none}.scroll-cue{bottom:26px}.story-slide{grid-template-columns:290px minmax(0,1fr);gap:30px}.story-copy h2{font-size:39px}.story-lead{font-size:14px}.feature-points{font-size:12px}.story-foot{font-size:10px}.visual-portrait img{min-width:0}.ownership-statement{font-size:10px}.story-visual figcaption{font-size:9px}.chapter-nav{gap:23px}}
@media(max-width:900px),(max-height:620px){html{scroll-padding-top:20px}.site-header{height:75px;padding:0 23px}.site-header nav{gap:23px}.site-header nav a[data-chapter-link]{display:none}.brand{font-size:20px}.brand img{width:28px;height:28px}.hero{padding:120px 24px 75px;gap:36px}.hero h1{font-size:clamp(38px,7vw,62px)}.hero-product{margin:0;width:100%;transform:none}.hero-product img{max-height:none;object-fit:contain}.hero-product figcaption{font-size:9px}.hero-actions{gap:18px}.hero-description{font-size:16px;margin:23px 0}.hero-meta{margin-top:18px;font-size:10px}.hero-light{inset:0;width:100%;height:100%}.hero-copy .eyebrow{font-size:10px}.scroll-cue{left:24px}.journey{height:auto}.story-stage{position:relative;height:auto;min-height:0;padding:60px 24px 40px}.stage-top{display:none}.story-slides{position:static;perspective:none;display:grid;gap:105px}.story-slide{position:relative;inset:auto;display:grid;grid-template-columns:1fr;gap:36px;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;scroll-margin-top:30px}.story-copy{max-width:680px}.story-copy h2{font-size:clamp(32px,6vw,48px);margin-bottom:23px}.story-copy .eyebrow{margin-bottom:22px;font-size:10px}.story-lead{font-size:16px;max-width:610px}.feature-points{font-size:13px;max-width:610px}.story-foot{max-width:610px;font-size:11px}.story-visual{width:100%;max-width:100%;max-height:none;transform:none!important}.story-visual img{max-height:none!important;width:100%;min-width:0;object-fit:contain}.visual-portrait{max-width:490px;width:80%;justify-self:center}.visual-monitor,.visual-ai{max-width:700px}.story-visual figcaption{font-size:9px}.chapter-nav{display:none}.stage-orbit{width:160vw;right:-80vw;height:90vh}.ownership-statement{max-width:610px;font-size:12px}.story-link{font-size:13px}.ending{padding:95px 24px 60px;min-height:0;margin-top:45px}.ending h2{font-size:clamp(34px,6vw,56px)}.ending>p:not(.eyebrow){font-size:13px}.ending-signature{margin:80px auto 0}.site-footer{padding:24px;flex-wrap:wrap}.site-footer>span{display:none}.page-intro{padding:70px 24px 45px}.page-content{padding:0 24px;margin-bottom:70px}.download-primary{padding:30px;grid-template-columns:1fr}.download-primary h2{font-size:30px}.download-action{align-items:flex-start}.download-companion{grid-template-columns:1fr}.web-guide-content{padding:0 22px 26px}.web-guide>summary{padding:25px 22px}.steps>li{padding-left:36px}.settings-table th{width:130px;padding-left:0}.settings-table td{padding-right:0}.guide-section h2{font-size:24px}.guide-num{flex-shrink:0}}
@media(max-width:480px){.site-header nav{gap:18px;font-size:12px}.nav-download{padding:7px 12px;gap:12px}.site-header nav>a:not(.nav-download){font-size:11px}.hero .eyebrow{margin-bottom:20px}.hero h1{font-size:clamp(30px,10vw,39px)}.button{padding:12px 18px;gap:19px;font-size:13px;min-height:49px}.hero-actions .text-link{font-size:12px}.hero-meta{flex-direction:column;gap:3px}.story-copy h2{font-size:36px}.story-lead{font-size:14px}.feature-points{font-size:12px}.story-visual figcaption{font-size:8px;gap:8px}.visual-portrait{width:94%}.ending h2{font-size:35px}.ending-actions{gap:18px}.site-footer{font-size:10px;gap:16px}.site-footer .brand{font-size:15px}.page-intro h1{font-size:43px}.page-intro>p:not(.eyebrow){font-size:14px}.download-primary{padding:24px}.download-primary h2{font-size:27px}.download-primary p{font-size:12px}.guide-tabs{width:100%}.guide-tabs button{flex:1;padding:9px 10px}.steps>li p,.guide-section>p{font-size:13px}.settings-table{font-size:11px}.settings-table th{width:90px}.guide-section-heading{gap:12px}.web-guide>summary strong{font-size:19px}.guide-callout{padding:18px;font-size:12px}.image-dialog-bar{font-size:10px;padding:9px 12px}.image-dialog>p{font-size:9px}.code-line{gap:9px;padding:12px}.code-line code{font-size:10px}.copy-button{font-size:9px;min-width:46px;padding:5px}.guide-nav a{font-size:11px;padding:7px 12px}}
/* Motion-free reading keeps every feature accessible. */
html.motion-free .journey{height:auto}html.motion-free .story-stage{position:relative;height:auto;padding:90px 5vw}html.motion-free .story-slides{position:static;display:grid;gap:120px}html.motion-free .story-slide{position:relative;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important;min-height:75vh}html.motion-free .story-visual{transform:none!important}html.motion-free .story-visual img{max-height:760px}html.motion-free .chapter-nav,html.motion-free .stage-top{display:none}html.motion-free .hero-product{transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-product{transform:none}.journey{height:auto}.story-stage{position:relative;height:auto;padding:90px 5vw}.story-slides{position:static;display:grid;gap:120px}.story-slide{position:relative;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important;min-height:75vh}.story-visual{transform:none!important}.story-visual img{max-height:760px}.chapter-nav,.stage-top{display:none}}

@media(max-width:360px){.site-header{padding:0 18px;gap:12px}.site-header .brand{font-size:18px;gap:8px}.site-header .brand img{width:25px;height:25px}.site-header nav{gap:13px}.nav-download{padding:7px 10px}.nav-download svg{display:none}}
