/* Veritura homepage, round 12 static polish (2026-10-05). Loaded after home.css; homepage only (every rule is scoped to body.rd).
   Measured against redica.com at 1440x900 and 390x844 (scratchpad/r12/polish/REPORT.md). Static only: no images, no motion.
   Redica's system: Geist 400/500; Zalando Sans SemiExpanded 600 for buttons, tabs and overlines; body line-height 1.3;
   neutrals 1100 #131313 / main #1f1f1f / 900 #353535 / 700 #535353 / 500 #777 / 300 #a3a3a3 / 100 #d7d7d7 / 50 #ebebeb / 25 #f9f9f9. */

/* ---------- 0. type hygiene: no widows in heads, no orphans in copy ---------- */
.rd h2,.rd h3,.rd .rd-li b,.rd .sol-card b,.rd .faq_q span{text-wrap:balance}
.rd p,.rd q,.rd small,.rd .rd-sources{text-wrap:pretty}
.rd .rd-head p.narrow,.rd .co-content p{text-wrap:balance}

/* ---------- 1. hero: the source strip reads as a proof row, not a bulleted list ---------- */
.rd .rd-marq-set span{padding:0 2.25em;color:#d7d7d7}
.rd .rd-marq-set span::before{content:none}

/* ---------- 2. intro: on the 12-column grid every other section uses, top-aligned like Redica ---------- */
.rd .rd-intro .scrub-inner{width:100%;max-width:none;align-items:start}
.rd .rd-intro-head p{margin-top:.75em;line-height:1.3}

/* list icons (intro and offer): Redica's filled two-tone 2em icons, in our mark's two colours */
.rd .rd-li-ic svg{overflow:visible}

/* ---------- 3. problem cards: text on the image window's edge, quote set as evidence ---------- */
.rd .rd-three .p-body{padding:1.25em 4% 0 4.2%}
.rd .rd-three .p-body h3{font-size:1.25em}
.rd .p-body q{margin-top:.5em;line-height:1.3;color:#353535;text-indent:-.42em}
.rd .p-body cite{margin-top:.375em;font-size:.875em;line-height:1.3;color:#71717a}
.rd .rd-three .p-body p{margin-top:1em;color:#535353}

/* ---------- 4. platform: the sources line on two clean lines ---------- */
.rd .rd-sources{max-width:none;margin-top:3.5em;line-height:1.3;color:#535353}
.rd .rd-sources span:first-child{color:#71717a}
.rd .rd-sources span:last-child{display:block;margin-top:.375em;color:#71717a}

/* ---------- 5. testimonial ---------- */
.rd .tst-q{display:block;width:1.5em;height:1.5em;font-size:1rem;line-height:0;color:transparent;overflow:hidden;
  background:no-repeat left top/1.5em 1.5em url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2300b398' d='M2 21v-6.6C2 8.3 4.6 4.6 9.7 3l1 2.2C7.9 6.4 6.6 8.6 6.4 11.6H10V21zm12 0v-6.6c0-6.1 2.6-9.8 7.7-11.4l1 2.2c-2.8 1.2-4.1 3.4-4.3 6.4H22V21z'/%3E%3C/svg%3E")}
.rd .tst-text{text-wrap:pretty}
.rd .tst-then{margin-top:.75em;font-size:1.125em;font-weight:500;letter-spacing:-.02em;color:#18181b}
.rd .tst-btm{align-items:flex-end}
.rd .tst-profile b{font-weight:400}
.rd .tst-profile small{line-height:1.3}
.rd .tst-btm .rd-btn-sm{flex:none;white-space:nowrap}

/* ---------- 6. how it works: text top-aligned with its frame (Redica product page), no ragged heads ---------- */
.rd .rd-feat-in{align-items:flex-start}
.rd .rd-feat-text{padding-top:.5em}
.rd .rd-feat-head p{margin-top:.75em}

/* ---------- 7. solutions ---------- */
.rd .sol-tablink{padding:1em 0;line-height:1.3;font-family:"Zalando Sans SemiExpanded",Inter,sans-serif}
.rd .sol-tabsmenu{width:19.5em}
.rd .sol-card{justify-content:flex-start;gap:0;transition:box-shadow .25s,border-color .25s}
.rd .sol-card:hover{border-color:#d7d7d7;box-shadow:0 8px 20px rgba(0,0,0,.06)}
.rd .sol-card_top{padding-bottom:3em;align-items:flex-start}   /* title block sits a fixed 3em under the icon row, so titles line up across a row */
.rd .sol-card b{margin-top:0;line-height:1.2}
.rd .sol-card p{margin-top:.25em;line-height:1.3}
/* Redica's 1.25em chip with a chevron, not a 29px chip with a diagonal arrow */
.rd .sol-card_arrow{width:1.25em;height:1.25em;margin-top:.375em;color:#18181b}
.rd .sol-card_arrow-bg{inset:0;background:#ebebeb}
.rd .sol-card:hover .sol-card_arrow-bg{background:#ebebeb}
.rd .sol-card:hover .sol-card_arrow{color:#18181b}
.rd .sol-card_arrow svg{display:none}
.rd .sol-card_arrow::after{content:"";position:relative;z-index:1;width:.3em;height:.3em;margin-left:-.12em;border-top:1.4px solid currentColor;border-right:1.4px solid currentColor;transform:rotate(45deg)}

/* ---------- 8. offer: Redica's benefits heading (h5) ---------- */
.rd .rd-ben-head h2{font-size:1.5em}
.rd .rd-ben-head p{margin-top:.75em;line-height:1.3}
.rd .rd-ben-head a{white-space:nowrap}

/* ---------- 9. FAQ: Redica's rows with hairlines, a 2em icon with a fine plus ---------- */
.rd .faq_item{border-bottom:1px solid #ebebeb}
.rd .faq_item.active,.rd .faq_item:has(+ .faq_item.active){border-bottom-color:transparent}
.rd .rd-faq-list{margin-top:2.5em}
.rd .faq_ic{width:1.7778em;height:1.7778em}
.rd .faq_ic::before,.rd .faq_ic::after{width:.6667em;height:1px}
.rd .faq_a p{padding:0 1.40625em 1.40625em;line-height:1.3;max-width:none}

/* ---------- 10. data ---------- */
.rd .rd-data-h{margin-bottom:1em}
.rd #bentoWrap{margin-top:0}
.rd .data-content{gap:.25em}
.rd .data-content .n,.rd [figure-data]{font-size:3em;line-height:1.2}
.rd .data-content .l,.rd [figure-label]{font-size:1em;line-height:1.3;max-width:19em}

/* ---------- 11. footer callout: Redica's box, and the glow where Redica puts it ---------- */
.rd footer.site{padding-top:10em}   /* Redica: 150px of dark between the data and the closing ask */
.rd footer.site .callout{padding:4.5em 2em;border:1px solid #353535;border-radius:2.5em;background:#131313}
.rd footer.site .co-deco svg{inset:auto auto 0 50%;width:min(120%,1520px);height:auto;aspect-ratio:1520/448;transform:translateX(-50%)}
.rd footer.site .co-deco svg g circle{cx:583.5px;cy:583.5px;opacity:1}
.rd footer.site .callout h2{font-size:2em;line-height:1.2;max-width:none}
.rd footer.site .callout p{margin:1em auto 0;font-size:1em;line-height:1.3;color:#ebebeb}
.rd footer.site .callout .cta-row{margin-top:2em;gap:.375em}
.rd footer.site .pill{min-height:0;padding:calc(1em - 1px) calc(1.65em - 1px);border:1px solid transparent;border-radius:.85em;
  font:600 .75rem/1.3 "Zalando Sans SemiExpanded",Inter,sans-serif;letter-spacing:.03em;white-space:nowrap;transition:background-color .2s,border-color .2s}
.rd footer.site .pill:hover{transform:none}
.rd footer.site .pill.on-dark:hover{background:#d7d7d7}
.rd footer.site .pill.ghost-d{box-shadow:none;border-color:rgba(249,249,249,.32)}
.rd footer.site .pill.ghost-d:hover{border-color:rgba(249,249,249,.7)}

/* ---------- 12. footer main: on the page's 75px edge, neutral greys, Redica's column type ---------- */
.rd footer.site .foot-grid,.rd footer.site .foot-sub{max-width:1600px;padding-left:5em;padding-right:5em}
.rd footer.site .foot-grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:1.25em;row-gap:3em;margin-top:7.5em}
.rd footer.site .foot-id{grid-column:1/5}
.rd footer.site .foot-grid .col{grid-column:span 2;gap:0}
.rd footer.site .foot-grid .col:nth-child(2){grid-column:5/7}
.rd footer.site .foot-logo{gap:.45em;font-size:1.5em;letter-spacing:-.02em}
.rd footer.site .foot-logo img{width:1.2em;height:1.2em}
.rd footer.site .foot-id p{max-width:20em;margin-top:1em;font-size:.875em;line-height:1.4;color:#a1a1aa}
.rd footer.site .foot-social{gap:.5em}
.rd footer.site .foot-social a{border-color:#353535;color:#a1a1aa}
.rd footer.site .foot-social a:hover{color:#f9f9f9;border-color:#535353}
.rd footer.site .foot-grid .col b{margin-bottom:.125em;font:500 .875em/1.3 Inter,sans-serif;letter-spacing:-.01em;text-transform:none;color:#a1a1aa}
.rd footer.site .foot-grid .col a{padding:.75em 0 0;font-size:.875em;line-height:1.3;color:#f9f9f9}
.rd footer.site .foot-grid .col a:hover{color:#a1a1aa}
.rd footer.site .foot-sub{max-width:calc(1600px - 10em);margin:5em max(5em,calc((100% - 1600px) / 2 + 5em)) 0;padding:2.5em 0 5em;border-top:1px solid #262626}
.rd footer.site .foot-sub b{font-size:1em;font-weight:400;color:#f9f9f9}
.rd footer.site .sub-form{margin-top:.75em;gap:.375em}
.rd footer.site .sub-form input{height:2.475rem;min-height:0;border-color:#353535;border-radius:.625em;background:#1b1b1b;font-size:.875em}
.rd footer.site .sub-form input::placeholder{color:#71717a}
.rd footer.site .sub-form input:focus{border-color:#777}
.rd footer.site .sub-form .pill{min-height:0}
.rd footer.site .foot-sub small,.rd footer.site .foot-legal small{font-size:.75em;line-height:1.3;color:#71717a}
.rd footer.site .foot-legal a{font-size:.75em;color:#a1a1aa}
.rd footer.site .foot-legal a:hover{color:#f9f9f9}

/* ---------- phone and tablet ---------- */
@media (max-width:991px){
  .rd footer.site .foot-id{grid-column:1/-1}
  .rd footer.site .foot-grid .col,.rd footer.site .foot-grid .col:nth-child(2){grid-column:span 3}
}
@media (max-width:767px){
  /* intro and offer lists: full width, icon above the title (Redica phone) */
  .rd .rd-intro .rd-list,.rd .rd-benefits .rd-list{grid-column:1/-1;margin-top:2.5em;gap:2em}
  .rd .rd-li-ic{position:static;display:block}
  .rd .rd-li b{padding:0}
  .rd .rd-li-ic{margin-bottom:.625em}
  .rd .rd-intro .scrub-inner,.rd .rd-benefits .rd-grid{row-gap:0}
  .rd .tst-btm{align-items:flex-start}
  /* problem cards keep the text on the window edge */
  .rd .rd-three .p-body{padding:1.25em 4.4% 0}
  /* solutions: a little less air under the icon row on a phone */
  .rd .sol-card_top{padding-bottom:2em}
  /* FAQ */
  .rd .faq_q{padding:1.25em 1em}
  .rd .faq_a p{padding:0 1.11em 1.25em}
  /* data: Redica's phone figure grid, two columns, no tile art */
  .rd #bentoWrap{display:grid;grid-template-columns:1fr 1fr;gap:0}
  .rd #bentoWrap .datas-glow-wrap{display:none}
  .rd .data-item.is-square,.rd .data-item.is-fill{width:auto;height:auto;min-width:0;aspect-ratio:auto;flex:none;background:none;border-radius:0;overflow:visible}
  .rd .data-item .d-art{display:none}
  .rd .data-item:nth-child(even){border-right:1px solid #262626}   /* child 1 is the glow layer, so items are children 2-7 */
  .rd .data-item:nth-child(-n+5){border-bottom:1px solid #262626}
  .rd .rd-data-h,.rd .rd-faq-h{font-size:1.75em}
  .rd .data-content,.rd .data-content.align-btm{position:static;inset:auto;display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5em .5em;max-width:none}
  .rd .data-content .n,.rd [figure-data]{font-size:2.125em}
  .rd .data-content .l,.rd [figure-label]{font-size:.875em;color:#a1a1aa;max-width:none}
  /* callout: stacked full-width buttons, never wrapped labels */
  .rd footer.site{padding-top:5em}
  .rd footer.site .callout{padding:4em 1.25em;border-radius:1.875em}
  .rd footer.site .callout h2{font-size:1.5em}
  .rd footer.site .callout .cta-row{flex-direction:column;align-items:stretch;width:100%;max-width:20em;margin-inline:auto}
  .rd footer.site .pill{justify-content:center;min-height:44px}
  .rd footer.site .foot-grid{padding-left:1.25em;padding-right:1.25em}
  .rd footer.site .foot-sub{margin-left:1.25em;margin-right:1.25em}
  .rd footer.site .foot-grid{margin-top:4em;row-gap:2.5em}
  .rd footer.site .foot-grid .col,.rd footer.site .foot-grid .col:nth-child(2){grid-column:span 6}
  .rd footer.site .foot-grid .col a{padding:.6em 0}   /* ~34px pitch: a thumb-sized target */
  .rd footer.site .foot-sub{margin-top:3em;padding-bottom:3em}
}

/* icon language: one hue per surface (teal on dark, blue on light) */
.rd .rd-intro .rd-li-ic{color:#00b398}
.rd .rd-intro .ic .t{opacity:.35}
.rd .rd-benefits .rd-li-ic{color:#1b4ae2}
.rd .sol-ic{color:#1b4ae2}