@font-face{font-family:Cairo;src:url('assets/cairo-regular.ttf') format('truetype');font-weight:400 500;font-display:swap}@font-face{font-family:Cairo;src:url('assets/cairo-bold.ttf') format('truetype');font-weight:600 900;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-regular.ttf') format('truetype');font-weight:400 500;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-bold.ttf') format('truetype');font-weight:600 900;font-display:swap}
:root{--ink:#0d3b3e;--teal:#14756e;--soft:#f0f5f3;--muted:#586b68;--line:#d7e2de;--gold:#b77b37;--font:Cairo,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}html[lang=en]{--font:Manrope,Arial,sans-serif}body{margin:0;background:#fff;color:var(--ink);font:16px/1.8 var(--font)}button,input,select,textarea{font:inherit}button,a,input,summary,textarea{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}button{color:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.35}h1{font-size:clamp(2.7rem,4.4vw,4.2rem);font-weight:700;letter-spacing:-.04em;line-height:1.45}h1 em{font-style:normal;color:var(--teal)}h2{font-size:clamp(1.85rem,3vw,2.65rem);font-weight:700}h3{font-size:1.12rem}html[lang=en] h1{line-height:1.14;letter-spacing:-.055em}html[lang=en] h2{letter-spacing:-.04em}p{color:var(--muted)}a,button{transition:background .2s,color .2s}a:hover{color:var(--teal)}:focus-visible{outline:3px solid #bd803a;outline-offset:4px}.wrap{width:min(1280px,90%);margin-inline:auto}.skip{position:fixed;top:-100px;z-index:100;background:#fff;padding:12px}.skip:focus{top:5px}.topbar{background:var(--ink);color:#e3eeeb;font-size:.8rem}.topbar .wrap{display:flex;justify-content:space-between;padding-block:7px}.topbar a:hover{color:white}header{position:sticky;top:0;background:#fffffff5;z-index:20;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav{min-height:92px;display:flex;align-items:center;gap:38px;justify-content:space-between}.brand{display:flex;flex-direction:column;direction:ltr;width:max-content;line-height:1.1;font-family:Arial,sans-serif}.brand strong{font-size:30px;letter-spacing:5px}.brand strong span{font-size:10px;vertical-align:top;letter-spacing:0}.brand small{font-size:10px;letter-spacing:3.7px;margin-top:8px;color:var(--teal)}nav{display:flex;gap:30px;font-size:.9rem}nav a{padding-block:12px}.nav-actions{display:flex;align-items:center;gap:22px}.lang{border:0;background:none;padding:9px 0;min-width:65px;font-family:var(--font);font-size:.88rem}.lang span{font-size:1.3rem;vertical-align:middle;margin-inline-start:6px}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;background:var(--teal);border:1px solid var(--teal);color:white;min-height:55px;padding:12px 25px;border-radius:6px;font-weight:700;font-size:.94rem}.button:hover{color:#fff;background:var(--ink);border-color:var(--ink)}.button.small{min-height:43px;padding:8px 17px;font-size:.83rem}.button.full{width:100%}.text-link{display:inline-flex;gap:10px;align-items:center;font-weight:700;font-size:.92rem;text-decoration:underline;text-underline-offset:6px;border:0;background:none;padding:7px 0}.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.08em;color:var(--teal);margin-bottom:18px}.hero{display:grid;grid-template-columns:1fr 1.12fr;gap:65px;align-items:center;padding-block:65px 75px}.hero-copy .lead{max-width:510px;margin-top:23px}.lead{font-size:1.05rem;line-height:1.95}.hero-buttons{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:30px}.subtle{color:var(--muted);font-size:.82rem}.hero-foot{margin-top:21px}.hero-art{border-radius:10px;background:#eaf1ef;position:relative;overflow:hidden;min-width:0}.scene-caption{position:absolute;top:23px;inset-inline:23px;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:10px}.scene-label{font-size:.82rem;font-weight:700}.day-toggle{border:1px solid #cbd9d5;background:#ffffffe6;padding:8px 12px;border-radius:30px;font-size:.75rem;min-height:40px}.day-toggle span{font-size:1rem;margin-inline-start:8px}#scene{height:460px;position:relative;overflow:hidden}#scene canvas{position:absolute;inset:0;width:100%;height:100%}.scene-fallback{position:absolute;inset:0;overflow:hidden;background:#143c49}.scene-fallback img{width:100%;height:270%;max-width:none;object-fit:cover;object-position:bottom;transform:translateY(-42%)}.scene-ready .scene-fallback{display:none}.scene-bottom{display:flex;gap:14px;align-items:center;background:#fff9;border-top:1px solid #d4dfd9;padding:19px 24px}.scene-bottom strong{font-size:.88rem}.sun-mark{font-size:2rem;color:#9e6b29}.scene-index{font-family:Arial,sans-serif;direction:ltr;font-size:.7rem;color:var(--muted);margin-inline-start:auto;white-space:nowrap}.services{background:var(--soft);padding-block:70px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:40px}.section-head>p{max-width:460px;font-size:.96rem}.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:0;gap:35px}.steps li{border-top:1px solid #afc4bc;padding-top:22px}.step-no{color:var(--teal);font:500 1rem Manrope,Arial;display:block;margin-bottom:20px}.steps h3{margin-bottom:13px}.steps p{font-size:.9rem}.calculator{padding-block:88px}.calc-layout{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:40px;align-items:start}.input-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:21px}.catalog{display:flex;flex-wrap:wrap;gap:8px}.catalog button{background:#fff;border:1px solid #c8d9d1;border-radius:5px;padding:7px 12px;font-size:.83rem;min-height:41px}.catalog button:hover{background:var(--soft);border-color:var(--teal)}.catalog .plus{font-size:1rem;margin-inline-end:7px;color:var(--teal)}.field-help{font-size:.8rem;line-height:1.85;margin-block:13px}.appliance{padding:20px 0;border-bottom:1px solid var(--line)}.appliance-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:13px}.appliance-title{display:flex;align-items:center;gap:12px;font-weight:700}.device-index{font:500 .75rem Manrope,Arial;color:var(--teal);padding:5px 8px;border-radius:4px;background:var(--soft)}.remove{background:none;border:0;min-height:40px;padding:6px 12px;color:var(--muted);font-size:.8rem}.remove:hover{color:#a12525;background:#fdf0ed}.device-fields{display:grid;grid-template-columns:.7fr 1fr 1fr 1fr;gap:10px}label{display:flex;flex-direction:column;gap:7px;font-size:.8rem;color:var(--muted)}input,textarea,select{width:100%;border:1px solid #c7d6ce;border-radius:5px;background:white;color:var(--ink);padding:10px 12px;min-height:45px;font-size:.95rem;outline-offset:2px}input[type=number]{direction:ltr;text-align:center;font-family:Manrope,Arial,sans-serif}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:#aa352e;background:#fff7f6}.error{font-size:.8rem;color:#a02d24;margin-top:7px}.error:empty{display:none}.empty{padding:40px 20px;border:1px dashed var(--line);margin-top:20px;text-align:center;color:var(--muted)}.advanced,.method{border-bottom:1px solid var(--line);margin-top:16px}summary{cursor:pointer;list-style:none;font-weight:700;font-size:.93rem;padding:16px 0;display:flex;justify-content:space-between;gap:12px}summary::-webkit-details-marker{display:none}details[open] summary span[aria-hidden]{transform:rotate(45deg)}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;padding-bottom:23px}.settings-grid small{font-size:.75rem;color:var(--muted);line-height:1.6}.method-body{padding-bottom:18px}.method-body p{font-size:.84rem;margin-bottom:12px}.results{position:sticky;top:115px;background:var(--ink);color:#fff;border-radius:8px;padding:27px}.result-top{border-bottom:1px solid #ffffff2e;padding-bottom:22px}.result-top .eyebrow{color:#b4d5ca;letter-spacing:.06em;margin-bottom:10px;font-size:.7rem}.result-top h3{font-size:1.5rem}.result-main{padding:23px 0 20px}.result-main .value{font:600 3rem/1.15 Manrope,Arial,sans-serif;letter-spacing:-.045em;direction:ltr;display:inline-block}.unit{font-size:.84rem;color:#c0d5cf;margin-inline-start:8px}.result-main p{color:#c0d5cf;font-size:.86rem;margin-top:7px}.result-row{display:grid;grid-template-columns:1fr auto;align-items:center;border-top:1px solid #ffffff26;padding:16px 0;gap:12px}.result-row strong{font:600 1.25rem Manrope,Arial,sans-serif;direction:ltr}.result-row span{font-size:.89rem}.result-row small{display:block;color:#b8cdc6;font-size:.75rem}.result-row .row-label small{margin-top:3px}.results .button{background:#d1e7be;border-color:#d1e7be;color:var(--ink);font-size:.88rem;gap:10px;margin-top:12px;padding-inline:14px}.results .button:hover{background:#e1f2d2}.result-note{font-size:.73rem;color:#bed1cb;line-height:1.85;margin-top:17px}.result-warning{padding:25px 0;color:#ffdad0;font-size:.92rem}.quote-section{background:#f0f5f3;padding-block:75px}.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.quote-grid .lead{margin:24px 0;max-width:460px}.quote-grid .field-help{max-width:460px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wide{grid-column:1/-1}textarea{resize:vertical}#quote-form>.button{margin-top:18px}#message-area{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}#message-preview{font-size:.86rem;line-height:1.75;margin-block:10px 16px}#email-send,#copy-message{display:block;margin-top:12px}footer{padding-top:56px}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:45px}.footer-top p{font-size:.85rem;margin-top:14px}.footer-top h3{margin-bottom:16px;font-size:.92rem}.footer-top a:not(.brand){display:block;width:max-content;max-width:100%;font:400 .95rem/2 Manrope,Arial,sans-serif}.footer-top .brand{margin-bottom:23px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:22px;font-size:.76rem;color:var(--muted)}.custom-name{max-width:210px}.night .scene-label{color:#e5eee9}.night .scene-caption{color:white}.night #scene{background:#143b44}
@media(min-width:1600px){.hero{padding-block:85px}#scene{height:500px}}@media(max-width:1100px){.nav{gap:20px}nav{gap:18px}.nav-cta{display:none}.hero{gap:30px}h1{font-size:2.9rem}.calc-layout{grid-template-columns:minmax(0,1fr) 310px;gap:25px}.results{padding:23px}.quote-grid{gap:50px}.scene-index{display:none}}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:35px;padding-block:40px}.hero-copy .lead{max-width:620px}.hero-art{max-width:650px;width:100%;margin:auto}#scene{height:420px}.hero-copy h1{font-size:clamp(2.7rem,6vw,3.7rem)}.section-head{align-items:start;flex-direction:column;gap:20px}.steps{grid-template-columns:1fr 1fr;gap:30px}.services{padding-block:50px}.calculator{padding-block:55px}.calc-layout{grid-template-columns:1fr}.results{position:static}.result-main{display:inline-block}.result-row{padding-block:16px}.quote-grid{grid-template-columns:1fr;gap:35px}.quote-section{padding-block:50px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:1/-1}nav{font-size:.8rem;gap:15px}.brand strong{font-size:25px}.brand small{font-size:9px;letter-spacing:2.8px}}@media(max-width:520px){.wrap{width:90%}.topbar{font-size:.68rem}.nav{min-height:76px;gap:14px;flex-wrap:wrap;padding-block:14px}nav{order:3;justify-content:space-between;width:100%;border-top:1px solid var(--line);padding-top:6px}nav a{padding-block:4px}.nav-actions{margin-inline-start:auto}header{position:relative}.hero{padding-top:32px}.hero-copy h1{font-size:2.5rem}.eyebrow{font-size:.72rem}.lead{font-size:.96rem}.hero-buttons{gap:18px}.button{padding:11px 18px;font-size:.87rem}.scene-caption{inset-inline:14px;top:14px}.scene-label{font-size:.7rem}.day-toggle{font-size:.7rem}#scene{height:340px}.scene-bottom{padding:15px}.scene-bottom .subtle{font-size:.7rem}.input-heading{align-items:start;flex-direction:column;gap:7px}.device-fields{grid-template-columns:1fr 1fr;gap:12px}.device-fields label{font-size:.77rem}.catalog button{font-size:.78rem}.steps{gap:24px}.steps h3{font-size:1rem}.steps p{font-size:.83rem}.settings-grid{gap:13px}.quote-grid{gap:28px}.form-grid{grid-template-columns:1fr}.form-grid label{grid-column:auto}.footer-top{grid-template-columns:1fr;gap:25px}.footer-bottom{flex-direction:column;gap:10px}.topbar .wrap{gap:10px}.scene-bottom strong{font-size:.8rem}html{scroll-padding-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Arabic typography: local Cairo across text, controls and calculator figures. */
html[lang="ar"]{--font:Cairo,Tahoma,Arial,sans-serif}
html[lang="ar"] body,
html[lang="ar"] :is(h1,h2,h3,p,label,summary,button,input,select,textarea),
html[lang="ar"] :is(.button,.text-link,.result-main .value,.result-row strong,.device-index,.step-no){font-family:Cairo,Tahoma,Arial,sans-serif}
html[lang="ar"] :is(h1,h2,h3,.eyebrow){letter-spacing:normal}

/* Visual appliance picker, consumption breakdown, and battery discharge lab. */
.brand{flex-direction:row;align-items:center;gap:10px}.brand-mark{width:58px;height:58px;object-fit:contain;flex:none}.brand-words{display:flex;flex-direction:column}.brand strong{font-size:27px}.brand small{font-size:9px;letter-spacing:3.2px}.catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.catalog button{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 6px 12px;min-width:0;border-radius:10px}.catalog svg{width:30px;height:30px;color:var(--teal)}.catalog .plus{position:absolute;top:4px;inset-inline-end:6px;line-height:1;margin:0}.catalog button:hover{background:#e7f1eb;transform:translateY(-1px)}.appliance{margin-top:14px;padding:20px;border:1px solid var(--line);border-radius:10px;background:#fff}.device-icon{width:40px;height:40px;background:#edf5f0;display:grid;place-items:center;border-radius:8px;flex-shrink:0}.device-icon svg{width:25px;height:25px}.appliance-title{min-width:0;flex:1}.ac-choice{flex:1;max-width:280px;gap:2px}.ac-choice select{font-size:.9rem;padding:6px 8px;min-height:40px}.simple-fields{display:grid;grid-template-columns:130px 1fr;gap:25px;align-items:start}.quantity-field>label{margin-bottom:9px}.stepper{display:flex;direction:ltr;border:1px solid #c7d6ce;border-radius:6px;overflow:hidden}.stepper button{background:#f0f5f3;border:0;min-width:35px;font-size:1.2rem;min-height:45px}.stepper input{appearance:textfield;-moz-appearance:textfield;border:0;border-radius:0;padding:8px 1px;min-width:0;flex:1}.stepper input::-webkit-inner-spin-button{appearance:none}.hours-fields{display:grid;gap:13px}.range-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;line-height:1.7}.range-heading output{color:var(--ink);font-weight:700;white-space:nowrap}.hours-fields input[type=range],.battery-lab input[type=range]{appearance:auto;height:24px;min-height:24px;padding:0;border:0;background:transparent;accent-color:var(--teal);cursor:pointer;direction:ltr}.device-footer{display:flex;justify-content:space-between;gap:18px;align-items:start;border-top:1px solid #e7ede9;margin-top:17px;padding-top:10px}.device-energy{font-size:.78rem;font-weight:700;color:var(--teal);padding-top:9px}.device-details{max-width:55%;min-width:170px}.device-details summary{font-size:.75rem;font-weight:500;color:var(--muted);padding:9px 0;text-decoration:underline;text-underline-offset:3px}.device-details input{max-width:180px}.device-details .field-help{font-size:.72rem}.energy-visuals{margin-top:25px;min-width:0}.energy-chart,.battery-lab{border:1px solid var(--line);border-radius:12px;padding:23px;margin-top:20px;min-width:0}.energy-chart{background:#f4f8f5}.visual-heading h3{font-size:1.18rem}.visual-heading p{font-size:.81rem;margin-top:7px}.chart-layout{display:grid;grid-template-columns:170px 1fr;gap:25px;align-items:center;margin-top:25px}.donut{width:170px;height:170px;border-radius:50%;background:conic-gradient(var(--segments));display:grid;place-items:center;direction:ltr}.donut>div{background:#f4f8f5;border:5px solid #f4f8f5;border-radius:50%;width:132px;height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}.donut strong{font-size:1.9rem;font-weight:700;line-height:1.2}.donut span{font-size:.66rem;max-width:110px}.chart-legend{list-style:none;margin:0;padding:0;display:grid;gap:13px;min-width:0}.chart-legend li{display:grid;grid-template-columns:10px 1fr auto;gap:9px;align-items:center;font-size:.76rem}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-name{overflow-wrap:anywhere}.legend-value{font-size:.68rem;text-align:end}.legend-value b{font-size:.83rem}.legend-value small{display:block;color:var(--muted)}.battery-modes{border:0;padding:0;margin:20px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.battery-modes label{border:1px solid #c5d7cd;border-radius:7px;display:flex;flex-direction:row;align-items:center;gap:7px;padding:10px;font-size:.77rem;cursor:pointer}.battery-modes label:has(:checked){background:#e8f4ed;border-color:var(--teal);color:var(--ink)}.battery-modes input[type=radio]{width:17px;height:17px;min-height:0;padding:0;accent-color:var(--teal);flex:none}.battery-controls{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;align-items:center}.battery-controls input[type=number]{max-width:180px}.battery-controls input:disabled{opacity:1;background:#eff4f1;color:var(--muted)}.battery-scene{display:flex;gap:30px;align-items:center;justify-content:center;margin:35px 0 25px;direction:ltr}.battery-gauge{position:relative;width:105px;height:170px;border:3px solid #1c514c;border-radius:14px;padding:5px;background:#edf4ef;isolation:isolate}.battery-gauge::before{content:'';position:absolute;width:40px;height:8px;background:#1c514c;top:-10px;left:calc(50% - 20px);border-radius:4px 4px 0 0}.battery-charge{position:absolute;bottom:0;left:0;right:0;background:#9dcfb1;border-radius:9px;transition:height .16s linear;background-image:linear-gradient(0deg,#72b899,#b5dec1)}.battery-reserve{position:absolute;bottom:0;left:0;right:0;background:repeating-linear-gradient(135deg,#00000012 0 4px,#ffffff40 4px 8px);border-top:1px dashed #497760;border-radius:0 0 10px 10px}.battery-percent{position:absolute;inset:0;display:grid;place-items:center;font-size:1.1rem;font-weight:800;color:#123f3b}.battery-gauge.low .battery-charge{background:#efc184}.battery-readout{max-width:260px;direction:inherit}.battery-readout>span{font-size:.79rem;color:var(--muted)}.battery-readout strong{display:block;font-size:2rem;color:var(--ink);line-height:1.5}.battery-readout p{font-size:.83rem;color:var(--teal);font-weight:700}.battery-readout .short{color:#a95127}.battery-readout small{font-size:.74rem;color:var(--muted)}html[dir=rtl] .battery-readout{direction:rtl}.battery-metrics{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:24px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.battery-metrics span{display:block;font-size:.73rem;color:var(--muted)}.battery-metrics strong{display:block;font-size:.95rem;margin-top:5px}.timeline-head{font-size:.68rem;color:var(--muted);display:flex;justify-content:space-between;gap:10px;margin-top:16px}.discharge-chart{width:100%;height:90px;display:block;direction:ltr;margin-top:7px}.simulation-buttons{display:flex;gap:10px;margin-top:16px}.simulation-buttons button{background:#f0f6f2;border:1px solid #ccdbd3;border-radius:6px;padding:9px 13px;min-height:42px;font-size:.78rem}.simulation-buttons button:first-child{background:var(--teal);color:white;border-color:var(--teal)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(max-width:1100px) and (min-width:801px){.simple-fields{grid-template-columns:100px 1fr;gap:16px}.chart-layout{grid-template-columns:1fr;justify-items:center}.chart-legend{width:100%}.battery-controls{grid-template-columns:1fr}.battery-modes{grid-template-columns:1fr}.battery-scene{gap:20px}.battery-readout strong{font-size:1.6rem}}
@media(max-width:520px){.brand-mark{width:48px;height:48px}.brand strong{font-size:25px}.catalog{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.catalog button{font-size:.7rem;padding:15px 3px 10px}.catalog svg{width:25px;height:25px}.appliance{padding:16px 13px}.simple-fields{grid-template-columns:95px 1fr;gap:15px}.stepper button{min-width:28px}.range-heading{font-size:.72rem;flex-wrap:wrap;gap:3px}.device-footer{gap:10px;flex-wrap:wrap}.device-details{max-width:100%;min-width:150px}.energy-chart,.battery-lab{padding:18px 14px}.chart-layout{grid-template-columns:1fr;justify-items:center;gap:20px}.chart-legend{width:100%}.battery-controls{grid-template-columns:1fr;gap:16px}.battery-modes{grid-template-columns:1fr}.battery-scene{gap:22px}.battery-readout strong{font-size:1.5rem}.battery-readout{max-width:170px}.battery-gauge{width:88px;height:150px;flex-shrink:0}.simulation-buttons{flex-wrap:wrap}.battery-percent{font-size:1rem}.battery-metrics{gap:10px}.ac-choice select{font-size:.75rem}.remove{padding:5px 2px}.device-icon{width:32px;height:32px}.device-icon svg{width:23px;height:23px}}