/* ==========================================================
   R23 PREFERRED NETWORK · aligned to canonical R23 public design
   ========================================================== */
:root{
  --r23-pref-deep:#17372E;--r23-pref-ink:#26312B;--r23-pref-muted:#59635B;
  --r23-pref-warm:#F7F5EF;--r23-pref-wash:#EEF5EB;--r23-pref-may:#86C96F;
  --r23-pref-sun:#F2C94C;--r23-pref-line:rgba(38,49,43,.14)
}
.preferred-page{color:var(--r23-pref-ink);background:transparent;overflow:hidden}
.preferred-wrap{width:min(1180px,calc(100% - 44px));margin-inline:auto}

.preferred-hero{padding:74px 0 66px;background:transparent;border-bottom:1px solid var(--r23-pref-line)}
.preferred-hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr);gap:44px;align-items:center}
.preferred-eyebrow,.preferred-kicker{display:flex;align-items:center;gap:9px;margin-bottom:15px;font-size:12px;font-weight:950;letter-spacing:.13em;text-transform:uppercase;color:#477549}
.preferred-eyebrow:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--r23-pref-may);flex:0 0 auto}
.preferred-hero h1{max-width:900px;margin:0 0 20px;font-size:clamp(46px,5.8vw,70px);line-height:.96;letter-spacing:-.052em;color:var(--r23-pref-deep)}
.preferred-hero .lead{max-width:65ch;margin:0;font-size:clamp(19px,2vw,22px);line-height:1.5}
.preferred-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}
.preferred-btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 19px;border:1px solid transparent;border-radius:4px;font-size:15px;font-weight:900;text-decoration:none}
.preferred-btn.primary{background:var(--r23-pref-deep);color:#fff}.preferred-btn.secondary{background:transparent;border-color:var(--r23-pref-deep);color:var(--r23-pref-deep)}

/* The visual is an operational example, not a decorative rounded dashboard. */
.preferred-control{background:var(--r23-pref-deep);color:#fff;padding:28px;border:0;border-left:6px solid var(--r23-pref-sun)}
.preferred-control small{display:block;margin-bottom:9px;color:#cfe0d6;font-size:12px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.preferred-control h2{margin:0 0 18px;font-size:clamp(27px,2.7vw,36px);line-height:1.06;letter-spacing:-.035em;color:#fff}
.preferred-control-row{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:14px 0;border-top:1px solid rgba(255,255,255,.18)}
.preferred-control-row span{color:#dce7e0;font-size:14px}.preferred-control-row b{font-size:14px;text-align:right;color:#fff}
.preferred-live{display:inline-flex;align-items:center;gap:7px;color:#fff}.preferred-live:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--r23-pref-may)}

.preferred-section{padding:76px 0;border-top:1px solid var(--r23-pref-line);background:transparent}
.preferred-section.wash{background:rgba(238,245,235,.66)}
.preferred-section.warm{background:rgba(247,245,239,.72)}
.preferred-section.deep{background:var(--r23-pref-deep);color:#fff;border-top:0}
.preferred-head{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:44px;align-items:start;margin-bottom:34px}
.preferred-head h2,.preferred-section>.preferred-wrap>h2{margin:0;font-size:clamp(31px,3.6vw,45px);line-height:1.03;letter-spacing:-.04em;color:var(--r23-pref-deep)}
.preferred-head p{margin:0;font-size:17px;line-height:1.62;color:var(--r23-pref-muted)}
.deep .preferred-head h2{color:#fff}.deep .preferred-kicker{color:var(--r23-pref-may)}.deep .preferred-head p{color:#dce7e0}

.preferred-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-block:1px solid var(--r23-pref-line)}
.preferred-card{padding:26px 24px;background:transparent;border:0;border-right:1px solid var(--r23-pref-line)}.preferred-card:last-child{border-right:0}
.preferred-card strong{display:block;margin-bottom:9px;font-size:22px;line-height:1.15;color:var(--r23-pref-deep)}
.preferred-card p{margin:0;color:var(--r23-pref-muted)}.preferred-card .num{display:block;margin-bottom:20px;font-size:12px;font-weight:950;letter-spacing:.13em;color:#477549}
.preferred-statement{max-width:960px;margin:0;font-size:clamp(27px,3.3vw,43px);line-height:1.16;letter-spacing:-.04em;color:var(--r23-pref-deep);font-weight:900}

.preferred-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--r23-pref-line)}
.preferred-step{padding:27px 22px;border-right:1px solid var(--r23-pref-line)}.preferred-step:last-child{border-right:0}
.preferred-step em{display:block;margin-bottom:20px;font-style:normal;font-size:12px;font-weight:950;letter-spacing:.13em;color:#477549}
.preferred-step b{display:block;margin-bottom:9px;font-size:19px;color:var(--r23-pref-deep)}.preferred-step span{display:block;color:var(--r23-pref-muted);line-height:1.5}

.preferred-split{display:grid;grid-template-columns:1fr 1fr;gap:0;border-block:1px solid var(--r23-pref-line)}
.preferred-panel{padding:30px;background:transparent;border:0}.preferred-panel+.preferred-panel{border-left:1px solid var(--r23-pref-line)}
.preferred-panel.green{background:rgba(234,247,228,.65)}
.preferred-panel h3{margin:0 0 11px;font-size:27px;line-height:1.1;letter-spacing:-.03em;color:var(--r23-pref-deep)}
.preferred-panel p{margin:0 0 14px;color:var(--r23-pref-muted)}
.preferred-list{margin-top:20px;border-top:1px solid var(--r23-pref-line)}
.preferred-list div{display:grid;grid-template-columns:1fr auto;gap:18px;padding:14px 0;border-bottom:1px solid var(--r23-pref-line)}
.preferred-list b,.preferred-list span{font-size:14px}.preferred-list span{text-align:right;color:var(--r23-pref-muted)}
.preferred-note{margin-top:22px;font-size:14px;color:var(--r23-pref-muted)}

.preferred-user-preview{background:#fff;color:var(--r23-pref-ink);padding:28px;border-left:6px solid var(--r23-pref-sun)}
.preferred-user-preview .place{font-size:25px;font-weight:950;color:var(--r23-pref-deep)}
.preferred-user-preview .meta{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 20px}.preferred-user-preview .meta span{padding:7px 9px;border:1px solid var(--r23-pref-line);font-size:13px;font-weight:800}
.preferred-user-preview .availability{padding:15px 16px;background:var(--r23-pref-wash);border-left:5px solid var(--r23-pref-may);font-weight:900}
.preferred-user-preview .note{margin-top:12px;font-size:13px;color:var(--r23-pref-muted)}

.preferred-invest{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:44px;align-items:center}
.preferred-invest h2{margin:0 0 16px;font-size:clamp(31px,3.6vw,45px);line-height:1.03;letter-spacing:-.04em;color:var(--r23-pref-deep)}
.preferred-invest p{font-size:17px;color:var(--r23-pref-muted)}
.preferred-equation{padding:30px;background:#fff;border:1px solid var(--r23-pref-line);border-left:7px solid var(--r23-pref-sun)}
.preferred-equation b{display:block;font-size:25px;line-height:1.25;color:var(--r23-pref-deep)}.preferred-equation span{display:block;margin-top:10px;color:var(--r23-pref-muted)}

.preferred-cta{padding:66px 0;background:var(--r23-pref-sun);color:var(--r23-pref-ink);border-top:1px solid rgba(38,49,43,.14)}
.preferred-cta-grid{display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center}
.preferred-cta h2{margin:0 0 12px;font-size:clamp(31px,3.6vw,45px);line-height:1.03;letter-spacing:-.04em}.preferred-cta p{max-width:760px;margin:0;font-size:17px}

/* Start-page teaser: same architectural CTA language as the rest of R23. */
.r23-preferred-start-teaser{background:#17372E;color:#fff;padding:42px 0;border-block:1px solid rgba(255,255,255,.10)}
.r23-preferred-start-grid{width:min(1180px,calc(100% - 44px));margin:auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:40px;align-items:center}
.r23-preferred-start-teaser small{display:block;margin-bottom:9px;color:#86C96F;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
.r23-preferred-start-teaser h2{max-width:820px;margin:0 0 12px;font-size:clamp(31px,3.6vw,45px);line-height:1.03;letter-spacing:-.04em}.r23-preferred-start-teaser p{margin:0;max-width:780px;color:#dce7e0;font-size:17px}
.r23-preferred-start-teaser .preferred-btn{justify-self:end;background:#F2C94C;color:#26312B;border-color:#F2C94C;border-radius:4px}

@media(max-width:900px){
 .preferred-hero-grid,.preferred-head,.preferred-split,.preferred-invest,.preferred-cta-grid,.r23-preferred-start-grid{grid-template-columns:1fr}
 .preferred-panel+.preferred-panel{border-left:0;border-top:1px solid var(--r23-pref-line)}
 .preferred-flow{grid-template-columns:1fr 1fr}.preferred-step:nth-child(2){border-right:0}.preferred-step:nth-child(-n+2){border-bottom:1px solid var(--r23-pref-line)}
 .r23-preferred-start-teaser .preferred-btn{justify-self:start}
}
@media(max-width:700px){
 .preferred-wrap,.r23-preferred-start-grid{width:calc(100% - 36px)}
 .preferred-hero,.preferred-section,.preferred-cta{padding:56px 0}
 .preferred-grid-3,.preferred-flow{grid-template-columns:1fr}.preferred-card{border-right:0;border-bottom:1px solid var(--r23-pref-line)}.preferred-card:last-child{border-bottom:0}
 .preferred-step{border-right:0;border-bottom:1px solid var(--r23-pref-line)!important}.preferred-step:last-child{border-bottom:0!important}
 .preferred-list div{grid-template-columns:1fr}.preferred-list span{text-align:left}
}