/* Tower Installation Company frontend redesign. Backend hooks and PHP data contracts are unchanged. */
:root{--brand:#0b7dc5;--brand-dark:#071d3b;--dark:#051426;--ink:#11233d;--muted:#65768c;--soft:#f4f8fc;--line:#d9e5f0;--shadow:0 24px 70px rgba(5,20,38,.12);--radius:22px}
body{font-size:16px;line-height:1.7;background:#fff;color:var(--ink);overflow-x:hidden}.container{width:min(1180px,calc(100% - 44px));max-width:1180px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.site-header{position:relative;z-index:80;background:#fff;box-shadow:0 5px 24px rgba(6,24,48,.06)}.topbar{background:var(--brand-dark);color:#c3d8ec;font-size:12px;letter-spacing:.01em}.topbar-inner{min-height:37px;display:flex;justify-content:space-between;align-items:center;gap:20px}.topbar b{color:#fff;font-weight:800}.topbar em{font-style:normal;color:#31b6f3}.top-links{display:flex;align-items:center;gap:20px}.top-links a{color:#d7e6f4}.top-links a:hover{color:#fff}.top-icon{color:#27a4e4;margin-right:6px}.navbar{position:relative;left:auto;right:auto;top:auto;border-bottom:1px solid #eaf0f5;background:#fff}.nav-inner{height:100px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;color:var(--ink)}.brand-logo{display:block;width:248px;height:auto;object-fit:contain;object-position:left center}.nav-links{display:flex;align-items:center;gap:26px;color:var(--ink);font-size:14px;font-weight:750}.nav-links>a:not(.btn){position:relative;padding:38px 0}.nav-links>a:not(.btn):after{content:"";position:absolute;left:0;right:100%;bottom:26px;height:2px;background:var(--brand);transition:right .2s ease}.nav-links>a:not(.btn):hover,.nav-links>a.active:not(.btn){color:var(--brand-dark)}.nav-links>a:not(.btn):hover:after,.nav-links>a.active:not(.btn):after{right:0}.nav-links .btn{margin-left:4px;border-radius:999px;padding:11px 19px}.menu-toggle{display:none;border:0;background:transparent;width:42px;height:40px;padding:8px}.menu-toggle span{display:block;height:2px;margin:6px 0;background:var(--brand-dark);border-radius:2px}
.hero{min-height:710px;padding:90px 0 92px;background-position:center;color:#fff}.hero-overlay{background:linear-gradient(90deg,rgba(3,14,31,.96) 0%,rgba(4,19,42,.86) 40%,rgba(4,21,43,.5) 76%,rgba(4,21,43,.35) 100%),linear-gradient(0deg,rgba(3,12,25,.6),transparent 50%)}.hero-grid{grid-template-columns:1.12fr .88fr;gap:70px}.hero-copy{padding-top:32px}.eyebrow{color:var(--brand);font-size:11px;letter-spacing:.18em}.eyebrow:before{width:28px;height:2px}.eyebrow.light{color:#48c4fb}.hero h1{font-size:clamp(48px,6vw,80px);line-height:.99;letter-spacing:-.065em;margin:18px 0 24px;max-width:780px}.hero-copy>p{font-size:18px;line-height:1.7;max-width:630px;color:#dbe7f3}.hero-actions{margin:34px 0 25px}.hero-proof{font-size:12px;color:#dce9f7}.hero-contact-card{border-radius:26px;padding:30px;background:rgba(255,255,255,.97);box-shadow:0 30px 90px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.5)}.hero-contact-card h2{font-size:28px;letter-spacing:-.04em}.hero-contact-card p{font-size:14px}.btn{border-radius:999px;padding:13px 20px}.btn-primary{background:var(--brand);box-shadow:0 13px 30px rgba(11,125,197,.26)}.btn-primary:hover{background:#0869a7}.btn-ghost{border-color:rgba(255,255,255,.38);border-radius:999px}.btn-outline{border-color:#a9bfd1;border-radius:999px}.trust-strip{position:relative;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 10px 32px rgba(11,40,74,.05);z-index:3}.trust-grid{padding:28px 0}.trust-grid>div{padding:4px 18px}.trust-grid strong{font-size:30px;color:var(--brand-dark);letter-spacing:-.05em}.trust-grid span{font-size:10px;letter-spacing:.14em;color:var(--muted)}
.section{padding:112px 0}.section-soft{background:linear-gradient(180deg,#f4f8fc,#eef5fb)}.split-grid{gap:88px}.media-stack{padding:0 28px 28px 0}.main-image{min-height:500px;border-radius:28px;box-shadow:var(--shadow)}.media-stack:after{right:0;bottom:0;width:55%;height:48%;border-radius:26px;background:linear-gradient(135deg,var(--brand-dark),#159bd7)}.image-badge{left:-18px;bottom:56px;padding:18px 22px;border-radius:16px;border-left:4px solid var(--brand)}.section-copy h2,.section-heading h2{font-size:clamp(36px,4vw,56px);letter-spacing:-.06em}.section-copy p,.section-heading p{font-size:16px;line-height:1.75}.feature-list{color:var(--brand-dark)}.feature-list span:before{color:var(--brand)}
.service-grid{gap:22px}.service-card{padding:31px;border-radius:22px;box-shadow:0 12px 35px rgba(11,40,74,.07);border:1px solid #e0eaf2;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.service-card:hover{transform:translateY(-7px);box-shadow:0 22px 44px rgba(11,40,74,.12);border-color:#99cef0}.service-icon{border-radius:50%;background:#e4f3fb;color:var(--brand-dark);width:52px;height:52px}.service-card h3{font-size:21px;letter-spacing:-.025em}.service-card p{min-height:92px;color:var(--muted);font-size:14px}.text-link{font-weight:800}.process-card{border-top:2px solid #c8dbe9}.process-card>span{background:var(--brand-dark);box-shadow:0 0 0 6px #deeff8}.process-card h3{font-size:18px;letter-spacing:-.02em}.package-card{border-radius:22px}.package-card.featured{border-color:#7fc8ee;box-shadow:0 22px 58px rgba(11,125,197,.16)}.popular{background:#e4f3fb;color:var(--brand)}
.section-dark{background:linear-gradient(135deg,#051426,#0a2f58)}.section-dark:after{background:rgba(12,146,216,.2)}.document-list>div{border-color:rgba(126,194,232,.18);background:rgba(255,255,255,.07);border-radius:18px}.document-list>div:before{content:"✓";color:#45c8ff;font-weight:800}.cta-panel{background:linear-gradient(115deg,#071b39,#0b5c98 58%,#12a1d5);border-radius:28px;padding:50px 56px;box-shadow:0 20px 60px rgba(6,45,83,.18)}.cta-panel h2{font-size:42px}.cta-panel p{font-size:16px}.contact-section{background:linear-gradient(#fff 0 42%,#f3f8fc 42%)}.contact-card{border-radius:18px;border:1px solid var(--line);transition:transform .2s ease,border-color .2s ease}.contact-card:hover{transform:translateY(-3px);border-color:#9dd6f4}.contact-card a{color:var(--brand)}
.lead-card{border:1px solid #d7e5ef;border-radius:26px;padding:32px;background:#fff;box-shadow:var(--shadow)}.lead-card-head h2{font-size:29px;letter-spacing:-.045em}.lead-card-head p{font-size:14px}.lead-form{gap:14px}.lead-form input,.lead-form textarea{border-radius:12px;border-color:#cfdeea;padding:13px 14px}.lead-form input:focus,.lead-form textarea:focus{border-color:#59b9e9;box-shadow:0 0 0 4px rgba(11,125,197,.1)}.lead-form label{font-size:12px}.lead-form small{font-size:11px}.page-hero{min-height:455px;padding:190px 0 78px;background-position:center 40%;background-attachment:scroll}.page-hero h1{font-size:clamp(45px,5.8vw,72px)}.page-hero p{font-size:18px}.page-hero-inner{margin-left:0;width:auto}
.footer{background:#041325;padding:72px 0 22px}.footer-grid{grid-template-columns:1.5fr .7fr 1fr;gap:75px}.footer-brand .brand-logo{width:245px;filter:brightness(0) invert(1) opacity(.94)}.footer-grid>div{gap:11px}.footer-grid>div>strong{color:#fff;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.footer-grid a,.footer-grid span{color:#a9bed3}.footer-grid a:hover{color:#45c8ff}.footer-intro p{max-width:390px;color:#9bb1c7;font-size:13px;line-height:1.7}.footer-badge{display:inline-flex;align-items:center;gap:8px;color:#d5e6f6!important;font-size:11px!important}.footer-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#31c492;box-shadow:0 0 0 5px rgba(49,196,146,.12)}.footer-bottom{border-color:rgba(255,255,255,.1);font-size:11px}.floating-actions{right:20px;bottom:20px}.float-btn{box-shadow:0 14px 30px rgba(0,0,0,.25)}.popup-card{border-radius:26px}.popup-card h2{letter-spacing:-.05em}
@media(max-width:960px){.container{width:min(100% - 36px,1180px)}.topbar-inner{justify-content:center}.topbar-inner>span{display:none}.top-links{width:100%;justify-content:center}.navbar{position:relative;top:auto}.nav-inner{height:88px}.brand-logo{width:224px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:88px;left:18px;right:18px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);align-items:stretch;gap:3px}.nav-links.open{display:grid}.nav-links>a:not(.btn){padding:12px 14px}.nav-links>a:not(.btn):after{display:none}.nav-links .btn{margin:5px 0 0}.hero{padding:74px 0 74px}.hero-grid,.split-grid{grid-template-columns:1fr}.hero-grid{gap:38px}.hero-contact-card{max-width:620px}.media-stack{max-width:680px}.footer-grid{grid-template-columns:1fr 1fr;gap:42px}.footer-intro{grid-column:1/-1}}
@media(max-width:640px){.container{width:calc(100% - 28px)}.top-links{font-size:10px;gap:12px}.top-links a:first-child{display:none}.nav-inner{height:78px}.brand-logo{width:206px}.nav-links{top:78px;left:0;right:0}.hero{min-height:auto;padding:66px 0 55px}.hero h1{font-size:45px}.hero-copy>p{font-size:16px}.hero-proof{gap:10px 16px}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid>div{padding:14px 8px}.trust-grid>div:nth-child(2){border-right:0}.trust-grid strong{font-size:24px}.section{padding:78px 0}.media-stack{padding:0 12px 22px 0}.main-image{min-height:330px}.image-badge{left:4px;bottom:36px}.section-copy h2,.section-heading h2{font-size:38px}.service-grid,.package-grid,.process-grid{grid-template-columns:1fr}.package-card.featured{transform:none}.cta-panel{padding:32px 24px;gap:25px}.cta-panel h2{font-size:33px}.cta-actions,.cta-actions .btn{width:100%}.contact-section{background:linear-gradient(#fff 0 32%,#f3f8fc 32%)}.footer-grid{grid-template-columns:1fr;gap:35px}.footer-intro{grid-column:auto}.footer-bottom{flex-direction:column}.page-hero{min-height:395px;padding:155px 0 58px}.page-hero h1{font-size:43px}.page-hero p{font-size:16px}.lead-card{padding:22px}.form-row,.feature-list,.document-list{grid-template-columns:1fr}}