@charset "UTF-8";
:root{--paper:#f6f4ed;--ink:#252924;--muted:#65695f;--line:#dcded3;--orange:#e66b48;--green:#dce8cb;--lilac:#e8e0f3;--radius:18px;--max:1240px;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}img{max-width:100%;height:auto;display:block}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #276648;outline-offset:5px}button:disabled{cursor:default}button[hidden],[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Trebuchet MS","Segoe UI",sans-serif}h2{font-size:clamp(34px,3.7vw,52px);line-height:1.12;letter-spacing:-2px;margin-bottom:22px}h3{letter-spacing:-.5px}p{line-height:1.7}em{font-family:Georgia,serif;font-weight:400}a.button{text-decoration:none}.section-shell{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.9px;line-height:1.6;margin-bottom:22px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#638358;margin-right:8px}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;border:1px solid var(--ink);padding:17px 23px;border-radius:7px;font-size:14px;font-weight:700;transition:transform .18s,background .18s;line-height:1.4}.button:hover{transform:translateY(-2px)}.button-dark{color:var(--paper);background:var(--ink)}.button-dark:hover{background:#414a3a}.button-outline{background:transparent}.button-outline:hover{background:#eae9e0}.text-link{font-size:14px;font-weight:700;display:inline-flex;gap:18px;align-items:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;left:20px;top:-80px;z-index:100;background:var(--ink);color:white;padding:15px;border-radius:5px}.skip-link:focus{top:12px}
.site-header{display:flex;align-items:center;justify-content:space-between;width:min(1360px,calc(100% - 80px));margin:auto;min-height:100px;border-bottom:1px solid var(--line);gap:25px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:"Trebuchet MS","Segoe UI",sans-serif;font-size:25px;letter-spacing:-1.2px;font-weight:800;text-decoration:none;white-space:nowrap}.brand-dot{color:var(--orange)}.brand img{flex-shrink:0}.site-header nav{display:flex;align-items:center;gap:30px}.site-header nav>a:not(.button){font-size:13px;font-weight:600;text-decoration:none}.site-header nav>a:hover:not(.button){color:#a44830}.nav-cta{padding:12px 18px;font-size:12px}.menu-toggle{display:none}
.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:14px;min-height:694px;padding-top:44px;padding-bottom:62px}.hero-copy{padding-top:18px;position:relative;z-index:2}.hero h1{font-size:clamp(62px,6.75vw,93px);line-height:.99;letter-spacing:-5.3px;margin:0 0 28px;font-weight:700}.hero h1 em{color:var(--orange);font-size:1.12em;letter-spacing:-5px}.spark{display:inline-block;font-size:.6em;vertical-align:15%;margin-left:24px;font-weight:400;color:#354936}.hero-lead{max-width:420px;font-size:16px;color:var(--muted);line-height:1.8;margin-bottom:28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-actions .button{font-size:13px;padding:16px 19px;gap:14px}.play-icon{font-size:10px}.platform-note{font-size:11px;color:var(--muted);margin:21px 0 0;display:flex;align-items:center;gap:8px}.platform-note>span:first-child{font-size:19px}.divider{margin:0 4px;color:#a3a89b}
.desktop-scene{position:relative;height:560px;min-width:0;isolation:isolate}.scene-orbit{position:absolute;inset:54px 0 42px;background:#e0e8d6;border-radius:50%;z-index:-1}.scene-orbit:after{content:"";position:absolute;inset:-15px 18px;border:1px solid #bbcbb0;border-radius:50%;transform:rotate(-20deg)}.scene-sticker{position:absolute;right:21px;top:13px;font:italic 19px Georgia,serif;line-height:1.25;transform:rotate(7deg)}.scene-sticker strong{font-weight:400}.scene-sticker span{display:block;margin-left:24px;font-size:44px;line-height:1.3}.scene-window{position:absolute;border:1px solid #7e8878;border-radius:10px;box-shadow:8px 9px 0 #35442e16;overflow:hidden}.window-bar{height:30px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;font-weight:600;border-bottom:1px solid #98a18e;background:#f8f8ef;padding:0 12px}.window-dots{font-size:9px;letter-spacing:2px;color:#909989}.window-back{left:20px;right:52px;top:159px;height:186px;background:#e9e4f1;transform:rotate(-5deg)}.window-content{font-size:11px;display:flex;flex-direction:column;align-items:flex-start;padding:30px;gap:6px;color:#6a626e}.folder{height:29px;width:36px;background:#d7b763;border-radius:4px;position:relative}.folder:before{content:"";width:17px;height:7px;background:#c4a455;position:absolute;top:-5px;border-radius:3px 3px 0 0}.window-front{left:78px;right:5px;top:355px;height:125px;background:#f5e5d6;transform:rotate(3deg)}.window-note{display:flex;gap:15px;align-items:center;padding:19px 24px}.window-note>span{font-size:29px;color:#b6603e}.window-note p{font-size:14px;line-height:1.4;margin:0;color:#7c6955}.scene-kin{position:absolute;object-fit:contain;filter:drop-shadow(3px 5px 3px #26302018);pointer-events:none}.kin-nanami{width:188px;left:40px;top:81px;transform:rotate(-5deg);z-index:3}.kin-alien{width:179px;right:38px;top:176px;transform:rotate(3deg);z-index:5}.kin-leaf{width:153px;left:146px;top:227px;z-index:6;transform:rotate(-3deg)}.kin-pitcher{width:134px;right:-18px;top:204px;z-index:4;transform:rotate(3deg)}.hello-bubble{position:absolute;top:20px;left:24px;font-size:11px;background:white;border:1px solid #dddcd3;border-radius:20px 20px 20px 3px;padding:10px 15px;box-shadow:3px 4px 0 #29342b07;max-width:220px}.hello-button{position:absolute;bottom:42px;left:70px;transform:rotate(-7deg);background:#f4c99d;border:1px solid #ab805b;border-radius:6px;font-size:12px;font-weight:700;padding:11px 18px;box-shadow:3px 3px 0 #ab805b40;z-index:8}.hello-button:hover{background:#f9d8b4}.hello-button span{margin-left:15px}.scene-caption{position:absolute;bottom:0;right:20px;color:#72796c;font-size:9px;margin:0}.desktop-scene.greeting .kin-leaf{animation:hello .7s ease-in-out 2}@keyframes hello{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(7deg) translateY(-12px)}}
.feature-ribbon{background:var(--green);border-block:1px solid #c3ceb8;display:flex;justify-content:center;align-items:center;gap:6vw;padding:24px 36px;font-size:13px}.feature-ribbon>span:first-child{font-size:10px;letter-spacing:1.4px;font-weight:700}.feature-ribbon b{font-weight:800}.feature-ribbon>span:last-child{font-size:31px;line-height:1}.intro{padding-top:95px;padding-bottom:90px;text-align:center;max-width:900px}.intro h2{font-size:42px;line-height:1.2}.intro h2 span{color:#868c7c}.intro>p:last-child{max-width:615px;margin:0 auto;color:var(--muted);font-size:15px}.intro .eyebrow{margin-bottom:18px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:35px}.section-heading h2{margin-bottom:0}.section-heading .eyebrow{margin-bottom:13px}.section-heading>.text-link{flex-shrink:0;margin-bottom:7px}.heading-aside{max-width:320px;font-size:14px;color:var(--muted);margin:0 0 5px}.play-section{padding-bottom:94px}.activity-tabs{display:flex;gap:6px;margin-bottom:18px;border-bottom:1px solid var(--line);padding-bottom:15px}.activity-tabs button{border:1px solid transparent;background:transparent;border-radius:7px;padding:12px 21px;font-size:14px;white-space:nowrap;color:var(--muted)}.activity-tabs button span{margin-right:9px;font-size:18px}.activity-tabs [aria-selected="true"]{background:var(--ink);color:white}.activity-tabs button:hover:not([aria-selected="true"]){background:#e9e9df}.activity-panel{display:grid;grid-template-columns:1.25fr 1fr;border-radius:var(--radius);overflow:hidden;background:#e8e3f0;border:1px solid #d4cbdf;min-height:365px}.activity-art{position:relative;min-width:0;display:flex;align-items:center;background:#161522}.activity-art img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/10}.footage-label{position:absolute;bottom:15px;left:15px;background:#f6f4edf2;color:#393d35;padding:7px 10px;border-radius:4px;font-size:8px;font-weight:750;letter-spacing:1px}.activity-copy{padding:40px 38px 28px}.activity-number{font-size:10px;letter-spacing:1.3px;color:#6b5b82;font-weight:700}.activity-copy h3{font-size:31px;line-height:1.12;letter-spacing:-1.2px;margin:20px 0 16px}.activity-copy>p:not(.activity-edition){font-size:14px;line-height:1.7;color:#625b6b;margin-bottom:18px}.key-row{display:flex;align-items:center;gap:5px;margin:21px 0;color:#625b6b;font-size:11px;flex-wrap:wrap}.key-row span{margin:0 9px 0 2px}kbd{font:11px "Segoe UI",sans-serif;border:1px solid #bab2c3;border-radius:4px;padding:5px 8px;box-shadow:0 2px 0 #ccc5d4;background:#f5f3f7;color:var(--ink)}.activity-edition{font-size:10px;color:#625b6b;margin:20px 0 0}.dodge-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:30px}.dodge-steps>div{border-top:1px solid var(--line);padding-top:23px}.dodge-steps span{font-size:9px;font-weight:700;letter-spacing:1.4px;color:#7e786c}.dodge-steps h3{font-size:19px;margin:10px 0 8px}.dodge-steps p{font-size:13px;color:var(--muted);margin:0}
.trailer-section{background:#272d27;color:var(--paper);padding:65px 0 40px}.trailer-section .eyebrow{color:#b1bfa4}.trailer-runtime{font-size:10px;letter-spacing:1.4px;color:#b1bfa4;margin-bottom:9px}.trailer-launch{position:relative;padding:0;background:#101710;border:1px solid #66735d;border-radius:12px;overflow:hidden;width:100%;display:block;max-height:520px}.trailer-launch img{width:100%;height:100%;object-fit:cover;aspect-ratio:2.15;opacity:.85;transition:opacity .2s}.trailer-launch:hover img{opacity:1}.trailer-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:76px;height:76px;display:grid;place-items:center;border-radius:50%;background:var(--paper);color:var(--ink);padding-left:4px;font-size:23px;box-shadow:0 6px 25px #0004}.trailer-caption{position:absolute;bottom:20px;left:25px;color:white;background:#232823e6;padding:12px 16px;font-size:10px;letter-spacing:1.6px;font-weight:700;border-radius:4px}.trailer-caption span{margin-left:20px}.trailer-note{font-size:11px;color:#bac3b5;margin:15px 0 0}
.cast-section{padding-top:95px;padding-bottom:88px}.cast-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:34px 0 22px}.filter-group{display:flex;gap:8px}.filter-group button{padding:10px 16px;border:1px solid #c8cbbc;background:transparent;border-radius:30px;font-size:12px;color:#575d50}.filter-group button.is-selected{background:var(--ink);color:white;border-color:var(--ink)}.cast-controls>p{font-size:11px;color:var(--muted);margin:0}.avatar-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.avatar-card{border:1px solid #d5d8c9;border-radius:12px;overflow:hidden;transition:transform .2s;background:var(--tone,#e3e9da)}.avatar-card:hover{transform:translateY(-5px)}.avatar-card>img{width:100%;height:225px;object-fit:contain;padding:13px 14px 0}.avatar-card>div{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#ffffff5c;padding:16px 12px}.avatar-card h3{font-size:14px;margin:0;letter-spacing:-.3px}.avatar-card span{font-size:7px;font-weight:700;color:#687060;white-space:nowrap}.tone-pink{--tone:#efdfdf}.tone-blue{--tone:#dde6ea}.tone-green{--tone:#e0e8cf}.tone-peach{--tone:#eddfce}.tone-lilac{--tone:#e5dfee}.own-avatar{border:1px solid #cbd1bf;border-radius:12px;display:flex;align-items:center;gap:22px;padding:27px;margin-top:22px;background:#eceee3}.own-avatar-icon{width:55px;height:65px;border:1px dashed #949f84;display:grid;place-items:center;border-radius:9px;font-size:28px;color:#7c896c;flex-shrink:0}.own-avatar h3{font-size:19px;margin:0 0 5px}.own-avatar p{font-size:13px;color:var(--muted);margin:0}.own-avatar .text-link{margin-left:auto;white-space:nowrap}.credits-note{font-size:10px;color:var(--muted);margin:16px 0 0;line-height:1.8}
.comfort-section{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-top:65px;padding-bottom:75px;border-top:1px solid var(--line)}.comfort-section h2 em{color:#6d7b56}.comfort-section>div>p:not(.eyebrow){max-width:340px;font-size:15px;color:var(--muted)}.comfort-section .text-link{margin-top:13px}.comfort-list{padding-top:3px}.comfort-list article{display:flex;gap:23px;padding:22px 0;border-bottom:1px solid var(--line)}.comfort-list article:first-child{padding-top:0}.comfort-list article>span{font-size:11px;color:#8a927d;font-weight:700;margin-top:5px}.comfort-list h3{font-size:19px;margin-bottom:8px}.comfort-list p{font-size:13px;color:var(--muted);margin:0}
.editions-section{padding-top:50px;padding-bottom:88px}.comparison-wrap{border:1px solid #cbd2bf;border-radius:14px;overflow:hidden}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}thead{background:#e1e9d6}th,td{padding:19px 25px;border-bottom:1px solid #d7dccd}thead th{font-size:23px;padding-block:25px}thead th:first-child{font-size:11px;letter-spacing:.4px}thead th>span{display:block;font-size:11px;font-weight:400;color:#606b52;margin-top:5px}tbody th{font-weight:500}tbody td:last-child{background:#e7eddc66;font-weight:600}tbody tr:last-child>*{border:0}.fine-print{font-size:11px;color:var(--muted);margin:16px 0 0}.faq-section{display:grid;grid-template-columns:.85fr 1.4fr;gap:9%;padding-block:50px 85px;border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:19px 0}.faq-list details:first-child{padding-top:0}summary{list-style:none;cursor:pointer;position:relative;padding-right:28px;font-size:15px;font-weight:600;line-height:1.5}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:3px;top:0;font-size:22px;line-height:1}details[open] summary:after{content:"−"}.faq-list p{font-size:13px;color:var(--muted);padding-right:20px;margin:14px 0 0}
.final-cta{background:#edc9ad;border:1px solid #d7b79c;border-radius:20px;min-height:327px;position:relative;display:flex;align-items:center;overflow:hidden;padding:48px 65px}.final-cta .eyebrow{font-size:10px;margin-bottom:15px}.final-cta h2{font-size:49px;line-height:1.06;letter-spacing:-2px;margin-bottom:25px}.final-cta .button{font-size:13px}.final-cta>img{position:absolute;height:330px;width:248px;object-fit:contain;right:90px;bottom:-15px;transform:rotate(9deg);filter:drop-shadow(6px 7px 0 #9b7e6340)}.cta-doodle{position:absolute;font-size:140px;right:325px;top:75px;color:#936845;transform:rotate(15deg)}.site-footer{padding-top:64px;padding-bottom:30px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:30px;border-bottom:1px solid var(--line)}.footer-top nav{display:flex;gap:28px;font-size:12px}.footer-top nav a{text-decoration:none}.footer-top nav a:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:20px;color:#6e7466;font-size:10px}.footer-bottom p{margin:0}
dialog{border:1px solid #56614e;border-radius:14px;padding:0;background:#242a23;color:var(--paper);width:min(1060px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 25px 100px #0007}dialog::backdrop{background:#162017da;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 20px}.dialog-heading h2{font-size:15px;letter-spacing:0;margin:0}.dialog-heading button{border:1px solid #86917d;background:transparent;color:white;border-radius:5px;padding:9px 13px;font-size:12px}.dialog-heading button span{margin-left:12px}dialog video{width:100%;display:block;max-height:65dvh;background:#000}.dialog-note{font-size:11px;line-height:1.7;color:#b8c1b0;padding:0 20px;margin:15px 0 18px}body.modal-open{overflow:hidden}
.document-page{max-width:850px;padding-block:70px}.document-page h1{font-size:55px;letter-spacing:-2px}.document-page h2{font-size:26px;letter-spacing:-.8px;margin-top:38px}.document-page p,.document-page li{font-size:15px;line-height:1.8;color:var(--muted)}.document-page .text-link{margin-top:20px}
@media(min-width:1450px){.desktop-scene{transform:scale(1.06);transform-origin:center}.hero{gap:30px}}@media(max-width:1100px){.section-shell{width:calc(100% - 64px)}.hero h1{font-size:76px}.site-header nav{gap:20px}.desktop-scene{transform:scale(.88);transform-origin:center left;width:113%}.hero{min-height:640px;padding-bottom:40px}.hero-actions{gap:8px}.hero-actions .button{padding:14px 13px;font-size:12px}.activity-copy{padding:30px 27px}.avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-ribbon{gap:4vw}.cta-doodle{right:280px}.final-cta>img{right:40px}.activity-copy h3{font-size:27px}}
@media(max-width:800px){.section-shell{width:calc(100% - 44px)}.site-header{width:calc(100% - 44px);min-height:80px;position:relative}.brand{font-size:23px}.brand img{width:33px;height:33px}.menu-toggle{display:flex;gap:13px;align-items:center;border:1px solid var(--line);border-radius:5px;padding:10px 12px;background:transparent;font-size:12px}.site-header nav{display:none;position:absolute;top:69px;left:0;right:0;padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:0 15px 20px #252c2014;z-index:30;align-items:stretch;gap:22px}.site-header nav.is-open{display:flex;flex-direction:column}.hero{grid-template-columns:1fr;gap:0;padding-top:35px;padding-bottom:25px}.hero-copy{padding-top:0}.hero h1{font-size:76px;letter-spacing:-4px}.hero-lead{max-width:480px}.hero-actions .button{font-size:13px;padding:15px 19px}.desktop-scene{width:min(530px,100%);height:530px;transform:none;margin:28px auto 0}.scene-orbit{inset:54px 0 40px}.scene-window.window-front{top:340px}.scene-caption{bottom:0}.hello-button{bottom:29px}.hero .eyebrow{font-size:10px;letter-spacing:1.6px}.feature-ribbon{flex-wrap:wrap;gap:18px 35px;padding:22px}.feature-ribbon>span:first-child{width:100%;text-align:center}.feature-ribbon>span:last-child{display:none}.feature-ribbon>span{font-size:11px}.intro{padding-block:60px}.intro h2{font-size:34px;letter-spacing:-1.4px}.section-heading{align-items:start;flex-direction:column;gap:18px;margin-bottom:24px}.section-heading .eyebrow{margin-bottom:12px}.heading-aside{max-width:450px}.activity-tabs{overflow:auto;gap:3px}.activity-tabs button{font-size:12px;padding:11px 13px}.activity-tabs button span{font-size:16px;margin-right:5px}.activity-panel{grid-template-columns:1fr}.activity-art img{aspect-ratio:16/9}.activity-copy{padding:28px}.activity-copy h3{font-size:30px}.dodge-steps{gap:20px}.dodge-steps h3{font-size:17px}.dodge-steps p{font-size:12px}.play-section{padding-bottom:60px}.trailer-section{padding-block:42px 30px}.trailer-section .section-heading{gap:12px}.trailer-launch img{aspect-ratio:16/9}.trailer-play{width:55px;height:55px;font-size:17px}.trailer-caption{left:12px;bottom:12px;font-size:8px;padding:8px 11px}.cast-section{padding-block:60px}.avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.avatar-card>img{height:205px;padding:12px 7px 0}.avatar-card>div{flex-direction:column;align-items:start;gap:5px}.cast-controls{align-items:start;flex-direction:column;gap:12px}.own-avatar{flex-wrap:wrap;padding:20px;gap:15px}.own-avatar div{flex:1}.own-avatar .text-link{margin-left:70px}.comfort-section{grid-template-columns:1fr;gap:35px;padding-block:50px}.comfort-section>div>p:not(.eyebrow){max-width:500px}.editions-section{padding-block:30px 50px}th,td{padding:15px 16px;font-size:12px}thead th{font-size:23px}thead th>span{font-size:10px}.faq-section{grid-template-columns:1fr;gap:30px;padding-block:45px 55px}.faq-section h2 br{display:none}.final-cta{padding:32px;min-height:330px}.final-cta h2{font-size:38px}.final-cta .eyebrow{max-width:220px}.final-cta>img{height:220px;width:165px;right:-15px;bottom:-8px}.final-cta>div{position:relative;z-index:2}.final-cta .button{font-size:11px;padding:13px 16px}.cta-doodle{font-size:80px;right:35px;top:18px;color:#bf946f}.site-footer{padding-top:45px}.footer-top{align-items:start;flex-direction:column;gap:25px}.footer-top nav{gap:24px}.footer-bottom{flex-direction:column;gap:5px}}
@media(max-width:460px){.section-shell,.site-header{width:calc(100% - 36px)}.hero h1{font-size:63px;letter-spacing:-3.7px}.hero h1 em{letter-spacing:-4px}.spark{margin-left:18px}.hero-lead{font-size:14px}.hero-actions .button{font-size:11px;padding:14px 13px;gap:10px}.platform-note{font-size:9px}.desktop-scene{height:440px;margin-top:22px}.scene-orbit{inset:45px 0 20px}.hello-bubble{font-size:9px;left:0;top:17px;max-width:190px}.scene-sticker{right:8px;top:42px;font-size:16px}.window-back{left:0;right:25px;top:147px;height:140px}.window-front{left:36px;right:1px;height:102px}.scene-window.window-front{top:299px}.window-bar{font-size:7px;height:24px;padding-inline:9px}.window-content{padding:22px}.window-note{padding:15px}.window-note p{font-size:12px}.kin-nanami{width:137px;left:8px;top:96px}.kin-alien{width:130px;right:26px;top:176px}.kin-leaf{width:121px;left:85px;top:200px}.kin-pitcher{width:101px;right:-14px;top:190px}.hello-button{left:24px;bottom:9px;font-size:10px;padding:9px 14px}.scene-caption{font-size:7px;right:0;bottom:-3px}.feature-ribbon{gap:16px 20px}.feature-ribbon>span{font-size:10px}.intro h2{font-size:30px}.intro>p:last-child{font-size:14px}h2{font-size:33px;letter-spacing:-1.6px}.dodge-steps{grid-template-columns:1fr;gap:18px}.dodge-steps>div{padding-top:16px}.dodge-steps h3{font-size:19px}.dodge-steps p{font-size:13px}.avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.avatar-card>img{height:210px}.avatar-card>div{flex-direction:row;align-items:center;padding:12px 9px}.avatar-card h3{font-size:12px}.avatar-card span{font-size:6px}.own-avatar h3{font-size:17px}.own-avatar p{font-size:12px}.own-avatar .text-link{font-size:12px}.comparison-wrap{overflow-x:auto}table{min-width:335px}th,td{padding:14px 11px;font-size:11px}thead th{font-size:20px}thead th:first-child{font-size:10px}thead th>span{font-size:9px}.final-cta{padding:30px 24px;min-height:370px}.final-cta h2{font-size:35px;max-width:250px}.final-cta .button{margin-top:40px}.final-cta>img{bottom:10px;right:-27px;width:155px;height:207px}.footer-top nav{gap:20px;font-size:11px}.dialog-heading{padding:12px}.dialog-heading h2{font-size:12px}.document-page h1{font-size:43px}}
/* Keep decorative orbit strokes inside narrow screens, not in page scroll space. */
@media(max-width:1100px){.desktop-scene{overflow:clip;overflow-clip-margin:8px}}
@media(max-width:460px){.hero h1{font-size:clamp(44px,12.7vw,58px)}}
/* Approved branding and real desktop photography. Keep the source images intact. */
:root{font-family:system-ui,"Segoe UI",sans-serif}
.brand{gap:12px;flex-shrink:0}
.brand .brand-icon{width:42px;height:42px}
.brand .brand-wordmark{width:220px;height:auto;filter:brightness(0);flex-shrink:0}
.site-header nav{gap:28px}
.site-header nav>a:not(.button){font-size:16px;font-weight:600;line-height:1.5}
.site-header .nav-cta{font-size:15px;padding:14px 20px;gap:18px}
.site-header.document-header{flex-wrap:wrap;padding-block:20px;gap:18px}
.menu-toggle{font-size:15px;min-height:44px}
.hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:42px;min-height:630px;padding-block:58px 68px}
.hero h1{font-size:clamp(56px,5.35vw,80px);letter-spacing:-4px}
.hero h1 em{letter-spacing:-4px}
.hero-lead{font-size:17px;max-width:460px}
.hero .eyebrow{font-size:12px;letter-spacing:1.6px}
.hero-actions .button{font-size:15px;padding:16px 18px;gap:12px}
.hero-preview{margin:0;min-width:0}
.desktop-photo-frame{overflow:hidden;border:1px solid #263566;border-radius:18px;background:#07113b;box-shadow:0 18px 45px #14275820}
.desktop-photo-frame img{width:100%;height:auto;object-fit:contain}
.hero-preview figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;line-height:1.6;color:#555e53;margin-top:18px}
.hero-preview figcaption a{font-weight:650;white-space:nowrap}
.platform-note{font-size:14px;line-height:1.6;margin-top:26px;gap:12px 16px;flex-wrap:wrap;color:#535d50}
.platform-note .platform-label{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:650}
.platform-icon{width:22px;height:22px;flex-shrink:0;color:#315447}
.platform-tagline{padding-left:16px;border-left:1px solid #c4caba}
.final-cta{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:32px;padding:38px;min-height:0;overflow:hidden}
.final-cta .final-cta-copy{min-width:0}
.final-cta h2{font-size:42px;line-height:1.12;margin-bottom:25px}
.final-cta .eyebrow{font-size:12px;max-width:none}
.final-cta .button{font-size:14px;margin-top:0;padding:16px 18px;gap:14px}
.final-cta>img.cta-desktop-shot{position:static;width:100%;height:auto;max-width:100%;transform:none;filter:none;object-fit:contain;border:1px solid #3c4062;border-radius:12px}
/* Readable secondary text, navigation and controls at normal browser zoom. */
.eyebrow{font-size:12px}
.feature-ribbon{gap:4vw;font-size:14px}
.feature-ribbon>span{font-size:14px}
.feature-ribbon>span:first-child{font-size:12px}
.intro>p:last-child,.heading-aside{font-size:16px}
.text-link{font-size:15px}
.activity-tabs button{font-size:15px;padding:13px 18px}
.activity-number{font-size:12px}
.activity-copy>p:not(.activity-edition){font-size:16px}
.activity-edition{font-size:13px}
.key-row,kbd{font-size:13px}
.footage-label{font-size:11px}
.dodge-steps span{font-size:11px}
.dodge-steps p{font-size:15px}
.trailer-runtime{font-size:12px}
.trailer-caption{font-size:12px}
.trailer-note{font-size:13px}
.cast-controls>p{font-size:13px}
.filter-group button{font-size:14px;padding:11px 17px}
.avatar-card>div{flex-wrap:wrap}
.avatar-card h3{font-size:16px}
.avatar-card span{font-size:10px;letter-spacing:.15px}
.own-avatar p,.comfort-list p{font-size:15px}
.credits-note,.fine-print{font-size:13px}
.comfort-list article>span{font-size:13px}
th,td{font-size:14px}
thead th:first-child,thead th>span{font-size:13px}
.faq-list p{font-size:15px}
summary{font-size:17px}
.footer-top nav{font-size:14px;gap:26px}
.footer-bottom{font-size:13px}
.dialog-note{font-size:13px}
@media(max-width:1100px){
  .hero{grid-template-columns:1fr;gap:36px;padding-block:42px 54px}
  .hero-copy{max-width:690px;padding-top:0}
  .hero h1{font-size:72px}
  .hero-lead{max-width:600px}
  .hero-preview{width:100%;max-width:850px;margin-inline:auto}
  .final-cta{grid-template-columns:1fr 1.15fr;padding:30px;gap:26px}
  .final-cta h2{font-size:36px}
}
@media(max-width:1000px){
  .site-header{position:relative;min-height:90px}
  .menu-toggle{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:6px;padding:10px 14px;background:transparent}
  .site-header nav{display:none;position:absolute;top:78px;left:0;right:0;padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:0 15px 20px #252c2014;z-index:30;align-items:stretch;gap:22px}
  .site-header nav.is-open{display:flex;flex-direction:column}
}
@media(max-width:800px){
  .final-cta{grid-template-columns:1fr;padding:28px;gap:28px}
  .final-cta h2{max-width:none;font-size:38px}
  .hero-preview figcaption{font-size:13px}
  .activity-tabs button{font-size:14px;padding:12px 14px}
  .avatar-card>div{align-items:start}
  .footer-top nav{flex-wrap:wrap;gap:18px 26px}
}
@media(max-width:460px){
  .brand{gap:9px}
  .brand .brand-icon{width:33px;height:33px}
  .brand .brand-wordmark{width:clamp(139px,43vw,174px);height:auto}
  .site-header{gap:12px;min-height:82px}
  .site-header nav{top:72px}
  .menu-toggle{font-size:14px;padding:10px 12px;gap:9px}
  .hero{padding-block:32px 42px;gap:28px}
  .hero h1{font-size:clamp(44px,12.7vw,58px)}
  .hero-lead{font-size:16px}
  .hero-actions{gap:10px}
  .hero-actions .button{font-size:14px;padding:14px 16px}
  .platform-note{gap:10px;flex-direction:column;align-items:start}
  .platform-tagline{border:0;padding-left:0}
  .hero-preview figcaption{gap:8px;font-size:12px}
  .feature-ribbon>span{font-size:13px}
  .feature-ribbon>span:first-child{font-size:11px}
  .avatar-card h3{font-size:14px}
  .avatar-card>div{flex-direction:column;gap:7px}
  .own-avatar .text-link{font-size:14px;margin-left:0}
  .final-cta{padding:24px;gap:24px}
  .final-cta h2{font-size:34px}
  .final-cta .button{font-size:13px;padding:14px;gap:10px}
  .footer-bottom{font-size:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}