/* Veritura homepage, round 11 (2026-10-05): one layer on top of shared.css, written from Redica's measured system
   (scratchpad/r9/redica/SPEC.md). Every size is in em, so the page scales with the viewport between 960 and 1600px.
   Type: Geist 400/500, Zalando Sans SemiExpanded 600 for buttons and figures. Colours: Redica's neutrals plus the two
   colours of our own mark, which are the same teal and blue Redica uses. */

/* ---------- root and neutrals ---------- */
html{font-size:calc(.375rem + .625vw)}
@media (max-width:960px),(min-width:1600px){html{font-size:1rem}}
body.rd{background:#131313;color:#f9f9f9;font-family:Inter,-apple-system,system-ui,sans-serif;line-height:1.3;letter-spacing:-.01em}
.rd{--n1100:#131313;--nmain:#1f1f1f;--n900:#353535;--n700:#535353;--n500:#777;--n300:#a3a3a3;--n50:#ebebeb;--n25:#f9f9f9;--teal:#00b398;--blue:#1b4ae2}
.rd .wrap{max-width:1600px;margin-inline:auto;padding-inline:5em}
.rd h1,.rd h2,.rd h3{font-weight:500;letter-spacing:-.02em;line-height:1.2;margin:0}
.rd p{margin:0}
.rd-btn-sm:hover{background:#353535}

/* ---------- hero (Redica §2.1, §3.3) ---------- */
.rd-hero{position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:100vh;padding-bottom:3em;overflow:clip;background:#131313}
.rd-hero-visual{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;padding:4.5em 0 calc(20vh + 1em);pointer-events:none;z-index:1}
.rd-hero-text{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:3em;width:100%;padding:0 5em;perspective:2000px}
.rd-hero h1{width:55%;text-align:center;font-size:2.5em;line-height:1.2;letter-spacing:-.02em;color:#f9f9f9;transform-origin:center top}
.rd-marq{width:100%;overflow:hidden;transform-origin:center top;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%)}
.rd-marq-track{display:flex;width:max-content;animation:rdMarq 32s linear infinite}
.rd-marq-set{display:flex;flex:none}
.rd-marq-set span{display:block;padding:0 1.6em;font:500 1.125em/2.4 Inter,sans-serif;letter-spacing:-.01em;color:#a1a1aa;white-space:nowrap}
.rd-marq-set span::before{content:"";display:inline-block;width:.38em;height:.38em;margin-right:1.6em;border-radius:50%;background:#353535;vertical-align:.18em}
@keyframes rdMarq{to{transform:translateX(-50%)}}
.rd-hero-second{position:absolute;left:0;right:0;bottom:1em;max-width:48em;margin:0 auto;text-align:center;font-size:1.5em;line-height:1.2;letter-spacing:-.02em;font-weight:500;color:#f9f9f9;pointer-events:none}
.rd-hero-second .hl{display:block}
.rd-hero-glow{position:absolute;left:50%;bottom:-4em;width:110em;height:20em;transform:translateX(-50%);border-radius:50%;z-index:0;pointer-events:none;
  background:linear-gradient(100deg,#00b398 0%,#1b4ae2 34%,#8b9de2 100%);filter:blur(120px);opacity:.5}

/* ---------- intro (Redica §2.2, §3.4) ---------- */
.rd-intro{position:relative;padding:11.25em 0;background:#131313}

/* ---------- the light slab ---------- */
.rd-slab{position:relative;z-index:3;display:block;background:#f9f9f9;color:#18181b;border-radius:3.75em;overflow:clip}
.rd-sec{padding:5em 0}

/* cards (Redica §2.3, §4.1) */
.rd .p-grid{position:relative;display:grid;column-gap:5em;row-gap:1.5em;max-width:none;margin:3em 0 0;padding:0 3em}
.rd .p-grid.rd-cards{grid-template-columns:1fr 1fr}
.rd .p-grid.rd-three{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:3em;padding:0}
.rd .p-grid::before{content:none}
.rd .p-grid.rd-cards::before{content:"";position:absolute;left:50%;top:3em;bottom:-3em;width:1px;background:linear-gradient(#d9d9d900,#d9d9d9d9 25%,#d9d9d9 50%,#d9d9d9a8 75%,#d9d9d900)}
.rd .p-hdiv{grid-column:1/-1;display:block;height:1px;margin:0 -3em;background:linear-gradient(90deg,#d9d9d900,#d9d9d9a8 25%,#d9d9d9 50%,#d9d9d9d9 75%,#d9d9d900)}
.rd .p-card{min-width:0;background:none;border:0;box-shadow:none;border-radius:0}
.rd .p-asset{position:relative;padding-top:58%;perspective:1000px;overflow:hidden;background:none;border-radius:0}
.rd .p-asset .img-ab{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left top}
.rd .p-asset picture{position:absolute;inset:0}
.rd .p-asset .ov-b{position:absolute;inset:auto 0 0;height:4.25em;background:linear-gradient(180deg,#f9f9f900,#f9f9f9);z-index:2;display:block}
.rd .p-asset .ov-s{position:absolute;inset:0 0 0 auto;width:4.25em;background:linear-gradient(90deg,#f9f9f900,#f9f9f9);z-index:2;display:block}
.rd .p-body{padding:1.25em 1.5em}
.rd .p-body h3{font-size:1.25em;color:#18181b}
.rd .p-body p{margin-top:.5em;font-size:1em;line-height:1.3;color:#535353}
.rd .p-body .rd-btn-sm{margin-top:1.5em}
.rd .rd-three .p-body{padding:1.25em .25em}
.rd .p-body q{display:block;margin-top:.6em;font-size:1em;line-height:1.35;color:#18181b;quotes:"\201C" "\201D"}
.rd .p-body cite{display:block;margin-top:.35em;font-style:normal;font-size:.875em;color:#71717a}

/* testimonial (Redica §2.4, §3.6) */
.rd .tst-sec.rd-tst{position:relative;padding:2em 0;background:transparent}
.rd .tst-wrap{position:relative;top:auto;left:auto;right:auto;transform:none;max-width:1600px;margin-inline:auto;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:1.25em;padding:2em 5em}
.rd .tst-card{grid-column:4/10;display:flex;flex-direction:column;justify-content:space-between;gap:5em;min-height:18em;padding:2em;margin:0;max-width:none;
  background:#fff;border:1px solid #ebebeb;border-radius:.625em;
  box-shadow:0 1px 1.5px rgba(0,8,20,.01),0 2px 3px rgba(0,8,20,.02),0 4px 6px rgba(0,8,20,.03),0 8px 12px rgba(0,8,20,.04),0 16px 24px rgba(0,8,20,.05),0 24px 36px rgba(0,8,20,.06),0 36px 54px rgba(0,8,20,.06),0 54px 81px rgba(0,8,20,.08)}
.rd .tst-top{display:flex;flex-direction:column;gap:.625em}
.rd .tst-q{display:block;height:.75em;font:500 2.6em/1 Inter,sans-serif;color:var(--teal)}
.rd .tst-text{font-size:1.75em;line-height:1.2;letter-spacing:-.02em;font-weight:500;color:#353535}
.rd .tst-then{margin-top:.5em;font-size:1.125em;font-weight:500;color:var(--blue)}
.rd .tst-btm{display:flex;justify-content:space-between;align-items:flex-end;gap:2em}
.rd .tst-profile b{display:block;font-size:1em;font-weight:500;color:#18181b}
.rd .tst-profile small{display:block;margin-top:.25em;font-size:.875em;line-height:1.4;color:#71717a;max-width:30em}

/* features: how it works (Redica product page §2, features list) */
.rd-feat.flip .rd-feat-in{grid-column:2/10;flex-direction:row-reverse}
.rd-feat.flip .rd-feat-text{padding:.25em 0 0 2em}

/* solutions (Redica §2.5): keep shared.css's tabs, set Redica's measures */
.rd #solutions{padding:5em 0 5em}
.rd .sol-tabswrap{width:74%;margin:2.5em auto 0}
.rd .sol-panel_inner{gap:.5em}
.rd .sol-card{width:calc(33% - .5em);flex:0 1 calc(33% - .5em);min-width:0;padding:1.5em;gap:3em;background:#fff;border:1px solid #ebebeb;border-radius:.625em}
.rd .sol-card b{margin-top:0;font-size:1.125em;font-weight:500;letter-spacing:-.02em;color:#18181b}
.rd .sol-card p{margin-top:.25em;font-size:1em;line-height:1.3;color:#71717a}
.rd .sol-ic{width:2em;height:2em;background:none;border:0;padding:0}
.rd .sol-ic svg{width:2em;height:2em}

/* benefits: the offer (Redica product page, benefits) */

/* FAQ (Redica product page) */
.rd .faq_item{border:0;border-radius:.75em;transition:background-color .3s}
.rd .faq_item.active{background:#fff}
.rd .faq_q{display:flex;justify-content:space-between;align-items:center;gap:1em;width:100%;padding:1.25em;border:0;background:none;text-align:left;cursor:pointer;
  font:500 1.125em/1.3 Inter,sans-serif;letter-spacing:-.02em;color:#18181b;text-wrap:pretty}
.rd .faq_ic{position:relative;flex:none;width:2em;height:2em;border-radius:.375em;background:#ebebeb}
.rd .faq_ic::before,.rd .faq_ic::after{content:"";position:absolute;left:50%;top:50%;width:1em;height:1.5px;margin:0;background:#1f1f1f!important;transform:translate(-50%,-50%);transition:transform .3s}
.rd .faq_ic::after{transform:translate(-50%,-50%) rotate(90deg)}
.rd .faq_item.active .faq_ic{background:#ebebeb}
.rd .faq_item.active .faq_ic::after{transform:translate(-50%,-50%) rotate(0)}
.rd .faq_item,.rd .faq_item:first-child,.rd .faq_item:last-child{border:0}
.rd .faq_a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s cubic-bezier(.2,1,.2,1)}
.rd .faq_item.active .faq_a{grid-template-rows:1fr}
.rd .faq_a>div{overflow:hidden}
.rd .faq_a p{padding:0 1.25em 1.25em;font-size:1em;line-height:1.4;color:#535353}

/* data (Redica §2.6) */
.rd .datas-sec.rd-data{padding:10em 0 5em;background:#131313}
.rd-data-h{text-align:center;font-size:2em;color:#f9f9f9;margin-bottom:1em}
.rd #bentoWrap{margin-inline:calc((100% + 1.25em)/12)}
.rd [figure-data]{font-family:"Zalando Sans SemiExpanded",Inter,sans-serif!important;font-weight:600!important}

/* closing card: Redica's blurred teal-to-blue diagonal, no scattered rings */
.rd footer.site{background:#131313}
.rd footer.site .co-deco{display:block}
.rd footer.site .co-deco svg>circle{display:none}

/* ---------- phone ---------- */
@media (max-width:991px){
  .rd .wrap{padding-inline:3em}
  .rd .p-grid.rd-three{grid-template-columns:1fr;row-gap:3em}
  .rd-feat-in,.rd-feat.flip .rd-feat-in{grid-column:1/-1;flex-direction:column;align-items:stretch}
  .rd-feat-text,.rd-feat.flip .rd-feat-text{padding:0}
  .rd .tst-card{grid-column:1/-1}
  .rd .sol-tabswrap{width:100%}
}
@media (max-width:767px){
  .rd .wrap{padding-inline:1.25em}
  .rd-hero{min-height:0;padding:6.5em 0 3em;flex-direction:column;align-items:stretch}
  .rd-hero-visual{position:relative;inset:auto;padding:0 1.25em}
  .rd-hero-text{padding:0 1.25em;gap:2em;order:-1;margin-bottom:2em}
  .rd-hero h1{width:100%;font-size:2em}
  .rd-hero-second{display:none}
  .rd-intro{padding:5em 0}
  .rd-slab{border-radius:1.875em}
  .rd-sec{padding:3.5em 0}
  .rd .p-grid.rd-cards{grid-template-columns:1fr;padding:0;row-gap:2em}
  .rd .p-grid.rd-cards::before{display:none}.rd .p-hdiv{margin:0}
  .rd .p-asset{padding-top:128.5%}
  .rd .p-asset .img-ab{object-fit:contain;object-position:center top}
  .rd .p-asset .ov-b,.rd .p-asset .ov-s{display:none}
  .rd .rd-three .p-asset{padding-top:58%}
  .rd .rd-three .p-asset .img-ab{object-fit:cover;object-position:left top}
  .rd .tst-wrap{padding:1em 1.25em}
  .rd .tst-card{gap:2.5em}
  .rd .tst-text{font-size:1.5em}
  .rd .tst-btm{flex-direction:column;align-items:flex-start}
  .rd .sol-card{width:100%;flex-basis:100%}
  .rd .datas-sec.rd-data{padding:5em 0 3em}
  .rd #bentoWrap{margin-inline:0}
}