/* Review Inbox only: feedback, thoughtful response and reputation. */
[data-feature="review-inbox"] { --ri-ink:#172348; --ri-muted:#53617b; }
.ri-hero-surface { background:radial-gradient(ellipse at 90% 35%,#e7e9ff 0,transparent 54%),linear-gradient(180deg,#fff,#f4f8ff); }
.ri-hero { display:grid; grid-template-columns:.94fr 1.16fr; align-items:center; gap:38px; padding-block:56px 34px; }
.ri-hero-copy { padding-bottom:28px; }
.feature-page .ri-hero h1 { font-size:clamp(38px,4.1vw,60px); letter-spacing:-.055em; }
.ri-hero h1 span,.ri-workflow h2 span,.ri-ai h2 span { color:#375bc3; }
.ri-actions { display:flex; align-items:center; flex-wrap:wrap; gap:20px; margin-top:26px; }
.ri-link { color:#2446a2; font-size:14px; font-weight:600; display:inline-flex; align-items:center; gap:12px; min-height:48px; text-decoration:none; }
.ri-hero-visual { min-width:0; padding:18px 0 0; }
.ri-reference { position:relative; }
.ri-reference-label { width:fit-content; background:#fff; color:#50577f; border:1px solid #e0e5f3; border-radius:7px; font-size:11px; padding:6px 12px; margin:0 0 12px; }
.feature-page .ri-reference .fp-media>a { padding:7px; box-shadow:0 24px 64px #344a921c; }
.feature-page .ri-caption { font-size:12px; line-height:1.65; color:#5a6680; margin:14px 0 0; }
.ri-care-note { display:flex; align-items:center; gap:16px; font-size:17px; line-height:1.4!important; font-weight:500; margin:21px 0 0 auto; width:fit-content; padding:0 15px; }
.ri-care-note>span { color:#bd8228; font-size:36px; }
.ri-hero-points { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:20px 34px; list-style:none; margin:0; padding:26px 0 0; border-top:1px solid #dce5f4; }
.ri-hero-points li { display:flex; align-items:center; gap:10px; font-size:13px; color:var(--ri-muted); }
.ri-hero-points span { display:grid; place-items:center; width:22px; height:22px; border-radius:50%; background:#d8f0e8; color:#1b6355; flex:none; }
.ri-sources { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
.ri-convergence { text-align:center; }
.ri-platforms { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; gap:14px; padding:0; margin:18px 0 0; }
.ri-platforms li { display:grid; place-items:center; min-height:75px; border:1px solid #e0e6f1; border-radius:15px; background:#fff; }
.ri-platforms img { width:100%; max-width:115px; height:32px; padding-inline:8px; object-fit:contain; }
.ri-source-lines { height:45px; display:grid; grid-template-columns:repeat(3,1fr); padding-inline:10%; }
.ri-source-lines i { border-bottom:1px solid #b7c6e3; border-left:1px solid #b7c6e3; border-radius:0 0 0 20px; }
.ri-source-lines i:nth-child(2) { border-left:0; border-bottom:0; position:relative; }
.ri-source-lines i:nth-child(2)::after { content:''; height:63px; width:1px; background:#b7c6e3; position:absolute; left:50%; top:0; }
.ri-source-lines i:last-child { border-left:0; border-right:1px solid #b7c6e3; border-radius:0 0 20px 0; }
.ri-destination { position:relative; display:flex; flex-direction:column; align-items:center; gap:10px; max-width:340px; margin:18px auto 0; padding:24px; border:1px solid #d7def0; background:#f3f5ff; border-radius:22px; }
.ri-destination img { object-fit:contain; width:108px; height:auto; }
.ri-destination strong { font-size:22px; letter-spacing:-.03em; }
.ri-destination span { font-size:12px; color:var(--ri-muted); }
.ri-workflow-surface { background:#f3f6fd; scroll-margin-top:110px; }
.ri-workflow { display:grid; grid-template-columns:.85fr 1.15fr; gap:85px; }
.feature-page .ri-workflow h2 { font-size:clamp(42px,5vw,68px); line-height:1.12; }
.ri-steps { list-style:none; margin:0; padding:0; }
.ri-steps li { display:grid; grid-template-columns:42px 1fr; gap:24px; padding:20px 0; border-bottom:1px solid #dce3ef; }
.ri-steps li:first-child { padding-top:0; }
.ri-steps li>span { color:#6b7ca5; font-size:13px; padding-top:7px; }
.ri-steps h3 { margin:0 0 8px; }
.ri-steps p { margin:0; font-size:15px; color:var(--ri-muted); }
.ri-recording-slot { display:flex; align-items:center; gap:22px; padding:25px 30px; margin-top:42px; border:1px dashed #b9c6e0; border-radius:16px; background:#ffffff80; }
.ri-recording-slot>span { font-size:35px; color:#7283af; }
.ri-recording-slot strong { font-size:17px; font-weight:500; }
.ri-recording-slot p { margin:5px 0 0; font-size:12px; color:var(--ri-muted); }
.ri-proof-cta { margin-top:28px; }
.ri-reading-intro { display:grid; grid-template-columns:1.1fr .9fr; gap:65px; align-items:end; margin-bottom:30px; }
.ri-reading-intro .fp-lead { margin-bottom:22px; }
.ri-example-controls { display:flex; gap:10px; margin:12px 0 22px; flex-wrap:wrap; }
.ri-example-controls button { border:1px solid #d4dcea; border-radius:30px; padding:12px 20px; min-height:48px; font-family:inherit; font-size:14px; font-weight:500; line-height:1.5; background:#fff; color:#36425e; cursor:pointer; }
.ri-example-controls button[aria-pressed="true"] { color:#fff; background:#273769; border-color:#273769; }
.ri-example-title { font-size:16px!important; margin:24px 0 16px; }
.ri-example-grid { display:grid; grid-template-columns:1fr .82fr 1.1fr; gap:0; border-radius:22px; overflow:hidden; border:1px solid #ece5d9; }
.ri-example-part { padding:30px; background:#fbf6ed; }
.ri-example-part.ri-part-1 { background:#fffdf9; }
.ri-example-part.ri-part-2 { background:#f1f5ff; }
.ri-example-part blockquote { font-size:22px; line-height:1.55; letter-spacing:-.025em; margin:26px 0 0; }
.ri-example-part>p:not(.ri-small-label) { color:#46546d; font-size:15px; margin:26px 0 0; }
.feature-page .ri-small-label { font-size:11px; text-transform:uppercase; letter-spacing:.09em; font-weight:600; color:#566179; margin:0; }
#ri-example-1 .ri-part-0 { background:#edf7f1; }
.ri-example-disclosure { margin-top:18px!important; }
.ri-ai-surface { background:#f1effb; }
.ri-ai { display:grid; grid-template-columns:1fr 1fr; gap:75px; align-items:center; }
.ri-modes { display:grid; gap:16px; }
.ri-modes article { padding:24px 28px; background:#ffffffaa; border:1px solid #dedff0; border-radius:18px; }
.ri-mode-symbol { font-size:25px; color:#6763a5; }
.ri-modes h3 { margin:12px 0; font-size:20px; }
.ri-modes p { margin:0; font-size:15px; color:var(--ri-muted); }
.ri-reputation { background:#19254c; color:#fff; }
.ri-reputation .fp-eyebrow { color:#c2d3fb; }
.feature-page .ri-reputation h2 { color:inherit; font-size:clamp(38px,5.4vw,74px); letter-spacing:-.05em; line-height:1.14; }
.ri-reputation h2 span { color:#bfcdf1; }
.ri-editorial-bottom { display:flex; align-items:center; justify-content:space-between; gap:40px; margin-top:30px; }
.ri-reputation .fp-lead { color:#d1daf0; font-size:17px; max-width:540px; }
.ri-reputation .fp-button { max-width:370px; background:white; color:#19254c; flex-shrink:0; border-color:white; border-radius:16px; text-align:left; }
.ri-reputation .fp-button:hover { background:#e8efff; }
.ri-benefits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:42px; padding:40px 0 0; margin:42px 0 0; border-top:1px solid #566083; list-style:none; }
.ri-benefits li>span { color:#b1c7ee; font-size:12px; }
.ri-benefits h3 { color:#fff; margin:16px 0 10px; font-size:20px; }
.ri-benefits p { color:#cbd5ea; font-size:14px; margin:0; }
@media(max-width:1000px) {
  .ri-hero { gap:26px; grid-template-columns:1fr 1fr; }
  .ri-sources,.ri-workflow,.ri-ai { gap:38px; }
  .ri-example-part { padding:23px; }
  .ri-reading-intro { gap:30px; }
}
@media(max-width:800px) {
  .ri-hero { grid-template-columns:1fr; padding-block:34px; }
  .ri-hero-copy { padding:0; max-width:650px; }
  .feature-page .ri-hero h1 { font-size:clamp(38px,7vw,58px); }
  .ri-hero-visual { padding:0; }
  .ri-care-note { font-size:15px; }
  .ri-sources,.ri-workflow,.ri-reading-intro,.ri-ai { grid-template-columns:1fr; gap:30px; }
  .ri-convergence { max-width:540px; width:100%; margin-inline:auto; }
  .ri-example-grid { grid-template-columns:1fr; }
  .ri-example-part { padding:26px; }
  .ri-example-part blockquote { font-size:23px; margin-top:14px; }
  .ri-example-part>p:not(.ri-small-label) { margin-top:14px; }
  .ri-editorial-bottom { align-items:flex-start; flex-direction:column; gap:15px; }
  .ri-reputation .fp-button { max-width:100%; }
  .ri-benefits { grid-template-columns:1fr; gap:28px; }
}
@media(max-width:540px) {
  .ri-hero-points { flex-direction:column; gap:14px; padding-top:24px; }
  .ri-hero-points li { font-size:12px; }
  .ri-platforms { gap:8px; }
  .ri-platforms li { min-height:62px; border-radius:11px; }
  .ri-platforms img { padding-inline:7px; }
  .ri-reference-label { font-size:10px; }
  .ri-actions { gap:10px 20px; }
  .ri-steps li { grid-template-columns:28px 1fr; gap:12px; }
  .ri-steps h3 { font-size:20px; }
  .ri-recording-slot { padding:20px; gap:15px; }
  .ri-recording-slot strong { font-size:15px; }
  .ri-example-controls { flex-direction:column; }
  .ri-example-controls button { text-align:left; width:100%; }
  .ri-modes article { padding:23px; }
  .ri-reading-intro { gap:0; }
}