/* The cafe story extends the existing RateWise marketing and admin visual system. */
.rw-cafe-landing .section{padding-block:clamp(40px,5vw,72px)}
.rw-cafe-landing .rw-cafe-hero{padding-top:clamp(130px,12vw,180px)}
.rw-cafe-landing .rw-cafe-hero h1{font-size:clamp(2.35rem,4.2vw,4.2rem);max-width:14ch;text-wrap:balance}
.rw-cafe-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.rw-cafe-actions .btn{white-space:normal;text-align:center}
.rw-cafe-hero-image{margin:0;align-self:center}
.rw-cafe-hero-image img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:22px}
.rw-cafe-hero-image figcaption,.rw-cafe-film figcaption{font-size:.85rem;line-height:1.6;margin-top:12px;opacity:.85}
.rw-cafe-inline{display:inline-flex;padding:10px 0;color:inherit;text-underline-offset:5px}
.rw-cafe-section-intro{max-width:78ch;margin-bottom:28px}
.rw-cafe-section-intro .lede{margin:12px 0}
.rw-cafe-plan{font-size:.85rem;font-weight:700;margin:16px 0 0}
.rw-cafe-film-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,340px);align-items:center;gap:clamp(24px,6vw,90px);max-width:1080px}
.rw-cafe-film{margin:0;max-width:300px;justify-self:center}
.rw-cafe-film video{display:block;width:100%;height:auto;max-height:510px;aspect-ratio:9/16;border-radius:22px;background:#10264c;box-shadow:0 12px 40px -24px #183b78}
.rw-cafe-start{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;padding-left:24px;margin:28px 0 40px}
.rw-cafe-start li{padding-left:6px;line-height:1.7}
.rw-cafe-start strong,.rw-cafe-start span{display:block}
.rw-cafe-start span{margin-top:8px}
.rw-cafe-help,.rw-cafe-recognition{margin-top:28px;padding-top:28px;border-top:1px solid #ccd9ef}
.rw-cafe-help{max-width:72ch}
.rw-cafe-faq{max-width:80ch}
.rw-cafe-faq details{border-bottom:1px solid #ccd9ef;padding:18px 0}
.rw-cafe-faq summary{font-weight:700;cursor:pointer;min-height:30px}
.rw-cafe-faq details p{line-height:1.8;margin:16px 0 0}
.rw-cafe-context{max-width:78ch;margin-top:20px;font-size:.9rem;line-height:1.7}
.rw-cafe-preview{color:#172b49;background:#f0f5ff;border:1px solid #ccd9ef;border-radius:22px;box-shadow:0 12px 40px -24px #183b78;padding:clamp(16px,2.5vw,28px);font-family:inherit;overflow:hidden}
.rw-cafe-preview *{box-sizing:border-box;min-width:0}
.rw-cafe-preview p{color:inherit}
.rw-cafe-sample-label{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.75rem;margin-bottom:22px;color:#365374}
.rw-cafe-sample-label strong{background:#fff;border:1px solid #ccd9ef;padding:5px 9px;border-radius:6px;color:#1c4184}
.rw-cafe-preview-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}
.rw-cafe-preview h3{font-size:clamp(1.25rem,2vw,1.6rem);font-weight:750;line-height:1.3;margin:0}
.rw-cafe-preview h4{font-size:1.05rem;font-weight:750;line-height:1.5;margin:0 0 12px}
.rw-cafe-preview-header p{font-size:.8rem;margin:6px 0 0}
.rw-cafe-preview label{display:grid;gap:6px;font-size:.8rem;font-weight:700}
.rw-cafe-preview select{font:inherit;font-size:.9rem;color:#172b49;background:#fff;border:1px solid #a8bedb;border-radius:11px;min-height:44px;padding:9px 35px 9px 12px;max-width:100%}
.rw-cafe-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}
.rw-cafe-kpis>div{background:#fff;border:1px solid #ccd9ef;border-radius:14px;padding:18px}
.rw-cafe-kpis span{font-size:.8rem;display:block;line-height:1.5}
.rw-cafe-kpis strong{display:block;font-size:clamp(1.5rem,2.7vw,2rem);font-weight:750;margin-top:10px;font-variant-numeric:tabular-nums;line-height:1.25}
.rw-cafe-kpis small{font-size:.8rem;font-weight:500;white-space:nowrap}
.rw-cafe-attention,.rw-cafe-feedback,.rw-cafe-detail{border:1px solid #ccd9ef;background:#fff;border-radius:14px;padding:20px;margin-top:20px}
.rw-cafe-attention>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.rw-cafe-attention>div p{background:#fff7e8;border:1px solid #ead7b3;border-radius:11px;padding:14px;margin:0}
.rw-cafe-attention strong{font-size:1.6rem;display:block;color:#614015;font-variant-numeric:tabular-nums}
.rw-cafe-attention span{font-weight:700;display:block;margin-top:4px}
.rw-cafe-attention small{display:block;font-size:.75rem;line-height:1.6;margin-top:6px}
.rw-cafe-attention>p{font-size:.85rem;line-height:1.7;margin-bottom:0}
.rw-cafe-quote-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.rw-cafe-quote-list article{display:flex;flex-direction:column;align-items:flex-start}
.rw-cafe-quote-list article>p{font-size:.9rem;line-height:1.8;margin:0 0 12px}
.rw-cafe-quote-list .rw-cafe-quote-meta{font-size:.75rem;color:#365374;font-weight:600}
.rw-cafe-text-button{font:inherit;font-size:.85rem;color:#1459d9;font-weight:700;border:0;background:transparent;min-height:44px;cursor:pointer;text-align:left;padding:8px 0;text-decoration:underline;text-underline-offset:4px;margin-top:auto}
.rw-cafe-detail{border-color:#1459d9}
.rw-cafe-detail p,.rw-cafe-detail blockquote{font-size:.9rem;line-height:1.8;margin:10px 0}
.rw-cafe-detail blockquote{font-weight:600}
.rw-cafe-status{font-size:.8rem;font-weight:700;margin:20px 0 0}
.rw-cafe-preview-note{font-size:.75rem;line-height:1.7;margin:14px 0 0;color:#365374!important}
.rw-cafe-location-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.rw-cafe-location-list button{font:inherit;display:flex;flex-direction:column;gap:10px;align-items:flex-start;background:#fff;color:#172b49;border:1px solid #ccd9ef;border-radius:14px;padding:18px;cursor:pointer;text-align:left}
.rw-cafe-location-list button[aria-pressed=true]{border:2px solid #1459d9;padding:17px;background:#f8fbff}
.rw-cafe-location-list button>span:first-child{font-weight:750;font-size:1rem}
.rw-cafe-location-list strong{font-size:1.5rem;font-variant-numeric:tabular-nums}
.rw-cafe-location-list strong small{font-size:.75rem;font-weight:500}
.rw-cafe-location-list button>span{font-size:.8rem}
.rw-cafe-bar{display:block;width:100%;height:7px;border-radius:9px;background:#e4edf9;overflow:hidden}
.rw-cafe-bar i{display:block;background:#1459d9;height:100%;border-radius:inherit}
.rw-cafe-employee-select{max-width:280px;margin-bottom:18px}
.rw-cafe-employee-layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,1.2fr);gap:24px;align-items:center;background:#fff;border:1px solid #ccd9ef;padding:20px;border-radius:14px}
.rw-cafe-radar{width:100%;height:auto;max-height:330px;overflow:visible}
.rw-cafe-strength-table{font-size:.8rem;border-collapse:collapse;width:100%}
.rw-cafe-strength-table caption{text-align:left;font-weight:700;line-height:1.6;margin-bottom:12px}
.rw-cafe-strength-table td,.rw-cafe-strength-table th{padding:10px 7px;border-bottom:1px solid #dce5f1;text-align:left;overflow-wrap:anywhere}
.rw-cafe-strength-table td{font-variant-numeric:tabular-nums;white-space:nowrap}
.rw-cafe-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.rw-cafe-tabs button{font:inherit;font-size:.85rem;border:1px solid #ccd9ef;border-radius:9px;padding:10px 15px;min-height:44px;background:#fff;color:#172b49;cursor:pointer}
.rw-cafe-tabs button[aria-selected=true]{background:#1459d9;color:#fff;border-color:#1459d9}
.rw-cafe-preview :focus-visible,.rw-cafe-landing a:focus-visible,.rw-cafe-landing summary:focus-visible,.rw-cafe-landing video:focus-visible{outline:3px solid #1459d9;outline-offset:4px}
.rw-cafe-preview button:hover{filter:brightness(.97)}
.rw-cafe-preview [hidden]{display:none!important}
.rw-cafe-website-teaser{max-width:78ch}
@media(max-width:800px){.rw-cafe-film-layout{grid-template-columns:minmax(0,1fr);gap:28px}.rw-cafe-film{width:min(100%,300px)}.rw-cafe-start{grid-template-columns:1fr}.rw-cafe-employee-layout{grid-template-columns:minmax(0,1fr)}.rw-cafe-radar{max-height:280px}.rw-cafe-quote-list{grid-template-columns:1fr;gap:18px}.rw-cafe-quote-list article+article{border-top:1px solid #dce5f1;padding-top:18px}}
@media(max-width:540px){.rw-cafe-landing .rw-cafe-hero{padding-top:115px}.rw-cafe-landing .rw-cafe-hero h1{font-size:2.4rem}.rw-cafe-actions{align-items:stretch;flex-direction:column}.rw-cafe-preview-header{align-items:stretch}.rw-cafe-preview-header label{width:100%}.rw-cafe-kpis{gap:8px}.rw-cafe-kpis>div{padding:12px 9px}.rw-cafe-kpis span{font-size:.7rem}.rw-cafe-kpis strong{font-size:1.4rem}.rw-cafe-kpis small{display:block;margin-top:4px}.rw-cafe-location-list{grid-template-columns:1fr}.rw-cafe-location-list button{display:grid;grid-template-columns:1fr auto;width:100%}.rw-cafe-location-list .rw-cafe-bar{grid-column:1/-1}.rw-cafe-attention>div{grid-template-columns:1fr}.rw-cafe-feedback,.rw-cafe-attention,.rw-cafe-detail,.rw-cafe-employee-layout{padding:15px}.rw-cafe-strength-table{font-size:.7rem}.rw-cafe-strength-table th,.rw-cafe-strength-table td{padding:9px 4px}.rw-cafe-sample-label{gap:8px}}
@media(prefers-reduced-motion:reduce){.rw-cafe-landing{scroll-behavior:auto}.rw-cafe-preview *{transition:none!important}}

.rw-cafe-landing .rw-cafe-hero .lede{color:#dbe8f8}.rw-cafe-landing .rw-cafe-hero .note-sm{color:#b8c9e0}

.rw-cafe-landing main section[id]{scroll-margin-top:104px;}

.rw-cafe-attention div>button{font:inherit;text-align:left;color:#62481b;background:#fff8e9;border:1px solid #e5d8bb;padding:16px;border-radius:14px;cursor:pointer;display:grid;gap:5px;min-width:0;}
.rw-cafe-attention div>button[aria-pressed="true"]{border-color:#1459d9;box-shadow:inset 0 0 0 1px #1459d9;}
.rw-cafe-attention div>button strong{font-size:26px;}.rw-cafe-attention div>button span{font-weight:750;}.rw-cafe-attention div>button small{font-size:12px;}

/* Campaign-only composition; existing embedded/all previews keep their styles. */
.rw-cafe-landing .rw-cafe-hero{background:linear-gradient(135deg,#10264c,#1c4184);color:#fff}
.rw-cafe-landing .rw-cafe-hero h1,.rw-cafe-landing .rw-cafe-hero figcaption{color:#fff}
.rw-cafe-landing .rw-cafe-hero .btn[data-variant="secondary"]{background:transparent;color:#fff;border-color:#b8c9e0}
.rw-cafe-landing .rw-cafe-hero .btn[data-variant="secondary"]:hover{background:#ffffff1a}
.rw-cafe-landing .rw-floating-header .header-island{background:#fff}
.rw-cafe-landing [data-cafe-play]{display:block;width:100%;min-height:48px;margin-top:14px;border:1px solid #1459d9;border-radius:11px;padding:12px 16px;background:#1459d9;color:#fff;font:inherit;font-weight:700;cursor:pointer}
.rw-cafe-landing [data-cafe-play]:hover{background:#1048b2}
.rw-cafe-landing [data-cafe-play]:focus-visible{outline:3px solid #1459d9;outline-offset:4px}
.rw-cafe-landing [data-cafe-media-status]{font-size:13px;line-height:1.6;color:#637085;margin:10px 0 0}
[data-cafe-layout="focus"].rw-cafe-preview{background:#f5f7fa;color:#101c2f;border-color:#d9e0e9;border-radius:14px;padding:22px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 18px 60px #06183022}
[data-cafe-layout="focus"] .rw-cafe-sample-label{background:#fff;border:1px solid #d9e0e9;border-radius:7px;padding:8px 11px;margin-bottom:20px;color:#637085}
[data-cafe-layout="focus"] .rw-cafe-sample-label strong{background:transparent;border:0;padding:0;color:#0754c7}
[data-cafe-layout="focus"] .rw-cafe-preview-header h3{font-size:26px;font-weight:700;letter-spacing:-.035em}
[data-cafe-layout="focus"] .rw-cafe-preview-header p{color:#637085}
[data-cafe-layout="focus"] .rw-cafe-selection-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;background:#fff;border:1px solid #d9e0e9;border-radius:7px;padding:12px 14px;margin:0 0 20px;font-size:13px;line-height:1.7;color:#637085}
[data-cafe-layout="focus"] .rw-cafe-selection-summary strong{color:#101c2f;font-size:inherit;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
[data-cafe-layout="focus"] .rw-cafe-selection-summary small{font-size:inherit;font-weight:400}
[data-cafe-layout="focus"] .rw-cafe-location-list button,[data-cafe-layout="focus"] .rw-cafe-feedback,[data-cafe-layout="focus"] .rw-cafe-detail,[data-cafe-layout="focus"] .rw-cafe-employee-layout{border-color:#d9e0e9;border-radius:12px;box-shadow:0 2px 8px #101c2f08}
[data-cafe-layout="focus"] .rw-cafe-location-list button[aria-pressed="true"]{border-color:#0b6cf5;background:#edf4ff}
[data-cafe-layout="focus"] .rw-cafe-detail{border-color:#0b6cf5}
[data-cafe-layout="focus"] .rw-cafe-location-list strong{color:#0754c7}
[data-cafe-layout="focus"] .rw-cafe-status{color:#0754c7}
@media(max-width:540px){[data-cafe-layout="focus"].rw-cafe-preview{padding:12px}[data-cafe-layout="focus"] .rw-cafe-preview-header h3{font-size:24px}[data-cafe-layout="focus"] .rw-cafe-selection-summary{gap:4px 16px;padding:10px 12px;font-size:12px}[data-cafe-layout="focus"] .rw-cafe-sample-label{font-size:11px}}