:root{--ink:#15130f;--paper:#f8f5ef;--white:#fff;--gold:#b98a4d;--gold2:#e2c391;--muted:#6d685f;--line:rgba(21,19,15,.13);--serif:"Cormorant Garamond",serif;--sans:"Inter",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:400;overflow-x:hidden}body[dir="rtl"]{font-family:"Noto Kufi Arabic",sans-serif}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,76px);position:fixed;inset:0 0 auto;z-index:20;background:rgba(248,245,239,.88);backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:.3s}.topbar.scrolled{height:72px;border-color:var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:15px;letter-spacing:.28em;font-weight:600}.brand img{width:42px;height:42px;object-fit:contain}.topbar nav{display:flex;gap:32px}.topbar nav a,.lang{font:500 13px var(--sans);text-decoration:none;color:var(--ink);border:0;background:none;cursor:pointer}.nav-actions{display:flex;align-items:center;gap:18px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border:1px solid transparent;text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:.25s}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:var(--gold)}.button-gold{background:linear-gradient(120deg,#a87537,var(--gold2));color:#17130d;box-shadow:0 14px 35px rgba(116,78,32,.18)}.button-gold:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(116,78,32,.28)}.menu{display:none;background:none;border:0}.menu span{display:block;width:24px;height:1px;background:var(--ink);margin:6px}.hero{min-height:100vh;padding:122px clamp(22px,5vw,76px) 52px;display:grid;grid-template-columns:.85fr 1.35fr;gap:54px;align-items:center}.hero-copy{max-width:610px}.eyebrow{font-size:11px;letter-spacing:.23em;font-weight:600;color:#9a6b32;margin:0 0 22px;text-transform:uppercase}.hero h1,.section h2,.statement h2,.control-copy h2,.contact h2,.space-card h2{font-family:var(--serif);font-size:clamp(54px,6.2vw,98px);line-height:.9;font-weight:500;letter-spacing:-.04em;margin:0}.hero-text{max-width:580px;color:var(--muted);font-size:16px;line-height:1.75;margin:30px 0}.hero-actions{display:flex;align-items:center;gap:28px}.text-link{color:var(--ink);text-decoration:none;font-size:13px;border-bottom:1px solid var(--ink);padding-bottom:5px}.hero-note{display:flex;align-items:center;gap:10px;margin-top:38px;color:var(--muted);font-size:12px}.pulse{width:8px;height:8px;background:var(--gold);border-radius:50%;box-shadow:0 0 0 6px rgba(185,138,77,.13)}.hero-visual{height:calc(100vh - 174px);min-height:560px;position:relative;overflow:hidden;border-radius:220px 4px 4px 4px}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,13,10,.06),transparent 42%)}.hero-visual>img{width:100%;height:100%;object-fit:cover}.floating-card{position:absolute;z-index:2;left:28px;bottom:28px;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);padding:16px 18px;display:flex;align-items:center;gap:30px;min-width:220px;box-shadow:0 12px 40px rgba(0,0,0,.15)}.floating-card div{display:grid;gap:4px}.floating-card span{font-size:10px;color:var(--muted)}.floating-card strong{font-size:13px}.scene-toggle,.mini-toggle{width:42px;height:24px;border:0;border-radius:20px;background:#bbb;padding:3px;cursor:pointer}.scene-toggle i,.mini-toggle i{display:block;width:18px;height:18px;border-radius:50%;background:#fff;transition:.25s}.scene-toggle.active,.mini-toggle.active{background:var(--gold)}.scene-toggle.active i,.mini-toggle.active i{transform:translateX(18px)}.vertical-word{position:absolute;z-index:2;right:14px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%);font-size:9px;letter-spacing:.4em;color:#fff}.statement{text-align:center;max-width:1040px;margin:auto;padding:140px 24px}.statement h2{font-size:clamp(48px,6vw,82px)}.statement>p:last-child{max-width:680px;margin:30px auto 0;color:var(--muted);line-height:1.8}.section{padding:110px clamp(22px,5vw,76px)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:55px}.section-head h2{font-size:clamp(46px,5vw,72px)}.section-head>p{max-width:420px;color:var(--muted);line-height:1.7}.solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.solution{min-height:320px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.3s;position:relative}.solution:hover{background:#fff;transform:translateY(-4px);box-shadow:0 25px 60px rgba(44,33,18,.08);z-index:1}.solution>span{font-size:10px;color:#aaa}.solution .icon{font-size:36px;color:var(--gold);margin:68px 0 26px}.solution h3{font:500 27px var(--serif);margin:0 0 12px}.solution p{font-size:13px;line-height:1.7;color:var(--muted);max-width:280px}.control-section{margin:70px clamp(22px,5vw,76px);background:#191712;color:#fff;min-height:680px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.control-copy{padding:clamp(48px,7vw,100px);align-self:center}.control-copy h2{font-size:clamp(48px,5vw,78px)}.control-copy>p:not(.eyebrow){color:#aaa49a;line-height:1.8;max-width:520px}.feature-list{margin-top:45px;border-top:1px solid #3b3832}.feature-list div{display:flex;gap:28px;padding:18px 0;border-bottom:1px solid #3b3832;font-size:13px}.feature-list b{color:var(--gold);font-size:10px}.phone-wrap{display:grid;place-items:center;background:radial-gradient(circle,#d9bb85 0,#785d36 32%,#242018 67%)}.phone{width:330px;border:8px solid #080808;border-radius:46px;background:#f8f5ef;color:var(--ink);padding:38px 22px 24px;box-shadow:0 35px 80px rgba(0,0,0,.45);position:relative}.phone:before{content:"";width:90px;height:22px;border-radius:20px;background:#080808;position:absolute;top:8px;left:50%;transform:translateX(-50%)}.phone-top{display:flex;justify-content:space-between;align-items:center}.phone-top small{font-size:9px;letter-spacing:.18em}.greeting{font:500 34px var(--serif);margin:20px 0}.scene-tabs{display:flex;gap:6px}.scene-tabs button{flex:1;border:1px solid var(--line);background:transparent;padding:9px 3px;font-size:10px}.scene-tabs button.selected{background:var(--ink);color:#fff}.device{background:#fff;margin-top:12px;padding:18px;border-radius:18px;box-shadow:0 8px 20px rgba(25,20,10,.05)}.device>div{display:flex;align-items:center;gap:12px}.device i{font-style:normal;color:var(--gold);font-size:22px}.device span{display:grid;gap:2px}.device b{font-size:12px}.device small{font-size:10px;color:var(--muted)}.device input{width:100%;accent-color:var(--gold);margin-top:14px}.device.compact{display:flex;justify-content:space-between;align-items:center}.process{padding-top:150px}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.steps article{padding:34px 40px 30px 0;border-right:1px solid var(--line);min-height:220px}.steps article+article{padding-left:40px}.steps b{font-size:10px;color:var(--gold)}.steps h3{font:500 30px var(--serif);margin:50px 0 12px}.steps p{color:var(--muted);font-size:13px;line-height:1.7}.spaces{display:grid;grid-template-columns:1fr 1fr;min-height:640px}.space-card{position:relative;padding:60px;display:flex;align-items:end;background-size:cover;background-position:center;color:#fff}.space-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(17,14,10,.8),rgba(17,14,10,.05))}.space-card>div{position:relative;z-index:1}.space-card h2{font-size:clamp(48px,5vw,74px)}.space-card p:last-child{max-width:390px;color:#ddd;line-height:1.7}.space-card.home{background-image:url("assets/smart-villa-hero.png");background-position:left center}.space-card.office{background-image:linear-gradient(135deg,rgba(20,18,14,.2),rgba(20,18,14,.5)),url("assets/smart-villa-hero.png");background-position:right center}.contact{padding:120px clamp(22px,8vw,140px);display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(50px,9vw,140px);background:#fff}.contact-intro img{width:100px;height:100px;object-fit:contain;margin-bottom:35px}.contact h2{font-size:clamp(52px,5vw,78px)}.contact-intro>p:last-child{color:var(--muted);line-height:1.8;max-width:520px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-content:start}.contact-form label{display:grid;gap:10px;font-size:11px;font-weight:600}.contact-form label:nth-child(4){grid-column:1/-1}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:0;border-bottom:1px solid #bbb;background:transparent;padding:13px 2px;font:400 14px var(--sans);outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--gold)}.contact-form button{grid-column:1/-1;margin-top:12px}.form-note{grid-column:1/-1;margin:0;text-align:center;color:#999;font-size:10px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,120px);background:var(--ink);color:#fff;padding:14px 22px;font-size:12px;z-index:50;transition:.35s}.toast.show{transform:translate(-50%,0)}footer{padding:54px clamp(22px,5vw,76px);display:grid;grid-template-columns:1.3fr 1fr auto;gap:30px;align-items:end;background:#f1ece3;color:var(--muted);font-size:11px}.footer-brand{display:inline-flex}.arabic-name{font-family:"Noto Kufi Arabic",sans-serif}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}body[dir="rtl"] .hero-copy,body[dir="rtl"] .contact-intro{text-align:right}body[dir="rtl"] .scene-toggle.active i,body[dir="rtl"] .mini-toggle.active i{transform:translateX(-18px)}body[dir="rtl"] .steps article{padding:34px 0 30px 40px;border-right:0;border-left:1px solid var(--line)}body[dir="rtl"] .steps article+article{padding-right:40px}
@media(max-width:1000px){.topbar nav{position:fixed;top:72px;left:16px;right:16px;background:#fff;display:none;flex-direction:column;padding:28px;box-shadow:0 18px 50px rgba(0,0,0,.12)}.topbar nav.open{display:flex}.menu{display:block}.nav-cta{display:none}.hero{grid-template-columns:1fr;padding-top:135px}.hero-copy{max-width:760px}.hero-visual{height:68vh}.solutions-grid{grid-template-columns:repeat(2,1fr)}.control-section,.contact{grid-template-columns:1fr}.control-section{margin-left:22px;margin-right:22px}.phone-wrap{padding:70px 20px}.spaces{grid-template-columns:1fr}.space-card{min-height:520px}.contact-form{max-width:760px}footer{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.topbar{height:72px;padding:0 18px}.brand span{display:none}.brand img{width:38px}.nav-actions{gap:8px}.hero{padding:106px 18px 36px;gap:34px}.hero h1{font-size:54px}.hero-text{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-visual{min-height:440px;height:58vh;border-radius:120px 4px 4px 4px}.floating-card{left:14px;bottom:14px}.statement{padding:95px 22px}.section{padding:85px 18px}.section-head{align-items:flex-start;flex-direction:column}.solutions-grid{grid-template-columns:1fr}.solution{min-height:260px}.solution .icon{margin:40px 0 22px}.control-section{margin:35px 0;grid-template-columns:1fr}.control-copy{padding:64px 24px}.phone{width:300px}.steps{grid-template-columns:1fr}.steps article,.steps article+article{padding:30px 0;border-right:0;border-bottom:1px solid var(--line)}.steps h3{margin-top:25px}.space-card{padding:38px 24px;min-height:480px}.contact{padding:85px 22px}.contact-form{grid-template-columns:1fr}.contact-form label:nth-child(4){grid-column:auto}.contact-form button,.form-note{grid-column:auto}footer{grid-template-columns:1fr;align-items:start}}

.hero-visual>.hero-scene-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-scene-closed{opacity:0;transition:opacity 1.1s ease}.hero-scene-closed.active{opacity:1}@media(prefers-reduced-motion:reduce){.hero-scene-closed{transition:none}}

.phone-wrap{position:relative;isolation:isolate;transition:background 1s ease}.phone-wrap[data-scene="evening"]{background:radial-gradient(circle at 50% 46%,#e0bd7e 0,#7b5a31 32%,#242018 68%)}.phone-wrap[data-scene="relax"]{background:radial-gradient(circle at 50% 46%,#d9c4ad 0,#7d6452 34%,#28221e 70%)}.phone-wrap[data-scene="away"]{background:radial-gradient(circle at 50% 46%,#6d7780 0,#343d43 36%,#15191c 72%)}.phone-wrap:before,.phone-wrap:after{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:50%}.phone-wrap:before{width:430px;aspect-ratio:1;border:1px solid rgba(255,255,255,.28);box-shadow:0 0 0 55px rgba(255,255,255,.035),0 0 0 110px rgba(255,255,255,.025);animation:smartPulse 4.5s ease-in-out infinite}.phone-wrap:after{width:520px;aspect-ratio:1;background:radial-gradient(circle,rgba(255,224,169,.23),transparent 64%);filter:blur(8px);animation:ambientDrift 6s ease-in-out infinite}.phone-wrap .phone{z-index:1;transition:transform .45s ease,box-shadow .45s ease}.phone-wrap.visible .phone{animation:phoneArrival 1s cubic-bezier(.2,.8,.2,1) both}.phone-wrap.visible .device{opacity:0;animation:deviceArrival .6s cubic-bezier(.2,.8,.2,1) forwards}.phone-wrap.visible .device:nth-of-type(3){animation-delay:.38s}.phone-wrap.visible .device:nth-of-type(4){animation-delay:.52s}.phone-wrap.visible .device:nth-of-type(5){animation-delay:.66s}.phone:hover{transform:translateY(-8px) rotateY(-3deg);box-shadow:0 45px 95px rgba(0,0,0,.55)}.phone.scene-changing .device{animation:sceneResponse .48s ease both}.phone.scene-changing .device:nth-of-type(4){animation-delay:.06s}.phone.scene-changing .device:nth-of-type(5){animation-delay:.12s}@keyframes phoneArrival{0%{opacity:0;transform:translateY(70px) rotate(5deg) scale(.94)}100%{opacity:1;transform:none}}@keyframes deviceArrival{0%{opacity:0;transform:translateY(18px) scale(.97)}100%{opacity:1;transform:none}}@keyframes sceneResponse{0%,100%{transform:none}45%{transform:translateY(-4px) scale(1.02);box-shadow:0 14px 30px rgba(185,138,77,.2)}}@keyframes smartPulse{0%,100%{transform:scale(.92);opacity:.5}50%{transform:scale(1.06);opacity:1}}@keyframes ambientDrift{0%,100%{transform:translate(-22px,-8px)}50%{transform:translate(24px,16px)}}@media(prefers-reduced-motion:reduce){.phone-wrap:before,.phone-wrap:after,.phone-wrap.visible .phone,.phone-wrap.visible .device,.phone.scene-changing .device{animation:none}.phone-wrap.visible .device{opacity:1}}
.phone-wrap:before,.phone-wrap:after{z-index:0}

.control-room-bg,.control-room-curtains,.control-room-shade,.ambient-light-glow{position:absolute;inset:0;width:100%;height:100%}.control-room-bg,.control-room-curtains{z-index:0;object-fit:cover;object-position:center;filter:saturate(.82) brightness(calc(.34 + var(--light-level,.42)*.72));transform:scale(1.04);transition:filter .12s linear,transform 6s ease,opacity .9s ease}.phone-wrap.visible .control-room-bg,.phone-wrap.visible .control-room-curtains{transform:scale(1)}.control-room-curtains{opacity:0}.control-room-curtains.closed{opacity:1}.ambient-light-glow{z-index:0;pointer-events:none;opacity:calc(var(--light-level,.42)*.55);background:radial-gradient(circle at 55% 38%,rgba(255,210,130,.75),transparent 48%);mix-blend-mode:screen;transition:opacity .12s linear}.control-room-shade{z-index:0;background:linear-gradient(90deg,rgba(17,14,10,.58),rgba(17,14,10,.08) 48%,rgba(17,14,10,.5)),linear-gradient(0deg,rgba(17,14,10,.45),transparent 55%);pointer-events:none}.phone-wrap[data-scene="away"] .control-room-bg,.phone-wrap[data-scene="away"] .control-room-curtains{filter:saturate(.38) brightness(.34) hue-rotate(165deg)}.phone-wrap.climate-off .control-room-bg,.phone-wrap.climate-off .control-room-curtains{filter:saturate(.55) brightness(calc(.34 + var(--light-level,.42)*.72))}.smart-status{position:absolute;z-index:2;display:flex;align-items:center;gap:11px;min-width:145px;padding:13px 16px;color:#fff;background:rgba(17,15,12,.7);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(14px);box-shadow:0 16px 34px rgba(0,0,0,.25);opacity:0}.smart-status i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-style:normal;font-size:18px;color:#f0cc91;background:rgba(185,138,77,.2)}.smart-status span{display:grid;gap:3px}.smart-status small{font-size:8px;letter-spacing:.16em;color:rgba(255,255,255,.65)}.smart-status b{font-size:13px}.status-light{left:5%;top:18%}.status-curtain{right:4%;top:28%}.status-climate{left:7%;bottom:16%}.phone-wrap.visible .smart-status{animation:statusIn .65s cubic-bezier(.2,.8,.2,1) forwards,statusFloat 4s ease-in-out 1.1s infinite}.phone-wrap.visible .status-light{animation-delay:.45s,1.1s}.phone-wrap.visible .status-curtain{animation-delay:.62s,1.28s}.phone-wrap.visible .status-climate{animation-delay:.79s,1.46s}@keyframes statusIn{from{opacity:0;transform:translateY(18px) scale(.92)}to{opacity:1;transform:none}}@keyframes statusFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@media(max-width:1150px){.smart-status{min-width:125px;padding:10px 12px}.status-light{left:2%}.status-curtain{right:2%}.status-climate{left:3%}}@media(max-width:640px){.phone-wrap{min-height:650px}.smart-status{min-width:118px}.status-light{left:3%;top:9%}.status-curtain{right:3%;top:17%}.status-climate{left:4%;bottom:8%}}@media(prefers-reduced-motion:reduce){.control-room-bg,.control-room-curtains,.ambient-light-glow,.phone-wrap.visible .smart-status{animation:none;transition:none}.phone-wrap.visible .smart-status{opacity:1}}

.space-card.home .eyebrow{display:inline-flex;align-items:center;margin-bottom:20px;padding:10px 14px;color:#fff;background:rgba(15,13,10,.7);border:1px solid rgba(255,255,255,.35);border-radius:2px;backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(0,0,0,.25);font-size:13px;font-weight:700;letter-spacing:.2em;text-shadow:0 1px 5px rgba(0,0,0,.8)}
.space-card.office .eyebrow{display:inline-flex;align-items:center;margin-bottom:20px;padding:10px 14px;color:#fff;background:rgba(15,13,10,.7);border:1px solid rgba(255,255,255,.35);border-radius:2px;backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(0,0,0,.25);font-size:13px;font-weight:700;letter-spacing:.2em;text-shadow:0 1px 5px rgba(0,0,0,.8)}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}}

/* Solution photography */
.solution{min-height:430px;padding:22px;overflow:hidden}
.solution>span{position:absolute;top:34px;left:34px;z-index:2;display:grid;place-items:center;width:30px;height:30px;background:rgba(18,16,12,.8);color:#fff;font-size:10px;backdrop-filter:blur(8px)}
body[dir="rtl"] .solution>span{left:auto;right:34px}
.solution-image{height:210px;margin-bottom:26px;background-image:url("assets/solutions-ecosystem.png");background-size:300% 200%;background-repeat:no-repeat;transition:transform .5s ease,filter .5s ease}
.solution:hover .solution-image{transform:scale(1.025);filter:saturate(1.06)}
.solution-lighting{background-position:0 0}.solution-curtains{background-position:50% 0}.solution-climate{background-position:100% 0}.solution-security{background-position:0 100%}.solution-scenes{background-position:50% 100%}.solution-energy{background-position:100% 100%}
.solution h3{margin:0 8px 12px}.solution p{margin-left:8px;margin-right:8px}
@media(max-width:640px){.solution{min-height:390px;padding:18px}.solution-image{height:220px}.solution>span{top:28px;left:28px}body[dir="rtl"] .solution>span{left:auto;right:28px}}

/* Wider, more compact imagery */
.solution{min-height:365px}.solution-image{height:145px}
.steps article{padding-top:24px}.process-image{height:145px;margin:18px 18px 24px 0;background-image:url("assets/how-it-works.png");background-size:100% 300%;background-repeat:no-repeat;box-shadow:0 12px 30px rgba(44,33,18,.08);transition:transform .4s ease}.steps article:hover .process-image{transform:translateY(-3px)}.process-consultation{background-position:50% 0}.process-installation{background-position:50% 50%}.process-support{background-position:50% 100%}.steps h3{margin-top:24px}body[dir="rtl"] .process-image{margin:18px 0 24px 18px}
@media(max-width:640px){.solution{min-height:350px}.solution-image{height:170px}.process-image{height:180px;margin-right:0}body[dir="rtl"] .process-image{margin-left:0}}

/* Interactive solution galleries */
.solution{min-height:485px}.solution-image{height:auto;aspect-ratio:4/3;position:relative;background-color:#d9d0c2;background-position:center;transition:background-image .25s ease,transform .5s ease,filter .5s ease}.solution-image[data-slide="1"]{background-image:url("assets/solutions-ecosystem-v2.png")}.solution-image[data-slide="2"]{background-image:url("assets/solutions-ecosystem-v3.png")}.slider-controls{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.slider-controls button{pointer-events:auto;width:36px;height:36px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(18,16,12,.72);backdrop-filter:blur(8px);color:#fff;font:300 25px/1 var(--sans);cursor:pointer;transition:.2s}.slider-controls button:hover{background:var(--gold);border-color:var(--gold)}.slider-controls button:focus-visible{outline:2px solid #fff;outline-offset:2px}.slider-controls small{padding:7px 10px;background:rgba(18,16,12,.68);backdrop-filter:blur(8px);color:#fff;font-size:10px;letter-spacing:.08em}.solution:hover .solution-image{transform:none;filter:saturate(1.04)}
@media(max-width:640px){.solution{min-height:470px}.solution-image{height:auto;aspect-ratio:4/3}}

/* Correct service crops and full-size preview */
.solution-image.solution-lighting,.lightbox-photo.solution-lighting{background-position:0 0}.solution-image.solution-curtains,.lightbox-photo.solution-curtains{background-position:50% 0}.solution-image.solution-climate,.lightbox-photo.solution-climate{background-position:100% 0}.solution-image.solution-security,.lightbox-photo.solution-security{background-position:0 100%}.solution-image.solution-scenes,.lightbox-photo.solution-scenes{background-position:50% 100%}.solution-image.solution-energy,.lightbox-photo.solution-energy{background-position:100% 100%}.solution-image{cursor:zoom-in;box-shadow:0 14px 34px rgba(37,29,18,.1)}.solution-image:after{content:"↗";position:absolute;top:12px;right:12px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.9);color:var(--ink);font-size:15px;box-shadow:0 6px 18px rgba(0,0,0,.12)}body[dir="rtl"] .solution-image:after{right:auto;left:12px}.image-lightbox{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;gap:18px;padding:70px 24px;background:rgba(9,8,7,.92);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.image-lightbox.open{opacity:1;visibility:visible}.lightbox-photo{width:min(76vw,820px);aspect-ratio:4/3;background-image:url("assets/solutions-ecosystem.png");background-size:300% 200%;background-repeat:no-repeat;background-color:#211e19;box-shadow:0 30px 90px rgba(0,0,0,.5)}.lightbox-photo[data-slide="1"]{background-image:url("assets/solutions-ecosystem-v2.png")}.lightbox-photo[data-slide="2"]{background-image:url("assets/solutions-ecosystem-v3.png")}.lightbox-close,.lightbox-arrow{border:1px solid rgba(255,255,255,.35);background:rgba(20,18,15,.72);color:#fff;cursor:pointer;backdrop-filter:blur(8px)}.lightbox-close{position:absolute;top:24px;right:28px;width:44px;height:44px;border-radius:50%;font-size:28px}.lightbox-arrow{flex:0 0 auto;width:48px;height:48px;border-radius:50%;font-size:30px}.lightbox-close:hover,.lightbox-arrow:hover{background:var(--gold);border-color:var(--gold)}.lightbox-count{position:absolute;bottom:28px;color:#fff;letter-spacing:.12em}.lightbox-open{overflow:hidden}
@media(max-width:640px){.image-lightbox{gap:8px;padding:72px 10px}.lightbox-photo{width:calc(100vw - 92px)}.lightbox-arrow{width:38px;height:38px;font-size:24px}.lightbox-close{right:16px}}

/* Clearer process photography */
.process-image{height:240px;margin-top:22px;background-color:#d9d0c2;background-position-x:center;cursor:zoom-in;position:relative;box-shadow:0 18px 42px rgba(44,33,18,.13)}.process-image:after{content:"↗";position:absolute;top:12px;right:12px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--ink);font-size:15px;box-shadow:0 6px 18px rgba(0,0,0,.12)}body[dir="rtl"] .process-image:after{right:auto;left:12px}.process-consultation{background-position:50% 0}.process-installation{background-position:50% 50%}.process-support{background-position:50% 100%}.image-lightbox.process-mode .lightbox-arrow,.image-lightbox.process-mode .lightbox-count{display:none}.lightbox-photo.process-preview{width:min(88vw,1100px);aspect-ratio:3.8/1;background-image:url("assets/how-it-works.png");background-size:100% 300%;background-repeat:no-repeat;background-color:#211e19}.lightbox-photo.process-preview.process-consultation{background-position:50% 0}.lightbox-photo.process-preview.process-installation{background-position:50% 50%}.lightbox-photo.process-preview.process-support{background-position:50% 100%}
@media(max-width:1000px){.process-image{height:210px}.lightbox-photo.process-preview{aspect-ratio:2.2/1}}
@media(max-width:640px){.process-image{height:230px}.lightbox-photo.process-preview{width:92vw;aspect-ratio:1.45/1}}

/* Dedicated high-clarity process images */
.process-image.process-consultation{background-image:url("assets/consultation-hands.png");background-size:cover;background-position:center}.process-image.process-installation{background-image:url("assets/design-installation-clear.png");background-size:cover;background-position:center}.lightbox-photo.process-preview.process-consultation{width:min(84vw,900px);aspect-ratio:4/3;background-image:url("assets/consultation-hands.png");background-size:cover;background-position:center}.lightbox-photo.process-preview.process-installation{width:min(84vw,900px);aspect-ratio:4/3;background-image:url("assets/design-installation-clear.png");background-size:cover;background-position:center}
@media(max-width:640px){.lightbox-photo.process-preview.process-consultation,.lightbox-photo.process-preview.process-installation{width:92vw;aspect-ratio:4/3}}

/* Smart blinds and shutters gallery */
.solution-image.solution-blinds,.lightbox-photo.solution-blinds{background-image:url("assets/smart-blinds-shutters-gallery.png");background-size:300% 100%;background-position:0 50%}
.solution-image.solution-blinds[data-slide="1"],.lightbox-photo.solution-blinds[data-slide="1"]{background-image:url("assets/smart-blinds-shutters-gallery.png");background-position:50% 50%}
.solution-image.solution-blinds[data-slide="2"],.lightbox-photo.solution-blinds[data-slide="2"]{background-image:url("assets/smart-blinds-shutters-gallery.png");background-position:100% 50%}
.lightbox-photo.solution-blinds{aspect-ratio:4/3}

/* Mobile and voice control gallery */
.solution-image.solution-mobile-voice,.lightbox-photo.solution-mobile-voice{background-image:url("assets/mobile-voice-control-gallery.png");background-size:300% 100%;background-position:0 50%}
.solution-image.solution-mobile-voice[data-slide="1"],.lightbox-photo.solution-mobile-voice[data-slide="1"]{background-image:url("assets/mobile-voice-control-gallery.png");background-position:50% 50%}
.solution-image.solution-mobile-voice[data-slide="2"],.lightbox-photo.solution-mobile-voice[data-slide="2"]{background-image:url("assets/mobile-voice-control-gallery.png");background-position:100% 50%}
.lightbox-photo.solution-mobile-voice{aspect-ratio:4/3}

/* Home cinema gallery */
.solution-image.solution-cinema{background-image:url("assets/home-cinema-1.png");background-size:cover;background-position:center;pointer-events:none}
.solution-image.solution-cinema[data-slide="1"]{background-image:url("assets/home-cinema-2.png")}
.solution-image.solution-cinema[data-slide="2"]{background-image:url("assets/home-cinema-3.png")}
.solution-image.solution-cinema .slider-controls button{pointer-events:auto}
.solution-cinema-card:hover .solution-cinema{transform:scale(1.015);filter:saturate(1.08)}

/* Refined one-touch control showcase */
.control-section{position:relative;border:1px solid rgba(226,195,145,.28);box-shadow:0 34px 90px rgba(35,27,17,.18)}
.control-section:before,.control-section:after{content:"";position:absolute;z-index:3;width:52px;height:52px;pointer-events:none}
.control-section:before{top:18px;left:18px;border-top:1px solid rgba(226,195,145,.65);border-left:1px solid rgba(226,195,145,.65)}
.control-section:after{right:18px;bottom:18px;border-right:1px solid rgba(226,195,145,.65);border-bottom:1px solid rgba(226,195,145,.65)}
.control-copy{position:relative;isolation:isolate;background:radial-gradient(circle at 12% 18%,rgba(185,138,77,.14),transparent 32%),linear-gradient(145deg,#1d1a15,#15130f)}
.control-copy:before{content:"ONE TOUCH";position:absolute;z-index:-1;right:-8px;bottom:12px;font:500 clamp(54px,7vw,110px)/.8 var(--serif);letter-spacing:-.05em;color:rgba(255,255,255,.025);white-space:nowrap;transform:rotate(-90deg) translateX(42%);transform-origin:right bottom}
.control-copy .eyebrow{display:inline-flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid rgba(226,195,145,.28);background:rgba(185,138,77,.08);color:#e2c391}
.control-copy .eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:#e2c391;box-shadow:0 0 0 6px rgba(226,195,145,.09)}
.control-copy h2{position:relative;max-width:640px;padding-bottom:24px;text-wrap:balance}
.control-copy h2:after{content:"";position:absolute;left:0;bottom:0;width:clamp(90px,38%,210px);height:2px;background:linear-gradient(90deg,#e2c391,rgba(226,195,145,0));animation:goldLine 3.5s ease-in-out infinite}
body[dir="rtl"] .control-copy h2:after{left:auto;right:0;background:linear-gradient(270deg,#e2c391,rgba(226,195,145,0))}
.control-signature{display:flex;align-items:center;gap:13px;margin:24px 0 18px;color:#d7c09a;font-size:10px;font-weight:600;letter-spacing:.18em}
.touch-ring{position:relative;display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(226,195,145,.46);border-radius:50%;box-shadow:0 0 0 7px rgba(185,138,77,.06)}
.touch-ring:before,.touch-ring:after{content:"";position:absolute;border:1px solid rgba(226,195,145,.2);border-radius:50%;animation:touchWave 2.8s ease-out infinite}
.touch-ring:before{inset:-8px}.touch-ring:after{inset:-15px;animation-delay:.7s}.touch-ring i{width:8px;height:8px;border-radius:50%;background:#e2c391;box-shadow:0 0 18px #e2c391}
.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:0}
.feature-list div{position:relative;display:grid;gap:18px;min-height:104px;padding:17px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);transition:.3s}
.feature-list div:hover{transform:translateY(-4px);border-color:rgba(226,195,145,.38);background:rgba(185,138,77,.08)}
.feature-list b{font-size:9px;letter-spacing:.14em}.feature-list span{font-size:12px;line-height:1.4}
.phone{isolation:isolate}.phone>*{position:relative;z-index:2;visibility:visible}.phone-wrap.visible .phone .device{opacity:1;animation:none}
.master-touch{position:relative;width:100%;margin-top:32px;padding:15px 18px;display:flex;align-items:center;gap:16px;color:#fff;text-align:left;border:1px solid rgba(226,195,145,.35);background:linear-gradient(105deg,rgba(185,138,77,.16),rgba(255,255,255,.025));overflow:hidden;cursor:pointer;transition:.4s}
.master-touch:before{content:"";position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(100deg,transparent,rgba(255,234,194,.18),transparent);transition:transform .8s ease}.master-touch:hover{border-color:#e2c391;transform:translateY(-3px);box-shadow:0 18px 45px rgba(0,0,0,.25)}.master-touch:hover:before,.master-touch.activated:before{transform:translateX(110%)}
.master-touch>span:nth-child(2){display:grid;gap:4px}.master-touch small{font-size:8px;letter-spacing:.2em;color:#bba98e}.master-touch b{font-size:13px;font-weight:500}.master-touch em{margin-left:auto;color:#e2c391;font-size:19px;font-style:normal;transition:.35s}.master-touch:hover em{transform:translate(3px,-3px)}
.master-orbit{position:relative;display:grid;place-items:center;flex:0 0 40px;height:40px;border:1px solid rgba(226,195,145,.6);border-radius:50%}.master-orbit:before{content:"";position:absolute;inset:-5px;border:1px solid rgba(226,195,145,.17);border-radius:50%}.master-orbit i{width:10px;height:10px;border-radius:50%;background:#e2c391;box-shadow:0 0 20px rgba(226,195,145,.9)}
.system-line{position:absolute;z-index:1;left:8%;right:8%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(226,195,145,.8),transparent);opacity:.5}.system-line i{position:absolute;top:50%;width:7px;height:7px;margin-top:-3px;border-radius:50%;background:#e2c391;box-shadow:0 0 14px #e2c391}.system-line i:nth-child(1){left:5%}.system-line i:nth-child(2){left:34%}.system-line i:nth-child(3){right:34%}.system-line i:nth-child(4){right:5%}
.sync-flare{position:absolute;z-index:1;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(255,220,157,.55),transparent 15%);opacity:0;transform:scale(.3)}.phone-wrap.space-synced .sync-flare{animation:spaceSync 1.25s ease-out}.phone-wrap.space-synced .system-line i{animation:nodeSync .9s ease both}.phone-wrap.space-synced .system-line i:nth-child(2){animation-delay:.08s}.phone-wrap.space-synced .system-line i:nth-child(3){animation-delay:.16s}.phone-wrap.space-synced .system-line i:nth-child(4){animation-delay:.24s}
.sync-confirm{position:absolute;z-index:4;left:50%;top:5%;display:flex;align-items:center;gap:10px;padding:11px 16px;color:#fff;background:rgba(17,15,12,.82);border:1px solid rgba(226,195,145,.55);backdrop-filter:blur(14px);font-size:10px;letter-spacing:.1em;opacity:0;transform:translate(-50%,-14px);pointer-events:none}.sync-confirm i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#17130d;background:#e2c391;font-style:normal}.phone-wrap.space-synced .sync-confirm{animation:confirmSync 2.7s ease both}
@keyframes spaceSync{0%{opacity:0;transform:scale(.25)}35%{opacity:1}100%{opacity:0;transform:scale(3)}}@keyframes nodeSync{0%,100%{transform:scale(1)}45%{transform:scale(2.6);box-shadow:0 0 30px #fff}}@keyframes confirmSync{0%{opacity:0;transform:translate(-50%,-14px)}18%,78%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,8px)}}
@keyframes goldLine{0%,100%{opacity:.55;transform:scaleX(.72);transform-origin:left}50%{opacity:1;transform:scaleX(1);transform-origin:left}}
@keyframes touchWave{0%{transform:scale(.72);opacity:0}35%{opacity:1}100%{transform:scale(1.24);opacity:0}}
@media(max-width:640px){.control-section:before,.control-section:after{width:34px;height:34px}.control-copy:before{display:none}.control-signature{letter-spacing:.11em}.feature-list{grid-template-columns:1fr}.feature-list div{min-height:auto;grid-template-columns:28px 1fr;align-items:center;gap:10px}.sync-confirm{top:3%;width:max-content;max-width:88%;letter-spacing:.05em}.system-line{left:3%;right:3%}}
@media(prefers-reduced-motion:reduce){.control-copy h2:after,.touch-ring:before,.touch-ring:after,.phone-wrap.space-synced .sync-flare,.phone-wrap.space-synced .system-line i,.phone-wrap.space-synced .sync-confirm{animation:none}.phone-wrap.space-synced .sync-confirm{opacity:1}}

/* Direct contact and conversion actions */
.contact-intro>p{color:var(--muted);line-height:1.8;max-width:520px}.contact-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:22px}.contact-links a{color:#9a6b32;font-size:13px;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(154,107,50,.45);padding-bottom:4px}.contact-links a:hover{color:var(--ink);border-color:var(--ink)}footer a{color:inherit;text-underline-offset:4px}.contact-rail{position:fixed;z-index:40;right:22px;bottom:22px;display:grid;gap:9px;justify-items:end}.quick-contact{display:flex;align-items:center;gap:10px;min-height:48px;padding:7px 16px 7px 7px;border-radius:999px;color:#fff;text-decoration:none;font-size:12px;font-weight:600;box-shadow:0 12px 32px rgba(17,14,10,.22);transition:transform .25s ease,box-shadow .25s ease}.quick-contact:hover{transform:translateY(-3px);box-shadow:0 17px 38px rgba(17,14,10,.3)}.quick-contact i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-style:normal;font-size:15px;background:rgba(255,255,255,.16)}.quick-contact.whatsapp{background:#167c5b}.quick-contact.instagram{background:linear-gradient(120deg,#7a3db8,#cf3b72,#dc8b3f)}.quick-contact.quote{background:var(--ink)}body[dir="rtl"] .contact-rail{right:auto;left:22px}.quote i{transition:transform .25s ease}.quick-contact.quote:hover i{transform:rotate(45deg)}
@media(max-width:640px){.contact-rail{right:12px;bottom:12px;gap:7px}body[dir="rtl"] .contact-rail{right:auto;left:12px}.quick-contact{min-height:44px;padding:5px}.quick-contact i{width:34px;height:34px}.quick-contact span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.contact{padding-bottom:148px}}
.quick-contact i svg{width:20px;height:20px;display:block}.quick-contact.whatsapp i svg{fill:currentColor}.quick-contact.instagram i svg{fill:none;stroke:currentColor;stroke-width:1.9}.quick-contact.instagram i .instagram-dot{fill:currentColor;stroke:none}

/* Trust and FAQ */
.trust-section{background:#f1ece3}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(21,19,15,.18)}.trust-grid article{min-height:260px;padding:34px 36px;border-right:1px solid rgba(21,19,15,.18);transition:.3s}.trust-grid article:last-child{border-right:0}.trust-grid article:hover{background:rgba(255,255,255,.55);transform:translateY(-4px)}.trust-grid b{font-size:10px;letter-spacing:.18em;color:#9a6b32}.trust-grid h3{font:500 31px var(--serif);margin:58px 0 14px}.trust-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(50px,8vw,130px);background:#191712;color:#fff}.faq-heading{align-self:start;position:sticky;top:120px}.faq-heading h2{font:500 clamp(48px,5vw,76px)/.95 var(--serif);letter-spacing:-.04em;margin:0}.faq-heading>p:last-child{max-width:440px;color:#aaa49a;font-size:15px;line-height:1.75;margin-top:26px}.faq-list{border-top:1px solid rgba(255,255,255,.18)}.faq-list details{border-bottom:1px solid rgba(255,255,255,.18)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0;cursor:pointer;list-style:none;font:500 23px var(--serif)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary i{display:grid;place-items:center;flex:0 0 34px;height:34px;border:1px solid rgba(226,195,145,.42);border-radius:50%;color:#e2c391;font:300 20px var(--sans);transition:.3s}.faq-list details[open] summary i{transform:rotate(45deg);background:rgba(185,138,77,.14)}.faq-list details p{max-width:650px;margin:-5px 55px 26px 0;color:#aaa49a;font-size:14px;line-height:1.8}body[dir="rtl"] .trust-grid article{border-right:0;border-left:1px solid rgba(21,19,15,.18)}body[dir="rtl"] .trust-grid article:last-child{border-left:0}body[dir="rtl"] .faq-list details p{margin-right:0;margin-left:55px}
@media(max-width:1000px){.faq-section{grid-template-columns:1fr}.faq-heading{position:static}.trust-grid{grid-template-columns:1fr}.trust-grid article,.trust-grid article:last-child,body[dir="rtl"] .trust-grid article,body[dir="rtl"] .trust-grid article:last-child{min-height:auto;border-right:0;border-left:0;border-bottom:1px solid rgba(21,19,15,.18)}.trust-grid h3{margin-top:28px}}
@media(max-width:640px){.faq-list summary{font-size:20px;padding:22px 0}.faq-list details p,body[dir="rtl"] .faq-list details p{margin-right:0;margin-left:0}.trust-grid article{padding:28px 22px}}