.sonder-proposed-wrap{
  --bg:#fcfaf7;
  --bg2:#f4efe7;
  --ink:#203245;
  --muted:#566876;
  --brand:#1e5b89;
  --brand-soft:#dbe8f2;
  --line:rgba(32,50,69,0.08);
  --white:#ffffff;
  --shadow:0 24px 60px rgba(32,50,69,0.12);
  --radius-xl:28px;
  --radius-lg:24px;
  --radius-md:20px;
  --radius-sm:16px;
  width:100%;
  margin:0;
  padding:0;
  font-family:"Avenir Next","Segoe UI",Arial,sans-serif;
  color:var(--ink);
}

.sonder-proposed-wrap,
.sonder-proposed-wrap *{
  box-sizing:border-box;
}

.sonder-proposed-wrap a{
  text-decoration:none !important;
}

.sonder-proposed-wrap p,
.sonder-proposed-wrap h1,
.sonder-proposed-wrap h2,
.sonder-proposed-wrap h3,
.sonder-proposed-wrap h4{
  margin-top:0;
}

.sonder-proposed-wrap h2,
.sonder-proposed-wrap h3,
.sonder-proposed-wrap h4{
  font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,serif;
  letter-spacing:-0.02em;
  color:var(--ink);
}

.sonder-proposed-shell{
  width:100%;
  max-width:1240px;
  margin:0 auto;
  background:linear-gradient(180deg,#fdfefe,#eef4f6 100%);
  border:1px solid rgba(32,50,69,0.08);
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 24px 60px rgba(32,50,69,0.12);
}

/* HERO */
.sonder-hero{
  display:grid;
  grid-template-columns:1.02fr 0.98fr;
  gap:30px;
  padding:38px 28px 32px;
  background:
    radial-gradient(circle at top right, rgba(217,166,113,0.16), transparent 34%),
    linear-gradient(180deg,var(--bg),var(--bg2));
}

.sonder-eyebrow{
  margin:0 0 10px 0;
  text-transform:uppercase;
  letter-spacing:0.18em;
  font-size:12px;
  line-height:1.2;
  color:#6f7f8d;
  font-weight:600;
}

.sonder-copy-stack h2{
  margin:0 0 14px 0;
  font-size:clamp(2.4rem,4vw,4.4rem);
  line-height:0.97;
  font-weight:700;
  max-width:10ch;
}

.sonder-copy-stack p{
  margin:0;
  font-size:1rem;
  line-height:1.8;
  color:var(--muted);
  max-width:580px;
}

.sonder-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:26px;
}

.sonder-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:0 22px;
  border-radius:999px;
  font-weight:700;
  font-size:15px;
  border:1px solid transparent;
  transition:transform 180ms ease, box-shadow 180ms ease;
}

.sonder-button:hover{
  transform:translateY(-2px);
}

.sonder-button.primary{
  background:var(--brand);
  color:#fff !important;
  box-shadow:0 14px 30px rgba(30,91,137,0.18);
}

.sonder-button.secondary{
  background:#fff;
  border-color:rgba(30,91,137,0.18);
  color:var(--brand) !important;
}

.sonder-trust-strip{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px;
}

.sonder-trust-pill{
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,0.92);
  border:1px solid rgba(32,50,69,0.08);
  font-size:14px;
  line-height:1;
  color:#4b5d6b;
  white-space:nowrap;
}

.sonder-hero-visual{
  min-height:420px;
  border-radius:28px;
  background:
    linear-gradient(140deg, rgba(255,255,255,0.9), transparent 45%),
    linear-gradient(180deg, rgba(30,91,137,0.08), rgba(30,91,137,0)),
    linear-gradient(135deg, #c4d5df 0%, #efe2d3 48%, #dae6db 100%);
  position:relative;
  overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.6);
}

.sonder-hero-visual::before,
.sonder-hero-visual::after,
.sonder-figure{
  content:"";
  position:absolute;
  border-radius:999px;
}

.sonder-hero-visual::before{
  width:180px;
  height:180px;
  background:rgba(255,255,255,0.82);
  left:38px;
  bottom:18px;
}

.sonder-hero-visual::after{
  width:140px;
  height:270px;
  right:60px;
  top:24px;
  background:rgba(255,255,255,0.7);
}

.sonder-figure{
  width:120px;
  height:220px;
  background:rgba(68,114,145,0.22);
  left:42%;
  top:104px;
  transform:rotate(-5deg);
}

/* SERVICES */
.sonder-services-band{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  padding:0 28px 30px;
  margin-top:-10px;
}

.sonder-service-card{
  padding:18px;
  border-radius:20px;
  background:rgba(255,255,255,0.92);
  border:1px solid rgba(32,50,69,0.08);
  min-height:140px;
}

.sonder-service-card h4{
  margin:14px 0 8px 0;
  font-size:1.15rem;
  line-height:1.25;
  font-weight:700;
}

.sonder-service-card p{
  margin:0;
  color:#687a89;
  line-height:1.65;
  font-size:14px;
}

.sonder-icon{
  width:42px;
  height:42px;
  border-radius:14px;
  background:var(--brand-soft);
  position:relative;
}

.sonder-icon::before{
  content:"";
  position:absolute;
  inset:12px;
  border-radius:8px;
  background:var(--brand);
  opacity:.9;
}

/* BOTTOM GRID */
.sonder-trust-grid{
  display:grid;
  grid-template-columns:1.12fr 0.88fr;
  gap:22px;
  padding:0 28px 28px;
}

.sonder-team-card,
.sonder-assessment-card{
  padding:26px;
  border-radius:24px;
  border:1px solid rgba(32,50,69,0.08);
}

.sonder-team-card{
  background:rgba(255,255,255,0.94);
}

.sonder-team-card h3{
  margin:0 0 10px 0;
  font-size:1.75rem;
  line-height:1.1;
  font-weight:700;
}

.sonder-team-card p{
  margin:0;
  color:var(--muted);
  line-height:1.75;
}

.sonder-team-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  margin-top:18px;
}

.sonder-team-role{
  padding:14px 16px;
  border-radius:16px;
  background:#f5f8fa;
  border:1px solid rgba(32,50,69,0.06);
  font-weight:600;
  color:#415464;
  font-size:15px;
}

.sonder-quote{
  margin-top:18px;
  padding:18px;
  border-radius:18px;
  background:linear-gradient(135deg, rgba(223,231,219,0.58), rgba(255,255,255,0.86));
  color:#425261;
  line-height:1.7;
  font-size:15px;
}

.sonder-assessment-card{
  background:linear-gradient(180deg,#173a59,#205a83);
  color:#fff;
  position:relative;
  overflow:hidden;
}

.sonder-assessment-card::after{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  right:-60px;
  bottom:-80px;
  border-radius:50%;
  background:rgba(255,255,255,0.08);
}

.sonder-light-eyebrow{
  color:#d7e7f4;
}

.sonder-assessment-card h3{
  margin:0 0 10px 0;
  font-size:1.75rem;
  line-height:1.1;
  color:#fff;
  font-weight:700;
}

.sonder-assessment-card p,
.sonder-assessment-card .sonder-muted{
  color:rgba(255,255,255,0.82);
  line-height:1.75;
}

.sonder-question-list{
  display:grid;
  gap:12px;
  margin:18px 0 20px;
  position:relative;
  z-index:1;
}

.sonder-question{
  display:flex;
  gap:12px;
  padding:14px 16px;
  border-radius:16px;
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.1);
  line-height:1.55;
  font-size:15px;
}

.sonder-question span{
  color:#f4cda0;
  font-weight:800;
  flex:0 0 auto;
}

.sonder-assessment-btn{
  background:#fff;
  color:#173a59 !important;
  border:none;
  position:relative;
  z-index:1;
  box-shadow:none;
}

/* RESPONSIVE */
@media (max-width:1080px){
  .sonder-hero,
  .sonder-trust-grid{
    grid-template-columns:1fr;
  }

  .sonder-services-band{
    grid-template-columns:repeat(2,1fr);
  }

  .sonder-copy-stack h2{
    max-width:100%;
  }
}

@media (max-width:740px){
  .sonder-hero,
  .sonder-services-band,
  .sonder-trust-grid{
    padding-left:18px;
    padding-right:18px;
  }

  .sonder-services-band,
  .sonder-team-grid{
    grid-template-columns:1fr;
  }

  .sonder-copy-stack h2{
    font-size:2.2rem;
  }

  .sonder-hero-visual{
    min-height:300px;
  }

  .sonder-hero-actions{
    flex-direction:column;
    align-items:flex-start;
  }
}