/* ######################## crelio-kit.css ######################## */
/* CRELIO BLOCK KIT — frozen design-system layer, shared by all new-design pages. Do not edit per page. */
:root{
--g:#1C9323; /* action green — buttons, links, green text on LIGHT */
--gi:#00A82D; /* icon green — strokes, gradient stops, glows */
--g2:#3FD15F; /* glow green — green on DARK only */
--glogo:#3BA341; /* logo mark only */
--gsoft:#E8F7EC; /* the only tinted fill */
--gline:#C2E2C4; /* the only pill border */
--ink:#0E0E0E; --muted:#4E4E4E; --faint:#7A827A;
--line:#EBEBEB; --line2:#ECECEC;
--black:#000; --black2:#0A0A0A; --panel:#F7F9F8;
/* The live site keeps two dark grounds: a neutral black for the home page
and a dark green-black for product pages. Both are in use — do not
collapse them into one. */
--darkg:#0B1A12; --darkg2:#10241A;
/* Two soft tints, also both in use: the home page's is far lighter. */
--tint-home:rgba(59,163,65,.05); --tint-page:#E8F7EC;
--lined:rgba(255,255,255,.10);
--serif:"Libertinus Serif Display";
--sans:'Inter',system-ui,-apple-system,sans-serif;
--r-pill:999px; --r-xl:24px; --r-lg:20px; --r-md:16px; --r-sm:14px; --r-xs:10px;
--sh-flat:0 1px 2px rgba(15,23,42,.04);
--sh-lift:0 20px 40px -20px rgba(0,168,45,.18);
--sh-cta:0 12px 30px -8px rgba(0,168,45,.4);
--sh-ui:0 10px 30px rgba(15,23,42,.08);
--muted2:#6B6B6B; /* --pp-muted. Card paragraphs, NOT --muted. */
--ink2:#334155; /* --cr-ink-2. Check lists and dense body. */
--link:#35B23E; /* the "Know more" green */
--cardgrey:#F8F8F8; /* pp-feature-card ground */
/* measured off the live site, 23 Sep 2026 */
--sh-card:0 26px 50px -30px rgba(15,23,42,.32);
--sh-soft:0 24px 46px -30px rgba(15,23,42,.30);
--sh-photo:0 30px 60px -20px rgba(0,0,0,.35);
--sh-btn:0 4px 10px rgba(0,168,45,.25);
--ease:cubic-bezier(.22,.61,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:var(--sans);color:#0f172a;background:#fff;
-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
/* ── LAYOUT ─────────────────────────────────────────────────────────────── */
.cr-sec{padding:100px 0;background:#fff;position:relative}
.cr-sec--dark{background:var(--black);color:#fff}
.cr-sec--ink{background:var(--black2);color:#fff}
.cr-sec--tint{background:var(--gsoft)}
.cr-sec--panel{background:var(--panel)}
/* --container-max on the live site is 1320px. Measured 23 Sep 2026. */
.cr-wrap{max-width:1320px;margin:0 auto;padding:0 24px}
.cr-wrap--wide{max-width:1320px}
.cr-wrap--narrow{max-width:1100px}
.cr-head{margin-bottom:64px} /* .hc-sec-head{padding-bottom:64px} */
.cr-head--center{text-align:center;max-width:820px;margin-left:auto;margin-right:auto}
.cr-head .cr-pill{margin-bottom:22px}
.cr-g2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.cr-g3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cr-g4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cr-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.cr-split--rev>*:first-child{order:2}
.cr-bento-a{display:grid;grid-template-columns:1fr 1.6fr;gap:20px;margin-bottom:20px}
.cr-bento-b{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cr-headrow{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:end;
margin-bottom:56px}
/* ── TYPE ───────────────────────────────────────────────────────────────── */
.cr-t{font-family:var(--serif);font-weight:400;line-height:1.1;letter-spacing:-.02em;
margin:0;color:var(--ink);text-wrap:balance}
.cr-t--hero{font-size:64px;color:#fff}
.cr-t--feat{font-size:56px}
.cr-t--sec{font-size:48px}
.cr-t em{font-style:normal;color:var(--g)}
.cr-sec--dark .cr-t,.cr-sec--ink .cr-t{color:#fff}
.cr-sec--dark .cr-t em,.cr-sec--ink .cr-t em{color:var(--g2)}
.cr-lead{font-size:16px;line-height:24px;letter-spacing:-.011em;font-weight:400;
color:var(--muted);max-width:520px;margin:0}
.cr-sec--dark .cr-lead,.cr-sec--ink .cr-lead{color:rgba(255,255,255,.72)}
.cr-lead--fade{color:var(--ink)}
.cr-lead--fade span{color:rgba(78,78,78,.55)}
.cr-sec--dark .cr-lead--fade{color:#fff}
.cr-sec--dark .cr-lead--fade span{color:rgba(255,255,255,.45)}
.cr-ct{font-size:16px;line-height:24px;letter-spacing:-.02em;font-weight:500;
color:var(--ink);margin:0 0 8px}
.cr-cb{font-size:14px;line-height:20px;letter-spacing:-.01em;font-weight:400;
color:var(--muted);margin:0}
.cr-sec--dark .cr-ct,.cr-sec--ink .cr-ct{color:#fff}
.cr-sec--dark .cr-cb,.cr-sec--ink .cr-cb{color:rgba(255,255,255,.6)}
.cr-micro{font-size:13px;line-height:18px;color:var(--faint);margin:0}
/* ── PILLS / TAGS ───────────────────────────────────────────────────────── */
.cr-pill{display:inline-flex;align-items:center;justify-content:center;
border:1px solid var(--gline);background:#fff;color:var(--g);border-radius:99px;
padding:6px 12px;font-size:16px;font-weight:500;line-height:24px;letter-spacing:-.02em}
.cr-sec--dark .cr-pill,.cr-sec--ink .cr-pill{background:transparent;
border-color:rgba(63,209,95,.35);color:var(--g2)}
.cr-tag{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 12px;
font-size:12px;font-weight:500;color:var(--g);background:var(--gsoft)}
.cr-eyebrow{display:inline-block;padding:8px 10px;border-radius:200px;
background:rgba(235,235,235,.4);color:#0a0a0a;font-size:12px;font-weight:600;
line-height:16px;letter-spacing:.04em;text-transform:uppercase}
/* ── BUTTONS ────────────────────────────────────────────────────────────── */
.cr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
padding:12px 32px;border-radius:99px;border:0;font-family:var(--sans);
font-size:16px;font-weight:500;line-height:23.52px;letter-spacing:-.02em;
text-decoration:none;cursor:pointer;transition:transform .2s ease}
.cr-btn--p{background:var(--g);color:#fff;box-shadow:var(--sh-cta)}
.cr-btn--w{background:#fff;color:rgba(7,11,18,1)}
.cr-btn--ghost{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.45)}
.cr-btn--soft{background:rgba(235,246,236,1);color:var(--g)}
.cr-btn--lg{padding:16px 32px;font-size:15px}
.cr-btns{display:flex;flex-wrap:wrap;gap:14px}
.cr-link{display:inline-flex;align-items:center;gap:6px;color:var(--g);font-size:14px;
font-weight:500;text-decoration:none;transition:gap .2s ease}
.cr-link:hover{gap:11px}
.cr-sec--dark .cr-link,.cr-sec--ink .cr-link{color:var(--g2)}
/* ── CARDS ──────────────────────────────────────────────────────────────── */
.cr-card{background:#fff;border:1px solid var(--line2);border-radius:var(--r-lg);
padding:26px;height:100%;box-shadow:var(--sh-flat);
display:flex;flex-direction:column;
transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
/* THE VISUAL SLOT INSIDE A CARD.
Fixed height is deliberate: it is what keeps three cards in a row aligned.
Never replace this with an inline style — unequal visual heights are the
single most common cause of a page looking "misaligned". */
.cr-vis{height:216px;flex:none;border-radius:var(--r-md);background:var(--panel);
display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden;
margin:-4px -4px 22px;position:relative}
.cr-vis--tall{height:270px}
.cr-vis--short{height:158px}
.cr-vis>*{max-width:100%}
/* The text block under a card visual. Because .cr-vis has a fixed height,
every card in a row starts its text at the same y automatically. Do not add
margin-top:auto here — that pushes shorter cards down and breaks the row. */
.cr-card__txt{margin-top:0}
.cr-card:hover{transform:translateY(-4px);border-color:rgba(0,168,45,.3);box-shadow:var(--sh-lift)}
.cr-card--green{background:radial-gradient(100.15% 100.15% at 0% -0.15%,#28BE56 0%,#00A62F 100%);
border:0;color:#fff}
.cr-card--green .cr-ct,.cr-card--green .cr-cb{color:#fff}
.cr-card--green .cr-cb{color:rgba(255,255,255,.85)}
.cr-card--green .cr-link{color:#fff}
.cr-card--flat{box-shadow:none}
.cr-card--flat:hover{transform:none;box-shadow:var(--sh-lift)}
.cr-card--dark{background:var(--black2);border:1px solid rgba(63,209,95,.25);
border-radius:var(--r-md);box-shadow:0 0 40px rgba(63,209,95,.08) inset;color:#fff;padding:0;
overflow:hidden;height:100%;display:flex;flex-direction:column}
.cr-card--dark .cr-vis{background:transparent;margin:0;height:200px}
.cr-card--dark .cr-card__txt{padding:0 22px 26px}
.cr-card--pad{padding:26px}
/* .hc-feat-ic on the live site: 48 square, radius 10, 5% green, icon 22. */
.cr-chip{width:48px;height:48px;border-radius:10px;flex:none;background:var(--gsoft);
color:var(--gi);display:inline-flex;align-items:center;justify-content:center}
/* on a dark section the chip is SOLID green, not a gradient — .hc-plat-feat-ic */
.cr-chip--solid{background:var(--g);color:#fff}
.cr-chip--lg{width:48px;height:48px;border-radius:14px}
.cr-chip svg{width:22px;height:22px;stroke-width:1.75;fill:none;stroke:currentColor;
stroke-linecap:round;stroke-linejoin:round}
.cr-sec--dark .cr-chip{background:rgba(63,209,95,.14);color:var(--g2)}
/* row: chip + text, the most-used sub-layout on the site */
.cr-row{display:flex;gap:16px;align-items:flex-start}
.cr-rows{display:flex;flex-direction:column}
.cr-rows>.cr-row{padding:20px 0;border-top:1px solid var(--line)}
.cr-rows>.cr-row:first-child{border-top:0;padding-top:0}
.cr-sec--dark .cr-rows>.cr-row{border-color:var(--lined)}
/* ── SIGNATURE DEVICES ──────────────────────────────────────────────────── */
.cr-mesh{background-image:radial-gradient(rgba(63,209,95,.07) 1px,transparent 1px);
background-size:22px 22px}
.cr-mesh--dark{background-image:radial-gradient(rgba(63,209,95,.10) 1px,transparent 1px);
background-size:22px 22px}
.cr-panel{background:var(--panel);border-radius:var(--r-lg);padding:34px;position:relative;
overflow:hidden;min-height:340px;display:flex;align-items:center;justify-content:center}
/* the green dome — ONCE per page, between the closing CTA and the footer */
/* ── THE DOME ───────────────────────────────────────────────────────────────
Copied verbatim from the live site (.gradient-section + .dome). Do not
rewrite the gradient — this is the developer's own CSS.
How it reads: the element's base is WHITE and the gradient radiates out
from the bottom centre, so you get a white bloom along the bottom, a green
ribbon above it, and black at the top and corners. It is a glow rising out
of the light section below, not a hole in a black one.
⚠ The base colour is the part that goes wrong. Painted on black instead of
white, the same gradient puts a dark ellipse at the bottom and blows the
green out into a slab — that is the "ugly green band" defect. (F-29)
WHERE IT GOES: exactly once per solutions page, between the closing CTA and
the footer. Never against the hero — on a solutions page the hero ends in
solid black and cuts straight to the next section, with no transition
device at all. Only the home page runs a second, mid-page dome. (F-32/F-34) */
.cr-dome{position:relative;width:100%;height:340px;overflow:hidden;isolation:isolate;
background-color:#fff;
background-image:radial-gradient(140.64% 100% at 50% 100%,
rgba(255,255,255,0) 0%,rgba(255,255,255,.6) 38.07%,#00A62F 73.08%,#000 100%)}
.cr-dome--up{transform:scaleY(-1)}
/* the full-width gradient CTA band that closes a bento section */
.cr-band{margin-top:56px;padding:24px 32px;border-radius:var(--r-md);
background:linear-gradient(90deg,#35BA55,#0F8A2A);color:#fff;display:flex;flex-wrap:wrap;
align-items:center;justify-content:space-between;gap:16px}
.cr-band p{font-size:18px;font-weight:500;line-height:24px;letter-spacing:-.02em;margin:0}
.cr-band a{color:#fff;font-weight:600;text-decoration:none;white-space:nowrap}
/* ── PHOTO SLOT ─────────────────────────────────────────────────────────────
Artifacts cannot load external images. This renders a deliberate, designed
dark banner so the page reads as complete, and carries the production fills the slot; the scrim is already baked in. */
.cr-photo--gen{background:#000}
.cr-photo--gen::before,.cr-photo--gen::after{display:none}
.cr-photo--gen>svg{position:absolute;inset:0;width:100%;height:100%;display:block}
/* ══════════════════════════════════════════════════════════════════════════
REPEATED SECTIONS
--------------------------------------------------------------------------
Eight sections appear on every solutions page. Their DESIGN IS FROZEN —
only the words, links and images inside them change. Copy the block from
blocks.html and swap the content. Never restyle them, never rebuild them
from scratch, never "improve" them for one page. The developer builds each
of these once and reuses it; a page that renders them differently is a
page he has to unpick by hand.
The eight: BADGES · BROCHURE · COMPLIANCE · TESTIMONIAL
EXPLORE · BLOGS · FAQ · CTA
══════════════════════════════════════════════════════════════════════════ */
/* ── BADGES ────────────────────────────────────────────────────────────────
Sits directly under the hero, on the same black, so the hero photo fades
into it and the two read as one opening. Never on a light ground — the G2
shields are white and vanish. */
.cr-badges{background:var(--black);padding:52px 0 60px}
.cr-badges__in{display:flex;align-items:center;gap:28px 48px;flex-wrap:wrap}
.cr-badges__lb{flex:0 0 auto;font-size: 18px;
font-weight: 500;
line-height: 24px;
letter-spacing: -2%;
color: #fff;
}
.cr-badges__row{display:flex;align-items:center;gap:16px 34px;flex-wrap:wrap;
margin-left:auto}
.cr-badges__row img{display:block;height:80px;width:auto}
.cr-badges__row img.cr-badge--wide{height:52px}
@media (max-width:991px){
.cr-badges{padding:38px 0 42px}
.cr-badges__in{gap:20px}
.cr-badges__row{margin-left:0;gap:14px 24px}
.cr-badges__row img{height:58px}
.cr-badges__row img.cr-badge--wide{height:38px}
}
/* The same claim at section scale, as outlined pills — used inside PROOF,
never as a substitute for the badge band. */
.cr-rate{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px}
.cr-rate span{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line2);
background:#fff;border-radius:var(--r-pill);padding:7px 15px;font-size:12.5px;
font-weight:500;letter-spacing:-.01em;color:var(--ink)}
.cr-rate svg{width:12px;height:12px;flex:none;color:var(--g)}
.cr-sec--dark .cr-rate span,.cr-sec--ink .cr-rate span{background:rgba(255,255,255,.04);
border-color:rgba(255,255,255,.14);color:#E7EFE8}
.cr-sec--dark .cr-rate svg,.cr-sec--ink .cr-rate svg{color:var(--g2)}
/* ── COMPLIANCE ────────────────────────────────────────────────────────────
A black card carrying the promise, a hairline grid carrying the proof.
The headline here is SANS, not serif — it is a statement of fact, not a
section title, and the home page sets it that way. */
.cr-comply{display:grid;grid-template-columns:.86fr 1.5fr;gap:26px;align-items:stretch}
.cr-comply__card{background:var(--black2);border-radius:var(--r-md);padding:34px 32px;
display:flex;flex-direction:column}
.cr-comply__card .cr-eyebrow{background:transparent;padding:0;color:var(--g2);
margin-bottom:12px;letter-spacing:.01em;text-transform:none;font-size:14px;font-weight:500}
.cr-comply__card h3{margin:0 0 24px;font-family:var(--sans);font-size:24px;font-weight:500;
line-height:1.24;letter-spacing:-.02em;color:#fff}
.cr-comply__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:15px}
.cr-comply__list li{display:flex;align-items:flex-start;gap:11px;font-size:15px;
line-height:1.45;color:rgba(255,255,255,.86)}
.cr-comply__list svg{width:19px;height:19px;flex:none;margin-top:1px;color:var(--g2)}
.cr-comply__seal{margin-top:auto;padding-top:28px;display:flex;flex-wrap:wrap;gap:8px}
.cr-comply__seal span{border:1px solid rgba(255,255,255,.20);border-radius:var(--r-xs);
padding:6px 12px;font-size:12px;font-weight:500;color:rgba(255,255,255,.82)}
.cr-comply__grid{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;
border:1px solid var(--line2);border-radius:var(--r-md);overflow:hidden}
.cr-comply__grid>div{padding:26px 24px 28px;border-right:1px solid var(--line2);
border-bottom:1px solid var(--line2)}
.cr-comply__grid>div:nth-child(3n){border-right:0}
.cr-comply__grid>div:nth-last-child(-n+3){border-bottom:0}
.cr-comply__grid svg{width:22px;height:22px;display:block;margin-bottom:16px;color:var(--gi)}
.cr-comply__grid b{display:block;font-size:16px;font-weight:500;letter-spacing:-.01em;
color:var(--ink);margin-bottom:6px}
.cr-comply__grid p{margin:0;font-size:14px;line-height:1.5;color:var(--muted)}
@media (max-width:991px){
.cr-comply{grid-template-columns:1fr}
.cr-comply__grid{grid-template-columns:repeat(2,1fr)}
.cr-comply__grid>div{border-right:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.cr-comply__grid>div:nth-child(2n){border-right:0}
.cr-comply__grid>div:nth-last-child(-n+2){border-bottom:0}
}
@media (max-width:575px){
.cr-comply__grid{grid-template-columns:1fr}
.cr-comply__grid>div{border-right:0;border-bottom:1px solid var(--line2)}
.cr-comply__grid>div:last-child{border-bottom:0}
}
/* ── BROCHURE ──────────────────────────────────────────────────────────────
Page-specific PDF. If the page has no brochure, DELETE THE WHOLE BLOCK —
never ship it pointing at a file that does not exist. */
.cr-broch{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center;
background:#fff;border:1px solid var(--line2);border-radius:var(--r-xl);
padding:38px 40px;box-shadow:var(--sh-flat)}
.cr-broch h3{margin:14px 0 10px;font-family:var(--serif);font-size:32px;font-weight:400;
line-height:110%;letter-spacing:-.02em;color:var(--ink)}
.cr-broch h3 em{font-style:normal;color:var(--g)}
.cr-broch p{margin:0 0 22px;font-size:16px;line-height:1.55;color:var(--muted);max-width:52ch}
.cr-broch__meta{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13px;
color:var(--faint)}
.cr-broch__doc{position:relative;justify-self:end;width:100%;max-width:230px;aspect-ratio:210/297;
background:linear-gradient(160deg,#fff,#F2F7F3);border:1px solid var(--line2);
border-radius:var(--r-sm);box-shadow:var(--sh-ui);overflow:hidden;padding:22px 20px;
display:flex;flex-direction:column;gap:9px}
.cr-broch__doc::after{content:"";position:absolute;right:-38px;bottom:-52px;width:150px;
height:150px;border-radius:50%;background:radial-gradient(circle,rgba(0,168,45,.20),transparent 68%)}
.cr-broch__doc i{display:block;height:7px;border-radius:var(--r-pill);background:var(--line2)}
.cr-broch__doc i:nth-child(1){width:56%;height:11px;background:var(--gsoft)}
.cr-broch__doc i:nth-child(2){width:100%}
.cr-broch__doc i:nth-child(3){width:88%}
.cr-broch__doc i:nth-child(4){width:94%}
.cr-broch__doc i:nth-child(5){width:62%;margin-bottom:6px}
.cr-broch__doc b{display:block;height:52px;border-radius:var(--r-xs);
background:linear-gradient(135deg,rgba(0,168,45,.14),rgba(0,168,45,.04));
border:1px solid rgba(0,168,45,.18)}
@media (max-width:991px){
.cr-broch{grid-template-columns:1fr;gap:30px;padding:30px 26px}
.cr-broch__doc{justify-self:start;max-width:180px}
}
/* ── EXPLORE MORE WAYS ─────────────────────────────────────────────────────
Exactly three links to sibling solution pages. Never two, never four. */
.cr-explore{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cr-explore a{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line2);
border-radius:var(--r-lg);padding:26px;text-decoration:none;box-shadow:var(--sh-flat);
transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}
.cr-explore a:hover{transform:translateY(-3px);box-shadow:var(--sh-lift);
border-color:var(--gline)}
.cr-explore svg.cr-explore__i{width:26px;height:26px;color:var(--gi);margin-bottom:18px}
.cr-explore b{font-size:18px;font-weight:500;letter-spacing:-.02em;color:var(--ink);
margin-bottom:8px}
.cr-explore p{margin:0 0 20px;font-size:14.5px;line-height:1.5;color:var(--muted)}
.cr-explore__go{margin-top:auto;display:inline-flex;align-items:center;gap:7px;font-size:14px;
font-weight:500;color:var(--g)}
.cr-explore__go svg{width:15px;height:15px;transition:transform .3s var(--ease)}
.cr-explore a:hover .cr-explore__go svg{transform:translateX(4px)}
@media (max-width:991px){.cr-explore{grid-template-columns:1fr}}
/* ── BLOG GRID ─────────────────────────────────────────────────────────────
Three real posts from the page's own blog category, then one CTA to that
category. The thumbnail is a drawn .cr-vis until real images exist. */
.cr-blogs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cr-blogs a{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line2);
border-radius:var(--r-lg);overflow:hidden;text-decoration:none;box-shadow:var(--sh-flat);
transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}
.cr-blogs a:hover{transform:translateY(-3px);box-shadow:var(--sh-lift);border-color:var(--gline)}
.cr-blogs__th{position:relative;height:172px;flex:none;overflow:hidden;
border-bottom:1px solid var(--line2);
background:
radial-gradient(120% 92% at 78% 6%,rgba(0,168,45,.17),transparent 62%),
linear-gradient(152deg,#EFF6F1 0%,#F7F9F8 54%,#E7F3EA 100%)}
/* A blog card with a flat grey thumbnail is an empty box (F-06). Until real
thumbnails exist this carries the dot mesh so the card reads as finished.
PRODUCTION: put . No script, so it cannot break, and it stays open for
Ctrl-F and for search engines. */
.cr-faq{border-top:1px solid var(--line2)}
.cr-faq details{border-bottom:1px solid var(--line2)}
.cr-faq summary{list-style:none;cursor:pointer;display:flex;align-items:flex-start;gap:20px;
padding:22px 0;font-size:18px;font-weight:500;line-height:1.4;letter-spacing:-.02em;
color:var(--ink);transition:color .2s ease}
.cr-faq summary::-webkit-details-marker{display:none}
.cr-faq summary:hover{color:var(--g)}
.cr-faq summary::after{content:"";flex:none;margin-left:auto;width:11px;height:11px;
margin-top:7px;border-right:2px solid var(--g);border-bottom:2px solid var(--g);
transform:rotate(45deg);transition:transform .25s var(--ease)}
.cr-faq details[open] summary::after{transform:rotate(-135deg)}
.cr-faq details>div{padding:0 44px 24px 0;font-size:16px;line-height:1.6;color:var(--muted);
max-width:78ch}
.cr-faq details>div p{margin:0 0 12px}
.cr-faq details>div p:last-child{margin-bottom:0}
.cr-sec--dark .cr-faq,.cr-sec--dark .cr-faq details{border-color:var(--lined)}
.cr-sec--dark .cr-faq summary{color:#F2F6F2}
.cr-sec--dark .cr-faq summary:hover{color:var(--g2)}
.cr-sec--dark .cr-faq summary::after{border-color:var(--g2)}
.cr-sec--dark .cr-faq details>div{color:rgba(255,255,255,.70)}
@media (max-width:575px){
.cr-faq summary{font-size:16.5px;gap:14px}
.cr-faq details>div{padding-right:0;font-size:15px}
}
/* ══════════════════════════════════════════════════════════════════════════
FIXES FOLDED UP FROM PAGE RUNS
Each of these was patched by hand inside a built page. A fix that lives in
one page is a fix the next page does not get, so they belong here.
══════════════════════════════════════════════════════════════════════════ */
/* The glow green is scoped to .cr-sec--dark / .cr-sec--ink. The hero and the
closing CTA are dark grounds carrying NEITHER class, so their emphasis fell
back to --g on black — 3.0:1, and visibly duller than every dark section
between them. Those two are the first places a stranger compares. */
.cr-hero .cr-t em,.cr-cta .cr-t em{color:var(--g2)}
.cr-hero .cr-lead,.cr-cta .cr-lead{color:rgba(255,255,255,.72)}
/* A dark card pinned .cr-vis to its own height and out-ranked .cr-vis--tall,
clipping the taller compositions. */
.cr-card--dark .cr-vis--tall{height:270px}
/* .cr-panel is --panel, the same value as a panel-ground section, so on that
ground it vanished. Lift it to white and give it the card hairline. */
.cr-sec--panel .cr-panel{background:#fff;border:1px solid var(--line2)}
/* 520px is the measure for a lead sitting BESIDE a headline, not under one.
Centred leads were reading as narrow ragged columns. */
.cr-head--center .cr-lead{max-width:660px;margin-left:auto;margin-right:auto;
text-align:center}
/* Five stacked feature rows read as one undifferentiated column without this. */
.cr-sec .cr-split+.cr-headrow{margin-top:104px}
@media (max-width:991px){.cr-sec .cr-split+.cr-headrow{margin-top:64px}}
/* Any block that sets .cr-split columns with an INLINE style out-ranks the
kit's mobile rule and stays two-up on a phone. !important is the only thing
that beats an inline declaration, so it is used deliberately and only here. */
@media (max-width:991px){.cr-sec .cr-split{grid-template-columns:1fr!important}}
/* A grid or flex item is min-width:auto by default, so a table, a flow
diagram or any other wide drawn composition inside a card sets a floor on
its track and pushes the whole column past the viewport — the page then
scrolls sideways on a phone. Cards have to be allowed to shrink.
Found on molecular, where six cards pushed the body 15px wide. (F-37) */
.cr-card,.cr-card--dark,.cr-cells,.cr-quote,.cr-vis>*{min-width:0}
/* The quote mark at 26px / .55 opacity disappeared. */
.cr-quote__m{font-size:40px;opacity:.75;margin-bottom:14px}
/* ══════════════════════════════════════════════════════════════════════════
THE HERO
--------------------------------------------------------------------------
Four layers, in this order, exactly as the live site builds it:
1 .cr-hero__img the photograph, object-position top
2 .cr-hero__scrim a vertical scrim that ends in SOLID black
3 .cr-hero__glow an off-centre oval, soft-light, half opacity
4 .cr-hero__in the content
The scrim reaching pure black at 100% is what lets the hero cut straight
into the next section with no transition device. That hard cut is the
design — do not soften it, and do not put a dome under it.
══════════════════════════════════════════════════════════════════════════ */
.cr-hero{position:relative;min-height:100vh;display:flex;align-items:flex-end;
overflow:hidden;
background:linear-gradient(rgba(0,0,0,.4) 0%,rgba(0,0,0,.6) 60%,#000 100%),var(--black2)}
.cr-hero>.cr-photo,.cr-hero__img{position:absolute;inset:0;width:100%;height:100%;
object-fit:cover;object-position:center top;animation:cr-hero-fade .3s ease-out both}
@keyframes cr-hero-fade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.cr-hero__img{animation:none}}
/* Solutions pages start the scrim at 10%; the home page starts it at 40%.
Ours are solutions pages, so 10% is the default — the headline sits low
and needs the depth. */
.cr-hero__scrim{position:absolute;inset:0;z-index:2;pointer-events:none;
background:linear-gradient(rgba(0,0,0,0) 10%,#000 100%)}
.cr-hero__scrim--home{background:linear-gradient(rgba(0,0,0,0) 40%,#000 100%)}
/* The signature oval. The live site loads a PNG; this is the same figure as a
gradient so the page still needs no external file. Keep the blend mode and
the opacity — at soft-light .5 it lifts the photo without lighting it. */
.cr-hero__glow{position:absolute;left:-339px;top:150px;width:1115px;height:610px;
z-index:1;pointer-events:none;mix-blend-mode:soft-light;opacity:.5;
background:radial-gradient(58% 66% at 42% 78%,
rgba(255,255,255,.95) 0%,rgba(198,241,210,.55) 34%,
rgba(0,166,47,.28) 58%,rgba(0,166,47,0) 78%)}
.cr-hero__in{position:relative;z-index:3;width:100%;padding-bottom:88px;padding-top:160px}
.cr-hero__grid{display:grid;grid-template-columns:1.25fr .95fr;gap:56px;align-items:end}
.cr-hero__badge{display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:13px;
font-weight:500;margin-bottom:22px;border:1px solid rgba(255,255,255,.22);
background:rgba(255,255,255,.06);border-radius:var(--r-pill);padding:7px 14px}
.cr-hero__badge svg{width:14px;height:14px;fill:none;stroke:var(--g2);stroke-width:1.7;
stroke-linejoin:round}
.cr-hero__side{display:flex;flex-direction:column;align-items:flex-start;gap:26px}
.cr-hero__desc{font-size:16px;line-height:24px;letter-spacing:-.011em;color:#fff;margin:0;
max-width:460px}
@media (max-width:991px){
.cr-hero{min-height:auto}
.cr-hero__grid{grid-template-columns:1fr;gap:28px;align-items:start}
.cr-hero__in{padding:130px 24px 56px} /* 24px, never 0 — a `padding` shorthand
here wipes the gutter .cr-wrap gives it and the headline, lead and buttons
all run off the screen edge on a phone. (F-36) */
.cr-hero__glow{left:-40%;width:140%;top:120px;height:440px}
}
/* anatomies.css — rules this page uses */
[class^="an-"],[class*=" an-"]{display:block}
.an-slab__glow{position:absolute;top:0;height:70%;pointer-events:none}
.an-slab__glow--l{left:0;width:52.2%;
background:radial-gradient(60% 70% at 30% 0%,rgba(0,168,45,.22),rgba(0,0,0,0) 70%)}
.an-slab__glow--r{left:27%;width:73%;
background:radial-gradient(55% 70% at 70% 0%,rgba(63,209,95,.16),rgba(0,0,0,0) 70%)}
/* ######################## resources.css ######################## */
/* ══════════════════════════════════════════════════════════════════════════
RESOURCES v3 — "PROOF LIBRARY" · page layer (prefix rs-)
Sits on top of Build/kit.css + anatomies.css. Never restyles a REPEAT block:
the only rules touching frozen markup are the library fixes at the end,
each one a known kit bug.
Motion: every hidden / moving state is scoped under html.cr-motion. With no
script, ?static in the URL, or reduced motion, the CSS alone is the finished
frame — which is what html.to.design imports.
══════════════════════════════════════════════════════════════════════════ */
.rs-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.rs-rel{position:relative;z-index:1}
.rs-center{justify-content:center;margin-top:48px}
.rs-ic{width:20px;height:20px;flex:none;display:block}
.rs-ic--s{width:15px;height:15px}
.rs-ic--q{width:30px;height:30px}
.rs-ic--star{width:12px;height:12px;color:var(--g)}
main{display:block}
.rs-h3{font-family:var(--serif);font-weight:400;font-size:40px;line-height:1.1;letter-spacing:-.02em;color:var(--ink);margin:0 0 12px}
.rs-h3--dark{color:#fff}
/* stars — one sprite, partial fill */
.rs-stars{position:relative;display:inline-block;width:80px;height:15px;color:var(--g);flex:none;line-height:0}
.rs-stars svg{width:80px;height:15px;display:block}
.rs-stars__bg{color:#DDE3DE}
.rs-stars__fg{position:absolute;left:0;top:0;height:100%;overflow:hidden;display:block}
.rs-stars--lg{width:118px;height:22px}
.rs-stars--lg svg{width:118px;height:22px}
.cr-sec--dark .rs-stars,.cr-sec--ink .rs-stars,.rs-hero .rs-stars{color:var(--g2)}
.cr-sec--dark .rs-stars__bg,.cr-sec--ink .rs-stars__bg,.rs-hero .rs-stars__bg{color:rgba(255,255,255,.18)}
/* section glows — real children, never blend modes */
.rs-glow{position:absolute;pointer-events:none;z-index:0}
.rs-glow--l{left:-10%;top:-12%;width:60%;height:70%;background:radial-gradient(50% 50% at 50% 50%,rgba(0,168,45,.16),rgba(0,0,0,0) 70%)}
.rs-glow--r{right:-12%;top:20%;width:55%;height:70%;background:radial-gradient(50% 50% at 50% 50%,rgba(63,209,95,.10),rgba(0,0,0,0) 70%)}
.rs-glow--plan{right:-8%;top:-30%;width:70%;height:160%;background:radial-gradient(45% 45% at 60% 50%,rgba(63,209,95,.18),rgba(0,0,0,0) 70%)}
/* chips — region / topic / source filters */
.rs-chips{display:flex;flex-wrap:wrap;gap:8px}
.rs-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line2);background:#fff;color:var(--ink);
border-radius:999px;padding:7px 14px;font:500 13px/18px var(--sans);letter-spacing:-.01em;cursor:pointer;
transition:background .25s ease,color .25s ease,border-color .25s ease}
.rs-chip i{font-style:normal;font-size:11.5px;color:var(--faint);font-variant-numeric:tabular-nums}
.rs-chip:hover{border-color:rgba(0,168,45,.4)}
.rs-chip[aria-pressed="true"]{background:var(--g);border-color:var(--g);color:#fff}
.rs-chip[aria-pressed="true"] i{color:rgba(255,255,255,.75)}
.rs-chip--dark{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.16);color:rgba(255,255,255,.86)}
.rs-chip--dark i{color:rgba(255,255,255,.5)}
.rs-chip--dark:hover{border-color:rgba(63,209,95,.5)}
/* "show more" */
.rs-more{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;
border-radius:999px;padding:12px 26px;font:500 15px/22px var(--sans);cursor:pointer;transition:background .25s ease,border-color .25s ease}
.rs-more:hover{border-color:var(--g2);background:rgba(63,209,95,.08)}
.rs-more--light{border-color:var(--line2);color:var(--ink)}
.rs-more--light:hover{border-color:rgba(0,168,45,.45);background:var(--tint-home)}
.rs-more[hidden]{display:none}
/* download pill — the page's lead engine, so it reads as an action */
.rs-dl{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:8px 15px;background:var(--gsoft);color:var(--g);
font:500 13.5px/18px var(--sans);text-decoration:none;white-space:nowrap;transition:background .25s ease,color .25s ease}
.rs-dl svg{width:16px;height:16px;flex:none}
.rs-dl:hover{background:var(--g);color:#fff}
.rs-dl--dark{background:rgba(63,209,95,.12);color:var(--g2)}
.rs-dl--dark:hover{background:var(--g);color:#fff}
.rs-dl--s{padding:7px;border-radius:10px}
/* ══ 1 · HERO — the living wall ══════════════════════════════════════════ */
.rs-hero{min-height:max(760px,100vh);align-items:center}
.rs-hero .cr-hero__in{padding-top:128px;padding-bottom:120px}
.rs-hero__copy{position:relative;z-index:4;max-width:600px}
.rs-hero h1{margin-bottom:22px}
.rs-hero__lead{font-size:18px;line-height:28px;letter-spacing:-.011em;color:rgba(255,255,255,.8);margin:0 0 30px;max-width:520px}
.rs-hero__lead b{color:#fff;font-weight:500}
.rs-sub{display:flex;gap:10px;max-width:500px;margin-bottom:22px}
.rs-sub__f{flex:1;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);
border-radius:999px;padding:0 18px;color:rgba(255,255,255,.6)}
.rs-sub__f svg{width:18px;height:18px;flex:none}
.rs-sub__f input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#fff;font:400 15px/22px var(--sans);padding:14px 0}
.rs-sub__f{position:relative}
.rs-sub__hint{position:absolute;left:46px;top:50%;transform:translateY(-50%);font:400 15px/22px var(--sans);color:rgba(255,255,255,.55);
pointer-events:none;transition:opacity .2s ease}
.rs-sub__f input:focus+.rs-sub__hint,.rs-sub__f input:valid+.rs-sub__hint,.rs-sub__f.is-filled .rs-sub__hint{opacity:0}
.rs-sub__f:focus-within{border-color:var(--g2)}
.rs-sub .cr-btn{padding:13px 26px}
.rs-g2{display:inline-flex;align-items:center;gap:10px;color:rgba(255,255,255,.82);text-decoration:none;font-size:14px}
.rs-g2 b{color:#fff;font-weight:600}
.rs-g2 .rs-ic{color:rgba(255,255,255,.5)}
.rs-g2:hover span{text-decoration:underline;text-underline-offset:3px}
.rs-wall{position:absolute;top:0;bottom:0;right:0;width:min(60%,880px);display:grid;grid-template-columns:repeat(3,1fr);
gap:16px;padding-right:28px;overflow:hidden;z-index:1}
.rs-wall__col{position:relative;min-width:0}
.rs-wall__col--1{margin-top:-120px}
.rs-wall__col--2{margin-top:-46px}
.rs-wall__track{display:block}
.rs-wall__fade{position:absolute;inset:0;z-index:2;pointer-events:none;
background:linear-gradient(90deg,#000 0%,#000 38%,rgba(0,0,0,.78) 46%,rgba(0,0,0,0) 62%),
linear-gradient(180deg,#000 0%,rgba(0,0,0,.9) 7%,rgba(0,0,0,0) 22%)}
.rs-wall__pause{position:absolute;right:28px;bottom:26px;z-index:5;display:inline-flex;align-items:center;gap:8px;
border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.55);color:rgba(255,255,255,.8);border-radius:999px;
padding:7px 14px 7px 10px;font:500 12px/16px var(--sans);cursor:pointer}
.rs-wall__pause svg{width:16px;height:16px}
.rs-wall__pause[aria-pressed="true"] span::after{content:" · paused"}
html:not(.cr-motion) .rs-wall__pause{display:none}
/* wall cards */
.rs-wc{position:relative;display:block;border-radius:16px;overflow:hidden;margin-bottom:16px;background:#121412;color:#fff}
.rs-wc--film{aspect-ratio:4/5}
.rs-wc__por{position:absolute;inset:0;background-size:cover;background-position:center}
.rs-wc__veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.82) 100%)}
.rs-wc__play{position:absolute;right:12px;top:12px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.92);
color:var(--g);display:flex;align-items:center;justify-content:center}
.rs-wc__play svg{width:15px;height:15px;margin-left:2px}
.rs-wc__ft{position:absolute;left:14px;right:14px;bottom:13px;display:flex;flex-direction:column;gap:2px}
.rs-wc__ft b{font-size:14px;font-weight:500;letter-spacing:-.01em}
.rs-wc__ft span{font-size:12px;color:rgba(255,255,255,.72)}
.rs-wc__ft em{font-style:normal;font-size:11px;color:var(--g2);margin-top:4px}
.rs-wc--rev{background:#fff;color:var(--ink);padding:18px 18px 16px}
.rs-wc--rev .rs-stars{color:var(--g)}
.rs-wc--rev .rs-stars__bg{color:#DDE3DE}
.rs-wc--rev p{margin:12px 0 14px;font-size:14px;line-height:21px;letter-spacing:-.01em}
.rs-wc__who{display:flex;align-items:center;gap:10px}
.rs-wc__who i{width:30px;height:30px;border-radius:50%;background:var(--gsoft);color:var(--g);font:600 10.5px/30px var(--sans);
font-style:normal;text-align:center;flex:none}
.rs-wc__who>span{display:flex;flex-direction:column;min-width:0;flex:1}
.rs-wc__who b{font-size:13px;font-weight:500}
.rs-wc__who em{font-style:normal;font-size:11.5px;color:var(--muted2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-wc__who u{text-decoration:none;font-size:10.5px;font-weight:600;border:1px solid var(--line2);border-radius:999px;padding:2px 7px;color:var(--ink)}
.rs-wc--doc{background:#ECEFEC;color:var(--ink);padding:18px 18px 14px}
.rs-wc__doc{display:block;aspect-ratio:3/4;background-size:cover;background-position:center top;border-radius:6px;
box-shadow:0 18px 30px -16px rgba(15,23,42,.45)}
.rs-wc--rep .rs-wc__doc{aspect-ratio:4/3.4;background-size:100% auto}
.rs-wc__lb{display:flex;flex-direction:column;gap:3px;margin-top:12px;font-size:13.5px;font-weight:500;letter-spacing:-.01em}
.rs-wc__lb i{font-style:normal;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--g)}
.rs-wc--photo{background:#121412;padding:0}
.rs-wc__ph{display:block;aspect-ratio:16/11;background-size:cover;background-position:center}
.rs-wc--photo .rs-wc__lb{padding:12px 16px 14px;margin:0}
.rs-wc--photo .rs-wc__lb i{color:var(--g2)}
.rs-wc--stat{background:var(--darkg);border:1px solid rgba(63,209,95,.22);padding:22px 20px;display:flex;flex-direction:column;gap:8px}
.rs-wc--stat b{font-family:var(--serif);font-weight:400;font-size:56px;line-height:1;letter-spacing:-.02em;color:var(--g2)}
.rs-wc--stat span{font-size:14px;color:#fff}
.rs-wc--stat em{font-style:normal;font-size:12px;color:rgba(255,255,255,.55)}
.rs-wc--press{background:#151915;border:1px solid rgba(255,255,255,.08);padding:20px}
.rs-wc--press i{font-style:normal;font-size:10.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--g2)}
.rs-wc--press b{display:block;font-family:var(--serif);font-weight:400;font-size:24px;margin:8px 0 8px}
.rs-wc--press p{margin:0;font-size:13.5px;line-height:20px;color:rgba(255,255,255,.78)}
.rs-wc--calc,.rs-wc--cert{background:#fff;color:var(--ink);padding:18px}
.rs-wc__ch{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted2);font-weight:500}
.rs-wc__ch svg{width:16px;height:16px;color:var(--g)}
.rs-wc__calc{display:flex;align-items:baseline;gap:8px;margin:14px 0 12px;flex-wrap:wrap}
.rs-wc__calc b{font-size:46px;font-weight:500;letter-spacing:-.03em;line-height:1}
.rs-wc__calc span{font-size:11.5px;color:var(--muted2)}
.rs-wc__calc i{font-style:normal;margin-left:auto;font-size:11px;font-weight:600;color:#8C6410;background:#FEF6E7;border-radius:999px;padding:3px 9px}
.rs-wc__scale{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}
.rs-wc__scale i{height:6px;border-radius:3px;background:#EDF0ED}
.rs-wc__scale i.on{background:#C2740B}
.rs-wc--cert b{display:block;font-size:17px;font-weight:500;letter-spacing:-.02em;margin:12px 0 14px}
.rs-wc__bar{display:block;height:6px;border-radius:999px;background:#EDF0ED;overflow:hidden}
.rs-wc__bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#3FD15F,#00A82D)}
.rs-wc--cert em{display:block;font-style:normal;font-size:12px;color:var(--g);font-weight:500;margin-top:10px}
html.cr-motion .rs-wall__mv{animation:rsDrift 72s linear infinite}
html.cr-motion .rs-wall__col--1 .rs-wall__mv{animation-duration:88s;animation-delay:-30s}
html.cr-motion .rs-wall__col--2 .rs-wall__mv{animation-duration:80s;animation-delay:-12s}
html.cr-motion .rs-hero.is-paused .rs-wall__mv,html.cr-motion .rs-wall:hover .rs-wall__mv{animation-play-state:paused}
@keyframes rsDrift{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-50%,0)}}
html.cr-motion .rs-wc.is-lit{box-shadow:0 0 0 1.5px var(--g2),0 18px 40px -16px rgba(63,209,95,.45)}
.rs-wc{transition:box-shadow .6s var(--ease)}
/* ══ 2 · INDEX — sticky, with the one region switch ═════════════════════ */
.rs-index{position:sticky;top:0;z-index:900;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);
transition:top .35s cubic-bezier(.4,0,.2,1)}
body.rs-hdr-on .rs-index{top:68px}
.rs-index__in{display:flex;align-items:center;gap:24px;height:58px}
.rs-index__links{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}
.rs-index__links::-webkit-scrollbar{display:none}
.rs-index__links a{position:relative;flex:none;padding:8px 12px;border-radius:999px;font-size:14px;color:var(--muted);text-decoration:none;
transition:color .2s ease,background .2s ease}
.rs-index__links a:hover{color:var(--ink);background:#F4F6F4}
.rs-index__links a.is-on{color:var(--g);background:var(--gsoft)}
.rs-index__rg{display:inline-flex;align-items:center;gap:8px;flex:none;border:1px solid var(--line2);border-radius:999px;padding:0 6px 0 12px;color:var(--g)}
.rs-index__rg svg{width:17px;height:17px}
.rs-index__rg select{border:0;background:transparent;font:500 13.5px/20px var(--sans);color:var(--ink);padding:8px 6px;cursor:pointer;outline:0}
/* ══ 3 · VERDICT ═══════════════════════════════════════════════════════════ */
.rs-verdict .cr-headrow{margin-bottom:56px}
.rs-vbento{display:grid;grid-template-columns:repeat(24,1fr);gap:20px}
.rs-g2card{grid-column:span 14;border:1px solid var(--line2);border-radius:20px;padding:32px 34px;background:#fff;display:flex;flex-direction:column;
box-shadow:var(--sh-flat);min-width:0}
.rs-g2card__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
.rs-rbadge{height:44px;width:auto}
.rs-tagline{font-size:12.5px;font-weight:600;color:var(--g);background:var(--gsoft);border-radius:999px;padding:6px 12px}
.rs-g2card__score{display:flex;align-items:center;gap:32px;margin-bottom:26px;flex-wrap:wrap}
.rs-g2card__big{display:flex;align-items:baseline;gap:10px}
.rs-g2card__big b{font-family:var(--serif);font-weight:400;font-size:120px;line-height:.86;letter-spacing:-.04em;color:var(--g);font-variant-numeric:tabular-nums}
.rs-g2card__big span{font-size:15px;color:var(--muted2)}
.rs-g2card__meta{display:flex;flex-direction:column;gap:10px}
.rs-g2card__meta p{margin:0;font-size:15px;color:var(--muted)}
.rs-g2card__meta p b{color:var(--ink);font-weight:600}
.rs-pct{font-size:13.5px;color:var(--ink2)}
.rs-pct b{color:var(--g);font-weight:600}
.rs-dist{display:flex;flex-direction:column;gap:9px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:22px}
.rs-dist__r{display:grid;grid-template-columns:38px 1fr 40px;align-items:center;gap:12px;font-size:13px;color:var(--muted)}
.rs-dist__r>span:first-child{display:inline-flex;align-items:center;gap:3px;font-variant-numeric:tabular-nums}
.rs-dist__r b{text-align:right;font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums}
.rs-dist__t{height:8px;border-radius:999px;background:#EEF2EE;overflow:hidden}
.rs-dist__t i{display:block;height:100%;width:calc(var(--w) * 100%);border-radius:999px;background:var(--gsoft)}
.rs-dist__r:first-child .rs-dist__t i{background:var(--g)}
.rs-g2card__q{font-size:16px;line-height:25px;color:var(--ink);margin:0 0 16px;letter-spacing:-.01em}
.rs-vstack{grid-column:span 10;display:grid;gap:20px;min-width:0}
.rs-rcard{border:1px solid var(--line2);border-radius:20px;padding:26px 28px;background:#fff;display:grid;grid-template-columns:1fr auto;
grid-template-rows:auto 1fr auto;column-gap:18px;box-shadow:var(--sh-flat)}
.rs-rcard .rs-rbadge{height:38px;align-self:start}
.rs-rcard .rs-ring{grid-row:span 2}
.rs-rcard p{grid-column:1;margin:16px 0 14px;font-size:15px;line-height:23px;color:var(--muted)}
.rs-rcard .cr-link{grid-column:1/-1}
.rs-ring{position:relative;width:104px;height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.rs-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.rs-ring circle{fill:none;stroke-width:9}
.rs-ring__bg{stroke:#EEF2EE}
.rs-ring__fg{stroke:var(--g);stroke-linecap:round;stroke-dasharray:calc(var(--p) * 100) 100}
.rs-ring b{font-family:var(--serif);font-weight:400;font-size:34px;line-height:1;color:var(--ink)}
.rs-ring em{font-style:normal;font-size:11px;color:var(--muted2);margin-top:3px}
.rs-vstats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;background:var(--cardgrey);border-radius:20px;padding:20px;margin-top:20px}
.rs-vstat{background:#fff;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:14px}
.rs-vstat__l{font-size:14px;line-height:20px;color:var(--ink2)}
.rs-vstat__n{font-family:var(--serif);font-weight:400;font-size:42px;line-height:1;letter-spacing:-.02em;color:var(--g)}
.rs-sv{height:96px;border-radius:10px;background:#FAFBFA;padding:12px;display:grid;overflow:hidden}
.rs-sv--dots{grid-template-columns:repeat(10,1fr);gap:7px;align-content:center}
.rs-sv--dots i{aspect-ratio:1;border-radius:50%;background:var(--gsoft)}
.rs-sv--dots i.on{background:var(--g)}
.rs-sv--bars{grid-auto-flow:column;align-items:end;gap:6px}
.rs-sv--bars i{height:var(--h);border-radius:3px 3px 0 0;background:var(--gsoft)}
.rs-sv--bars i.on{background:var(--g)}
.rs-sv--ticks{grid-template-columns:repeat(30,1fr);gap:3px;align-items:center}
.rs-sv--ticks i{height:44px;border-radius:2px;background:var(--g);opacity:.9}
.rs-sv--ticks i:nth-child(odd){opacity:.55}
.rs-sv--hub{place-items:center}
.rs-sv--hub svg{width:100%;height:100%}
.rs-sv--hub path{stroke:#CFE9D4;stroke-width:1.5;fill:none}
.rs-sv--hub circle{fill:#fff;stroke:var(--g);stroke-width:1.6}
.rs-sv--hub circle.c{fill:var(--g);stroke:none}
.rs-logos{display:flex;align-items:center;gap:32px;margin-top:44px;padding-top:30px;border-top:1px solid var(--line)}
.rs-logos__lb{flex:none;font-size:13px;color:var(--muted2);max-width:120px;line-height:18px}
.rs-logos__row{display:flex;align-items:center;justify-content:space-between;gap:26px;flex:1;flex-wrap:wrap}
.rs-logo{height:34px;width:auto;max-width:120px;object-fit:contain;opacity:.85}
html.cr-motion .rs-verdict .rs-dist__t i{width:0;transition:width 1.2s var(--ease)}
html.cr-motion .rs-vbento.is-in .rs-dist__t i{width:calc(var(--w) * 100%)}
html.cr-motion .rs-verdict .rs-dist__r:nth-child(2) .rs-dist__t i{transition-delay:.12s}
html.cr-motion .rs-verdict .rs-ring__fg{stroke-dasharray:0 100;transition:stroke-dasharray 1.4s var(--ease) .2s}
html.cr-motion .rs-vbento.is-in .rs-ring__fg{stroke-dasharray:calc(var(--p) * 100) 100}
html.cr-motion .rs-verdict .rs-stars__fg{transition:width 1.3s var(--ease) .3s}
html.cr-motion .rs-vbento:not(.is-in) .rs-g2card .rs-stars__fg{width:0!important}
html.cr-motion .rs-verdict .rs-sv--bars i{transform-origin:bottom;transform:scaleY(.05);transition:transform .9s var(--ease)}
html.cr-motion .rs-vstats.is-in .rs-sv--bars i{transform:none}
html.cr-motion .rs-verdict .rs-sv--bars i:nth-child(n){transition-delay:calc(var(--d,0) * 1ms)}
html.cr-motion .rs-verdict .rs-sv--dots i.on{transform:scale(.3);transition:transform .7s var(--ease)}
html.cr-motion .rs-vstats.is-in .rs-sv--dots i.on{transform:none}
html.cr-motion .rs-verdict .rs-sv--hub path{stroke-dasharray:120;stroke-dashoffset:120;transition:stroke-dashoffset 1.2s var(--ease) .3s}
html.cr-motion .rs-vstats.is-in .rs-sv--hub path{stroke-dashoffset:0}
html.cr-motion .rs-verdict .rs-sv--ticks i{transform:scaleY(.1);transition:transform .6s var(--ease);transition-delay:calc(var(--d,0) * 1ms)}
html.cr-motion .rs-vstats.is-in .rs-sv--ticks i{transform:none}
/* ══ 4 · CUSTOMER STORIES ════════════════════════════════════════════════ */
.rs-stories{overflow:hidden}
.rs-stories .cr-headrow{margin-bottom:48px}
.rs-spot{border:1px solid rgba(255,255,255,.1);border-radius:24px;background:#0A0C0A;padding:28px;position:relative}
.rs-spot__stage{display:grid}
.rs-spot__slide{grid-area:1/1;display:grid;grid-template-columns:minmax(0,480px) 1fr;gap:56px;align-items:center;opacity:0;visibility:hidden;
transition:opacity .7s var(--ease),visibility .7s}
.rs-spot__slide.is-on{opacity:1;visibility:visible}
.rs-spot__media{position:relative;aspect-ratio:1;border-radius:18px;overflow:hidden;background:#111}
.rs-spot__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 6s linear}
.rs-spot__play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;border:0;cursor:pointer;
background:#fff;color:var(--g);display:flex;align-items:center;justify-content:center;box-shadow:0 18px 40px -12px rgba(0,0,0,.6);
transition:transform .3s var(--ease)}
.rs-spot__play svg{width:28px;height:28px;margin-left:4px}
.rs-spot__play:hover{transform:scale(1.06)}
.rs-spot__q{margin:0;padding-right:24px}
.rs-spot__mk{color:var(--g2);display:block;margin-bottom:18px}
.rs-spot__q blockquote{margin:0 0 28px;font-family:var(--serif);font-weight:400;font-size:36px;line-height:1.2;letter-spacing:-.015em;color:#fff;text-wrap:pretty}
.rs-spot__q figcaption{display:flex;flex-direction:column;gap:4px;margin-bottom:30px}
.rs-spot__q figcaption b{font-size:17px;font-weight:500;color:#fff}
.rs-spot__q figcaption span{font-size:13.5px;color:var(--g2)}
.rs-spot__acts{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.rs-spot__acts .cr-btn svg{width:16px;height:16px;color:var(--g)}
.rs-spot__yt{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.7);font-size:14px;text-decoration:none}
.rs-spot__yt:hover{color:#fff}
.rs-spot__tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}
.rs-spot__tab{all:unset;cursor:pointer;display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;transition:background .25s ease;min-width:0}
.rs-spot__tab:hover{background:rgba(255,255,255,.04)}
.rs-spot__tab:focus-visible{outline:2px solid var(--g2);outline-offset:2px}
.rs-spot__av{width:44px;height:44px;border-radius:50%;flex:none;background-size:cover;background-position:center;opacity:.55;transition:opacity .3s ease;
box-shadow:0 0 0 2px rgba(255,255,255,.1)}
.rs-spot__tl{display:flex;flex-direction:column;gap:9px;flex:1;min-width:0}
.rs-spot__tl b{font-size:13.5px;font-weight:500;color:rgba(255,255,255,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-spot__tl i{display:block;height:2px;border-radius:2px;background:rgba(255,255,255,.12);overflow:hidden}
.rs-spot__tl u{display:block;height:100%;width:0;background:var(--g2)}
.rs-spot__tab.is-on .rs-spot__av{opacity:1;box-shadow:0 0 0 2px var(--g2)}
.rs-spot__tab.is-on b{color:#fff}
.rs-spot__tab.is-on u{width:100%}
html.cr-motion .rs-spot__tab.is-on u{width:0;animation:rsProg var(--ms,7000ms) linear forwards}
html.cr-motion .rs-spot.is-hold .rs-spot__tab.is-on u{animation-play-state:paused}
@keyframes rsProg{to{width:100%}}
/* featured film cross-fade */
.rs-film--xl{transition:opacity .45s ease}
.rs-film--xl.is-swap{opacity:0}
html.cr-motion .rs-spot__slide.is-on .rs-spot__img{transform:scale(1.05)}
.rs-filmhead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:88px 0 32px;flex-wrap:wrap}
.rs-filmhead__t{margin:0;font-family:var(--serif);font-weight:400;font-size:36px;line-height:1.1;letter-spacing:-.02em;color:#fff}
.rs-filmhead__t span{color:var(--g2)}
.rs-films{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 16px}
.rs-film{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:12px;min-width:0;color:#fff}
.rs-film:focus-visible{outline:2px solid var(--g2);outline-offset:4px;border-radius:16px}
.rs-film__media{position:relative;aspect-ratio:1;border-radius:14px;overflow:hidden;background:#111;box-shadow:0 0 0 1px rgba(255,255,255,.06)}
.rs-film__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s var(--ease),filter .6s ease}
.rs-film:hover .rs-film__img{transform:scale(1.045)}
.rs-film__img--type{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:16px;
background:radial-gradient(90% 80% at 80% 0%,rgba(63,209,95,.28),rgba(0,0,0,0) 60%),linear-gradient(160deg,#10241A,#0B1A12)}
.rs-film__img--type .rs-ic--q{color:var(--g2);width:26px;height:26px;margin-bottom:auto}
.rs-film__img--type b{font-family:var(--serif);font-weight:400;font-size:20px;line-height:1.12;color:#fff}
.rs-film__img--type em{font-style:normal;font-size:12px;color:rgba(255,255,255,.62)}
.rs-film__play{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:rgba(255,255,255,.95);
color:var(--g);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.86);transition:opacity .3s ease,transform .3s var(--ease)}
.rs-film__play svg{width:20px;height:20px;margin-left:3px}
.rs-film:hover .rs-film__play,.rs-film:focus-visible .rs-film__play{opacity:1;transform:none}
.rs-film__dur{position:absolute;left:10px;bottom:10px;font-size:11.5px;font-weight:500;color:#fff;background:rgba(0,0,0,.62);border-radius:999px;padding:3px 9px;
font-variant-numeric:tabular-nums}
.rs-film__cap{display:flex;flex-direction:column;gap:3px;min-width:0}
.rs-film__cap>b{font-size:14.5px;font-weight:500;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-film__cap>span:not(.rs-film__meta){font-size:12.5px;line-height:17px;color:rgba(255,255,255,.6);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.rs-film__meta{display:flex;align-items:center;gap:8px;margin-top:5px;font-size:11.5px;color:rgba(255,255,255,.5)}
.rs-film__rg{color:var(--g2)}
.rs-film__new{font-size:10.5px;font-weight:600;color:#08130B;background:var(--g2);border-radius:999px;padding:1px 7px}
.rs-film--xl{grid-column:span 2;grid-row:span 2}
.rs-film--xl .rs-film__media{aspect-ratio:auto;flex:1;min-height:0}
.rs-film--xl .rs-film__cap{position:absolute;left:0;right:0;bottom:0;padding:60px 22px 20px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.86) 70%);
border-radius:0 0 14px 14px}
.rs-film--xl{position:relative}
.rs-film--xl .rs-film__cap>b{font-size:22px;font-family:var(--serif);font-weight:400;white-space:normal}
.rs-film--xl .rs-film__cap>span:not(.rs-film__meta){font-size:14px;color:rgba(255,255,255,.75)}
.rs-film--xl .rs-film__dur{top:14px;left:14px;bottom:auto}
.rs-film--xl .rs-film__play{opacity:1;transform:none;width:68px;height:68px;margin:-34px 0 0 -34px}
.rs-films__more{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:40px;flex-wrap:wrap}
.rs-films__count{font-size:13px;color:rgba(255,255,255,.5)}
html.cr-motion .rs-film__img{filter:grayscale(1) contrast(1.04) brightness(.92)}
html.cr-motion .rs-film:hover .rs-film__img,html.cr-motion .rs-film.is-lit .rs-film__img,html.cr-motion .rs-film--xl .rs-film__img,
html.cr-motion .rs-film:focus-visible .rs-film__img{filter:none}
html.cr-motion .rs-film.is-lit .rs-film__media{box-shadow:0 0 0 1.5px var(--g2)}
html.cr-motion .rs-film.rs-enter{opacity:0;transform:translateY(14px)}
.rs-film{transition:opacity .55s var(--ease),transform .55s var(--ease)}
/* ══ 5 · REVIEWS ═══════════════════════════════════════════════════════════ */
.rs-reviews .cr-headrow{margin-bottom:48px}
.rs-rx{display:grid;grid-template-columns:340px minmax(0,1fr);gap:48px;align-items:start}
.rs-rail{position:sticky;top:96px;border:1px solid var(--line2);border-radius:20px;padding:26px;background:#fff;box-shadow:var(--sh-soft)}
body.rs-hdr-on .rs-rail{top:150px}
.rs-rail__score{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.rs-rail__score>b{font-family:var(--serif);font-weight:400;font-size:64px;line-height:.9;color:var(--g);letter-spacing:-.03em}
.rs-rail__score div{display:flex;flex-direction:column;gap:6px}
.rs-rail__score div>span:not(.rs-stars){font-size:13px;color:var(--muted);line-height:18px}
.rs-rail__pct{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--ink2);padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:6px}
.rs-rail__pct b{color:var(--g)}
.rs-pctbar{height:6px;border-radius:999px;background:#EEF2EE;overflow:hidden}
.rs-pctbar i{display:block;height:100%;width:calc(var(--w) * 100%);background:var(--g);border-radius:999px;transition:width .8s var(--ease)}
.rs-rail__lb{margin:18px 0 10px;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.rs-rail .rs-chip{padding:6px 12px;font-size:12.5px}
.rs-rail__links{display:flex;flex-direction:column;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.rs-rail__ask{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px;color:var(--muted);text-decoration:none}
.rs-rail__ask u{color:var(--ink);text-underline-offset:3px}
.rs-rwall__count{margin:0 0 16px;font-size:13px;color:var(--muted2)}
.rs-rcols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
.rs-rcol{display:flex;flex-direction:column;gap:20px;min-width:0}
.rs-rgroup+.rs-rgroup{margin-top:28px}
.rs-rdiv{display:flex;align-items:center;gap:14px;margin:36px 0 18px;font-size:13px;font-weight:500;color:var(--muted)}
.rs-rdiv::after{content:"";flex:1;height:1px;background:var(--line)}
.rs-rev{border:1px solid var(--line2);border-radius:16px;padding:22px 22px 18px;background:#fff;
transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,opacity .5s var(--ease)}
.rs-rev:hover{transform:translateY(-4px);border-color:rgba(0,168,45,.3);box-shadow:var(--sh-card)}
.rs-rev__h{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:12px;color:var(--faint)}
.rs-rev__pill{font-size:11px;font-weight:600;color:var(--ink);border:1px solid var(--line2);border-radius:999px;padding:2px 8px}
.rs-rev__h>span:last-child{margin-left:auto}
.rs-rev__t{display:block;font-size:16px;font-weight:500;line-height:23px;letter-spacing:-.015em;color:var(--ink);margin-bottom:8px}
.rs-rev__b{position:relative}
.rs-rev__b p{margin:0 0 10px;font-size:14.5px;line-height:23px;color:var(--muted)}
.rs-rev__b p:last-child{margin-bottom:0}
.rs-rev.is-clamp .rs-rev__b{max-height:161px;overflow:hidden}
.rs-rev.is-clamp .rs-rev__b::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff)}
.rs-rev__more{all:unset;cursor:pointer;margin-top:8px;font-size:13px;font-weight:500;color:var(--g)}
.rs-rev__w{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.rs-rev__w>i{width:34px;height:34px;border-radius:50%;background:var(--gsoft);color:var(--g);font:600 11px/34px var(--sans);font-style:normal;text-align:center;flex:none}
.rs-rev__w>span{display:flex;flex-direction:column;min-width:0;flex:1}
.rs-rev__w b{font-size:14px;font-weight:500;color:var(--ink)}
.rs-rev__w em{font-style:normal;font-size:12.5px;color:var(--muted2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-rev__src{flex:none;display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:500;color:var(--g);text-decoration:none}
.rs-rwall__more{display:flex;justify-content:center;margin-top:32px}
.rs-empty{grid-column:1/-1;padding:40px;border:1px dashed var(--line2);border-radius:16px;text-align:center;color:var(--muted);font-size:14px}
html.cr-motion .rs-rev.rs-enter{opacity:0;transform:translateY(14px)}
/* ══ 6 · PLAN — the ask at peak trust ═════════════════════════════════════ */
.rs-plan{background:var(--darkg);overflow:hidden}
.rs-plan__in{position:relative;z-index:1;display:grid;grid-template-columns:1fr minmax(0,1.05fr);gap:64px;align-items:center}
.rs-plan__sub{margin:18px 0 32px;font-size:20px;line-height:28px;color:rgba(255,255,255,.78);letter-spacing:-.01em}
.rs-plan__ui{border:1px solid rgba(63,209,95,.24);border-radius:20px;background:#0F1F16;overflow:hidden;box-shadow:0 40px 80px -40px rgba(0,0,0,.7)}
.rs-plan__bar{position:relative;display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.07);overflow:hidden}
.rs-plan__bar b{margin-left:8px;font-size:12.5px;font-weight:600;color:rgba(255,255,255,.85)}
.rs-plan__scan{position:absolute;left:0;bottom:-1px;height:2px;width:30%;background:linear-gradient(90deg,rgba(63,209,95,0),var(--g2),rgba(63,209,95,0))}
.rs-plan__rows{display:flex;flex-direction:column;padding:12px}
.rs-plan__row{display:grid;grid-template-columns:48px 1fr auto;gap:16px;align-items:center;padding:18px 16px;border-radius:14px;border:1px solid transparent;
transition:background .5s ease,border-color .5s ease}
.rs-plan__ic{width:48px;height:48px;border-radius:10px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;
transition:background .5s ease,color .5s ease}
.rs-plan__ic svg{width:24px;height:24px;stroke-width:2.4}
.rs-plan__tx{display:flex;flex-direction:column;gap:4px;min-width:0}
.rs-plan__tx b{font-size:17px;font-weight:500;color:#fff;letter-spacing:-.015em}
.rs-plan__tx span{font-size:14px;line-height:20px;color:rgba(255,255,255,.62)}
.rs-plan__fit{font-size:11.5px;font-weight:500;color:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:4px 10px;white-space:nowrap}
.rs-plan__row.is-on{background:rgba(63,209,95,.08);border-color:rgba(63,209,95,.32)}
.rs-plan__row.is-on .rs-plan__ic{background:var(--g);color:#fff}
.rs-plan__row.is-on .rs-plan__fit{color:#08130B;background:var(--g2);border-color:var(--g2)}
html.cr-motion .rs-plan__scan{animation:rsScanX 2.4s var(--ease) infinite}
@keyframes rsScanX{from{transform:translateX(-100%)}to{transform:translateX(340%)}}
/* ══ 7 · LIBRARY — start here + brochures ═════════════════════════════════ */
.rs-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.rs-path{border:1px solid var(--line2);border-radius:20px;padding:28px 26px 14px;background:#fff;display:flex;flex-direction:column;
transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.rs-path:hover{transform:translateY(-4px);border-color:rgba(0,168,45,.3);box-shadow:var(--sh-card)}
.rs-path h3{margin:18px 0 6px;font-size:21px;line-height:28px;font-weight:500;letter-spacing:-.015em;color:var(--ink)}
.rs-path>p{margin:0 0 14px;font-size:14.5px;line-height:21px;color:var(--muted2)}
.rs-path__ls{display:flex;flex-direction:column}
.rs-path__l{display:grid;grid-template-columns:96px 1fr 18px;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink)}
.rs-path__k{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--g);background:var(--gsoft);border-radius:999px;padding:3px 9px;justify-self:start}
.rs-path__l b{font-size:15px;font-weight:500;letter-spacing:-.01em}
.rs-path__l svg{width:17px;height:17px;color:var(--faint);transition:transform .3s var(--ease),color .3s ease}
.rs-path__l:hover b{color:var(--g)}
.rs-path__l:hover svg{transform:translateX(4px);color:var(--g)}
.rs-broch{margin-top:104px;scroll-margin-top:120px}
.rs-broch__head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:36px;flex-wrap:wrap}
.rs-broch__head p{margin:0;max-width:460px;font-size:16px;line-height:24px;color:var(--muted)}
.rs-tabs{display:inline-flex;gap:4px;background:#F2F4F2;border-radius:999px;padding:5px;flex-wrap:wrap}
.rs-tab{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:500;color:var(--muted);
transition:background .25s ease,color .25s ease,box-shadow .25s ease}
.rs-tab i{font-style:normal;font-size:11.5px;color:var(--faint)}
.rs-tab:hover{color:var(--ink)}
.rs-tab.is-on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(15,23,42,.08),0 4px 14px -6px rgba(15,23,42,.18)}
.rs-tab.is-on i{color:var(--g)}
.rs-tab:focus-visible{outline:2px solid var(--g);outline-offset:2px}
.rs-tabp[hidden]{display:none}
.rs-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.rs-tabp[data-n="1"] .rs-shelf{grid-template-columns:minmax(0,1fr)}
.rs-bk{display:grid;grid-template-columns:168px minmax(0,1fr);gap:22px;border:1px solid var(--line2);border-radius:20px;padding:16px 22px 16px 16px;background:#fff;
transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.rs-bk:hover{transform:translateY(-4px);border-color:rgba(0,168,45,.3);box-shadow:var(--sh-card)}
.rs-bk__shelf{position:relative;border-radius:14px;background:#F2F4F2;padding:16px 18px;display:flex;align-items:center;justify-content:center;min-height:200px}
.rs-bk__back{position:absolute;left:30px;right:24px;top:22px;bottom:16px;border-radius:3px;background:#fff;box-shadow:0 10px 24px -14px rgba(15,23,42,.35);
transform:rotate(4deg);transition:transform .45s var(--ease)}
.rs-bk__cov{position:relative;width:100%;height:auto;max-height:178px;object-fit:contain;border-radius:3px;box-shadow:0 18px 30px -16px rgba(15,23,42,.5);
transition:transform .45s var(--ease)}
.rs-bk:hover .rs-bk__cov{transform:translateY(-4px) rotate(-2deg)}
.rs-bk:hover .rs-bk__back{transform:rotate(8deg) translateX(6px)}
.rs-bk__tx{display:flex;flex-direction:column;align-items:flex-start;padding:8px 0}
.rs-bk__tx h4{margin:0 0 8px;font-size:17px;font-weight:500;line-height:23px;letter-spacing:-.015em;color:var(--ink)}
.rs-bk__tx p{margin:0 0 16px;font-size:14px;line-height:20px;color:var(--muted2);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.rs-bk__tx .rs-dl{margin-top:auto}
.rs-bk--wide .rs-bk__cov{max-height:120px}
.rs-tabp[data-n="1"] .rs-bk{grid-template-columns:320px minmax(0,1fr);max-width:820px}
.rs-tabp[data-n="1"] .rs-bk__cov{max-height:200px}
html.cr-motion .rs-tabp.is-in .rs-bk{animation:rsRise .6s var(--ease) both;animation-delay:calc(var(--d,0) * 70ms)}
@keyframes rsRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
/* ══ 8 · REPORT FORMAT TEMPLATES ═════════════════════════════════════════ */
.rs-reports{overflow:hidden}
.rs-custom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:64px;align-items:start}
.rs-custom__list{display:flex;flex-direction:column;gap:6px}
.rs-custom__h{margin-bottom:26px}
.rs-crow{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 18px;border-radius:14px;border:1px solid transparent;cursor:pointer;
transition:background .3s ease,border-color .3s ease}
.rs-crow:hover{background:rgba(255,255,255,.03)}
.rs-crow:focus-visible{outline:2px solid var(--g2);outline-offset:2px}
.rs-crow__n{font-size:13px;font-weight:500;color:rgba(255,255,255,.4);font-variant-numeric:tabular-nums}
.rs-crow__tx{display:flex;flex-direction:column;gap:4px;min-width:0}
.rs-crow__tx b{font-size:16px;font-weight:500;color:#fff;letter-spacing:-.015em}
.rs-crow__tx span{font-size:14px;line-height:20px;color:rgba(255,255,255,.58)}
.rs-crow.is-on{background:rgba(63,209,95,.06);border-color:rgba(63,209,95,.3)}
.rs-crow.is-on .rs-crow__n{color:var(--g2)}
.rs-custom__stage{position:sticky;top:140px;border-radius:24px;padding:28px 34px 0;background:radial-gradient(70% 60% at 50% 30%,rgba(0,168,45,.16),rgba(0,0,0,0) 70%),#0D100D;
border:1px solid rgba(255,255,255,.08);overflow:hidden}
.rs-printer{position:relative;z-index:3;height:18px;border-radius:10px;background:linear-gradient(180deg,#2A302B,#151915);box-shadow:0 8px 18px -6px rgba(0,0,0,.8)}
.rs-printer i{position:absolute;left:6%;right:6%;top:8px;height:3px;border-radius:2px;background:#050605}
.rs-pages{position:relative;margin:-9px 18px 0;display:grid;overflow:hidden;padding-top:9px}
.rs-page{grid-area:1/1;margin:0;background:#fff;box-shadow:0 30px 60px -24px rgba(0,0,0,.8);opacity:0;visibility:hidden}
.rs-page.is-on{opacity:1;visibility:visible}
.rs-page__img{width:100%;height:auto;display:block}
.rs-scan{position:absolute;left:52px;right:52px;top:30px;height:2px;background:var(--g2);box-shadow:0 0 16px 3px rgba(63,209,95,.55);opacity:0;z-index:2;pointer-events:none}
html.cr-motion .rs-page{transform:translateY(-104%);transition:transform 1.25s cubic-bezier(.3,.7,.2,1),opacity .01s linear 1.25s,visibility 0s linear 1.25s}
html.cr-motion .rs-page.is-on{transform:none;transition:transform 1.25s cubic-bezier(.3,.7,.2,1)}
html.cr-motion .rs-page.is-out{opacity:1;visibility:visible;transform:translateY(6%) scale(.97);transition:transform .9s var(--ease),opacity .9s ease;opacity:0}
html.cr-motion .rs-custom__stage.is-printing .rs-scan{animation:rsScan 1.25s cubic-bezier(.3,.7,.2,1)}
@keyframes rsScan{0%{opacity:1;transform:translateY(0)}85%{opacity:1}100%{opacity:0;transform:translateY(600px)}}
.rs-smart{margin-top:112px}
.rs-smart__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px;flex-wrap:wrap}
.rs-smart__head .rs-h3{margin:0}
.rs-smart__in{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:40px;align-items:center}
.rs-smart__stage{display:grid;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#0D100D}
.rs-gprev{grid-area:1/1;margin:0;position:relative;opacity:0;visibility:hidden;transition:opacity .8s var(--ease),visibility .8s}
.rs-gprev.is-on{opacity:1;visibility:visible}
.rs-gprev__img{width:100%;height:auto;display:block}
.rs-gprev figcaption{position:absolute;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:8px;background:rgba(0,0,0,.72);color:#fff;
font-size:13px;font-weight:500;border-radius:999px;padding:6px 13px 6px 8px}
.rs-gprev figcaption span{width:14px;height:14px;border-radius:50%;background:var(--gc);box-shadow:0 0 0 2px rgba(255,255,255,.25)}
.rs-gems{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rs-gem{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);cursor:pointer;
transition:background .3s ease,border-color .3s ease}
.rs-gem:hover{background:rgba(255,255,255,.03)}
.rs-gem:focus-visible{outline:2px solid var(--g2);outline-offset:2px}
.rs-gem__dot{width:16px;height:16px;border-radius:50%;background:var(--gc);flex:none;box-shadow:0 0 0 3px rgba(255,255,255,.06)}
.rs-gem b{flex:1;font-size:14px;font-weight:500;color:rgba(255,255,255,.86);min-width:0}
.rs-gem.is-on{border-color:var(--gc);background:rgba(255,255,255,.04)}
.rs-gem.is-on b{color:#fff}
/* ══ 9 · PRODUCT OVERVIEW ═════════════════════════════════════════════════ */
.rs-pbento{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:20px}
.rs-pcard{background:var(--cardgrey);border-radius:16px;padding:24px;display:flex;flex-direction:column;min-width:0}
.rs-pcard--a{grid-column:span 13}.rs-pcard--b{grid-column:span 11}.rs-pcard--c{grid-column:span 12}.rs-pcard--d{grid-column:span 12}.rs-pcard--e{grid-column:span 24}
.rs-pcard__vis{position:relative;height:320px;border-radius:12px;overflow:hidden;background:#fff;border:1px solid var(--line);margin-bottom:22px}
.rs-pcard h3{margin:0 0 10px;font-size:18px;font-weight:500;line-height:24px;letter-spacing:-.02em;color:var(--ink)}
.rs-pcard>p{margin:0 0 18px;font-size:16px;line-height:24px;color:var(--muted2)}
.rs-plinks{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:auto}
.rs-plinks a{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--g);text-decoration:none}
.rs-plinks a svg{width:15px;height:15px}
.rs-plinks a:hover{text-decoration:underline;text-underline-offset:3px}
.rs-pcard__vis--demo{display:grid;grid-template-columns:1.6fr 1fr;gap:10px;padding:10px;}
.rs-demo{position:relative;display:block;border-radius:9px;overflow:hidden;}
.rs-demo__img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .6s var(--ease)}
.rs-demo:hover .rs-demo__img{transform:scale(1.04)}
.rs-demo__sm{display:grid;grid-template-rows:1fr 1fr;gap:10px;min-height:0}
.rs-demo__play{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:rgba(255,255,255,.95);color:var(--g);
display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px -8px rgba(0,0,0,.6)}
.rs-demo__play svg{width:18px;height:18px;margin-left:3px}
.rs-demo--big .rs-demo__play{width:64px;height:64px;margin:-32px 0 0 -32px}
/* small thumbnails carry their own title in the middle: the play mark moves to the corner */
.rs-demo__sm .rs-demo__play{left:auto;top:auto;right:10px;bottom:10px;margin:0;width:36px;height:36px}
.rs-demo__sm .rs-demo__play svg{width:14px;height:14px;margin-left:2px}
.rs-demo__lb{position:absolute;left:10px;bottom:10px;font-size:12px;font-weight:500;color:#fff;background:rgba(0,0,0,.65);border-radius:999px;padding:4px 10px}
.rs-portal{position:absolute;inset:0;padding:22px;background:linear-gradient(160deg,#F4F7F5,#EAF3EC)}
.rs-portal__a{position:absolute;left:22px;top:22px;width:78%}
.rs-portal__b{position:absolute;right:20px;bottom:-14px;width:52%;box-shadow:0 26px 50px -24px rgba(15,23,42,.45)}
.rs-rel-tl{position:absolute;inset:0;padding:30px 34px;display:flex;flex-direction:column;justify-content:space-between;
background:radial-gradient(60% 70% at 0% 0%,rgba(0,168,45,.10),rgba(255,255,255,0) 70%),#fff}
.rs-rel-tl__i{position:relative;display:flex;align-items:center;gap:16px}
.rs-rel-tl__i:not(:last-child)::after{content:"";position:absolute;left:8px;top:22px;height:calc(100% + 40px);width:2px;background:#E4EAE5}
.rs-rel-tl__d{position:relative;z-index:1;width:18px;height:18px;border-radius:50%;border:2px solid #CFE9D4;background:#fff;flex:none}
.rs-rel-tl__i.is-on .rs-rel-tl__d{background:var(--g);border-color:var(--g);box-shadow:0 0 0 6px rgba(28,147,35,.12)}
.rs-rel-tl__tx{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line2);border-radius:12px;padding:10px 14px;background:#fff;flex:1;box-shadow:var(--sh-flat)}
.rs-rel-tl__tx b{font-size:14px;font-weight:500;color:var(--ink)}
.rs-rel-tl__tx span{font-size:11.5px;color:var(--faint)}
.rs-rel-tl__i.is-on .rs-rel-tl__tx{border-color:rgba(0,168,45,.35)}
.rs-pcard__vis--apps{height:auto;min-height:320px;padding:8px 0}
.rs-apps{display:flex;flex-direction:column}
.rs-app{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 20px;border-top:1px solid var(--line)}
.rs-app:first-child{border-top:0}
.rs-app__ic{width:52px;height:52px;border-radius:14px;box-shadow:0 8px 18px -10px rgba(15,23,42,.4)}
.rs-app b{font-size:15px;font-weight:500;color:var(--ink);letter-spacing:-.01em}
.rs-app__st{display:flex;gap:8px}
.rs-app__st a{display:block;line-height:0}
.rs-store{height:34px;width:auto}
.rs-integ{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:40px;align-items:center;padding:36px}
.rs-integ__tx h3{margin:18px 0 12px;font-family:var(--serif);font-weight:400;font-size:32px;line-height:1.15;letter-spacing:-.02em}
.rs-integ__tx h3 em{font-style:normal;color:var(--g)}
.rs-integ__tx p{margin:0;font-size:16px;line-height:24px;color:var(--muted2)}
.rs-integ__map{position:relative;height:260px}
.rs-hub{position:absolute;inset:0}
.rs-hub__svg{position:absolute;inset:0;width:100%;height:100%}
.rs-hub__l{fill:none;stroke:#BFE3C6;stroke-width:2;stroke-dasharray:4 6;vector-effect:non-scaling-stroke}
.rs-hub__c{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;
background:radial-gradient(circle at 32% 30%,#4EE07A 0%,#17B93E 60%,#009E29 100%);box-shadow:0 14px 34px -10px rgba(0,168,45,.6),0 0 0 10px rgba(28,147,35,.08);
display:flex;align-items:center;justify-content:center}
.rs-hub__c svg{width:42px;height:auto}
.rs-hubn{position:absolute;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line2);border-radius:14px;padding:10px 14px 10px 10px;
text-decoration:none;color:var(--ink);box-shadow:var(--sh-flat);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.rs-hubn:hover{transform:translateY(-3px);border-color:rgba(0,168,45,.35);box-shadow:var(--sh-card)}
.rs-hubn .cr-chip{width:38px;height:38px;border-radius:10px}
.rs-hubn .cr-chip svg{width:19px;height:19px}
.rs-hubn b{font-size:14px;font-weight:500;white-space:nowrap}
.rs-hubn>svg{width:15px;height:15px;color:var(--faint)}
.rs-hubn--0{left:0;top:26px}.rs-hubn--1{left:0;bottom:26px}.rs-hubn--2{right:0;top:26px}.rs-hubn--3{right:0;bottom:26px}
html.cr-motion .rs-product .rs-hub__l{stroke-dashoffset:100;animation:rsDash 2.6s linear infinite}
@keyframes rsDash{to{stroke-dashoffset:0}}
/* ══ 10 · AI ═══════════════════════════════════════════════════════════════ */
.rs-ai{overflow:hidden}
.rs-aistack{max-width:560px;margin:0 auto 56px;border:1px solid rgba(63,209,95,.25);border-radius:20px;background:#0A0C0A;padding:8px;
box-shadow:0 0 60px rgba(63,209,95,.08),inset 0 0 40px rgba(63,209,95,.05)}
.rs-aistack__h{display:flex;align-items:center;gap:12px;padding:12px 14px 14px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:6px}
.rs-aistack__logo{width:34px;height:34px;border-radius:10px;background:var(--g);color:#fff;display:flex;align-items:center;justify-content:center}
.rs-aistack__logo svg{width:18px;height:18px}
.rs-aistack__h b{flex:1;font-size:15px;font-weight:500;color:#fff}
.rs-aistack__r{display:flex;align-items:center;gap:14px;padding:11px 14px;border-radius:12px}
.rs-aistack__r .cr-chip{width:38px;height:38px}
.rs-aistack__r .cr-chip svg{width:18px;height:18px}
.rs-aistack__r b{flex:1;font-size:14.5px;font-weight:500;color:rgba(255,255,255,.9)}
.rs-aistack__st{width:24px;height:24px;position:relative}
.rs-ok{position:absolute;inset:0;width:24px;height:24px;color:var(--g2);stroke-width:2.4}
.rs-spin{position:absolute;inset:3px;border-radius:50%;border:2px solid rgba(255,255,255,.15);border-top-color:var(--g2);opacity:0}
html.cr-motion .rs-aistack__r .rs-ok{opacity:0;transform:scale(.6);transition:opacity .3s ease,transform .3s var(--ease)}
html.cr-motion .rs-aistack__r.is-run .rs-spin{opacity:1;animation:rsSpin .8s linear infinite}
html.cr-motion .rs-aistack__r.is-done .rs-ok{opacity:1;transform:none}
html.cr-motion .rs-aistack__r.is-run{background:rgba(63,209,95,.06)}
@keyframes rsSpin{to{transform:rotate(360deg)}}
.rs-aigrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.rs-aic .cr-vis{height:220px;padding:16px;align-items:stretch;justify-content:stretch;background:#0F130F;margin:0;border-radius:0;}
.rs-aic .cr-vis>.ui{width:100%;align-self:center}
.rs-aic .cr-card__txt{padding:22px 22px 24px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.rs-aic h3{margin:16px 0 8px;font-size:18px;font-weight:500;line-height:24px;letter-spacing:-.02em;color:#fff}
.rs-aic p{margin:0 0 18px;font-size:14px;line-height:21px;color:#BABABA}
.rs-aic .cr-link{margin-top:auto}
.rs-aiv{font-size:11.5px}
.rs-aiv .ui__body{padding:12px}
.rs-aiv__m{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:10.5px;color:var(--g);font-weight:600}
.rs-aiv__sr{display:flex;align-items:center;gap:16px}
.rs-aiv .ui-donut{width:82px;height:82px;background:conic-gradient(var(--g) 0 60%,#C2740B 60% 80%,#CFE9D4 80% 100%)}
.rs-aiv .ui-donut::after{inset:12px}
.rs-aiv .ui-legend{flex:1}
.rs-aic .cr-vis.rs-aic__img{padding:0;background:#0F130F;height:auto;aspect-ratio:303/246}
.rs-aic__img img{display:block;width:100%;height:100%;object-fit:contain}
/* ══ 11 · ACADEMY + CALCULATORS ═══════════════════════════════════════════ */
.rs-learn__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.rs-learn__col{border-radius:24px;padding:44px 40px;background:#F4F6F4;display:flex;flex-direction:column;align-items:flex-start;min-width:0;scroll-margin-top:120px}
.rs-learn__col .cr-pill{margin-bottom:20px}
.rs-learn__col h2{font-size:40px}
.rs-learn__col .cr-lead{margin:16px 0 28px;max-width:none}
.rs-learn__col .cr-lead b{color:var(--g);font-weight:600}
.rs-learn__col--calc{background:#0A0A0A;color:#fff}
.rs-learn__col--calc h2{color:#fff}
.rs-learn__col--calc h2 em{color:var(--g2)}
.rs-learn__col--calc .cr-lead{color:rgba(255,255,255,.72)}
.rs-learn__col--calc .cr-pill{background:transparent;border-color:rgba(63,209,95,.35);color:var(--g2)}
.rs-cert{width:100%;border-radius:18px;background:#fff;border:1px solid var(--line2);padding:20px 22px;margin-bottom:30px;box-shadow:var(--sh-soft);
display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}
.rs-cert__h{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500;color:var(--muted2)}
.rs-cert__h svg{width:18px;height:18px;color:var(--g)}
.rs-cert b{font-family:var(--serif);font-weight:400;font-size:26px;line-height:1.1;color:var(--ink)}
.rs-cert__p{height:6px;border-radius:999px;background:#EDF0ED;overflow:hidden}
.rs-cert__p i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#3FD15F,#00A82D)}
.rs-cert__f{display:flex;align-items:center;justify-content:space-between}
.rs-cert__f em{font-style:normal;font-size:12.5px;color:var(--muted2)}
.rs-learn__col .rs-h3{font-size:24px;font-family:var(--sans);font-weight:500;letter-spacing:-.02em;margin:0 0 6px}
.rs-courses{list-style:none;margin:0 0 30px;padding:0;position:relative;width:100%}
.rs-course{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;padding:18px 0}
.rs-course:not(:last-child)::after{content:"";position:absolute;left:21px;top:62px;bottom:-14px;width:2px;background:#DDE6DF}
.rs-course__n{position:relative;z-index:1;width:44px;height:44px;border-radius:50%;background:var(--g);color:#fff;display:flex;align-items:center;justify-content:center;
font-size:14px;font-weight:600;box-shadow:0 0 0 6px #F4F6F4}
.rs-course b{display:block;font-size:17px;font-weight:500;color:var(--ink);letter-spacing:-.015em;margin:2px 0 6px}
.rs-course p{margin:0 0 8px;font-size:14.5px;line-height:21px;color:var(--muted2)}
html.cr-motion .rs-learn .rs-course__n{background:#fff;color:var(--faint);box-shadow:0 0 0 6px #F4F6F4,inset 0 0 0 2px #DDE6DF;transition:background .4s ease,color .4s ease,box-shadow .4s ease;
transition-delay:calc(var(--i) * 420ms + 200ms)}
html.cr-motion .rs-learn.is-in .rs-course__n{background:var(--g);color:#fff;box-shadow:0 0 0 6px #F4F6F4}
html.cr-motion .rs-learn .rs-cert__p i{width:0;transition:width 2.2s var(--ease) .3s}
html.cr-motion .rs-learn.is-in .rs-cert__p i{width:100%}
.rs-egfr{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);align-items:center;width:100%;margin-bottom:28px}
.rs-egfr .ui{border-color:rgba(255,255,255,.1)}
.rs-egfr__in .ui__body{display:flex;flex-direction:column;gap:9px}
.rs-egfr__f{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:12px;color:var(--faint);border-bottom:1px solid #F1F3F1;padding-bottom:8px}
.rs-egfr__f:last-child{border-bottom:0;padding-bottom:0}
.rs-egfr__f b{font-size:14px;color:var(--ink);font-weight:600}
.rs-egfr__f b i{font-style:normal;font-size:11px;color:var(--faint);font-weight:500}
.rs-egfr__ln{width:40px;height:60px;justify-self:center;transform:rotate(-90deg)}
.rs-egfr__ln path{stroke:var(--g2);stroke-width:2;fill:none;stroke-dasharray:4 5}
.rs-egfr__out .ui__body{display:flex;flex-direction:column;gap:6px}
.rs-egfr__lb{font-size:11px;color:var(--faint);font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.rs-egfr__v{font-size:44px;font-weight:600;letter-spacing:-.03em;color:var(--ink);line-height:1}
.rs-egfr__v i{font-style:normal;font-size:11px;color:var(--faint);font-weight:500;letter-spacing:0}
.rs-egfr__sc{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;margin-top:8px}
.rs-egfr__sc span{font-size:9.5px;text-align:center;padding:5px 0;border-radius:6px;background:#F1F3F1;color:var(--faint);font-weight:600}
.rs-egfr__sc span.on{background:#FEF6E7;color:#8C6410;box-shadow:inset 0 0 0 1.5px #C2740B}
html.cr-motion .rs-learn .rs-egfr__ln path{stroke-dashoffset:60;transition:stroke-dashoffset 1s var(--ease) .5s}
html.cr-motion .rs-learn.is-in .rs-egfr__ln path{stroke-dashoffset:0}
html.cr-motion .rs-learn .rs-egfr__out{opacity:0;transform:translateY(10px);transition:opacity .6s var(--ease) 1.2s,transform .6s var(--ease) 1.2s}
html.cr-motion .rs-learn.is-in .rs-egfr__out{opacity:1;transform:none}
.rs-calcs{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-bottom:30px}
.rs-calcs a{display:grid;grid-template-columns:20px minmax(0,1fr) 16px;gap:10px;align-items:center;padding:12px 14px;border:1px solid rgba(255,255,255,.1);border-radius:12px;
color:#fff;text-decoration:none;transition:border-color .25s ease,background .25s ease}
.rs-calcs a svg{width:18px;height:18px;color:var(--g2)}
.rs-calcs a svg:last-child{width:15px;height:15px;color:rgba(255,255,255,.4);transition:transform .3s var(--ease)}
.rs-calcs a b{font-size:13.5px;font-weight:500}
.rs-calcs a:hover{border-color:rgba(63,209,95,.45);background:rgba(63,209,95,.05)}
.rs-calcs a:hover svg:last-child{transform:translateX(3px);color:var(--g2)}
.rs-learn__col--calc .cr-btn--soft{background:rgba(255,255,255,.08);color:#fff}
/* ══ 12 · EVENTS + FEATURED IN ════════════════════════════════════════════ */
.rs-events{overflow:hidden}
.rs-events .cr-headrow{margin-bottom:56px}
.rs-global{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:48px;align-items:center;padding:32px;border:1px solid rgba(255,255,255,.1);border-radius:20px;
background:#0A0C0A}
.rs-global p,.rs-past__head p{margin:0;font-size:15px;line-height:23px;color:rgba(255,255,255,.65)}
.rs-global .rs-h3{font-size:30px}
.rs-marks{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.rs-mark{display:flex;align-items:center;justify-content:center;height:96px;border-radius:14px;background:#fff;padding:14px}
.rs-mark__img{max-width:100%;max-height:60px;width:auto;height:auto;object-fit:contain}
.rs-past{margin-top:72px}
.rs-past__head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:48px;align-items:end;margin-bottom:36px}
.rs-past__head .rs-h3{font-size:30px;margin:0}
/* one row: each year's width follows its inline --c (number of events) */
.rs-tl{position:relative;display:flex;gap:24px;padding-top:30px}
.rs-tl__yr{position:relative;flex:var(--c,1) 1 0;min-width:0}
.rs-tl__line{position:absolute;left:0;right:0;top:9px;height:2px;background:rgba(255,255,255,.1);overflow:hidden}
.rs-tl__line i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--g),var(--g2))}
.rs-tl__y{position:absolute;top:-38px;left:0;font-family:var(--serif);font-size:20px;color:var(--g2);background:#000;padding-right:12px}
.rs-tl__evs{display:grid;grid-template-columns:repeat(var(--c,2),minmax(0,1fr));gap:16px}
.rs-ev{display:flex;flex-direction:column;gap:12px;color:#fff;text-decoration:none}
.rs-ev__img{width:100%;height:auto;aspect-ratio:362/281;object-fit:cover;border-radius:14px;display:block;transition:transform .5s var(--ease)}
a.rs-ev:hover .rs-ev__img{transform:translateY(-4px)}
.rs-ev__lb{display:flex;align-items:center;gap:8px}
.rs-ev__lb b{font-size:14.5px;font-weight:500}
.rs-ev__lb svg{color:rgba(255,255,255,.45)}
html.cr-motion .rs-events .rs-tl__line i{transform:scaleX(0);transform-origin:left;transition:transform 1.8s var(--ease) .2s}
html.cr-motion .rs-events.is-in .rs-tl__line i{transform:none}
html.cr-motion .rs-events .rs-ev{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
html.cr-motion .rs-events.is-in .rs-ev{opacity:1;transform:none}
html.cr-motion .rs-events .rs-tl__yr[data-yr="2025"] .rs-ev{transition-delay:.4s}
html.cr-motion .rs-events .rs-tl__yr[data-yr="2024"] .rs-ev{transition-delay:.8s}
.rs-featured{margin-top:96px;scroll-margin-top:120px}
.rs-featured__t{font-size:40px;margin-bottom:28px}
.rs-pressgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden}
.rs-press{display:flex;flex-direction:column;gap:12px;padding:26px 24px 24px;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);
color:#fff;text-decoration:none;min-height:176px;transition:background .3s ease}
.rs-press:nth-child(4n){border-right:0}
.rs-press:nth-child(n+5){border-bottom:0}
.rs-press__pub{font-size:11.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--g2)}
.rs-press b{font-size:16px;font-weight:500;line-height:23px;letter-spacing:-.01em}
.rs-press>svg{margin-top:auto;color:rgba(255,255,255,.4);transition:transform .3s var(--ease),color .3s ease}
.rs-press:hover{background:rgba(255,255,255,.03)}
.rs-press:hover>svg{transform:translate(3px,-3px);color:var(--g2)}
/* ══ 15 · CTA — the Wall of Labs in the frozen photo slot ══════════════════ */
.rs-labwall{position:absolute;inset:-10px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;align-content:center;opacity:.9}
.rs-labwall__f{aspect-ratio:1;border-radius:12px;background-size:cover;background-position:center;opacity:.34;transition:opacity 1.1s ease,transform 1.1s var(--ease),box-shadow 1.1s ease}
.rs-labwall__veil{position:absolute;inset:0;background:radial-gradient(56% 64% at 50% 50%,rgba(0,0,0,.94) 0%,rgba(0,0,0,.82) 50%,rgba(0,0,0,.30) 100%)}
html.cr-motion .rs-labwall__f{filter:grayscale(1)}
html.cr-motion .rs-labwall__f.on{opacity:1;filter:none;transform:scale(1.06);box-shadow:0 0 0 2px var(--g2)}
/* ══ overlays ══════════════════════════════════════════════════════════════ */
.rs-lb{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:24px}
.rs-lb[hidden]{display:none}
.rs-lb__bg{position:absolute;inset:0;background:rgba(0,0,0,.84)}
.rs-lb__card{position:relative;width:min(920px,100%);display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);background:#fff;border-radius:24px;overflow:hidden;
box-shadow:0 40px 100px -30px rgba(0,0,0,.8)}
.rs-lb__x{position:absolute;right:14px;top:14px;z-index:3;width:40px;height:40px;border-radius:50%;border:0;background:rgba(0,0,0,.06);color:var(--ink);cursor:pointer;
display:flex;align-items:center;justify-content:center}
.rs-lb__x svg{width:18px;height:18px}
.rs-lb__media{position:relative;aspect-ratio:1;background:#111}
.rs-lb__por{position:absolute;inset:0;background-size:cover;background-position:center}
.rs-lb__frame{position:absolute;inset:0}
.rs-lb__frame iframe{width:100%;height:100%;border:0}
.rs-lb .rs-film__img{filter:none!important}
.rs-lb__tx{padding:40px 36px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.rs-lb__rg{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--g)}
.rs-lb__tx h3{margin:0;font-family:var(--serif);font-weight:400;font-size:28px;line-height:1.15;letter-spacing:-.02em;color:var(--ink)}
.rs-lb__who{margin:0;font-size:15px;color:var(--muted)}
.rs-lb__lh{margin:0;font-size:13px;color:#8C6410;background:#FEF6E7;border-radius:10px;padding:8px 12px}
.rs-lb__tx .cr-btns{margin-top:14px}
.rs-lb__tx .cr-btn svg{width:16px;height:16px}
.rs-lb__note{margin:4px 0 0;font-size:13px;color:var(--faint)}
.rs-lb.is-embed .rs-lb__card{grid-template-columns:1fr}
.rs-lb.is-embed .rs-lb__media{aspect-ratio:16/9}
.rs-modal__card{position:relative;width:min(440px,100%);background:#fff;border-radius:24px;padding:36px 32px 28px;display:flex;flex-direction:column;gap:12px;
box-shadow:0 40px 100px -30px rgba(0,0,0,.8)}
.rs-modal__k{margin:14px 0 0;font-size:13px;color:var(--muted2)}
.rs-modal__card h3{margin:0 0 8px;font-family:var(--serif);font-weight:400;font-size:28px;line-height:1.15;color:var(--ink)}
.rs-modal__card label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--ink)}
.rs-modal__card input{border:1px solid var(--line2);border-radius:12px;padding:12px 14px;font:400 15px/20px var(--sans)}
.rs-modal__card input:focus{outline:2px solid var(--g);outline-offset:0;border-color:transparent}
.rs-modal__card .cr-btn{margin-top:8px}
.rs-modal__n{margin:6px 0 0;font-size:12px;color:var(--faint)}
html.cr-motion .rs-lb:not([hidden]) .rs-lb__card,html.cr-motion .rs-lb:not([hidden]) .rs-modal__card{animation:rsRise .45s var(--ease) both}
html.rs-lock{overflow:hidden}
/* ══ behaviour hooks (set by the page script) ════════════════════════════ */
/* without motion — no script, ?static, reduced motion — everything is simply there */
html:not(.cr-motion) .cr-up,html:not(.cr-motion) .cr-words .w,html:not(.cr-motion) .cr-anim-words .w{opacity:1;filter:none;transform:none}
/* the wall sits under the full-width hero content box: let the pointer through to it */
.rs-hero .cr-hero__in{pointer-events:none}
.rs-hero__copy{pointer-events:auto}
.rs-wc--film{cursor:pointer}
.rs-wc{transition:box-shadow .6s var(--ease),opacity .35s ease}
.rs-wc.is-swap{opacity:0}
/* loops rest off-screen; the hero button stills the whole page */
html.cr-motion .rs-off *,html.cr-motion .rs-off *::before,html.cr-motion .rs-off *::after,
html.rs-still *,html.rs-still *::before,html.rs-still *::after{animation-play-state:paused!important}
/* region chosen: that region's films keep their colour */
html.cr-motion .rs-film.is-rg .rs-film__img{filter:none}
.rs-films__count b{color:var(--g2);font-weight:500}
/* brochure cards wait for their entrance instead of flashing first */
html.cr-motion .rs-tabp:not(.is-in) .rs-bk{opacity:0}
/* index jumps land below the sticky bar */
main section[id]{scroll-margin-top:58px}
.rs-smart{scroll-margin-top:120px}
.rs-rev__more:focus-visible{outline:2px solid var(--g);outline-offset:3px;border-radius:3px}
.rs-empty button{all:unset;cursor:pointer;color:var(--g);font-weight:500;text-decoration:underline;text-underline-offset:3px;margin-left:6px}
.rs-rdiv b{color:var(--ink);font-weight:500}
.rs-rgroups>.rs-rdiv:first-child{margin-top:0}
/* a lead under a centred headline needs air (the kit sets margin:0) */
.cr-head--center .cr-t+.cr-lead{margin-top:18px}
@media (min-width:992px){
.rs-learn__grid{align-items:start}
.rs-learn__col--calc{position:sticky;top:150px}
}
/* ══ LIBRARY FIXES — known kit bugs, CSS only (the frozen markup is untouched) ══ */
/* 1 · the BLOGS "View all" ghost button is white-on-white on the light panel */
.cr-sec:not(.cr-sec--dark):not(.cr-sec--ink) .cr-btn--ghost{background:rgba(15,23,42,.03);color:var(--ink);border-color:var(--line2)}
/* 2 · a headrow button stretched to the column and dropped 56px below its headline */
.cr-headrow>.cr-btn{justify-self:start}
@media (min-width:992px){.cr-headrow>.cr-btn{justify-self:end}}
.cr-headrow>.cr-head{margin-bottom:0}
/* 3 · .cr-anim-words (five REPEAT headlines) was never defined, so they never animated */
.cr-anim-words .w{display:inline-block;opacity:0;filter:blur(12px);transform:translate3d(0,.35em,0);
transition:opacity 700ms var(--ease),filter 700ms var(--ease),transform 700ms var(--ease);transition-delay:calc(var(--i,0) * 60ms)}
.cr-anim-words.in .w{opacity:1;filter:blur(0);transform:none}
/* 4 · grid tracks are min-width:auto — one wide drawn UI pushed a column off-screen */
.cr-g2>*,.cr-g3>*,.cr-g4>*,.cr-split>*{min-width:0}
/* 5 · blog thumbnails: the real image sits above the decorative mesh */
.cr-blogs__th img{position:relative;z-index:1}
/* 6 · the CTA photo slot holds the drawn wall, not a photograph — keep the copy above it */
.cr-cta .cr-photo{background:#000}
.cr-cta .cr-photo::before{display:none}
.cr-cta .cr-photo::after{background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 22%,rgba(0,0,0,0) 72%,#000 100%)}
/* ══ RESPONSIVE ════════════════════════════════════════════════════════════ */
@media (max-width:1199px){
.rs-films{grid-template-columns:repeat(4,minmax(0,1fr))}
.rs-aigrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.rs-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}
.rs-labwall{grid-template-columns:repeat(9,minmax(0,1fr))}
.rs-pressgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.rs-press:nth-child(4n){border-right:1px solid rgba(255,255,255,.1)}
.rs-press:nth-child(2n){border-right:0}
.rs-press:nth-child(n+5){border-bottom:1px solid rgba(255,255,255,.1)}
.rs-press:nth-child(n+7){border-bottom:0}
}
@media (max-width:991px){
.rs-hero{flex-direction:column;align-items:stretch;min-height:auto}
.rs-hero .cr-hero__in{order:1;padding:112px 24px 36px}
.rs-wall{position:relative;order:2;width:100%;height:440px;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 16px;gap:12px}
.rs-wall__col--2{display:none}
.rs-wall__col--1{margin-top:-60px}
.rs-wall__fade{top:auto;height:440px;bottom:0;background:linear-gradient(180deg,#000 0%,rgba(0,0,0,.6) 12%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 72%,#000 100%)}
.rs-wall__pause{bottom:18px;right:18px}
.rs-hero .cr-hero__scrim{display:none}
.rs-index__rg span{display:none}
.rs-vbento{grid-template-columns:1fr}
.rs-g2card,.rs-vstack{grid-column:auto}
.rs-g2card{padding:26px 22px}
.rs-g2card__big b{font-size:96px}
.rs-vstats{grid-template-columns:repeat(2,minmax(0,1fr))}
.rs-logos{flex-direction:column;align-items:flex-start;gap:18px}
.rs-logos__row{justify-content:flex-start;gap:20px 26px}
.rs-spot{padding:18px}
.rs-spot__slide{grid-template-columns:1fr;gap:26px}
.rs-spot__media{max-width:520px}
.rs-spot__q{padding-right:0}
.rs-spot__q blockquote{font-size:27px}
.rs-spot__tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
.rs-films{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
.rs-film--xl{grid-column:span 2;grid-row:auto}
.rs-film--xl .rs-film__media{aspect-ratio:4/5;flex:none}
.rs-rx{grid-template-columns:1fr;gap:28px}
.rs-rail{position:relative;top:0!important}
.rs-rcols{grid-template-columns:1fr}
.rs-plan__in{grid-template-columns:1fr;gap:40px}
.rs-paths{grid-template-columns:1fr}
.rs-shelf{grid-template-columns:1fr}
.rs-tabp[data-n="1"] .rs-bk{grid-template-columns:168px minmax(0,1fr)}
.rs-custom{grid-template-columns:1fr;gap:36px}
.rs-custom__stage{position:relative;top:0;max-width:520px;order:-1;max-height:470px;width:100%;margin:0 auto}
.rs-smart__in{grid-template-columns:1fr}
.rs-pbento{grid-template-columns:1fr}
.rs-pcard--a,.rs-pcard--b,.rs-pcard--c,.rs-pcard--d,.rs-pcard--e{grid-column:auto}
.rs-integ{grid-template-columns:1fr;padding:24px}
.rs-learn__grid{grid-template-columns:1fr}
.rs-learn__col{padding:32px 24px}
.rs-learn__col h2{font-size:32px}
.rs-global,.rs-past__head{grid-template-columns:1fr;gap:24px}
.rs-marks{grid-template-columns:repeat(2,1fr)}
.rs-tl{flex-direction:column;gap:56px}
.rs-tl__line{display:none}
.rs-tl__y{position:static;display:block;margin-bottom:14px;background:none}
.rs-tl__evs{grid-template-columns:repeat(2,minmax(0,1fr))}
.rs-labwall{grid-template-columns:repeat(6,minmax(0,1fr))}
.rs-filmhead{margin-top:64px}
.rs-filmhead__t{font-size:28px}
.rs-h3{font-size:32px}
.rs-lb__card{grid-template-columns:1fr;max-height:calc(100vh - 48px);overflow:auto}
.rs-lb__media{aspect-ratio:16/11}
.rs-lb__tx{padding:26px 22px}
}
@media (max-width:575px){
.rs-hero__lead{font-size:16px;line-height:25px}
.rs-sub{flex-direction:column}
.rs-sub .cr-btn{width:100%}
.rs-vstats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px}
.rs-vstat{padding:12px;gap:10px}
.rs-vstat__l{font-size:13px;line-height:18px}
.rs-vstat__n{font-size:32px}
.rs-sv{height:66px;padding:8px}
.rs-sv--dots{gap:4px}
.rs-sv--ticks{gap:2px}
.rs-sv--ticks i{height:30px}
.rs-rcard{grid-template-columns:1fr;padding:22px}
.rs-rcard .rs-ring{grid-row:auto;margin-top:14px}
.rs-g2card__score{gap:18px}
.rs-g2card__big b{font-size:84px}
.rs-spot__tabs{grid-template-columns:1fr}
.rs-films{grid-template-columns:repeat(2,minmax(0,1fr))}
.rs-bk{grid-template-columns:118px minmax(0,1fr);gap:16px;padding:12px 16px 12px 12px}
.rs-tabp[data-n="1"] .rs-bk{grid-template-columns:118px minmax(0,1fr)}
.rs-bk__shelf{min-height:150px;padding:10px}
.rs-bk__cov{max-height:132px}
.rs-path__l{grid-template-columns:88px 1fr 16px}
.rs-path__k{font-size:10px;padding:3px 8px}
.rs-gems{grid-template-columns:1fr}
.rs-plan__row{grid-template-columns:40px minmax(0,1fr);gap:6px 14px;padding:14px 12px}
.rs-plan__ic{width:40px;height:40px;grid-row:span 2;align-self:start}
.rs-plan__fit{grid-column:2;justify-self:start}
.rs-crow{grid-template-columns:26px minmax(0,1fr);gap:4px 12px;padding:14px 12px}
.rs-crow .rs-dl{grid-column:2;justify-self:start;margin-top:8px}
.rs-custom__stage{padding:20px 20px 0;max-height:400px}
.rs-aigrid{grid-template-columns:1fr}
.rs-aic .cr-vis{height:200px}
.rs-pcard__vis--demo{grid-template-columns:1fr;height:auto}
.rs-demo--big{aspect-ratio:16/9}
.rs-demo__sm{grid-template-rows:none;grid-template-columns:1fr 1fr}
.rs-demo__sm .rs-demo{aspect-ratio:16/9}
.rs-portal{padding:14px}
.rs-portal__a{left:14px;right:14px;top:14px;width:auto}
.rs-portal__b{display:none}
.rs-smart{margin-top:72px}
.rs-calcs{grid-template-columns:1fr}
.rs-egfr{grid-template-columns:1fr;gap:8px}
.rs-egfr__ln{transform:none;height:34px}
.rs-pressgrid{grid-template-columns:1fr}
.rs-press{min-height:0;padding:20px}
.rs-press,.rs-press:nth-child(n){border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}
.rs-press:last-child{border-bottom:0}
.rs-hubn b{font-size:12.5px}
.rs-integ__map{height:auto;display:grid;gap:10px}
.rs-hub{display:none}
.rs-hubn{position:static}
.rs-app{grid-template-columns:40px minmax(0,1fr) auto;gap:12px;padding:12px 14px}
.rs-app__ic{width:40px;height:40px}
.rs-app b{font-size:14px}
.rs-app__st{gap:6px}
.rs-store{height:26px}
.rs-tabs{width:100%}
.rs-tab{padding:8px 12px;font-size:13px}
.rs-labwall{grid-template-columns:repeat(4,minmax(0,1fr))}
}
/* ══ portrait + cover images (avatars, film stills, covers) ═══════════════ */
.p01{background-image:url(/assets/img/resource-img/p01.webp)}
.p02{background-image:url(/assets/img/resource-img/p02.webp)}
.p03{background-image:url(/assets/img/resource-img/p03.webp)}
.p04{background-image:url(/assets/img/resource-img/p04.webp)}
.p05{background-image:url(/assets/img/resource-img/p05.webp)}
.p06{background-image:url(/assets/img/resource-img/p06.webp)}
.p07{background-image:url(/assets/img/resource-img/p07.webp)}
.p08{background-image:url(/assets/img/resource-img/p08.webp)}
.p09{background-image:url(/assets/img/resource-img/p09.webp)}
.p10{background-image:url(/assets/img/resource-img/p10.webp)}
.p11{background-image:url(/assets/img/resource-img/p11.webp)}
.p12{background-image:url(/assets/img/resource-img/p12.webp)}
.p13{background-image:url(/assets/img/resource-img/p13.webp)}
.p14{background-image:url(/assets/img/resource-img/p14.webp)}
.p15{background-image:url(/assets/img/resource-img/p15.webp)}
.p16{background-image:url(/assets/img/resource-img/p16.webp)}
.p17{background-image:url(/assets/img/resource-img/p17.webp)}
.p18{background-image:url(/assets/img/resource-img/p18.webp)}
.p19{background-image:url(/assets/img/resource-img/p19.webp)}
.p20{background-image:url(/assets/img/resource-img/p20.webp)}
.p21{background-image:url(/assets/img/resource-img/p21.webp)}
.p22{background-image:url(/assets/img/resource-img/p22.webp)}
.p23{background-image:url(/assets/img/resource-img/p23.webp)}
.p24{background-image:url(/assets/img/resource-img/p24.webp)}
.p25{background-image:url(/assets/img/resource-img/p25.webp)}
.p26{background-image:url(/assets/img/resource-img/p26.webp)}
.p27{background-image:url(/assets/img/resource-img/p27.webp)}
.p28{background-image:url(/assets/img/resource-img/p28.webp)}
.p29{background-image:url(/assets/img/resource-img/p29.webp)}
.p30{background-image:url(/assets/img/resource-img/p30.webp)}
.p31{background-image:url(/assets/img/resource-img/p31.webp)}
.p32{background-image:url(/assets/img/resource-img/p32.webp)}
.p33{background-image:url(/assets/img/resource-img/p33.webp)}
.p34{background-image:url(/assets/img/resource-img/p34.webp)}
.p35{background-image:url(/assets/img/resource-img/p35.webp)}
.p36{background-image:url(/assets/img/resource-img/p36.webp)}
.p37{background-image:url(/assets/img/resource-img/p37.webp)}
.p38{background-image:url(/assets/img/resource-img/p38.webp)}
.p39{background-image:url(/assets/img/resource-img/p39.webp)}
.p40{background-image:url(/assets/img/resource-img/p40.webp)}
.p41{background-image:url(/assets/img/resource-img/p41.webp)}
.p42{background-image:url(/assets/img/resource-img/p42.webp)}
.p43{background-image:url(/assets/img/resource-img/p43.webp)}
.p44{background-image:url(/assets/img/resource-img/p44.webp)}
.p46{background-image:url(/assets/img/resource-img/dr-amitoj.png)}
.p45{background-image:url(/assets/img/resource-img/dr-snanjay.png)}
.p47{background-image:url(/assets/img/resource-img/dr-abid.png)}
.p48{background-image:url(/assets/img/resource-img/dr-mary.png)}
.w-cov-guide{background-image:url(/assets/img/resource-img/w-cov-guide.webp)}
.w-cov-lims{background-image:url(/assets/img/resource-img/w-cov-lims.webp)}
.w-cov-tox{background-image:url(/assets/img/resource-img/w-cov-tox.webp)}
.w-cov-smart{background-image:url(/assets/img/resource-img/w-cov-smart.webp)}
.w-cov-mol{background-image:url(/assets/img/resource-img/w-cov-mol.webp)}
.w-cov-aireq{background-image:url(/assets/img/resource-img/w-cov-aireq.webp)}
.w-rep-cbc{background-image:url(/assets/img/resource-img/w-rep-cbc.webp)}
.w-rep-ngs{background-image:url(/assets/img/resource-img/w-rep-ngs.webp)}
.w-gem-0{background-image:url(/assets/img/resource-img/w-gem-0.webp)}
.w-evt-adlm25{background-image:url(/assets/img/resource-img/w-evt-adlm25.webp)}
.w-evt-ml25{background-image:url(/assets/img/resource-img/w-evt-ml25.webp)}
/* ══ Brand tokens + heading scale (site-wide values) ═════════════════════ */
:root{
--cr-green:rgba(28,147,35,1);
--cr-green-2:#3FD15F;
--cr-green-soft:rgba(59,163,65,.05);
--cr-ink:rgba(14,14,14,1);
--cr-ink-2:#334155;
--cr-muted:rgba(78,78,78,1);
--cr-line:rgba(235,235,235,1);
--cr-line-dark:rgba(255,255,255,.10);
--cr-serif:"Libertinus Serif Display";
--cr-serif-paragraph:'Inter',system-ui,-apple-system,sans-serif;
}
/* h1 */
.cr-t--hero{font-family:var(--cr-serif);font-weight:400;font-size:64px;line-height:110%;letter-spacing:-.02em;margin:0;color:#fff}
/* h2 */
.cr-t--sec{font-family:var(--cr-serif);font-weight:400;font-size:48px;line-height:110%;letter-spacing:-.02em;color:var(--cr-ink)}
.cr-sec--dark .cr-t--sec,.cr-sec--ink .cr-t--sec{color:#fff}
.cr-t em{color:var(--cr-green)}
.cr-sec--dark .cr-t em,.cr-sec--ink .cr-t em,.cr-hero .cr-t em{color:var(--cr-green-2)}
@media (max-width:991px){.cr-t--hero{font-size:40px}.cr-t--sec{font-size:32px}}
@media (max-width:575px){.cr-t--hero{font-size:32px}.cr-t--sec{font-size:27px}}
/* ══ Bootstrap 5.3.3 bridge ═══════════════════════════════════════════════
Loaded after bootstrap.min.css. Zero-specificity (:where) so every kit /
rs- rule still wins; only neutralises reboot defaults the design never set. */
.rs-main{font-family:var(--sans);line-height:normal;color:var(--ink)}
:where(.rs-main) :where(a){color:inherit;text-decoration:none}
:where(.rs-main) :where(h1,h2,h3,h4,h5,h6){font-weight:inherit;line-height:inherit;color:inherit}
:where(.rs-main) :where(img,svg){vertical-align:baseline}
:where(.rs-main) :where(ul,ol){padding-left:0;margin-bottom:0;list-style:none}
:where(.rs-main) :where(p){margin-bottom:0}
:where(.rs-main) :where(button){border-radius:0}
:where(.rs-main) :where(label){display:block}
/* ══ Bootstrap modals in the kit's language ══════════════════════════════ */
.rs-bsm{--bs-modal-bg:#fff;--bs-modal-border-width:0;--bs-modal-border-radius:24px;--bs-modal-inner-border-radius:24px;
--bs-modal-box-shadow:0 40px 100px -30px rgba(0,0,0,.8);--bs-modal-padding:36px 32px 28px;font-family:var(--sans);color:var(--ink)}
.modal-backdrop{--bs-backdrop-bg:#000;--bs-backdrop-opacity:.72}
.rs-bsm .modal-content{position:relative}
.rs-bsm__x{position:absolute;top:14px;right:14px;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;
background:var(--panel);color:var(--ink);cursor:pointer;transition:background .2s ease;z-index:2}
.rs-bsm__x:hover{background:var(--gsoft);color:var(--g)}
.rs-bsm__x svg{width:18px;height:18px}
.rs-bsm .cr-chip{align-self:flex-start}
.rs-bsm__k{margin:14px 0 0;font-size:13px;color:var(--muted2)}
.rs-bsm__t{margin:2px 0 18px;font-family:var(--serif);font-weight:400;font-size:28px;line-height:1.15;letter-spacing:-.02em;color:var(--ink)}
.rs-bsm .form-label{margin-bottom:6px;font-size:13px;font-weight:500;color:var(--ink)}
.rs-bsm .form-label i{font-style:normal;color:var(--g)}
.rs-bsm .form-control{border:1px solid var(--line2);border-radius:12px;padding:12px 14px;font:400 15px/20px var(--sans);color:var(--ink);box-shadow:none}
.rs-bsm .form-control::placeholder{color:var(--faint)}
.rs-bsm .form-control:focus{border-color:var(--g);box-shadow:0 0 0 3px rgba(28,147,35,.14)}
.rs-bsm .form-control.is-invalid{border-color:#C93A2E;background-image:none;padding-right:14px}
.rs-bsm .form-control.is-invalid:focus{box-shadow:0 0 0 3px rgba(201,58,46,.14)}
.rs-bsm__err{display:block;min-height:0;margin-top:5px;font-size:12px;color:#C93A2E}
.rs-bsm__err:empty{margin:0}
.rs-bsm__cap{margin-top:4px}
.rs-bsm .cr-btn{width:100%;margin-top:6px}
.rs-bsm .cr-btn:disabled{opacity:.6;cursor:progress;transform:none}
.rs-bsm__msg{margin:10px 0 0;font-size:13px;color:var(--g);text-align:center}
.rs-bsm__msg:empty{display:none}
.rs-bsm__fine{margin:12px 0 0;font-size:12px;line-height:1.5;color:var(--faint);text-align:center}
.rs-bsm--plan{--bs-modal-padding:0;--bs-modal-width:1140px}
.rs-bsm--plan .modal-content{overflow:hidden}
.rs-bsm--plan iframe{display:block;width:100%;height:min(680px,80vh);border:0}
/* ######################## resources-hero.css ######################## */
/* RESOURCES — hero "Quick Access" (prefix hx-). Load after resources.css. */
/* ── shared hero frame ──────────────────────────────────────────────────── */
.hx{min-height:max(800px,100vh);align-items:stretch}
.hx .cr-hero__in{display:grid;align-items:center;gap:56px;padding-top:112px;padding-bottom:72px;position:relative;z-index:3}
.hx[data-v="a"] .hx-in{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)}
.hx[data-v="b"] .hx-in{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px}
.hx[data-v="c"] .hx-in{grid-template-columns:minmax(0,1fr);gap:30px;align-content:center;padding-top:96px;padding-bottom:40px}
.hx h1{margin-bottom:20px}
.hx-copy{position:relative;z-index:2;min-width:0}
.hx-copy .rs-hero__lead{margin-bottom:26px}
.hx-only,.hx-stage{display:none}
.hx[data-v="a"] .hx-only--a,.hx[data-v="b"] .hx-only--b,.hx[data-v="c"] .hx-only--c{display:block}
.hx[data-v="a"] .hx-stage--a,.hx[data-v="b"] .hx-stage--b,.hx[data-v="c"] .hx-stage--c{display:block;min-width:0}
.hx-copy .rs-g2{margin-top:2px}
.hx-aura{position:absolute;pointer-events:none;z-index:1;inset:0;opacity:0;transition:opacity .9s ease}
.hx[data-v="b"] .hx-aura{opacity:1;background:radial-gradient(34% 46% at 66% 52%,rgba(0,168,45,.20),rgba(0,0,0,0) 70%)}
.hx[data-v="a"] .hx-aura{opacity:1;background:radial-gradient(40% 50% at 78% 46%,rgba(0,168,45,.13),rgba(0,0,0,0) 70%)}
.hx[data-v="c"] .hx-aura{opacity:1;background:radial-gradient(50% 40% at 50% 70%,rgba(0,168,45,.10),rgba(0,0,0,0) 70%)}
.hx .cr-hero__scrim{background:linear-gradient(rgba(0,0,0,0) 55%,#000 100%)}
/* ── C · Quick Access ────────────────────────────────────────────────────── */
.hx[data-v="c"] .hx-copy{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);column-gap:56px;align-items:end;
grid-template-areas:"pill pill" "h1 lead" "h1 side"}
.hx[data-v="c"] .hx-copy__main{display:contents}
.hx[data-v="c"] .cr-hero__badge{grid-area:pill;justify-self:start}
.hx[data-v="c"] h1{grid-area:h1;margin:0;align-self:end}
.hx[data-v="c"] .hx-copy .rs-hero__lead{grid-area:lead;margin:0 0 18px;font-size:16px;line-height:25px;max-width:none}
.hx[data-v="c"] .hx-only--c{grid-area:side;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding-bottom:4px}
.hx-find{all:unset;box-sizing:border-box;cursor:text;width:100%;display:flex;align-items:center;gap:12px;padding:12px 12px 12px 16px;border-radius:16px;
border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:#fff;transition:border-color .25s ease,background .25s ease}
.hx-find:hover{border-color:rgba(63,209,95,.55);background:rgba(255,255,255,.07)}
.hx-find:focus-visible{outline:2px solid var(--g2);outline-offset:2px}
.hx-find__ic{width:22px;height:22px;color:var(--g2)}
.hx-find>span{display:flex;flex-direction:column;flex:1;min-width:0}
.hx-find b{font-size:15px;font-weight:500}
.hx-find em{font-style:normal;font-size:12.5px;color:rgba(255,255,255,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
kbd{font:600 12px/1 var(--sans);color:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.22);border-bottom-width:2px;border-radius:6px;padding:5px 8px;background:rgba(255,255,255,.04)}
.hx-bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(3,164px);gap:14px;
grid-template-areas:"films films ratings reviews reviews plan" "films films brochures templates products products" "ai academy brochures tools events blogs"}
.hx-tile--films{grid-area:films}.hx-tile--ratings{grid-area:ratings}.hx-tile--reviews{grid-area:reviews}.hx-tile--plan{grid-area:plan}
.hx-tile--brochures{grid-area:brochures}.hx-tile--templates{grid-area:templates}.hx-tile--products{grid-area:products}.hx-tile--ai{grid-area:ai}
.hx-tile--academy{grid-area:academy}.hx-tile--tools{grid-area:tools}.hx-tile--events{grid-area:events}.hx-tile--blogs{grid-area:blogs}
.hx-tile{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:18px;padding:14px 16px 14px;overflow:hidden;
background:#0E110E;border:1px solid rgba(255,255,255,.08);transition:transform .4s var(--ease),border-color .35s ease,background .35s ease,box-shadow .4s ease}
.hx-tile:hover,.hx-tile:focus-within,.hx-tile.is-play{transform:translateY(-4px);border-color:rgba(63,209,95,.42);background:#111611;
box-shadow:0 26px 50px -30px rgba(0,0,0,.9),0 0 0 1px rgba(63,209,95,.08)}
.hx-tile__go{position:absolute;inset:0;z-index:1;border-radius:inherit}
.hx-tile__go:focus-visible{outline:2px solid var(--g2);outline-offset:-2px}
.hx-tile .cr-vis.hx-tile__vis{height:auto;flex:1;min-height:64px;margin:0 0 10px;padding:0;border-radius:12px;background:transparent;display:block;position:relative;align-items:stretch;justify-content:flex-start;overflow:visible}
.hx-tile__tx{position:relative;display:flex;flex-direction:column;gap:2px;transition:opacity .25s ease,transform .3s var(--ease)}
.hx-tile__tx b{font-size:14.5px;font-weight:500;letter-spacing:-.01em;color:#fff}
.hx-tile__tx span{font-size:12px;color:rgba(255,255,255,.55)}
.hx-tile__links{position:absolute;left:14px;right:40px;bottom:13px;z-index:2;display:flex;flex-wrap:wrap;gap:6px;opacity:0;transform:translateY(8px);
pointer-events:none;transition:opacity .25s ease,transform .3s var(--ease)}
.hx-tile__links::before{content:"";position:absolute;left:-14px;right:-40px;bottom:-13px;top:-22px;z-index:-1;pointer-events:none;
background:linear-gradient(to top,#111611 64%,rgba(17,22,17,0))}
.hx-tile__links a{font:600 12px/16px var(--sans);color:#08130B;background:var(--g2);border-radius:999px;padding:5px 10px;text-decoration:none;white-space:nowrap}
.hx-tile__links a:hover{background:#fff}
.hx-tile__links a:focus-visible{outline:2px solid #fff;outline-offset:2px}
.hx-tile:hover .hx-tile__links,.hx-tile:focus-within .hx-tile__links,.hx-tile.is-play .hx-tile__links{opacity:1;transform:none;pointer-events:auto}
.hx-tile:hover .hx-tile__tx,.hx-tile:focus-within .hx-tile__tx,.hx-tile.is-play .hx-tile__tx{opacity:0;transform:translateY(-6px)}
.hx-tile__arw{position:absolute;right:12px;bottom:12px;z-index:3;pointer-events:none;width:22px;height:22px;color:rgba(255,255,255,.3);transition:color .3s ease,transform .35s var(--ease)}
.hx-tile__arw svg{width:22px;height:22px}
.hx-tile:hover .hx-tile__arw,.hx-tile.is-play .hx-tile__arw{color:var(--g2);transform:rotate(-45deg)}
html.cr-motion .hx-bento.is-enter .hx-tile{animation:hxRise .7s var(--ease) both;animation-delay:calc(var(--i,0) * 55ms)}
@keyframes hxRise{from{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:none}}
/* shared bits in tile drawings */
.hx-split{display:flex;height:6px;border-radius:999px;overflow:hidden;gap:2px;margin-top:10px}
.hx-split i{display:block;flex:none;width:calc(var(--w) * 100%);background:var(--g2);opacity:.9}
.hx-split i:nth-child(2){opacity:.62}.hx-split i:nth-child(3){opacity:.42}.hx-split i:nth-child(4){opacity:.28}.hx-split i:nth-child(5){opacity:.16}
.hx-legend{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:6px;font-size:11px;color:rgba(255,255,255,.5)}
.hx-legend b{font-weight:500}
/* ratings */
.hx-rt{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center}
.hx-rt>b{grid-row:span 2;font-family:var(--serif);font-weight:400;font-size:54px;line-height:.9;color:var(--g2);letter-spacing:-.03em}
.hx-rt .rs-stars{color:var(--g2)}
.hx-rt .rs-stars__bg{color:rgba(255,255,255,.16)}
.hx-rt__bars{display:flex;flex-direction:column;gap:3px;margin-top:6px}
.hx-rt__bars i{display:block;height:4px;border-radius:2px;background:rgba(255,255,255,.08);position:relative;overflow:hidden}
.hx-rt__bars i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--w) * 100%);background:var(--g2);border-radius:2px;transform-origin:left}
html.cr-motion .hx-tile.is-play .hx-rt__bars i::after{animation:hxGrow .9s var(--ease) both;animation-delay:calc(var(--d) * 70ms)}
@keyframes hxGrow{from{transform:scaleX(0)}to{transform:none}}
/* films */
.hx-faces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:330px}
.hx-face{display:block;aspect-ratio:1;border-radius:12px;background:#151815 center/cover no-repeat;transition:filter .6s ease,transform .6s var(--ease);
transition-delay:calc(var(--d) * 80ms)}
html.cr-motion .hx-tile.is-play .hx-face,html.cr-motion .hx-tile:hover .hx-face{filter:none}
html.cr-motion .hx-tile.is-play .hx-face:first-child{transform:scale(1.04)}
/* reviews */
.hx-rv{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:16px;height:100%}
.hx-q{position:relative;display:block;height:100%;min-height:88px}
.hx-q__c{position:absolute;left:0;right:0;top:9px;display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:12px;background:#fff;color:var(--ink);
transition:transform .6s var(--ease),opacity .5s ease}
.hx-q__c em{font-style:normal;font-family:var(--serif);font-size:14px;line-height:18px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.hx-q__c u{display:flex;align-items:center;gap:7px;min-width:0;text-decoration:none;font-size:11px;line-height:14px;color:var(--muted2)}
.hx-q__c u>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-q__c u .rs-stars,.hx-q__c u .rs-stars svg{width:56px;height:10.5px}
.hx-q__c u .rs-stars{color:var(--g)}
.hx-q__c--b{height:62px;background:rgba(255,255,255,.14);transform:translate(8px,-7px) scale(.96);z-index:0}
.hx-q__c--2{opacity:0}
.hx-q .hx-q__c:nth-child(2){z-index:1}
html.cr-motion .hx-tile.is-play .hx-q__c--b{transform:translate(12px,-9px) rotate(1.5deg) scale(.96)}
html.cr-motion .hx-tile.is-play .hx-q__c:nth-child(2){animation:hxSwapOut 2.8s var(--ease) both}
html.cr-motion .hx-tile.is-play .hx-q__c--2{animation:hxSwapIn 2.8s var(--ease) both;z-index:2}
@keyframes hxSwapOut{0%,35%{opacity:1;transform:none}55%,100%{opacity:0;transform:translateY(-10px)}}
@keyframes hxSwapIn{0%,40%{opacity:0;transform:translateY(10px)}60%,100%{opacity:1;transform:none}}
.hx-src{display:flex;flex-direction:column;justify-content:center;gap:10px;min-width:0}
.hx-src__r{display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:4px;font-size:11px;line-height:13px;color:rgba(255,255,255,.6)}
.hx-src__r b{font-weight:500}
.hx-src__r em{font-style:normal;font-weight:500;color:#fff;font-variant-numeric:tabular-nums}
.hx-src__r i{grid-column:1/-1;position:relative;display:block;height:4px;border-radius:2px;background:rgba(255,255,255,.08);overflow:hidden}
.hx-src__r i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--w) * 100%);background:var(--g2);border-radius:2px;transform-origin:left}
html.cr-motion .hx-tile.is-play .hx-src__r i::after{animation:hxGrow .9s var(--ease) both;animation-delay:calc(var(--d) * 90ms + 150ms)}
/* plan */
.hx-plan{display:flex;flex-direction:column;gap:5px}
.hx-tile .ui-row{margin:0;padding:6px 9px;gap:8px;color:var(--ink);font-size:11.5px}
.hx-tile .ui-row--hi{background:#E8F7EC;border-color:rgba(0,168,45,.45)}
.hx-plan__r svg{width:15px;height:15px;color:var(--g);stroke-width:2.4;flex:none}
.hx-plan__r b{font-weight:600}
html.cr-motion .hx-tile.is-play .hx-plan__r{animation:hxPlan 1.8s ease both;animation-delay:calc(var(--d) * 450ms)}
@keyframes hxPlan{0%,100%{}25%,70%{border-color:rgba(0,168,45,.45);background:#E8F7EC}}
/* brochures */
.hx-tile--brochures .cr-vis.hx-tile__vis{display:flex;flex-direction:column}
.hx-fan{position:relative;display:block;flex:1;min-height:150px;container-type:size}
.hx-fan__c{position:absolute;left:50%;top:50%;height:70%;height:min(84cqh,calc(54cqw * 1.41));width:auto;aspect-ratio:156/220;border-radius:3px;
background:#fff center top/cover no-repeat;box-shadow:0 16px 30px -12px rgba(0,0,0,.7);
transform:translate(-50%,-50%) translateX(calc((var(--j) - 1) * 14px)) rotate(calc((var(--j) - 1) * 4deg));
transition:transform .7s var(--ease)}
.hx-tile.is-play .hx-fan__c,.hx-tile:hover .hx-fan__c{transform:translate(-50%,-50%) translateX(calc((var(--j) - 1) * 40%)) rotate(calc((var(--j) - 1) * 9deg)) translateY(calc(var(--j) * -2px))}
.hx-tile--brochures .hx-split,.hx-tile--brochures .hx-legend{flex:none}
.hx-tile--brochures .hx-legend{transition:opacity .25s ease}
.hx-tile--brochures:hover .hx-legend,.hx-tile--brochures:focus-within .hx-legend,.hx-tile--brochures.is-play .hx-legend{opacity:0}
/* templates */
.hx-tile--templates .cr-vis.hx-tile__vis{display:flex;flex-direction:column}
.hx-print{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;padding:0 10%}
.hx-print__bar{position:relative;z-index:2;display:block;flex:none;height:12px;border-radius:6px;background:linear-gradient(#2A302B,#141814);box-shadow:0 6px 12px -4px rgba(0,0,0,.8)}
.hx-print__bar i{position:absolute;left:8%;right:8%;top:5px;height:2px;background:#050605;border-radius:1px}
.hx-print__pg{position:relative;z-index:1;display:block;flex:1;min-height:36px;margin:-5px 10% 0;background:#fff center top/cover no-repeat;border-radius:0 0 3px 3px}
html.cr-motion .hx-tile.is-play .hx-print__pg{animation:hxPrint 1.2s cubic-bezier(.3,.7,.2,1) both}
@keyframes hxPrint{from{clip-path:inset(0 0 100% 0);transform:translateY(-10px)}to{clip-path:inset(0 0 0 0);transform:none}}
.hx-gems{display:flex;flex:none;gap:4px;margin-top:7px;justify-content:center}
.hx-gems i{width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.06)}
/* products */
.hx-prod{display:grid;grid-template-columns:1.25fr 1fr;gap:10px;height:100%}
.hx-prod__v{position:relative;display:block;border-radius:10px;background:#111 center/cover no-repeat;min-height:80px}
.hx-prod__v i{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:#fff;color:var(--g);
display:flex;align-items:center;justify-content:center;transition:transform .4s var(--ease)}
.hx-prod__v i svg{width:14px;height:14px;margin-left:2px}
.hx-tile.is-play .hx-prod__v i{transform:scale(1.18)}
.hx-prod__apps{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-content:center}
.hx-prod__apps span{display:block;transition:transform .5s var(--ease);transition-delay:calc(var(--d) * 70ms)}
.hx-prod__apps img{width:100%;max-width:40px;aspect-ratio:1;border-radius:11px;display:block;margin:0 auto;object-fit:cover}
html.cr-motion .hx-tile.is-play .hx-prod__apps span{transform:translateY(-5px)}
/* ai */
.hx-ai{display:flex;flex-direction:column;justify-content:center;height:100%}
.hx-tile .hx-ai .ui-row{margin:0;padding:3px 0;gap:8px;border:0;border-bottom:1px solid rgba(255,255,255,.09);border-radius:0;background:transparent;
color:rgba(255,255,255,.88);font-size:11.5px;line-height:15px}
.hx-tile .hx-ai .ui-row:last-child{border-bottom:0}
.hx-ai__r{position:relative;display:flex;align-items:center;gap:7px}
.hx-ai__r>svg:first-child{width:14px;height:14px;color:var(--g2)}
.hx-ai__r b{font-weight:500;flex:1}
.hx-ai__ok{width:14px!important;height:14px!important;color:var(--g2);stroke-width:2.6}
.hx-ai__s{position:absolute;right:1px;width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.18);border-top-color:var(--g2);opacity:0}
html.cr-motion .hx-tile.is-play .hx-ai__ok{animation:hxOk 2.2s ease both;animation-delay:calc(var(--d) * 380ms)}
html.cr-motion .hx-tile.is-play .hx-ai__s{animation:hxSpin .5s linear infinite,hxSpinVis 2.2s ease both;animation-delay:0s,calc(var(--d) * 380ms)}
@keyframes hxOk{0%,22%{opacity:0;transform:scale(.4)}34%,100%{opacity:1;transform:none}}
@keyframes hxSpinVis{0%{opacity:1}22%{opacity:1}30%,100%{opacity:0}}
@keyframes hxSpin{to{transform:rotate(360deg)}}
/* academy */
.hx-acad{display:flex;flex-direction:column;gap:12px;padding-top:6px}
.hx-acad__top{display:flex;align-items:center;gap:8px}
.hx-acad__bar{display:block;flex:1;height:6px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}
.hx-acad__bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#3FD15F,#00A82D);transform-origin:left}
html.cr-motion .hx-tile.is-play .hx-acad__bar i{animation:hxGrow 1.6s var(--ease) both}
.hx-acad__path{position:relative;display:flex;justify-content:space-between}
.hx-acad__path::before{content:"";position:absolute;left:12px;right:12px;top:50%;height:2px;background:rgba(255,255,255,.12)}
.hx-acad__path b{position:relative;width:26px;height:26px;border-radius:50%;background:var(--g);color:#fff;font-size:10.5px;font-weight:600;
display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px #0E110E}
html.cr-motion .hx-tile.is-play .hx-acad__path b{animation:hxDot .9s ease both;animation-delay:calc(var(--d) * 260ms + 200ms)}
@keyframes hxDot{0%{background:#1A1F1A;color:rgba(255,255,255,.4)}60%,100%{background:var(--g);color:#fff}}
/* tools */
.hx-egfr{display:flex;flex-direction:column;gap:2px}
.hx-egfr__k{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.hx-egfr>b{font-size:38px;font-weight:600;letter-spacing:-.03em;line-height:1.05;color:#fff;font-variant-numeric:tabular-nums}
.hx-egfr__u{font-size:11px;color:rgba(255,255,255,.5)}
.hx-egfr__sc{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;margin-top:6px}
.hx-egfr__sc i{font-style:normal;font-size:8.5px;text-align:center;padding:3px 0;border-radius:3px}
.hx-egfr__sc i.ui-pill--n{background:rgba(255,255,255,.08);color:rgba(255,255,255,.5)}
/* events */
.hx-evt{display:flex;flex-direction:column;gap:8px;height:100%}
.hx-evt__ph{display:block;flex:1;min-height:64px;border-radius:10px;background:#151815 center/cover no-repeat;transition:transform .7s var(--ease)}
.hx-tile.is-play .hx-evt__ph{transform:scale(1.04)}
.hx-evt__tl{position:relative;display:flex;justify-content:space-between;font-size:10.5px;color:var(--g2);font-family:var(--serif)}
.hx-evt__tl i{position:absolute;left:30px;right:30px;top:50%;height:2px;background:linear-gradient(90deg,var(--g),var(--g2));transform-origin:left}
html.cr-motion .hx-tile.is-play .hx-evt__tl i{animation:hxGrow 1.2s var(--ease) both}
.hx-evt__tl b{font-weight:400}
/* blogs */
.hx-blog{display:flex;flex-direction:column;gap:8px;height:100%}
.hx-blog__ph{display:block;flex:1;min-height:60px;border-radius:10px;background:#151815 center/cover no-repeat;transition:transform .7s var(--ease)}
.hx-tile.is-play .hx-blog__ph{transform:scale(1.04)}
.hx-blog__t{flex:none;font-size:11.5px;line-height:15px;color:rgba(255,255,255,.72);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
/* ── C · "Jump to anything" ──────────────────────────────────────────────── */
.hx-pal{position:fixed;inset:0;z-index:3100;display:flex;justify-content:center;align-items:flex-start;padding:12vh 16px 16px}
.hx-pal[hidden]{display:none}
.hx-pal__bg{position:absolute;inset:0;background:rgba(0,0,0,.72)}
.hx-pal__card{position:relative;width:min(700px,100%);max-height:76vh;display:flex;flex-direction:column;background:#0D100D;border:1px solid rgba(255,255,255,.12);
border-radius:20px;box-shadow:0 50px 120px -30px rgba(0,0,0,.9),0 0 0 1px rgba(63,209,95,.08);overflow:hidden;color:#fff}
html.cr-motion .hx-pal:not([hidden]) .hx-pal__card{animation:hxPop .32s var(--ease) both}
@keyframes hxPop{from{opacity:0;transform:translateY(-10px) scale(.985)}to{opacity:1;transform:none}}
.hx-pal__in{position:relative;display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.hx-pal__ic{width:22px;height:22px;color:var(--g2)}
.hx-pal__in input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#fff;font:400 18px/26px var(--sans)}
.hx-pal__hint{position:absolute;left:52px;top:50%;transform:translateY(-50%);font:400 18px/26px var(--sans);color:rgba(255,255,255,.38);pointer-events:none}
.hx-pal__in.is-filled .hx-pal__hint{display:none}
.hx-pal__list{overflow:auto;padding:8px;flex:1}
.hx-pal__g{margin:10px 10px 6px;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.4)}
.hx-opt{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:12px;cursor:pointer}
.hx-opt.is-on{background:rgba(63,209,95,.12)}
.hx-opt__th{width:36px;height:36px;flex:none;border-radius:9px;background:#1A1F1A center/cover no-repeat;display:flex;align-items:center;justify-content:center;color:var(--g2)}
.hx-opt__th svg{width:17px;height:17px}
.hx-opt__th--doc{width:28px;height:38px;border-radius:3px;background-position:center top}
.hx-opt__tx{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.hx-opt__tx b{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-opt__tx span{font-size:12px;color:rgba(255,255,255,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-opt mark{background:transparent;color:var(--g2)}
.hx-opt__k{font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.45);flex:none}
.hx-opt.is-on .hx-opt__k{color:var(--g2)}
.hx-pal__empty{padding:28px 16px;text-align:center;font-size:14px;color:rgba(255,255,255,.55)}
.hx-pal__ft{display:flex;align-items:center;gap:16px;padding:10px 16px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:rgba(255,255,255,.45)}
.hx-pal__ft kbd{padding:3px 6px;font-size:11px;margin-right:3px}
.hx-pal__ft b{margin-left:auto;font-weight:500;color:rgba(255,255,255,.6)}
/* ── responsive ──────────────────────────────────────────────────────────── */
@media (max-width:1199px){
.hx[data-v="a"] .hx-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px}
.hx-shelf__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.hx-bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:minmax(160px,auto);
grid-template-areas:"films films ratings plan" "films films brochures templates" "reviews reviews brochures tools" "products products ai academy" "events blogs . ."}
}
@media (max-width:991px){
.hx{min-height:auto}
.hx .cr-hero__in{padding:108px 24px 96px;gap:32px}
.hx[data-v="a"] .hx-in,.hx[data-v="b"] .hx-in{grid-template-columns:minmax(0,1fr)}
.hx[data-v="c"] .hx-copy{grid-template-columns:minmax(0,1fr);grid-template-areas:"pill" "h1" "lead" "side";gap:22px}
.hx[data-v="c"] .hx-copy .rs-hero__lead{margin:0}
.hx-sent{font-size:20px}
.hx-sphere{height:min(440px,92vw);min-height:320px}
.hx-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(150px,auto);
grid-template-areas:"films films" "ratings plan" "reviews reviews" "brochures templates" "brochures tools" "products products" "ai academy" "events blogs"}
.hx-switch{bottom:10px;max-width:calc(100vw - 20px)}
.hx-switch__lb{display:none}
.hx-switch button{padding:8px 10px 8px 8px;font-size:12px}
}
@media (max-width:575px){
.hx-sent{font-size:18px;line-height:1.8}
.hx-shelf{padding:12px;border-radius:18px}
.hx-shelf__grid{gap:8px}
.hx-card{min-height:208px}
.hx-card__v{height:104px}
.hx-card__t b{font-size:13px;line-height:17px}
.hx-switch button{font-size:0;gap:0;padding:6px}
.hx-switch button i{font-size:12px;width:28px;height:28px}
.hx-switch__rg select{font-size:12px;max-width:110px}
.hx-tile{padding:12px}
.hx-tile .cr-vis.hx-tile__vis{min-height:56px}
.hx-blog__ph{min-height:52px}
.hx-card__v--plan{padding:8px 42px 8px 10px;gap:4px}
.hx-card__v--plan .ui-row{padding:3px 8px}
.hx-rt>b{font-size:42px}
.hx-peek{width:min(272px,calc(100% - 16px))}
.hx-find em{display:none}
}
/* ══ tile + search thumbnails ══ */
.hx-p-35{background-image:url(/assets/img/resource-img/hero/hx-p-35.webp)}
.hx-p-36{background-image:url(/assets/img/resource-img/hero/hx-p-36.webp)}
.hx-p-39{background-image:url(/assets/img/resource-img/hero/hx-p-39.webp)}
.hx-p-16{background-image:url(/assets/img/resource-img/hero/hx-p-16.webp)}
.hx-p-43{background-image:url(/assets/img/resource-img/hero/hx-p-43.webp)}
.hx-p-42{background-image:url(/assets/img/resource-img/hero/hx-p-42.webp)}
.hx-p-41{background-image:url(/assets/img/resource-img/hero/hx-p-41.webp)}
.hx-p-19{background-image:url(/assets/img/resource-img/hero/hx-p-19.webp)}
.hx-p-27{background-image:url(/assets/img/resource-img/hero/hx-p-27.webp)}
.hx-p-40{background-image:url(/assets/img/resource-img/hero/hx-p-40.webp)}
.hx-p-21{background-image:url(/assets/img/resource-img/hero/hx-p-21.webp)}
.hx-p-38{background-image:url(/assets/img/resource-img/hero/hx-p-38.webp)}
.hx-p-17{background-image:url(/assets/img/resource-img/hero/hx-p-17.webp)}
.hx-p-26{background-image:url(/assets/img/resource-img/hero/hx-p-26.webp)}
.hx-p-34{background-image:url(/assets/img/resource-img/hero/hx-p-34.webp)}
.hx-p-32{background-image:url(/assets/img/resource-img/hero/hx-p-32.webp)}
.hx-p-30{background-image:url(/assets/img/resource-img/hero/hx-p-30.webp)}
.hx-p-22{background-image:url(/assets/img/resource-img/hero/hx-p-22.webp)}
.hx-p-13{background-image:url(/assets/img/resource-img/hero/hx-p-13.webp)}
.hx-p-10{background-image:url(/assets/img/resource-img/hero/hx-p-10.webp)}
.hx-p-29{background-image:url(/assets/img/resource-img/hero/hx-p-29.webp)}
.hx-p-37{background-image:url(/assets/img/resource-img/hero/hx-p-37.webp)}
.hx-p-33{background-image:url(/assets/img/resource-img/hero/hx-p-33.webp)}
.hx-p-31{background-image:url(/assets/img/resource-img/hero/hx-p-31.webp)}
.hx-p-28{background-image:url(/assets/img/resource-img/hero/hx-p-28.webp)}
.hx-p-25{background-image:url(/assets/img/resource-img/hero/hx-p-25.webp)}
.hx-p-24{background-image:url(/assets/img/resource-img/hero/hx-p-24.webp)}
.hx-p-23{background-image:url(/assets/img/resource-img/hero/hx-p-23.webp)}
.hx-p-20{background-image:url(/assets/img/resource-img/hero/hx-p-20.webp)}
.hx-p-18{background-image:url(/assets/img/resource-img/hero/hx-p-18.webp)}
.hx-p-15{background-image:url(/assets/img/resource-img/hero/hx-p-15.webp)}
.hx-p-14{background-image:url(/assets/img/resource-img/hero/hx-p-14.webp)}
.hx-p-12{background-image:url(/assets/img/resource-img/hero/hx-p-12.webp)}
.hx-p-11{background-image:url(/assets/img/resource-img/hero/hx-p-11.webp)}
.hx-p-09{background-image:url(/assets/img/resource-img/hero/hx-p-09.webp)}
.hx-p-08{background-image:url(/assets/img/resource-img/hero/hx-p-08.webp)}
.hx-p-07{background-image:url(/assets/img/resource-img/hero/hx-p-07.webp)}
.hx-p-06{background-image:url(/assets/img/resource-img/hero/hx-p-06.webp)}
.hx-p-05{background-image:url(/assets/img/resource-img/hero/hx-p-05.webp)}
.hx-p-04{background-image:url(/assets/img/resource-img/hero/hx-p-04.webp)}
.hx-p-03{background-image:url(/assets/img/resource-img/hero/hx-p-03.webp)}
.hx-p-02{background-image:url(/assets/img/resource-img/hero/hx-p-02.webp)}
.hx-p-01{background-image:url(/assets/img/resource-img/hero/hx-p-01.webp)}
.hx-cv-lims{background-image:url(/assets/img/resource-img/hero/hx-cv-lims.webp)}
.hx-cv-guide{background-image:url(/assets/img/resource-img/hero/hx-cv-guide.webp)}
.hx-cv-intellilab{background-image:url(/assets/img/resource-img/hero/hx-cv-intellilab.webp)}
.hx-cv-crm{background-image:url(/assets/img/resource-img/hero/hx-cv-crm.webp)}
.hx-cv-inventory{background-image:url(/assets/img/resource-img/hero/hx-cv-inventory.webp)}
.hx-cv-pacs{background-image:url(/assets/img/resource-img/hero/hx-cv-pacs.webp)}
.hx-cv-ehr{background-image:url(/assets/img/resource-img/hero/hx-cv-ehr.webp)}
.hx-cv-aireq{background-image:url(/assets/img/resource-img/hero/hx-cv-aireq.webp)}
.hx-cv-smart{background-image:url(/assets/img/resource-img/hero/hx-cv-smart.webp)}
.hx-cv-homecol{background-image:url(/assets/img/resource-img/hero/hx-cv-homecol.webp)}
.hx-cv-b2b{background-image:url(/assets/img/resource-img/hero/hx-cv-b2b.webp)}
.hx-cv-hema{background-image:url(/assets/img/resource-img/hero/hx-cv-hema.webp)}
.hx-cv-bchem{background-image:url(/assets/img/resource-img/hero/hx-cv-bchem.webp)}
.hx-cv-tox{background-image:url(/assets/img/resource-img/hero/hx-cv-tox.webp)}
.hx-cv-pain{background-image:url(/assets/img/resource-img/hero/hx-cv-pain.webp)}
.hx-cv-mol{background-image:url(/assets/img/resource-img/hero/hx-cv-mol.webp)}
.hx-cv-anat{background-image:url(/assets/img/resource-img/hero/hx-cv-anat.webp)}
.hx-cv-rad{background-image:url(/assets/img/resource-img/hero/hx-cv-rad.webp)}
.hx-cv-company{background-image:url(/assets/img/resource-img/hero/hx-cv-company.webp)}
.hx-rp-ngs{background-image:url(/assets/img/resource-img/hero/hx-rp-ngs.webp)}
.hx-rp-tox{background-image:url(/assets/img/resource-img/hero/hx-rp-tox.webp)}
.hx-rp-cbc{background-image:url(/assets/img/resource-img/hero/hx-rp-cbc.webp)}
.hx-rp-pgx{background-image:url(/assets/img/resource-img/hero/hx-rp-pgx.webp)}
.hx-rp-uti{background-image:url(/assets/img/resource-img/hero/hx-rp-uti.webp)}
.hx-rp-tsh{background-image:url(/assets/img/resource-img/hero/hx-rp-tsh.webp)}
.hx-rp-lipid{background-image:url(/assets/img/resource-img/hero/hx-rp-lipid.webp)}
.hx-gm-0{background-image:url(/assets/img/resource-img/hero/hx-gm-0.webp)}
.hx-gm-1{background-image:url(/assets/img/resource-img/hero/hx-gm-1.webp)}
.hx-gm-2{background-image:url(/assets/img/resource-img/hero/hx-gm-2.webp)}
.hx-gm-3{background-image:url(/assets/img/resource-img/hero/hx-gm-3.webp)}
.hx-gm-4{background-image:url(/assets/img/resource-img/hero/hx-gm-4.webp)}
.hx-gm-5{background-image:url(/assets/img/resource-img/hero/hx-gm-5.webp)}
.hx-gm-6{background-image:url(/assets/img/resource-img/hero/hx-gm-6.webp)}
.hx-gm-7{background-image:url(/assets/img/resource-img/hero/hx-gm-7.webp)}
.hx-gm-8{background-image:url(/assets/img/resource-img/hero/hx-gm-8.webp)}
.hx-ev-gh24{background-image:url(/assets/img/resource-img/hero/hx-ev-gh24.webp)}
.hx-ev-ml24{background-image:url(/assets/img/resource-img/hero/hx-ev-ml24.webp)}
.hx-ev-ml25{background-image:url(/assets/img/resource-img/hero/hx-ev-ml25.webp)}
.hx-ev-ibms25{background-image:url(/assets/img/resource-img/hero/hx-ev-ibms25.webp)}
.hx-ev-adlm25{background-image:url(/assets/img/resource-img/hero/hx-ev-adlm25.webp)}
.hx-dm-lims{background-image:url(/assets/img/resource-img/hero/hx-dm-lims.webp)}
.hx-dm-inventory{background-image:url(/assets/img/resource-img/hero/hx-dm-inventory.webp)}
.hx-dm-reporting{background-image:url(/assets/img/resource-img/hero/hx-dm-reporting.webp)}
.hx-bl-selection{background-image:url(/assets/img/resource-img/hero/hx-bl-selection.webp)}
.hx-bl-cost{background-image:url(/assets/img/resource-img/hero/hx-bl-cost.webp)}
.hx-bl-tat{background-image:url(/assets/img/resource-img/hero/hx-bl-tat.webp)}
/* ######################## site-chrome.css ######################## */
/* ═════════════════════════════════════════════════════════════════════════════
SITE CHROME — header, closing CTA and footer only (taken from the site CSS).
Load AFTER megamenu.css. Global resets from the site file are scoped to these
three blocks so they can't disturb the resources sections.
═════════════════════════════════════════════════════════════════════════════ */
/* scoped resets (site file had these globally) */
.site-header,.crelio-cta,.crelio-footer{font-family:var(--cr-serif-paragraph);-webkit-font-smoothing:antialiased}
.site-header img,.crelio-cta img,.crelio-footer img{max-width:100%;display:block}
.site-header ul,.crelio-footer ul{padding-left:0!important;list-style:none;margin-bottom:0}
.site-header a,.crelio-cta a,.crelio-footer a{text-decoration:none;cursor:pointer}
.site-header em,.crelio-cta em,.crelio-footer em{font-style:normal}
/* ============== HEADER ============== */
.site-header{
position:fixed;top:0;left:0;right:0;z-index:1000;
transition:transform 350ms cubic-bezier(.4,0,.2,1),background-color 400ms ease,box-shadow 400ms ease,backdrop-filter 400ms ease;
background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 100%);
will-change:transform;
}
.site-header.is-hidden{transform:translateY(-100%)}
.site-header.is-scrolled,
.site-header.menu-open,
.site-header:has(.mega-item.is-open){
background:rgba(255,255,255,1);
backdrop-filter:saturate(180%) blur(12px);
-webkit-backdrop-filter:saturate(180%) blur(12px);
box-shadow:0 1px 0 rgba(15,23,42,.06);
}
.header-inner{padding:16px}
.logo-link{display:inline-flex}
.logo-img{height:44px;width:auto;filter:brightness(0) invert(1);transition:filter 400ms ease}
.site-header.is-scrolled .logo-img,
.site-header.menu-open .logo-img,
.site-header:has(.mega-item.is-open) .logo-img{filter:none}
.primary-nav{gap:32px}
.btn-demo{
display:inline-flex;align-items:center;justify-content:center;
padding:8px 12px;border-radius:100px;
background:#fff;color:rgba(14,14,14,1);
font-size:12px;font-weight:500;text-decoration:none;
transition:background 400ms ease,color 400ms ease;
cursor:pointer;line-height:16px;letter-spacing:-.01em;
}
.site-header.is-scrolled .btn-demo,
.site-header.menu-open .btn-demo,
.site-header:has(.mega-item.is-open) .btn-demo{background:rgba(14,14,14,1);color:#fff}
.nav-toggle{
width:40px;height:40px;border:0;background:transparent;
display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;
cursor:pointer;padding:0;
}
.nav-toggle span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:background 400ms ease}
.site-header.is-scrolled .nav-toggle span,
.site-header.menu-open .nav-toggle span,
.site-header:has(.mega-item.is-open) .nav-toggle span{background:#0f172a}
.mobile-nav{
display:none;flex-direction:column;gap:12px;
background:rgba(255,255,255,.98);padding:16px 24px 24px;
border-top:1px solid rgba(15,23,42,.06);
}
.mobile-nav.open{display:flex}
.mobile-nav a{color:#0f172a;text-decoration:none;font-weight:500;font-size:16px;padding:10px 20px}
.mobile-nav .btn-demo{background:rgba(14,14,14,1);color:#fff;align-self:flex-start}
@media (max-width:767px){
.header-inner{padding:12px 16px}
.nav-toggle{order:0;margin:0}
.logo-link{order:1;margin-left:6px;margin-right:auto}
.header-cta{order:2}
.logo-img{height:30px}
.btn-demo{padding:8px 12px;font-size:13px;box-shadow:0 3px 12px rgba(0,0,0,.2)}
}
@media (max-width:400px){
.btn-demo{padding:7px 13px;font-size:12px}
.logo-img{height:27px}
}
/* ============== CTA buttons ============== */
.btn-pill-cta{
display:inline-flex;align-items:center;justify-content:center;
padding:12px 16px;border-radius:99px;
font-size:16px;font-weight:500;text-decoration:none;
cursor:pointer;letter-spacing:-.02em;line-height:24px;transition:all .2s;
}
.btn-pill-cta:hover{transform:translateY(-3px)}
.btn-pill--white{background:#fff;color:rgba(7,11,18,1);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.btn-pill--white:hover{background:#fff;color:rgba(7,11,18,1);transform:translateY(-3px)}
.btn-pill--ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.btn-pill--ghost:hover{color:#fff;background:var(--cr-green);border:1px solid rgba(28,147,35,1);transform:translateY(-3px)}
/* ============== CTA ============== */
.crelio-cta{
--dome-h:max(300px,19vw);
position:relative;overflow:hidden;isolation:isolate;
padding:130px 16px calc(var(--dome-h) + 120px);
background:#000;color:#fff;text-align:center;
}
.cta-bg{
position:absolute;top:0;left:0;right:0;
width:100%;height:calc(100% - var(--dome-h));
object-fit:cover;opacity:.6;
-webkit-mask-image:linear-gradient(to bottom,#000 60%,transparent 100%);
mask-image:linear-gradient(to bottom,#000 60%,transparent 100%);
}
.cta-overlay{
position:absolute;inset:0;pointer-events:none;
}
.crelio-cta .dome{
position:absolute;left:0;right:0;bottom:0;
height:var(--dome-h);z-index:1;pointer-events:none;
background-color:#fff;
background-image:radial-gradient(140.64% 100% at 50% 100%,
rgba(255,255,255,0) 0%,rgba(255,255,255,.6) 38.07%,#00A62F 73.08%,#000 100%);
}
@supports (background:radial-gradient(circle,color(display-p3 1 1 1),#000)){
.crelio-cta .dome{
background-color:color(display-p3 1 1 1);
background-image:radial-gradient(140.64% 100% at 50% 100%,
color(display-p3 1 1 1 / 0) 0%,color(display-p3 1 1 1 / .6) 38.07%,
color(display-p3 .231 .639 .255) 73.08%,color(display-p3 0 0 0) 100%);
}
}
.crelio-cta::after{
content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
background-image:url('/assets/img/noise.png');
background-repeat:repeat;background-size:180px 180px;
mix-blend-mode:overlay;opacity:.55;
-webkit-mask-image:linear-gradient(to bottom,transparent 55%,#000 65%,#000 85%,transparent 98%);
mask-image:linear-gradient(to bottom,transparent 55%,#000 65%,#000 85%,transparent 98%);
}
.cta-inner{position:relative;z-index:3}
.cta-title{
font-family:var(--cr-serif);font-weight:400;
font-size:clamp(36px,5vw,52px);line-height:1.1;letter-spacing:-.02em;
margin:0 auto;padding-bottom:16px;text-wrap:balance;color:#fff;
}
.cta-sub{
color:rgba(255,255,255,.8);font-size:16px;line-height:22px;
letter-spacing:-.011em;padding-bottom:30px;
max-width:800px;margin:0 auto;
}
.cta-actions{display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:center}
.cta-actions .btn-pill i{width:16px;height:16px}
/* ===== TRUST / SECURITY ===== */
.crelio-trust { padding: 100px 16px; background: #fff; }
.crelio-trust .trust-heading {
margin: 10px 0 48px;
}
.crelio-trust .trust-grid { max-width: 1320px; margin: 0 auto; }
.trust-dark {
background: #0a0a0a; color: #fff; border-radius: 20px;
padding: 36px 32px; height: 100%;
}
.trust-dark-eyebrow { color: #3FD15F; font-size: 14px; font-weight: 500; margin-bottom: 8px; }
.trust-dark-title { font-size: 24px; font-weight: 500; margin: 0 0 22px; letter-spacing: -2%;line-height: 32px; }
.trust-list { list-style: none; padding: 0; margin: 0 0 28px; display: flex; flex-direction: column; gap: 14px; }
.trust-list li { display: flex; align-items: center; gap: 12px; font-size: 14px; color: rgba(255,255,255,.92);font-weight: 400;line-height: 20px;letter-spacing: -1%; }
.trust-list .ck {
width: 26px; height: 26px; border-radius: 50%;
background: rgba(63,209,95,.16); color: #3FD15F;
display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.trust-list .ck i { width: 14px; height: 14px; }
.trust-chips { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 22px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.08); }
.mono-chip {
border: 1px solid rgba(255,255,255,.18);
padding: 6px 12px; border-radius: 6px;
}
.trust-chips {
display: flex;flex-wrap: wrap;gap: 10px;
}
.trust-chips .mono-chip{
height: 70px;
}
.trust-grid-cards {
display: grid; grid-template-columns: repeat(3, 1fr);
border: 1px solid #ececec; border-radius: 20px; overflow: hidden;
height: 100%;
transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.trust-cell { padding: 26px 22px; border-right: 1px solid #ececec; border-bottom: 1px solid #ececec; background: #fff; }
.trust-cell:nth-child(3n) { border-right: 0; }
.trust-cell:nth-child(n+4) { border-bottom: 0; }
.trust-ic { color: #00A82D; margin-bottom: 14px; }
.trust-ic i { width: 22px; height: 22px; }
.trust-cell h4 { font-size: 16px; font-weight: 500; margin: 0 0 8px; color: rgba(14, 14, 14, 1);line-height: 24px;letter-spacing: -2%; }
.trust-cell p { font-size: 14px; line-height: 20px; color: rgba(78, 78, 78, 1); margin: 0;letter-spacing: -1%;font-weight: 400; }
.trust-grid-cards:hover {
transform: translateY(-4px);
border-color: rgba(0,168,45,.3);
box-shadow: 0 20px 40px -20px rgba(0,168,45,.18);
}
.display-mobile {
display: none;
}
@media (max-width: 991px) {
.trust-grid-cards { grid-template-columns: repeat(2, 1fr); }
.trust-cell { border-right: 1px solid #ececec; border-bottom: 1px solid #ececec; }
.trust-cell:nth-child(3n) { border-right: 1px solid #ececec; }
.trust-cell:nth-child(2n) { border-right: 0; }
.trust-cell:nth-last-child(-n+2) { border-bottom: 0; }
}
@media (max-width: 575px) {
.trust-grid-cards { grid-template-columns: 1fr; }
.trust-cell, .trust-cell:nth-child(n) { border-right: 0; border-bottom: 1px solid #ececec; }
.trust-cell:last-child { border-bottom: 0; }
}
@media (max-width: 767px) {
.crelio-trust, .crelio-pricing { padding: 60px 16px 50px;}
}
/* ============== FOOTER ============== */
.footer-links li{display:inline-flex}
.crelio-footer{background:#fff;padding:0 16px 32px}
.footer-logo{gap:20px;display:flex;flex-wrap:wrap}
.crelio-footer .footer-top{position:relative;border:none}
.crelio-footer .footer-top .h5{
font-size:14px;margin-bottom:6px;color:rgba(14,14,14,1);
font-weight:500;letter-spacing:-.02em;line-height:20px;
font-family:var(--cr-serif-paragraph);
}
.crelio-footer .footer-top ul li{padding:10px 0 0 0;display:flex;align-items:center}
.crelio-footer .footer-top .footer-links ul li:first-child{padding-top:0}
.crelio-footer .footer-top ul li a{
font-size:14px;line-height:20px;letter-spacing:-.01em;
color:rgba(78,78,78,1);font-weight:400;text-decoration:none;cursor:pointer;
}
.crelio-footer .footer-top ul li a:hover{color:var(--cr-green)}
.footer__widget__social a{
display:inline-block;height:35px;width:35px;line-height:42px;
text-align:center;background:#fff0;margin-right:10px;
}
.footer-bottom{
display:flex;align-items:center;justify-content:space-between;
flex-wrap:wrap;gap:16px;margin-top:56px;padding-top:24px;
border-top:.75px solid rgba(235,235,235,1);
}
.footer-copy{margin:0;font-size:14px;color:rgba(78,78,78,1)}
.footer-legal{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:0;margin:0;padding:0}
.footer-legal li a{position:relative;font-size:13px;line-height:20px;letter-spacing:-.006em;padding:0 10px}
.footer-legal li + li a::before{
content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
width:.6px;height:14px;background:rgba(186,186,186,1);
}
.footer-legal li:first-child{padding-left:0}
.footer-legal li:last-child{padding-right:0}
.footer-legal a{font-size:14px;color:rgba(78,78,78,1);text-decoration:none}
.footer-legal a:hover{color:var(--cr-green)}
@media (max-width:991px){.footer-logo{display:block}}
/* ######################## resources update — Oct 2026 ######################## */
/* Paste at the END of crelio-resources.css */
/* ── Customer Stories: 7 tabs sit in one scrollable row ── */
.rs-spot__tabs{grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(210px,1fr);overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}
.rs-spot__tabs::-webkit-scrollbar{display:none}
.rs-spot__tab{scroll-snap-align:start}
/* ── Product Updates card ── */
/* Product Updates card: same dual-window layout as Tailored Portals; release-note rows light in turn */
.rs-notes .rs-notes__win .ui-row{transition:border-color .4s,background .4s}
.rs-notes .rs-notes__win .ui-row.is-on{border-color:rgba(0,168,45,.35);background:rgba(232,247,236,.5)}
.rs-notes__toast{position:absolute;top:14px;right:16px;z-index:3;display:flex;align-items:center;gap:8px;
padding:8px 13px 8px 11px;border-radius:999px;background:var(--ink);color:#fff;box-shadow:0 12px 24px -10px rgba(0,0,0,.45)}
.rs-notes__toast b{font-size:11px;line-height:14px;font-weight:600;letter-spacing:-.01em;white-space:nowrap}
.rs-notes__ping{position:relative;width:8px;height:8px;border-radius:50%;background:#3FD15F;flex:none}
html.cr-motion .rs-notes.is-live .rs-notes__ping::after{content:"";position:absolute;inset:-4px;border-radius:50%;
border:2px solid rgba(63,209,95,.6);animation:rsPing 1.6s ease-out infinite}
@keyframes rsPing{from{transform:scale(.6);opacity:1}to{transform:scale(1.8);opacity:0}}
/* ── AI-Powered Lab Solutions card visuals ── */
/* ── AI Centric card visuals: dark dotted panels, green glow (ref: "Exceptional lab operations") ── */
.rs-az{position:relative;width:100%;height:100%;border-radius:14px;overflow:hidden;border:1px solid rgba(63,209,95,.14);
background:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.3px) 0 0/14px 14px,
radial-gradient(70% 60% at 50% 100%,rgba(63,209,95,.16),transparent 70%),
radial-gradient(60% 50% at 0% 0%,rgba(63,209,95,.08),transparent 70%),#070A07;
display:flex;align-items:center;justify-content:center;color:#EAF0EA;font-size:11px}
.rs-az__ic{width:18px;height:18px}
/* 1 · step flow */
.rs-az__steps{display:flex;align-items:flex-start;gap:4px;padding:0 6px}
.rs-az__st{display:flex;flex-direction:column;align-items:center;gap:0;width:50px}
.rs-az__n{position:relative;z-index:1;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:9.5px;font-weight:600;
background:#0B0F0B;border:1px solid rgba(255,255,255,.14);color:#EAF0EA;margin-bottom:-9px;transition:background .4s,border-color .4s}
.rs-az__tile{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:#0B0F0B;border:1px solid rgba(255,255,255,.12);
color:rgba(255,255,255,.8);transition:background .4s,border-color .4s,color .4s,box-shadow .4s}
.rs-az__lb{margin-top:9px;font-size:10px;color:rgba(255,255,255,.62);white-space:nowrap;transition:color .4s}
.rs-az__st.is-on .rs-az__n{background:#3E9A3E;border-color:#5DBB5B}
.rs-az__st.is-on .rs-az__tile{background:linear-gradient(160deg,#2C6B2C,#1A4A1C);border-color:rgba(93,187,91,.55);color:#fff;box-shadow:0 0 18px -4px rgba(63,209,95,.45)}
.rs-az__st.is-on .rs-az__lb{color:#fff}
.rs-az__arr{width:10px;height:1.5px;margin-top:33px;background:rgba(255,255,255,.18);position:relative;flex:none}
.rs-az__arr::after{content:"";position:absolute;right:-1px;top:-3px;border:3.5px solid transparent;border-left:4px solid rgba(255,255,255,.18);border-right:0}
.rs-az__st.is-on+.rs-az__arr{background:var(--g2)}.rs-az__st.is-on+.rs-az__arr::after{border-left-color:var(--g2)}
/* 2 · ask + results */
.rs-az--ask{flex-direction:column;align-items:stretch;justify-content:center;gap:12px;padding:16px}
.rs-az__q{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(63,209,95,.35);
box-shadow:0 0 22px -8px rgba(63,209,95,.5)}
.rs-az__qi{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(160deg,#6CC56A,#3E9A3E);color:#fff;flex:none}
.rs-az__qi .rs-az__ic{width:15px;height:15px}
.rs-az__qt{font-size:11.5px;color:#fff;white-space:nowrap;overflow:hidden}
.rs-az__caret{display:inline-block;width:1.5px;height:12px;margin-left:2px;vertical-align:-2px;background:var(--g2)}
html.cr-motion .rs-az__caret{animation:rsAzBlink 1s steps(1) infinite}
@keyframes rsAzBlink{50%{opacity:0}}
.rs-az__res{display:flex;flex-direction:column;gap:6px}
.rs-az__a{display:flex;align-items:flex-start;gap:9px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}
.rs-az__a>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.rs-az__a b{font-size:11px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-az__a em{font-style:normal;font-size:9.5px;color:rgba(255,255,255,.5)}
.rs-az__d{width:6px;height:6px;border-radius:50%;background:var(--g2);margin-top:4px;flex:none;box-shadow:0 0 0 3px rgba(63,209,95,.15)}
/* 3 · anomaly alert */
.rs-az--alert{padding:0 16px}
.rs-az__ghost{position:absolute;left:34px;right:34px;height:40px;border:1px solid rgba(255,255,255,.1);border-radius:12px}
.rs-az__ghost--t{top:-26px}.rs-az__ghost--b{bottom:-26px}
.rs-az__card{position:relative;width:100%;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:#0B0F0B;
box-shadow:0 18px 40px -18px rgba(0,0,0,.9)}
.rs-az__ch{display:flex;align-items:center;gap:9px;padding:9px 12px;font-size:12px;font-weight:500;color:#fff;background:linear-gradient(180deg,#5DAF5A,#4C9C4A)}
.rs-az__ping{position:relative;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 3px #4C9C4A,0 0 0 1.5px rgba(255,255,255,.7);flex:none}
html.cr-motion .rs-az__ping::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid rgba(255,255,255,.7);animation:rsPing 1.8s ease-out infinite}
.rs-az__kv{display:grid;grid-template-columns:1.25fr 1fr;gap:10px 12px;padding:11px 12px 12px}
.rs-az__kv span{display:block;font-size:9.5px;color:rgba(255,255,255,.5);margin-bottom:2px}
.rs-az__kv b{display:flex;align-items:center;gap:5px;font-size:12.5px;font-weight:500;color:#fff}
.rs-az__warn{width:14px;height:14px;color:#F06A5A}
/* 4 · report hub */
.rs-az--hub{justify-content:flex-start;padding:0 18px 0 22px}
.rs-az__core{width:64px;height:64px;border-radius:14px;display:grid;place-items:center;flex:none;color:#fff;
background:linear-gradient(160deg,#6CC56A,#3E9A3E);box-shadow:0 0 30px -6px rgba(63,209,95,.55)}
.rs-az__ci{width:30px;height:30px}
.rs-az__stem{width:20px;height:1.5px;background:rgba(255,255,255,.22);flex:none}
.rs-az__br{position:relative;display:flex;flex-direction:column;gap:16px;padding-left:20px;border-left:1.5px solid rgba(255,255,255,.22);padding-block:2px}
.rs-az__leaf{position:relative;display:flex;align-items:center;gap:8px}
.rs-az__leaf::before{content:"";position:absolute;left:-20px;top:50%;width:14px;height:1.5px;background:rgba(255,255,255,.22)}
.rs-az__dot{width:7px;height:7px;border-radius:50%;background:#2E6B30;flex:none;margin-left:-6px;transition:background .4s,box-shadow .4s}
.rs-az__li{width:15px;height:15px;color:rgba(93,187,91,.75);transition:color .4s}
.rs-az__leaf b{font-size:12.5px;font-weight:500;color:rgba(255,255,255,.72);transition:color .4s}
.rs-az__leaf.is-on .rs-az__dot{background:var(--g2);box-shadow:0 0 0 4px rgba(63,209,95,.18)}
.rs-az__leaf.is-on .rs-az__li{color:var(--g2)}
.rs-az__leaf.is-on b{color:#fff}
/* ── Past Events: 2026 · 2025 · 2024 ── */
.rs-tl{grid-template-columns:1fr 2fr 1fr}
.rs-tl__yr[data-yr="2025"] .rs-tl__evs{--c:2}
@media(max-width:991px){.rs-tl{grid-template-columns:1fr}}
/* ── Featured In ── */
/* ── FEATURED IN (from resources-v2_1): hairline grid of article cards, arrows step one column ── */
.rs-fi-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.rs-fi-count{font-size:14px;line-height:20px;color:#8A8F8A;font-variant-numeric:tabular-nums}
.rs-fi-count b{color:#fff;font-weight:500}
.rs-fi-arrows{display:flex;gap:10px}
.rs-fi-arrow{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid rgba(255,255,255,.22);background:transparent;color:#fff;transition:background .25s,border-color .25s,opacity .25s}
.rs-fi-arrow:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.5)}
.rs-fi-arrow[disabled]{opacity:.3;cursor:default}
.rs-fi-arrow{position:relative;z-index:2;pointer-events:auto}
.rs-fi-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rs-fi-barx{margin-top:-8px}
.rs-fi-scroll{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
overscroll-behavior-x:contain;border-top:1px solid var(--lined)}
.rs-fi-scroll::-webkit-scrollbar{display:none}
/* six columns, two rows; three columns fit the frame, the arrows reveal the rest */
.rs-fi{display:grid;width:200%;grid-template-columns:repeat(5,minmax(0,1fr))}
.rs-fi a{display:flex;flex-direction:column;min-height:220px;padding:28px 26px 26px;
border-bottom:1px solid var(--lined);border-right:1px solid var(--lined);
text-decoration:none;color:#fff;transition:background .3s var(--ease)}
.rs-fi a{scroll-snap-align:start}
.rs-fi a:nth-child(6n){border-right:0}
.rs-fi a:hover{background:rgba(255,255,255,.035)}
.rs-fi span{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.05em;
text-transform:uppercase;color:#8E948E}
.rs-fi p{margin:14px 0 20px;font-size:18px;line-height:26px;font-weight:500;
letter-spacing:-.02em;color:#fff}
.rs-fi svg{margin-top:auto;width:20px;height:20px;fill:none;stroke:#8E948E;stroke-width:2;
stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s,transform .3s var(--ease)}
.rs-fi a:hover svg{stroke:var(--g2);transform:translate(3px,-3px)}
.rs-fi__img{margin:0 0 20px;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#1A1D1A;
border:1px solid var(--lined)}
.rs-fi__img img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.85);
transition:transform .6s var(--ease),filter .4s}
.rs-fi a:hover .rs-fi__img img{transform:scale(1.04);filter:saturate(1)}
@media(max-width:1180px){.rs-fi{width:300%}}
@media(max-width:575px){.rs-fi{width:528%}.rs-fi a{min-height:0}}
/* ── CTA banner: the Wall of Labs (as resources-v) behind the closing CTA ── */
.crelio-cta .rs-ctawall{opacity:1;overflow:hidden;z-index:0}
.crelio-cta .rs-ctawall .rs-labwall{position:absolute;inset:-10px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;align-content:center;opacity:.9}
.crelio-cta .rs-labwall__f{aspect-ratio:1;border-radius:12px;background-size:cover;background-position:center;opacity:.34;transition:opacity 1.1s ease,transform 1.1s var(--ease),box-shadow 1.1s ease}
.crelio-cta .rs-labwall__veil{position:absolute;inset:0;background:radial-gradient(56% 64% at 50% 50%,rgba(0,0,0,.94) 0%,rgba(0,0,0,.82) 50%,rgba(0,0,0,.30) 100%)}
html.cr-motion .crelio-cta .rs-labwall__f{filter:grayscale(1)}
html.cr-motion .crelio-cta .rs-labwall__f.on{opacity:1;filter:none;transform:scale(1.06);box-shadow:0 0 0 2px var(--g2)}
@media(max-width:1199px){.crelio-cta .rs-ctawall .rs-labwall{grid-template-columns:repeat(9,minmax(0,1fr))}}
@media(max-width:991px){.crelio-cta .rs-ctawall .rs-labwall{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:575px){.crelio-cta .rs-ctawall .rs-labwall{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Product Overview — static images (Tailored Portals slider + Product Updates) */
.rs-pimg{position:absolute;inset:0;background:linear-gradient(160deg,#F4F7F5,#EAF3EC);display:flex;align-items:center;justify-content:center}
.rs-pimg__i{position:absolute;inset:18px 18px 34px;width:calc(100% - 36px);height:calc(100% - 52px);object-fit:contain;opacity:0;transform:scale(.985);transition:opacity .9s cubic-bezier(.4,0,.2,1),transform .9s cubic-bezier(.4,0,.2,1)}
.rs-pimg__i.is-on{opacity:1;transform:none}
.rs-pimg__i--contain{inset:12px;width:calc(100% - 24px);height:calc(100% - 24px)}
.rs-pimg__dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:6px}
.rs-pimg__dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#C9D3CC;cursor:pointer;transition:background .3s,width .3s}
.rs-pimg__dots button.is-on{width:18px;border-radius:999px;background:var(--g)}
.rs-pimg__dots button:focus-visible{outline:2px solid var(--g);outline-offset:2px}