/* SettledSolo case study */
.settledsolo-page .hero-visual{min-height:560px}
.settledsolo-frame{position:relative;width:min(100%,460px);padding:.85rem;border:1px solid #dfd1b9;border-radius:28px;background:linear-gradient(145deg,#f5ecdc,#e7d7bb);box-shadow:0 30px 70px -32px rgba(23,49,58,.42);transform:rotate(1.4deg)}
.settledsolo-frame img{display:block;width:100%;height:auto;border-radius:19px;box-shadow:0 16px 32px rgba(23,49,58,.18)}
.live-badge{position:absolute;z-index:2;right:1.35rem;top:1.35rem;padding:.42rem .58rem;border-radius:999px;background:#f7eacb;color:#17313A;border:1px solid rgba(23,49,58,.14);font:800 .62rem/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 5px 14px rgba(23,49,58,.12)}
.real-app-note{margin:1.25rem auto 0;max-width:34rem;text-align:center;color:var(--muted);font:500 .86rem/1.55 var(--sans)}
.real-app-note b{color:var(--ink)}
.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.55rem}
.settledsolo-page .hero-actions .btn{margin:0}
.settledsolo-page .proof-grid{grid-template-columns:repeat(4,1fr)}
.settledsolo-page .proof{min-height:108px}
.settledsolo-page .proof b{font-size:1rem}
.settledsolo-page .proof span{max-width:18ch}
.settledsolo-principles{display:grid;grid-template-columns:1.15fr .85fr;gap:1.25rem}
.settledsolo-principles .story-card{height:100%}
.settledsolo-callout{margin-top:1.25rem;padding:1.1rem 1.2rem;border-left:3px solid var(--gorse);background:var(--gorse-soft);font-family:var(--sans);font-size:.92rem;color:var(--muted)}
.settledsolo-callout b{color:var(--ink)}
.settledsolo-page .outcome{background:linear-gradient(135deg,#17313A,#1f6b63)}
@media(max-width:900px){
  .settledsolo-principles{grid-template-columns:1fr}
  .settledsolo-page .proof-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .settledsolo-page .hero-visual{min-height:450px}
  .settledsolo-frame{width:min(100%,390px)}
  .settledsolo-page .proof-grid{grid-template-columns:1fr}
  .settledsolo-page .proof{border-right:0;border-bottom:1px solid var(--line)}
  .settledsolo-page .proof:last-child{border-bottom:0}
  .hero-actions{display:grid}
  .hero-actions .btn{width:100%}
}