@charset "UTF-8";
:root{--ink:#142b39;--muted:#68777f;--paper:#f8f9f6;--mint:#bce8cd;--green:#216759;--line:#dfe5df;--night:#101f30;--max:1240px;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Helvetica Neue","PingFang SC","Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.65}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #2e8670;outline-offset:5px}img,svg{vertical-align:middle}img{max-width:100%;height:auto}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;line-height:1.3;letter-spacing:-.045em}h2{font-size:clamp(32px,3.4vw,46px)}h3{font-size:24px}p{font-weight:400}.wrap{width:min(var(--max),calc(100% - 112px));margin-inline:auto}.section{padding-block:112px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.15em;color:#d5e8e5;margin-bottom:26px}.eyebrow.dark{color:var(--green)}.button{display:inline-flex;gap:26px;align-items:center;justify-content:center;border-radius:8px;min-height:54px;padding:14px 24px;font-size:14px;font-weight:600;letter-spacing:.01em;transition:background .2s,transform .2s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button span{font-size:21px;line-height:1}.mint{background:var(--mint);color:#143c36}.mint:hover{background:#d2f5de}.navy{background:var(--ink);color:#fff}.navy:hover{background:#285160}.text-link{display:inline-flex;align-items:center;gap:16px;padding:0;background:none;border:0;font-size:14px;font-weight:600;color:var(--green)}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.text-link>span{font-size:19px}.skip-link{position:fixed;top:-100px;left:20px;background:#fff;padding:12px;z-index:100}.skip-link:focus{top:10px}.site-header{position:absolute;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:23px 56px;color:#fff;border-bottom:1px solid #ffffff20;min-height:94px}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:700;letter-spacing:-1px;line-height:1}.brand-dot{color:var(--mint)}.brand-mark{display:inline-block;position:relative;color:var(--mint);font-size:35px;font-weight:800;line-height:1;padding-right:7px;letter-spacing:-4px}.brand-mark>span{position:absolute;right:-2px;top:0;width:10px;height:10px;background:currentColor;transform:rotate(30deg) skewY(-8deg);border-radius:1px}.site-header nav{display:flex;gap:36px;margin-left:30px}.site-header nav a{font-size:13px;color:#e5ecee;transition:color .2s}.site-header nav a:hover{color:var(--mint)}.nav-download{font-size:13px;display:flex;align-items:center;gap:28px;background:#ffffff12;border:1px solid #ffffff50;padding:10px 20px;border-radius:6px}.nav-download:hover{background:#ffffff25}.hero{position:relative;height:min(900px,100svh);min-height:740px;overflow:hidden;background:#152d47;color:#fff}.hero-image{position:absolute;height:100%;width:100%;object-fit:cover;object-position:57% center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0a1b30e6 0%,#0a1b3099 32%,#0a1b3029 70%,transparent),linear-gradient(0deg,#0c2035b3,transparent 27%,transparent 77%,#0a1b3055)}.hero-content{position:relative;padding-top:clamp(185px,22vh,240px);z-index:2}.hero .eyebrow{display:flex;gap:10px;align-items:center;letter-spacing:.17em;margin-bottom:24px;font-size:10px}.spark{font-size:20px;color:var(--mint)}.hero h1{font-size:clamp(46px,4.3vw,68px);line-height:1.3;letter-spacing:-.045em;max-width:720px;font-weight:550;text-shadow:0 3px 30px #0a19282b}.title-world{color:#c9edda;position:relative}.title-star{font-size:28px;position:absolute;right:8px;top:-18px;transform:rotate(-12deg)}.hero-description{margin-top:26px;font-size:16px;line-height:1.95;color:#dce5eb}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:33px}.hero-secondary{display:flex;align-items:center;gap:18px;font-size:13px;color:#e0e8ed}.hero-secondary:hover{color:var(--mint)}.platforms{display:flex;gap:19px;align-items:center;margin-top:29px;color:#d6e1e8;font-size:11px}.platforms small{font-size:9px;opacity:.8;margin-left:3px}.platforms i{height:12px;border-left:1px solid #fff5}.hero-bottom{position:absolute;bottom:26px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#d7e2ebbd;z-index:3}.scroll-link{font-size:11px;display:flex;gap:13px;align-items:center;letter-spacing:.06em}.scroll-link span{font-size:24px}.scene-caption{position:absolute;right:7%;bottom:19%;border-left:1px solid #c9edda7a;padding-left:18px;font-size:9px;line-height:2;letter-spacing:.13em;color:#dcece9;text-shadow:0 2px 8px #000}.scene-caption strong{font-size:14px;font-weight:400;letter-spacing:0}.live-dot{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin-right:6px;box-shadow:0 0 0 4px #bce8cd15}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:50px}.section-head .eyebrow{margin-bottom:20px}.muted-title{color:#84908c}.section-intro{font-size:14px;line-height:1.95;color:var(--muted)}.section-head>.section-intro{padding-bottom:4px}.world-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.build-story{border-radius:15px;background:#e5ede1;overflow:hidden;position:relative;display:flex;flex-direction:column}.story-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:600;letter-spacing:.13em;color:#426b5b}.build-story>.story-label{position:absolute;inset:27px 30px auto;z-index:2}.voxel-scene{height:320px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 83%,#bdd3b0,transparent 65%)}.voxel-orbit{position:absolute;width:370px;height:130px;left:50%;top:58%;transform:translate(-50%,-50%) rotate(-15deg);border:1px solid #4e725a20;border-radius:50%}.voxel-illustration{position:absolute;width:100%;height:100%;max-width:520px;left:50%;top:0;transform:translateX(-50%)}.scene-note{position:absolute;right:27px;bottom:20px;font-size:10px;color:#4e6b50}.float-block{position:absolute;width:20px;height:20px;background:#e6eecb;transform:rotate(-20deg) skew(15deg);box-shadow:5px 7px #8ca875}.b1{top:90px;left:22%}.b2{top:70px;right:22%;width:12px;height:12px;background:#749c77;box-shadow:4px 5px #4b7754}.story-copy{padding:0 32px 32px}.story-copy h3{margin-bottom:12px}.story-copy p{font-size:13px;color:#5e7466;max-width:400px}.tags{display:flex;gap:8px;margin-top:22px;flex-wrap:wrap}.tags span{border:1px solid #66855d30;border-radius:5px;padding:4px 10px;font-size:10px;color:#4f6d53}.world-side{display:flex;flex-direction:column;gap:24px}.explore-story{border:1px solid var(--line);border-radius:15px;background:#f2f4ef;padding:26px 30px;overflow:hidden;position:relative;flex:1}.explore-art{height:145px;color:#7b9d8b;position:relative;margin:-12px -10px -8px}.explore-art svg{width:100%;height:100%}.explore-art circle{stroke:currentColor;fill:var(--paper);stroke-width:2}.map-label{position:absolute;right:25px;top:53px;font-size:10px;color:#4d7163}.explore-story h3{font-size:23px;margin-bottom:8px}.explore-story p{font-size:13px;color:var(--muted);max-width:400px}.together-story{background:#1b3d40;border-radius:15px;padding:30px;color:#eef4ed;display:flex;align-items:center;justify-content:space-between;gap:15px}.together-story .story-label{color:#a6c9bc;margin-bottom:17px}.together-story h3{font-size:22px;margin-bottom:10px}.together-story p{font-size:12px;color:#b4c9c8}.controller{width:126px;min-width:100px;color:#afcfb4;transform:rotate(-12deg)}.companion-section{background:#112a36;color:#fff;padding:112px 0;position:relative;overflow:hidden}.companion-section:before{content:"";position:absolute;width:550px;height:550px;right:-20px;top:20px;background:radial-gradient(circle,#2d6a5e30,transparent 70%);pointer-events:none}.companion-layout{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:80px;position:relative}.companion-copy .eyebrow{color:#a3cbbb}.companion-copy h2{font-size:45px;line-height:1.35}.companion-copy h2 span{color:#bce8cd}.companion-lead{color:#b1c4c8;font-size:14px;line-height:2.1;margin:27px 0 28px}.companion-switch{display:flex;gap:7px;flex-wrap:wrap}.companion-switch button{border:1px solid #73908f57;background:transparent;color:#c6d5d7;padding:8px 16px;border-radius:6px;font-size:12px}.companion-switch button.is-active{color:#143c36;background:#bce8cd;border-color:#bce8cd}.capability-note{font-size:10px;color:#90a9af;line-height:1.8;margin-top:22px}.companion-demo{border:1px solid #749b9b3b;border-radius:14px;overflow:hidden;background:#18333f;box-shadow:0 30px 70px #0002;transform:rotate(1deg)}.demo-top{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;font-size:10px;color:#96afb5}.demo-brand{display:flex;align-items:center;gap:8px;color:#f1f6f3;font-size:14px;font-weight:500}.demo-brand img{border-radius:8px}.demo-world{height:265px;background-image:linear-gradient(0deg,#0d2b3cbd,transparent 65%),url('/assets/world-hero.webp');background-size:auto,auto 460px;background-position:center,51% 62%;position:relative;transition:background-position .7s var(--ease)}.demo-world.scene-explore{background-position:center,90% 50%}.demo-world.scene-connect{background-position:center,83% 80%}.demo-marker{position:absolute;top:18px;left:20px;background:#132c3fcf;backdrop-filter:blur(5px);border:1px solid #9fbab94d;padding:5px 10px;font-size:10px;border-radius:5px}.demo-world-caption{position:absolute;left:22px;bottom:22px;font-size:14px;color:#e7f1ed}.demo-dialog{padding:22px 24px 25px;min-height:167px}.demo-user{color:#b3c6cc;font-size:13px;padding-bottom:16px;border-bottom:1px solid #63808440;margin-bottom:16px}.demo-answer{display:flex;gap:12px;align-items:flex-start}.mini-mark{font-size:19px;font-weight:700;color:#bfebd2;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid #799c9970;border-radius:7px;flex-shrink:0}.demo-answer div>span{font-size:10px;color:#a3c7b8;display:block;margin-bottom:5px}.demo-answer p{font-size:12px;line-height:1.8;color:#edf1ee}.phone-section{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.phone-visual{min-height:600px;position:relative;display:flex;align-items:center;justify-content:center}.phone-ring{width:480px;height:480px;border-radius:50%;background:#e8eee7;position:absolute;top:65px;left:50%;transform:translateX(-50%)}.phone-ring:before{content:"";position:absolute;inset:-30px;border:1px solid #dbe4da;border-radius:50%}.phone-frame{width:263px;border-radius:35px;position:relative;padding:8px;background:#203b47;box-shadow:10px 24px 45px #203a3d22,-1px 0 0 1px #6d838b;transform:rotate(-6deg)}.phone-notch{position:absolute;top:13px;left:50%;transform:translateX(-50%);width:65px;height:13px;border-radius:9px;background:#203b47;z-index:1}.phone-ui{border-radius:27px;background:#f6f8f9;padding:15px 15px 0;overflow:hidden}.phone-status{display:flex;justify-content:space-between;font-size:8px;margin:0 5px 21px;font-weight:600}.phone-status span{font-size:7px}.phone-app-title{font-size:20px;font-weight:700;display:flex;justify-content:space-between;align-items:center;letter-spacing:-.06em}.phone-app-title span{font-weight:400;color:#466373}.phone-greeting{font-size:10px;font-weight:600;margin:18px 0 14px}.phone-person{font-size:9px;color:#7a8b95;display:flex;justify-content:space-between;margin-bottom:17px}.phone-person>span{color:#2c5a87}.phone-world-card{background:#dbe9f5;border-radius:18px;padding:17px 16px;display:flex;flex-direction:column;color:#254a70}.phone-small{font-size:8px;margin-bottom:9px}.phone-world-card strong{font-size:25px;line-height:1.4;letter-spacing:-.05em;font-weight:650}.phone-fake-button{display:block;background:#2c5a89;border-radius:20px;padding:8px 5px;color:white;font-size:9px;text-align:center;margin-top:16px}.phone-companion-card{border-radius:16px;background:#e1efe7;display:flex;align-items:center;gap:8px;margin:14px 0;padding:15px 10px}.phone-companion-card .mini-mark{width:24px;height:26px;font-size:18px;border:0;color:#2c6254}.phone-companion-card strong{display:block;font-size:10px;line-height:1.5;color:#285348}.phone-companion-card div>span{font-size:7px;display:block;margin-top:3px;color:#54766b}.phone-companion-card b{color:#467565;margin-left:auto}.phone-shortcuts{display:flex;justify-content:space-around;background:#fff;border-radius:13px;padding:12px 0;margin-bottom:15px;font-size:8px;color:#637b87;line-height:2;text-align:center}.phone-tabbar{margin:0 -15px;background:white;display:flex;justify-content:space-around;padding:10px 6px 19px;font-size:8px;line-height:1.8;text-align:center;color:#758892}.phone-tabbar .selected{color:#2d608f;font-weight:700}.phone-floating-tag{position:absolute;bottom:70px;right:0;background:#fff;border:1px solid #e5ebe4;border-radius:9px;padding:13px 16px;box-shadow:0 14px 30px #314a3b0d;font-size:11px;transform:rotate(3deg)}.phone-floating-tag .live-dot{background:#70a68e}.phone-figure-note{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);font-size:10px;color:#8c999a}.phone-copy .eyebrow{margin-bottom:20px}.phone-copy>.section-intro{margin:23px 0 29px}.phone-features{margin:0 0 25px}.phone-features>div{margin-bottom:22px}.phone-features dt{font-size:14px;font-weight:600;display:flex;gap:15px;align-items:center}.phone-features dt span{font-size:10px;color:#7d978c;letter-spacing:.1em}.phone-features dd{font-size:12px;color:var(--muted);line-height:1.9;margin:8px 0 0 32px;max-width:350px}.start-section{background:#edf1e9;border-top:1px solid #e3e8e0;border-bottom:1px solid #e3e8e0;padding:70px 0 76px}.start-head{text-align:center}.start-head .eyebrow{font-size:10px;margin-bottom:15px}.start-head h2{font-size:31px}.start-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;list-style:none;padding:0;margin:49px 0 0}.start-steps li{position:relative;border-top:1px solid #ced9ce;padding-top:17px}.step-number{font-size:11px;font-weight:600;letter-spacing:.13em;color:#678270;display:block;margin-bottom:16px}.start-steps h3{font-size:20px;margin-bottom:12px}.start-steps p{font-size:12px;line-height:1.9;color:#6e7e73}.start-steps a,.step-final{font-size:11px;font-weight:600;color:#3c6955;display:block;margin-top:18px}.start-steps a:hover{text-decoration:underline}.start-steps a span{margin-left:13px}.download-section{padding-bottom:75px}.phone-download{display:flex;align-items:center;justify-content:space-between;gap:30px;border-radius:14px;padding:33px 40px;background:#e6eee8;border:1px solid #d8e4d8;scroll-margin-top:25px}.phone-download-main{display:flex;align-items:flex-start;gap:24px}.download-app-icon{border-radius:18px;flex-shrink:0}.download-overline{font-size:10px;color:#63816c;letter-spacing:.04em;margin-bottom:9px}.phone-download h3{display:flex;align-items:center;gap:12px;font-size:24px;margin-bottom:10px}.release-tag{font-size:10px;line-height:1.3;border-radius:4px;background:#d6e8d9;color:#376449;font-weight:500;padding:5px 8px;letter-spacing:0;white-space:nowrap}.phone-download h3 .release-tag{background:#d2e1d6}.phone-download p:not(.version-meta){font-size:13px;color:#607c69}.version-meta{font-size:10px;color:#7c8a8d;display:flex;gap:6px;flex-wrap:wrap;letter-spacing:.01em}.phone-download .version-meta{margin-top:9px;color:#718876}.download-actions{display:flex;gap:22px;align-items:center;margin-top:23px}.download-actions .button{min-height:46px;font-size:12px;padding:11px 19px}.download-actions .text-link{font-size:11px}.download-qr{flex-shrink:0;display:flex;align-items:center;flex-direction:column;gap:9px}.download-qr img{background:#fff;padding:8px;border-radius:7px;width:132px;height:132px}.download-qr>span{font-size:10px;color:#6a8171}.game-download-heading{display:flex;justify-content:space-between;align-items:center;margin:38px 0 20px}.game-download-heading h3{font-size:16px;letter-spacing:0}.game-download-heading>span{font-size:11px;color:var(--muted)}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.download-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:27px 26px 22px;position:relative;transition:box-shadow .2s,border-color .2s}.download-card:hover{border-color:#c2d2c5;box-shadow:0 14px 30px #183a3210}.download-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.download-card-top svg{width:30px;height:30px;color:#456557}.release-tag.preview{background:#f4e9d2;color:#906d2e}.download-card h3{font-family:Inter,"Helvetica Neue","PingFang SC",Arial,sans-serif;font-size:26px;margin-bottom:8px;font-weight:500;letter-spacing:-.03em}.download-card>p:not(.version-meta):not(.requirement):not(.preview-note){font-size:12px;color:var(--muted);margin-bottom:22px}.platform-spec{font-size:13px;display:flex;align-items:center;height:39px;margin-bottom:11px;padding-top:2px;font-weight:500}.mac-options{display:flex;padding:4px;background:#edf1ec;border-radius:7px;gap:2px;margin-bottom:11px;height:39px}.mac-options button{padding:5px 9px;flex:1;background:transparent;font-size:10px;white-space:nowrap;color:#64786a;border-radius:5px}.mac-options .is-active{background:#fff;color:#204336;box-shadow:0 1px 4px #0001}.requirement{font-size:10px;color:#60736a;min-height:17px}.download-card>.version-meta{margin:13px 0 19px;min-height:17px}.card-button{background:#f0f4ee;color:#234839;display:flex;justify-content:space-between;font-size:12px;width:100%;min-height:46px;padding:12px 16px}.card-button:hover{background:#dfece0}.download-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:12px}.download-card-bottom>span{font-size:9px;color:#7e8a86}.download-card-bottom>button{padding:4px 6px;background:none;font-size:23px;line-height:1;color:#5b7667}.download-card-bottom>button:hover{color:#173f30}.preview-note{font-size:9px;color:#8d784e;margin-top:10px}.download-footnotes{font-size:10px;line-height:1.9;color:#7c8b83;margin-top:23px}.download-footnotes p+p{margin-top:4px}.download-footnotes span{font-size:14px;margin-right:6px}.speaker-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:23px;padding:25px 0;margin-top:38px}.speaker-symbol{width:52px;height:52px;border:1px solid #cad8cb;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:31px;flex-shrink:0;color:#4a7160}.speaker-note h3{font-size:16px;letter-spacing:0;margin-bottom:7px}.speaker-note p{font-size:11px;color:#78877f;max-width:600px}.speaker-note .text-link{white-space:nowrap;margin-left:auto;font-size:11px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;padding-top:40px}.faq-section h2{font-size:35px;margin-bottom:26px}.faq-section .text-link{font-size:12px}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:13px;font-weight:500;padding:21px 0;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:22px;font-weight:400;color:#7e9182;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:12px;color:var(--muted);line-height:1.95;margin:0 26px 22px 0}.closing{background:#142e3c;position:relative;overflow:hidden;color:white;padding:70px 0}.closing .wrap{position:relative;z-index:1}.closing .eyebrow{font-size:9px;color:#a3c4b7;margin-bottom:19px}.closing h2{font-size:42px;margin-bottom:27px}.closing .button{font-size:12px;min-height:49px}.closing-star{position:absolute;color:#bce8cd;right:16%;top:-26%;font-size:380px;line-height:1.5;transform:rotate(-8deg);opacity:.11;pointer-events:none}.site-footer{padding-top:47px;padding-bottom:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:35px}.footer-brand{font-size:22px}.footer-brand .brand-mark{font-size:30px;color:#4d7d6a}.footer-brand .brand-dot{color:#4d7d6a}.site-footer>div>p{color:#809086;font-size:10px;margin-top:14px}.footer-links{display:flex;gap:25px;font-size:11px;align-items:flex-start;padding-top:6px}.footer-links a:hover{color:#247052}.footer-fine{display:flex;justify-content:space-between;width:100%;font-size:9px;color:#94a098;border-top:1px solid var(--line);padding-top:19px;margin-top:0;gap:20px}.qr-dialog{border:1px solid #d5e4d8;border-radius:18px;text-align:center;padding:38px 36px 26px;background:var(--paper);color:var(--ink);max-width:420px;width:calc(100% - 34px);box-shadow:0 30px 100px #0003}.qr-dialog::backdrop{background:#0a202f9c;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:10px;right:15px;font-size:28px;color:#5a7062;background:none;padding:0 6px}.qr-dialog .eyebrow{font-size:8px;letter-spacing:.09em;margin:5px 0 15px}.qr-dialog h2{font-size:24px}.qr-dialog>img{display:block;margin:23px auto 10px;background:white;padding:10px;border-radius:10px;width:240px;height:240px}.qr-dialog>p:not(.eyebrow){font-size:12px;color:#6a7e6f;margin-bottom:21px}.qr-dialog .button{width:100%;min-height:49px}.qr-dialog .qr-safety{font-size:10px!important;margin:15px 0 0!important}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);background:#183d37;color:white;font-size:12px;padding:10px 18px;border-radius:7px;opacity:0;pointer-events:none;z-index:80;transition:opacity .2s,transform .2s;max-width:calc(100% - 32px)}.toast.show{opacity:1;transform:translate(-50%,0)}
/* Guides share the site's typography and brand, with a quiet reading layout. */
.document-page .site-header{position:relative;background:#142e3c}.document-main{max-width:820px;padding:70px 0 90px}.document-main h1{font-size:42px;margin:0 0 23px}.document-main .lead{font-size:16px;color:var(--muted);margin-bottom:40px}.document-main h2{font-size:24px;margin:42px 0 15px;letter-spacing:-.02em}.document-main h3{font-size:17px;margin:24px 0 10px;letter-spacing:0}.document-main p,.document-main li{font-size:14px;line-height:1.95;color:#536c69;margin-bottom:13px}.document-main a:not(.button){text-decoration:underline;text-underline-offset:4px;color:var(--green)}.document-main ul,.document-main ol{padding-left:22px}.document-main aside{background:#e8eee7;padding:22px;border-radius:10px;margin:24px 0;font-size:13px}.document-main code{font-size:12px;background:#e9eee7;padding:2px 5px;border-radius:3px}.document-main .button{margin-top:18px}.document-main .doc-label{font-size:10px;letter-spacing:.13em;color:#63816e;margin-bottom:18px}
@media(min-width:1600px){.hero{max-height:940px;height:85svh}.hero-image{object-position:center}.hero-content{padding-top:235px}}
@media(max-width:1100px){.wrap{width:calc(100% - 70px)}.site-header{padding-inline:35px}.companion-layout{gap:40px}.phone-section{gap:55px}.phone-ring{width:380px;height:380px;top:100px}.phone-floating-tag{right:-10px;font-size:10px}.download-card{padding:25px 19px 19px}.mac-options button{font-size:9px;padding-inline:6px}.phone-download{padding:29px}.hero h1{font-size:55px}.faq-section{gap:65px}.scene-caption{right:5%;bottom:14%}}
@media(max-width:800px){.wrap{width:calc(100% - 44px)}.section{padding-block:75px}.site-header{padding:20px 22px;min-height:82px}.site-header nav{gap:19px;margin-left:0}.site-header nav a{font-size:11px}.brand{font-size:23px}.brand-mark{font-size:31px}.nav-download{font-size:11px;gap:15px;padding:9px 13px}.hero{min-height:730px;height:90svh;max-height:880px}.hero-content{padding-top:200px}.hero h1{font-size:52px}.hero-image{object-position:63% center}.hero-shade{background:linear-gradient(90deg,#0b2038e6,#0b20386b 70%,#0b203842),linear-gradient(0deg,#0b2038b3,transparent 30%)}.hero-bottom{bottom:19px}.scene-caption{display:none}.section-head{margin-bottom:35px;gap:24px}.section-head h2{font-size:34px}.section-intro{font-size:12px}.world-grid{gap:17px}.story-copy{padding:0 24px 25px}.story-copy h3{font-size:21px}.voxel-scene{height:290px}.explore-story{padding:25px 24px}.explore-story h3{font-size:20px}.together-story{padding:24px;gap:10px}.together-story h3{font-size:19px}.controller{min-width:70px;width:70px}.together-story p{font-size:10px}.companion-section{padding:75px 0}.companion-layout{gap:28px}.companion-copy h2{font-size:34px}.companion-lead{font-size:12px}.companion-switch{gap:5px}.companion-switch button{padding:7px 10px;font-size:10px}.demo-top{padding:13px}.demo-world{height:235px}.demo-dialog{padding:20px 17px;min-height:172px}.demo-user{font-size:11px}.demo-answer p{font-size:11px}.demo-world-caption{font-size:12px;left:16px}.phone-section{gap:36px}.phone-visual{min-height:570px}.phone-ring{width:300px;height:300px;top:125px}.phone-ring:before{inset:-15px}.phone-frame{width:240px}.phone-floating-tag{right:-10px;bottom:65px;font-size:9px;padding:9px}.phone-copy h2{font-size:34px}.phone-features dt{font-size:12px}.phone-features dd{font-size:11px}.phone-copy>.section-intro{font-size:12px}.start-steps{gap:29px}.start-steps h3{font-size:18px}.start-steps p{font-size:11px}.download-grid{gap:13px}.download-card{padding:20px 15px}.download-card h3{font-size:23px}.download-card-top{margin-bottom:20px}.download-card-top .release-tag{font-size:8px}.download-card>p:not(.version-meta):not(.requirement):not(.preview-note){font-size:10px}.mac-options button{font-size:8px;padding-inline:3px}.requirement{font-size:9px}.card-button{font-size:10px;padding-inline:11px;gap:8px}.version-meta{font-size:9px}.download-card-bottom>span{font-size:8px}.speaker-note{gap:17px}.speaker-note p{font-size:10px;max-width:400px}.speaker-note .text-link{font-size:10px;gap:8px}.faq-section{gap:40px}.faq-section h2{font-size:30px}.faq-list summary{font-size:12px}.footer-links{gap:17px;font-size:10px}.footer-fine{font-size:8px}.phone-download{padding:25px}.phone-download-main{gap:17px}.download-app-icon{width:61px;height:61px}.phone-download h3{font-size:21px}.phone-download p:not(.version-meta){font-size:11px}.download-qr img{width:116px;height:116px}.download-actions{gap:16px}.download-actions .button{font-size:11px}}
@media(max-width:600px){html{scroll-padding-top:24px}.wrap{width:calc(100% - 40px)}.section{padding-block:61px}.site-header{padding:20px;min-height:76px}.site-header nav{display:none}.brand{font-size:23px}.nav-download{padding:9px 12px;font-size:10px;gap:16px}.hero{height:820px;height:100svh;min-height:740px;max-height:910px}.hero-image{object-position:71% center}.hero-shade{background:linear-gradient(180deg,#10253b80 0%,#10253b8a 12%,#10253bd9 33%,#10253b9c 51%,#10253b10 75%,#10253b90),linear-gradient(90deg,#10253b80,transparent)}.hero-content{padding-top:165px}.hero .eyebrow{font-size:8px;letter-spacing:.11em;gap:8px;margin-bottom:22px}.spark{font-size:18px}.hero h1{font-size:clamp(34px,8.5vw,48px);line-height:1.45;font-weight:550;max-width:100%}.title-star{font-size:21px;right:6px;top:-10px}.hero-description{font-size:12px;line-height:1.9;margin-top:20px}.hero-actions{gap:21px;margin-top:25px}.hero-actions .button{min-height:48px;font-size:12px;padding:12px 17px;gap:15px}.hero-secondary{font-size:10px;gap:9px}.platforms{gap:13px;flex-wrap:wrap;font-size:9px;margin-top:21px;max-width:300px;row-gap:10px}.platforms i{display:none}.platforms>span:last-child{width:100%;font-size:9px;letter-spacing:.02em}.hero-bottom{bottom:20px;font-size:8px;align-items:flex-end}.hero-bottom>span{max-width:105px;text-align:right;font-size:8px;line-height:1.8}.scroll-link{font-size:9px;gap:10px}.scroll-link span{font-size:21px}.section-head{display:block;margin-bottom:31px}.eyebrow{font-size:9px;margin-bottom:19px}.section-head h2{font-size:30px;line-height:1.45}.section-head>.section-intro{margin-top:22px;font-size:12px;line-height:1.9}.world-grid{display:block}.build-story{border-radius:12px}.build-story>.story-label{inset:22px 24px auto}.voxel-scene{height:300px}.story-copy{padding:0 24px 25px}.story-copy h3{font-size:22px}.story-copy p{font-size:12px}.world-side{margin-top:17px;gap:17px}.explore-story{padding:24px;min-height:260px}.explore-art{height:140px;margin-top:-9px}.explore-story h3{font-size:22px}.explore-story p{font-size:12px}.map-label{right:30px;top:50px}.together-story{padding:26px 24px;min-height:200px}.together-story h3{font-size:21px}.together-story p{font-size:11px}.controller{width:102px;min-width:90px}.companion-section{padding:62px 0}.companion-layout{display:block}.companion-copy h2{font-size:32px;line-height:1.5}.companion-lead{font-size:12px;margin:21px 0 24px}.companion-switch{gap:8px}.companion-switch button{font-size:11px;padding:8px 14px}.capability-note{font-size:9px;margin-top:18px}.companion-demo{margin-top:35px;transform:rotate(.6deg)}.demo-top{padding:15px 17px}.demo-world{height:235px;background-size:auto,auto 420px}.demo-world-caption{font-size:12px}.demo-dialog{padding:19px;min-height:161px}.demo-user{font-size:11px}.demo-answer p{font-size:11px}.phone-section{display:flex;flex-direction:column-reverse;gap:30px;padding-top:60px}.phone-copy{width:100%}.phone-copy .eyebrow{margin-bottom:18px}.phone-copy h2{font-size:32px;line-height:1.4}.phone-copy>.section-intro{font-size:12px;margin:22px 0 28px}.phone-features>div{margin-bottom:22px}.phone-features dt{font-size:13px}.phone-features dd{font-size:12px;max-width:none}.phone-copy .text-link{font-size:12px}.phone-visual{width:100%;min-height:590px;margin-bottom:0}.phone-frame{width:255px}.phone-ring{width:330px;height:330px;top:110px}.phone-floating-tag{right:0;bottom:70px;font-size:10px;padding:11px 13px}.start-section{padding:48px 0 49px}.start-head{text-align:left}.start-head .eyebrow{font-size:8px}.start-head h2{font-size:26px}.start-steps{display:block;margin-top:30px}.start-steps li{padding:22px 0 23px 45px}.step-number{position:absolute;left:0;top:25px;font-size:10px}.start-steps h3{font-size:20px;margin-bottom:10px}.start-steps p{font-size:12px}.start-steps a,.step-final{font-size:11px;margin-top:14px}.start-steps li:last-child{padding-bottom:0}.phone-download{display:block;padding:24px 22px;border-radius:12px}.phone-download-main{display:block;position:relative}.download-app-icon{width:52px;height:52px;margin-bottom:18px}.download-overline{font-size:9px}.phone-download h3{font-size:21px;gap:8px}.phone-download h3 .release-tag{font-size:8px}.phone-download p:not(.version-meta){font-size:11px}.phone-download .version-meta{font-size:9px;margin-top:8px}.download-actions{gap:16px;flex-wrap:wrap;margin-top:20px}.download-actions .button{padding-inline:15px;font-size:11px;gap:19px;min-height:45px}.download-actions .text-link{font-size:10px;gap:6px}.download-qr{display:flex;position:relative;margin-top:25px;padding-top:22px;border-top:1px solid #cddbcf;flex-direction:row;gap:17px;align-items:center}.download-qr img{width:100px;height:100px;padding:6px}.download-qr>span{font-size:11px;max-width:110px}.game-download-heading{margin:29px 0 18px;align-items:flex-start;gap:10px;flex-direction:column}.game-download-heading h3{font-size:15px}.game-download-heading>span{font-size:10px}.download-grid{display:block}.download-card{padding:24px;margin-bottom:15px}.download-card-top{margin-bottom:21px}.download-card-top .release-tag{font-size:9px}.download-card h3{font-size:26px}.download-card>p:not(.version-meta):not(.requirement):not(.preview-note){font-size:12px;margin-bottom:20px}.mac-options{width:100%;height:41px}.mac-options button{font-size:11px;padding:6px 10px}.platform-spec{font-size:13px;height:41px}.requirement{font-size:11px}.download-card>.version-meta{font-size:10px;margin-top:10px}.card-button{font-size:12px;min-height:47px;padding-inline:18px}.download-card-bottom>span{font-size:9px}.download-card-bottom>button{font-size:25px}.preview-note{font-size:9px}.download-footnotes{font-size:9px;line-height:1.9}.speaker-note{display:grid;grid-template-columns:40px 1fr;gap:15px;padding:24px 0;margin-top:27px}.speaker-symbol{width:40px;height:44px;font-size:27px}.speaker-note h3{font-size:15px}.speaker-note p{font-size:11px}.speaker-note .text-link{grid-column:2;justify-self:start;margin-left:0;font-size:11px}.faq-section{display:block;padding-top:0;padding-bottom:62px}.faq-section h2{font-size:30px;line-height:1.4;margin-bottom:20px}.faq-section .eyebrow{margin-bottom:18px}.faq-list{margin-top:31px}.faq-list summary{font-size:12px;padding:20px 0;gap:15px}.faq-list details p{font-size:11px}.closing{padding:53px 0 55px}.closing .eyebrow{font-size:8px;letter-spacing:.11em;margin-bottom:17px}.closing h2{font-size:31px;margin-bottom:25px}.closing .button{font-size:11px;gap:25px;min-height:47px}.closing-star{font-size:260px;right:-50px;top:-7%;opacity:.08}.site-footer{display:block;padding:35px 0 24px}.site-footer>div>p{margin-top:11px}.footer-links{display:grid;grid-template-columns:1fr 1fr;row-gap:13px;margin:26px 0;font-size:11px}.footer-fine{display:block;font-size:8px;padding-top:16px}.footer-fine>span{display:block}.footer-fine>span+span{margin-top:7px}.qr-dialog{padding:35px 25px 23px}.qr-dialog h2{font-size:22px}.document-main{padding-top:45px;padding-bottom:60px}.document-main h1{font-size:32px}.document-main .lead{font-size:14px}.document-main h2{font-size:22px}.document-main p,.document-main li{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.download-card-bottom>button{min-width:40px;min-height:40px}.dialog-close{min-width:40px;min-height:40px}
@media(max-width:600px){.phone-ring{width:min(330px,calc(100vw - 46px));height:min(330px,calc(100vw - 46px))}}

/* Agent-first presentation and quiet, compositor-only hero motion. */
.hero{height:min(960px,100svh);min-height:900px}
.hero-content{padding-top:158px}
.hero .eyebrow{font-size:14px;letter-spacing:.06em;margin-bottom:20px}
.hero h1{font-size:58px;line-height:1.2}
.hero-agent-name{display:inline-block;font-size:88px;font-weight:650;letter-spacing:-.055em;line-height:1.12;margin-bottom:10px}
.hero-description{font-size:18px;line-height:1.85;margin-top:24px}
.hero-context{display:block;margin-top:9px;color:#c3d3dc;font-size:15px}
.hero-actions{margin-top:28px}
.hero-secondary{font-size:15px}
.hero-actions .button{font-size:16px}
.platforms{font-size:13px}
.platforms small{font-size:11px}
.hero-image{animation:world-drift 26s ease-in-out infinite alternate;transform-origin:68% 60%;will-change:transform}
.hero-atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hero-atmosphere span{position:absolute;width:4px;height:4px;left:63%;top:55%;border-radius:50%;background:#d8f5d7;box-shadow:0 0 12px 3px #c9f3ca35;opacity:0;animation:world-embers 9s ease-in-out infinite}
.hero-atmosphere span:nth-child(2){left:82%;top:42%;width:3px;height:3px;animation-delay:-3s;animation-duration:12s}
.hero-atmosphere span:nth-child(3){left:91%;top:67%;animation-delay:-6s;animation-duration:11s}
.hero-atmosphere span:nth-child(4){left:48%;top:76%;width:3px;height:3px;animation-delay:-2s;animation-duration:14s}
.hero-content>h1{animation:hero-arrive .9s ease-out both}
.hero-content>.hero-description{animation:hero-arrive .9s .1s ease-out both}
.hero.motion-paused .hero-image,.hero.motion-paused .hero-atmosphere span{animation-play-state:paused}
@keyframes world-drift{from{transform:scale(1.015) translateX(0)}to{transform:scale(1.055) translateX(-.35%)}}
@keyframes world-embers{0%,100%{opacity:0;transform:translate3d(0,10px,0)}35%{opacity:.6}75%{opacity:0;transform:translate3d(7px,-24px,0)}}
@keyframes hero-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.agent-pillars{display:flex;gap:24px;margin:25px 0 30px}
.agent-pillars>span{color:#9eb9bd;font-size:13px;line-height:1.8}
.agent-pillars b{display:block;color:#c9edda;font-size:18px;font-weight:500;letter-spacing:.04em;margin-bottom:3px}
.companion-copy h2{font-size:44px}
.companion-lead{font-size:16px;line-height:2}
.companion-switch button{font-size:14px;min-height:44px}
.capability-note{font-size:12px;line-height:1.9}
.demo-top{font-size:12px}
.demo-brand{font-size:16px}
.demo-marker{font-size:12px}
.demo-world-caption{font-size:15px}
.demo-user{font-size:15px;line-height:1.9}
.demo-answer div>span{font-size:12px}
.demo-answer p{font-size:15px;line-height:1.9}
.demo-dialog{min-height:200px}
.agent-process{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;list-style:none;padding:18px 24px 22px;margin:0;border-top:1px solid #63808440;background:#142e39}
.agent-process li{min-width:0}
.agent-process li>span{display:block;font-size:11px;letter-spacing:.1em;color:#a4c5b7;margin-bottom:5px}
.agent-process b{font-size:13px;color:#d4e5de;font-weight:500}
.demo-world.scene-adapt{background-position:center,83% 80%}

/* Reading size on phones/tablets: body 15–17px, secondary information 12–14px.
   Tiny type inside the decorative phone mockup is intentionally not body copy. */
@media(max-width:1100px) and (min-width:601px){
  .download-grid{grid-template-columns:repeat(2,1fr)}
  .download-card:first-child{grid-column:1/-1}
  .mac-options{max-width:420px}
}
@media(max-width:900px){
  .companion-layout{grid-template-columns:1fr;gap:38px}
  .companion-copy h2{font-size:40px}
  .companion-demo{max-width:680px;transform:none;width:100%}
  .hero-agent-name{font-size:82px}
  .hero h1{font-size:52px}
}
@media(max-width:1100px){
  .section-intro,.section-head>.section-intro{font-size:16px;line-height:1.9}
  .story-copy p,.explore-story p,.together-story p{font-size:15px;line-height:1.9}
  .story-label{font-size:12px}
  .tags span{font-size:12px}
  .phone-copy>.section-intro{font-size:16px}
  .phone-features dt{font-size:17px}
  .phone-features dd{font-size:15px;line-height:1.9}
  .phone-features dt span{font-size:12px}
  .phone-copy .text-link{font-size:15px}
  .start-steps h3{font-size:22px}
  .start-steps p{font-size:15px;line-height:1.9}
  .start-steps a,.step-final{font-size:14px}
  .step-number{font-size:13px}
  .phone-download h3{flex-wrap:wrap;font-size:24px}
  .phone-download p:not(.version-meta){font-size:15px}
  .download-overline{font-size:12px}
  .phone-download .version-meta,.version-meta{font-size:13px}
  .download-actions .button,.card-button{font-size:15px;min-height:52px}
  .download-actions .text-link{font-size:14px;min-height:44px}
  .download-qr>span{font-size:14px}
  .game-download-heading h3{font-size:19px}
  .game-download-heading>span{font-size:14px}
  .download-card h3{font-size:28px}
  .download-card>p:not(.version-meta):not(.requirement):not(.preview-note){font-size:15px;line-height:1.8}
  .download-card-top .release-tag,.phone-download h3 .release-tag{font-size:12px}
  .mac-options{height:auto;min-height:48px}
  .mac-options button{font-size:14px;padding:8px}
  .platform-spec{font-size:16px}
  .requirement{font-size:14px;line-height:1.8}
  .download-card>.version-meta{font-size:13px}
  .download-card-bottom>span{font-size:12px}
  .preview-note,.download-footnotes{font-size:12px;line-height:1.9}
  .speaker-note h3{font-size:18px}
  .speaker-note p{font-size:14px;line-height:1.9}
  .speaker-note .text-link{font-size:14px;white-space:normal}
  .faq-list summary{font-size:16px;line-height:1.7}
  .faq-list details p{font-size:15px;line-height:1.9}
  .faq-section .text-link{font-size:15px}
  .footer-links{font-size:14px;row-gap:17px}
  .footer-fine{font-size:12px;line-height:1.8}
  .site-footer>div>p{font-size:13px}
  .qr-dialog>p:not(.eyebrow){font-size:15px}
  .qr-dialog .qr-safety{font-size:12px!important}
  .document-main p,.document-main li{font-size:16px}
  .document-main .lead{font-size:17px}
}
@media(max-width:600px){
  .hero{min-height:940px;height:auto;max-height:none;padding-bottom:110px}
  .hero-content{padding-top:130px}
  .hero .eyebrow{font-size:14px;letter-spacing:.025em;line-height:1.9;gap:8px;margin-bottom:23px}
  .hero h1{font-size:clamp(42px,11vw,54px);line-height:1.3;letter-spacing:-.045em}
  .hero-agent-name{font-size:clamp(64px,18vw,82px);line-height:1.12;margin-bottom:14px}
  .hero-description{font-size:17px;line-height:1.85;margin-top:23px}
  .hero-context{font-size:15px;line-height:1.9;margin-top:12px;max-width:320px}
  .title-star{font-size:27px;top:-8px;right:-5px}
  .hero-shade{background:linear-gradient(180deg,#10253b9c 0%,#10253ba6 12%,#10253bdf 35%,#10253bc2 63%,#10253b30 84%,#10253bb3),linear-gradient(90deg,#10253b80,transparent)}
  .hero-actions{flex-direction:column;align-items:stretch;gap:12px;margin-top:28px}
  .hero-actions .button{min-height:56px;font-size:16px;gap:28px;padding:14px 20px}
  .hero-secondary{justify-content:center;font-size:15px;gap:12px;min-height:44px}
  .platforms{font-size:14px;gap:18px;row-gap:8px;margin-top:17px;max-width:none;line-height:1.9}
  .platforms small{font-size:12px}
  .platforms>span:last-child{font-size:13px}
  .nav-download{font-size:13px;min-height:44px;padding:9px 12px;gap:12px}
  .hero-bottom{bottom:21px;align-items:flex-start;gap:15px}
  .scroll-link{font-size:12px;line-height:1.7;gap:9px}
  .hero-bottom>span{font-size:10px;max-width:120px}
  .hero-atmosphere span{left:87%;top:78%}
  .hero-atmosphere span:nth-child(2){left:94%;top:57%}
  .hero-atmosphere span:nth-child(3){left:72%;top:87%}
  .hero-atmosphere span:nth-child(4){left:92%;top:38%}
  .eyebrow,.start-head .eyebrow,.closing .eyebrow{font-size:12px;letter-spacing:.08em}
  .section-head h2,.phone-copy h2,.faq-section h2{font-size:32px}
  .companion-copy h2{font-size:34px;line-height:1.5}
  .companion-lead{font-size:16px;line-height:1.95;margin:22px 0}
  .companion-lead br{display:none}
  .agent-pillars{gap:0;justify-content:space-between;margin:25px 0}
  .agent-pillars b{font-size:20px}
  .agent-pillars>span{font-size:13px}
  .companion-switch{gap:8px}
  .companion-switch button{font-size:14px;padding:9px 12px;min-height:46px}
  .capability-note{font-size:12px;line-height:1.9}
  .demo-top{font-size:12px;padding:16px}
  .demo-brand{font-size:16px}
  .demo-marker{font-size:12px;left:14px;right:14px;width:fit-content;max-width:calc(100% - 28px)}
  .demo-world-caption{font-size:14px;right:14px;line-height:1.7}
  .demo-dialog{padding:21px 18px;min-height:220px}
  .demo-user{font-size:15px;line-height:1.9}
  .demo-answer p{font-size:15px;line-height:1.9}
  .agent-process{padding:17px 16px 21px;gap:8px}
  .agent-process b{font-size:13px}
  .agent-process li>span{font-size:12px}
  .phone-download .download-actions{gap:8px;flex-direction:column;align-items:stretch}
  .download-actions .button{font-size:15px;min-height:52px}
  .download-actions .text-link{font-size:14px;justify-content:center}
  .game-download-heading{gap:8px}
  .download-card-bottom>button{min-height:44px;min-width:44px}
  .download-qr{gap:20px}
  .download-qr img{width:120px;height:120px}
  .download-qr>span{max-width:135px}
  .start-head h2{font-size:28px}
  .closing .button{font-size:15px;min-height:54px}
  .document-main .doc-label{font-size:12px}
  .document-main code{font-size:14px}
}
@media(max-width:360px){
  .hero .eyebrow{font-size:13px}
  .companion-copy h2{font-size:30px}
  .section-head h2,.phone-copy h2{font-size:29px}
  .companion-switch button{font-size:13px;padding-inline:10px}
  .agent-pillars>span{font-size:12px}
  .phone-download h3{font-size:22px}
  .phone-download{padding-inline:19px}
  .download-qr{gap:12px}
  .download-qr img{width:104px;height:104px}
  .nav-download{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .hero-image,.hero-atmosphere span,.hero-content>h1,.hero-content>.hero-description{animation:none!important;transform:none}
}

/* English grows out of shared play, with readable, optional language support. */
.english-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.english-copy h2{font-size:42px;line-height:1.4}
.english-copy h2>span{color:#427766}
.english-intro{font-size:16px;line-height:2;color:#637b72;margin:25px 0 28px}
.english-benefits{margin:0 0 28px;display:grid;gap:20px}
.english-benefits dt{font-size:17px;font-weight:600;line-height:1.5;position:relative;padding-left:20px}
.english-benefits dt:before{content:"";position:absolute;width:6px;height:6px;border-radius:2px;background:#81b59a;left:0;top:9px;transform:rotate(15deg)}
.english-benefits dd{font-size:14px;color:#71847b;line-height:1.9;margin:7px 0 0 20px;max-width:410px}
.english-copy .text-link{font-size:14px}
.english-demo{padding:26px;background:#edf3eb;border:1px solid #dce7d9;border-radius:16px;box-shadow:0 20px 50px #33534208;min-width:0}
.english-demo-top{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:12px;color:#476b58;line-height:1.7}
.english-demo-top .live-dot{background:#79aa88;margin:0 5px 0 0;box-shadow:none}
.english-demo-top small{font-size:10px;color:#87988a;margin-left:auto}
.english-switch{display:flex;gap:6px;padding:5px;margin:22px 0 23px;background:#dfeade;border-radius:9px}
.english-switch button{background:none;padding:8px 11px;flex:1;min-width:0;font-size:13px;min-height:43px;white-space:nowrap;color:#607d68;border-radius:6px}
.english-switch button.is-active{background:#fff;color:#2d5a41;box-shadow:0 2px 7px #385f3c0c}
.english-scene-context{font-size:13px;color:#7c8e7e;margin-bottom:19px}
.english-bubble{padding:21px 22px;background:white;border:1px solid #e4ebe0;border-radius:12px 12px 12px 3px;margin-bottom:19px;box-shadow:0 4px 12px #203d2a03}
.english-speaker{font-size:12px;color:#66826d;display:block;margin-bottom:10px;font-weight:500}
.english-speech{font-size:24px;line-height:1.55;letter-spacing:-.02em;color:#214d3d;overflow-wrap:break-word}
.child-bubble{margin-left:38px;background:#dcebdc;border-color:#d0e2ce;border-radius:12px 12px 3px 12px}
.child-bubble .english-speech{color:#2d5740}
.english-translation{font-size:14px;color:#7b8b7e;line-height:1.8;margin-top:13px;padding-top:11px;border-top:1px solid #b6cbb34a}
.translation-toggle{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:8px 14px;background:none;border:1px solid #ccddc9;border-radius:6px;font-size:13px;color:#5a7b60;margin-top:8px}
.translation-toggle:hover{background:#e2ece0}
.english-purpose{font-size:15px;font-weight:500;color:#486d51;margin-top:22px;padding-top:18px;border-top:1px solid #d4e2d0}
.english-note{font-size:11px;line-height:1.8;color:#849681;margin-top:10px}
.hero-motion-toggle{position:absolute;z-index:4;right:56px;top:118px;display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:36px;padding:7px 12px;color:#eff6ee;background:#14334569;border:1px solid #e7f4e947;backdrop-filter:blur(8px);border-radius:6px;font-size:12px;line-height:1.4}
.hero-motion-toggle[hidden]{display:none}
.hero-motion-toggle:hover{background:#143345a3}
.motion-symbol{font-size:13px;line-height:1}
@media(max-width:1100px){
  .english-section{gap:45px}
  .english-copy h2{font-size:37px}
  .english-demo{padding:22px}
  .english-demo-top small{width:100%;margin-left:16px;font-size:11px}
  .english-speech{font-size:22px}
  .english-benefits dd{font-size:15px}
  .english-note{font-size:12px}
}
@media(max-width:800px){
  .english-section{grid-template-columns:1fr;gap:35px}
  .english-demo{width:100%;max-width:660px}
  .english-copy h2{font-size:34px}
  .english-demo-top small{width:auto;margin-left:auto}
  .english-benefits{gap:21px}
}
@media(max-width:600px){
  .hero-image{object-position:87% center;filter:brightness(1.1) saturate(1.08);animation:world-drift-mobile 16s linear infinite alternate;transform-origin:65% 56%}
  .hero-shade{background:linear-gradient(90deg,#091b2c3d,#091b2c10),linear-gradient(180deg,#091b2c38 0%,#091b2c30 28%,#091b2c63 64%,#091b2c08 85%,#091b2c65 100%)}
  .hero h1,.hero-description,.hero .eyebrow,.platforms{text-shadow:0 2px 10px #071a30b8,0 0 25px #071a3070}
  .hero-context{color:#edf4f4}
  .hero-description{color:#fff}
  .hero-motion-toggle{top:93px;right:20px;min-height:34px;font-size:12px;padding:7px 10px;background:#1433454f}
  .english-copy h2{font-size:32px}
  .english-intro{font-size:16px;line-height:1.95;margin-top:23px}
  .english-benefits dt{font-size:18px}
  .english-benefits dd{font-size:15px}
  .english-copy .text-link{font-size:14px;line-height:1.8}
  .english-demo{padding:22px 19px;border-radius:13px}
  .english-demo-top{font-size:12px}
  .english-demo-top small{font-size:11px}
  .english-switch{gap:4px;padding:4px}
  .english-switch button{font-size:14px;padding:8px 9px;min-height:44px}
  .english-scene-context{font-size:14px;line-height:1.8}
  .english-bubble{padding:18px 17px;margin-bottom:17px}
  .english-speech{font-size:22px;line-height:1.6}
  .english-speaker{font-size:13px;margin-bottom:9px}
  .child-bubble{margin-left:23px}
  .english-translation{font-size:14px}
  .translation-toggle{font-size:14px;width:100%;min-height:46px}
  .english-purpose{font-size:15px;line-height:1.9}
  .english-note{font-size:12px}
}
@media(max-width:360px){
  .english-copy h2{font-size:29px}
  .english-switch button{font-size:13px;padding-inline:6px}
  .english-demo-top small{width:100%;margin-left:16px}
  .english-speech{font-size:20px}
  .hero-motion-toggle{font-size:11px}
}
@keyframes world-drift-mobile{from{transform:scale(1.025) translate3d(0,0,0)}to{transform:scale(1.10) translate3d(-.7%,-1%,0)}}
@media(prefers-reduced-motion:reduce){
  .hero-image,.hero-atmosphere span{animation:none!important;transform:none}
  /* Only a deliberate play-button press overrides the system motion preference. */
  .hero.motion-opt-in .hero-image{animation:world-drift 26s linear infinite alternate!important}
}
@media(prefers-reduced-motion:reduce) and (max-width:600px){
  .hero.motion-opt-in .hero-image{animation:world-drift-mobile 16s linear infinite alternate!important}
}
.hero.motion-disabled .hero-image,.hero.motion-disabled .hero-atmosphere span,
.hero.motion-paused .hero-image,.hero.motion-paused .hero-atmosphere span{animation-play-state:paused!important}
/* Keep the keyboard skip link focusable without offscreen capture artifacts. */
.skip-link{top:0;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0}
.skip-link:focus{top:10px;clip-path:none;width:auto;height:auto;overflow:visible;padding:12px}

/* Keep the primary entry above the foreground characters on a phone. */
.hero-art{position:absolute;inset:0;overflow:hidden;pointer-events:none}
@media(min-width:601px) and (max-width:900px){
  .hero-image{object-position:94% center;filter:brightness(1.1) saturate(1.08)}
}
@media(max-width:600px){
  .hero{height:1040px;min-height:0;max-height:none;padding-bottom:0;background:#142e3c}
  .hero-art{top:100px;height:900px;bottom:auto;mask-image:linear-gradient(transparent,#000 70px)}
  .hero-content{padding-top:114px}
  .hero .eyebrow{margin-bottom:12px}
  .hero h1{font-size:clamp(42px,11vw,44px)}
  .hero-agent-name{font-size:clamp(64px,18vw,72px);margin-bottom:4px}
  .hero-description{margin-top:16px;line-height:1.65}
  .hero-context{margin-top:6px}
  .hero-actions{margin-top:18px}
  .hero-secondary{position:absolute;top:864px;left:0;right:0}
  .platforms{position:absolute;top:922px;left:0;right:0;margin-top:0}
  .hero-image{object-position:94% center}
  .hero-shade{background:linear-gradient(90deg,#091b2c45,#091b2c10),linear-gradient(180deg,#091b2c38 0%,#091b2c30 28%,#091b2c58 49%,#091b2c00 62%,#142e3c40 82%,#142e3c 100%)}
  .hero-motion-toggle{top:554px;bottom:auto;right:20px}
}

@media(max-width:360px){.hero-image{object-position:92% center}}

/* Small editable world animation: observe → plan → move/build. */
.timeline-demo .demo-playback[hidden]{display:none}
.companion-demo .demo-world{height:340px;background:#163441;background-image:radial-gradient(ellipse at 50% 80%,#416c622a,transparent 70%)}
.agent-world{display:block;width:100%;height:100%}
.demo-world-caption{font-size:13px;left:20px;right:15px;bottom:10px;color:#c6ded2;text-shadow:0 2px 8px #13313d}
.demo-marker{top:14px;left:17px}
.demo-stage-description{margin:0;padding:17px 23px;min-height:75px;font-size:14px;line-height:1.9;color:#bfdbcb;background:#173b43;border-top:1px solid #739f8d25;border-bottom:1px solid #739f8d25}
.companion-demo .demo-dialog{min-height:190px}
.demo-enhanced[data-phase="0"] .demo-answer{opacity:.2}
.demo-enhanced .demo-answer{transition:opacity .35s ease}
.demo-route{fill:none;stroke:#f6e1aa;stroke-width:3;stroke-dasharray:7 5;stroke-linecap:round;opacity:0}
.route-explore,.route-adapt{display:none}
[data-scenario="explore"] .route-build,[data-scenario="adapt"] .route-build{display:none}
[data-scenario="explore"] .route-explore,[data-scenario="adapt"] .route-adapt{display:block}
[data-phase="2"] .demo-route,[data-phase="3"] .demo-route,[data-phase="4"] .demo-route{opacity:.9}
.demo-scan{fill:#c5efc216;stroke:#bce8cd;stroke-width:2;stroke-dasharray:5 4;opacity:0;transform-box:fill-box;transform-origin:center}
.house-outline{stroke:#c9e4d1;stroke-width:1.8;stroke-dasharray:5 4;fill:none;opacity:0}
[data-scenario="build"][data-phase="2"] .house-outline,[data-scenario="build"][data-phase="3"] .house-outline{opacity:.85}
.world-house{opacity:1}
[data-scenario="build"][data-phase="0"] .world-house,[data-scenario="build"][data-phase="1"] .world-house,[data-scenario="build"][data-phase="2"] .world-house{opacity:0}
.world-obstacle{display:none}
[data-scenario="adapt"] .world-obstacle{display:block}
.world-player{transform:translate(170px,227px)}
.world-agent{transform:translate(215px,235px)}
.animated-part{animation-name:var(--demo-animation,none);animation-duration:var(--demo-duration,1s);animation-delay:var(--demo-delay,0s);animation-iteration-count:var(--demo-repeat,1);animation-timing-function:var(--demo-easing,linear);animation-fill-mode:both;animation-play-state:paused!important}
.timeline-demo.is-playing .animated-part{animation-play-state:running!important}
[data-phase="1"] .demo-scan{--demo-animation:demo-scan;--demo-duration:1.2s;--demo-repeat:infinite;--demo-easing:ease-in-out}
[data-phase="3"] .world-agent{--demo-animation:demo-build-walk;--demo-duration:3.2s}
[data-phase="3"] .agent-sprite{--demo-animation:demo-step;--demo-duration:.35s;--demo-repeat:infinite;--demo-easing:ease-in-out}
[data-scenario="build"][data-phase="3"] .house-floor{--demo-animation:demo-assemble;--demo-duration:.6s;--demo-delay:.3s}
[data-scenario="build"][data-phase="3"] .house-walls{--demo-animation:demo-assemble;--demo-duration:.8s;--demo-delay:1.1s}
[data-scenario="build"][data-phase="3"] .house-roof{--demo-animation:demo-assemble;--demo-duration:.8s;--demo-delay:2s}
[data-phase="4"] .world-agent{transform:translate(325px,200px)}
[data-scenario="explore"][data-phase="3"] .world-agent{--demo-animation:demo-follow}
[data-scenario="explore"][data-phase="3"] .world-player{--demo-animation:demo-player-walk;--demo-duration:3.2s}
[data-scenario="explore"][data-phase="4"] .world-player{transform:translate(390px,150px)}
[data-scenario="explore"][data-phase="4"] .world-agent{transform:translate(348px,172px)}
[data-scenario="adapt"][data-phase="3"] .world-agent{--demo-animation:demo-detour}
.agent-process li{border-top:2px solid transparent;padding-top:8px;transition:border-color .25s,background .25s}
.agent-process li.is-current{border-top-color:#bce8cd}
.agent-process li.is-current b{color:#e4f6d9}
.agent-process li.is-done{border-top-color:#729b80}
.demo-playback{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:16px 22px;border-top:1px solid #63808440}
.demo-playback button{display:inline-flex;align-items:center;justify-content:center;gap:11px;background:#254652;border:1px solid #6487775c;color:#d3e8db;border-radius:6px;padding:8px 12px;min-height:44px;font-size:12px}
.demo-playback button:hover{background:#315865}
.timeline-status{font-size:10px;color:#91afa4;margin-left:auto}
.english-demo .demo-playback{padding:0 0 20px;border-top:0}
.english-demo .demo-playback button{background:#fff;color:#51755d;border-color:#ccddc9}
.english-demo .demo-playback button:hover{background:#e2ece0}
.english-demo .timeline-status{color:#84967f}
.english-demo.demo-enhanced [data-english-turn]{transition:opacity .4s ease,transform .4s ease}
.english-demo.demo-enhanced [data-revealed="false"]{opacity:0;transform:translateY(9px);pointer-events:none}
.english-demo .is-speaking{box-shadow:0 0 0 2px #8eb59a47}
@keyframes demo-scan{0%,100%{opacity:.3;transform:scale(.9)}50%{opacity:.9;transform:scale(1.05)}}
@keyframes demo-step{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes demo-build-walk{from{transform:translate(215px,235px)}to{transform:translate(325px,200px)}}
@keyframes demo-follow{0%{transform:translate(215px,235px)}55%{transform:translate(290px,210px)}100%{transform:translate(348px,172px)}}
@keyframes demo-player-walk{0%{transform:translate(170px,227px)}55%{transform:translate(310px,180px)}100%{transform:translate(390px,150px)}}
@keyframes demo-detour{0%{transform:translate(215px,235px)}40%{transform:translate(242px,271px)}70%{transform:translate(292px,260px)}100%{transform:translate(325px,200px)}}
@keyframes demo-assemble{from{opacity:0;transform:translateY(-9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){
 .companion-demo .demo-world{height:285px}
 .demo-world-caption{font-size:12px;bottom:12px;line-height:1.8}
 .demo-stage-description{font-size:14px;padding:17px 18px;min-height:87px}
 .demo-playback{padding:15px 16px;gap:8px}
 .demo-playback button{font-size:13px;padding-inline:11px}
 .timeline-status{font-size:11px;margin-left:0;flex-basis:100%;margin-top:3px}
 .english-demo .demo-playback button{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 .timeline-demo.motion-opt-in .animated-part{animation-name:var(--demo-animation,none)!important;animation-duration:var(--demo-duration,1s)!important;animation-delay:var(--demo-delay,0s)!important;animation-iteration-count:var(--demo-repeat,1)!important;animation-timing-function:var(--demo-easing,linear)!important;animation-fill-mode:both!important}
}