:root{--navy:#082b5c;--blue:#0b78cf;--cyan:#28b7e9;--ink:#102033;--muted:#65758b;--soft:#f4f8fc;--line:#dfe8f2;--white:#fff;--green:#0c8d53;--red:#c23b39;--shadow:0 18px 50px rgba(8,43,92,.12)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}.container{width:min(1180px,92%);margin:auto}.narrow{width:min(760px,92%);margin:auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav{height:74px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;color:var(--navy);white-space:nowrap}.brand-mark{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;color:white;background:linear-gradient(135deg,var(--cyan),var(--navy));font-weight:900}.nav nav{display:flex;gap:20px;margin-left:auto;font-size:14px;font-weight:600}.nav nav a:hover{color:var(--blue)}.nav-actions{display:flex;gap:8px}.nav-toggle{display:none;border:0;background:none;font-size:25px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:9px;padding:11px 17px;font-weight:700;cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--blue),#0759a4);color:#fff}.btn.ghost{border-color:#bdd2e7;color:var(--navy);background:white}.btn.light{background:white;color:var(--navy)}.btn.darkbtn{background:var(--navy);color:white}.btn.big{padding:14px 22px}.hero{min-height:620px;position:relative;display:grid;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center}.hero-content{position:relative;color:white;padding:80px 0}.eyebrow{display:block;font-size:12px;letter-spacing:2px;font-weight:800;color:var(--blue);margin-bottom:10px}.hero .eyebrow{color:#79d9ff}.cyan{color:#70dcff}.hero h1{font-size:clamp(44px,6vw,78px);line-height:.98;margin:0 0 22px;max-width:780px}.hero h1 span{color:#5bc8ff}.hero p{font-size:19px;max-width:650px;color:#e7f2ff}.hero-actions{display:flex;gap:12px;margin:28px 0}.trust-row{display:flex;gap:22px;flex-wrap:wrap;font-size:14px}.section{padding:80px 0}.section.soft{background:var(--soft)}.section.dark{background:#061d3d;color:white}.section-head{text-align:center;max-width:720px;margin:0 auto 34px}.section-head span{color:var(--blue);font-weight:800;font-size:12px;letter-spacing:2px}.section h2,.section-head h2{font-size:clamp(30px,4vw,48px);line-height:1.08;margin:8px 0 12px}.service-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.visual-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white;box-shadow:var(--shadow)}.visual-card img{width:100%;height:190px;object-fit:cover}.visual-card div{padding:18px}.visual-card h3{margin:0 0 8px}.visual-card p{color:var(--muted);font-size:14px}.visual-card a{color:var(--blue);font-weight:700}.split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.split.reverse>img{order:-1}.feature-img{width:100%;max-height:520px;object-fit:cover;border-radius:22px;box-shadow:var(--shadow)}.checklist{padding:0;list-style:none}.checklist li{margin:11px 0;padding-left:26px;position:relative}.checklist li:before{content:'✓';position:absolute;left:0;color:#31bff2;font-weight:900}.promo-grid{display:grid;grid-template-columns:2fr 1.2fr 1.4fr;gap:16px}.promo-grid img{width:100%;height:280px;object-fit:cover;border-radius:16px}.page-hero{padding:80px 0;background:linear-gradient(135deg,#eef7ff,#f7fbff)}.page-hero h1{font-size:clamp(38px,5vw,62px);margin:0 0 12px;color:var(--navy)}.page-hero p{font-size:18px;color:var(--muted);max-width:700px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{display:flex;flex-direction:column;gap:10px;border:1px solid var(--line);padding:20px;border-radius:16px;background:white}.product-card small{color:var(--blue);font-weight:700}.product-card h3{margin:0}.product-card p{color:var(--muted);font-size:14px;min-height:42px}.product-card strong{font-size:20px;color:var(--navy)}.product-card span{color:var(--green);font-size:13px}.product-icon{width:48px;height:48px;background:#edf7ff;color:var(--blue);border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:22px}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 8px 30px rgba(15,50,85,.06)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{font-size:13px;font-weight:700;color:#38506a}.form-grid input,.form-grid select,.form-grid textarea,form input,form select,form textarea{width:100%;padding:12px;border:1px solid #cbd9e8;border-radius:8px;background:white;font:inherit;margin-top:5px}.full{grid-column:1/-1}.check{display:flex;align-items:center;gap:8px}.check input{width:auto;margin:0}.flash{padding:12px 14px;border-radius:8px;margin-bottom:15px}.flash.error{background:#fff0f0;color:#9b2424}.flash.ok{background:#eaf9f1;color:#08663d}.service-list{display:grid;gap:14px}.service-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.service-row small{color:var(--blue);font-weight:700}.service-row>div:last-child{text-align:right}.service-row .btn{margin-top:10px}.configurator-head{background:linear-gradient(135deg,#eaf9ff,#f3f8ff)}.config-layout{display:grid;grid-template-columns:380px 1fr;gap:24px;align-items:start}.package-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.mini-package{border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px;display:flex;flex-direction:column}.mini-package span,.mini-package small{font-size:12px;color:var(--muted)}.quote-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.quote-head h2{margin:0}.score{background:#eef8ff;border-radius:12px;padding:12px}.boq>div,.cart-row,.cart-total{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--line)}.cart-row a{color:#b3261e}.cart-total{font-size:20px}.negotiation{padding:16px;border-radius:12px;margin-top:18px;background:#eef7ff;border-left:4px solid var(--blue)}.negotiation.redesign{background:#fff2ed;border-color:#e76d3b}.negotiation.acceptable,.negotiation.accepted{background:#edf9f1;border-color:#17945d}.muted{color:var(--muted);font-size:13px}.empty-state{text-align:center}.empty-state img{width:100%;max-height:360px;object-fit:cover;border-radius:12px}.login-section{min-height:650px;display:grid;align-items:center;background:#f4f9ff}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.center{text-align:center}.company-choice{width:100%;padding:15px;margin:6px 0;border:1px solid var(--line);border-radius:10px;background:white;display:flex;justify-content:space-between;cursor:pointer}.footer{background:#061d3d;color:#dce9f7;padding-top:56px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.footer-grid div{display:flex;flex-direction:column;gap:8px}.footer-grid h4{color:white}.footer-brand{color:white}.footer-bottom{border-top:1px solid #254463;margin-top:40px;padding:20px 0;color:#9db2c8}.setup-screen{min-height:100vh;display:grid;place-items:center;padding:30px;background:linear-gradient(135deg,#eaf7ff,#f8fbff)}.setup-card{max-width:800px;width:100%}@media(max-width:900px){.nav nav{display:none}.nav.open nav{display:flex;position:absolute;left:0;right:0;top:74px;background:white;padding:20px;flex-direction:column;border-bottom:1px solid var(--line)}.nav-toggle{display:block;margin-left:auto}.nav-actions{display:none}.service-cards,.product-grid{grid-template-columns:repeat(2,1fr)}.split,.auth-grid,.config-layout{grid-template-columns:1fr}.promo-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.section{padding:55px 0}.hero{min-height:560px}.service-cards,.product-grid,.package-tabs,.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.service-row{align-items:flex-start;flex-direction:column}.promo-grid img{height:210px}}

/* V2.1 official branding + social/content */
.official-brand{width:190px;height:58px;overflow:hidden;display:block;position:relative;flex:0 0 190px}.official-logo{display:block;width:100%;height:100%;background-image:url('/assets/images/logo-master.jpg');background-repeat:no-repeat;background-size:157%;background-position:center 62%;border-radius:8px}.footer-logo-badge{display:block;background:#fff;border-radius:12px;width:190px;height:66px;overflow:hidden;padding:2px}.footer-logo{height:62px}.social-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.social-icon{width:36px;height:36px;border-radius:50%;display:grid!important;place-items:center!important;background:#fff;color:var(--navy)!important;font-size:11px;font-weight:900;border:1px solid rgba(255,255,255,.25)}.light-social .social-icon{background:var(--navy);color:#fff!important}.whatsapp-float{position:fixed;right:20px;bottom:20px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#17a85b;color:white;font-weight:900;z-index:70;box-shadow:0 12px 34px rgba(0,0,0,.25)}.blog-grid,.gallery-grid,.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-card img,.article-hero{width:100%;height:210px;object-fit:cover;border-radius:12px}.blog-card h2,.blog-card h3{margin:10px 0}.gallery-card img{height:250px}.testimonial-grid blockquote{margin:0}.stars{color:#e5a800;letter-spacing:2px}.article h1{font-size:clamp(38px,5vw,60px);line-height:1.05}.article .lead{font-size:20px;color:var(--muted)}.article-body{font-size:17px;line-height:1.8}.share-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}.share-row a{color:var(--blue);font-weight:700}.center{text-align:center;margin-top:24px}.setup-logo{width:220px;height:80px;margin:0 auto 20px;overflow:hidden}.brand-preview{background:#f7f9fc;border:1px solid #dfe8f2;border-radius:12px;padding:20px;display:grid;place-items:center}.brand-preview img{max-width:100%;max-height:320px}
@media(max-width:900px){.official-brand{width:150px;flex-basis:150px}.blog-grid,.gallery-grid,.testimonial-grid{grid-template-columns:1fr}.nav nav{top:74px}.promo-grid{grid-template-columns:1fr}}


/* V2.2 compact corporate navigation */
:root{--navy:#0a315f;--navy2:#071f3d;--blue:#1688c9;--cyan:#29aee4;--ink:#17283b;--muted:#68798e;--soft:#f5f8fb;--line:#e2e9f1;--white:#fff;--green:#0c8d53;--red:#c23b39;--shadow:0 16px 42px rgba(7,39,74,.10)}
.utility-bar{height:29px;background:#071f3d;color:#cbdced;font-size:11px;font-weight:600;letter-spacing:.15px}.utility-inner{height:29px;display:flex;align-items:center;justify-content:space-between}.utility-inner div{display:flex;align-items:center;gap:9px}.utility-bar a{color:#fff}.utility-bar .dot{opacity:.45}
.topbar{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.985);border-bottom:1px solid #e6edf4;box-shadow:0 3px 15px rgba(7,39,74,.035);backdrop-filter:blur(14px)}
.nav{height:61px;display:flex;align-items:center;gap:18px}.official-brand{display:flex!important;align-items:center;width:154px;height:42px;flex:0 0 154px;overflow:visible}.official-brand img{display:block;width:154px;height:42px;object-fit:contain;object-position:left center}
.main-nav{display:flex;align-items:center;gap:3px;margin-left:auto}.main-nav>a,.nav-drop{border:0;background:transparent;font:inherit;font-size:12.5px;font-weight:700;color:#2f4358;padding:8px 9px;border-radius:7px;cursor:pointer;white-space:nowrap}.main-nav>a:hover,.nav-drop:hover,.main-nav>a.active,.nav-drop.active{color:var(--blue);background:#f1f7fb}.main-nav>a.active,.nav-drop.active{box-shadow:inset 0 -2px 0 var(--blue);border-radius:6px 6px 2px 2px}.nav-drop span{font-size:12px;color:#8ba0b4;margin-left:2px}.nav-group{position:relative}.dropdown{position:absolute;left:0;top:calc(100% + 9px);width:250px;background:#fff;border:1px solid #dfe8f0;border-radius:11px;box-shadow:0 18px 46px rgba(7,39,74,.14);padding:7px;opacity:0;visibility:hidden;transform:translateY(-5px);transition:.16s ease;display:grid;z-index:100}.dropdown.wide{width:330px;grid-template-columns:1fr 1fr}.dropdown a{padding:10px;border-radius:8px;color:#263b50}.dropdown a:hover{background:#f1f7fb;color:var(--blue)}.dropdown strong{display:block;font-size:12px}.dropdown small{display:block;font-size:10.5px;color:#7a8b9d;line-height:1.3;margin-top:2px}.nav-group:hover .dropdown,.nav-group.drop-open .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.nav-actions{display:flex;align-items:center;gap:8px;margin-left:5px}.text-login{font-size:12.5px;font-weight:700;color:#31475e;padding:8px 4px}.btn.compact{padding:8px 12px;border-radius:7px;font-size:12px}.nav-toggle{display:none;width:36px;height:34px;padding:7px;border:1px solid #dbe5ee;border-radius:8px;background:#fff}.nav-toggle span{height:2px;background:#183b60;display:block;margin:4px 0;border-radius:2px}
.footer-logo-badge{display:flex!important;align-items:center;background:#fff;border-radius:9px;width:175px;height:55px;padding:6px 8px;overflow:hidden}.footer-logo-img{width:100%;height:100%;object-fit:contain}.setup-logo{width:190px;height:65px;margin:0 auto 18px}.setup-logo .official-logo{background:url('/assets/images/logo-clean.png') no-repeat center/contain!important;width:100%;height:100%;display:block}.brand-preview img{max-width:360px!important;max-height:180px!important;object-fit:contain}
@media(max-width:1080px){.main-nav>a,.nav-drop{padding:8px 6px;font-size:12px}.official-brand{width:142px;flex-basis:142px}.official-brand img{width:142px}.nav{gap:10px}.btn.compact{padding:8px 9px}}
@media(max-width:980px){.utility-bar{display:none}.nav{height:60px}.nav-toggle{display:block;margin-left:auto}.main-nav{display:none!important}.nav.open .main-nav{display:flex!important;position:absolute;left:0;right:0;top:60px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 18px 35px rgba(8,43,92,.08);padding:10px 4%;flex-direction:column;align-items:stretch;gap:2px}.nav.open .main-nav>a,.nav.open .nav-drop{text-align:left;width:100%;font-size:13px;padding:10px}.nav-group{width:100%}.nav-group:hover .dropdown{opacity:0;visibility:hidden}.nav-group.drop-open .dropdown{position:static;width:100%;grid-template-columns:1fr;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-left:2px solid #d8e7f2;border-radius:0;margin:2px 0 6px 8px;padding:3px 7px}.nav-actions{display:none}.official-brand{width:145px;flex-basis:145px}}

/* V2.3 intelligent configurator + Font Awesome polish */
.main-nav i,.utility-bar i,.footer i,.btn i{margin-right:5px}.nav-drop .fa-angle-down{margin:0 0 0 4px;font-size:10px}.social-icon i{font-size:16px;margin:0}.whatsapp-float i{font-size:28px;margin:0}.config-trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.config-trust span{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #dceaf4;border-radius:999px;padding:7px 11px;color:#31546f;font-size:12px;font-weight:700}.system-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.system-choice{border:1px solid var(--line);border-radius:13px;background:#fff;padding:16px;display:flex;flex-direction:column;gap:7px;min-height:145px;box-shadow:0 4px 16px rgba(8,43,92,.035);transition:.15s}.system-choice>i{font-size:23px;color:var(--blue)}.system-choice strong{font-size:14px;color:var(--navy)}.system-choice small{font-size:11px;line-height:1.45;color:var(--muted)}.system-choice:hover,.system-choice.active{border-color:#73bbe5;background:#f4fbff;transform:translateY(-1px)}.system-choice.active{box-shadow:inset 0 0 0 1px #4ba9dc,0 8px 26px rgba(14,114,180,.08)}.comfort-card{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(135deg,#06264a,#0d5b91);color:#fff;border-radius:14px;padding:16px 18px;margin-bottom:18px}.comfort-card>i{font-size:23px;color:#7cdbff;margin-top:3px}.comfort-card strong{font-size:14px}.comfort-card p{margin:4px 0 0;color:#d8ebfa;font-size:12.5px}.config-v23-layout{display:grid;grid-template-columns:minmax(360px,430px) 1fr;gap:20px;align-items:start}.smart-form{position:sticky;top:86px}.form-section{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:7px 0 3px;margin-top:3px}.form-section>span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#0b78cf;color:white;font-weight:900;font-size:12px}.form-section h3{font-size:15px;margin:0}.form-section p{font-size:11px;color:var(--muted);margin:2px 0 0}.config-results{min-width:0}.mini-package.selected{border-color:#3ba9df;background:#f0faff}.budget-path{display:flex;gap:12px;border:1px solid #bcdff1;background:#f0faff;border-radius:12px;padding:14px;margin-bottom:14px}.budget-path>i{color:#0b78cf;font-size:20px}.budget-path p{margin:3px 0;font-size:12px;color:#49657d}.budget-path small{display:block;color:#61788c}.budget-path.phase{background:#fff6ed;border-color:#f1c28e}.budget-path.phase>i{color:#d47a19}.v23-boq .boq-line{align-items:flex-start}.boq-line>div:first-child{display:flex;flex-direction:column;max-width:80%}.boq-line small{display:block;font-size:11px;color:#62788b;margin-top:4px}.boq-line .tradeoff{color:#8a6a20}.design-warning{background:#fff8e9;border:1px solid #f2d39a;border-radius:10px;padding:12px 14px;margin:14px 0}.design-warning p{font-size:12px;margin:5px 0;color:#6d5528}.smart-empty i{color:var(--blue)}
@media(max-width:1000px){.system-picker{grid-template-columns:repeat(2,1fr)}.config-v23-layout{grid-template-columns:1fr}.smart-form{position:static}}
@media(max-width:560px){.system-picker{grid-template-columns:1fr}.system-choice{min-height:auto}.config-trust{flex-direction:column}.config-trust span{border-radius:9px}.boq-line>div:first-child{max-width:72%}}

.market-filter{display:flex;gap:12px;align-items:end;margin-bottom:22px}.market-filter label{min-width:min(520px,100%)}.market-filter select{width:100%;padding:12px;border:1px solid #d7e1ef;border-radius:10px;background:#fff}@media(max-width:700px){.market-filter{align-items:stretch;flex-direction:column}}