.how-page{--how-cream:#f1e8d2;--how-muted:#a5bcb7;--how-green:#bdcbb0;--how-gold:#e5c58c;color:var(--how-cream);background:radial-gradient(ellipse at 75% 4%,#454b5c55,transparent 25%),radial-gradient(ellipse at 15% 36%,#37685b25,transparent 28%),#132530;min-height:100dvh;overflow:clip}.how-page a{color:inherit;text-decoration:none}.how-page h1,.how-page h2,.how-page h3,.how-page p{margin:0}.how-page em{color:var(--how-green);font-style:normal}.how-page button{font:inherit}.how-page img{max-width:100%;object-fit:contain}.how-header{max-width:1380px;margin:auto;padding:25px 36px;justify-content:space-between;gap:30px;border-bottom:1px solid #ced9c218}.how-brand,.how-header{display:flex;align-items:center}.how-brand{gap:12px;color:var(--how-gold)!important;flex-shrink:0}.how-brand>span{font-size:30px;font-weight:650;line-height:1;letter-spacing:-1.2px;color:var(--how-cream)}.how-brand small,.how-brand>span>span{color:var(--how-gold)}.how-brand small{display:block;font-size:10px;letter-spacing:.04em;font-weight:500;margin-top:7px}.how-header nav{display:flex;align-items:center;gap:27px;font-size:12px;color:#b5c6bf}.how-header nav a{display:flex;align-items:center;min-height:44px;gap:9px}.how-header nav a:hover{color:var(--how-cream)}.how-header-enter{padding:0 18px;border:1px solid #aabfa536;border-radius:9px;color:var(--how-cream)!important}.how-hero{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:50px;max-width:1320px;margin:auto;padding:58px 36px 42px}.how-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:600;letter-spacing:.13em;color:#b3c4a9;line-height:1.6}.how-hero h1{font-size:clamp(39px,4.2vw,60px);font-weight:450;line-height:1.13;letter-spacing:-2px;margin:22px 0}.how-hero h1 em{display:inline-block;margin-top:9px}.how-hero-copy>p{font-size:16px;line-height:1.8;color:var(--how-muted);max-width:440px}.how-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:28px}.how-button{display:inline-flex;justify-content:center;align-items:center;gap:19px;min-height:48px;padding:13px 20px;border:1px solid #d3b67f;border-radius:10px;background:linear-gradient(105deg,#ead09d,#ddbb85);color:#2c403b!important;font-size:13px;font-weight:600}.how-button:hover{filter:brightness(1.05)}.how-text-link{display:inline-flex;align-items:center;gap:11px;min-height:44px;font-size:12px;color:#c5ceb4!important}.how-hero-note{display:flex;align-items:flex-start;gap:10px;color:#87a39a;font-size:11px;line-height:1.65;max-width:310px;margin-top:25px}.how-hero-note svg{flex-shrink:0;margin-top:2px}.how-world-card{min-width:0;background:linear-gradient(160deg,#30464c75,#1c353748);border:1px solid #b3c4b01f;border-radius:22px;overflow:hidden;box-shadow:0 20px 65px #00000017}.how-world-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px 20px 0;position:relative;z-index:2}.how-world-top>span{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.12em;color:#9bb8ad}.how-world-top i{width:5px;height:5px;background:#9bbb9e;border-radius:50%}.how-world-top button{color:#9bb3ad;background:none;border:none;padding:8px 0 8px 8px;font-size:10px;min-height:36px}.how-world{position:relative;height:420px;background:radial-gradient(ellipse at 50% 60%,#78977616,transparent 70%)}.how-page .how-world .planet-surface{inset:0}.how-page .how-world .camera-controls,.how-page .how-world .camera-hud,.how-page .how-world .mobile-movement{display:none!important}.how-world .world-label{font-size:10px;padding:5px 8px;background:#203c37d9}.how-world-orbit{position:absolute;bottom:7px;left:12px;right:12px;text-align:center;color:#789990;pointer-events:none}.how-world-selected{position:absolute;bottom:31px;left:16px;right:16px;padding:11px 40px 11px 13px;border-radius:10px;background:#17302eea;border:1px solid #c4d3ae33;font-size:11px;line-height:1.6}.how-world-selected button{position:absolute;right:3px;top:3px;width:36px;height:36px;font-size:22px;border:0;background:none;color:var(--how-cream)}.how-loading,.how-world-fallback{height:100%;min-height:320px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;color:var(--how-gold);text-align:center;font-size:12px;padding:25px}.how-world-fallback img{max-height:270px}.how-stage-controls{min-width:0;display:flex;padding:8px;gap:5px;margin:0 15px;background:#152b309c;border:1px solid #b3c4b018;border-radius:12px}.how-stage-controls button{display:flex;justify-content:center;align-items:center;gap:9px;flex:1;min-width:0;padding:12px 5px;min-height:44px;border:0;background:transparent;color:#91ada6;font-size:12px;border-radius:7px}.how-stage-controls button span{font-size:9px;opacity:.65}.how-stage-controls button[aria-pressed=true]{color:#243e36;background:#d9c49a}.how-stage-caption{padding:20px 24px 12px}.how-stage-caption>span{color:#8faa9c;font-size:8px;letter-spacing:.13em}.how-stage-caption>div{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:9px 0}.how-stage-caption h2{font-size:20px;line-height:1.25;font-weight:500;letter-spacing:-.45px}.how-stage-caption p{font-size:12px;color:var(--how-muted);line-height:1.7}.how-stage-arrows{display:flex;flex-shrink:0;gap:5px}.how-stage-arrows button{display:grid;place-items:center;border:1px solid #b5c5af29;border-radius:50%;background:none;width:36px;height:36px;color:#bdc6aa}.how-illustration-note{text-align:center;font-size:9px;color:#79968c;padding:0 20px 17px}.how-principles{max-width:1248px;margin:0 auto;padding:25px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #c9d5b824;border-bottom:1px solid #c9d5b824;gap:24px}.how-principles>div{display:flex;align-items:center;justify-content:center;gap:12px;color:#9fb5a8;font-size:11px;line-height:1.65}.how-principles svg{color:#c6bf91;flex-shrink:0}.how-section{max-width:1248px;margin:0 auto;padding:82px 0;scroll-margin-top:20px}.how-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:34px}.how-footer h2,.how-section h2{font-size:clamp(29px,3.2vw,43px);font-weight:450;line-height:1.2;letter-spacing:-1.1px;margin-top:14px}.how-section-heading>p{max-width:370px;font-size:13px;line-height:1.8;color:var(--how-muted)}.how-journey{list-style:none;counter-reset:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.how-journey li{background:#a8c3a506;border:1px solid #c0cfa21c;border-radius:13px;padding:23px 24px}.how-step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;color:#bfc59c}.how-step-top>span{font-size:12px;font-weight:500;letter-spacing:.12em;color:#839f91}.how-journey h3{font-weight:500;font-size:16px;margin-bottom:11px;letter-spacing:-.3px}.how-journey p{color:#9ab1a7;font-size:12px;line-height:1.8}.how-day-example{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:50px;align-items:center;margin-top:25px;padding:30px;border-radius:13px;background:#1b3438}.how-day-example h3{font-size:21px;font-weight:450;margin:9px 0 12px;letter-spacing:-.5px}.how-day-example p{color:var(--how-muted);font-size:12px;line-height:1.8}.how-agenda-lines>div{display:flex;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid #c5d3b21b}.how-agenda-lines>div:last-child{border:0}.how-agenda-lines time{font-size:11px;font-variant-numeric:tabular-nums;color:#c1c69f}.how-agenda-lines>div>span:nth-child(2){font-size:12px;flex:1}.how-agenda-lines small{display:block;font-size:10px;color:#8eaaa0;margin-top:4px;line-height:1.55}.how-task-tag{border:1px solid #b0caa431;border-radius:15px;padding:4px 8px;font-size:9px;color:#a6b59b}.how-section+.how-section{border-top:1px solid #c1d0ae1a}.how-possibility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.how-feature{min-width:0;border:1px solid #baccac1d;border-radius:17px;padding:0 24px 22px;background:linear-gradient(145deg,#2440396b,#1d313d88)}.how-feature-image{position:relative;display:flex;justify-content:center;height:210px;margin-bottom:12px}.how-feature-image img{height:210px;width:240px}.how-feature-image>svg{position:absolute;bottom:8px;left:0;color:#b1bb96}.how-feature h3{font-size:19px;line-height:1.3;font-weight:450;letter-spacing:-.35px;max-width:270px;margin-bottom:13px}.how-feature>p{color:#9bb1a9;font-size:12px;line-height:1.8}.how-feature details{margin-top:18px}.how-feature summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:36px;font-size:11px;color:#cccea9}.how-faq summary::-webkit-details-marker,.how-feature summary::-webkit-details-marker{display:none}.how-feature details p{font-size:12px;line-height:1.8;color:#afc1b7;margin-top:10px;border-top:1px solid #c2cda91a;padding-top:13px}.how-faq details[open] summary svg,.how-feature details[open] summary svg{transform:rotate(180deg)}.how-friends{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:35px 65px;align-items:center}.how-friends>div>p{font-size:13px;line-height:1.85;color:var(--how-muted);margin-top:22px}.how-friend-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.how-friend-actions>span{display:flex;align-items:center;gap:7px;padding:9px 11px;background:#b0c7a509;border:1px solid #b0c7a522;border-radius:8px;color:#b5c5ac;font-size:10px}.how-subtle{font-size:11px!important;color:#829e93!important}.how-companions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.how-companions-grid figure{margin:0;text-align:center;background:#a3c1a206;border:1px solid #bed0aa1b;border-radius:13px;padding:0 10px 15px}.how-companions-grid img{display:block;width:100%;max-height:180px}.how-companions-grid figcaption{font-size:12px}.how-companions-grid small{display:block;color:#89a296;font-size:10px;margin-top:4px}.how-gift-note{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:12px;color:#c1b492;padding-top:4px}.how-gift-note svg{flex-shrink:0}.how-gift-note p{font-size:11px;line-height:1.8}.how-systems{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px}.how-systems dl{margin:26px 0 0}.how-systems dl>div{display:grid;grid-template-columns:25px 1fr;column-gap:14px;margin-top:22px}.how-systems dt{font-size:13px;color:#dddcc0}.how-systems dd{grid-column:2;margin:5px 0 0;color:#8fa99e;font-size:12px;line-height:1.7}.how-systems dl svg{color:#c2bc8b;margin-top:1px}.how-weather-icons{display:flex;align-items:center;gap:20px;color:#c1c296;margin:27px 0 22px}.how-systems article>p{color:#9bb1a6;font-size:13px;line-height:1.8;margin:12px 0}.how-privacy{display:flex;gap:12px;background:#b9cba709;border:1px solid #c9d5b31c;border-radius:12px;padding:18px;margin-top:23px}.how-privacy svg{flex-shrink:0;color:#bbbc8b}.how-privacy strong{font-weight:500;font-size:12px}.how-privacy p{margin-top:6px;font-size:11px;line-height:1.8;color:#8fa99d}.how-future{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);align-items:center;gap:80px}.how-status-pill{display:inline-block;font-size:9px;letter-spacing:.07em;border:1px solid #ceb98851;background:#ccab6411;color:#d2bd8e;border-radius:6px;padding:7px 9px}.how-future-copy>p{font-size:13px;line-height:1.85;color:var(--how-muted);margin-top:22px}.how-future-note{display:flex;align-items:flex-start;gap:12px;padding:17px 0 0;border-top:1px solid #b5c3a925;margin-top:22px;font-size:11px;color:#c0b996;line-height:1.8}.how-future-note svg{flex-shrink:0;margin-top:3px}.how-estimate{border:1px solid #c3bc8e38;border-radius:18px;padding:27px;background:linear-gradient(145deg,#2b4140,#1b3038)}.how-estimate h3{font-size:22px;font-weight:450;margin:9px 0 10px;letter-spacing:-.5px}.how-estimate>p{font-size:11px;line-height:1.7;color:#8da79c;margin-bottom:26px}.how-estimate label{display:block;color:#b9c9b4;font-size:11px;line-height:1.6}.how-estimate label>strong{float:right;color:#e4d4a5;font-size:13px;font-weight:500}.how-estimate input[type=range]{width:100%;min-height:32px;padding:0;accent-color:#d2bd86;margin:8px 0 17px}.how-estimate-inputs{display:grid;grid-template-columns:1fr 1fr;gap:15px}.how-estimate input[type=number]{display:block;width:100%;min-width:0;margin-top:7px;background:#142b2f;border:1px solid #b7c5a633;border-radius:8px;min-height:44px;padding:9px 11px;color:#e0d9bd;font:inherit;font-size:16px}.how-estimate output{display:block;margin-top:22px;padding-top:20px;border-top:1px solid #b7c5a62b}.how-estimate output>span{display:block;font-size:11px;color:#91ad9f}.how-estimate output>strong{display:block;color:#e6cca0;font-size:37px;line-height:1.2;letter-spacing:-1px;font-weight:450;margin-top:8px}.how-estimate output small{display:block;color:#839e92;line-height:1.8;font-size:10px;margin-top:12px}.how-store{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:50px}.how-store p{color:var(--how-muted);font-size:13px;line-height:1.8;margin:19px 0}.how-store .how-button{margin-top:8px}.how-store-models{display:flex;align-items:center;min-width:0}.how-store-models img{width:55%;min-width:0}.how-store-models img+img{margin-left:-10%;margin-top:80px}.how-faq{max-width:870px}.how-faq h2{margin-bottom:30px}.how-faq details{border-bottom:1px solid #c2d1af21}.how-faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;font-size:13px;line-height:1.65;padding:20px 0;cursor:pointer;color:#d5ddc4}.how-faq summary svg{color:#95ac99;flex-shrink:0}.how-faq details p{font-size:12px;line-height:1.9;color:#98b2a5;padding:0 25px 23px 0}.how-footer{text-align:center;padding:55px 24px 34px;background:radial-gradient(ellipse at 50% 100%,#62855e26,transparent 70%)}.how-footer>svg{color:#cab57e;margin:auto auto 15px}.how-footer>p{font-size:13px;line-height:1.9;margin:20px 0 25px;color:#92aea0}.how-footer>small{display:block;font-size:10px;color:#738f83;margin-top:50px}@media (max-width:1320px){.how-principles,.how-section{margin-left:36px;margin-right:36px}.how-faq{margin-left:auto;margin-right:auto;max-width:calc(100% - 100px)}}@media (max-width:1000px){.how-hero{gap:27px;padding-top:42px}.how-hero h1{font-size:39px;letter-spacing:-1.4px}.how-hero-copy>p{font-size:14px}.how-world{height:365px}.how-stage-caption{padding:18px 18px 12px}.how-stage-caption h2{font-size:17px}.how-stage-arrows button{width:32px;height:32px}.how-stage-controls button{font-size:10px;gap:5px}.how-section{padding-top:60px;padding-bottom:60px}.how-friends,.how-future{gap:35px}.how-feature{padding-left:19px;padding-right:19px}.how-feature-image,.how-feature-image img{height:180px}.how-systems{gap:40px}.how-journey li{padding:20px}}@media (max-width:760px){.how-header{padding:19px 22px;gap:18px;flex-wrap:wrap}.how-brand>span{font-size:27px}.how-header nav{width:100%;justify-content:space-between;gap:10px;font-size:10px}.how-header-enter{padding:0 12px}.how-header nav a{min-height:40px}.how-hero{grid-template-columns:1fr;padding:35px 22px;gap:32px}.how-hero-copy{max-width:540px}.how-hero h1{font-size:clamp(36px,6.7vw,49px);margin:16px 0}.how-hero-copy>p{max-width:540px;font-size:14px}.how-hero-note{max-width:100%;margin-top:20px}.how-actions{margin-top:24px}.how-world{height:390px}.how-stage-controls button{font-size:12px}.how-stage-caption h2{font-size:20px}.how-stage-arrows button{width:40px;height:40px}.how-world-card{border-radius:16px}.how-principles,.how-section{margin-left:22px;margin-right:22px}.how-principles{grid-template-columns:1fr;gap:14px;padding:22px 0}.how-principles>div{justify-content:flex-start;font-size:11px}.how-section-heading{display:block;margin-bottom:28px}.how-section-heading>p{margin-top:18px;max-width:100%}.how-section h2{font-size:33px}.how-journey{grid-template-columns:repeat(2,minmax(0,1fr))}.how-day-example{grid-template-columns:1fr;gap:12px;padding:23px}.how-possibility-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.how-feature{padding:0 17px 18px}.how-feature h3{font-size:17px}.how-feature-image,.how-feature-image img{height:170px}.how-friends,.how-future,.how-store,.how-systems{grid-template-columns:1fr;gap:28px}.how-companions-grid img{max-height:210px}.how-gift-note{align-items:flex-start}.how-systems{gap:50px}.how-estimate{max-width:560px;width:100%}.how-store-models{max-width:550px;justify-self:center}.how-faq{max-width:none}.how-feature summary{min-height:44px}}@media (max-width:420px){.how-header,.how-hero{padding-left:18px;padding-right:18px}.how-principles,.how-section{margin-left:18px;margin-right:18px}.how-hero h1{font-size:36px}.how-hero-copy>p{font-size:13px}.how-hero .how-eyebrow{font-size:8px}.how-actions{gap:11px 19px}.how-button{min-height:48px;padding:12px 15px;font-size:12px}.how-world{height:340px}.how-world-top{padding:10px 13px 0}.how-world-top>span{font-size:8px}.how-world-top button{font-size:9px}.how-stage-controls{margin:0 10px;padding:6px;gap:2px}.how-stage-controls button{font-size:10px;gap:6px}.how-stage-caption{padding:17px 15px 12px}.how-stage-caption h2{font-size:18px}.how-stage-caption>span{font-size:7px}.how-stage-caption p{font-size:11px}.how-stage-arrows button{height:36px;width:36px}.how-section{padding-top:48px;padding-bottom:48px}.how-section h2{font-size:29px}.how-journey{gap:10px}.how-journey li{padding:17px 15px}.how-journey h3{font-size:15px}.how-journey p{font-size:11px}.how-step-top{margin-bottom:18px}.how-task-tag{display:none}.how-possibility-grid{grid-template-columns:1fr}.how-feature{display:grid;grid-template-columns:minmax(0,1fr) 120px;padding:18px;gap:12px}.how-feature-image{grid-column:2;grid-row:1/3;height:145px;margin:0;align-self:center}.how-feature-image img{height:145px;width:150px}.how-feature-image>svg{display:none}.how-feature h3{margin:0;grid-column:1;align-self:end}.how-feature>p{grid-column:1;font-size:11px}.how-feature details{grid-column:1/-1;margin:0}.how-feature summary{border-top:1px solid #b5c5a61c;padding-top:6px}.how-friends>div>p{font-size:12px}.how-companions-grid img{max-height:165px}.how-estimate{padding:21px}.how-estimate-inputs{gap:12px}.how-estimate-inputs label{font-size:10px}.how-store-models img+img{margin-top:45px}.how-faq summary{font-size:12px}.how-header nav a{gap:5px}}@media (prefers-reduced-motion:reduce){.how-page *,.how-page :after,.how-page :before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.how-world{height:500px;isolation:isolate;background:radial-gradient(ellipse at 50% 47%,#548f6e45 0,#18323808 67%)}.how-world-card[data-stage="1"] .how-world{background:radial-gradient(ellipse at 50% 48%,#409c8c45,transparent 70%)}.how-world-card[data-stage="2"] .how-world{background:radial-gradient(ellipse at 50% 50%,#416a924f 5%,#51417138 45%,transparent 75%)}.evolution-canvas{position:absolute;inset:0;touch-action:pan-y}.evolution-canvas canvas{display:block;width:100%;height:100%;touch-action:pan-y}.evolution-counts{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:0 16px 18px}.evolution-counts>span{display:flex;align-items:center;gap:6px;padding:7px 9px;background:#17333377;border:1px solid #98bba32a;border-radius:8px;color:#c5d7c4;font-size:11px}.evolution-counts b{font-weight:500}.evolution-counts .orbital-stat{color:#eed3a0;border-color:#d4b57555;background:#594a2c44}.how-world-orbit{bottom:9px;font-size:10px;color:#bdd3c8}@media(max-width:800px){.how-world{height:clamp(380px,110vw,520px)}.how-hero{gap:24px}.evolution-counts{gap:6px;padding:0 10px 14px}.evolution-counts>span{font-size:10px;padding:7px}.how-world-card{margin-inline:-8px}.how-world-top{padding:12px 14px 0}}@media(max-width:420px){.how-world{height:410px}.how-stage-controls button{font-size:11px;min-height:52px}.how-world-card{margin-inline:-10px}}.how-world-top+.how-stage-controls{margin-top:12px;margin-bottom:0}.how-world-top+.how-stage-controls button{min-height:46px}.evolution-hemispheres{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:4;display:flex;gap:5px;width:max-content;max-width:calc(100% - 16px);border:1px solid #dcca9a33;border-radius:100px;background:#152e37d9;padding:4px}.evolution-hemispheres button{min-height:40px;padding:8px 14px;border:0;border-radius:100px;color:#d8e5da;background:transparent;cursor:pointer;font-size:12px}.evolution-hemispheres button[aria-pressed=true]{background:#e8cea0;color:#243f43}.evolution-ad-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:3}.evolution-readable-ad{position:absolute;transform:translate(-50%,-100%);width:132px;padding:7px 8px;display:grid;gap:4px;background:#12313ded;border-left:3px solid #edce85;box-shadow:0 3px 10px #061a3540;color:#fff2d0;text-align:center}.evolution-readable-ad[hidden]{display:none}.evolution-readable-ad small{letter-spacing:.02em;line-height:1.2}.evolution-readable-ad strong{font-size:18px;line-height:1.1;letter-spacing:.04em}.evolution-readable-ad:after{content:"";position:absolute;left:50%;top:100%;height:10px;width:1px;background:#e8cea0}@media(max-width:600px){.evolution-hemispheres button{font-size:11px;padding:8px 10px}.evolution-readable-ad{width:126px}.evolution-readable-ad strong{font-size:17px}}.evolution-readable-ad{box-sizing:border-box;width:136px}.evolution-readable-ad small{white-space:nowrap;font-size:9px}.evolution-readable-ad strong{white-space:nowrap;font-size:16px;letter-spacing:.025em}