/* Smartlighting.cy expansion layer — 10 August 2026 */
:root{--max:1320px}
.nav-wrap{height:78px;gap:20px}.brand{min-width:190px}.brand img{width:220px}.nav-links{gap:18px}.nav-links>a,.nav-dropdown>button{font-size:13px;padding:27px 0}.nav-links>a:after{bottom:19px}.nav-dropdown.active>button{color:#fff}.nav-dropdown.active>button:after{content:"";position:absolute;left:0;right:0;bottom:19px;height:2px;background:var(--gold)}.nav-dropdown>button{position:relative}.dropdown-menu{top:66px;width:310px;max-height:min(68vh,560px);overflow:auto}.dropdown-menu a:first-child{color:var(--gold);font-weight:800;border-bottom:1px solid var(--line);margin-bottom:5px}.footer-grid-v2{grid-template-columns:1.45fr repeat(4,.75fr);gap:34px}.footer-grid-v2 .footer-brand{max-width:380px}

/* Homepage hero and live room controller */
.hero-v2{min-height:auto;padding:64px 0 76px;display:block}.hero-v2:before{background:radial-gradient(circle at 16% 8%,rgba(231,189,114,.16),transparent 31%),radial-gradient(circle at 82% 28%,rgba(74,122,173,.18),transparent 34%),linear-gradient(180deg,#080b11 0%,#090d15 70%,#070a0f 100%)}.hero-v2-inner{position:relative;z-index:2}.hero-v2-top{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(330px,.62fr);gap:50px;align-items:end;margin-bottom:46px}.hero-v2 .display{font-size:clamp(50px,6vw,92px);max-width:900px}.hero-v2 .lead{max-width:760px}.hero-index{border:1px solid rgba(255,255,255,.13);border-radius:28px;padding:26px;background:rgba(255,255,255,.045);box-shadow:0 28px 80px rgba(0,0,0,.25);backdrop-filter:blur(18px)}.hero-index-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.hero-index-grid a{display:flex;flex-direction:column;min-height:100px;padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.035);transition:.25s}.hero-index-grid a:hover{transform:translateY(-3px);border-color:rgba(231,189,114,.4);background:rgba(231,189,114,.07)}.hero-index-grid strong{font-size:31px;line-height:1;color:var(--gold)}.hero-index-grid span{font-size:12px;color:#c2c9d3;margin-top:8px}.hero-index p{margin:0;color:#99a3b1;font-size:13px}
.room-controller{--demo-rgb:255,192,119;--room-level:.62;--surface-brightness:.94;--ceiling-alpha:.62;--ambient-alpha:.62;--accent-alpha:.62;--daylight-alpha:.35;--blind-shift:-35%;border:1px solid rgba(255,255,255,.13);border-radius:36px;background:linear-gradient(180deg,rgba(22,28,39,.94),rgba(10,14,22,.96));box-shadow:0 42px 120px rgba(0,0,0,.48);overflow:hidden}.demo-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 24px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025)}.demo-heading>div:first-child{display:flex;align-items:center;gap:11px}.demo-heading strong{font-size:14px}.demo-heading>div:first-child>span:last-child{color:#939dab;font-size:12px}.live-dot,.stage-online{display:inline-block;width:8px;height:8px;border-radius:50%;background:#70e5a1;box-shadow:0 0 0 5px rgba(112,229,161,.1),0 0 18px rgba(112,229,161,.7)}.demo-status{display:flex;align-items:center;gap:10px}.demo-status>span{padding:7px 11px;border-radius:999px;background:rgba(231,189,114,.13);color:var(--gold);font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.demo-status small{color:#a4acb8}.demo-workspace{display:grid;grid-template-columns:350px 76px minmax(0,1fr);gap:0;align-items:stretch;padding:26px;min-height:650px}.demo-phone-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0}.demo-phone{width:min(100%,330px);padding:10px;border-radius:46px;background:linear-gradient(145deg,#2d3441,#090c12 55%,#202633);box-shadow:0 28px 65px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.17);position:relative}.demo-phone:before{content:"";position:absolute;inset:3px;border:1px solid rgba(255,255,255,.08);border-radius:43px;pointer-events:none}.demo-phone-notch{position:absolute;z-index:4;left:50%;top:17px;transform:translateX(-50%);width:104px;height:24px;border-radius:0 0 15px 15px;background:#05070b}.demo-phone-screen{min-height:582px;padding:35px 14px 16px;border-radius:38px;background:radial-gradient(circle at 100% 0,rgba(74,105,150,.25),transparent 34%),linear-gradient(180deg,#111722,#090d14);overflow:hidden}.demo-app-head,.demo-room-line{display:flex;align-items:center;justify-content:space-between}.demo-app-head>div{display:flex;align-items:center;gap:7px}.demo-app-head>div span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#f0ce8c,#bb8030);color:#17120a;font-size:12px;font-weight:950}.demo-app-head>div strong{letter-spacing:.08em;font-size:13px}.demo-app-head>small{display:flex;align-items:center;gap:6px;color:#8f98a5;font-size:10px}.demo-app-head>small i{width:6px;height:6px;border-radius:50%;background:#70e5a1;box-shadow:0 0 10px #70e5a1}.demo-room-line{margin-top:24px}.demo-room-line small{display:block;color:#717b89;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.demo-room-line strong{font-size:21px}.demo-master{width:50px;height:29px;border:0;border-radius:999px;padding:3px;background:#2b323d;cursor:pointer;transition:.25s}.demo-master span{display:block;width:23px;height:23px;border-radius:50%;background:#9199a5;transition:.25s}.demo-master.on{background:linear-gradient(135deg,#f0cf8c,#b77a2c)}.demo-master.on span{transform:translateX(21px);background:#161109}.demo-scenes{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:18px}.demo-scenes button{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:#aeb6c1;border-radius:14px;padding:10px 4px 8px;cursor:pointer;transition:.22s}.demo-scenes button span{display:block;font-size:17px;line-height:1}.demo-scenes button small{display:block;font-size:9px;margin-top:6px}.demo-scenes button:hover,.demo-scenes button.active{border-color:rgba(231,189,114,.45);background:rgba(231,189,114,.12);color:#fff;transform:translateY(-2px)}.demo-control-card{margin-top:10px;padding:12px 13px;border:1px solid rgba(255,255,255,.075);border-radius:15px;background:rgba(255,255,255,.035)}.demo-control-card label{display:flex;justify-content:space-between;gap:16px;color:#aeb6c1;font-size:11px}.demo-control-card label b{color:#f1f3f6}.demo-control-card input[type=range]{--progress:50%;appearance:none;width:100%;height:5px;margin:12px 0 2px;border-radius:999px;outline:0;background:linear-gradient(90deg,var(--gold) var(--progress),#313844 var(--progress));cursor:pointer}.demo-control-card input.temperature-range{background:linear-gradient(90deg,#ff994d 0%,#ffd59b 48%,#c8e4ff 100%)}.demo-control-card input[type=range]::-webkit-slider-thumb{appearance:none;width:17px;height:17px;border-radius:50%;background:#fff;border:4px solid #c79347;box-shadow:0 2px 10px rgba(0,0,0,.4)}.demo-control-card input[type=range]::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:#fff;border:4px solid #c79347}.demo-zones{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.demo-zones button{border:1px solid rgba(255,255,255,.075);border-radius:14px;padding:10px 5px;background:rgba(255,255,255,.025);color:#747e8b;cursor:pointer;transition:.2s}.demo-zones button i{display:block;font-style:normal;font-size:15px}.demo-zones button span{display:block;font-size:9px;margin-top:4px}.demo-zones button.on{background:rgba(231,189,114,.1);border-color:rgba(231,189,114,.35);color:#f0d7a6}.phone-caption{max-width:300px;margin:14px auto 0;color:#737e8d;text-align:center;font-size:11px;line-height:1.5}.signal-bridge{position:relative;display:flex;align-items:center;justify-content:center}.signal-line{position:absolute;left:8px;right:8px;top:50%;height:1px;background:linear-gradient(90deg,rgba(231,189,114,.15),rgba(231,189,114,.72),rgba(231,189,114,.15));box-shadow:0 0 13px rgba(231,189,114,.25)}.signal-node{position:relative;z-index:2;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(231,189,114,.5);background:#121722;color:var(--gold);font-size:8px;font-weight:900;letter-spacing:.13em;box-shadow:0 0 0 8px rgba(8,11,17,.85)}.signal-pulse{position:absolute;left:2px;top:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:#fff1cf;box-shadow:0 0 16px #f0c979;opacity:0}.room-controller.is-transmitting .signal-pulse{animation:signalTravel .55s ease-out}.virtual-stage{min-width:0;border-radius:25px;overflow:hidden;border:1px solid rgba(255,255,255,.09);background:#070a0f;box-shadow:0 30px 80px rgba(0,0,0,.38)}.stage-toolbar{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#10151e;border-bottom:1px solid rgba(255,255,255,.08)}.stage-toolbar>div{display:flex;align-items:center;gap:9px}.stage-toolbar strong{font-size:12px}.stage-toolbar>div:last-child span{padding:5px 8px;border-radius:8px;background:rgba(255,255,255,.05);color:#aab3c0;font-size:10px}.room-stage{position:relative;min-height:570px;overflow:hidden;background:#10141b;filter:brightness(var(--surface-brightness));transition:filter .55s ease}.stage-wall{position:absolute;inset:0 0 29% 0;background:linear-gradient(104deg,#171c25 0 34%,#20242b 34% 100%)}.stage-sky{position:absolute;z-index:0;left:0;top:0;width:42%;height:68%;background:radial-gradient(circle at 65% 26%,rgba(255,217,153,var(--daylight-alpha)),transparent 19%),linear-gradient(180deg,rgba(96,137,184,var(--daylight-alpha)),rgba(32,50,75,var(--daylight-alpha)));transition:.5s}.stage-window{position:absolute;z-index:3;left:4.5%;top:14%;width:30%;height:48%;border:8px solid #252b35;background:#263344;box-shadow:0 0 0 2px rgba(255,255,255,.04),0 0 40px rgba(91,140,196,.13)}.stage-view{position:absolute;inset:0;overflow:hidden;background:linear-gradient(180deg,rgba(108,152,202,var(--daylight-alpha)),rgba(219,178,113,var(--daylight-alpha)) 59%,rgba(31,47,54,.9) 60%)}.stage-view:after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(155deg,transparent 0 18%,#17222a 18% 33%,transparent 33%),linear-gradient(25deg,transparent 0 23%,#111a22 23% 39%,transparent 39%)}.stage-sun{position:absolute;right:15%;top:19%;width:34px;height:34px;border-radius:50%;background:rgba(255,224,164,var(--daylight-alpha));box-shadow:0 0 30px rgba(255,210,135,var(--daylight-alpha))}.stage-view i{position:absolute;bottom:13%;width:3px;height:33%;background:#121e25}.stage-view i:nth-of-type(1){left:24%}.stage-view i:nth-of-type(2){left:52%;height:46%}.stage-view i:nth-of-type(3){left:78%;height:28%}.stage-blind{position:absolute;z-index:4;inset:0;overflow:hidden}.stage-blind span{display:block;height:12.5%;border-bottom:2px solid rgba(25,28,33,.8);background:linear-gradient(180deg,#5d6268,#353a41);transform:translateY(var(--blind-shift));transition:transform .55s cubic-bezier(.22,.8,.25,1)}.window-frame-v,.window-frame-h{position:absolute;z-index:5;background:#252b35}.window-frame-v{left:50%;top:0;bottom:0;width:5px}.window-frame-h{left:0;right:0;top:50%;height:5px}.stage-ceiling{position:absolute;z-index:6;left:0;right:0;top:0;height:22%;background:linear-gradient(180deg,#151920,#191e27);clip-path:polygon(0 0,100% 0,100% 70%,0 100%)}.cove-light{position:absolute;left:36%;right:4%;bottom:10%;height:6px;border-radius:50%;background:rgba(var(--demo-rgb),.95);box-shadow:0 0 16px rgba(var(--demo-rgb),.95),0 9px 30px rgba(var(--demo-rgb),.62);opacity:var(--ambient-alpha);transition:.5s}.downlight{position:absolute;bottom:4%;width:130px;height:380px;transform:translateX(-50%)}.downlight.d1{left:48%}.downlight.d2{left:66%}.downlight.d3{left:84%}.downlight span{position:absolute;left:50%;top:0;transform:translateX(-50%);width:17px;height:11px;border-radius:2px 2px 8px 8px;background:#05070a;box-shadow:0 0 4px rgba(var(--demo-rgb),.6)}.downlight i{position:absolute;left:50%;top:9px;transform:translateX(-50%);width:0;height:0;border-left:56px solid transparent;border-right:56px solid transparent;border-top:315px solid rgba(var(--demo-rgb),.22);filter:blur(.2px);opacity:var(--ceiling-alpha);transition:.5s}.pendant{position:absolute;left:53%;top:0;width:84px;height:270px}.pendant i{position:absolute;left:50%;top:0;width:2px;height:120px;background:#4b515b}.pendant span{position:absolute;left:17px;top:113px;width:50px;height:26px;border-radius:50% 50% 12px 12px;background:#262a30;border:1px solid #555c66}.pendant b{position:absolute;left:27px;top:134px;width:30px;height:20px;border-radius:50%;background:rgba(var(--demo-rgb),.95);box-shadow:0 0 23px rgba(var(--demo-rgb),.95),0 55px 65px rgba(var(--demo-rgb),.45);opacity:var(--accent-alpha);transition:.5s}.stage-art{position:absolute;z-index:4;right:5.5%;top:28%;width:19%;height:24%;padding:8px;background:#0d1015;border:1px solid #404650;box-shadow:0 15px 30px rgba(0,0,0,.35)}.stage-art span{display:block;width:100%;height:100%;background:linear-gradient(135deg,#886c52 0 28%,#d7b37b 28% 44%,#3f596c 44% 70%,#1b2733 70%)}.stage-art:after{content:"";position:absolute;inset:-20px;background:radial-gradient(ellipse at top,rgba(var(--demo-rgb),.3),transparent 62%);opacity:var(--accent-alpha);pointer-events:none}.stage-tv{position:absolute;z-index:5;left:38%;top:34%;width:29%;height:28%}.tv-screen{position:absolute;left:8%;right:8%;top:0;height:64%;display:grid;place-items:center;border:7px solid #07090d;border-radius:5px;background:radial-gradient(circle at 48% 42%,#4c6a87,#172430 52%,#0c1218);box-shadow:0 0 24px rgba(77,121,164,.18)}.tv-screen span{font-size:22px;font-weight:900;letter-spacing:.15em;color:rgba(255,255,255,.45)}.tv-glow{position:absolute;left:-4%;right:-4%;top:-12%;height:85%;background:radial-gradient(ellipse,rgba(90,139,183,.22),transparent 70%)}.media-console{position:absolute;left:0;right:0;bottom:12%;height:18%;border-radius:4px;background:#282c31;box-shadow:0 16px 20px rgba(0,0,0,.35)}.console-strip{position:absolute;left:7%;right:7%;bottom:7%;height:4px;background:rgba(var(--demo-rgb),.95);box-shadow:0 0 13px rgba(var(--demo-rgb),.85);opacity:var(--ambient-alpha);transition:.5s}.stage-sofa{position:absolute;z-index:7;right:13%;bottom:13%;width:39%;height:24%;filter:brightness(var(--surface-brightness));transition:.5s}.stage-sofa .sofa-back,.stage-sofa .sofa-seat,.stage-sofa .sofa-arm{position:absolute;background:linear-gradient(180deg,#676b70,#4a4e53);box-shadow:inset 0 1px rgba(255,255,255,.12)}.stage-sofa .sofa-back{left:8%;right:8%;top:0;height:42%;border-radius:20px 20px 8px 8px}.stage-sofa .sofa-seat{top:39%;width:42%;height:42%;border-radius:7px 7px 18px 18px}.stage-sofa .sofa-seat.left{left:9%}.stage-sofa .sofa-seat.right{right:9%}.stage-sofa .sofa-arm{top:28%;width:12%;height:62%;border-radius:14px}.stage-sofa .sofa-arm.left{left:0}.stage-sofa .sofa-arm.right{right:0}.cushion{position:absolute;z-index:2;top:17%;width:17%;height:31%;border-radius:8px;transform:rotate(-8deg)}.cushion.c1{left:19%;background:#b98b58}.cushion.c2{right:20%;background:#475f6c;transform:rotate(8deg)}.stage-table{position:absolute;z-index:8;left:46%;bottom:7%;width:23%;height:12%}.stage-table span{position:absolute;left:0;right:0;top:0;height:50%;border-radius:50%;background:linear-gradient(180deg,#8b785f,#5f5143);box-shadow:0 7px 14px rgba(0,0,0,.35)}.stage-table i{position:absolute;left:48%;top:37%;width:6%;height:60%;background:#32353a}.stage-lamp{position:absolute;z-index:8;right:4.5%;bottom:16%;width:10%;height:40%}.stage-lamp i{position:absolute;left:48%;top:22%;bottom:5%;width:4px;background:#353941}.stage-lamp span{position:absolute;left:17%;top:10%;width:66%;height:22%;border-radius:50% 50% 20% 20%;background:#2b2f35}.stage-lamp b{position:absolute;left:35%;top:27%;width:30%;height:9%;border-radius:50%;background:rgba(var(--demo-rgb),.95);box-shadow:0 0 24px rgba(var(--demo-rgb),.95),0 35px 48px rgba(var(--demo-rgb),.4);opacity:var(--accent-alpha);transition:.5s}.stage-lamp em{position:absolute;left:29%;bottom:0;width:42%;height:5%;border-radius:50%;background:#32363c}.stage-plant{position:absolute;z-index:7;left:3%;bottom:12%;width:14%;height:31%}.stage-plant b{position:absolute;left:32%;right:32%;bottom:0;height:28%;background:#514234;clip-path:polygon(5% 0,95% 0,78% 100%,22% 100%)}.stage-plant span{position:absolute;left:48%;bottom:23%;width:18%;height:64%;border-radius:100% 0 100% 0;background:#385549;transform-origin:bottom}.stage-plant span:nth-of-type(1){transform:rotate(-37deg)}.stage-plant span:nth-of-type(2){transform:rotate(-5deg);height:76%}.stage-plant span:nth-of-type(3){transform:rotate(34deg)}.stage-plant i{position:absolute;left:50%;bottom:24%;height:59%;width:3px;background:#30483d}.stage-floor{position:absolute;z-index:2;left:0;right:0;bottom:0;height:31%;background:repeating-linear-gradient(105deg,#3b342e 0 52px,#302a26 52px 55px);clip-path:polygon(0 23%,100% 0,100% 100%,0 100%)}.stage-light-wash{position:absolute;z-index:3;inset:15% 0 20%;pointer-events:none;background:radial-gradient(ellipse at 72% 40%,rgba(var(--demo-rgb),.22),transparent 33%),radial-gradient(ellipse at 55% 70%,rgba(var(--demo-rgb),.19),transparent 28%);opacity:var(--ceiling-alpha);transition:.5s}.stage-message{position:absolute;z-index:12;left:18px;bottom:16px;display:flex;flex-direction:column;padding:10px 13px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(8,11,17,.76);backdrop-filter:blur(10px)}.stage-message span{font-size:11px;font-weight:800;color:#fff}.stage-message small{font-size:9px;color:#8993a1}.room-controller.is-transmitting .stage-message{animation:messagePulse .55s ease}.room-controller.is-off .tv-screen{background:#080a0d}.room-controller.is-off .tv-screen span{opacity:.15}
@keyframes signalTravel{0%{left:2px;opacity:0;transform:scale(.6)}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 10px);opacity:0;transform:scale(1.35)}}@keyframes messagePulse{0%,100%{border-color:rgba(255,255,255,.12)}45%{border-color:rgba(231,189,114,.75);box-shadow:0 0 22px rgba(231,189,114,.18)}}

/* Expanded directory and topic pages */
.home-directory{background:#f7f3ec}.directory-summary{gap:16px}.directory-card{position:relative;display:flex;min-height:270px;flex-direction:column;padding:26px;border:1px solid var(--darkline);border-radius:28px;background:#fff;transition:.25s;overflow:hidden}.directory-card:after{content:"";position:absolute;width:180px;height:180px;right:-80px;bottom:-80px;border-radius:50%;background:rgba(231,189,114,.16)}.directory-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(20,25,34,.12);border-color:rgba(173,118,41,.35)}.directory-card>span{font-size:11px;letter-spacing:.15em;color:#98702f;font-weight:900}.directory-card strong{font-size:30px;line-height:1.05;margin-top:44px}.directory-card b{color:#a8752c;margin-top:8px}.directory-card p{color:#69717d;margin:14px 0 0;position:relative;z-index:2}.home-blog .blog-preview-card{background:#fff;border:1px solid var(--darkline);border-radius:26px;padding:28px}.blog-preview-card>span{font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#9d6d27}.blog-preview-card h3{font-size:25px;line-height:1.15;margin:18px 0 12px}.blog-preview-card p{color:#68717c}.blog-preview-card a{display:inline-block;margin-top:17px;color:#916320;font-weight:800;font-size:13px}.center-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:34px}.topic-hero{min-height:530px}.topic-hero h1{max-width:1040px}.directory-group:nth-of-type(even){background:#eee8de}.directory-grid{align-items:stretch}.directory-grid .card{min-height:260px}.topic-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.topic-panel{padding:34px;border:1px solid var(--darkline);border-radius:28px;background:#fff}.topic-panel h2{font-size:clamp(30px,4vw,48px);line-height:1.05;letter-spacing:-.04em;margin:16px 0}.topic-panel p{color:#626b77}.topic-panel-accent{background:linear-gradient(145deg,#ece1cf,#f9f5ed);border-color:rgba(173,118,41,.28)}.topic-panel .btn{margin-top:18px}.number-list{list-style:none;counter-reset:item;padding:0;margin:24px 0 0}.number-list li{position:relative;padding:15px 0 15px 54px;border-top:1px solid var(--darkline)}.number-list li:before{counter-increment:item;content:counter(item,decimal-leading-zero);position:absolute;left:0;top:15px;color:#a2732f;font-size:12px;font-weight:900}.topic-faq details{background:#fff;border:1px solid var(--darkline);border-radius:18px;padding:0 20px;margin-bottom:10px}.topic-faq summary{cursor:pointer;padding:18px 0;font-weight:800}.topic-faq details p{margin:0 0 20px;color:#68717c}.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:36px;align-items:start}.guide-section{display:grid;grid-template-columns:72px 1fr;gap:25px;padding:34px 0;border-top:1px solid var(--darkline)}.guide-section:first-child{border-top:0;padding-top:0}.guide-section>span{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:#efe3cf;color:#946823;font-weight:900}.guide-section h2{font-size:clamp(29px,4vw,47px);line-height:1.06;margin:0 0 12px;letter-spacing:-.035em}.guide-section p{color:#616a76;font-size:17px}.guide-aside{position:sticky;top:110px;display:grid;gap:16px}.guide-aside .text-link{display:block;padding:12px 0;border-top:1px solid var(--darkline);font-size:13px;font-weight:800;color:#8f621f}

/* Blog shared styles */

.blog-search{display:grid;gap:9px;margin-bottom:18px;padding:18px;border:1px solid var(--darkline);border-radius:20px;background:#fff}.blog-search label{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#646d78}.blog-search>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.blog-search input{width:100%;min-height:46px;border:1px solid var(--darkline);border-radius:12px;padding:0 14px;background:#faf8f4;color:#151a21;outline:none}.blog-search input:focus{border-color:rgba(159,109,34,.55);box-shadow:0 0 0 4px rgba(231,189,114,.16)}.blog-filter{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}.blog-filter a{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid var(--darkline);border-radius:999px;background:#fff;color:#5f6874;font-size:11px;font-weight:850;transition:.2s}.blog-filter a:hover,.blog-filter a.active{border-color:#b37b2f;background:#161c25;color:#fff}.blog-card:focus-within,.directory-card:focus-visible{outline:3px solid rgba(231,189,114,.46);outline-offset:3px}.demo-scenes button:focus-visible,.demo-zones button:focus-visible,.demo-master:focus-visible,.menu-toggle:focus-visible,.nav-dropdown>button:focus-visible,.btn:focus-visible,a:focus-visible{outline:3px solid rgba(231,189,114,.7);outline-offset:3px}.room-controller.is-off .stage-message{border-color:rgba(255,255,255,.08)}
.blog-shell{background:#f4efe7}.blog-hero{padding:86px 0 68px;background:#080b11;color:#fff}.blog-hero h1{font-size:clamp(48px,7vw,92px);line-height:.98;letter-spacing:-.055em;margin:22px 0}.blog-hero p{max-width:760px;color:#b8c0cc;font-size:20px}.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px;align-items:start}.blog-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.blog-card{display:flex;flex-direction:column;min-height:320px;padding:28px;border:1px solid var(--darkline);border-radius:26px;background:#fff;transition:.25s}.blog-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(20,25,34,.11)}.blog-card .blog-meta{display:flex;justify-content:space-between;gap:12px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#966a29}.blog-card h2{font-size:27px;line-height:1.12;margin:25px 0 12px}.blog-card p{color:#68717c;margin:0}.blog-card>a{margin-top:auto;padding-top:24px;font-size:13px;font-weight:850;color:#916420}.blog-sidebar{position:sticky;top:108px;display:grid;gap:16px}.blog-sidebar-box{padding:24px;border-radius:22px;background:#111722;color:#fff}.blog-sidebar-box h3{margin:0 0 12px}.blog-sidebar-box p{color:#aeb6c2;font-size:13px}.blog-sidebar-box a{display:block;padding:10px 0;border-top:1px solid var(--line);color:var(--gold);font-size:12px;font-weight:800}.article-hero{padding:76px 0;background:#080b11;color:#fff}.article-hero .article-meta{display:flex;gap:11px;flex-wrap:wrap;color:#b2bbc7;font-size:12px}.article-hero h1{font-size:clamp(44px,7vw,82px);line-height:1;letter-spacing:-.05em;max-width:1050px;margin:26px 0}.article-hero .lead{max-width:820px}.article-layout{display:grid;grid-template-columns:minmax(0,800px) 300px;gap:54px;align-items:start}.article-body{font-size:18px}.article-body>p:first-child{font-size:22px;color:#3e4651}.article-body h2{font-size:clamp(31px,4vw,48px);line-height:1.08;letter-spacing:-.035em;margin:52px 0 16px}.article-body p{color:#505966}.article-body ul{padding-left:22px}.article-body li{padding:5px 0;color:#505966}.article-aside{position:sticky;top:110px}.article-aside .topic-panel{padding:24px}.article-aside a{display:block;padding:10px 0;border-top:1px solid var(--darkline);color:#8e611e;font-size:12px;font-weight:800}

@media(max-width:1220px){.nav-links{gap:13px}.nav-links>a,.nav-dropdown>button{font-size:12px}.brand{min-width:165px}.brand img{width:195px}.nav-actions .btn{padding:0 14px}.demo-workspace{grid-template-columns:330px 58px minmax(0,1fr);padding:22px}.room-stage{min-height:540px}.footer-grid-v2{grid-template-columns:1.3fr repeat(4,.75fr);gap:24px}}
@media(max-width:1060px){.nav-links{display:none}.menu-toggle{display:grid;place-items:center}.nav-links.mobile{display:flex;position:fixed;top:114px;left:0;right:0;bottom:0;overflow:auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:22px;background:#090d14}.nav-links.mobile>a,.nav-links.mobile .nav-dropdown>button{display:block;width:100%;padding:14px 0;text-align:left;border-bottom:1px solid var(--line);font-size:15px}.nav-links.mobile .nav-dropdown{width:100%}.nav-links.mobile .dropdown-menu{position:static;width:100%;max-height:none;display:none;opacity:1;pointer-events:auto;transform:none;border:0;box-shadow:none;background:transparent;padding:8px 0 10px}.nav-links.mobile .nav-dropdown.open .dropdown-menu{display:block}.nav-links.mobile .dropdown-menu a{padding:10px 14px}.hero-v2-top{grid-template-columns:1fr}.hero-index{max-width:none}.demo-workspace{grid-template-columns:310px 45px minmax(0,1fr);padding:18px}.room-stage{min-height:500px}.stage-window{width:32%}.footer-grid-v2{grid-template-columns:1.4fr repeat(2,1fr)}.footer-grid-v2 .footer-brand{grid-row:span 2}.grid-4.directory-summary{grid-template-columns:1fr 1fr}}
@media(max-width:860px){.hero-v2{padding-top:44px}.hero-v2-top{margin-bottom:30px}.demo-heading{align-items:flex-start}.demo-heading>div:first-child{align-items:flex-start;flex-wrap:wrap}.demo-heading>div:first-child>span:last-child{width:100%;padding-left:19px}.demo-workspace{grid-template-columns:1fr;gap:22px}.signal-bridge{display:none}.demo-phone-wrap{padding-top:4px}.demo-phone{width:min(100%,350px)}.virtual-stage{width:100%}.room-stage{min-height:520px}.topic-detail-grid,.guide-layout,.blog-layout,.article-layout{grid-template-columns:1fr}.guide-aside,.blog-sidebar,.article-aside{position:static}.blog-grid{grid-template-columns:1fr 1fr}.footer-grid-v2{grid-template-columns:1fr 1fr}.footer-grid-v2 .footer-brand{grid-column:1/-1;grid-row:auto;max-width:none}}
@media(max-width:640px){.blog-search>div{grid-template-columns:1fr}.blog-search .btn{width:100%}.container{width:min(calc(100% - 28px),var(--max))}.announcement .container{font-size:9px;justify-content:space-between}.announcement .container span{max-width:65%}.nav-wrap{height:72px}.brand img{width:178px}.nav-actions>.btn{display:none}.nav-links.mobile{top:108px}.hero-v2{padding:36px 0 48px}.hero-v2 .display{font-size:47px}.hero-v2 .lead{font-size:17px}.hero-index{padding:20px}.hero-index-grid a{min-height:88px;padding:13px}.hero-index-grid strong{font-size:26px}.room-controller{border-radius:25px}.demo-heading{padding:15px 16px}.demo-status{display:none}.demo-workspace{padding:14px}.demo-phone{max-width:330px}.demo-phone-screen{min-height:565px}.phone-caption{display:none}.room-stage{min-height:410px}.stage-toolbar{height:48px;padding:0 12px}.stage-window{left:3%;top:15%;width:33%;height:43%;border-width:5px}.stage-ceiling{height:20%}.downlight{width:80px;height:260px}.downlight i{border-left-width:34px;border-right-width:34px;border-top-width:210px}.pendant{left:51%;transform:scale(.75);transform-origin:top}.stage-tv{left:37%;top:35%;width:31%}.stage-sofa{right:8%;bottom:14%;width:45%;height:23%}.stage-table{left:43%;width:24%}.stage-lamp{right:2%;width:12%}.stage-plant{left:1%;width:17%}.stage-art{right:3%;width:20%;height:20%}.stage-message{left:10px;bottom:10px;padding:8px 10px}.stage-message small{display:none}.section{padding:78px 0}.grid-4.directory-summary,.blog-grid{grid-template-columns:1fr}.directory-card{min-height:225px}.directory-card strong{margin-top:28px}.topic-detail-grid{grid-template-columns:1fr}.guide-section{grid-template-columns:52px 1fr;gap:15px}.guide-section>span{width:44px;height:44px}.article-body{font-size:16px}.article-body>p:first-child{font-size:19px}.footer-grid-v2{grid-template-columns:1fr}.footer-grid-v2 .footer-brand{grid-column:auto}.footer-col{padding-top:8px}}
@media(prefers-reduced-motion:reduce){.room-controller *,.directory-card,.blog-card{animation:none!important;transition:none!important}}

/* Shared alignment, action visibility and quote workflow */
[hidden]{display:none!important}
.container{max-width:var(--max);margin-inline:auto}
.section-heading>div,.page-hero .container,.root-card,.card,.topic-panel{min-width:0}
.btn,a.btn,button.btn{border-width:1px;border-style:solid;text-decoration:none!important;white-space:nowrap;font-weight:800}
.btn:disabled,.btn[aria-disabled=true],button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important;filter:grayscale(.2)}
.btn-dark{background:#101722!important;border-color:#101722!important;color:#fff!important;box-shadow:0 10px 24px rgba(9,13,20,.14)}
.btn-dark:hover{background:#1a2432!important;border-color:#1a2432!important;color:#fff!important}
.btn-light{background:#fff!important;border-color:#7f8792!important;color:#111722!important;box-shadow:0 8px 20px rgba(20,25,34,.08)}
.btn-light:hover{background:#f1f3f6!important;border-color:#4f5966!important;color:#080b10!important}
.btn-ghost{background:rgba(255,255,255,.075)!important;border-color:rgba(255,255,255,.36)!important;color:#fff!important}
.btn-ghost:hover{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.58)!important;color:#fff!important}
.soft .btn-ghost,.brief-output .btn-ghost,.topic-panel .btn-ghost{background:#fff!important;border-color:#737c88!important;color:#151a22!important}
.btn:focus-visible,.clear-form:focus-visible,.copy-summary:focus-visible,.choice input:focus-visible+label,.contact-card:focus-visible{outline:3px solid color-mix(in srgb,var(--sl-action,var(--gold)) 72%,#4d8dff 28%)!important;outline-offset:3px!important}
.form-shell{position:relative;width:100%;max-width:900px;margin-inline:auto;padding:clamp(24px,4vw,42px);box-shadow:0 25px 70px rgba(20,25,34,.08)}
.form-topline{align-items:flex-start;margin-bottom:26px}.form-progress-wrap{flex:1;min-width:0}.form-step-status{display:block;margin-top:9px;color:#68717d;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.form-progress{margin-bottom:0}.form-progress span{position:relative;height:7px;background:#ded9d1;transition:background .25s,transform .25s}.form-progress span.on{background:var(--sl-action,var(--gold2))}.form-progress span.current{transform:scaleY(1.35);box-shadow:0 0 0 2px color-mix(in srgb,var(--sl-action,var(--gold)) 18%,transparent)}
.form-step{animation:quoteStepIn .28s ease}.form-step[hidden]{display:none!important}.form-step h2:focus{outline:0}.form-step .eyebrow{margin-bottom:4px}
.form-error-summary{margin:0 0 22px;padding:15px 17px;border:1px solid #c94a55;border-radius:15px;background:#fff1f2;color:#6d151e}.form-error-summary strong{display:block}.form-error-summary ul{margin:7px 0 0;padding-left:20px;font-size:13px}.form-error-summary li+li{margin-top:3px}
.form-shell .field input,.form-shell .field select,.form-shell .field textarea{min-height:50px;background:#fff;border-color:#b9b4ac;color:#171b22}.form-shell .field textarea{min-height:130px}.form-shell .field input::placeholder,.form-shell .field textarea::placeholder{color:#7f8790;opacity:1}.form-shell .field input:hover,.form-shell .field select:hover,.form-shell .field textarea:hover{border-color:#8d857a}.form-shell .field input:focus,.form-shell .field select:focus,.form-shell .field textarea:focus{border-color:var(--sl-action,var(--gold2));box-shadow:0 0 0 4px color-mix(in srgb,var(--sl-action,var(--gold)) 16%,transparent)}
.choice label{height:100%;border-color:#bdb7ae;background:#fff;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s}.choice label:hover{border-color:#8e7b5e;transform:translateY(-1px)}.choice input:checked+label{border-color:var(--sl-action,var(--gold2));background:color-mix(in srgb,var(--sl-action,var(--gold)) 13%,white);box-shadow:0 0 0 2px color-mix(in srgb,var(--sl-action,var(--gold)) 15%,transparent)}
.choice-grid.is-invalid,.choice.is-invalid label,.field.is-invalid input,.field.is-invalid select,.field.is-invalid textarea,.upload-field.is-invalid input,.notice.is-invalid{border-color:#c83f4b!important;box-shadow:0 0 0 3px rgba(200,63,75,.12)!important}.choice-grid.is-invalid{padding:8px;border:1px solid;border-radius:18px}.choice input[aria-invalid=true]+label{border-color:#c83f4b!important;background:#fff5f5}.field [aria-invalid=true]{border-color:#c83f4b!important}
.form-shell .form-actions{align-items:center;border-top:1px solid #e0dbd3;padding-top:22px}.form-shell .form-actions .btn{min-width:150px}.form-shell .form-actions [data-next],.form-shell .form-actions [data-submit]{margin-left:auto}.clear-form,.copy-summary{min-height:36px;padding:0 4px;color:#795117;font-weight:800;text-underline-offset:3px}.save-status{min-height:20px;color:#626b76}.consent{padding:15px;border:1px solid #d7d1c8;border-radius:14px;background:#faf8f4;color:#4c5561}.consent input{margin-top:3px;accent-color:var(--sl-action,var(--gold2))}
.live-summary{border-color:#cfc7bb;background:#f7f2e9}.live-summary [data-live-summary]{overflow-wrap:anywhere}
.contact-panel{align-self:start;position:sticky;top:112px}.contact-list a{color:#fff}.contact-list a:hover{color:var(--sl-action,var(--gold))}.contact-benefits>div{background:rgba(255,255,255,.025)}
.quote-noscript{margin:0 0 20px;padding:14px 16px;border:1px solid #b66e16;border-radius:14px;background:#fff5df;color:#603a0a}
.contact-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.contact-card{display:flex;flex-direction:column;min-height:240px;padding:28px;border:1px solid var(--darkline);border-radius:25px;background:#fff;transition:.22s}.contact-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--sl-action,var(--gold)) 45%,var(--darkline));box-shadow:0 20px 50px rgba(20,25,34,.1)}.contact-card span{color:#94651f;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.contact-card h2{margin:18px 0 8px;font-size:25px}.contact-card p{margin:0;color:#626b77}.contact-card strong{margin-top:auto;padding-top:24px;color:#805718}.contact-cta-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;padding:40px;border-radius:30px;background:#101722;color:#fff}.contact-cta-panel h2{font-size:clamp(32px,4vw,52px);line-height:1.04;margin:10px 0}.contact-cta-panel p{margin:0;color:#adb7c3;max-width:700px}.contact-cta-panel .hero-actions{margin:0}
.enquiry-reference{display:grid;gap:5px;margin:24px auto;padding:18px 20px;max-width:560px;border:1px solid color-mix(in srgb,var(--sl-action,var(--gold)) 40%,var(--darkline));border-radius:18px;background:#fff}.enquiry-reference span{font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#68717d}.enquiry-reference strong{font:800 clamp(20px,4vw,30px)/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;color:#171b22;overflow-wrap:anywhere}.enquiry-delivery{color:#606a76}
@keyframes quoteStepIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.contact-panel{position:static;top:auto}.form-shell{max-width:none}}
@media(max-width:760px){.contact-options{grid-template-columns:1fr}.contact-cta-panel{grid-template-columns:1fr;padding:28px}.contact-cta-panel .hero-actions{margin-top:6px}.field-grid,.choice-grid{grid-template-columns:1fr}.form-topline{gap:10px}.clear-form{white-space:normal;text-align:right}.form-shell .form-actions{display:grid;grid-template-columns:1fr 1fr}.form-shell .form-actions .btn{width:100%;min-width:0}.form-shell .form-actions [data-next],.form-shell .form-actions [data-submit]{grid-column:2}.form-shell .form-actions [data-back]{grid-column:1}.role-choice-grid{grid-template-columns:1fr}}
@media(max-width:480px){.form-shell{padding:22px 16px;border-radius:22px}.form-topline{display:grid;grid-template-columns:1fr}.clear-form{text-align:left}.form-shell .form-actions{grid-template-columns:1fr}.form-shell .form-actions [data-next],.form-shell .form-actions [data-submit],.form-shell .form-actions [data-back]{grid-column:1}.contact-cta-panel{padding:23px}.contact-card{min-height:210px;padding:23px}}
@media(prefers-reduced-motion:reduce){.form-step{animation:none}.choice label,.contact-card{transition:none}}

/* Quote confirmation */
.quote-confirmation{display:grid;gap:.55rem;max-width:44rem;margin:clamp(1.25rem,3vw,2rem) 0;padding:clamp(1rem,3vw,1.4rem);border:1px solid color-mix(in srgb,var(--sl-action,#e7bd72) 42%,transparent);border-radius:var(--sl-radius,18px);background:color-mix(in srgb,var(--sl-surface,#121824) 88%,transparent)}
.quote-confirmation-label{margin:0;color:var(--muted,#aeb5c2);font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.quote-confirmation-reference{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.quote-confirmation-reference strong{font-size:clamp(1.2rem,4vw,1.8rem);letter-spacing:.04em;overflow-wrap:anywhere}
.quote-confirmation-status{margin:0;color:var(--muted,#c7ccd5);line-height:1.65}
@media(max-width:520px){.quote-confirmation-reference{align-items:stretch;flex-direction:column}.quote-confirmation-reference .btn{width:100%}}

/* The fixed mobile sales bar is redundant on the quote application and must not cover form controls. */
.quote-page .mobile-cta{display:none!important}
@media(max-width:1050px){body.quote-page{padding-bottom:0}}