/* ===================================================================
   ORION STAR BUSINESS CENTER — DESIGN SYSTEM
   Palette: deep navy + electric blue + ice-blue + white, glassmorphism
   Type: Poppins (display) + Inter (body/UI)
   =================================================================== */

:root{
  /* --- color tokens --- */
  --navy-950:#060e1f;
  --navy-900:#0a1830;
  --navy-800:#0f2444;
  --navy-700:#15305c;
  --blue-600:#2563eb;
  --blue-500:#3b82f6;
  --blue-400:#60a5fa;
  --ice-50:#f6f9ff;
  --ice-100:#eaf2ff;
  --ice-200:#dbe9ff;
  --white:#ffffff;
  --slate-600:#4b5a72;
  --slate-500:#64748b;
  --slate-400:#8a97ab;
  --teal-500:#12b981;
  --gold-500:#e8b654;

  /* --- surfaces --- */
  --glass-bg: rgba(255,255,255,0.55);
  --glass-bg-strong: rgba(255,255,255,0.72);
  --glass-border: rgba(255,255,255,0.6);
  --glass-shadow: 0 20px 60px -20px rgba(15,36,68,0.25);

  /* --- radii --- */
  --r-sm:14px;
  --r-md:22px;
  --r-lg:32px;
  --r-xl:42px;
  --r-pill:999px;

  /* --- type --- */
  --font-display:'Poppins', sans-serif;
  --font-body:'Inter', sans-serif;

  --container:1240px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:var(--font-body);
  color:var(--navy-900);
  background:var(--ice-50);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
h1,h2,h3,h4{
  font-family:var(--font-display);
  color:var(--navy-900);
  margin:0 0 .5em 0;
  line-height:1.15;
  letter-spacing:-0.01em;
}
p{line-height:1.7; color:var(--slate-600); margin:0 0 1em 0;}
a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block;}
ul{margin:0; padding:0; list-style:none;}
button{font-family:inherit; cursor:pointer;}
.container{max-width:var(--container); margin:0 auto; padding:0 32px;}
:focus-visible{outline:3px solid var(--blue-500); outline-offset:3px; border-radius:6px;}
@media (prefers-reduced-motion: reduce){
  *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; scroll-behavior:auto !important;}
}

/* ===================== ambient animated background ===================== */
.bg-orbit{
  position:fixed; inset:0; z-index:-2; overflow:hidden; background:
    radial-gradient(ellipse 120% 80% at 50% -10%, #ffffff 0%, var(--ice-50) 45%, var(--ice-100) 100%);
}
.bg-orbit span{
  position:absolute; border-radius:50%; filter:blur(70px); opacity:0.55;
  animation:drift 22s ease-in-out infinite alternate;
}
.bg-orbit span:nth-child(1){width:520px;height:520px; background:radial-gradient(circle,#bcd8ff,transparent 70%); top:-160px; left:-120px;}
.bg-orbit span:nth-child(2){width:460px;height:460px; background:radial-gradient(circle,#dfeaff,transparent 70%); top:20%; right:-160px; animation-delay:-6s;}
.bg-orbit span:nth-child(3){width:600px;height:600px; background:radial-gradient(circle,#eaf2ff,transparent 70%); bottom:-220px; left:10%; animation-delay:-12s;}
@keyframes drift{
  0%{transform:translate(0,0) scale(1);}
  100%{transform:translate(40px,-30px) scale(1.08);}
}
.constellation{position:absolute; inset:0; pointer-events:none; opacity:.5;}

/* ===================== glass utility ===================== */
.glass{
  background:var(--glass-bg);
  backdrop-filter:blur(18px) saturate(160%);
  -webkit-backdrop-filter:blur(18px) saturate(160%);
  border:1px solid var(--glass-border);
  box-shadow:var(--glass-shadow);
}
.glass-strong{
  background:var(--glass-bg-strong);
  backdrop-filter:blur(22px) saturate(180%);
  -webkit-backdrop-filter:blur(22px) saturate(180%);
  border:1px solid rgba(255,255,255,0.7);
  box-shadow:var(--glass-shadow);
}

/* ===================== header / nav ===================== */
.site-header{
  position:sticky; top:0; z-index:100;
  padding:18px 0;
}
.site-header .container{
  display:flex; align-items:center; justify-content:space-between;
  padding:10px 22px;
  border-radius:var(--r-pill);
  background:rgba(255,255,255,0.65);
  backdrop-filter:blur(16px) saturate(160%);
  -webkit-backdrop-filter:blur(16px) saturate(160%);
  border:1px solid rgba(255,255,255,0.7);
  box-shadow:0 12px 40px -18px rgba(15,36,68,0.22);
}
.brand{display:flex; align-items:center; gap:12px; font-family:var(--font-display); font-weight:700; font-size:1.05rem; color:var(--navy-900);}
.brand-mark{
  width:42px; height:42px; border-radius:14px;
  background:linear-gradient(145deg,var(--navy-900),var(--blue-600));
  display:flex; align-items:center; justify-content:center;
  color:#fff; box-shadow:0 8px 20px -6px rgba(37,99,235,.6);
  position:relative;
}
.brand-mark svg{width:22px;height:22px;}
.brand small{display:block; font-family:var(--font-body); font-weight:500; font-size:.68rem; color:var(--slate-500); letter-spacing:.03em;}
.nav-links{display:flex; align-items:center; gap:2px;}
.nav-links a{
  padding:10px 16px; border-radius:var(--r-pill); font-weight:500; font-size:.92rem;
  color:var(--navy-800); transition:background .2s, color .2s;
}
.nav-links a:hover, .nav-links a.active{background:var(--ice-100); color:var(--blue-600);}
.header-cta{display:flex; align-items:center; gap:10px;}
.nav-toggle{display:none; background:none; border:none; padding:8px;}
.nav-toggle span{display:block; width:24px; height:2px; background:var(--navy-900); margin:5px 0; border-radius:2px;}

/* ===================== buttons ===================== */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:14px 26px; border-radius:var(--r-pill); font-weight:600; font-size:.95rem;
  border:1px solid transparent; transition:transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s, background .25s;
  white-space:nowrap;
}
.btn svg{width:16px;height:16px;}
.btn-primary{
  background:linear-gradient(135deg,var(--blue-500),var(--blue-600) 60%, var(--navy-800));
  color:#fff; box-shadow:0 14px 30px -12px rgba(37,99,235,.55);
}
.btn-primary:hover{transform:translateY(-3px); box-shadow:0 20px 36px -12px rgba(37,99,235,.65);}
.btn-ghost{
  background:rgba(255,255,255,0.7); color:var(--navy-900); border-color:rgba(15,36,68,0.12);
}
.btn-ghost:hover{transform:translateY(-3px); background:#fff;}
.btn-outline-light{background:rgba(255,255,255,.12); color:#fff; border-color:rgba(255,255,255,.35);}
.btn-outline-light:hover{background:rgba(255,255,255,.22); transform:translateY(-3px);}
.btn-sm{padding:10px 18px; font-size:.85rem;}
.btn-block{width:100%;}
.btn-danger{background:#fee2e2; color:#b91c1c;}
.btn-danger:hover{background:#fecaca;}

/* ===================== hero ===================== */
.hero{padding:36px 0 80px;}
.hero-grid{display:grid; grid-template-columns:1fr 1.05fr; gap:28px; align-items:stretch;}
.hero-copy{
  border-radius:var(--r-xl);
  padding:52px 46px;
  display:flex; flex-direction:column; justify-content:center;
}
.eyebrow{
  display:inline-flex; align-items:center; gap:8px; align-self:flex-start;
  padding:9px 16px; border-radius:var(--r-pill); background:#fff;
  font-size:.72rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--navy-800);
  box-shadow:0 8px 20px -10px rgba(15,36,68,.25); margin-bottom:26px;
}
.eyebrow .dot{width:8px;height:8px;border-radius:50%; background:var(--teal-500); box-shadow:0 0 0 4px rgba(18,185,129,.18);}
.hero-copy h1{font-size:clamp(2.1rem,3.4vw,3.1rem); font-weight:700;}
.hero-copy h1 .accent{
  background:linear-gradient(90deg,var(--blue-600),var(--blue-400));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.hero-copy p.lead{font-size:1.05rem; max-width:52ch; margin:18px 0 30px;}
.hero-actions{display:flex; gap:14px; flex-wrap:wrap;}
.hero-visual{
  position:relative; border-radius:var(--r-xl); overflow:hidden; min-height:420px;
  background:linear-gradient(160deg,var(--navy-900),var(--navy-700) 60%, var(--blue-700,#123a7a));
  box-shadow:0 30px 60px -20px rgba(6,14,31,.5);
}
.hero-visual img.main-shot{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.85; mix-blend-mode:normal;}
.hero-visual::after{content:""; position:absolute; inset:0; background:linear-gradient(0deg, rgba(6,14,31,.85) 0%, rgba(6,14,31,.15) 45%, rgba(6,14,31,.05) 70%);}
.hero-visual-content{position:relative; z-index:2; height:100%; display:flex; flex-direction:column; justify-content:flex-end; padding:34px;}
.hero-tag{color:#cfe0ff; font-size:.72rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; margin-bottom:10px;}
.hero-visual-content h3{color:#fff; font-size:1.7rem; max-width:16ch;}
.hero-bar{height:3px; width:70px; background:linear-gradient(90deg,var(--blue-400),transparent); margin-top:14px; border-radius:2px;}
.hero-float-card{
  position:absolute; right:34px; bottom:34px; width:210px; border-radius:var(--r-md); overflow:hidden;
  box-shadow:0 24px 40px -14px rgba(6,14,31,.55); border:3px solid rgba(255,255,255,.85); z-index:3;
  transform:rotate(1.2deg);
}
.hero-float-card img{height:130px; object-fit:cover;}
.hero-float-tag{
  position:absolute; top:12px; left:12px; background:#fff; padding:7px 12px; border-radius:var(--r-pill);
  font-size:.68rem; font-weight:700; color:var(--navy-900); box-shadow:0 6px 14px -6px rgba(0,0,0,.3);
}
.hero-play{
  position:absolute; top:50%; left:38%; transform:translate(-50%,-50%); width:64px; height:64px; border-radius:50%;
  background:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 12px 30px -8px rgba(0,0,0,.4); z-index:3;
}
.hero-play svg{width:20px; height:20px; margin-left:3px; color:var(--blue-600);}
.hero-stats{
  margin-top:22px; display:flex; align-items:stretch; gap:0; border-radius:var(--r-lg); overflow:hidden;
}
.hero-stats .stat{
  flex:1; display:flex; align-items:center; gap:12px; padding:20px 22px; background:rgba(255,255,255,0.6);
  border-right:1px solid rgba(15,36,68,0.08);
}
.hero-stats .stat:last-child{border-right:none;}
.stat-ic{width:40px; height:40px; border-radius:12px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.stat-ic svg{width:19px;height:19px;}
.stat b{display:block; font-family:var(--font-display); font-size:1.02rem; color:var(--navy-900);}
.stat span{font-size:.72rem; color:var(--slate-500); font-weight:600; letter-spacing:.02em;}
.scroll-cue{display:flex; flex-direction:column; align-items:center; gap:8px; margin-top:56px; color:var(--slate-500); font-size:.72rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase;}
.scroll-cue svg{animation:bob 2s ease-in-out infinite;}
@keyframes bob{0%,100%{transform:translateY(0);}50%{transform:translateY(8px);}}

/* ===================== section scaffolding ===================== */
.section{padding:100px 0;}
.section-tight{padding:60px 0;}
.section-head{max-width:680px; margin:0 au0 56px;}
.section-head{margin-bottom:56px;}
.section-head.center{margin-left:auto; margin-right:auto; text-align:center;}
.kicker{display:inline-flex; align-items:center; gap:8px; font-size:.72rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--blue-600); margin-bottom:14px;}
.kicker::before{content:""; width:22px; height:2px; background:var(--blue-600); display:inline-block; border-radius:2px;}
.section-head h2{font-size:clamp(1.7rem,2.6vw,2.4rem);}
.section-head p{font-size:1.02rem;}
.section-navy{
  background:linear-gradient(160deg,var(--navy-950),var(--navy-800) 70%);
  border-radius:var(--r-xl); margin:0 auto; max-width:calc(var(--container) + 64px);
  padding:88px 60px; position:relative; overflow:hidden;
}
.section-navy h2,.section-navy .kicker{color:#fff;}
.section-navy .kicker{color:var(--blue-400);}
.section-navy p{color:#b9c6dd;}

/* ===================== reveal-on-scroll ===================== */
.reveal{opacity:0; transform:translateY(28px); transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.3,1);}
.reveal.in{opacity:1; transform:translateY(0);}

/* ===================== cards: grid layouts ===================== */
.grid{display:grid; gap:26px;}
.grid-2{grid-template-columns:repeat(2,1fr);}
.grid-3{grid-template-columns:repeat(3,1fr);}
.grid-4{grid-template-columns:repeat(4,1fr);}

.feature-card{
  border-radius:var(--r-lg); padding:32px 28px; background:#fff; border:1px solid var(--ice-200);
  box-shadow:0 18px 40px -26px rgba(15,36,68,.35); transition:transform .3s, box-shadow .3s;
}
.feature-card:hover{transform:translateY(-8px); box-shadow:0 26px 50px -22px rgba(15,36,68,.4);}
.feature-ic{
  width:54px; height:54px; border-radius:16px; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(150deg,var(--ice-100),var(--ice-200)); color:var(--blue-600); margin-bottom:20px;
}
.feature-ic svg{width:24px;height:24px;}
.feature-card h3{font-size:1.08rem;}
.feature-card p{font-size:.92rem; margin-bottom:0;}

.amenity-pill{
  display:flex; align-items:center; gap:12px; padding:16px 18px; border-radius:var(--r-md);
  background:rgba(255,255,255,.7); border:1px solid var(--ice-200);
}
.amenity-pill .ic{width:38px; height:38px; border-radius:11px; background:var(--ice-100); color:var(--blue-600); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.amenity-pill .ic svg{width:18px;height:18px;}
.amenity-pill span{font-size:.9rem; font-weight:600; color:var(--navy-800);}

.value-card{border-radius:var(--r-lg); padding:36px 30px; color:#fff; position:relative; overflow:hidden;}
.value-card.navy{background:linear-gradient(155deg,var(--navy-900),var(--navy-700));}
.value-card.blue{background:linear-gradient(155deg,var(--blue-600),var(--navy-800));}
.value-card h3{color:#fff; font-size:1.1rem;}
.value-card p{color:#c7d4ea; margin-bottom:0; font-size:.92rem;}

/* office / inventory cards */
.office-card{
  border-radius:var(--r-lg); overflow:hidden; background:#fff; border:1px solid var(--ice-200);
  box-shadow:0 18px 44px -28px rgba(15,36,68,.4); transition:transform .35s, box-shadow .35s; display:flex; flex-direction:column;
}
.office-card:hover{transform:translateY(-8px); box-shadow:0 30px 54px -22px rgba(15,36,68,.42);}
.office-media{position:relative; height:210px; overflow:hidden;}
.office-media img{width:100%; height:100%; object-fit:cover; transition:transform .6s;}
.office-card:hover .office-media img{transform:scale(1.07);}
.office-status{position:absolute; top:14px; left:14px; padding:7px 14px; border-radius:var(--r-pill); font-size:.68rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; backdrop-filter:blur(6px);}
.office-status.available{background:rgba(18,185,129,.92); color:#fff;}
.office-status.occupied{background:rgba(148,163,184,.92); color:#fff;}
.office-status.setup{background:rgba(232,182,84,.95); color:#3a2a05;}
.office-price-tag{position:absolute; bottom:14px; right:14px; background:rgba(6,14,31,.78); color:#fff; padding:8px 14px; border-radius:var(--r-pill); font-size:.78rem; font-weight:700; backdrop-filter:blur(6px);}
.office-body{padding:24px; display:flex; flex-direction:column; gap:14px; flex:1;}
.office-body h3{font-size:1.12rem; margin:0;}
.office-meta{display:flex; gap:16px; font-size:.82rem; color:var(--slate-500); font-weight:600;}
.office-meta span{display:flex; align-items:center; gap:6px;}
.office-meta svg{width:15px; height:15px; color:var(--blue-600);}
.office-amenity-tags{display:flex; flex-wrap:wrap; gap:8px;}
.office-amenity-tags span{font-size:.72rem; font-weight:600; padding:6px 11px; border-radius:var(--r-pill); background:var(--ice-100); color:var(--navy-800);}
.office-amenity-tags span.more{background:transparent; color:var(--slate-500);}
.office-card .btn{margin-top:auto;}

/* filters bar */
.filters-bar{
  display:flex; flex-wrap:wrap; gap:12px; align-items:center; padding:20px 24px; border-radius:var(--r-lg);
  margin-bottom:36px;
}
.filters-bar select, .filters-bar input[type=text]{
  border:1px solid var(--ice-200); border-radius:var(--r-pill); padding:11px 18px; font-size:.88rem; font-family:inherit;
  background:#fff; color:var(--navy-800);
}
.filters-bar .chip-group{display:flex; gap:8px; flex-wrap:wrap;}
.chip{padding:9px 16px; border-radius:var(--r-pill); border:1px solid var(--ice-200); background:#fff; font-size:.82rem; font-weight:600; color:var(--slate-600); transition:.2s;}
.chip.active{background:var(--navy-900); color:#fff; border-color:var(--navy-900);}

/* pricing */
.price-card{border-radius:var(--r-lg); padding:38px 32px; background:#fff; border:1px solid var(--ice-200); box-shadow:0 18px 40px -28px rgba(15,36,68,.3); text-align:left; position:relative;}
.price-card.featured{background:linear-gradient(165deg,var(--navy-900),var(--navy-700)); color:#fff; transform:scale(1.03); box-shadow:0 26px 54px -18px rgba(15,36,68,.5);}
.price-card.featured h3, .price-card.featured .price-amt{color:#fff;}
.price-card.featured p{color:#c7d4ea;}
.price-card.featured .price-feat li{color:#dce7fb;}
.price-badge{position:absolute; top:-14px; right:28px; background:var(--gold-500); color:#3a2a05; font-size:.68rem; font-weight:800; padding:7px 14px; border-radius:var(--r-pill); text-transform:uppercase; letter-spacing:.04em;}
.price-amt{font-family:var(--font-display); font-size:2.1rem; font-weight:700; color:var(--navy-900); margin:14px 0 6px;}
.price-amt span{font-size:.95rem; font-weight:500; color:var(--slate-500);}
.price-feat{margin:22px 0 28px; display:flex; flex-direction:column; gap:12px;}
.price-feat li{display:flex; gap:10px; align-items:flex-start; font-size:.9rem; color:var(--slate-600);}
.price-feat svg{width:17px; height:17px; color:var(--teal-500); flex-shrink:0; margin-top:2px;}

/* testimonials / gallery */
.gallery-grid{display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:150px; gap:16px;}
.gallery-grid img{width:100%; height:100%; object-fit:cover; border-radius:var(--r-md);}
.gallery-grid .g1{grid-column:span 2; grid-row:span 2;}
.gallery-grid .g4{grid-column:span 2;}

/* CTA band */
.cta-band{
  border-radius:var(--r-xl); padding:64px 60px; text-align:center; position:relative; overflow:hidden;
  background:linear-gradient(135deg,var(--blue-600),var(--navy-900));
}
.cta-band h2{color:#fff; font-size:clamp(1.6rem,2.6vw,2.2rem); max-width:22ch; margin:0 auto 14px;}
.cta-band p{color:#cfe0ff; max-width:50ch; margin:0 auto 30px;}
.cta-band .hero-actions{justify-content:center;}

/* forms */
.form-grid{display:grid; grid-template-columns:1fr 1fr; gap:18px;}
.field{display:flex; flex-direction:column; gap:8px; margin-bottom:18px;}
.field.full{grid-column:1/-1;}
.field label{font-size:.82rem; font-weight:700; color:var(--navy-800);}
.field input, .field select, .field textarea{
  padding:14px 16px; border-radius:14px; border:1px solid var(--ice-200); background:#fff;
  font-family:inherit; font-size:.94rem; color:var(--navy-900); width:100%;
}
.field input:focus, .field select:focus, .field textarea:focus{border-color:var(--blue-500);}
.field textarea{resize:vertical; min-height:120px;}
.form-note{font-size:.8rem; color:var(--slate-500); margin-top:10px;}
.form-success{display:none; padding:16px 18px; border-radius:14px; background:#ecfdf5; color:#047857; font-weight:600; font-size:.9rem; align-items:center; gap:10px;}
.form-success.show{display:flex;}
.form-success svg{width:18px;height:18px;}

/* contact info cards */
.contact-info-card{display:flex; gap:16px; align-items:flex-start; padding:22px; border-radius:var(--r-md); background:#fff; border:1px solid var(--ice-200);}
.contact-info-card .ic{width:44px; height:44px; border-radius:13px; background:var(--ice-100); color:var(--blue-600); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.contact-info-card .ic svg{width:20px; height:20px;}
.contact-info-card h4{font-size:.95rem; margin-bottom:4px;}
.contact-info-card p{font-size:.87rem; margin:0;}
.map-embed{border-radius:var(--r-lg); overflow:hidden; border:1px solid var(--ice-200); height:340px;}
.map-embed iframe{width:100%; height:100%; border:0;}

/* footer */
.site-footer{margin-top:60px; padding:70px 0 30px; background:linear-gradient(180deg,var(--navy-950),#040a17); color:#c7d4ea;}
.footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:40px; margin-bottom:50px;}
.footer-grid h4{color:#fff; font-size:.9rem; margin-bottom:18px; letter-spacing:.02em;}
.footer-grid ul li{margin-bottom:11px; font-size:.88rem;}
.footer-grid ul li a:hover{color:var(--blue-400);}
.footer-brand p{color:#8ea0bf; font-size:.88rem; max-width:34ch;}
.footer-bottom{display:flex; justify-content:space-between; align-items:center; padding-top:26px; border-top:1px solid rgba(255,255,255,.08); font-size:.8rem; color:#7488a8; flex-wrap:wrap; gap:12px;}
.footer-social{display:flex; gap:10px;}
.footer-social a{width:38px; height:38px; border-radius:11px; background:rgba(255,255,255,.06); display:flex; align-items:center; justify-content:center; transition:.2s;}
.footer-social a:hover{background:var(--blue-600);}
.footer-social svg{width:16px;height:16px;}
.admin-link{opacity:.55; font-size:.75rem;}

/* page hero (inner pages) */
.page-hero{padding:150px 0 70px; text-align:center; position:relative;}
.page-hero .kicker{justify-content:center;}
.page-hero h1{font-size:clamp(2rem,3.6vw,2.9rem);}
.page-hero p{max-width:60ch; margin:0 auto;}

/* breadcrumbs-esque tag row */
.tag-row{display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-top:22px;}
.tag-row span{background:#fff; border:1px solid var(--ice-200); padding:8px 16px; border-radius:var(--r-pill); font-size:.8rem; font-weight:600; color:var(--navy-800);}

/* responsive */
@media (max-width:1080px){
  .hero-grid{grid-template-columns:1fr;}
  .hero-visual{min-height:340px;}
  .grid-4{grid-template-columns:repeat(2,1fr);}
  .grid-3{grid-template-columns:repeat(2,1fr);}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .gallery-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:760px){
  .nav-links{position:fixed; top:86px; left:16px; right:16px; flex-direction:column; align-items:stretch; background:#fff; border-radius:var(--r-lg); padding:14px; box-shadow:0 20px 50px -20px rgba(15,36,68,.4); display:none;}
  .nav-links.open{display:flex;}
  .nav-toggle{display:block;}
  .header-cta .btn span{display:none;}
  .grid-2, .grid-3, .grid-4{grid-template-columns:1fr;}
  .hero-copy{padding:36px 26px;}
  .section{padding:70px 0;}
  .section-navy{padding:56px 26px;}
  .form-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .price-card.featured{transform:none;}
  .hero-stats{flex-direction:column;}
  .hero-stats .stat{border-right:none; border-bottom:1px solid rgba(15,36,68,.08);}
}