/* Silver Creek full site stylesheet */
:root{
  --bg:#f4f7fb;
  --surface:#ffffff;
  --surface-2:#eef3fb;
  --surface-3:#0d1830;
  --text:#152033;
  --muted:#5f6b7d;
  --line:rgba(17,24,39,.08);
  --blue:#1948c8;
  --blue-2:#2f6ef6;
  --navy:#0b1530;
  --gold:#d7b165;
  --shadow:0 18px 50px rgba(10,25,55,.10);
  --shadow-strong:0 24px 70px rgba(7,18,41,.22);
  --radius:20px;
  --radius-sm:14px;
  --container:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.55;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(calc(100% - 32px),var(--container));margin:0 auto}

.topbar{
  position:sticky;top:0;z-index:50;
  backdrop-filter:blur(18px);
  background:rgba(255,255,255,.84);
  border-bottom:1px solid rgba(17,24,39,.06);
}
.topbar-inner{
  min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px
}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{
  width:44px;height:44px;border-radius:14px;
  background:linear-gradient(135deg,var(--navy),var(--blue));
  color:#fff;display:grid;place-items:center;
  font-weight:800;letter-spacing:.04em;
  box-shadow:0 10px 24px rgba(25,72,200,.30);
}
.brand-text{display:flex;flex-direction:column;line-height:1.05}
.brand-text strong{font-size:1rem}
.brand-text small{font-size:.75rem;color:var(--muted);font-weight:600;letter-spacing:.08em;text-transform:uppercase}

.nav{display:flex;align-items:center;gap:24px}
.nav a{font-size:.95rem;font-weight:600;color:#304056}
.nav a:hover{color:var(--blue)}

.phone-cta,.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  border-radius:999px;padding:13px 20px;
  font-weight:700;transition:.22s ease;
}
.phone-cta{background:#0f224b;color:#fff}
.phone-cta:hover{transform:translateY(-1px);box-shadow:var(--shadow)}

.hero{
  position:relative;overflow:hidden;
  padding:72px 0 52px;
  background:
    radial-gradient(circle at top right, rgba(71,118,255,.15), transparent 28%),
    linear-gradient(180deg,#f7faff 0%, #edf3ff 100%);
}
.hero-bg{
  position:absolute;inset:0;
  background:
    linear-gradient(120deg, rgba(13,24,48,.88), rgba(24,72,200,.55)),
    url("hero-bg.png") center/cover no-repeat;
  opacity:.12;
  pointer-events:none;
}
.hero-grid{
  position:relative;
  display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center
}
.eyebrow{
  display:inline-block;
  margin-bottom:12px;
  color:var(--blue);
  font-weight:800;
  font-size:.78rem;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.eyebrow-light{color:#bcd1ff}
.hero h1{
  margin:0 0 16px;
  font-size:clamp(2.4rem,4vw,4.6rem);
  line-height:.97;
  letter-spacing:-.05em;
  max-width:12ch;
}
.hero-text{
  font-size:1.07rem;
  color:#33445d;
  max-width:62ch;
  margin:0 0 24px;
}
.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.btn-primary{
  background:linear-gradient(135deg,var(--blue),var(--blue-2));
  color:#fff;
  box-shadow:0 12px 30px rgba(25,72,200,.28);
}
.btn-primary:hover{transform:translateY(-2px)}
.btn-secondary{
  background:#fff;border:1px solid rgba(17,24,39,.08);color:#10223f
}
.btn-secondary:hover{transform:translateY(-2px);box-shadow:var(--shadow)}

.trust-chips{display:flex;flex-wrap:wrap;gap:10px}
.trust-chips span{
  background:#fff;
  border:1px solid rgba(17,24,39,.07);
  box-shadow:0 8px 18px rgba(17,24,39,.05);
  border-radius:999px;
  padding:10px 14px;
  font-size:.9rem;
  font-weight:600;
  color:#304056;
}
.hero-card{
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.75);
  border-radius:28px;
  box-shadow:var(--shadow-strong);
  padding:22px;
}
.hero-card-top{
  font-weight:800;
  font-size:1.12rem;
  margin-bottom:14px;
}
.hero-stat{
  display:flex;justify-content:space-between;align-items:center;
  padding:14px 0;border-bottom:1px solid rgba(17,24,39,.08)
}
.hero-stat:last-of-type{border-bottom:0}
.hero-stat span{font-weight:600;color:#42516a}
.hero-stat strong{font-size:1.25rem;letter-spacing:-.04em}
.hero-card-note{
  margin-top:14px;
  background:linear-gradient(180deg,#eff5ff,#f7faff);
  border:1px solid rgba(25,72,200,.12);
  border-radius:18px;padding:14px;
  color:#304056;font-size:.94rem
}

.trustbar{
  border-top:1px solid rgba(17,24,39,.05);
  border-bottom:1px solid rgba(17,24,39,.05);
  background:#fff;
}
.trustbar-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px 0
}
.trustbar-grid div{
  background:linear-gradient(180deg,#fff,#f8fbff);
  border:1px solid rgba(17,24,39,.06);
  border-radius:18px;padding:18px;box-shadow:0 8px 20px rgba(8,18,40,.04)
}
.trustbar-grid strong{display:block;font-size:1rem}
.trustbar-grid span{display:block;color:var(--muted);margin-top:3px;font-size:.92rem}

.section{padding:84px 0}
.section-light{background:#fff}
.section-soft{background:linear-gradient(180deg,#f3f7ff 0%, #eef3fb 100%)}
.section-dark{
  background:
    radial-gradient(circle at top left, rgba(70,120,255,.28), transparent 28%),
    linear-gradient(180deg,#0b1530 0%, #101c3f 100%);
  color:#fff;
}
.section-header{max-width:760px;margin-bottom:30px}
.section-header h2{
  margin:0 0 14px;
  font-size:clamp(1.95rem,3vw,3rem);
  line-height:1.02;letter-spacing:-.04em
}
.section-header p{margin:0;color:#51627a;font-size:1.03rem}
.section-dark .section-header p,.window-copy p{color:#d8e2fb}

.feature-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px
}
.feature-card{
  background:linear-gradient(180deg,#fff,#f8fbff);
  border:1px solid rgba(17,24,39,.06);
  border-radius:24px;padding:24px;
  box-shadow:var(--shadow)
}
.feature-card h3{margin:0 0 10px;font-size:1.16rem}
.feature-card p{margin:0;color:#55647a}

.window-grid{
  display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:start
}
.window-copy h2{
  margin:0 0 14px;
  font-size:clamp(2rem,3vw,3.2rem);
  line-height:1;
  letter-spacing:-.05em;
}
.window-cards{
  display:grid;grid-template-columns:repeat(2,1fr);gap:18px
}
.cost-card{
  min-height:190px;
  border-radius:24px;
  padding:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.08));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 14px 34px rgba(0,0,0,.15)
}
.cost-label{font-size:.95rem;text-transform:uppercase;letter-spacing:.1em;color:#d7e4ff;font-weight:700}
.cost-value{font-size:2rem;font-weight:900;letter-spacing:-.05em;margin:8px 0 10px}
.cost-card p{margin:0;color:#d9e3fb}

.steps{
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px
}
.step{
  position:relative;
  background:linear-gradient(180deg,#fff,#f9fbff);
  border-radius:24px;padding:24px;
  border:1px solid rgba(17,24,39,.06);
  box-shadow:var(--shadow)
}
.step-number{
  width:42px;height:42px;border-radius:999px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,var(--blue),var(--blue-2));
  color:#fff;font-weight:800;margin-bottom:14px
}
.step h3{margin:0 0 8px}
.step p{margin:0;color:#58687d}

.split-panel{
  display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:start
}
.clean-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:12px}
.clean-list li{
  background:#fff;border:1px solid rgba(17,24,39,.06);border-radius:16px;
  padding:14px 16px;box-shadow:0 10px 22px rgba(8,18,40,.05);font-weight:600
}
.info-panel{
  background:#0f1b38;color:#fff;padding:26px;border-radius:28px;box-shadow:var(--shadow-strong)
}
.info-panel h3{margin:0 0 16px;font-size:1.4rem}
.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.mini-card{
  background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.07));
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;padding:18px;font-weight:700
}

.quote-grid{
  display:grid;grid-template-columns:.95fr 1.05fr;gap:24px;align-items:start
}
.quote-copy h2{
  margin:0 0 12px;
  font-size:clamp(1.95rem,3vw,3rem);
  line-height:1.02;letter-spacing:-.05em
}
.quote-copy p{color:#576780}
.quote-help{
  margin-top:22px;background:#f4f8ff;border:1px solid rgba(25,72,200,.10);
  padding:18px;border-radius:20px
}
.quote-help p{margin:.45rem 0 0}
.quote-form{
  background:#fff;border:1px solid rgba(17,24,39,.06);
  border-radius:28px;padding:24px;box-shadow:var(--shadow)
}
.quote-form label{
  display:block;font-size:.93rem;font-weight:700;margin-bottom:14px;color:#223149
}
.quote-form input,.quote-form select{
  width:100%;margin-top:8px;border:1px solid rgba(17,24,39,.12);
  background:#fff;border-radius:16px;padding:15px 16px;
  font:inherit;color:#10223f;outline:none;transition:border-color .2s, box-shadow .2s
}
.quote-form input:focus,.quote-form select:focus{
  border-color:rgba(25,72,200,.45);
  box-shadow:0 0 0 4px rgba(25,72,200,.08)
}
.checkbox-row{
  display:flex !important;align-items:flex-start;gap:12px;
  padding:10px 0 4px;font-weight:600;color:#44546b
}
.checkbox-row input{width:18px;height:18px;margin-top:2px}
.btn-full{width:100%}
.form-meta{font-size:.86rem;color:#6a7788;margin:12px 0 0}
.form-meta a{color:var(--blue);font-weight:700}
.form-status{
  margin-top:12px;padding:12px 14px;border-radius:16px;
  font-weight:700;display:none
}
.form-status.show{display:block}
.form-status.success{background:#ebfff3;color:#15683a;border:1px solid #bde6ca}
.form-status.info{background:#eef5ff;color:#12439a;border:1px solid #c9dafd}

.footer{
  background:#091227;color:#dce6ff;padding:38px 0 90px
}
.footer-grid{
  display:grid;grid-template-columns:1.25fr .7fr .8fr;gap:26px
}
.brand-footer .brand-text small{color:#93a7d2}
.footer h4{margin:0 0 12px;color:#fff}
.footer a{display:block;color:#dce6ff;margin:7px 0}
.footer-copy{max-width:38ch;color:#aebde1}

.legal-body{background:linear-gradient(180deg,#eef3fb 0%, #f6f9ff 100%)}
.legal-topbar{position:relative}
.legal-wrap{padding:40px 0 80px}
.legal-card{
  background:#fff;border-radius:30px;padding:34px;
  border:1px solid rgba(17,24,39,.06);box-shadow:var(--shadow)
}
.legal-card h1{
  margin:0 0 16px;
  font-size:clamp(2rem,3vw,3.2rem);
  line-height:1;letter-spacing:-.05em
}
.legal-card h2{margin:28px 0 10px;font-size:1.18rem}
.legal-card p{margin:0;color:#4f6178}
.legal-list{margin:10px 0 0;padding-left:20px;color:#4f6178}
.legal-list li{margin:8px 0}
.legal-links{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap}

.mobile-call{
  position:fixed;left:16px;right:16px;bottom:14px;z-index:60;
  background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;
  padding:15px 18px;border-radius:999px;text-align:center;font-weight:800;
  box-shadow:0 18px 36px rgba(25,72,200,.35);
  display:none;
}

@media (max-width: 1080px){
  .hero-grid,.window-grid,.split-panel,.quote-grid{grid-template-columns:1fr}
  .feature-grid,.steps{grid-template-columns:repeat(2,1fr)}
  .trustbar-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 760px){
  .nav{display:none}
  .topbar-inner{min-height:72px}
  .hero{padding:42px 0 36px}
  .section{padding:62px 0}
  .hero h1{max-width:11ch}
  .feature-grid,.steps,.window-cards,.mini-grid,.footer-grid,.trustbar-grid{grid-template-columns:1fr}
  .cost-card{min-height:auto}
  .phone-cta{display:none}
  .mobile-call{display:block}
  .hero-card,.quote-form,.legal-card,.info-panel{border-radius:24px}
}