:root{--navy:#06285c;--navy2:#001d45;--blue:#168de2;--light:#eef7ff;--ink:#102040;--muted:#5c6b83;--line:#d9e5f1;--white:#fff;--green:#23b05a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.5}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:12px;top:12px;background:#fff;padding:10px;z-index:999}
.topbar{background:var(--navy2);color:#fff;font-size:.82rem}.topbar-inner{min-height:36px;display:flex;gap:26px;align-items:center}.topbar-inner a{margin-left:auto;color:#8ed8ff;font-weight:700}
.header{background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 2px 10px #001d4514}.nav-wrap{min-height:88px;display:flex;align-items:center;gap:28px}.brand{width:300px;max-width:32vw}.brand img{width:100%}.nav{display:flex;align-items:center;gap:30px;margin-left:auto;font-size:.92rem;font-weight:800;text-transform:uppercase;color:#0b2854}.nav a{padding:33px 0 29px;border-bottom:3px solid transparent}.nav a:hover{color:var(--blue);border-color:var(--blue)}.phone-btn{background:linear-gradient(135deg,var(--blue),#0864c5);color:#fff;padding:14px 20px;border-radius:5px;font-weight:900;white-space:nowrap}.menu-toggle{display:none;background:var(--navy);color:#fff;border:0;border-radius:6px;font-size:1.5rem;padding:8px 12px}
.hero{background:linear-gradient(110deg,var(--navy2),var(--navy));color:#fff}.hero-grid{display:grid;grid-template-columns:42% 58%;min-height:480px}.hero-copy{padding:58px 38px 52px 0;display:flex;flex-direction:column;justify-content:center}.eyebrow{text-transform:uppercase;color:#45b7ff;font-size:.83rem;font-weight:900;letter-spacing:.05em;margin:0 0 10px}.hero h1{font-size:clamp(2.8rem,5vw,4.7rem);line-height:.95;text-transform:uppercase;margin:0 0 20px;letter-spacing:-.04em}.hero h1 span{color:#208ef7}.hero-text{max-width:600px;font-size:1.15rem;color:#eef7ff;margin:0 0 26px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:0 23px;border-radius:5px;font-weight:900;text-transform:uppercase;letter-spacing:.02em;border:1px solid transparent;cursor:pointer}.btn.primary{background:linear-gradient(135deg,#1b9af1,#0e6bd4);color:#fff}.btn.outline{border-color:#cbe7ff;color:#fff;background:#ffffff08}.btn.whatsapp{background:var(--green);color:#fff}.btn.full{width:100%;border:0}.hero-photo{background-image:linear-gradient(90deg,#06285c00 70%,#06285c22),url('assets/Knights-Van-Ladder-Fixed-v2.png');background-position:center;background-size:cover;min-height:100%}.hero-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;font-size:.88rem;color:#cce8ff;font-weight:700}
.section{padding:58px 0}.section-heading{text-align:center;max-width:780px;margin:0 auto 32px}.section-heading.left{text-align:left;margin-left:0}.section-heading h2,.about h2,.contact h2{font-family:Georgia,serif;font-size:clamp(2rem,3vw,3rem);margin:0 0 10px;color:#08285b}.section-heading p{color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-grid article{min-height:145px;padding:22px 10px;text-align:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;align-items:center}.service-grid article span{font-size:2rem;margin-bottom:9px}.service-grid h3{font-size:.85rem;line-height:1.25;margin:0;color:#08285b}
.trust-strip{background:linear-gradient(90deg,#052c64,#0b4b91);color:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ffffff25}.trust-grid>div{padding:24px;background:#08366f;display:flex;flex-direction:column}.trust-grid strong{text-transform:uppercase;font-size:.9rem}.trust-grid span{font-size:.84rem;color:#d7ebff;margin-top:4px}
.gallery{background:#f7fbff}.before-after-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.ba-card{background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px #0b39600c;border-radius:10px;overflow:hidden}.ba-card h3{margin:0;padding:14px 16px;color:#08285b}.pair{display:grid;grid-template-columns:1fr 1fr}.pair figure{margin:0;position:relative;overflow:hidden;aspect-ratio:4/3}.pair img{width:100%;height:100%;object-fit:cover}.pair figcaption{position:absolute;bottom:9px;left:9px;background:#08285be8;color:#fff;padding:5px 9px;border-radius:4px;text-transform:uppercase;font-size:.75rem;font-weight:900}.pair figure+figure figcaption{background:#168de2e8}
.about{background:#fff}.about-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:54px;align-items:center}.about p{color:var(--muted)}.ticks{list-style:none;padding:0;margin:24px 0 0}.ticks li{padding:8px 0 8px 28px;position:relative}.ticks li:before{content:'✓';position:absolute;left:0;color:var(--blue);font-weight:900}.about-card{background:linear-gradient(145deg,var(--navy),#0a55a1);color:#fff;padding:34px;border-radius:12px}.about-card h3{font-family:Georgia,serif;font-size:2rem;margin:0 0 8px}.about-card p{color:#e7f4ff}.about-card .btn{margin-top:14px}
.contact{background:linear-gradient(145deg,#f7fbff,#e9f5ff)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}.contact-copy p{color:var(--muted)}.contact-links{display:flex;flex-direction:column;gap:10px;margin-top:25px}.contact-links a{font-weight:800;color:#0a4b8f}.quote-form{background:linear-gradient(145deg,#08285b,#0b51a3);color:#fff;padding:28px;border-radius:10px;box-shadow:0 18px 50px #0d4b8d24}.quote-form label{display:flex;flex-direction:column;gap:5px;font-size:.83rem;font-weight:700;margin-bottom:12px}.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:1px solid #69aef2;background:#ffffff0f;color:#fff;border-radius:5px;padding:12px;font:inherit}.quote-form option{color:#111}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-note{font-size:.75rem;color:#cde6ff;margin-bottom:0}
.floating-whatsapp{position:fixed;right:18px;bottom:18px;background:var(--green);color:#fff;padding:13px 18px;border-radius:999px;font-weight:900;box-shadow:0 8px 25px #0003;z-index:60}
.footer{background:#041f49;color:#d9ebff;padding:44px 0 0}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .9fr 1.1fr;gap:38px}.footer h3{text-transform:uppercase;font-size:.88rem;color:#fff;margin-top:0}.footer a,.footer span{display:block;padding:4px 0;font-size:.9rem}.footer-brand img{width:240px;background:#fff;padding:9px;border-radius:4px}.footer-brand p{max-width:300px;font-size:.9rem}.copyright{border-top:1px solid #ffffff26;margin-top:35px;padding:18px 0;font-size:.8rem;color:#9bb9dc}
@media(max-width:980px){.desktop-phone{display:none}.brand{width:245px}.nav{gap:18px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:46px 0}.hero-photo{min-height:400px}.service-grid{grid-template-columns:repeat(4,1fr)}.trust-grid{grid-template-columns:repeat(2,1fr)}.before-after-grid{grid-template-columns:1fr}.about-grid,.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.topbar-inner{flex-wrap:wrap;gap:7px 14px;padding:8px 0}.topbar-inner a{margin-left:0}.nav-wrap{min-height:72px}.brand{width:210px;max-width:68vw}.menu-toggle{display:block;margin-left:auto}.nav{position:absolute;top:72px;left:0;right:0;background:#fff;display:none;flex-direction:column;align-items:stretch;gap:0;padding:8px 18px 18px;box-shadow:0 10px 25px #001d4520}.nav.open{display:flex}.nav a{padding:13px 8px;border-bottom:1px solid var(--line)}.hero-grid{display:block}.hero-copy{padding:40px 0}.hero-photo{min-height:320px;background-position:center 45%}.hero h1{font-size:3.2rem}.service-grid{grid-template-columns:repeat(2,1fr)}.trust-grid{grid-template-columns:1fr}.before-after-grid{grid-template-columns:1fr}.section{padding:45px 0}.two-col{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.floating-whatsapp{font-size:.86rem}.pair{grid-template-columns:1fr 1fr}}
/* MOBILE FIX */
@media (max-width: 800px) {
  .topbar-inner{
    flex-wrap:wrap !important;
    gap:7px 14px !important;
    padding:8px 16px !important;
  }

  .nav-wrap{
    min-height:72px !important;
  }

  .brand{
    width:210px !important;
    max-width:68vw !important;
  }

  .menu-toggle{
    display:block !important;
    margin-left:auto !important;
  }

  .nav{
    display:none !important;
    position:absolute !important;
  }

  .nav.open{
    display:flex !important;
  }

  .desktop-phone{
    display:none !important;
  }

  .hero-grid{
    grid-template-columns:1fr !important;
  }

  .hero-copy{
    padding:40px 28px !important;
  }

  .hero-photo{
    display:block !important;
    width:100% !important;
    min-height:240px !important;
    background-image:url('assets/Knights-Van-Ladder-Fixed-v2.png') !important;
    background-size:cover !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
  }
}
.service-grid article{cursor:pointer;transition:.2s}.service-grid article:hover,.service-grid article:focus-visible{background:var(--light);transform:translateY(-2px);outline:2px solid var(--blue);outline-offset:-2px}