:root{--navy: #02152b;--navy-2: #0e2748;--gold: #d4af37;--orange: #f39c12;--green: #27ae60;--text: #102746;--muted: #60748c;--light: #f4f7fa;--white: #fff;--radius: 18px;--shadow: 0 10px 28px rgba(2, 21, 43, .1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Cairo,Tahoma,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.7}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(1200px,calc(100% - 40px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:#fffffff7;box-shadow:0 3px 18px #02152b14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{flex:0 0 180px}.brand-logo{width:180px;height:78px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:clamp(12px,2vw,28px);font-size:14px;font-weight:800}.main-nav a{padding:12px 0;white-space:nowrap;position:relative}.main-nav a:hover,.main-nav a.active{color:#b9870c}.main-nav a.active:after{content:"";position:absolute;bottom:3px;right:0;width:28px;height:3px;border-radius:5px;background:var(--gold)}.header-actions{display:flex;align-items:center;gap:12px}.phone-link{white-space:nowrap;direction:ltr;font-weight:800;color:var(--navy);font-size:14px}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:10px 22px;border:0;border-radius:10px;font:inherit;font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s;text-align:center}.button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #02152b24}.button-gold{background:linear-gradient(135deg,#e7c35c,var(--gold));color:#14243b}.button-whatsapp{background:#09b85d;color:#fff}.menu-toggle{display:none;border:0;background:transparent;font-size:28px;color:var(--navy);cursor:pointer}.hero{min-height:500px;position:relative;display:flex;align-items:center;color:#fff;background:var(--navy) url(https://images.unsplash.com/photo-1508518751439-9c7b4e7a9c48?auto=format&fit=crop&w=2000&q=90) center/cover no-repeat;overflow:hidden}.hero-shade{position:absolute;inset:0;background:linear-gradient(270deg,#02152bf7,#02152bd9 33%,#02152b33 75%,#02152b14)}.hero-content{position:relative;z-index:1;padding-block:62px 90px}.hero-content>*{max-width:590px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--gold);font-weight:800;font-size:14px}.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #27ae6024}.hero h1{font-size:clamp(42px,5vw,68px);line-height:1.18;margin:12px 0;font-weight:900;letter-spacing:-.8px}.hero h1 span{color:#efbd3f}.hero p{font-size:clamp(17px,2vw,22px);margin:14px 0 20px;color:#edf4fc}.hero-points{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:13px;font-weight:700;color:#eaf2fb;margin-bottom:24px}.hero-points span:first-letter{color:#56d887}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-actions .button{min-width:190px}.hero-bottom{position:absolute;z-index:1;bottom:0;right:0;left:0;display:flex;justify-content:space-around;gap:12px;padding-block:13px;border-top:1px solid #ffffff30;background:#02152b9c;font-weight:700;font-size:14px}.section{padding:56px 0}.section-heading{display:flex;align-items:center;justify-content:center;gap:22px;text-align:center;margin-bottom:30px}.section-heading h2{margin:0;font-size:clamp(24px,3vw,34px);font-weight:900}.section-heading p{color:var(--muted);margin:4px 0 0;font-size:15px}.heading-line{width:54px;height:3px;background:var(--gold);border-radius:5px}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.solution-card{border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow);border:1px solid #e7edf2;position:relative}.solution-card>img{width:100%;height:220px;object-fit:cover}.solution-icon{position:absolute;top:180px;right:22px;width:62px;height:62px;display:grid;place-items:center;color:#fff;border:4px solid white;border-radius:50%;font-size:30px;font-weight:800;box-shadow:0 4px 14px #02152b24}.solution-icon.green{background:var(--green)}.solution-icon.orange{background:var(--orange)}.solution-body{padding:27px 22px 22px}.solution-body h3{margin:0 0 7px;font-size:21px;font-weight:900}.solution-body p{margin:0 0 14px;color:var(--muted);font-size:14px;min-height:48px}.solution-body a{color:#b98100;font-weight:900;display:flex;align-items:center;justify-content:space-between}.solution-body a span{font-size:22px}.calculator-band{padding:42px 0;background:linear-gradient(110deg,#0e2748,#02152b);color:#fff;position:relative;overflow:hidden}.calculator-band:before{content:"☀";position:absolute;font-size:300px;opacity:.04;left:2%;top:-100px}.calculator-layout{position:relative;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:40px}.calculator-copy{display:flex;gap:22px;align-items:center}.calculator-symbol{color:var(--gold);font-size:64px;line-height:1}.calculator-copy h2{font-size:clamp(23px,3vw,32px);margin:4px 0}.calculator-copy p{color:#d2dfed;margin:0}.calculator-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.calculator-form label{display:grid;gap:6px;font-size:13px;color:#e7edf5;font-weight:700}.calculator-form select{width:100%;height:47px;border:1px solid #d9e2ed;border-radius:9px;padding:0 12px;font:inherit;color:var(--navy);background:#fff}.calculator-form .button{white-space:nowrap}.form-note{grid-column:1 / -1;margin:0;font-size:12px;color:#bdcce0}.projects-section{background:#f7f9fb}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{height:250px;position:relative;overflow:hidden;border-radius:14px;box-shadow:var(--shadow);background:var(--navy)}.project-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.project-card:hover img{transform:scale(1.05)}.project-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#02152bf0)}.project-card div{position:absolute;z-index:1;right:20px;bottom:17px;color:#fff;display:grid}.project-card strong{font-size:19px}.project-card span{font-size:13px;color:#dbe5f1}.benefits-section{padding:30px 0}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.benefit{display:flex;align-items:center;gap:13px;padding:16px;background:#f7f9fb;border:1px solid #edf0f4;border-radius:13px}.benefit-icon{flex:0 0 45px;height:45px;display:grid;place-items:center;border-radius:12px;background:#fff2d0;color:#c18c0b;font-size:25px;font-weight:900}.benefit h3{font-size:15px;margin:0}.benefit p{font-size:12px;color:var(--muted);margin:2px 0 0}.brands-section{padding:32px 0 40px;text-align:center}.brands-section h2{margin:0 0 25px;font-size:23px}.brand-list{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:24px;direction:ltr;font-size:clamp(20px,2.5vw,30px);font-weight:900;color:#17549a}.brand-list span:first-child{color:#df1c2b}.brand-list span:nth-child(2){color:#138a42;font-style:italic}.brand-list span:nth-child(3){color:#159bd5}.brand-list .solis{color:#f18b1b;font-weight:600}.brand-list span:last-child{color:#333;font-size:22px}.contact-band{background:linear-gradient(110deg,#0e2748,#02152b);color:#fff;padding:32px 0}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.contact-inner h2{margin:0 0 5px;font-size:25px}.contact-inner p{margin:0;color:#d0deed}.contact-actions{display:flex;gap:12px;flex-shrink:0}.site-footer{background:#011020;color:#e4edf7;padding-top:36px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:30px;padding-bottom:28px}.footer-brand img{width:150px;height:100px;object-fit:contain;background:#fff;border-radius:8px}.footer-brand p{font-weight:800}.footer-grid h3{font-size:16px;color:var(--gold);margin:0 0 12px}.footer-grid a,.footer-grid p{display:block;color:#c0cede;font-size:13px;margin:7px 0}.copyright{text-align:center;padding:14px 20px;border-top:1px solid #ffffff18;color:#8ea1b8;font-size:12px}@media(max-width:1050px){.header-inner{gap:14px}.brand,.brand-logo{flex-basis:140px;width:140px}.main-nav{gap:13px;font-size:12px}.header-quote{padding-inline:14px}.phone-link span{display:none}.calculator-layout{grid-template-columns:1fr;gap:22px}}@media(max-width:760px){.container{width:min(100% - 28px,560px)}.header-inner{min-height:78px;gap:10px}.menu-toggle{display:block;order:0}.brand{flex:1 1 auto;display:flex;justify-content:center}.brand-logo{width:132px;height:68px}.header-actions{gap:7px}.phone-link{display:none}.header-quote{min-height:40px;padding:7px 10px;font-size:12px}.main-nav{display:none;position:absolute;top:78px;right:0;left:0;padding:10px 18px 18px;background:#fff;box-shadow:0 15px 20px #02152b20;flex-direction:column;align-items:stretch;gap:0;font-size:15px}.main-nav.open{display:flex}.main-nav a{padding:11px 4px;border-bottom:1px solid #edf0f4}.main-nav a.active:after{display:none}.hero{min-height:590px;align-items:flex-start;background-position:58% center}.hero-shade{background:linear-gradient(0deg,#02152bfa,#02152bc2 58%,#02152b33)}.hero-content{padding-top:45px;padding-bottom:112px}.hero h1{font-size:clamp(38px,10vw,53px)}.hero p{font-size:17px;max-width:350px}.hero-points{gap:8px 14px;font-size:12px}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.hero-actions .button{min-width:0;padding-inline:10px;font-size:13px}.hero-bottom{justify-content:space-between;font-size:11px;padding-block:12px}.section{padding:38px 0}.section-heading{gap:10px;margin-bottom:22px}.section-heading h2{font-size:23px}.section-heading p{font-size:12px}.heading-line{width:22px}.solution-grid{grid-template-columns:1fr;gap:15px}.solution-card{display:grid;grid-template-columns:40% 60%;min-height:175px}.solution-card>img{height:100%;min-height:175px;grid-row:1;grid-column:1}.solution-icon{top:12px;right:auto;left:calc(60% - 25px);width:48px;height:48px;border-width:3px;font-size:23px}.solution-body{grid-row:1;grid-column:2;padding:22px 18px 15px 12px}.solution-body h3{font-size:17px}.solution-body p{min-height:0;font-size:12px;line-height:1.7;margin-bottom:8px}.solution-body a{font-size:12px}.calculator-band{padding:30px 0}.calculator-copy{gap:13px;align-items:flex-start}.calculator-symbol{font-size:43px}.calculator-copy h2{font-size:22px}.calculator-copy p{font-size:13px}.calculator-form{grid-template-columns:1fr 1fr;gap:10px}.calculator-form .button{grid-column:1 / -1;width:100%}.form-note{grid-column:1 / -1}.project-grid{grid-template-columns:1fr;gap:14px}.project-card{height:205px}.benefit-grid{grid-template-columns:1fr 1fr;gap:9px}.benefit{padding:11px 9px;gap:8px}.benefit-icon{flex-basis:35px;height:35px;font-size:20px}.benefit h3{font-size:12px}.benefit p{font-size:10px}.brand-list{gap:17px 24px}.contact-inner{align-items:stretch;flex-direction:column;gap:17px}.contact-inner h2{font-size:21px}.contact-inner p{font-size:13px}.contact-actions{display:grid;grid-template-columns:1fr 1fr}.contact-actions .button{padding-inline:10px;font-size:13px}.footer-grid{grid-template-columns:1fr 1fr;gap:22px 15px}.footer-brand{grid-column:1 / -1}.footer-brand img{width:130px;height:85px}}@media(max-width:390px){.container{width:calc(100% - 22px)}.brand-logo{width:110px}.header-quote{font-size:11px;padding-inline:7px}.hero-actions{grid-template-columns:1fr}.hero{min-height:640px}.solution-card{grid-template-columns:36% 64%}.solution-icon{left:calc(64% - 25px)}.solution-body{padding-right:14px}.calculator-form{grid-template-columns:1fr}.calculator-form .button{grid-column:auto}.benefit-grid{grid-template-columns:1fr}}.projects-note{color:var(--muted);font-size:14px;margin:0 0 18px;text-align:center}.project-card--gallery{cursor:zoom-in}.lightbox{position:fixed;inset:0;z-index:80;background:#02152be0;display:grid;place-items:center;padding:24px}.lightbox[hidden]{display:none!important}.lightbox img{max-width:min(960px,100%);max-height:80vh;border-radius:12px;box-shadow:0 20px 50px #0008}.lightbox-caption{color:#fff;margin-top:12px;font-weight:800;text-align:center}.lightbox-close{position:absolute;top:16px;left:16px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:var(--navy);font-size:28px;cursor:pointer;line-height:1}.lang-toggle{border:1px solid #d4af37;background:#fff;color:var(--navy);font:inherit;font-weight:800;font-size:12px;min-height:36px;padding:4px 10px;border-radius:8px;cursor:pointer}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.page-hero{background:linear-gradient(110deg,#0e2748,#02152b);color:#fff;padding:42px 0 36px}.page-hero h1{margin:8px 0 6px;font-size:clamp(26px,4vw,40px)}.page-hero p{margin:0;color:#d2dfed;max-width:640px}.page-section{padding:36px 0 56px}.form-card,.content-card,.result-card{background:#fff;border:1px solid #e7edf2;border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.quote-form,.calc-form{display:grid;gap:14px}.quote-form label,.calc-form label{display:grid;gap:6px;font-weight:700;font-size:14px}.quote-form input,.quote-form select,.quote-form textarea,.calc-form input,.calc-form select{width:100%;min-height:46px;border:1px solid #d9e2ed;border-radius:9px;padding:8px 12px;font:inherit;color:var(--navy);background:#fff}.quote-form textarea{min-height:110px;resize:vertical}.form-actions{display:flex;flex-wrap:wrap;gap:10px}.form-status{margin:0;font-size:14px;font-weight:700}.form-status.ok{color:var(--green)}.form-status.err{color:#c0392b}.ref-box{margin-top:12px;padding:14px;border-radius:10px;background:#f4f7fa;border:1px dashed var(--gold);font-weight:800}.estimate-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.estimate-grid div{background:#f7f9fb;border-radius:12px;padding:12px 14px}.estimate-grid strong{display:block;font-size:20px;color:var(--navy)}.estimate-grid span{font-size:12px;color:var(--muted)}.disclaimer{font-size:13px;color:var(--muted);margin-top:14px}.admin-shell{min-height:100vh;background:linear-gradient(180deg,#eef3f8,#f4f7fa 40%)}.admin-bar{background:var(--navy);color:#fff;padding:12px 0;box-shadow:0 2px 12px #02152b40}.admin-bar-inner{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.admin-brand{display:flex;align-items:center;gap:10px;min-width:140px}.admin-brand img{width:36px;height:36px;border-radius:8px;object-fit:cover;background:#fff}.admin-brand strong{display:block;font-size:14px;line-height:1.2}.admin-brand small{color:#9fb4cc;font-size:12px}.admin-nav{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;flex:1;justify-content:center}.admin-nav-link{color:#c9d7e8;text-decoration:none;font-weight:700;font-size:13px;padding:8px 12px;border-radius:999px;transition:background .15s,color .15s}.admin-nav-link.active,.admin-nav-link:hover{color:#10233d;background:#f0c14b}.admin-main{padding-top:20px}.admin-card{box-shadow:0 8px 28px #10233d0f}.admin-sub{color:var(--muted);font-size:14px;margin:4px 0 0}.admin-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px}.admin-stat{border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:14px 12px;text-align:center;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.admin-stat:hover{border-color:#c5d0dc;transform:translateY(-1px)}.admin-stat.active{border-color:#f0c14b;box-shadow:0 0 0 2px #f0c14b40}.admin-stat-num{display:block;font-size:24px;font-weight:900;color:var(--navy);line-height:1.1}.admin-stat-label{font-size:12px;color:var(--muted);font-weight:700}.admin-stat--new .admin-stat-num{color:#0b6bcb}.admin-stat--review .admin-stat-num{color:#b7791f}.admin-stat--contact .admin-stat-num{color:#0f7a3a}.admin-stat--closed .admin-stat-num{color:#64748b}.admin-toolbar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:end;margin-bottom:16px}.admin-toolbar h1{margin:0;font-size:22px}.admin-toolbar-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.admin-search input,.admin-filter select{min-height:42px;border:1px solid #d7dee7;border-radius:10px;padding:8px 12px;font:inherit}.admin-search input{min-width:min(260px,70vw)}.admin-filter{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.status-badge{display:inline-block;margin-top:6px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:800}.badge-new{background:#e8f2fc;color:#0b6bcb}.badge-review{background:#fff4db;color:#9a6700}.badge-contact{background:#e7f7ee;color:#0f7a3a}.badge-closed{background:#eef1f4;color:#475569}.ref-no{color:var(--navy)}.cell-meta{margin-top:2px}.notes-cell{max-width:220px;white-space:pre-wrap;word-break:break-word}.actions-cell{min-width:150px}.actions-cell select{width:100%;min-height:36px;margin-bottom:8px}.admin-wa,.admin-call{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 10px;margin:0 0 6px;font-size:12px;width:100%}.admin-call{background:#e8eef5;color:var(--navy);border:none;text-decoration:none}.admin-empty{text-align:center;padding:28px 12px;color:var(--muted)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.admin-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-nav{justify-content:flex-start}}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th,.admin-table td{border-bottom:1px solid #edf0f4;padding:10px 8px;text-align:right;vertical-align:top}.admin-table th{background:#f7f9fb}.login-box{max-width:420px;margin:60px auto}html[dir=ltr] .admin-table th,html[dir=ltr] .admin-table td{text-align:left}.admin-projects-list{display:grid;gap:14px}.admin-project-card{display:grid;grid-template-columns:200px 1fr;gap:14px;align-items:start;border:1px solid #e8edf3;border-radius:12px;padding:12px;background:#fff}.admin-project-card img{width:200px;height:140px;object-fit:cover;border-radius:8px;background:#eef2f6}.admin-project-meta{display:flex;flex-direction:column;gap:4px}.admin-project-tags{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.admin-project-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.project-editor-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;align-items:start}.project-editor-fields{display:grid;gap:12px}.project-flags{display:flex;flex-wrap:wrap;gap:16px}.project-upload-label{display:block;font-weight:800;margin-bottom:4px}.dropzone{display:grid;place-items:center;min-height:240px;border:2px dashed #c5d0dc;border-radius:14px;background:#f8fafc;cursor:pointer;overflow:hidden;padding:12px;text-align:center}.dropzone.dragover{border-color:#f0c14b;background:#fff8e8}.dropzone img{width:100%;max-height:260px;object-fit:cover;border-radius:10px}.dropzone-empty{display:grid;gap:6px;color:var(--muted);padding:16px}.dropzone-empty strong{color:var(--navy);font-size:15px}#imageFile{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.project-upload{position:relative}.admin-search-input{min-height:42px;border:1px solid #d7dee7;border-radius:10px;padding:8px 12px;font:inherit;min-width:min(240px,70vw)}.project-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.project-filter{border:1px solid #d7dee7;background:#fff;color:var(--navy);border-radius:999px;padding:8px 14px;font:inherit;font-weight:800;font-size:13px;cursor:pointer}.project-filter.active,.project-filter:hover{background:var(--navy);color:#fff;border-color:var(--navy)}@media(max-width:900px){.project-editor-grid{grid-template-columns:1fr}}.button-danger{background:#b42318;color:#fff;border:none}.checkbox-row{display:flex;align-items:center;gap:8px}.form-status.ok{color:#0f7a3a}.totp-qr-wrap{display:flex;justify-content:center;margin:16px 0;padding:16px;background:#fff;border:1px solid #e8edf3;border-radius:12px;max-width:260px}.totp-qr-wrap canvas{display:block;width:220px;height:220px}.totp-manual{margin-top:8px;font-size:14px}.totp-manual summary{cursor:pointer;color:var(--navy);font-weight:700}.totp-manual code{word-break:break-all}@media(max-width:640px){.admin-project-card{grid-template-columns:1fr}.admin-project-card img{width:100%;height:160px}}.nav-extra{display:flex;align-items:center;gap:8px}@media(max-width:760px){.estimate-grid{grid-template-columns:1fr}.lang-toggle{font-size:11px;min-height:32px;padding:2px 8px}}