:root{
  --ink:#111c26;--ink-2:#2a3946;--muted:#5b6975;--line:#e4e0d7;--paper:#fbf9f5;--card:#fff;
  --navy:#0b2233;--navy-2:#123349;--navy-3:#1b4664;
  --orange:#f26b1d;--orange-2:#d45610;--orange-soft:#fff0e6;
  --ice:#2b9fd6;--ice-2:#7fd0f5;--ice-soft:#e7f5fc;
  --radius:16px;--shadow:0 1px 2px rgba(11,34,51,.06),0 10px 30px rgba(11,34,51,.08);
  --shadow-lg:0 30px 60px -20px rgba(11,34,51,.35);--max:1200px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Manrope,system-ui,sans-serif;color:var(--ink);background:var(--paper);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--max);margin:0 auto;padding:0 22px}
h1,h2,h3,h4{line-height:1.12;letter-spacing:-.025em}
h2{font-size:clamp(1.8rem,3.4vw,2.7rem);font-weight:800}
.hl{background:linear-gradient(120deg,var(--orange),#ff9a3c);-webkit-background-clip:text;background-clip:text;color:transparent}
.hl-ice{background:linear-gradient(120deg,var(--ice-2),#c9efff);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--orange)}
.eyebrow::before{content:"";width:24px;height:2px;background:currentColor;border-radius:2px}
.lead{color:var(--muted);font-size:1.07rem;max-width:640px}
section{padding:96px 0}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:44px}
.sec-head h2{margin-top:12px}
.center{text-align:center}.center .lead{margin:14px auto 0}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 24px;border-radius:999px;font-weight:800;font-size:.95rem;border:1.5px solid transparent;cursor:pointer;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s;font-family:inherit;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn svg{width:18px;height:18px}
.btn-primary{background:var(--orange);color:#fff;box-shadow:0 10px 24px -8px rgba(242,107,29,.6)}
.btn-primary:hover{background:var(--orange-2)}
.btn-wa{background:#1fae5b;color:#fff;box-shadow:0 10px 24px -8px rgba(31,174,91,.55)}
.btn-wa:hover{background:#178f49}
.btn-ghost{border-color:rgba(255,255,255,.3);color:#fff}
.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.06)}
.btn-outline{border-color:var(--line);background:#fff;color:var(--ink)}
.btn-outline:hover{border-color:var(--ink)}
.btn-lg{padding:17px 30px;font-size:1.02rem}

/* Topbar & header */
.topbar{background:#071824;color:#b9cad6;font-size:.83rem}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:9px;padding-bottom:9px;flex-wrap:wrap}
.topbar a:hover{color:#fff}
.topbar .l{display:flex;gap:20px;flex-wrap:wrap;align-items:center}
.live{display:inline-block;width:8px;height:8px;border-radius:50%;background:#3ddc84;margin-right:7px;box-shadow:0 0 0 0 rgba(61,220,132,.6);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(61,220,132,0)}100%{box-shadow:0 0 0 0 rgba(61,220,132,0)}}
header.site{position:sticky;top:0;z-index:50;background:rgba(251,249,245,.9);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;height:76px;gap:20px}
.logo{display:flex;align-items:center;gap:11px;font-weight:800;font-size:1.3rem;letter-spacing:-.03em;line-height:1.05}
.logo-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--orange),#ff9a3c);display:grid;place-items:center;color:#fff;font-weight:800;font-size:1.05rem;letter-spacing:-.04em;box-shadow:0 6px 16px -6px rgba(242,107,29,.7)}
.logo small{display:block;white-space:nowrap;font-size:.64rem;font-weight:700;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;margin-top:3px}
nav.main{display:flex;gap:2px;align-items:center}
nav.main>a,nav.main .dd>button{white-space:nowrap;padding:9px 13px;border-radius:9px;font-weight:700;font-size:.92rem;color:var(--ink-2);background:none;border:0;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
nav.main>a:hover,nav.main .dd:hover>button{background:#efebe2;color:var(--ink)}
.dd{position:relative}
.dd-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);padding:18px;display:none;gap:22px;min-width:220px}
.dd:hover .dd-menu,.dd:focus-within .dd-menu{display:grid}
.dd-menu.cols{grid-template-columns:repeat(3,minmax(190px,1fr))}
.dd-menu.cols2{grid-template-columns:repeat(2,minmax(150px,1fr))}
.dd-menu h5{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--orange);margin-bottom:8px}
.dd-menu a{display:block;padding:6px 8px;border-radius:8px;font-size:.9rem;font-weight:600;color:var(--ink-2)}
.dd-menu a:hover{background:var(--orange-soft);color:var(--orange-2)}
.dd::after{content:"";position:absolute;left:0;right:0;top:100%;height:12px}
.hdr-cta{display:flex;gap:10px;align-items:center}
.menu-btn{display:none;background:#fff;border:1px solid var(--line);border-radius:12px;width:46px;height:46px;cursor:pointer;place-items:center}
.mobile-nav{display:none}

/* HERO */
.hero{background:var(--navy);color:#fff;padding:0;position:relative;overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:
 radial-gradient(800px 500px at 90% 0%,rgba(43,159,214,.35),transparent 60%),
 radial-gradient(700px 500px at 0% 100%,rgba(242,107,29,.28),transparent 60%)}
.hero .grid-bg{position:absolute;inset:0;z-index:-1;opacity:.06;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(180deg,#000,transparent)}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding-top:76px;padding-bottom:96px}
.hero h1{font-size:clamp(2.4rem,5.4vw,4.3rem);font-weight:800;margin:18px 0 22px;letter-spacing:-.035em}
.hero .lead{color:#c1d0db;font-size:1.13rem}
.hero .eyebrow{color:#ffb27a}
.badge-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.pill{display:inline-flex;align-items:center;gap:7px;font-size:.84rem;font-weight:700;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#e3ecf2}
.pill svg{width:15px;height:15px;color:#ffb27a}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.hero-visual{position:relative}
.hero-frame{border-radius:24px;overflow:hidden;box-shadow:0 40px 80px -20px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.12);transform:perspective(1200px) rotateY(-6deg) rotateX(2deg);transition:transform .6s}
.hero-frame:hover{transform:perspective(1200px) rotateY(0) rotateX(0)}
.hero-frame img{width:100%;height:auto}
.float-card{position:absolute;background:#fff;color:var(--ink);border-radius:14px;padding:12px 15px;box-shadow:var(--shadow-lg);display:flex;gap:11px;align-items:center;font-size:.85rem;animation:float 6s ease-in-out infinite}
.float-card b{display:block;font-size:.95rem}
.float-card span{color:var(--muted);font-size:.78rem}
.float-card .fi{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}
.float-card .fi svg{width:20px;height:20px}
.fc1{left:-26px;top:16%}.fc1 .fi{background:var(--orange-soft);color:var(--orange)}
.fc2{right:-18px;top:46%;animation-delay:-2s}.fc2 .fi{background:var(--ice-soft);color:var(--ice)}
.fc3{left:8%;bottom:-24px;animation-delay:-4s}.fc3 .fi{background:#eaf7ef;color:#1fae5b}
@keyframes float{50%{transform:translateY(-10px)}}

/* Marquee */
.marquee{background:var(--orange);color:#fff;overflow:hidden;padding:0;white-space:nowrap}
.marquee .track{display:inline-flex;gap:0;animation:mq 40s linear infinite;padding:15px 0}
.marquee span{font-weight:800;font-size:1rem;padding:0 22px;display:inline-flex;align-items:center;gap:22px}
.marquee span::after{content:"✦";opacity:.6}
@keyframes mq{to{transform:translateX(-50%)}}

/* Trust */
.trust{padding:0;background:#fff;border-bottom:1px solid var(--line)}
.trust .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.trust .it{display:flex;gap:14px;align-items:center;padding:26px 20px;border-right:1px solid var(--line)}
.trust .it:last-child{border-right:0}
.trust .ic{width:48px;height:48px;border-radius:14px;background:var(--orange-soft);color:var(--orange);display:grid;place-items:center;flex-shrink:0}
.trust .ic svg{width:24px;height:24px}
.trust b{display:block;font-size:.98rem}
.trust span{font-size:.85rem;color:var(--muted)}

/* Division cards */
.div-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.dcard{border-radius:22px;padding:30px;position:relative;overflow:hidden;color:#fff;min-height:420px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.dcard:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.dcard.d1{background:linear-gradient(160deg,#3a2414,#7a3e16 60%,#c4581a)}
.dcard.d2{background:linear-gradient(160deg,#0b2233,#134a6b 60%,#2384b6)}
.dcard.d3{background:linear-gradient(160deg,#0e1f2e,#1d3d57 55%,#5d8fb0)}
.dcard .num{font-size:.8rem;font-weight:800;letter-spacing:.14em;opacity:.7}
.dcard h3{font-size:1.6rem;margin:12px 0 10px}
.dcard p{opacity:.85;font-size:.95rem}
.dcard ul{list-style:none;margin:20px 0 24px;display:grid;gap:4px}
.dcard li a{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.14);font-weight:600;font-size:.93rem}
.dcard li a:hover{padding-left:6px;transition:padding .15s}
.dcard .big-ic{position:absolute;right:-30px;top:-30px;width:180px;height:180px;opacity:.09}
.dcard .go{margin-top:auto;display:inline-flex;gap:8px;align-items:center;font-weight:800}

/* Services grid */
.tabs{display:inline-flex;background:#efebe2;border-radius:999px;padding:5px;gap:4px;flex-wrap:wrap}
.tab{border:0;background:transparent;padding:10px 18px;border-radius:999px;font-weight:800;font-family:inherit;font-size:.88rem;color:var(--ink-2);cursor:pointer}
.tab.active{background:#fff;color:var(--ink);box-shadow:var(--shadow)}
.svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.svc{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative}
.svc:hover{border-color:transparent;box-shadow:var(--shadow);transform:translateY(-3px)}
.svc .ic{width:48px;height:48px;border-radius:13px;display:grid;place-items:center}
.svc .ic svg{width:24px;height:24px}
.svc[data-cat="yapi"] .ic{background:var(--orange-soft);color:var(--orange)}
.svc[data-cat="klima"] .ic{background:var(--ice-soft);color:var(--ice)}
.svc[data-cat="soguk"] .ic{background:#e9eff6;color:var(--navy-3)}
.svc h3{font-size:1.06rem}
.svc p{font-size:.9rem;color:var(--muted);flex:1}
.svc .more{font-size:.86rem;font-weight:800;color:var(--orange);display:inline-flex;gap:6px;align-items:center}
.svc .more svg{width:16px;height:16px;transition:transform .2s}
.svc:hover .more svg{transform:translateX(4px)}
.svc.hide{display:none}

/* HVAC band */
.dark{background:linear-gradient(180deg,var(--navy),#0f2c42);color:#fff}
.dark .lead{color:#b4c6d3}
.dark .eyebrow{color:var(--ice-2)}
.sys-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sys{border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:28px;background:rgba(255,255,255,.04);transition:background .2s}
.sys:hover{background:rgba(255,255,255,.07)}
.sys h3{font-size:1.25rem;margin:14px 0 8px}
.sys p{color:#b4c6d3;font-size:.93rem}
.sys ul{list-style:none;margin-top:16px;display:grid;gap:8px}
.sys li{font-size:.9rem;color:#dbe6ee;display:flex;gap:9px}
.sys li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ice-2);margin-top:9px;flex-shrink:0}
.sys .badge{display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.1em;padding:6px 11px;border-radius:999px;background:rgba(127,208,245,.14);color:var(--ice-2)}
.sys a.lnk{display:inline-flex;margin-top:18px;font-weight:800;color:var(--ice-2);gap:6px;align-items:center;font-size:.9rem}

/* BTU calculator */
.btu{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:26px;overflow:hidden;box-shadow:var(--shadow-lg);background:#fff}
.btu-form{padding:38px;display:grid;gap:20px}
.btu-form label{font-weight:800;font-size:.88rem;display:flex;justify-content:space-between;margin-bottom:8px}
.btu-form label output{color:var(--orange)}
.btu-form input[type=range]{width:100%;accent-color:var(--orange)}
.btu-opts{display:flex;flex-wrap:wrap;gap:8px}
.btu-opts input{display:none}
.btu-opts label{margin:0;padding:9px 14px;border:1.5px solid var(--line);border-radius:999px;cursor:pointer;font-weight:700;font-size:.85rem;background:#fcfbf8}
.btu-opts input:checked+label{border-color:var(--ice);background:var(--ice-soft);color:#1678a8}
.btu-out{background:linear-gradient(160deg,#0b2233,#134a6b 70%,#2384b6);color:#fff;padding:38px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.btu-out .val{font-size:clamp(3rem,7vw,4.6rem);font-weight:800;letter-spacing:-.04em;line-height:1}
.btu-out .val small{font-size:1.2rem;font-weight:700;opacity:.8;margin-left:6px}
.btu-out .rec{margin-top:18px;font-size:1.05rem}
.btu-out .rec b{color:var(--ice-2)}
.btu-out .note{font-size:.8rem;opacity:.7;margin-top:10px}
.btu-out .snow{position:absolute;right:-40px;bottom:-40px;width:220px;opacity:.08}

/* Process */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:s}
.step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;position:relative}
.step::before{counter-increment:s;content:"0" counter(s);font-weight:800;font-size:2.6rem;letter-spacing:-.04em;display:block;margin-bottom:10px;background:linear-gradient(120deg,var(--orange),#ffb27a);-webkit-background-clip:text;background-clip:text;color:transparent}
.step h3{font-size:1.08rem;margin-bottom:6px}
.step p{font-size:.9rem;color:var(--muted)}

/* Projects */
.proj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.proj{border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--line);transition:transform .25s,box-shadow .25s}
.proj:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.proj .ph{position:relative;overflow:hidden;aspect-ratio:4/3;background:#ddd}
.proj .ph img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.proj:hover .ph img{transform:scale(1.05)}
.proj .lbl{position:absolute;left:12px;top:12px;background:rgba(11,34,51,.75);backdrop-filter:blur(4px);color:#fff;font-size:.72rem;font-weight:800;padding:6px 11px;border-radius:999px;letter-spacing:.04em}
.proj .meta{padding:16px 18px}
.proj .meta b{display:block;font-size:1rem}
.proj .meta span{font-size:.85rem;color:var(--muted)}

/* Regions */
.region-wrap{display:grid;grid-template-columns:.95fr 1.05fr;gap:52px;align-items:center}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.chip{background:#fff;border:1px solid var(--line);padding:9px 16px;border-radius:999px;font-weight:700;font-size:.9rem;transition:all .15s}
a.chip:hover{border-color:var(--orange);color:var(--orange-2)}
.chip.main{background:var(--navy);color:#fff;border-color:var(--navy)}
.map-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:14px;box-shadow:var(--shadow);overflow:hidden}
.map-card iframe{width:100%;height:380px;border:0;border-radius:14px;display:block}

/* Quote */
.quote{background:var(--orange-soft)}
.quote-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:start}
.contact-list{display:grid;gap:12px;margin-top:28px}
.contact-list a,.contact-list div.c{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px 18px;transition:border-color .15s}
.contact-list a:hover{border-color:var(--orange)}
.contact-list svg{width:22px;height:22px;color:var(--orange);flex-shrink:0}
.contact-list small{display:block;color:var(--muted);font-size:.78rem}
.contact-list b{font-size:.98rem}
form.qf{background:#fff;border-radius:22px;padding:32px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:16px}
.qf .full{grid-column:1/-1}
.qf label{display:block;font-size:.84rem;font-weight:800;margin-bottom:6px;color:var(--ink-2)}
.qf input,.qf select,.qf textarea{width:100%;font-family:inherit;font-size:.95rem;padding:13px 14px;border:1.5px solid var(--line);border-radius:12px;background:#fcfbf8;color:var(--ink)}
.qf input:focus,.qf select:focus,.qf textarea:focus{outline:none;border-color:var(--orange);background:#fff}
.qf textarea{min-height:110px;resize:vertical}
.qf .note{font-size:.8rem;color:var(--muted)}
.qf h3{font-size:1.3rem}
.qf-result{display:none;grid-column:1/-1;background:#ecf8f0;border:1px solid #bfe5cc;border-radius:12px;padding:16px}
.qf-result.show{display:block}
.qf-result p{font-size:.9rem;margin-bottom:10px}

/* FAQ */
.faq{max-width:860px}
.center .faq{margin:0 auto;text-align:left}
details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 22px;margin-bottom:10px;transition:border-color .15s}
details[open]{border-color:#e9c9b3}
summary{cursor:pointer;list-style:none;padding:19px 0;font-weight:800;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-size:1.5rem;line-height:1;color:var(--orange);font-weight:500}
details[open] summary::after{content:"–"}
details p{padding:0 0 19px;color:var(--muted);font-size:.96rem}

/* CTA band */
.cta-band{background:linear-gradient(120deg,var(--orange),#ff8c3a);color:#fff;border-radius:28px;padding:48px;display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap;box-shadow:0 30px 60px -25px rgba(242,107,29,.7)}
.cta-band h2{font-size:clamp(1.6rem,3vw,2.3rem)}
.cta-band p{opacity:.92;margin-top:8px}
.cta-band .btn-white{background:#fff;color:var(--orange-2)}
.cta-band .btn-dark{background:var(--navy);color:#fff}

/* Subpage */
.page-hero{background:var(--navy);color:#fff;padding:56px 0 64px;position:relative;overflow:hidden;isolation:isolate}
.page-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(700px 400px at 90% 0%,rgba(43,159,214,.3),transparent 60%),radial-gradient(600px 400px at 0% 100%,rgba(242,107,29,.25),transparent 60%)}
.page-hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:center}
.page-hero h1{font-size:clamp(2rem,4.2vw,3.2rem);margin:14px 0 16px}
.page-hero .lead{color:#c1d0db}
.page-hero .eyebrow{color:#ffb27a}
.page-hero .ph-img{border-radius:20px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.12)}
.crumbs{font-size:.84rem;color:#9fb3c2;display:flex;gap:8px;flex-wrap:wrap}
.crumbs a:hover{color:#fff}
.content-grid{display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:start}
.prose h2{font-size:1.6rem;margin:36px 0 14px}
.prose h2:first-child{margin-top:0}
.prose p{color:var(--ink-2);margin-bottom:14px;font-size:1.02rem}
.check{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 10px}
.check li{display:flex;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-weight:600;font-size:.93rem}
.check li::before{content:"✓";color:#fff;background:var(--orange);width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:.75rem;flex-shrink:0;font-weight:800}
aside.side{position:sticky;top:100px;display:grid;gap:16px}
.side-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}
.side-card h4{font-size:1.05rem;margin-bottom:12px}
.side-card.cta{background:var(--navy);color:#fff;border:0}
.side-card.cta p{color:#b4c6d3;font-size:.9rem;margin-bottom:16px}
.side-card.cta .btn{width:100%;margin-top:8px}
.side-card ul{list-style:none;display:grid;gap:2px}
.side-card ul a{display:block;padding:7px 10px;border-radius:8px;font-weight:600;font-size:.9rem;color:var(--ink-2)}
.side-card ul a:hover,.side-card ul a.cur{background:var(--orange-soft);color:var(--orange-2)}

/* Footer */
footer{background:#071824;color:#a3b6c4;padding:72px 0 100px;font-size:.92rem}
.f-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1fr;gap:30px}
footer h4{color:#fff;font-size:.95rem;margin-bottom:14px}
footer ul{list-style:none;display:grid;gap:7px}
footer a:hover{color:#fff}
footer .logo{color:#fff}
.f-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:48px;padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.84rem}

/* Floating */
.float-wa{position:fixed;right:22px;bottom:24px;z-index:60;width:60px;height:60px;border-radius:50%;background:#1fae5b;display:grid;place-items:center;box-shadow:0 10px 26px rgba(31,174,91,.45);color:#fff;animation:pulse-wa 2.5s infinite}
.float-wa svg{width:31px;height:31px}
@keyframes pulse-wa{0%{box-shadow:0 0 0 0 rgba(31,174,91,.5)}70%{box-shadow:0 0 0 16px rgba(31,174,91,0)}100%{box-shadow:0 0 0 0 rgba(31,174,91,0)}}
.mbar{display:none}

/* Reveal */
.rv{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}.marquee .track,.float-card,.float-wa{animation:none}}

/* Responsive */
@media (max-width:1440px){.hdr-cta .btn-outline{display:none}}
@media (max-width:1320px){nav.main>a,nav.main .dd>button{padding:9px 10px}}
@media (max-width:1060px){
  nav.main,.hdr-cta .btn-outline{display:none}
  .menu-btn{display:grid}
  .mobile-nav.open{display:block;position:absolute;top:76px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:8px 22px 20px;max-height:calc(100vh - 76px);overflow:auto}
  .mobile-nav a{display:block;padding:12px 4px;border-bottom:1px solid var(--line);font-weight:700}
  .mobile-nav h5{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--orange);margin:16px 0 4px}
  .hero .wrap,.region-wrap,.quote-grid,.page-hero .wrap,.content-grid,.btu{grid-template-columns:1fr}
  .hero-visual{max-width:560px;margin:0 auto}
  .div-grid,.sys-grid{grid-template-columns:1fr}
  .dcard{min-height:auto}
  .steps,.proj-grid{grid-template-columns:1fr 1fr}
  .trust .wrap{grid-template-columns:1fr 1fr}
  .trust .it:nth-child(2){border-right:0}
  .trust .it:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .f-grid{grid-template-columns:1fr 1fr}
  aside.side{position:static}
}
@media (max-width:640px){
  section{padding:68px 0}
  .topbar .r{display:none}
  .hdr-cta .btn-primary{display:none}
  .steps,.proj-grid,.check{grid-template-columns:1fr}
  .trust .wrap{grid-template-columns:1fr}
  .trust .it{border-right:0;border-bottom:1px solid var(--line)}
  form.qf{grid-template-columns:1fr;padding:22px}
  .f-grid{grid-template-columns:1fr}
  .float-wa{display:none}
  .fc1{left:-6px}.fc2{right:-6px}
  .btu-form,.btu-out{padding:26px}
  .cta-band{padding:30px}
  .mbar{display:grid;grid-template-columns:1fr 1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(0,0,0,.07)}
  .mbar a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 0 12px;font-size:.76rem;font-weight:800}
  .mbar a svg{width:22px;height:22px}
  .mbar a.wa{color:#1fae5b}.mbar a.call{color:var(--orange)}.mbar a.q{color:var(--navy)}
}

/* Arıza hızlı seçim */
.fault-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.fault{display:flex;align-items:center;gap:13px;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:16px 16px;font-size:.94rem;transition:all .18s;position:relative}
.fault:hover{border-color:var(--orange);box-shadow:0 12px 26px -14px rgba(242,107,29,.55);transform:translateY(-2px)}
.fault .fi{width:42px;height:42px;border-radius:12px;background:var(--orange-soft);color:var(--orange);display:grid;place-items:center;flex-shrink:0}
.fault .fi svg{width:21px;height:21px}
.fault b{flex:1;line-height:1.3}
.fault .go{width:20px;height:20px;color:#1fae5b;opacity:.35;transition:opacity .15s}
.fault:hover .go{opacity:1}
/* Bakım planları */
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.plan{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;display:flex;flex-direction:column}
.plan .badge{align-self:flex-start;font-size:.7rem;font-weight:800;letter-spacing:.1em;padding:6px 11px;border-radius:999px;background:var(--ice-soft);color:#1678a8}
.plan h3{font-size:1.3rem;margin:16px 0 8px}
.plan p{color:var(--muted);font-size:.93rem}
.plan ul{list-style:none;margin:18px 0 24px;display:grid;gap:9px;flex:1}
.plan li{display:flex;gap:10px;font-size:.92rem;font-weight:600}
.plan li::before{content:"✓";color:var(--orange);font-weight:800}
.plan.featured{background:var(--navy);color:#fff;border:0;box-shadow:var(--shadow-lg);transform:translateY(-8px)}
.plan.featured p{color:#b4c6d3}
.plan.featured .badge{background:var(--orange);color:#fff}
.plan.featured li::before{color:#ffb27a}
@media (max-width:1060px){.fault-grid{grid-template-columns:1fr 1fr}.plan-grid{grid-template-columns:1fr}.plan.featured{transform:none}}
@media (max-width:640px){.fault-grid{grid-template-columns:1fr}}

/* Hizmet halkaları */
.tier-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:start}
.tier-list{display:grid;gap:14px}
.tier{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;border-left:6px solid var(--orange)}
.tier.t2{border-left-color:var(--ice)}
.tier.t3{border-left-color:var(--navy);background:linear-gradient(120deg,#fff,#eef4f8)}
.tier-head{display:flex;gap:14px;align-items:center}
.ring{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:var(--orange);flex-shrink:0;box-shadow:0 0 0 6px var(--orange-soft)}
.t2 .ring{background:var(--ice);box-shadow:0 0 0 6px var(--ice-soft)}
.t3 .ring{background:var(--navy);box-shadow:0 0 0 6px #e3eaf0}
.tier .tl{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.tier h3{font-size:1.2rem}
.tier .promise{display:inline-block;margin:14px 0 6px;font-size:.95rem;color:var(--orange-2)}
.t2 .promise{color:#1678a8}.t3 .promise{color:var(--navy-3)}
.tier p{color:var(--muted);font-size:.92rem}
.tier .chips{margin-top:14px;gap:8px}
.tier .chip{padding:7px 13px;font-size:.84rem}
.map-card img{width:100%}
@media (max-width:1060px){.tier-wrap{grid-template-columns:1fr}}