:root{--font-heading:VikingDisplay,Georgia,serif;--font-body:VikingBody,Arial,sans-serif;--ink:#111827;--muted:#AEB4D8;--dark:#080A19;--panel:#11142A;--panel-2:#171A38;--primary:#24264F;--secondary:#6365A7;--accent:#D6B25E;--line:rgba(255,255,255,.16);--light-line:rgba(36,38,79,.18)}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);background:#080A19;color:#F7F8FF;font-size:16px;line-height:1.7;overflow-x:hidden}
h1,h2,h3,h4,.logo-text{font-family:var(--font-heading);letter-spacing:-.025em}
h1{font-size:39px;line-height:1.05;color:#fff}
h2{font-size:31px;line-height:1.15;color:#fff}
h3,h4{font-size:22px;line-height:1.25}
p,li,a,button{font-size:16px}
.site-shell{background:radial-gradient(circle at 18% 8%,rgba(99,101,167,.35),transparent 34rem),radial-gradient(circle at 90% 2%,rgba(214,178,94,.13),transparent 30rem),#080A19;min-height:100vh}
.container-narrow{width:min(1160px,calc(100% - 32px));margin:0 auto}
.glass{background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045));border:1px solid var(--line);box-shadow:0 24px 80px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.14);backdrop-filter:blur(18px)}
.dark-card{background:linear-gradient(145deg,rgba(23,26,56,.96),rgba(12,15,35,.94));border:1px solid var(--line);box-shadow:0 22px 60px rgba(0,0,0,.28)}
.light-section{background:#F7F7FB;color:#293047}
.light-section h2,.light-section h3,.light-section h4{color:#111827}
.light-section p,.light-section li{color:#374151}
.section-pad{padding:72px 0}
.section-kicker{display:inline-flex;align-items:center;gap:.55rem;color:#D6B25E;text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:12px;margin-bottom:14px}
.section-kicker:after,.h2-mark{content:"";display:block;width:44px;height:3px;background:linear-gradient(90deg,#D6B25E,#6365A7);margin-top:14px}
.h2-mark{margin-bottom:26px}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;background:#D6B25E;color:#080A19!important;font-weight:900;min-height:54px;padding:0 24px;text-decoration:none;border:1px solid rgba(255,255,255,.3);box-shadow:0 0 0 0 rgba(255,255,255,.42);animation:pulseGlow 2.1s infinite;white-space:nowrap;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.btn-primary:hover{background:#F1D487;color:#080A19!important;transform:translateY(-2px);box-shadow:0 16px 38px rgba(214,178,94,.25)}
@keyframes pulseGlow{0%{box-shadow:0 0 0 0 rgba(255,255,255,.42)}70%{box-shadow:0 0 0 16px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.site-header{position:fixed;top:0;left:0;right:0;z-index:60;background:rgba(8,10,25,.88);border-bottom:1px solid var(--line);backdrop-filter:blur(20px)}
.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.logo{display:flex;align-items:center;gap:12px;color:#fff!important;text-decoration:none;min-width:max-content}
.logo-mark{width:44px;height:44px;display:grid;place-items:center;background:#D6B25E;color:#080A19;font-family:var(--font-heading);font-size:28px;font-weight:900;border:1px solid rgba(255,255,255,.28)}
.logo-text{font-size:24px;font-weight:900;color:#fff}
.desktop-nav{display:none;align-items:center;gap:20px}
.desktop-nav a{color:#ECEEFF;text-decoration:none;font-weight:800;font-size:16px;transition:color .2s ease}
.desktop-nav a:hover{color:#D6B25E}
.header-phone{display:none!important;color:#080A19!important;text-decoration:none;font-weight:900;min-height:46px;padding:0 16px;background:#D6B25E;align-items:center;white-space:nowrap}
.menu-button{display:flex;width:46px;height:46px;align-items:center;justify-content:center;background:transparent;border:1px solid var(--line);color:#fff}
.menu-button span,.menu-button span:before,.menu-button span:after{display:block;width:21px;height:2px;background:#fff;position:relative;content:""}
.menu-button span:before{position:absolute;top:-7px}.menu-button span:after{position:absolute;top:7px}
.mobile-menu{display:none;background:#0D1026;border-top:1px solid var(--line);padding:18px 16px 22px}.mobile-menu.is-open{display:block}.mobile-menu a{display:block;color:#fff;text-decoration:none;font-weight:800;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.mobile-menu .btn-primary{margin-top:16px;width:100%;padding-left:8px;padding-right:8px;font-size:16px}
.hero{position:relative;min-height:760px;display:flex;align-items:center;padding:126px 0 76px;background-image:linear-gradient(90deg,rgba(8,10,25,.96) 0%,rgba(8,10,25,.84) 46%,rgba(8,10,25,.48) 100%),url('../images/hero-technician.jpg');background-size:cover;background-position:center}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,#000,transparent 72%);pointer-events:none}.hero .container-narrow{position:relative;z-index:1}
.hero-grid{display:grid;gap:28px}.hero-copy{max-width:720px}.stars{color:#D6B25E;font-size:28px;letter-spacing:.14em;margin:16px 0 8px}.badge-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0 22px}.badge-row img{height:48px;width:auto;max-width:96px;object-fit:contain;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);padding:5px}.hero-lead{font-size:18px;color:#F4F5FF;max-width:680px}.hero-cta-text{margin-top:22px;color:#fff;font-weight:900}.hero-benefits{align-self:end;padding:24px}.benefit-item{display:flex;gap:13px;align-items:flex-start;color:#fff;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12)}.benefit-item:last-child{border-bottom:0}.benefit-icon,.mini-icon{width:36px;height:36px;display:grid;place-items:center;background:rgba(214,178,94,.16);border:1px solid rgba(214,178,94,.45);color:#D6B25E;flex:0 0 auto}.intro-after-hero{padding:38px 0;background:#0E1128;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.intro-after-hero p{font-size:18px;color:#F1F2FF}
.split{display:grid;gap:30px;align-items:center}.split .text-col{order:1}.split .image-col{order:2}.image-frame{position:relative;min-height:280px;overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.35)}.image-frame img{width:100%;height:100%;min-height:280px;object-fit:cover;display:block}.image-frame:after{content:"";position:absolute;inset:0;border:1px solid rgba(214,178,94,.35);transform:translate(10px,-10px);pointer-events:none}
.service-grid{display:grid;gap:18px}.service-card{padding:24px;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#D6B25E,#6365A7)}.service-card h3{color:#fff;margin-bottom:12px}.service-card p{color:#DCE0FF}.service-card ul{margin-top:14px;display:grid;gap:10px}.service-card li{color:#F6F7FF}.service-card strong{color:#fff}.service-icon{width:52px;height:52px;margin-bottom:16px;display:grid;place-items:center;background:#24264F;border:1px solid rgba(214,178,94,.42);color:#D6B25E}
.icon-svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.8}.why-grid{display:grid;gap:18px}.why-card{padding:22px;background:#fff;color:#374151;border:1px solid var(--light-line);box-shadow:0 18px 50px rgba(36,38,79,.08)}.why-card h3{color:#111827}.why-card p{color:#374151}.process{counter-reset:step;display:grid;gap:16px}.process-card{counter-increment:step;display:grid;grid-template-columns:auto 1fr;gap:16px;padding:22px}.process-card:before{content:counter(step);width:44px;height:44px;display:grid;place-items:center;background:#D6B25E;color:#080A19;font-weight:900}.process-card h3{color:#fff}.process-card p{color:#DEE1FF}
.coverage-grid{display:grid;gap:20px}.coverage-box{padding:24px}.coverage-box h3{color:#fff;margin-bottom:12px}.pill-list{display:flex;flex-wrap:wrap;gap:10px}.pill-list span{display:inline-flex;padding:8px 12px;border:1px solid rgba(214,178,94,.35);background:rgba(255,255,255,.07);color:#fff;font-weight:800}.payment-list{display:grid;gap:12px}.payment-list li{display:flex;align-items:center;gap:12px;color:#fff;font-weight:800}.payment-list li:before{content:"";width:10px;height:10px;background:#D6B25E;display:block}
.reviews-wrap{overflow:hidden}.review-track{display:flex;transition:transform .45s ease}.review-card{padding:0 10px;flex:0 0 100%}.review-inner{height:100%;padding:24px;background:#fff;color:#374151;border:1px solid var(--light-line);box-shadow:0 18px 50px rgba(36,38,79,.08)}.review-inner h3{color:#111827;margin:10px 0 6px}.review-stars{color:#B88716;letter-spacing:.08em}.review-controls{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.review-controls button{width:46px;height:46px;border:1px solid var(--light-line);background:#24264F;color:#fff;font-size:24px;cursor:pointer}
.faq-grid{display:grid;gap:14px}.faq-item{padding:22px;background:rgba(255,255,255,.08);border:1px solid var(--line)}.faq-item h3{color:#fff}.faq-item p{color:#E3E6FF;margin-top:8px}.cta-band{position:relative;overflow:hidden;background:linear-gradient(135deg,#24264F,#0A0D22);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cta-band:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 80% 20%,rgba(214,178,94,.22),transparent 22rem);pointer-events:none}.cta-band .container-narrow{position:relative}.site-footer{background:#070816;border-top:1px solid var(--line);padding:48px 0 88px;color:#C8CDEA;font-size:14px}.site-footer p,.site-footer a,.site-footer li{font-size:14px;color:#C8CDEA}.footer-grid{display:grid;gap:26px}.footer-links{display:grid;gap:8px}.footer-links a{color:#fff;text-decoration:none}.footer-disclaimer{margin-top:28px;padding-top:22px;border-top:1px solid var(--line);max-width:1050px}.sticky-call{display:none!important;position:fixed;left:0;right:0;bottom:0;z-index:80;background:#D6B25E;color:#080A19!important;text-decoration:none;font-weight:900;text-align:center;padding:15px 10px;box-shadow:0 -16px 42px rgba(0,0,0,.38);transform:translateY(100%);opacity:0;transition:transform .25s ease,opacity .25s ease;white-space:nowrap}.sticky-call.is-visible{transform:translateY(0);opacity:1}.fade-up{opacity:0;transform:translateY(18px);animation:fadeUp .7s ease forwards}.delay-1{animation-delay:.12s}.delay-2{animation-delay:.24s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}
@media (min-width:640px){.service-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:repeat(2,1fr)}.coverage-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:768px){h1{font-size:56px}h2{font-size:42px}.desktop-nav{display:flex}.header-phone{display:inline-flex!important}.menu-button{display:none}.mobile-menu{display:none!important}.hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.split{grid-template-columns:minmax(0,65fr) minmax(260px,35fr)}.split.reverse{grid-template-columns:minmax(260px,35fr) minmax(0,65fr)}.split.reverse .image-col{order:1}.split.reverse .text-col{order:2}.sticky-call{display:none!important}.section-pad{padding:96px 0}.footer-grid{grid-template-columns:1.2fr .8fr .9fr}.process{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.service-grid{grid-template-columns:repeat(3,1fr)}.why-grid{grid-template-columns:repeat(5,1fr)}.desktop-nav{gap:18px}.desktop-nav a{font-size:16px}.hero-benefits{max-width:380px;margin-left:auto}}
@media (max-width:767px){body{padding-bottom:58px}.site-header{position:fixed}.header-inner{height:66px}.logo-mark{width:40px;height:40px}.logo-text{font-size:24px}.hero{min-height:720px;padding-top:104px;background-position:center}.hero-lead{font-size:16px}.hero-benefits{padding:18px}.btn-primary{width:100%;padding-left:8px;padding-right:8px}.section-pad{padding:58px 0}.sticky-call{display:block!important}.desktop-nav,.header-phone{display:none!important}.badge-row img{height:48px;max-width:88px}.intro-after-hero p{font-size:16px}}
