:root{--blue:#0A4D8C;--orange:#FF6A00;--slate:#0a0f14;--light:#F6F9FF}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#1e1e1e;background:#fff}
a{color:var(--blue);text-decoration:none}
.container{width:min(1100px,92vw);margin:0 auto}
.logo{height:56px;width:auto;display:block}.logo.small{height:40px}
.site-header{position:sticky;top:0;background:#fff;border-bottom:4px solid #eef4ff;z-index:20}
.header-inner{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:12px 0}
.brand{display:flex;gap:12px;align-items:center}
.brand-lines strong{display:block;font-weight:800}
.tagline.primary{font-weight:800;color:var(--orange);line-height:1}
.tagline.secondary{color:var(--blue);font-style:italic}
.nav a{margin:0 12px;font-weight:700}
.btn{background:var(--orange);color:#fff;padding:10px 16px;border-radius:10px;font-weight:800;box-shadow:0 6px 18px rgba(255,106,0,.28);display:inline-block}
.btn.ghost{background:transparent;color:var(--blue);border:2px solid var(--blue)}
.btn.jumbo{padding:14px 22px;font-size:1.1rem}
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--light),#fff 60%)}
.hero .blob{position:absolute;right:-120px;top:-80px;width:520px;opacity:.45;animation:float 9s ease-in-out infinite}
.hero .pattern{position:absolute;left:-60px;bottom:-60px;width:420px;height:420px;background:url('/assets/svg/pattern.svg') center/cover no-repeat;opacity:.5;filter:hue-rotate(10deg)}
.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:center;padding:60px 0}
.hero h1{font-size:2.8rem;margin:.2em 0;color:var(--blue)}
.accent{color:var(--orange)}
.trust{list-style:none;padding:0;margin:16px 0 0;display:flex;gap:16px;flex-wrap:wrap;color:#444}
.section{padding:64px 0}.center{text-align:center}
.grid.four{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.grid.two{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.card{background:#fff;border:1px solid #e7eef9;border-radius:14px;padding:20px;box-shadow:0 10px 30px rgba(10,77,140,.08)}
.card.icon .ico{height:40px;margin-bottom:8px}
.pill{background:#fff;border:1px solid #e8eef7;border-radius:999px;padding:12px 16px;text-align:center;font-weight:700;color:var(--blue);box-shadow:0 3px 8px rgba(0,0,0,.04)}
/* Before/After slider */
.ba .ba-wrap{position:relative;overflow:hidden;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.08);height:auto}
.ba img{display:block;width:100%;height:auto;position:absolute;top:0;left:0}
.ba .before{z-index:1}
.ba .after{clip-path:inset(0 0 0 50%);z-index:2}
.ba-range{position:relative;margin-top:420px;width:100%}
/* Footer */
.site-footer{position:relative;background:var(--slate);color:#dbe7ff;padding:28px 0 10px;margin-top:40px}
.site-footer .wave{position:absolute;top:-2px;left:0;width:100%;height:auto;opacity:.6}
.foot-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px;align-items:center;position:relative;z-index:1}
.foot-cta .qr img{height:64px;width:64px;border-radius:8px;border:2px solid rgba(255,255,255,.15);background:#fff;margin-left:8px}
.micro{font-size:.85rem;opacity:.85}
/* Forms */
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
label{display:grid;gap:6px;font-weight:600}
input,select,textarea{padding:10px 12px;border:1px solid #d7dfea;border-radius:10px;font:inherit}
/* Responsive */
@media (max-width: 980px){
  .hero-inner,.grid.four,.grid.two,.foot-grid,.form-grid{grid-template-columns:1fr}
  .nav{display:none}
}
@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(16px)}100%{transform:translateY(0)}}