@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#eeeeec;--ink:#20221f;--orange:#fb4f21;--line:#d0d0cb;--muted:#656760;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.5}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,#stage:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button{border:0}header{height:100px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-family:Manrope,Arial,sans-serif;font-size:38px;font-weight:800;letter-spacing:-2.8px;line-height:1}.wordmark span{font-size:13px;vertical-align:top;letter-spacing:0;margin-left:4px}nav{display:flex;gap:34px;font-size:14px}nav a:hover{color:var(--orange)}.nav-cta{border-bottom:1px solid;padding:8px 0;font-size:14px;display:flex;gap:30px}.hero{display:grid;grid-template-columns:1fr 1.15fr;min-height:760px;max-height:1050px;overflow:hidden}.hero-copy{padding:63px 0 32px 9%;position:relative;z-index:1}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:600;display:flex;align-items:center;gap:12px}.orange-line{width:26px;height:3px;background:var(--orange)}h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(76px,8.6vw,138px);line-height:.94;letter-spacing:-7px;font-weight:800;margin:37px 0 27px}.serif,h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.065em}.serif{color:var(--orange);font-style:italic;display:inline-block;padding-right:.15em}.hero-copy>p{color:var(--muted);font-size:17px;line-height:1.65;margin:0 0 27px}.hero-actions{display:flex;align-items:center;gap:25px}.button{padding:17px 24px;display:inline-flex;justify-content:space-between;align-items:center;gap:34px;border-radius:3px;font-weight:600;font-size:15px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.orange{background:var(--orange);color:#fff}.orange:hover{background:#d73a10}.text-button{background:none;padding:8px 0;font-size:14px}.play-icon{font-size:10px;border:1px solid #aaa;border-radius:100%;padding:8px;margin-right:8px}.hero-foot{display:flex;gap:20px;font-size:11px;letter-spacing:1px;margin-top:49px;flex-wrap:wrap}.hero-foot span{color:var(--muted);letter-spacing:0;font-size:12px}.hero-media{position:relative;min-width:0;background:white}.hero-media video{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.media-top,.media-bottom{position:absolute;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1px}.media-top{top:28px}.media-top button{border:1px solid #aaa;background:none;border-radius:100%;width:35px;height:35px;font-size:14px}.media-bottom{bottom:26px}.concept-label{font-size:12px;color:var(--muted);letter-spacing:0}.vertical-caption{position:absolute;right:22px;top:40%;writing-mode:vertical-rl;font-size:10px;letter-spacing:1.3px}.ticker{background:var(--orange);color:var(--ink);padding:16px 0;overflow:hidden;white-space:nowrap;font-family:Manrope,sans-serif;font-size:40px;font-weight:800;letter-spacing:-1.6px}.ticker>div{display:inline-block;word-spacing:18px;animation:ticker 30s linear infinite}.ticker span{color:#fff}.section{padding:85px 6%}.section-top{display:flex;justify-content:space-between;align-items:center}.small-index{font-size:11px;letter-spacing:1.3px;color:var(--muted)}h2{font-family:Manrope,Arial,sans-serif;letter-spacing:-3px;font-size:clamp(44px,5.5vw,80px);line-height:1.04;font-weight:600;margin:0}h2 em{letter-spacing:-3px}.statement{display:grid;grid-template-columns:1.4fr 1fr;gap:10%;align-items:end;margin:50px 0 60px}.statement p{max-width:390px;color:var(--muted);margin:0;font-size:18px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);gap:45px}.feature-grid article{padding-top:23px}.feature-num{font-size:12px;color:var(--orange)}h3{font-size:22px;font-weight:500;letter-spacing:-.6px}.feature-grid p{color:var(--muted);max-width:290px;line-height:1.7}.studio{background:#20221f;color:#f3f2ec;padding-bottom:80px}.pill{font-size:11px;letter-spacing:1px;border:1px solid #64665e;padding:7px 12px;border-radius:20px}.studio-heading{display:flex;justify-content:space-between;align-items:end;margin:45px 0}.studio-heading p{color:#b8b9b1}.builder{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,1fr);border:1px solid #53554c}.stage-wrap{position:relative;background:#2a2d26;min-height:730px;display:flex;flex-direction:column;overflow:hidden}#stage{flex:1;min-height:540px;position:relative;touch-action:pan-y;cursor:grab}#stage:active{cursor:grabbing}#stage canvas{width:100%;height:100%;position:absolute;inset:0;display:block}.stage-fallback{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.stage-label{position:absolute;left:25px;right:25px;top:25px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;pointer-events:none}.stage-label span:last-child{color:#aaa}.stage-controls{position:absolute;bottom:28px;left:25px;right:25px;display:flex;justify-content:space-between;gap:10px}.stage-controls button{background:#20221fbb;color:white;border:1px solid #ffffff30;padding:10px 16px;font-size:13px;border-radius:30px}.config{padding:32px;border-left:1px solid #53554c;background:#252720}.config-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.config-title h3{font-family:Manrope;font-size:29px;letter-spacing:-1.5px;font-weight:800;margin:0}.config-title>span{font-size:10px;color:#aaa;letter-spacing:1px}fieldset{border:0;padding:22px 0;margin:0;border-bottom:1px solid #4b4e44}legend{font-size:13px;float:left;width:100%;margin:0 0 15px}legend span{float:right;color:#b6b8b0}.swatches{display:flex;gap:13px;clear:both}.swatch{width:36px;height:36px;background:var(--swatch);border-radius:50%;border:3px solid #252720;outline:1px solid transparent}.swatch.selected{outline-color:white}.segment{display:flex;clear:both;gap:6px}.segment button{flex:1;padding:9px 8px;border:1px solid #54574d;background:transparent;border-radius:3px;font-size:14px}.segment button.selected{background:#eeeeec;color:#20221f;border-color:#eeeeec}.field-note{font-size:12px;color:#bbbeb4;margin:12px 0 0}.album-options{display:flex;clear:both;gap:9px}.album-options button{width:54px;height:54px;padding:3px;background:none;border:1px solid transparent}.album-options button.selected{border-color:#eee}.album-options img{display:block;width:100%;height:100%;object-fit:cover}.included{font-size:13px;padding:18px 0;display:flex;justify-content:space-between}.included span{color:#adb1a4;font-size:12px}.price-row{display:flex;justify-content:space-between;align-items:center;margin:9px 0 20px}.price{font-size:36px;font-family:Manrope;letter-spacing:-2px}.price-note{display:block;font-size:9px;letter-spacing:1px;color:#b7b9b0}.price-row>span{font-size:13px;color:#b7b9b0}.config .button{width:100%}.config-note{font-size:12px;line-height:1.6;color:#b7b9b0;margin:14px 0 0}.interlude{background:var(--orange);padding:90px 6%;text-align:center;color:#231e17}.interlude .eyebrow{justify-content:center}.interlude h2{font-size:clamp(50px,7vw,105px);margin:30px 0 35px}.interlude h2 em{color:#fff}.light{background:#f3f2ec}.questions{display:grid;grid-template-columns:1fr 1.35fr;gap:12%}.questions h2{margin-top:35px;font-size:65px}.questions>div>p{color:var(--muted)}.faq-list details{border-top:1px solid var(--line);padding:20px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{font-size:18px;cursor:pointer;display:flex;justify-content:space-between;gap:18px;list-style:none}summary::-webkit-details-marker{display:none}summary span{font-size:22px;line-height:1.2;color:var(--orange)}details[open] summary span{transform:rotate(45deg)}details p{color:var(--muted);font-size:16px;line-height:1.7;padding-right:25px;margin-bottom:0}footer{border-top:1px solid var(--line);padding:36px 6% 22px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-top>a:last-child{font-size:14px}.footer-top p{color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:35px;padding-top:20px;font-size:11px;color:var(--muted)}dialog{padding:20px;background:#20221f;border:1px solid #656760;color:white;max-width:min(800px,94vw);max-height:94vh;border-radius:8px}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog video{width:100%;max-height:75vh;display:block}dialog p{font-size:12px;color:#ccc;margin-bottom:0}.dialog-close{position:absolute;right:25px;top:25px;width:38px;height:38px;border-radius:50%;background:#fff;color:#222;font-size:25px;z-index:2}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);padding:14px 24px;background:#fff;color:#222;box-shadow:0 5px 30px #0003;border-radius:5px;opacity:0;pointer-events:none;transition:.25s;max-width:90vw;text-align:center;font-size:14px;z-index:50}#toast.visible{opacity:1;transform:translate(-50%,0)}.skip{position:fixed;top:-100px;left:20px;padding:10px;background:#fff;z-index:99}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes ticker{to{transform:translateX(-50%)}}@media(min-width:1600px){.hero{min-height:920px}.hero-copy{padding-top:90px}}@media(max-width:1000px){header{height:80px}nav{gap:20px}h1{font-size:90px;letter-spacing:-5px}.hero{min-height:700px}.hero-copy{padding-top:45px}.hero-actions{gap:15px;flex-wrap:wrap}.hero-foot{margin-top:28px}.hero-media video{object-position:50% 50%}.section{padding:65px 5%}.builder{grid-template-columns:1.2fr 1fr}.config{padding:24px}.stage-label{flex-direction:column;gap:5px}.small-index{display:none}.questions{gap:7%}.questions h2{font-size:54px}}@media(max-width:700px){header{height:76px;padding:0 6%}.wordmark{font-size:30px}nav{display:none}.nav-cta{font-size:12px;gap:14px}.hero{display:flex;flex-direction:column;max-height:none;min-height:0}.hero-copy{padding:35px 6% 32px}.hero .eyebrow{font-size:10px;letter-spacing:1px}h1{font-size:clamp(72px,18vw,110px);line-height:.92;margin:28px 0 25px;letter-spacing:-5px}.hero-copy>p{font-size:16px}.hero-foot{margin-top:25px;font-size:10px}.hero-media{height:470px}.hero-media video{object-fit:cover;object-position:50% 62%}.vertical-caption{display:none}.media-top,.media-bottom{left:20px;right:20px}.media-bottom{font-size:9px}.ticker{font-size:28px;padding:12px 0}.section{padding:55px 6%}.section-top .eyebrow{font-size:10px;letter-spacing:1px}.statement{grid-template-columns:1fr;gap:28px;margin:34px 0}.statement p{font-size:16px}h2{font-size:47px;letter-spacing:-2px}.feature-grid{grid-template-columns:1fr;gap:0}.feature-grid article{border-bottom:1px solid var(--line);padding:20px 0}.feature-grid h3{margin:8px 0}.feature-grid p{max-width:none;margin:0}.pill{font-size:9px;padding:5px 8px}.studio-heading{display:block;margin:32px 0}.studio-heading p{font-size:15px}.builder{display:flex;flex-direction:column}.stage-wrap{min-height:430px}#stage{min-height:430px}.config{border-left:0;border-top:1px solid #53554c;padding:25px}.stage-label{flex-direction:row;left:15px;right:15px;font-size:9px}.stage-label span:last-child{font-size:8px}.stage-controls{bottom:18px;left:15px;right:15px}.interlude{padding:65px 6%}.interlude h2{font-size:53px}.questions{grid-template-columns:1fr;gap:30px}.questions h2{font-size:49px}.footer-top{flex-wrap:wrap}.footer-top p{font-size:14px}.footer-top>a:last-child{width:100%;margin-top:8px}.footer-bottom{flex-direction:column;gap:10px}.button{padding:15px 20px}summary{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker>div{animation:none}*{transition:none!important}}@media(min-width:701px) and (max-height:850px){.hero{min-height:690px}.hero-copy{padding-top:40px}h1{font-size:100px;margin-top:30px}.hero-foot{margin-top:25px}}

/* SPINDL signature: the D carries the finish and the light. */
:root{--brand-accent:#eceae8;--brand-glow:0 0 0 transparent}
.brand-d{color:var(--brand-accent);text-shadow:var(--brand-glow)}
.wordmark .brand-d{font-size:inherit;vertical-align:baseline;letter-spacing:inherit;line-height:inherit;margin:0}
.studio[data-finish="chalk"] .brand-d{-webkit-text-stroke:.7px #727769}
.studio[data-finish="ink"] .brand-d{color:#72806b}
h1{font-size:clamp(64px,6.75vw,108px);line-height:1.04;letter-spacing:-5px}
@media(max-width:1000px){h1{font-size:clamp(61px,7vw,85px);letter-spacing:-4px}}
@media(max-width:700px){h1{font-size:clamp(49px,12.3vw,83px);letter-spacing:-3px;line-height:1.05}}
@media(prefers-reduced-motion:reduce){.brand-d{transition:none}}

.studio{--brand-accent:#ff591f;--brand-glow:0 0 13px #ff591f80}.studio .brand-d{transition:color .4s,text-shadow .5s}.swatches{flex-wrap:wrap;gap:12px}.swatch{width:38px;height:38px}

.colorways{clear:both;display:grid;grid-template-columns:1fr 1fr;gap:8px}.colorway{display:flex;align-items:center;gap:10px;text-align:left;background:transparent;border:1px solid #54574d;border-radius:4px;padding:10px 8px;color:inherit;font-size:12px}.colorway.selected{border-color:#f3f2ec;background:#ffffff0a}.colorway small{display:block;color:#b7b9b0;font-size:10px;margin-top:3px}.pair-chip{flex:none;display:grid;place-items:center;width:33px;height:33px;border-radius:6px;background:var(--body-color);border:1px solid #ffffff30}.pair-chip:after{content:'';width:24px;height:24px;border-radius:50%;background:var(--platter-color);box-shadow:0 1px 3px #0004}.customize-colors{clear:both;margin-top:17px}.customize-colors summary{font-size:13px;justify-content:flex-start;gap:12px;width:fit-content}.customize-colors summary span{font-size:18px}.custom-color-group{margin-top:18px}.color-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:12px}.color-label span{color:#b7b9b0}.customize-colors .swatches{gap:10px}.customize-colors .swatch{width:32px;height:32px}.stage-wrap{position:sticky;top:20px;align-self:start;width:100%;height:730px}@media(max-width:700px){.stage-wrap{position:relative;top:0;height:430px}.colorway{padding:12px}.customize-colors .swatch{width:36px;height:36px}}

.led-mode-label{font-size:12px;color:#b7b9b0;margin:18px 0 9px}

/* Cream, plum and warm charcoal: keep the product color as the expressive accent. */
:root{--paper:#f5f1e9;--ink:#292633;--orange:#66516f;--line:#d9d1c8;--muted:#6d6570}
.hero-copy{padding-top:55px}.hero-copy h1{margin-top:0}.serif{color:#796283}
.hero-foot .edition-label{display:inline-block;white-space:nowrap;color:var(--ink);font-size:11px;letter-spacing:.5px}
.hero-foot .edition-label .brand-d{font:inherit;letter-spacing:inherit;color:var(--brand-accent)}
.hero-foot .target-price{color:var(--muted);font-size:12px;letter-spacing:0}
.orange{background:#66516f}.orange:hover{background:#51405a}
.experience{border-top:1px solid var(--line)}
.studio{background:#28242d;color:#f5f1e9}.stage-wrap{background:#302b33}.config{background:#2d2831;border-color:#57505b}.builder{border-color:#57505b}
.swatch{border-color:#2d2831}.segment button.selected{background:#f5f1e9}.stage-controls button{background:#28242dcc}
.interlude{background:#dfd6e4;color:#342b3a}.interlude h2 em{color:#796283}.light{background:#f5f1e9}
@media(max-width:700px){.hero-copy{padding-top:35px}.hero-foot .edition-label{font-size:10px}}

/* Two clean lines, one typographic voice. Size against the actual copy column. */
.hero-copy{container-type:inline-size}
.hero-copy h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(28px,6vw,86px);font-size:clamp(24px,10cqi,100px);font-weight:800;line-height:1.12;letter-spacing:-.055em;margin:0 0 30px}
.headline-line{display:block;white-space:nowrap}.headline-record{color:#796283}
@media(max-width:700px){.hero-copy h1{font-size:clamp(24px,10cqi,70px);letter-spacing:-.05em}}

.segment button:disabled{opacity:.35;cursor:not-allowed}.swatch[data-body="clear"]{background:linear-gradient(135deg,#dce6e2 15%,#ffffff 45%,#adbfb7 50%,#eaf0ed 80%)}

.hero-media .media-top,.hero-media .media-bottom,.hero-media .vertical-caption{color:white;mix-blend-mode:difference}.hero-media .concept-label{color:inherit}.hero-media .media-top button{color:inherit;border-color:currentColor}

.benchtop{position:relative;padding:0;min-height:660px;display:flex;align-items:center;text-align:left;overflow:hidden;background:#e8dcc8}.benchtop>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.benchtop-copy{position:relative;width:43%;padding:65px 0 65px 6%;z-index:1}.benchtop .eyebrow{justify-content:flex-start;font-size:10px}.benchtop h2{font-size:clamp(42px,4.4vw,68px);margin:25px 0}.benchtop-copy>p{font-size:16px;line-height:1.7;max-width:350px;color:#3e3430}.benchtop-copy .accessory-note{font-size:12px;color:#62544c}.benchtop .button{margin-top:15px}.scene-caption{position:absolute;bottom:18px;right:24px;font-size:10px;background:#f5f1e9d9;padding:5px 9px;color:#50453e}.platter-note{margin:15px 0 0}
@media(max-width:700px){.benchtop{display:flex;flex-direction:column;min-height:0}.benchtop>img{position:relative;height:auto;order:0;object-fit:contain}.benchtop-copy{width:100%;padding:34px 6% 45px;order:1}.benchtop h2{font-size:48px}.benchtop-copy>p{max-width:100%}.scene-caption{top:12px;bottom:auto;right:12px}.benchtop .eyebrow{font-size:10px}}

.prototype-section{border-bottom:1px solid var(--line)}.prototype-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.prototype-grid figure{margin:0}.prototype-grid img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:3px}.prototype-grid figcaption{font-size:13px;padding:14px 0}.prototype-grid figcaption span{display:block;color:var(--muted);font-size:11px;margin-top:4px}@media(max-width:700px){.prototype-grid{grid-template-columns:1fr;gap:24px}.prototype-section .section-top{flex-wrap:wrap;gap:15px}}

.experience-photos{margin:0 0 48px}.photo-intro{font-size:11px;letter-spacing:1px;margin:0 0 20px}.photo-intro span{display:block;color:var(--muted);letter-spacing:0;margin-top:5px;font-size:13px}.experience-photos img[src*="composite"]{object-fit:contain;background:#f5f1e9;padding:15px}

.parent-quote{padding:55px 12% 65px;border-top:1px solid var(--line);text-align:center;background:#e9e1ec}.parent-quote .eyebrow{justify-content:center;color:#796283;font-size:10px}.parent-quote blockquote{font-family:Manrope,Arial,sans-serif;font-size:clamp(25px,3vw,43px);font-weight:500;letter-spacing:-1.1px;line-height:1.35;max-width:900px;margin:24px auto}.parent-quote p{font-size:13px;margin:0}.parent-quote p span{display:block;font-size:10px;color:var(--muted);margin-top:7px}@media(max-width:700px){.parent-quote{padding:40px 7% 45px}}

.critic-quote{padding:32px 6% 36px;text-align:center;border-top:1px solid #d3c7d8;background:#e9e1ec}.critic-quote blockquote{font-family:Manrope,Arial,sans-serif;font-size:clamp(23px,2.5vw,35px);font-weight:600;letter-spacing:-.8px;margin:0 0 12px}.critic-quote p{font-size:13px;margin:0 0 7px}.critic-quote small{font-size:10px;color:var(--muted)}

.quote-carousel{margin:26px 8% 0 0;padding-top:20px;border-top:1px solid var(--line);max-width:460px}.quote-window{overflow:hidden}.quote-track{display:flex;transition:transform .55s ease}.quote-slide{flex:0 0 100%;min-width:0;margin:0;padding:0 2px}.quote-slide blockquote{font-size:clamp(17px,1.7vw,23px);line-height:1.45;letter-spacing:-.4px;margin:0 0 12px}.quote-slide figcaption{font-size:12px}.quote-slide small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.quote-controls{display:flex;align-items:center;gap:16px;margin-top:17px;font-size:11px;color:var(--muted)}.quote-controls button{background:none;padding:5px 8px;border:1px solid var(--line);border-radius:3px}.quote-controls #quote-pause{margin-left:auto}.quote-slide{align-content:start}@media(max-width:700px){.quote-carousel{margin-right:0;max-width:none}}

#cart-dialog{width:min(560px,92vw);padding:34px;background:var(--paper);color:var(--ink);border-color:var(--line)}#cart-dialog h2{font-size:38px;margin:0 0 25px}#cart-dialog p{color:var(--muted);font-size:13px}.cart-close{position:absolute;top:12px;right:14px;background:none;font-size:25px}.cart-item{border-bottom:1px solid var(--line);padding:12px 0}.cart-item button{padding:4px 0;background:none;text-decoration:underline;font-size:12px}#cart-dialog .cart-total{font-size:20px;color:var(--ink);margin-top:24px}#cart-continue{margin-top:16px}

.audio-less{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:48px;border-top:1px solid var(--line);background:#e8e1ec}.audio-less h2{margin:22px 0}.audio-less>div>p{max-width:480px}.audio-less-offer{border-left:1px solid #b9acbf;padding-left:48px}.audio-less-label{font-size:18px;margin:0 0 12px}.audio-less-price{font-size:22px;margin:0}.audio-less-price strong{display:block;font-family:Manrope,Arial,sans-serif;font-size:clamp(64px,7vw,100px);letter-spacing:-.06em;line-height:1.2}.audio-less-note{font-size:14px;color:var(--muted);margin-top:18px}@media(max-width:700px){.audio-less{grid-template-columns:1fr;gap:24px}.audio-less-offer{border-left:0;border-top:1px solid #b9acbf;padding:24px 0 0}}

.audio-less{grid-template-columns:1fr 1.6fr}.audio-less-comparison{margin:0;position:relative;min-width:0}.audio-less-comparison img{display:block;width:100%;height:auto;border-radius:8px}.audio-less-comparison figcaption{display:flex;justify-content:space-between;gap:24px;margin-top:20px}.audio-less-comparison figcaption span{font-size:12px;letter-spacing:1px;font-weight:600}.audio-less-comparison figcaption p{font-size:16px;margin:5px 0}.audio-less-comparison strong{display:block;font-family:Manrope,Arial,sans-serif;font-size:40px;letter-spacing:-2px}.frame-s-price{text-align:right}.audio-less-comparison .audio-less-note{font-size:12px}@media(max-width:700px){.audio-less{grid-template-columns:1fr}.audio-less-comparison figcaption{gap:12px}.audio-less-comparison strong{font-size:34px}}

.model-compare{padding-top:44px;padding-bottom:32px;background:#e8e1ec}.model-compare-heading{display:flex;align-items:center;justify-content:space-between;gap:32px}.model-compare-heading h2{font-size:clamp(30px,3.5vw,48px);margin:12px 0}.model-compare-heading>p{max-width:390px;font-size:16px}.model-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.model-card{min-width:0}.model-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.model-card-info{display:flex;align-items:center;justify-content:space-between;gap:12px}.model-card h3{font-family:Manrope,Arial,sans-serif;font-size:24px;margin:0}.model-card p{margin:6px 0;font-size:14px}.model-card .button{background:var(--ink);color:var(--paper);padding:12px 16px;gap:12px}.model-dimensions{border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.model-disclaimer{font-size:12px;color:var(--muted);margin:20px 0 0}.speaker-choice{border:0;padding:0;margin:0 0 24px;max-width:440px}.speaker-choice legend{font-size:18px;font-weight:600;margin-bottom:10px}@media(max-width:700px){.model-compare-heading{display:block}.model-cards{gap:12px}.model-card-info{display:block}.model-card h3{font-size:19px}.model-card .button{font-size:14px;margin-top:8px}.model-card-info p{min-height:42px}.model-dimensions{font-size:12px!important}.model-compare{padding-top:30px}.model-compare-heading h2 br{display:none}}

.dimension-render{position:relative}.body-dimensions{position:absolute;inset:0;width:100%;height:100%;color:#514456;pointer-events:none}.dimension-extensions{fill:none;stroke:currentColor;stroke-width:2;opacity:.6}.dimension-lines{fill:none;stroke:currentColor;stroke-width:3}.dimension-labels{fill:currentColor;font-family:Manrope,Arial,sans-serif;font-size:52px;font-weight:600;text-anchor:middle;paint-order:stroke;stroke:#f4f2f4;stroke-width:12;stroke-linejoin:round}@media(max-width:700px){.dimension-labels{font-size:72px}.dimension-lines{stroke-width:5}.dimension-extensions{stroke-width:3}}

.model-compare-heading h2{white-space:nowrap;font-size:clamp(28px,3.3vw,46px)}.model-compare-heading>div{flex-shrink:0}@media(max-width:700px){.model-compare-heading h2{font-size:clamp(22px,5.5vw,36px)}}

/* Model choice: clear hierarchy, matched cards, direct builder paths. */
.model-compare{background:var(--paper);padding-top:48px;padding-bottom:40px}.model-compare-heading{display:block;margin-bottom:24px}.model-compare-heading h2{font-size:clamp(28px,4vw,52px);line-height:1.12;margin:12px 0 16px;letter-spacing:-.04em}.model-compare-heading>p{max-width:none;margin:0;color:var(--muted)}.model-cards{gap:24px}.model-card{background:#f4f2f4;border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.model-card-info{padding:0 24px 24px;display:grid;grid-template-columns:1fr;gap:16px;flex:1}.model-purpose{display:block;font-size:11px;letter-spacing:1.2px;color:var(--muted);font-weight:600;margin-bottom:8px}.model-card h3{font-size:30px;letter-spacing:-1px}.model-card .model-benefit{font-size:15px;line-height:1.5;margin:8px 0 18px;max-width:360px;min-height:45px}.model-card .model-starting{font-size:14px;color:var(--muted);margin:0;display:flex;gap:10px;align-items:baseline}.model-starting strong{font-family:Manrope,Arial,sans-serif;font-size:30px;letter-spacing:-1px;color:var(--ink)}.model-card .button{width:100%;font-size:15px;min-height:48px;margin:0;align-self:end}.model-disclaimer{margin-top:16px;line-height:1.5}.model-card:first-child .brand-d{color:#af7043}.model-card:last-child .brand-d{color:#80619a}@media(max-width:700px){.model-cards{gap:10px}.model-compare-heading h2{font-size:clamp(22px,5.5vw,36px)}.model-card-info{padding:0 12px 14px;gap:12px}.model-purpose{font-size:10px;letter-spacing:.5px;min-height:30px}.model-card h3{font-size:22px}.model-card .model-benefit{font-size:13px;min-height:78px;margin-bottom:12px}.model-card .model-starting{display:block;font-size:12px;min-height:0}.model-starting strong{display:block;font-size:27px}.model-card .button{font-size:12px;padding:12px 10px;gap:6px}.model-compare-heading>p{font-size:15px}}

.media-top{justify-content:flex-end}

/* Enlarge both comparison renders equally; measurements share the same transform. */
.model-card .dimension-render{aspect-ratio:3/2;overflow:hidden}.model-card .dimension-render img,.model-card .dimension-render .body-dimensions{position:absolute;width:135%;height:135%;max-width:none;left:-17.5%;top:-17.5%;right:auto;bottom:auto}.model-card .dimension-render img{object-fit:contain}

.real-gallery-heading{align-items:center}.real-gallery-heading h2{white-space:nowrap}.real-gallery-heading p{margin:0 0 12px}.real-gallery-heading .usa-origin{font-size:16px;font-weight:600;color:var(--ink)}

.glow-legend{display:flex;align-items:center;gap:12px;width:100%}#led-color-button{margin-left:auto;width:32px;height:32px;min-width:32px;border:1px solid #bcb6c6;border-radius:50%;background:var(--led-color,#ff9b41);position:relative;padding:0}#led-color-button.led-off{background:transparent;opacity:.55}#led-color-button.led-off:before,#led-color-button.led-off:after{content:'';position:absolute;left:6px;right:6px;top:14px;height:2px;background:currentColor;transform:rotate(45deg)}#led-color-button.led-off:after{transform:rotate(-45deg)}#led-color-dialog{width:min(360px,calc(100vw - 32px));padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink)}#led-color-dialog::backdrop{background:#17121b99}.led-picker-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.led-picker-heading h3{margin:0;font-size:21px}#led-picker-close{font-size:28px;background:none;padding:0 6px}.honeycomb-row{display:flex;justify-content:center;gap:4px;margin-top:-5px}.honeycomb-cell{width:40px;height:46px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);padding:0;flex-shrink:0}.honeycomb-cell:hover,.honeycomb-cell:focus-visible{filter:brightness(.8)}.honeycomb-cell[aria-pressed=true]{box-shadow:inset 0 0 0 4px #28232e}#led-rainbow{display:block;width:100%;padding:12px;margin-top:20px;border-radius:6px;background:var(--ink);color:var(--paper)}#led-color-dialog>p{font-size:13px;line-height:1.5;color:var(--muted);margin-bottom:0}

[data-glow] small{display:block;font-size:11px;font-weight:400;opacity:.75;margin-top:3px}

#stage,#stage canvas{cursor:default;touch-action:pan-y}

.model-details{margin:18px 0 24px;padding-left:19px;font-size:15px;line-height:1.55;color:var(--ink)}.model-details li{padding-left:3px;margin:0 0 10px}.model-details li::marker{color:var(--muted)}@media(max-width:600px){.model-cards{grid-template-columns:1fr;gap:24px}.model-card-info{padding:0 20px 24px}.model-details{font-size:15px}.model-card .button{font-size:15px}.model-card .model-starting{display:flex;font-size:14px}}

.benchtop #benchtop-title{font-size:clamp(20px,2.5vw,38px);white-space:nowrap;font-style:normal}
@media(max-width:700px){.benchtop #benchtop-title{font-size:clamp(20px,5.4vw,38px)}}

.studio-heading h2{font-size:clamp(22px,4vw,58px);white-space:nowrap;font-style:normal}
@media(max-width:700px){.studio-heading h2{font-size:clamp(20px,5.3vw,37px);letter-spacing:-.7px}}

/* Give the hero copy breathing room while retaining the full video frame. */
@media(min-width:701px){.hero-media{margin-left:32px;margin-right:24px;align-self:center}.hero-media video{display:block;width:100%;height:auto;object-fit:contain}}

@media(min-width:701px){.hero-copy{padding-right:32px}.hero-media{margin-left:48px}}

@media(min-width:701px){
 .hero-copy{display:flex;flex-direction:column;justify-content:space-between;padding-top:50px;padding-bottom:50px;gap:28px}
 .hero-copy h1{font-size:clamp(30px,12cqi,100px);line-height:1.08;margin:0;letter-spacing:-.055em}
 .hero-copy>p{margin:0;max-width:100%}
 .hero-copy .quote-carousel{margin:0;padding-top:24px}
 .hero-copy .quote-controls{margin-top:24px}
}

@media(min-width:701px){.hero-copy{justify-content:flex-start;gap:30px}.hero-copy .quote-carousel{margin-top:6px}}

.real-gallery-heading{grid-template-columns:1fr;gap:20px}.real-gallery-heading p{max-width:none}.real-gallery-heading .usa-origin{margin-top:10px}
@media(min-width:701px){.real-gallery-heading>div>p:first-child{white-space:nowrap;font-size:clamp(14px,1.55vw,18px)}}

.real-gallery-heading .brand-d{color:#a63b70;text-shadow:none}

.benchtop #benchtop-title{font-size:clamp(30px,4vw,56px);letter-spacing:-1.3px;line-height:1.12}
@media(max-width:700px){.benchtop #benchtop-title{font-size:clamp(27px,7.4vw,48px);letter-spacing:-1px}}
/* Launch review: a shorter route from discovery to configuration. */
.hero-copy{gap:22px!important;justify-content:center!important}.hero-copy .hero-intro{font-weight:700;margin:0}.hero-copy .hero-explainer{margin:0;max-width:380px;font-size:19px;line-height:1.55}.hero-confidence{font-size:12px!important;line-height:1.7!important;opacity:.65;margin:0!important}.hero-actions{margin:4px 0!important}
.model-compare{padding-top:70px;padding-bottom:65px}.model-card-info{gap:16px}.model-details{margin:12px 0}.shared-specs{margin-top:28px;padding:22px 28px;background:#e8e4de;border-radius:12px;text-align:center}.shared-specs p{margin:10px 0 0;line-height:1.7}.shared-specs .field-note{font-size:12px}.model-disclaimer{font-size:11px}
.builder-summary{position:sticky;bottom:16px;z-index:10;display:flex;align-items:center;gap:22px;padding:16px 22px;margin-top:30px;background:#f9f6eff2;color:#20221f;border:1px solid #d0c9bf;border-radius:14px;box-shadow:0 8px 35px #0002;backdrop-filter:blur(16px)}.builder-summary>div:first-child{flex:1}.builder-summary strong,.builder-summary span,.builder-summary small{display:block}.builder-summary span,.builder-summary small{font-size:12px;line-height:1.6}.builder-summary .button{width:auto;margin:0;white-space:nowrap}.config #save-config{display:none}.config .price-row{border-top:1px solid #ddd;padding-top:18px}
.real-demo{display:grid;grid-template-columns:minmax(220px,390px) 1fr;gap:50px;align-items:center;background:#e8e4de;margin:30px 0;padding:30px;border-radius:16px}.real-demo video{display:block;width:100%;max-height:530px;border-radius:9px;background:#151515}.real-demo figcaption{max-width:420px}.real-demo strong{font-size:32px;line-height:1.2;letter-spacing:-1px}.real-demo p{font-size:16px;line-height:1.7}.real-gallery-heading p:first-child{white-space:normal!important}.usa-origin small{font-size:12px;font-weight:400;opacity:.7}.prototype-grid img{max-height:360px;object-fit:cover}.playful-quotes{background:#e8e4de;text-align:center;padding-top:60px;padding-bottom:60px}.playful-quotes h2{font-size:clamp(28px,4vw,48px);margin:14px 0}.playful-quotes>p{font-size:13px;opacity:.7}.playful-quotes .quote-carousel{max-width:650px;margin:28px auto 0;text-align:center}.playful-quotes .quote-controls{justify-content:center}.playful-quotes .quote-slide{padding:0 20px}.final-signup{text-align:center;background:#29252f;color:#f5f1e9;padding-top:75px;padding-bottom:75px}.final-signup h2{font-size:clamp(32px,5vw,64px);margin:20px 0}.final-signup p{margin-bottom:25px}.final-signup .button{margin:auto;width:auto}.final-signup small{display:block;margin-top:18px;opacity:.65}.questions{padding-top:70px;padding-bottom:70px}
#signup-dialog{width:min(520px,calc(100vw - 32px));max-height:90vh;overflow:auto;padding:36px;border:0;border-radius:18px;background:#f5f1e9;color:#242127}#signup-dialog::backdrop{background:#17131dc9;backdrop-filter:blur(5px)}#signup-dialog h2{font-size:32px;line-height:1.1;letter-spacing:-1px;margin:12px 0 18px}#signup-dialog p{font-size:14px;line-height:1.6}#signup-dialog .signup-close{position:absolute;top:10px;right:16px;font-size:28px;background:none;border:0;cursor:pointer}#signup-config{padding:15px;background:#e8e1ec;border-radius:8px}#signup-form>label{display:block;font-size:14px;margin:18px 0 8px}#signup-email{display:block;width:100%;box-sizing:border-box;padding:14px;font:inherit;border:1px solid #a99caf;border-radius:6px;background:white}.signup-consent{display:flex!important;gap:10px;align-items:flex-start}.signup-consent input{margin-top:3px;accent-color:#765688}#signup-form button{width:100%}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#signup-status{font-weight:600}button:disabled{cursor:wait;opacity:.6}
@media(max-width:700px){.hero{min-height:0!important}.hero-copy{padding:36px 24px 24px!important;gap:15px!important}.hero-copy h1{font-size:clamp(35px,10.6vw,65px)!important}.hero-copy .hero-explainer{font-size:16px;max-width:350px}.hero-confidence{font-size:10px!important}.hero-media{margin:0 20px 24px!important;height:auto!important;aspect-ratio:4/5;max-height:480px}.hero-media video{height:100%;width:100%;object-fit:cover}.model-compare{padding-top:40px;padding-bottom:35px}.model-compare-heading{gap:12px}.model-compare-heading h2{font-size:34px}.model-card-info{padding:18px}.model-details{font-size:13px}.shared-specs{padding:18px}.builder-summary{bottom:8px;gap:10px;flex-wrap:wrap;padding:12px;margin:22px -8px 0}.builder-summary span{font-size:10px}.builder-summary .button{width:100%;padding:13px;font-size:14px}.builder-summary small{font-size:10px}.real-demo{grid-template-columns:1fr;padding:16px;gap:20px}.real-demo video{max-height:480px}.real-demo strong{font-size:27px}.real-demo p{font-size:14px}.playful-quotes{padding:40px 22px}.real-gallery-heading .usa-origin{font-size:15px}.final-signup{padding:50px 24px}.benchtop #benchtop-title{white-space:normal!important}.questions h2{font-size:42px}#signup-dialog{padding:26px}}
#signup-dialog p,#signup-dialog label{color:#514955;opacity:1}#signup-dialog #signup-status{color:#34243e}.shared-specs .field-note{color:#645c68;opacity:1}.real-demo p,.playful-quotes>p{color:#514955;opacity:1}
.deposit-breakdown{padding:12px 18px;border-radius:9px;background:#e8e1ec}.deposit-breakdown p{display:flex;justify-content:space-between;gap:12px;margin:10px 0}#signup-dialog .deposit-breakdown strong{color:#302637}#signup-dialog button:disabled{cursor:not-allowed}

/* Land at the model toggle and interactive preview, below the section intro. */
#configure{scroll-margin-top:24px}

/* Keep checkout in the page flow so every builder option remains unobstructed. */
.builder-summary{position:static;bottom:auto;box-shadow:none;backdrop-filter:none;margin-top:24px}

.stage-wrap .builder-summary{margin:0;border-radius:0;border-left:0;border-right:0;padding:18px 22px;gap:12px;flex-wrap:wrap}.stage-wrap .builder-summary .button{width:100%;justify-content:center}.stage-wrap .builder-summary>div:first-child{min-width:160px}

.speaker-choice{display:flex;align-items:center;gap:18px;max-width:none}.speaker-choice .speakers-label{font-weight:700;white-space:nowrap}.speaker-choice .segment{flex:1;max-width:440px}.speaker-choice legend.sr-only{position:absolute}
@media(max-width:700px){.speaker-choice{gap:10px}.speaker-choice .segment button{padding:12px 8px;font-size:12px}.speaker-choice .speakers-label{font-size:14px}}

.segment.platter-shapes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.segment.platter-shapes button{width:100%;min-width:0}
.hero-media{position:relative}#hero-live{position:absolute;inset:0;z-index:1;overflow:hidden}#hero-live canvas{display:block;width:100%;height:100%}.hero-media .media-top,.hero-media .media-bottom{z-index:3}
.benchtop .story-motion{position:absolute;pointer-events:none;z-index:0}.benchtop-copy,.benchtop .scene-caption{position:relative;z-index:1}.benchtop .scene-caption{position:absolute}

/* Match the hero word to the live platter / logo accent. */
.hero .headline-record{color:var(--brand-accent,#765688)}

:root{--brand-text-accent:#6f706a}header .wordmark .brand-d,.hero .headline-record{color:var(--brand-text-accent);text-shadow:none}

/* Hero animation has no visitor playback control. */
 .hero-media .media-top{display:flex}

/* Keep the desktop hero within the first viewport; fallback video must not size its grid row. */
@media(min-width:701px){
 .hero{height:clamp(600px,calc(100svh - 100px),820px);min-height:0;max-height:none;grid-template-rows:minmax(0,1fr)}
 .hero-copy{min-height:0;padding-top:32px;padding-bottom:32px}
 .hero-media{height:100%;min-height:0;align-self:stretch;overflow:hidden}
 .hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
}

/* Bring the desktop render closer to the hero copy. */
@media(min-width:701px){.hero-media{margin-left:16px;margin-right:16px}}

/* Mobile: a compact live preview stays with the configuration options. */
@media(max-width:700px){
 .model-compare-heading h2,.studio-heading h2{white-space:normal;overflow-wrap:normal;font-size:32px;line-height:1.12;letter-spacing:-1.2px}
 .hero-copy{padding-top:24px!important;gap:12px!important}
 .hero-media{aspect-ratio:1/1;max-height:380px}
 .studio{padding-left:16px;padding-right:16px}
 .builder{display:block;overflow:visible}
 .builder .stage-wrap{position:sticky;top:0;z-index:15;min-height:0;height:auto;overflow:hidden;box-shadow:0 8px 18px #0004}
 .builder #stage{flex:none;height:clamp(150px,29svh,240px);min-height:0}
 .stage-label{top:10px;left:12px;right:12px;font-size:9px}
 .stage-label #view-hint{display:none}
 .stage-controls{top:6px;bottom:auto;left:auto;right:8px}
 .stage-controls button{font-size:10px;padding:7px 9px;min-height:32px}
 .stage-wrap .builder-summary{padding:10px 12px;gap:8px;flex-wrap:nowrap;align-items:center}
 .stage-wrap .builder-summary>div:first-child{min-width:0;flex:1}
 .stage-wrap .builder-summary strong{font-size:13px}
 .stage-wrap .builder-summary #summary-look,.stage-wrap .builder-summary small{display:none}
 .stage-wrap .builder-summary .button{width:auto;font-size:12px;padding:12px 10px;min-height:44px;gap:5px}
 .config{padding:18px 14px;min-width:0}
 .speaker-choice{gap:10px}.speaker-choice .segment button{font-size:12px;padding:12px 6px;min-height:44px}
 .colorways{min-width:0}.colorway{min-width:0}
 .config fieldset{scroll-margin-top:calc(29svh + 80px)}
}

/* L3: solid finishes are unlit; the frosted Lantern carries light onto the crown. */
[data-ledmode]:disabled{opacity:.4;cursor:default}

.dimension-labels{font-size:40px;stroke-width:8}@media(max-width:700px){.dimension-labels{font-size:54px}}

/* The new exports are already framed tightly; retain room for height labels. */
.model-card .dimension-render img,.model-card .dimension-render .body-dimensions{width:115%;height:115%;left:-7.5%;top:-7.5%}

/* Match the enlarged live builder framing before WebGL finishes loading. */
#stage>img.stage-fallback{transform:scale(1.15)}
/* Keep motion control above the preview, clear of the configuration summary. */
@media(min-width:701px){.stage-wrap .stage-controls{top:14px;bottom:auto;left:auto;right:14px;z-index:5}.stage-wrap .stage-label{right:200px}}

/* Keep the phone and the complete speaker in the desktop lifestyle crop. */
@media(min-width:701px){.benchtop{min-height:max(660px,40vw)}.benchtop>img{object-position:center 80%}}

/* First-batch launch interest */
.launch-plan{background:#ede6f2;color:#282430}.launch-heading{max-width:760px}.launch-heading h2{font-size:clamp(2rem,4vw,3.8rem);line-height:1.06;letter-spacing:-.045em;margin:18px 0}.launch-heading p{font-size:1.05rem;line-height:1.6}.launch-prices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:32px 0 16px}.launch-prices article{padding:24px;background:#fffaf4;border:1px solid #d8cddd;border-radius:16px}.launch-prices h3{font-size:1.05rem;margin:0 0 20px}.launch-prices strong{font-size:2.25rem;letter-spacing:-.05em}.launch-prices p,.launch-steps p,.launch-volume p{font-size:1rem;line-height:1.6}.launch-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;padding:0;margin:48px 0}.launch-steps li{border-top:1px solid #a393ae;padding-top:20px}.launch-steps span{font-size:.875rem;letter-spacing:.1em}.launch-steps h3{font-size:1.2rem}.launch-volume{max-width:800px;margin:0 0 28px;padding:24px;border-left:3px solid #685476;background:#ffffff70}.signup-trap{position:absolute;left:-10000px}#signup-form select{width:100%;padding:12px;font:inherit;border:1px solid #b8b0bf;border-radius:6px;margin:8px 0 18px;background:white;color:#282430}#signup-dialog{max-height:90dvh;overflow:auto}#signup-manage a{overflow-wrap:anywhere}.launch-plan .field-note{color:#605568;font-size:.875rem}
@media(max-width:760px){.launch-prices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.launch-prices article{padding:18px}.launch-steps{grid-template-columns:1fr;gap:18px;margin:30px 0}.launch-volume{padding:18px}.launch-prices h3{font-size:1rem}.launch-prices strong{font-size:2rem}}

.design-specs{margin-top:28px;border-top:1px solid #d9d2ca;padding-top:20px}.design-specs summary{font-weight:650;cursor:pointer}.design-specs table{border-collapse:collapse;width:100%;font-size:14px;margin:20px 0;text-align:left}.design-specs th,.design-specs td{padding:12px;border-bottom:1px solid #d9d2ca;vertical-align:top}.design-specs caption{text-align:left;padding:10px 0;color:#6c6571}.design-specs p{font-size:13px;color:#6c6571;max-width:900px}.spec-scroll{overflow-x:auto}

.bench-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.bench-grid video{display:block;width:100%;max-height:460px;object-fit:contain;background:#e8e4de;border-radius:8px}.bench-grid figcaption span{display:block}@media(max-width:600px){.bench-grid{grid-template-columns:1fr!important}}

.prototype-history{margin-top:32px;border-top:1px solid #d9d2ca;padding-top:20px}.prototype-history summary{cursor:pointer;font-weight:650}.prototype-history>p{max-width:720px;font-size:14px;line-height:1.7;color:#6c6571}.prototype-history .prototype-grid{margin-top:20px}

.glow-discovery{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:0 0 18px;padding:14px;border:1px solid #75647f;border-radius:8px;background:#beabd610;font-size:13px;line-height:1.5}.glow-discovery button,.lantern-guidance button{background:none;border:0;padding:4px 0;color:#e1cbed;font:inherit;text-align:left;text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:44px}.colorway .lantern-badge{display:block;font-size:10px;line-height:1.3;margin-top:6px;color:#e1cbed;white-space:normal}.colorway .lantern-badge.unlit{color:#b8b4bd}.lantern-guidance{margin:14px 0;padding:12px 14px;border-left:3px solid #beabd6;background:#beabd610;font-size:13px;line-height:1.6}.lantern-guidance p{margin:0}.lantern-guidance button[hidden]{display:none}

/* Price tiles: travelling border = motion; colored glow = Lantern. */
@property --tile-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.launch-prices .price-tile{position:relative;isolation:isolate;overflow:hidden;border:1px solid #cabdd3;display:flex;flex-direction:column;min-width:0;padding-top:58px}
.price-tile::before{content:"";position:absolute;inset:0;padding:2px;border-radius:inherit;background:conic-gradient(from var(--tile-angle),#d8cddd 0deg,#d8cddd 235deg,#a690bc 275deg,#655276 310deg,#d8cddd 355deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:tile-orbit 7s linear infinite;pointer-events:none;z-index:2}
.price-tile.has-audio::before{background:conic-gradient(from var(--tile-angle),#d8cddd 0deg,#d8cddd 215deg,#b38167 270deg,#694767 310deg,#d8cddd 355deg)}
.price-tile.is-lantern::before{background:conic-gradient(from var(--tile-angle),#b699d0,#edb69d,#edd999,#acd7c5,#a6c5ed,#b699d0)}
.price-tile.is-lantern::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 15% 85%,#c7b5ef99,transparent 62%),radial-gradient(ellipse at 85% 90%,#efc89899,transparent 65%),radial-gradient(ellipse at 60% 35%,#b2e0dc70,transparent 58%);background-size:160% 160%;animation:tile-light-drift 9s ease-in-out infinite alternate;pointer-events:none}
.launch-prices .tile-speaker{position:absolute;right:19px;top:18px;width:25px;height:25px;color:#685476}.tile-speaker svg{display:block;width:100%;height:100%}.launch-prices .price-tile h3{padding-right:0;margin-bottom:18px}.launch-prices .price-tile p{flex:1}.tile-features{display:block;margin-top:8px;font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:#65576d}
@keyframes tile-orbit{to{--tile-angle:360deg}}@keyframes tile-light-drift{from{background-position:0% 20%,100% 100%,40% 0%}to{background-position:100% 80%,0% 10%,70% 100%}}
@media(prefers-reduced-motion:reduce){.price-tile::before,.price-tile.is-lantern::after{animation:none}}
@media(max-width:760px){.launch-prices .price-tile{padding-top:52px}.launch-prices .tile-speaker{right:15px;top:15px;width:22px;height:22px}}

.real-demo>img{display:block;width:100%;height:auto;border-radius:9px}
.real-demo{position:relative}.real-demo .shelf-motion{position:absolute;pointer-events:none;border-radius:9px}

/* Materials-only review, September 28, 2026. */
.materials-basis{display:block;font-size:.875rem;color:var(--muted);margin-top:.4rem}
.materials-curves{margin:3.5rem 0;padding:2.5rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.materials-graph-heading{max-width:800px}.materials-graph-heading h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.1;margin:1rem 0}.materials-graph-heading p{font-size:1rem;line-height:1.65;color:var(--muted)}
.materials-curves figure{margin:2rem 0}.materials-curves figure img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px}
.materials-curves figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:.8rem;font-size:.875rem;color:var(--muted)}
.materials-curves figcaption a{text-decoration:underline;text-underline-offset:4px;color:var(--ink)}
.materials-table-wrap{overflow-x:auto}.materials-table-wrap table{width:100%;min-width:610px;border-collapse:collapse;text-align:right;font-size:1rem;font-variant-numeric:tabular-nums}
.materials-table-wrap caption{text-align:left;font-weight:600;margin-bottom:1rem}.materials-table-wrap th,.materials-table-wrap td{padding:1rem .8rem;border-bottom:1px solid var(--line)}.materials-table-wrap th:first-child{text-align:left}
.materials-assumptions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:1.5rem}.materials-assumptions p{font-size:.875rem;line-height:1.65;color:var(--muted)}.materials-assumptions strong{color:var(--ink)}
@media(max-width:700px){.materials-curves{padding:1.8rem 0;margin:2rem 0}.materials-assumptions{grid-template-columns:1fr;gap:0}.materials-curves figcaption{display:block}.materials-curves figcaption span{display:block;margin-top:.6rem}.materials-table-wrap th,.materials-table-wrap td{padding:.8rem .6rem}}

/* Keep the benchtop story legible over the sunlit photo. */
.benchtop{background:#20221f;color:#fff;isolation:isolate;--brand-accent:#fff;--brand-glow:none}
.benchtop::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(20,23,26,.9) 0%,rgba(20,23,26,.84) 36%,rgba(20,23,26,.76) 45%,rgba(20,23,26,.12) 66%,transparent 80%)}
.benchtop .benchtop-copy{z-index:2;padding-right:1rem}
.benchtop-copy>p,.benchtop-copy .brand-d{color:#fff;text-shadow:none}
.benchtop .button.light{color:#20221f;background:#fff}
.benchtop .scene-caption{z-index:2}
@media(max-width:700px){.benchtop::before{display:none}.benchtop .benchtop-copy{padding:34px 6% 45px;background:#20221f}}

/* Compact transition from the cost chart to the real prototypes. */
#first-batch{padding-bottom:24px}
#first-batch>.materials-curves:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
#first-batch .materials-curves figure{margin-bottom:0}
#first-batch+#experience{padding-top:32px}
#first-batch+#experience>.real-gallery-heading{margin-top:0}

/* Second quantity line in product comparisons. */
.materials-volume{margin:1rem 0 .5rem;padding-top:1rem;border-top:1px solid #cabdd3;display:flex;flex-direction:column;gap:.3rem}.materials-volume b{font-family:Manrope,Arial,sans-serif;font-size:1.6rem;font-weight:700;line-height:1.2;letter-spacing:-.02em}.materials-volume span{font-size:.875rem;line-height:1.45;color:var(--muted)}.model-volume{margin:.7rem 0 0;font-size:.875rem;line-height:1.5;color:var(--muted)}.model-volume b{color:var(--ink)}.volume-cost-note{max-width:1000px}

/* Planned music platforms: explicit scope, local brand assets. */
.platform-support{border-top:1px solid var(--line);background:#ede7ef}.platform-heading{max-width:760px}.platform-heading h2{font-size:clamp(38px,4.5vw,65px);line-height:1.08;margin:22px 0}.platform-heading>p{max-width:690px;color:var(--muted);font-size:17px;line-height:1.65}.platform-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;list-style:none;padding:0;margin:42px 0 30px;border-top:1px solid #d5cbd8;border-left:1px solid #d5cbd8}.platform-grid li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:140px;text-align:center;padding:20px 8px;border-right:1px solid #d5cbd8;border-bottom:1px solid #d5cbd8;font-size:14px;font-weight:500}.platform-mark{display:grid;place-items:center;width:64px;height:48px}.platform-mark img{max-width:64px;width:auto;height:40px;object-fit:contain}.platform-next{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid #d5cbd8}.platform-next img{flex-shrink:0}.platform-next p{margin:0;font-size:15px;line-height:1.6}.platform-next strong{display:block}.platform-note{max-width:870px;color:var(--muted);font-size:13px;line-height:1.7;margin-top:22px}.platform-trademarks{font-size:11px;color:var(--muted);line-height:1.6;margin:18px 0 0}@media(max-width:760px){.platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.platform-grid li{min-height:120px;font-size:12px}.platform-heading>p{font-size:15px}.platform-next{align-items:flex-start}.platform-heading h2{letter-spacing:-1.8px}}@media(max-width:350px){.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.platform-mark img[src$="wiim.svg"]{filter:brightness(0)}

/* Official Tuneshine reference, below the four materials cards. */
.competitor-comparison{margin:42px 0 54px;padding:32px;border:1px solid rgba(67,40,51,.18);border-radius:24px;background:#f4efe6;color:#30252b}
.competitor-intro{display:grid;grid-template-columns:minmax(200px,300px) minmax(0,1fr);gap:38px;align-items:center}
.competitor-intro figure{margin:0}.competitor-intro img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:16px}
.competitor-intro figcaption{font-size:.72rem;margin-top:9px;color:#655b60}
.competitor-comparison a{color:inherit;text-underline-offset:3px}.competitor-comparison a:focus-visible,.competitor-table-wrap:focus-visible{outline:3px solid #83454d;outline-offset:4px}
.competitor-copy .eyebrow{font-size:.67rem;letter-spacing:.13em;color:#65505b}.competitor-copy h2{font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.06;letter-spacing:-.04em;margin:12px 0 18px}
.competitor-price{display:flex;gap:17px;align-items:center;margin:0 0 18px}.competitor-price strong{font-size:2.4rem;letter-spacing:-.05em}.competitor-price span{font-size:.76rem;line-height:1.5;color:#65505b}
.competitor-copy p{max-width:650px;font-size:.9rem;line-height:1.55;margin:10px 0}.competitor-source{display:inline-block;font-size:.8rem;font-weight:650;margin-top:8px}
.competitor-table-wrap{overflow-x:auto;margin-top:30px;border:1px solid rgba(67,40,51,.15);border-radius:12px;-webkit-overflow-scrolling:touch}
.competitor-table{border-collapse:collapse;width:100%;min-width:800px;font-size:.78rem;line-height:1.4;table-layout:fixed}.competitor-table caption{text-align:left;padding:14px 16px;font-size:.8rem;font-weight:650;background:#e8e0d5}
.competitor-table th,.competitor-table td{text-align:left;padding:14px 12px;vertical-align:top;border-bottom:1px solid rgba(67,40,51,.12)}.competitor-table thead th{background:#30252b;color:#fff;font-size:.75rem;white-space:nowrap}.competitor-table th:first-child{width:18%}.competitor-table tbody th{font-weight:650}.competitor-table tbody td:nth-child(2){background:rgba(255,255,255,.35)}.competitor-table tr:last-child>*{border-bottom:0}.competitor-table small{display:block;font-size:.68rem;line-height:1.45;margin-top:5px;color:#655b60}.competitor-note{font-size:.72rem;line-height:1.5;color:#655b60;margin:14px 0 0;max-width:1000px}
@media(max-width:700px){.competitor-comparison{padding:20px;margin:30px 0 38px;border-radius:18px}.competitor-intro{grid-template-columns:1fr;gap:22px}.competitor-intro figure{max-width:320px;width:100%;margin:auto}.competitor-copy h2{font-size:1.9rem}.competitor-price strong{font-size:2.1rem}.competitor-table-wrap{margin-left:-8px;margin-right:-8px}.competitor-table{min-width:820px}}

/* Companion app presentation. Source-aligned UI artwork, not live device controls. */
.companion-app{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);gap:2.5%;align-items:center;background:#ede7ef;border-top:1px solid var(--line);padding-top:100px;padding-bottom:82px;overflow:hidden}.app-copy{max-width:550px}.app-copy h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(40px,4.5vw,68px);line-height:1.06;letter-spacing:-3px;margin:24px 0}.app-copy h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-3px}.app-intro{font-size:18px;line-height:1.65;max-width:470px;color:#5d5365;margin-bottom:35px}.app-feature{display:flex;gap:18px;margin:24px 0}.app-feature-number{color:#8b6da0;font-size:12px;letter-spacing:1px;line-height:26px}.app-feature h3{font-size:20px;line-height:1.3;margin:0 0 6px;letter-spacing:-.3px}.app-feature p{font-size:15px;line-height:1.65;color:#625b68;max-width:440px;margin:0}.app-disclosure{font-size:12px;line-height:1.6;color:#726679;max-width:460px;margin:30px 0 0}.app-render{margin:0;min-width:0}.app-render img{display:block;width:112%;max-width:none;height:auto;margin-left:-5%}.app-render figcaption{text-align:center;font-size:10px;letter-spacing:2.3px;color:#827187;margin-top:4px}.platform-video small{font-size:10px;line-height:1;background:#f4dce3;border-radius:12px;padding:5px 9px;color:#934757}.platform-video{gap:10px!important}
@media(max-width:900px){.companion-app{grid-template-columns:1fr;gap:20px;padding-top:70px;padding-bottom:55px}.app-copy{max-width:680px}.app-copy h2{font-size:56px}.app-intro{max-width:580px}.app-feature p{max-width:570px}.app-render{max-width:720px;margin:0 auto;width:100%}.app-render img{width:100%;margin:0}.app-disclosure{max-width:580px}}
@media(max-width:480px){.app-copy h2{font-size:44px;letter-spacing:-2px}.app-copy h2 em{letter-spacing:-2px}.app-intro{font-size:16px}.app-feature{gap:13px}.app-feature h3{font-size:18px}.app-feature p{font-size:14px}.app-render{margin:0 -6%;width:112%}.app-render figcaption{font-size:9px}.platform-video small{font-size:9px;padding:5px 6px}}
.platform-grid .platform-video{grid-column:1/-1;flex-direction:row;gap:16px!important;min-height:96px;background:#f5edf1}.platform-video .platform-mark{width:44px}.platform-video .platform-mark img{height:30px}

/* Keep the competitor reference first, followed by material-cost cards. */
#first-batch>.competitor-comparison:first-child{margin-top:0}
.competitor-table .competitor-materials td{font-variant-numeric:tabular-nums}

.competitor-table td.shared-feature{text-align:center;border-left:1px solid rgba(67,40,51,.12)}

/* Colspan must not enlarge comparison text, including mobile text inflation. */
.competitor-table{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.competitor-table tbody td{font-size:inherit;font-weight:400;line-height:inherit}

/* Screen-only artwork layers use the same orthographic projection as the D3 renders. */
.model-card .dimension-render .model-artwork{position:absolute;width:115%;height:115%;max-width:none;left:-7.5%;top:-7.5%;pointer-events:none;z-index:1}
.model-card .dimension-render .body-dimensions{z-index:2}

.standing-accessory{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,60px);margin-top:72px;padding-top:40px;border-top:1px solid #ffffff24}.standing-accessory img{display:block;width:100%;height:auto;border-radius:18px}.standing-accessory h3{font-size:clamp(28px,3.5vw,46px);line-height:1.08;margin:16px 0 24px}.standing-accessory p{font-size:18px;line-height:1.6;max-width:440px}.standing-accessory .field-note{font-size:14px;opacity:.72}@media(max-width:700px){.standing-accessory{grid-template-columns:1fr;margin-top:40px;gap:24px}.standing-accessory h3{margin-bottom:16px}}
/* Guided builder: sound → light → body → disc. Neutral until chosen. */
.guided-studio{--brand-accent:#e3e2da;--brand-glow:none}
.guided-studio [hidden]{display:none!important}
.guided-studio .studio-heading{margin-top:0;margin-bottom:32px}.guided-studio .studio-heading p{font-size:16px}
.guided-builder{grid-template-columns:minmax(0,1.3fr) minmax(360px,1fr);border-radius:12px;overflow:hidden}
.guided-builder .stage-wrap{position:relative;top:0;height:650px;min-height:0;align-self:stretch}.guided-builder #stage{min-height:0;height:auto;flex:1;cursor:default}.guided-builder #stage:active{cursor:default}.guided-builder .stage-label{top:24px}.guided-builder .stage-controls{top:auto;bottom:108px;right:20px;left:auto}.guided-builder .stage-controls button{min-height:44px}
.guided-builder .config{padding:30px;display:flex;flex-direction:column;min-height:650px;min-width:0}
.build-progress{display:flex;gap:0;border-bottom:1px solid #ffffff24;margin-bottom:38px}.build-progress button{flex:1;color:#aaa5ad;background:transparent;text-align:left;padding:0 4px 16px;font-size:12px;border-bottom:2px solid transparent;min-height:52px}.build-progress button span{display:block;font-size:10px;letter-spacing:1.3px;margin-bottom:5px}.build-progress button[aria-current]{color:#fff;border-color:#eee}.build-progress button.completed{color:#eee}.build-progress .step-check{display:inline-block;width:14px;height:14px;margin-left:3px;vertical-align:-2px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;visibility:hidden}.build-progress button.completed .step-check{visibility:visible}.build-progress button:disabled{opacity:.4;cursor:default}
.step-eyebrow{display:block;color:#b4aab9;font-size:10px;letter-spacing:1.7px;margin-bottom:10px}.build-panel h3{font-family:Manrope,Arial,sans-serif;font-size:clamp(26px,2.6vw,36px);line-height:1.14;letter-spacing:-1.2px;margin:0 0 16px;font-weight:600}.build-panel h3:focus{outline:none}.step-intro{font-size:14px;line-height:1.65;color:#c4bcc9;margin:0 0 26px;max-width:390px}
.decision-options{display:grid;gap:12px}.decision-options button{display:flex;align-items:center;gap:14px;text-align:left;border:1px solid #645a6c;border-radius:9px;background:#ffffff03;padding:20px 16px;color:#f4f0f5;transition:background .15s,border-color .15s}.decision-options button:hover,.decision-options button.selected{background:#ffffff0d;border-color:#dbcedf}.decision-options button>span:last-child{margin-left:auto;font-size:20px}.decision-options strong{display:block;font-size:16px;font-weight:600}.decision-options small{display:block;margin-top:5px;color:#b6acbd;font-size:12px}.decision-icon{display:grid;place-items:center;width:36px;height:36px;font-size:30px;flex:none;font-weight:400}
.finish-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.finish-option{background:transparent;color:#c8c0cc;display:grid;justify-items:center;gap:8px;padding:12px 5px;border:1px solid transparent;border-radius:8px;font-size:11px;min-height:80px}.finish-option:hover{background:#ffffff06}.finish-option.selected{border-color:#eee;color:#fff;background:#ffffff08}.finish-chip{width:36px;height:36px;border-radius:50%;background:var(--swatch);border:1px solid #ffffff3b;box-shadow:inset 0 0 0 3px #00000008}.finish-option[data-body] .finish-chip{border-radius:9px}.selected-finish{font-size:12px;color:#c4bcc9;margin:20px 0}.build-next{width:100%;background:#ece7ef;color:#29232d;border:1px solid transparent}.build-next:hover{background:#fff}.build-next:disabled{cursor:default;opacity:.28;transform:none}
.build-navigation{display:flex;justify-content:space-between;margin-top:auto;padding-top:32px}.build-navigation button{color:#bfb5c6;font-size:12px;min-height:44px}.build-navigation #build-reset{margin-left:auto}.guided-builder .builder-summary{border-top:1px solid #ffffff18;background:#27222b;color:#f4eef7;min-height:88px;flex-wrap:nowrap;gap:12px}.guided-builder .builder-summary strong{font-size:18px}.guided-builder .builder-summary span{color:#bcb2c4;font-size:12px}.guided-builder .builder-summary .summary-step{font-size:10px;letter-spacing:1px;flex:none}.guided-builder .builder-summary #summary-look{display:block}
.build-recap{border-top:1px solid #ffffff22;margin:24px 0}.build-recap button{display:flex;align-items:center;gap:12px;width:100%;border-bottom:1px solid #ffffff22;background:transparent;color:inherit;padding:13px 0;font-size:13px;min-height:46px;text-align:left}.build-recap button>span{color:#bcb1c4;width:45px}.build-recap strong{font-weight:500}.build-recap small{margin-left:auto;color:#d9c7e3;text-decoration:underline;font-size:11px}.preview-extras summary{font-size:13px;min-height:44px}.preview-extras fieldset{padding:18px 0}.preview-extras .field-note{font-size:11px}.guided-builder .price-row{padding:24px 0 16px;border:0;margin:0}.guided-builder #save-config{display:flex;width:100%;background:#e8dbed;color:#28212e}.guided-builder .price{font-size:30px}.guided-builder .stage-fallback{filter:none}.guided-builder .config button:focus-visible{outline-color:#dec5ef}
@media(max-width:1000px) and (min-width:701px){.guided-builder{grid-template-columns:1fr 1fr}.guided-builder .config{padding:24px}.decision-options button{padding:18px 12px;gap:10px}.decision-icon{width:24px;font-size:25px}.decision-options strong{font-size:14px}.decision-options small{font-size:11px}}
@media(max-width:700px){.guided-studio .studio-heading{margin-bottom:24px}.guided-studio .studio-heading p{font-size:14px;margin-bottom:0}.guided-builder{display:block;overflow:visible;border-radius:10px}.guided-builder .stage-wrap{position:sticky;top:0;z-index:15;height:auto;min-height:0;border-radius:10px 10px 0 0}.guided-builder #stage{height:clamp(190px,30svh,260px);flex:none;min-height:0}.guided-builder .stage-label{top:12px;left:12px;right:12px;font-size:8px}.guided-builder .stage-label #view-hint{display:none}.guided-builder .stage-controls{bottom:72px;right:10px}.guided-builder .stage-controls button{min-height:34px;padding:6px 11px;font-size:10px}.guided-builder .builder-summary{padding:12px 14px;min-height:65px}.guided-builder .builder-summary strong{font-size:14px}.guided-builder .builder-summary #summary-look{font-size:10px}.guided-builder .config{padding:24px 20px;min-height:490px}.build-progress{margin-bottom:26px}.build-panel h3{font-size:29px}.step-intro{font-size:13px;margin-bottom:20px}.decision-options button{min-height:84px;padding:16px 12px}.decision-options strong{font-size:15px}.finish-options{gap:6px}.finish-option{min-height:75px}.build-navigation{padding-top:20px}}

/* October 9: companion lifestyle concept, preserving the original Tangible scene. */
.connected-home{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:5%;align-items:center;padding:48px 6%;background:#e7e2db;color:#20221f}
.connected-home-copy{max-width:410px}
.connected-home .eyebrow{font-size:10px;letter-spacing:1.25px;line-height:1.7;display:block}
.connected-home h2{font-size:clamp(34px,3.8vw,58px);letter-spacing:-1.8px;line-height:1.07;margin:20px 0}
.connected-home-copy>p{font-size:17px;line-height:1.65;max-width:350px;margin:0}
.connected-home-copy .connected-home-status{font-size:12px;line-height:1.6;color:#5b5c56;margin-top:22px;max-width:340px}
.connected-home figure{position:relative;margin:0;min-width:0}
.connected-home img{display:block;width:100%;height:auto;aspect-ratio:3/2;border-radius:3px}
.connected-home figcaption{font-size:10px;color:#595950;margin:9px 0 0;text-align:right}
@media(max-width:700px){.connected-home{display:flex;flex-direction:column;gap:27px;padding:30px 6% 37px;align-items:stretch}.connected-home figure{order:0}.connected-home-copy{order:1;max-width:none}.connected-home h2{font-size:39px;letter-spacing:-1.2px;margin:14px 0}.connected-home h2 br{display:none}.connected-home-copy>p{font-size:16px;max-width:none}.connected-home-copy .connected-home-status{margin-top:15px;max-width:none}.connected-home .eyebrow{font-size:9px}.connected-home figcaption{text-align:left}}

/* October 9 panel polish: evidence shortcuts, reachable controls, consistent focus. */
.model-evidence-links{display:flex;flex-wrap:wrap;gap:8px 28px;margin:0 0 24px;font-size:14px}
.model-evidence-links a{display:inline-flex;align-items:center;gap:14px;min-height:44px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#aaa19f}
.model-evidence-links a:hover{color:#715780;text-decoration-color:currentColor}
.hero-media .media-top{display:flex;mix-blend-mode:normal}
.hero-media #hero-motion{display:grid;place-items:center;width:44px;height:44px;min-width:44px;background:#f5f1e9ed;color:#20221f;border:1px solid #b2aaa2;box-shadow:0 2px 10px #0002}
@media(max-width:700px){.guided-builder .stage-controls button{min-height:44px;min-width:44px;font-size:11px}.model-evidence-links{display:grid;gap:2px;margin-bottom:18px;font-size:13px}}

/* Keep the signature letter readable even during a white hero finish. */
.brand-d{color:var(--brand-text-accent,var(--brand-accent))}

/* A signature is one word; a button label remains one flex item. */
.brand-copy{display:inline;min-width:0}
.brand-word{display:inline;white-space:nowrap;word-spacing:normal;letter-spacing:inherit}
.model-card:first-child .button .brand-d{color:#dda579}
.model-card:last-child .button .brand-d{color:#c2a5dc}

/* Smart-home ecosystem controls, under planned platform support. */
.smart-home-heading{font-size:24px;letter-spacing:-.03em;margin:48px 0 0;scroll-margin-top:100px}.smart-home-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:20px}@media(max-width:760px){.smart-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-home-grid li:first-child{grid-column:1/-1;min-height:100px}.smart-home-heading{font-size:22px}}

#light-show-toggle[hidden]{display:none}.stage-controls #light-show-toggle[aria-pressed="true"]{background:#eee7f6;color:#28222f;border-color:#eee7f6}.guided-builder .stage-controls{flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 32px)}

/* Reserve a control strip below the canvas: neither corner button can cover the product. */
.guided-builder .stage-wrap .stage-controls{position:relative;inset:auto;z-index:1;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:12px;width:100%;max-width:none;min-height:68px;padding:12px 16px;background:#302b33}

.guided-builder .stage-controls #light-show-toggle{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.guided-builder .stage-controls #light-show-toggle[hidden]{display:none}
.guided-builder .stage-controls button{white-space:nowrap}
.aura-orb{position:relative;isolation:isolate;display:inline-block;flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:radial-gradient(ellipse at 30% 25%,#dbfaff 0%,#79e6ff 17%,transparent 45%),radial-gradient(ellipse at 75% 70%,#ff87d9 0%,#d851f3 20%,transparent 52%),conic-gradient(from 35deg,#6656ff,#dd65ef,#ffaaa5,#f1d97f,#65e9ed,#6977ff,#6656ff);box-shadow:inset 0 0 0 1px #ffffff65,inset 0 -3px 7px #5414b344,0 0 9px #a590ec55}
.aura-orb::after{content:"";position:absolute;inset:24% 18%;border-radius:50%;background:radial-gradient(ellipse,#ffffffd9, #e3c8ff55 42%,transparent 72%);transform:rotate(-30deg);filter:blur(1px)}
.decision-icon.aura-orb{width:36px;height:36px}
@media(max-width:700px){.guided-builder .stage-wrap .stage-controls{min-height:60px;padding:8px 10px;gap:8px}.guided-builder .stage-controls button{padding:8px 10px;font-size:11px}.guided-builder .stage-controls .aura-orb{width:20px;height:20px}}
.gaming-desk{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,.75fr);gap:5%;align-items:center;padding:48px 6%;background:#121b17;color:#f0f4ec;--brand-accent:#b8e0bb;--brand-glow:none;scroll-margin-top:90px}
.gaming-media{margin:0;min-width:0}.gaming-media video{display:block;width:100%;height:auto;aspect-ratio:3/2;border-radius:4px;background:#101511;object-fit:contain}
.gaming-media-controls{display:flex;justify-content:flex-end;min-height:50px;padding-top:8px}.gaming-media-controls button{font:inherit;font-size:12px;line-height:1.2;color:#dfe9df;background:#25392d;border:1px solid #536652;border-radius:30px;min-height:44px;padding:10px 17px;cursor:pointer}.gaming-media-controls button:hover{background:#344e3c}.gaming-media-controls button:focus-visible{outline:2px solid #c6efc4;outline-offset:4px}.gaming-media-controls button[hidden]{display:none}
.gaming-copy .eyebrow{display:block;font-size:10px;letter-spacing:1.25px;line-height:1.7;color:#b8e0bb}.gaming-copy h2{font-size:clamp(34px,3.8vw,58px);letter-spacing:-1.8px;line-height:1.07;margin:20px 0}.gaming-copy p{font-size:17px;line-height:1.65;max-width:320px;margin:0;color:#d6dfd7}
@media(max-width:700px){.gaming-desk{grid-template-columns:1fr;gap:20px;padding:30px 6% 37px}.gaming-copy h2{font-size:39px;letter-spacing:-1.2px;margin:14px 0}.gaming-copy p{font-size:16px;max-width:none}.gaming-copy .eyebrow{font-size:9px}}

/* $25 refundable offer preview. Payment controls remain disabled. */
.deposit-kicker{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-size:10px;font-weight:600;letter-spacing:1.2px}
.deposit-badge{display:inline-flex;align-items:center;border:1px solid currentColor;border-radius:100px;padding:5px 10px;font-size:10px;letter-spacing:.4px;white-space:nowrap}
.builder-deposit{border:1px solid #ffffff36;border-radius:12px;padding:20px;margin:0 0 18px;background:#ffffff08}
.builder-deposit p{font-size:13px;line-height:1.6;margin:12px 0}
.builder-deposit .builder-deposit-amount{font-size:32px;font-weight:700;letter-spacing:-1px;margin:14px 0 8px}
.builder-deposit-amount span{font-size:12px;letter-spacing:0;font-weight:400;margin-left:6px}
.deposit-disabled:disabled{display:block;width:100%;padding:14px 18px;border:1px solid currentColor;border-radius:7px;background:transparent;color:inherit;font-size:13px;line-height:1.4;opacity:.65;cursor:not-allowed}
.deposit-note{font-size:12px;line-height:1.65}
.builder-deposit .deposit-note{font-size:11px;margin-bottom:0}
.deposit-note a,.deposit-terms-link{text-decoration:underline;text-underline-offset:4px}
.builder-list-note{font-size:11px;text-align:center;margin:12px 0 0;color:#cec8d2}
.final-signup.deposit-offer{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,7vw,110px);align-items:center;text-align:left;padding-top:90px;padding-bottom:90px}
.deposit-intro{max-width:520px}.deposit-intro h2{line-height:1.04;letter-spacing:-2px}
.deposit-intro>p{max-width:410px;line-height:1.7;color:#e0dae4}
.final-signup .deposit-intro .button{margin:0;max-width:100%;white-space:normal}
.final-signup .deposit-intro small{font-size:12px;opacity:1;color:#cec8d2}
.deposit-card{padding:clamp(24px,4vw,44px);border:1px solid #ffffff38;border-radius:18px;background:#ffffff07}
.deposit-card .deposit-amount{font:700 clamp(64px,7vw,86px)/1.1 Manrope,Arial,sans-serif;letter-spacing:-5px;margin:24px 0 12px}
.deposit-amount span{font:400 13px 'DM Sans',Arial,sans-serif;letter-spacing:0;margin-left:8px}
.deposit-card .deposit-subtitle{font-size:16px;margin:0}
.deposit-card ul{list-style:none;margin:26px 0;padding:0}
.deposit-card li{padding:12px 0;border-top:1px solid #ffffff20;font-size:14px;line-height:1.6}
.deposit-card .deposit-note{margin:16px 0;color:#d1cbd5}
.deposit-terms-link{font-size:12px}
.deposit-details{max-width:810px;margin:auto;padding:64px 28px 80px}
.deposit-details h1{font:700 clamp(42px,7vw,72px)/1.05 Manrope,Arial,sans-serif;letter-spacing:-2.5px;margin:32px 0}
.deposit-lead{font-size:22px;line-height:1.5}
.deposit-details>p{line-height:1.75}
.deposit-steps{margin:40px 0;padding-left:26px}
.deposit-steps li{padding:12px 0 16px 14px;border-top:1px solid var(--line)}
.deposit-steps li::marker{font-weight:700}
.deposit-details h2{font:700 22px/1.3 Manrope,Arial,sans-serif;letter-spacing:-.5px;margin:8px 0 12px}
.deposit-steps p{margin:0;line-height:1.75}
.deposit-decision{padding:24px;background:#e1e2dd;border-radius:12px;margin-bottom:28px}
.deposit-decision p{margin-bottom:0;line-height:1.75}
.deposit-page-actions{display:grid;gap:16px;margin-top:32px}.deposit-page-actions .button{justify-content:center;text-align:center}
.deposit-page-footer{padding:28px;display:flex;gap:20px;justify-content:space-between;border-top:1px solid var(--line);font-size:12px}
.deposit-page-footer a{text-decoration:underline}
@media(max-width:760px){.final-signup.deposit-offer{grid-template-columns:1fr;padding:48px 24px;gap:32px}.deposit-intro h2{font-size:42px}.deposit-card{padding:24px}.deposit-details{padding:40px 24px}.deposit-lead{font-size:19px}.deposit-page header{padding:0 24px}.deposit-page header>a:last-child{font-size:12px}.deposit-page-footer{flex-direction:column}.builder-deposit{padding:16px}.builder-deposit-amount span{display:block;margin:0}}

/* Consumer review, 2026-10-12: keep essential navigation and the live action visible. */
header nav{display:flex;align-items:center;gap:24px}
header nav a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
header nav .nav-build{background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:4px;gap:20px}
header nav .nav-build:hover{background:#51405a;color:white}
.hero-actions{flex-wrap:wrap;gap:16px 24px}
.hero-proof-link{font-size:14px;min-height:44px;display:inline-flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)}
.hero-proof-link:hover{border-color:currentColor}
.builder-how{border-top:1px solid #57505b;padding-top:18px;margin-top:24px}
.builder-how summary{font-size:14px;color:#e3dbe8}
.builder-how p{font-size:13px;color:#c6bfcb;line-height:1.6;padding:0}
.builder-how a{text-decoration:underline;text-underline-offset:3px}
.builder-deposit{margin:22px 0 0;padding:16px 0 0;border:0;border-top:1px solid #57505b;background:none}
.builder-deposit>p{font-size:13px;margin:0 0 9px;line-height:1.6;color:#c6bfcb}
.builder-deposit>p:first-child{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.builder-deposit strong{color:#f5f1e9;font-weight:500}
.builder-deposit a{color:#e3dbe8;text-decoration:underline;text-underline-offset:3px}
.footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:24px;font-size:12px}
.footer-links a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:700px){header{height:auto;min-height:80px;padding:12px 5%;gap:18px;flex-wrap:wrap}header .wordmark{font-size:30px}header nav{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;justify-content:flex-end}header nav .nav-build{padding:8px 12px;gap:10px}.footer-links{display:flex;gap:20px}.hero-actions{align-items:flex-start;gap:10px 20px}}
@media(max-width:420px){header{gap:8px}header nav{gap:10px;font-size:11px}header nav .nav-build{padding:8px 10px;gap:5px}header .wordmark{font-size:27px}}

/* Feature film: fill its stage without the old portrait-video side gutters. */
.hero-media{background:#e5ded4}
.hero-media video{object-fit:cover;object-position:50% 50%;mix-blend-mode:normal}

/* Prelaunch interest: a quiet invitation, independent of the builder. */
header nav .nav-signup{min-height:44px;background:var(--ink);color:var(--paper);padding:10px 17px;border-radius:4px;font:600 13px 'DM Sans',Arial,sans-serif;white-space:nowrap}
header nav .nav-signup:hover{background:#51405a}
.hero-signup-note{font-size:12px;line-height:1.6;color:var(--muted);margin:14px 0 0;max-width:420px}
.hero-actions .button{white-space:normal}
.builder-deposit summary{font-size:12px;line-height:1.6;color:#d8d0df;cursor:pointer;padding:8px 0}
.final-signup.launch-interest{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:32px clamp(36px,7vw,100px);text-align:left;background:#e7e0eb;color:#28222e;padding-top:88px;padding-bottom:60px}
.launch-interest-copy h2{font-size:clamp(42px,5vw,68px);line-height:1.05;letter-spacing:-2.5px;margin:22px 0}
.launch-interest-copy>p{font-size:19px;line-height:1.6;max-width:440px}
.updates-promise{display:grid;gap:6px;color:#615567;font-size:13px;line-height:1.6;margin-top:25px;max-width:350px}
.launch-interest-form{min-width:0;background:#f7f3ed;padding:clamp(25px,3vw,42px);border-radius:12px;border:1px solid #d7cfd9}
.launch-interest-form>h3{font:600 27px/1.2 Manrope,Arial,sans-serif;letter-spacing:-.7px;margin:0 0 12px}
.signup-form-intro{font-size:14px;line-height:1.6;color:#645d66;margin:0 0 26px}
.interest-form{display:block;text-align:left}
.interest-form>label:not(.signup-trap){font-size:14px;font-weight:500;display:block;margin:0 0 9px}
.interest-form input[type=email],.interest-form select{display:block;width:100%;box-sizing:border-box;min-height:50px;padding:12px 13px;font:400 16px/1.5 'DM Sans',Arial,sans-serif;border:1px solid #aaa1ad;border-radius:5px;color:#29242e;background:#fffdf9;margin:0 0 18px}
.interest-form input::placeholder{color:#716b75;opacity:1}
.interest-form .signup-consent{display:flex!important;align-items:flex-start;gap:11px;font-size:13px!important;line-height:1.6;font-weight:400!important;padding:3px 0;margin-bottom:20px!important;cursor:pointer}
.interest-form .signup-consent input{width:19px;height:19px;flex:0 0 19px;accent-color:#51405a;margin:1px 0 0}
.interest-form .button{display:flex;width:100%;justify-content:space-between;min-height:50px;margin:0;background:#302536;color:#fff;font-size:14px;letter-spacing:0}
.interest-form .button:hover{background:#53405e}
.interest-form .button:disabled{opacity:.65;cursor:wait}
.signup-privacy{font-size:12px!important;line-height:1.6!important;color:#6a616c!important;margin:13px 0 0!important}
.signup-privacy a,.signup-success a,.launch-deposit-details a{text-decoration:underline;text-underline-offset:3px}
.launch-deposit-details{grid-column:1/-1;border-top:1px solid #cfc3d5;padding-top:18px;margin-top:6px;font-size:13px;color:#62526d}
.launch-deposit-details summary{display:flex;align-items:center;gap:18px;justify-content:space-between;cursor:pointer;min-height:44px;list-style:none}
.launch-deposit-details summary::-webkit-details-marker{display:none}
.launch-deposit-details summary>span{font-size:20px}
.launch-deposit-details[open] summary>span{transform:rotate(45deg)}
.launch-deposit-details p{max-width:760px;font-size:13px;line-height:1.7;margin:10px 0 0}
#signup-dialog{border:1px solid #d7cfd9;border-radius:14px;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;padding:38px;box-sizing:border-box;background:#f7f3ed;color:#29242e}
#signup-dialog::backdrop{background:#17121b90}
#signup-dialog .signup-close{width:44px;height:44px;min-width:44px;position:absolute;top:7px;right:7px;display:grid;place-items:center;border:0;background:transparent;font-size:28px;line-height:1;padding:0;color:inherit}
#signup-dialog h2{font:600 35px/1.1 Manrope,Arial,sans-serif;letter-spacing:-1.3px;margin:20px 0 14px}
#signup-description{font-size:15px;line-height:1.6;color:#645d66;margin:0 0 24px}
#signup-design{padding:13px 15px;background:#ebe4ef;border-radius:6px;margin:0 0 22px}
#signup-design p{font-size:12px;line-height:1.6;margin:0}
#signup-design p+p{margin-top:5px;color:#6a616c}
.signup-optional{font-size:13px;color:#645d66;margin:0 0 20px}
.signup-optional summary{cursor:pointer;min-height:36px;line-height:1.6;padding:6px 0}
.signup-optional summary span{font-size:11px;opacity:.9;margin-left:5px}
.signup-optional label{display:block;font-size:13px;margin:9px 0}
.signup-optional select{margin-bottom:5px}
.signup-status:empty{display:none}
.signup-status{font-size:13px;line-height:1.6;margin:17px 0 0;color:#653630}
.signup-success h3{font:600 28px/1.2 Manrope,Arial,sans-serif;letter-spacing:-.7px;margin:16px 0}
.signup-success p{font-size:15px;line-height:1.6}
.signup-success .signup-receipt-note,.signup-success .signup-existing{font-size:12px;color:#645d66;line-height:1.6}
.signup-success-mark{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#e5e8d9;color:#405131;font-size:21px}
.signup-success [id$=-manage]{font-size:13px;overflow-wrap:anywhere}
.signup-done{margin-top:18px;min-height:44px;display:flex;gap:25px;align-items:center}
body:has(#signup-dialog[open]){overflow:hidden}
.interest-form[hidden],.signup-success[hidden],.signup-done[hidden],#signup-design[hidden]{display:none!important}
:where(button,a,input,select,summary):focus-visible{outline:3px solid #806093;outline-offset:4px}
@media(max-width:700px){header nav .nav-signup{font-size:12px;padding:10px 12px}.hero-signup-note{font-size:11px}.final-signup.launch-interest{grid-template-columns:1fr;padding:54px 6% 34px;gap:28px}.launch-interest-copy h2{font-size:44px}.launch-interest-copy>p{font-size:17px;margin-bottom:18px}.updates-promise{font-size:12px;margin-top:15px}.launch-interest-form{padding:25px}.launch-deposit-details{margin-top:0;padding-top:12px}}
@media(max-width:420px){header nav{gap:12px}header nav .nav-signup{font-size:11px;padding:9px 10px}header nav>a[href='#questions']{display:none}.hero-actions{gap:12px 20px}.hero-actions .button{font-size:13px;padding:14px 18px}.hero-proof-link{font-size:13px}#signup-dialog{padding:32px 24px 24px}#signup-dialog h2{font-size:31px}.launch-interest-form{padding:23px 20px}}
.interest-form .signup-trap{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#signup-dialog #signup-config{padding:0;background:none;border-radius:0}

/* Approved artwork collection: wrap on small screens. */
.album-options{flex-wrap:wrap}.album-options button{flex:0 0 54px}.album-options button.selected{border-color:#f5f1e9}


/* Builder starts in motion; compact control stays clear at the top right. */
.guided-builder .stage-wrap>#spin-toggle{position:absolute;top:14px;right:14px;z-index:6;display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid #ffffff45;background:#28242dd9;color:#fff;font-size:18px;line-height:1}
.guided-builder .stage-wrap>#spin-toggle:hover{background:#443d4b}
.guided-builder .stage-wrap>#spin-toggle:disabled{opacity:.45;cursor:default}
.guided-builder .stage-label{right:72px}
.guided-builder .stage-wrap .stage-controls[hidden]{display:none}
@media(max-width:700px){.guided-builder .stage-wrap>#spin-toggle{top:8px;right:8px}.guided-builder .stage-label{right:64px}}

/* October 14: quieter copy, consistent product labels and unobstructed media. */
.hero-media,.benchtop,.connected-home figure,.gaming-media,.heels-media,.app-render,.stage-visual{position:relative}
.render-product-label{position:absolute;bottom:18px;right:20px;z-index:6;color:#fff!important;font-size:clamp(12px,1.1vw,16px);font-weight:500;line-height:1.3;letter-spacing:.02em;text-shadow:0 1px 5px #000c,0 0 18px #0009;pointer-events:none;white-space:nowrap}
.render-product-label.label-left{left:20px;right:auto}.render-product-label[hidden]{display:none}
.hero-media .render-product-label{bottom:22px}.benchtop>.render-product-label{bottom:22px}
.gaming-desk{display:block;padding:40px 6%}.gaming-media{max-width:1200px;margin:auto}
.heels-media{margin:0;min-width:0}.standing-accessory>.heels-media img{display:block;width:100%;height:auto}
.stage-visual{display:flex;flex-direction:column;flex:1;min-height:0}.stage-visual>#stage{width:100%;flex:1}
.real-demo{display:block}.real-demo>img{display:block;width:min(100%,720px);height:auto;margin:0 auto}
.app-copy h2.app-section-title{font-size:13px;letter-spacing:1.5px;line-height:1.5;margin:0 0 28px;font-weight:600}
.app-render .render-product-label{bottom:18px;right:28px}
.prototype-player{position:relative;overflow:hidden;background:#151716;border-radius:8px}
.prototype-player video{display:block;width:100%;height:auto;cursor:pointer}
.prototype-controls{position:absolute;inset:auto 0 0;z-index:3;display:flex;align-items:center;gap:10px;padding:22px 12px 10px;background:linear-gradient(transparent,#000c);color:white;transition:opacity .22s ease}
.prototype-controls button{min-width:44px;min-height:44px;border:0;background:#0004;border-radius:6px;color:#fff;font-size:15px;padding:6px 10px}
.prototype-controls [data-time]{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}
.prototype-controls input{min-width:24px;width:100%;accent-color:white;cursor:pointer}
.prototype-player.controls-idle .prototype-controls{opacity:0;pointer-events:none}
.prototype-player.controls-idle video{cursor:none}
.prototype-player:fullscreen{display:flex;align-items:center;justify-content:center;background:black}.prototype-player:fullscreen video{max-height:100%;object-fit:contain}
@media(max-width:700px){.render-product-label{font-size:11px;bottom:12px;right:12px}.render-product-label.label-left{left:12px}.hero-media .render-product-label{bottom:14px}.benchtop>.render-product-label{bottom:12px}.stage-visual{flex:none}.stage-visual .render-product-label{bottom:10px;right:12px}.gaming-desk{padding:24px 5%}.prototype-controls{gap:6px;padding:16px 6px 6px}.prototype-controls button{padding:6px}.app-render .render-product-label{right:18px;bottom:14px}}
@media(prefers-reduced-motion:reduce){.prototype-controls{transition:none}}
@media(max-width:700px){.guided-builder .stage-visual{height:clamp(190px,30svh,260px);flex:0 0 auto}.guided-builder .stage-visual>#stage{height:100%;flex:1}}

/* Preview downloads keep a color fallback and visible, recoverable status. */
.preview-load-status{position:absolute;left:16px;right:72px;top:16px;z-index:5;display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 12px;border-radius:8px;background:#28242de8;color:#fff;font-size:12px;pointer-events:none}
.preview-load-status[hidden],.preview-load-status button[hidden]{display:none}
.preview-load-status button{pointer-events:auto;background:#f3edf6;color:#28242d;border-radius:5px;padding:8px 12px;min-height:36px}
#stage[data-preview-state="loading"] canvas{visibility:hidden}

/* Prototype LCD appearance: screen-only, fitted to each lifestyle perspective. */
.lcd-appearance{position:absolute;border-radius:50%;pointer-events:none;z-index:2;backdrop-filter:brightness(.93) contrast(.94) saturate(.96);-webkit-backdrop-filter:brightness(.93) contrast(.94) saturate(.96);background:linear-gradient(145deg,rgba(125,160,195,.045),rgba(15,25,38,.018) 70%);mask-image:radial-gradient(ellipse,black 97%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse,black 97%,transparent 100%)}