
:root{--bg:#050b11;--bg2:#09131d;--panel:#0a151f;--panel2:#0d1c29;--line:#263744;--text:#f6f8fa;--muted:#aebac4;--blue:#1f8cff;--blue2:#0a68d9;--orange:#ff7300;--orange2:#ff9a36;--green:#42ca7c;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#04090e,#07111a 56%,#050b11);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.skip{position:absolute;left:-999px;top:8px;background:#fff;color:#000;padding:10px 14px;z-index:200}.skip:focus{left:8px}.container{width:min(var(--max),calc(100% - 34px));margin:auto}.site-header{position:sticky;top:0;z-index:100;background:rgba(4,9,14,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo{display:flex;align-items:center;min-width:160px}.logo img{height:58px;width:auto;object-fit:contain}.navlinks{display:flex;align-items:center;gap:20px;font-weight:760;font-size:.9rem}.navlinks a{padding:8px 1px;position:relative}.navlinks a:hover,.navlinks a.active{color:#fff}.navlinks a.active:after,.navlinks a:hover:after{content:"";position:absolute;left:0;right:0;bottom:1px;height:2px;background:var(--blue)}.nav-actions{display:flex;gap:10px}.menu-btn{display:none;background:transparent;border:1px solid var(--line);border-radius:10px;color:#fff;min-width:46px;min-height:46px;font-size:1.4rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 18px;border-radius:6px;border:1px solid transparent;font-weight:850;letter-spacing:.2px;cursor:pointer;transition:.18s ease}.btn:hover{transform:translateY(-1px)}.btn-blue{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff}.btn-outline{border-color:#2b8ef0;color:#83c3ff;background:rgba(15,43,68,.28)}.btn-orange{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#101010}.btn-dark{border-color:#374a59;background:#0b1823;color:#fff}.hero{border-bottom:1px solid rgba(255,255,255,.07);background:#050b11}.hero-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);min-height:550px}.hero-copy{padding:66px max(24px,4vw) 60px max(0px,calc((100vw - var(--max))/2));display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 30% 35%,rgba(30,128,238,.10),transparent 45%)}.hero-image{position:relative;min-height:550px;background-image:linear-gradient(90deg,#050b11 0%,rgba(5,11,17,.50) 14%,rgba(5,11,17,.05) 48%),url('manchester-vrf-hero.jpg');background-size:cover;background-position:center 48%;background-repeat:no-repeat}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,7,10,.05),rgba(2,7,10,.22))}.eyebrow{color:#47a8ff;text-transform:uppercase;letter-spacing:1.1px;font-weight:900;font-size:.84rem}.hero h1{font-size:clamp(3rem,6.2vw,5.45rem);line-height:.93;letter-spacing:-2px;margin:13px 0 22px;text-transform:uppercase}.hero h1 .accent{color:var(--orange)}.hero p{color:#d1dae1;font-size:1.04rem;max-width:580px;margin:0}.accent-line{width:68px;height:3px;background:linear-gradient(90deg,#57d8e8,var(--orange));margin:8px 0 18px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.services-strip{margin-top:-34px;position:relative;z-index:5}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-card{background:linear-gradient(160deg,#07131c,#091823);border:1px solid #2a3b47;padding:23px;border-radius:4px;min-height:210px;display:flex;flex-direction:column;transition:.18s ease}.service-card:hover{border-color:#4a6477;transform:translateY(-2px)}.service-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--blue);font-size:1.55rem;margin-bottom:14px}.service-card.orange .service-icon{border-color:var(--orange)}.service-card h3{margin:0 0 7px;color:#47a8ff;text-transform:uppercase;font-size:1.05rem}.service-card.orange h3,.service-card.orange .learn{color:var(--orange)}.service-card p{color:#c7d1d8;margin:0 0 14px;font-size:.92rem;flex:1}.learn{font-weight:900;color:#47a8ff;text-transform:uppercase;font-size:.82rem}.section{padding:72px 0}.section.alt{background:rgba(255,255,255,.018);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.section-head{max-width:760px;margin-bottom:28px}.section-head h2,.page-hero h1{font-size:clamp(2.1rem,4.5vw,3.5rem);line-height:1.04;margin:8px 0 12px;letter-spacing:-1px}.section-head p,.page-hero p{color:var(--muted);margin:0}.brand-title{text-align:center;text-transform:uppercase;letter-spacing:.5px;font-size:1.25rem;margin:0 0 20px}.brands{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.brand-card{min-height:92px;border:1px solid #2b3a45;background:#07121a;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;font-weight:950;letter-spacing:.3px}.brand-card:hover{border-color:#4a6375}.brand-card.mitsu{color:#fff}.brand-card.daikin{color:#46baf7}.brand-card.fuji{color:#ff4b4b}.brand-card.fantech{color:#42a9ed}.brand-card.cellar{color:#fff}.brand-note{text-align:center;color:#8799a6;font-size:.78rem;margin:10px auto 0;max-width:980px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #2b3c48;background:#07131b}.benefit{padding:23px;border-right:1px solid #2b3c48}.benefit:last-child{border-right:0}.benefit strong{display:block;text-transform:uppercase;margin-bottom:5px}.benefit span{color:var(--muted);font-size:.9rem}.page-hero{padding:78px 0 54px;background:radial-gradient(circle at 80% 0%,rgba(31,140,255,.15),transparent 40%),linear-gradient(180deg,#07121b,#050c12);border-bottom:1px solid #23333f}.breadcrumbs{color:#89a1b1;font-size:.85rem}.breadcrumbs a{color:#5db1ff}.content-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:30px}.panel{background:linear-gradient(150deg,#0a1721,#07121a);border:1px solid #2a3d49;border-radius:6px;padding:26px}.panel h2,.panel h3{margin-top:0}.panel p,.panel li{color:#c1ccd3}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.feature{border:1px solid #273c49;background:#08141d;padding:18px}.feature strong{display:block;margin-bottom:6px}.feature span{color:var(--muted);font-size:.9rem}.side-card{position:sticky;top:102px;align-self:start}.side-card .btn{width:100%;margin-top:10px}.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.plan{border:1px solid #334653;background:linear-gradient(160deg,#0a1721,#07121a);padding:24px;display:flex;flex-direction:column;min-height:430px}.plan.gold{border-color:#8b6d24}.plan h3{text-transform:uppercase;font-size:1.45rem;margin:0 0 5px}.plan.bronze h3{color:#d78346}.plan.silver h3{color:#d9e0e4}.plan.gold h3{color:#ffc648}.plan.platinum h3{color:#8de7ff}.plan .sub{color:var(--muted);font-size:.9rem;min-height:48px}.plan ul{padding-left:20px;color:#c7d0d7;flex:1}.plan li{margin:8px 0}.discount{font-weight:950;color:#fff;border-top:1px solid #293c48;padding-top:14px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.work-card{border:1px solid #2c3d49;background:#08141d;min-height:230px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.work-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 10%,rgba(31,140,255,.18),transparent 42%)}.work-card>*{position:relative}.work-card h3{margin:0 0 5px}.work-card p{margin:0;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-box{border:1px solid #2b3e4a;background:#08141d;padding:28px}.contact-box h3{margin-top:0}.contact-box p{color:var(--muted)}.contact-box a.email{font-size:1.15rem;color:#74c3ff;font-weight:900;word-break:break-all}.field{display:grid;gap:7px;margin-bottom:14px}.field label{font-weight:800}.field input,.field select,.field textarea{width:100%;border:1px solid #39505f;background:#050c12;color:#fff;border-radius:5px;padding:12px 13px;min-height:46px}.field textarea{min-height:130px;resize:vertical}.footer{border-top:1px solid #263540;background:#03080c;padding:34px 0 42px;color:#99a8b2}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:28px}.footer-logo img{height:82px;width:auto;margin-bottom:8px}.footer h4{color:#fff;margin:0 0 10px}.footer a{display:block;margin:5px 0}.footer a:hover{color:#5bb4ff}.copyright{border-top:1px solid #1e2b34;margin-top:24px;padding-top:18px;font-size:.82rem}.mobile-cta{display:none}.notice{padding:16px 18px;border-left:3px solid var(--orange);background:#101a22;color:#cbd5dc;margin:18px 0}.tag{display:inline-block;border:1px solid #31546e;color:#9ed1f7;padding:5px 9px;font-size:.75rem;text-transform:uppercase;font-weight:900;margin-right:5px;margin-bottom:5px}
:focus-visible{outline:3px solid #71c5ff;outline-offset:3px}
@media(max-width:1040px){.navlinks{display:none;position:absolute;left:0;right:0;top:78px;background:#050b11;padding:16px 20px;border-bottom:1px solid #273845;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.navlinks a{padding:11px 4px}.menu-btn{display:block}.nav-actions .btn-outline{display:none}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:54px max(24px,calc((100vw - var(--max))/2)) 42px}.hero-image{min-height:420px;background-position:center 45%}.services-strip{margin-top:-18px}.service-grid,.plan-grid{grid-template-columns:1fr 1fr}.brands{grid-template-columns:repeat(3,1fr)}.benefits{grid-template-columns:1fr 1fr}.benefit:nth-child(2){border-right:0}.benefit:nth-child(-n+2){border-bottom:1px solid #2b3c48}.content-grid{grid-template-columns:1fr}.side-card{position:static}.work-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.container{width:min(100% - 24px,var(--max))}.site-header .logo img{height:50px}.nav{min-height:68px}.navlinks{top:68px}.nav-actions .btn-orange{display:none}.hero-copy{padding:42px 18px 34px}.hero h1{font-size:clamp(2.6rem,14vw,4rem)}.hero-image{min-height:310px;background-position:58% 45%}.service-grid,.plan-grid,.brands,.benefits,.feature-list,.work-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}.benefit{border-right:0!important;border-bottom:1px solid #2b3c48}.benefit:last-child{border-bottom:0}.service-card{min-height:178px}.section{padding:54px 0}.plan{min-height:auto}.footer{padding-bottom:92px}.mobile-cta{display:grid;grid-template-columns:1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:90;background:#04090e;border-top:1px solid #2b3d49;padding:8px 10px calc(8px + env(safe-area-inset-bottom));gap:8px}.mobile-cta .btn{min-height:46px;padding:10px 8px}.actions .btn{width:100%}.page-hero{padding:58px 0 42px}}

/* Accessibility enhancements */
html{scroll-padding-top:96px}
body{min-width:320px}
[aria-current="page"]{color:#fff}
.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}
.menu-btn,.navlinks a,.footer a,.brand-card,.service-card,.btn{touch-action:manipulation}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .btn:hover,.service-card:hover{transform:none!important}
}
@media (prefers-contrast: more){
  :root{--text:#fff;--muted:#d7e0e7;--line:#60788a}
  .service-card,.panel,.contact-box,.benefits,.brand-card,.plan{border-width:2px}
  .btn-outline{border-width:2px;color:#fff}
}
@media (forced-colors: active){
  .btn,.service-card,.brand-card,.panel,.plan,.contact-box{forced-color-adjust:auto}
}
