:root{--navy:#053f6b;--blue:#0b7ec2;--light:#eaf6fb;--ink:#1f2a33;--muted:#66727c;--grey:#f5f7f9;--green:#15a36d;--orange:#f07a24;--border:#e4ebf0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.6;background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.topbar{background:var(--navy);color:white;text-align:center;font-weight:800;letter-spacing:.04em;padding:.55rem 1rem;font-size:.92rem}.header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #e6edf2}.nav{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:1rem}.brand{display:flex;align-items:center;gap:.7rem;font-weight:900;color:var(--navy);font-size:1.1rem;letter-spacing:.02em}.logo{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--navy));display:grid;place-items:center;color:white;font-weight:900}.links{display:flex;gap:1.25rem;align-items:center;font-size:.9rem;font-weight:800}.links a{color:#334}.links a:hover,.links .active{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.85rem 1.25rem;background:var(--orange);color:#fff;font-weight:900;border:0;cursor:pointer}.btn.secondary{background:var(--navy)}.btn.outline{background:#fff;color:var(--navy);border:2px solid var(--navy)}.btn.ghost{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35)}.menu{display:none;background:none;border:0;font-weight:900;color:var(--navy)}.hero{background:linear-gradient(110deg,rgba(5,63,107,.95),rgba(11,126,194,.78)),url('../images/servyco-hero.png');background-size:cover;background-position:center;color:#fff}.hero-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:center;min-height:650px;padding:4rem 1rem}.hero h1{font-size:clamp(2.35rem,5vw,4.6rem);line-height:1.03;margin:.4rem 0;font-weight:900}.hero p{font-size:1.18rem;max-width:650px}.badge-row{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.4rem 0}.badge{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);padding:.55rem .8rem;border-radius:999px;font-weight:800;font-size:.9rem}.form-card{background:#fff;color:var(--ink);border-radius:24px;padding:1.5rem;box-shadow:0 20px 50px rgba(0,0,0,.22)}.form-card h2{margin:.2rem 0 1rem;color:var(--navy)}.form{display:grid;gap:.75rem}.form input,.form textarea,.form select{width:100%;padding:.85rem;border:1px solid #d6e0e7;border-radius:10px;font:inherit;background:#fff}.section{padding:4.5rem 1rem}.wrap{max-width:1180px;margin:auto}.centre{text-align:center}.eyebrow{color:var(--blue);font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}.title{font-size:clamp(2rem,3.8vw,3.2rem);line-height:1.1;margin:.4rem 0 1rem;color:var(--navy)}.lead{font-size:1.12rem;color:var(--muted);max-width:780px;margin:0 auto 2rem}.grid{display:grid;gap:1.4rem}.cards{grid-template-columns:repeat(3,1fr)}.card{background:#fff;border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 8px 24px rgba(9,45,72,.08)}.card .pic{height:190px;background:#eaf6fb;display:grid;place-items:center;overflow:hidden}.card .pic img{width:100%;height:100%;object-fit:cover}.card .icon-pic{height:105px}.card .icon-pic img{width:72px;height:72px;object-fit:contain}.card-body{padding:1.3rem}.card h3{margin:0 0 .45rem;color:var(--navy);font-size:1.28rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.panel{background:var(--grey);border-radius:28px;padding:2rem}.panel img,.rounded-img{border-radius:24px;box-shadow:0 12px 30px rgba(9,45,72,.12)}.ticks{list-style:none;margin:1.2rem 0 0;padding:0}.ticks li{margin:.7rem 0;padding-left:1.8rem;position:relative}.ticks li:before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:900}.how{grid-template-columns:repeat(4,1fr)}.step{padding:1.4rem;border-radius:20px;background:var(--light)}.step strong{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--blue);color:#fff;margin-bottom:.8rem}.pricing{grid-template-columns:repeat(3,1fr)}.price{background:#fff;border-radius:20px;padding:1.4rem;border:1px solid var(--border);text-align:center;box-shadow:0 8px 24px rgba(9,45,72,.07)}.price.featured{border:2px solid var(--blue);transform:translateY(-6px)}.price h3{color:var(--navy);margin:.2rem 0}.price strong{font-size:2rem;color:var(--orange)}.cta{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff}.cta .title{color:#fff}.cta .lead{color:#e5f4fb}.footer{background:#101820;color:#d9e1e8;padding:3rem 1rem 1.5rem}.footer-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:2rem}.footer h3{color:#fff;margin-top:0}.footer a{display:block;color:#d9e1e8;margin:.35rem 0}.smallprint{max-width:1180px;margin:2rem auto 0;border-top:1px solid #34424e;padding-top:1rem;color:#aeb9c3;font-size:.9rem}.legal{max-width:900px;margin:auto}.legal h1{color:var(--navy);font-size:2.5rem}.legal h2{color:var(--navy);margin-top:2rem}.service-list{grid-template-columns:repeat(2,1fr)}.service-line{background:#fff;border:1px solid var(--border);border-left:5px solid var(--blue);border-radius:16px;padding:1.2rem}.note{background:#fff7ee;border:1px solid #ffd4af;border-radius:16px;padding:1rem;margin:1rem 0;color:#6f390d}.logo-strip{display:flex;justify-content:center;margin-top:1.2rem}.logo-strip img{max-width:260px}.contact-detail{background:var(--grey);border-radius:20px;padding:1.3rem}.repair-grid{grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.menu{display:block}.links{display:none;position:absolute;left:0;right:0;top:78px;background:#fff;flex-direction:column;align-items:flex-start;padding:1rem;border-bottom:1px solid #e6edf2}.links.open{display:flex}.hero-inner,.split,.footer-grid{grid-template-columns:1fr}.cards,.how,.pricing,.service-list,.repair-grid{grid-template-columns:1fr}.hero-inner{min-height:auto}.topbar{font-size:.78rem}.nav{padding:.75rem 1rem}.price.featured{transform:none}}
