/* The consumer experience: editorial chapters, immediate feedback, no dialogs. */
:root { --copper:#965a36; --night:#1e3028; --warm:#eee7dc; --quiet:#aebfad; }
.sr-only { position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.hero { padding-top:44px; }
.hero-intro { padding-bottom:32px; }
.hero h1 { font-size:clamp(48px,5.1vw,74px); }
.hero-copy>p { font-size:15px; }
.scene { aspect-ratio:2.35;min-height:460px;max-height:620px; }
.scene-caption { bottom:34px; }
.scene-detail { padding-block:25px; }
.chapter-nav { display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:20px; }
.chapter-nav a { font-size:12px;line-height:1.5;display:flex;align-items:center;gap:12px;min-height:44px; }
.chapter-nav a span { color:var(--copper);font-size:10px; }
.chapter-nav a:hover { text-decoration:underline;text-underline-offset:5px; }
.chapter-heading { display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:46px; }
.chapter-heading h2 { font-size:clamp(36px,3.8vw,56px);line-height:1.08; }
.chapter-heading>p { max-width:350px;font-size:15px;color:var(--muted);line-height:1.75;padding-bottom:4px; }
.chapter-heading>div { min-width:0; }
.chapter-heading .eyebrow { font-size:10px;margin-bottom:18px; }
.home-theatre { display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;align-items:stretch; }
.routine-picker { display:flex;flex-direction:column;justify-content:center;border-top:1px solid var(--line); }
.routine-choice { background:transparent;text-align:left;display:grid;grid-template-columns:46px 1fr 20px;gap:13px;align-items:start;padding:25px 16px 25px 0;border-bottom:1px solid var(--line);transition:background .2s,padding .2s; }
.routine-choice strong { display:block;font-size:16px;letter-spacing:-.025em;line-height:1.4; }
.routine-choice small { display:block;color:var(--muted);font-size:12px;margin-top:7px;line-height:1.6; }
.routine-number { font-size:10px;letter-spacing:.04em;padding-top:5px; }
.routine-arrow { opacity:0;font-size:19px; }
.routine-choice[aria-pressed=true] { background:var(--sage);padding-left:16px; }
.routine-choice[aria-pressed=true] .routine-arrow { opacity:1; }
.routine-choice:hover { background:var(--cream); }
.house-stage { background:#eee7db;position:relative;overflow:hidden;border-radius:6px;display:flex;align-items:center;min-width:0;isolation:isolate; }
.house-stage>img { width:100%;height:auto;mix-blend-mode:multiply;transition:filter .5s; }
.house-stage[data-photo-mode=night] { background:#354967;color:#fff; }
.house-stage[data-photo-mode=night]>img { mix-blend-mode:normal; }
.house-stage[data-photo-mode=night] .house-stage-label { color:#fff; }
.house-stage .room-state { color:var(--ink); }
.image-feedback { position:absolute;bottom:7px;left:15px;right:15px;font-size:10px;line-height:1.5;background:var(--paper);color:var(--ink);z-index:4; }
.image-feedback:empty { display:none; }
.house-stage[data-routine-state=holiday]>img { filter:brightness(.85); }
.house-stage-label { position:absolute;top:20px;left:22px;right:22px;z-index:2;display:flex;align-items:center;gap:8px;font-size:11px;color:var(--ink); }
.status-dot { display:inline-block;flex:none;width:6px;height:6px;border-radius:50%;background:currentColor; }
.demo-label { margin-left:auto;font-size:8px;letter-spacing:.12em; }
.house-floor-note { position:absolute;bottom:18px;left:22px;font-size:11px; }
.room-state { position:absolute;display:flex;align-items:center;gap:7px;border-radius:4px;padding:7px 9px;background:rgba(247,246,242,.96);box-shadow:0 3px 12px #17291e12;font-size:10px;font-weight:500;max-width:48%;line-height:1.5;transition:transform .3s; }
.room-bedroom { left:20%;top:30%; }.room-living { left:16%;top:62%; }.room-garage { right:5%;top:64%; }
.room-spark { width:6px;height:6px;flex:none;background:#b07b33;border-radius:50%;box-shadow:0 0 0 4px #b07b3317; }
.house-stage[data-routine-state=night] .room-spark { background:#557459; }
.routine-result { display:grid;grid-template-columns:320px 1fr;gap:24px;margin-top:24px;padding-block:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line); }
.routine-result>p { font-family:var(--font);font-size:18px;line-height:1.5;letter-spacing:-.03em;max-width:290px; }
.routine-result ol { list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px 32px; }
.routine-result li { font-size:13px;display:flex;gap:12px;align-items:baseline; }
.routine-result li span { font-size:10px;color:var(--copper); }
.small-note { font-size:11px;color:var(--muted);margin-top:16px;line-height:1.7; }
.protection-section { background:var(--night);color:var(--paper);padding-block:94px 36px; }
.protection-section .chapter-heading>p { color:#bdc9be; }
.protection-section .eyebrow { color:#ccdacb; }
.protection-grid { display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:stretch; }
.watch-scene { min-height:535px;position:relative;border-radius:6px;overflow:hidden;isolation:isolate;background:#223126; }
.watch-scene>img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% center; }
.watch-scene:after { content:'';position:absolute;inset:0;background:linear-gradient(180deg,#101d2366,transparent 40%,#101d2355);z-index:-0;pointer-events:none; }
.watch-top { position:absolute;top:22px;left:22px;right:22px;display:flex;justify-content:space-between;z-index:2;font-size:9px;letter-spacing:.09em; }
.watch-top>span:first-child { display:flex;align-items:center;gap:7px; }
.watch-bracket { position:absolute;left:47%;top:33%;width:23%;height:29%;border:1px solid #f9f7ce99;border-radius:5px;z-index:1;transition:left .4s,top .4s,width .4s; }
.watch-bracket span { position:absolute;top:-28px;left:-1px;font-size:10px;background:#20302a;padding:3px 8px;white-space:nowrap; }
.watch-scene[data-event=visitor] .watch-bracket { left:59%;top:44%;width:17%;height:28%; }
.watch-scene[data-event=guest] .watch-bracket { left:57%;top:35%;width:19%;height:34%; }
.home-notification { position:absolute;bottom:24px;left:24px;right:24px;background:var(--paper);color:var(--ink);border-radius:6px;padding:19px;display:flex;gap:12px;align-items:start;z-index:3; }
.home-notification>.icon { background:var(--sage);padding:8px;width:36px;height:36px;border-radius:50%; }
.home-notification span { font-size:8px;letter-spacing:.06em;color:var(--muted); }
.home-notification strong { display:block;font-size:14px;line-height:1.5;margin-top:5px; }
.home-notification p { font-size:11px;color:var(--muted);margin-top:6px;line-height:1.6; }
.protection-console { padding-top:6px; }
.protection-console>.tiny-label { color:#bdc9be;font-size:9px; }
.event-tabs { display:flex;flex-wrap:wrap;gap:7px;margin:15px 0 28px; }
.event-tabs button { background:transparent;color:var(--paper);border:1px solid #68766c;font-size:11px;padding:10px 12px;min-height:44px;border-radius:4px; }
.event-tabs button[aria-pressed=true] { background:var(--paper);color:var(--ink);border-color:var(--paper); }
.event-tabs button:hover { border-color:#fff; }
.protection-console h3 { font-size:27px;line-height:1.2;max-width:370px; }
.protection-console>p:not(.tiny-label) { color:#bdc9be;font-size:14px;line-height:1.75;margin:15px 0 24px; }
.response-chain { padding:0;list-style:none; }
.response-chain li { display:grid;grid-template-columns:23px 1fr 18px;gap:12px;border-top:1px solid #44554a;padding:17px 0;align-items:start; }
.response-chain li>span { font-size:10px;color:#bdc9be;line-height:2.2; }
.response-chain strong { font-size:13px;font-weight:500;display:block; }
.response-chain p { color:#bdc9be;font-size:11px;margin-top:5px;line-height:1.6; }
.response-chain .icon { width:17px;height:17px;margin-top:3px;color:#c6d7ac; }
.add-idea { display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;background:none;padding:10px 0;min-height:44px;font-size:12px;font-weight:500;border-bottom:1px solid currentColor;text-align:left;line-height:1.6; }
.add-idea:hover { color:var(--copper); }.add-idea[aria-pressed=true] { color:#547440; }
.protection-console .add-idea { color:#e5efcf;margin-top:7px; }
.protection-console .add-idea[aria-pressed=true] { color:#fff; }
.protection-foot { margin-top:48px;padding-top:25px;border-top:1px solid #44554a;display:grid;grid-template-columns:repeat(3,1fr);gap:32px; }
.protection-foot p { display:flex;gap:11px;font-size:11px;color:#c0cdc1;line-height:1.65; }
.protection-foot .icon { width:18px;height:18px;margin-top:2px; }
.intelligence-section { display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center; }
.intelligence-copy h2 { font-size:clamp(36px,3.9vw,56px); }
.intelligence-copy>p:not(.eyebrow) { margin-top:24px;color:var(--muted);font-size:15px;line-height:1.8;max-width:410px; }
.privacy-points { display:flex;flex-direction:column;gap:17px;margin:29px 0; }
.privacy-points>span { display:flex;gap:12px;font-size:12px;align-items:center; }.privacy-points .icon { width:20px;height:20px; }
.assistant-demo { background:#efede7;padding:30px;border:1px solid #e1dfd5;border-radius:8px;min-width:0; }
.assistant-head { display:flex;gap:10px;align-items:center;padding-bottom:24px;border-bottom:1px solid #d8d9cf; }
.assistant-mark { background:var(--green);color:var(--paper);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none; }
.assistant-mark .icon { width:19px;height:19px; }
.assistant-head strong { font-size:14px;font-weight:500;display:block; }.assistant-head>div>span { display:block;font-size:8px;letter-spacing:.08em;color:var(--muted);margin-top:3px; }
.connection-badge { margin-left:auto;font-size:9px;background:#e0e7d5;border:1px solid #cdd7c2;border-radius:30px;padding:5px 9px;white-space:nowrap; }
.connection-badge.is-offline { background:#e9dbca;border-color:#d1bda3; }
.conversation { padding-block:27px 20px;min-height:205px; }
.voice-request { background:var(--green);color:#fff;padding:12px 17px;max-width:90%;width:fit-content;margin-left:auto;border-radius:12px 12px 2px 12px;font-size:15px;line-height:1.6; }
.voice-answer { display:flex;gap:12px;margin-top:20px; }.assistant-avatar { flex:none;font-size:22px;line-height:1.5;color:var(--copper); }
.voice-answer strong { display:block;font-size:14px;line-height:1.6;font-weight:500; }.voice-answer p { font-size:13px;line-height:1.75;color:var(--muted);margin-top:6px; }
.voice-choices { display:flex;gap:6px;flex-wrap:wrap; }.voice-choices button { border:1px solid #ccd0c4;background:transparent;font-size:11px;min-height:44px;padding:9px 12px;border-radius:30px; }
.voice-choices button[aria-pressed=true] { background:#fff;border-color:#aab4a3; }
.offline-test { padding:23px 0 18px;margin-top:25px;border-top:1px solid #d8d9cf; }
.offline-test strong { font-size:15px;display:block; }.offline-test p { font-size:12px;color:var(--muted);margin-top:3px; }
.switch-button { display:flex;align-items:center;gap:10px;min-height:44px;background:transparent;font-size:12px;padding:6px 0;text-align:left; }
.switch-track { width:34px;height:21px;flex:none;border-radius:20px;background:#a5aa9f;position:relative;transition:background .2s; }
.switch-track i { position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 2px #0003; }
[aria-checked=true]>.switch-track { background:var(--green); }[aria-checked=true]>.switch-track i { transform:translateX(13px); }
.offline-test .switch-button { margin-top:13px; }
.local-services { display:grid;grid-template-columns:1fr 1fr;gap:11px 15px;border-top:1px solid #d8d9cf;padding-top:18px; }
.local-services>span { display:grid;grid-template-columns:5px 1fr;column-gap:7px;align-items:center;font-size:11px; }.local-services strong { grid-column:2;font-size:9px;color:#526944;font-weight:500; }
.local-services i { width:5px;height:5px;border-radius:50%;background:#6f8d50; }.local-services .is-unavailable i { background:#93623b; }.local-services .is-unavailable strong { color:#795235; }
.assistant-demo .demo-footnote { text-align:left;font-size:10px;line-height:1.7;margin-top:20px; }
.energy-chapter { background:#ece8dc;padding-block:96px 44px; }
.energy-lab { display:grid;grid-template-columns:1.3fr 1fr;gap:0;border:1px solid #dad6c9;border-radius:8px;overflow:hidden;background:#f8f6ef; }
.energy-world { position:relative;min-width:0;min-height:520px;background:#ede1c9;overflow:hidden;isolation:isolate;transition:background .5s; }
.energy-world[data-time=night] { background:#354967; }.energy-world[data-time=night] .energy-world-top,.energy-world[data-time=night] .energy-grid-line { color:#fff; }.energy-world[data-photo-mode=night] .energy-house-picture { mix-blend-mode:normal; }
.energy-sun { width:110px;height:110px;border-radius:50%;background:#f8edc9;position:absolute;left:43%;top:52px;box-shadow:0 0 0 23px #f8edc950,0 0 0 50px #f8edc924;transition:opacity .4s; }
.energy-world[data-time=night] .energy-sun { opacity:0; }
.energy-world-top { position:absolute;top:24px;left:25px;right:25px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px; }
.energy-world-top .tiny-label { color:inherit;font-size:8px; }.energy-world-top>span:last-child { font-size:8px;letter-spacing:.1em; }
.energy-house-picture { position:absolute;left:0;right:0;top:15%;bottom:3%;display:flex;align-items:center;mix-blend-mode:multiply;transition:filter .4s; }
.energy-house-picture>img { width:100%;height:auto; }
.energy-bubble { position:absolute;display:flex;align-items:center;gap:10px;background:rgba(249,248,242,.97);color:var(--ink);padding:12px 15px;box-shadow:0 4px 25px #232c2120;border:1px solid #fff9;border-radius:5px; }
.energy-bubble .icon { width:23px;height:23px; }.energy-bubble span { font-size:9px;line-height:1.6; }.energy-bubble strong { display:block;font-family:var(--font);font-weight:500;font-size:20px;letter-spacing:-.04em; }
.energy-bubble.solar { top:14%;left:8%; }.energy-bubble.home { top:49%;left:4%; }.energy-bubble.battery { bottom:9%;left:23%; }.energy-bubble.car { top:44%;right:4%; }
.energy-grid-line { position:absolute;bottom:20px;left:25px;right:25px;display:flex;justify-content:space-between;gap:16px;font-size:10px; }.energy-grid-line strong { font-weight:500; }
.energy-controls { padding:32px;min-width:0; }
.time-readout { display:flex;justify-content:space-between;align-items:center;gap:16px; }.time-readout label { font-size:13px; }.time-readout output { font-family:var(--font);font-size:27px;letter-spacing:-.04em; }
#energy-time { width:100%;height:44px;accent-color:var(--green);cursor:pointer;display:block;margin:7px 0 0; }
.time-labels { display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:-1px; }
.energy-options { border-block:1px solid #deddd1;margin-top:24px;padding-block:13px;display:flex;flex-wrap:wrap;gap:7px 24px; }
.energy-options .switch-button { font-size:11px; }
.energy-outcome { padding-top:25px;min-height:173px; }.outcome-number { display:block;color:#936b29;font-size:26px;line-height:1;margin-bottom:14px; }.energy-outcome h3 { font-size:23px;line-height:1.2; }.energy-outcome p { font-size:13px;line-height:1.75;color:var(--muted);margin-top:13px; }
.energy-controls .add-idea { margin-top:8px; }.energy-controls .demo-footnote { text-align:left;font-size:10px;line-height:1.7; }
.backup-priorities { display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px; }.backup-priorities span { display:flex;align-items:center;gap:5px;font-size:10px; }.backup-priorities .icon { width:13px;height:13px; }.backup-priorities .paused-load { grid-column:1/-1;color:#785639; }
.energy-promises { display:grid;grid-template-columns:repeat(3,1fr);gap:48px;padding-top:32px; }.energy-promises p { font-size:12px;line-height:1.75;color:var(--muted); }.energy-promises strong { display:block;font-size:13px;color:var(--ink);margin-bottom:6px;font-weight:500; }
.cinema-banner { position:relative;min-height:460px;isolation:isolate;overflow:hidden;border-radius:7px;background:#251f1c; }.cinema-banner>img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;z-index:-2; }.cinema-banner:after { content:'';position:absolute;inset:0;background:linear-gradient(90deg,#121512ee 0%,#121512c9 23%,#12151212 62%),linear-gradient(0deg,#111a1677,transparent 50%);z-index:-1; }
.cinema-banner-copy { padding:45px;color:#fff;max-width:410px; }.cinema-banner-copy .eyebrow { font-size:9px;margin-bottom:21px; }.cinema-banner-copy h3 { font-size:43px;line-height:1.09;letter-spacing:-.04em; }.cinema-banner-copy>p:not(.eyebrow) { font-size:13px;line-height:1.75;color:#e0e5dc;margin-top:20px; }.cinema-banner-copy .add-idea { margin-top:14px;font-size:11px; }.add-idea-light:hover,.add-idea-light[aria-pressed=true] { color:#e7d7b9; }
.cinema-details { position:absolute;bottom:27px;right:32px;display:flex;gap:20px;color:#fff;font-size:10px; }.cinema-details span { display:flex;align-items:center;gap:7px; }.cinema-details span:before { content:'✓';color:#d0dcae; }
.audio-layout { display:grid;grid-template-columns:.8fr 1.2fr;gap:88px;align-items:center;padding-top:56px; }.audio-layout h3 { font-size:28px;line-height:1.25; }.audio-layout .eyebrow { font-size:9px;margin-bottom:17px; }.audio-layout>div>p:not(.eyebrow) { font-size:14px;color:var(--muted);line-height:1.8;margin-top:20px; }.audio-layout .add-idea { margin-top:18px; }
.audio-controller { border:1px solid var(--line);padding:25px;background:#eeeee5;border-radius:7px;min-width:0; }.audio-track { display:flex;align-items:center;gap:15px; }.record-art { width:58px;height:58px;border-radius:5px;background:#785b40;display:grid;place-items:center;flex:none; }.record-art span { width:44px;height:44px;background:repeating-radial-gradient(#23261f 0 2px,#35362e 3px 4px);border-radius:50%;position:relative; }.record-art span:after { content:'';width:11px;height:11px;border-radius:50%;background:#d3bd83;position:absolute;top:16px;left:16px; }.audio-track .tiny-label { font-size:8px; }.audio-track strong { font-size:15px;font-weight:500;display:block;margin-top:1px; }.audio-track p { font-size:10px;color:var(--muted);margin-top:4px; }.equalizer { display:flex;align-items:center;gap:3px;margin-left:auto; }.equalizer i { width:3px;height:18px;background:var(--green); }.equalizer i:nth-child(2) { height:28px; }.equalizer i:nth-child(3) { height:12px; }.equalizer.is-quiet i { height:3px; }
.audio-zones { display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:24px; }.audio-zones button { min-width:0;border:1px solid #d3d8ca;background:transparent;border-radius:5px;padding:16px 5px 12px;display:flex;align-items:center;flex-direction:column;min-height:107px; }.audio-zones .icon { width:20px;height:20px;margin-bottom:12px; }.audio-zones strong { font-size:11px;font-weight:500; }.audio-zones span { font-size:8px;margin-top:6px;color:var(--muted); }.audio-zones [aria-pressed=true] { background:var(--green);color:#fff;border-color:var(--green); }.audio-zones [aria-pressed=true] span { color:#d8e4d3; }.audio-zones button:hover { border-color:var(--green); }.audio-bottom { display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:12px; }.audio-bottom p { font-size:10px;line-height:1.6;color:var(--muted); }.audio-bottom .text-button { font-size:10px;flex:none; }
.possibilities-section { padding-block:80px;background:#ebeede;border-block:1px solid #dce1ce; }.catalog-toolbar { display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #cbd2bc;padding-bottom:22px; }.catalog-filters { display:flex;gap:6px;flex-wrap:wrap; }.catalog-filters button { background:transparent;border:1px solid transparent;border-radius:30px;padding:11px 13px;min-height:44px;font-size:12px;display:flex;align-items:center;gap:9px; }.catalog-filters button span { font-size:9px;opacity:.75; }.catalog-filters [aria-pressed=true] { background:var(--green);color:#fff; }.catalog-filters button:hover { border-color:#829474; }.idea-counter { display:flex;gap:6px;align-items:center;font-size:11px;min-height:44px;flex:none; }.idea-counter>span:first-child { font-size:22px;font-family:var(--font);letter-spacing:-.03em; }.idea-counter>span:last-child { margin-left:7px;font-size:16px; }
.idea-list { display:grid;grid-template-columns:1fr 1fr;column-gap:54px; }.idea-row { display:grid;grid-template-columns:42px 1fr 38px;gap:16px;padding:28px 0;border-bottom:1px solid #cbd2bc;align-items:start; }.idea-icon { color:var(--green);padding-top:3px; }.idea-icon .icon { width:27px;height:27px; }.idea-row h3 { font-size:20px;line-height:1.25; }.idea-row p { font-size:13px;color:#526048;line-height:1.75;margin-top:10px; }.idea-row small { display:block;font-size:10px;color:#55634d;margin-top:12px;line-height:1.6; }.idea-save { width:44px;height:44px;min-height:44px;border:1px solid #a8b59a;background:transparent;border-radius:50%;font-size:24px;line-height:1;display:grid;place-items:center; }.idea-save:hover { background:#dfe5d0; }.idea-save[aria-pressed=true] { background:var(--green);color:#fff;border-color:var(--green);font-size:19px; }
.foundation-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:48px; }.foundation-grid article { border-top:1px solid var(--line);padding-top:23px; }.foundation-grid span { display:block;font-size:9px;letter-spacing:.07em;color:var(--copper);margin-bottom:22px; }.foundation-grid h3 { font-size:23px;line-height:1.3; }.foundation-grid p { font-size:13px;line-height:1.8;color:var(--muted);margin-top:15px; }
.saved-ideas { border-top:1px solid #9dada0;margin-top:28px;padding-top:22px; }.saved-ideas>strong { font-size:13px;font-weight:500; }.saved-ideas>p { font-size:11px;margin-top:8px;opacity:.85; }.saved-ideas-list { display:flex;flex-wrap:wrap;gap:7px;margin-top:15px; }.saved-idea-chip { background:#f7f6f21c;border:1px solid #adc0aa88;border-radius:30px;min-height:38px;padding:7px 12px;font-size:11px;color:inherit;display:flex;gap:9px;align-items:center; }.saved-idea-chip:hover { background:#f7f6f230; }.result-saved { margin-top:24px;padding-top:20px;border-top:1px solid var(--line); }.result-saved>strong { font-size:13px; }.result-saved ul { margin-top:12px;padding-left:19px;font-size:12px;color:var(--muted);line-height:1.9; }
.reassurance { padding-block:25px; }.closing { background:#e6e7d9; }.planner-intro .saved-ideas+ .privacy-note { margin-top:20px; }
@media(min-width:1400px) { .house-stage { min-height:550px; }.home-theatre { grid-template-columns:330px minmax(0,1fr); } }
@media(max-width:1100px) { .chapter-nav { gap:15px; }.chapter-nav a { font-size:10px;gap:7px; }.chapter-heading { gap:36px; }.chapter-heading>p { max-width:290px;font-size:13px; }.home-theatre { grid-template-columns:270px minmax(0,1fr);gap:15px; }.routine-choice { grid-template-columns:38px 1fr 15px;gap:9px;padding-block:20px; }.routine-choice strong { font-size:14px; }.routine-choice small { font-size:11px; }.house-stage .demo-label { display:none; }.house-stage { min-height:400px; }.room-state { font-size:9px;padding:6px 7px; }.routine-result { grid-template-columns:270px 1fr;gap:15px; }.routine-result>p { font-size:16px; }.routine-result li { font-size:12px; }.protection-grid { gap:34px; }.event-tabs { gap:5px; }.event-tabs button { font-size:10px;padding-inline:9px; }.protection-console h3 { font-size:23px; }.protection-console>p:not(.tiny-label) { font-size:12px; }.response-chain { min-width:0; }.watch-scene { min-height:545px; }.protection-foot { gap:22px; }.protection-foot p { font-size:10px; }.intelligence-section { gap:48px; }.intelligence-copy>p:not(.eyebrow) { font-size:13px; }.privacy-points>span { font-size:11px; }.assistant-demo { padding:22px; }.assistant-head { gap:8px; }.assistant-head strong { font-size:12px; }.connection-badge { font-size:8px;padding:4px 6px; }.assistant-head>div>span { font-size:7px; }.assistant-mark { width:32px;height:32px; }.voice-request { font-size:13px; }.voice-answer strong { font-size:12px; }.voice-answer p { font-size:12px; }.energy-lab { grid-template-columns:1.05fr 1fr; }.energy-controls { padding:25px; }.energy-options { gap:6px 12px; }.energy-options .switch-button { font-size:10px; }.energy-bubble { padding:9px 11px;gap:7px; }.energy-bubble strong { font-size:17px; }.energy-bubble .icon { width:20px;height:20px; }.energy-promises { gap:30px; }.energy-world-top { left:18px;right:18px; }.energy-world-top .tiny-label { max-width:120px; }.cinema-banner-copy { padding:38px; }.cinema-details { flex-direction:column;gap:8px; }.audio-layout { gap:42px;grid-template-columns:.8fr 1.2fr; }.audio-layout h3 { font-size:24px; }.audio-layout>div>p:not(.eyebrow) { font-size:12px; }.audio-controller { padding:20px; }.audio-zones { gap:5px; }.audio-zones strong { font-size:10px; }.audio-track strong { font-size:13px; }.catalog-toolbar { align-items:start; }.catalog-filters button { font-size:11px;padding-inline:11px; }.idea-list { column-gap:30px; }.idea-row { gap:12px;grid-template-columns:32px 1fr 44px; }.idea-row h3 { font-size:18px; }.idea-row p { font-size:12px; }.foundation-grid { gap:30px; }.foundation-grid h3 { font-size:21px; }.foundation-grid p { font-size:12px; } }
@media(max-width:900px) { .chapter-nav { flex-wrap:wrap;justify-content:flex-start;gap:0 27px; }.chapter-nav a { font-size:11px; }.chapter-heading { gap:28px; }.chapter-heading>p { max-width:240px; }.home-theatre { grid-template-columns:230px minmax(0,1fr); }.routine-choice { padding-block:17px; }.routine-choice small { font-size:10px; }.routine-choice strong { font-size:13px; }.routine-result { grid-template-columns:230px 1fr; }.routine-result ol { gap:12px 20px; }.routine-result li { font-size:11px; }.room-state { font-size:8px; }.house-stage-label { font-size:10px;left:16px;right:16px; }.house-floor-note { left:16px;font-size:9px; }.protection-grid { gap:24px; }.protection-console h3 { font-size:21px; }.response-chain { min-width:0; }.response-chain strong { font-size:12px; }.response-chain p { font-size:10px; }.response-chain li { gap:8px;grid-template-columns:20px 1fr 15px; }.home-notification { left:16px;right:16px;bottom:16px;padding:14px;gap:10px; }.home-notification strong { font-size:12px; }.home-notification p { font-size:10px; }.intelligence-section { gap:28px;grid-template-columns:.85fr 1.15fr; }.intelligence-copy h2 { font-size:36px; }.connection-badge { position:absolute;right:0;top:-4px; }.assistant-head { position:relative;padding-top:19px; }.assistant-head strong { font-size:13px; }.local-services { grid-template-columns:1fr;gap:8px; }.local-services>span { grid-template-columns:5px 1fr auto; }.local-services strong { grid-column:3; }.energy-lab { grid-template-columns:1fr 1fr; }.energy-options { display:block; }.energy-controls { padding:23px; }.energy-outcome h3 { font-size:22px; }.energy-bubble .icon { display:none; }.energy-bubble.solar { left:7%;top:20%; }.energy-bubble.home { top:47%;left:4%; }.energy-bubble.car { top:45%;right:3%; }.energy-bubble.battery { bottom:17%;left:25%; }.energy-grid-line { left:18px;right:18px;font-size:9px;flex-direction:column;gap:3px; }.energy-world { min-height:560px; }.audio-layout { gap:25px; }.audio-zones { grid-template-columns:repeat(2,1fr); }.audio-zones button { min-height:87px; }.audio-zones .icon { margin-bottom:7px; }.audio-track .equalizer { display:none; }.audio-bottom { flex-direction:column;align-items:start;gap:0; }.catalog-toolbar { display:block; }.idea-counter { margin-top:9px; }.idea-list { column-gap:24px; }.idea-row { grid-template-columns:1fr 44px; }.idea-icon { display:none; }.foundation-grid { gap:23px; }.foundation-grid h3 { font-size:19px; } }
@media(max-width:760px) { .hero { padding-top:34px; }.hero h1 { font-size:clamp(39px,8.2vw,58px); }.scene { min-height:520px; }.scene-caption { bottom:122px; }.chapter-nav { padding-block:12px;gap:0 18px; }.chapter-nav a { font-size:10px; }.chapter-heading { display:block;margin-bottom:32px; }.chapter-heading h2 { font-size:40px; }.chapter-heading>p { margin-top:20px;max-width:100%;font-size:14px;line-height:1.75; }.chapter-heading .eyebrow { font-size:9px; }.home-theatre { display:flex;flex-direction:column;gap:20px; }.routine-picker { display:grid;grid-template-columns:1fr 1fr;gap:8px;border:0; }.routine-choice,.routine-choice[aria-pressed=true] { grid-template-columns:1fr 15px;gap:7px;padding:15px;border:1px solid var(--line);border-radius:5px;align-items:center; }.routine-choice>span:nth-child(2) { grid-column:1/-1;grid-row:2; }.routine-number { font-size:9px;padding:0; }.routine-arrow { grid-column:2;grid-row:1;font-size:15px; }.routine-choice strong { font-size:13px; }.routine-choice small { font-size:10px;margin-top:5px; }.house-stage { min-height:0;padding-block:34px 32px; }.house-stage-label { top:13px;left:14px;font-size:9px; }.house-floor-note { bottom:12px;font-size:9px; }.house-stage>img { width:100%; }.room-state { font-size:8px;max-width:47%;padding:5px 6px;gap:5px; }.room-spark { width:4px;height:4px; }.room-bedroom { top:32%;left:11%; }.room-living { top:65%;left:6%; }.room-garage { top:63%;right:3%; }.routine-result { display:block;padding-block:20px;margin-top:22px; }.routine-result>p { font-size:18px;max-width:100%; }.routine-result ol { margin-top:20px;gap:13px;grid-template-columns:1fr; }.routine-result li { font-size:13px; }.small-note { font-size:10px; }.protection-section { padding-block:62px 30px; }.protection-grid { display:flex;flex-direction:column;gap:30px; }.watch-scene { min-height:430px; }.watch-scene>img { object-position:center 54%; }.protection-console { padding-top:0; }.protection-console>.tiny-label { font-size:8px; }.event-tabs { margin:12px 0 22px; }.event-tabs button { font-size:11px;padding-inline:12px;flex:1; }.protection-console h3 { font-size:27px;max-width:100%; }.protection-console>p:not(.tiny-label) { font-size:14px;margin:14px 0 23px; }.response-chain strong { font-size:14px; }.response-chain p { font-size:12px; }.response-chain li { gap:13px;padding-block:17px;grid-template-columns:20px 1fr 17px; }.home-notification { bottom:20px;left:20px;right:20px;padding:17px; }.home-notification strong { font-size:13px; }.home-notification p { font-size:11px; }.protection-foot { grid-template-columns:1fr;gap:17px;margin-top:32px;padding-top:25px; }.protection-foot p { font-size:11px; }.protection-foot .icon { width:17px;height:17px; }.intelligence-section { grid-template-columns:1fr;gap:32px; }.intelligence-copy h2 { font-size:42px; }.intelligence-copy>p:not(.eyebrow) { font-size:14px;max-width:100%;margin-top:20px; }.privacy-points>span { font-size:12px; }.privacy-points { gap:16px;margin-block:22px; }.assistant-demo { padding:23px; }.assistant-head { padding-top:16px; }.assistant-head strong { font-size:14px; }.connection-badge { font-size:8px; }.voice-request { font-size:14px; }.voice-answer strong { font-size:13px; }.voice-answer p { font-size:13px; }.conversation { min-height:0; }.voice-choices button { font-size:11px; }.local-services>span { font-size:11px; }.assistant-demo .demo-footnote { font-size:10px; }.energy-chapter { padding-block:64px 36px; }.energy-lab { grid-template-columns:1fr; }.energy-world { min-height:390px; }.energy-house-picture { top:10%;bottom:3%; }.energy-world-top { top:21px;left:20px;right:20px; }.energy-world-top .tiny-label { max-width:none;font-size:8px; }.energy-bubble.solar { top:17%;left:8%; }.energy-bubble.home { top:46%;left:3%; }.energy-bubble.car { top:46%;right:3%; }.energy-bubble.battery { bottom:13%;left:23%; }.energy-bubble { padding:8px 11px; }.energy-bubble span { font-size:8px; }.energy-bubble strong { font-size:18px; }.energy-bubble .icon { display:block;width:17px;height:17px; }.energy-grid-line { flex-direction:row;left:20px;right:20px;bottom:18px;font-size:9px; }.energy-controls { padding:25px; }.time-readout output { font-size:30px; }.energy-options { display:flex;gap:6px 20px; }.energy-options .switch-button { font-size:11px; }.energy-outcome { min-height:0; }.energy-outcome h3 { font-size:26px; }.energy-outcome p { font-size:14px; }.energy-controls .add-idea { margin-top:18px; }.energy-promises { grid-template-columns:1fr;gap:20px;padding-top:27px; }.energy-promises p { font-size:13px; }.energy-promises strong { font-size:14px;display:inline; }.energy-promises strong:after { content:' '; }.cinema-banner { min-height:580px; }.cinema-banner>img { object-position:63% center; }.cinema-banner:after { background:linear-gradient(0deg,#101810f5,#101810ba 42%,#10181000 82%); }.cinema-banner-copy { padding:28px;position:absolute;bottom:65px;left:0;max-width:100%; }.cinema-banner-copy h3 { font-size:40px; }.cinema-banner-copy>p:not(.eyebrow) { max-width:340px;font-size:13px; }.cinema-banner-copy .eyebrow { font-size:8px; }.cinema-details { left:28px;right:20px;bottom:22px;flex-direction:row;flex-wrap:wrap;gap:6px 14px;font-size:9px; }.audio-layout { grid-template-columns:1fr;gap:30px;padding-top:36px; }.audio-layout h3 { font-size:28px; }.audio-layout>div>p:not(.eyebrow) { font-size:14px;margin-top:16px; }.audio-controller { padding:22px; }.audio-zones { grid-template-columns:repeat(2,1fr);gap:8px; }.audio-zones button { min-height:104px; }.audio-zones strong { font-size:12px; }.audio-zones span { font-size:9px; }.audio-zones .icon { margin-bottom:10px; }.audio-track strong { font-size:14px; }.audio-track .tiny-label { font-size:8px; }.audio-bottom { flex-direction:row;align-items:center;gap:12px; }.audio-bottom p { font-size:10px; }.audio-bottom .text-button { font-size:10px; }.possibilities-section { padding-block:60px; }.catalog-filters { gap:6px; }.catalog-filters button { padding:10px 12px;font-size:11px;border-color:#c9d0bc; }.idea-list { grid-template-columns:1fr; }.idea-row { grid-template-columns:30px 1fr 44px;gap:13px;padding-block:25px; }.idea-icon { display:block; }.idea-icon .icon { width:24px;height:24px; }.idea-row h3 { font-size:20px; }.idea-row p { font-size:13px; }.idea-row small { font-size:10px; }.foundation-grid { grid-template-columns:1fr;gap:26px; }.foundation-grid span { margin-bottom:13px; }.foundation-grid h3 { font-size:23px; }.foundation-grid p { font-size:14px;margin-top:12px; }.saved-ideas { margin-top:24px; }.saved-idea-chip { min-height:44px; }.planner-intro .privacy-note { font-size:11px; } }
@media(max-width:380px) { .chapter-heading h2 { font-size:35px; }.hero h1 { font-size:37px; }.scene-caption h2 { font-size:31px; }.chapter-nav { gap:0 13px; }.chapter-nav a { font-size:9px; }.routine-choice,.routine-choice[aria-pressed=true] { padding:13px 11px; }.routine-choice strong { font-size:12px; }.routine-choice small { font-size:10px; }.room-state { font-size:7px;gap:4px; }.room-garage { right:1%; }.room-bedroom { left:9%; }.house-floor-note { font-size:8px; }.event-tabs button { font-size:10px;padding:8px 7px; }.home-notification { left:14px;right:14px;padding:14px;gap:10px; }.home-notification>.icon { width:29px;height:29px;padding:6px; }.home-notification strong { font-size:12px; }.intelligence-copy h2 { font-size:36px; }.assistant-demo { padding:18px; }.voice-choices { gap:5px; }.voice-choices button { font-size:10px;padding:8px 9px; }.voice-request { font-size:13px; }.energy-world { min-height:335px; }.energy-bubble .icon { display:none; }.energy-world-top .tiny-label { font-size:7px;max-width:100px; }.energy-bubble strong { font-size:16px; }.energy-controls { padding:22px 18px; }.energy-outcome h3 { font-size:24px; }.cinema-banner-copy { padding:24px; }.cinema-banner-copy h3 { font-size:35px; }.cinema-details { left:24px;font-size:8px; }.audio-controller { padding:18px; }.audio-track { gap:12px; }.audio-track strong { font-size:12px; }.record-art { width:49px;height:49px; }.audio-bottom { flex-direction:column;align-items:start;gap:0; }.idea-row { grid-template-columns:1fr 44px;gap:12px; }.idea-icon { display:none; }.catalog-filters button { font-size:10px;padding:9px 10px; } }
@media(prefers-reduced-motion:reduce) { .house-stage>img,.energy-world,.energy-house-picture,.watch-bracket,.switch-track,.switch-track i,.room-state { transition:none; } }
@media print { .chapter-nav,.routine-picker,.event-tabs,.voice-choices,.offline-test,.energy-controls,.add-idea,.catalog-toolbar,.idea-save,.audio-controller,.saved-idea-chip { display:none!important; }.protection-section { color:black;background:white; }.section,.energy-chapter,.protection-section,.possibilities-section { padding-block:24px; }.planner-result { display:block; } }