/* Core palette (your picks) */
:root{
  --primary:#00022b;
  --secondary:#010e54;
  --accent:#0855b1;
  --highlight:#4fa5d8;
  --light:#daeaf7;
  --text:#333;
  --white:#fff;
  --muted:#6c757d;
  --radius:1rem;
  --shadow:0 10px 24px rgba(0,0,0,.12);
  --font-body:"Open Sans", Arial, sans-serif;
  --font-head:"Montserrat", sans-serif;
}
html {scroll-behavior:smooth;}
body{font-family:var(--font-body);color:var(--text);background:#fff;}

/* Navbar */
.navbar{background:var(--primary);}
.navbar .nav-link{color:rgba(255,255,255,.8);}
.navbar .nav-link:hover,.navbar .nav-link:focus{color:#fff;}
.navbar .btn-primary{background:var(--accent);border-color:var(--accent);}
.navbar .btn-primary:hover{background:var(--highlight);border-color:var(--highlight);color:#000;}

/* Hero */
.hero{position:relative;padding-top:7rem;padding-bottom:5rem;color:#fff;overflow:hidden;}
.hero-bg{position:absolute;inset:0;background:
  radial-gradient(1200px 600px at 10% -10%, rgba(79,165,216,.25), transparent 60%),
  radial-gradient(800px 400px at 90% 110%, rgba(8,85,177,.25), transparent 60%),
  linear-gradient(180deg, var(--secondary), var(--primary));
  z-index:-2;}
.hero-visual{border-radius:var(--radius);box-shadow:var(--shadow);}
.badge.text-bg-primary-subtle{background:rgba(79,165,216,.15)!important;border:1px solid rgba(79,165,216,.35);}
.btn-outline-light{border-color:rgba(255,255,255,.6);color:#fff;}
.btn-outline-light:hover{background:#fff;color:#000;}

/* Sections */
.section-title{font-family:var(--font-head);font-weight:700;}
.section{scroll-margin-top:90px;}

/* Feature cards */
.feature-box{background:#fff;border:1px solid #eee;border-radius:var(--radius);box-shadow:0 6px 18px rgba(0,0,0,.06);}
.feature-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;margin:0 auto 1rem;
  background:linear-gradient(135deg, var(--accent), var(--highlight));color:#fff;font-size:1.25rem;}

/* Work tiles */
.work-tile{height:260px;}
.work-tile img{transition:transform .5s ease;}
.work-overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.7) 100%);opacity:0;transition:opacity .35s ease;}
.work-tile:hover img{transform:scale(1.05);}
.work-tile:hover .work-overlay{opacity:1;}

/* Quotes */
.quote{background:#fff;border:1px solid #eee;border-radius:var(--radius);}

/* Footer */
.footer{background:var(--primary);color:rgba(255,255,255,.85);}

/* Utilities */
.py-6{padding-top:4.5rem;padding-bottom:4.5rem;}
.object-fit-cover{object-fit:cover;}
.rounded-4{border-radius:1rem!important;}
