@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#0b1f3a;--navy2:#112a4d;--blue:#0a8fdc;--cyan:#12c6ee;--orange:#f58220;--green:#18b86b;--ink:#132033;--muted:#607086;--line:#dce7f1;--soft:#f4f9fc;--white:#fff;--shadow:0 22px 70px rgba(7,29,55,.16);--r:24px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{max-width:var(--max);margin:auto;padding:0 22px}.ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-4px}.topbar{background:#06182d;color:#cfe7ff;font-size:13px}.topbar-in{display:flex;gap:22px;justify-content:flex-end;padding-top:8px;padding-bottom:8px}.topbar span,.topbar a{display:flex;gap:6px;align-items:center}.site-header{position:sticky;top:0;z-index:50}.navwrap{background:rgba(255,255,255,.92);backdrop-filter:blur(18px);box-shadow:0 12px 28px rgba(6,24,45,.08)}.navin{height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo img{height:66px;width:auto}.mainnav{display:flex;align-items:center;gap:6px;background:#f3f8fd;border:1px solid var(--line);padding:8px;border-radius:999px}.mainnav>a,.dropdown>button{border:0;background:transparent;padding:11px 15px;border-radius:999px;font-weight:800;color:#193252;cursor:pointer;font:inherit;font-size:14px}.mainnav>a:hover,.dropdown>button:hover{background:#fff;color:var(--blue)}.dropdown{position:relative}.dropmenu{position:absolute;top:46px;left:0;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:10px;min-width:230px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}.dropdown:hover .dropmenu{opacity:1;transform:none;pointer-events:auto}.dropmenu a{display:block;padding:10px 12px;border-radius:12px;font-weight:700;color:#28415e}.dropmenu a:hover{background:#edf8ff}.navcta{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:14px 20px;font-weight:900;border:0;cursor:pointer;transition:.25s;box-shadow:0 13px 30px rgba(6,24,45,.1)}.btn:hover{transform:translateY(-2px)}.btn.small{padding:10px 14px;font-size:14px}.hot{background:linear-gradient(135deg,#ff8b00,#f05a00);color:#fff}.cool,.primary{background:linear-gradient(135deg,#14c873,#0aa8e5);color:#fff}.ghost{background:#fff;color:var(--navy);border:1px solid var(--line)}.dark{background:var(--navy);color:#fff}.hamb{display:none;background:var(--navy);border:0;border-radius:16px;width:50px;height:46px;position:relative}.hamb span{display:block;width:23px;height:2px;background:#fff;margin:5px auto;border-radius:2px;transition:.3s}.hamb.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamb.open span:nth-child(2){opacity:0}.hamb.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-panel{display:none;background:#fff;border-top:1px solid var(--line);box-shadow:0 20px 60px rgba(0,0,0,.12)}.mobile-panel .container{padding-top:12px;padding-bottom:18px}.mobile-panel a,.mobdrop{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 8px;border:0;background:transparent;border-bottom:1px solid #edf2f7;font-weight:900;color:#1b3552;font-size:16px}.mobsub{display:none;padding-left:14px}.mobsub.open{display:block;animation:drop .28s ease}.mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}@keyframes drop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 18%,rgba(18,198,238,.24),transparent 35%),linear-gradient(135deg,#07172a 0%,#0b2341 54%,#0b365a 100%);color:#fff}.hero .container{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;min-height:680px;padding-top:64px;padding-bottom:74px}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 14px;font-weight:900;color:#8ee7ff}.hero h1,.pagehero h1{font-size:clamp(38px,6vw,72px);line-height:.98;margin:18px 0;font-weight:900;letter-spacing:-2.4px}.hero p{font-size:20px;color:#d5e7f6;max-width:650px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.trust div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:16px}.trust strong{display:block;font-size:24px;color:#fff}.hero-card{background:linear-gradient(180deg,#fff,#eef8ff);border-radius:34px;padding:22px;box-shadow:var(--shadow);color:var(--ink);transform:rotate(1.4deg)}.hero-card img{border-radius:24px;aspect-ratio:1/1;object-fit:cover}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.mini-grid span{border-radius:16px;padding:12px;font-weight:900;text-align:center;color:#fff}.mini-grid span:nth-child(1){background:#f58220}.mini-grid span:nth-child(2){background:#0a8fdc}.mini-grid span:nth-child(3){background:#0aa86a}.section{padding:92px 0}.soft{background:linear-gradient(180deg,#f7fbff,#fff)}.section-head{max-width:780px;margin-bottom:38px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.section h2{font-size:clamp(30px,4vw,48px);line-height:1.06;margin:10px 0 14px;color:var(--navy);letter-spacing:-1.4px}.section-head p{font-size:18px;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px;box-shadow:0 12px 36px rgba(6,24,45,.08);overflow:hidden;transition:.35s}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.service-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--orange),var(--blue),var(--green))}.service-card .badge{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:#edf8ff;color:var(--blue);margin-bottom:18px}.service-card h3{font-size:22px;margin:0 0 10px;color:var(--navy)}.service-card p{color:var(--muted);margin:0 0 18px}.link{font-weight:900;color:var(--blue)}.split{display:grid;grid-template-columns:.92fr 1.08fr;gap:30px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px;box-shadow:0 14px 40px rgba(6,24,45,.08)}.list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.list li{display:flex;gap:10px;align-items:flex-start;color:#465a70}.list .ico{color:var(--green);flex:0 0 20px}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;position:relative}.step strong{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--navy);color:#fff;margin-bottom:14px}.catalog-tools{position:sticky;top:94px;z-index:4;background:#fff;border:1px solid var(--line);box-shadow:0 18px 45px rgba(6,24,45,.1);border-radius:24px;padding:14px;display:grid;grid-template-columns:1.5fr repeat(5,1fr) auto;gap:10px;margin-bottom:26px}.catalog-tools input,.catalog-tools select,.form input,.form select,.form textarea{width:100%;padding:14px;border:1px solid var(--line);border-radius:14px;font:inherit;background:#fff;color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product{background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:0 14px 42px rgba(6,24,45,.08);overflow:hidden;display:flex;flex-direction:column}.prod-img{height:245px;background:linear-gradient(180deg,#f9fcff,#edf6fb);display:grid;place-items:center;padding:20px}.prod-img img{max-height:205px;object-fit:contain}.prod-body{padding:22px;display:flex;flex-direction:column;gap:12px;flex:1}.tagrow{display:flex;gap:8px;flex-wrap:wrap}.pill,.tag{display:inline-flex;align-items:center;border-radius:999px;background:#edf7ff;color:#164c7a;padding:7px 10px;font-weight:900;font-size:12px}.tag.orange{background:#fff2e3;color:#a54a00}.prod-body h3{margin:0;color:var(--navy);font-size:21px}.prod-body p{color:var(--muted);margin:0}.prod-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto}.pagehero{background:linear-gradient(135deg,#07172a,#0b3154);color:#fff;padding:86px 0}.pagehero p{max-width:800px;color:#d9eafa;font-size:20px}.detail{padding:72px 0}.detail-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:36px}.detail-img{background:linear-gradient(160deg,#f7fbff,#eaf6fd);border-radius:34px;border:1px solid var(--line);padding:26px;box-shadow:var(--shadow);display:grid;place-items:center}.detail-img img{max-height:440px;object-fit:contain}.specs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0}.spec{background:#f7fbff;border:1px solid var(--line);border-radius:16px;padding:14px}.spec span{display:block;color:var(--muted);font-size:13px;font-weight:700}.spec strong{color:var(--navy)}.breadcrumbs{color:var(--muted);font-size:14px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.form{display:grid;gap:12px}.form textarea{min-height:140px}.footer{background:#07172a;color:#d9eafa;padding-top:60px;margin-top:40px}.footgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px}.footlogo{height:86px;margin-bottom:18px}.footer h3{color:#fff}.footer a{display:block;margin:8px 0;color:#d9eafa}.social{display:flex;gap:10px}.social a{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#102a49;color:#fff}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:36px;padding:18px 0;color:#95a9be}.bottom-bar{display:none}.toTop{position:fixed;right:18px;bottom:18px;width:46px;height:46px;border-radius:15px;border:0;background:var(--navy);color:#fff;box-shadow:var(--shadow);opacity:0;transform:translateY(12px);transition:.25s;z-index:30}.toTop.show{opacity:1;transform:none}.reveal{opacity:0;transform:translateY(22px);transition:.7s ease}.reveal.on{opacity:1;transform:none}.empty-state{display:none;text-align:center;padding:30px;color:var(--muted);font-weight:800}.empty-state.show{display:block}
@media(max-width:980px){.topbar{display:none}.mainnav,.navcta{display:none}.hamb{display:block}.mobile-panel.open{display:block}.hero .container,.split,.detail-grid,.contact-grid{grid-template-columns:1fr}.hero .container{min-height:auto}.service-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(2,1fr)}.catalog-tools{position:static;grid-template-columns:1fr 1fr}.footgrid{grid-template-columns:1fr 1fr}.hero-card{transform:none}.trust{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:640px){body{padding-bottom:86px}.container{padding:0 16px}.navin{height:74px}.logo img{height:58px}.hero .container{padding-top:42px;padding-bottom:48px}.hero h1,.pagehero h1{letter-spacing:-1.2px}.hero p,.pagehero p{font-size:17px}.hero-actions .btn{width:100%}.trust{grid-template-columns:1fr}.service-grid,.product-grid,.process,.specs,.footgrid{grid-template-columns:1fr}.section{padding:62px 0}.catalog-tools{grid-template-columns:1fr}.prod-actions{grid-template-columns:1fr}.bottom-bar{position:fixed;left:10px;right:10px;bottom:10px;height:64px;background:#142947;color:#fff;border-radius:24px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;z-index:80;box-shadow:0 22px 50px rgba(3,18,35,.35);padding:6px}.bottom-bar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:11px;font-weight:900;border-radius:18px;height:52px;color:#d9eafa}.bottom-bar a.main,.bottom-bar a.active{background:linear-gradient(135deg,#ff9100,#f05a00);color:#fff;transform:translateY(-12px);box-shadow:0 12px 28px rgba(245,130,32,.35)}.bottom-bar .ico{width:19px;height:19px}.toTop{bottom:88px}.mini-grid{grid-template-columns:1fr}.hero-card img{aspect-ratio:1.1/1}.pagehero{padding:58px 0}}


/* ===== PROFESSIONAL V2 REFINEMENTS ===== */
:root{--navy:#071b33;--navy2:#0d2d53;--blue:#077cc3;--cyan:#17c9ee;--orange:#f47b13;--green:#13ad67;--ink:#0f2238;--muted:#5d7087;--line:#d8e5ef;--soft:#f5f9fc;--shadow:0 24px 70px rgba(5,27,52,.15)}
body{font-feature-settings:"liga" 1,"kern" 1;text-rendering:optimizeLegibility;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}
.navwrap{border-bottom:1px solid rgba(216,229,239,.86);background:rgba(255,255,255,.88)}
.logo{display:flex;align-items:center;padding:5px 0}.logo img{height:72px;filter:drop-shadow(0 10px 18px rgba(5,27,52,.10))}.mainnav{background:rgba(245,249,252,.92);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}.mainnav>a,.dropdown>button{letter-spacing:-.15px}.dropmenu{transform-origin:top left}.dropdown:hover .dropmenu{animation:menuPop .22s ease both}@keyframes menuPop{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.btn{letter-spacing:-.15px}.btn.hot{background:linear-gradient(135deg,#ff9b19 0%,#ef6500 100%)}.btn.cool{background:linear-gradient(135deg,#25d366 0%,#079be2 100%)}.btn.dark{background:linear-gradient(135deg,#071b33,#123b67)}
.hero:after{content:"";position:absolute;inset:auto -10% -28% -10%;height:42%;background:radial-gradient(circle at 50% 0,rgba(23,201,238,.22),transparent 60%);pointer-events:none}.hero-card{border:1px solid rgba(255,255,255,.75)}
.service-card h3,.step h3{letter-spacing:-.35px}.service-card p,.step p{font-size:15.5px}.service-card .badge{box-shadow:inset 0 0 0 1px rgba(7,124,195,.08)}
.prose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.prose-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:0 14px 42px rgba(6,24,45,.07)}.prose-card h3{margin:0 0 10px;color:var(--navy);font-size:21px}.prose-card p{margin:0;color:var(--muted)}.feature-band{background:linear-gradient(135deg,#071b33,#0c3158);color:#fff;border-radius:34px;padding:34px;display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:center;box-shadow:var(--shadow);overflow:hidden;position:relative}.feature-band:before{content:"";position:absolute;right:-90px;top:-90px;width:260px;height:260px;border-radius:999px;background:rgba(23,201,238,.18)}.feature-band h2{color:#fff;margin:0 0 12px}.feature-band p{color:#d6e8f7}.feature-band .list li{color:#eff8ff}.feature-band .list .ico{color:#37e28a}.mini-services{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mini-services div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:16px;font-weight:800}.commercial-copy{font-size:18px;color:var(--muted);max-width:940px}.service-note{background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;border-radius:20px;padding:18px 20px;font-weight:700}.product .prod-img{position:relative}.product .prod-img:after{content:"Imagine produs";position:absolute;left:16px;top:16px;background:rgba(255,255,255,.88);border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-weight:900;font-size:11px;color:#24405e}.detail-info h1{font-size:clamp(34px,5vw,56px);line-height:1.02;color:var(--navy);letter-spacing:-1.7px}.detail-info>p{font-size:18px;color:var(--muted)}
.mobile-panel{position:absolute;left:0;right:0;top:100%;display:block;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .28s ease,transform .28s ease,visibility .28s ease;border-bottom-left-radius:26px;border-bottom-right-radius:26px;overflow:hidden}.mobile-panel.open{opacity:1;visibility:visible;transform:none}.mobsub{display:block;max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .25s ease;opacity:0;padding-left:14px}.mobsub.open{max-height:360px;opacity:1;animation:none}.mobdrop span{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:#eef6fc;color:var(--blue);transition:transform .25s}.mobdrop[aria-expanded="true"] span{transform:rotate(180deg)}
.hamb{box-shadow:0 12px 24px rgba(7,27,51,.18)}.hamb.open{background:linear-gradient(135deg,#ff9b19,#ef6500)}
@media(max-width:640px){
  body{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.navin{height:78px}.logo img{height:62px}.mobile-panel{top:78px}.pagehero{padding:54px 0 70px}.section{padding:58px 0}.section h2{font-size:clamp(28px,9vw,39px)}
  .bottom-bar{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));height:74px;padding:7px;background:linear-gradient(135deg,#0b203b,#102f55);border:1px solid rgba(255,255,255,.14);border-radius:26px;box-shadow:0 18px 42px rgba(3,18,35,.38);gap:3px;overflow:visible;backdrop-filter:blur(14px)}
  .bottom-bar a{height:60px;border-radius:20px;gap:3px;font-size:10px;line-height:1;color:#dcecff;letter-spacing:-.15px;transition:transform .2s ease,background .2s ease,color .2s ease}.bottom-bar a .ico{width:20px;height:20px;stroke-width:2.3}.bottom-bar a span{display:block;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.bottom-bar a.main{background:linear-gradient(135deg,#ff9b19,#ef6500);color:#fff;transform:none;box-shadow:0 10px 24px rgba(239,101,0,.34)}.bottom-bar a.active:not(.main){background:rgba(255,255,255,.10);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.bottom-bar a:active{transform:scale(.96)}
  .toTop{width:44px;height:44px;right:14px;bottom:calc(98px + env(safe-area-inset-bottom));border-radius:16px;background:#0b203b}.prose-grid,.feature-band{grid-template-columns:1fr}.feature-band{padding:24px;border-radius:26px}.mini-services{grid-template-columns:1fr}.service-note{font-size:15px}.catalog-tools{border-radius:20px}.product .prod-img:after{font-size:10px;left:12px;top:12px}.hero-card{margin-top:10px}
}
@media(min-width:641px){.bottom-bar{display:none!important}}


/* ===== FINAL V3 POLISH: premium service focus + usable mobile menu ===== */
body{background:linear-gradient(180deg,#f7fbff 0,#fff 520px);text-rendering:optimizeLegibility}.navwrap{border-bottom:1px solid rgba(216,229,239,.72)}.mainnav{box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}.mainnav>a,.dropdown>button{letter-spacing:-.1px}.hero{isolation:isolate}.hero:after{content:"";position:absolute;inset:auto -120px -180px auto;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(244,123,19,.18),transparent 68%);z-index:-1}.service-card,.product,.prose-card,.panel{background:rgba(255,255,255,.94)}
.install-premium{position:relative;overflow:hidden}.install-premium:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 6% 10%,rgba(23,201,238,.14),transparent 30%),radial-gradient(circle at 90% 88%,rgba(244,123,19,.12),transparent 34%);pointer-events:none}.install-shell{position:relative;display:grid;grid-template-columns:.95fr 1.05fr;gap:28px;align-items:stretch}.install-copy{border-radius:34px;padding:42px;background:linear-gradient(135deg,#071b33 0%,#0b3154 62%,#0f6c92 100%);color:#fff;box-shadow:0 28px 80px rgba(7,27,51,.22);overflow:hidden;position:relative}.install-copy:after{content:"";position:absolute;right:-90px;bottom:-90px;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.1)}.install-copy h2{color:#fff;font-size:clamp(34px,4.7vw,58px);line-height:1;letter-spacing:-1.8px;margin:16px 0}.install-copy p{color:#dcefff;font-size:18px;max-width:680px}.dark-kicker{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.18)!important}.install-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.install-badges span{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.1);border-radius:999px;padding:10px 13px;font-weight:900;color:#fff}.install-card{border:1px solid var(--line);border-radius:34px;background:#fff;padding:34px;box-shadow:0 24px 70px rgba(5,27,52,.12)}.install-card h3{font-size:28px;line-height:1.1;color:var(--navy);margin:0 0 18px;letter-spacing:-.7px}.install-card .list{gap:15px}.install-card .list li{padding:13px 14px;border-radius:18px;background:#f7fbff;border:1px solid #e1edf6;color:#263d55}.install-card .list .ico{color:#0eac65;margin-top:2px}.install-timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}.install-timeline:before{content:"";position:absolute;left:7%;right:7%;top:36px;height:2px;background:linear-gradient(90deg,var(--orange),var(--cyan),var(--green));opacity:.45}.install-timeline article{position:relative;background:#fff;border:1px solid var(--line);border-radius:26px;padding:26px;box-shadow:0 18px 50px rgba(6,24,45,.08);transition:.3s ease}.install-timeline article:hover{transform:translateY(-6px);box-shadow:0 28px 70px rgba(6,24,45,.14)}.install-timeline strong{position:relative;z-index:1;display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#ff8b00,#f05a00);color:#fff;font-size:17px;box-shadow:0 13px 28px rgba(240,90,0,.22);margin-bottom:18px}.install-timeline h3{margin:0 0 8px;color:var(--navy);font-size:20px;letter-spacing:-.3px}.install-timeline p{margin:0;color:var(--muted)}.service-rich-intro{padding-top:48px;padding-bottom:18px}.service-feature{grid-template-columns:1.05fr .95fr}.mini-services.rich{grid-template-columns:repeat(2,1fr)}.mini-services.rich div{display:flex;align-items:center;min-height:72px}.catalog-copy{padding-top:42px;padding-bottom:18px}.mobile-panel{max-height:calc(100dvh - 82px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.mobile-panel.open{display:block}.mobile-panel .container{padding-bottom:calc(22px + env(safe-area-inset-bottom))}.mobile-panel a,.mobdrop{min-height:52px}.hamb span{transform-origin:center}.hamb.open span:nth-child(1){transform:translateY(7px) rotate(45deg) scaleX(1.05)}.hamb.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg) scaleX(1.05)}.bottom-bar{grid-template-columns:repeat(5,minmax(0,1fr))}.bottom-bar a{min-width:0}.product .prod-img{background:linear-gradient(180deg,#fff,#eef8ff)}.product .prod-img img{filter:drop-shadow(0 18px 24px rgba(6,24,45,.12))}.pagehero{position:relative;overflow:hidden}.pagehero:after{content:"";position:absolute;right:-150px;top:-180px;width:420px;height:420px;border-radius:50%;background:rgba(23,201,238,.15)}
@media(max-width:1100px){.install-shell{grid-template-columns:1fr}.install-timeline{grid-template-columns:repeat(2,1fr)}.install-timeline:before{display:none}.service-feature{grid-template-columns:1fr}}
@media(max-width:640px){.install-copy,.install-card{border-radius:26px;padding:24px}.install-copy h2{font-size:34px}.install-copy p{font-size:16px}.install-badges span{font-size:13px}.install-timeline{grid-template-columns:1fr}.install-timeline article{padding:22px;border-radius:22px}.install-timeline strong{width:48px;height:48px;border-radius:16px}.mobile-panel{position:fixed;top:78px;left:10px;right:10px;bottom:calc(94px + env(safe-area-inset-bottom));border-radius:24px;border:1px solid var(--line);box-shadow:0 28px 80px rgba(5,27,52,.28)}.mobile-panel .container{padding-left:14px;padding-right:14px}.mini-services.rich{grid-template-columns:1fr}.bottom-bar{height:72px}.bottom-bar a span{font-size:10px}.toTop.show{opacity:.96}}
@media(max-width:640px){body.menu-open{overflow:hidden}}


/* V4 polish: centered commercial copy, improved step cards and animated CTA buttons */
.commercial-section{position:relative;overflow:hidden}.commercial-section:before{content:"";position:absolute;inset:auto -120px -180px auto;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(20,200,115,.16),transparent 68%);pointer-events:none}.commercial-head{max-width:980px}.commercial-head .kicker,.catalog-head .kicker{margin-left:auto;margin-right:auto}.commercial-copy{font-size:20px!important;line-height:1.8;color:#28415e!important;max-width:940px;margin-left:auto;margin-right:auto}.comfort-steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:34px auto 0;max-width:1080px}.comfort-steps:before{content:"";position:absolute;left:9%;right:9%;top:33px;height:2px;background:linear-gradient(90deg,var(--orange),var(--cyan),var(--green));opacity:.35}.comfort-steps article{position:relative;background:rgba(255,255,255,.94);border:1px solid #dfeefa;border-radius:28px;padding:28px 24px 26px;box-shadow:0 18px 48px rgba(6,24,45,.08);text-align:left;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.comfort-steps article:hover{transform:translateY(-7px);box-shadow:0 28px 70px rgba(6,24,45,.14);border-color:#bfe2f8}.comfort-steps strong{position:relative;z-index:1;display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#071b33,#103d6b);color:#fff;font-size:18px;box-shadow:0 14px 28px rgba(7,27,51,.22);margin-bottom:18px}.comfort-steps h3{margin:0 0 8px;color:var(--navy);font-size:22px;letter-spacing:-.35px}.comfort-steps p{margin:0;color:#40566e;font-size:16px;line-height:1.58}.catalog-head{max-width:900px}.catalog-head p{max-width:760px;margin-left:auto;margin-right:auto}.btn{position:relative;overflow:hidden;isolation:isolate}.btn.hot,.btn.cool{animation:ctaBreath 3.2s ease-in-out infinite}.btn.hot:after,.btn.cool:after{content:"";position:absolute;z-index:-1;inset:-45% auto -45% -70%;width:58%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);transition:left .65s ease}.btn.hot:hover:after,.btn.cool:hover:after{left:120%}.btn.hot:hover,.btn.cool:hover{transform:translateY(-3px) scale(1.015);filter:saturate(1.08)}.bottom-bar .main{animation:mobileCallPulse 2.8s ease-in-out infinite}@keyframes ctaBreath{0%,100%{box-shadow:0 13px 30px rgba(6,24,45,.10)}50%{box-shadow:0 17px 38px rgba(240,101,0,.20)}}@keyframes mobileCallPulse{0%,100%{box-shadow:0 10px 24px rgba(239,101,0,.34)}50%{box-shadow:0 15px 34px rgba(239,101,0,.52);transform:translateY(-2px)}}
@media(max-width:900px){.comfort-steps{grid-template-columns:repeat(2,1fr)}.comfort-steps:before{display:none}.commercial-copy{font-size:18px!important}}
@media(max-width:640px){.comfort-steps{grid-template-columns:1fr;gap:14px}.comfort-steps article{padding:22px;border-radius:22px}.comfort-steps strong{width:48px;height:48px;border-radius:16px}.commercial-head{text-align:center}.commercial-copy{font-size:17px!important;line-height:1.7}.btn.hot,.btn.cool{animation:none}.bottom-bar .main{animation:mobileCallPulse 2.8s ease-in-out infinite}}
@media(prefers-reduced-motion:reduce){.btn.hot,.btn.cool,.bottom-bar .main{animation:none!important}.btn.hot:after,.btn.cool:after{display:none}}


/* ===== FINAL V4: homepage requested layout, refined install section, mobile bar level state ===== */
.commercial-section .section-head.center,
.catalog-head{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.commercial-head h2,
.catalog-head h2{max-width:920px;margin-left:auto;margin-right:auto;}
.commercial-copy,
.catalog-head p{max-width:960px;margin-left:auto!important;margin-right:auto!important;}
.comfort-steps{margin-top:30px;align-items:stretch;}
.comfort-steps article{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;}
.comfort-steps strong{margin-left:auto;margin-right:auto;}

/* Upgrade the installation block so it no longer looks like narrow columns on desktop */
.install-premium{padding-top:86px;padding-bottom:86px;}
.install-shell{grid-template-columns:1fr;gap:24px;max-width:1180px;margin:0 auto;}
.install-copy{text-align:center;padding:48px 54px;border-radius:38px;background:linear-gradient(135deg,#071b33 0%,#082542 48%,#0b6f92 100%);}
.install-copy h2{max-width:920px;margin-left:auto;margin-right:auto;}
.install-copy p{margin-left:auto;margin-right:auto;max-width:920px;}
.install-badges{justify-content:center;}
.install-card{padding:36px;border-radius:34px;}
.install-card h3{text-align:center;margin-bottom:24px;}
.install-card .list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.install-card .list li{align-items:flex-start;min-height:112px;background:linear-gradient(180deg,#ffffff,#f6fbff);box-shadow:inset 0 1px 0 rgba(255,255,255,.9);}
.install-timeline{max-width:1180px;margin:22px auto 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.install-timeline:before{display:none;}
.install-timeline article{padding:24px 22px;border-radius:28px;background:linear-gradient(180deg,#fff,#f7fbff);}
.install-timeline strong{margin-left:auto;margin-right:auto;margin-bottom:14px;background:linear-gradient(135deg,#071b33,#0f6c92);}
.install-timeline h3,.install-timeline p{text-align:center;}

/* Mobile bottom navigation: no hover/active jumping; every item stays on the same baseline. */
.bottom-bar a,
.bottom-bar a.main,
.bottom-bar a.active,
.bottom-bar a.active:not(.main),
.bottom-bar a:hover,
.bottom-bar a:focus{
  transform:none !important;
  translate:none !important;
}
.bottom-bar a.active:not(.main){
  background:rgba(255,255,255,.08);
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10);
}
.bottom-bar a.main{animation:none!important;box-shadow:0 10px 24px rgba(239,101,0,.34)!important;}
.bottom-bar a:hover{background:rgba(255,255,255,.06);}
.bottom-bar a.main:hover{background:linear-gradient(135deg,#ff9b19,#ef6500);}

/* Better CTA micro-interactions without layout shifts */
.btn.hot,.btn.cool{will-change:filter,box-shadow;}
.btn.hot:hover,.btn.cool:hover{transform:none!important;filter:saturate(1.08) brightness(1.02);box-shadow:0 18px 42px rgba(6,24,45,.18);}
.hero-actions .btn.hot,.navcta .btn.hot,.mobile-actions .btn.hot{animation:ctaBreath 3.2s ease-in-out infinite;}
.hero-actions .btn.cool,.navcta .btn.cool,.mobile-actions .btn.cool{animation:ctaCoolBreath 3.6s ease-in-out infinite;}
@keyframes ctaCoolBreath{0%,100%{box-shadow:0 13px 30px rgba(20,185,95,.14)}50%{box-shadow:0 17px 38px rgba(20,185,95,.30)}}

@media(max-width:900px){
  .install-card .list{grid-template-columns:1fr;}
  .install-timeline{grid-template-columns:repeat(2,minmax(0,1fr));}
  .install-copy{text-align:left;padding:34px 28px;}
  .install-badges{justify-content:flex-start;}
}
@media(max-width:640px){
  .commercial-section{padding-top:54px;padding-bottom:54px;}
  .comfort-steps article{text-align:left;align-items:flex-start;}
  .comfort-steps strong{margin-left:0;}
  .install-premium{padding-top:58px;padding-bottom:58px;}
  .install-timeline{grid-template-columns:1fr;}
  .install-card .list li{min-height:auto;}
  .bottom-bar a:hover{background:transparent;}
  .bottom-bar a.active:not(.main){background:rgba(255,255,255,.07);}
  .btn.hot,.btn.cool{animation:none!important;}
}