header{position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff12}#mobile-menu{display:none}.navlinks a{position:relative}.navlinks a:after{content:'';position:absolute;height:1px;bottom:-8px;left:0;width:0;background:currentColor;transition:width .25s}.navlinks a:hover:after{width:100%}.hero>img{animation:hero-arrive 1.8s ease-out both}.hero h1{animation:text-arrive .9s ease-out both}.hero p,.hero .button{animation:text-arrive 1.1s ease-out both}@keyframes hero-arrive{from{transform:scale(1.035)}to{transform:scale(1)}}@keyframes text-arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero{overflow:hidden}.button,.filters button{transition:background .2s,transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 7px 18px #0001}.config-section{background:#e8e5dc;padding:85px 0 65px;border-block:1px solid #d6d4ca}.config-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:32px}.config-heading h2{margin:12px 0 0}.config-heading p{color:var(--muted);max-width:340px;font-size:14px;line-height:1.8}.config-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(270px,1fr);gap:32px;align-items:start}.config-preview{position:sticky;top:113px}.canvas-frame{position:relative;background:#ddd7cb;min-height:220px;overflow:hidden}#color-canvas{display:block;width:100%;height:auto;max-height:590px;object-fit:contain}.preview-tag{position:absolute;left:16px;top:16px;padding:8px 12px;font-size:9px;letter-spacing:1.8px;background:#f4f0e8e8;pointer-events:none}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #c7c9bc;padding:16px 0;gap:12px}.preview-toolbar button{background:transparent;border:1px solid #aeb3a2;padding:10px 14px;color:var(--ink);cursor:pointer;font-size:12px}.preview-toolbar button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.preview-support{font-size:12px;line-height:1.8;color:var(--muted);margin:16px 0}.config-controls{background:#f4f0e8;padding:27px;min-width:0}.config-controls label{font-size:11px;letter-spacing:1.3px;text-transform:uppercase}.config-controls select{margin:8px 0 24px;font-size:16px;cursor:pointer}.color-group{border:0;margin:0 0 25px;padding:0;min-width:0}.color-group legend{font-size:11px;letter-spacing:1.3px;text-transform:uppercase;margin-bottom:15px}.palette{display:grid;grid-template-columns:repeat(4,1fr);gap:13px 7px}.swatch{background:none;border:0;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:7px;color:var(--ink);font-size:9px;line-height:1.3;text-align:center}.swatch i{display:block;width:34px;height:34px;background:var(--swatch);border-radius:50%;border:1px solid #0002;outline:1px solid transparent;outline-offset:4px;transition:transform .22s,outline-color .22s}.swatch:hover i{transform:scale(1.1)}.swatch[aria-pressed=true] i{outline:2px solid var(--green)}.swatch[aria-pressed=true] span{font-weight:bold}.config-controls .button{width:100%;margin-top:10px;gap:16px}.config-summary{padding-top:18px;border-top:1px solid var(--line);font-size:13px;line-height:1.8}.config-loading{position:absolute;inset:0;background:#e8e3dac9;display:grid;place-items:center;font-size:13px}.config-feedback{font-size:11px;min-height:17px;line-height:1.7;color:var(--green)}.saved-area{margin-top:30px;padding-top:22px;border-top:1px solid #cacdc0}.saved-area h3{font:25px Georgia,serif;margin:0 0 12px}.saved-area p{font-size:12px;color:var(--muted);line-height:1.8}.saved-list{display:flex;flex-wrap:wrap;gap:10px}.saved-item{display:flex;border:1px solid #b5baaa;background:#f4f0e8}.saved-item button{background:transparent;border:0;cursor:pointer;color:var(--ink);font-size:12px;padding:12px 15px}.saved-item button+button{border-left:1px solid #d0d2c6;font-size:19px}.saved-item button:hover{background:#daddce}.search-row{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:15px 0 26px}.search-field{width:280px;max-width:100%}.search-field label{font-size:11px;color:var(--muted)}.search-field input{font-size:14px;padding:12px 0}.filters{margin:0}.card .customize-card{color:#414b38;flex-basis:100%;text-align:left;margin-top:5px;width:max-content}.card .photo{transition:box-shadow .25s}.card:hover .photo{box-shadow:0 10px 30px #30362614}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.revealed{opacity:1;transform:translateY(0)}.empty-search{padding:30px;border:1px solid var(--line);line-height:1.8}.top-link{display:inline-block;margin-top:16px;font-size:12px}.config-links{display:flex;gap:24px;align-items:center}.mobile-only{display:none}@media(max-width:900px){.config-layout{grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr);gap:18px}.config-controls{padding:20px}.navlinks{gap:18px}.config-heading{align-items:start}}@media(max-width:750px){#mobile-menu{display:block;background:none;border:1px solid #73796b;color:var(--paper);padding:10px 13px;font-size:13px;cursor:pointer}.navlinks{display:none;position:absolute;top:74px;left:0;right:0;background:#191b18;padding:24px 6%;flex-direction:column;gap:24px;border-bottom:1px solid #51594b}.navlinks.open{display:flex}.navlinks .aboutlink{display:block}.navlinks .navcta{align-self:start}.config-section{padding:55px 0 40px}.config-heading{display:block}.config-heading p{max-width:100%;font-size:13px}.config-layout{grid-template-columns:1fr;gap:18px}.config-preview{position:relative;top:auto}.canvas-frame{min-height:180px}.config-controls{padding:24px}.palette{grid-template-columns:repeat(4,1fr);gap:20px 8px}.swatch{font-size:11px}.swatch i{width:38px;height:38px}.config-controls select{font-size:16px}.search-row{display:block}.search-field{width:100%;margin-top:24px}.config-links{gap:15px;flex-wrap:wrap}.config-heading h2{font-size:39px}.preview-toolbar{font-size:11px}.config-section .wrap{width:90%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
.bed-navigation{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:12px}.bed-navigation span{font-size:10px;color:var(--muted)}.bed-navigation button{background:transparent;color:var(--ink);border:0;padding:9px 0;cursor:pointer;font-size:12px}.canvas-in{animation:canvas-in .45s ease-out}@keyframes canvas-in{from{opacity:.2;transform:translateX(10px)}to{opacity:1;transform:none}}
.sensor-section{background:#20251f;color:#eee9df;padding:85px 0}.sensor-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:75px}.sensor-layout h2{margin:18px 0 25px}.sensor-layout p{font-size:14px;line-height:1.9;color:#c2c8bb;max-width:460px}.sensor-layout .button{margin-top:14px}.sensor-status{min-height:45px;font-size:12px!important}.sensor-visual{position:relative;height:440px;background:radial-gradient(ellipse at center,#3b4035,#191e19);overflow:hidden;border:1px solid #58604f}.sensor-caption{text-align:center;letter-spacing:1.7px;font-size:9px;margin-top:23px;color:#bac3b1}.demo-bed{position:absolute;left:20%;top:20%;width:47%;height:60%;border:7px solid #858e7c;border-top:13px solid #a6ae9c;border-radius:4px;background:#777365;isolation:isolate}.demo-pillows{display:flex;gap:8px;padding:15px 12px}.demo-pillows i{display:block;flex:1;height:45px;border-radius:5px;background:#ddd4bd;box-shadow:2px 3px 7px #0004}.demo-cover{height:55%;margin:0 6px;background:linear-gradient(90deg,#a89b82,#c4b69b 50%,#a89b82);border-radius:3px}.demo-glow{position:absolute;inset:0;z-index:-1;box-shadow:0 0 0 transparent;transition:box-shadow .5s .2s}.detected .demo-glow{box-shadow:0 0 25px 14px #ffc26e85,0 0 75px 30px #e5a54550}.sensor-dot{position:absolute;right:-11px;top:65%;height:9px;width:9px;background:#59644f;border:1px solid #c7d8b1;border-radius:50%;transition:background .3s}.detected .sensor-dot{background:#fbd197;box-shadow:0 0 13px #fbd197}.demo-person{position:absolute;right:8%;top:70%;width:34px;fill:#c4cbbd;transition:transform .7s ease}.demo-person svg{display:block;width:100%}.detected .demo-person{transform:translate(-32px,-75px)}.approach-path{position:absolute;top:59%;right:13%;height:100px;width:25px;border-right:1px dashed #7a856f;transform:rotate(-22deg)}.sensor-state{position:absolute;bottom:35px;width:100%;text-align:center;letter-spacing:2px;font-size:11px;color:#a6ae9c;transition:color .3s}.detected .sensor-state{color:#ffcf86}.sensor-explainer{position:absolute;bottom:14px;width:100%;text-align:center;font-size:9px;color:#aab39f}.light-option{display:flex;gap:10px;align-items:flex-start;margin:18px 0;line-height:1.8;font-size:11px!important;text-transform:none!important;letter-spacing:0!important}.light-option input{min-height:0;width:17px;height:17px;margin-top:3px;accent-color:var(--green)}@media(max-width:1000px){.navlinks{gap:15px;font-size:12px}.sensor-layout{gap:35px}}@media(max-width:750px){.sensor-section{padding:55px 0}.sensor-layout{grid-template-columns:1fr;gap:25px}.sensor-visual{height:360px}.navlinks{font-size:14px}}