.site-header{height:auto;min-height:88px;gap:20px;flex-wrap:wrap;padding:14px 0}.site-header nav{flex:1;justify-content:flex-end;gap:20px;flex-wrap:wrap}.legal-nav-links{display:flex;gap:16px}.site-header .legal-nav-links a{font-size:11px;display:block!important}.site-header #site-language{font:600 12px "Manrope",system-ui;color:var(--ink,#18354b);background:var(--glass,#e4f5fa);border:1px solid var(--line,#97bac4);border-radius:99px;padding:10px 28px 10px 12px;max-width:160px;cursor:pointer}.legal-header .brand{font-weight:800;font-size:24px}.legal-header{max-width:1180px;margin:0 auto;width:calc(100% - 40px)}.legal-card[hidden]{display:none!important}.feature-grid>.modes-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.3fr;column-gap:45px;padding:40px}.modes-card>.feature-icon,.modes-card>.card-kicker,.modes-card>h3,.modes-card>p,.modes-card>.mode-buttons,.modes-card>.mode-explanation,.modes-card>.small-note{grid-column:1}.modes-card>.storyboard{grid-column:2;grid-row:1/9}.modes-card .card-kicker{margin-top:15px!important}.feature-grid{grid-template-columns:1fr 1fr}.feature-grid>.feature-wide{order:0}.feature-grid>.feature-card:not(.feature-wide):not(.modes-card){order:1;grid-column:auto}.feature-grid>.modes-card{order:2}.storyboard{min-width:0;align-self:center}.story-steps{display:flex;gap:8px}.story-steps button{display:flex;align-items:center;justify-content:center;flex:1;gap:8px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--muted);padding:12px 7px;font:600 11px system-ui;cursor:pointer}.story-steps b{font-size:9px;opacity:.6}.story-steps button[aria-pressed=true]{background:linear-gradient(120deg,#62dfe2,#97ead2);color:#174c63;border-color:transparent}.story-world{height:285px;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(150deg,#a8e4f43b,#9ccef329);border:1px solid #9fe9f32b;border-radius:22px;margin-top:14px}.story-world:after{content:"";position:absolute;bottom:35px;left:8%;right:8%;height:1px;background:#79bfd077}.story-home{position:absolute;left:1%;bottom:35px;width:72%;height:220px;overflow:visible}.room-light{fill:#ffe2a4;filter:drop-shadow(0 0 7px #ffd89f66);transition:fill 1.5s,filter 1.5s}.story-fire{opacity:0;transition:opacity 1s}.floor-warmth{opacity:.8;animation:room-heat 3s infinite}.story-pump{position:absolute;bottom:55px;right:9%;width:70px;height:88px;background:linear-gradient(140deg,#f2faff,#94b5c8);border:1px solid #d4f1f5;border-radius:9px;box-shadow:0 15px 22px #234d632b;display:grid;align-content:center;justify-items:center;gap:6px}.story-pump>small{font-size:7px;color:#456477}.story-fan{width:45px;height:45px;border:3px solid #507389;border-radius:50%;position:relative;animation:story-fan 2s linear infinite}.story-fan i{position:absolute;top:3px;left:16px;width:9px;height:18px;background:#52758b;border-radius:50%;transform-origin:50% 17px}.story-fan i:nth-child(2){rotate:120deg}.story-fan i:nth-child(3){rotate:240deg}.story-pipe{position:absolute;bottom:68px;left:53%;right:24%;height:12px;border-bottom:2px solid #69dce055;display:flex;justify-content:space-between}.story-pipe i{width:6px;height:6px;background:#58e3df;border-radius:50%;box-shadow:0 0 8px #62dff9;animation:story-energy 2s linear infinite}.story-pipe i:nth-child(2){animation-delay:-.66s}.story-pipe i:nth-child(3){animation-delay:-1.33s}.story-sound{position:absolute;right:-20px;top:10px;display:flex;gap:4px;height:28px;align-items:center}.story-sound i{width:3px;height:15px;background:#8dc8d2;border-radius:9px;animation:sound-level .9s infinite alternate}.story-sound i:nth-child(2){height:24px;animation-delay:-.3s}.story-sound i:nth-child(3){height:18px;animation-delay:-.6s}.story-sun{position:absolute;left:12%;top:30px;width:30px;height:30px;border-radius:50%;background:#ffe6b0;box-shadow:0 0 40px #ffda9a55;transition:transform 1s,background 1s}.story-cloud{position:absolute;right:13%;top:38px;width:70px;height:14px;background:#ddf8fc66;border-radius:50px;animation:cloud-pass 12s infinite alternate}.story-traveller{position:absolute;top:65px;left:30%;font-size:25px;color:#8ef0e0;opacity:0;transition:opacity 1s,translate 2s}.story-state{position:absolute;bottom:12px;left:12px;right:12px;display:flex;gap:8px;align-items:center;justify-content:center;font-size:10px;color:var(--ink)}.story-state-dot{width:6px;height:6px;background:#83d9b1;border-radius:50%;box-shadow:0 0 10px #98f8c288}.story-readings{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.story-readings>div{padding:10px 8px;border:1px solid var(--line);border-radius:10px;min-width:0}.story-readings span{display:block;font-size:9px;color:var(--muted);margin-bottom:5px}.story-readings b{font-size:10px;line-height:1.5;display:block;font-weight:600}.story-description{min-height:78px;font-size:12px!important;line-height:1.8!important;margin:14px 0!important}.story-controls{display:flex;gap:15px;align-items:center}.story-controls button{border:0;border-radius:99px;background:#4acee0;color:#173f57;padding:11px 16px;font:600 11px system-ui;cursor:pointer}.story-controls>span{font-size:9px;color:var(--muted)}.story-world[data-phase="1"][data-mode="holiday"] .room-light{fill:#628aa0;filter:none}.story-world[data-phase="1"][data-mode="holiday"] .story-fan{animation-duration:8s}.story-world[data-phase="1"][data-mode="holiday"] .story-pipe{opacity:.15}.story-world[data-phase="1"][data-mode="holiday"] .floor-warmth{opacity:.1;animation:none}.story-world[data-phase="1"][data-mode="holiday"] .story-traveller{opacity:1;translate:60px -30px}.story-world[data-phase="2"] .room-light{fill:#ffe2a4;filter:drop-shadow(0 0 10px #ffd89faa)}.story-world[data-phase="1"][data-mode="fireplace"] .story-fire{opacity:1;animation:fire-light 1s infinite alternate}.story-world[data-phase="1"][data-mode="fireplace"] .story-fan{animation-play-state:paused}.story-world[data-phase="1"][data-mode="fireplace"] .story-pipe{opacity:.1}.story-world[data-phase="1"][data-mode="quiet"] .story-fan{animation-duration:8s}.story-world[data-phase="1"][data-mode="quiet"] .story-sound{opacity:.2;scale:.55}.story-world[data-phase="1"][data-mode="quiet"] .story-sun{background:#bed5ff;transform:translateY(10px);box-shadow:inset -8px 0 #487190}.story-world[data-phase="1"][data-mode="quiet"] .story-pipe i{animation-duration:5s}.storyboard:not(.in-view) *{animation-play-state:paused!important}@keyframes room-heat{50%{translate:0 -5px;opacity:.3}}@keyframes story-fan{to{rotate:360deg}}@keyframes story-energy{0%{translate:12px 0;opacity:0}40%{opacity:1}100%{translate:-12px 0;opacity:0}}@keyframes cloud-pass{to{translate:-30px 0}}@keyframes sound-level{to{scale:1 .4}}@keyframes fire-light{to{filter:drop-shadow(0 0 8px #ffab55);translate:0 -2px}}
@media(max-width:1100px){.site-header nav{gap:13px}.site-header nav>a{font-size:10px}.site-header .legal-nav-links a{font-size:10px}.site-header{gap:14px}.feature-grid>.modes-card{column-gap:25px;padding:28px}}
@media(max-width:900px){.site-header nav>a:not(.nav-cta){display:none}.site-header .legal-nav-links{display:flex}.site-header nav{flex:1}.site-header #site-language{max-width:140px}.feature-grid>.modes-card{display:block}.storyboard{margin:25px 0}.story-world{height:300px}.story-home{width:65%;height:235px}.story-pump{right:16%}.story-pipe{right:28%}}
@media(max-width:600px){.site-header{display:grid;grid-template-columns:1fr auto;gap:12px;padding-bottom:15px}.site-header nav{grid-row:2;grid-column:1/-1;justify-content:space-between;flex-wrap:nowrap;gap:10px}.site-header #site-language{grid-column:2;grid-row:1;max-width:148px;font-size:11px}.site-header .legal-nav-links{gap:13px;flex-wrap:wrap}.site-header .legal-nav-links a{font-size:10px}.site-header .nav-cta{font-size:10px!important;padding:10px 12px;white-space:nowrap}.legal-header nav{justify-content:flex-start}.feature-grid{grid-template-columns:1fr}.feature-grid>.modes-card{padding:24px}.story-world{height:240px}.story-home{left:-8%;width:90%;height:200px}.story-pump{right:9%;bottom:54px;width:48px;height:62px}.story-fan{scale:.72;margin:-5px}.story-pump small{font-size:6px}.story-sound{right:-13px;gap:2px}.story-pipe{left:58%;right:26%;bottom:60px}.story-steps{gap:4px}.story-steps button{font-size:9px;padding:10px 4px;gap:4px}.story-readings b{font-size:9px}.story-controls{flex-wrap:wrap;gap:10px}.story-controls button{font-size:10px}.story-sun{left:10%;top:19px}.story-description{min-height:0}.story-state{font-size:9px}.mode-explanation{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.storyboard *{animation:none!important;transition:none!important}.story-world[data-phase="1"][data-mode="quiet"] .story-sound{opacity:.2;scale:.55}}