/* home-v2-audit.css — 2026-09-21 audit session. New hero headline glyphs (.ghx-*) and the Five-taps section (.ft-*) replacing .wu80. See UI-CHANGES.md §6–7. */
.gh-mark{width:100px;height:auto}
.gh-h1-x{display:flex;flex-direction:column;align-items:center;gap:.04em;text-wrap:balance}
.ghx-line{display:inline-flex;align-items:center;gap:.16em}
.ghx-av{display:inline-block;vertical-align:middle;width:.86em;height:.86em;border-radius:999px;overflow:hidden;background:#F2EBDD;box-shadow:0 1px 0 rgba(20,17,13,.06),0 10px 24px -12px rgba(45,30,15,.35);animation:ghPop .9s cubic-bezier(.2,.8,.2,1) both,ghFloat 5.2s ease-in-out 1s infinite}
.ghx-av{position:relative}
.ghx-av-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ghx-av-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .4s}
.ghx-av-vid.is-ready{opacity:1}
.ghx-obj{display:inline-block;vertical-align:middle;width:1.25em;height:1.25em;margin-left:-.06em;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 10px 14px rgba(45,30,15,.22));animation:ghPop .9s cubic-bezier(.2,.8,.2,1) .25s both,ghTilt 6.4s ease-in-out 1.2s infinite}
.ghx-rotor{display:inline-grid;grid-template-columns:1fr;justify-items:center}
.ghx-row{grid-area:1/1;display:inline-flex;align-items:center;gap:.16em;white-space:nowrap;animation:ghRot 10.5s ease-in-out var(--d,0s) infinite both}
.ghx-row em{font-style:italic;font-weight:420}
@keyframes ghFloat{0%,100%{transform:translateY(0) rotate(-2.5deg)}50%{transform:translateY(-5px) rotate(2.5deg)}}
@keyframes ghTilt{0%,100%{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-4px) rotate(-3deg)}}
@keyframes ghPop{0%{transform:scale(.6) rotate(-8deg);opacity:0}60%{transform:scale(1.06) rotate(1deg);opacity:1}100%{transform:scale(1) rotate(0);opacity:1}}
@keyframes ghRot{0%{opacity:0;transform:translateY(.35em)}7%{opacity:1;transform:translateY(0)}30%{opacity:1;transform:translateY(0)}37%{opacity:0;transform:translateY(-.35em)}100%{opacity:0;transform:translateY(-.35em)}}
/* Five taps */
.ft{padding:clamp(72px,8vw,120px) 0 clamp(72px,8vw,110px);background:var(--bg)}
.ft-head{display:flex;justify-content:space-between;gap:24px}
.ft-eyebrow{font-family:var(--mono);font-weight:500;font-size:13px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.ft-h{font-family:var(--serif);font-weight:420;font-size:clamp(42px,4.6vw,72px);line-height:1.02;letter-spacing:-.022em;margin:18px 0 0;max-width:14ch}
.ft-h em{font-style:italic;font-weight:420}
.ft-stage{position:relative;margin-top:clamp(28px,4vw,56px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) 230px;align-items:end;border-bottom:1px solid var(--ink)}
.ft-stage::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(0,0,0,.06) 0 1px,transparent 1px 3px);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 25%);mask-image:linear-gradient(180deg,transparent 0,#000 25%)}
.ft-count{display:contents}
.ft-big{font-family:var(--serif);font-weight:420;font-size:clamp(120px,15vw,196px);line-height:.82;letter-spacing:-.05em;color:#1a1714;padding:0 18px 34px 0;border-right:1px solid var(--line);margin-left:-.04em}
.ft-big+.ft-big{padding-left:22px}
.ft-figure{position:relative;display:flex;align-items:flex-end;justify-content:center;height:100%}
.ft-figure img{position:relative;z-index:2;width:240px;height:auto;display:block;margin-bottom:-2px}
.ft-ghost{display:none}
.ft-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) 230px}
.ft-tap{display:flex;flex-direction:column;gap:10px;padding:22px 18px 0 0;border-right:1px solid var(--line)}
.ft-tap+.ft-tap{padding-left:22px}
.ft-num{display:none}
.ft-k{font-family:var(--mono);font-weight:500;font-size:13px;letter-spacing:.13em;color:var(--muted);order:-1}
.ft-k-b{color:#1a1714}
.ft-t{font-family:var(--serif);font-weight:440;font-size:clamp(22px,2vw,26px);line-height:1.1;letter-spacing:-.014em;color:var(--ink)}
.ft-zero{display:none}
.ft-foot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:end;margin-top:clamp(36px,4vw,56px)}
.ft-zero-h{font-family:var(--serif);font-weight:420;font-size:clamp(64px,9vw,118px);line-height:.92;letter-spacing:-.03em;margin:0;display:flex;align-items:baseline;gap:.12em}
.ft-zero-h em{font-style:italic;font-weight:420}
.ft-o{color:transparent;-webkit-text-stroke:1.5px var(--ink);font-size:1.3em;line-height:.8}
.ft-p{font-size:var(--fs-body,clamp(20px,1.9vw,26px));line-height:1.5;color:var(--ink-soft);margin:0 0 10px;text-wrap:pretty}
@media (max-width:760px){
.ft-head{flex-direction:column;gap:6px}
.ft-eyebrow-r{display:none}
.ft-h{font-size:46px;line-height:1;letter-spacing:-.024em;max-width:none}
.ft-stage{display:flex;align-items:flex-end;justify-content:center;margin-top:18px}
.ft-count{display:none}
.ft-figure{width:100%;justify-content:center}
.ft-figure img{width:250px}
.ft-ghost{display:block;position:absolute;bottom:8px;font-family:var(--serif);font-weight:420;font-size:150px;line-height:.8;letter-spacing:-.06em;z-index:1}
.ft-ghost-l{left:0;color:#1a1714}
.ft-ghost-r{right:0;color:transparent;-webkit-text-stroke:1.2px var(--ink)}
.ft-list{display:flex;flex-direction:column;padding-top:6px}
.ft-tap{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:0 12px;align-items:baseline;padding:16px 0;border-right:0;border-bottom:1px solid var(--line)}
.ft-tap+.ft-tap{padding-left:0}
.ft-num{display:block;font-family:var(--serif);font-weight:420;font-size:30px;line-height:1;letter-spacing:-.03em;color:#1a1714}
.ft-num-o{color:transparent;-webkit-text-stroke:1px var(--ink)}
.ft-k{order:0;font-size:11.5px;letter-spacing:.1em}
.ft-t{font-size:22px}
.ft-tap:nth-child(5){border-bottom:1px solid var(--ink)}
.ft-zero{display:grid;border-bottom:0;padding-top:18px}
.ft-foot{display:block;margin-top:26px}
.ft-zero-h{display:none}
.ft-p{font-size:19px}
.gh-h1-x{font-size:clamp(34px,9vw,42px)}
}
@media (prefers-reduced-motion:reduce){.ghx-av,.ghx-obj{animation:none}.ghx-row{animation:none}.ghx-row:not(:first-child){display:none}}
/* ---- How it works → autoplay reel (24s loop, 4 slides × 6s). Timing lives in --reel-len / --i. */
.reel-sec .hw-grid{display:none}
.reel-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.reel-head .hw-title{margin:0;justify-content:center}
.reel-eyebrow{font-family:var(--mono);font-weight:500;font-size:13px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);white-space:nowrap;order:-1}
.reel{--reel-len:24s;--slide:6s;container-type:size;position:relative;margin:clamp(28px,4vw,48px) auto 0;max-width:920px;aspect-ratio:16/10;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#F6F4EF 0%,#F2F1EE 100%);border:1px solid rgba(26,23,20,.08);color:var(--ink);box-shadow:0 1px 0 rgba(20,17,13,.03),0 1px 2px rgba(20,17,13,.04),0 40px 90px -40px rgba(45,30,15,.28)}
.reel::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(0,0,0,.025) 0 1px,transparent 1px 3px)}
.reel-slide{position:absolute;inset:0;display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);justify-items:center;gap:clamp(18px,2.6vw,30px);padding:clamp(40px,5vw,64px) clamp(28px,4vw,60px) 0;opacity:0;animation:reelSlide var(--reel-len) cubic-bezier(.2,.8,.2,1) calc(var(--i) * var(--slide)) infinite both}
.reel-intro{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:22px;padding:0 60px;animation-name:reelIntro}
.reel-intro-h{font-family:var(--serif);font-weight:420;font-size:clamp(44px,6.4vw,104px);line-height:.96;letter-spacing:-.026em;text-wrap:balance}
.reel-intro-h em{font-style:italic;font-weight:420}
.reel-intro-s{font-size:var(--fs-support,clamp(18px,1.5vw,21px));color:var(--muted)}
.reel-cap{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;max-width:640px}
.reel-k{font-family:var(--mono);font-weight:500;font-size:13px;letter-spacing:.13em;color:var(--muted)}
.reel-t{font-family:var(--serif);font-weight:440;font-size:clamp(28px,3.2vw,48px);line-height:1.06;letter-spacing:-.016em}
.reel-s{font-size:var(--fs-support,clamp(18px,1.5vw,21px));line-height:1.45;color:var(--ink-soft);text-wrap:pretty}
.reel-win{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:0;width:100%}
.reel-win .hw-uiwrap{width:min(100%,58cqh);max-width:520px;margin:0 auto;align-self:flex-end;height:var(--fit-h,auto);overflow:visible;filter:drop-shadow(0 30px 40px rgba(45,30,15,.18))}
.reel-win .hw-ui{margin-bottom:-6%;border-radius:22px 22px 0 0!important;animation:none!important;box-shadow:none!important}
.reel-bar{position:absolute;left:50%;transform:translateX(-50%);width:min(60%,320px);top:22px;z-index:6;display:flex;gap:6px}
.reel-bar i{flex:1;height:2px;border-radius:2px;background:rgba(26,23,20,.12);overflow:hidden;position:relative}
.reel-bar i::after{content:"";position:absolute;inset:0;background:var(--ink);transform-origin:left;transform:scaleX(0);animation:reelBar var(--reel-len) linear calc(var(--i) * var(--slide)) infinite both}
@keyframes reelSlide{0%{opacity:0;transform:translateY(24px)}3%{opacity:1;transform:translateY(0)}23%{opacity:1;transform:translateY(0)}26%{opacity:0;transform:translateY(-16px)}100%{opacity:0;transform:translateY(-16px)}}
@keyframes reelIntro{0%{opacity:0;transform:scale(.97)}3%{opacity:1;transform:scale(1)}23%{opacity:1;transform:scale(1)}26%{opacity:0;transform:scale(1.02)}100%{opacity:0}}
@keyframes reelBar{0%{transform:scaleX(0)}25%{transform:scaleX(1)}100%{transform:scaleX(1)}}
@media (max-width:760px){
.reel-head{flex-direction:column;align-items:flex-start;gap:4px}
.reel{aspect-ratio:9/13}
.reel-slide{padding:52px 22px 0}
.reel-cap{padding-bottom:18px}
.reel-win{align-items:flex-end}
.reel-win .hw-uiwrap{width:min(100%,52cqh)}
.reel-intro{padding:0 22px}
}
@media (prefers-reduced-motion:reduce){
.reel-slide,.reel-bar i::after{animation:none}
.reel-slide{opacity:0}.reel-slide[style*="--i:1"]{opacity:1}
}
/* ---- Paper sea: the hero's pile continues as an endless bed; "The best way to screen" takes over on top of it */
.paper-sea{position:relative;height:clamp(200px,26vw,320px);margin-top:-1px;overflow:hidden;background:var(--bg);z-index:1}
.paper-sea-tile{position:absolute;left:-10%;right:-10%;top:-12%;height:150%;background:url("../img/v2/paper-strip-mirror.png") repeat-x center top/340px auto;transform:translate3d(0,calc(var(--sy,0) * -0.14px),0);will-change:transform}
.paper-sea-tile-2{display:none}
.paper-sea::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(250,249,245,0) 0,rgba(250,249,245,0) 55%,rgba(250,249,245,.55) 100%)}
.paper-sea::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(0,0,0,.05) 0 1px,transparent 1px 3px)}
.takeover{position:relative;z-index:3;margin-top:calc(-1 * var(--take-up, clamp(40px,5vw,72px)));background:var(--bg);border-radius:28px 28px 0 0;box-shadow:0 -1px 0 rgba(20,17,13,.06),0 -40px 80px -40px rgba(45,30,15,.35);padding-top:clamp(56px,7vw,96px)}
@media (max-width:760px){.paper-sea{height:220px}.takeover{border-radius:20px 20px 0 0}}
@media (prefers-reduced-motion:reduce){.paper-sea-tile{transform:none}}
.ghx-obj[src*="439a6a49"]{width:1.5em;height:1.5em;transform:rotate(-8deg)}
.ghx-obj[src*="1d231a98"]{width:1.35em;height:1.35em}
.gh-mark{display:none}
/* The hero's own pile is the bed: the takeover rises across it; the logo ticker (z 4) stays above the section edge as a pill on the rule */
.yc-hero .hero-figure,.yc-hero .hero-paper-fill,.yc-hero .hero-char{transform:translate3d(0,var(--sy-fig,0px),0)!important;transition:none!important}
@media (max-width:760px){.takeover{margin-top:-44px}}
/* Hero: breathing room above the headline (Charles: "more top padding") */
.gh-head{padding-top:clamp(56px,7vw,110px)}
@media (max-width:760px){.gh-head{padding-top:40px}}
/* Pile: full-width fill only — no lift, nothing else moves */
.yc-hero .hero-paper-fill{left:0!important;right:0!important;width:auto!important;height:var(--fig-h,140px)!important;bottom:calc(-1 * clamp(40px,5vw,80px))!important;background-size:auto 100%!important;background-position:right bottom!important}
/* Pile sits on the hero's bottom edge; nothing clips it (Charles: "bring it lower, don't cut off the stack") */
.yc-hero .hero-figure,.yc-hero .hero-char{bottom:calc(-1 * clamp(40px,5vw,80px))!important}
.yc-hero,.yc-hero .yc-morph,.yc-hero .ym-intro-sec{overflow:visible!important}
.yc-hero .hero-figure{z-index:2}
/* Nav: always collapsed — hamburger at every width (Charles) */
.menu{display:none!important}
.hamburger{display:flex!important}
.nav-actions{margin-left:auto}
.mobile-nav{max-width:420px;left:auto;box-shadow:-24px 0 60px -30px rgba(20,17,13,.35)}
@media (max-width:760px){.mobile-nav{max-width:none;left:0;box-shadow:none}}
/* §13 — the takeover is now a real parallax: the hero pins at its last frame (bottom-aligned, pile included)
and "The best way to screen" scrolls up across it. Scope ends after .hw-checks, so the hero releases before
the reel — nothing bleeds through later sections. */
.take-scope{position:relative;overflow:visible}
.take-scope>.yc-hero{position:sticky!important;top:var(--hero-pin,0px);z-index:1}
.take-scope>.takeover{z-index:3}
@media (prefers-reduced-motion:reduce){.take-scope>.yc-hero{position:relative!important;top:auto!important}}
/* §13 follow-up 2026-09-21: supporting line under the How-it-works title */
.reel-head .hw-sub{margin:0;max-width:56ch;font-family:var(--sans);font-size:var(--fs-support,18px);line-height:1.5;color:var(--ink-soft,var(--muted));text-wrap:pretty}
/* 2026-09-21: animated Carousel mark above the hero headline */
.gh-head .gh-mark{display:block;margin:0 auto 10px;height:clamp(64px,6vw,96px);width:auto}
/* 2026-09-21 Charles: "move this up" — tighter top padding above the mark + headline */
.gh-head{padding-top:clamp(20px,3vw,44px)!important}
.gh-head .gh-mark{margin-bottom:4px}
/* ---- 2026-09-21 Charles: "composer looks cheap". Two-row card: the field alone on top, controls on a
second row (payer + Modify checks left, send right). Hairline edge, one quiet shadow, no inner pills fighting. */
.gh-composer{padding:8px 8px 8px!important;border-radius:24px!important;background:#fff;border:1px solid rgba(26,24,21,.10)!important;box-shadow:0 1px 0 rgba(26,24,21,.03),0 1px 2px rgba(26,24,21,.05),0 24px 48px -28px rgba(26,24,21,.28)!important;transition:box-shadow .2s,border-color .2s}
.gh-composer:focus-within{border-color:rgba(26,24,21,.22)!important;box-shadow:0 1px 0 rgba(26,24,21,.03),0 1px 2px rgba(26,24,21,.05),0 28px 56px -28px rgba(26,24,21,.34)!important}
.gh-row{min-height:0!important;padding:12px 14px 4px 16px!important;gap:0!important}
.gh-input{font-size:18px!important;line-height:1.35!important;padding:6px 0!important;letter-spacing:-.006em}
.gh-input::placeholder{color:rgba(26,24,21,.40)!important}
.gh-opts{display:flex!important;align-items:center!important;gap:6px!important;padding:2px 4px 2px 8px!important;margin:0!important;flex-wrap:nowrap!important}
.gh-spacer{flex:1 1 auto;min-width:8px}
.gh-seg{padding:3px!important;border:1px solid rgba(26,24,21,.12)!important;background:#fff!important;border-radius:999px!important;gap:0!important}
.gh-seg button{height:30px!important;padding:0 13px!important;font-size:13.5px!important;font-weight:500!important;color:rgba(26,24,21,.58)!important;border-radius:999px!important;letter-spacing:-.003em}
.gh-seg button.on{background:var(--ink)!important;color:#fff!important;box-shadow:none!important;font-weight:600!important}
.gh-link{display:inline-flex!important;align-items:center;gap:7px;height:36px!important;padding:0 12px!important;border-radius:999px!important;font-size:13.5px!important;font-weight:500!important;color:rgba(26,24,21,.68)!important;text-decoration:none!important;background:#f3f2ee!important;transition:background .15s,color .15s}
.gh-link:hover,.gh-link:focus-visible{background:#eae8e2!important;color:var(--ink)!important}
.gh-send{width:40px!important;height:40px!important;border-radius:999px!important;background:var(--ink)!important;color:#fff!important;box-shadow:none!important}
.gh-send:hover{transform:none!important;background:#000!important}
.gh-send[disabled]{background:#e9e7e1!important;color:rgba(26,24,21,.38)!important}
.gh-ledger{margin:-24px 12px 0!important;border:1px solid rgba(26,24,21,.10)!important;border-top:0!important;border-radius:0 0 20px 20px!important;background:rgba(250,249,245,.9)!important}
.gh-ledger-gap{height:24px!important}
.gh-lrow{border-top:1px solid rgba(26,24,21,.08)!important;border-left:1px solid rgba(26,24,21,.08)!important;height:42px!important;font-size:13.5px!important;color:rgba(26,24,21,.72)!important}
.gh-lrow:first-child{border-left:0!important}
@media (max-width:560px){.gh-opts{flex-wrap:wrap!important}.gh-link span{display:none}}
/* 2026-09-21 Charles: hero headline tighter leading; more air between the mark and the headline */
.gh-h1-x{gap:0!important;line-height:1.02!important}
.gh-head .gh-mark{margin-bottom:clamp(22px,2.6vw,36px)!important}
.ghx-obj[src*="1d231a98"]{width:1.3em;height:1.3em;transform:rotate(-6deg)}
/* Five-check rail: three whole cards fit the wrap at rest — nothing is cut on first paint. Arrows still page. */
@media (min-width:1200px){
.hw5-rail{gap:18px;scroll-snap-type:x mandatory}
.hw5-card{width:calc((100% - 36px)/3)!important;min-width:0;scroll-snap-align:start}
}
/* Reel head: mark and text share one axis (centred), instead of a left mark over centred copy */
.reel-head{align-items:center!important;text-align:center!important;gap:12px!important}
.reel-head .hw-title{display:flex;flex-direction:column;align-items:center;gap:14px}
.reel-head .hw-mark{margin:0 auto!important;display:block}
/* ---- 2026-09-21 Charles: "drastically improve… much more cinematic, keep light mode".
Faster cadence (4.8s a slide), a 16:9 frame, an 80s plate behind every slide with a slow push-in and a cream
wash up top so the copy stays ink-on-light, staggered blur-in for the caption, and the UI card settling in
from a slight tilt. The product UIs themselves are untouched (screening-uis.js just runs 30% quicker). */
.reel{--reel-len:19.2s!important;--slide:4.8s!important;aspect-ratio:16/9!important;max-width:1040px!important;border-radius:28px!important;background:#EFECE5!important;border:1px solid rgba(26,23,20,.10)!important;box-shadow:0 1px 0 rgba(20,17,13,.03),0 2px 6px rgba(20,17,13,.05),0 60px 120px -50px rgba(45,30,15,.35)!important}
.reel::after{background:none!important}
.reel-slide{padding:clamp(34px,4.2vw,56px) clamp(28px,4vw,60px) 0!important;gap:clamp(14px,2vw,24px)!important;animation-name:reelSlideX!important;animation-timing-function:cubic-bezier(.2,.7,.2,1)!important}
.reel-slide::before{content:"";position:absolute;inset:-4%;z-index:-1;background:center/cover no-repeat;transform:scale(1);animation:reelPlate var(--reel-len) linear calc(var(--i) * var(--slide)) infinite both}
.reel-slide::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(250,249,245,.96) 0%,rgba(250,249,245,.9) 30%,rgba(250,249,245,.55) 52%,rgba(250,249,245,0) 78%)}
.reel-slide{isolation:isolate}
.reel-intro{animation-name:reelIntroX!important}
.reel-intro::after{background:linear-gradient(180deg,rgba(250,249,245,.92) 0%,rgba(250,249,245,.86) 100%)}
.reel-intro-h{font-size:clamp(46px,6.8vw,112px)!important;line-height:.94!important}
.reel-cap>*{animation:reelWord var(--reel-len) cubic-bezier(.2,.7,.2,1) calc(var(--i) * var(--slide) + var(--w,0s)) infinite both}
.reel-cap .reel-k{--w:.05s}.reel-cap .reel-t{--w:.14s}.reel-cap .reel-s{--w:.24s}
.reel-intro>*{animation:reelWord var(--reel-len) cubic-bezier(.2,.7,.2,1) calc(var(--i) * var(--slide) + var(--w,0s)) infinite both}
.reel-intro>img{--w:0s}.reel-intro>.reel-intro-h{--w:.12s}.reel-intro>.reel-intro-s{--w:.26s}
.reel-win{perspective:1400px}
.reel-win .hw-uiwrap{animation:reelCard var(--reel-len) cubic-bezier(.2,.7,.2,1) calc(var(--i) * var(--slide) + .3s) infinite both;filter:drop-shadow(0 40px 50px rgba(30,20,10,.28))!important;width:min(100%,62cqh)!important;max-width:560px!important}
.reel-bar{top:18px!important;width:min(56%,300px)!important}
.reel-bar i{height:3px!important;background:rgba(26,23,20,.14)!important}
@keyframes reelSlideX{0%{opacity:0}2.5%{opacity:1}22.5%{opacity:1}25%{opacity:0}100%{opacity:0}}
@keyframes reelIntroX{0%{opacity:0}2.5%{opacity:1}22.5%{opacity:1}25%{opacity:0}100%{opacity:0}}
@keyframes reelPlate{0%{transform:scale(1.10) translateY(1.5%)}25%{transform:scale(1) translateY(0)}100%{transform:scale(1) translateY(0)}}
@keyframes reelWord{0%{opacity:0;transform:translateY(22px);filter:blur(10px)}4.5%{opacity:1;transform:translateY(0);filter:blur(0)}22%{opacity:1;transform:translateY(0);filter:blur(0)}25%{opacity:0;transform:translateY(-14px);filter:blur(6px)}100%{opacity:0}}
@keyframes reelCard{0%{opacity:0;transform:translateY(80px) rotateX(10deg) scale(.96)}6%{opacity:1;transform:translateY(0) rotateX(0) scale(1)}22%{opacity:1;transform:translateY(0) rotateX(0) scale(1)}25%{opacity:0;transform:translateY(-30px) scale(.985)}100%{opacity:0}}
@media (max-width:760px){.reel{aspect-ratio:9/13!important}.reel-win .hw-uiwrap{width:min(100%,54cqh)!important}}
@media (prefers-reduced-motion:reduce){.reel-slide::before,.reel-cap>*,.reel-intro>*,.reel-win .hw-uiwrap{animation:none!important}}
/* plates per slide — resolved relative to this sheet */
.reel-slide[style*="--i:0"]::before{background-image:url(../img/v2/hero-plate.jpg)}
.reel-slide[style*="--i:1"]::before{background-image:url(../img/v2/cobalt-teller.jpg)}
.reel-slide[style*="--i:2"]::before{background-image:url(../img/v2/curtain-id-blue.jpg)}
.reel-slide[style*="--i:3"]::before{background-image:url(../img/v2/curtain-stamp-green.jpg)}
/* rail sized against its own box; overflow hidden at rest so no partial card shows */
/* the rail bleeds 48px past .hw5 on both sides (negative margin + padding); size cards to the visible .hw5 box
and hide the bleed at rest so no partial card shows on first paint */
@media (min-width:1200px){.hw5{overflow:hidden}.hw5-rail{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.hw5-card{width:calc((100% - 36px)/3)!important}}
/* ---- 2026-09-21 Charles: "the gradients are awful" — no washes. Plates only on the three step slides, shown as a
clean cropped band behind the product card; caption sits on flat cream above it. Intro is a flat cream card,
no plate, no image. */
.reel-slide::after{display:none!important}
.reel-intro::after{display:none!important}
.reel-intro::before{display:none!important}
.reel-intro{background:#F6F4EF}
.reel-slide:not(.reel-intro)::before{inset:auto 0 0 0!important;height:58%!important;background-position:center 35%!important;border-radius:0!important}
.reel-slide:not(.reel-intro){background:#F6F4EF}
.reel-cap{position:relative;z-index:2}
.reel-intro>img{display:none}
.reel-intro-h{font-size:clamp(46px,6.8vw,112px)!important;line-height:.94!important;color:var(--ink)}
/* ---- 2026-09-21 Charles: match the reference composer's rhythm. Card padding 16px sides / 14px top; field on
its own row with 8px under it; a 28px-tall controls row; 20px radius; a single hairline and a barely-there
shadow. Quiet greys, no black-on-white pill — the only ink is the send button. */
.gh-composer{padding:14px 16px 14px!important;border-radius:20px!important;border:1px solid rgba(26,24,21,.11)!important;box-shadow:0 1px 2px rgba(26,24,21,.04)!important}
.gh-composer:focus-within{border-color:rgba(26,24,21,.20)!important;box-shadow:0 1px 2px rgba(26,24,21,.04),0 0 0 4px rgba(26,24,21,.04)!important}
.gh-row{padding:0 2px 0 2px!important;min-height:0!important}
.gh-input{font-size:16px!important;line-height:24px!important;padding:2px 0 0!important;letter-spacing:0}
.gh-input::placeholder{color:rgba(26,24,21,.46)!important}
.gh-opts{padding:0!important;margin:24px 0 0!important;gap:8px!important;min-height:36px}
.gh-seg{padding:0!important;border:1px solid rgba(26,24,21,.12)!important;background:#fff!important;height:36px;box-sizing:border-box}
.gh-seg button{height:34px!important;padding:0 14px!important;font-size:14px!important;font-weight:500!important;color:rgba(26,24,21,.72)!important;border-radius:999px!important}
.gh-seg button.on{background:#f0eee9!important;color:var(--ink)!important;font-weight:500!important;box-shadow:none!important}
.gh-link{height:36px!important;padding:0 14px!important;font-size:14px!important;color:rgba(26,24,21,.72)!important;background:#f3f2ee!important;gap:8px}
.gh-link:hover,.gh-link:focus-visible{background:#ebe9e3!important;color:var(--ink)!important}
.gh-send{width:36px!important;height:36px!important}
.gh-send svg{width:15px;height:15px}
.gh-ledger{margin:-20px 16px 0!important}
.gh-ledger-gap{height:20px!important}
/* 2026-09-21 Charles: "hate these" (photo props) — ink line glyphs in the ledger's icon style instead */
.ghx-glyph{width:.72em!important;height:.72em!important;margin-left:.02em!important;color:var(--ink);opacity:.85;filter:none!important;transform:none!important;stroke-width:1.5}
/* ---- 2026-09-21 Charles: "drastically improve this" (hero head). Bigger, tighter, calmer: one mark at a
confident size, a two-line headline set large with tight tracking, the avatar as the only inline object,
no props on the rotor line. */
.gh-head .gh-mark{height:clamp(84px,8.5vw,132px)!important;margin-bottom:clamp(26px,3vw,44px)!important}
.gh-h1-x{font-size:clamp(44px,7.2vw,104px)!important;line-height:.98!important;letter-spacing:-.028em!important;gap:.02em!important}
.gh-h1-x .ghx-line{gap:.14em}
.ghx-av{width:.78em!important;height:.78em!important;box-shadow:0 1px 0 rgba(20,17,13,.06),0 14px 30px -14px rgba(45,30,15,.4)!important}
.ghx-row{gap:.12em!important}
.ghx-row em{font-weight:400!important;letter-spacing:-.03em}
.ghx-glyph{display:none!important}
.gh-sub{margin-top:clamp(18px,2vw,28px)}
/* 2026-09-21 Charles: "hand above composer" — the figure layers over the composer/ledger; it is pointer-events:none */
.yc-hero .ym-intro-sec>.hero-figure{z-index:6!important;pointer-events:none}
.yc-hero .ym-intro-sec>.ym-body{z-index:1!important}
/* ---- 2026-09-21 Charles: rotor "more one at a time, the letters" — each phrase types in letter by letter
(30ms a glyph), holds, then the row lifts out as one. Row cycle unchanged at 10.5s / 3.5s a phrase. */
.ghx-row{animation:ghRotRow 10.5s ease-in-out var(--d,0s) infinite both!important}
.ghx-type{display:inline-flex}
.ghx-type i{font-style:inherit;display:inline-block;opacity:0;transform:translateY(.18em);animation:ghGlyph 10.5s cubic-bezier(.2,.8,.2,1) calc(var(--d,0s) + var(--k) * .032s) infinite both}
@keyframes ghRotRow{0%{opacity:1;transform:translateY(0);visibility:visible}30%{opacity:1;transform:translateY(0);visibility:visible}33.3%{opacity:0;transform:translateY(-.3em);visibility:hidden}100%{opacity:0;transform:translateY(-.3em);visibility:hidden}}
@keyframes ghGlyph{0%{opacity:0;transform:translateY(.18em)}1.6%{opacity:1;transform:translateY(0)}33%{opacity:1;transform:translateY(0)}33.4%{opacity:0;transform:translateY(.18em)}100%{opacity:0;transform:translateY(.18em)}}
@media (prefers-reduced-motion:reduce){.ghx-type i{animation:none;opacity:1;transform:none}}
/* ---- 2026-09-21 Charles: "looks awful on mobile" — composer controls stay on ONE row under 560px:
compact payer pill, Modify checks collapses to its icon, send pinned right. Tighter card + ledger. */
@media (max-width:560px){
.gh-composer{padding:12px 12px 12px!important;border-radius:18px!important}
.gh-input{font-size:16px!important}
.gh-opts{flex-wrap:nowrap!important;margin-top:16px!important;gap:6px!important}
.gh-seg{height:34px}
.gh-seg button{height:32px!important;padding:0 11px!important;font-size:13px!important}
.gh-link{height:34px!important;width:34px!important;padding:0!important;justify-content:center;gap:0!important;font-size:0!important;flex:none}
.gh-link svg{width:15px;height:15px;font-size:14px}
.gh-spacer{flex:1 1 auto;min-width:4px}
.gh-send{width:34px!important;height:34px!important;flex:none}
.gh-ledger{margin:-18px 12px 0!important}
.gh-ledger-gap{height:18px!important}
.gh-lrow{height:40px!important;font-size:13px!important;padding:0 14px!important}
.gh-lrow:nth-child(3){display:none!important}
.gh-head .gh-mark{height:64px!important;margin-bottom:18px!important}
.gh-h1-x{font-size:clamp(34px,10.5vw,44px)!important}
}
/* rotor rows: nothing but the live row may paint — kills the overlapping "they" */
.ghx-row{visibility:hidden}
.ghx-row{animation-fill-mode:both!important}
/* ---- 2026-09-21 Charles: the counter rides IN the logo carousel at logo size, not as its own row */
.yc-hero.static .ym-logos .ym-lg-stat{display:inline-flex!important;align-items:center;gap:8px;opacity:.62!important;filter:grayscale(1) contrast(1.05)!important;font-weight:600!important;font-size:14px!important;color:#1a1815!important;font-variant-numeric:tabular-nums}
.ym-live-dot{width:6px;height:6px;border-radius:50%;background:#2f7d4f;animation:ymLive 2.2s ease-out infinite}
@keyframes ymLive{0%{box-shadow:0 0 0 0 rgba(47,125,79,.45)}70%{box-shadow:0 0 0 6px rgba(47,125,79,0)}100%{box-shadow:0 0 0 0 rgba(47,125,79,0)}}
.ym-odo{display:inline-flex;height:1em;line-height:1;font:inherit;overflow:hidden}
.ym-odo-d{position:relative;display:inline-block;width:.6em;height:1em;overflow:hidden}
.ym-odo-s{position:absolute;left:0;top:0;display:flex;flex-direction:column;transition:transform 1.1s cubic-bezier(.22,.8,.2,1)}
.ym-odo-s i{display:block;height:1em;line-height:1;font-style:normal;text-align:center}
.ym-odo-c{display:inline-block;width:.28em;text-align:center;line-height:1}
/* 2026-09-21 Charles: logo band — thin, off-white, sharp black text, smaller marks */
.yc-hero.static .ym-logos{background:#F4F2ED!important;border-top:1px solid rgba(26,24,21,.10)!important;box-shadow:none!important;padding:5px 0 6px!important}
.yc-hero.static .ym-logos .ym-lg,.yc-hero.static .ym-logos .ym-lg *{color:#1a1714!important}
.yc-hero.static .ym-logos .ym-lg{opacity:1!important;filter:none!important;font-size:12.5px!important;font-weight:600!important;gap:6px!important}
.yc-hero.static .ym-logos .ym-lg img{filter:grayscale(1) contrast(1.1)!important}
.yc-hero.static .ym-logos .ym-lg-capital-lynk img{height:16px!important}
.yc-hero.static .ym-logos .ym-lg-canacap img{height:9px!important;margin-top:2px}
.yc-hero.static .ym-logos .ym-lg-unity-leases img{height:11px!important}
.yc-hero.static .ym-logos .ym-logos-track{gap:clamp(26px,3vw,44px)!important}
.yc-hero.static .ym-logos .ym-lg-stat{color:#1a1714!important;opacity:1!important;filter:none!important;font-size:12.5px!important}
.ym-live-dot{width:5px;height:5px}
.yc-hero.static .ym-logos .ym-logos-vp{mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
/* 2026-09-21 Charles: "5 is not properly positioned" — first numeral hung past the column edge */
.ft-big{margin-left:0!important;padding-left:14px!important}
.ft-big+.ft-big{padding-left:22px!important}
/* ---- 2026-09-21 Charles: reel v3 — opens on the mark, zooms out to 24 soft-3D check objects (idle float),
sucks them into the mark, title, compose, sent, then the portal review UI. Ground = page cream. */
.reel .reel-slide,.reel .reel-bar{display:none!important}
.reel{aspect-ratio:16/9!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:hidden;position:relative;contain:paint}
.rx{position:absolute;inset:0;font-family:var(--sans);color:var(--ink)}
.rx-cam{position:absolute;inset:0;transform-origin:50% 50%;will-change:transform}
.rx-cam>*{position:absolute;opacity:0;will-change:transform,opacity,filter}
.rx-grid{inset:0;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);padding:clamp(14px,3%,30px) clamp(40px,8%,110px);gap:0;place-items:center;opacity:1}
.rx-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;height:100%;color:rgba(26,24,21,.7);font-size:clamp(9px,.9vw,12px);font-weight:500;opacity:0;will-change:transform,opacity,filter}
.rx-tile img{width:clamp(40px,6.2vw,84px);height:clamp(40px,6.2vw,84px);object-fit:contain;display:block;filter:drop-shadow(0 10px 14px rgba(26,24,21,.18));animation:rxFloat 4.2s ease-in-out infinite;animation-delay:var(--f,0ms)}
.rx-tile:nth-child(odd) img{animation-duration:5.1s;animation-name:rxFloat2}
@keyframes rxFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}
@keyframes rxFloat2{0%,100%{transform:translateY(-4px) rotate(2deg)}50%{transform:translateY(4px) rotate(-3deg)}}
.rx-tile span{white-space:nowrap}
.rx-ring{left:50%;top:50%;width:clamp(120px,16%,200px);aspect-ratio:1;border-radius:50%;border:2px solid rgba(26,24,21,.35);transform:translate(-50%,-50%) scale(.6)}
.rx-mark{left:50%;top:50%;width:clamp(96px,13%,160px);aspect-ratio:1;display:grid;place-items:center;transform:translate(-50%,-50%)}
.rx-mark img{width:130%;max-width:none;height:auto;display:block;filter:drop-shadow(0 18px 30px rgba(26,24,21,.22))}
.rx-title{left:0;right:0;top:50%;margin:0;transform:translateY(-50%);text-align:center;font-family:var(--serif);font-weight:400;font-size:clamp(34px,6.4vw,92px);line-height:1;letter-spacing:-.025em}
.rx-title em{font-style:italic}
.rx-w{display:inline-block;will-change:transform,opacity,filter}
.rx-composer{left:8%;right:8%;top:50%;height:clamp(64px,13%,120px);transform:translateY(-50%);border-radius:999px;background:#fff;border:1px solid rgba(26,24,21,.10);box-shadow:0 1px 2px rgba(26,24,21,.04),0 30px 60px -30px rgba(26,24,21,.3);display:flex;align-items:center;gap:clamp(14px,2vw,28px);padding:0 clamp(18px,3%,40px)}
.rx-plus{font-size:clamp(28px,4vw,56px);line-height:1;font-weight:300;color:rgba(26,24,21,.7)}
.rx-typed{font-family:var(--serif);font-size:clamp(22px,3.6vw,52px);letter-spacing:-.02em;white-space:nowrap;display:inline-flex}
.rx-typed i{font-style:normal;display:inline-block;will-change:transform,opacity}
.rx-caret{width:2px;height:1.1em;font-size:clamp(22px,3.6vw,52px);background:var(--ink);opacity:.8;animation:rxCaret 1s steps(1) infinite;margin-left:-4px}
@keyframes rxCaret{50%{opacity:0}}
.rx-send{margin-left:auto;width:clamp(36px,5%,56px);aspect-ratio:1;border-radius:50%;background:#e9e7e1;color:rgba(26,24,21,.4);display:grid;place-items:center;transition:background .25s,color .25s}
.rx-send.on{background:var(--ink);color:#fff}
.rx-dot{left:50%;top:50%;width:14px;height:14px;border-radius:50%;background:var(--ink);transform:translate(-50%,-50%)}
.rx-done{inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,1.6vw,20px);opacity:1}
.rx-done .rx-title{position:static;transform:none;opacity:1}
.rx-foot{margin:0;font-size:clamp(14px,1.6vw,22px);color:rgba(26,24,21,.62);opacity:0}
/* review UI (after the portal's Checks view) */
.rx-review{left:6%;right:6%;top:9%;bottom:0;background:#fff;border:1px solid rgba(26,24,21,.10);border-bottom:0;border-radius:18px 18px 0 0;box-shadow:0 1px 2px rgba(26,24,21,.04),0 -30px 80px -40px rgba(45,30,15,.3);display:flex;flex-direction:column;overflow:hidden;transform:translateY(60px);font-size:clamp(9px,1vw,13px)}
.rx-rv-head{display:flex;align-items:center;gap:1em;padding:1.1em 1.6em;border-bottom:1px solid rgba(26,24,21,.08)}
.rx-rv-av{width:2.8em;height:2.8em;border-radius:50%;background:#f0eee9;display:grid;place-items:center;font-family:var(--mono,monospace);font-size:.85em;letter-spacing:.05em}
.rx-rv-head small{display:block;font-family:var(--mono,monospace);font-size:.7em;letter-spacing:.14em;color:rgba(26,24,21,.55)}
.rx-rv-head b{font-size:1.25em;font-weight:600}
.rx-rv-tab{margin-left:auto;padding:.5em 1.2em;border-radius:999px;background:#f3f2ee;font-weight:500}
.rx-rv-body{display:grid;grid-template-columns:44% 56%;flex:1;min-height:0}
.rx-rv-list{padding:1.2em 1.4em;border-right:1px solid rgba(26,24,21,.08)}
.rx-rv-cap{display:flex;justify-content:space-between;font-family:var(--mono,monospace);font-size:.7em;letter-spacing:.14em;color:rgba(26,24,21,.55);padding:.4em 0 1em}
.rx-rv-row{display:flex;align-items:center;gap:1em;padding:1em .6em;border-top:1px solid rgba(26,24,21,.08);opacity:0;transform:translateX(-10px)}
.rx-rv-row.is-active{background:#f6f4ef;border-radius:8px;box-shadow:inset 3px 0 0 var(--ink)}
.rx-rv-row span{flex:1;min-width:0}
.rx-rv-row b{display:block;font-weight:600;font-size:1.05em}
.rx-rv-row small{color:rgba(26,24,21,.6)}
.rx-rv-row em{font-style:normal;font-family:var(--mono,monospace);color:rgba(26,24,21,.7)}
.rx-rv-ok{width:2.2em;height:2.2em;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;flex:none;transform:scale(0)}
.rx-rv-ok svg{width:1.1em;height:1.1em}
.rx-rv-panel{position:relative;padding:1.4em 1.8em;display:flex;flex-direction:column;gap:.4em}
.rx-rv-panel small{font-family:var(--mono,monospace);font-size:.72em;letter-spacing:.14em;color:rgba(26,24,21,.6)}
.rx-rv-pill{position:absolute;right:1.6em;top:1.4em;display:inline-flex;align-items:center;gap:.5em;padding:.45em 1em;border-radius:999px;background:#e8f1eb;color:#1f5c38;font-weight:600;transform:scale(0)}
.rx-rv-pill i{width:.55em;height:.55em;border-radius:50%;background:#2f7d4f}
.rx-rv-big{font-family:var(--serif);font-size:4.6em;line-height:1;letter-spacing:-.03em;margin:.1em 0 .1em;font-variant-numeric:tabular-nums}
.rx-rv-note{color:#1f5c38!important}
.rx-rv-chart{width:100%;height:auto;flex:1;min-height:0;margin-top:.6em;overflow:visible}
.rx-rv-line{stroke-dasharray:1000;stroke-dashoffset:1000}
.rx-rv-fill{opacity:0}
.rx-rv-pt{opacity:0}
.rx-rv-x{display:flex;justify-content:space-between;font-family:var(--mono,monospace);font-size:.7em;color:rgba(26,24,21,.5);padding-top:.4em}
@media (max-width:760px){.reel{aspect-ratio:4/5!important}.rx-grid{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);padding:4% 3%}.rx-tile img{width:14vw;height:14vw}.rx-mark{width:22%}.rx-tile span{display:none}.rx-composer{left:5%;right:5%}.rx-rv-body{grid-template-columns:1fr}.rx-rv-panel{display:none}}
.rx-intro{left:0;right:0;top:50%;margin:0;text-align:center;font-family:var(--serif);color:var(--ink);white-space:nowrap;display:flex;justify-content:center}
.rx-intro i{font-style:normal;display:inline-block;will-change:transform,opacity,filter}
.rx-intro1{transform:translateY(-50%);font-size:clamp(44px,8vw,120px);letter-spacing:-.03em;line-height:1}
.rx-intro2{transform:translateY(-50%) translateY(clamp(64px,9.5%,110px));font-size:clamp(26px,3.6vw,52px);letter-spacing:.02em;line-height:1;text-transform:uppercase;font-weight:500}
/* #how is now the takeover sheet (first section after the hero). Head gets the sheet's breathing room. */
.reel-sec.takeover{padding-top:clamp(56px,7vw,110px)}
/* no legacy fade/edge on the reel frame */
.reel::before,.reel::after{display:none!important;content:none!important}
.rx-review{box-shadow:none!important;border-radius:16px 16px 0 0!important}
/* 2026-09-21 Charles: reel head — no gear; tighter, quieter type */
.reel-head{gap:14px!important;padding-bottom:clamp(20px,3vw,40px)}
.reel-head .hw-title{display:block!important;font-size:clamp(34px,4.6vw,64px)!important;line-height:1.02!important;letter-spacing:-.028em!important;max-width:16ch;margin:0 auto}
.reel-head .hw-title .hw-hl{font-style:italic;font-weight:400}
.reel-head .hw-sub{font-size:clamp(15px,1.25vw,18px)!important;line-height:1.5!important;color:rgba(26,24,21,.6)!important;max-width:46ch!important;margin:0 auto!important;text-wrap:balance}
.reel-head{padding-top:clamp(40px,6vw,96px)!important;padding-bottom:clamp(28px,4vw,56px)!important;gap:clamp(16px,2vw,26px)!important}
.reel-sec.takeover{padding-top:0!important}
.reel-head .hw-sub{max-width:none!important;text-wrap:initial!important;white-space:nowrap}
@media (max-width:700px){.reel-head .hw-sub{white-space:normal}.reel-head .hw-sub br{display:none}}
/* 2026-09-21 Charles: "no space between the PDF and the logo carousel" / "logos not present" — the band now
sits on the top edge of the takeover sheet, so it rides with it and is never covered. Pile no longer parallaxes
(only the figure does), so it meets the sheet edge flush. */
.reel-sec.takeover{overflow:hidden}
.reel-sec.takeover .ym-logos{position:static!important;margin:0!important;padding:6px 0 7px!important;background:#F4F2ED!important;border-top:0!important;border-bottom:1px solid rgba(26,24,21,.10)!important;box-shadow:none!important;z-index:auto!important}
.reel-sec.takeover .ym-logos .ym-logos-cap{display:none}
.reel-sec.takeover .ym-logos .ym-lg,.reel-sec.takeover .ym-logos .ym-lg *{color:#1a1714!important}
.reel-sec.takeover .ym-logos .ym-lg{opacity:1!important;filter:none!important;font-family:var(--sans)!important;font-size:12.5px!important;font-weight:600!important;gap:6px!important;display:inline-flex;align-items:center;white-space:nowrap}
.reel-sec.takeover .ym-logos .ym-lg img{height:16px!important;width:auto!important;filter:grayscale(1) contrast(1.1)!important}
.reel-sec.takeover .ym-logos .ym-lg-canacap img{height:9px!important;margin-top:2px}
.reel-sec.takeover .ym-logos .ym-lg-unity-leases img{height:11px!important}
.reel-sec.takeover .ym-logos .ym-logos-vp{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.reel-sec.takeover .ym-logos .ym-logos-track{display:flex;align-items:center;gap:clamp(26px,3vw,44px);width:max-content;animation:ymMarq 46s linear infinite}
.reel-sec.takeover .ym-logos .ym-lg-stat{color:#1a1714!important}
/* Title beat, Muse-style: sentence with inline objects */
.rx-title-x{font-size:clamp(30px,5.4vw,78px)!important;line-height:1.12!important;letter-spacing:-.03em!important;font-family:var(--sans)!important;font-weight:600!important}
.rx-title-x .rx-w{vertical-align:middle}
.rx-inl{height:1.15em;width:auto;vertical-align:middle;margin:0 .04em;filter:drop-shadow(0 8px 14px rgba(26,24,21,.22));animation:rxFloat 4s ease-in-out infinite}
.rx-tile span{display:none!important}
.rx-tile img{width:clamp(48px,7.4vw,104px);height:clamp(48px,7.4vw,104px)}
/* tighter lip: band sits on the sheet edge, head follows closely */
.reel-sec.takeover .ym-logos{padding:8px 0 9px!important}
.reel-head{padding-top:clamp(28px,4vw,56px)!important}
.reel-sec.takeover .wrap{padding-top:0}
/* 2026-09-21 Charles: "no deadspace" — the hero script reserves the old ticker height (31px) under the pile;
the ticker now lives on the sheet, so the pile sits on the hero's bottom edge and the sheet's upward shadow goes. */
.yc-hero .hero-figure,.yc-hero .hero-paper-fill{bottom:0!important}
.yc-hero .hero-char{bottom:-80px!important}
.takeover{box-shadow:none!important}
.reel-sec.takeover .ym-logos{background:#F4F2ED!important;min-height:34px;display:flex!important;align-items:center}
.reel-sec.takeover .ym-logos .ym-logos-vp{width:100%}
.reel-sec.takeover .ym-logos .ym-lg{color:#1a1714!important;opacity:1!important;visibility:visible!important}
/* band: drop the edge mask (it was blanking the strip in some engines) — hard edges are fine on the lip */
.reel-sec.takeover .ym-logos .ym-logos-vp{mask:none!important;-webkit-mask:none!important;mask-image:none!important;-webkit-mask-image:none!important}
/* figure: she sits on the pile edge, not 80px under it */
.yc-hero .hero-char{bottom:0!important}
/* 2026-09-21 Charles: mobile — no Log in; figure must clear the ledger */
@media (max-width:1024px){.nav-actions .gh-login,.actions a.gh-login,a.gh-login{display:none!important}}
@media (max-width:1024px){.yc-hero .hero-char,.yc-hero .hero-figure,.yc-hero .hero-paper-fill{transform:none!important}}
.rx-ring{display:none!important}
.takeover,.reel-sec.takeover{border-radius:0!important}
.ym-odo-copy{font-variant-numeric:tabular-nums}
/* perf: no drop-shadow filter on the 24 objects (baked look via a soft ellipse instead), float paused while merging */
.rx-tile img{filter:none!important;will-change:transform}
.rx-tile{contain:layout paint}
.rx.is-merging .rx-tile img{animation-play-state:paused!important}
.rx-cam{transform-style:flat;backface-visibility:hidden}
/* 2026-09-21 Charles: small border + shadow back on the reel container */
.reel{border:1px solid rgba(26,24,21,.10)!important;border-radius:16px!important;box-shadow:0 1px 2px rgba(26,24,21,.04),0 24px 48px -28px rgba(45,30,15,.28)!important;background:var(--bg,#FAF9F5)!important}
/* 2026-09-21 Charles: ambient orbs behind the stage — soft radial gradients (no blur filter), slow drift */
.rx-orbs{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.rx-cam{z-index:1}
.rx-orb{position:absolute;border-radius:50%;will-change:transform;mix-blend-mode:multiply}
.rx-orb1{width:62%;aspect-ratio:1;left:-18%;top:-30%;background:radial-gradient(circle at 50% 50%,rgba(11,63,176,.20) 0%,rgba(11,63,176,.10) 35%,rgba(11,63,176,0) 70%);animation:rxOrb1 26s ease-in-out infinite alternate}
.rx-orb2{width:56%;aspect-ratio:1;right:-16%;bottom:-34%;background:radial-gradient(circle at 50% 50%,rgba(173,3,8,.16) 0%,rgba(173,3,8,.08) 35%,rgba(173,3,8,0) 70%);animation:rxOrb2 31s ease-in-out infinite alternate}
.rx-orb3{width:44%;aspect-ratio:1;left:34%;top:52%;background:radial-gradient(circle at 50% 50%,rgba(196,150,60,.16) 0%,rgba(196,150,60,.07) 40%,rgba(196,150,60,0) 70%);animation:rxOrb3 23s ease-in-out infinite alternate}
@keyframes rxOrb1{0%{transform:translate(0,0) scale(1)}100%{transform:translate(22%,18%) scale(1.15)}}
@keyframes rxOrb2{0%{transform:translate(0,0) scale(1.1)}100%{transform:translate(-24%,-16%) scale(.95)}}
@keyframes rxOrb3{0%{transform:translate(0,0) scale(.9)}100%{transform:translate(-18%,-30%) scale(1.2)}}
@media (prefers-reduced-motion:reduce){.rx-orb{animation:none}}
/* review card: real shadow; orbs stronger */
.rx-review{box-shadow:0 1px 2px rgba(26,24,21,.06),0 24px 60px -24px rgba(26,24,21,.35),0 60px 120px -40px rgba(45,30,15,.3)!important}
.rx-orb1{background:radial-gradient(circle at 50% 50%,rgba(11,63,176,.34) 0%,rgba(11,63,176,.16) 35%,rgba(11,63,176,0) 70%)}
.rx-orb2{background:radial-gradient(circle at 50% 50%,rgba(173,3,8,.28) 0%,rgba(173,3,8,.13) 35%,rgba(173,3,8,0) 70%)}
.rx-orb3{background:radial-gradient(circle at 50% 50%,rgba(196,150,60,.28) 0%,rgba(196,150,60,.12) 40%,rgba(196,150,60,0) 70%)}
.rx-orb1{animation-duration:14s}.rx-orb2{animation-duration:17s}.rx-orb3{animation-duration:12s}
/* mark = the black app icon; rounded tile with a soft lift */
.rx-mark img{width:100%!important;height:100%!important;max-width:none;object-fit:contain;border-radius:23%;filter:drop-shadow(0 18px 30px rgba(26,24,21,.3))!important;margin:0!important}
.rx-mark{width:clamp(88px,12%,150px)!important}
/* smaller mark; clip the PNG's light corner fringe by rounding the wrapper and oversizing the image a hair */
.rx-mark{width:clamp(64px,8.5%,104px)!important;overflow:hidden;border-radius:23%;background:#000;box-shadow:0 18px 30px -12px rgba(26,24,21,.35)}
.rx-mark img{width:104%!important;height:104%!important;margin:-2%!important;border-radius:0!important;filter:none!important;object-fit:cover}
.rx-mark{width:clamp(56px,7.2%,88px)!important}
/* review card on mobile: list on top, financial panel below (was hidden, leaving the card half-empty) */
@media (max-width:760px){
.rx-review{left:4%;right:4%;top:4%;font-size:clamp(10px,2.9vw,13px)}
.rx-rv-body{grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr)}
.rx-rv-list{border-right:0!important;border-bottom:1px solid rgba(26,24,21,.08);padding:.8em 1.2em}
.rx-rv-row{padding:.75em .5em}
.rx-rv-row:nth-child(5){display:none}
.rx-rv-panel{display:flex!important;padding:1.1em 1.4em;gap:.3em}
.rx-rv-big{font-size:3.6em}
.rx-rv-chart{max-height:34%}
.rx-rv-pill{top:1.1em;right:1.2em}
}
/* head paddings: even air above the heading and between subtitle and the video, on all widths */
.reel-head{padding-top:clamp(44px,7vw,96px)!important;padding-bottom:clamp(24px,4vw,48px)!important;gap:clamp(14px,2vw,24px)!important}
@media (max-width:700px){.reel-head{padding-top:44px!important;padding-bottom:26px!important}.reel-head .hw-title{font-size:clamp(32px,9.5vw,44px)!important}.reel-head .hw-sub{font-size:15px!important;max-width:34ch!important;margin:0 auto!important}}
/* review card v2: tighter rhythm, real chart with grid, dashed money-out, cursor + tooltip, meta row under the list */
.rx-rv-head{padding:1em 1.4em!important}
.rx-rv-list{display:flex;flex-direction:column;padding:1em 1.2em!important}
.rx-rv-cap{padding:.2em .2em .8em!important}
.rx-rv-row{padding:.85em .6em!important;gap:.9em!important}
.rx-rv-meta{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1em;padding:1em .4em 0;border-top:1px solid rgba(26,24,21,.08);opacity:0}
.rx-rv-meta small{display:block;font-family:var(--mono,monospace);font-size:.68em;letter-spacing:.14em;color:rgba(26,24,21,.55);margin-bottom:.3em}
.rx-rv-meta b{font-weight:600}
.rx-rv-panel{padding:1.2em 1.6em 1em!important;gap:.3em!important}
.rx-rv-panel>small:nth-of-type(1){margin-bottom:.1em}
.rx-rv-big{margin:.15em 0 .05em!important;font-size:4.2em!important}
.rx-rv-note{margin-bottom:.6em}
.rx-rv-chartwrap{position:relative;flex:1;min-height:0;margin-top:.4em}
.rx-rv-chart{position:absolute;inset:0;width:100%!important;height:100%!important;margin:0!important}
.rx-rv-out{stroke-dasharray:6 6;stroke-dashoffset:0;opacity:0}
.rx-rv-cursor{position:absolute;left:66.7%;top:0;bottom:0;width:1px;background:rgba(26,24,21,.25);transform:scaleY(0);transform-origin:bottom}
.rx-rv-pt{position:absolute;left:66.7%;top:25%;width:.9em;height:.9em;border-radius:50%;background:#2f7d4f;border:2px solid #fff;box-shadow:0 0 0 0 rgba(47,125,79,.35);transform:translate(-50%,-50%) scale(0);opacity:1!important}
.rx-rv-pt.on{animation:rxPulse 2s ease-out infinite}
@keyframes rxPulse{0%{box-shadow:0 0 0 0 rgba(47,125,79,.35)}100%{box-shadow:0 0 0 14px rgba(47,125,79,0)}}
.rx-rv-tip{position:absolute;left:66.7%;top:25%;transform:translate(-50%,-150%) translateY(-.6em) scale(.9);white-space:nowrap;background:#fff;border:1px solid rgba(26,24,21,.10);border-radius:999px;padding:.4em .9em;font-family:var(--mono,monospace);font-size:.8em;color:rgba(26,24,21,.75);box-shadow:0 8px 20px -10px rgba(26,24,21,.3);opacity:0}
.rx-rv-tip b{color:var(--ink);font-weight:600}
.rx-rv-x{padding-top:.5em!important}
.rx-rv-legend{display:flex;gap:1.4em;font-size:.85em;color:rgba(26,24,21,.7);padding-top:.5em;opacity:0}
.rx-rv-legend i{display:inline-block;width:1.4em;height:0;border-top:3px solid #2f7d4f;vertical-align:middle;margin-right:.5em;border-radius:2px}
.rx-rv-legend i.out{border-top:2px dashed rgba(26,24,21,.45)}
@media (max-width:760px){.rx-rv-meta{display:none}.rx-rv-legend{display:none}.rx-rv-chartwrap{min-height:30%}}
/* ---- 2026-09-21 Charles: cobalt / 80s treatment for the reel (serif display, scanlines, cobalt + manila light) */
.rx-title-x{font-family:var(--serif)!important;font-weight:400!important;letter-spacing:-.03em!important;line-height:1.05!important;font-size:clamp(34px,6.2vw,92px)!important}
.rx-title-x .rx-w:nth-child(1),.rx-title-x em{font-style:italic}
.rx-title-x .rx-w{vertical-align:baseline}
.rx-inl{height:1.02em;vertical-align:-.16em;margin:0 .06em}
.rx::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(0,0,0,.045) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}
.rx-orb1{background:radial-gradient(circle at 50% 50%,rgba(11,63,176,.42) 0%,rgba(11,63,176,.18) 38%,rgba(11,63,176,0) 70%);width:70%;left:-22%;top:-36%}
.rx-orb2{background:radial-gradient(circle at 50% 50%,rgba(233,196,120,.40) 0%,rgba(233,196,120,.16) 38%,rgba(233,196,120,0) 70%)}
.rx-orb3{background:radial-gradient(circle at 50% 50%,rgba(11,63,176,.22) 0%,rgba(11,63,176,.08) 40%,rgba(11,63,176,0) 70%)}
.rx-send.on{background:#0B3FB0!important}
.rx-dot{background:#0B3FB0!important}
.rx-composer{border-color:rgba(11,63,176,.18)!important}
.rx-plus{color:#0B3FB0!important}
.rx-rv-av{background:#0B3FB0!important;color:#fff}
.rx-rv-row.is-active{box-shadow:inset 3px 0 0 #0B3FB0!important}
.rx-rv-tab{background:#0B3FB0!important;color:#fff}
/* cobalt / 80s through the whole reel: review card on cream paper, cobalt data, mono captions */
.rx-review{background:#FBFAF6!important;border-color:rgba(26,24,21,.12)!important}
.rx-rv-head{background:#F4F2ED;border-bottom-color:rgba(26,24,21,.12)!important}
.rx-rv-row{border-top-color:rgba(26,24,21,.10)!important}
.rx-rv-row.is-active{background:#EEF2FB!important}
.rx-rv-ok{background:#0B3FB0!important}
.rx-rv-row em{color:#0B3FB0!important}
.rx-rv-big{color:#0B3FB0}
.rx-rv-pt{background:#0B3FB0!important;box-shadow:0 0 0 0 rgba(11,63,176,.35)}
@keyframes rxPulse{0%{box-shadow:0 0 0 0 rgba(11,63,176,.35)}100%{box-shadow:0 0 0 14px rgba(11,63,176,0)}}
.rx-rv-cursor{background:rgba(11,63,176,.4)!important}
.rx-rv-tip{border-color:rgba(11,63,176,.25)!important;background:#fff!important}
.rx-rv-tip b{color:#0B3FB0!important}
.rx-rv-legend i.in{border-top-color:#0B3FB0!important}
.rx-rv-note{color:#0B3FB0!important}
.rx-rv-pill{background:#E8F1EB;color:#1f5c38}
.rx-rv-chartwrap::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(0,0,0,.035) 0 1px,transparent 1px 3px);pointer-events:none}
.rx-composer{background:#FBFAF6!important}
.rx-typed{color:#0B3FB0}
.rx-tile img{filter:saturate(1.05) contrast(1.02)!important}
.rx-caret{background:#0B3FB0!important}
/* 2026-09-21 Charles: no head, video full-bleed under the logo band */
.reel-sec .reel-head{display:none!important}
.reel-sec.takeover .wrap{max-width:none!important;padding:0!important;margin:0!important;width:100%}
.reel{max-width:none!important;width:100%!important;margin:0!important;border-radius:0!important;border:0!important;border-bottom:1px solid rgba(26,24,21,.10)!important;box-shadow:none!important;aspect-ratio:16/8!important}
@media (max-width:760px){.reel{aspect-ratio:4/5!important}}
.reel-sec.takeover{padding-bottom:0!important}
/* 2026-09-21 Charles: quieter colour, light pooled low so the stage reads as the page; VHS scanlines kept */
.rx-orbs{-webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.35) 40%,#000 100%);mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.35) 40%,#000 100%)}
.rx-orb1{background:radial-gradient(circle at 50% 50%,rgba(11,63,176,.16) 0%,rgba(11,63,176,.07) 38%,rgba(11,63,176,0) 70%)!important;left:-16%;top:auto;bottom:-46%;width:70%}
.rx-orb2{background:radial-gradient(circle at 50% 50%,rgba(233,196,120,.18) 0%,rgba(233,196,120,.07) 38%,rgba(233,196,120,0) 70%)!important;right:-14%;bottom:-40%}
.rx-orb3{background:radial-gradient(circle at 50% 50%,rgba(11,63,176,.09) 0%,rgba(11,63,176,.03) 40%,rgba(11,63,176,0) 70%)!important;left:30%;top:auto;bottom:-30%}
@keyframes rxOrb1{0%{transform:translate(0,0) scale(1)}100%{transform:translate(18%,-6%) scale(1.12)}}
@keyframes rxOrb2{0%{transform:translate(0,0) scale(1.05)}100%{transform:translate(-20%,-8%) scale(.95)}}
@keyframes rxOrb3{0%{transform:translate(0,0) scale(.95)}100%{transform:translate(-14%,-10%) scale(1.15)}}
.reel{border-bottom:0!important}
.rx::after{background:repeating-linear-gradient(180deg,rgba(0,0,0,.035) 0 1px,transparent 1px 3px)}
/* stage fills the viewport height; orbs barely there */
.reel{aspect-ratio:auto!important;height:calc(100vh - 34px)!important;min-height:520px;max-height:1100px}
@media (max-width:760px){.reel{height:calc(100svh - 34px)!important;min-height:560px}}
.rx-orb1{background:radial-gradient(circle at 50% 50%,rgba(11,63,176,.10) 0%,rgba(11,63,176,.04) 38%,rgba(11,63,176,0) 70%)!important}
.rx-orb2{background:radial-gradient(circle at 50% 50%,rgba(233,196,120,.11) 0%,rgba(233,196,120,.04) 38%,rgba(233,196,120,0) 70%)!important}
.rx-orb3{background:radial-gradient(circle at 50% 50%,rgba(11,63,176,.06) 0%,rgba(11,63,176,.02) 40%,rgba(11,63,176,0) 70%)!important}
/* ---- HER beat: the applicant receives the text; the checks happen to her */
.rx-her{inset:0;opacity:1}
.rx-her>*{position:absolute;opacity:0;will-change:transform,opacity}
.rx-her-fig{left:50%;bottom:-2%;height:88%;width:auto;transform:translateX(-50%) translateY(12%);filter:drop-shadow(0 30px 40px rgba(26,24,21,.25))}
.rx-her-note{left:50%;top:14%;transform:translateX(-50%) translateX(-42%) translateY(10px) scale(.92);display:flex;gap:.8em;align-items:flex-start;width:min(360px,68%);padding:.8em .95em;background:rgba(255,255,255,.92);border:1px solid rgba(26,24,21,.10);border-radius:16px;box-shadow:0 20px 40px -20px rgba(26,24,21,.35);font-size:clamp(11px,1.15vw,15px);backdrop-filter:blur(8px)}
.rx-her-app{width:2.6em;height:2.6em;border-radius:24%;overflow:hidden;flex:none;background:#000}
.rx-her-app img{width:104%;height:104%;margin:-2%;display:block}
.rx-her-note b{font-weight:600}.rx-her-note small{margin-left:.6em;color:rgba(26,24,21,.5)}
.rx-her-note em{display:block;font-style:normal;color:rgba(26,24,21,.8);margin-top:.15em}
.rx-her-step{display:flex;align-items:center;gap:.6em;padding:.5em .9em .5em .5em;background:#fff;border:1px solid rgba(26,24,21,.10);border-radius:999px;font-size:clamp(11px,1.1vw,14px);font-weight:500;box-shadow:0 12px 30px -16px rgba(26,24,21,.35);transform:scale(.6)}
.rx-her-step img{width:2.2em;height:2.2em;object-fit:contain}
.rx-her-s1{left:12%;top:36%}.rx-her-s2{right:12%;top:30%}.rx-her-s3{left:16%;top:58%}
.rx-her-done{left:50%;top:14%;transform:translateX(-50%) translateY(10px);display:inline-flex;align-items:center;gap:.6em;padding:.6em 1.1em;border-radius:999px;background:#0B3FB0;color:#fff;font-weight:600;font-size:clamp(12px,1.2vw,16px);box-shadow:0 16px 36px -16px rgba(11,63,176,.6)}
.rx-her-done i{width:.6em;height:.6em;border-radius:50%;background:#fff}
@media (max-width:760px){.rx-her-fig{height:70%}.rx-her-note{width:80%;top:8%;transform:translateX(-50%) translateY(10px) scale(.92)}.rx-her-s1{left:4%;top:34%}.rx-her-s2{right:4%;top:44%}.rx-her-s3{left:6%;top:62%}.rx-her-step span{display:none}.rx-her-step{padding:.5em}}
/* text message instead of an email composer */
.rx-to{left:8%;right:8%;top:50%;transform:translateY(-50%) translateY(calc(-1 * clamp(52px,8.5%,80px)));font-size:clamp(12px,1.2vw,15px);color:rgba(26,24,21,.6);padding-left:clamp(18px,3%,40px)}
.rx-to b{color:var(--ink);font-weight:600}
.rx-composer{border-radius:26px!important;height:auto!important;min-height:clamp(60px,12%,110px);padding:clamp(14px,2%,24px) clamp(18px,3%,40px)!important;align-items:center}
.rx-typed{font-family:var(--sans)!important;font-size:clamp(16px,2.2vw,32px)!important;letter-spacing:-.01em!important;color:var(--ink)!important;white-space:normal!important;display:inline!important;line-height:1.3}
.rx-typed i{display:inline!important}
.rx-caret{height:1.1em;font-size:clamp(16px,2.2vw,32px)}
.rx-plus{display:none}
/* stopwatch */
.rx-watch{right:6%;top:8%;display:inline-flex;align-items:center;gap:.5em;padding:.4em .9em .4em .5em;background:#fff;border:1px solid rgba(26,24,21,.10);border-radius:999px;font-family:var(--mono,monospace);font-size:clamp(12px,1.3vw,18px);box-shadow:0 12px 30px -16px rgba(26,24,21,.35);transform:translateY(-10px)}
.rx-watch img{width:1.9em;height:1.9em;object-fit:contain}
.rx-watch b{font-weight:600;font-variant-numeric:tabular-nums;min-width:3.2ch}
/* review: two rows, one human line */
.rx-rv-row:nth-child(3),.rx-rv-row:nth-child(5){display:none!important}
.rx-rv-human{margin:.2em 0 .6em;font-family:var(--serif);font-size:1.5em;line-height:1.2;letter-spacing:-.01em;color:var(--ink)}
.rx-rv-human b{font-weight:500;color:#0B3FB0}
/* end card */
.rx-end{opacity:0}
/* 2026-09-21 Charles: messaging-app look, no person. The compose beat is a chat thread; the HER beat becomes
Sarah's replies arriving as bubbles (with the objects as attachments). */
.rx-her-fig{display:none!important}
.rx-to{left:50%;right:auto;top:10%;transform:translateX(-50%);padding:0!important;text-align:center;font-size:clamp(12px,1.2vw,15px)}
.rx-to::before{content:"";display:block;width:2.6em;height:2.6em;border-radius:50%;background:#0B3FB0;color:#fff;margin:0 auto .5em}
.rx-composer{left:50%!important;right:auto!important;top:auto!important;bottom:8%!important;width:min(560px,84%)!important;transform:none!important;border-radius:22px 22px 6px 22px!important;background:#0B3FB0!important;border:0!important;color:#fff;box-shadow:0 20px 40px -22px rgba(11,63,176,.6)!important}
.rx-typed,.rx-typed i{color:#fff!important}
.rx-caret{background:#fff!important}
.rx-send{background:rgba(255,255,255,.22)!important;color:#fff!important}
.rx-send.on{background:#fff!important;color:#0B3FB0!important}
.rx-dot{display:none!important}
/* incoming bubbles (left-aligned, cream) */
.rx-her-note{left:8%!important;top:auto!important;bottom:8%!important;transform:none!important;width:min(520px,84%)!important;border-radius:22px 22px 22px 6px!important;background:#F1EFE9!important;border:0!important;box-shadow:none!important;font-size:clamp(13px,1.35vw,17px)!important}
.rx-her-note .rx-her-app{display:none}
.rx-her-note b{display:none}.rx-her-note small{display:none}
.rx-her-note em{margin:0!important;color:var(--ink)!important}
.rx-her-step{position:absolute!important;left:8%!important;right:auto!important;top:auto!important;border-radius:22px 22px 22px 6px!important;background:#F1EFE9!important;border:0!important;box-shadow:none!important;padding:.7em 1.1em .7em .8em!important;font-size:clamp(13px,1.35vw,17px)!important;transform:none}
.rx-her-s1{bottom:calc(8% + 5.2em)!important}.rx-her-s2{bottom:calc(8% + 9.2em)!important}.rx-her-s3{bottom:calc(8% + 13.2em)!important}
.rx-her-step img{width:1.7em!important;height:1.7em!important}
.rx-her-step span{display:inline!important}
.rx-her-step span::before{content:"✓ "}
.rx-her-done{left:auto!important;right:8%!important;top:auto!important;bottom:8%!important;transform:none!important;border-radius:22px 22px 6px 22px!important;font-weight:500!important;font-size:clamp(13px,1.35vw,17px)!important;padding:.7em 1.1em!important}
.rx-watch{top:10%!important;right:auto!important;left:50%!important;transform:translateX(-50%)!important}
.rx-watch img{display:none}
@media (max-width:760px){.rx-her-step span{display:inline!important}}
/* focus: no hard black rule around the composer; quiet ring on the card instead */
.gh-input,.gh-input:focus,.gh-input:focus-visible{outline:none!important;box-shadow:none!important;border:0!important}
.gh-composer:focus-within{border-color:rgba(26,24,21,.24)!important;box-shadow:0 1px 2px rgba(26,24,21,.04),0 0 0 3px rgba(26,24,21,.05)!important;outline:none!important}
.gh-composer *:focus-visible{outline:none!important}
/* hero headline a step smaller */
.gh-h1-x{font-size:clamp(40px,6.2vw,88px)!important}
@media (max-width:560px){.gh-h1-x{font-size:clamp(30px,9.2vw,40px)!important}}
/* 2026-09-21 Charles: back to a contained stage, no scanlines */
.reel-sec.takeover .wrap{max-width:var(--wrap,1180px)!important;padding:0 clamp(22px,4vw,48px)!important;margin:0 auto!important}
.reel{max-width:1040px!important;margin:clamp(28px,4vw,56px) auto clamp(40px,6vw,96px)!important;border:1px solid rgba(26,24,21,.10)!important;border-radius:16px!important;box-shadow:0 1px 2px rgba(26,24,21,.04),0 24px 48px -28px rgba(45,30,15,.28)!important;height:auto!important;aspect-ratio:16/9!important;min-height:0!important;max-height:none!important}
@media (max-width:760px){.reel{aspect-ratio:4/5!important;height:auto!important}}
.rx::after{display:none!important}
.rx-rv-chartwrap::before{display:none!important}
/* ---- chat thread v2: header, stacked bubbles with FLIP, typing dots, delivered stamp */
.rx-her{inset:0;opacity:1;font-family:var(--sans);font-size:clamp(12px,1.25vw,16px)}
.rx-her>*{position:absolute;opacity:0}
.rx-chat-head{left:0;right:0;top:0;display:flex;align-items:center;gap:.8em;padding:1em clamp(16px,4%,40px);border-bottom:1px solid rgba(26,24,21,.08);background:rgba(250,249,245,.9)}
.rx-chat-av{width:2.6em;height:2.6em;border-radius:50%;background:#0B3FB0;color:#fff;display:grid;place-items:center;font-family:var(--mono,monospace);font-size:.8em}
.rx-chat-head b{display:block;font-weight:600}.rx-chat-head small{color:rgba(26,24,21,.55)}
.rx-chat-head .rx-watch{position:static!important;margin-left:auto;transform:none!important;opacity:1!important;top:auto!important;left:auto!important;padding:.35em .8em;background:#fff;border:1px solid rgba(26,24,21,.10);border-radius:999px;font-family:var(--mono,monospace)}
.rx-thread{left:0;right:0;bottom:0;top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:.55em;padding:1em clamp(16px,6%,72px) clamp(16px,5%,48px);opacity:1}
.rx-msg{position:static!important;max-width:78%;padding:.75em 1.05em;border-radius:20px;line-height:1.35;display:none;opacity:0;will-change:transform,opacity}
.rx-msg.show{display:block}
.rx-msg p{margin:0}.rx-msg u{text-decoration:underline;text-underline-offset:2px}
.rx-msg.out{align-self:flex-end;background:#0B3FB0;color:#fff;border-bottom-right-radius:6px}
.rx-msg.out small{display:block;color:rgba(255,255,255,.7);font-size:.78em;margin-top:.35em;text-align:right}
.rx-msg.in{background:#EDEBE4;color:var(--ink);border-bottom-left-radius:6px}
.rx-msg.sys{align-self:center;background:transparent;color:rgba(26,24,21,.55);font-size:.85em;padding:.2em 0}
.rx-her-step.show{display:flex!important;align-items:center;gap:.8em;padding:.6em .95em .6em .6em}
.rx-her-step img{width:2.4em!important;height:2.4em!important;object-fit:contain}
.rx-her-step b{display:block;font-weight:600}.rx-her-step small{color:rgba(26,24,21,.6)}
.rx-typing{padding:.9em 1.1em!important;gap:.35em}
.rx-typing.show{display:flex!important}
.rx-typing i{width:.5em;height:.5em;border-radius:50%;background:rgba(26,24,21,.4);animation:rxDots 1.1s ease-in-out infinite}
.rx-typing i:nth-child(2){animation-delay:.15s}.rx-typing i:nth-child(3){animation-delay:.3s}
@keyframes rxDots{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-3px);opacity:1}}
/* composer as the outgoing bubble sits where the thread's last bubble will be */
.rx-composer{bottom:clamp(16px,5%,48px)!important;left:auto!important;right:clamp(16px,6%,72px)!important;width:min(560px,78%)!important;border-radius:20px 20px 6px 20px!important}
/* chat layout: bubbles larger and lower-left so the push-in has somewhere to go */
.rx-thread{padding-bottom:clamp(20px,6%,56px)!important;gap:.7em!important}
.rx-msg{max-width:70%!important;font-size:1.08em}
.rx-msg.out{max-width:74%!important}
.rx-chat-head{padding:.9em clamp(16px,4%,40px)!important}
/* compose bubble centred in frame; thread also centred lower-middle */
.rx-composer{bottom:auto!important;top:50%!important;left:50%!important;right:auto!important;transform:translate(-50%,-50%)!important;width:min(560px,74%)!important}
.rx-thread{padding-left:clamp(16px,12%,140px)!important;padding-right:clamp(16px,12%,140px)!important}
/* chat tidy: tighter bubbles, inline check, thread anchored to the bottom band */
.rx-thread{top:auto!important;bottom:0!important;padding:1em clamp(16px,14%,170px) clamp(18px,6%,60px)!important;gap:.6em!important;justify-content:flex-end}
.rx-msg{max-width:62%!important;font-size:1em!important;padding:.7em 1em!important}
.rx-msg.out{max-width:66%!important}
.rx-her-step span::before{content:none!important}
.rx-her-step b::before{content:"✓ ";color:#1f5c38}
.rx-her-step.show{gap:.7em!important;padding:.55em .9em .55em .55em!important}
.rx-her-step img{width:2.1em!important;height:2.1em!important}
.rx-chat-head{font-size:.95em}
/* chat: bigger type, thread centred in the frame, more room for the zoom */
.rx-her{font-size:clamp(15px,1.75vw,23px)!important}
.rx-thread{top:0!important;bottom:0!important;justify-content:center!important;padding:5em clamp(16px,10%,120px) 2em!important;gap:.7em!important}
.rx-msg{max-width:70%!important;padding:.75em 1.05em!important;border-radius:22px!important}
.rx-msg.out{max-width:72%!important}
.rx-her-step img{width:2.3em!important;height:2.3em!important}
.rx-chat-head{font-size:.8em!important}
@media (max-width:760px){.rx-her{font-size:15px!important}.rx-msg{max-width:88%!important}.rx-thread{padding:4.5em 5% 2em!important}}
.rx-msg,.rx-cam{backface-visibility:hidden}
.rx-thread{will-change:transform}
/* thread is sized to stay inside the frame at the chat zoom */
.rx-thread{padding:4.5em clamp(16px,16%,190px) 2.5em!important}
.rx-msg{max-width:64%!important}
.rx-inl,.rx-tile img{filter:none!important}
.rx-composer{width:min(560px,62%)!important}
.rx-msg{max-width:60%!important}
.rx-msg.out{max-width:62%!important}
/* chat: no camera tricks, so the type carries it */
.rx-her{font-size:clamp(17px,2vw,26px)!important}
.rx-thread{padding:4.2em clamp(16px,12%,150px) 2.4em!important}
/* typewriter without reflow: hidden ghost fixes the wrap, live text draws over it */
.rx-typed{position:relative;display:block!important;white-space:pre-wrap!important;overflow-wrap:anywhere;flex:1;min-width:0}
.rx-typed .rx-ghost{visibility:hidden}
.rx-typed .rx-live{position:absolute;inset:0;white-space:pre-wrap;overflow-wrap:anywhere}
.rx-typed .rx-live .rx-caret{display:inline-block;vertical-align:-.12em;margin-left:1px}
.rx-msg{overflow-wrap:anywhere}
/* 80s tick plate replaces the typographic check */
.rx-her-step b::before{content:none!important}
.rx-her-step .rx-tick{width:1.5em!important;height:1.5em!important;margin-left:-.35em;align-self:flex-start;margin-top:.1em;transform:rotate(-8deg)}
.rx-her-step.show .rx-tick{animation:rxTick .5s cubic-bezier(.34,1.56,.64,1) .35s both}
@keyframes rxTick{from{opacity:0;transform:rotate(-30deg) scale(.4)}to{opacity:1;transform:rotate(-8deg) scale(1)}}
/* 80s character peeking over the top edge of the reel, hands gripping the frame */
@media (max-width:760px){.reel-peek{width:130px;left:12px;transform:translateY(12px)}}
/* peeker: pinned to the reel's actual top edge */
@media (max-width:760px){.reel-peek{width:130px!important}}
/* bigger peeker */
@media (max-width:760px){.reel-peek{width:190px!important}}
/* peeker: JS-pinned to the reel edge (see home-v2-audit.js); CSS only sets size */
/* VHS overlay */
.vhs{position:absolute;inset:0;z-index:7;pointer-events:none;overflow:hidden;mix-blend-mode:multiply}
.vhs-scan{position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(0,0,0,.09) 0 1px,transparent 1px 3px)}
.vhs-band{position:absolute;left:0;right:0;height:9%;top:-12%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.09) 40%,rgba(255,255,255,.35) 55%,rgba(0,0,0,.07) 70%,transparent);animation:vhsBand 7s linear infinite;filter:blur(.5px)}
.vhs-noise{position:absolute;inset:-50%;opacity:.07;background-image:url("data:image/svg+xml;utf8,");background-size:160px 160px;animation:vhsNoise .5s steps(4) infinite}
.vhs-rgb{position:absolute;inset:0;mix-blend-mode:normal;background:linear-gradient(90deg,rgba(255,0,60,.035),transparent 30%,transparent 70%,rgba(0,120,255,.035));animation:vhsJitter 4s steps(1) infinite}
.reel::before{content:"";position:absolute;inset:0;z-index:7;pointer-events:none;box-shadow:inset 0 0 90px rgba(0,0,0,.12);border-radius:inherit}
@keyframes vhsBand{0%{top:-12%}100%{top:112%}}
@keyframes vhsNoise{0%{transform:translate(0,0)}25%{transform:translate(-2%,3%)}50%{transform:translate(3%,-1%)}75%{transform:translate(-1%,-3%)}100%{transform:translate(2%,2%)}}
@keyframes vhsJitter{0%,92%{transform:translateX(0)}93%{transform:translateX(3px)}95%{transform:translateX(-2px)}97%{transform:translateX(0)}}
@media (prefers-reduced-motion:reduce){.vhs-band,.vhs-noise,.vhs-rgb{animation:none}}
/* VHS: lighter touch */
.vhs{mix-blend-mode:normal!important}
.vhs-scan{background:repeating-linear-gradient(180deg,rgba(0,0,0,.035) 0 1px,transparent 1px 3px)!important}
.vhs-band{background:linear-gradient(180deg,transparent,rgba(0,0,0,.03) 40%,rgba(255,255,255,.22) 55%,rgba(0,0,0,.025) 70%,transparent)!important;animation-duration:9s!important}
.vhs-noise{opacity:.035!important}
.vhs-rgb{background:linear-gradient(90deg,rgba(255,0,60,.02),transparent 30%,transparent 70%,rgba(0,120,255,.02))!important}
.reel::before{box-shadow:inset 0 0 60px rgba(0,0,0,.05)!important}
/* peeker must paint over the logo band above the reel */
.reel-sec.takeover .ym-logos{position:relative!important;z-index:1!important}
.reel-sec.takeover .wrap{position:relative;z-index:4}
/* peeker lives inside the reel: bottom-anchored to its top edge, overflowing upward */
/* Peeker in normal flow: a row above the reel holds her at natural height; the reel's top edge is the row's
bottom edge, so her fingers land on the frame regardless of sticky/parallax repositioning. */
.reel-stage{position:relative;max-width:1040px;margin:clamp(28px,4vw,56px) auto clamp(40px,6vw,96px);display:flex;flex-direction:column}
.reel-stage>.reel{margin:0!important;max-width:none!important;width:100%!important}
.reel-peek-row{position:relative;z-index:9;display:flex;align-items:flex-end;padding-left:clamp(16px,5%,64px);pointer-events:none;margin-bottom:calc(-1 * clamp(12px,1.6vw,20px))}
.reel-peek{display:block;width:clamp(220px,34%,380px);height:auto;filter:drop-shadow(0 10px 18px rgba(26,24,21,.2))}
@media (max-width:760px){.reel-peek{width:190px}.reel-peek-row{margin-bottom:-12px}}
.reel-peek{width:clamp(200px,30%,340px)}
@media (max-width:760px){.reel-peek{width:170px}}
/* laurel announcement under the composer: 3 caps lines, laurels hugging the block, gold shimmer, fade-up */
.gh-laurels{display:flex;justify-content:center;margin:22px auto 0;animation:ghLaurelIn 900ms cubic-bezier(.16,1,.3,1) .6s both}
.gh-laurels-in{display:inline-flex;align-items:center;gap:10px;color:#A8863A}
.gh-laurel{width:22px;height:44px;flex:none;opacity:.9}
.gh-laurel-r{transform:scaleX(-1)}
.gh-laurels-t{display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1;text-transform:uppercase}
.gh-laurels-t small{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:#A8863A;margin-bottom:6px}
.gh-laurels-t b{font-family:var(--sans);font-weight:800;font-size:clamp(15px,1.5vw,19px);letter-spacing:.04em;line-height:1.05;background:linear-gradient(100deg,#8A6B24 0%,#C9A65A 35%,#F1DFA6 50%,#C9A65A 65%,#8A6B24 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:ghShimmer 5.5s ease-in-out infinite}
@keyframes ghShimmer{0%,100%{background-position:100% 0}50%{background-position:0 0}}
@keyframes ghLaurelIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.gh-laurels,.gh-laurels-t b{animation:none}}
@media (max-width:760px){.gh-laurels{margin-top:18px}.gh-laurel{width:18px;height:36px}}
/* VHS: barely there, no tracking band */
.vhs-band{display:none!important}
.vhs-scan{background:repeating-linear-gradient(180deg,rgba(0,0,0,.018) 0 1px,transparent 1px 3px)!important}
.vhs-noise{opacity:.02!important}
.vhs-rgb{display:none!important}
.reel::before{box-shadow:none!important}
.gh-laurel{width:clamp(30px,3.2vw,44px);height:auto;color:#B8902E}
.gh-laurel-r{transform:scaleX(-1)}
.reel-peek-row{gap:clamp(10px,1.6vw,20px);align-items:flex-end}
.reel-peek-cap{pointer-events:auto;align-self:center;margin-top:18%;font-family:var(--sans);font-size:13px;line-height:1.3;letter-spacing:.01em;color:var(--ink-soft,#6b6660);text-decoration:none;border-bottom:1px solid rgba(26,24,21,.18);padding-bottom:1px;max-width:14em;text-wrap:pretty}
.reel-peek-cap:hover{color:var(--ink,#1a1815);border-bottom-color:currentColor}
.reel-peek-cap span{display:inline-block;transition:transform .2s}
.reel-peek-cap:hover span{transform:translateX(3px)}
@media (max-width:560px){.reel-peek-cap{font-size:12px;max-width:11em}}
.gh-laurel{width:clamp(28px,3vw,40px)}
/* narrower nav bar */
header nav{height:64px!important}
@media (max-width:760px){header nav{height:56px!important}}
.reel-peek-cap{max-width:none!important;white-space:nowrap}
@media (max-width:560px){.reel-peek-cap{white-space:normal;max-width:16em!important}}
/* bigger peeker */
.reel-peek{width:clamp(260px,38%,440px)!important}
@media (max-width:760px){.reel-peek{width:min(60%,260px)!important}}
.reel-peek-cap{font-size:clamp(15px,1.25vw,18px)!important;padding-bottom:2px}
@media (max-width:560px){.reel-peek-cap{font-size:14px!important}}
.gh-laurels{margin-top:44px!important}
@media (max-width:760px){.gh-laurels{margin-top:34px!important}}
/* caption is the section title */
.reel-peek-cap{margin:0 0 6%!important;padding:0!important;border:0!important;white-space:normal!important;max-width:18em!important;font-family:var(--serif)!important;font-weight:400!important;letter-spacing:-.025em!important;line-height:1.08!important;font-size:clamp(28px,3.6vw,48px)!important;color:var(--ink,#1a1815)!important;text-wrap:balance}
.reel-peek-cap a{color:inherit;text-decoration:none}
.reel-peek-cap a:hover span{transform:translateX(6px)}
.reel-peek-cap span{display:inline-block;transition:transform .25s}
@media (max-width:560px){.reel-peek-cap{font-size:22px!important;max-width:12em!important}}
/* title sits on his eye-line, close to him */
.reel-peek-row{gap:clamp(8px,1.4vw,18px)!important;align-items:flex-end!important}
.reel-peek-cap{align-self:auto!important;margin:0 0 clamp(36px,9%,84px) 0!important;max-width:14em!important;padding-left:0!important}
@media (max-width:560px){.reel-peek-cap{margin-bottom:26px!important}}
.reel-peek-cap em{font-style:italic;font-weight:400;letter-spacing:-.02em}
.reel-peek-cap span{font-size:.62em!important;margin-left:.35em;vertical-align:.08em;opacity:.7;font-family:var(--sans)!important;font-weight:300}
.reel-peek-cap a:hover span{opacity:1}
/* giant title behind the peeker — same chrome/cobalt treatment as the pack card */
.reel-peek-row{position:relative;padding-left:0!important;justify-content:center!important}
.reel-big{position:absolute;left:0;right:0;bottom:clamp(4px,1vw,14px);z-index:0;margin:0;padding:0 clamp(10px,2%,28px);display:flex;justify-content:space-between;align-items:baseline;font-family:var(--serif);font-weight:420;font-style:italic;font-size:clamp(52px,9.5vw,150px);line-height:.9;letter-spacing:-.045em;white-space:nowrap;pointer-events:none;user-select:none;text-align:left}
.reel-big .rb-ink,.reel-big .rb-on{display:inline-block;padding:.18em .14em .08em;margin:-.14em -.1em 0;line-height:1;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;background-size:100% 100%;background-repeat:no-repeat}
.reel-big{overflow:visible!important}
.reel-peek-row{overflow:visible!important}
.reel-big em{color:transparent}
.reel-big .rb-ink{background:linear-gradient(180deg,#3A3631 0%,#14120F 55%,#4A4540 100%);filter:drop-shadow(0 1px 0 rgba(255,255,255,.9)) drop-shadow(0 14px 18px rgba(20,18,15,.18))}
.reel-big .rb-on{font-style:italic;background:linear-gradient(180deg,#6B86FF 0%,#2F55FF 48%,#1B3ACC 100%);filter:drop-shadow(0 1px 0 rgba(255,255,255,.9)) drop-shadow(0 0 28px rgba(47,85,255,.45))}
.reel-peek-row>.reel-peek,.reel-peek-row>.vhs{position:relative;z-index:1}
.reel-peek-row>.reel-peek{width:clamp(200px,26%,320px)!important;margin-left:0}
@media (max-width:760px){.reel-big{font-size:clamp(40px,12vw,72px);bottom:4px}.reel-peek-row>.reel-peek{width:min(46%,200px)!important;margin-left:0}}
/* reel caption v5: a VHS cassette resting on the frame rim beside him; the copy lives on its label */
.reel-side,.reel-side-h{display:none}
.vhs{position:relative;display:block;pointer-events:auto;text-decoration:none;color:var(--ink);margin:0 0 calc(clamp(12px,1.6vw,20px) - 2px) clamp(14px,3vw,48px);width:clamp(190px,17vw,236px);transform:rotate(-2deg);transform-origin:50% 100%;transition:transform .35s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 18px 18px rgba(0,0,0,.22)) drop-shadow(0 2px 3px rgba(0,0,0,.2))}
.vhs:hover{transform:rotate(-1deg) translateY(-6px)}
.vhs-body{display:flex;flex-direction:column;gap:8px;border-radius:9px;background:linear-gradient(180deg,#2C2924,#17150F 30%,#0F0E0C);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.16),inset 0 -3px 0 #000,inset 3px 0 0 rgba(255,255,255,.04),inset -3px 0 0 rgba(0,0,0,.5);padding:8px 9px 10px;position:relative}
.vhs-body::after{content:"";position:absolute;left:8%;right:8%;bottom:4px;height:3px;border-radius:2px;background:rgba(255,255,255,.06)}
.vhs-label{position:relative;display:flex;flex-direction:column;gap:2px;background:#F3EDE2;border-radius:3px;padding:9px 10px 8px;color:#14120F;box-shadow:0 1px 0 rgba(0,0,0,.5),inset 0 0 0 1px rgba(20,18,15,.06);overflow:hidden}
.vhs-label::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.35) 50%,rgba(255,255,255,0) 60%);pointer-events:none}
.vhs-stripes{position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#E5322D 0 34%,#F3EDE2 34% 36%,#3558FF 36% 68%,#F3EDE2 68% 70%,#C9A227 70%)}
.vhs-k{font-family:var(--mono);font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:rgba(20,18,15,.55);margin-top:5px}
.vhs-t{font-family:var(--serif);font-weight:420;font-size:clamp(18px,1.5vw,21px);line-height:1;letter-spacing:-.02em;margin-top:2px}
.vhs-t em{font-style:italic;color:var(--acc)}
.vhs-m{display:flex;justify-content:space-between;font-family:var(--mono);font-size:8px;letter-spacing:.12em;color:rgba(20,18,15,.6);margin-top:7px;padding-top:5px;border-top:1px dashed rgba(20,18,15,.25)}
.vhs-win{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:6px 8px;border-radius:5px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),inset 0 6px 12px rgba(0,0,0,.6)}
.vhs-reel{position:relative;width:clamp(26px,2.3vw,30px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#0E0D0B 0 20%,#D9D1C3 20% 27%,#0E0D0B 27% 32%,#2A2723 32% 100%);box-shadow:inset 0 0 0 2px #000,0 0 0 1px rgba(255,255,255,.08);animation:vhsSpin 4s linear infinite}
.vhs-reel::before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(217,209,195,.85) 0 7deg,transparent 7deg 60deg);-webkit-mask:radial-gradient(circle,transparent 0 33%,#000 34% 96%,transparent 97%);mask:radial-gradient(circle,transparent 0 33%,#000 34% 96%,transparent 97%)}
.vhs-tape{height:4px;border-radius:2px;background:linear-gradient(90deg,#4A443C,#241F1A 50%,#4A443C);box-shadow:0 1px 0 rgba(255,255,255,.05)}
.vhs-play{position:absolute;right:13px;bottom:13px;display:inline-flex;align-items:center;gap:4px;font-family:var(--mono);font-size:8.5px;letter-spacing:.14em;color:rgba(255,255,255,.5);transition:color .2s}
.vhs:hover .vhs-play{color:#fff}
@keyframes vhsSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.vhs-reel{animation:none}}
@media (max-width:760px){.vhs{margin-bottom:10px}}
@media (max-width:560px){.vhs{width:min(58vw,240px);margin-left:8px}.vhs-t{font-size:18px}}
.reel-tut.reel-tut.reel-tut{position:static!important;top:auto;right:auto;z-index:auto;margin:0!important;max-width:none!important;font-size:14px!important;line-height:1!important;letter-spacing:0!important;text-align:left;pointer-events:auto}
.reel-tut.reel-tut.reel-tut a.rpc-tab{display:inline-flex;flex-direction:row;align-items:center;gap:12px;height:48px;padding:0 18px 0 6px;border-radius:999px;background:rgba(255,255,255,.72);color:var(--ink);text-decoration:none;border:1px solid rgba(26,24,21,.1);box-shadow:0 12px 30px -16px rgba(53,88,255,.45),inset 0 1px 0 #fff;transition:background .2s,transform .2s,box-shadow .2s}
.reel-tut.reel-tut.reel-tut a.rpc-tab:hover{background:#fff;transform:translateY(-1px);box-shadow:0 16px 36px -16px rgba(53,88,255,.6),inset 0 1px 0 #fff}
.reel-tut .rpc-play{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:var(--acc);color:#fff;flex:none;box-shadow:0 6px 14px -6px rgba(53,88,255,.7)}
.reel-tut .rpc-play svg{display:block;margin-left:2px;width:12px;height:12px}
.reel-tut.reel-tut.reel-tut .rpc-tab-t{display:flex!important;flex-direction:row;align-items:baseline;gap:10px;font-size:14px!important;margin:0!important;opacity:1!important;transform:none!important}
.reel-tut.reel-tut.reel-tut .rpc-tab-k{font-family:var(--sans)!important;font-weight:600!important;font-size:15px!important;letter-spacing:-.01em!important;color:var(--ink);line-height:1;margin:0!important}
.reel-tut.reel-tut.reel-tut .rpc-tab-s{font-family:var(--mono)!important;font-weight:400!important;font-size:10.5px!important;letter-spacing:.1em!important;text-transform:uppercase;color:rgba(26,24,21,.5);line-height:1;margin:0!important}
.reel-tut.reel-tut.reel-tut .rpc-arw{font-style:normal;font-family:var(--sans);font-weight:300;font-size:16px;color:rgba(26,24,21,.55);margin-left:2px;transition:transform .25s,color .25s;display:inline-block}
.reel-tut a:hover .rpc-arw{transform:translateX(4px);color:var(--acc)}
@media (max-width:560px){.reel-side{margin-bottom:18px;gap:12px;padding:12px 12px 12px 0}.reel-side-h{font-size:20px}.reel-tut.reel-tut.reel-tut a.rpc-tab{height:40px;gap:8px;padding-right:12px}.reel-tut .rpc-play{width:30px;height:30px}.reel-tut.reel-tut.reel-tut .rpc-tab-s{display:none!important}}
/* orbs: visible across the whole frame */
.rx-orbs{-webkit-mask-image:none!important;mask-image:none!important}
.rx-orb1{background:radial-gradient(circle at 50% 50%,rgba(11,63,176,.26) 0%,rgba(11,63,176,.11) 38%,rgba(11,63,176,0) 70%)!important;left:-18%!important;top:-24%!important;bottom:auto!important;width:64%!important}
.rx-orb2{background:radial-gradient(circle at 50% 50%,rgba(233,196,120,.30) 0%,rgba(233,196,120,.12) 38%,rgba(233,196,120,0) 70%)!important;right:-14%!important;bottom:-26%!important;width:58%!important}
.rx-orb3{background:radial-gradient(circle at 50% 50%,rgba(173,3,8,.14) 0%,rgba(173,3,8,.05) 40%,rgba(173,3,8,0) 70%)!important;left:38%!important;top:auto!important;bottom:-22%!important;width:46%!important}
@keyframes rxOrb1{0%{transform:translate(0,0) scale(1)}100%{transform:translate(20%,22%) scale(1.15)}}
@keyframes rxOrb2{0%{transform:translate(0,0) scale(1.05)}100%{transform:translate(-22%,-20%) scale(.95)}}
@keyframes rxOrb3{0%{transform:translate(0,0) scale(.9)}100%{transform:translate(-16%,-26%) scale(1.15)}}
/* thread anchored to the bottom; never grows under the header */
.rx-thread{top:auto!important;bottom:0!important;justify-content:flex-end!important;max-height:calc(100% - 4.6em);overflow:hidden;padding-top:1em!important;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 2.2em);mask-image:linear-gradient(180deg,transparent 0,#000 2.2em)}
.rx-chat-head{z-index:3}
/* lighter orbs */
.rx-orb1{background:radial-gradient(circle at 50% 50%,rgba(11,63,176,.16) 0%,rgba(11,63,176,.07) 38%,rgba(11,63,176,0) 70%)!important}
.rx-orb2{background:radial-gradient(circle at 50% 50%,rgba(233,196,120,.18) 0%,rgba(233,196,120,.07) 38%,rgba(233,196,120,0) 70%)!important}
.rx-orb3{background:radial-gradient(circle at 50% 50%,rgba(173,3,8,.08) 0%,rgba(173,3,8,.03) 40%,rgba(173,3,8,0) 70%)!important}
/* orbs: gold family */
.rx-orb1{background:radial-gradient(circle at 50% 50%,rgba(212,168,72,.18) 0%,rgba(212,168,72,.07) 38%,rgba(212,168,72,0) 70%)!important}
.rx-orb2{background:radial-gradient(circle at 50% 50%,rgba(240,206,130,.22) 0%,rgba(240,206,130,.09) 38%,rgba(240,206,130,0) 70%)!important}
.rx-orb3{background:radial-gradient(circle at 50% 50%,rgba(184,144,46,.12) 0%,rgba(184,144,46,.04) 40%,rgba(184,144,46,0) 70%)!important}
/* orbs pooled along the bottom edge */
.rx-orbs{-webkit-mask-image:linear-gradient(180deg,transparent 0,transparent 35%,#000 85%)!important;mask-image:linear-gradient(180deg,transparent 0,transparent 35%,#000 85%)!important}
.rx-orb1{top:auto!important;bottom:-38%!important;left:-14%!important}
.rx-orb2{bottom:-34%!important;right:-12%!important}
.rx-orb3{bottom:-30%!important;left:32%!important}
@keyframes rxOrb1{0%{transform:translate(0,0) scale(1)}100%{transform:translate(16%,-6%) scale(1.12)}}
@keyframes rxOrb2{0%{transform:translate(0,0) scale(1.05)}100%{transform:translate(-18%,-6%) scale(.95)}}
@keyframes rxOrb3{0%{transform:translate(0,0) scale(.9)}100%{transform:translate(-10%,-10%) scale(1.12)}}
.vhs-scan{background:repeating-linear-gradient(180deg,rgba(0,0,0,.06) 0 1px,transparent 1px 3px)!important}
.vhs-noise{opacity:.035!important}
/* orbs: cobalt / burgundy / manila, bottom only */
.rx-orb1{background:radial-gradient(circle at 50% 50%,rgba(11,63,176,.18) 0%,rgba(11,63,176,.07) 38%,rgba(11,63,176,0) 70%)!important}
.rx-orb2{background:radial-gradient(circle at 50% 50%,rgba(173,3,8,.14) 0%,rgba(173,3,8,.05) 38%,rgba(173,3,8,0) 70%)!important}
.rx-orb3{background:radial-gradient(circle at 50% 50%,rgba(233,196,120,.20) 0%,rgba(233,196,120,.08) 40%,rgba(233,196,120,0) 70%)!important}
/* ---- Integrate: terminal card + copy ---- */
.ig{padding:clamp(72px,8vw,120px) 0;background:var(--bg)}
.ig-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center}
.ig-term{border:1px solid rgba(26,24,21,.12);background:#fff;font-family:var(--mono);font-size:14px;line-height:1.5;color:var(--ink);box-shadow:0 1px 0 rgba(26,24,21,.04),0 18px 40px -28px rgba(26,24,21,.25)}
.ig-bar{display:flex;align-items:stretch;border-bottom:1px solid rgba(26,24,21,.1);min-height:48px}
.ig-dots{display:flex;align-items:center;gap:8px;padding:0 20px;border-right:1px solid rgba(26,24,21,.1)}
.ig-dots i{width:10px;height:10px;border-radius:50%;background:rgba(26,24,21,.16)}
.ig-tabs{display:flex}
.ig-tab{appearance:none;border:0;border-right:1px solid rgba(26,24,21,.1);background:transparent;padding:0 22px;font:inherit;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);cursor:pointer;transition:background .15s,color .15s}
.ig-tab:hover{color:var(--ink)}
.ig-tab.on{background:rgba(26,24,21,.045);color:var(--ink)}
.ig-cmd{display:flex;gap:12px;align-items:baseline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ig-cmd code{font:inherit;overflow:hidden;text-overflow:ellipsis}
.ig-cmd-top{padding:20px 20px;border-bottom:1px solid rgba(26,24,21,.1)}
.ig-p{color:var(--cobalt,#0B3FB0);font-weight:500}
.ig-body{display:grid;gap:12px;padding:22px 20px 34px}
.ig-c{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ig-copy{display:flex;flex-direction:column;align-items:flex-start}
.ig-h{margin:16px 0 0;font-family:var(--serif);font-weight:420;font-size:clamp(40px,4.4vw,68px);line-height:1;letter-spacing:-.026em;color:var(--ink);text-wrap:balance}
.ig-h em{font-style:italic;font-weight:380}
.ig-sub{margin:18px 0 0;max-width:46ch;font-size:var(--fs-support,18px);line-height:1.5;color:var(--muted);text-wrap:pretty}
.ig-marks{list-style:none;margin:32px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.ig-marks li{font-family:var(--mono);font-size:13px;letter-spacing:.04em;padding:8px 14px;border:1px solid rgba(26,24,21,.14);color:var(--ink)}
@media (max-width:900px){.ig-grid{grid-template-columns:1fr}.ig-copy{order:-1}.ig-term{font-size:13px}.ig-tab{padding:0 16px}.ig-dots{padding:0 14px}}
.ig-c{white-space:normal!important;overflow:visible!important}
.ig-cmd code{white-space:normal;overflow-wrap:anywhere}
.ig-cmd{white-space:normal!important;overflow:visible!important}
.ig-p{color:var(--ink)!important}
.ig-marks{gap:18px!important}
.ig-mark{display:grid;place-items:center;width:64px;height:64px;padding:0!important;border:1px solid rgba(26,24,21,.12)!important;background:#fff}
.ig-mark img{width:36px;height:36px;object-fit:contain;display:block}
.ig-mark img:not([src$=".svg"]),.ig-mark.missing img{opacity:0}
.ig-h{font-size:clamp(36px,3.8vw,58px)!important;max-width:14ch}
.ig-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:center!important}
.ig-h{font-size:clamp(34px,3.4vw,52px)!important;max-width:none!important;line-height:1.02!important}
.ig-sub{margin-top:14px!important;max-width:34ch!important}
.ig-body{gap:14px!important;padding-bottom:40px!important}
.ig-marks{margin-top:28px!important;gap:14px!important}
.ig-mark{border:0!important;background:transparent!important;width:52px;height:52px}
.ig-mark img{width:48px;height:48px}
@media (max-width:760px){.ig-grid{grid-template-columns:1fr!important}}
.ig-mark img{width:52px;height:52px}
.ig-marks{gap:22px!important}
.ig-flow{display:flex;align-items:center;gap:20px;margin-top:30px;color:var(--ink)}
.ig-flow-src,.ig-flow-dst{display:flex;align-items:center;gap:18px}
.ig-flow img{display:block;width:52px;height:52px}
.ig-flow-arrow{flex:none;color:rgba(26,24,21,.55)}
.ig-flow-any{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
@media (max-width:480px){.ig-flow{gap:12px}.ig-flow img{width:40px;height:40px}.ig-flow-arrow{width:56px}}
.ig .ig-grid.wrap{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:clamp(32px,5vw,80px)!important;align-items:center!important}
.ig .ig-term,.ig .ig-copy{min-width:0}
@media (max-width:760px){.ig .ig-grid.wrap{grid-template-columns:1fr!important}}
/* ---- Wow: two paths ---- */
.wow{padding:clamp(72px,8vw,120px) 0 0;background:var(--bg)}
.wow-head{display:flex;flex-direction:column;align-items:center;text-align:center}
.wow-h{margin:16px 0 0;font-family:var(--serif);font-weight:420;font-size:clamp(38px,4.4vw,68px);line-height:1;letter-spacing:-.026em;color:var(--ink);text-wrap:balance}
.wow-h em{font-style:italic;font-weight:380}
.wow-sub{margin:16px 0 0;max-width:42ch;font-size:var(--fs-support,18px);line-height:1.5;color:var(--muted);text-wrap:pretty}
.wow-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(16px,2vw,28px);margin-top:clamp(36px,4vw,60px)}
.wow-card{position:relative;border:1px solid rgba(26,24,21,.12);padding:clamp(24px,2.6vw,36px);display:flex;flex-direction:column;min-width:0;background:
radial-gradient(rgba(26,24,21,.09) .8px,transparent .9px) 0 0/22px 22px}
.wow-k{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.wow-t{margin:14px 0 0;font-family:var(--serif);font-weight:420;font-size:clamp(28px,2.6vw,40px);line-height:1.05;letter-spacing:-.02em;color:var(--ink)}
.wow-t em{font-style:italic;font-weight:380}
/* phone */
.wow-phone{margin:clamp(24px,3vw,40px) auto 0;width:min(100%,300px);background:#fff;border:1px solid rgba(26,24,21,.14);border-radius:26px;padding:16px 16px 18px;box-shadow:0 24px 50px -30px rgba(26,24,21,.35)}
.wow-phone-bar{display:flex;justify-content:center;padding:2px 0 14px}
.wow-phone-bar i{width:78px;height:6px;border-radius:3px;background:rgba(26,24,21,.14)}
.wow-taps{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-family:var(--sans);font-size:14px;color:var(--ink)}
.wow-taps li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(26,24,21,.1);border-radius:12px;color:var(--muted)}
.wow-taps li.on{color:var(--ink)}
.wow-taps li.on svg{color:var(--ink)}
.wow-taps li.now{border-color:var(--ink);color:var(--ink)}
.wow-n{font-family:var(--mono);font-size:11px;letter-spacing:.06em}
.wow-dot{width:8px;height:8px;border-radius:50%;background:var(--ink);animation:wowPulse 1.4s ease-in-out infinite}
@keyframes wowPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}
.wow-phone-cta{margin-top:12px;height:44px;display:grid;place-items:center;background:var(--ink);color:#fff;border-radius:12px;font-family:var(--sans);font-size:14px;font-weight:500}
/* dashboard */
.wow-dash{margin-top:clamp(24px,3vw,40px);background:#fff;border:1px solid rgba(26,24,21,.14);box-shadow:0 24px 50px -30px rgba(26,24,21,.35);font-family:var(--sans);color:var(--ink)}
.wow-dash-bar{display:flex;align-items:center;gap:7px;padding:12px 14px;border-bottom:1px solid rgba(26,24,21,.1)}
.wow-dash-bar i{width:9px;height:9px;border-radius:50%;background:rgba(26,24,21,.16)}
.wow-dash-bar span{margin-left:auto;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--muted)}
.wow-dash-body{padding:18px 18px 20px;display:grid;gap:16px}
.wow-stat{display:flex;flex-direction:column;gap:4px}
.wow-stat-k{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.wow-stat-v{font-family:var(--serif);font-size:clamp(30px,2.6vw,40px);line-height:1;letter-spacing:-.02em}
.wow-stat-v small{font-family:var(--sans);font-size:14px;color:var(--muted);margin-left:4px}
.wow-bars{display:grid;grid-template-columns:repeat(12,1fr);gap:5px;height:72px;align-items:end;border-bottom:1px solid rgba(26,24,21,.12);padding-bottom:6px}
.wow-bars i{display:block;height:calc(var(--v)*100%);background:var(--ink);opacity:.85;transform-origin:bottom;animation:wowBar .9s cubic-bezier(.2,.8,.2,1) both}
.wow-bars i:nth-child(n){animation-delay:calc(var(--i,0)*40ms)}
@keyframes wowBar{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.wow-rows{display:grid;gap:0}
.wow-rows div{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid rgba(26,24,21,.08);font-size:13px}
.wow-rows div:first-child{border-top:0}
.wow-rows span{color:var(--muted)}
.wow-rows b{font-weight:500}
@media (max-width:760px){.wow-grid{grid-template-columns:1fr}}
/* header CTA: compact next to the hamburger */
.nav-actions .btn.btn-dark{height:38px;padding:0 16px;font-size:14px;line-height:38px}
.nav-actions{gap:14px}
.wow-h{margin-top:0!important}
/* wow: icons + looped animation */
.wow-taps li{grid-template-columns:40px auto 1fr 22px!important;gap:10px!important;padding:8px 12px 8px 8px!important;transition:border-color .3s,color .3s,transform .3s}
.wow-ic{width:40px;height:40px;object-fit:contain;display:block;transition:transform .5s cubic-bezier(.2,.9,.2,1.2)}
.wow-taps li.on .wow-ic{transform:scale(1.05)}
.wow-taps li.now .wow-ic{animation:wowBob 1.2s ease-in-out infinite}
@keyframes wowBob{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-3px) rotate(3deg)}}
.wow-st{position:relative;width:22px;height:22px;display:grid;place-items:center}
.wow-ck{position:absolute;opacity:0;transform:scale(.4);transition:opacity .25s,transform .35s cubic-bezier(.2,.9,.2,1.3)}
.wow-dot{position:absolute;opacity:0}
.wow-taps li.on .wow-ck{opacity:1;transform:scale(1)}
.wow-taps li.now .wow-dot{opacity:1}
.wow-taps li.now{transform:translateX(2px)}
.wow-phone-cta{position:relative;overflow:hidden}
.wow-cta-t,.wow-cta-d{position:relative;z-index:1;transition:opacity .3s,transform .3s}
.wow-cta-d{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:translateY(8px)}
.wow-phone.done .wow-cta-t{opacity:0;transform:translateY(-8px)}
.wow-phone.done .wow-cta-d{opacity:1;transform:none}
.wow-cta-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:rgba(255,255,255,.14);transition:width .5s ease}
.wow-phone.done .wow-cta-fill{width:100%}
.wow-rows div{display:grid!important;grid-template-columns:28px 1fr auto;align-items:center;gap:10px}
.wow-rows img{width:28px;height:28px;object-fit:contain}
.wow-pill{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border:1px solid rgba(26,24,21,.18)}
.wow-bars{position:relative}
.wow-line{position:absolute;left:0;right:0;bottom:6px;height:1px;background:rgba(26,24,21,.12);animation:none}
.wow-bars i:not(.wow-line){animation:none;transform:scaleY(0);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.wow-dash.play .wow-bars i:not(.wow-line){transform:scaleY(1)}
.wow-rows div{opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s}
.wow-dash.play .wow-rows div{opacity:1;transform:none}
/* reel UIs: primary → ink */
.rx-send.on{background:#1A1815!important}
.rx-dot,.rx-caret{background:#1A1815!important}
.rx-plus,.rx-typed,.rx-rv-big,.rx-rv-row em,.rx-rv-tip b,.rx-rv-note,.rx-rv-human b{color:#1A1815!important}
.rx-rv-av,.rx-rv-tab,.rx-rv-ok,.rx-rv-pt,.rx-her-done,.rx-to::before,.rx-chat-av,.rx-msg.out{background:#1A1815!important;color:#fff!important}
.rx-rv-pt{box-shadow:0 0 0 0 rgba(26,24,21,.35)!important}
.rx-rv-row.is-active{box-shadow:inset 3px 0 0 #1A1815!important}
.rx-rv-legend i.in{border-top-color:#1A1815!important}
.rx-composer{background:#1A1815!important}
.rx-composer .rx-send.on{background:#fff!important;color:#1A1815!important}
.rx-composer .rx-typed,.rx-composer .rx-plus{color:#fff!important}
.rx-composer .rx-caret{background:#fff!important}
/* ---- Best way to screen: hover flip ---- */
.hw-checks{padding-top:clamp(56px,6vw,96px)}
.hw5-card.hw5-flip{perspective:1400px;background:transparent!important;padding:0!important;overflow:visible!important;transform:none!important}
.hw5-card.hw5-flip:hover{transform:none!important}
.hw5-face{position:absolute;inset:0;border-radius:12px;background:var(--card);color:var(--card-ink);display:flex;flex-direction:column;gap:10px;padding:34px 34px 0;box-sizing:border-box;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .7s cubic-bezier(.2,.8,.2,1);will-change:transform}
.hw5-front{transform:rotateY(0)}
.hw5-back{transform:rotateY(180deg);padding-bottom:34px;justify-content:flex-start}
.hw5-flip:hover .hw5-front,.hw5-flip:focus-visible .hw5-front{transform:rotateY(-180deg)}
.hw5-flip:hover .hw5-back,.hw5-flip:focus-visible .hw5-back{transform:rotateY(0)}
.hw5-back::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 100% 100%,rgba(255,255,255,.14),transparent 60%);pointer-events:none}
.hw5-bt{font-family:var(--serif);font-weight:420;font-size:clamp(24px,2vw,32px);line-height:1.1;letter-spacing:-.02em;text-wrap:balance}
.hw5-bl{display:grid;gap:12px;margin-top:auto;font-family:var(--sans);font-size:15px;line-height:1.4;opacity:.92}
.hw5-bl span{position:relative;padding-left:18px}
.hw5-bl span::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:1px;background:currentColor}
.hw5-more{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.hw5-face .hw5-img{position:absolute}
@media (max-width:760px){.hw5-face{padding:26px 26px 0}.hw5-back{padding-bottom:26px}.hw5-bl{font-size:14px;gap:8px}}
@media (prefers-reduced-motion:reduce){.hw5-face{transition:none}}
/* ---- Wow shots: ledger style ---- */
.wow2{margin-top:clamp(24px,3vw,40px);background:#fff;border:1px solid rgba(26,24,21,.12);padding:6px 22px 10px;font-family:var(--sans);color:var(--ink);box-shadow:0 24px 50px -30px rgba(26,24,21,.3)}
.wow2-row{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 0;border-top:1px solid rgba(26,24,21,.09)}
.wow2-row:first-child,.wow2-scale+.wow2-row{border-top:0}
.wow2-ic{color:var(--muted);flex:none}
.wow2-lab{display:flex;flex-direction:column;gap:3px;min-width:0}
.wow2-lab b{font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.wow2-lab small{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wow2-val{display:flex;align-items:baseline;gap:8px;white-space:nowrap}
.wow2-val s{color:var(--muted);font-size:13px;text-decoration:line-through;opacity:.7}
.wow2-big{font-family:var(--serif);font-size:clamp(20px,1.8vw,24px);letter-spacing:-.01em;line-height:1}
.wow2-chip{font-size:13px;padding:6px 12px;border-radius:999px;background:rgba(26,24,21,.06);color:var(--muted);transition:background .3s,color .3s,transform .3s}
.wow2-chip.on{background:rgba(26,24,21,.08);color:var(--ink)}
.wow2-chip.done{background:var(--ink);color:#fff}
.wow2-chip.now{background:rgba(26,24,21,.06);color:var(--ink)}
.wow2-chip.now::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ink);margin-right:7px;vertical-align:1px;animation:wowPulse 1.2s ease-in-out infinite}
.wow2-mono{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--muted)}
.wow2-more{grid-template-columns:minmax(0,1fr) auto}
/* step scale */
.wow2-scale{position:relative;display:grid;grid-template-columns:repeat(5,1fr);padding:16px 0 20px;border-bottom:1px solid rgba(26,24,21,.09);font-family:var(--mono);font-size:12px;color:var(--muted);text-align:center}
.wow2-scale span{transition:color .3s,font-weight .3s}
.wow2-scale span.on{color:var(--ink)}
.wow2-scale span.now{color:var(--ink);font-weight:600}
.wow2-knob{position:absolute;top:8px;left:calc(10% + var(--x,0)*20%);width:26px;height:26px;margin-left:-13px;border-radius:50%;border:1.5px solid var(--ink);background:#fff;transform:translateY(0);transition:left .5s cubic-bezier(.2,.8,.2,1);pointer-events:none;opacity:.9}
.wow2-foot{display:flex;justify-content:space-between;align-items:center;padding:14px 0 6px;border-top:1px solid rgba(26,24,21,.09);font-size:13px;color:var(--muted)}
.wow2-foot b{font-family:var(--mono);font-weight:500;color:var(--ink);letter-spacing:.06em}
/* step reveal for requester */
.wow2-req .wow2-row{opacity:0;transform:translateY(6px);transition:opacity .45s,transform .45s}
.wow2-req.play .wow2-row{opacity:1;transform:none}
@media (max-width:760px){.wow2{padding:4px 16px 8px}.wow2-row{gap:10px;padding:13px 0}.wow2-lab small{white-space:normal}}
/* ---- Rhythm: one section pad, one h2 scale (2026-09-21) ---- */
:root{--sec-pad:clamp(72px,8.5vw,128px);--h2:clamp(40px,4.6vw,70px)}
#wow,#checks,#integrate,#different,#verticals,#pricing,#customers,#faq{padding-top:var(--sec-pad)!important;padding-bottom:var(--sec-pad)!important;margin-top:0!important}
/* stacked sections meet with a single pad, not two */
#checks,#integrate,#different,#verticals,#pricing,#customers,#faq{padding-top:0!important}
#wow{padding-top:var(--sec-pad)!important}
.wow-h,.hw5-title,.ig-h,.ft-h,.vt-h,.pr-h,.cst-h,.faq-h{font-family:var(--serif)!important;font-weight:420!important;font-size:var(--h2)!important;line-height:1!important;letter-spacing:-.026em!important;margin-bottom:0!important}
.wow-h em,.ig-h em,.ft-h em,.vt-h em,.pr-h em{font-style:italic;font-weight:380}
/* eyebrow → title gap, title → support gap */
.ft-eyebrow+h2,.wow-head .ft-eyebrow+h2{margin-top:16px!important}
.wow-sub,.ig-sub,.hw-sub{margin-top:16px!important}
/* card grids sit one step below their heads */
.wow-grid,.hw5-rail,.ig-grid{margin-top:clamp(32px,4vw,56px)}
.hw5-head{margin-bottom:0!important}
#integrate .ig-grid{margin-top:0!important}
.toc.tq,.proof{padding-top:0!important;padding-bottom:var(--sec-pad)!important}
/* ---- rounded corners + drawer for applicant ---- */
.wow-card{border-radius:20px}
.wow2{border-radius:16px;padding-left:22px;padding-right:22px}
.wow2-chip{border-radius:999px}
.ig-term{border-radius:16px;overflow:hidden}
.hw5-face{border-radius:16px}
.wow-phone{margin:clamp(24px,3vw,40px) auto 0;width:min(100%,320px);background:#fff;border:1px solid rgba(26,24,21,.12);border-radius:28px;padding:14px 14px 16px;box-shadow:0 24px 50px -30px rgba(26,24,21,.3)}
.wow-phone-bar{display:flex;justify-content:center;padding:4px 0 14px}
.wow-phone-bar i{width:72px;height:5px;border-radius:3px;background:rgba(26,24,21,.14)}
.wow-taps{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-family:var(--sans);font-size:14px}
.wow-taps li{display:grid;grid-template-columns:40px auto 1fr 22px;align-items:center;gap:10px;padding:8px 12px 8px 8px;border:1px solid rgba(26,24,21,.1);border-radius:14px;color:var(--muted);transition:border-color .3s,color .3s,transform .3s,background .3s}
.wow-taps li.on{color:var(--ink)}
.wow-taps li.now{border-color:var(--ink);color:var(--ink);background:rgba(26,24,21,.03)}
.wow-ic{width:40px;height:40px;object-fit:contain;display:block;transition:transform .5s cubic-bezier(.2,.9,.2,1.2)}
.wow-taps li.on .wow-ic{transform:scale(1.04)}
.wow-taps li.now .wow-ic{animation:wowBob 1.2s ease-in-out infinite}
.wow-n{font-family:var(--mono);font-size:11px;letter-spacing:.06em}
.wow-st{position:relative;width:22px;height:22px;display:grid;place-items:center}
.wow-ck{position:absolute;opacity:0;transform:scale(.4);transition:opacity .25s,transform .35s cubic-bezier(.2,.9,.2,1.3);color:var(--ink)}
.wow-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--ink);opacity:0;animation:wowPulse 1.4s ease-in-out infinite}
.wow-taps li.on .wow-ck{opacity:1;transform:scale(1)}
.wow-taps li.now .wow-dot{opacity:1}
.wow-phone-cta{position:relative;overflow:hidden;margin-top:12px;height:46px;display:grid;place-items:center;background:var(--ink);color:#fff;border-radius:14px;font-family:var(--sans);font-size:14px;font-weight:500}
.wow-cta-t,.wow-cta-d{position:relative;z-index:1;transition:opacity .3s,transform .3s}
.wow-cta-d{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:translateY(8px)}
.wow-phone.done .wow-cta-t{opacity:0;transform:translateY(-8px)}
.wow-phone.done .wow-cta-d{opacity:1;transform:none}
.wow-cta-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:rgba(255,255,255,.14);transition:width .5s ease}
.wow-phone.done .wow-cta-fill{width:100%}
.wow-ic{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:rgba(26,24,21,.05);color:var(--ink);transition:background .3s,transform .3s}
.wow-taps li{grid-template-columns:36px auto 1fr 22px}
.wow-taps li.now .wow-ic{animation:none;background:var(--ink);color:#fff}
.wow-taps li.on .wow-ic{transform:none;background:rgba(26,24,21,.08)}
.wow2-chart{padding:16px 0 14px;border-bottom:1px solid rgba(26,24,21,.09)}
.wow2-chart-h{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}
.wow2-chart .wow-bars{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;height:120px;align-items:end;position:relative;padding-bottom:0;border-bottom:0}
.wow2-chart .wow-bars i:not(.wow-line){display:block;height:calc(var(--v)*100%);background:var(--ink);border-radius:4px 4px 2px 2px;transform-origin:bottom;transform:scaleY(0);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.wow2-chart .wow-bars i:not(.wow-line):nth-child(n+8){opacity:.9}
.wow2-req.play .wow2-chart .wow-bars i:not(.wow-line){transform:scaleY(1)}
.wow2-chart .wow-line{position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(26,24,21,.14)}
.wow2-axis{display:flex;justify-content:space-between;margin-top:8px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--muted)}
.wow2-chart+.wow2-row{border-top:0}
/* equalise the two shots */
.wow-grid{align-items:stretch}
.wow-card{display:flex;flex-direction:column}
.wow-phone,.wow2{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}
.wow-phone{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding:16px 18px 18px;border-radius:20px}
.wow-taps{flex:1 1 auto;grid-auto-rows:1fr;gap:10px}
.wow-taps li{padding:10px 14px 10px 10px;font-size:15px}
.wow-phone-cta{margin-top:14px;height:50px;flex:none}
.wow-phone-bar{padding:0 0 16px}
.wow2 .wow2-more{margin-top:auto}
/* compact shots */
.wow-grid{align-items:start}
.wow-phone,.wow2{flex:none}
.wow-taps{grid-auto-rows:auto;gap:8px}
.wow-taps li{padding:8px 12px 8px 8px;font-size:14px}
.wow-ic{width:32px;height:32px}
.wow-taps li{grid-template-columns:32px auto 1fr 22px}
.wow-phone{padding:12px 14px 14px}
.wow-phone-bar{padding:0 0 12px}
.wow-phone-cta{margin-top:10px;height:44px}
.wow2-chart .wow-bars{height:88px}
.wow2-chart{padding:12px 0 10px}
.wow2-row{padding:12px 0}
.wow2-lab small{font-size:12px}
/* ---- Use cases: 2×6 flap cards ---- */
#usecases{padding-top:0!important;padding-bottom:var(--sec-pad)!important}
.uc-head{display:flex;flex-direction:column;align-items:center;text-align:center}
.uc-h{font-family:var(--serif);font-weight:420;font-size:var(--h2);line-height:1;letter-spacing:-.026em;color:var(--ink);margin:0;text-wrap:balance}
.uc-h em{font-style:italic;font-weight:380}
.uc-sub{margin:16px 0 0;max-width:40ch;font-size:var(--fs-support,18px);line-height:1.5;color:var(--muted)}
.uc-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:clamp(32px,4vw,56px)}
.uc-card{position:relative;background:#fff;border:1px solid rgba(26,24,21,.12);border-radius:16px;padding:22px 16px 16px;display:flex;flex-direction:column;gap:12px;min-width:0;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.uc-card:hover{transform:translateY(-4px);box-shadow:0 24px 40px -28px rgba(26,24,21,.35)}
.uc-flap{position:absolute;top:-1px;left:14px;transform:translateY(-100%);padding:5px 10px 4px;background:var(--ink);color:#fff;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;border-radius:8px 8px 0 0;white-space:nowrap;max-width:calc(100% - 28px);overflow:hidden;text-overflow:ellipsis}
.uc-flap::after{content:"";position:absolute;right:-8px;bottom:0;width:8px;height:8px;background:var(--ink);clip-path:polygon(0 0,0 100%,100% 100%)}
.uc-client{display:flex;align-items:center;gap:10px;font-family:var(--sans);font-size:13px;color:var(--muted)}
.uc-client img,.uc-mono{width:38px;height:38px;border-radius:50%;object-fit:contain;background:#fff;border:1px solid rgba(26,24,21,.1);padding:6px;box-sizing:border-box}
.uc-mono{display:grid;place-items:center;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--ink);font-style:normal;background:rgba(26,24,21,.04)}
.uc-q{margin:0;padding:10px 12px;background:rgba(26,24,21,.05);border-radius:12px 12px 12px 4px;font-family:var(--sans);font-size:13px;line-height:1.4;color:var(--ink);text-wrap:pretty}
.uc-grid{row-gap:34px}
@media (max-width:1100px){.uc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:760px){.uc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;row-gap:30px}}
.uc-head .ft-eyebrow+.uc-h{margin-top:16px}
.uc-sub{max-width:46ch!important}
.uc-flap{left:-1px!important;right:-1px!important;max-width:none!important;display:flex;align-items:center;gap:7px;padding:7px 12px 6px!important;background:rgba(26,24,21,.07)!important;color:var(--ink)!important;border:1px solid rgba(26,24,21,.12);border-bottom:0;border-radius:12px 12px 0 0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.uc-flap::after{display:none!important}
.uc-flap svg{flex:none;color:var(--muted)}
.uc-card{border-top-left-radius:0!important;border-top-right-radius:0!important}
.uc-grid{row-gap:44px!important}
/* ---- Get started: featured + enterprise ---- */
#verticals .vt-head{text-align:center;display:flex;flex-direction:column;align-items:center}
#verticals .vt-sub{max-width:44ch;margin-top:16px}
.gs-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(16px,2vw,28px);margin-top:clamp(32px,4vw,56px)}
.gs-card{position:relative;border-radius:20px;padding:clamp(28px,3vw,44px);display:flex;flex-direction:column;gap:16px;min-width:0;overflow:hidden}
.gs-feat{background:var(--ink);color:#fff;min-height:440px}
.gs-ent{background:#fff;border:1px solid rgba(26,24,21,.12);color:var(--ink)}
.gs-tag{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.75}
.gs-h{margin:0;font-family:var(--serif);font-weight:420;font-size:clamp(30px,3vw,46px);line-height:1.02;letter-spacing:-.024em;max-width:14ch;text-wrap:balance}
.gs-h em{font-style:italic;font-weight:380}
.gs-p{margin:0;max-width:40ch;font-size:16px;line-height:1.5;opacity:.85;text-wrap:pretty}
.gs-feat .gs-p,.gs-feat .gs-h{position:relative;z-index:1;max-width:32ch}
.gs-feat .gs-h{max-width:12ch}
.gs-actions{display:flex;align-items:center;gap:20px;margin-top:auto;position:relative;z-index:1;flex-wrap:wrap}
.gs-feat .vt-link{color:#fff}
.gs-feat .btn.btn-dark{background:#fff;color:var(--ink)}
.btn-ghost{display:inline-flex;align-items:center;height:44px;padding:0 20px;border-radius:999px;border:1px solid var(--ink);color:var(--ink);font-family:var(--sans);font-size:14px;font-weight:500;text-decoration:none;transition:background .2s,color .2s}
.btn-ghost:hover{background:var(--ink);color:#fff}
.gs-list{list-style:none;margin:6px 0 10px;padding:0;display:grid;gap:0;font-size:15px}
.gs-list li{padding:11px 0;border-top:1px solid rgba(26,24,21,.1)}
.gs-list li:last-child{border-bottom:1px solid rgba(26,24,21,.1)}
.gs-art{position:absolute;right:-6%;bottom:-18%;width:52%;aspect-ratio:1100/1474;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent);opacity:.9}
.gs-art img{width:100%;height:100%;object-fit:cover;border-radius:14px;display:block}
@media (max-width:900px){.gs-grid{grid-template-columns:1fr}.gs-feat{min-height:0;padding-bottom:56%}.gs-art{width:70%;right:-10%;bottom:-24%}}
/* hot product: tenant screening */
.uc-hot{border-color:var(--ink)!important;box-shadow:0 18px 40px -28px rgba(26,24,21,.4)}
.uc-hot .uc-flap{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
.uc-hot .uc-flap svg{color:rgba(255,255,255,.7)}
.uc-hotk{margin-left:auto;font-family:var(--mono);font-size:9px;letter-spacing:.14em;padding:2px 6px;border-radius:999px;background:#fff;color:var(--ink);font-weight:600}
.uc-heat{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit}
.uc-heat i{position:absolute;bottom:-14px;left:calc(var(--x)*1%);width:var(--s);height:var(--s);border-radius:50%;border:1px solid rgba(26,24,21,.22);background:rgba(26,24,21,.04);animation:ucHeat var(--d) linear infinite;animation-delay:var(--dl);opacity:0}
@keyframes ucHeat{0%{transform:translateY(0) translateX(0) scale(.6);opacity:0}12%{opacity:.9}60%{transform:translateY(-70%) translateX(6px) scale(1)}100%{transform:translateY(-120%) translateX(-4px) scale(1.15);opacity:0}}
.uc-heat i:nth-child(1){--x:10;--s:8px;--d:4.2s;--dl:0s}
.uc-heat i:nth-child(2){--x:28;--s:12px;--d:5.1s;--dl:-1.3s}
.uc-heat i:nth-child(3){--x:45;--s:7px;--d:3.8s;--dl:-2.4s}
.uc-heat i:nth-child(4){--x:60;--s:14px;--d:5.6s;--dl:-.7s}
.uc-heat i:nth-child(5){--x:74;--s:9px;--d:4.6s;--dl:-3.1s}
.uc-heat i:nth-child(6){--x:86;--s:11px;--d:5.3s;--dl:-1.9s}
.uc-heat i:nth-child(7){--x:36;--s:6px;--d:4.0s;--dl:-3.6s}
.uc-heat i:nth-child(8){--x:52;--s:10px;--d:4.9s;--dl:-.3s}
.uc-heat{animation:none}
.uc-hot .uc-client,.uc-hot .uc-q{position:relative;z-index:1}
@media (prefers-reduced-motion:reduce){.uc-heat{display:none}}
/* ---- Two ways in: cinematic cards ---- */
.gs-card{min-height:520px;color:#fff;border:0!important;isolation:isolate}
.gs-feat{background:#2a0507}
.gs-ent{background:#022082!important;color:#f3ede2!important}
.gs-bg{position:absolute;inset:0;z-index:-2}
.gs-bg img{width:100%;height:100%;object-fit:cover;object-position:70% 30%;display:block;transform:scale(1.04);transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.gs-card:hover .gs-bg img{transform:scale(1.09)}
.gs-bg-ent img{object-position:80% 40%;filter:saturate(.9)}
.gs-scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(26,24,21,.92) 0%,rgba(26,24,21,.78) 42%,rgba(26,24,21,.25) 100%),linear-gradient(0deg,rgba(26,24,21,.85) 0%,transparent 45%)}
.gs-scrim-ent{background:linear-gradient(90deg,rgba(2,32,130,.94) 0%,rgba(2,32,130,.8) 50%,rgba(2,32,130,.3) 100%),linear-gradient(0deg,rgba(2,32,130,.85) 0%,transparent 45%)}
.gs-scan{position:absolute;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px);mix-blend-mode:overlay}
.gs-card>*:not(.gs-bg):not(.gs-scrim):not(.gs-scan){position:relative;z-index:1}
.gs-tag{display:inline-flex;align-items:center;gap:8px;opacity:.85}
.gs-live{width:7px;height:7px;border-radius:50%;background:#ff4d4d;box-shadow:0 0 0 0 rgba(255,77,77,.6);animation:gsLive 1.6s ease-out infinite}
@keyframes gsLive{0%{box-shadow:0 0 0 0 rgba(255,77,77,.6)}100%{box-shadow:0 0 0 9px rgba(255,77,77,0)}}
.gs-h{max-width:12ch;font-size:clamp(34px,3.4vw,54px)}
.gs-ent .gs-h{max-width:14ch}
.gs-p{opacity:.9;max-width:36ch}
.gs-stack{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px}
.gs-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:0;transform:translateY(8px)}
.gs-chip.on{opacity:1;transform:none;transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1.2)}
.gs-clock{margin-left:auto;font-family:var(--mono);font-size:22px;letter-spacing:.06em;font-variant-numeric:tabular-nums;opacity:.95}
.gs-clock b{font-weight:500}
.gs-pills{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.gs-pills li{padding:8px 12px;border-radius:999px;border:1px solid rgba(243,237,226,.35);font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#f3ede2;background:rgba(243,237,226,.06);transition:background .2s,transform .2s}
.gs-pills li:hover{background:rgba(243,237,226,.16);transform:translateY(-1px)}
.gs-ghost-light{border-color:#f3ede2!important;color:#f3ede2!important;gap:8px}
.gs-ghost-light:hover{background:#f3ede2!important;color:#022082!important}
.gs-feat .vt-link{color:#fff}
.gs-art{display:none}
@media (max-width:900px){.gs-card{min-height:0;padding-bottom:36px!important}.gs-feat{padding-bottom:36px!important}}
/* heat bubbles: fixed-px travel so they actually rise through the card */
.uc-heat i{bottom:-16px!important;animation-name:ucHeat2!important}
@keyframes ucHeat2{0%{transform:translateY(0) translateX(0) scale(.5);opacity:0}10%{opacity:.85}55%{transform:translateY(-110px) translateX(7px) scale(1)}100%{transform:translateY(-200px) translateX(-5px) scale(1.2);opacity:0}}
.uc-hotk{display:inline-flex;align-items:center;gap:3px}
.uc-card{padding:18px 16px 16px!important;gap:12px!important}
.uc-flap{padding:7px 12px 6px!important}
.uc-hotk{margin-left:8px;padding:2px 7px}
.uc-flap{gap:6px}
/* retro pixel flames along the bottom of hot cards */
.uc-heat{-webkit-mask-image:linear-gradient(180deg,transparent 0,transparent 30%,#000 60%);mask-image:linear-gradient(180deg,transparent 0,transparent 30%,#000 60%)}
.uc-heat i{border:0!important;border-radius:0!important;background:none!important;width:var(--s)!important;height:calc(var(--s)*1.6)!important;bottom:-4px!important;opacity:1!important;image-rendering:pixelated;animation:ucFlame var(--d) steps(6,end) infinite!important;animation-delay:var(--dl)!important;
background-image:
linear-gradient(#f2b632,#f2b632) , /* core */
linear-gradient(#e2521a,#e2521a) , /* mid */
linear-gradient(#ad0308,#ad0308) /* base */ !important;
background-size:34% 34%,60% 60%,100% 55%!important;background-position:50% 22%,50% 48%,50% 100%!important;background-repeat:no-repeat!important;
filter:drop-shadow(0 0 6px rgba(226,82,26,.55))}
@keyframes ucFlame{0%{transform:translateY(0) scaleY(.8);opacity:.9}20%{transform:translateY(-6px) scaleY(1.15) translateX(1px)}40%{transform:translateY(-3px) scaleY(.9) translateX(-1px)}60%{transform:translateY(-8px) scaleY(1.25)}80%{transform:translateY(-2px) scaleY(.95) translateX(1px)}100%{transform:translateY(0) scaleY(.8);opacity:.9}}
.uc-heat i:nth-child(1){--x:4;--s:10px;--d:.7s;--dl:0s}
.uc-heat i:nth-child(2){--x:16;--s:14px;--d:.6s;--dl:-.2s}
.uc-heat i:nth-child(3){--x:29;--s:9px;--d:.8s;--dl:-.4s}
.uc-heat i:nth-child(4){--x:41;--s:16px;--d:.55s;--dl:-.1s}
.uc-heat i:nth-child(5){--x:55;--s:11px;--d:.75s;--dl:-.3s}
.uc-heat i:nth-child(6){--x:67;--s:15px;--d:.65s;--dl:-.5s}
.uc-heat i:nth-child(7){--x:80;--s:10px;--d:.7s;--dl:-.15s}
.uc-heat i:nth-child(8){--x:91;--s:13px;--d:.6s;--dl:-.35s}
.uc-hot::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34px;background:linear-gradient(0deg,rgba(226,82,26,.18),transparent);border-radius:0 0 16px 16px;pointer-events:none}
/* heat v3: soft glow + embers */
.uc-heat{-webkit-mask-image:none!important;mask-image:none!important}
.uc-heat i{width:3px!important;height:3px!important;border-radius:50%!important;background:#e2521a!important;background-image:none!important;filter:none!important;bottom:-4px!important;opacity:0!important;left:calc(var(--x)*1%)!important;animation:ucEmber var(--d) ease-out infinite!important;animation-delay:var(--dl)!important;box-shadow:0 0 6px 1px rgba(226,82,26,.6)}
@keyframes ucEmber{0%{transform:translateY(0) translateX(0);opacity:0}15%{opacity:.9}100%{transform:translateY(-120px) translateX(calc(var(--dx,6)*1px));opacity:0}}
.uc-heat i:nth-child(1){--x:12;--d:3.2s;--dl:0s;--dx:8}
.uc-heat i:nth-child(2){--x:26;--d:2.7s;--dl:-1.1s;--dx:-6}
.uc-heat i:nth-child(3){--x:40;--d:3.6s;--dl:-2.2s;--dx:5}
.uc-heat i:nth-child(4){--x:55;--d:2.9s;--dl:-.6s;--dx:-8}
.uc-heat i:nth-child(5){--x:70;--d:3.4s;--dl:-1.8s;--dx:7}
.uc-heat i:nth-child(6){--x:84;--d:3.0s;--dl:-2.6s;--dx:-4}
.uc-heat i:nth-child(7){--x:33;--d:3.8s;--dl:-.3s;--dx:3}
.uc-heat i:nth-child(8){--x:62;--d:2.6s;--dl:-1.5s;--dx:-3}
.uc-hot::after{height:64px!important;background:linear-gradient(0deg,rgba(226,82,26,.22),rgba(226,82,26,0))!important;animation:ucGlow 2.4s ease-in-out infinite}
@keyframes ucGlow{0%,100%{opacity:.7}50%{opacity:1}}
.uc-hot{border-color:rgba(226,82,26,.45)!important}
.uc-hot .uc-flap{background:linear-gradient(90deg,#ad0308,#e2521a)!important;border-color:transparent!important}
/* flap colours, final */
.uc-card .uc-flap{background:rgba(26,24,21,.06)!important;color:var(--ink)!important;border-color:rgba(26,24,21,.12)!important;overflow:visible!important}
.uc-card .uc-flap svg{color:var(--muted)!important}
.uc-card.uc-hot .uc-flap{background:#f6e3d6!important;color:#7a1a08!important;border-color:rgba(226,82,26,.35)!important}
.uc-card.uc-hot .uc-flap svg{color:#c2410c!important}
.uc-hotk{margin-left:auto!important;background:#e2521a!important;color:#fff!important;flex:none}
.uc-flap{padding-right:8px!important}
.uc-card.uc-hot{border-color:rgba(226,82,26,.35)!important}
.uc-card .uc-flap{padding:6px 10px 5px 12px!important;gap:6px!important;white-space:nowrap}
.uc-flap>svg{flex:none}
.uc-hotk{margin-left:auto!important;padding:2px 7px!important;font-size:9px!important;letter-spacing:.1em!important;line-height:1.4}
@media (max-width:1300px){.uc-card .uc-flap{font-size:9px!important;letter-spacing:.1em!important}}
.uc-hotk{position:absolute!important;top:6px;right:8px;z-index:3;margin:0!important;padding:4px 9px!important;border-radius:999px;background:#e2521a!important;color:#fff!important;font-family:var(--mono);font-size:9px!important;letter-spacing:.12em!important;text-transform:uppercase;font-weight:600;box-shadow:0 6px 14px -8px rgba(226,82,26,.7);transform:rotate(3deg)}
.uc-card .uc-flap{padding-right:12px!important}
/* hot: stronger, always-on motion */
.uc-hotk{animation:ucSticker 2.2s ease-in-out infinite}
@keyframes ucSticker{0%,100%{transform:rotate(3deg) scale(1)}50%{transform:rotate(-2deg) scale(1.06)}}
.uc-heat i{width:4px!important;height:4px!important;box-shadow:0 0 8px 2px rgba(226,82,26,.7)!important}
@keyframes ucEmber{0%{transform:translateY(0) translateX(0);opacity:0}12%{opacity:1}100%{transform:translateY(-150px) translateX(calc(var(--dx,6)*1px));opacity:0}}
.uc-hot::after{height:90px!important;background:linear-gradient(0deg,rgba(226,82,26,.28),rgba(226,82,26,0))!important}
.uc-hot{box-shadow:0 18px 40px -26px rgba(226,82,26,.55)!important;animation:ucHotBorder 2.4s ease-in-out infinite}
@keyframes ucHotBorder{0%,100%{border-color:rgba(226,82,26,.3)}50%{border-color:rgba(226,82,26,.7)}}
/* hot sticker: gradient tag with sweeping glare */
.uc-hotk{display:inline-flex!important;align-items:center;gap:5px;top:-10px!important;right:10px!important;padding:6px 12px 6px 10px!important;border-radius:9px!important;background:linear-gradient(100deg,#ff3d3d 0%,#ff2d7a 55%,#ff5a1f 100%)!important;color:#fff!important;font-family:var(--sans)!important;font-weight:800!important;font-style:italic;font-size:11px!important;letter-spacing:.04em!important;text-transform:uppercase;box-shadow:0 8px 18px -8px rgba(255,61,61,.7),inset 0 1px 0 rgba(255,255,255,.35)!important;overflow:hidden;transform:rotate(0)!important;animation:none!important}
.uc-hotk svg{flex:none}
.uc-glare{position:absolute;top:-40%;bottom:-40%;left:-30%;width:28%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);transform:skewX(-20deg);animation:ucGlare 2.6s ease-in-out infinite}
@keyframes ucGlare{0%,55%{left:-40%}85%,100%{left:130%}}
/* hot: animated heat-haze background */
.uc-hot{background:#fff!important;overflow:hidden}
.uc-hot::before{content:"";position:absolute;inset:-40%;z-index:0;pointer-events:none;
background:
radial-gradient(40% 30% at 20% 90%,rgba(255,61,61,.28),transparent 70%),
radial-gradient(35% 28% at 75% 100%,rgba(255,90,31,.26),transparent 70%),
radial-gradient(30% 25% at 50% 80%,rgba(255,45,122,.16),transparent 70%);
filter:blur(14px);animation:ucHaze 7s ease-in-out infinite alternate}
@keyframes ucHaze{0%{transform:translate(0,4%) rotate(0deg) scale(1)}50%{transform:translate(-3%,-2%) rotate(3deg) scale(1.08)}100%{transform:translate(3%,2%) rotate(-3deg) scale(1.02)}}
.uc-hot::after{background:linear-gradient(0deg,rgba(255,90,31,.14),rgba(255,90,31,0))!important;height:100%!important;animation:ucGlow 3s ease-in-out infinite!important}
.uc-hot>*{position:relative;z-index:1}
.uc-hot .uc-heat{z-index:1}
.uc-hot .uc-hotk{z-index:3}
.uc-hot .uc-q{background:rgba(255,255,255,.7)!important;backdrop-filter:blur(4px)}
.uc-hot .uc-flap{position:absolute;z-index:2}
/* hot card fix: flap visible, sticker not clipped */
.uc-hot{overflow:visible!important}
.uc-hot .uc-flap{position:absolute!important;top:-1px!important;left:-1px!important;right:-1px!important;transform:translateY(-100%)!important;z-index:2}
.uc-hot::before,.uc-hot::after{border-radius:0 0 16px 16px;overflow:hidden}
.uc-hot::before{inset:0!important;background:
radial-gradient(60% 45% at 20% 100%,rgba(255,61,61,.26),transparent 70%),
radial-gradient(55% 40% at 80% 100%,rgba(255,90,31,.24),transparent 70%),
radial-gradient(45% 35% at 50% 90%,rgba(255,45,122,.14),transparent 70%);
background-size:200% 200%;filter:blur(10px);animation:ucHaze2 6s ease-in-out infinite alternate}
@keyframes ucHaze2{0%{background-position:0% 100%}100%{background-position:100% 80%}}
.uc-hot .uc-heat{overflow:hidden;border-radius:0 0 16px 16px}
.uc-card .uc-flap{z-index:4!important}
.uc-hot::before,.uc-hot::after{z-index:0!important}
.uc-grid{align-items:stretch}
.uc-card{height:100%}
.uc-client img,.uc-mono{width:34px!important;height:34px!important}
.uc-q{flex:1 1 auto;display:flex;align-items:flex-start}
.uc-hotk{top:10px!important;right:10px!important;z-index:5!important}
.uc-hot .uc-client{padding-right:64px}
.uc-hotk{transform:rotate(-6deg)!important;box-shadow:0 6px 12px -4px rgba(255,61,61,.45),0 2px 4px rgba(26,24,21,.12),inset 0 1px 0 rgba(255,255,255,.35)!important}
.uc-hotk{transform:rotate(6deg)!important;animation:ucStickerSway 2.8s ease-in-out infinite!important}
@keyframes ucStickerSway{0%,100%{transform:rotate(6deg) translateY(0)}50%{transform:rotate(8deg) translateY(-2px)}}
.uc-hotk{font-size:13px!important;padding:6px 13px 6px 11px!important;gap:6px!important}
.uc-hotk svg{width:13px;height:13px}
.uc-hotk{font-weight:900!important;font-size:14px!important;letter-spacing:.02em!important;padding:8px 14px 8px 12px!important;border-radius:11px!important}
.uc-hotk svg{width:15px;height:15px}
.gs-card{border-radius:20px!important;overflow:hidden!important;clip-path:inset(0 round 20px);-webkit-mask-image:-webkit-radial-gradient(#fff,#000);transform:translateZ(0)}
.gs-bg{border-radius:20px;overflow:hidden}
.gs-ent .btn-ghost,.gs-ent .gs-ghost-light{background:transparent!important;border:1px solid #f3ede2!important;color:#f3ede2!important}
.gs-ent .btn-ghost:hover,.gs-ent .gs-ghost-light:hover{background:#f3ede2!important;color:#022082!important}
.gs-ent .btn-ghost svg{color:inherit}
/* ---- Testimonials with KPIs ---- */
.tm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin-top:clamp(32px,4vw,56px)}
.tm-card{display:flex;flex-direction:column;gap:22px;padding:clamp(24px,2.4vw,34px);background:#fff;border:1px solid rgba(26,24,21,.12);border-radius:20px;min-width:0}
.tm-q{margin:0;font-family:var(--serif);font-size:clamp(20px,1.6vw,24px);line-height:1.3;letter-spacing:-.01em;color:var(--ink);text-wrap:pretty;flex:1 1 auto}
.tm-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding-top:18px;border-top:1px solid rgba(26,24,21,.1)}
.tm-who{display:flex;align-items:center;gap:10px;min-width:0}
.tm-who img{width:28px;height:28px;border-radius:50%;object-fit:contain;border:1px solid rgba(26,24,21,.1);background:#fff;padding:3px;box-sizing:border-box}
.tm-who span{display:flex;flex-direction:column;line-height:1.2}
.tm-who b{font-family:var(--sans);font-weight:600;font-size:14px;color:var(--ink)}
.tm-who small{font-size:12px;color:var(--muted)}
.tm-kpi{display:flex;flex-direction:column;align-items:flex-end;text-align:right;flex:none}
.tm-kpi b{font-family:var(--serif);font-weight:420;font-size:clamp(26px,2.2vw,34px);line-height:1;letter-spacing:-.02em;color:var(--ink)}
.tm-kpi small{margin-top:4px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);max-width:12em}
.tm-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);text-decoration:none}
.tm-link:hover{text-decoration:underline}
.cst .cst-nav,.cst .cst-dots{display:none!important}
@media (max-width:900px){.tm-grid{grid-template-columns:1fr}}
/* ---- Testimonials: flat full-width marquee ---- */
.tm-marquee{margin:clamp(32px,4vw,56px) calc(50% - 50vw) 0;width:100vw;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.tm-track{display:flex;gap:0;width:max-content;animation:tmScroll 48s linear infinite}
.tm-marquee:hover .tm-track{animation-play-state:paused}
@keyframes tmScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.tm-card{width:min(440px,82vw);flex:none;border-radius:0!important;border:0!important;border-left:1px solid rgba(26,24,21,.12)!important;background:transparent!important;padding:8px clamp(24px,2.4vw,40px) 8px!important;gap:26px!important}
.tm-track .tm-card:first-child{border-left:0!important}
.tm-foot{border-top:0!important;padding-top:0!important}
.tm-q{font-size:clamp(20px,1.5vw,23px)!important}
@media (prefers-reduced-motion:reduce){.tm-track{animation:none}}
.tm-card,.tm-track,.tm-marquee{box-shadow:none!important}
.tm-card{background:transparent!important}
.cst .cst-vp,.cst .cst-card,.cst .cst-tile{box-shadow:none!important}
/* final CTA: shorter */
.fin{padding:clamp(56px,7vw,96px) 0!important}
.fin-card{padding:clamp(40px,4.5vw,64px) clamp(32px,4.5vw,64px)!important;max-width:760px}
.fin-h{font-size:clamp(44px,5.4vw,72px)!important;line-height:1!important}
.fin-p{margin-top:16px!important}
.fin-ctas{margin-top:28px!important}
/* reel title: never clip the wordmark / props */
.rx-title,.rx-title-x{overflow:visible!important;padding:.25em .4em!important;line-height:1.1!important}
.rx-title .rx-w{overflow:visible!important}
.rx-inl{overflow:visible!important}
.rx-title-x{font-size:clamp(28px,4.6vw,64px)!important;max-width:16ch;margin:0 auto!important;left:0!important;right:0!important;padding:.2em .5em!important;line-height:1.08!important}
.rx-inl{height:.95em!important}
@media (max-width:760px){.rx-title-x{font-size:clamp(24px,7vw,36px)!important;max-width:14ch}}
/* end card reads on one line */
.rx-title-x.rx-end{max-width:none!important;white-space:nowrap}
/* ---- Desktop: hamburger opens a horizontal mega-dropdown ---- */
@media (min-width:1200px){
.mobile-nav{position:fixed!important;top:var(--hdr-h,72px)!important;left:0!important;right:0!important;bottom:auto!important;width:auto!important;max-width:none!important;height:auto!important;max-height:calc(100vh - var(--hdr-h,72px));transform:translateY(-8px)!important;opacity:0;pointer-events:none;background:var(--bg,#faf9f5)!important;border-bottom:1px solid rgba(26,24,21,.12);box-shadow:0 30px 60px -40px rgba(26,24,21,.35)!important;transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1)!important;overflow:auto}
.mobile-nav.open,.mobile-nav.is-open,body.nav-open .mobile-nav{transform:translateY(0)!important;opacity:1;pointer-events:auto}
.m-scroll{max-width:1240px;margin:0 auto;padding:36px 48px 40px!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:40px;align-items:start;overflow:visible!important;height:auto!important}
.m-acc{border:0!important;padding:0!important;margin:0!important}
.m-acc-btn{pointer-events:none;padding:0 0 14px!important;border:0!important;border-bottom:1px solid rgba(26,24,21,.12)!important;font-family:var(--mono)!important;font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--muted)!important;background:transparent!important;width:100%;display:flex;align-items:center;gap:8px}
.m-acc-btn .m-tog{display:none!important}
.m-acc-btn .m-ico{width:14px;height:14px;opacity:.7}
.m-acc-body{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;opacity:1!important}
.m-acc-inner{display:flex;flex-direction:column;gap:2px;padding:14px 0 0!important}
.m-acc-inner a{padding:8px 0!important;font-family:var(--sans)!important;font-size:15px!important;color:var(--ink)!important;border:0!important;text-decoration:none;border-radius:6px;transition:opacity .15s}
.m-acc-inner a:hover{opacity:.6}
.m-grp-h{margin:12px 0 4px!important;font-family:var(--mono)!important;font-size:10px!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--muted)!important}
.m-acc-inner .m-grp-h:first-child{margin-top:0!important}
.m-scroll>*:not(.m-acc){grid-column:1/-1;display:flex;gap:16px;align-items:center;justify-content:flex-start;padding-top:20px;border-top:1px solid rgba(26,24,21,.12);margin-top:8px}
.m-cta,.m-ctas{grid-column:1/-1}
}
@media (min-width:1200px){ body:has(.mobile-nav.open) .nav-backdrop,body:has(.mobile-nav.is-open) .nav-backdrop{top:var(--hdr-h,72px)} }
@media (min-width:1200px){
:root{--hdr-h:57px}
body.menu-open .mobile-nav{transform:translateY(0)!important;opacity:1!important;pointer-events:auto!important}
.mobile-nav{width:100vw!important;height:auto!important}
}
@media (min-width:1200px){
.mobile-nav{display:block!important;visibility:visible!important;left:0!important;transform:translateY(-8px)!important}
body.menu-open .mobile-nav{transform:translateY(0)!important}
.m-acc .m-acc-body{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;opacity:1!important;visibility:visible!important;transition:none!important}
.m-acc .m-acc-inner{opacity:1!important;transform:none!important}
.m-scroll{grid-template-columns:repeat(4,minmax(0,1fr))!important;padding:32px 40px 36px!important;gap:32px!important}
}
/* desktop dropdown: force accordions open + columns */
@media (min-width:1200px){
.mobile-nav .m-acc-body{grid-template-rows:1fr!important;display:grid!important}
.mobile-nav .m-acc-inner{overflow:visible!important;min-height:0}
.mobile-nav .m-scroll{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
.mobile-nav .m-acc-btn{cursor:default}
}
/* ---- Use cases on mobile: 3 rows, horizontal snap carousel ---- */
@media (max-width:760px){
.uc .wrap{padding-left:0!important;padding-right:0!important}
.uc-head{padding:0 20px}
.uc-grid{display:grid!important;grid-auto-flow:column!important;grid-template-columns:none!important;grid-template-rows:repeat(3,auto)!important;grid-auto-columns:min(78vw,300px)!important;gap:14px!important;row-gap:38px!important;overflow-x:auto!important;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:30px 20px 20px!important;scrollbar-width:none}
.uc-grid::-webkit-scrollbar{display:none}
.uc-card{scroll-snap-align:start;height:auto!important}
}
header .brand .mark img,header .brand img{height:38px!important;width:auto!important}
header .brand{font-size:22px!important;gap:10px!important}
@media (max-width:760px){header .brand .mark img,header .brand img{height:32px!important}header .brand{font-size:20px!important}}
.rx-grid{padding:clamp(34px,7%,64px) clamp(44px,9%,120px)!important}
@media (max-width:760px){.rx-grid{padding:9% 5%!important}.rx-tile img{width:12vw!important;height:12vw!important}}
.rx-tile img{max-width:100%;max-height:100%}
/* ---- Use cases mobile: three counter-scrolling marquee rows ---- */
.uc-rows{display:none}
@media (max-width:760px){
.uc-grid{display:none!important}
.uc-rows{display:grid;gap:40px;margin:36px calc(50% - 50vw) 0;width:100vw;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.uc-row{overflow:hidden;padding-top:26px}
.uc-row-track{display:flex;gap:14px;width:max-content;will-change:transform}
.uc-row-1 .uc-row-track{animation:ucRowL 38s linear infinite}
.uc-row-2 .uc-row-track{animation:ucRowR 46s linear infinite}
.uc-row-3 .uc-row-track{animation:ucRowL 30s linear infinite}
@keyframes ucRowL{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes ucRowR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.uc-row .uc-card{width:min(74vw,290px);flex:none;height:auto!important}
.uc-rows:active .uc-row-track{animation-play-state:paused}
}
/* testimonial KPI: no rule, tidy alignment */
.tm-kpi{border:0!important;padding:0!important;align-items:flex-end!important;text-align:right!important;gap:6px}
.tm-kpi::before,.tm-kpi::after{display:none!important}
.tm-kpi b{border:0!important;padding:0!important}
.tm-kpi small{margin:0!important;max-width:14em!important;line-height:1.35}
.tm-foot{align-items:flex-end!important;gap:20px!important;border:0!important}
.tm-foot::before{display:none!important}
.tm-who{align-self:flex-end}
@media (min-width:1200px){.mobile-nav .m-scroll{padding-top:28px!important;padding-bottom:32px!important}.mobile-nav{padding-top:0!important}.mobile-nav .m-scroll>*:first-child{margin-top:0!important}.m-acc-btn{font-size:11px!important;letter-spacing:.12em!important}}
@media (min-width:1200px){
.mobile-nav .m-scroll{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:24px!important;padding:22px 40px 26px!important}
.mobile-nav .m-acc-btn{padding-bottom:10px!important;font-size:10px!important}
.mobile-nav .m-acc-inner{padding-top:10px!important;gap:0!important}
.mobile-nav .m-acc-inner a{padding:5px 0!important;font-size:14px!important;line-height:1.3}
.mobile-nav .m-grp-h{margin:8px 0 2px!important}
.mobile-nav .m-acc-inner .m-grp-h:first-child{margin-top:0!important}
.mobile-nav .m-scroll>*:not(.m-acc){padding-top:14px!important;margin-top:4px!important}
}
@media (min-width:1200px) and (max-width:1100px){.mobile-nav .m-acc-btn{font-size:9px!important;letter-spacing:.1em!important}.mobile-nav .m-scroll{padding-left:28px!important;padding-right:28px!important}}
/* the float/merge transform was being clipped by the tile's own paint containment */
.rx-tile{contain:none!important;overflow:visible!important}
.rx-grid{overflow:visible!important}
.rx-cam{overflow:visible!important}
/* uc quote: plain editorial line, no pill */
.uc-q{background:transparent!important;border:0!important;border-radius:0!important;padding:14px 0 0!important;margin-top:auto;box-shadow:none!important;position:relative}
.uc-q::before{content:"";position:absolute;left:0;top:0;width:28px;height:1px;background:rgba(26,24,21,.25)}
.uc-q,.uc-q p,.uc-q span{font-family:var(--serif)!important;font-size:17px!important;line-height:1.35!important;letter-spacing:-.005em!important;color:var(--ink)!important;font-style:italic;text-wrap:pretty}
.uc-hot .uc-q::before{background:rgba(26,24,21,.3)}
/* testimonial foot: everything on one baseline */
.tm-foot{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center!important;gap:20px;padding-top:0!important}
.tm-kpi{flex-direction:row!important;align-items:baseline!important;gap:10px;text-align:left!important}
.tm-kpi b{font-size:clamp(28px,2.2vw,36px)!important;line-height:1!important}
.tm-kpi small{margin-top:0!important;max-width:11em;line-height:1.25;text-align:left}
.tm-who{align-self:center}
.tm-link{align-self:flex-start;margin-top:-6px}
.tm-card{gap:22px!important}
@media (min-width:1200px){
#mobileNav .m-scroll{padding:14px 40px 22px!important;gap:28px!important}
#mobileNav .m-acc-btn{padding:0 0 8px!important;margin:0!important}
#mobileNav .m-acc-inner{padding-top:8px!important;gap:0!important}
#mobileNav .m-acc-inner a,#mobileNav .m-acc-body a{padding:4px 0!important;margin:0!important;min-height:0!important;font-size:17px!important;line-height:1.3!important;font-weight:450}
#mobileNav .m-grp-h{margin:8px 0 2px!important;padding:0!important;font-size:10px!important}
#mobileNav .m-acc-inner .m-grp-h:first-child{margin-top:0!important}
#mobileNav .m-acc-inner a svg{width:12px;height:12px}
}
@media (min-width:1200px){
#mobileNav .m-acc{display:flex;flex-direction:column}
#mobileNav .m-acc-btn{height:28px!important;padding:0!important;border-bottom:0!important;align-items:center}
#mobileNav .m-acc-btn>*{margin:0!important}
#mobileNav .m-acc-body{border-top:1px solid rgba(26,24,21,.12);margin-top:6px}
#mobileNav .m-acc-inner{padding-top:10px!important}
#mobileNav .m-acc-inner>.m-grp-h:first-child{margin-top:0!important}
}
@media (min-width:1200px){
#mobileNav .m-acc-btn{height:auto!important;min-height:0!important;line-height:1!important;padding:0!important;margin:0!important;display:flex!important}
#mobileNav .m-acc-btn .m-ico,#mobileNav .m-acc-btn .m-ico svg{width:14px!important;height:14px!important;margin:0!important}
#mobileNav .m-acc-body{margin-top:8px!important}
#mobileNav .m-acc-inner{padding-top:8px!important}
}
@media (min-width:1200px){
#mobileNav button.m-acc-btn{height:16px!important;min-height:16px!important;max-height:16px!important;padding:0!important;margin:0!important;box-sizing:content-box!important;overflow:visible!important}
#mobileNav .m-handle,#mobileNav .m-grab,#mobileNav .m-scroll::before,#mobileNav::before{display:none!important}
#mobileNav{padding-top:0!important}
}
/* testimonial foot v3: stacked, nothing squeezed */
.tm-card{width:min(480px,86vw)!important}
.tm-foot{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:18px!important}
.tm-kpi{display:flex!important;flex-direction:row!important;align-items:baseline!important;gap:12px!important;order:0}
.tm-kpi b{font-size:clamp(34px,2.6vw,42px)!important;line-height:1!important;white-space:nowrap}
.tm-kpi small{max-width:none!important;white-space:normal;line-height:1.3}
.tm-who{order:1;display:flex!important;align-items:center!important;gap:10px!important}
.tm-who span{flex-direction:row!important;gap:8px!important;align-items:baseline;white-space:nowrap}
.tm-who small::before{content:"·";margin-right:8px;color:var(--muted)}
.tm-who b{font-size:14px!important;white-space:nowrap}
.tm-link{margin-top:2px!important}
@media (min-width:1200px){#mobileNav .m-scroll{padding-top:26px!important;padding-bottom:30px!important}}
@media (min-width:1200px){
body.menu-open header,body.menu-open .site-header,body.menu-open .hdr{background:var(--bg,#faf9f5)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#mobileNav{background:var(--bg,#faf9f5)!important;box-shadow:0 -10px 0 0 var(--bg,#faf9f5),0 30px 60px -40px rgba(26,24,21,.35)!important}
#mobileNav .m-scroll>*:not(.m-acc),#mobileNav .m-cta,#mobileNav .m-ctas,#mobileNav .m-foot{display:none!important}
}
/* hot card: keep haze/embers below the text, no box behind the quote */
.uc-hot .uc-q{background:transparent!important;border:0!important;box-shadow:none!important;position:relative;z-index:2}
.uc-hot .uc-client{position:relative;z-index:2}
.uc-hot::before,.uc-hot::after,.uc-hot .uc-heat{z-index:0!important}
.uc-hot::before{background:
radial-gradient(70% 40% at 15% 100%,rgba(255,61,61,.18),transparent 70%),
radial-gradient(60% 36% at 85% 100%,rgba(255,90,31,.16),transparent 70%)!important;filter:blur(14px)!important}
.uc-hot::after{display:none!important}
/* testimonial foot v4: quiet stack */
.tm-foot{gap:14px!important;align-items:flex-start!important}
.tm-kpi{flex-direction:column!important;align-items:flex-start!important;gap:4px!important}
.tm-kpi b{font-size:clamp(36px,2.8vw,44px)!important}
.tm-kpi small{font-family:var(--sans)!important;font-size:14px!important;letter-spacing:0!important;text-transform:none!important;color:var(--muted)!important;line-height:1.35}
.tm-who{justify-content:flex-start!important;align-self:flex-start!important;margin-top:4px}
.tm-who img{width:24px!important;height:24px!important}
.tm-who b{font-weight:500!important}
.tm-link{align-self:flex-start!important;margin-top:0!important}
.tm-card{gap:18px!important}
@media (min-width:1200px){#mobileNav .m-acc-inner{display:flex!important;flex-direction:column!important;grid-template-columns:none!important}#mobileNav .m-acc-inner a{white-space:nowrap}}
/* drawer below 1200px: always full-screen, never a side sheet */
@media (max-width:1199.98px){
#mobileNav.mobile-nav{position:fixed!important;inset:0!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;border-radius:0!important;border:0!important;box-shadow:none!important;transform:translateX(0)!important;transition:opacity .22s ease!important;opacity:0;pointer-events:none;background:var(--bg,#faf9f5)!important}
body.menu-open #mobileNav.mobile-nav{opacity:1;pointer-events:auto}
#mobileNav .m-scroll{height:100%!important;padding-top:calc(var(--hdr-h,57px) + 16px)!important}
body.menu-open header{background:var(--bg,#faf9f5)!important;position:fixed!important;top:0;left:0;right:0;z-index:1001}
}
@media (max-width:1199.98px){#mobileNav .m-scroll{padding-top:calc(var(--hdr-h,57px) + 8px)!important}#mobileNav .m-scroll>.m-acc:first-child{margin-top:0!important;padding-top:0!important}}
@media (max-width:1199.98px){#mobileNav.mobile-nav{padding-top:0!important}#mobileNav .m-scroll{padding-top:calc(var(--hdr-h,65px) + 10px)!important}}
/* wow grid: two equal columns, equal-height cards, shots stretch */
.wow-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(16px,2vw,28px)!important;align-items:stretch!important}
.wow-card{min-width:0;display:flex;flex-direction:column;height:100%}
.wow-card .wow-phone,.wow-card .wow2{flex:1 1 auto;margin-left:auto;margin-right:auto;width:100%;max-width:360px}
.wow-t{min-height:2.2em;text-wrap:balance}
@media (max-width:760px){.wow-grid{grid-template-columns:1fr!important}.wow-t{min-height:0}}
/* integrate: stack below 900, terminal contained */
.ig .ig-grid.wrap{min-width:0}
.ig-term{min-width:0;max-width:100%;overflow:hidden}
.ig-term code,.ig-cmd code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;min-width:0}
.ig-cmd{display:flex;gap:10px;min-width:0}
@media (max-width:900px){.ig .ig-grid.wrap{grid-template-columns:1fr!important}.ig-flow{flex-wrap:wrap}}
/* use cases: responsive columns, stickers contained */
.uc-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}
@media (min-width:1200px){.uc-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
@media (min-width:900px) and (max-width:1199.98px){.uc-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (min-width:761px) and (max-width:899.98px){.uc-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
.uc-card{min-width:0;position:relative}
.uc-hotk{right:8px!important;top:-12px!important;left:auto!important}
.uc-client span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uc .wrap,.uc-grid{max-width:100%;overflow-x:clip}
.uc-hotk{right:-6px!important;top:-14px!important}
.uc-card,.uc-grid,.uc .wrap{overflow:visible!important}
.uc .wrap{overflow-x:visible!important}
.pricing{padding:var(--sec-pad) 0!important}
.pr-h{font-family:var(--serif)!important;font-weight:420!important;font-size:var(--h2)!important;line-height:1!important;letter-spacing:-.026em!important}
.pr-sub{font-size:var(--fs-support,18px)!important;color:var(--muted)!important}
/* ---- Who pays ---- */
.wp{padding:var(--sec-pad) 0 0!important}
.wp-head{display:flex;flex-direction:column;gap:16px}
.wp-h{font-family:var(--serif);font-weight:420;font-size:var(--h2);line-height:1;letter-spacing:-.026em;margin:0}
.wp-h em{font-style:italic;font-weight:380}
.wp-sub{margin:0;max-width:52ch;font-size:var(--fs-support,18px);line-height:1.5;color:var(--muted);text-wrap:pretty}
.wp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin-top:clamp(32px,4vw,56px);align-items:stretch}
.wp-card{display:flex;flex-direction:column;gap:16px;padding:clamp(24px,2.6vw,36px);border-radius:20px;border:1px solid rgba(26,24,21,.12);background:#fff;min-width:0}
.wp-team{background:var(--ink);color:#fff;border-color:var(--ink)}
.wp-k{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.wp-team .wp-k{color:rgba(255,255,255,.6)}
.wp-t{margin:0;font-family:var(--serif);font-weight:420;font-size:clamp(28px,2.4vw,38px);line-height:1.05;letter-spacing:-.02em}
.wp-t em{font-style:italic;font-weight:380}
.wp-p{margin:0;font-size:16px;line-height:1.5;color:var(--muted);text-wrap:pretty}
.wp-team .wp-p{color:rgba(255,255,255,.78)}
.wp-list{list-style:none;margin:4px 0 0;padding:0;display:grid}
.wp-list li{display:flex;gap:10px;align-items:center;padding:11px 0;border-top:1px solid rgba(26,24,21,.09);font-size:14.5px}
.wp-team .wp-list li{border-top-color:rgba(255,255,255,.14)}
.wp-list svg{flex:none}
.wp-cta{margin-top:auto;display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:12px 18px;border-radius:12px;background:#fff;color:var(--ink);font-family:var(--sans);font-size:14px;font-weight:500;text-decoration:none}
.wp-cta:hover{opacity:.9}
/* reshare diagram */
.wp-share{margin-top:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:18px;border-radius:14px;background:var(--bg,#faf9f5);border:1px solid rgba(26,24,21,.1)}
.wp-share-doc{display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center}
.wp-share-av{grid-row:1/3;width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:var(--mono);font-size:11px;font-style:normal}
.wp-share-doc b{font-size:14px;font-weight:600}
.wp-share-doc small{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--muted)}
.wp-share-arrows{display:grid;gap:8px}
.wp-share-arrows i{height:1px;background:repeating-linear-gradient(90deg,rgba(26,24,21,.45) 0 4px,transparent 4px 9px);position:relative;animation:wpFlow 2.4s linear infinite}
.wp-share-arrows i:nth-child(2){animation-delay:-.8s}.wp-share-arrows i:nth-child(3){animation-delay:-1.6s}
.wp-share-arrows i::after{content:"";position:absolute;right:-1px;top:-3px;border:3.5px solid transparent;border-left:5px solid rgba(26,24,21,.55)}
@keyframes wpFlow{from{background-position:0 0}to{background-position:18px 0}}
.wp-share-to{display:grid;gap:6px}
.wp-share-to b{font-family:var(--mono);font-size:11px;letter-spacing:.06em;padding:5px 10px;border:1px solid rgba(26,24,21,.16);border-radius:999px;background:#fff;font-weight:500;white-space:nowrap}
@media (max-width:820px){.wp-grid{grid-template-columns:1fr}}
@media (max-width:480px){.wp-share{grid-template-columns:1fr;gap:10px}.wp-share-arrows{display:none}.wp-share-to{grid-auto-flow:column}}
.pr-check-tk{display:none!important}
.pr-check{grid-template-columns:18px minmax(0,1fr) 20px!important}
/* who pays: 80s plates */
.wp-card{position:relative;overflow:hidden;isolation:isolate}
.wp-card>*:not(.wp-art){position:relative;z-index:2}
.wp-art{position:absolute;inset:0;z-index:0;pointer-events:none}
.wp-art img{position:absolute;right:-6%;bottom:-4%;width:min(52%,300px);height:auto;object-fit:contain;filter:saturate(1.08) contrast(1.04);mask-image:linear-gradient(180deg,transparent 0,#000 18%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18%)}
.wp-tenant{background:#fff radial-gradient(rgba(26,24,21,.09) 1px,transparent 1.2px) 0 0/14px 14px}
.wp-tenant::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#fff 0,#fff 46%,rgba(255,255,255,.7) 62%,transparent 100%);pointer-events:none}
.wp-art-team img{right:0;bottom:0;top:0;left:auto;width:60%;height:100%;object-fit:cover;mask-image:linear-gradient(90deg,transparent 0,#000 40%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 40%);opacity:.85;filter:saturate(1.1) contrast(1.05)}
.wp-team{background:#0B1E5B}
.wp-team::before{content:"";position:absolute;inset:0;z-index:1;background:repeating-linear-gradient(180deg,rgba(0,0,0,.14) 0 1px,transparent 1px 3px);mix-blend-mode:multiply;pointer-events:none;opacity:.6}
.wp-team::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#0B1E5B 0,#0B1E5B 42%,rgba(11,30,91,.75) 60%,rgba(11,30,91,.15) 100%);pointer-events:none}
.wp-team .wp-list li{border-top-color:rgba(255,255,255,.18)}
.wp-team .wp-p{color:rgba(255,255,255,.82)}
.wp-stamp{position:absolute;right:22px;top:22px;z-index:3;display:grid;place-items:center;padding:10px 14px;border:2.5px solid #B8322E;color:#B8322E;border-radius:6px;font-family:var(--mono);font-weight:700;font-size:20px;letter-spacing:.14em;line-height:1;transform:rotate(-9deg);mix-blend-mode:multiply;opacity:.9}
.wp-stamp small{font-size:9px;letter-spacing:.14em;font-weight:500;margin-top:3px}
.wp-stamp-inv{border-color:#F3EDE2;color:#F3EDE2;mix-blend-mode:normal;opacity:.92;transform:rotate(7deg)}
.wp-share{position:relative;z-index:2;background:rgba(250,249,245,.92)!important;backdrop-filter:blur(4px)}
.wp-tenant .wp-p,.wp-tenant .wp-list{max-width:34ch}
@media (max-width:820px){.wp-art img{width:44%;opacity:.55}.wp-tenant .wp-p,.wp-tenant .wp-list{max-width:none}}
.wp-tenant .wp-art img{right:0;bottom:0;top:0;width:58%;height:100%;object-fit:cover;object-position:60% 30%;mask-image:linear-gradient(90deg,transparent 0,#000 45%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 45%);filter:saturate(1.1) contrast(1.05)}
.wp-tenant::after{background:linear-gradient(90deg,#fff 0,#fff 44%,rgba(255,255,255,.72) 60%,rgba(255,255,255,.12) 100%)}
.wp-tenant::before{content:"";position:absolute;inset:0;z-index:1;background:repeating-linear-gradient(180deg,rgba(26,24,21,.06) 0 1px,transparent 1px 3px);pointer-events:none;opacity:.7}
.wp-team{background:#0B3FB0}
.wp-team::after{background:linear-gradient(90deg,#0B3FB0 0,#0B3FB0 42%,rgba(11,63,176,.72) 60%,rgba(11,63,176,.1) 100%)}
.wp-art-team img{object-position:50% 35%}
.wp{padding:var(--sec-pad) 0!important}
.wp+.pricing{padding-top:0!important}
.wp-card{min-height:380px;padding:clamp(28px,3vw,40px)!important;gap:18px!important}
.wp-tenant .wp-art img{width:52%;object-position:55% 25%;mask-image:linear-gradient(90deg,transparent 0,#000 55%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 55%)}
.wp-tenant::after{background:linear-gradient(90deg,#fff 0,#fff 50%,rgba(255,255,255,.8) 64%,rgba(255,255,255,.1) 100%)}
.wp-tenant .wp-p,.wp-tenant .wp-list{max-width:30ch}
.wp-team .wp-p,.wp-team .wp-list{max-width:30ch}
.wp-cta{margin-top:12px!important}
.wp-stamp{right:26px;top:26px}
/* who pays v3: photo as a framed panel inside the card, no gradient bleed */
.wp-card{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(200px,42%);grid-template-rows:auto auto auto auto 1fr;column-gap:clamp(20px,2.4vw,32px);row-gap:14px!important;min-height:0;align-items:start}
.wp-card>*:not(.wp-art){grid-column:1}
.wp-art{position:relative!important;inset:auto!important;grid-column:2;grid-row:1/-1;align-self:stretch;min-height:300px;border-radius:14px;overflow:hidden;border:1px solid rgba(26,24,21,.14);background:#0B3FB0}
.wp-team .wp-art{border-color:rgba(255,255,255,.22)}
.wp-art img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 30%!important;mask-image:none!important;-webkit-mask-image:none!important;opacity:1!important;filter:saturate(1.08) contrast(1.05)!important;right:auto!important;bottom:auto!important;top:auto!important;left:auto!important}
.wp-art::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(0,0,0,.12) 0 1px,transparent 1px 3px);pointer-events:none;mix-blend-mode:multiply;opacity:.7}
.wp-tenant,.wp-tenant::before,.wp-tenant::after,.wp-team::before,.wp-team::after{background-image:none!important}
.wp-tenant::before,.wp-tenant::after,.wp-team::before,.wp-team::after{content:none!important}
.wp-tenant{background:#fff!important}
.wp-team{background:var(--ink)!important;border-color:var(--ink)!important}
.wp-team .wp-list li{border-top-color:rgba(255,255,255,.14)!important}
.wp-stamp{position:absolute;right:14px;top:14px;z-index:3;transform:rotate(-8deg)}
.wp-tenant .wp-stamp{border-color:#F3EDE2;color:#F3EDE2;mix-blend-mode:normal}
.wp-tenant .wp-p,.wp-tenant .wp-list,.wp-team .wp-p,.wp-team .wp-list{max-width:none!important}
.wp-cta{grid-column:1;align-self:end}
@media (max-width:820px){.wp-card{grid-template-columns:1fr;grid-template-rows:auto}.wp-art{grid-column:1;grid-row:auto;min-height:220px;aspect-ratio:16/10}.wp-card>*:not(.wp-art){grid-column:1}}
/* who pays: stack outer grid before the inner grid starves the copy */
@media (max-width:1100px){
.wp-grid{grid-template-columns:1fr!important}
.wp-card{grid-template-columns:minmax(0,1fr) minmax(220px,40%)}
}
@media (max-width:640px){
.wp-card{grid-template-columns:1fr!important;grid-template-rows:auto!important}
.wp-art{grid-column:1!important;grid-row:auto!important;min-height:0!important;aspect-ratio:16/10}
}
/* who pays v4: card = plate colour; photo flush to the card edge */
.wp-card{background:#0B3FB0!important;border-color:#0B3FB0!important;color:#F3EDE2;padding:0!important;column-gap:0!important;overflow:hidden}
.wp-card>*:not(.wp-art){margin-left:clamp(28px,3vw,40px)!important;margin-right:clamp(20px,2.4vw,32px)!important}
.wp-card>.wp-k{margin-top:clamp(28px,3vw,40px)!important}
.wp-card>.wp-list,.wp-card>.wp-cta{margin-bottom:clamp(28px,3vw,40px)!important}
.wp-tenant{background:#0B3FB0!important}
.wp-team{background:#1A1815!important;border-color:#1A1815!important}
.wp-art{border:0!important;border-radius:0!important;min-height:340px!important;background:transparent!important}
.wp-art img{object-position:50% 25%!important}
.wp-art::after{opacity:.55}
/* soften the seam: the plate's own edge colour bleeds into the card */
.wp-tenant .wp-art::before{content:"";position:absolute;inset:0 auto 0 0;width:22%;background:linear-gradient(90deg,#0B3FB0,rgba(11,63,176,0));z-index:1;pointer-events:none}
.wp-team .wp-art::before{content:"";position:absolute;inset:0 auto 0 0;width:22%;background:linear-gradient(90deg,#1A1815,rgba(26,24,21,0));z-index:1;pointer-events:none}
.wp-card .wp-k{color:rgba(243,237,226,.65)!important}
.wp-card .wp-t,.wp-card .wp-p,.wp-card .wp-list li{color:#F3EDE2!important}
.wp-card .wp-p{color:rgba(243,237,226,.82)!important}
.wp-card .wp-list li{border-top-color:rgba(243,237,226,.18)!important}
.wp-card .wp-list svg{color:#F3EDE2}
.wp-tenant .wp-stamp,.wp-team .wp-stamp{border-color:#F3EDE2!important;color:#F3EDE2!important;mix-blend-mode:normal!important;right:18px;top:18px}
.wp-team .wp-cta{background:#F3EDE2;color:#1A1815}
@media (max-width:640px){.wp-art{min-height:0!important}.wp-card>*:not(.wp-art){margin-right:clamp(28px,3vw,40px)!important}.wp-tenant .wp-art::before,.wp-team .wp-art::before{display:none}}
/* teller plate: card matches the photo's ground */
.wp-team{background:#0E1E4E!important;border-color:#0E1E4E!important}
.wp-team .wp-art::before{background:linear-gradient(90deg,#0E1E4E,rgba(14,30,78,0))!important}
.wp-team .wp-cta{background:#F3EDE2;color:#0E1E4E}
/* card grounds sampled from each plate's backdrop; photo anchored so the backdrop meets the seam */
.wp-tenant{background:#1E3F9E!important;border-color:#1E3F9E!important}
.wp-tenant .wp-art::before{background:linear-gradient(90deg,#1E3F9E,rgba(30,63,158,0))!important}
.wp-team{background:#132A6B!important;border-color:#132A6B!important}
.wp-team .wp-art::before{background:linear-gradient(90deg,#132A6B,rgba(19,42,107,0))!important}
.wp-team .wp-cta{color:#132A6B}
.wp-art img{object-position:70% 20%!important}
/* who pays v5: both cards on the plates' exact cobalt; photo is the same colour at the seam */
.wp-tenant,.wp-team{background:#0B3FB0!important;border-color:#0B3FB0!important}
.wp-tenant .wp-art::before,.wp-team .wp-art::before{display:none!important}
.wp-art img{object-position:100% 50%!important}
.wp-art::after{opacity:.35}
.wp-team .wp-cta{background:#F3EDE2;color:#0B3FB0}
.wp-art{min-height:320px!important}
/* who pays v6: image feathers into the card over its own empty cobalt, so no edge can show */
.wp-art{overflow:visible!important}
.wp-art img{mask-image:linear-gradient(90deg,transparent 0,#000 34%)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%)!important;object-position:100% 50%!important}
.wp-art::after{mask-image:linear-gradient(90deg,transparent 0,#000 34%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%)}
.wp-card{grid-template-columns:minmax(0,1fr) minmax(240px,46%)!important;column-gap:0!important}
.wp-card>*:not(.wp-art){margin-right:0!important;max-width:30ch}
.wp-tenant,.wp-team{background:#2457D6!important;border-color:#2457D6!important}
.wp-team .wp-cta{color:#2457D6}
/* who pays v7: no mask, no fade — figure contained, plate backdrop = card colour */
.wp-art img{mask-image:none!important;-webkit-mask-image:none!important;object-fit:contain!important;object-position:100% 100%!important;filter:saturate(1.05) contrast(1.03)!important}
.wp-art::after{mask-image:none;-webkit-mask-image:none;opacity:.25}
.wp-art{min-height:300px!important;overflow:hidden!important}
.wp-card{grid-template-columns:minmax(0,1fr) minmax(220px,44%)!important}
.wp-card>*:not(.wp-art){max-width:32ch}
/* plates were processed on #2457D6; keep the card on that exact value */
.wp-tenant,.wp-team{background:#2457D6!important}
.wp-card{grid-template-columns:minmax(0,1fr) minmax(280px,54%)!important;min-height:420px}
.wp-art{min-height:400px!important}
.wp-card>*:not(.wp-art){max-width:28ch}
@media (max-width:640px){.wp-art{min-height:0!important;aspect-ratio:3/2}}
@media (min-width:1101px){.wp-grid{grid-template-columns:1fr!important}.wp-card{grid-template-columns:minmax(0,1fr) minmax(320px,48%)!important;min-height:440px}.wp-card>*:not(.wp-art){max-width:40ch}}
.wp-card>*:not(.wp-art){max-width:none!important}
.wp-card .wp-t{text-wrap:balance}
/* who pays v8: two cards side by side; inside each, copy full-width on top, plate below */
.wp-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.wp-card{grid-template-columns:1fr!important;grid-template-rows:auto!important;min-height:0!important;row-gap:14px!important}
.wp-card>*:not(.wp-art){grid-column:1!important;margin-right:clamp(28px,3vw,40px)!important;max-width:none!important}
.wp-card>.wp-list{margin-bottom:0!important}
.wp-art{grid-column:1!important;grid-row:auto!important;min-height:0!important;height:auto!important;aspect-ratio:3/2;width:100%;margin-top:8px}
.wp-art img{object-fit:cover!important;object-position:100% 0%!important}
.wp-cta{order:-1}
.wp-card .wp-cta{margin-bottom:0!important;align-self:start}
.wp-team .wp-cta{margin-top:0!important}
@media (max-width:820px){.wp-grid{grid-template-columns:1fr!important}}
.wp-cta{order:0!important}
.wp-art{order:99}
/* who pays v9: plate rides up behind the bullet rows */
.wp-card{position:relative;overflow:hidden}
.wp-art{margin-top:-120px!important;aspect-ratio:auto!important;height:440px!important;z-index:0!important;pointer-events:none}
.wp-art img{object-fit:contain!important;object-position:100% 100%!important}
.wp-card>*:not(.wp-art){position:relative;z-index:2}
.wp-card .wp-list{background:transparent}
.wp-stamp{left:18px;right:auto!important;top:auto!important;bottom:22px;transform:rotate(-8deg)}
.wp-cta{margin-bottom:0!important}
@media (max-width:640px){.wp-art{margin-top:-60px!important;height:320px!important}}
.wp-fn{margin:18px 0 0;font-family:var(--sans);font-size:13px;line-height:1.5;color:var(--muted);max-width:70ch}
.wp-fn a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.wp-fn a:hover{opacity:.7}
.wp-stamp{font-size:30px!important;padding:14px 20px!important;border-width:3.5px!important;border-radius:8px!important;left:24px;bottom:28px}
.wp-stamp small{font-size:12px!important;margin-top:5px!important}
.wp-team{background:#7A1F2E!important;border-color:#7A1F2E!important}
/* feather the plate's baked-in background into the card so its edges never show */
.wp-team .wp-art img{mask-image:linear-gradient(180deg,transparent 0,#000 38%),linear-gradient(90deg,transparent 0,#000 30%)!important;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 38%),linear-gradient(90deg,transparent 0,#000 30%)!important;mask-composite:intersect;-webkit-mask-composite:source-in}
/* who pays v10: air between the bullet rows and the plate */
.wp-card>.wp-list{padding-bottom:28px!important}
.wp-art{margin-top:-96px!important}
.wp-art img{object-position:100% 100%!important}
@media (max-width:640px){.wp-card>.wp-list{padding-bottom:18px!important}.wp-art{margin-top:-40px!important}}
/* price match */
.pm{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;margin-top:clamp(20px,2.4vw,32px);padding:20px clamp(20px,2.4vw,28px);border:1px solid rgba(26,24,21,.14);border-radius:16px;background:#fff}
.pm-seal{display:grid;place-items:center;width:44px;height:44px;color:var(--ink)}
.pm-body b{display:block;font-family:var(--serif);font-weight:420;font-size:20px;letter-spacing:-.01em;margin-bottom:3px}
.pm-body p{margin:0;font-size:14.5px;line-height:1.45;color:var(--muted);text-wrap:pretty}
.pm-link{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);text-decoration:none;padding:10px 14px;border:1px solid rgba(26,24,21,.2);border-radius:999px}
.pm-link:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
@media (max-width:640px){.pm{grid-template-columns:auto minmax(0,1fr)}.pm-link{grid-column:1/-1;justify-self:start}}
/* pack discounts as sticker badges */
.pr-packs{overflow:visible!important;padding-top:14px}
.pr-pack{position:relative;overflow:visible!important}
.pr-pack span{position:absolute;top:-12px;right:-8px;display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:linear-gradient(135deg,#FF3D3D,#FF2D7A);color:#fff;font-family:var(--mono);font-weight:700;font-size:11px;letter-spacing:.06em;font-style:italic;text-transform:uppercase;transform:rotate(6deg);box-shadow:0 6px 14px -6px rgba(255,61,61,.6);line-height:1;white-space:nowrap}
.pr-pack span::before{content:"";width:9px;height:9px;flex:none;background:currentColor;clip-path:polygon(50% 0,100% 35%,50% 100%,0 35%);opacity:.95}
.pr-pack[data-idx="0"] span{background:rgba(26,24,21,.06);color:var(--muted);box-shadow:none;transform:none;font-style:normal;font-weight:500}
.pr-pack[data-idx="0"] span::before{display:none}
.pr-pack.on span{transform:rotate(6deg) scale(1.08);box-shadow:0 8px 18px -6px rgba(255,61,61,.7)}
.pr-pack[data-idx="4"] span{padding:6px 11px;font-size:12px}
.pr-pack{padding-top:20px!important}
/* summary badge: same sticker family */
.pr-badge{background:linear-gradient(135deg,#FF3D3D,#FF2D7A)!important;color:#fff!important;border-radius:999px!important;font-weight:700!important;font-style:italic;transform:rotate(-4deg);box-shadow:0 8px 18px -6px rgba(255,61,61,.7)}
.pr-badge svg{display:none}
.pr-badge .pr-badge-in::before{content:"";width:10px;height:10px;margin-right:6px;background:#fff;clip-path:polygon(50% 0,100% 35%,50% 100%,0 35%);display:inline-block;vertical-align:-1px}
/* discount badges v2: thick, tight, glare */
.pr-pack span,.pr-badge{font-family:var(--sans)!important;font-weight:900!important;font-size:12px!important;letter-spacing:.02em!important;font-style:italic;text-transform:uppercase;padding:4px 9px 4px 8px!important;gap:4px!important;border-radius:8px!important;position:relative;overflow:hidden;isolation:isolate;-webkit-font-smoothing:antialiased;backface-visibility:hidden;transform-style:preserve-3d;will-change:transform;line-height:1.05!important}
.pr-pack span{position:absolute;top:-11px;right:-6px;transform:rotate(6deg) translateZ(0)}
.pr-pack.on span{transform:rotate(6deg) scale(1.06) translateZ(0)}
.pr-pack[data-idx="4"] span{font-size:13px!important;padding:5px 10px 5px 9px!important}
.pr-pack span::before,.pr-badge .pr-badge-in::before{width:9px;height:9px}
.pr-pack span::after,.pr-badge::after{content:"";position:absolute;top:-40%;bottom:-40%;left:-30%;width:28%;background:linear-gradient(105deg,transparent 0,rgba(255,255,255,.75) 50%,transparent 100%);transform:skewX(-18deg) translateX(-160%);animation:prGlare 3.2s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none;mix-blend-mode:screen}
.pr-pack[data-idx="0"] span::after{display:none}
.pr-pack:nth-child(2) span::after{animation-delay:.2s}.pr-pack:nth-child(3) span::after{animation-delay:.6s}.pr-pack:nth-child(4) span::after{animation-delay:1s}.pr-pack:nth-child(5) span::after{animation-delay:1.4s}
@keyframes prGlare{0%{transform:skewX(-18deg) translateX(-160%)}35%,100%{transform:skewX(-18deg) translateX(520%)}}
.pr-badge{padding:6px 12px 6px 10px!important;font-size:13px!important;transform:rotate(-4deg) translateZ(0)}
.pr-badge .pr-badge-sheen{display:none}
.pr-badge .pr-badge-in{display:inline-flex;align-items:center}
.pr-badge .pr-odo{font-weight:900}
@media (prefers-reduced-motion:reduce){.pr-pack span::after,.pr-badge::after{animation:none}}
.pm+.pm{margin-top:12px}
.pm-tag{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--ink);padding:10px 14px;border-radius:999px;white-space:nowrap}
@media (max-width:640px){.pm-tag{grid-column:1/-1;justify-self:start}}
/* ---- Usage billing: meter race ---- */
.um{padding:var(--sec-pad) 0!important}
.um-head{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.um-h{font-family:var(--serif);font-weight:420;font-size:var(--h2);line-height:1;letter-spacing:-.026em;margin:0;text-wrap:balance}
.um-h em{font-style:italic;font-weight:380}
.um-sub{margin:0;max-width:60ch;font-size:var(--fs-support,18px);line-height:1.5;color:var(--muted);text-wrap:pretty}
.um-grid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:clamp(14px,2vw,28px);align-items:stretch;margin-top:clamp(32px,4vw,56px)}
.um-col{display:flex;flex-direction:column;gap:18px;padding:clamp(22px,2.4vw,32px);border-radius:20px;border:1px solid rgba(26,24,21,.12);background:#fff;min-width:0;position:relative;overflow:hidden}
.um-us{background:var(--ink);color:#F3EDE2;border-color:var(--ink)}
.um-col-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.um-k{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.um-k img{height:10px;width:auto;filter:invert(1)}
.um-mode{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.um-us .um-mode{color:rgba(243,237,226,.6)}
.um-meter{display:flex;align-items:baseline;gap:6px;padding:6px 0 2px}
.um-cur{font-family:var(--serif);font-size:clamp(22px,2vw,28px);opacity:.7}
.um-amt{font-family:var(--serif);font-weight:420;font-size:clamp(56px,6vw,88px);line-height:.9;letter-spacing:-.03em;font-variant-numeric:tabular-nums;transition:color .3s}
.um-them .um-amt.hit{color:#B8322E}
.um-us .um-amt.hit{color:#7CE0A5}
.um-meter small{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-left:4px}
.um-us .um-meter small{color:rgba(243,237,226,.6)}
.um-steps{list-style:none;margin:0;padding:0;display:grid}
.um-step{display:grid;grid-template-columns:15px minmax(0,1fr) auto 18px;align-items:center;gap:12px;padding:12px 0;border-top:1px solid rgba(26,24,21,.1);font-size:15px;color:var(--muted);transition:color .3s}
.um-us .um-step{border-top-color:rgba(243,237,226,.16)}
.um-step.done{color:inherit}
.um-step.now{color:inherit}
.um-p{font-family:var(--mono);font-weight:500;font-size:12.5px;opacity:.5;transition:opacity .3s}
.um-step.done .um-p,.um-step.charged .um-p{opacity:1}
.um-st{width:18px;height:18px;border-radius:50%;border:1px dashed currentColor;opacity:.4;position:relative;transition:all .3s}
.um-step.now .um-st{opacity:1;border-style:solid;animation:wowPulse 1.2s ease-in-out infinite}
.um-step.done .um-st{opacity:1;border-style:solid;background:currentColor}
.um-step.done .um-st::after{content:"";position:absolute;inset:0;background:var(--bg,#faf9f5);clip-path:polygon(22% 50%,42% 70%,80% 30%,86% 38%,42% 82%,14% 58%);}
.um-us .um-step.done .um-st::after{background:var(--ink)}
.um-step.charged .um-st{opacity:1;border-style:solid;background:#B8322E;border-color:#B8322E}
.um-step.charged .um-st::after{content:"";position:absolute;inset:0;background:#fff;clip-path:polygon(30% 22%,50% 42%,70% 22%,78% 30%,58% 50%,78% 70%,70% 78%,50% 58%,30% 78%,22% 70%,42% 50%,22% 30%)}
.um-step.skip{opacity:.35;text-decoration:line-through}
.um-foot{margin-top:auto;padding-top:14px;border-top:1px solid rgba(26,24,21,.1)}
.um-us .um-foot{border-top-color:rgba(243,237,226,.16)}
.um-ev{font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--muted);display:inline-flex;align-items:center;gap:8px}
.um-us .um-ev{color:rgba(243,237,226,.75)}
.um-ev::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.6}
.um-vs{display:flex;flex-direction:column;align-items:center;gap:10px;align-self:stretch;justify-content:center}
.um-vs i{flex:1 1 auto;width:1px;background:rgba(26,24,21,.14)}
.um-vs b{font-family:var(--serif);font-style:italic;font-weight:380;font-size:22px;color:var(--muted)}
.um-fn{margin:18px 0 0;font-size:13px;color:var(--muted)}
/* leak / bleed effect on their meter */
.um-them::after{content:"";position:absolute;inset:auto 0 0 0;height:0;background:linear-gradient(180deg,rgba(184,50,46,0),rgba(184,50,46,.10));transition:height .6s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.um-them.bleed::after{height:100%}
@media (max-width:860px){.um-grid{grid-template-columns:1fr}.um-vs{flex-direction:row}.um-vs i{height:1px;width:auto}}
.um-step{grid-template-columns:34px minmax(0,1fr) auto 18px!important;padding:9px 0!important}
.um-ic{width:34px;height:34px;object-fit:contain;display:block;filter:saturate(.2) opacity(.45);transition:filter .4s,transform .5s cubic-bezier(.2,.9,.2,1.3)}
.um-step.now .um-ic{filter:none;animation:wowBob 1.2s ease-in-out infinite}
.um-step.done .um-ic{filter:none;transform:scale(1.05)}
.um-step.charged .um-ic{filter:saturate(.6) opacity(.75)}
.um-step.skip .um-ic{filter:saturate(0) opacity(.25);transform:scale(.9)}
/* payer toggle */
.pr-payer{display:inline-flex;gap:4px;padding:4px;border:1px solid rgba(26,24,21,.14);border-radius:999px;background:#fff;margin:clamp(20px,2.4vw,32px) 0 clamp(20px,2.4vw,28px)}
.pr-payer-tab{appearance:none;border:0;background:transparent;padding:9px 16px;border-radius:999px;font-family:var(--sans);font-size:14px;font-weight:500;color:var(--muted);cursor:pointer;display:inline-flex;align-items:baseline;gap:8px;transition:background .2s,color .2s}
.pr-payer-tab em{font-style:normal;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;opacity:.7}
.pr-payer-tab.is-on{background:var(--ink);color:#fff}
/* tenant-pays state: volume ladder + purchase hidden, "you pay" line reads free */
.pr-grid[data-payer="tenant"] .pr-vol{display:none}
.pr-grid[data-payer="tenant"] .pr-per{visibility:hidden;position:relative}
.pr-grid[data-payer="tenant"] .pr-per::after{content:"per tenant,\A at checkout";visibility:visible;position:absolute;left:0;top:0;white-space:pre}
.pr-grid[data-payer="tenant"] .pr-price-2{display:none}
.pr-grid[data-payer="tenant"] .pr-line{display:none}
.pr-grid[data-payer="tenant"] .pr-cta .pr-buy{display:none}
.pr-grid[data-payer="tenant"] .pr-cta .pr-fine{display:none}
.pr-free{display:none}
.pr-grid[data-payer="tenant"] .pr-free{display:flex;flex-direction:column;gap:12px}
.pr-free-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;border-top:1px solid rgba(26,24,21,.1);font-size:15px}
.pr-free-row b{font-family:var(--serif);font-size:26px;letter-spacing:-.01em}
.pr-free-row.you b{color:#2f7a4d}
.pr-free-cta{display:grid;place-items:center;height:48px;border-radius:14px;background:var(--ink);color:#fff;font-family:var(--sans);font-size:15px;font-weight:500;text-decoration:none}
.pr-free-fine{font-size:12.5px;color:var(--muted);line-height:1.45}
/* tenant-pays: big Free */
.pr-total-free{display:none;font-family:var(--serif);font-weight:420;letter-spacing:-.03em;line-height:.9}
.pr-grid[data-payer="tenant"] .pr-total.pr-odo{display:none}
.pr-grid[data-payer="tenant"] .pr-total-free{display:inline}
.pr-grid[data-payer="tenant"] .pr-per{visibility:visible!important}
.pr-grid[data-payer="tenant"] .pr-per::after{content:none!important}
.pr-grid[data-payer="tenant"] .pr-per{font-size:11px}
.pr-grid[data-payer="tenant"] .pr-per::before{content:"for you,";display:block}
/* tenant-pays: compact summary card */
.pr-grid[data-payer="tenant"]{align-items:start}
.pr-grid[data-payer="tenant"] .pr-col-total{align-self:start}
.pr-grid[data-payer="tenant"] .pr-sum{height:auto!important;min-height:0!important;display:flex;flex-direction:column;gap:18px;justify-content:flex-start!important}
.pr-grid[data-payer="tenant"] .pr-price{margin-bottom:0!important;flex:none!important}
.pr-grid[data-payer="tenant"] .pr-free{margin-top:0!important}
.pr-grid[data-payer="tenant"] .pr-free-row:first-child{border-top:0;padding-top:0}
.pr-grid[data-payer="tenant"] .pr-cta{display:none}
.pr-grid[data-payer="tenant"] .pr-per::before{content:"for you, ";display:inline}
.pr-grid[data-payer="tenant"] .pr-per{white-space:nowrap}
.pr-payer{display:flex!important;width:max-content;margin-left:auto!important;margin-right:auto!important}
.um-k img{height:22px!important;width:auto!important}
.um-us .um-k{gap:10px}
@media (max-width:760px){
.pricing .pr-grid{display:grid!important;grid-template-columns:1fr!important;gap:22px!important}
.pricing .pr-col,.pricing .pr-col-total{width:100%!important;max-width:none!important;min-width:0!important;grid-column:1!important}
.pricing .pr-checks,.pricing .pr-vol,.pricing .pr-k-row{width:100%!important}
.pricing .pr-k-row{flex-wrap:wrap;gap:6px}
.pricing .pr-sum{width:100%!important;box-sizing:border-box;padding:22px 20px!important}
.pricing .pr-total-row{flex-wrap:wrap;gap:8px 12px}
.pricing .pr-total,.pricing .pr-total-free{font-size:clamp(44px,14vw,64px)!important}
.pricing .pr-price{overflow:hidden}
.pricing .pr-price-2{flex-wrap:wrap}
.pricing .pr-free-row b{font-size:22px}
.pricing .pr-packs{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important}
.pricing .pr-pack{padding:14px 4px 10px!important}
.pricing .pr-pack span{right:-4px;font-size:10px!important;padding:3px 6px!important}
}
@media (max-width:760px){.pricing .pr-price,.pricing .pr-total-row{justify-content:flex-start!important;text-align:left!important;align-items:baseline}.pricing .pr-total-row{display:flex;flex-direction:row}.pricing .pr-per{text-align:left!important}.pricing .pr-sum{text-align:left!important}.pricing .pr-price{margin-bottom:6px}}
/* sticky summary */
@media (min-width:761px){
.pricing .pr-grid{align-items:start!important}
.pricing .pr-col-total{position:sticky;top:calc(var(--hdr-h,65px) + 16px);align-self:start}
}
@media (max-width:760px){
.pricing .pr-col-total{position:sticky;bottom:12px;z-index:5;align-self:end}
.pricing .pr-sum{box-shadow:0 18px 40px -18px rgba(26,24,21,.45);background:#fff}
.pricing .pr-free-fine{display:none}
.pricing .pr-free-row{padding:9px 0}
.pricing .pr-total,.pricing .pr-total-free{font-size:clamp(36px,11vw,52px)!important}
.pricing .pr-sum{padding:16px 18px!important}
.pricing .pr-free-cta{height:44px}
/* the mobile text alignment fix above still applies */
}
.wow-card .wow-phone,.wow-card .wow2{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
@media (max-width:760px){
.pricing .pr-sum{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;text-align:left!important;width:100%!important}
.pricing .pr-sum>*{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;align-self:stretch!important}
.pricing .pr-price{display:flex;flex-direction:column;align-items:flex-start!important}
.pricing .pr-total-row{width:100%;justify-content:flex-start!important}
.pricing .pr-free{width:100%!important}
.pricing .pr-free-row{display:flex!important;justify-content:space-between!important;width:100%!important}
.pricing .pr-free-cta{width:100%!important;display:grid!important}
}
@media (max-width:760px){
.pricing .pr-cta{width:100%!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-top:6px}
.pricing .pr-buy{width:100%!important;display:flex!important;justify-content:center!important;height:48px!important}
.pricing .pr-fine{text-align:left!important;width:100%!important}
.pricing .pr-line{width:100%!important;display:grid!important}
.pricing .pr-line .pr-row{display:flex!important;justify-content:space-between!important;width:100%!important}
.pricing .pr-price-2{justify-content:flex-start!important}
}
.pr-grid[data-payer="tenant"] .pr-line,.pr-grid[data-payer="tenant"] .pr-price-2,.pr-grid[data-payer="tenant"] .pr-cta,.pr-grid[data-payer="tenant"] .pr-vol{display:none!important}
.pr-grid[data-payer="you"] .pr-free{display:none!important}
@media (max-width:760px){
.pricing .pr-price{overflow:visible!important;padding-top:6px}
.pricing .pr-sum{height:auto!important;min-height:0!important;justify-content:flex-start!important;gap:14px!important;overflow:visible!important}
.pricing .pr-total-row{align-items:baseline!important;line-height:1!important}
.pricing .pr-total,.pricing .pr-total-free{line-height:1!important;padding-top:4px}
.pricing .pr-cta{margin-top:4px!important}
.pricing .pr-col-total{overflow:visible!important}
}
.pricing .pr-sum{overflow:visible!important}
.pricing .pr-price{overflow:visible!important}
.pricing .pr-sum>*{flex:none!important}
.pricing .pr-price,.pricing .pr-line{flex:none!important;margin-bottom:0!important}
.pricing .pr-cta{margin-top:14px!important}
.pricing .pr-fine{max-width:none!important;white-space:normal;width:100%!important;text-align:center;line-height:1.4}
@media (max-width:760px){.pricing .pr-fine{text-align:left!important}.pricing .pr-sum{gap:0!important}.pricing .pr-cta{margin-top:14px!important}}
.um-us .um-k{gap:6px!important}
/* ---- Sample report ---- */
.sr{padding:var(--sec-pad) 0!important}
.sr-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center}
.sr-copy{display:flex;flex-direction:column;gap:16px;align-items:flex-start;min-width:0}
.sr-h{font-family:var(--serif);font-weight:420;font-size:var(--h2);line-height:1;letter-spacing:-.026em;margin:0;text-wrap:balance}
.sr-h em{font-style:italic;font-weight:380}
.sr-sub{margin:0;max-width:48ch;font-size:var(--fs-support,18px);line-height:1.5;color:var(--muted);text-wrap:pretty}
.sr-ctas{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:6px}
.sr-btn{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 20px;border-radius:14px;background:var(--ink);color:#fff;font-family:var(--sans);font-size:15px;font-weight:500;text-decoration:none;transition:opacity .15s}
.sr-btn:hover{opacity:.85}
.sr-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);text-decoration:none}
.sr-link:hover{text-decoration:underline}
.sr-list{list-style:none;margin:10px 0 0;padding:0;display:grid}
.sr-list li{position:relative;padding:10px 0 10px 20px;border-top:1px solid rgba(26,24,21,.1);font-size:15px}
.sr-list li::before{content:"";position:absolute;left:0;top:1.05em;width:8px;height:1px;background:var(--ink)}
/* mock page */
.sr-shot{position:relative;min-width:0;padding:24px 24px 0 0}
.sr-page{position:relative;background:#fff;border:1px solid rgba(26,24,21,.14);border-radius:10px;padding:26px 28px;aspect-ratio:8.5/11;max-height:560px;display:flex;flex-direction:column;gap:18px;box-shadow:0 30px 60px -36px rgba(26,24,21,.4);font-family:var(--sans);color:var(--ink);overflow:hidden}
.sr-page-b{position:absolute;inset:0 0 auto auto;width:100%;height:100%;transform:translate(14px,-14px) rotate(1.5deg);z-index:0;box-shadow:none;background:#fff;opacity:.9}
.sr-shot>.sr-page:not(.sr-page-b){z-index:1}
.sr-pg-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid rgba(26,24,21,.12)}
.sr-pg-logo{display:inline-grid;place-items:center;padding:6px 10px;border:1px dashed rgba(26,24,21,.35);border-radius:6px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.sr-pg-meta{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--muted)}
.sr-pg-name b{display:block;font-family:var(--serif);font-weight:420;font-size:clamp(22px,2vw,28px);letter-spacing:-.01em}
.sr-pg-name small{font-size:12px;color:var(--muted)}
.sr-pg-sum{padding:12px 14px;border-radius:8px;background:rgba(47,122,77,.08);border:1px solid rgba(47,122,77,.25)}
.sr-pg-sum b{display:block;font-size:14px;color:#2f7a4d}
.sr-pg-sum small{font-size:12px;color:var(--muted)}
.sr-pg-rows{display:grid}
.sr-pg-rows div{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid rgba(26,24,21,.1);font-size:13.5px}
.sr-pg-rows i{font-style:normal;font-family:var(--mono);font-size:12px}
.sr-pg-foot{margin-top:auto;font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
.sr-badge{position:absolute;right:6px;top:6px;z-index:2;padding:7px 12px;border-radius:999px;background:var(--ink);color:#fff;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;transform:rotate(4deg)}
@media (max-width:860px){.sr-grid{grid-template-columns:1fr}.sr-shot{max-width:420px;margin:0 auto}}
/* sample report v2: interactive sections */
.sr-copy{gap:14px!important}
.sr-opts{display:grid;gap:0;margin-top:4px;width:100%;max-width:420px}
.sr-opt{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:12px;padding:10px 0;border-top:1px solid rgba(26,24,21,.1);font-size:15px;color:var(--muted);cursor:pointer;user-select:none;transition:color .2s}
.sr-opt.on{color:var(--ink)}
.sr-opt input{position:absolute;opacity:0;width:0;height:0}
.sr-opt i{width:20px;height:20px;border-radius:50%;border:1px dashed rgba(26,24,21,.4);position:relative;transition:all .2s}
.sr-opt.on i{border:1px solid var(--ink);background:var(--ink)}
.sr-opt.on i::after{content:"";position:absolute;inset:0;background:#fff;clip-path:polygon(22% 50%,42% 70%,80% 30%,86% 38%,42% 82%,14% 58%)}
.sr-opt:not(.on) i::after{content:"";position:absolute;inset:6px;background:rgba(26,24,21,.25);clip-path:polygon(45% 0,55% 0,55% 45%,100% 45%,100% 55%,55% 55%,55% 100%,45% 100%,45% 55%,0 55%,0 45%,45% 45%)}
.sr-ctas{margin-top:10px!important}
.sr-page{max-height:520px;gap:14px}
.sr-pg-rows div,.sr-pg-logo{transition:opacity .25s,transform .3s,max-height .3s,padding .3s}
.sr-pg-rows div.off{opacity:0;max-height:0;padding:0!important;overflow:hidden;border-top-width:0}
.sr-pg-logo.off{opacity:0}
.sr-shot{padding-top:16px}
.sr-badge{display:none}
@media (max-width:860px){
.sr-opts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:none;margin-top:8px}
.sr-opt{border:1px solid rgba(26,24,21,.14);border-top:1px solid rgba(26,24,21,.14)!important;border-radius:12px;padding:10px 12px;font-size:14px;background:#fff}
.sr-opt.on{border-color:var(--ink)}
.sr-shot{max-width:none;padding:12px 0 0;margin:8px 0 0}
.sr-page{aspect-ratio:auto;max-height:none;padding:20px 20px}
.sr-page-b{display:none}
.sr-pg-head{flex-wrap:wrap}
.sr-pg-rows div.off{display:none}
.sr-ctas .sr-btn{width:100%;justify-content:center}
}
@media (max-width:860px){
.sr-grid{grid-template-columns:1fr!important}
.sr-copy{width:100%;min-width:0}
.sr-opts{width:100%;max-width:none!important;box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr))!important}
.sr-opt{grid-template-columns:16px minmax(0,1fr)!important;gap:8px!important;padding:9px 10px!important;min-width:0;box-sizing:border-box;border-radius:10px}
.sr-opt span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13.5px}
.sr-opt i{width:16px!important;height:16px!important}
.sr-opt.on i::after{clip-path:polygon(22% 50%,42% 70%,80% 30%,86% 38%,42% 82%,14% 58%)}
.sr-opt:not(.on) i::after{inset:5px}
}
@media (max-width:860px){.sr-opts{overflow:visible!important;padding:1px 1px 2px!important}.sr-copy,.sr-grid,.sr .wrap{overflow:visible!important}.sr-opt{box-shadow:inset 0 0 0 1px rgba(26,24,21,.14);border:0!important}.sr-opt.on{box-shadow:inset 0 0 0 1px var(--ink)}}
body[data-page="business-lending"] .gh-ledger{display:none!important}
.gh-composer-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
body[data-page="business-lending"] .gh-h1-x{font-size:clamp(34px,7.6vw,92px)!important}
@media (max-width:760px){body[data-page="business-lending"] .gh-h1-x{font-size:clamp(30px,8.6vw,44px)!important;letter-spacing:-.03em}}
body[data-page="business-lending"] .gh-h1-x{font-size:clamp(30px,6.8vw,84px)!important;line-height:1.02!important}
@media (max-width:760px){
body[data-page="business-lending"] .gh-h1-x{font-size:clamp(28px,7.4vw,40px)!important}
body[data-page="business-lending"] .gh-head{display:flex;flex-direction:column;justify-content:center;min-height:calc(100svh - var(--hdr-h,65px) - 160px)}
body[data-page="business-lending"] .ym-intro-sec{padding-top:0!important}
body[data-page="business-lending"] .gh-composer-cta{margin-top:18px}
}
@media (min-width:761px){
body[data-page="business-lending"] .gh-head{padding-top:clamp(24px,6vh,72px)}
}
/* ---- reel: link builder act (business lending) ---- */
.rx-builder{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,86%);background:#fff;border:1px solid rgba(26,24,21,.14);border-radius:18px;padding:18px 20px 16px;box-shadow:0 40px 80px -40px rgba(26,24,21,.45);opacity:0;font-family:var(--sans);color:var(--ink);z-index:4}
.rx-bl-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(26,24,21,.1)}
.rx-bl-k{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.rx-bl-name{font-family:var(--serif);font-size:18px;letter-spacing:-.01em}
.rx-bl-rows{display:grid}
.rx-bl-row{display:grid;grid-template-columns:34px minmax(0,1fr) 38px;align-items:center;gap:12px;padding:9px 0;border-top:1px solid rgba(26,24,21,.08);color:var(--muted);transition:color .3s}
.rx-bl-row:first-child{border-top:0}
.rx-bl-row img{width:34px;height:34px;object-fit:contain;filter:saturate(.2) opacity(.45);transition:filter .35s,transform .45s cubic-bezier(.2,.9,.2,1.3)}
.rx-bl-row b{display:block;font-size:14px;font-weight:600;color:var(--ink);opacity:.55;transition:opacity .3s}
.rx-bl-row small{font-size:11.5px}
.rx-bl-row.on{color:var(--ink)} .rx-bl-row.on b{opacity:1} .rx-bl-row.on img{filter:none;transform:scale(1.06)}
.rx-bl-tog{width:38px;height:22px;border-radius:999px;background:rgba(26,24,21,.14);position:relative;transition:background .3s;display:block}
.rx-bl-tog i{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .3s cubic-bezier(.2,.9,.2,1.3)}
.rx-bl-row.on .rx-bl-tog{background:var(--ink)} .rx-bl-row.on .rx-bl-tog i{transform:translateX(16px)}
.rx-bl-link{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:10px 12px;border-radius:12px;background:var(--bg,#faf9f5);border:1px solid rgba(26,24,21,.12)}
.rx-bl-url{font-family:var(--mono);font-size:13px;color:var(--ink);min-width:0;overflow:hidden;white-space:nowrap}
.rx-bl-url b{font-weight:500;color:var(--muted)}
.rx-bl-slug{border-right:1.5px solid var(--ink);padding-right:1px;animation:rxCaret 1s steps(1) infinite}
@keyframes rxCaret{50%{border-color:transparent}}
.rx-bl-copy{flex:none;padding:8px 12px;border-radius:9px;background:var(--ink);color:#fff;font-size:12.5px;font-weight:500;transition:background .25s}
.rx-bl-copy.done{background:#2f7a4d}
body[data-page="business-lending"] .rx-composer,body[data-page="business-lending"] .rx-dot,body[data-page="business-lending"] .rx-her{display:none!important}
@media (max-width:560px){.rx-builder{padding:14px 14px 12px}.rx-bl-row{grid-template-columns:28px minmax(0,1fr) 34px;gap:10px}.rx-bl-row img{width:28px;height:28px}.rx-bl-name{font-size:15px}}
/* pricing: tablet widths (761–1100) — checks column must fill */
@media (min-width:761px) and (max-width:1100px){
.pricing .pr-grid{grid-template-columns:1fr!important;gap:26px!important}
.pricing .pr-col,.pricing .pr-col-total,.pricing .pr-checks,.pricing .pr-vol,.pricing .pr-k-row,.pricing .pr-sum{width:100%!important;max-width:none!important}
.pricing .pr-col-total{position:static!important}
}
/* pricing summary: header left-aligned at every width */
.pricing .pr-price{display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important}
.pricing .pr-total-row{display:flex!important;justify-content:flex-start!important;align-items:baseline!important;gap:12px}
.pricing .pr-per{text-align:left!important}
.pricing .pr-sum{text-align:left!important}
/* the composer/chat DOM is hidden on business lending; builder shows in its slot */
body[data-page="business-lending"] .rx-composer,body[data-page="business-lending"] .rx-dot,body[data-page="business-lending"] .rx-her,body[data-page="business-lending"] .rx-chat-head{visibility:hidden!important;pointer-events:none}
body[data-page="business-lending"] .gh-head{min-height:0!important;display:block!important;padding-top:clamp(16px,4vh,48px)!important}
body[data-page="business-lending"] .gh-composer-cta{margin:22px auto 0!important;position:relative;z-index:5}
body[data-page="business-lending"] .ym-intro-sec{padding-bottom:clamp(60px,12vh,140px)!important}
@media (max-width:760px){
body[data-page="business-lending"] .gh-composer-cta{flex-direction:column;align-items:center}
body[data-page="business-lending"] .gh-composer-cta .btn{width:min(280px,80%);justify-content:center}
body[data-page="business-lending"] .gh-h1-x{font-size:clamp(26px,7vw,36px)!important}
}
body[data-page="business-lending"] .rx-title-x{font-size:clamp(34px,6.4vw,84px)!important;line-height:1.05!important}
@media (max-width:560px){body[data-page="business-lending"] .rx-title-x{font-size:clamp(28px,8.5vw,40px)!important}}
.rx-builder{max-height:calc(100% - 64px);overflow:hidden;padding:16px 20px 14px!important;display:flex;flex-direction:column}
.rx-bl-rows{flex:1 1 auto;min-height:0}
.rx-bl-row{padding:7px 0!important}
.rx-bl-row img{width:30px!important;height:30px!important}
.rx-bl-row b{font-size:13.5px}
.rx-bl-row small{font-size:11px}
.rx-bl-link{margin-top:10px!important;padding:8px 10px!important}
.rx-bl-head{padding-bottom:10px!important}
@media (max-height:720px){.rx-builder{transform:translate(-50%,-50%) scale(.9)}}
@media (max-width:560px){.rx-builder{max-height:calc(100% - 40px);padding:12px 12px 10px!important}.rx-bl-row{padding:5px 0!important;grid-template-columns:24px minmax(0,1fr) 34px!important}.rx-bl-row img{width:24px!important;height:24px!important}.rx-bl-row small{display:none}}
@media (max-width:760px){
body[data-page="business-lending"] .yc-hero-vid img,body[data-page="business-lending"] .yc-intro-art{object-position:72% 100%!important;background-position:72% 100%!important}
body[data-page="business-lending"] .yc-hero-vid{transform:translateX(14%)!important;width:120%!important}
body[data-page="business-lending"] .ym-intro-sec{padding-bottom:clamp(90px,18vh,180px)!important}
body[data-page="business-lending"] .gh-laurel{position:relative;z-index:6}
}
@media (max-width:760px){
body[data-page="business-lending"] #ycHeroVid,body[data-page="business-lending"] .yc-hero-vid,body[data-page="business-lending"] #ycIntroArt{transform:translateX(26%)!important;width:130%!important;max-width:none!important}
body[data-page="business-lending"] #ycHeroVid img,body[data-page="business-lending"] .yc-hero-vid img{object-position:100% 100%!important}
body[data-page="business-lending"] .yc-morph,body[data-page="business-lending"] .ym-intro-sec{overflow-x:clip}
}
@media (max-width:760px){
body[data-page="business-lending"] #ycHeroVid,body[data-page="business-lending"] .yc-hero-vid,body[data-page="business-lending"] #ycIntroArt{transform:translate(0,140px)!important;width:100%!important}
body[data-page="business-lending"] #ycHeroVid img,body[data-page="business-lending"] .yc-hero-vid img{object-position:50% 100%!important}
body[data-page="business-lending"] .gh-head,body[data-page="business-lending"] .gh-composer-cta,body[data-page="business-lending"] .gh-laurel{position:relative;z-index:8}
body[data-page="business-lending"] .ym-intro-sec{padding-bottom:clamp(200px,42vh,320px)!important}
}
body[data-page="business-lending"] .rx-title-x{line-height:1.08!important;font-size:clamp(30px,5.6vw,76px)!important}
body[data-page="business-lending"] .rx-title-x .rx-line{white-space:nowrap;display:inline-block;line-height:1.08}
body[data-page="business-lending"] .rx-title-x .rx-inl{height:.9em!important;width:auto!important;vertical-align:-.12em!important;margin:0 .02em}
@media (max-width:560px){body[data-page="business-lending"] .rx-title-x{font-size:clamp(24px,7.4vw,34px)!important}}
/* ---- Tune the flow ---- */
.tf{padding:var(--sec-pad) 0!important}
.tf-head{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.tf-h{font-family:var(--serif);font-weight:420;font-size:var(--h2);line-height:1;letter-spacing:-.026em;margin:0;text-wrap:balance}
.tf-h em{font-style:italic;font-weight:380}
.tf-sub{margin:0;max-width:58ch;font-size:var(--fs-support,18px);line-height:1.5;color:var(--muted);text-wrap:pretty}
.tf-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(16px,2.2vw,28px);margin-top:clamp(32px,4vw,56px);align-items:start}
.tf-card{background:#fff;border:1px solid rgba(26,24,21,.12);border-radius:20px;padding:clamp(20px,2.2vw,28px);min-width:0;font-family:var(--sans);color:var(--ink)}
.tf-card-h{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(26,24,21,.1)}
.tf-k{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.tf-est{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.tf-est b{font-family:var(--serif);font-weight:420;font-size:clamp(34px,3vw,44px);line-height:.95;letter-spacing:-.02em;font-variant-numeric:tabular-nums;transition:color .3s}
.tf-est b.low{color:#B8322E}.tf-est b.high{color:#2f7a4d}
.tf-est small{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.tf-steps{list-style:none;margin:0;padding:0;display:grid}
.tf-step{display:grid;grid-template-columns:34px minmax(0,1fr) auto 38px;align-items:center;gap:12px;padding:10px 0;border-top:1px solid rgba(26,24,21,.08);cursor:pointer;user-select:none;color:var(--muted);transition:color .25s,background .25s;position:relative}
.tf-step:first-child{border-top:0}
.tf-step img{width:34px;height:34px;object-fit:contain;filter:saturate(.15) opacity(.4);transition:filter .3s,transform .4s cubic-bezier(.2,.9,.2,1.3)}
.tf-lab{display:flex;flex-direction:column;gap:2px;min-width:0}
.tf-lab b{font-size:14.5px;font-weight:600;color:var(--ink);opacity:.5;transition:opacity .25s}
.tf-lab small{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tf-drop{font-family:var(--mono);font-size:12px;color:var(--muted);opacity:.6}
.tf-step.on{color:var(--ink)} .tf-step.on .tf-lab b{opacity:1} .tf-step.on img{filter:none;transform:scale(1.04)} .tf-step.on .tf-drop{opacity:1;color:#B8322E}
.tf-tog{width:38px;height:22px;border-radius:999px;background:rgba(26,24,21,.14);position:relative;display:block;transition:background .25s}
.tf-tog i{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .3s cubic-bezier(.2,.9,.2,1.3)}
.tf-step.on .tf-tog{background:var(--ink)} .tf-step.on .tf-tog i{transform:translateX(16px)}
.tf-step.dragging{opacity:.4}
.tf-step.over{box-shadow:inset 0 2px 0 var(--ink)}
.tf-bar{position:relative;height:8px;border-radius:999px;background:rgba(26,24,21,.08);margin-top:18px;overflow:visible}
.tf-bar-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:999px;background:var(--ink);transition:width .6s cubic-bezier(.2,.8,.2,1)}
.tf-bar-mark{position:absolute;left:var(--x);top:-6px;width:1px;height:20px;background:rgba(26,24,21,.4)}
.tf-bar-mark em{position:absolute;top:22px;left:0;transform:translateX(-50%);font-style:normal;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.tf-foot{display:flex;justify-content:space-between;gap:12px;margin-top:38px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
/* A/B */
.tf-live{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.tf-live i{width:8px;height:8px;border-radius:50%;background:#2f7a4d;animation:wowPulse 1.6s ease-in-out infinite}
.tf-var{padding:16px 0;border-top:1px solid rgba(26,24,21,.08);display:grid;gap:10px}
.tf-var:first-of-type{border-top:0}
.tf-var-h{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px}
.tf-var-h b{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(26,24,21,.08);font-family:var(--mono);font-size:13px}
.tf-win .tf-var-h b{background:var(--ink);color:#fff}
.tf-var-h span{font-size:14.5px}
.tf-var-pct{font-style:normal;font-family:var(--serif);font-size:26px;letter-spacing:-.01em}
.tf-win .tf-var-pct{color:#2f7a4d}
.tf-var-bar{height:8px;border-radius:999px;background:rgba(26,24,21,.08);overflow:hidden}
.tf-var-bar i{display:block;height:100%;width:var(--w);border-radius:999px;background:var(--ink);transform-origin:left;animation:tfGrow 1.2s cubic-bezier(.2,.8,.2,1) both}
.tf-win .tf-var-bar i{background:#2f7a4d}
@keyframes tfGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.tf-var small{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.04em}
.tf-verdict{margin-top:14px;padding:16px;border-radius:14px;background:var(--bg,#faf9f5);border:1px solid rgba(26,24,21,.1);display:grid;gap:10px}
.tf-verdict-tag{justify-self:start;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;border-radius:999px;background:#2f7a4d;color:#fff}
.tf-verdict p{margin:0;font-size:15px}
.tf-verdict-cta{display:flex;gap:8px;flex-wrap:wrap}
.tf-btn{display:inline-grid;place-items:center;height:38px;padding:0 14px;border-radius:10px;background:var(--ink);color:#fff;font-size:13.5px;font-weight:500}
.tf-btn-ghost{background:transparent;color:var(--ink);border:1px solid rgba(26,24,21,.2)}
.tf-fn{margin:18px 0 0;font-size:13px;color:var(--muted)}
@media (max-width:900px){.tf-grid{grid-template-columns:1fr}}
@media (max-width:560px){.tf-step{grid-template-columns:28px minmax(0,1fr) auto 34px;gap:9px}.tf-step img{width:28px;height:28px}.tf-lab small{display:none}.tf-foot{flex-direction:column;gap:6px}}
.tf-step.lift{background:#fff;box-shadow:0 14px 30px -14px rgba(26,24,21,.45),0 0 0 1px rgba(26,24,21,.1);border-radius:12px;transform:scale(1.02);z-index:2;padding-left:8px;padding-right:8px;margin:0 -8px;transition:box-shadow .3s,transform .3s}
.tf-step.lift .tf-lab b::after{content:' ⋮⋮';font-family:var(--mono);color:var(--muted);opacity:.7}
/* ---- Reduce fraud ---- */
.fr{padding:var(--sec-pad) 0!important}
.fr-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start}
.fr-copy{display:flex;flex-direction:column;gap:16px;align-items:flex-start;min-width:0}
.fr-h{font-family:var(--serif);font-weight:420;font-size:var(--h2);line-height:1;letter-spacing:-.026em;margin:0;text-wrap:balance}
.fr-h em{font-style:italic;font-weight:380}
.fr-sub{margin:0;max-width:50ch;font-size:var(--fs-support,18px);line-height:1.5;color:var(--muted);text-wrap:pretty}
.fr-layers{list-style:none;margin:14px 0 0;padding:0;display:grid}
.fr-layer{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:start;padding:14px 0;border-top:1px solid rgba(26,24,21,.1)}
.fr-layer img{width:40px;height:40px;object-fit:contain}
.fr-layer b{display:block;font-size:15.5px;font-weight:600;margin-bottom:3px}
.fr-layer p{margin:0;font-size:14px;color:var(--muted);line-height:1.45}
/* feed */
.fr-feed{background:var(--ink);color:#F3EDE2;border-radius:20px;padding:clamp(18px,2vw,24px);font-family:var(--sans);min-width:0;position:relative;overflow:hidden}
.fr-feed-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(243,237,226,.16)}
.fr-k{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(243,237,226,.6)}
.fr-stat{font-family:var(--mono);font-size:12px;color:rgba(243,237,226,.7)}
.fr-n{font-weight:500;color:#F3EDE2;font-variant-numeric:tabular-nums}
.fr-n-flag{color:#FF8A80}
.fr-rows{list-style:none;margin:0;padding:0;height:372px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}
.fr-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;border-top:1px solid rgba(243,237,226,.08);animation:frIn .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes frIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.fr-av{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-family:var(--mono);font-size:12px;background:rgba(243,237,226,.1)}
.fr-who{display:flex;flex-direction:column;gap:2px;min-width:0}
.fr-who b{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fr-who small{font-size:11.5px;color:rgba(243,237,226,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fr-tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;border-radius:999px;border:1px solid rgba(243,237,226,.25);color:rgba(243,237,226,.85);white-space:nowrap}
.fr-row.flag .fr-tag{background:#FF3D3D;border-color:#FF3D3D;color:#fff}
.fr-row.flag .fr-av{background:rgba(255,61,61,.2);color:#FF8A80}
.fr-row.flag .fr-who small{color:#FF8A80}
.fr-feed-f{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid rgba(243,237,226,.16);font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(243,237,226,.6)}
.fr-dot{width:8px;height:8px;border-radius:50%;background:#7CE0A5;animation:wowPulse 1.6s ease-in-out infinite}
@media (max-width:900px){.fr-grid{grid-template-columns:1fr}.fr-rows{height:300px}}
.fr-grid{grid-template-columns:1fr!important;max-width:760px}
.fr-layers{width:100%}
/* ---- Reduce fraud v2: three ink cards ---- */
.fr-head{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.fr-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,24px);margin-top:clamp(32px,4vw,56px)}
.fr-card{position:relative;display:flex;flex-direction:column;gap:18px;padding:clamp(20px,2.2vw,28px);min-height:460px;border-radius:22px;background:var(--ink);color:#F3EDE2;overflow:hidden;font-family:var(--sans);isolation:isolate}
.fr-card::before{content:"";position:absolute;inset:0;background:radial-gradient(70% 50% at 50% 0%,rgba(243,237,226,.10),transparent 70%);pointer-events:none}
.fr-art{position:relative;height:200px;display:grid;place-items:center}
.fr-art img{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(0,0,0,.45));animation:frFloat 6s ease-in-out infinite;position:relative;z-index:2}
.fr-c2 .fr-art img{animation-delay:-2s}.fr-c3 .fr-art img{animation-delay:-4s}
@keyframes frFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}
.fr-txt{display:flex;flex-direction:column;gap:8px;margin-top:auto}
.fr-card .fr-k{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(243,237,226,.6)}
.fr-card h3{margin:0;font-family:var(--serif);font-weight:420;font-size:clamp(24px,2vw,30px);line-height:1.05;letter-spacing:-.02em}
.fr-card p{margin:0;font-size:14.5px;line-height:1.45;color:rgba(243,237,226,.75)}
.fr-chip{position:absolute;top:18px;right:18px;display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;border:1px solid rgba(243,237,226,.22);font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:rgba(243,237,226,.85);z-index:3;background:rgba(26,24,21,.6)}
.fr-chip i{width:7px;height:7px;border-radius:50%;background:#7CE0A5;animation:wowPulse 1.6s ease-in-out infinite}
.fr-chip-red{border-color:#FF3D3D;color:#fff;background:#FF3D3D}
.fr-chip-red i{background:#fff}
/* 01 liveness: frame + sweeping scan line */
.fr-frame{position:absolute;width:190px;height:190px;border-radius:26px;border:1.5px dashed rgba(243,237,226,.35);z-index:1}
.fr-frame::before,.fr-frame::after{content:"";position:absolute;width:26px;height:26px;border:2px solid #7CE0A5;border-radius:6px}
.fr-frame::before{left:-2px;top:-2px;border-right:0;border-bottom:0}.fr-frame::after{right:-2px;bottom:-2px;border-left:0;border-top:0}
.fr-scan{position:absolute;left:8px;right:8px;height:2px;background:linear-gradient(90deg,transparent,#7CE0A5,transparent);box-shadow:0 0 18px 4px rgba(124,224,165,.35);z-index:3;animation:frScan 2.6s ease-in-out infinite}
@keyframes frScan{0%,100%{top:14px;opacity:.2}50%{top:calc(100% - 14px);opacity:1}}
/* 02 bank: transaction stream flowing into the bank */
.fr-flow{position:absolute;inset:0;pointer-events:none;z-index:1}
.fr-flow b{position:absolute;left:-40px;top:calc(50% + var(--y,0px));height:2px;width:90px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(124,224,165,.9));animation:frFlow 2.4s linear infinite;animation-delay:var(--d,0s)}
.fr-flow b:nth-child(1){--y:-46px;--d:0s}.fr-flow b:nth-child(2){--y:-18px;--d:.5s}.fr-flow b:nth-child(3){--y:8px;--d:1s}.fr-flow b:nth-child(4){--y:34px;--d:1.5s}.fr-flow b:nth-child(5){--y:58px;--d:2s}
@keyframes frFlow{0%{transform:translateX(0);opacity:0}15%{opacity:1}60%{opacity:1}100%{transform:translateX(220px);opacity:0}}
/* 03 device: radar rings + pings */
.fr-ring{position:absolute;width:170px;height:170px;border-radius:50%;border:1px solid rgba(243,237,226,.25);animation:frRing 3s ease-out infinite;z-index:1}
.fr-ring2{animation-delay:1.5s}
@keyframes frRing{0%{transform:scale(.55);opacity:.9}100%{transform:scale(1.5);opacity:0}}
.fr-ping{position:absolute;width:10px;height:10px;border-radius:50%;background:#FF3D3D;box-shadow:0 0 0 0 rgba(255,61,61,.6);animation:frPing 2s ease-out infinite;z-index:3}
.fr-p1{left:22%;top:26%}.fr-p2{right:20%;bottom:30%;animation-delay:1s}
@keyframes frPing{0%{box-shadow:0 0 0 0 rgba(255,61,61,.6)}100%{box-shadow:0 0 0 18px rgba(255,61,61,0)}}
@media (max-width:1000px){.fr-cards{grid-template-columns:1fr}.fr-card{min-height:0;flex-direction:row;align-items:center;gap:20px}.fr-art{height:160px;width:160px;flex:none}.fr-art img{width:110px;height:110px}.fr-frame{width:150px;height:150px}.fr-ring{width:130px;height:130px}.fr-txt{margin-top:0}}
@media (max-width:560px){.fr-card{flex-direction:column;align-items:flex-start}.fr-art{width:100%;height:170px}}
@media (prefers-reduced-motion:reduce){.fr-art img,.fr-scan,.fr-flow b,.fr-ring,.fr-ping{animation:none}}
/* ---- Tune the flow v2 ---- */
.tf-grid{align-items:stretch!important}
.tf-card{display:flex;flex-direction:column}
.tf-build .tf-steps{flex:1 1 auto}
.tf-drop{color:var(--muted)!important;opacity:.7!important;font-size:12px}
.tf-step.on .tf-drop{color:var(--muted)!important;opacity:1!important}
.tf-est b.low,.tf-est b.high{color:var(--ink)!important}
.tf-bar-fill{background:var(--ink)}
.tf-foot{margin-top:34px!important}
.tf-ab{justify-content:flex-start}
.tf-ab .tf-var{padding:20px 0}
.tf-ab .tf-var:last-of-type{border-bottom:1px solid rgba(26,24,21,.08)}
.tf-verdict{margin-top:auto!important;display:flex!important;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:transparent!important;border:0!important;padding:18px 0 0!important}
.tf-verdict-l{display:flex;flex-direction:column;gap:6px;min-width:0}
.tf-verdict-l p{font-size:14px;color:var(--muted)}
.tf-verdict-tag{background:var(--ink)!important}
/* ---- Fraud cards v3: side-by-side, art contained on the right ---- */
.fr-cards{display:grid;grid-template-columns:1fr!important;gap:14px!important}
.fr-card.fr-side{flex-direction:row!important;align-items:center!important;gap:clamp(20px,3vw,44px)!important;min-height:0!important;padding:clamp(22px,2.4vw,30px) clamp(22px,2.6vw,36px)!important}
.fr-side .fr-txt{margin-top:0!important;flex:1 1 auto;min-width:0;order:1;max-width:46ch}
.fr-side .fr-art{order:2;flex:none;width:clamp(180px,22vw,260px);height:clamp(180px,22vw,260px);border-radius:18px;background:rgba(243,237,226,.04);border:1px solid rgba(243,237,226,.08);overflow:hidden;display:grid;place-items:center}
.fr-side .fr-art img{width:56%;height:56%}
.fr-side .fr-frame{width:78%;height:78%;border-radius:22px}
.fr-side .fr-scan{left:11%;right:11%}
.fr-side .fr-flow b{left:-30%;width:45%}
@keyframes frFlow{0%{transform:translateX(0);opacity:0}15%{opacity:1}60%{opacity:1}100%{transform:translateX(320%);opacity:0}}
.fr-side .fr-ring{width:70%;height:70%}
.fr-side .fr-p1{left:18%;top:22%}.fr-side .fr-p2{right:16%;bottom:24%}
.fr-side .fr-chip{position:static!important;order:0;align-self:flex-start;margin-bottom:0}
.fr-side .fr-txt .fr-k{margin-bottom:2px}
.fr-side{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"chip art" "txt art";align-items:center;row-gap:14px}
.fr-side .fr-chip{grid-area:chip}.fr-side .fr-txt{grid-area:txt}.fr-side .fr-art{grid-area:art}
@media (max-width:760px){.fr-side{grid-template-columns:1fr!important;grid-template-areas:"chip" "art" "txt"!important}.fr-side .fr-art{width:100%;height:200px}.fr-side .fr-art img{width:120px;height:120px}}
.fr-side .fr-chip{justify-self:start!important;width:max-content!important}
/* ---- Your way: three plain statements ---- */
.yw{padding:var(--sec-pad) 0!important}
.yw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.2vw,28px)}
.yw-card{display:flex;flex-direction:column;gap:14px;padding:clamp(24px,2.6vw,36px);border-radius:22px;background:#fff;border:1px solid rgba(26,24,21,.12);min-width:0}
.yw-card img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(26,24,21,.18));margin-bottom:8px;animation:frFloat 6s ease-in-out infinite}
.yw-card:nth-child(2) img{animation-delay:-2s}.yw-card:nth-child(3) img{animation-delay:-4s}
.yw-card h3{margin:0;font-family:var(--serif);font-weight:420;font-size:clamp(26px,2.2vw,34px);line-height:1.05;letter-spacing:-.02em;text-wrap:balance}
.yw-card h3 em{font-style:italic;font-weight:380}
.yw-card p{margin:0;font-size:16px;line-height:1.5;color:var(--muted);text-wrap:pretty}
@media (max-width:900px){.yw-grid{grid-template-columns:1fr}}
.yw-card{background:transparent!important;border:0!important;border-top:1px solid rgba(26,24,21,.18)!important;border-radius:0!important;padding:22px 0 0!important;gap:12px!important}
.yw-n{font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--muted);margin-bottom:26px}
.yw-card h3{font-size:clamp(28px,2.4vw,38px)!important}
.yw-grid{gap:clamp(28px,4vw,56px)!important}
/* ---- Tune v3: drawer styling, no numbers on rows ---- */
.tf-step{grid-template-columns:34px minmax(0,1fr) 38px!important;padding:10px 12px 10px 10px!important;margin:6px 0;border:1px solid rgba(26,24,21,.1)!important;border-radius:14px;background:#fff}
.tf-step:first-child{border-top:1px solid rgba(26,24,21,.1)!important}
.tf-step.on{border-color:rgba(26,24,21,.3)!important}
.tf-step.lift{margin:6px -8px}
.tf-drop{display:none!important}
.tf-lab b{font-size:15px!important}
.tf-est small{text-transform:none!important;letter-spacing:0!important;font-family:var(--sans)!important;font-size:12px!important}
.tf-bar{margin-top:14px!important;height:6px}
.tf-bar-mark{display:none}
.tf-foot{margin-top:14px!important}
.tf-live{color:#2f7a4d}
.tf-var small{display:none}
.tf-verdict{padding-top:20px!important}
.tf-verdict-l p{font-size:15px!important;color:var(--ink)!important}
.tf-win .tf-var-pct{color:var(--ink)!important}
.tf-win .tf-var-bar i{background:var(--ink)!important}
.tf-win .tf-var-h b{background:var(--ink);color:#fff}
.ig-flow .ig-mark-svg{display:block;width:52px;height:52px}
@media (max-width:480px){.ig-flow .ig-mark-svg{width:40px;height:40px}}
/* simplified wow shots (tenant page) */
.wow-phone.wow-simple .wow-taps li.on{color:var(--ink)}
.wow2.wow-simple{padding:8px 24px 12px}
.wow2.wow-simple .wow2-row{grid-template-columns:minmax(0,1fr) auto;padding:18px 0;gap:16px}
.wow2.wow-simple .wow2-lab b{font-family:var(--sans);font-weight:600;font-size:16px;letter-spacing:0;text-transform:none;color:var(--ink)}
.wow2.wow-simple .wow2-lab small{font-size:14px;white-space:normal;overflow:visible}
.wow2.wow-simple .wow2-chip{font-size:14px;font-weight:600;padding:8px 16px}
.wow2.wow-simple .wow2-chip.on{background:var(--ink);color:#fff}
.wow2-simple-chart{margin-top:auto;padding:22px 0 12px;border-top:1px solid rgba(26,24,21,.09);font-family:var(--sans);color:var(--ink)}
.wow2-sc-h,.wow2-sc-f{display:flex;justify-content:space-between;gap:12px;font-size:14px}
.wow2-sc-h{font-weight:600;margin-bottom:12px}
.wow2-sc-h span:last-child{font-weight:400;color:var(--muted)}
.wow2-sc-bar{height:14px;border-radius:999px;background:rgba(26,24,21,.08);overflow:hidden}
.wow2-sc-bar i{display:block;height:100%;width:0;border-radius:999px;background:var(--ink);transition:width 1.2s cubic-bezier(.2,.7,.2,1) .6s}
.wow2-req.play .wow2-sc-bar i{width:calc(var(--v)*100%)}
.wow2-sc-f{margin-top:10px;color:var(--muted)}
.wow2-sc-f span:first-child{color:var(--ink);font-weight:600}
/* one screen per step */
.wow-screens .wow-taps{position:relative;display:block!important;height:340px;gap:0}
.wow-screens .wow-taps li{position:absolute;inset:0;display:flex!important;flex-direction:column;gap:0;padding:6px 6px 0!important;border:0!important;background:none!important;box-shadow:none!important;color:var(--ink);opacity:0;transform:translateX(18px);transition:opacity .4s ease,transform .4s ease;pointer-events:none;font-family:var(--sans)}
.wow-screens .wow-taps li{align-items:stretch!important;justify-content:flex-start!important;text-align:left}
.wow-screens .wow-taps li>*{width:100%}
.wow-screens .wow-taps li.now{opacity:1;transform:none}
.wow-screens .wow-taps li.on{opacity:0;transform:translateX(-18px)}
.ws-k{font-size:12px;color:var(--muted);letter-spacing:.02em}
.ws-t{font-size:20px;font-weight:600;line-height:1.2;margin:4px 0 16px}
.ws-hint{margin-top:auto;padding-top:12px;font-size:13px;color:var(--muted);text-align:center}
.ws-cam{position:relative;flex:1;border-radius:14px;background:rgba(26,24,21,.06);display:grid;place-items:center;min-height:150px}
.ws-idcard{width:66%;aspect-ratio:1.586;border-radius:8px;background:#fff;border:1px solid rgba(26,24,21,.14);position:relative}
.ws-idface{position:absolute;left:10%;top:22%;width:22%;aspect-ratio:1;border-radius:50%;background:rgba(26,24,21,.14)}
.ws-idline{position:absolute;left:40%;right:12%;height:7%;border-radius:4px;background:rgba(26,24,21,.14)}
.ws-idline:nth-of-type(2){top:26%}.ws-idline.s{top:44%;right:32%}.ws-idline:nth-of-type(4){top:62%}
.ws-corner{position:absolute;width:22px;height:22px;border:2.5px solid var(--ink)}
.ws-corner.tl{left:12px;top:12px;border-right:0;border-bottom:0;border-radius:6px 0 0 0}
.ws-corner.tr{right:12px;top:12px;border-left:0;border-bottom:0;border-radius:0 6px 0 0}
.ws-corner.bl{left:12px;bottom:12px;border-right:0;border-top:0;border-radius:0 0 0 6px}
.ws-corner.br{right:12px;bottom:12px;border-left:0;border-top:0;border-radius:0 0 6px 0}
.ws-selfie{flex:1;display:grid;place-items:center;min-height:150px}
.ws-ring{width:150px;height:150px;border-radius:50%;border:3px solid var(--ink);background:rgba(26,24,21,.06);position:relative;overflow:hidden}
.ws-head{position:absolute;left:50%;top:26%;width:44px;height:44px;border-radius:50%;background:rgba(26,24,21,.18);transform:translateX(-50%)}
.ws-body{position:absolute;left:50%;top:64%;width:92px;height:92px;border-radius:50%;background:rgba(26,24,21,.18);transform:translateX(-50%)}
.ws-list{display:grid;gap:8px}
.ws-search{display:flex;align-items:center;gap:10px;height:42px;padding:0 14px;margin-bottom:12px;border-radius:12px;background:rgba(26,24,21,.06);color:var(--muted);font-size:14px}
.ws-bank{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:9px 12px 9px 10px;border:1px solid rgba(26,24,21,.1);border-radius:12px;font-size:15px;font-weight:500}
.ws-bank i{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff;font-style:normal;font-weight:700;font-size:11px;letter-spacing:.02em}
.ws-bank.sel{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.ws-lock{display:flex;align-items:center;justify-content:center;gap:6px}
.ws-bank em{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ink);color:#fff}
.ws-form{display:grid;gap:12px}
.ws-form label{display:grid;gap:6px;font-size:12px;color:var(--muted)}
.ws-field{display:flex;align-items:center;gap:2px;height:44px;padding:0 14px;border:1px solid rgba(26,24,21,.14);border-radius:12px;font-size:15px;color:var(--ink);background:#fff}
.ws-caret{width:1.5px;height:18px;background:var(--ink);animation:wowPulse 1s steps(2) infinite}
.ws-chips{display:flex;gap:8px;flex-wrap:wrap}
.ws-chips span{padding:7px 12px;border-radius:999px;border:1px solid rgba(26,24,21,.14);font-size:13px;color:var(--muted)}
.ws-chips span.on{background:var(--ink);border-color:var(--ink);color:#fff}
.ws-summary{display:grid;width:100%;border:1px solid rgba(26,24,21,.12);border-radius:12px;overflow:hidden;background:#fff}
.ws-line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:15px;border-top:1px solid rgba(26,24,21,.08)}
.ws-line span{white-space:nowrap}
.ws-line:first-child{border-top:0}
.ws-line b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--ink);color:#fff}
.ws-consent{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:12px 14px;border-radius:12px;background:rgba(26,24,21,.05);font-size:13px;color:var(--ink);line-height:1.4}
.ws-consent i{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:var(--ink);color:#fff}
/* live SDK feel inside each step */
@keyframes wsScan{0%{top:10%;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:88%;opacity:0}}
@keyframes wsPop{0%{opacity:0;transform:translateY(8px) scale(.96)}100%{opacity:1;transform:none}}
@keyframes wsIn{0%{opacity:0;transform:translateY(6px)}100%{opacity:1;transform:none}}
@keyframes wsRing{0%{stroke-dashoffset:100}100%{stroke-dashoffset:0}}
@keyframes wsType{0%{width:0}100%{width:100%}}
@keyframes wsPick{0%{background:transparent;color:var(--muted);border-color:rgba(26,24,21,.14)}100%{background:var(--ink);color:#fff;border-color:var(--ink)}}
@keyframes wsSel{0%{border-color:rgba(26,24,21,.1);box-shadow:none}100%{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}}
.wow-screens .wow-taps li{transition-delay:0s}
.wow-screens .wow-taps li.on{transition-delay:0s}
.ws-cam{overflow:hidden}
.ws-scan{position:absolute;left:8%;right:8%;height:2px;background:var(--ink);box-shadow:0 0 12px 2px rgba(26,24,21,.25);opacity:0}
li.now .ws-scan{animation:wsScan 1.5s ease-in-out 1 both}
.ws-pill{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:7px;padding:6px 10px 6px 6px;border-radius:999px;background:var(--ink);color:#fff;font-size:12.5px;font-weight:500;white-space:nowrap;opacity:0;width:auto!important}
.ws-pill i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#fff;color:var(--ink)}
li.now .ws-pill{animation:wsPop .45s cubic-bezier(.2,.8,.2,1) var(--d,1s) both}
.ws-selfie{position:relative}
.ws-prog{position:absolute;inset:-3px;width:calc(100% + 6px);height:calc(100% + 6px);transform:rotate(-90deg)}
.ws-prog circle{fill:none;stroke:var(--ink);stroke-width:3;stroke-dasharray:100;stroke-dashoffset:100;stroke-linecap:round}
li.now .ws-prog circle{animation:wsRing 1.5s ease-in-out .15s both}
.ws-ring{border-color:rgba(26,24,21,.12);overflow:visible}
.ws-ring::after{content:"";position:absolute;inset:0;border-radius:50%}
.ws-type{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;width:0;color:var(--ink)}
li.now .ws-type{animation:wsType calc(var(--n)*55ms) steps(var(--n)) var(--d,0ms) both}
.ws-search .ws-type{font-size:15px;font-weight:500}
.ws-search{position:relative;width:100%}
.ws-bank{opacity:0}
li.now .ws-bank{animation:wsIn .4s ease var(--d,0ms) both}
li.now .ws-bank:first-child{animation:wsIn .4s ease var(--d,0ms) both,wsSel .3s ease 1.3s both}
.ws-bank em{opacity:0;transform:scale(.6);transition:opacity .3s,transform .3s}
li.now .ws-bank em{animation:wsPop .3s ease 1.45s both}
.ws-selfie .ws-pill,.ws-cam .ws-pill{bottom:12px}
li .ws-list~.ws-pill,li .ws-form~.ws-pill{position:static;transform:none;margin:14px auto 0;align-self:center}
.ws-pick{animation:none}
li.now .ws-pick{animation:wsPick .3s ease var(--d,1.5s) both}
.ws-line b{opacity:0;transform:scale(.5)}
li.now .ws-line b{animation:wsPop .35s cubic-bezier(.2,.8,.2,1) var(--d,0ms) both}
.ws-consent i{opacity:0;transform:scale(.5)}
li.now .ws-consent i{animation:wsPop .35s cubic-bezier(.2,.8,.2,1) var(--d,1s) both}
.ws-search{flex:none;height:42px}
.ws-list{flex:none}
li .ws-list~.ws-pill,li .ws-form~.ws-pill{margin-top:16px}
/* selfie: silhouette clipped to the ring, pill below it */
.ws-selfie{flex-direction:column;align-content:center;gap:0;padding-bottom:44px}
.ws-ring{width:140px;height:140px;margin:auto}
.ws-ring::after{display:none}
.ws-head,.ws-body{clip-path:none}
.ws-ring{clip-path:none;-webkit-mask:none}
.ws-ring>i{pointer-events:none}
.ws-ring{overflow:hidden!important}
.ws-prog{inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px)}
.ws-selfie .ws-pill{bottom:0}
/* who pays: bigger type, shorter copy */
.wp-k{font-size:12.5px!important}
.wp-t{font-size:clamp(32px,3vw,46px)!important}
.wp-p{font-size:clamp(17px,1.3vw,20px)!important;line-height:1.45!important;max-width:34ch!important}
.wp-list li{font-size:clamp(16px,1.15vw,18px)!important;padding:13px 0!important}
.wp-list svg{width:16px;height:16px}
/* legibility on the colour plates */
.wp-tenant .wp-k,.wp-team .wp-k{color:rgba(255,255,255,.85)!important}
.wp-tenant .wp-p,.wp-team .wp-p{color:#fff!important;font-weight:500}
.wp-tenant .wp-list li,.wp-team .wp-list li{color:#fff;font-weight:500;border-top-color:rgba(255,255,255,.28)!important}
.wp-tenant .wp-t,.wp-team .wp-t,.wp-tenant .wp-p,.wp-team .wp-p,.wp-tenant .wp-list li,.wp-team .wp-list li{text-shadow:0 1px 2px rgba(0,0,0,.25)}
/* step 5: report preview */
@keyframes wsArc{0%{stroke-dashoffset:100}100%{stroke-dashoffset:calc(100 - var(--v))}}
@keyframes wsBar{0%{transform:scaleY(0)}100%{transform:scaleY(1)}}
.ws-report{display:grid;grid-template-columns:84px minmax(0,1fr);gap:16px;align-items:center;padding:14px;border:1px solid rgba(26,24,21,.12);border-radius:14px;background:#fff}
.ws-score{position:relative;width:84px;height:84px}
.ws-score svg{width:100%;height:100%;transform:rotate(-90deg)}
.ws-score circle{fill:none;stroke-width:8;stroke-linecap:round}
.ws-score .bg{stroke:rgba(26,24,21,.08)}
.ws-score .fg{stroke:var(--ink);stroke-dasharray:100;stroke-dashoffset:100}
li.now .ws-score .fg{animation:wsArc 1.4s cubic-bezier(.2,.7,.2,1) .3s both}
.ws-score b{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--serif);font-size:26px;font-weight:420;letter-spacing:-.02em}
.ws-rmeta{display:flex;flex-direction:column;gap:2px;min-width:0}
.ws-rk{font-size:12px;color:var(--muted)}
.ws-rv{font-size:20px;font-weight:600;line-height:1.15}
.ws-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.ws-tags span{display:inline-flex;align-items:center;gap:4px;padding:4px 8px 4px 6px;border-radius:999px;background:rgba(26,24,21,.06);font-size:12px;font-weight:500;opacity:0}
.ws-tags span svg{width:11px;height:11px}
li.now .ws-tags span{animation:wsPop .35s cubic-bezier(.2,.8,.2,1) var(--d) both}
.ws-spark{margin-top:10px;padding:12px 14px 10px;border:1px solid rgba(26,24,21,.12);border-radius:14px;background:#fff}
.ws-spark-h{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:var(--muted);margin-bottom:8px}
.ws-spark-h b{color:var(--ink);font-weight:600;font-size:13px}
.ws-spark-bars{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;height:44px;align-items:end}
.ws-spark-bars i{display:block;height:calc(var(--v)*100%);border-radius:3px 3px 1px 1px;background:var(--ink);transform:scaleY(0);transform-origin:bottom}
li.now .ws-spark-bars i{animation:wsBar .5s cubic-bezier(.2,.7,.2,1) var(--d) both}
.ws-spark-bars i:last-child{background:#0B3FB0}
.wow-screens .ws-consent{margin-top:10px;padding:10px 12px;font-size:13px}
.wow-screens .ws-consent span{width:auto}
/* ---- Wow v3: device phone + report page (tenant page) ---- */
.wow-phone.wow-device{width:min(100%,360px);background:#fff;border:1px solid rgba(26,24,21,.14);border-radius:26px;padding:16px 0 16px;box-shadow:0 24px 50px -30px rgba(26,24,21,.35)}
.wow-phone.wow-device .wow-phone-bar{display:none}
.wow-device .wow-dev-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:14px 22px 6px;background:#fff;border-radius:34px 34px 0 0;font-family:var(--sans);font-size:14px;font-weight:600;color:#14120f}
.wow-dev-island{width:96px;height:28px;border-radius:14px;background:#14120f;justify-self:center}
.wow-dev-sig{display:flex;justify-content:flex-end;gap:3px;align-items:flex-end}
.wow-dev-sig i{width:3px;background:#14120f;border-radius:1px;height:6px}.wow-dev-sig i:nth-child(2){height:9px}.wow-dev-sig i:nth-child(3){height:12px}
.wow-dev-prog{display:flex;gap:5px;padding:4px 22px 0;background:#fff}
.wow-dev-prog i{flex:1;height:4px;border-radius:2px;background:rgba(26,24,21,.1);position:relative;overflow:hidden}
.wow-dev-prog i::after{content:"";position:absolute;inset:0;background:#14120f;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.wow-device .wow-taps{background:#fff;padding:0 6px}
.wow-device.wow-screens .wow-taps{height:430px!important}
.wow-device .wow-taps li{padding:14px 16px 0!important}
.wow-device .ws-k{font-size:13px}.wow-device .ws-t{font-size:24px;letter-spacing:-.01em}
.wow-device .wow-phone-cta{margin:0;border-radius:0;padding:0 22px;height:auto;background:#fff;display:block}
.wow-device .wow-cta-t{width:100%}
.wow-device .wow-cta-t,.wow-device .wow-cta-d{background:#14120f;color:#fff;border-radius:14px;height:50px;display:grid;place-items:center;font-size:15px}
.wow-device .wow-cta-d{position:absolute;left:22px;right:22px;top:0}
.wow-device .wow-cta-fill{display:none}
.wow-dev-home{height:26px;background:#fff;border-radius:0 0 34px 34px;position:relative}
.wow-dev-home::after{content:"";position:absolute;left:50%;bottom:8px;width:120px;height:5px;border-radius:3px;background:#14120f;transform:translateX(-50%)}
/* step 1: real ID photo in the viewfinder */
.ws-cam.ws-cam-photo{position:relative;flex:1;min-height:220px;border-radius:18px;overflow:hidden;background:#14120f;display:grid;place-items:center}
.ws-cam-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% 36%;filter:saturate(1.05)}
.ws-cam-photo::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,rgba(20,18,15,0) 45%,rgba(20,18,15,.55) 100%)}
.ws-cam-photo .ws-corner{border-color:#fff;z-index:2;width:26px;height:26px;border-width:3px}
.ws-cam-photo .ws-scan{background:#fff;box-shadow:0 0 18px 4px rgba(255,255,255,.55);z-index:2}
.ws-cam-photo .ws-pill{z-index:3}
/* step 2: real face in the ring, head-turn + mesh */
.ws-ring.ws-ring-photo{width:190px;height:190px;border-width:0;background:#e9e4dc;box-shadow:0 0 0 3px rgba(26,24,21,.1)}
.ws-face{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;transform-origin:50% 60%}
li.now .ws-face{animation:wsTurn 3s ease-in-out .2s both}
@keyframes wsTurn{0%{transform:translateX(0) scale(1.08)}30%{transform:translateX(-10px) scale(1.1) rotate(-3deg)}65%{transform:translateX(10px) scale(1.1) rotate(3deg)}100%{transform:translateX(0) scale(1.08)}}
.ws-mesh{position:absolute;inset:0;width:100%;height:100%;fill:#fff;stroke:#fff;stroke-width:.5;opacity:0;mix-blend-mode:screen}
li.now .ws-mesh{animation:wsMesh 3s ease .2s both}
@keyframes wsMesh{0%,15%{opacity:0}30%,70%{opacity:.85}100%{opacity:0}}
.ws-ring-photo .ws-prog circle{stroke-width:4;stroke:#0B3FB0}
.ws-turn{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.ws-turn em{font-style:normal;opacity:.5}
.ws-turn i{width:18px;height:1px;background:currentColor}
.wow-device .ws-selfie{padding-bottom:40px}
.wow-device .ws-list .ws-bank{padding:12px 14px;font-size:15px}
.wow-device .ws-bank i{width:36px;height:36px;font-size:12px}
/* report page */
.wow2.wow-report{padding:0;overflow:hidden;border-radius:16px;box-shadow:0 40px 80px -40px rgba(26,24,21,.5);display:flex;flex-direction:column}
.wr-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid rgba(26,24,21,.1);background:#f6f4ef}
.wr-bar i{width:10px;height:10px;border-radius:50%;background:rgba(26,24,21,.16)}
.wr-bar span{margin-left:12px;flex:1;text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--muted);background:#fff;border-radius:6px;padding:5px 10px}
.wr-view{height:560px;overflow:hidden;position:relative;background:#fff}
.wr-view::after{content:"";position:absolute;left:0;right:0;bottom:0;height:48px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff);pointer-events:none}
.wr-scroll{padding:22px 24px 26px;display:grid;gap:22px;will-change:transform}
.wow-report.play .wr-scroll{animation:wrScroll 9.2s cubic-bezier(.5,0,.3,1) .6s both}
@keyframes wrScroll{0%,22%{transform:translateY(0)}72%,100%{transform:translateY(calc(560px - 100%))}}
.wow-report .wow2-row{display:block;padding:0;border:0;gap:0}
.wow-report .wr-head{display:grid!important;grid-template-columns:56px minmax(0,1fr) auto;gap:14px;align-items:center}
.wr-ava{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:50% 30%;background:#e9e4dc}
.wr-who{display:flex;flex-direction:column;gap:3px;min-width:0}
.wr-who b{font-size:20px;font-weight:600;letter-spacing:-.01em;line-height:1.1}
.wr-who span{font-size:13px;color:var(--ink)}
.wr-who small{font-size:12px;color:var(--muted)}
.wr-stamp{font-family:var(--serif);font-style:italic;font-size:22px;letter-spacing:.02em;color:#5f6a45;border:2.5px solid #5f6a45;border-radius:6px;padding:4px 12px;transform:rotate(-8deg) scale(1.6);opacity:0;transition:opacity .35s,transform .45s cubic-bezier(.2,.9,.2,1.2)}
.wow-report.play .wr-stamp{opacity:1;transform:rotate(-8deg) scale(1);transition-delay:1.3s}
.wow-report .wr-kpis{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.wr-kpi{position:relative;display:flex;flex-direction:column;gap:2px;padding:14px 12px 12px;border:1px solid rgba(26,24,21,.1);border-radius:12px;background:#faf9f6;min-width:0}
.wr-kpi b{font-family:var(--serif);font-size:26px;line-height:1;letter-spacing:-.02em;font-weight:420;white-space:nowrap}
.wr-kpi span{font-size:12px;font-weight:600;margin-top:4px}
.wr-kpi small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wr-ring{position:absolute;top:10px;right:10px;width:32px;height:32px;transform:rotate(-90deg)}
.wr-ring circle{fill:none;stroke-width:3.5}
.wr-ring .bg{stroke:rgba(26,24,21,.1)}
.wr-ring .fg{stroke:#0B3FB0;stroke-dasharray:100;stroke-dashoffset:100;stroke-linecap:round;transition:stroke-dashoffset 1.3s cubic-bezier(.2,.7,.2,1) .5s}
.wow-report.play .wr-ring .fg{stroke-dashoffset:calc(100 - var(--v))}
.wr-sec h4{margin:0 0 12px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:flex;justify-content:space-between;align-items:baseline;padding-top:16px;border-top:1px solid rgba(26,24,21,.1)}
.wr-sec h4 small{font-family:var(--sans);font-size:12px;letter-spacing:0;text-transform:none}
.wr-id{display:grid;grid-template-columns:72px 72px minmax(0,1fr);gap:12px;align-items:center}
.wr-thumb{display:block;width:72px;height:92px;border-radius:8px;overflow:hidden;background:#e9e4dc;border:1px solid rgba(26,24,21,.1)}
.wr-thumb img{width:100%;height:100%;object-fit:cover;object-position:58% 36%;display:block}
.wr-thumb-face img{object-position:50% 25%}
.wr-match{display:flex;flex-direction:column;gap:8px;min-width:0}
.wr-match-h{display:flex;justify-content:space-between;font-size:13px}
.wr-match-h b{font-family:var(--serif);font-size:20px;line-height:1;font-weight:420}
.wr-meter{height:8px;border-radius:999px;background:rgba(26,24,21,.08);overflow:hidden}
.wr-meter i{display:block;height:100%;width:0;border-radius:999px;background:#0B3FB0;transition:width 1.2s cubic-bezier(.2,.7,.2,1) .7s}
.wow-report.play .wr-meter i{width:calc(var(--v)*100%)}
.wr-tags{display:flex;flex-wrap:wrap;gap:6px}
.wr-tags span{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px;background:#eef1e6;color:#4e5838}
.wr-tags svg{width:11px;height:11px}
.wr-bars{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;height:88px;align-items:end;border-bottom:1px solid rgba(26,24,21,.12);padding-bottom:6px}
.wr-bars i{display:block;height:calc(var(--v)*100%);background:#14120f;border-radius:3px 3px 1px 1px;transform:scaleY(0);transform-origin:bottom;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.wr-bars i:last-child{background:#0B3FB0}
.wow-report.play .wr-bars i{transform:scaleY(1)}
.wow-report.play .wr-bars i:nth-child(n){transition-delay:calc(.6s + var(--i,0)*0s)}
.wr-axis{display:flex;justify-content:space-between;margin-top:8px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--muted)}
.wr-rows{display:grid}
.wr-rows div{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr) 22px;gap:10px;align-items:center;padding:10px 0;border-top:1px solid rgba(26,24,21,.07);font-size:13px}
.wr-rows div:first-child{border-top:0}
.wr-rows span{color:var(--muted)}.wr-rows b{font-weight:600}
.wr-rows em{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#5f6a45;color:#fff}
.wr-rows em svg{width:12px;height:12px}
.wr-dots{display:grid;grid-template-columns:repeat(12,1fr);gap:6px}
.wr-dots i{aspect-ratio:1;border-radius:50%;background:#5f6a45;opacity:0;transform:scale(.4);transition:opacity .3s,transform .4s cubic-bezier(.2,.9,.2,1.3)}
.wow-report.play .wr-dots i{opacity:1;transform:none}
.wr-dots-f{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;color:var(--muted)}
.wr-dots-f span:first-child{color:var(--ink);font-weight:600}
.wow-report .wr-foot{display:flex!important;gap:10px;padding-top:6px}
.wr-btn{flex:1;display:grid;place-items:center;height:44px;border-radius:10px;background:#14120f;color:#fff;font-size:14px;font-weight:600}
.wr-btn-ghost{background:transparent;color:var(--ink);border:1px solid rgba(26,24,21,.2)}
@media (max-width:760px){.wr-view{height:480px}@keyframes wrScroll{0%,22%{transform:translateY(0)}72%,100%{transform:translateY(calc(480px - 100%))}}.wow-report .wr-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.wow-device.wow-screens .wow-taps{height:400px!important}}
@media (prefers-reduced-motion:reduce){.wow-report.play .wr-scroll,li.now .ws-face,li.now .ws-mesh{animation:none}}
/* ---- Wow v3.1: premium finish ---- */
.wow-phone.wow-device{background:linear-gradient(180deg,#fdfcfa 0%,#f6f2ea 100%);border:1px solid rgba(26,24,21,.09);border-radius:30px;padding:26px 0 22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(26,24,21,.06),0 18px 30px -18px rgba(26,24,21,.28),0 60px 90px -50px rgba(26,24,21,.45)}
.wow-device .wow-dev-prog,.wow-device .wow-taps,.wow-device .wow-phone-cta{background:transparent}
.wow-device .wow-dev-prog{padding:0 26px;gap:6px}
.wow-device .wow-dev-prog i{height:3px;background:rgba(26,24,21,.09);border-radius:2px}
.wow-device .wow-dev-prog i::after{background:#14120f;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.wow-device:has(.wow-taps li:nth-child(1):is(.now,.on)) .wow-dev-prog i:nth-child(1)::after,
.wow-device:has(.wow-taps li:nth-child(2):is(.now,.on)) .wow-dev-prog i:nth-child(2)::after,
.wow-device:has(.wow-taps li:nth-child(3):is(.now,.on)) .wow-dev-prog i:nth-child(3)::after,
.wow-device:has(.wow-taps li:nth-child(4):is(.now,.on)) .wow-dev-prog i:nth-child(4)::after,
.wow-device:has(.wow-taps li:nth-child(5):is(.now,.on)) .wow-dev-prog i:nth-child(5)::after{transform:scaleX(1)}
.wow-device .wow-taps li{padding:22px 26px 0!important}
.wow-device .ws-k{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.wow-device .ws-t{font-family:var(--serif);font-weight:420;font-size:32px;line-height:1.02;letter-spacing:-.022em;margin:8px 0 22px;color:var(--ink)}
.wow-device .ws-hint{font-size:13px;color:var(--muted);padding:14px 0 10px}
.wow-device .ws-form label{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;gap:8px}
.wow-device .ws-field{height:52px;padding:0 16px;border-radius:14px;border:1px solid rgba(26,24,21,.1);background:#fff;font-size:17px;box-shadow:inset 0 1px 2px rgba(26,24,21,.04),0 1px 0 rgba(255,255,255,.8)}
.wow-device .ws-field .ws-type{font-size:17px}
.wow-device .ws-chips{gap:8px;margin-top:2px}
.wow-device .ws-chips span{padding:9px 14px;font-size:13.5px;font-weight:500;background:#fff;border-color:rgba(26,24,21,.1);color:var(--ink);box-shadow:0 1px 2px rgba(26,24,21,.04)}
.wow-device .ws-search{height:52px;border-radius:14px;background:#fff;border:1px solid rgba(26,24,21,.1);box-shadow:inset 0 1px 2px rgba(26,24,21,.04);margin-bottom:14px;color:var(--muted)}
.wow-device .ws-list{gap:8px}
.wow-device .ws-bank{background:#fff;border-color:rgba(26,24,21,.08);border-radius:14px;padding:12px 14px 12px 12px;box-shadow:0 1px 2px rgba(26,24,21,.04)}
.wow-device .ws-bank i{border-radius:11px;box-shadow:inset 0 -6px 12px rgba(0,0,0,.18)}
.wow-device .ws-bank em{background:#0B3FB0}
.wow-device .ws-pill{padding:7px 14px 7px 7px;font-size:12.5px;font-weight:500;letter-spacing:.01em;background:#14120f;box-shadow:0 12px 24px -12px rgba(26,24,21,.7),inset 0 1px 0 rgba(255,255,255,.12)}
.wow-device .ws-pill i{background:#0B3FB0;color:#fff;width:20px;height:20px}
.wow-device .wow-phone-cta{padding:0 26px}
.wow-device .wow-cta-t,.wow-device .wow-cta-d{height:54px;border-radius:16px;font-size:15.5px;font-weight:500;letter-spacing:.005em;background:linear-gradient(180deg,#26221d,#14120f);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 16px 28px -16px rgba(26,24,21,.75)}
.wow-device .wow-cta-d{left:26px;right:26px}
.ws-cam.ws-cam-photo{border-radius:22px;min-height:240px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 30px 50px -30px rgba(26,24,21,.6)}
.ws-cam-photo::after{background:radial-gradient(ellipse at 50% 42%,rgba(20,18,15,0) 40%,rgba(20,18,15,.6) 100%)}
.ws-cam-photo .ws-corner{width:30px;height:30px;border-width:2.5px;border-radius:0!important}
.ws-cam-photo .ws-corner.tl{border-radius:8px 0 0 0!important}.ws-cam-photo .ws-corner.tr{border-radius:0 8px 0 0!important}.ws-cam-photo .ws-corner.bl{border-radius:0 0 0 8px!important}.ws-cam-photo .ws-corner.br{border-radius:0 0 8px 0!important}
.ws-ring.ws-ring-photo{width:200px;height:200px;background:#ece7de;box-shadow:0 0 0 8px #fff,0 0 0 9px rgba(26,24,21,.08),0 40px 60px -30px rgba(11,63,176,.45)}
.ws-ring-photo .ws-prog{inset:-9px;width:calc(100% + 18px);height:calc(100% + 18px)}
.ws-ring-photo .ws-prog circle{stroke-width:2.6;stroke:#0B3FB0}
.ws-turn{margin-top:22px;font-size:10.5px}
.wow-device .ws-selfie{padding-bottom:48px}
.wow-device .ws-selfie .ws-pill{bottom:2px}
.wow-device .ws-report .ws-score svg .fg{stroke:#0B3FB0}
.wow-device .ws-rv{font-family:var(--serif);font-size:24px;font-weight:420;letter-spacing:-.01em}
/* report: paper + editorial */
.wow2.wow-report{background:#fbfaf7;border-radius:22px;border:1px solid rgba(26,24,21,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(26,24,21,.06),0 18px 30px -18px rgba(26,24,21,.28),0 60px 90px -50px rgba(26,24,21,.45)}
.wr-bar{background:transparent;border-bottom:1px solid rgba(26,24,21,.08);padding:14px 20px;gap:6px}
.wr-bar i{width:8px;height:8px;background:transparent;border:1px solid rgba(26,24,21,.25)}
.wr-bar span{background:rgba(26,24,21,.04);border-radius:8px;padding:6px 12px;font-size:10.5px;letter-spacing:.06em}
.wr-view{background:transparent}
.wr-view::after{background:linear-gradient(180deg,rgba(251,250,247,0),#fbfaf7)}
.wr-scroll{padding:26px 28px 30px;gap:26px}
.wr-ava{width:60px;height:60px;box-shadow:0 0 0 3px #fff,0 0 0 4px rgba(26,24,21,.08)}
.wr-who b{font-family:var(--serif);font-weight:420;font-size:28px;letter-spacing:-.02em;line-height:1}
.wr-who span{font-size:13.5px;margin-top:2px}
.wr-who small{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase}
.wr-stamp{color:#AD0308;border-color:#AD0308;background:rgba(173,3,8,.045);font-size:24px;padding:5px 14px;border-radius:4px;letter-spacing:.01em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
.wr-kpi{background:#fff;border-color:rgba(26,24,21,.08);border-radius:16px;padding:16px 14px 14px;box-shadow:0 1px 2px rgba(26,24,21,.04)}
.wr-kpi b{font-size:30px}
.wr-kpi span{font-size:12.5px;margin-top:6px}
.wr-kpi small{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.wr-ring{top:12px;right:12px;width:34px;height:34px}
.wr-sec h4{font-family:var(--serif);font-weight:420;font-style:italic;font-size:20px;letter-spacing:-.01em;text-transform:none;color:var(--ink);padding-top:18px;margin-bottom:14px}
.wr-sec h4 small{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.wr-thumb{border-radius:10px;box-shadow:0 8px 16px -10px rgba(26,24,21,.4)}
.wr-match-h b{font-size:24px}
.wr-meter{height:6px}
.wr-tags span{background:#fff;border:1px solid rgba(26,24,21,.1);color:var(--ink);font-weight:500}
.wr-tags svg{color:#0B3FB0}
.wr-bars{height:96px;gap:7px}
.wr-bars i{border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#2a261f,#14120f)}
.wr-bars i:last-child{background:linear-gradient(180deg,#2a63e0,#0B3FB0)}
.wr-rows div{padding:11px 0;font-size:13.5px}
.wr-rows em{background:#0B3FB0}
.wr-dots i{background:#0B3FB0}
.wr-dots-f{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}
.wr-btn{height:48px;border-radius:14px;background:linear-gradient(180deg,#26221d,#14120f);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 16px 28px -16px rgba(26,24,21,.75);font-weight:500}
.wr-btn-ghost{background:#fff;box-shadow:0 1px 2px rgba(26,24,21,.04);border-color:rgba(26,24,21,.12)}
.wow-report .wr-head{grid-template-columns:60px minmax(0,1fr);position:relative;padding-right:0}
.wr-stamp{position:absolute;right:0;top:-6px}
.wr-who b{font-size:clamp(20px,5.5cqw,28px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:112px}
.wr-who span,.wr-who small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wr-who span{padding-right:112px}
.wow2.wow-report{container-type:inline-size}
.ws-selfie .ws-pill,.ws-cam .ws-pill{transform:none;translate:-50% 0;white-space:nowrap;max-width:calc(100% - 24px)}
/* ---- Industries v4: calm paper index (2026-09-23) ---- */
.uc-heat,.uc-glare{display:none!important}
.uc-card,.uc-hot{animation:none!important;overflow:visible!important;background:#fdfcfa!important;border:1px solid rgba(26,24,21,.1)!important;border-radius:18px!important;padding:16px 18px 20px!important;gap:14px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(26,24,21,.04)!important}
.uc-hot::before,.uc-hot::after{display:none!important}
.uc-card:hover{transform:translateY(-3px)!important;box-shadow:0 22px 40px -30px rgba(26,24,21,.35)!important;border-color:rgba(26,24,21,.18)!important}
.uc-card .uc-flap,.uc-card.uc-hot .uc-flap{position:static!important;transform:none!important;left:auto!important;right:auto!important;padding:0!important;background:transparent!important;border:0!important;color:var(--muted)!important;font-size:10px!important;letter-spacing:.14em!important;gap:7px!important;white-space:normal;order:0}
.uc-card .uc-flap svg,.uc-card.uc-hot .uc-flap svg{color:var(--muted)!important}
.uc-grid{row-gap:14px!important}
.uc-client{order:1;font-size:13px;color:var(--ink);gap:10px}
.uc-client img,.uc-mono{width:34px!important;height:34px!important;border-color:rgba(26,24,21,.1)!important;background:#fff!important}
.uc-mono{background:#f3efe7!important;font-size:10px!important}
.uc-q{order:2;padding:0!important;background:transparent!important;border-radius:0!important;font-family:var(--serif)!important;font-style:italic;font-size:17px!important;line-height:1.3!important;color:var(--ink);margin-top:-2px!important}
.uc-hotk{position:absolute!important;top:15px!important;right:16px!important;left:auto!important;transform:none!important;animation:none!important;margin:0!important;padding:0!important;width:8px;height:8px;border-radius:50%!important;background:#ad0308!important;color:transparent!important;font-size:0!important;box-shadow:0 0 0 3px rgba(173,3,8,.14)!important;overflow:hidden;gap:0!important}
.uc-hotk svg{display:none!important}
.uc-hotk::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1px solid rgba(173,3,8,.45);animation:ucLive 2.4s ease-out infinite}
@keyframes ucLive{0%{transform:scale(.6);opacity:.9}100%{transform:scale(2.2);opacity:0}}
.uc-hot{border-color:rgba(26,24,21,.18)!important}
@media (max-width:760px){.uc-card,.uc-hot{padding:14px 16px 18px!important}.uc-q{font-size:16px!important}}
/* ---- Wow v4: photo backdrops, shots bleed off the bottom (2026-09-23) ---- */
.wow-card.wow-card-bg{position:relative;overflow:hidden;border:0;border-radius:24px;padding:clamp(28px,3vw,40px) clamp(28px,3vw,40px) 0;background-color:#0b2a8a;background-size:cover;background-repeat:no-repeat;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 30px 60px -36px rgba(2,32,130,.55);isolation:isolate}
.wow-card.wow-card-bg::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,20,90,.22) 0%,rgba(2,20,90,0) 40%,rgba(2,20,90,.3) 100%);pointer-events:none;z-index:0}
.wow-card.wow-card-bg>*{position:relative;z-index:1}
.wow-card.wow-card-bg .wow-k{color:rgba(243,237,226,.78)}
.wow-card.wow-card-bg .wow-t{color:#f3ede2;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.wow-card.wow-card-bg .wow-phone.wow-device,.wow-card.wow-card-bg .wow2.wow-report{margin-top:clamp(28px,3.4vw,48px)!important;margin-bottom:-14px;border-radius:26px 26px 0 0;border-bottom:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 -1px 0 rgba(26,24,21,.05),0 -30px 70px -30px rgba(0,0,0,.55),0 -6px 18px -8px rgba(0,0,0,.25)}
.wow-card.wow-card-bg .wow2.wow-report{max-height:none}
@media (max-width:760px){.wow-card.wow-card-bg{padding-left:22px;padding-right:22px;border-radius:20px}.wow-card.wow-card-bg .wow-phone.wow-device,.wow-card.wow-card-bg .wow2.wow-report{border-radius:20px 20px 0 0}}
/* ---- Industries v5: cobalt photo stage + frosted cards (2026-09-23) ---- */
.uc-stage{position:relative;margin-top:clamp(32px,4vw,56px);border-radius:28px;overflow:hidden;padding:clamp(22px,2.6vw,36px);isolation:isolate;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 40px 80px -48px rgba(2,32,130,.6)}
.uc-stage-bg{position:absolute;inset:0;z-index:0;background:#0b2a8a url(../img/v2/ui-backdrop-1.webp) 50% 40%/cover no-repeat}
.uc-stage-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,20,90,.15),rgba(2,20,90,.45))}
.uc-stage .uc-grid{position:relative;z-index:1;margin-top:0!important;gap:12px!important;row-gap:12px!important}
.uc-stage .uc-card,.uc-stage .uc-hot{background:rgba(252,251,248,.82)!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:18px!important;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 30px -18px rgba(2,20,90,.5)!important}
.uc-stage .uc-card:hover{background:rgba(252,251,248,.95)!important;border-color:#fff!important;box-shadow:0 26px 50px -24px rgba(2,20,90,.65)!important}
.uc-stage .uc-hot{background:rgba(252,251,248,.94)!important;border-color:#fff!important}
.uc-stage .uc-client img,.uc-stage .uc-mono{border-color:rgba(26,24,21,.08)!important}
@media (max-width:760px){.uc-stage{display:none}}
/* ---- Backdrops: 80s Miami day v2 — clean sky, low sun behind the shot, soft glare (2026-09-23) ---- */
.wow-card.wow-card-bg,.uc-stage-bg{background:
radial-gradient(90% 55% at 50% 70%,rgba(255,236,200,.55),rgba(255,236,200,0) 70%),
linear-gradient(180deg,#cfeaf1 0%,#e9f1f0 28%,#f8d7dc 52%,#fbb99f 74%,#f48aa0 100%) #e9f1f0!important}
.wow-card.wow-card-bg::before,.uc-stage-bg::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:
linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 50%,rgba(255,255,255,0) 100%) 0 var(--sun-y,58%)/100% 1.5px no-repeat,
linear-gradient(90deg,rgba(255,255,255,0) 15%,rgba(255,255,255,.28) 50%,rgba(255,255,255,0) 85%) 0 calc(var(--sun-y,58%) - 10px)/100% 22px no-repeat,
radial-gradient(circle at var(--sun-x,50%) var(--sun-y,58%),#fffbe6 0 13%,#ffd889 13.5%,#ff9f7a 20%,rgba(255,159,122,0) 20.5%),
radial-gradient(circle at var(--sun-x,50%) var(--sun-y,58%),rgba(255,214,150,.6) 0,rgba(255,200,140,0) 42%)}
.wow-card.wow-card-bg::after,.uc-stage-bg::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0 12px,rgba(248,215,220,.9) 12px 16px);mask:radial-gradient(circle at var(--sun-x,50%) var(--sun-y,58%),#000 0 20.3%,transparent 20.6%);-webkit-mask:radial-gradient(circle at var(--sun-x,50%) var(--sun-y,58%),#000 0 20.3%,transparent 20.6%);clip-path:inset(var(--sun-y,58%) 0 0 0)}
.wow-card.wow-card-bg{--sun-x:50%;--sun-y:52%;border:1px solid rgba(255,255,255,.7)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 30px 60px -36px rgba(244,138,160,.55)!important}
.wow-card.wow-card-bg .wow-k{color:rgba(26,24,21,.6)!important}
.wow-card.wow-card-bg .wow-t{color:#1a1815!important;text-shadow:none!important}
.wow-card.wow-card-bg .wow-phone.wow-device,.wow-card.wow-card-bg .wow2.wow-report{border:1px solid rgba(255,255,255,.9)!important;border-bottom:0!important;box-shadow:inset 0 1px 0 #fff,0 -40px 90px -30px rgba(160,40,90,.35),0 -8px 24px -10px rgba(160,40,90,.25)!important}
.uc-stage{--sun-x:84%;--sun-y:28%;border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 40px 80px -48px rgba(244,138,160,.55)!important}
.uc-stage .uc-card,.uc-stage .uc-hot{background:rgba(255,255,255,.78)!important;border-color:rgba(255,255,255,.9)!important;box-shadow:inset 0 1px 0 #fff,0 12px 30px -18px rgba(160,40,90,.3)!important}
.uc-stage .uc-card:hover{background:rgba(255,255,255,.95)!important}
/* ---- Wow v5: bright editorial shots, 13s cinematic loop (2026-09-23) ---- */
.w5{--ink:#1a1815;--mute:rgba(26,24,21,.55);--rule:rgba(26,24,21,.1);--cobalt:#022082;--burg:#AD0308;--dur:13s;position:relative;margin-top:clamp(28px,3.4vw,48px);background:#fff;border:1px solid rgba(255,255,255,.9);border-bottom:0;border-radius:26px 26px 0 0;padding:22px 26px 0;font-family:var(--sans);color:var(--ink);box-shadow:inset 0 1px 0 #fff,0 -40px 90px -30px rgba(160,40,90,.35);display:flex;flex-direction:column;min-height:600px;margin-bottom:-14px}
.w5-mono{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.w5-top{display:flex;justify-content:space-between;align-items:center}
.w5-h{margin:12px 0 0;font-family:var(--serif);font-weight:420;font-size:34px;line-height:1;letter-spacing:-.025em}
.w5-h em{font-style:italic;font-weight:380}
.w5 .w5-num{font-variant-numeric:tabular-nums}
/* applicant */
.w5-prog{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:14px}
.w5-prog i{height:3px;border-radius:2px;background:var(--rule);position:relative;overflow:hidden}
.w5-prog i::after{content:"";position:absolute;inset:0;background:var(--ink);transform:scaleX(0);transform-origin:left}
.w5-app.play .w5-prog i:nth-child(1)::after{animation:w5fill 4.5s cubic-bezier(.2,.7,.2,1) .4s forwards}
.w5-app.play .w5-prog i:nth-child(2)::after{animation:w5fill 4.5s cubic-bezier(.2,.7,.2,1) 5.6s forwards}
@keyframes w5fill{to{transform:scaleX(1)}}
.w5-stage{position:relative;flex:1 1 auto;min-height:420px;margin-top:18px}
.w5-scene{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;transform:translateY(14px);pointer-events:none}
.w5-app.play .w5-s1{animation:w5scene 5.4s cubic-bezier(.2,.7,.2,1) .2s both}
.w5-app.play .w5-s2{animation:w5scene 5.4s cubic-bezier(.2,.7,.2,1) 5.6s both}
.w5-app.play .w5-s3{animation:w5scene 2s cubic-bezier(.2,.7,.2,1) 11s both}
@keyframes w5scene{0%{opacity:0;transform:translateY(14px)}8%,90%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-10px)}}
.w5-step{display:block}
.w5-id{position:relative;margin-top:22px;height:150px;border-radius:16px;overflow:hidden;border:1px solid var(--rule);background:#f3f0ea}
.w5-id img{width:100%;height:100%;object-fit:cover;object-position:56% 36%;display:block;transform:scale(1.04)}
.w5-scan{position:absolute;left:0;right:0;top:0;height:2px;background:var(--cobalt);box-shadow:0 0 18px 4px rgba(2,32,130,.45);opacity:0}
.w5-app.play .w5-s1 .w5-scan{animation:w5scan 1.6s ease-in-out .8s 1 both}
@keyframes w5scan{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:100%;opacity:0}}
.w5-tag{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:7px;padding:7px 11px 7px 8px;border-radius:999px;background:var(--ink);color:#fff;font-size:12.5px;font-weight:500;opacity:0;transform:translateY(6px)}
.w5-tag svg{color:#7ee0a5}
.w5-app.play .w5-s1 .w5-tag{animation:w5up .5s cubic-bezier(.2,.9,.2,1.2) 2.4s forwards}
@keyframes w5up{to{opacity:1;transform:none}}
.w5-face{position:absolute;right:0;top:104px;width:112px;height:112px;border-radius:50%;background:#fff;padding:6px;box-shadow:0 14px 30px -14px rgba(26,24,21,.4)}
.w5-face img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.w5-face svg{position:absolute;inset:0;transform:rotate(-90deg)}
.w5-face circle{fill:none;stroke-width:2.5}
.w5-face .bg{stroke:var(--rule)}
.w5-face .fg{stroke:var(--cobalt);stroke-dasharray:100;stroke-dashoffset:100;stroke-linecap:round}
.w5-app.play .w5-s1 .fg{animation:w5arc 1.8s cubic-bezier(.2,.7,.2,1) 2.6s forwards}
@keyframes w5arc{to{stroke-dashoffset:0}}
.w5-list{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:0;max-width:calc(100% - 128px)}
.w5-list li{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--rule);font-size:14.5px;opacity:0;transform:translateY(6px)}
.w5-list li svg{color:var(--cobalt);flex:none}
.w5-app.play .w5-s1 .w5-list li:nth-child(1){animation:w5up .45s ease 3.2s forwards}
.w5-app.play .w5-s1 .w5-list li:nth-child(2){animation:w5up .45s ease 3.6s forwards}
.w5-app.play .w5-s1 .w5-list li:nth-child(3){animation:w5up .45s ease 4s forwards}
.w5-search{margin-top:22px;display:flex;align-items:center;gap:10px;height:48px;padding:0 16px;border:1px solid rgba(26,24,21,.16);border-radius:14px;font-size:15px;color:var(--ink)}
.w5-search svg{color:var(--mute)}
.w5-type{display:inline-block;overflow:hidden;white-space:nowrap;width:0}
.w5-app.play .w5-s2 .w5-type{animation:w5type .5s steps(2) .7s forwards}
@keyframes w5type{to{width:2ch}}
.w5-caret{width:1px;height:18px;background:var(--ink);animation:w5blink 1s steps(1) infinite}
@keyframes w5blink{50%{opacity:0}}
.w5-banks{display:grid;gap:8px;margin-top:10px}
.w5-bank{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:9px 12px;border:1px solid var(--rule);border-radius:12px;font-size:14.5px;opacity:0;transform:translateY(6px)}
.w5-bank i{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#fff;font-family:var(--mono);font-size:11px;font-style:normal}
.w5-bank em{width:22px;height:22px;border-radius:50%;background:var(--cobalt);color:#fff;display:grid;place-items:center;opacity:0;transform:scale(.4)}
.w5-app.play .w5-s2 .w5-bank:nth-child(1){animation:w5up .4s ease 1.3s forwards}
.w5-app.play .w5-s2 .w5-bank:nth-child(2){animation:w5up .4s ease 1.45s forwards}
.w5-app.play .w5-s2 .w5-bank:nth-child(3){animation:w5up .4s ease 1.6s forwards}
.w5-app.play .w5-s2 .w5-bank-on{animation:w5up .4s ease 1.3s forwards,w5pick .4s ease 2.3s forwards!important}
@keyframes w5pick{to{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}}
.w5-app.play .w5-s2 .w5-bank em{animation:w5pop .4s cubic-bezier(.2,.9,.2,1.3) 2.5s forwards}
@keyframes w5pop{to{opacity:1;transform:scale(1)}}
.w5-income{margin-top:auto;padding-top:18px;border-top:1px solid var(--rule);opacity:0;transform:translateY(8px)}
.w5-app.play .w5-s2 .w5-income{animation:w5up .5s ease 3s forwards}
.w5-inc-h{display:flex;justify-content:space-between;align-items:baseline}
.w5-inc-h b{font-family:var(--serif);font-weight:420;font-size:34px;letter-spacing:-.02em;line-height:1}
.w5-bars{display:grid;grid-template-columns:repeat(12,1fr);gap:5px;align-items:end;height:64px;margin-top:14px}
.w5-bars i{display:block;height:calc(var(--v)*100%);background:var(--cobalt);border-radius:3px 3px 1px 1px;transform:scaleY(0);transform-origin:bottom;opacity:.9}
.w5-app.play .w5-s2 .w5-bars i{animation:w5bar .7s cubic-bezier(.2,.7,.2,1) forwards}
.w5-app.play .w5-s2 .w5-bars i:nth-child(n){animation-delay:calc(3.2s + var(--i,0)*.06s)}
.w5-s3{align-items:center;justify-content:center;text-align:center}
.w5-done-ck{width:64px;height:64px;border-radius:50%;background:var(--cobalt);color:#fff;display:grid;place-items:center}
.w5-done-ck svg{width:28px;height:28px}
.w5-h-xl{font-size:56px;margin-top:20px}
.w5-p{margin:12px 0 0;max-width:26ch;color:var(--mute);font-size:15px;line-height:1.5;text-wrap:pretty}
.w5-cta{position:relative;flex:none;margin:20px -26px 0;height:64px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:15px;font-weight:500;overflow:hidden;border-radius:0}
.w5-cta span{grid-area:1/1;transition:opacity .35s,transform .35s}
.w5-cta-b{opacity:0;transform:translateY(10px)}
.w5-app.play .w5-cta-a{animation:w5out .4s ease 11s forwards}
.w5-app.play .w5-cta-b{animation:w5up .4s ease 11.1s forwards}
@keyframes w5out{to{opacity:0;transform:translateY(-10px)}}
/* verdict */
.w5-verdict>*{opacity:0;transform:translateY(12px)}
.w5-verdict.play>*{animation:w5up .6s cubic-bezier(.2,.7,.2,1) forwards}
.w5-verdict.play>:nth-child(1){animation-delay:.2s}
.w5-verdict.play>:nth-child(2){animation-delay:.5s}
.w5-verdict.play>:nth-child(3){animation-delay:.9s}
.w5-verdict.play>:nth-child(4){animation-delay:1.6s}
.w5-verdict.play>:nth-child(5){animation-delay:2.4s}
.w5-verdict.play>:nth-child(6){animation-delay:3.4s}
.w5-verdict.play>*{animation-name:w5upout;animation-duration:var(--dur)}
@keyframes w5upout{0%{opacity:0;transform:translateY(12px)}5%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(-8px)}}
.w5-who{display:flex;align-items:center;gap:12px;margin-top:22px}
.w5-who img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.w5-who b{display:block;font-family:var(--serif);font-weight:420;font-size:20px;letter-spacing:-.01em}
.w5-who span{display:block;font-size:12.5px;color:var(--mute);margin-top:2px}
.w5-big{display:flex;align-items:flex-end;gap:16px;margin-top:22px;padding-bottom:18px;border-bottom:1px solid var(--rule)}
.w5-big-t{font-family:var(--serif);font-weight:420;font-style:italic;font-size:clamp(56px,7vw,84px);line-height:.9;letter-spacing:-.035em;background:linear-gradient(90deg,var(--ink) 0 50%,rgba(26,24,21,.25) 50% 100%) 100% 0/200% 100% no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent}
.w5-verdict.play .w5-big-t{animation:w5ink 1.4s cubic-bezier(.2,.7,.2,1) 1.1s forwards}
@keyframes w5ink{to{background-position:0 0}}
.w5-stamp{align-self:center;margin-bottom:6px;padding:6px 10px;border:1.5px solid var(--burg);color:var(--burg);border-radius:6px;font-family:var(--serif);font-style:italic;font-size:15px;letter-spacing:.01em;transform:rotate(-6deg) scale(1.6);opacity:0}
.w5-verdict.play .w5-stamp{animation:w5stamp .5s cubic-bezier(.2,.9,.2,1.1) 2.1s forwards}
@keyframes w5stamp{to{opacity:1;transform:rotate(-6deg) scale(1)}}
.w5-dial{display:grid;grid-template-columns:120px 1fr;gap:20px;align-items:center;margin-top:20px}
.w5-dial svg{grid-area:1/1;width:120px;height:120px;transform:rotate(-90deg)}
.w5-dial circle{fill:none;stroke-width:5}
.w5-dial .bg{stroke:var(--rule)}
.w5-dial .fg{stroke:var(--cobalt);stroke-dasharray:100;stroke-dashoffset:100;stroke-linecap:round}
.w5-verdict.play .w5-dial .fg{animation:w5dial 1.6s cubic-bezier(.2,.7,.2,1) 2.7s forwards}
@keyframes w5dial{to{stroke-dashoffset:69}}
.w5-dial-c{grid-area:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2px}
.w5-dial-c b{font-family:var(--serif);font-weight:420;font-size:34px;letter-spacing:-.02em;line-height:1}
.w5-dial-c .w5-mono{font-size:8px;letter-spacing:.08em}
.w5-dial-l{display:grid;gap:6px;font-size:15px;line-height:1.4}
.w5-dial-l b{font-weight:600}
.w5-rows{margin-top:22px;border-top:1px solid var(--rule)}
.w5-row{display:grid;grid-template-columns:78px 1fr 22px;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--rule);font-size:14.5px}
.w5-row b{font-weight:500}
.w5-row em{width:22px;height:22px;border-radius:50%;background:var(--cobalt);color:#fff;display:grid;place-items:center;opacity:0;transform:scale(.4)}
.w5-verdict.play .w5-row:nth-child(1) em{animation:w5pop .4s cubic-bezier(.2,.9,.2,1.3) 4s forwards}
.w5-verdict.play .w5-row:nth-child(2) em{animation:w5pop .4s cubic-bezier(.2,.9,.2,1.3) 4.4s forwards}
.w5-verdict.play .w5-row:nth-child(3) em{animation:w5pop .4s cubic-bezier(.2,.9,.2,1.3) 4.8s forwards}
.w5-foot{display:flex;gap:10px;margin-top:auto;padding:22px 0 24px}
.w5-btn{flex:1;height:48px;display:grid;place-items:center;border-radius:12px;background:var(--ink);color:#fff;font-size:14px;font-weight:500}
.w5-btn-ghost{background:transparent;color:var(--ink);border:1px solid rgba(26,24,21,.18)}
@media (max-width:760px){.w5{padding:18px 18px 0;min-height:560px}.w5-cta{margin:16px -18px 0}.w5-h{font-size:30px}.w5-face{width:96px;height:96px}.w5-dial{grid-template-columns:104px 1fr}.w5-dial svg{width:104px;height:104px}}
@media (prefers-reduced-motion:reduce){.w5 *{animation-duration:.01s!important;animation-delay:0s!important}}
/* v5.1: lighter, less bulky */
.w5{width:min(100%,380px);margin-left:auto;margin-right:auto;padding:18px 22px 0;min-height:500px;border-radius:22px 22px 0 0;font-size:13.5px}
.w5-mono{font-size:9.5px}
.w5-h{font-size:28px;margin-top:10px}
.w5-prog{margin-top:12px}.w5-prog i{height:2px}
.w5-stage{min-height:340px;margin-top:14px}
.w5-id{height:118px;margin-top:16px;border-radius:12px}
.w5-tag{font-size:11.5px;padding:5px 9px 5px 6px;left:10px;bottom:10px}
.w5-face{width:88px;height:88px;top:84px;padding:4px}
.w5-list{margin-top:18px;max-width:calc(100% - 100px)}
.w5-list li{padding:8px 0;font-size:13.5px}
.w5-search{height:42px;margin-top:16px;font-size:14px;border-radius:12px}
.w5-bank{padding:7px 10px;font-size:13.5px;border-radius:10px;grid-template-columns:28px 1fr auto;gap:10px}
.w5-bank i{width:28px;height:28px;border-radius:7px;font-size:10px}
.w5-bank em,.w5-row em{width:18px;height:18px}
.w5-bank em svg,.w5-row em svg{width:11px;height:11px}
.w5-inc-h b{font-size:28px}
.w5-bars{height:48px;margin-top:10px}
.w5-h-xl{font-size:44px}
.w5-done-ck{width:52px;height:52px}
.w5-cta{height:48px;margin:16px 16px 18px;border-radius:12px;font-size:14px}
.w5-who{margin-top:16px;gap:10px}.w5-who img{width:36px;height:36px}.w5-who b{font-size:17px}.w5-who span{font-size:12px}
.w5-big{margin-top:14px;padding-bottom:12px;gap:12px}
.w5-big-t{font-size:clamp(44px,5vw,60px)}
.w5-stamp{font-size:13px;padding:4px 8px;margin-bottom:4px}
.w5-dial{grid-template-columns:92px 1fr;gap:16px;margin-top:14px}
.w5-dial svg{width:92px;height:92px}.w5-dial circle{stroke-width:4}
.w5-dial-c b{font-size:26px}.w5-dial-c .w5-mono{font-size:6.5px;letter-spacing:.04em;max-width:64px;line-height:1.2;white-space:normal}
.w5-dial-l{font-size:13.5px;gap:4px}
.w5-rows{margin-top:14px}
.w5-row{padding:9px 0;font-size:13px;grid-template-columns:64px 1fr 18px;gap:10px}
.w5-foot{padding:16px 0 20px;gap:8px}
.w5-btn{height:40px;font-size:13px;border-radius:10px}
.wow-card.wow-card-bg{padding-left:clamp(20px,2.2vw,32px)!important;padding-right:clamp(20px,2.2vw,32px)!important}
@media (max-width:760px){.w5{min-height:480px;padding:16px 18px 0}.w5-cta{margin:14px 14px 16px}}
/* ---- Wow v6: no containers; shots as objects on paper, captions below (2026-09-23) ---- */
.wow-card.wow-card-bg{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;overflow:visible!important;isolation:auto}
.wow-card.wow-card-bg::before,.wow-card.wow-card-bg::after{display:none!important}
.wow-card.wow-card-bg .wow-k{order:1;margin-top:0;color:var(--muted)!important}
.wow-card.wow-card-bg .wow-t{order:2;margin-top:10px!important;min-height:0!important;font-size:clamp(24px,2.2vw,32px)!important;color:var(--ink)!important}
.wow-card.wow-card-bg .w5{order:3;margin:26px auto 0!important;width:min(100%,400px);min-height:520px;border-radius:22px!important;border:1px solid rgba(26,24,21,.1)!important;box-shadow:0 1px 2px rgba(26,24,21,.05),0 30px 60px -34px rgba(26,24,21,.35)!important;padding:20px 24px 0}
.wow-card.wow-card-bg .w5-cta{margin:16px 18px 20px}
.wow-card.wow-card-bg{align-items:stretch;text-align:left}
.wow-card.wow-card-bg .wow-t{text-wrap:balance;max-width:none}
.wow-card.wow-card-bg .w5{margin-left:0!important}
.wow-grid{gap:clamp(24px,4vw,64px)!important;position:relative}
.wow-grid::after{content:"4 min later";position:absolute;left:50%;top:340px;transform:translate(-50%,-50%);padding:6px 10px;border-radius:999px;background:var(--bg);border:1px solid rgba(26,24,21,.14);font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap;z-index:2}
.wow-grid::before{content:"";position:absolute;left:calc(50% - 40px);right:calc(50% - 40px);top:340px;border-top:1px dashed rgba(26,24,21,.22);z-index:1}
@media (max-width:760px){.wow-grid::before,.wow-grid::after{display:none}
.wow-grid{display:flex!important;grid-template-columns:none!important;gap:16px!important;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-bottom:-40px;padding:0 20px 56px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.wow-grid::-webkit-scrollbar{display:none}
.wow-card.wow-card-bg{flex:0 0 min(86vw,380px);scroll-snap-align:center;height:auto!important;align-items:stretch;text-align:left}
.wow-card.wow-card-bg .wow-k{order:1;margin-top:0}
.wow-card.wow-card-bg .wow-t{order:2;margin-top:8px!important;max-width:none;font-size:26px!important}
.wow-card.wow-card-bg .w5{order:3;width:100%;min-height:0;margin-top:18px!important;padding:16px 18px 0;border-radius:18px!important}
.w5-stage{min-height:300px;margin-top:12px}
.w5-h{font-size:26px}
.w5-id{height:104px;margin-top:14px}
.w5-face{width:76px;height:76px;top:78px}
.w5-list{margin-top:14px;max-width:calc(100% - 84px)}
.w5-list li{padding:7px 0;font-size:13px}
.w5-cta{height:46px;margin:14px 12px 16px}
.w5-big-t{font-size:44px}
.w5-dial{grid-template-columns:84px 1fr;gap:14px}
.w5-dial svg{width:84px;height:84px}
.w5-dial-c b{font-size:22px}
.w5-dial-l{font-size:13px}
.w5-dial-l .w5-mono{display:none}
.w5-row{grid-template-columns:58px 1fr 18px;font-size:12.5px;padding:8px 0}
.w5-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.w5-foot{padding:14px 0 18px}
.w5-btn{height:40px}}
.wow-grid::before,.wow-grid::after{display:none!important}
/* ---- Industries v6: plain paper, no stage backdrop (2026-09-23) ---- */
.uc-stage{padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;isolation:auto}
.uc-stage-bg{display:none!important}
.uc-stage .uc-card,.uc-stage .uc-hot{background:#fff!important;border:1px solid rgba(26,24,21,.1)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 1px 2px rgba(26,24,21,.04)!important}
.uc-stage .uc-card:hover{background:#fff!important;border-color:rgba(26,24,21,.2)!important;box-shadow:0 22px 40px -30px rgba(26,24,21,.35)!important}
.uc-stage .uc-hot{border-color:rgba(26,24,21,.16)!important}
.uc-card .uc-q,.uc-card .uc-q *{background:transparent!important;box-shadow:none!important;-webkit-box-decoration-break:clone}
.uc-card .uc-q{padding:0!important;margin-top:0!important}
.uc-stage .uc-grid{gap:14px!important;row-gap:14px!important}
.uc-q::before,.uc-hot .uc-q::before{display:none!important}
/* ---- Wow v7: one shot + toggle (2026-09-25) ---- */
.wow-toggle{position:relative;display:grid;grid-template-columns:1fr 1fr;width:min(100%,420px);margin:clamp(28px,3vw,40px) auto 0;padding:4px;border-radius:999px;background:#fff;border:1px solid rgba(26,24,21,.12);box-shadow:0 1px 2px rgba(26,24,21,.04)}
.wow-tab{position:relative;z-index:1;appearance:none;background:none;border:0;cursor:pointer;padding:10px 14px;border-radius:999px;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--muted);font-family:var(--sans);transition:color .3s}
.wow-tab span{font-size:15px;font-weight:500;line-height:1.1;color:inherit}
.wow-tab small{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;opacity:.7}
.wow-tab.is-on{color:#fff}
.wow-tab:focus-visible{outline:2px solid var(--cobalt,#022082);outline-offset:2px}
.wow-tab-ind{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:var(--ink);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.wow-toggle[data-view="landlord"] .wow-tab-ind{transform:translateX(100%)}
.wow-single{position:relative;margin-top:clamp(28px,3vw,44px);display:grid}
.wow-pane{grid-area:1/1;display:flex;justify-content:center;transition:opacity .45s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.wow-pane[hidden]{display:flex;opacity:0;pointer-events:none;transform:translateY(10px) scale(.985)}
.wow-single .w5{margin:0!important;width:min(100%,420px);min-height:540px;border-radius:22px!important;border:1px solid rgba(26,24,21,.1)!important;box-shadow:0 1px 2px rgba(26,24,21,.05),0 30px 60px -34px rgba(26,24,21,.35)!important;padding:20px 24px 0}
.wow-single .w5-cta{margin:16px 18px 20px}
@media (max-width:760px){.wow-toggle{width:100%}.wow-tab span{font-size:14px}.wow-single .w5{width:100%;min-height:0}}
/* ---- Wow v7.1: title left, UI right ---- */
.wow-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,5vw,96px);align-items:center}
.wow-split .wow-head{align-items:flex-start!important;text-align:left!important}
.wow-split .wow-h{font-size:clamp(36px,3.8vw,58px)!important}
.wow-split .wow-sub{max-width:38ch}
.wow-split .wow-toggle{margin:32px 0 0!important;width:min(100%,380px)}
.wow-split .wow-single{margin-top:0!important}
.wow-split .wow-pane{justify-content:flex-end}
@media (max-width:900px){.wow-split{grid-template-columns:1fr;gap:36px}.wow-split .wow-pane{justify-content:center}.wow-split .wow-toggle{width:100%}}
.wow-tab{flex-direction:row!important;align-items:center!important;gap:9px!important;padding:0 22px!important;height:42px;line-height:1!important;justify-content:center;margin:0}
.wow-tab span{font-size:14px!important;white-space:nowrap;line-height:1!important;display:block;transform:translateY(.5px)}
.wow-tab svg{flex:none;opacity:.85;display:block}
.wow{padding:var(--sec-pad,clamp(64px,7vw,104px)) 0 var(--sec-pad,clamp(64px,7vw,104px))!important}
@media (max-width:900px){.wow-split .wow-head{align-items:center!important;text-align:center!important}.wow-split .wow-toggle{justify-self:center;margin-left:auto!important;margin-right:auto!important}
.wow-single .w5{min-height:0!important;height:auto!important}
.wow-single .w5-verdict .w5-foot{margin-top:8px!important}
.wow-single .w5-app .w5-stage{min-height:360px}}
.wow-toggle{padding:5px!important;width:auto!important;display:inline-grid!important;grid-template-columns:1fr 1fr!important;justify-self:start}
.wow-tab-ind{top:5px!important;bottom:5px!important;left:5px!important;width:calc(50% - 5px)!important}
/* ---- Wow v8: photo frame behind the shot, shot bleeds bottom-right (2026-09-25) ---- */
.wow-single{position:relative;border-radius:24px;overflow:hidden;background:#7a1e2a url(../img/v2/curtain-keys-burgundy.jpg) 50% 18%/cover no-repeat;padding:clamp(40px,5vw,72px) 0 0 clamp(40px,5vw,72px);min-height:560px;box-shadow:0 1px 2px rgba(26,24,21,.06),0 40px 80px -48px rgba(26,24,21,.5)}
.wow-single::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,6,10,.1),rgba(20,6,10,.35));pointer-events:none}
.wow-split .wow-pane,.wow-pane{position:relative;justify-content:flex-end!important;align-items:flex-start}
.wow-single .w5{width:100%!important;max-width:none!important;margin:0!important;border-radius:22px 0 0 0!important;border-right:0!important;border-bottom:0!important;box-shadow:0 -1px 0 rgba(255,255,255,.35),0 -30px 80px -30px rgba(0,0,0,.6)!important;min-height:100%}
.wow-single .w5-verdict .w5-foot{margin-top:auto!important}
.wow-single .w5-verdict{min-height:0}
.wow-single .w5-verdict .w5-foot,.wow-single .w5-app .w5-cta{padding-bottom:24px}
.wow-single .w5-app .w5-cta{margin-bottom:24px}
@media (max-width:900px){.wow-single{padding:32px 0 0 24px;min-height:0;border-radius:20px}.wow-single .w5{border-radius:18px 0 0 0!important;min-height:0!important}}
@media (max-width:600px){.wow-single{padding:24px 0 0 16px}}
/* ---- Wow v8.1: cream window with traffic dots ---- */
.wow-single .w5{background:#f6f2ea!important;border-color:rgba(255,255,255,.6)!important}
.w5-dots{display:flex;gap:7px;margin:0 0 18px}
.w5-dots i{width:11px;height:11px;border-radius:50%;background:rgba(26,24,21,.14)}
.wow-single .w5-verdict>.w5-dots{opacity:1!important;transform:none!important;animation:none!important}
.wow-single .w5-search,.wow-single .w5-bank,.wow-single .w5-btn-ghost{background:#fff}
.wow-single .w5-id{background:#ece7dd}
.wow-single .w5-face{background:#f6f2ea}
/* ---- Wow v8.2: drawn ID card instead of photo ---- */
.w5-id-card{background:#ece7dd!important;display:grid;place-items:center;padding:14px 16px;height:auto!important;min-height:118px}
.w5-card{position:relative;width:min(100%,250px);aspect-ratio:1.586;background:linear-gradient(135deg,#fbf9f4,#efe9dc);border:1px solid rgba(26,24,21,.12);border-radius:10px;padding:12px 14px;display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto 1fr auto;column-gap:12px;box-shadow:0 8px 20px -12px rgba(26,24,21,.35)}
.w5-card-k{grid-column:1/-1;font-size:7.5px!important;letter-spacing:.14em}
.w5-card-photo{grid-row:2/4;align-self:start;margin-top:6px;width:52px;height:60px;border-radius:5px;background:radial-gradient(circle at 50% 36%,#8a7f72 0 11px,transparent 12px),radial-gradient(ellipse at 50% 88%,#8a7f72 0 22px,transparent 23px),#d9d2c4}
.w5-card-line{display:block;height:5px;border-radius:3px;background:rgba(26,24,21,.16);margin-top:9px}
.w5-card-line+.w5-card-line{margin-top:6px}
.w5-card-n{grid-column:2;align-self:end;font-size:8px!important;letter-spacing:.1em;color:rgba(26,24,21,.55)}
.w5-card-chip{position:absolute;right:14px;top:12px;width:20px;height:15px;border-radius:3px;background:linear-gradient(135deg,#d7b56b,#b48f3f);opacity:.85}
.w5-id-card .w5-tag{left:auto;right:12px;bottom:12px}
@media (max-width:760px){.w5-card{width:min(100%,220px)}}
/* ---- Wow v8.3: window always reaches the frame's bottom edge ---- */
.wow-single{min-height:0!important;display:grid!important;align-items:stretch}
.wow-single .wow-pane{grid-area:1/1;display:flex!important;align-items:stretch!important}
.wow-single .w5{height:auto!important;min-height:100%!important;align-self:stretch}
.wow-single .w5-verdict .w5-foot{margin-top:auto!important}
.wow-single .w5-app .w5-stage{flex:1 1 auto}
/* ---- Wow v9: quieter editorial internals — one surface, rules not boxes (2026-09-25) ---- */
.wow-single .w5{padding:22px 32px 0!important;font-size:14px}
.w5-dots{margin-bottom:22px}.w5-dots i{width:10px;height:10px;background:rgba(26,24,21,.12)}
.w5-top{padding-bottom:14px;border-bottom:1px solid rgba(26,24,21,.1)}
.w5-mono{font-size:10px;letter-spacing:.14em}
.w5-prog{margin-top:0;gap:0;grid-template-columns:1fr 1fr;height:1px;position:relative;top:-1px}
.w5-prog i{height:1px;background:transparent;border-radius:0}
.w5-prog i::after{background:var(--ink);height:1px}
.w5-stage{margin-top:26px}
.w5-step{color:rgba(26,24,21,.5)}
.w5-h{font-size:30px;margin-top:8px}
/* step 1 */
.w5-id-card{background:transparent!important;border:0!important;padding:0!important;margin-top:20px!important;place-items:start;min-height:0;overflow:visible!important}
.w5-card{width:min(100%,236px);background:#fff;border-color:rgba(26,24,21,.1);box-shadow:0 12px 28px -18px rgba(26,24,21,.4)}
.w5-id-card .w5-tag{left:12px;right:auto;bottom:-10px;background:var(--ink)}
.w5-face{top:96px;right:0;width:84px;height:84px;background:#f6f2ea;padding:4px;box-shadow:none}
.w5-list{margin-top:34px;max-width:none}
.w5-list li{padding:10px 0;font-size:14px;border-color:rgba(26,24,21,.1)}
/* step 2 */
.wow-single .w5-search{margin-top:20px;height:44px;border:0;border-bottom:1px solid rgba(26,24,21,.22);border-radius:0;padding:0;background:transparent!important;font-size:16px}
.w5-search svg{width:15px;height:15px}
.w5-type{width:0;overflow:visible}
.w5-app.play .w5-s2 .w5-type{animation:w5type .5s steps(2) .7s forwards}
@keyframes w5type{to{width:2.2ch}}
.w5-banks{gap:0;margin-top:6px}
.wow-single .w5-bank{background:transparent!important;border:0!important;border-bottom:1px solid rgba(26,24,21,.1)!important;border-radius:0!important;padding:11px 0!important;grid-template-columns:30px 1fr auto;gap:12px;font-size:14px;box-shadow:none!important}
.w5-bank i{width:30px;height:30px;border-radius:50%;background:#fff!important;border:1px solid rgba(26,24,21,.14);color:var(--ink);font-size:9.5px;letter-spacing:.04em}
.w5-app.play .w5-s2 .w5-bank-on{animation:w5up .4s ease 1.3s forwards!important}
.w5-bank-on span{font-weight:500}
.w5-bank em{width:18px;height:18px}
.w5-income{margin-top:auto;padding-top:20px;border-top:0}
.w5-inc-h{flex-direction:column;align-items:flex-start;gap:6px}
.w5-inc-h b{font-size:40px;letter-spacing:-.03em}
.w5-bars{height:40px;margin-top:12px;gap:4px}
.w5-bars i{border-radius:2px;background:var(--ink);opacity:.85}
/* done */
.w5-done-ck{width:56px;height:56px;background:var(--ink)}
/* cta */
.wow-single .w5-cta{margin:20px 0 26px!important;height:auto;background:transparent!important;color:var(--ink);display:flex;justify-content:flex-end;border-radius:0;overflow:visible}
.wow-single .w5-cta span{grid-area:auto;display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 6px 0 20px;border-radius:999px;background:var(--ink);color:#fff;font-size:14px;font-weight:500}
.wow-single .w5-cta span svg{width:32px;height:32px;padding:8px;border-radius:50%;background:rgba(255,255,255,.14)}
.wow-single .w5-cta-b{position:absolute;right:0;bottom:26px;padding:0 20px!important}
/* verdict */
.w5-who{margin-top:22px}
.w5-big{margin-top:18px;padding-bottom:16px;border-color:rgba(26,24,21,.1)}
.w5-big-t{font-size:clamp(48px,5.4vw,66px)}
.w5-dial{margin-top:18px;grid-template-columns:96px 1fr;gap:18px}
.w5-dial svg{width:96px;height:96px}.w5-dial circle{stroke-width:3.5}
.w5-dial .fg{stroke:var(--ink)}
.w5-dial-c b{font-size:26px}
.w5-dial-l{font-size:14px;color:rgba(26,24,21,.8)}
.w5-rows{margin-top:18px;border-color:rgba(26,24,21,.1)}
.w5-row{padding:11px 0;border-color:rgba(26,24,21,.1);grid-template-columns:70px 1fr 18px;font-size:14px}
.w5-row .w5-mono{color:rgba(26,24,21,.5)}
.w5-row em,.w5-bank em,.w5-face .fg{--cobalt:#1a1815}
.w5-list li svg{color:var(--ink)}
.w5-scan{background:var(--ink);box-shadow:0 0 14px 3px rgba(26,24,21,.25)}
.w5-foot{padding:20px 0 26px;gap:10px}
.wow-single .w5-btn{height:44px;border-radius:999px;font-size:14px}
.wow-single .w5-btn-ghost{background:transparent!important;border-color:rgba(26,24,21,.22)}
@media (max-width:760px){.wow-single .w5{padding:18px 22px 0!important}.w5-h{font-size:27px}.w5-face{width:72px;height:72px;top:92px}.w5-card{width:min(100%,200px)}.w5-inc-h b{font-size:34px}}
/* v9.1: stage sized to tallest scene; nothing flex-shrinks */
.wow-single .w5-app .w5-stage{min-height:420px!important;flex:1 1 auto}
.w5-scene>*{flex-shrink:0}
.wow-single .w5-search{flex-shrink:0;height:44px!important}
.w5-banks,.w5-income,.w5-list,.w5-id-card{flex-shrink:0}
.w5-income{margin-top:22px!important}
.w5-bars{height:32px}
@media (max-width:900px){.wow-single .w5-app .w5-stage{min-height:400px!important}}
/* ---- Wow v10: product-vocabulary shots (white panel, mono labels, icon rows, discs) 2026-09-25 ---- */
.wow-single .w5.w6{background:#fff!important;padding:22px 28px 0!important;border-radius:22px 0 0 0!important;font-family:var(--sans);color:#1a1815;display:flex;flex-direction:column}
.w6 .w5-dots{display:none}
.w6-top{display:flex;justify-content:space-between;align-items:center}
.w6-badge{display:inline-flex;align-items:center;gap:8px;height:26px;padding:0 12px 0 10px;border-radius:7px;background:linear-gradient(90deg,#1b5fe0,#38a6ff);color:#fff;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;box-shadow:0 6px 16px -8px rgba(27,95,224,.6);position:relative;overflow:hidden}
.w6-badge b{font-weight:600}
.w6-badge-green{background:linear-gradient(90deg,#1e8a4b,#3fbf7a);box-shadow:0 6px 16px -8px rgba(30,138,75,.6)}
.w6-dot{width:6px;height:6px;border-radius:50%;background:#fff;opacity:.9}
.w6-badge-b{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(90deg,#1e8a4b,#3fbf7a);opacity:0;transform:translateY(100%)}
.w5-app.play .w6-badge-b{animation:w5up .4s ease 11.1s forwards}
.w5-app.play .w6-badge-a{animation:w5out .3s ease 11s forwards}
.w6-x{width:30px;height:30px;border-radius:50%;background:#f1efeb;display:grid;place-items:center;font-size:16px;color:rgba(26,24,21,.6)}
.w6-stage{margin-top:18px!important;min-height:400px!important}
.w6-h{margin:0;font-family:var(--serif);font-weight:420;font-size:26px;letter-spacing:-.02em;line-height:1.1;display:flex;align-items:center;gap:12px}
.w6-chip{width:30px;height:30px;border-radius:50%;background:#f1efeb;display:inline-grid;place-items:center;color:rgba(26,24,21,.7);flex:none}
.w6-meta{margin:10px 0 0;font-family:var(--mono);font-size:11.5px;letter-spacing:.02em;color:rgba(26,24,21,.55)}
.w6-meta b{color:#1a1815;font-weight:500}
.w6-k{display:block;margin-top:22px;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(26,24,21,.5)}
.w6-list{margin-top:10px;border:1px solid rgba(26,24,21,.1);border-radius:12px;overflow:hidden;background:#fff}
.w6-row{display:grid;grid-template-columns:22px 1fr auto 26px;align-items:center;gap:12px;padding:12px 14px;border-top:1px solid rgba(26,24,21,.08);font-size:14.5px;opacity:0;transform:translateY(6px)}
.w6-row:first-child{border-top:0}
.w6-row span small{display:block;font-size:11.5px;color:rgba(26,24,21,.5);margin-top:2px}
.w6-ic{width:22px;height:22px;color:rgba(26,24,21,.6);display:grid;place-items:center}
.w6-ic svg{width:19px;height:19px}
.w6-val{font-family:var(--mono);font-size:12px;color:rgba(26,24,21,.55);font-style:normal;white-space:nowrap}
.w6-disc{width:26px;height:26px;border-radius:50%;border:1.5px dashed rgba(26,24,21,.28);display:grid;place-items:center;color:transparent;font-style:normal}
.w6-disc-add{border-style:dashed;color:rgba(26,24,21,.45);font-size:16px;font-weight:300;line-height:1}
.w6-disc.on,.w6-disc-xl{background:#7a7a72;border:0;color:#fff}
.w6-disc-xl{width:56px;height:56px;background:#1a1815}
.w6-disc-xl svg{width:22px;height:22px}
.w6-rule{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:0;padding:14px 0;border-bottom:1px solid rgba(26,24,21,.1)}
.w6-rule .w6-k{margin-top:0}
.w6-rule:first-of-type{margin-top:20px;border-top:1px solid rgba(26,24,21,.1)}
.w6-big{font-family:var(--serif);font-weight:420;font-size:26px;letter-spacing:-.02em;line-height:1}
.w6-bars{height:34px;margin-top:14px;gap:4px}
.w6-bars i{background:#1a1815;opacity:.8;border-radius:2px}
.w6-done{align-items:center;justify-content:center;text-align:center}
.w6-done .w6-h{margin-top:18px}
.w6-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0 24px;border-top:1px solid rgba(26,24,21,.1)}
.w6-foot .w6-k{margin-top:0}
.w6-foot-l{display:grid;gap:4px}
.w6-foot-l .w6-meta{margin:0;display:inline-flex;align-items:center;gap:6px}
.w6-btn{position:relative;display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 20px;border-radius:999px;background:#1a1815;color:#fff;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;flex:none}
.wow-single .w5-cta.w6-btn{margin:0!important;height:46px!important}
.wow-single .w5-cta.w6-btn span{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:transparent;padding:0;height:auto;border-radius:0}
.wow-single .w5-cta.w6-btn span svg{width:15px;height:15px;padding:0;background:none}
.w6-who{display:flex;align-items:center;gap:14px;margin-top:22px}
.w6-who img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.w6-h-xl{font-size:44px!important;font-style:italic;line-height:.95!important}
.w6-ratio{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;flex:1;max-width:260px}
.w6-ratio b{font-family:var(--mono);font-size:13px}
.w6-ratio small{font-family:var(--mono);font-size:10px;color:rgba(26,24,21,.5);white-space:nowrap}
.w6-track{position:relative;display:block;height:4px;border-radius:2px;background:rgba(26,24,21,.1)}
.w6-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:2px;background:#1a1815}
.w6-mark{position:absolute;left:35%;top:-4px;width:1.5px;height:12px;background:#AD0308}
.w5-verdict.play .w6-fill{animation:w6fill 1.4s cubic-bezier(.2,.7,.2,1) 2.8s forwards}
@keyframes w6fill{to{width:31%}}
.w6-seg{display:inline-flex;padding:3px;border-radius:999px;border:1px solid rgba(26,24,21,.14);background:#fff}
.w6-seg b{padding:6px 14px;border-radius:999px;font-size:13px;font-weight:500;color:rgba(26,24,21,.55)}
.w6-seg b.on{background:#f1efeb;color:#1a1815}
/* animation hooks */
.w5-app.play .w5-s1 .w6-row:nth-child(1){animation:w5up .4s ease .9s forwards}
.w5-app.play .w5-s1 .w6-row:nth-child(2){animation:w5up .4s ease 1.1s forwards}
.w5-app.play .w5-s1 .w6-row:nth-child(3){animation:w5up .4s ease 1.3s forwards}
.w5-app.play .w5-s2 .w6-row:nth-child(1){animation:w5up .4s ease 1s forwards}
.w5-app.play .w5-s2 .w6-row:nth-child(2){animation:w5up .4s ease 1.2s forwards}
.w5-verdict.play .w6-row:nth-child(1){animation:w5up .4s ease 1.2s forwards}
.w5-verdict.play .w6-row:nth-child(2){animation:w5up .4s ease 1.4s forwards}
.w5-verdict.play .w6-row:nth-child(3){animation:w5up .4s ease 1.6s forwards}
.w6-disc:not(.w6-disc-add):not(.w6-disc-xl){transition:background .35s,border-color .35s,color .35s}
.w5-app.play .w5-s1 .w6-row:nth-child(1) .w6-disc{animation:w6on .3s ease 2.2s forwards}
.w5-app.play .w5-s1 .w6-row:nth-child(2) .w6-disc{animation:w6on .3s ease 3s forwards}
.w5-app.play .w5-s1 .w6-row:nth-child(3) .w6-disc{animation:w6on .3s ease 3.8s forwards}
.w5-app.play .w5-s2 .w6-row-on .w6-disc{animation:w6on .3s ease 2.4s forwards}
.w5-app.play .w5-s2 .w6-row-on{animation:w5up .4s ease 1s forwards,w6pick .3s ease 2.3s forwards!important}
@keyframes w6pick{to{background:#f7f5f1}}
.w5-verdict.play .w6-row:nth-child(1) .w6-disc{animation:w6on .3s ease 3.6s forwards}
.w5-verdict.play .w6-row:nth-child(2) .w6-disc{animation:w6on .3s ease 4s forwards}
.w5-verdict.play .w6-row:nth-child(3) .w6-disc{animation:w6on .3s ease 4.4s forwards}
@keyframes w6on{to{background:#1a1815;border-color:#1a1815;color:#fff}}
.w5-app.play .w5-s2 .w6-rule{opacity:0;animation:w5up .5s ease 3s forwards}
.w5-app.play .w5-s2 .w6-bars{opacity:0;animation:w5up .3s ease 3.1s forwards}
.w5-verdict>.w6-top{opacity:1!important;transform:none!important}
.w5-verdict.play>*{animation-name:w5upout!important}
.w5-verdict.play>:nth-child(1){animation-delay:.1s}.w5-verdict.play>:nth-child(2){animation-delay:.4s}.w5-verdict.play>:nth-child(3){animation-delay:.7s}.w5-verdict.play>:nth-child(4){animation-delay:1s}.w5-verdict.play>:nth-child(5){animation-delay:1.1s}.w5-verdict.play>:nth-child(6){animation-delay:2.6s}.w5-verdict.play>:nth-child(7){animation-delay:3s}.w5-verdict.play>:nth-child(8){animation-delay:3.4s}
.w6 .w5-big-t{background:linear-gradient(90deg,#1a1815 0 50%,rgba(26,24,21,.25) 50% 100%) 100% 0/200% 100% no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent}
.w5-verdict.play .w6 .w5-big-t,.w5-verdict.play .w5-big-t{animation:w5ink 1.2s cubic-bezier(.2,.7,.2,1) .8s forwards!important}
@media (max-width:760px){.wow-single .w5.w6{padding:18px 20px 0!important}.w6-h{font-size:23px}.w6-h-xl{font-size:38px!important}.w6-row{padding:11px 12px;font-size:14px;gap:10px}.w6-val{font-size:11px}.w6-foot{flex-wrap:wrap}.w6-ratio{max-width:none}.w6-stage{min-height:380px!important}}
/* v10.1: Continue pill keeps intrinsic width */
.wow-single .w5-cta.w6-btn{padding:0 20px!important;margin:0!important;height:46px!important}
.wow-single .w5-cta.w6-btn .w5-cta-a{position:static;inset:auto;display:inline-flex;align-items:center;gap:10px}
.wow-single .w5-cta.w6-btn .w5-cta-b{position:absolute;inset:0;display:grid;place-items:center;background:#1a1815}
/* v10.2: income group — rule above, bars below, no stray rule */
.w6-rule-inc{border-bottom:0!important;padding-bottom:8px!important;align-items:flex-end}
.w6-inc-l{display:grid;gap:4px}
.w6-inc-l .w6-meta{margin:0;font-size:11px}
.w6-bars{margin-top:8px;height:30px}
/* v10.3: badges — bolder, icon-led */
.w6-badge{height:28px;padding:0 12px;border-radius:8px;font-family:var(--sans)!important;font-size:11.5px;font-weight:800;letter-spacing:.1em}
.w6-badge b{display:inline-flex;align-items:center;gap:7px;font-weight:800}
.w6-badge svg{flex:none}
.w6-badge-b{padding:0 12px}
/* who pays v11: shorter plate, less vertical card */
.wp-art{height:300px!important;margin-top:-72px!important}
.wp-card>.wp-list{padding-bottom:12px!important}
.wp-card>.wp-list li{padding-top:9px!important;padding-bottom:9px!important}
.wp-card>.wp-h{font-size:clamp(26px,2.4vw,32px)!important}
@media (max-width:640px){.wp-art{height:240px!important;margin-top:-32px!important}}
/* wow v11: brighter cobalt plate, no dark overlay */
.wow-single{background:#1a3fbf url(../img/v2/curtain-id-blue.jpg) 35% 30%/cover no-repeat!important}
.wow-single::before{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(10,30,120,.12))!important}
/* ---- Industries v7: four client quotes + chip row (2026-09-25) ---- */
.uc2{margin-top:clamp(36px,4.5vw,64px)}
.uc2-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.uc2 .uc-card{display:flex!important;flex-direction:column;gap:0!important;padding:24px 24px 26px!important;background:#fff!important;border:1px solid rgba(26,24,21,.1)!important;border-radius:18px!important;box-shadow:0 1px 2px rgba(26,24,21,.04)!important;min-height:0}
.uc2 .uc-card:hover{transform:none!important;border-color:rgba(26,24,21,.22)!important;box-shadow:0 24px 44px -32px rgba(26,24,21,.35)!important}
.uc2 .uc-flap{order:3;margin-top:auto;padding-top:18px!important;display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)!important;background:none!important;position:static!important;transform:none!important}
.uc2 .uc-flap svg{width:12px;height:12px;color:var(--muted)}
.uc2 .uc-client{order:1;display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:500;color:var(--ink)}
.uc2 .uc-client img{width:36px!important;height:36px!important;border-radius:50%;border:1px solid rgba(26,24,21,.1)!important;background:#fff;object-fit:cover}
.uc2 .uc-q{order:2;margin:18px 0 0!important;padding:0!important;font-family:var(--serif)!important;font-style:italic;font-size:21px!important;line-height:1.28!important;letter-spacing:-.01em;color:var(--ink);text-wrap:pretty}
.uc2 .uc-q::before{display:none!important}
.uc2-more{display:flex;align-items:center;gap:20px;margin-top:22px;padding-top:22px;border-top:1px solid rgba(26,24,21,.1)}
.uc2-k{flex:none;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.uc2-chips{display:flex;flex-wrap:wrap;gap:8px}
.uc2-chip{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 13px;border-radius:999px;border:1px solid rgba(26,24,21,.14);background:#fff;font-size:13px;color:var(--ink);white-space:nowrap}
.uc2-chip svg{width:13px;height:13px;color:var(--muted)}
@media (max-width:1000px){.uc2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.uc2{display:block}.uc2-grid{grid-template-columns:1fr;gap:12px}.uc2 .uc-card{padding:20px!important}.uc2 .uc-q{font-size:19px!important}.uc2-more{flex-direction:column;align-items:flex-start;gap:12px}}
@media (max-width:760px){.uc-rows{display:none!important}}
/* ---- Industries v8: cinematic poster rail (2026-09-25) ---- */
.uv{margin-top:clamp(36px,4.5vw,64px)}
.uv-rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(240px,22vw,300px);gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:max(20px,calc(50vw - var(--wrap,1200px)/2));padding-right:max(20px,calc(50vw - var(--wrap,1200px)/2))}
.uv-rail::-webkit-scrollbar{display:none}
.uv-card{position:relative;aspect-ratio:3/4;border-radius:20px;overflow:hidden;background:#1a1815;scroll-snap-align:start;isolation:isolate;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;box-shadow:0 1px 2px rgba(26,24,21,.08),0 30px 60px -40px rgba(26,24,21,.6)}
.uv-card:hover{transform:translateY(-6px);box-shadow:0 40px 80px -40px rgba(26,24,21,.7)}
.uv-card image-slot{position:absolute;inset:0;width:100%;height:100%;display:block;--object-position:var(--pos)}
.uv-card image-slot img{object-position:var(--pos)!important}
.uv-card::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(0,0,0,.14) 0 1px,transparent 1px 3px);opacity:.5;mix-blend-mode:multiply}
.uv-shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(10,8,6,.35) 0%,rgba(10,8,6,0) 28%,rgba(10,8,6,0) 45%,rgba(10,8,6,.86) 100%)}
.uv-k{position:absolute;left:18px;top:18px;z-index:3;display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 11px;border-radius:999px;background:rgba(243,237,226,.92);color:#1a1815;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;backdrop-filter:blur(6px);pointer-events:none}
.uv-k svg{width:12px;height:12px}
.uv-body{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:0 20px 22px;color:#f3ede2;pointer-events:none}
.uv-client{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:500;color:rgba(243,237,226,.85)}
.uv-client img{width:26px;height:26px;border-radius:50%;background:#fff;object-fit:cover;border:1px solid rgba(255,255,255,.3)}
.uv-q{margin:10px 0 0;font-family:var(--serif);font-style:italic;font-weight:380;font-size:clamp(20px,1.7vw,24px);line-height:1.2;letter-spacing:-.01em;text-wrap:pretty;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.uv-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:22px;padding-top:22px;border-top:1px solid rgba(26,24,21,.1)}
.uv-foot .uc2-more{margin:0;padding:0;border:0;flex:1;min-width:0}
.uv-nav{display:flex;gap:8px;flex:none}
.uv-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(26,24,21,.16);background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:background .2s,border-color .2s}
.uv-btn:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.uv-btn:focus-visible{outline:2px solid var(--cobalt,#022082);outline-offset:2px}
@media (max-width:760px){.uv-rail{grid-auto-columns:72vw;padding-left:20px;padding-right:20px}.uv-card{aspect-ratio:4/5}.uv-foot{flex-direction:column;align-items:flex-start}.uv-nav{display:none}}
/* ---- Industries v9: check-card style — flat ground, headline top, figure bottom ---- */
.uv-card{background:var(--card)!important;color:var(--card-ink);aspect-ratio:3/4}
.uv-card::after,.uv-shade{display:none!important}
.uv-head{position:relative;z-index:3;padding:26px 24px 0;display:grid;gap:10px;pointer-events:none}
.uv-k{position:static!important;height:auto!important;padding:0!important;background:none!important;backdrop-filter:none!important;color:var(--card-ink)!important;opacity:.75;border-radius:0!important}
.uv-t{margin:0;font-family:var(--serif);font-weight:420;font-size:clamp(24px,2vw,30px);line-height:1.08;letter-spacing:-.02em;text-wrap:balance}
.uv-head .uv-client{margin-top:2px;color:var(--card-ink);opacity:.85}
.uv-head .uv-client img{border-color:rgba(255,255,255,.35)}
.uv-fig{position:absolute;left:0;right:0;bottom:0;top:38%;z-index:1;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%);mask-image:linear-gradient(180deg,transparent 0,#000 22%)}
.uv-fig image-slot{position:absolute;inset:0;width:100%;height:100%;display:block}
.uv-card:hover .uv-fig{transform:translateY(-4px)}
.uv-fig{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
@media (max-width:760px){.uv-head{padding:20px 18px 0}.uv-t{font-size:22px}}
/* ---- Industries v10: full-width 3-up grid, 2 rows ---- */
.uv-rail{display:grid!important;grid-auto-flow:row!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;overflow:visible!important;scroll-snap-type:none;margin-left:0!important;margin-right:0!important;padding:0!important}
.uv-card{aspect-ratio:auto!important;min-height:clamp(380px,34vw,520px)}
.uv-t{font-size:clamp(26px,2.4vw,36px)}
.uv-nav{display:none!important}
@media (max-width:900px){.uv-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.uv-card{min-height:400px}}
@media (max-width:600px){.uv-rail{grid-template-columns:1fr}.uv-card{min-height:380px}}
/* ---- hw5 rail full-bleed (2026-09-25) ---- */
@media (min-width:1200px){
.hw5{overflow:visible!important}
.hw5-rail{margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding-left:max(24px,calc(50vw - 50%))!important;padding-right:max(24px,calc(50vw - 50%))!important;scroll-padding-left:max(24px,calc(50vw - 50%));gap:18px}
.hw5-card{width:calc((100vw - max(24px,calc(50vw - 50%))*2 - 36px)/3)!important}
}
/* v10.4: only the disc gets the fill — the mono value's inner counter stays text */
.w6-row .w6-val,.w6-row .w6-val .w5-num,.w6 .w6-val em{background:none!important;border:0!important;color:rgba(26,24,21,.55)!important;width:auto!important;height:auto!important;border-radius:0!important;display:inline!important;transform:none!important;opacity:1!important;animation:none!important;place-items:unset}
.w6-row .w6-val{display:inline-block!important}
.w6-row.w5-row em.w6-val{font-style:normal}
/* hw5 subtitle */
.hw5-copy{display:grid;gap:14px;min-width:0}
.hw5-sub{margin:0;max-width:52ch;font-size:var(--fs-support,18px);line-height:1.5;color:var(--muted);text-wrap:pretty}
/* ---- pricing v3 (2026-09-25): quiet, product-vocabulary. Kills sticker badges, segmented pack picker, full-width summary. ---- */
.pricing .pr-packs{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;padding:0!important;margin-top:12px;border:1px solid rgba(26,24,21,.14);border-radius:14px;background:#fff;overflow:hidden!important}
.pricing .pr-pack{position:static;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 0 13px!important;border:0!important;border-left:1px solid rgba(26,24,21,.1)!important;border-radius:0!important;background:transparent;color:var(--muted-2);overflow:hidden!important;transition:background .15s,color .15s}
.pricing .pr-pack:first-child{border-left:0!important}
.pricing .pr-pack:hover{background:rgba(26,24,21,.04);color:var(--ink)}
.pricing .pr-pack.on{background:var(--ink)!important;color:#FCFBF9!important;border-left-color:var(--ink)!important}
.pricing .pr-pack.on+.pr-pack{border-left-color:var(--ink)!important}
.pricing .pr-pack b{font-family:var(--serif);font-weight:420;font-size:26px;line-height:1;letter-spacing:-.02em}
.pricing .pr-pack span{position:static!important;display:block!important;padding:0!important;margin:0;background:none!important;color:inherit!important;opacity:.7;font-family:var(--mono)!important;font-weight:500!important;font-style:normal!important;font-size:11px!important;letter-spacing:.06em!important;text-transform:none!important;transform:none!important;box-shadow:none!important;border-radius:0!important;animation:none!important}
.pricing .pr-pack.on span{opacity:.85;transform:none!important}
.pricing .pr-pack span::before,.pricing .pr-pack span::after{display:none!important;content:none!important}
.pricing .pr-badge{position:static;background:rgba(26,24,21,.06)!important;color:var(--ink)!important;transform:none!important;box-shadow:none!important;font-family:var(--mono)!important;font-weight:500!important;font-style:normal!important;font-size:11px!important;letter-spacing:.1em!important;text-transform:uppercase;padding:5px 10px!important;border-radius:999px!important;animation:none!important;overflow:visible}
.pricing .pr-badge::before,.pricing .pr-badge::after,.pricing .pr-badge .pr-badge-in::before{display:none!important;content:none!important}
.pricing .pr-badge .pr-odo{font-weight:500}
.pricing .pr-total-was{font-size:12.5px}
.pricing .pr-price-2{gap:12px;margin-top:8px}
/* summary card */
.pricing .pr-sum{background:#fff;border:1px solid rgba(26,24,21,.12);border-radius:20px;box-shadow:none;padding:clamp(24px,2.6vw,34px)!important}
.pricing .pr-price,.pricing .pr-price>*,.pricing .pr-line,.pricing .pr-cta{width:100%!important;max-width:none!important;box-sizing:border-box}
.pricing .pr-price{display:flex!important;flex-direction:column!important;align-items:stretch!important;flex:none!important}
.pricing .pr-total{font-size:clamp(52px,4.6vw,64px)!important;letter-spacing:-.035em}
.pricing .pr-line{display:grid!important;margin-top:24px!important;padding-top:6px;font-size:15px}
.pricing .pr-line .pr-row{display:flex!important;justify-content:space-between!important;width:100%!important;padding:12px 0!important;border-top:1px solid rgba(26,24,21,.1)!important;color:var(--muted)}
.pricing .pr-line .pr-row:first-child{border-top:1px solid rgba(26,24,21,.1)!important}
.pricing .pr-line .pr-row b{font-weight:500;color:var(--ink)}
.pricing .pr-line .pr-row small{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.04em;margin:2px 0 0;color:var(--muted-2)}
.pricing .pr-cta{margin-top:22px!important;gap:12px!important;align-items:stretch!important}
.pricing .pr-buy{border-radius:14px!important;box-shadow:none!important;padding:17px 24px!important;font-size:16px!important;justify-content:center!important}
.pricing .pr-fine{text-align:center!important;max-width:none!important;color:var(--muted-2)}
@media (max-width:760px){.pricing .pr-pack{padding:13px 0 11px!important}.pricing .pr-pack b{font-size:22px}.pricing .pr-pack span{font-size:10px!important}}
/* wow: who-pays segment in the applicant footer */
.w6-foot .w6-pay{margin-top:4px}
.w6-pay b{cursor:pointer;pointer-events:auto}
.w5[aria-hidden] .w6-pay{pointer-events:auto}
/* pricing: empty state when no checks are selected */
.pricing .pr-empty{display:none}
.pricing .pr-grid.is-empty .pr-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;min-height:260px;padding:24px 12px}
.pricing .pr-empty-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px dashed rgba(26,24,21,.35);color:var(--muted);margin-bottom:6px}
.pricing .pr-empty b{font-family:var(--serif);font-weight:420;font-size:24px;letter-spacing:-.015em;color:var(--ink)}
.pricing .pr-empty span:last-child{font-size:14px;color:var(--muted)}
.pricing .pr-grid.is-empty .pr-price,.pricing .pr-grid.is-empty .pr-cta,.pricing .pr-grid.is-empty .pr-free{display:none!important}
.pricing .pr-grid.is-empty .pr-k-aside{color:#B8322E}
/* ---- Flat full-width nav (2026-09-25) ---- */
header .wrap{max-width:none!important;width:100%!important;padding:0 14px!important}
header nav{height:52px!important;gap:14px!important;display:flex;align-items:center}
header .brand{font-size:19px!important;gap:8px!important;flex:none}
header .brand .mark img,header .brand img{height:30px!important}
.fnav{flex:1 1 auto;min-width:0;display:flex;align-items:center;overflow:hidden;position:relative;mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent);-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent)}
.fnav-track{display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none;padding-right:28px}
.fnav-track::-webkit-scrollbar{display:none}
.fnav-track a{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border-radius:8px;font-family:var(--sans);font-size:14px;font-weight:500;letter-spacing:-.005em;color:rgba(26,24,21,.68);text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}
.fnav-track a:hover{background:rgba(26,24,21,.06);color:var(--ink)}
.fnav-track a.is-on{color:var(--ink);font-weight:600}
.fnav-pill{font-family:var(--mono);font-style:normal;font-size:10px;letter-spacing:.06em;text-transform:uppercase;line-height:1;padding:4px 6px;border-radius:999px;background:#0B3FB0;color:#fff}
.fnav-sep{width:1px;height:18px;background:rgba(26,24,21,.14);margin:0 8px;flex:none}
.nav-actions{margin-left:0!important;flex:none;gap:6px!important}
.nav-actions .gh-login{font-size:14px;padding:0 10px}
.nav-actions .btn.btn-dark{height:34px!important;padding:0 14px!important;font-size:14px!important;border-radius:8px!important}
.nav-actions .lang-btn{height:34px}
@media (min-width:900px){.hamburger{display:none!important}}
@media (max-width:899px){.fnav{display:none}header .wrap{padding:0 12px!important}}
/* ---- Top promo banner: only at scroll top ---- */
.pbar{position:relative;display:flex;align-items:center;justify-content:center;height:40px;overflow:hidden;background:#0B3FB0;color:#fff;transition:height .28s cubic-bezier(.2,.8,.2,1),opacity .2s}
.pbar.is-dismissed{height:0;opacity:0;pointer-events:none}
.pbar-in{display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-family:var(--sans);font-size:14px;font-weight:500;white-space:nowrap}
.pbar-in b{display:inline-flex;align-items:center;height:26px;padding:0 12px;border-radius:999px;background:#fff;color:#0B3FB0;font-size:13px;font-weight:600}
.pbar-in:hover b{background:#F3EDE2}
.pbar-x{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer}
.pbar-x:hover{background:rgba(255,255,255,.14)}
@media (max-width:640px){.pbar-in span{font-size:13px;overflow:hidden;text-overflow:ellipsis;max-width:56vw}.pbar-in b{display:none}}
/* ---- Language: globe only, flag list ---- */
.lang-btn{width:34px!important;height:34px!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center;gap:0!important;border:1px solid rgba(26,24,21,.12)!important;background:#fff!important;color:var(--ink)!important}
.lang-btn:hover{background:#f3f2ee!important}
.lang-btn svg{width:17px;height:17px}
.lang-menu{min-width:220px!important;padding:6px!important;border-radius:16px!important}
.lang-menu a{display:flex!important;align-items:center;gap:12px;padding:10px 12px!important;border-radius:10px!important;font-size:15px!important;font-weight:500;color:var(--ink)!important}
.lang-menu a span{display:none}
.lang-menu a .lang-name{display:block;flex:1;min-width:0}
.lang-menu a:hover{background:rgba(26,24,21,.06)!important}
.lang-menu a.active{background:rgba(26,24,21,.06)!important}
.lang-flag{flex:none;width:26px;height:26px;border-radius:50%;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(26,24,21,.12)}
.lang-flag svg{width:100%;height:100%;display:block}
.lang-chk{flex:none;opacity:0;color:var(--ink)}
.lang-menu a.active .lang-chk{opacity:1}
/* nav: tighter vertical */
header nav{height:44px!important;min-height:0!important;padding:0!important}
header .brand{font-size:17px!important}
header .brand .mark img,header .brand img{height:26px!important}
.fnav-track a{height:28px;font-size:13.5px;padding:0 9px}
.fnav-pill{padding:3px 5px;font-size:9.5px}
.fnav-sep{height:16px}
.nav-actions .btn.btn-dark{height:30px!important;padding:0 12px!important;font-size:13.5px!important}
.nav-actions .gh-login{font-size:13.5px}
.lang-btn{width:30px!important;height:30px!important}
.lang-btn svg{width:16px;height:16px}
:root{--hdr-h:44px}
@media (min-width:1200px){:root{--hdr-h:44px}}
@media (max-width:760px){header nav{height:48px!important}:root{--hdr-h:48px}}
/* nav: logo mark only, no wordmark text */
header .brand{font-size:0!important;gap:0!important}
header .brand .mark{display:inline-flex!important}
header .brand .mark img{height:28px!important}
/* ---- promo banner v2: striped marquee ---- */
.pbar{height:38px;background:#0B3FB0 repeating-linear-gradient(-55deg,rgba(255,255,255,.07) 0 10px,transparent 10px 22px);color:#fff;display:flex;align-items:center;justify-content:flex-start;position:relative}
.pbar-mq{flex:1 1 auto;min-width:0;overflow:hidden;height:100%;display:flex;align-items:center;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.pbar-mq-track{display:flex;align-items:center;width:max-content;animation:pbarRun 46s linear infinite}
.pbar-mq:hover .pbar-mq-track{animation-play-state:paused}
@keyframes pbarRun{to{transform:translateX(-50%)}}
.pbar-unit{display:inline-flex;align-items:center;gap:28px;padding-right:28px;font-family:var(--sans);font-weight:800;font-style:italic;font-size:13.5px;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}
.pbar-unit>span{display:inline-flex;align-items:center;gap:7px}
.pbar-tag{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:5px;background:#14120F;color:#fff;font-size:12px;font-weight:800;letter-spacing:.04em;transform:skewX(-8deg)}
.pbar-right{flex:none;display:flex;align-items:center;gap:10px;padding:0 8px 0 14px;height:100%;background:linear-gradient(90deg,rgba(11,63,176,0),#0B3FB0 30%)}
.pbar-cta{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:8px;background:#fff;color:#0B3FB0;font-family:var(--sans);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}
.pbar-cta:hover{background:#F3EDE2;color:#0B3FB0}
.pbar-x{position:static;transform:none;width:26px;height:26px;color:rgba(255,255,255,.75)}
.pbar.is-dismissed{height:0}
@media (prefers-reduced-motion:reduce){.pbar-mq-track{animation:none}}
@media (max-width:640px){.pbar-cta{display:none}}
/* ---- full-bleed promo section ---- */
.fb{position:relative;isolation:isolate;overflow:hidden;min-height:min(92vh,880px);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;background:#0b1636;padding:clamp(64px,10vh,120px) 20px}
.fb-plate{position:absolute;inset:0;z-index:0}
.fb-plate img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;display:block;filter:saturate(1.05)}
.fb-shade{position:absolute;inset:0;background:radial-gradient(120% 80% at 50% 30%,rgba(8,14,40,.15),rgba(8,14,40,.85) 75%),linear-gradient(180deg,rgba(8,14,40,.55),rgba(8,14,40,.2) 45%,rgba(8,14,40,.7))}
.fb-in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:820px}
.fb-brand{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-weight:600;font-size:20px;color:#E9D9A6}
.fb-brand img{height:26px;width:auto;filter:brightness(0) saturate(100%) invert(88%) sepia(20%) saturate(500%) hue-rotate(5deg)}
.fb-title-row{display:flex;align-items:center;gap:18px;color:#E9D9A6}
.fb-laurel-r{transform:scaleX(-1)}
.fb-title{margin:0;font-family:var(--sans);font-weight:800;font-size:clamp(40px,6vw,76px);line-height:.92;letter-spacing:-.03em;text-transform:uppercase;color:#E9D9A6;text-wrap:balance}
.fb-h{margin:10px 0 0;font-family:var(--sans);font-weight:800;font-size:clamp(26px,3.6vw,46px);line-height:1.05;letter-spacing:-.02em;text-transform:uppercase;color:#E8ECF7;text-wrap:balance}
.fb-sub{margin:4px 0 0;font-size:clamp(15px,1.4vw,19px);color:rgba(232,236,247,.75);text-wrap:pretty}
.fb-cta{margin-top:18px;display:inline-flex;align-items:center;height:46px;padding:0 24px;border-radius:999px;background:#fff;color:#0B3FB0;font-family:var(--sans);font-size:15px;font-weight:600;text-decoration:none}
.fb-cta:hover{background:#F3EDE2;color:#0B3FB0}
@media (max-width:640px){.fb{min-height:0}.fb-title-row{gap:10px}.fb-laurel{width:24px;height:46px}}
header .brand .mark{width:auto!important;height:28px!important;min-width:0!important;margin:0 10px 0 0!important;display:inline-flex!important;align-items:center}
/* banner: tighter */
.pbar{height:30px}
.pbar-unit{font-size:12px;gap:22px;padding-right:22px}
.pbar-tag{height:18px;padding:0 7px;font-size:10.5px}
.pbar-cta{height:22px;padding:0 10px;font-size:12px;border-radius:6px}
.pbar-x{width:22px;height:22px}
/* banner: pink */
.pbar{background:#FF2D7A repeating-linear-gradient(-55deg,rgba(255,255,255,.12) 0 10px,transparent 10px 22px)}
.pbar-right{background:linear-gradient(90deg,rgba(255,45,122,0),#FF2D7A 30%)}
.pbar-cta{color:#C4005A}
.pbar-cta:hover{color:#C4005A}
.pbar-right{padding:0 10px 0 14px}
header .brand .mark{margin:0 2px 0 0!important}
header nav{gap:6px!important}
/* ---- Highlights carousel ---- */
.hc{position:relative;padding:clamp(28px,4vh,48px) 0 0}
.hc-vp{overflow:hidden;padding:0 14px}
.hc-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px}
.hc-track::-webkit-scrollbar{display:none}
.hc-card{flex:0 0 min(560px,78vw);scroll-snap-align:start;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--ink)}
.hc-art{position:relative;display:block;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#e9e6df;border:1px solid rgba(26,24,21,.08)}
.hc-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.hc-card:hover .hc-art img{transform:scale(1.03)}
.hc-tag{position:absolute;left:12px;top:12px;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:5px 8px;border-radius:6px;background:#FF2D7A;color:#fff}
.hc-k{font-family:var(--sans);font-weight:700;font-size:15px;letter-spacing:.01em;text-transform:uppercase;margin-top:4px}
.hc-s{font-size:15px;color:var(--muted)}
.hc-nav{position:absolute;right:14px;top:50%;transform:translateY(-70%);display:flex;flex-direction:column;gap:8px;pointer-events:none}
.hc-arw{pointer-events:auto;width:36px;height:36px;border-radius:50%;border:1px solid rgba(26,24,21,.14);background:rgba(252,251,249,.92);color:var(--ink);display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 20px -12px rgba(26,24,21,.4)}
.hc-arw:hover{background:#fff}
@media (max-width:640px){.hc-nav{display:none}.hc-card{flex-basis:84vw}}
/* ---- Feature grid ---- */
.ft{padding:clamp(20px,3vh,36px) 14px clamp(40px,6vh,72px)}
.ft-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px;align-items:stretch}
.ft-hero{position:relative;min-height:420px;border-radius:20px;overflow:hidden;background:#0B3FB0;color:#fff;display:flex;isolation:isolate}
.ft-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 40%;z-index:0}
.ft-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(6,20,70,.7),rgba(6,20,70,.15) 45%,rgba(6,20,70,.75))}
.ft-hero-in{position:relative;z-index:2;display:flex;flex-direction:column;gap:16px;padding:clamp(24px,3vw,36px);width:100%}
.ft-h{margin:0;font-family:var(--sans);font-weight:800;font-size:clamp(26px,2.8vw,40px);line-height:1.02;letter-spacing:-.025em;text-transform:uppercase;text-wrap:balance}
.ft-h em{font-style:normal;color:#F3EDE2}
.ft-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14.5px;color:rgba(255,255,255,.85)}
.ft-list li{display:flex;align-items:center;gap:9px}
.ft-list svg{flex:none;color:#F3EDE2}
.ft-cta{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;height:46px;padding:0 22px;border-radius:12px;background:#fff;color:#0B3FB0;font-family:var(--sans);font-size:15px;font-weight:600;text-decoration:none}
.ft-cta:hover{background:#F3EDE2;color:#0B3FB0}
.ft-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ft-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:20px;border:1px solid rgba(26,24,21,.12);background:#fff;color:var(--ink);text-decoration:none;min-height:180px;transition:border-color .2s,transform .3s}
.ft-card:hover{border-color:rgba(26,24,21,.3);transform:translateY(-2px)}
.ft-ic{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(26,24,21,.05);color:var(--ink);margin-bottom:auto}
.ft-ic svg{width:18px;height:18px}
.ft-tag{position:absolute;right:16px;top:16px;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;border-radius:999px;background:rgba(26,24,21,.06);color:var(--muted)}
.ft-tag.is-new{background:#0B3FB0;color:#fff}
.ft-k{font-family:var(--sans);font-weight:600;font-size:17px;letter-spacing:-.01em;margin-top:18px}
.ft-s{font-size:14.5px;line-height:1.45;color:var(--muted)}
@media (max-width:900px){.ft-grid{grid-template-columns:1fr}.ft-hero{min-height:360px}}
@media (max-width:520px){.ft-cards{grid-template-columns:1fr}.ft-card{min-height:0}}
/* nav: mobile — keep the flat link row, scrollable; actions pinned right */
@media (max-width:899px){
.fnav{display:flex!important}
.hamburger{display:none!important}
header nav{gap:6px!important}
.nav-actions{margin-left:auto!important;gap:6px!important}
.nav-actions .gh-login{display:none!important}
.nav-actions .btn.btn-dark{height:30px!important;padding:0 11px!important;font-size:13px!important;white-space:nowrap}
.fnav-track a{height:28px;font-size:13px;padding:0 8px}
.fnav-sep{margin:0 4px}
}
@media (max-width:640px){
.lang-btn{width:28px!important;height:28px!important}
.nav-actions .btn.btn-dark{padding:0 10px!important}
}
/* highlights + features: sit right under the nav, 24px gutters, wide cards */
.hc{padding:24px 0 0}
.hc-vp{padding:0 24px}
.hc-track{gap:28px;padding-bottom:4px}
.hc-card{flex-basis:min(740px,82vw);gap:8px}
.hc-art{border-radius:14px;aspect-ratio:16/8.7}
.hc-k{font-size:17px;margin-top:10px;letter-spacing:.005em}
.hc-s{font-size:17px}
.hc-nav{right:24px;transform:translateY(-90%)}
.ft{padding:36px 24px 56px}
.ft-grid{gap:28px}
.ft-cards{gap:20px}
@media (max-width:640px){.hc-vp{padding:0 16px}.hc-track{gap:16px}.hc-card{flex-basis:86vw}.hc-k,.hc-s{font-size:15px}.ft{padding:24px 16px 40px}}
/* highlights: smaller cards, after the hero */
.hc{padding:40px 0 0}
.hc-card{flex-basis:min(440px,72vw)}
.hc-art{aspect-ratio:16/9}
.hc-k{font-size:14.5px;margin-top:6px}
.hc-s{font-size:15px}
.ft{padding:32px 24px 48px}
.ft-hero{min-height:380px}
@media (max-width:640px){.hc-card{flex-basis:78vw}}
/* ---- poster cards: 80s cutouts + big type ---- */
.hc-poster{position:relative;display:block;overflow:hidden;background:#F3EDE2 radial-gradient(120% 100% at 15% 0%,#fff 0,rgba(255,255,255,0) 55%),#F3EDE2}
.hc-poster::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(26,24,21,.05) 0 1px,transparent 1px 3px);opacity:.8;pointer-events:none}
.hc-poster-bogo{background:radial-gradient(90% 80% at 20% 10%,#fff 0,rgba(255,255,255,0) 60%),radial-gradient(80% 70% at 90% 100%,rgba(255,45,122,.22) 0,rgba(255,45,122,0) 60%),#EFE7D6}
.hc-poster-report{background:radial-gradient(90% 80% at 80% 0%,#fff 0,rgba(255,255,255,0) 60%),radial-gradient(90% 90% at 0% 100%,rgba(11,63,176,.22) 0,rgba(11,63,176,0) 60%),#EFE7D6}
.hc-obj{position:absolute;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(26,24,21,.28)) saturate(1.05);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.hc-card:hover .hc-poster .hc-obj{transform:translateY(-4px) rotate(var(--r,0deg))}
.hc-card:hover .hc-poster img{transform:none}
.hc-o1{--r:-14deg;left:-6%;top:-10%;width:38%;transform:rotate(-14deg)}
.hc-o2{--r:12deg;right:-8%;top:-12%;width:36%;transform:rotate(12deg)}
.hc-o3{--r:-8deg;right:-4%;bottom:-18%;width:30%;transform:rotate(-8deg)}
.hc-o4{--r:18deg;left:-4%;bottom:-14%;width:34%;transform:rotate(18deg)}
.hc-o5{--r:-6deg;left:-10%;top:-18%;width:52%;transform:rotate(-6deg)}
.hc-o6{--r:14deg;right:-8%;bottom:-16%;width:40%;transform:rotate(14deg)}
.hc-o7{--r:-10deg;right:-6%;top:-14%;width:30%;transform:rotate(-10deg)}
.hc-type{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:12px;color:#14120F}
.hc-t1{font-family:var(--sans);font-weight:800;font-size:clamp(22px,4.2cqw,44px);line-height:.95;letter-spacing:-.03em;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px}
.hc-t1 i{font-style:normal;font-weight:500;color:#FF2D7A;transform:translateY(-4%)}
.hc-t2{font-family:var(--sans);font-weight:800;font-size:clamp(24px,5.2cqw,54px);line-height:.95;letter-spacing:-.035em;text-transform:uppercase}
.hc-t2 i{font-style:italic;font-weight:800;color:#0B3FB0}
.hc-t3{display:inline-flex;align-items:center;height:30px;padding:0 12px;margin-top:6px;border-radius:6px;background:#FF2D7A;color:#fff;font-family:var(--sans);font-weight:700;font-size:clamp(11px,1.6cqw,15px);letter-spacing:.06em;text-transform:uppercase;transform:skewX(-6deg)}
.hc-t3-ink{background:#14120F}
.hc-card{container-type:inline-size}
/* posters: clear the centre for type */
.hc-type::before{content:"";position:absolute;inset:8% 6%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.96),rgba(255,255,255,.85) 55%,rgba(255,255,255,0));filter:blur(6px)}
.hc-type{isolation:isolate}
.hc-obj{max-height:60%}
.hc-o1{left:-8%;top:-14%;width:28%}
.hc-o2{right:-9%;top:-16%;width:28%}
.hc-o3{right:-8%;bottom:-22%;width:24%}
.hc-o4{left:-8%;bottom:-18%;width:28%}
.hc-o5{left:-14%;top:-24%;width:40%}
.hc-o6{right:-10%;bottom:-22%;width:32%}
.hc-o7{right:-8%;top:-18%;width:24%}
.hc-o8{--r:10deg;left:-8%;bottom:-20%;width:26%;transform:rotate(10deg)}
.hc-o9{--r:-16deg;right:-8%;top:-16%;width:30%;transform:rotate(-16deg)}
.hc-poster-claude{background:radial-gradient(90% 80% at 50% 0%,#fff 0,rgba(255,255,255,0) 60%),radial-gradient(80% 80% at 100% 100%,rgba(217,119,87,.28) 0,rgba(217,119,87,0) 60%),#EFE7D6}
.hc-poster-claude .hc-t1 i{color:#D97757}
.hc-claude{display:inline-flex;align-items:center;gap:.18em;color:#D97757;text-transform:none;letter-spacing:-.03em}
.hc-claude svg{width:.8em;height:.8em}
.hc-t3-terra{background:#D97757}
/* hero: smaller headline + new-product tag */
.gh-h1.gh-h1-x{font-size:clamp(30px,4.6vw,62px)!important;line-height:1.02!important}
@media (max-width:760px){.gh-h1.gh-h1-x{font-size:clamp(26px,7vw,36px)!important}}
.gh-mark{height:clamp(44px,5vw,64px)!important;width:auto!important}
.gh-newtag{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px;margin:0 auto 14px;border-radius:999px;background:#FF2D7A;color:#fff;font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-decoration:none}
.gh-newtag:hover{background:#E6206A;color:#fff}
.gh-newtag{height:36px;padding:0 16px 0 8px;gap:9px;background:#fff;color:var(--ink);border:1px solid rgba(26,24,21,.1);box-shadow:0 6px 18px -10px rgba(26,24,21,.35);font-size:14px;font-weight:600;letter-spacing:-.005em;text-transform:none}
.gh-newtag:hover{background:#F3EDE2;color:var(--ink)}
.gh-newtag img{width:22px;height:22px;border-radius:6px;display:block}
/* highlights header */
.hc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:0 24px 18px}
.hc-head-l{display:flex;flex-direction:column;gap:6px;min-width:0}
.hc-h{margin:0;font-family:var(--sans);font-weight:800;font-size:clamp(22px,2.2vw,30px);line-height:1;letter-spacing:-.02em;text-transform:uppercase;color:#FF2D7A}
.hc-sub{margin:0;font-size:15px;color:var(--muted);text-wrap:pretty}
.hc-cta{flex:none;display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:12px;background:#FF2D7A;color:#fff;font-family:var(--sans);font-size:15px;font-weight:600;text-decoration:none;box-shadow:0 4px 0 #C4005A}
.hc-cta:hover{background:#E6206A;color:#fff}
.hc-nav{top:auto;bottom:96px;transform:none}
@media (max-width:640px){.hc-head{padding:0 16px 14px;align-items:flex-start;flex-direction:column}.hc-cta{height:36px}}
.gh-newtag img{width:auto;height:20px;border-radius:0}
.gh-mark{display:none!important}
.gh-newtag{background:transparent!important;box-shadow:none!important;border:1px solid rgba(26,24,21,.16)!important;font-weight:500}
.gh-newtag:hover{background:rgba(26,24,21,.04)!important}
.gh-newtag{height:28px!important;padding:0 11px 0 7px!important;gap:6px!important;font-size:13px!important}
.gh-newtag img{height:16px!important}
.gh-newtag{gap:4px!important;padding-left:9px!important}
.gh-newtag img{margin-right:-2px}
/* new blocks: house typography */
.hc-h{font-family:var(--serif)!important;font-weight:420!important;font-size:clamp(30px,3vw,44px)!important;line-height:1!important;letter-spacing:-.024em!important;text-transform:none!important;color:var(--ink)!important}
.hc-h em{font-style:italic;font-weight:380}
.hc-sub{font-size:var(--fs-support,17px)}
.hc-cta{background:var(--ink)!important;color:#fff!important;box-shadow:none!important;border-radius:999px!important;font-weight:500!important}
.hc-cta:hover{background:#2A2621!important}
.hc-k{font-family:var(--serif)!important;font-weight:420!important;font-size:19px!important;letter-spacing:-.012em!important;text-transform:none!important}
.hc-s{font-size:15px;color:var(--muted)}
.hc-t1,.hc-t2{font-family:var(--serif)!important;font-weight:420!important;text-transform:none!important;letter-spacing:-.025em!important}
.hc-t1{font-size:clamp(20px,3.6cqw,38px)!important}
.hc-t2{font-size:clamp(26px,5.6cqw,58px)!important;line-height:.98!important}
.hc-t2 i{font-style:italic;font-weight:380}
.hc-t3{font-family:var(--mono)!important;font-weight:500!important;letter-spacing:.12em!important;font-style:normal!important;transform:none!important;border-radius:999px!important;height:26px;font-size:11px!important}
.hc-claude{font-family:var(--sans);font-weight:600}
.ft-h{font-family:var(--serif)!important;font-weight:420!important;text-transform:none!important;letter-spacing:-.024em!important;font-size:clamp(28px,3vw,44px)!important;line-height:1.02!important}
.ft-h em{font-style:italic;font-weight:380;color:#F3EDE2}
.ft-cta{border-radius:999px!important;font-weight:500!important}
.ft-k{font-family:var(--serif)!important;font-weight:420!important;font-size:21px!important;letter-spacing:-.012em!important}
.ft-tag{font-family:var(--mono)}
.gh-newtag{gap:3px!important}
.gh-newtag img{width:18px!important;height:16px!important;object-fit:cover;object-position:50% 50%;margin-right:0}
.gh-newtag{border:0!important;padding-left:0!important;padding-right:0!important}
/* newest-release eyebrow: live dot + mono label + the newest card's title */
.gh-newtag{gap:8px!important;height:auto!important;font-size:13.5px!important;color:var(--ink)!important}
.gh-newdot{width:7px;height:7px;border-radius:50%;background:#2f7a4d;box-shadow:0 0 0 0 rgba(47,122,77,.5);animation:ghDot 2s ease-out infinite}
@keyframes ghDot{0%{box-shadow:0 0 0 0 rgba(47,122,77,.5)}70%{box-shadow:0 0 0 7px rgba(47,122,77,0)}100%{box-shadow:0 0 0 0 rgba(47,122,77,0)}}
.gh-newk{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.gh-newt{font-weight:500;text-decoration:underline;text-decoration-color:rgba(26,24,21,.25);text-underline-offset:3px;transition:text-decoration-color .2s}
.gh-newtag:hover .gh-newt{text-decoration-color:var(--ink)}
.gh-newtag svg{transition:transform .2s}
.gh-newtag:hover svg{transform:translateX(3px)}
@media (prefers-reduced-motion:reduce){.gh-newdot{animation:none}}
.gh-newt,.gh-newtag>svg{display:none!important}
.gh-newk{color:var(--ink)}
.gh-newdot{display:none!important}
/* newest release: text shimmer */
.gh-newk{background:linear-gradient(90deg,var(--ink) 0%,var(--ink) 40%,#B9B2A4 50%,var(--ink) 60%,var(--ink) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:ghShimmer 3.2s ease-in-out infinite}
@keyframes ghShimmer{0%{background-position:120% 0}100%{background-position:-120% 0}}
@media (prefers-reduced-motion:reduce){.gh-newk{animation:none;color:var(--ink)!important;background:none}}
.gh-newlogo{display:block;width:16px;height:14px;object-fit:cover;object-position:50% 50%;margin-left:-2px}
.gh-newlogo{margin-left:0;margin-right:-2px}
/* ---- poster variety ---- */
/* 1 · BOGO: dark ledger card */
.hc-poster-bogo{background:#14120F!important}
.hc-poster-bogo::before{background:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px) 0 0/100% 28px,linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px) 0 0/28px 100%;opacity:1}
.hc-poster-bogo::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 60% at 50% 50%,rgba(255,45,122,.22),transparent 70%);pointer-events:none}
.hc-poster-bogo .hc-type::before{display:none}
.hc-poster-bogo .hc-type{color:#fff}
.hc-poster-bogo .hc-t1 i{color:#FF2D7A}
.hc-poster-bogo .hc-obj{filter:drop-shadow(0 18px 24px rgba(0,0,0,.5)) saturate(1.1);opacity:.9}
.hc-poster-bogo .hc-o2,.hc-poster-bogo .hc-o4{display:none}
.hc-poster-bogo .hc-o1{left:-10%;bottom:-24%;top:auto;width:34%;--r:-18deg;transform:rotate(-18deg)}
.hc-poster-bogo .hc-o3{right:-8%;top:-18%;bottom:auto;width:30%;--r:14deg;transform:rotate(14deg)}
/* 2 · Report: photo plate + tilted UI */
.hc-poster-report{background:#0b1636!important}
.hc-poster-report::before{display:none}
.hc-plate{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%;filter:saturate(1.05)}
.hc-poster-report::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,14,40,.78) 0,rgba(6,14,40,.45) 55%,rgba(6,14,40,.05) 100%);pointer-events:none}
.hc-ui{position:absolute;right:-6%;bottom:-16%;width:48%;height:auto;border-radius:12px;box-shadow:0 30px 50px -20px rgba(0,0,0,.6);transform:rotate(-6deg);z-index:2;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.hc-card:hover .hc-ui{transform:rotate(-4deg) translateY(-6px)}
.hc-type-left{align-items:flex-start!important;text-align:left!important;justify-content:flex-end!important;padding:20px 22px!important;color:#fff!important}
.hc-type-left::before{display:none}
.hc-poster-report .hc-t2 i{color:#9DB8FF}
/* 3 · Claude: glyph pattern on cream */
.hc-poster-claude{background:#F3EDE2!important;background-image:radial-gradient(80% 90% at 100% 100%,rgba(217,119,87,.35),transparent 60%),radial-gradient(70% 70% at 0% 0%,rgba(11,63,176,.16),transparent 60%)!important}
.hc-poster-claude::before{display:none}
.hc-pattern{position:absolute;inset:-10%;font-family:var(--mono);font-size:22px;line-height:1.4;letter-spacing:.3em;color:rgba(26,24,21,.08);overflow:hidden;white-space:normal;word-break:break-all;transform:rotate(-8deg);pointer-events:none}
.hc-poster-claude .hc-type::before{inset:14% 12%}
.hc-poster-claude .hc-obj{display:none}
.gh-newlogo{width:auto!important;height:15px!important;object-fit:contain;margin:0 2px 0 0!important}
.gh-newtag img.gh-newlogo{width:auto!important;height:18px!important;object-fit:contain!important;margin:0 3px 0 0!important}
.hc-track{scroll-snap-type:x proximity;cursor:grab;user-select:none;-webkit-user-select:none}
.hc-track.is-drag{cursor:grabbing;scroll-behavior:auto}
.hc-track.is-drag .hc-art img,.hc-track.is-drag .hc-obj{transition:none}
.hc-card img{-webkit-user-drag:none;user-select:none;pointer-events:none}
.fnav-pill{font-family:var(--sans)!important;font-weight:700!important;font-size:9.5px!important;letter-spacing:.04em!important;line-height:1!important;padding:3px 5px 2px!important;border-radius:4px!important;background:#FF2D7A!important;color:#fff!important;transform:translateY(-1px)}
.fnav-pill{transform:none!important;align-self:center;display:inline-flex;align-items:center;height:16px;padding:0 5px!important;font-size:9.5px!important;line-height:1!important}
.fnav-track a{align-items:center}
.hc-card{-webkit-user-drag:none}
.hc-type{z-index:3!important}
.hc-ui{width:40%;right:-3%;bottom:-8%;z-index:2}
.hc-type-left{padding:20px 40% 20px 22px!important}
.hc-poster-report .hc-t1{font-size:clamp(16px,3cqw,30px)!important}
.hc-poster-report .hc-t2{font-size:clamp(22px,4.6cqw,46px)!important}
@media (max-width:760px){
.ym-intro-sec .gh-head,.gh-head{padding-top:clamp(40px,9vh,72px)!important}
.gh-newtag{margin-bottom:18px!important}
}
.gh-newtag img.gh-newlogo{height:13px!important;margin-right:2px!important}
.hc-poster-report::after{background:linear-gradient(90deg,rgba(6,14,40,.86) 0,rgba(6,14,40,.6) 50%,rgba(6,14,40,.2) 100%)}
.hc-type-left{padding:20px 22px!important;justify-content:center!important}
.hc-plate{object-position:70% 40%}
/* composer: tighter, single-row feel */
.gh-composer{padding:8px 8px 8px 14px!important;border-radius:16px!important;max-width:720px!important;margin-left:auto!important;margin-right:auto!important}
.gh-row{padding:0!important}
.gh-input{font-size:15.5px!important;line-height:22px!important;padding:6px 0 4px!important}
.gh-opts{margin:6px 0 0!important;gap:6px!important;min-height:32px}
.gh-seg{height:30px!important}
.gh-seg button{height:28px!important;padding:0 11px!important;font-size:13px!important}
.gh-link{height:30px!important;padding:0 11px!important;font-size:13px!important;gap:6px}
.gh-link svg{width:13px;height:13px}
.gh-send{width:32px!important;height:32px!important}
.gh-send svg{width:14px;height:14px}
.gh-ledger{margin:-16px 14px 0!important;border-radius:0 0 14px 14px!important}
.gh-ledger-gap{height:16px!important}
.gh-lrow{height:36px!important;font-size:13px!important}
@media (max-width:760px){.gh-composer{padding:8px 8px 8px 12px!important}.gh-opts{margin-top:4px!important}}
/* composer controls v3 */
.gh-seg{padding:2px!important;height:32px!important;border:1px solid rgba(26,24,21,.12)!important;background:#F6F4EF!important;border-radius:10px!important;gap:2px!important}
.gh-seg button{height:26px!important;padding:0 12px!important;border-radius:8px!important;font-size:13px!important;font-weight:500!important;color:rgba(26,24,21,.6)!important;background:transparent!important;transition:background .15s,color .15s,box-shadow .15s}
.gh-seg button.on{background:#fff!important;color:var(--ink)!important;font-weight:600!important;box-shadow:0 1px 2px rgba(26,24,21,.12),0 0 0 1px rgba(26,24,21,.06)!important}
.gh-link{height:32px!important;padding:0 12px!important;border-radius:10px!important;border:1px solid rgba(26,24,21,.12)!important;background:#fff!important;color:var(--ink)!important;font-size:13px!important;font-weight:500!important;gap:7px}
.gh-link:hover,.gh-link:focus-visible{background:#F6F4EF!important;border-color:rgba(26,24,21,.22)!important}
.gh-send{width:32px!important;height:32px!important;border-radius:10px!important;background:var(--ink)!important;color:#fff!important}
.gh-send[disabled]{background:rgba(26,24,21,.12)!important;color:#fff!important;cursor:not-allowed}
.gh-send:not([disabled]):hover{background:#000!important;transform:translateY(-1px)!important}
/* ledger as chips */
.gh-ledger{margin:-14px 12px 0!important;padding:14px 8px 8px!important;display:flex!important;flex-wrap:wrap;gap:6px;border:1px solid rgba(26,24,21,.1)!important;border-top:0!important;border-radius:0 0 14px 14px!important;background:#F6F4EF!important}
.gh-ledger-gap{height:8px!important;flex:1 0 100%}
.gh-lrow{flex:0 0 auto!important;height:30px!important;padding:0 10px 0 8px!important;border:1px solid rgba(26,24,21,.1)!important;border-radius:999px!important;background:#fff!important;font-size:13px!important;color:var(--ink)!important;display:inline-flex!important;align-items:center;gap:7px;width:auto!important;min-width:0!important}
.gh-lrow svg:first-child{opacity:.6}
.gh-lrow svg:last-child{width:16px;height:16px;padding:3px;border-radius:50%;background:#2f7a4d;stroke:#fff!important;box-sizing:border-box}
.gh-composer{padding:6px 6px 6px 12px!important;border-radius:14px!important}
.gh-input{font-size:15px!important;line-height:20px!important;padding:5px 0 3px!important}
.gh-opts{margin:4px 0 0!important;gap:5px!important;min-height:28px}
.gh-seg{height:28px!important;padding:2px!important;border-radius:9px!important}
.gh-seg button{height:22px!important;padding:0 10px!important;font-size:12.5px!important;border-radius:7px!important}
.gh-link{height:28px!important;padding:0 10px!important;font-size:12.5px!important;border-radius:9px!important;gap:6px}
.gh-link svg{width:12px;height:12px}
.gh-send{width:28px!important;height:28px!important;border-radius:9px!important}
.gh-send svg{width:13px;height:13px}
.gh-ledger{margin:-12px 10px 0!important;padding:12px 6px 6px!important;gap:4px}
.gh-ledger-gap{height:6px!important}
.gh-lrow{height:26px!important;font-size:12.5px!important;padding:0 8px 0 7px!important;gap:6px}
.gh-lrow svg:last-child{width:14px;height:14px;padding:2.5px}
/* ledger: back to the divided row, tighter */
.gh-ledger{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:0!important;margin:-12px 12px 0!important;padding:0!important;border:1px solid rgba(26,24,21,.1)!important;border-top:0!important;border-radius:0 0 14px 14px!important;background:rgba(250,249,245,.9)!important;overflow:hidden}
.gh-ledger-gap{grid-column:1/-1;height:12px!important}
.gh-lrow{display:flex!important;align-items:center;justify-content:space-between;gap:8px;height:34px!important;padding:0 12px!important;border:0!important;border-top:1px solid rgba(26,24,21,.08)!important;border-left:1px solid rgba(26,24,21,.08)!important;border-radius:0!important;background:transparent!important;font-size:13px!important;color:rgba(26,24,21,.78)!important;width:auto!important;min-width:0!important;white-space:nowrap;overflow:hidden}
.gh-lrow:nth-child(2){border-left:0!important}
.gh-lrow svg:first-child{opacity:.6;flex:none}
.gh-lrow svg:last-child{width:12px;height:12px;padding:0;border-radius:0;background:none;stroke:#2f7a4d!important;flex:none;margin-left:auto}
.gh-lrow span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
@media (max-width:640px){.gh-ledger{grid-template-columns:1fr 1fr}.gh-lrow:nth-child(2n+2){border-left:0!important}.gh-lrow:nth-child(2){border-left:0!important}}
.gh-ledger,.gh-ledger-gap{display:none!important}
/* composer: industry tabs */
.gh-verts{display:flex;align-items:center;gap:2px;margin:0 -6px 6px -8px;padding:0 4px 8px;border-bottom:1px solid rgba(26,24,21,.08);overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 24px),transparent)}
.gh-verts::-webkit-scrollbar{display:none}
.gh-vert{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 10px;border-radius:9px;font-family:var(--sans);font-size:13px;font-weight:500;color:rgba(26,24,21,.68);text-decoration:none;white-space:nowrap;flex:none;transition:background .15s,color .15s}
.gh-vert svg{width:15px;height:15px;flex:none}
.gh-vert:hover{background:rgba(26,24,21,.05);color:var(--ink)}
.gh-vert.is-on{background:#F0EEE8;color:var(--ink);font-weight:600}
/* composer vertical tabs (reference: model-picker row) */
.gh-verts{display:flex;flex-wrap:wrap;gap:4px;padding:0 0 6px;margin:0 -4px 6px 0;border-bottom:1px solid rgba(26,24,21,.08)}
.gh-vert{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 9px 0 7px;border-radius:7px;border:1px solid transparent;font-family:var(--sans);font-size:12.5px;font-weight:500;color:rgba(26,24,21,.62);text-decoration:none;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}
.gh-vert svg{width:14px;height:14px;flex:none;opacity:.75}
.gh-vert:hover{background:#F6F4EF;color:var(--ink)}
.gh-vert.is-on{background:#F6F4EF;border-color:rgba(26,24,21,.12);color:var(--ink);font-weight:600}
.gh-vert.is-on svg{opacity:1}
.gh-composer{padding:8px 6px 6px 8px!important}
.gh-row{padding-left:4px!important}
.gh-opts{padding-left:4px!important}
@media (max-width:640px){.gh-verts{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-6px;padding-right:6px}.gh-verts::-webkit-scrollbar{display:none}.gh-vert span{display:inline}}
/* lighter selected states across composer */
.gh-vert.is-on{background:#FAF8F4;border-color:rgba(26,24,21,.08);font-weight:500;color:var(--ink)}
.gh-seg{background:#FAF8F4!important;border-color:rgba(26,24,21,.08)!important}
.gh-seg button.on{font-weight:500!important;box-shadow:0 1px 1px rgba(26,24,21,.06),0 0 0 1px rgba(26,24,21,.05)!important}
.gh-link{border-color:rgba(26,24,21,.08)!important}
.gh-link:hover,.gh-link:focus-visible{background:#FAF8F4!important;border-color:rgba(26,24,21,.14)!important}
.gh-vert:hover{background:#FAF8F4}
.gh-verts{border-bottom:0!important;padding-bottom:2px!important;margin-bottom:2px!important}
.gh-verts{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;gap:2px!important;margin-right:-6px!important;padding-right:6px!important}
.gh-verts::-webkit-scrollbar{display:none}
.gh-vert{height:24px;padding:0 7px 0 6px;font-size:12px;gap:5px;flex:none}
.gh-vert svg{width:13px;height:13px}
.gh-composer{padding:10px 8px 8px 10px!important}
.gh-verts{margin-bottom:8px!important}
.gh-input{padding:8px 0 8px!important}
.gh-opts{margin-top:8px!important}
/* composer: reference styling (ink tabs, soft grey active, flat pill send) */
.gh-composer{padding:14px 16px 14px 16px!important;border-radius:22px!important;border:1px solid rgba(26,24,21,.1)!important;box-shadow:none!important}
.gh-verts{gap:8px!important;margin:0 -4px 14px!important;padding:0 4px 0!important}
.gh-vert{height:34px;padding:0 12px;border-radius:10px;border:0;font-size:14.5px;font-weight:500;color:var(--ink);gap:9px}
.gh-vert svg{width:18px;height:18px;opacity:1;stroke-width:1.8}
.gh-vert:hover{background:rgba(26,24,21,.05)}
.gh-vert.is-on{background:rgba(26,24,21,.07)!important;border:0!important;font-weight:500!important}
.gh-input{font-size:17px!important;line-height:24px!important;padding:6px 0 10px!important}
.gh-opts{margin-top:12px!important;gap:8px!important;min-height:38px}
.gh-seg{height:36px!important;padding:3px!important;border:0!important;background:rgba(26,24,21,.06)!important;border-radius:999px!important}
.gh-seg button{height:30px!important;padding:0 14px!important;border-radius:999px!important;font-size:14px!important;color:rgba(26,24,21,.65)!important}
.gh-seg button.on{background:#fff!important;color:var(--ink)!important;box-shadow:0 1px 2px rgba(26,24,21,.1)!important}
.gh-link{height:36px!important;padding:0 14px!important;border:0!important;border-radius:999px!important;background:rgba(26,24,21,.06)!important;font-size:14px!important;font-weight:500!important}
.gh-link:hover,.gh-link:focus-visible{background:rgba(26,24,21,.1)!important}
.gh-link svg{width:15px;height:15px}
.gh-send{width:auto!important;height:36px!important;padding:0 16px 0 14px!important;border-radius:999px!important;display:inline-flex!important;align-items:center;gap:8px;font-family:var(--sans);font-size:14px;font-weight:500;background:var(--ink)!important;color:#fff!important}
.gh-send[disabled]{background:rgba(26,24,21,.12)!important;color:rgba(26,24,21,.55)!important}
.gh-send::after{content:"Send invite"}
.gh-send svg{width:14px;height:14px}
@media (max-width:640px){.gh-composer{padding:12px!important;border-radius:18px!important}.gh-vert{height:32px;font-size:14px;padding:0 10px}.gh-send::after{content:"Send"}}
.gh-composer{max-width:900px!important}
.gh-verts{gap:4px!important}
.gh-vert{font-size:14px;padding:0 10px;gap:8px}
.gh-vert svg{width:17px;height:17px}
@media (max-width:900px){.gh-verts{mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}}
.gh-input{font-size:18px!important;line-height:26px!important;padding:14px 0 28px!important;color:var(--ink)!important;letter-spacing:0!important;font-weight:400!important}
.gh-input::placeholder{color:rgba(26,24,21,.42)!important;font-weight:400!important}
.gh-verts{margin-bottom:6px!important}
.gh-opts{margin-top:6px!important}
.gh-input{font-size:16px!important;line-height:24px!important;font-weight:300!important}
.gh-input::placeholder{font-weight:300!important;color:rgba(26,24,21,.4)!important}
/* hero rhythm */
.gh-newtag{margin-bottom:22px!important}
.gh-h1{margin-bottom:34px!important}
.gh-composer{margin-bottom:0!important}
.gh-laurels{margin-top:56px!important}
@media (max-width:760px){.gh-newtag{margin-bottom:18px!important}.gh-h1{margin-bottom:26px!important}.gh-laurels{margin-top:40px!important}}
/* eyebrow: quiet sans pill, no logo, matches composer chips */
.gh-newtag{font-family:var(--sans)!important;font-size:13px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;color:rgba(26,24,21,.72)!important;height:30px!important;padding:0 12px!important;border-radius:999px!important;background:rgba(26,24,21,.06)!important;gap:7px!important;margin-bottom:26px!important}
.gh-newtag:hover{background:rgba(26,24,21,.1)!important;color:var(--ink)!important}
.gh-newtag img.gh-newlogo{display:none!important}
.gh-newk{font-family:var(--sans)!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;background:none!important;-webkit-background-clip:unset!important;color:inherit!important;animation:none!important}
.gh-newtag .gh-newdot{display:inline-block}
/* ---- promo posters v3: heavy type, neon accent, video-ready ---- */
.hc-p{position:relative;display:block;overflow:hidden;isolation:isolate;--acc:#FF2D7A;--acc2:#FFB3D1}
.hc-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;display:none}
.hc-vid.is-on{display:block}
.hc-vid.is-on~.hc-glow,.hc-vid.is-on~.hc-fl{display:none}
.hc-glow{position:absolute;inset:0;z-index:1;pointer-events:none}
.hc-ty{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(4px,1.2cqw,10px);text-align:center;padding:6% 8%;color:#14120F}
.hc-ty-l{align-items:flex-start;text-align:left;justify-content:flex-start;padding:7% 8%}
.hc-big{font-family:var(--sans);font-weight:900;font-size:clamp(40px,12cqw,112px);line-height:.86;letter-spacing:-.05em;text-transform:uppercase;font-stretch:condensed}
.hc-mid{font-family:var(--sans);font-weight:800;font-size:clamp(18px,5cqw,44px);line-height:.95;letter-spacing:-.03em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.1em}
.hc-mid i{font-style:normal;font-weight:600;color:var(--acc);transform:translateY(-.05em)}
.hc-pill{display:inline-flex;align-items:center;gap:6px;margin-top:clamp(4px,1.4cqw,12px);height:clamp(24px,6.4cqw,40px);padding:0 clamp(10px,2.6cqw,18px);border-radius:8px;background:var(--acc);color:#fff;font-family:var(--sans);font-weight:800;font-size:clamp(11px,2.8cqw,20px);letter-spacing:-.01em;text-transform:uppercase;box-shadow:0 8px 24px -8px var(--acc)}
.hc-eyeb{font-family:var(--sans);font-weight:700;font-size:clamp(12px,3cqw,22px);letter-spacing:-.01em;color:var(--acc)}
.hc-fl{position:absolute;z-index:2;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(20,18,15,.28));transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.hc-card:hover .hc-p .hc-fl{transform:translateY(-6px) rotate(var(--r,0deg))}
.hc-card:hover .hc-p img{transform:translateY(-6px) rotate(var(--r,0deg))}
/* 1 · bogo: light plate, hot pink bloom, cut-outs tumbling */
.hc-p-bogo{background:#FBFAF6}
.hc-p-bogo .hc-glow{background:radial-gradient(60% 70% at 88% 100%,var(--acc) 0,rgba(255,45,122,.55) 30%,rgba(255,45,122,0) 70%),radial-gradient(50% 60% at 0% 0%,rgba(255,45,122,.35),rgba(255,45,122,0) 70%),radial-gradient(1px 1px at 50% 50%,rgba(20,18,15,.25) 50%,transparent 51%) 0 0/8px 8px}
.hc-fl1{--r:-16deg;left:-6%;top:-8%;width:30%;transform:rotate(-16deg)}
.hc-fl2{--r:14deg;right:-6%;top:-14%;width:30%;transform:rotate(14deg)}
.hc-fl3{--r:-10deg;left:8%;bottom:-18%;width:24%;transform:rotate(-10deg)}
.hc-p-bogo .hc-big{text-shadow:0 2px 0 #fff}
/* 2 · report: dark plate, acid-green glow rising under a white slab */
.hc-p-report{--acc:#C9F53A;background:#0E0E0C}
.hc-p-report .hc-glow{background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0/100% 24px,linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0/24px 100%,radial-gradient(70% 55% at 50% 100%,var(--acc) 0,rgba(201,245,58,.7) 25%,rgba(201,245,58,0) 65%)}
.hc-p-report .hc-ty{color:var(--acc);padding-bottom:0}
.hc-p-report .hc-big{color:var(--acc);text-shadow:0 0 40px rgba(201,245,58,.6)}
.hc-p-report .hc-big small{font-size:.32em;font-weight:800;letter-spacing:-.02em;margin-left:.08em;vertical-align:baseline}
.hc-p-report .hc-mid{color:#fff;font-weight:700}
.hc-slab{position:absolute;left:7%;right:7%;bottom:-6%;z-index:3;height:46%;display:flex;align-items:flex-start;justify-content:space-between;padding:5% 6%;border-radius:14px 14px 0 0;background:linear-gradient(180deg,#fff 0,#F5FFCC 60%,#DDF77A);color:#14120F;box-shadow:0 -20px 60px -10px rgba(201,245,58,.5)}
.hc-slab-l{font-family:var(--sans);font-weight:800;font-size:clamp(12px,3.2cqw,26px);line-height:1;letter-spacing:-.03em;text-align:right;align-self:flex-start}
.hc-slab-n{font-family:var(--sans);font-weight:900;font-size:clamp(34px,10cqw,96px);line-height:.85;letter-spacing:-.06em;display:flex;flex-direction:column;align-items:flex-end;gap:.08em}
.hc-slab-n u{display:block;width:.9em;height:3px;background:#14120F;text-decoration:none}
/* 3 · claude: warm cream, terracotta bloom */
.hc-p-claude{--acc:#D97757;background:#FBF7F2}
.hc-p-claude .hc-glow{background:radial-gradient(60% 70% at 100% 0%,var(--acc) 0,rgba(217,119,87,.5) 30%,rgba(217,119,87,0) 70%),radial-gradient(50% 60% at 0% 100%,rgba(217,119,87,.4),rgba(217,119,87,0) 70%),radial-gradient(1px 1px at 50% 50%,rgba(20,18,15,.22) 50%,transparent 51%) 0 0/8px 8px}
.hc-pill-terra{background:var(--acc);box-shadow:0 8px 24px -8px var(--acc)}
.hc-p-claude .hc-big{text-shadow:0 2px 0 #fff}
@media (prefers-reduced-motion:reduce){.hc-vid{display:none!important}}
/* ---- Claude banner: dark plate, horizon glow, giant terracotta caps ---- */
.cb{padding:8px 24px 48px}
.cb-plate{position:relative;overflow:hidden;isolation:isolate;border-radius:22px;background:#17110F;min-height:clamp(300px,34vw,440px);display:grid;place-items:center}
.cb-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;display:none}
.cb-bg[src]{display:block}
.cb-horizon{position:absolute;inset:0;z-index:1;pointer-events:none;background:
radial-gradient(120% 60% at 50% 118%,#FFF3DF 0,#F6C48C 14%,#E8863F 26%,#C6402A 36%,rgba(120,35,25,.6) 46%,rgba(23,17,15,0) 62%),
radial-gradient(90% 30% at 50% 80%,rgba(255,120,60,.45),transparent 70%)}
.cb-bg[src]~.cb-horizon{opacity:.55}
.cb-grain{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.35;mix-blend-mode:overlay;background:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.8) 50%,transparent 51%) 0 0/160px 160px,radial-gradient(1px 1px at 70% 60%,rgba(255,255,255,.7) 50%,transparent 51%) 0 0/220px 220px,radial-gradient(1px 1px at 45% 85%,rgba(255,255,255,.6) 50%,transparent 51%) 0 0/190px 190px}
.cb-in{position:relative;z-index:3;text-align:center;padding:clamp(36px,6vw,72px) 24px;display:flex;flex-direction:column;align-items:center;gap:0;color:#fff}
.cb-eyeb{font-family:var(--sans);font-weight:600;font-size:clamp(17px,2vw,26px);letter-spacing:-.01em;color:#F4EDE6;margin:0 0 10px}
.cb-h{font-family:var(--sans);font-weight:900;font-size:clamp(40px,7.6vw,104px);line-height:.9;letter-spacing:-.04em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.16em;margin:0 0 20px;color:#D97757;background:linear-gradient(180deg,#E9926F 0,#D97757 55%,#B85C3F 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 6px 24px rgba(217,119,87,.28))}
.cb-spark{width:.78em;height:.78em;color:#D97757;flex:none;animation:cbSpin 18s linear infinite}
@keyframes cbSpin{to{transform:rotate(360deg)}}
.cb-sub{font-family:var(--sans);font-weight:400;font-size:clamp(15px,1.5vw,19px);line-height:1.45;color:rgba(255,255,255,.72);margin:0 0 30px;max-width:56ch;text-wrap:pretty}
.cb-cta{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 22px 0 18px;border-radius:14px;background:#fff;color:#14120F;font-family:var(--sans);font-weight:600;font-size:17px;text-decoration:none;box-shadow:0 10px 30px -12px rgba(0,0,0,.6),0 1px 0 rgba(255,255,255,.6) inset;transition:transform .2s,box-shadow .2s}
.cb-cta:hover{transform:translateY(-2px);box-shadow:0 16px 36px -14px rgba(0,0,0,.65);color:#14120F}
.cb-cta img{height:22px;width:auto;display:block}
@media (max-width:760px){.cb{padding:4px 12px 36px}.cb-plate{border-radius:16px;min-height:340px}.cb-h{flex-direction:column;gap:.05em;font-size:clamp(44px,15vw,72px)}.cb-spark{width:.5em;height:.5em}.cb-br{display:none}.cb-cta{height:48px;font-size:15.5px}}
.hc-p .hc-fl{width:auto!important;height:auto!important;max-height:none!important;object-fit:contain!important;z-index:2}
.hc-p .hc-fl1{width:24%!important;left:-5%!important;top:-8%!important;right:auto!important;bottom:auto!important}
.hc-p .hc-fl2{width:24%!important;right:-5%!important;top:-12%!important;left:auto!important;bottom:auto!important}
.hc-p .hc-fl3{width:16%!important;left:auto!important;right:6%!important;bottom:-14%!important;top:auto!important}
.hc-p .hc-ty::before{content:"";position:absolute;inset:6% 14%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.98),rgba(255,255,255,.9) 55%,rgba(255,255,255,0));filter:blur(6px);pointer-events:none}
.hc-p .hc-ty{isolation:isolate}
.hc-p-report .hc-ty::before{display:none}
/* Claude banner v2: wide flat horizon band, atmosphere haze, drifting stars, extruded type */
.cb-plate{min-height:clamp(280px,30vw,400px)!important;background:#100B0A!important}
.cb-horizon{background:
linear-gradient(180deg,rgba(16,11,10,0) 0%,rgba(16,11,10,0) 52%,rgba(120,30,20,.55) 62%,#E8471F 68%,#F98A2A 74%,#F7C98A 81%,#EAD9D6 90%,#DDD3E6 100%)!important;
mask-image:radial-gradient(160% 100% at 50% 100%,#000 60%,transparent 100%);-webkit-mask-image:radial-gradient(160% 100% at 50% 100%,#000 60%,transparent 100%);transform:none!important}
.cb-horizon::before{content:"";position:absolute;inset:0;background:radial-gradient(140% 40% at 50% 68%,rgba(255,150,60,.9),rgba(255,120,40,0) 60%);filter:blur(28px);mix-blend-mode:screen}
.cb-horizon::after{content:"";position:absolute;left:-10%;right:-10%;top:58%;height:12%;background:radial-gradient(50% 100% at 50% 50%,#FFF0C8,rgba(255,200,120,.7) 40%,rgba(255,120,40,0) 100%);filter:blur(18px);animation:cbBreath 7s ease-in-out infinite;transform-origin:center}
@keyframes cbBreath{0%,100%{opacity:.75;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.06)}}
.cb-grain{opacity:.9!important;mix-blend-mode:normal!important;background:
radial-gradient(1.2px 1.2px at 12% 22%,rgba(255,255,255,.9) 50%,transparent 51%),radial-gradient(1px 1px at 38% 12%,rgba(255,255,255,.8) 50%,transparent 51%),radial-gradient(1.4px 1.4px at 64% 30%,rgba(255,255,255,.85) 50%,transparent 51%),radial-gradient(1px 1px at 82% 16%,rgba(255,255,255,.75) 50%,transparent 51%),radial-gradient(1px 1px at 91% 38%,rgba(255,255,255,.6) 50%,transparent 51%),radial-gradient(1px 1px at 22% 44%,rgba(255,255,255,.55) 50%,transparent 51%),radial-gradient(1.6px 1.6px at 50% 8%,rgba(255,255,255,.9) 50%,transparent 51%),radial-gradient(1px 1px at 72% 48%,rgba(255,255,255,.5) 50%,transparent 51%)!important;
background-size:100% 100%!important;animation:cbDrift 40s linear infinite;mask-image:linear-gradient(180deg,#000 0,#000 50%,transparent 62%);-webkit-mask-image:linear-gradient(180deg,#000 0,#000 50%,transparent 62%)}
@keyframes cbDrift{to{transform:translateX(-3%)}}
.cb-in::before{content:"";position:absolute;inset:0;z-index:-1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .08 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}
.cb-in{position:relative;padding:clamp(28px,4.5vw,48px) 24px clamp(52px,8vw,96px)!important}
.cb-h{background:none!important;-webkit-text-fill-color:#DA7B5C!important;color:#DA7B5C!important;filter:none!important;
text-shadow:0 1px 0 #B65A3E,0 2px 0 #A9523A,0 3px 0 #9C4B35,0 4px 0 #8E4430,0 5px 0 #7F3C2A,0 6px 0 #6F3424,0 8px 18px rgba(0,0,0,.55),0 0 46px rgba(233,120,80,.35)!important;
letter-spacing:-.03em!important;line-height:.92!important;font-size:clamp(38px,7vw,96px)!important;margin-bottom:16px!important}
.cb-spark{color:#DA7B5C!important;filter:drop-shadow(0 4px 0 #8E4430) drop-shadow(0 6px 10px rgba(0,0,0,.5));animation:cbSpin 14s linear infinite,cbPulse 3.5s ease-in-out infinite!important}
@keyframes cbPulse{0%,100%{opacity:1}50%{opacity:.7}}
.cb-eyeb{color:#fff!important;margin-bottom:8px!important;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.cb-sub{color:rgba(255,255,255,.66)!important;max-width:44ch!important;margin-bottom:26px!important}
.cb-cta{border-radius:12px!important;height:50px!important;box-shadow:0 14px 34px -14px rgba(0,0,0,.8),0 2px 0 #E4D9CF!important}
@media (prefers-reduced-motion:reduce){.cb-horizon::after,.cb-grain,.cb-spark{animation:none!important}}
/* ---- feature grid v2: reference vocabulary ---- */
.ft{padding:12px 24px 40px!important}
.ft-grid{gap:16px!important;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)!important}
.ft-hero{min-height:400px!important;border-radius:18px!important;background:#0B0B0A!important;color:#fff!important}
.ft-hero img{object-position:80% 30%!important;opacity:.95}
.ft-shade{background:linear-gradient(90deg,rgba(11,11,10,.96) 0,rgba(11,11,10,.86) 42%,rgba(11,11,10,.25) 70%,rgba(11,11,10,0) 100%),linear-gradient(180deg,rgba(11,11,10,.3),rgba(11,11,10,0) 30%)!important}
.ft-hero-in{justify-content:center;gap:0!important;padding:clamp(24px,3vw,40px)!important;max-width:60%}
.ft-h{font-family:var(--sans)!important;font-weight:900!important;font-size:clamp(28px,3.2vw,46px)!important;line-height:.95!important;letter-spacing:-.04em!important;text-transform:uppercase!important;color:#fff!important;margin:0 0 20px!important;max-width:none!important}
.ft-h em{font-style:normal!important;font-weight:900!important;color:#FF2D7A!important;display:block}
.ft-checks{display:flex!important;flex-direction:column;gap:9px!important;grid-template-columns:none!important;margin:0 0 26px!important;padding:0!important;font-family:var(--sans);font-size:15px!important;color:rgba(255,255,255,.78)!important}
.ft-checks li{display:flex;align-items:center;gap:10px;padding:0!important;border:0!important;order:0!important}
.ft-checks svg{flex:none;color:rgba(255,255,255,.7)}
.ft-cta{align-self:flex-start;display:inline-flex!important;align-items:center;height:48px!important;padding:0 22px!important;border-radius:12px!important;background:#FF2D7A!important;color:#fff!important;font-family:var(--sans)!important;font-weight:700!important;font-size:16px!important;text-decoration:none;box-shadow:0 10px 30px -10px rgba(255,45,122,.7),0 2px 0 #C21C5E!important;transition:transform .15s,box-shadow .15s}
.ft-cta:hover{transform:translateY(-2px);box-shadow:0 16px 34px -12px rgba(255,45,122,.8),0 2px 0 #C21C5E!important;color:#fff!important}
.ft-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
.ft-card{position:relative;display:flex!important;flex-direction:column;justify-content:flex-end;gap:6px!important;padding:20px 22px 22px!important;border-radius:18px!important;background:#fff!important;border:1px solid rgba(26,24,21,.08)!important;box-shadow:none!important;text-decoration:none;color:var(--ink)!important;min-height:0!important;transition:border-color .15s,transform .15s}
.ft-card:hover{border-color:rgba(26,24,21,.18)!important;transform:translateY(-2px)}
.ft-ic{position:absolute;left:22px;top:20px;width:28px!important;height:28px!important;background:none!important;border:0!important;border-radius:0!important;color:var(--ink)!important;display:block!important;margin:0!important}
.ft-ic svg{width:24px!important;height:24px!important;stroke-width:1.9!important}
.ft-tag{position:absolute!important;right:14px;top:14px;display:inline-flex!important;align-items:center;gap:6px;height:30px;padding:0 12px!important;border-radius:999px!important;background:rgba(26,24,21,.06)!important;color:var(--ink)!important;font-family:var(--sans)!important;font-weight:600!important;font-size:13px!important;letter-spacing:0!important;text-transform:none!important;margin:0!important}
.ft-tag-new{background:#FF2D7A!important;color:#fff!important;font-style:italic;font-weight:800!important}
.ft-card .ft-k{font-family:var(--sans)!important;font-weight:700!important;font-size:19px!important;letter-spacing:-.02em!important;text-transform:none!important;margin:64px 0 0!important;color:var(--ink)!important;order:0!important;line-height:1.15}
.ft-card .ft-s{font-family:var(--sans);font-size:14.5px!important;line-height:1.4;color:rgba(26,24,21,.6)!important}
@media (max-width:900px){.ft-grid{grid-template-columns:1fr!important}.ft-hero{min-height:340px!important}.ft-hero-in{max-width:100%}.ft-shade{background:linear-gradient(180deg,rgba(11,11,10,.55),rgba(11,11,10,.92) 55%)!important}}
@media (max-width:560px){.ft{padding:8px 12px 32px!important}.ft-cards{grid-template-columns:1fr!important}.ft-card .ft-k{margin-top:56px!important}}
/* ft-hero v3: light plate, photo bleeds in from the right */
.ft-hero{background:#EDE9E1!important;color:var(--ink)!important;min-height:380px!important}
.ft-hero img{left:32%!important;width:68%!important;object-position:65% 30%!important;opacity:1!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%);mask-image:linear-gradient(90deg,transparent 0,#000 38%)}
.ft-shade{background:linear-gradient(90deg,#EDE9E1 0,#EDE9E1 34%,rgba(237,233,225,0) 58%)!important}
.ft-hero-in{max-width:58%!important;padding:clamp(28px,3.4vw,44px)!important}
.ft-h{font-size:clamp(30px,3.4vw,50px)!important;line-height:.92!important;color:var(--ink)!important;margin-bottom:22px!important;text-shadow:none}
.ft-h em{color:#FF2D7A!important;display:inline!important}
.ft-checks{gap:8px!important;margin-bottom:28px!important;font-size:15px!important;color:rgba(26,24,21,.72)!important}
.ft-checks svg{color:rgba(26,24,21,.55)!important}
.ft-cta{box-shadow:0 10px 26px -10px rgba(255,45,122,.6),0 2px 0 #C21C5E!important}
@media (max-width:900px){.ft-hero img{left:0!important;width:100%!important;-webkit-mask-image:linear-gradient(180deg,transparent 30%,#000 70%);mask-image:linear-gradient(180deg,transparent 30%,#000 70%);object-position:50% 20%!important}.ft-shade{background:linear-gradient(180deg,#EDE9E1 0,#EDE9E1 40%,rgba(237,233,225,0) 70%)!important}.ft-hero-in{max-width:100%!important;justify-content:flex-start!important}.ft-hero{min-height:420px!important}}
.ft-hero img{left:40%!important;width:60%!important;object-position:38% 22%!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%);mask-image:linear-gradient(90deg,transparent 0,#000 30%)}
.ft-shade{background:linear-gradient(90deg,#EDE9E1 0,#EDE9E1 40%,rgba(237,233,225,0) 60%)!important}
@media (max-width:900px){.ft-hero img{object-position:50% 15%!important}}
/* ---- pricing: templates / build-your-own ---- */
.pr-mode{display:inline-flex;gap:6px;margin:0 0 18px}
.pr-mode-tab{display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 16px;border-radius:12px;border:1px solid transparent;background:transparent;color:rgba(26,24,21,.7);font-family:var(--sans);font-size:15.5px;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.pr-mode-tab svg{width:20px;height:20px}
.pr-mode-tab:hover{background:rgba(26,24,21,.05);color:var(--ink)}
.pr-mode-tab.is-on{background:#fff;border-color:rgba(26,24,21,.1);color:var(--ink);font-weight:600;box-shadow:0 1px 2px rgba(26,24,21,.06)}
.pricing[data-mode="templates"] .pr-grid{display:none!important}
.pricing[data-mode="build"] .pt-grid{display:none!important}
.pt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:8px}
.pt-card{position:relative;display:flex;flex-direction:column;border-radius:20px;background:#fff;border:1px solid rgba(26,24,21,.09);overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}
.pt-card:hover{transform:translateY(-3px);border-color:rgba(26,24,21,.18);box-shadow:0 24px 48px -28px rgba(26,24,21,.35)}
.pt-card.is-pop{border-color:rgba(255,45,122,.45)}
.pt-art{position:relative;display:block;aspect-ratio:16/9;margin:10px 10px 0;border-radius:12px;overflow:hidden;background:#EFEBE3 radial-gradient(1.2px 1.2px at 50% 50%,rgba(26,24,21,.14) 50%,transparent 51%) 0 0/10px 10px}
.pt-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}
.pt-art img[src]{display:block}
.pt-badges{position:absolute;left:12px;top:12px;display:flex;gap:6px;z-index:2}
.pt-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;font-family:var(--sans);font-size:13px;font-weight:600;background:rgba(26,24,21,.72);color:#fff;backdrop-filter:blur(8px)}
.pt-chip-pop{background:#fff;color:var(--ink)}
.pt-chip-pop::before{content:"";width:8px;height:8px;border-radius:50%;background:#FF2D7A}
.pt-body{display:flex;flex-direction:column;gap:10px;padding:18px 20px 20px}
.pt-h{margin:0;display:flex;align-items:baseline;gap:8px;font-family:var(--sans);font-weight:700;font-size:22px;letter-spacing:-.02em;color:var(--ink)}
.pt-brand{font-weight:600;color:rgba(26,24,21,.55)}
.pt-sl{color:rgba(26,24,21,.3);font-weight:400}
.pt-d{margin:0;font-family:var(--sans);font-size:14.5px;line-height:1.45;color:rgba(26,24,21,.62);min-height:2.9em}
.pt-list{list-style:none;margin:4px 0 6px;padding:0;display:flex;flex-direction:column;gap:7px;font-family:var(--sans);font-size:14px;color:var(--ink)}
.pt-list li{display:flex;align-items:center;gap:10px}
.pt-list i{display:inline-flex;width:18px;height:18px;color:rgba(26,24,21,.7)}
.pt-list svg{width:18px;height:18px}
.pt-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px}
.pt-price{display:inline-flex;align-items:baseline;gap:6px;height:38px;padding:0 12px;border-radius:10px;background:rgba(26,24,21,.06);font-family:var(--sans);font-size:14px;color:rgba(26,24,21,.6);align-items:center}
.pt-price b{font-size:16px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.pt-use{height:38px;padding:0 14px;border-radius:10px;border:0;background:var(--ink);color:#fff;font-family:var(--sans);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,transform .15s}
.pt-use:hover{background:#000;transform:translateY(-1px)}
.pt-card.is-pop .pt-use{background:#FF2D7A}
.pt-card.is-pop .pt-use:hover{background:#E6206A}
@media (max-width:960px){.pt-grid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.pt-grid{grid-template-columns:1fr}.pr-mode-tab{height:40px;font-size:14.5px;padding:0 12px}}
/* ===== Carousel typography pass: serif 420 + italic emphasis, mono eyebrows, sans body ===== */
/* feature hero */
.ft-hero{background:#F3EFE7!important;min-height:400px!important}
.ft-h{font-family:var(--serif)!important;font-weight:420!important;font-size:clamp(30px,3.1vw,46px)!important;line-height:1.02!important;letter-spacing:-.025em!important;text-transform:none!important;color:var(--ink)!important;margin:0 0 22px!important;text-wrap:balance}
.ft-h em{font-style:italic!important;font-weight:400!important;color:var(--ink)!important;display:inline!important}
.ft-checks{font-family:var(--sans)!important;font-size:15.5px!important;color:rgba(26,24,21,.72)!important;gap:9px!important}
.ft-checks svg{color:var(--ink)!important;opacity:.7}
.ft-cta{background:var(--ink)!important;color:#fff!important;border-radius:999px!important;height:48px!important;padding:0 22px!important;font-weight:600!important;font-size:16px!important;box-shadow:none!important}
.ft-cta:hover{background:#2A2621!important;box-shadow:none!important;transform:none!important}
.ft-shade{background:linear-gradient(90deg,#F3EFE7 0,#F3EFE7 40%,rgba(243,239,231,0) 60%)!important}
/* feature cards */
.ft-card{border-radius:16px!important;padding:22px 24px 24px!important}
.ft-ic{left:24px;top:22px}
.ft-tag{font-family:var(--mono)!important;font-weight:500!important;font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase!important;height:26px;padding:0 10px!important;background:rgba(26,24,21,.06)!important;color:rgba(26,24,21,.7)!important;top:18px;right:18px}
.ft-tag-new{background:#FF2D7A!important;color:#fff!important;font-style:normal!important}
.ft-card .ft-k{font-family:var(--serif)!important;font-weight:420!important;font-size:26px!important;letter-spacing:-.018em!important;line-height:1.1!important;margin-top:60px!important}
.ft-card .ft-s{font-size:15.5px!important;color:rgba(26,24,21,.62)!important;line-height:1.45!important}
/* promo posters */
.hc-p .hc-eyeb{font-family:var(--mono)!important;font-weight:500!important;font-size:clamp(10px,2.4cqw,13px)!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:inherit!important;opacity:.7;margin-bottom:.4em}
.hc-p .hc-big{font-family:var(--serif)!important;font-weight:420!important;font-size:clamp(26px,7.4cqw,64px)!important;line-height:.98!important;letter-spacing:-.03em!important;text-transform:none!important;text-shadow:none!important}
.hc-p .hc-big em{font-style:italic;font-weight:400}
.hc-p .hc-mid{font-family:var(--serif)!important;font-weight:420!important;font-size:clamp(16px,4.2cqw,36px)!important;text-transform:none!important;letter-spacing:-.02em!important}
.hc-p .hc-pill{font-family:var(--mono)!important;font-weight:500!important;font-size:clamp(10px,2.4cqw,13px)!important;letter-spacing:.12em!important;text-transform:uppercase!important;border-radius:999px!important;height:clamp(24px,6cqw,34px)!important;box-shadow:none!important}
.hc-p-bogo .hc-ty{color:var(--ink)}
.hc-p-bogo .hc-pill{background:var(--ink)!important}
.hc-p-bogo .hc-glow{background:radial-gradient(60% 70% at 88% 100%,rgba(255,45,122,.55) 0,rgba(255,45,122,0) 70%),radial-gradient(50% 60% at 0% 0%,rgba(255,45,122,.25),rgba(255,45,122,0) 70%),radial-gradient(1px 1px at 50% 50%,rgba(20,18,15,.18) 50%,transparent 51%) 0 0/8px 8px!important}
.hc-p-report .hc-ty{color:#fff!important;padding:7% 8% 0!important}
.hc-p-report .hc-big{color:#fff!important;text-shadow:none!important}
.hc-p-report .hc-eyeb{color:#C9F53A!important;opacity:1}
.hc-slab{background:#fff!important;box-shadow:0 -20px 60px -10px rgba(201,245,58,.35)!important;border-radius:12px 12px 0 0!important}
.hc-slab-l{font-family:var(--mono)!important;font-weight:500!important;font-size:clamp(9px,2.2cqw,12px)!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:rgba(26,24,21,.6)!important;line-height:1.35!important}
.hc-slab-n{font-family:var(--serif)!important;font-weight:420!important;font-size:clamp(30px,8.6cqw,80px)!important;letter-spacing:-.04em!important}
.hc-p-claude .hc-mid i{color:#D97757}
.hc-pill-terra{background:#D97757!important}
/* templates */
.pt-h{font-family:var(--serif)!important;font-weight:420!important;font-size:28px!important;letter-spacing:-.02em!important}
.pt-chip{font-family:var(--mono)!important;font-weight:500!important;font-size:11px!important;letter-spacing:.12em!important;text-transform:uppercase!important;height:26px!important;padding:0 10px!important}
.pt-price b{font-family:var(--serif)!important;font-weight:420!important;font-size:19px!important}
.pt-use{border-radius:999px!important}
/* ===== feature grid v4: mirrors the reference composition (photo card left, 3×2 compact cards right) ===== */
.ft-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)!important;gap:16px!important;align-items:stretch!important}
.ft-hero{min-height:0!important;background:#0F0E0C!important;color:#fff!important;border-radius:18px!important}
.ft-hero img{left:0!important;width:100%!important;object-position:70% 20%!important;-webkit-mask-image:none!important;mask-image:none!important;opacity:.9!important}
.ft-shade{background:linear-gradient(90deg,rgba(15,14,12,.92) 0,rgba(15,14,12,.72) 45%,rgba(15,14,12,.15) 80%,rgba(15,14,12,0) 100%),linear-gradient(0deg,rgba(15,14,12,.6),rgba(15,14,12,0) 40%)!important}
.ft-hero-in{max-width:100%!important;justify-content:flex-start!important;padding:clamp(24px,2.6vw,34px)!important}
.ft-h{color:#fff!important;font-size:clamp(28px,2.6vw,38px)!important;margin-bottom:18px!important;max-width:16ch!important}
.ft-h em{color:#FF8FBB!important}
.ft-checks{color:rgba(255,255,255,.8)!important;font-size:15px!important;gap:8px!important;margin-bottom:24px!important}
.ft-checks svg{color:#fff!important;opacity:.85}
.ft-cta{background:#FF2D7A!important;color:#fff!important;border-radius:12px!important;height:46px!important;padding:0 20px!important;box-shadow:0 2px 0 #C21C5E!important}
.ft-cta:hover{background:#E6206A!important;box-shadow:0 2px 0 #C21C5E!important}
.ft-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.ft-card{padding:18px 18px 20px!important;border-radius:16px!important;justify-content:flex-start!important;gap:4px!important}
.ft-ic{left:18px;top:18px;width:24px!important;height:24px!important}
.ft-ic svg{width:22px!important;height:22px!important}
.ft-tag{top:16px;right:16px}
.ft-card .ft-k{font-size:20px!important;margin-top:52px!important;line-height:1.15!important}
.ft-card .ft-s{font-size:14px!important;line-height:1.4!important}
.ft-card-more{background:#F3EFE7!important;border-style:dashed!important}
@media (max-width:1100px){.ft-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:900px){.ft-grid{grid-template-columns:1fr!important}.ft-hero{min-height:360px!important}.ft-shade{background:linear-gradient(0deg,rgba(15,14,12,.95) 0,rgba(15,14,12,.6) 55%,rgba(15,14,12,.1) 100%)!important}.ft-hero-in{justify-content:flex-end!important}}
@media (max-width:560px){.ft-cards{grid-template-columns:1fr!important}}
.ft-hero{background:#0B2B22!important}
.ft-hero img{object-position:50% 78%!important;opacity:1!important}
.ft-shade{background:linear-gradient(180deg,rgba(6,28,22,.9) 0,rgba(6,28,22,.6) 42%,rgba(6,28,22,.05) 68%,rgba(6,28,22,.55) 100%)!important}
.ft-h em{color:#DDF2E6!important}
.ft-cta{background:#fff!important;color:var(--ink)!important;box-shadow:none!important}
.ft-cta:hover{background:#F3EDE2!important;color:var(--ink)!important;box-shadow:none!important}
@media (max-width:900px){.ft-shade{background:linear-gradient(180deg,rgba(6,28,22,.92) 0,rgba(6,28,22,.55) 50%,rgba(6,28,22,.1) 100%)!important}.ft-hero-in{justify-content:flex-start!important}}
/* templates v2: mirrors the reference card anatomy */
.pt-card{border-radius:18px!important;padding:0!important;cursor:pointer}
.pt-card:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.pt-art{margin:8px 8px 0!important;border-radius:12px!important;background:#E7E2D8 radial-gradient(1.2px 1.2px at 50% 50%,rgba(26,24,21,.16) 50%,transparent 51%) 0 0/10px 10px!important}
.pt-badges{left:10px;top:10px}
.pt-chip{height:32px!important;padding:0 12px 0 8px!important;gap:8px!important;font-family:var(--sans)!important;font-size:14px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;background:rgba(26,24,21,.55)!important;color:#fff!important;backdrop-filter:blur(10px)}
.pt-chip-n::before{content:"";width:18px;height:18px;border-radius:5px;background:#FF2D7A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/11px no-repeat;flex:none}
.pt-chip-pop{background:#fff!important;color:var(--ink)!important;padding-left:12px!important}
.pt-chip-pop::before{width:8px;height:8px;border-radius:50%!important;background:#FF2D7A!important}
.pt-body{padding:18px 16px 16px!important;gap:8px!important}
.pt-h{font-family:var(--sans)!important;font-weight:700!important;font-size:22px!important;letter-spacing:-.02em!important;display:flex!important;align-items:center!important;gap:9px!important}
.pt-h svg{width:22px;height:22px;flex:none;color:var(--ink)}
.pt-brand{font-weight:700!important;color:var(--ink)!important}
.pt-sl{color:rgba(26,24,21,.35)!important;margin:0 -2px}
.pt-d{font-size:15px!important;line-height:1.45!important;color:rgba(26,24,21,.62)!important;min-height:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pt-foot{display:flex!important;justify-content:flex-start!important;gap:8px!important;padding-top:10px!important}
.pt-off{display:inline-flex;align-items:center;height:38px;padding:0 12px;border-radius:10px;background:#FF2D7A;color:#fff;font-family:var(--sans);font-weight:700;font-size:15px;letter-spacing:-.01em}
.pt-off[hidden]{display:none}
.pt-price{height:38px!important;padding:0 12px!important;border-radius:10px!important;gap:7px!important;font-size:15px!important;color:rgba(26,24,21,.6)!important}
.pt-price small{font-size:15px}
.pt-price b{font-family:var(--sans)!important;font-weight:600!important;font-size:16px!important;color:var(--ink)!important}
.pt-price span{color:rgba(26,24,21,.6)}
.pt-price s{color:rgba(26,24,21,.45);font-variant-numeric:tabular-nums}
.pt-price s:empty{display:none}
.hc-card{gap:2px!important}
.hc-k{margin-top:8px!important;line-height:1.2!important}
.hc-s{margin-top:0!important;line-height:1.35!important}
.hc-k{font-size:18px!important;color:var(--ink)!important}
.hc-s{font-size:14.5px!important;font-weight:400;color:rgba(26,24,21,.5)!important}
.ft{padding-top:clamp(40px,5vw,72px)!important}
/* Claude banner: horizon fades into the page ground instead of stopping on black */
.cb-plate{background:#100B0A!important;border-radius:22px!important}
.cb-plate.cb-plate{border-radius:28px!important}
.cb-horizon{background:linear-gradient(180deg,rgba(16,11,10,0) 0%,rgba(16,11,10,0) 48%,rgba(120,30,20,.55) 58%,#E8471F 64%,#F98A2A 70%,#F7C98A 77%,#F6EFE4 86%,var(--bg,#FAF8F3) 100%)!important;mask-image:none!important;-webkit-mask-image:none!important}
.cb-horizon::before{background:radial-gradient(140% 40% at 50% 64%,rgba(255,150,60,.9),rgba(255,120,40,0) 60%)!important}
.cb-horizon::after{top:54%!important}
.cb-plate::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:22%;z-index:4;background:linear-gradient(180deg,rgba(250,248,243,0),var(--bg,#FAF8F3));pointer-events:none}
.cb-cta{box-shadow:0 14px 34px -14px rgba(120,60,20,.5),0 1px 0 rgba(26,24,21,.08)!important}
/* Claude CTA: 3D press button in Claude orange */
.cb-cta.cb-cta{position:relative;height:44px!important;padding:0 18px 0 6px!important;border-radius:999px!important;background:linear-gradient(180deg,#2A2723,#1B1916 55%,#14120F)!important;color:#fff!important;font-weight:600!important;font-size:15px!important;letter-spacing:-.01em;gap:10px!important;text-shadow:none;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 1px 0 #0E0D0B,0 2px 0 #0B0A08,0 3px 0 #080706,0 4px 0 #050404,0 8px 18px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.12)!important;transform:translateY(0)!important;transition:transform .12s ease,box-shadow .12s ease,background .2s!important}
.cb-cta.cb-cta:hover{background:linear-gradient(180deg,#36322D,#24211D 55%,#1B1916)!important;transform:translateY(-1px)!important;filter:none;box-shadow:0 1px 0 #0E0D0B,0 2px 0 #0B0A08,0 3px 0 #080706,0 4px 0 #050404,0 5px 0 #030302,0 12px 22px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.14)!important}
.cb-cta.cb-cta:active{transform:translateY(3px)!important;box-shadow:0 1px 0 #050404,0 3px 8px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.08)!important}
.cb-cta-ic{width:20px;height:20px;flex:none;display:block;box-sizing:content-box;padding:0;margin-left:10px;border-radius:0;background:none;color:#fff;filter:none}
.hc-nav{display:none!important}
.pt-body{padding:16px 16px 16px!important;gap:6px!important}
.pt-h{font-size:20px!important;gap:8px!important}
.pt-h svg{width:20px;height:20px}
.pt-d{font-size:14px!important;line-height:1.4!important}
.pt-foot{flex-wrap:nowrap!important;gap:6px!important;padding-top:8px!important;min-width:0}
.pt-off{height:34px!important;padding:0 10px!important;font-size:13.5px!important;white-space:nowrap;flex:none;border-radius:9px!important;background:#FF2D7A!important}
.pt-price{height:34px!important;padding:0 10px!important;font-size:13.5px!important;gap:5px!important;white-space:nowrap;min-width:0;overflow:hidden;border-radius:9px!important}
.pt-price small{font-size:13.5px!important}
.pt-price b{font-size:14.5px!important}
.pt-price>span{color:rgba(26,24,21,.55)!important}
.pt-price s{font-size:13px!important}
.pt-price span:nth-of-type(1){display:none}
.pt-price b::after{content:" / screening";font-weight:400;color:rgba(26,24,21,.55);font-size:13.5px}
.pt-card.is-pop{box-shadow:0 0 0 1px rgba(255,45,122,.35)!important;border-color:transparent!important}
@media (max-width:1180px){.pt-price b::after{content:" / scr."}}
/* ===== compact check cards (reference density) ===== */
.ft-cards{gap:12px!important}
.ft-card{padding:16px 18px 18px!important;border-radius:14px!important;gap:3px!important;background:#fff!important;border:1px solid rgba(26,24,21,.09)!important}
.ft-card:hover{border-color:rgba(26,24,21,.2)!important;transform:none!important}
.ft-ic{left:18px;top:16px;width:22px!important;height:22px!important}
.ft-ic svg{width:22px!important;height:22px!important;stroke-width:1.8!important}
.ft-tag{top:14px;right:14px;height:28px!important;padding:0 10px!important;border-radius:9px!important;font-family:var(--sans)!important;font-size:13px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;background:rgba(26,24,21,.06)!important;color:rgba(26,24,21,.72)!important}
.ft-card .ft-k{font-family:var(--sans)!important;font-weight:600!important;font-size:17px!important;letter-spacing:-.015em!important;line-height:1.2!important;margin-top:44px!important;display:flex!important;align-items:center;gap:8px;flex-wrap:wrap}
.ft-new{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:5px;background:#FF2D7A;color:#fff;font-family:var(--sans);font-style:italic;font-weight:800;font-size:11.5px;letter-spacing:.02em;text-transform:uppercase}
.ft-card .ft-s{font-size:14px!important;line-height:1.35!important;color:rgba(26,24,21,.52)!important;font-weight:400}
.ft-card-more{background:#fff!important;border-style:solid!important}
.ft-card-more .ft-ic{color:var(--ink)}
.hc-head{display:none!important}
.hc{padding-top:32px!important}
/* ---- Carousel Verified: full-bleed dark plate ---- */
.cv{padding:8px 24px 48px}
.cv-plate{position:relative;overflow:hidden;isolation:isolate;border-radius:22px;background:#0A1424;color:#fff;min-height:clamp(380px,42vw,520px);display:flex;align-items:center}
.cv-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;display:none;opacity:.55}
.cv-bg[src]{display:block}
.cv-glow{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(60% 80% at 20% 60%,rgba(29,155,240,.42),rgba(29,155,240,0) 70%),radial-gradient(40% 60% at 85% 20%,rgba(29,155,240,.22),rgba(29,155,240,0) 70%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px) 0 0/100% 28px,linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0/28px 100%}
.cv-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;width:100%;padding:clamp(36px,5vw,72px) clamp(24px,5vw,72px)}
.cv-eyeb{margin:0 0 10px;font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.cv-h{margin:0 0 14px;font-family:var(--serif);font-weight:420;font-size:clamp(40px,4.8vw,72px);line-height:.98;letter-spacing:-.028em;color:#fff}
.cv-h em{font-style:italic;font-weight:400}
.cv-h-row{display:inline-flex;align-items:center;gap:.22em;flex-wrap:wrap}
.cv-h .cv-badge{width:.72em;height:.72em;filter:drop-shadow(0 8px 24px rgba(29,155,240,.55))}
.cv-sub{margin:0 0 14px;font-family:var(--serif);font-weight:420;font-size:clamp(22px,2.2vw,30px);line-height:1.15;letter-spacing:-.02em;color:#BFE3FF}
.cv-sub em{font-style:italic}
.cv-p{margin:0 0 26px;font-family:var(--sans);font-size:clamp(15px,1.3vw,18px);line-height:1.5;color:rgba(255,255,255,.7);max-width:46ch;text-wrap:pretty}
.cv-cta{display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 22px 0 16px;border-radius:999px;background:#fff;color:#0A1424;font-family:var(--sans);font-weight:600;font-size:16px;text-decoration:none;box-shadow:0 14px 34px -14px rgba(0,0,0,.7);transition:transform .2s}
.cv-cta:hover{transform:translateY(-2px);color:#0A1424}
.cv-demo{display:flex;flex-direction:column;gap:14px;align-items:stretch;max-width:440px;justify-self:end;width:100%}
.cv-card{display:flex;flex-direction:column;gap:4px;padding:22px 24px;border-radius:18px;background:linear-gradient(160deg,#173A66,#0E2340);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 60px -30px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.12);transform:rotate(-2deg);position:relative;overflow:hidden}
.cv-card::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.14) 48%,transparent 60%);transform:translateX(-120%);animation:cvSheen 5s ease-in-out infinite}
@keyframes cvSheen{0%,55%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
.cv-card .cv-badge{margin-bottom:8px;filter:drop-shadow(0 6px 16px rgba(29,155,240,.5))}
.cv-card b{font-family:var(--serif);font-weight:420;font-size:26px;letter-spacing:-.02em}
.cv-card span{font-family:var(--sans);font-size:14px;color:rgba(255,255,255,.7)}
.cv-card small{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-top:10px}
.cv-list{display:flex;flex-direction:column;gap:8px}
.cv-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.cv-av{width:34px;height:34px;border-radius:50%;background:#1D9BF0;color:#fff;display:grid;place-items:center;font-family:var(--sans);font-weight:700;font-size:12px;flex:none}
.cv-who{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.2}
.cv-who b{font-family:var(--sans);font-weight:600;font-size:15px;display:inline-flex;align-items:center;gap:6px}
.cv-who span{font-family:var(--sans);font-size:13px;color:rgba(255,255,255,.55)}
.cv-pill{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;padding:6px 9px;border-radius:999px;background:rgba(29,155,240,.18);color:#BFE3FF;border:1px solid rgba(29,155,240,.35)}
@media (max-width:900px){.cv{padding:4px 12px 36px}.cv-plate{border-radius:16px}.cv-grid{grid-template-columns:1fr;gap:32px}.cv-demo{justify-self:stretch;max-width:none}.cv-card{transform:none}}
header .brand{margin-right:0!important}
.fnav{margin-left:-6px!important}
header .brand .mark{margin-right:0!important}
header nav,header .nav-in,header .wrap{gap:4px!important}
/* ===== Carousel Verified — cinematic pass ===== */
.cv-plate{background:#07070A!important;min-height:clamp(520px,50vw,680px)!important;align-items:stretch!important}
.cv-glow{background:radial-gradient(70% 90% at 18% 78%,rgba(29,155,240,.55),rgba(29,155,240,0) 62%),radial-gradient(40% 50% at 30% 20%,rgba(255,255,255,.08),transparent 70%),linear-gradient(180deg,rgba(7,7,10,0) 60%,rgba(7,7,10,.8))!important}
.cv-glow::before{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(100deg,transparent 0 60px,rgba(255,255,255,.035) 60px 92px,transparent 92px 150px);transform:rotate(-8deg);animation:cvSweep 14s linear infinite;mix-blend-mode:screen}
@keyframes cvSweep{to{transform:rotate(-8deg) translateX(240px)}}
.cv-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:stretch!important;padding:clamp(40px,5vw,72px) clamp(24px,4vw,56px) 0!important;gap:clamp(24px,3vw,48px)!important}
.cv-copy{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;padding-bottom:0}
.cv-eyeb{display:inline-flex;align-items:center;gap:14px;color:#D8B15F!important;font-size:12.5px!important;letter-spacing:.2em!important;margin-bottom:14px!important}
.cv-laurel{width:14px;height:28px;color:#D8B15F}.cv-laurel-r{transform:scaleX(-1)}
.cv-h{font-size:clamp(44px,5.4vw,84px)!important;margin-bottom:10px!important;background:linear-gradient(180deg,#F6EBC9 0,#E1BE6C 60%,#B8893A 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 10px 30px rgba(216,177,95,.18))}
.cv-h .cv-badge{-webkit-text-fill-color:initial;filter:drop-shadow(0 8px 24px rgba(29,155,240,.6))}
.cv-h-row{justify-content:center}
.cv-sub{font-family:var(--sans)!important;font-weight:700!important;font-size:clamp(22px,2.4vw,34px)!important;letter-spacing:-.03em!important;text-transform:uppercase;color:#DCE9F6!important;background:linear-gradient(180deg,#fff,#B9CFE6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px!important;line-height:1.05!important}
.cv-sub em{font-style:normal!important}
.cv-p{color:rgba(255,255,255,.55)!important;font-size:clamp(14px,1.15vw,17px)!important;max-width:40ch!important;margin-bottom:22px!important}
.cv-cta{order:5;background:linear-gradient(180deg,#fff,#E9EEF5)!important;color:#0A1424!important;box-shadow:0 18px 40px -14px rgba(29,155,240,.5),inset 0 1px 0 #fff!important;z-index:2;position:relative}
.cv-trophy{order:6;position:relative;margin-top:auto;width:100%;display:flex;justify-content:center;align-items:flex-end;height:clamp(180px,22vw,300px);pointer-events:none}
.cv-rays{position:absolute;left:50%;bottom:-10%;width:140%;aspect-ratio:1;transform:translateX(-50%);background:conic-gradient(from 180deg at 50% 50%,transparent 0 6deg,rgba(29,155,240,.18) 6deg 8deg,transparent 8deg 22deg,rgba(255,255,255,.08) 22deg 24deg,transparent 24deg 40deg,rgba(29,155,240,.14) 40deg 42deg,transparent 42deg 60deg,rgba(255,255,255,.06) 60deg 62deg,transparent 62deg 80deg,rgba(29,155,240,.16) 80deg 82deg,transparent 82deg 100deg,rgba(255,255,255,.07) 100deg 102deg,transparent 102deg 120deg,rgba(29,155,240,.14) 120deg 122deg,transparent 122deg 140deg,rgba(255,255,255,.06) 140deg 142deg,transparent 142deg 360deg);mask-image:radial-gradient(closest-side,#000 30%,transparent 100%);-webkit-mask-image:radial-gradient(closest-side,#000 30%,transparent 100%);animation:cvRays 40s linear infinite;opacity:.9}
@keyframes cvRays{to{transform:translateX(-50%) rotate(360deg)}}
.cv-badge-big{position:relative;width:clamp(120px,15vw,210px);height:auto;filter:drop-shadow(0 30px 40px rgba(29,155,240,.55)) drop-shadow(0 0 60px rgba(29,155,240,.35));animation:cvFloat 6s ease-in-out infinite;transform-origin:50% 100%}
@keyframes cvFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}
.cv-trophy::after{content:"";position:absolute;left:50%;bottom:0;width:60%;height:26px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(29,155,240,.55),transparent);filter:blur(8px)}
/* right: poster tiles */
.cv-demo{max-width:none!important;justify-self:stretch!important;display:flex;flex-direction:column;gap:14px;padding-bottom:clamp(24px,3vw,40px)}
.cv-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;flex:1}
.cv-tile{position:relative;aspect-ratio:16/10;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:14px 16px;background:#141922;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 40px -24px rgba(0,0,0,.9)}
.cv-tile::before{content:"";position:absolute;inset:0;background:radial-gradient(80% 70% at 70% 20%,var(--tc,#2A3A55),transparent 70%),linear-gradient(180deg,transparent 40%,rgba(0,0,0,.7));opacity:.95}
.cv-tile.t1{--tc:#3B4F7A}.cv-tile.t2{--tc:#5A3B2E}.cv-tile.t3{--tc:#2E5A4A}.cv-tile.t4{--tc:#5A2E3E}.cv-tile.t5{--tc:#2E4A5A}.cv-tile.t6{--tc:#4A4A2E}
.cv-tile-av{position:absolute;left:16px;top:14px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;font-family:var(--sans);font-weight:700;font-size:11px;color:#fff;backdrop-filter:blur(6px)}
.cv-tile-n{position:relative;font-family:var(--serif);font-weight:420;font-size:clamp(16px,1.5vw,22px);letter-spacing:-.015em;color:#fff;line-height:1.1}
.cv-tile-c{position:relative;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-top:3px}
.cv-tile-b{position:absolute;right:14px;top:14px;width:26px;height:26px;filter:drop-shadow(0 4px 12px rgba(29,155,240,.6))}
.cv-tile.t5,.cv-tile.t6{mask-image:linear-gradient(180deg,#000 30%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent 100%)}
.cv-more{align-self:flex-end;display:inline-flex;align-items:center;height:46px;padding:0 22px;border-radius:12px;background:linear-gradient(180deg,#F3E2B4,#D8B15F);color:#1A1408;font-family:var(--sans);font-weight:600;font-size:15px;text-decoration:none;box-shadow:0 14px 34px -14px rgba(216,177,95,.7);margin-top:-40px;position:relative;z-index:2}
.cv-more:hover{color:#1A1408;transform:translateY(-2px)}
@media (max-width:900px){.cv-grid{grid-template-columns:1fr!important;padding-bottom:24px!important}.cv-trophy{height:200px}.cv-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.cv-tile.t5,.cv-tile.t6{display:none}.cv-more{align-self:center;margin-top:8px}}
@media (prefers-reduced-motion:reduce){.cv-glow::before,.cv-rays,.cv-badge-big{animation:none!important}}
/* ===== Carousel Verified — warm broadcast pass (no tech blue, no grids, no rays) ===== */
.cv-plate{background:#1A0B10!important}
.cv-bg{display:block!important;opacity:.7!important;object-position:50% 40%}
.cv-glow{background:linear-gradient(90deg,rgba(26,11,16,.92) 0,rgba(26,11,16,.7) 45%,rgba(26,11,16,.35) 100%),radial-gradient(60% 70% at 30% 30%,rgba(255,200,120,.22),transparent 70%),linear-gradient(180deg,rgba(26,11,16,0) 55%,rgba(26,11,16,.85))!important}
.cv-glow::before{display:none!important}
.cv-rays{display:none!important}
.cv-trophy::after{background:radial-gradient(closest-side,rgba(216,177,95,.5),transparent)!important}
.cv-badge-big{filter:drop-shadow(0 26px 36px rgba(0,0,0,.6)) drop-shadow(0 0 40px rgba(216,177,95,.35))!important}
.cv-h .cv-badge,.cv-tile-b,.cv-cta .cv-badge{filter:drop-shadow(0 6px 14px rgba(0,0,0,.4))!important}
.cv-sub{font-family:var(--serif)!important;font-weight:420!important;font-style:italic;text-transform:none!important;letter-spacing:-.02em!important;font-size:clamp(24px,2.6vw,36px)!important;background:none!important;-webkit-text-fill-color:#F3E6D2!important;color:#F3E6D2!important}
.cv-p{color:rgba(243,230,210,.62)!important}
.cv-cta{background:linear-gradient(180deg,#F6E3B4,#D8B15F)!important;color:#1A1408!important;box-shadow:0 18px 40px -14px rgba(216,177,95,.55),inset 0 1px 0 rgba(255,255,255,.6)!important}
.cv-tile{background:#241017!important;border-color:rgba(255,220,180,.12)!important}
.cv-tile::before{background:radial-gradient(80% 70% at 70% 20%,var(--tc),transparent 70%),linear-gradient(180deg,transparent 40%,rgba(20,8,12,.8))!important}
.cv-tile.t1{--tc:#5A2E3E!important}.cv-tile.t2{--tc:#5A3B2E!important}.cv-tile.t3{--tc:#3E4A2E!important}.cv-tile.t4{--tc:#4A2E5A!important}.cv-tile.t5{--tc:#2E3E5A!important}.cv-tile.t6{--tc:#5A4A2E!important}
.cv-tile-av{background:rgba(216,177,95,.18)!important;border-color:rgba(216,177,95,.4)!important;color:#F6E3B4!important}
.cv-tile-c{color:rgba(243,230,210,.55)!important}
/* Verified: real portraits, no trophy, fade into the page */
.cv-copy{justify-content:center;padding-bottom:clamp(24px,3vw,40px)}
.cv-tile-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:saturate(.9) contrast(1.05)}
.cv-tile::before{z-index:1;background:linear-gradient(180deg,rgba(20,8,12,.15) 0,rgba(20,8,12,0) 35%,rgba(20,8,12,.85) 100%)!important}
.cv-tile-av{display:none!important}
.cv-tile-n,.cv-tile-c{z-index:2}
.cv-tile-b{z-index:2}
.cv-tile.t5,.cv-tile.t6{mask-image:linear-gradient(180deg,#000 40%,transparent 100%)!important;-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent 100%)!important}
.cv-plate::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:28%;z-index:5;background:linear-gradient(180deg,rgba(250,248,243,0),var(--bg,#FAF8F3));pointer-events:none}
.cv-glow{background:linear-gradient(90deg,rgba(26,11,16,.9) 0,rgba(26,11,16,.7) 45%,rgba(26,11,16,.35) 100%),radial-gradient(60% 70% at 30% 30%,rgba(255,200,120,.22),transparent 70%)!important}
.cv-more{margin-top:-24px!important;z-index:6!important;position:relative}
.cv-demo{padding-bottom:clamp(40px,5vw,72px)!important}
@media (max-width:900px){.cv-plate::after{height:22%}}
/* Verified backdrop: slow drift + breathing spotlight */
.cv-bg{object-position:50% 30%!important;opacity:.75!important;transform-origin:50% 40%;animation:cvKen 28s ease-in-out infinite alternate;will-change:transform}
@keyframes cvKen{0%{transform:scale(1.04) translate(0,0)}100%{transform:scale(1.14) translate(-2.5%,1.5%)}}
.cv-glow::after{content:"";position:absolute;inset:-10%;background:radial-gradient(38% 50% at 30% 35%,rgba(255,205,130,.32),transparent 70%);mix-blend-mode:screen;animation:cvSpot 12s ease-in-out infinite alternate;pointer-events:none}
@keyframes cvSpot{0%{transform:translate(0,0) scale(1);opacity:.8}100%{transform:translate(10%,6%) scale(1.15);opacity:1}}
.cv-plate{background:#150910!important}
@media (prefers-reduced-motion:reduce){.cv-bg,.cv-glow::after{animation:none!important}}
/* Verified: stage lighting like a film-festival reel — curtain light shafts sweep behind a hero badge */
.cv-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;display:none}
.cv-vid[src]{display:block}
.cv-vid[src]~.cv-bg{display:none!important}
.cv-bg{opacity:.5!important;filter:saturate(.7) brightness(.8)}
.cv-glow{background:linear-gradient(180deg,rgba(21,9,16,.55),rgba(21,9,16,.2) 40%,rgba(21,9,16,.85) 100%)!important}
.cv-glow::after{display:none!important}
.cv-glow::before{display:block!important;content:"";position:absolute;inset:-30% -20%;background:repeating-linear-gradient(95deg,transparent 0 40px,rgba(255,225,170,.06) 40px 70px,rgba(255,225,170,.16) 70px 84px,rgba(255,225,170,.05) 84px 120px,transparent 120px 200px);filter:blur(6px);mix-blend-mode:screen;animation:cvShafts 22s linear infinite;transform:none!important}
@keyframes cvShafts{from{background-position:0 0}to{background-position:400px 0}}
.cv-copy{justify-content:flex-start!important;padding-top:clamp(8px,1vw,16px)}
.cv-trophy{display:flex!important;order:6;position:relative;margin-top:auto;width:100%;justify-content:center;align-items:flex-end;height:clamp(200px,24vw,320px);pointer-events:none}
.cv-shafts{position:absolute;left:50%;bottom:-10%;width:120%;height:160%;transform:translateX(-50%);background:radial-gradient(50% 60% at 50% 100%,rgba(255,215,150,.45),transparent 70%);filter:blur(20px);animation:cvBreathe 6s ease-in-out infinite}
@keyframes cvBreathe{0%,100%{opacity:.7;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.08)}}
.cv-badge-big{position:relative;width:clamp(150px,18vw,260px);height:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.7)) drop-shadow(0 0 50px rgba(226,188,106,.45));animation:cvFloat 7s ease-in-out infinite;transform-origin:50% 100%}
.cv-trophy::after{content:"";position:absolute;left:50%;bottom:-6px;width:70%;height:30px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(226,188,106,.55),transparent);filter:blur(10px)}
.cv-cta{order:5;margin-bottom:6px}
.cv-h{filter:drop-shadow(0 12px 34px rgba(216,177,95,.25))!important}
.cv-sub{color:#EEF1F6!important;-webkit-text-fill-color:#EEF1F6!important;font-style:normal!important;font-family:var(--serif)!important}
.cv-sub em{font-style:italic!important}
.cv-plate::after{height:20%!important}
@media (max-width:900px){.cv-trophy{height:220px}}
@media (prefers-reduced-motion:reduce){.cv-glow::before,.cv-shafts,.cv-badge-big{animation:none!important}}
/* Verified: fit to content, subtle backdrop, clean fade */
.cv-plate{min-height:0!important}
.cv-grid{padding:clamp(40px,5vw,72px) clamp(24px,4vw,56px) clamp(56px,6vw,88px)!important;align-items:center!important}
.cv-copy{justify-content:center!important;padding:0!important}
.cv-bg{opacity:.35!important;filter:saturate(.6) brightness(.6) blur(2px)!important;object-position:50% 20%!important}
.cv-glow{background:linear-gradient(180deg,rgba(21,9,16,.35),rgba(21,9,16,.25) 50%,rgba(21,9,16,.7) 100%),radial-gradient(60% 70% at 25% 40%,rgba(255,205,140,.14),transparent 70%)!important}
.cv-plate::after{height:14%!important;background:linear-gradient(180deg,rgba(250,248,243,0),var(--bg,#FAF8F3) 90%)!important}
.cv-demo{padding-bottom:0!important}
.cv-more{margin-top:12px!important;align-self:flex-end}
.cv-tile.t5,.cv-tile.t6{mask-image:none!important;-webkit-mask-image:none!important}
.cv-h .cv-badge{width:.62em!important;height:.62em!important;filter:drop-shadow(0 6px 18px rgba(0,0,0,.5))!important}
.cv-cta .cv-badge{width:18px;height:18px}
/* Verified: true full-bleed, image shown clean, no murky gradient */
.cv{padding:0!important}
.cv-plate{border-radius:0!important;margin:0!important;width:100%!important}
.cv-bg{opacity:1!important;filter:none!important;object-position:50% 30%!important}
.cv-glow{background:linear-gradient(90deg,rgba(21,9,16,.82) 0,rgba(21,9,16,.55) 42%,rgba(21,9,16,.15) 70%,rgba(21,9,16,0) 100%),linear-gradient(180deg,rgba(21,9,16,.25),rgba(21,9,16,0) 30%,rgba(21,9,16,0) 75%,rgba(21,9,16,.45) 100%)!important}
.cv-glow::before{opacity:.6}
.cv-plate::after{display:none!important}
.cv-grid{max-width:1400px;margin:0 auto;padding:clamp(56px,7vw,110px) clamp(24px,4vw,56px)!important}
.cv-more{margin-top:16px!important}
/* Verified: rounded card like the Claude banner, vertical horizon fade into the page, animated gold aurora */
.cv{padding:8px 24px 48px!important}
.cv-plate{border-radius:22px!important;background:#120A0D!important}
.cv-bg{opacity:.9!important;filter:saturate(.9)!important;mask-image:linear-gradient(180deg,#000 0,#000 45%,transparent 92%);-webkit-mask-image:linear-gradient(180deg,#000 0,#000 45%,transparent 92%)}
.cv-glow{background:linear-gradient(180deg,rgba(18,10,13,.55) 0,rgba(18,10,13,.35) 35%,rgba(18,10,13,0) 55%),linear-gradient(180deg,rgba(18,10,13,0) 0%,rgba(18,10,13,0) 50%,rgba(120,70,20,.55) 64%,#D8963A 72%,#F2C879 79%,#F8E6C6 87%,var(--bg,#FAF8F3) 100%)!important}
.cv-glow::before{display:none!important}
.cv-glow::after{display:block!important;content:"";position:absolute;left:-20%;right:-20%;top:45%;height:45%;background:
radial-gradient(40% 60% at 20% 60%,rgba(255,214,140,.75),transparent 70%),
radial-gradient(35% 60% at 55% 70%,rgba(255,170,90,.7),transparent 70%),
radial-gradient(45% 60% at 85% 55%,rgba(255,225,170,.7),transparent 70%);
filter:blur(28px);mix-blend-mode:screen;animation:cvAurora 9s ease-in-out infinite alternate;transform:none;opacity:1}
@keyframes cvAurora{0%{transform:translateX(-6%) scaleY(1)}50%{transform:translateX(3%) scaleY(1.15)}100%{transform:translateX(6%) scaleY(.95)}}
.cv-plate::after{display:block!important;content:"";position:absolute;left:0;right:0;bottom:-1px;height:18%;z-index:5;background:linear-gradient(180deg,rgba(250,248,243,0),var(--bg,#FAF8F3))!important;pointer-events:none}
.cv-grid{padding:clamp(48px,6vw,88px) clamp(24px,4vw,56px) clamp(64px,8vw,120px)!important}
.cv-cta{box-shadow:0 18px 40px -14px rgba(120,70,20,.6),inset 0 1px 0 rgba(255,255,255,.7)!important}
.cv-more{background:#fff!important;color:#1A1408!important;box-shadow:0 14px 34px -14px rgba(120,70,20,.5)!important}
.cv-tile{box-shadow:0 24px 48px -24px rgba(60,30,10,.6)!important}
@media (prefers-reduced-motion:reduce){.cv-glow::after{animation:none!important}}
/* Verified: stone slab with the badge stamped in */
.cv-slab{order:6;margin-top:clamp(28px,3vw,44px);width:min(100%,380px);perspective:900px;filter:drop-shadow(0 40px 50px rgba(40,20,10,.55))}
.cv-slab-face{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 28px 24px;border-radius:14px 14px 10px 10px;transform:rotateX(8deg);transform-origin:50% 100%;
background:
radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.08) 50%,transparent 51%) 0 0/23px 19px,
radial-gradient(1px 1px at 70% 80%,rgba(0,0,0,.35) 50%,transparent 51%) 0 0/29px 31px,
linear-gradient(180deg,#4A3236 0,#2B1D20 50%,#1A1214 100%);
box-shadow:inset 0 2px 0 rgba(255,235,200,.16),inset 0 -6px 12px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.05),0 3px 0 #0E0A0B,0 8px 0 #0A0708}
.cv-slab-face::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 35%,rgba(255,225,170,.16) 50%,transparent 62%);mix-blend-mode:screen;animation:cvSlabSheen 7s ease-in-out infinite}
@keyframes cvSlabSheen{0%,50%{transform:translateX(-100%)}80%,100%{transform:translateX(100%)}}
.cv-emboss{width:clamp(84px,9vw,120px);height:auto;filter:drop-shadow(0 -1px 0 rgba(0,0,0,.9)) drop-shadow(0 1px 0 rgba(255,235,200,.22)) drop-shadow(inset 0 0 0 transparent)}
.cv-emboss path:first-of-type{filter:none}
.cv-slab-t{font-family:var(--serif);font-weight:420;font-size:clamp(18px,1.7vw,22px);letter-spacing:.02em;color:#E7C983;text-shadow:0 -1px 0 rgba(0,0,0,.8),0 1px 0 rgba(255,235,200,.18);margin-top:6px}
.cv-slab-s{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(231,201,131,.55);text-shadow:0 -1px 0 rgba(0,0,0,.8)}
.cv-copy{align-items:center}
.cv-cta{order:5}
@media (max-width:900px){.cv-slab{width:min(100%,320px)}}
@media (prefers-reduced-motion:reduce){.cv-slab-face::before{animation:none!important}}
/* ---- Gold-style feature rail: black plate, gold serif, hairline cards with giant gold heroes ---- */
.gd{background:#060606;color:#fff;padding:clamp(72px,9vw,128px) 0 clamp(64px,8vw,110px);margin-top:8px}
.gd-head{text-align:center;padding:0 24px;max-width:820px;margin:0 auto clamp(56px,7vw,104px);display:flex;flex-direction:column;align-items:center}
.gd-h{margin:0 0 22px;font-family:var(--serif);font-weight:420;font-size:clamp(44px,6vw,92px);line-height:1;letter-spacing:-.03em;color:#C9AE6E;background:linear-gradient(180deg,#E6CF97,#B89A5A);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-wrap:balance}
.gd-h em{font-style:italic;font-weight:400}
.gd-sub{margin:0 0 30px;font-family:var(--sans);font-size:clamp(16px,1.4vw,19px);color:rgba(255,255,255,.85)}
.gd-cta{display:inline-flex;align-items:center;height:52px;padding:0 30px;border-radius:999px;background:#fff;color:#0A0A0A;font-family:var(--sans);font-weight:500;font-size:17px;text-decoration:none;transition:transform .2s}
.gd-cta:hover{transform:translateY(-2px);color:#0A0A0A}
.gd-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 clamp(24px,8vw,160px) 8px}
.gd-track::-webkit-scrollbar{display:none}
.gd-card{flex:0 0 min(760px,84vw);scroll-snap-align:center;min-height:clamp(520px,60vw,760px);border:1px solid rgba(255,255,255,.22);border-radius:26px;padding:clamp(40px,5vw,72px) clamp(24px,4vw,56px) 0;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden;position:relative;background:#060606}
.gd-t{margin:0 0 20px;font-family:var(--sans);font-weight:500;font-size:clamp(26px,2.6vw,40px);letter-spacing:-.02em;color:#fff}
.gd-p{margin:0 0 14px;font-family:var(--sans);font-size:clamp(16px,1.35vw,20px);line-height:1.45;color:rgba(255,255,255,.92);max-width:36ch;text-wrap:pretty}
.gd-fine{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-size:14px;color:rgba(255,255,255,.55)}
.gd-hero{margin-top:auto;width:100%;display:flex;justify-content:center;align-items:flex-end;padding-top:clamp(40px,5vw,72px);line-height:0}
.gd-big{font-family:var(--serif);font-weight:420;font-size:clamp(180px,26vw,360px);line-height:.72;letter-spacing:-.06em;background:linear-gradient(180deg,#E6CF97,#A88342);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transform:translateY(12%);display:inline-block}
.gd-big small{font-size:.28em;letter-spacing:-.02em;font-style:italic}
.gd-badge{width:min(74%,420px);height:auto;transform:translateY(14%) rotate(-8deg);filter:drop-shadow(0 0 40px rgba(230,207,151,.18))}
@media (max-width:640px){.gd-card{flex-basis:88vw;min-height:520px;border-radius:20px}.gd-track{padding:0 16px 8px}}
/* Verified: render slot replaces the CSS slab; backdrop face pushed back */
.cv-render{order:6;position:relative;margin-top:clamp(28px,3vw,44px);width:min(100%,420px);aspect-ratio:4/3;border-radius:16px;overflow:hidden;display:grid;place-items:center;border:1px dashed rgba(243,226,180,.35);background:rgba(20,10,12,.35)}
.cv-render-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}
.cv-render-img[src]{display:block}
.cv-render-img[src]~.cv-render-hint{display:none}
.cv-render:has(.cv-render-img[src]){border:0;background:transparent}
.cv-render-hint{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(243,226,180,.7);text-align:center;line-height:1.7;padding:16px}
.cv-render-hint small{font-family:var(--sans);font-size:12px;letter-spacing:0;text-transform:none;color:rgba(243,226,180,.5)}
.cv-bg{object-position:50% 12%!important;opacity:.7!important;filter:saturate(.85) brightness(.75)!important}
.cv-glow{background:linear-gradient(90deg,rgba(18,10,13,.5) 0,rgba(18,10,13,.35) 45%,rgba(18,10,13,.1) 100%),linear-gradient(180deg,rgba(18,10,13,.5) 0,rgba(18,10,13,.2) 35%,rgba(18,10,13,0) 52%),linear-gradient(180deg,rgba(18,10,13,0) 0%,rgba(18,10,13,0) 50%,rgba(120,70,20,.55) 64%,#D8963A 72%,#F2C879 79%,#F8E6C6 87%,var(--bg,#FAF8F3) 100%)!important}
/* QA: gold rail starts on the first card; consistent gutters */
.gd-track{scroll-snap-type:x proximity!important;padding:0 24px 8px!important;scroll-padding-left:24px}
.gd-card{scroll-snap-align:start!important;flex-basis:min(720px,84vw)!important}
.gd{margin-top:0!important;padding-top:clamp(64px,8vw,112px)!important}
.gd-h{margin-bottom:18px!important}
/* QA: Verified copy column breathing room + render slot alignment */
.cv-copy{gap:0;padding:0 8px!important}
.cv-render{margin-top:clamp(24px,2.6vw,36px)!important;width:min(100%,400px)!important}
.cv-more{margin-top:14px!important}
@media (max-width:900px){.cv-render{margin-left:auto;margin-right:auto}}
.gd-img{width:min(78%,440px);height:auto;display:block;transform:translateY(10%);filter:drop-shadow(0 0 60px rgba(230,207,151,.12));mix-blend-mode:screen}
.gd-hero{padding-top:clamp(24px,3vw,48px)!important}
.cv-render{border:0!important;background:transparent!important;border-radius:18px!important;box-shadow:0 30px 60px -24px rgba(0,0,0,.7)}
/* ===== Verified: one composed plate. Slab render is the ground; copy sits on the empty left third, tiles on the right, everything tinted from the same palette ===== */
.cv-plate{background:#120709!important}
.cv-bg{display:block!important;opacity:1!important;filter:none!important;object-fit:cover;object-position:62% 50%!important;animation:none!important;transform:none!important}
.cv-vid{display:none!important}
.cv-glow{background:linear-gradient(90deg,rgba(18,7,9,.94) 0,rgba(18,7,9,.86) 30%,rgba(18,7,9,.25) 48%,rgba(18,7,9,0) 60%,rgba(18,7,9,.55) 100%),linear-gradient(180deg,rgba(18,7,9,.55),rgba(18,7,9,0) 30%,rgba(18,7,9,0) 70%,rgba(18,7,9,.7))!important}
.cv-glow::before,.cv-glow::after,.cv-rays,.cv-trophy{display:none!important}
.cv-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;align-items:center!important}
.cv-copy{align-items:flex-start!important;text-align:left!important;padding:0!important}
.cv-eyeb{margin-left:0!important}
.cv-h,.cv-sub,.cv-p{text-align:left!important}
.cv-p{margin-left:0!important;max-width:38ch}
.cv-cta{margin-top:8px}
/* tiles read as one ledger, not six photos: uniform warm grade, hairline gold frames, same radius as the plate corners */
.cv-tiles{gap:10px!important}
.cv-tile{border:1px solid rgba(240,210,138,.22)!important;background:#1A0C10!important;box-shadow:none!important}
.cv-tile-img{filter:sepia(.35) saturate(.75) contrast(1.05) brightness(.8)!important;opacity:.9!important}
.cv-tile::before{background:linear-gradient(180deg,rgba(18,7,9,0) 30%,rgba(18,7,9,.85))!important}
.cv-tile .cv-badge{filter:none!important}
.cv-more{background:transparent!important;color:#F0D28A!important;border:1px solid rgba(240,210,138,.5)!important;box-shadow:none!important}
.cv-more:hover{background:rgba(240,210,138,.1)!important}
@media (max-width:900px){.cv-bg{object-position:50% 20%!important;opacity:.35!important}.cv-glow{background:linear-gradient(180deg,rgba(18,7,9,.7),rgba(18,7,9,.9))!important}.cv-copy{align-items:center!important;text-align:center!important}.cv-h,.cv-sub,.cv-p{text-align:center!important}}
/* features hero: the photo recedes, a live pack ledger is the image */
.ft-hero-pack .islot{opacity:.28!important;filter:saturate(.6)}
.ft-hero-pack{background:#0F1A14}
.ft-hero-pack .ft-shade{background:linear-gradient(180deg,rgba(15,26,20,.2),rgba(15,26,20,.85) 70%)!important}
.ft-hero-pack .ft-hero-in{justify-content:flex-start!important;gap:0}
.ft-hero-pack .ft-checks{margin-bottom:22px}
.ft-pack{width:100%;max-width:400px;border-radius:14px;background:rgba(255,255,255,.96);color:#1a1815;padding:14px 16px 12px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6);margin-bottom:22px;font-family:var(--sans)}
.ft-pack-h{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:rgba(26,24,21,.55);padding-bottom:8px;border-bottom:1px solid rgba(26,24,21,.1)}
.ft-row{display:flex;align-items:center;gap:10px;height:34px;border-bottom:1px solid rgba(26,24,21,.07);font-size:14px;color:rgba(26,24,21,.45);transition:color .2s,background .2s;margin:0 -8px;padding:0 8px;border-radius:6px}
.ft-row-dot{width:16px;height:16px;border-radius:50%;border:1.5px solid rgba(26,24,21,.25);flex:none;display:grid;place-items:center;transition:all .2s}
.ft-row.on{color:#1a1815}
.ft-row.on .ft-row-dot{background:#1a1815;border-color:#1a1815}
.ft-row.on .ft-row-dot::after{content:"";width:6px;height:3px;border-left:1.6px solid #fff;border-bottom:1.6px solid #fff;transform:translateY(-1px) rotate(-45deg)}
.ft-row.hot{background:rgba(255,45,122,.08);color:#1a1815}
.ft-row.hot .ft-row-dot{border-color:#FF2D7A;background:#FF2D7A}
.ft-row-n{flex:1}
.ft-row-p{font-variant-numeric:tabular-nums;font-size:13px}
.ft-pack-f{display:flex;justify-content:space-between;align-items:baseline;padding-top:10px;font-size:13px;color:rgba(26,24,21,.6)}
.ft-pack-f b{font-family:var(--serif);font-size:24px;font-weight:420;color:#1a1815;letter-spacing:-.02em}
.ft-card.hot{border-color:#1a1815!important}
/* Verified on the gold-streak logo plate: copy on the empty left, tiles float over the right on glass */
.cv-plate{background:#0B0806!important}
.cv-bg{object-position:100% 50%!important}
.cv-glow{background:linear-gradient(90deg,rgba(11,8,6,.85) 0,rgba(11,8,6,.6) 34%,rgba(11,8,6,0) 52%),linear-gradient(180deg,rgba(11,8,6,.4),rgba(11,8,6,0) 25%,rgba(11,8,6,0) 75%,rgba(11,8,6,.6))!important}
.cv-tile{background:rgba(11,8,6,.55)!important;border-color:rgba(255,214,140,.28)!important;backdrop-filter:blur(6px)}
.cv-tile-img{filter:sepia(.4) saturate(.7) contrast(1.05) brightness(.75)!important;opacity:.85!important}
.cv-h,.cv-sub{color:#F6E7C8!important}
.cv-sub{-webkit-text-fill-color:#F6E7C8!important}
.cv-p{color:rgba(246,231,200,.7)!important}
/* Verified: no tile grid; the logo plate is the visual */
.cv-demo{display:none!important}
.cv-grid{grid-template-columns:minmax(0,1fr)!important;min-height:min(72vh,720px)}
.cv-copy{max-width:520px}
.cv-cta{margin-top:12px}
@media (min-width:901px){.cv-bg{object-position:100% 50%!important}}
/* Verified copy: one quiet column — eyebrow as a hairline label, headline carries the gold, the rest is cream */
.cv-copy{gap:0!important}
.cv-eyeb{font-size:11px!important;letter-spacing:.22em!important;color:rgba(240,210,138,.7)!important;gap:10px!important;margin:0 0 26px!important}
.cv-laurel{display:none!important}
.cv-eyeb::before{content:"";width:28px;height:1px;background:rgba(240,210,138,.5)}
.cv-h{font-size:clamp(48px,6vw,84px)!important;line-height:.95!important;letter-spacing:-.035em!important;margin:0 0 22px!important}
.cv-h .cv-badge{display:none!important}
.cv-sub{font-size:clamp(20px,2vw,26px)!important;font-style:normal!important;color:rgba(246,231,200,.92)!important;-webkit-text-fill-color:rgba(246,231,200,.92)!important;margin:0 0 14px!important;letter-spacing:-.015em!important}
.cv-sub em{font-style:italic;color:#F0D28A;-webkit-text-fill-color:#F0D28A}
.cv-p{font-size:16px!important;line-height:1.55!important;max-width:44ch!important;color:rgba(246,231,200,.6)!important;margin:0 0 34px!important}
.cv-cta{margin-top:0!important;height:48px!important;padding:0 22px!important;border-radius:999px!important;background:#F0D28A!important;color:#1A1408!important;font-weight:600!important;font-size:15px!important;box-shadow:none!important;gap:9px!important}
.cv-cta:hover{background:#F6E3B4!important}
.cv-cta .cv-badge{width:16px!important;height:16px!important}
.cv-plate::after{display:none!important}
.cv-glow{background:linear-gradient(90deg,rgba(11,8,6,.88) 0,rgba(11,8,6,.62) 34%,rgba(11,8,6,0) 54%),linear-gradient(180deg,rgba(11,8,6,.35),rgba(11,8,6,0) 22%,rgba(11,8,6,0) 78%,rgba(11,8,6,.5))!important}
/* ===== Verified: sibling of the Claude banner. Centered stage, champagne horizon that fades into the page, drifting stars, extruded gold caps with the badge as the separator ===== */
.cv{padding:8px 24px 48px!important}
.cv-plate{border-radius:22px!important;background:#0B0806!important;min-height:clamp(300px,34vw,440px)!important;display:grid!important;place-items:center!important;align-items:center!important}
.cv-bg{display:block!important;opacity:.28!important;object-position:50% 50%!important;filter:saturate(.8)!important;mask-image:linear-gradient(180deg,#000 0,#000 40%,transparent 75%);-webkit-mask-image:linear-gradient(180deg,#000 0,#000 40%,transparent 75%)}
.cv-glow{z-index:1!important;background:linear-gradient(180deg,rgba(11,8,6,0) 0%,rgba(11,8,6,0) 50%,rgba(90,50,12,.6) 62%,#B8893A 68%,#E8B85C 74%,#F6DCA0 81%,#F5EAD5 90%,#FAF9F5 100%)!important;mask-image:radial-gradient(160% 100% at 50% 100%,#000 60%,transparent 100%);-webkit-mask-image:radial-gradient(160% 100% at 50% 100%,#000 60%,transparent 100%)}
.cv-glow::before{content:"";position:absolute;inset:0;background:radial-gradient(140% 40% at 50% 68%,rgba(255,205,110,.85),rgba(255,180,80,0) 60%);filter:blur(28px);mix-blend-mode:screen;transform:none;animation:cvBreath 6s ease-in-out infinite}
.cv-glow::after{content:"";position:absolute;left:-10%;right:-10%;top:58%;height:12%;background:radial-gradient(50% 100% at 50% 50%,#FFF6DC,rgba(255,225,150,.7) 40%,rgba(255,180,80,0) 100%);filter:blur(10px);mix-blend-mode:screen;animation:cvBreath 6s ease-in-out infinite reverse;inset:auto -10%}
@keyframes cvBreath{0%,100%{opacity:.75;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.06)}}
.cv-stars{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.9;background:
radial-gradient(1.2px 1.2px at 12% 22%,rgba(255,255,255,.9) 50%,transparent 51%),radial-gradient(1px 1px at 38% 12%,rgba(255,255,255,.8) 50%,transparent 51%),radial-gradient(1.4px 1.4px at 64% 30%,rgba(255,240,200,.9) 50%,transparent 51%),radial-gradient(1px 1px at 82% 18%,rgba(255,255,255,.75) 50%,transparent 51%),radial-gradient(1.2px 1.2px at 24% 42%,rgba(255,255,255,.7) 50%,transparent 51%),radial-gradient(1px 1px at 52% 8%,rgba(255,255,255,.85) 50%,transparent 51%),radial-gradient(1.3px 1.3px at 90% 40%,rgba(255,240,200,.8) 50%,transparent 51%),radial-gradient(1px 1px at 6% 36%,rgba(255,255,255,.7) 50%,transparent 51%),radial-gradient(1.1px 1.1px at 72% 6%,rgba(255,255,255,.8) 50%,transparent 51%);
animation:cvDrift 40s linear infinite;mask-image:linear-gradient(180deg,#000 0,#000 50%,transparent 62%);-webkit-mask-image:linear-gradient(180deg,#000 0,#000 50%,transparent 62%)}
@keyframes cvDrift{to{transform:translateX(-3%)}}
.cv-grid{grid-template-columns:minmax(0,1fr)!important;min-height:0!important;padding:clamp(28px,4.5vw,48px) 24px clamp(52px,8vw,96px)!important;place-items:center;text-align:center;z-index:3!important}
.cv-copy{max-width:none!important;padding:0!important;display:flex!important;flex-direction:column;align-items:center!important;justify-content:center;text-align:center!important}
.cv-eyeb{font-family:var(--sans)!important;font-weight:600!important;font-size:clamp(17px,2vw,26px)!important;letter-spacing:-.01em!important;text-transform:none!important;color:#fff!important;margin:0 0 8px!important;text-shadow:0 2px 12px rgba(0,0,0,.5);justify-content:center}
.cv-eyeb::before{display:none!important}
.cv-h{font-family:var(--sans)!important;font-weight:900!important;font-size:clamp(38px,7vw,96px)!important;line-height:.92!important;letter-spacing:-.03em!important;text-transform:uppercase;display:inline-flex!important;align-items:center;gap:.16em;margin:0 0 16px!important;background:none!important;-webkit-text-fill-color:#E2B85A!important;color:#E2B85A!important;filter:none!important;
text-shadow:0 1px 0 #B58A34,0 2px 0 #A87F2F,0 3px 0 #9B742B,0 4px 0 #8D6926,0 5px 0 #7E5D21,0 6px 0 #6E511C,0 8px 18px rgba(0,0,0,.55),0 0 46px rgba(240,200,110,.35)!important}
.cv-h em{font-style:normal!important}
.cv-h .cv-badge-h{display:block!important;width:.78em!important;height:.78em!important;flex:none;filter:drop-shadow(0 4px 0 #8D6926) drop-shadow(0 6px 10px rgba(0,0,0,.5));animation:cvBadgeSpin 14s linear infinite,cvBadgePulse 3.5s ease-in-out infinite}
@keyframes cvBadgeSpin{to{transform:rotate(360deg)}}
@keyframes cvBadgePulse{0%,100%{opacity:1}50%{opacity:.78}}
.cv-sub{display:none!important}
.cv-p{font-family:var(--sans)!important;font-size:clamp(15px,1.5vw,19px)!important;line-height:1.45!important;color:rgba(255,255,255,.66)!important;max-width:44ch!important;margin:0 0 26px!important;text-align:center!important}
.cv-cta{height:52px!important;padding:0 22px 0 18px!important;border-radius:14px!important;background:#fff!important;color:#14120F!important;font-size:17px!important;box-shadow:0 10px 30px -12px rgba(0,0,0,.6)!important;transition:transform .2s,box-shadow .2s}
.cv-cta:hover{background:#fff!important;transform:translateY(-2px);box-shadow:0 16px 36px -14px rgba(0,0,0,.65)!important}
.cv-cta .cv-badge{width:18px!important;height:18px!important}
@media (max-width:760px){.cv{padding:4px 12px 36px!important}.cv-plate{border-radius:16px!important;min-height:340px!important}.cv-h{flex-direction:column;gap:.05em;font-size:clamp(44px,15vw,72px)!important}.cv-badge-h{width:.5em!important;height:.5em!important}}
@media (prefers-reduced-motion:reduce){.cv-glow::before,.cv-glow::after,.cv-stars,.cv-badge-h{animation:none!important}}
/* Verified badge: same extruded gold as the letters, no spin */
.cv-h .cv-badge-h{width:.62em!important;height:.62em!important;animation:none!important;filter:drop-shadow(0 1px 0 #B58A34) drop-shadow(0 1px 0 #A87F2F) drop-shadow(0 1px 0 #9B742B) drop-shadow(0 1px 0 #8D6926) drop-shadow(0 1px 0 #7E5D21) drop-shadow(0 1px 0 #6E511C) drop-shadow(0 8px 14px rgba(0,0,0,.5))}
.cv-bg{opacity:.14!important;mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.6) 30%,transparent 60%)!important;-webkit-mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.6) 30%,transparent 60%)!important}
/* Verified backdrop: clean plate, no logo render; thin bright horizon line instead of a mustard block */
.cv-bg,.cv-vid{display:none!important}
.cv-plate{background:#0C0907!important}
.cv-glow{background:linear-gradient(180deg,rgba(12,9,7,0) 0%,rgba(12,9,7,0) 58%,rgba(70,40,10,.45) 66%,#C99A3E 72%,#F2D48A 77%,#F8E9C8 84%,#FAF3E4 92%,#FAF9F5 100%)!important;mask-image:radial-gradient(150% 100% at 50% 100%,#000 55%,transparent 100%)!important;-webkit-mask-image:radial-gradient(150% 100% at 50% 100%,#000 55%,transparent 100%)!important}
.cv-glow::before{background:radial-gradient(120% 30% at 50% 72%,rgba(255,215,130,.6),rgba(255,200,110,0) 60%)!important;filter:blur(30px)!important}
.cv-glow::after{top:66%!important;height:6%!important;background:radial-gradient(50% 100% at 50% 50%,#FFFBEF,rgba(255,235,180,.8) 40%,rgba(255,200,110,0) 100%)!important;filter:blur(8px)!important}
/* Verified: metallic gold letters with a slow sheen, richer gold horizon */
.cv-h{text-shadow:none!important;filter:drop-shadow(0 1px 0 #A67A22) drop-shadow(0 1px 0 #96701E) drop-shadow(0 1px 0 #86631A) drop-shadow(0 1px 0 #765616) drop-shadow(0 1px 0 #654912) drop-shadow(0 10px 18px rgba(0,0,0,.55)) drop-shadow(0 0 30px rgba(255,205,100,.28))!important}
.cv-h span{background:linear-gradient(100deg,#B98A2E 0%,#E7BE5C 22%,#FFF0B8 38%,#F3CB66 50%,#B98A2E 64%,#E7BE5C 82%,#FFF0B8 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent!important;color:transparent!important;animation:cvSheenTxt 9s ease-in-out infinite}
@keyframes cvSheenTxt{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.cv-h .cv-badge-h{filter:none!important}
.cv-h .cv-badge-h circle{fill:url(#cvGoldMetal)}
.cv-glow{background:linear-gradient(180deg,rgba(12,9,7,0) 0%,rgba(12,9,7,0) 54%,rgba(96,58,10,.5) 63%,#A8721C 69%,#E2AE3E 73%,#FFD978 77%,#FFF0BE 83%,#FBEFD6 91%,#FAF9F5 100%)!important}
.cv-glow::before{background:radial-gradient(110% 34% at 50% 73%,rgba(255,200,90,.85),rgba(255,180,70,0) 60%)!important;filter:blur(26px)!important;mix-blend-mode:screen}
.cv-glow::after{top:68%!important;height:5%!important;background:radial-gradient(48% 100% at 50% 50%,#FFFBEA,rgba(255,225,140,.9) 40%,rgba(255,200,90,0) 100%)!important;filter:blur(6px)!important}
.cv-stars{background:
radial-gradient(1.3px 1.3px at 12% 22%,rgba(255,225,150,.95) 50%,transparent 51%),radial-gradient(1px 1px at 38% 12%,rgba(255,240,200,.85) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 64% 30%,rgba(255,215,120,.95) 50%,transparent 51%),radial-gradient(1px 1px at 82% 18%,rgba(255,240,200,.8) 50%,transparent 51%),radial-gradient(1.2px 1.2px at 24% 42%,rgba(255,225,150,.8) 50%,transparent 51%),radial-gradient(1px 1px at 52% 8%,rgba(255,255,255,.85) 50%,transparent 51%),radial-gradient(1.4px 1.4px at 90% 40%,rgba(255,215,120,.85) 50%,transparent 51%),radial-gradient(1px 1px at 6% 36%,rgba(255,240,200,.75) 50%,transparent 51%),radial-gradient(1.1px 1.1px at 72% 6%,rgba(255,255,255,.8) 50%,transparent 51%),radial-gradient(1.6px 1.6px at 46% 26%,rgba(255,215,120,.7) 50%,transparent 51%),radial-gradient(1px 1px at 30% 60%,rgba(255,225,150,.55) 50%,transparent 51%),radial-gradient(1.2px 1.2px at 68% 56%,rgba(255,225,150,.55) 50%,transparent 51%)!important;
mask-image:linear-gradient(180deg,#000 0,#000 55%,transparent 68%)!important;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 55%,transparent 68%)!important}
.cv-cta{background:linear-gradient(180deg,#FFF8E6,#FFEFC7)!important;color:#3A2A08!important;box-shadow:0 0 0 1px rgba(255,255,255,.7) inset,0 12px 30px -12px rgba(120,80,10,.6)!important}
.cv-cta:hover{background:#fff!important}
@media (prefers-reduced-motion:reduce){.cv-h span{animation:none!important}}
/* Verified: gold aurora — three soft ribbons drifting behind the type, dark sky above */
.cv-aurora{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;mask-image:linear-gradient(180deg,#000 0,#000 55%,transparent 72%);-webkit-mask-image:linear-gradient(180deg,#000 0,#000 55%,transparent 72%)}
.cv-aurora i{position:absolute;left:-20%;right:-20%;height:38%;border-radius:50%;filter:blur(38px);mix-blend-mode:screen;opacity:.7;will-change:transform}
.cv-aurora i:nth-child(1){top:6%;background:linear-gradient(90deg,transparent 0,rgba(255,196,80,.55) 25%,rgba(255,232,160,.85) 50%,rgba(210,140,30,.5) 75%,transparent 100%);transform:rotate(-6deg);animation:cvAur1 16s ease-in-out infinite alternate}
.cv-aurora i:nth-child(2){top:26%;height:30%;background:linear-gradient(90deg,transparent 0,rgba(190,120,20,.5) 20%,rgba(255,210,110,.75) 45%,rgba(255,240,190,.6) 60%,transparent 100%);transform:rotate(4deg);animation:cvAur2 21s ease-in-out infinite alternate}
.cv-aurora i:nth-child(3){top:-8%;height:28%;background:linear-gradient(90deg,transparent 0,rgba(255,225,140,.6) 40%,rgba(160,100,20,.45) 70%,transparent 100%);transform:rotate(-2deg);animation:cvAur3 26s ease-in-out infinite alternate;opacity:.5}
@keyframes cvAur1{0%{transform:translateX(-8%) rotate(-6deg) scaleY(1)}100%{transform:translateX(8%) rotate(-3deg) scaleY(1.25)}}
@keyframes cvAur2{0%{transform:translateX(6%) rotate(4deg) scaleY(1.1)}100%{transform:translateX(-10%) rotate(1deg) scaleY(.85)}}
@keyframes cvAur3{0%{transform:translateX(4%) rotate(-2deg)}100%{transform:translateX(-6%) rotate(2deg) scaleY(1.3)}}
.cv-aurora::after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");opacity:.12;mix-blend-mode:overlay}
.cv-plate{background:radial-gradient(90% 60% at 50% 0%,#241708 0,#0C0907 60%)!important}
.cv-glow{z-index:2!important}
.cv-stars{z-index:3!important}
.cv-p{color:rgba(255,245,225,.74)!important;text-shadow:0 1px 8px rgba(0,0,0,.5)}
@media (prefers-reduced-motion:reduce){.cv-aurora i{animation:none!important}}
/* hero eyebrow: live tag — dot · label · newest card title · arrow */
.gh-newtag{display:inline-flex!important;align-items:center!important;gap:8px!important;height:32px!important;padding:0 12px 0 12px!important;border-radius:999px!important;background:#fff!important;border:1px solid rgba(26,24,21,.12)!important;box-shadow:0 1px 2px rgba(26,24,21,.06),0 8px 20px -14px rgba(26,24,21,.35)!important;color:var(--ink)!important;font-size:13px!important;font-weight:500!important;transition:border-color .2s,box-shadow .2s,transform .2s}
.gh-newtag:hover{background:#fff!important;border-color:rgba(26,24,21,.3)!important;transform:translateY(-1px);box-shadow:0 1px 2px rgba(26,24,21,.06),0 12px 24px -14px rgba(26,24,21,.45)!important}
.gh-newtag .gh-newdot{display:inline-block!important;width:7px;height:7px;border-radius:50%;background:#FF2D7A;box-shadow:0 0 0 0 rgba(255,45,122,.5);animation:ghDotPink 2s ease-out infinite}
.gh-newtag i.gh-newdot{display:none!important}
@keyframes ghDotPink{0%{box-shadow:0 0 0 0 rgba(255,45,122,.55)}70%{box-shadow:0 0 0 7px rgba(255,45,122,0)}100%{box-shadow:0 0 0 0 rgba(255,45,122,0)}}
.gh-newk{color:rgba(26,24,21,.55)!important;font-weight:500!important}
.gh-newk::after{content:"·";margin-left:8px;color:rgba(26,24,21,.3)}
.gh-newt,.gh-newtag>svg{display:inline-block!important}
.gh-newt{font-weight:600!important;text-decoration:none!important;color:var(--ink)}
.gh-newtag>svg{width:13px;height:13px;color:rgba(26,24,21,.55);margin-left:-2px}
.gh-newtag:hover>svg{color:var(--ink)}
@media (prefers-reduced-motion:reduce){.gh-newtag .gh-newdot{animation:none}}
/* Verified aurora v2: keep the sky black; thin gold ribbons, low opacity, kept off the type */
.cv-plate{background:#0A0806!important}
.cv-aurora{mask-image:linear-gradient(180deg,#000 0,#000 45%,transparent 62%)!important;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 45%,transparent 62%)!important}
.cv-aurora i{height:9%!important;border-radius:999px!important;filter:blur(22px)!important;mix-blend-mode:normal!important;opacity:.42!important}
.cv-aurora i:nth-child(1){top:8%!important;left:-30%!important;right:20%!important;background:linear-gradient(90deg,transparent 0,rgba(226,184,90,.9) 40%,rgba(255,225,150,1) 60%,transparent 100%)!important;transform:rotate(-7deg)!important}
.cv-aurora i:nth-child(2){top:18%!important;left:10%!important;right:-30%!important;height:7%!important;background:linear-gradient(90deg,transparent 0,rgba(255,215,120,1) 45%,rgba(200,140,40,.8) 70%,transparent 100%)!important;transform:rotate(5deg)!important;opacity:.34!important}
.cv-aurora i:nth-child(3){top:2%!important;left:20%!important;right:-10%!important;height:6%!important;background:linear-gradient(90deg,transparent 0,rgba(255,235,170,.9) 50%,transparent 100%)!important;transform:rotate(-3deg)!important;opacity:.26!important}
@keyframes cvAur1{0%{transform:translateX(-4%) rotate(-7deg)}100%{transform:translateX(5%) rotate(-5deg) scaleY(1.4)}}
@keyframes cvAur2{0%{transform:translateX(4%) rotate(5deg) scaleY(1.2)}100%{transform:translateX(-5%) rotate(3deg) scaleY(.8)}}
@keyframes cvAur3{0%{transform:translateX(2%) rotate(-3deg)}100%{transform:translateX(-4%) rotate(-1deg) scaleY(1.5)}}
.cv-aurora::after{opacity:.06!important}
.cv-glow{background:linear-gradient(180deg,rgba(10,8,6,0) 0%,rgba(10,8,6,0) 56%,rgba(60,36,6,.5) 64%,#9A6716 70%,#DDA93A 74%,#FFD978 78%,#FFF0BE 84%,#FBEFD6 92%,#FAF9F5 100%)!important}
.cv-glow::before{background:radial-gradient(100% 26% at 50% 74%,rgba(255,200,90,.7),rgba(255,180,70,0) 60%)!important}
/* Verified aurora v3: northern-lights curtains — vertical light rays with a wavy hem, drifting and skewing slowly */
.cv-aurora{filter:blur(7px);mask-image:linear-gradient(180deg,#000 0,#000 50%,transparent 66%)!important;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 50%,transparent 66%)!important}
.cv-aurora::before{content:"";position:absolute;inset:0;background:radial-gradient(70% 45% at 50% 28%,rgba(200,150,50,.28),rgba(200,150,50,0) 70%)}
.cv-aurora i{left:-12%!important;right:-12%!important;top:-6%!important;height:72%!important;border-radius:0!important;filter:none!important;mix-blend-mode:screen!important;transform-origin:50% 100%;background-repeat:repeat-x!important;
clip-path:polygon(0 0,100% 0,100% 62%,94% 72%,88% 58%,81% 74%,74% 60%,67% 78%,60% 64%,53% 80%,46% 66%,39% 82%,32% 68%,25% 78%,18% 62%,11% 76%,5% 64%,0 74%);
-webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.5) 28%,#000 58%,rgba(0,0,0,.7) 80%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.5) 28%,#000 58%,rgba(0,0,0,.7) 80%,transparent 100%)}
.cv-aurora i:nth-child(1){opacity:.55!important;background:repeating-linear-gradient(90deg,rgba(255,215,120,0) 0,rgba(255,215,120,.7) 9px,rgba(255,215,120,0) 22px,rgba(255,235,170,.35) 34px,rgba(255,215,120,0) 52px,rgba(230,180,80,.5) 61px,rgba(230,180,80,0) 78px)!important;background-size:300px 100%!important;animation:cvCurtainA 26s linear infinite!important}
.cv-aurora i:nth-child(2){opacity:.4!important;top:-2%!important;height:66%!important;background:repeating-linear-gradient(90deg,rgba(255,225,150,0) 0,rgba(255,225,150,.6) 16px,rgba(255,225,150,0) 40px,rgba(200,140,40,.5) 58px,rgba(200,140,40,0) 84px,rgba(255,240,190,.45) 101px,rgba(255,240,190,0) 130px)!important;background-size:520px 100%!important;clip-path:polygon(0 0,100% 0,100% 70%,92% 60%,85% 78%,77% 64%,70% 80%,62% 66%,55% 84%,47% 68%,40% 80%,33% 62%,26% 76%,19% 64%,12% 82%,6% 66%,0 76%);animation:cvCurtainB 39s linear infinite reverse!important}
.cv-aurora i:nth-child(3){opacity:.3!important;top:-10%!important;height:60%!important;background:repeating-linear-gradient(90deg,rgba(255,245,200,0) 0,rgba(255,245,200,.7) 40px,rgba(255,245,200,0) 120px,rgba(240,200,110,.45) 190px,rgba(240,200,110,0) 260px)!important;background-size:900px 100%!important;animation:cvCurtainC 52s linear infinite!important}
@keyframes cvCurtainA{0%{background-position:0 0;transform:skewX(-6deg) scaleY(1)}50%{transform:skewX(5deg) scaleY(1.08)}100%{background-position:600px 0;transform:skewX(-6deg) scaleY(1)}}
@keyframes cvCurtainB{0%{background-position:0 0;transform:skewX(4deg) scaleY(1.05)}50%{transform:skewX(-7deg) scaleY(.94)}100%{background-position:1040px 0;transform:skewX(4deg) scaleY(1.05)}}
@keyframes cvCurtainC{0%{background-position:0 0;transform:skewX(2deg)}50%{transform:skewX(-3deg) scaleY(1.12)}100%{background-position:900px 0;transform:skewX(2deg)}}
.cv-aurora::after{opacity:.08!important}
@media (prefers-reduced-motion:reduce){.cv-aurora i{animation:none!important}}
/* hero eyebrow: dark live pill — mark · title · green Live */
.gh-newtag{background:#0E0E0E!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 0 0 1px rgba(0,0,0,.6),0 10px 24px -14px rgba(0,0,0,.7)!important;color:#fff!important;height:38px!important;padding:0 16px 0 8px!important;gap:10px!important;font-size:15px!important;font-weight:500!important}
.gh-newtag:hover{background:#171717!important;border-color:rgba(255,255,255,.28)!important;transform:translateY(-1px)}
.gh-newtag img.gh-newlogo{display:block!important;width:26px!important;height:26px!important;object-fit:contain!important;margin:0!important;border-radius:50%;background:#fff;padding:4px}
.gh-newtag .gh-newdot,.gh-newtag i.gh-newdot,.gh-newk,.gh-newtag>svg{display:none!important}
.gh-newt{color:#fff!important;font-weight:500!important;letter-spacing:-.01em}
.gh-newt::after{content:"• Live";margin-left:6px;color:#C6F135;font-weight:600}
@media (max-width:760px){.gh-newtag{height:34px!important;font-size:14px!important}}
/* Verified horizon v3: eased dusk → ember → hot gold core → champagne → page, with a bottom-centred bloom */
.cv-glow{background:
radial-gradient(90% 55% at 50% 100%,rgba(255,236,170,.95) 0,rgba(255,212,110,.7) 30%,rgba(230,160,50,.35) 55%,rgba(230,160,50,0) 80%),
linear-gradient(180deg,rgba(10,8,6,0) 0%,rgba(10,8,6,0) 50%,rgba(38,22,6,.55) 58%,rgba(96,56,10,.85) 64%,#B8781A 69%,#E9A93A 73%,#FFCF6A 76.5%,#FFE9A8 80%,#FDF1CF 86%,#FBF5E6 93%,#FAF9F5 100%)!important;
mask-image:none!important;-webkit-mask-image:none!important}
.cv-glow::before{background:radial-gradient(60% 18% at 50% 74%,rgba(255,225,140,.95),rgba(255,190,80,.5) 45%,rgba(255,180,70,0) 100%)!important;filter:blur(18px)!important;mix-blend-mode:screen}
.cv-glow::after{top:73.5%!important;height:2.5%!important;left:0!important;right:0!important;background:linear-gradient(90deg,rgba(255,250,230,0),rgba(255,250,230,.95) 30%,#FFFDF4 50%,rgba(255,250,230,.95) 70%,rgba(255,250,230,0))!important;filter:blur(3px)!important;border-radius:999px}
@keyframes cvBreath{0%,100%{opacity:.8;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.04)}}
/* hero eyebrow: white glass pill — coin stack · title · green Live */
.gh-newtag{background:rgba(255,255,255,.92)!important;border:1px solid rgba(26,24,21,.1)!important;box-shadow:0 1px 2px rgba(26,24,21,.05),0 10px 24px -16px rgba(26,24,21,.35)!important;backdrop-filter:blur(8px);color:var(--ink)!important;height:36px!important;padding:0 14px 0 12px!important;gap:9px!important;font-size:15px!important;font-weight:500!important}
.gh-newtag:hover{background:#fff!important;border-color:rgba(26,24,21,.22)!important}
.gh-newtag>svg.gh-newcoin,.gh-newcoin{display:inline-block!important;width:18px;height:18px;color:rgba(26,24,21,.55);flex:none}
.gh-newt{color:var(--ink)!important;font-weight:500!important;display:inline-flex!important;align-items:center;gap:7px}
.gh-newt::after{content:"Live";margin-left:0;color:#7DB800;font-weight:600}
.gh-newt::before{content:"";width:5px;height:5px;border-radius:50%;background:#7DB800;margin-left:1px;order:1;box-shadow:0 0 0 0 rgba(125,184,0,.5);animation:ghLive 2s ease-out infinite}
.gh-newt::after{order:2}
@keyframes ghLive{0%{box-shadow:0 0 0 0 rgba(125,184,0,.5)}70%{box-shadow:0 0 0 5px rgba(125,184,0,0)}100%{box-shadow:0 0 0 0 rgba(125,184,0,0)}}
@media (prefers-reduced-motion:reduce){.gh-newt::before{animation:none}}
/* ===== Carousel Verified — awards plate. Dark stage, gold light shafts from above, laurel lockup, frosted-glass award (stand-in until the Higgsfield render lands in data-slot="cv-hero-render") ===== */
.cvx{padding:8px 24px 48px!important}
.cvx-plate{position:relative;overflow:hidden;isolation:isolate;border-radius:22px;background:#070605;color:#fff;display:flex;flex-direction:column;align-items:center;min-height:min(120vh,1100px)}
.cvx-shafts{position:absolute;inset:-4% -10% 0;z-index:0;pointer-events:none;filter:blur(9px)}
.cvx-shafts i{position:absolute;inset:0;mix-blend-mode:screen;transform-origin:50% 0;background-repeat:repeat-x;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.2),#000 20%,#000 60%,transparent 92%);mask-image:linear-gradient(180deg,rgba(0,0,0,.2),#000 20%,#000 60%,transparent 92%)}
.cvx-shafts i:nth-child(1){opacity:.55;background:repeating-linear-gradient(90deg,rgba(255,205,120,0) 0,rgba(255,205,120,.65) 12px,rgba(255,205,120,0) 34px,rgba(255,225,160,.3) 50px,rgba(255,205,120,0) 78px,rgba(220,160,70,.5) 92px,rgba(220,160,70,0) 120px);background-size:360px 100%;animation:cvxShaftA 34s linear infinite}
.cvx-shafts i:nth-child(2){opacity:.4;background:repeating-linear-gradient(90deg,rgba(255,225,150,0) 0,rgba(255,225,150,.55) 26px,rgba(255,225,150,0) 70px,rgba(200,140,50,.45) 96px,rgba(200,140,50,0) 140px,rgba(255,240,200,.4) 168px,rgba(255,240,200,0) 220px);background-size:620px 100%;animation:cvxShaftB 51s linear infinite reverse}
.cvx-shafts i:nth-child(3){opacity:.32;background:repeating-linear-gradient(90deg,rgba(255,245,210,0) 0,rgba(255,245,210,.6) 70px,rgba(255,245,210,0) 190px,rgba(240,200,120,.4) 300px,rgba(240,200,120,0) 420px);background-size:1100px 100%;animation:cvxShaftC 68s linear infinite}
@keyframes cvxShaftA{0%{background-position:0 0;transform:skewX(-4deg)}50%{transform:skewX(3deg)}100%{background-position:720px 0;transform:skewX(-4deg)}}
@keyframes cvxShaftB{0%{background-position:0 0;transform:skewX(3deg)}50%{transform:skewX(-5deg)}100%{background-position:1240px 0;transform:skewX(3deg)}}
@keyframes cvxShaftC{0%{background-position:0 0;transform:skewX(1deg)}50%{transform:skewX(-2deg)}100%{background-position:1100px 0;transform:skewX(1deg)}}
.cvx-shafts::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 40% at 50% 0%,rgba(255,200,110,.28),transparent 70%)}
.cvx-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 70% at 50% 40%,transparent 40%,rgba(7,6,5,.75) 100%),linear-gradient(180deg,rgba(7,6,5,.5),transparent 18%,transparent 85%,rgba(7,6,5,.7))}
.cvx-in{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(48px,7vw,96px) 24px 0;gap:0}
.cvx-brand{margin:0 0 6px;display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-weight:700;font-size:clamp(18px,1.8vw,24px);letter-spacing:-.02em;color:#E9D9B4}
.cvx-brand img{width:auto;height:1.15em;display:block;filter:brightness(0) invert(1) sepia(.6) saturate(3) brightness(.95)}
.cvx-title{margin:0 0 clamp(20px,2.4vw,32px);display:inline-flex;align-items:center;gap:clamp(10px,1.6vw,22px);font-family:var(--sans);font-weight:900;font-size:clamp(34px,4.6vw,62px);line-height:.88;letter-spacing:-.035em;text-transform:uppercase}
.cvx-title-w{background:linear-gradient(180deg,#F7E4A8 0%,#E9C46A 38%,#B8892E 62%,#F1D48A 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 6px 22px rgba(255,200,110,.22))}
.cvx-laurel{width:clamp(28px,3vw,44px);height:auto;color:#D9B564;flex:none}
.cvx-laurel.r{transform:scaleX(-1)}
.cvx-h{margin:0 0 clamp(12px,1.4vw,18px);font-family:var(--sans);font-weight:900;font-size:clamp(30px,4.4vw,60px);line-height:1;letter-spacing:-.035em;text-transform:uppercase;color:#F4F0FF;text-shadow:0 6px 30px rgba(0,0,0,.45)}
.cvx-p{margin:0 0 clamp(22px,2.4vw,30px);font-family:var(--sans);font-size:clamp(15px,1.4vw,18px);line-height:1.45;color:rgba(235,225,205,.62);max-width:48ch;text-wrap:pretty}
.cvx-cta{display:inline-flex;align-items:center;height:48px;padding:0 24px;border-radius:12px;background:linear-gradient(180deg,#FFF6E0,#F3D993);color:#2A1E08;font-family:var(--sans);font-weight:600;font-size:16px;text-decoration:none;box-shadow:0 0 0 1px rgba(255,255,255,.5) inset,0 14px 34px -14px rgba(255,200,110,.6);transition:transform .2s}
.cvx-cta:hover{transform:translateY(-2px);color:#2A1E08}
.cvx-stage{position:relative;z-index:2;width:100%;flex:1;min-height:clamp(340px,44vw,620px);display:flex;align-items:flex-end;justify-content:center;margin-top:clamp(8px,2vw,24px)}
.cvx-render{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 100%;display:none;z-index:2}
.cvx-render[src]{display:block}
.cvx-render[src]~.cvx-award,.cvx-render[src]~.cvx-floor{display:none}
.cvx-award{position:relative;z-index:1;width:clamp(200px,26vw,340px);aspect-ratio:4/5;margin-bottom:clamp(40px,6vw,90px);perspective:1200px;filter:drop-shadow(0 50px 60px rgba(0,0,0,.7))}
.cvx-award-face{position:absolute;inset:0;border-radius:6px;display:grid;place-items:center;transform:rotateY(-6deg) rotateX(2deg);transform-style:preserve-3d;
background:linear-gradient(180deg,rgba(255,244,214,.96),rgba(245,220,160,.92) 60%,rgba(230,195,120,.9)),repeating-linear-gradient(90deg,rgba(255,255,255,.35) 0 2px,rgba(180,140,70,.25) 2px 4px,rgba(255,255,255,0) 4px 9px);background-blend-mode:normal,soft-light;
box-shadow:0 0 0 1px rgba(255,235,190,.6) inset,0 0 60px rgba(255,215,140,.55),0 0 140px rgba(255,190,90,.35),-14px 0 0 -2px rgba(220,180,110,.9),-20px 0 0 -2px rgba(150,110,50,.9)}
.cvx-award-face::before{content:"";position:absolute;inset:0;border-radius:6px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.55) 0 1.5px,transparent 1.5px 3px,rgba(120,80,20,.18) 3px 4px,transparent 4px 8px);mix-blend-mode:overlay;opacity:.9}
.cvx-award-face::after{content:"";position:absolute;inset:0;border-radius:6px;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 62%);transform:translateX(-120%);animation:cvxSheen 7s ease-in-out infinite}
@keyframes cvxSheen{0%,60%{transform:translateX(-120%)}90%,100%{transform:translateX(120%)}}
.cvx-award-face img{position:relative;z-index:1;width:58%;height:auto;filter:brightness(0) saturate(0) opacity(.85) drop-shadow(0 6px 10px rgba(0,0,0,.35))}
.cvx-award-base{position:absolute;left:-18%;right:-18%;bottom:-14%;height:22%;border-radius:40% 40% 8px 8px/60% 60% 8px 8px;background:linear-gradient(180deg,#3B2F22,#1C1611 70%,#0E0B08);box-shadow:0 -6px 20px rgba(0,0,0,.6),0 0 0 1px rgba(255,220,160,.08) inset;transform:rotateX(60deg) translateZ(-20px);transform-origin:50% 100%}
.cvx-floor{position:absolute;left:0;right:0;bottom:0;height:34%;z-index:0;pointer-events:none;background:radial-gradient(50% 60% at 50% 100%,rgba(255,205,120,.35),rgba(255,205,120,0) 70%),linear-gradient(180deg,transparent,rgba(7,6,5,.9))}
@media (max-width:760px){.cvx{padding:4px 12px 36px!important}.cvx-plate{border-radius:16px;min-height:0}.cvx-title{gap:8px}.cvx-laurel{width:22px}.cvx-h{font-size:clamp(28px,8vw,40px)}.cvx-award{width:min(60vw,240px)}}
@media (prefers-reduced-motion:reduce){.cvx-shafts i,.cvx-award-face::after{animation:none!important}}
/* ===== One link — light-mode stage: cream plate, cobalt neon edge, perspective grid floor, centred lockup, floating glass cards ===== */
.ol{padding:8px 24px 48px}
.ol-plate{position:relative;overflow:hidden;isolation:isolate;border-radius:22px;background:#FBFAF6;min-height:clamp(420px,42vw,640px);display:grid;place-items:center;
box-shadow:0 0 0 2px #2F55FF inset,0 0 0 3px rgba(255,255,255,.9) inset,0 0 26px 2px rgba(47,85,255,.55) inset,0 0 0 1px rgba(47,85,255,.35),0 0 40px -6px rgba(47,85,255,.55),0 30px 80px -40px rgba(2,32,130,.35)}
.ol-grid{position:absolute;left:-30%;right:-30%;bottom:-10%;height:72%;z-index:0;pointer-events:none;transform:perspective(700px) rotateX(62deg);transform-origin:50% 100%;
background:linear-gradient(90deg,rgba(47,85,255,.16) 1px,transparent 1px) 0 0/72px 100%,linear-gradient(180deg,rgba(47,85,255,.16) 1px,transparent 1px) 0 0/100% 72px;
-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 45%,#000 100%);mask-image:linear-gradient(180deg,transparent 0,#000 45%,#000 100%);animation:olGrid 6s linear infinite}
@keyframes olGrid{to{background-position:0 72px,0 72px}}
.ol-haze{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(60% 50% at 50% 100%,rgba(47,85,255,.22),transparent 70%),radial-gradient(70% 60% at 50% 45%,rgba(251,250,246,.95),rgba(251,250,246,0) 70%),linear-gradient(180deg,rgba(47,85,255,.1),transparent 22%,transparent 80%,rgba(47,85,255,.18))}
.ol-in{position:relative;z-index:3;text-align:center;display:flex;flex-direction:column;align-items:center;padding:clamp(48px,7vw,88px) 24px}
.ol-stack{display:flex;align-items:flex-end;justify-content:center;margin-bottom:18px;height:64px}
.ol-app{display:block;width:44px;height:44px;border-radius:12px;overflow:hidden;border:1.5px solid #fff;box-shadow:0 8px 18px -8px rgba(2,32,130,.5);background:#fff;flex:none}
.ol-app img{width:100%;height:100%;object-fit:cover;display:block}
.ol-app.a1{transform:rotate(-14deg) translate(14px,8px);z-index:1}
.ol-app.a2{transform:rotate(-7deg) translate(8px,2px);z-index:2}
.ol-app.a3{width:58px;height:58px;border-radius:15px;z-index:4;padding:9px;background:#2F55FF;box-shadow:0 0 0 2px rgba(255,255,255,.9),0 0 28px rgba(47,85,255,.6),0 12px 24px -10px rgba(2,32,130,.6)}
.ol-app.a3 img{object-fit:contain;filter:brightness(0) invert(1)}
.ol-app.a4{transform:rotate(7deg) translate(-8px,2px);z-index:2}
.ol-app.a5{transform:rotate(14deg) translate(-14px,8px);z-index:1}
.ol-h{margin:0 0 12px;font-family:var(--sans);font-weight:900;font-size:clamp(46px,7.4vw,104px);line-height:.9;letter-spacing:-.045em;text-transform:uppercase;color:#2F55FF;text-shadow:0 0 30px rgba(47,85,255,.35),0 2px 0 rgba(255,255,255,.8)}
.ol-sub{margin:0 0 30px;font-family:var(--sans);font-size:clamp(15px,1.5vw,19px);line-height:1.45;color:rgba(26,24,21,.68);max-width:44ch;text-wrap:pretty}
.ol-cta{display:inline-flex;align-items:center;height:52px;padding:0 24px;border-radius:14px;background:#fff;color:#14120F;font-family:var(--sans);font-weight:600;font-size:17px;text-decoration:none;box-shadow:0 1px 0 rgba(26,24,21,.06),0 14px 34px -14px rgba(2,32,130,.45),0 0 0 1px rgba(26,24,21,.08);transition:transform .2s,box-shadow .2s}
.ol-cta:hover{transform:translateY(-2px);color:#14120F;box-shadow:0 1px 0 rgba(26,24,21,.06),0 18px 40px -14px rgba(2,32,130,.55),0 0 0 1px rgba(26,24,21,.14)}
.ol-card{position:absolute;z-index:2;display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:18px;background:rgba(255,255,255,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.9);box-shadow:0 1px 0 rgba(26,24,21,.04),0 30px 60px -30px rgba(2,32,130,.35),0 0 0 1px rgba(47,85,255,.1);font-family:var(--sans);color:#14120F;animation:olFloat 9s ease-in-out infinite}
@keyframes olFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.ol-c1{left:clamp(16px,5%,96px);top:18%;width:min(300px,26vw)}
.ol-c2{right:clamp(16px,5%,96px);top:12%;width:min(300px,26vw);animation-delay:-3s}
.ol-c3{right:clamp(100px,15%,260px);bottom:-6%;width:min(260px,22vw);animation-delay:-6s}
.ol-card-head{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}
.ol-card-head svg{width:18px;height:18px;color:#2F55FF;flex:none}
.ol-card-head small{margin-left:auto;font-size:12px;font-weight:500;color:rgba(26,24,21,.5)}
.ol-shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.ol-shots-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ol-shots img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:10px;display:block}
.ol-shots-2 img{aspect-ratio:3/2}
.ol-chip{align-self:center;margin-top:-30px;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;background:rgba(20,18,15,.82);color:#fff;font-size:13px;font-weight:600;backdrop-filter:blur(8px)}
.ol-chip svg{width:14px;height:14px;color:#8CE0A8}
.ol-row{display:flex;align-items:center;gap:10px}
.ol-av{width:34px;height:34px;border-radius:50%;background:#2F55FF;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}
.ol-who{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.ol-who b{font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:5px}
.ol-who small{font-size:12px;color:rgba(26,24,21,.55)}
.ol-v{width:14px;height:14px;border-radius:50%;background:#2F55FF;color:#fff;display:inline-grid;place-items:center}
.ol-v svg{width:9px;height:9px}
.ol-bars{display:flex;align-items:flex-end;gap:5px;height:54px}
.ol-bars i{flex:1;height:calc(var(--v)*100%);border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#2F55FF,#7A93FF)}
.ol-tag{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;font-family:var(--sans);font-size:15px;font-weight:600;white-space:nowrap;box-shadow:0 12px 30px -12px rgba(2,32,130,.5)}
.ol-tag-a{left:-14px;bottom:-16px;background:#2F55FF;color:#fff}
.ol-tag-b{left:clamp(40px,28%,420px);bottom:22%;background:#fff;color:#14120F;border:1px solid rgba(26,24,21,.08);animation:olFloat 7s ease-in-out infinite -2s}
.ol-cursor{width:16px;height:16px;color:#14120F;position:absolute;left:-14px;top:-18px;transform:rotate(-8deg)}
@media (max-width:900px){.ol{padding:4px 12px 36px}.ol-plate{border-radius:16px;min-height:0}.ol-card,.ol-tag-b{display:none}.ol-in{padding:48px 20px 56px}}
@media (prefers-reduced-motion:reduce){.ol-card,.ol-tag-b,.ol-grid{animation:none!important}}
/* ===== Carousel Verified — compact stage. Same plate anatomy as the Claude banner; house serif in gold under a single top spotlight. Render slot (data-slot="cv-hero-render", 16:9, dark ground) sits behind everything when it lands. ===== */
.cvz{padding:8px 24px 48px!important}
.cvz-plate{position:relative;overflow:hidden;isolation:isolate;border-radius:22px;background:#0B0906;color:#fff;min-height:clamp(360px,38vw,520px);display:grid;place-items:center}
.cvz-render{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%;z-index:0;display:none}
.cvz-render[src]{display:block}
.cvz-render[src]~.cvz-light{opacity:.45}
.cvz-light{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(42% 120% at 50% -20%,rgba(255,226,160,.5),rgba(255,210,130,.18) 45%,rgba(255,200,120,0) 72%)}
.cvz-light i{position:absolute;inset:-6% -8% 0;filter:blur(16px);mix-blend-mode:screen;background-repeat:repeat-x;transform-origin:50% 0;-webkit-mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.6) 45%,transparent 85%);mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.6) 45%,transparent 85%)}
.cvz-light i:nth-child(1){opacity:.22;background:repeating-linear-gradient(90deg,rgba(255,236,190,0) 0,rgba(255,236,190,.9) 18px,rgba(255,236,190,0) 48px,rgba(255,236,190,.5) 70px,rgba(255,236,190,0) 118px);background-size:420px 100%;animation:cvzShaft 46s linear infinite}
.cvz-light i:nth-child(2){opacity:.14;background:repeating-linear-gradient(90deg,rgba(255,245,215,0) 0,rgba(255,245,215,.9) 60px,rgba(255,245,215,0) 170px,rgba(255,245,215,.6) 260px,rgba(255,245,215,0) 380px);background-size:900px 100%;animation:cvzShaft 70s linear infinite reverse}
@keyframes cvzShaft{0%{background-position:0 0;transform:skewX(-3deg)}50%{transform:skewX(2deg)}100%{background-position:840px 0;transform:skewX(-3deg)}}
.cvz-floor{position:absolute;left:0;right:0;bottom:0;height:40%;z-index:1;pointer-events:none;background:radial-gradient(45% 70% at 50% 100%,rgba(226,184,90,.22),rgba(226,184,90,0) 70%)}
.cvz-in{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(40px,5.5vw,72px) 24px}
.cvz-eyeb{margin:0 0 18px;display:inline-flex;align-items:center;gap:12px;font-family:var(--mono);font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:rgba(240,210,138,.8)}
.cvz-laurel{width:14px;height:28px;color:#D9B564}
.cvz-laurel.r{transform:scaleX(-1)}
.cvz-h{margin:0 0 14px;font-family:var(--serif);font-weight:420;font-size:clamp(44px,5.8vw,88px);line-height:.96;letter-spacing:-.03em}
.cvz-h-row{display:inline-flex;align-items:center;gap:.18em;flex-wrap:wrap;justify-content:center;background:linear-gradient(180deg,#F9E9B8 0%,#E9C46A 48%,#C79A3A 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 10px 30px rgba(255,205,110,.18))}
.cvz-h em{font-style:italic;font-weight:400}
.cvz-badge.h{width:.62em;height:.62em;flex:none;filter:drop-shadow(0 8px 20px rgba(226,184,90,.4))}
.cvz-sub{margin:0 0 12px;font-family:var(--serif);font-weight:420;font-size:clamp(20px,2vw,28px);line-height:1.15;letter-spacing:-.015em;color:#F6E7C8}
.cvz-sub em{font-style:italic;color:#F0D28A}
.cvz-p{margin:0 0 28px;font-family:var(--sans);font-size:clamp(15px,1.4vw,18px);line-height:1.5;color:rgba(246,231,200,.66);max-width:46ch;text-wrap:pretty}
.cvz-cta{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 22px 0 18px;border-radius:14px;background:#fff;color:#14120F;font-family:var(--sans);font-weight:600;font-size:17px;text-decoration:none;box-shadow:0 10px 30px -12px rgba(0,0,0,.6);transition:transform .2s,box-shadow .2s}
.cvz-cta:hover{transform:translateY(-2px);color:#14120F;box-shadow:0 16px 36px -14px rgba(0,0,0,.65)}
.cvz-badge.c{width:18px;height:18px}
@media (max-width:760px){.cvz{padding:4px 12px 36px!important}.cvz-plate{border-radius:16px;min-height:0}.cvz-h{font-size:clamp(38px,11vw,56px)}.cvz-in{padding:44px 20px 52px}}
@media (prefers-reduced-motion:reduce){.cvz-light i{animation:none!important}}
/* ===== Verified: the gold-streak logo render IS the section. Shown clean at full opacity, logo on the right; copy sits in the dark left third. ===== */
.cvz-plate{min-height:clamp(440px,44vw,640px)!important;display:block!important;background:#0A0705!important}
.cvz-render{display:block!important;object-position:100% 50%!important;opacity:1!important}
.cvz-render[src]~.cvz-light{opacity:1!important;background:linear-gradient(90deg,rgba(10,7,5,.78) 0,rgba(10,7,5,.45) 34%,rgba(10,7,5,0) 56%)!important}
.cvz-light i,.cvz-floor{display:none!important}
.cvz-in{position:absolute!important;inset:0!important;z-index:3;display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:center;text-align:left!important;padding:clamp(36px,5vw,72px) clamp(28px,5.5vw,88px)!important;max-width:min(60%,720px)}
.cvz-eyeb{margin-bottom:22px!important}
.cvz-laurel.l{display:none}
.cvz-h{font-size:clamp(44px,5.4vw,86px)!important;margin-bottom:18px!important}
.cvz-h-row{justify-content:flex-start!important;filter:drop-shadow(0 12px 40px rgba(0,0,0,.6))!important}
.cvz-sub{margin-bottom:14px!important}
.cvz-p{margin-bottom:30px!important;max-width:42ch!important}
.cvz-render[src]~.cvz-in .cvz-cta{box-shadow:0 14px 34px -12px rgba(0,0,0,.8)}
@media (max-width:900px){
.cvz-plate{min-height:0!important}
.cvz-render{position:relative!important;height:auto!important;aspect-ratio:16/10;object-position:78% 50%!important}
.cvz-render[src]~.cvz-light{background:linear-gradient(180deg,rgba(10,7,5,0) 55%,#0A0705 100%)!important}
.cvz-in{position:relative!important;inset:auto!important;max-width:none!important;margin-top:-22%;padding:0 24px 44px!important}
.cvz-h{font-size:clamp(38px,10vw,56px)!important}
}
/* Verified: awaiting the new Higgsfield render. Centered composition (Robinhood-style): copy on top, object lands in the lower two-thirds via data-slot="cv-hero-render". */
.cvz-plate{display:grid!important;place-items:start center;min-height:clamp(560px,58vw,820px)!important}
.cvz-render{display:none!important;object-position:50% 100%!important}
.cvz-render[src]{display:block!important}
.cvz-render[src]~.cvz-light{background:linear-gradient(180deg,rgba(10,7,5,.7) 0,rgba(10,7,5,.2) 40%,rgba(10,7,5,0) 60%)!important}
.cvz-light i{display:block!important}
.cvz-in{position:relative!important;inset:auto!important;align-items:center!important;text-align:center!important;max-width:none!important;padding:clamp(48px,6vw,84px) 24px 0!important}
.cvz-laurel.l{display:block}
.cvz-h-row{justify-content:center!important}
.cvz-p{max-width:46ch!important}
@media (max-width:900px){.cvz-plate{min-height:0!important}.cvz-render{position:absolute!important;height:100%!important;aspect-ratio:auto}.cvz-in{margin-top:0;padding:44px 20px 320px!important}}
/* One link: stronger grid lines, floating cobalt dots */
.ol-grid{height:78%;background:linear-gradient(90deg,rgba(47,85,255,.42) 1.5px,transparent 1.5px) 0 0/72px 100%,linear-gradient(180deg,rgba(47,85,255,.42) 1.5px,transparent 1.5px) 0 0/100% 72px;-webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.5) 35%,#000 75%,#000 100%);mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.5) 35%,#000 75%,#000 100%)}
.ol-haze{background:radial-gradient(60% 50% at 50% 100%,rgba(47,85,255,.26),transparent 70%),radial-gradient(60% 55% at 50% 45%,rgba(251,250,246,.92),rgba(251,250,246,0) 72%),linear-gradient(180deg,rgba(47,85,255,.1),transparent 22%,transparent 82%,rgba(47,85,255,.16))}
.ol-dots{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.ol-dots i{position:absolute;left:var(--x);top:var(--y);width:calc(var(--s,6px)*.45);height:calc(var(--s,6px)*.45);border-radius:50%;background:#2F55FF;opacity:var(--o,.5);box-shadow:0 0 6px rgba(47,85,255,.5);animation:olDot var(--d,12s) ease-in-out var(--dl,0s) infinite alternate}
@keyframes olDot{0%{transform:translate(0,0)}100%{transform:translate(var(--mx,8px),var(--my,-26px))}}
.ol-dots i:nth-child(1){--x:6%;--y:22%;--s:5px;--o:.45;--d:11s;--mx:10px;--my:-30px}
.ol-dots i:nth-child(2){--x:12%;--y:68%;--s:8px;--o:.55;--d:14s;--dl:-3s;--mx:-12px;--my:-40px}
.ol-dots i:nth-child(3){--x:22%;--y:12%;--s:4px;--o:.4;--d:9s;--dl:-5s;--mx:6px;--my:-18px}
.ol-dots i:nth-child(4){--x:31%;--y:82%;--s:6px;--o:.5;--d:13s;--dl:-1s;--mx:14px;--my:-34px}
.ol-dots i:nth-child(5){--x:40%;--y:18%;--s:7px;--o:.45;--d:12s;--dl:-7s;--mx:-8px;--my:-24px}
.ol-dots i:nth-child(6){--x:47%;--y:88%;--s:5px;--o:.6;--d:10s;--dl:-2s;--mx:10px;--my:-44px}
.ol-dots i:nth-child(7){--x:56%;--y:10%;--s:4px;--o:.4;--d:15s;--dl:-6s;--mx:-6px;--my:-20px}
.ol-dots i:nth-child(8){--x:63%;--y:74%;--s:9px;--o:.5;--d:13s;--dl:-4s;--mx:12px;--my:-36px}
.ol-dots i:nth-child(9){--x:71%;--y:30%;--s:5px;--o:.45;--d:11s;--dl:-8s;--mx:-10px;--my:-28px}
.ol-dots i:nth-child(10){--x:80%;--y:62%;--s:6px;--o:.55;--d:12s;--dl:-2.5s;--mx:8px;--my:-32px}
.ol-dots i:nth-child(11){--x:88%;--y:14%;--s:4px;--o:.4;--d:10s;--dl:-5.5s;--mx:-6px;--my:-22px}
.ol-dots i:nth-child(12){--x:94%;--y:80%;--s:7px;--o:.5;--d:14s;--dl:-1.5s;--mx:10px;--my:-38px}
@media (prefers-reduced-motion:reduce){.ol-dots i{animation:none}}
/* One link dots: travel toward the vanishing point (centre horizon) and shrink as they go */
.ol-dots{perspective:none}
.ol-dots i{left:50%!important;top:56%!important;width:4px;height:4px;margin:-2px 0 0 -2px;opacity:0;box-shadow:0 0 5px rgba(47,85,255,.6);animation:olVanish var(--d,9s) linear var(--dl,0s) infinite!important}
@keyframes olVanish{0%{transform:translate(calc(var(--sx) * 1vw),calc(var(--sy) * 1%)) scale(2.2);opacity:0}8%{opacity:.7}70%{opacity:.55}100%{transform:translate(0,0) scale(.2);opacity:0}}
.ol-dots i:nth-child(1){--sx:-48;--sy:380;--d:9s;--dl:0s}
.ol-dots i:nth-child(2){--sx:-36;--sy:520;--d:11s;--dl:-2s}
.ol-dots i:nth-child(3){--sx:-22;--sy:460;--d:8s;--dl:-5s}
.ol-dots i:nth-child(4){--sx:-10;--sy:560;--d:10s;--dl:-1s}
.ol-dots i:nth-child(5){--sx:6;--sy:540;--d:9.5s;--dl:-7s}
.ol-dots i:nth-child(6){--sx:18;--sy:480;--d:8.5s;--dl:-3s}
.ol-dots i:nth-child(7){--sx:32;--sy:520;--d:11.5s;--dl:-6s}
.ol-dots i:nth-child(8){--sx:46;--sy:400;--d:9s;--dl:-4s}
.ol-dots i:nth-child(9){--sx:-42;--sy:300;--d:12s;--dl:-8s}
.ol-dots i:nth-child(10){--sx:40;--sy:320;--d:10.5s;--dl:-2.5s}
.ol-dots i:nth-child(11){--sx:-16;--sy:640;--d:8s;--dl:-5.5s}
.ol-dots i:nth-child(12){--sx:14;--sy:620;--d:9s;--dl:-1.5s}
/* One link dots: slide along the floor from the bottom edge into the vanishing point */
.ol-dots i{top:58%!important;width:5px;height:5px;margin:-2.5px 0 0 -2.5px}
@keyframes olVanish{0%{transform:translate(calc(var(--sx) * 1vw),22vw) scale(1.6);opacity:0}6%{opacity:.75}80%{opacity:.5}100%{transform:translate(0,0) scale(.15);opacity:0}}
.ol-dots i:nth-child(1){--sx:-46;--d:7s;--dl:0s}
.ol-dots i:nth-child(2){--sx:-38;--d:8.5s;--dl:-2s}
.ol-dots i:nth-child(3){--sx:-28;--d:6.5s;--dl:-4s}
.ol-dots i:nth-child(4){--sx:-18;--d:8s;--dl:-1s}
.ol-dots i:nth-child(5){--sx:-8;--d:7.5s;--dl:-5.5s}
.ol-dots i:nth-child(6){--sx:2;--d:6.8s;--dl:-3s}
.ol-dots i:nth-child(7){--sx:12;--d:9s;--dl:-6s}
.ol-dots i:nth-child(8){--sx:22;--d:7.2s;--dl:-2.5s}
.ol-dots i:nth-child(9){--sx:32;--d:8.2s;--dl:-7s}
.ol-dots i:nth-child(10){--sx:42;--d:7.8s;--dl:-1.5s}
.ol-dots i:nth-child(11){--sx:-33;--d:9.5s;--dl:-8s}
.ol-dots i:nth-child(12){--sx:37;--d:6.9s;--dl:-4.5s}
/* Verified: shorter plate until the render lands */
.cvz-render:not([src])~.cvz-in{padding-bottom:clamp(40px,5.5vw,72px)!important}
.cvz-plate:not(:has(.cvz-render[src])){min-height:0!important;place-items:center!important}
/* ===== Wow v12: one big centered title, toggle under it, components full-bleed on the page (no plate, no window) ===== */
.wow-split{display:flex!important;flex-direction:column;align-items:center;gap:0!important}
.wow-split .wow-head{align-items:center!important;text-align:center!important;width:100%}
.wow-split .wow-h{font-size:var(--h2)!important;max-width:18ch}
.wow-sub{display:none!important}
.wow-split .wow-toggle{margin:clamp(24px,2.6vw,36px) auto 0!important;justify-self:center}
.wow-single{width:100vw!important;margin:clamp(36px,4.5vw,64px) 0 0 calc(50% - 50vw)!important;padding:0 clamp(20px,6vw,120px)!important;border-radius:0!important;background:none!important;overflow:visible!important;min-height:0!important}
.wow-single::before{display:none!important}
.wow-single{box-shadow:none!important}
.wow-single .wow-pane{justify-content:center!important;align-items:flex-start!important}
.wow-single .w5.w6{width:min(100%,1080px)!important;max-width:none!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;min-height:0!important;font-size:16px;zoom:1.18}
.wow-single .w6-top{justify-content:center}
.wow-single .w6-x{display:none}
.wow-single .w6-badge{height:30px;padding:0 14px 0 12px;font-size:12px}
.wow-single .w6-stage{margin-top:26px!important;min-height:440px!important}
.wow-single .w6-h{justify-content:center;font-size:clamp(30px,3vw,44px);text-align:center}
.wow-single .w6-meta{text-align:center}
.wow-single .w6-k{text-align:center}
.wow-single .w6-list{margin-top:14px;border-radius:18px;box-shadow:0 1px 2px rgba(26,24,21,.05),0 24px 60px -30px rgba(26,24,21,.25)}
.wow-single .w6-row{padding:16px 20px;font-size:16px;grid-template-columns:26px 1fr auto 30px}
.wow-single .w6-rule{justify-content:center;gap:24px}
.wow-single .w6-rule-inc{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%}
.wow-single .w6-big{font-size:clamp(34px,3vw,48px)}
.wow-single .w6-foot{justify-content:center;gap:28px;border-top:0;padding:26px 0 0}
.wow-single .w6-foot-l{justify-items:center;text-align:center}
.wow-single .w6-who{justify-content:center}
.wow-single .w6-done{text-align:center}
.wow-single .w5-verdict .w6-h-xl{font-size:clamp(40px,4.4vw,64px)}
@media (max-width:900px){.wow-single .w5.w6{zoom:1}.wow-single{padding:0 16px!important}.wow-single .w6-stage{min-height:400px!important}}
/* ===== Wow v13: one action at a time. Giant component, giant label, a cursor that does the thing. 13.5s loop, three scenes per view ===== */
@property --on{syntax:"";inherits:true;initial-value:0}
@property --v{syntax:"";inherits:true;initial-value:1}
@property --n{syntax:"";inherits:false;initial-value:6240}
.wow-single .wow-pane{align-items:center!important}
.ws{position:relative;width:min(100%,900px);min-height:clamp(360px,34vw,460px);display:grid;font-family:var(--sans);color:#14120F;--dur:13.5s}
.ws-scene{grid-area:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(28px,3.4vw,48px);opacity:0;animation:var(--dur) cubic-bezier(.2,.7,.2,1) infinite}
.ws-a{animation-name:wsScenea}.ws-b{animation-name:wsSceneb}.ws-c{animation-name:wsScenec}
.ws-obj{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px;--on:0;--v:1}
.ws-a .ws-obj{animation:wsOna var(--dur) linear infinite,wsFilla var(--dur) cubic-bezier(.2,.7,.2,1) infinite}
.ws-b .ws-obj{animation:wsOnb var(--dur) linear infinite,wsFillb var(--dur) cubic-bezier(.2,.7,.2,1) infinite}
.ws-c .ws-obj{animation:wsOnc var(--dur) linear infinite,wsFillc var(--dur) cubic-bezier(.2,.7,.2,1) infinite}
.ws-cursor{position:absolute;width:30px;height:30px;left:calc(50% + 10px);top:calc(50% + 6px);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));pointer-events:none;opacity:0;animation:var(--dur) cubic-bezier(.3,.7,.2,1) infinite}
.ws-a .ws-cursor{animation-name:wsCursora}.ws-b .ws-cursor{animation-name:wsCursorb}.ws-c .ws-cursor{animation-name:wsCursorc}
.ws-label{margin:0;font-family:var(--serif);font-weight:420;font-size:clamp(34px,4.2vw,64px);line-height:1;letter-spacing:-.03em;color:#14120F;text-align:center}
/* giant button */
.ws-btn{position:relative;display:inline-grid;align-items:center;height:clamp(72px,7vw,104px);min-width:min(92vw,520px);padding:0 clamp(28px,3vw,44px);border-radius:999px;background:#fff;color:#14120F;font-weight:600;font-size:clamp(22px,2.3vw,32px);letter-spacing:-.015em;box-shadow:0 1px 0 rgba(26,24,21,.06),0 30px 70px -30px rgba(26,24,21,.45),0 0 0 1px rgba(26,24,21,.08);transform:scale(calc(1 - var(--on)*.02));transition:none}
.ws-btn>span{grid-area:1/1;display:inline-flex;align-items:center;justify-content:center;gap:16px;white-space:nowrap}
.ws-btn svg{width:1.1em;height:1.1em;flex:none}
.ws-btn-a{opacity:calc(1 - var(--on));transform:translateY(calc(var(--on)*-10px))}
.ws-btn-b{opacity:var(--on);transform:translateY(calc((1 - var(--on))*10px));color:#2f7a4d}
.ws-btn-dark{background:#14120F;color:#fff}
.ws-btn-dark .ws-btn-b{color:#B7F0C8}
/* bank row + switch */
.ws-row{display:flex;align-items:center;gap:22px;height:clamp(84px,8vw,112px);min-width:min(92vw,640px);padding:0 22px 0 26px;border-radius:999px;background:#fff;box-shadow:0 1px 0 rgba(26,24,21,.06),0 30px 70px -30px rgba(26,24,21,.45),0 0 0 1px rgba(26,24,21,.08)}
.ws-ic{width:48px;height:48px;border-radius:50%;background:#F3EDE2;display:grid;place-items:center;flex:none}
.ws-ic svg{width:24px;height:24px}
.ws-row-t{display:flex;flex-direction:column;gap:3px;font-weight:600;font-size:clamp(19px,1.9vw,26px);letter-spacing:-.01em;flex:1;white-space:nowrap}
.ws-row-t small{font-family:var(--mono);font-size:13px;font-weight:400;color:rgba(26,24,21,.55);letter-spacing:.02em}
.ws-switch{position:relative;width:clamp(76px,7vw,96px);height:clamp(44px,4vw,54px);border-radius:999px;background:color-mix(in oklab,#14120F calc(var(--on)*100%),#E6E1D7);flex:none}
.ws-switch i{position:absolute;top:4px;left:4px;width:calc(100% / 2 - 4px);height:calc(100% - 8px);border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);transform:translateX(calc(var(--on)*100%))}
/* number */
.ws-num{display:inline-flex;align-items:baseline;gap:10px;font-family:var(--serif);font-weight:420;letter-spacing:-.03em;color:#14120F}
.ws-num small{font-family:var(--sans);font-size:clamp(20px,2vw,28px);color:rgba(26,24,21,.55);font-weight:500}
.ws-count{font-size:clamp(72px,9vw,136px);line-height:1;--n:calc(var(--v)*6240);counter-reset:n var(--n)}
.ws-count::before{content:counter(n)}
.ws-pill{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 18px;border-radius:999px;background:#EAF5EF;color:#2f7a4d;font-weight:600;font-size:16px;opacity:calc(var(--v)*var(--v))}
.ws-pill svg{width:16px;height:16px}
/* segmented */
.ws-seg{position:relative;display:grid;grid-template-columns:1fr 1fr;height:clamp(76px,7.4vw,104px);width:min(92vw,560px);padding:6px;border-radius:999px;background:#fff;box-shadow:0 1px 0 rgba(26,24,21,.06),0 30px 70px -30px rgba(26,24,21,.45),0 0 0 1px rgba(26,24,21,.08)}
.ws-seg b{position:relative;z-index:1;display:grid;place-items:center;font-weight:600;font-size:clamp(22px,2.3vw,32px);letter-spacing:-.015em;color:rgba(26,24,21,.55)}
.ws-seg b:first-of-type{color:color-mix(in oklab,#fff calc(var(--on)*100%),rgba(26,24,21,.55))}
.ws-seg-ind{position:absolute;top:6px;bottom:6px;left:6px;width:calc(50% - 6px);border-radius:999px;background:#14120F;opacity:var(--on);transform:scale(calc(.9 + var(--on)*.1))}
/* ratio */
.ws-ratio{display:flex;align-items:center;gap:26px;width:min(92vw,760px)}
.ws-ratio-n{font-family:var(--serif);font-weight:420;font-size:clamp(56px,6vw,96px);letter-spacing:-.03em;line-height:1;min-width:3.2ch;--n:calc(var(--v)*31);counter-reset:n var(--n)}
.ws-ratio-n::before{content:counter(n) "%"}
.ws-ratio-n{font-size:0}
.ws-ratio-n::before{font-size:clamp(56px,6vw,96px)}
.ws-track{position:relative;flex:1;height:14px;border-radius:999px;background:#E6E1D7}
.ws-fill{position:absolute;left:0;top:0;bottom:0;width:calc(var(--v)*31%);border-radius:999px;background:#14120F}
.ws-mark{position:absolute;left:35%;top:-8px;bottom:-8px;width:3px;border-radius:2px;background:#AD0308}
.ws-ratio small{font-family:var(--mono);font-size:14px;color:rgba(26,24,21,.55);white-space:nowrap}
@media (max-width:760px){.ws{min-height:340px}.ws-cursor{display:none}.ws-row-t small{display:none}.ws-ratio{gap:16px}}
@media (prefers-reduced-motion:reduce){.ws-scene,.ws-obj,.ws-cursor{animation:none!important}.ws-scene{opacity:1}.ws-b,.ws-c{display:none}.ws-obj{--on:1;--v:1}}
@keyframes wsScenea{0%{opacity:0;transform:translateY(24px) scale(.98)}3.33%{opacity:1;transform:none}30.00%{opacity:1;transform:none}33.33%,100%{opacity:0;transform:translateY(-16px) scale(.98)}}
@keyframes wsCursora{0%{opacity:0;transform:translate(220px,160px)}4.00%{opacity:1;transform:translate(220px,160px)}11.33%{transform:translate(0,0) scale(1)}12.67%{transform:translate(0,0) scale(.82)}14.00%{transform:translate(0,0) scale(1)}30.00%{opacity:1;transform:translate(0,0)}33.33%,100%{opacity:0;transform:translate(0,0)}}
@keyframes wsOna{0%{--on:0}12.67%{--on:0}16.00%{--on:1}33.33%,100%{--on:1}}
@keyframes wsFilla{0%{--v:0}5.00%{--v:0}20.00%{--v:1}33.33%,100%{--v:1}}
@keyframes wsSceneb{0%,33.33%{opacity:0;transform:translateY(24px) scale(.98)}36.67%{opacity:1;transform:none}63.33%{opacity:1;transform:none}66.67%,100%{opacity:0;transform:translateY(-16px) scale(.98)}}
@keyframes wsCursorb{0%,33.33%{opacity:0;transform:translate(220px,160px)}37.33%{opacity:1;transform:translate(220px,160px)}44.67%{transform:translate(0,0) scale(1)}46.00%{transform:translate(0,0) scale(.82)}47.33%{transform:translate(0,0) scale(1)}63.33%{opacity:1;transform:translate(0,0)}66.67%,100%{opacity:0;transform:translate(0,0)}}
@keyframes wsOnb{0%,33.33%{--on:0}46.00%{--on:0}49.33%{--on:1}66.67%,100%{--on:1}}
@keyframes wsFillb{0%,33.33%{--v:0}38.33%{--v:0}53.33%{--v:1}66.67%,100%{--v:1}}
@keyframes wsScenec{0%,66.67%{opacity:0;transform:translateY(24px) scale(.98)}70.00%{opacity:1;transform:none}96.67%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-16px) scale(.98)}}
@keyframes wsCursorc{0%,66.67%{opacity:0;transform:translate(220px,160px)}70.67%{opacity:1;transform:translate(220px,160px)}78.00%{transform:translate(0,0) scale(1)}79.33%{transform:translate(0,0) scale(.82)}80.67%{transform:translate(0,0) scale(1)}96.67%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(0,0)}}
@keyframes wsOnc{0%,66.67%{--on:0}79.33%{--on:0}82.67%{--on:1}100%{--on:1}}
@keyframes wsFillc{0%,66.67%{--v:0}71.67%{--v:0}86.67%{--v:1}100%{--v:1}}
/* ws-pill: escape the legacy absolute rule */
.wow-single .ws-pill{position:static!important;left:auto!important;bottom:auto!important;transform:none!important;margin:0!important}
/* ===== Wow v13.1: camera. Scenes zoom in from blur, push in on the tap, hand for the tenant, arrow for the landlord, tap ripple ===== */
.ws{perspective:1200px}
.ws-scene{transform-origin:50% 45%;will-change:transform,opacity,filter}
.ws-obj{transform-style:preserve-3d}
.ws-cursor{width:34px;height:34px;left:calc(50% + 14px);top:calc(50% + 10px);transform-origin:20% 15%;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35))}
.ws-hand{width:clamp(72px,7vw,104px);height:auto;left:calc(50% - 4px);top:calc(50% - 6px);transform-origin:42% 8%}
.ws-ripple{position:absolute;left:calc(50% + 10px);top:calc(50% + 4px);width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;border:3px solid rgba(26,24,21,.55);opacity:0;pointer-events:none;animation:var(--dur) cubic-bezier(.2,.7,.2,1) infinite}
.ws-b .ws-ripple{left:calc(50% + min(38%,240px))}
.ws-a .ws-ripple{animation-name:wsRipplea}.ws-b .ws-ripple{animation-name:wsRippleb}.ws-c .ws-ripple{animation-name:wsRipplec}
.ws-c .ws-ripple,.ws-c .ws-cursor{display:none}
.ws-b .ws-cursor{left:calc(50% + min(38%,240px) - 10px)}
.ws-b .ws-hand{left:calc(50% + min(38%,240px) - 26px)}
/* number scene: the digits themselves zoom while counting */
.ws-num{transform-origin:50% 60%;animation:var(--dur) cubic-bezier(.2,.7,.2,1) infinite}
.ws-c .ws-num{animation-name:wsZoomc}
.ws-count{font-variant-numeric:tabular-nums}
.ws-count::before{content:counter(n)}
.ws-ratio-n::before{content:counter(n) "%"}
/* ratio scene: bar sweeps in from the left, mark pops */
.ws-mark{transform:scaleY(calc(.4 + var(--v)*.6))}
/* floor shadow under the object grows as it pushes in */
.ws-obj::after{content:"";position:absolute;left:10%;right:10%;bottom:-38px;height:40px;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,rgba(26,24,21,.22),transparent 70%);filter:blur(10px);z-index:-1}
.ws-c .ws-obj::after{display:none}
@media (max-width:760px){.ws-hand{display:none}}
@media (prefers-reduced-motion:reduce){.ws-ripple,.ws-num{animation:none!important}}
@keyframes wsScenea{0%{opacity:0;transform:scale(1.35) translateY(30px);filter:blur(10px)}4.00%{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}12.00%{transform:scale(1)}14.67%{transform:scale(1.08)}18.67%{transform:scale(1.03)}30.00%{opacity:1;transform:scale(1.03);filter:blur(0)}33.33%,100%{opacity:0;transform:scale(.92) translateY(-20px);filter:blur(8px)}}
@keyframes wsCursora{0%{opacity:0;transform:translate(300px,260px) rotate(-10deg) scale(1.15)}4.67%{opacity:1;transform:translate(300px,260px) rotate(-10deg) scale(1.15)}11.33%{transform:translate(0,0) rotate(0) scale(1)}13.00%{transform:translate(0,0) rotate(0) scale(.78)}15.00%{transform:translate(0,0) rotate(0) scale(1)}20.67%{opacity:1;transform:translate(0,0) scale(1)}26.67%{opacity:0;transform:translate(120px,180px) rotate(-6deg) scale(1.1)}33.33%,100%{opacity:0;transform:translate(120px,180px) scale(1.1)}}
@keyframes wsRipplea{0%{opacity:0;transform:scale(.2)}13.00%{opacity:.5;transform:scale(.2)}18.67%{opacity:0;transform:scale(2.6)}33.33%,100%{opacity:0;transform:scale(2.6)}}
@keyframes wsOna{0%{--on:0}13.33%{--on:0}16.67%{--on:1}33.33%,100%{--on:1}}
@keyframes wsFilla{0%{--v:0}5.33%{--v:0}20.67%{--v:1}33.33%,100%{--v:1}}
@keyframes wsZooma{0%{transform:scale(.8)}5.33%{transform:scale(.8)}20.67%{transform:scale(1.18)}24.00%{transform:scale(1.1)}33.33%,100%{transform:scale(1.1)}}
@keyframes wsSceneb{0%,33.33%{opacity:0;transform:scale(1.35) translateY(30px);filter:blur(10px)}37.33%{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}45.33%{transform:scale(1)}48.00%{transform:scale(1.08)}52.00%{transform:scale(1.03)}63.33%{opacity:1;transform:scale(1.03);filter:blur(0)}66.67%,100%{opacity:0;transform:scale(.92) translateY(-20px);filter:blur(8px)}}
@keyframes wsCursorb{0%,33.33%{opacity:0;transform:translate(300px,260px) rotate(-10deg) scale(1.15)}38.00%{opacity:1;transform:translate(300px,260px) rotate(-10deg) scale(1.15)}44.67%{transform:translate(0,0) rotate(0) scale(1)}46.33%{transform:translate(0,0) rotate(0) scale(.78)}48.33%{transform:translate(0,0) rotate(0) scale(1)}54.00%{opacity:1;transform:translate(0,0) scale(1)}60.00%{opacity:0;transform:translate(120px,180px) rotate(-6deg) scale(1.1)}66.67%,100%{opacity:0;transform:translate(120px,180px) scale(1.1)}}
@keyframes wsRippleb{0%,33.33%{opacity:0;transform:scale(.2)}46.33%{opacity:.5;transform:scale(.2)}52.00%{opacity:0;transform:scale(2.6)}66.67%,100%{opacity:0;transform:scale(2.6)}}
@keyframes wsOnb{0%,33.33%{--on:0}46.67%{--on:0}50.00%{--on:1}66.67%,100%{--on:1}}
@keyframes wsFillb{0%,33.33%{--v:0}38.67%{--v:0}54.00%{--v:1}66.67%,100%{--v:1}}
@keyframes wsZoomb{0%,33.33%{transform:scale(.8)}38.67%{transform:scale(.8)}54.00%{transform:scale(1.18)}57.33%{transform:scale(1.1)}66.67%,100%{transform:scale(1.1)}}
@keyframes wsScenec{0%,66.67%{opacity:0;transform:scale(1.35) translateY(30px);filter:blur(10px)}70.67%{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}78.67%{transform:scale(1)}81.33%{transform:scale(1.08)}85.33%{transform:scale(1.03)}96.67%{opacity:1;transform:scale(1.03);filter:blur(0)}100%{opacity:0;transform:scale(.92) translateY(-20px);filter:blur(8px)}}
@keyframes wsCursorc{0%,66.67%{opacity:0;transform:translate(300px,260px) rotate(-10deg) scale(1.15)}71.33%{opacity:1;transform:translate(300px,260px) rotate(-10deg) scale(1.15)}78.00%{transform:translate(0,0) rotate(0) scale(1)}79.67%{transform:translate(0,0) rotate(0) scale(.78)}81.67%{transform:translate(0,0) rotate(0) scale(1)}87.33%{opacity:1;transform:translate(0,0) scale(1)}93.33%{opacity:0;transform:translate(120px,180px) rotate(-6deg) scale(1.1)}100%{opacity:0;transform:translate(120px,180px) scale(1.1)}}
@keyframes wsRipplec{0%,66.67%{opacity:0;transform:scale(.2)}79.67%{opacity:.5;transform:scale(.2)}85.33%{opacity:0;transform:scale(2.6)}100%{opacity:0;transform:scale(2.6)}}
@keyframes wsOnc{0%,66.67%{--on:0}80.00%{--on:0}83.33%{--on:1}100%{--on:1}}
@keyframes wsFillc{0%,66.67%{--v:0}72.00%{--v:0}87.33%{--v:1}100%{--v:1}}
@keyframes wsZoomc{0%,66.67%{transform:scale(.8)}72.00%{transform:scale(.8)}87.33%{transform:scale(1.18)}90.67%{transform:scale(1.1)}100%{transform:scale(1.1)}}
/* ===== Perf reset (2026-09-26): heavy animations only run while their section is on screen; blur filters removed ===== */
.cvz-plate:not(.is-live) .cvz-light i,
.ol-plate:not(.is-live) .ol-dots i,.ol-plate:not(.is-live) .ol-grid,.ol-plate:not(.is-live) .ol-card,.ol-plate:not(.is-live) .ol-tag-b,
.wow-single:not(.is-live) .ws-scene,.wow-single:not(.is-live) .ws-obj,.wow-single:not(.is-live) .ws-cursor,.wow-single:not(.is-live) .ws-ripple,.wow-single:not(.is-live) .ws-num,
.cb-plate:not(.is-live) .cb-grain,.cb-plate:not(.is-live) .cb-spark,.cb-plate:not(.is-live) .cb-horizon::before,.cb-plate:not(.is-live) .cb-horizon::after{animation-play-state:paused!important}
.wow-pane[hidden] *{animation-play-state:paused!important}
.cvz-light i{filter:none!important;opacity:.14!important}
.cvz-light i:nth-child(2){opacity:.09!important}
.ws-scene{filter:none!important;will-change:transform,opacity}
.ws-obj::after{filter:none!important;opacity:.7}
.ol-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(255,255,255,.92)!important}
.ol-chip{backdrop-filter:none!important}
.gh-newtag{backdrop-filter:none!important}
/* ===== Verified v14: the stone-slab render is the section. Real object right, copy left on the curtain's shadow. ===== */
.cvz-plate{display:block!important;min-height:clamp(460px,46vw,660px)!important;background:#12070A!important;place-items:unset!important}
.cvz-render[src]{display:block!important;object-fit:cover!important;object-position:72% 50%!important;opacity:1!important}
.cvz-render[src]~.cvz-light{opacity:1!important;background:linear-gradient(90deg,rgba(18,7,10,.92) 0,rgba(18,7,10,.7) 32%,rgba(18,7,10,.15) 55%,rgba(18,7,10,0) 70%),linear-gradient(180deg,rgba(18,7,10,.35),rgba(18,7,10,0) 30%,rgba(18,7,10,0) 75%,rgba(18,7,10,.45))!important}
.cvz-light i,.cvz-floor{display:none!important}
.cvz-in{position:absolute!important;inset:0!important;max-width:min(56%,680px)!important;display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:center!important;text-align:left!important;padding:clamp(36px,5vw,72px) clamp(28px,5.5vw,88px)!important}
.cvz-eyeb{margin-bottom:20px!important}
.cvz-laurel.l{display:none!important}
.cvz-h{font-size:clamp(44px,5.2vw,84px)!important;margin-bottom:16px!important}
.cvz-h-row{justify-content:flex-start!important}
.cvz-sub{margin-bottom:14px!important;text-align:left}
.cvz-p{margin-bottom:30px!important;max-width:40ch!important;text-align:left!important}
.cvz-cta{box-shadow:0 14px 34px -12px rgba(0,0,0,.8)!important}
@media (max-width:900px){
.cvz-plate{min-height:0!important}
.cvz-render[src]{position:relative!important;height:auto!important;aspect-ratio:4/3;object-position:50% 40%!important}
.cvz-render[src]~.cvz-light{background:linear-gradient(180deg,rgba(18,7,10,0) 50%,#12070A 100%)!important}
.cvz-in{position:relative!important;inset:auto!important;max-width:none!important;margin-top:-26%;padding:0 24px 44px!important;align-items:center!important;text-align:center!important}
.cvz-h-row{justify-content:center!important}.cvz-sub,.cvz-p{text-align:center!important}
}
/* ===== Verified v15: cinematic. Whole slab shown, slow push-in, blurred set behind it, vignette, grain, a gold light leak drifting across ===== */
.cvz-plate{min-height:clamp(560px,54vw,820px)!important;background:#0D0508!important;overflow:hidden!important}
.cvz-bgblur{position:absolute;inset:-6%;width:112%;height:112%;object-fit:cover;object-position:50% 45%;filter:blur(28px) saturate(1.15) brightness(.55);z-index:0;pointer-events:none}
.cvz-render[src]{position:absolute!important;left:auto!important;right:4%!important;top:0!important;bottom:0!important;height:100%!important;width:auto!important;max-width:64%!important;object-fit:contain!important;object-position:100% 50%!important;z-index:1!important;transform-origin:50% 100%;animation:cvzPush 34s ease-in-out infinite alternate;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 100%);filter:drop-shadow(-40px 0 80px rgba(0,0,0,.6))}
@keyframes cvzPush{0%{transform:scale(1) translateX(0)}100%{transform:scale(1.07) translateX(-1.5%)}}
.cvz-render[src]~.cvz-light{z-index:2!important;background:linear-gradient(90deg,rgba(13,5,8,.94) 0,rgba(13,5,8,.8) 30%,rgba(13,5,8,.35) 50%,rgba(13,5,8,0) 66%),radial-gradient(120% 90% at 50% 50%,transparent 45%,rgba(13,5,8,.75) 100%),linear-gradient(180deg,rgba(13,5,8,.55),rgba(13,5,8,0) 22%,rgba(13,5,8,0) 72%,rgba(13,5,8,.7))!important}
.cvz-leak{position:absolute;inset:-20% -30%;z-index:2;pointer-events:none;mix-blend-mode:screen;opacity:.55;background:linear-gradient(100deg,transparent 30%,rgba(255,196,110,.55) 46%,rgba(255,225,170,.75) 50%,rgba(255,196,110,.55) 54%,transparent 70%);background-size:60% 100%;background-repeat:no-repeat;animation:cvzLeak 18s ease-in-out infinite alternate}
@keyframes cvzLeak{0%{background-position:-30% 0}100%{background-position:130% 0}}
.cvz-grain{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.14;mix-blend-mode:overlay;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.cvz-in{z-index:4!important;max-width:min(50%,620px)!important}
.cvz-eyeb{font-size:11px!important;letter-spacing:.3em!important;color:rgba(240,210,138,.85)!important;margin-bottom:26px!important}
.cvz-h{font-size:clamp(48px,5.6vw,92px)!important;line-height:.94!important;margin-bottom:20px!important}
.cvz-h-row{filter:drop-shadow(0 18px 40px rgba(0,0,0,.7))!important}
.cvz-sub{font-size:clamp(20px,1.9vw,27px)!important;margin-bottom:16px!important}
.cvz-p{color:rgba(246,231,200,.6)!important;font-size:clamp(15px,1.25vw,17px)!important;margin-bottom:34px!important}
.cvz-cta{height:50px!important;font-size:16px!important;background:rgba(255,255,255,.96)!important}
.cvz-plate:not(.is-live) .cvz-render,.cvz-plate:not(.is-live) .cvz-leak{animation-play-state:paused!important}
@media (max-width:900px){
.cvz-plate{min-height:0!important;aspect-ratio:4/5}
.cvz-render[src]{position:absolute!important;right:auto!important;left:50%!important;transform:translateX(-50%)!important;height:62%!important;top:auto!important;bottom:0!important;max-width:none!important;width:auto!important;aspect-ratio:auto;mask-image:none!important;-webkit-mask-image:none!important;animation:none!important}
.cvz-render[src]~.cvz-light{background:linear-gradient(180deg,rgba(13,5,8,.9) 0,rgba(13,5,8,.6) 34%,rgba(13,5,8,0) 55%,rgba(13,5,8,.6) 100%)!important}
.cvz-in{position:absolute!important;inset:0 0 auto 0!important;max-width:none!important;margin:0!important;padding:36px 24px 0!important;align-items:center!important;text-align:center!important;justify-content:flex-start!important}
.cvz-p{display:none!important}
}
@media (prefers-reduced-motion:reduce){.cvz-render,.cvz-leak{animation:none!important}}
/* ===== Verified v16: gold logo sculpture on black (hf-logo-plates). Full-bleed, slow push-in, copy in the dark left half. No curtain, no stone. ===== */
.cvz-plate{background:#000!important;min-height:clamp(480px,50vw,760px)!important}
.cvz-bgblur{display:none!important}
.cvz-render[src]{position:absolute!important;inset:0!important;left:0!important;right:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:68% 55%!important;mask-image:none!important;-webkit-mask-image:none!important;filter:none!important;transform-origin:70% 60%;animation:cvzPush2 40s ease-in-out infinite alternate}
@keyframes cvzPush2{0%{transform:scale(1)}100%{transform:scale(1.08)}}
.cvz-render[src]~.cvz-light{background:linear-gradient(90deg,rgba(0,0,0,.88) 0,rgba(0,0,0,.66) 30%,rgba(0,0,0,.2) 48%,rgba(0,0,0,0) 60%),linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,0) 20%,rgba(0,0,0,0) 80%,rgba(0,0,0,.5))!important}
.cvz-leak{opacity:.32!important;background:linear-gradient(100deg,transparent 30%,rgba(255,200,110,.35) 46%,rgba(255,228,170,.5) 50%,rgba(255,200,110,.35) 54%,transparent 70%)!important;background-size:60% 100%!important;background-repeat:no-repeat!important;mix-blend-mode:screen}
.cvz-grain{opacity:.1!important}
.cvz-in{max-width:min(52%,640px)!important}
.cvz-eyeb{color:rgba(240,210,138,.8)!important}
.cvz-sub{color:#F6E7C8!important}
.cvz-p{color:rgba(246,231,200,.62)!important}
@media (max-width:900px){
.cvz-plate{aspect-ratio:auto;min-height:0!important}
.cvz-render[src]{position:relative!important;inset:auto!important;left:auto!important;transform:none!important;height:auto!important;aspect-ratio:16/10;object-position:70% 50%!important;animation:none!important}
.cvz-render[src]~.cvz-light{background:linear-gradient(180deg,rgba(0,0,0,0) 40%,#000 100%)!important}
.cvz-in{position:relative!important;inset:auto!important;max-width:none!important;margin-top:-30%;padding:0 24px 44px!important;align-items:center!important;text-align:center!important}
.cvz-p{display:block!important;text-align:center!important}
}
.cvz-h-w{display:inline-flex;align-items:center;gap:.18em;white-space:nowrap}
/* ===== One link: real product UI in the cards (rows, states, chart), icon tiles in the stack ===== */
.ol-app{display:grid;place-items:center;background:var(--tile,#fff);color:var(--ink,#14120F)}
.ol-app svg{width:22px;height:22px}
.ol-card{gap:14px;padding:16px 16px 18px;border-radius:20px}
.ol-card-head small{font-family:var(--mono);letter-spacing:.04em}
.ol-c2 .ol-card-head small{color:#2f7a4d;display:inline-flex;align-items:center;gap:6px}
.ol-c2 .ol-card-head small::before{content:"";width:6px;height:6px;border-radius:50%;background:#2f7a4d;box-shadow:0 0 0 3px rgba(47,122,77,.18)}
.ol-who{display:flex;align-items:center;gap:10px}
.ol-who>span{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.ol-who>span>b{font-size:14.5px;font-weight:600;display:inline-flex;align-items:center;gap:5px}
.ol-who>span>small{font-size:12px;color:rgba(26,24,21,.55)}
.ol-av-img{overflow:hidden;background:#EAE4D6}
.ol-av-img img{width:100%;height:100%;object-fit:cover;display:block}
.ol-list{display:flex;flex-direction:column;border:1px solid rgba(26,24,21,.08);border-radius:14px;overflow:hidden;background:#fff}
.ol-li{display:grid;grid-template-columns:20px 1fr 22px;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid rgba(26,24,21,.07);font-size:13.5px;font-weight:600}
.ol-li:first-child{border-top:0}
.ol-li i{display:grid;place-items:center;color:var(--ink)}
.ol-li i svg{width:18px;height:18px}
.ol-li span{display:flex;flex-direction:column;gap:1px;min-width:0}
.ol-li small{font-size:11.5px;font-weight:400;color:rgba(26,24,21,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ol-ok{width:22px;height:22px;border-radius:50%;background:#14120F;color:#fff;display:grid;place-items:center}
.ol-ok svg{width:12px;height:12px}
.ol-c1 .ol-chip{margin-top:-4px;align-self:flex-start;height:32px;font-size:12.5px}
.ol-stat{display:flex;flex-direction:column;gap:2px;margin-top:-2px}
.ol-stat small{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(26,24,21,.5)}
.ol-stat b{font-family:var(--serif);font-weight:420;font-size:30px;letter-spacing:-.02em;line-height:1}
.ol-bars{height:64px;gap:4px;margin-top:2px}
.ol-bars i{border-radius:3px 3px 2px 2px;background:linear-gradient(180deg,#2F55FF,#8AA0FF)}
.ol-bars i:nth-child(n+10){background:linear-gradient(180deg,#14120F,#4a4640)}
.ol-axis{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:rgba(26,24,21,.45);margin-top:-6px}
.ol-c2 .ol-tag-a{left:auto;right:-14px;bottom:-18px}
.ol-docs{display:flex;flex-direction:column;gap:6px}
.ol-doc{display:grid;grid-template-columns:18px 1fr 20px;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:#F7F4EE;font-size:13.5px;font-weight:500}
.ol-doc i{display:grid;place-items:center;color:rgba(26,24,21,.6)}
.ol-doc i svg{width:16px;height:16px}
.ol-doc b{width:20px;height:20px;border-radius:50%;display:grid;place-items:center}
.ol-doc.is-done b{background:#2f7a4d;color:#fff}
.ol-doc.is-done b svg{width:11px;height:11px}
.ol-doc.is-wait{background:#fff;border:1px dashed rgba(26,24,21,.22);color:rgba(26,24,21,.6)}
.ol-doc.is-wait b{border:2px solid rgba(26,24,21,.25);animation:olWait 1.6s ease-in-out infinite}
@keyframes olWait{0%,100%{box-shadow:0 0 0 0 rgba(47,85,255,0)}50%{box-shadow:0 0 0 5px rgba(47,85,255,.18)}}
.ol-c1{width:min(320px,27vw);top:14%}
.ol-c2{width:min(320px,27vw);top:10%}
.ol-c3{width:min(280px,23vw);bottom:-4%}
/* One link: no overlap. Below 1280px the cards leave the floating layer and sit in a row under the headline; who-rows are horizontal */
.ol-who{flex-direction:row!important;align-items:center!important;min-width:0!important}
.ol-who>span{flex:1;min-width:0}
.ol-who>span>b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ol-who>span>small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ol-card{max-width:100%;min-width:0}
.ol-card *{min-width:0}
@media (max-width:1280px){
.ol-plate{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start;padding:0 24px 44px;place-items:unset!important}
.ol-in{grid-column:1/-1;padding-bottom:clamp(20px,3vw,36px)}
.ol-card{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:auto!important;animation:none!important;display:flex!important}
.ol-c2 .ol-tag-a{right:12px;bottom:-14px;height:34px;font-size:13px;padding:0 12px}
.ol-tag-b{display:none!important}
.ol-grid{height:60%}
}
@media (max-width:900px){
.ol-plate{grid-template-columns:1fr;padding:0 16px 36px}
.ol-card{display:flex!important}
.ol-in{padding:44px 12px 20px}
}
/* One link ≥1281px: three separate lanes — c1 top-left, c2 top-right, c3 bottom-left; tag stays inside its card */
@media (min-width:1281px){
.ol-plate{min-height:clamp(640px,46vw,760px)!important}
.ol-c1{left:clamp(16px,4%,80px);top:8%}
.ol-c2{right:clamp(16px,4%,80px);top:8%}
.ol-c3{left:clamp(16px,4%,80px);right:auto;top:calc(8% + 372px);bottom:auto;width:min(300px,23vw)}
.ol-c2 .ol-tag-a{right:12px;bottom:12px}
.ol-tag-b{left:auto;right:clamp(60px,9%,180px);bottom:14%}
}
/* ===== Pack card takes the One link container: cream plate, cobalt neon edge, perspective grid floor, ink type, cobalt accents ===== */
.ft-hero-pack{background:#FBFAF6!important;color:var(--ink)!important;border-radius:22px!important;box-shadow:0 0 0 2px #2F55FF inset,0 0 0 3px rgba(255,255,255,.9) inset,0 0 26px 2px rgba(47,85,255,.55) inset,0 0 0 1px rgba(47,85,255,.35),0 0 40px -6px rgba(47,85,255,.55),0 30px 80px -40px rgba(2,32,130,.35)!important}
.ft-hero-pack .islot{display:none!important}
.ft-hero-pack .ft-shade{background:radial-gradient(60% 50% at 50% 100%,rgba(47,85,255,.22),transparent 70%),linear-gradient(180deg,rgba(47,85,255,.1),transparent 22%,transparent 80%,rgba(47,85,255,.18))!important}
.ft-gridfloor{position:absolute;left:-30%;right:-30%;bottom:-10%;height:60%;z-index:1;pointer-events:none;transform:perspective(700px) rotateX(62deg);transform-origin:50% 100%;background:linear-gradient(90deg,rgba(47,85,255,.42) 1.5px,transparent 1.5px) 0 0/72px 100%,linear-gradient(180deg,rgba(47,85,255,.42) 1.5px,transparent 1.5px) 0 0/100% 72px;-webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.5) 35%,#000 75%);mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.5) 35%,#000 75%);animation:olGrid 6s linear infinite}
.ft-hero-pack:not(.is-live) .ft-gridfloor{animation-play-state:paused}
.ft-hero-pack .ft-h{color:var(--ink)!important;text-shadow:none!important}
.ft-hero-pack .ft-h em{color:#2F55FF!important}
.ft-hero-pack .ft-checks{color:rgba(26,24,21,.72)!important}
.ft-hero-pack .ft-checks svg{color:#2F55FF}
.ft-pack{background:rgba(255,255,255,.9)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.9)!important;box-shadow:0 1px 0 rgba(26,24,21,.04),0 30px 60px -30px rgba(2,32,130,.35),0 0 0 1px rgba(47,85,255,.1)!important;border-radius:18px!important}
.ft-hero-pack .ft-cta{background:#fff!important;color:#14120F!important;border-radius:14px!important;box-shadow:0 1px 0 rgba(26,24,21,.06),0 14px 34px -14px rgba(2,32,130,.45),0 0 0 1px rgba(26,24,21,.08)!important}
.ft-hero-pack .ft-cta:hover{transform:translateY(-2px)!important;box-shadow:0 1px 0 rgba(26,24,21,.06),0 18px 40px -14px rgba(2,32,130,.55),0 0 0 1px rgba(26,24,21,.14)!important}
/* Pack card: One link anatomy — icon stack, giant cobalt caps, one line, ledger, CTA. Centered, no checklist. */
.ft-hero-pack .ft-hero-in{align-items:center!important;text-align:center!important;justify-content:center!important;padding:clamp(28px,3vw,40px) clamp(20px,2.4vw,32px)!important;gap:0!important}
.ft-hero-pack .ft-stack{margin-bottom:14px;height:56px}
.ft-hero-pack .ft-stack .ol-app{width:38px;height:38px;border-radius:11px}
.ft-hero-pack .ft-stack .ol-app svg{width:19px;height:19px}
.ft-hero-pack .ft-stack .ol-app.a3{width:50px;height:50px;border-radius:14px;padding:8px}
.ft-hero-pack .ft-h{font-family:var(--sans)!important;font-weight:900!important;font-size:clamp(40px,4.6vw,68px)!important;line-height:.9!important;letter-spacing:-.045em!important;text-transform:uppercase!important;color:#2F55FF!important;text-shadow:0 0 30px rgba(47,85,255,.35),0 2px 0 rgba(255,255,255,.8)!important;max-width:none!important;margin:0 0 10px!important}
.ft-sub2{margin:0 0 22px;font-family:var(--sans);font-size:clamp(15px,1.3vw,18px);line-height:1.4;color:rgba(26,24,21,.68)}
.ft-hero-pack .ft-checks{display:none!important}
.ft-hero-pack .ft-pack{margin:0 auto 22px!important;max-width:420px!important}
.ft-hero-pack .ft-cta{align-self:center}
/* Pack card: no ledger */
.ft-hero-pack .ft-pack{display:none!important}
.ft-sub2{margin-bottom:26px!important}
/* Highlights posters: bigger type inside */
.hc-p .hc-eyeb{font-size:clamp(11px,2.8cqw,15px)!important}
.hc-p .hc-big{font-size:clamp(32px,9.6cqw,84px)!important;line-height:.96!important}
.hc-p .hc-mid{font-size:clamp(20px,5.4cqw,46px)!important}
.hc-p .hc-pill{font-size:clamp(11px,2.8cqw,15px)!important;height:clamp(28px,7.2cqw,46px)!important;padding:0 clamp(12px,3cqw,22px)!important}
.hc-ty{gap:clamp(6px,1.6cqw,14px)!important}
/* Pack card: the stack's logo tile was caught by the legacy .ft-hero img full-bleed rule */
.ft-hero .ft-stack .ol-app{position:relative!important;overflow:hidden}
.ft-hero .ft-stack .ol-app img{position:static!important;inset:auto!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:50% 50%!important;opacity:1!important;filter:brightness(0) invert(1)!important;-webkit-mask-image:none!important;mask-image:none!important;z-index:auto!important;left:auto!important;display:block}
.ft-hero .ft-stack .ol-app.a3{background:#2F55FF!important}
/* ===== Feature cards: dark app-card anatomy — icon top-left, category pill top-right, bold title + italic pink tag, grey description ===== */
.ft-card{background:#18181B!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:18px!important;padding:18px 18px 20px!important;gap:6px!important;color:#fff!important;box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 20px 40px -30px rgba(0,0,0,.6);transition:transform .25s,border-color .25s,background .25s}
.ft-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.18)!important;background:#1E1E22!important}
.ft-card.hot{border-color:rgba(255,255,255,.35)!important}
.ft-card .ft-ic{width:auto!important;height:auto!important;background:none!important;border:0!important;color:#fff!important;margin-bottom:22px!important}
.ft-card .ft-ic svg{width:24px;height:24px;stroke-width:2}
.ft-card .ft-tag{top:14px!important;right:14px!important;height:30px!important;padding:0 12px!important;border-radius:10px!important;background:#2A2A2F!important;color:#E9E9EC!important;font-size:13.5px!important;font-weight:500!important}
.ft-card .ft-k{font-family:var(--sans)!important;font-weight:700!important;font-size:17px!important;letter-spacing:-.01em!important;color:#fff!important;display:inline-flex!important;align-items:center;gap:8px;flex-wrap:wrap}
.ft-top{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:5px;background:#FF2D7A;color:#fff;font-style:italic;font-weight:700;font-size:11.5px;letter-spacing:.02em;text-transform:uppercase;transform:skewX(-6deg)}
.ft-card .ft-s{font-size:14.5px!important;line-height:1.4!important;color:rgba(255,255,255,.55)!important}
/* Feature cards: white mode, tighter type */
.ft-card{background:#fff!important;border:1px solid rgba(26,24,21,.08)!important;color:var(--ink)!important;box-shadow:0 1px 2px rgba(26,24,21,.04),0 16px 40px -28px rgba(26,24,21,.25)!important;justify-content:flex-start!important}
.ft-card:hover{background:#fff!important;border-color:rgba(26,24,21,.22)!important;box-shadow:0 1px 2px rgba(26,24,21,.04),0 22px 48px -28px rgba(26,24,21,.35)!important}
.ft-card.hot{border-color:var(--ink)!important}
.ft-card .ft-ic{color:var(--ink)!important;margin-bottom:26px!important}
.ft-card .ft-ic svg{stroke-width:1.9}
.ft-card .ft-tag{background:#F1EEE8!important;color:rgba(26,24,21,.72)!important;height:28px!important;padding:0 11px!important;border-radius:9px!important;font-size:13px!important}
.ft-card .ft-k{font-size:18px!important;font-weight:600!important;letter-spacing:-.015em!important;color:var(--ink)!important;line-height:1.2!important;gap:8px}
.ft-top{height:19px;padding:0 7px;font-size:10.5px;letter-spacing:.06em;border-radius:4px;transform:skewX(-8deg)}
.ft-card .ft-s{font-size:14px!important;line-height:1.45!important;color:rgba(26,24,21,.55)!important;margin-top:2px!important;max-width:26ch;text-wrap:pretty}
/* Highlights: the four screenshot cards become typographic posters in the same family */
.hc-p-lynk{--acc:#2f7a4d;background:#F3F7F2}
.hc-p-lynk .hc-glow{background:radial-gradient(60% 70% at 100% 100%,rgba(47,122,77,.55) 0,rgba(47,122,77,0) 70%),radial-gradient(50% 60% at 0% 0%,rgba(47,122,77,.25),rgba(47,122,77,0) 70%)}
.hc-p-lynk .hc-pill{background:#14120F!important}
.hc-p-unity{--acc:#1a3fbf;background:#0E1230}
.hc-p-unity .hc-glow{background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0/100% 24px,linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0/24px 100%,radial-gradient(70% 60% at 50% 110%,rgba(58,91,255,.7),rgba(58,91,255,0) 70%)}
.hc-p-unity .hc-ty{color:#fff!important}
.hc-p-unity .hc-big{color:#fff!important}
.hc-p-unity .hc-eyeb{color:#9FB3FF!important}
.hc-p-unity .hc-pill{background:#fff!important;color:#14120F!important}
.hc-p-unity .hc-ty::before{display:none}
.hc-p-biz{--acc:#FF2D7A;background:#0B2B8A}
.hc-p-biz .hc-glow{background:radial-gradient(60% 70% at 90% 0%,rgba(255,45,122,.6) 0,rgba(255,45,122,0) 70%),radial-gradient(60% 60% at 0% 100%,rgba(29,155,240,.5),rgba(29,155,240,0) 70%)}
.hc-p-biz .hc-ty{color:#fff!important}
.hc-p-biz .hc-big{color:#fff!important}
.hc-p-biz .hc-eyeb{color:#FFB3D1!important}
.hc-p-biz .hc-pill{background:#FF2D7A!important;color:#fff!important}
.hc-p-biz .hc-ty::before{display:none}
.hc-p-roi{--acc:#B8893A;background:#FBF8F1}
.hc-p-roi .hc-glow{background:radial-gradient(60% 70% at 0% 100%,rgba(240,210,138,.8) 0,rgba(240,210,138,0) 70%),radial-gradient(50% 60% at 100% 0%,rgba(184,137,58,.3),rgba(184,137,58,0) 70%)}
.hc-p-roi .hc-pill{background:#14120F!important}
/* Wow: drop the camera. Plain fade/slide scenes, quiet tap, no zoom, no ripple, no floor shadow */
.ws-scene{filter:none!important;transform-origin:50% 50%}
.ws-ripple{display:none!important}
.ws-obj::after{display:none!important}
.ws-num{animation:none!important;transform:none!important}
.ws-hand{width:clamp(56px,5.5vw,80px)}
@keyframes wsScenea{0%{opacity:0;transform:translateY(18px)}3.33%{opacity:1;transform:none}30.00%{opacity:1;transform:none}33.33%,100%{opacity:0;transform:translateY(-12px)}}
@keyframes wsCursora{0%{opacity:0;transform:translate(200px,150px)}4.67%{opacity:1;transform:translate(200px,150px)}11.33%{transform:translate(0,0) scale(1)}13.00%{transform:translate(0,0) scale(.9)}15.00%{transform:translate(0,0) scale(1)}30.00%{opacity:1;transform:translate(0,0)}33.33%,100%{opacity:0;transform:translate(0,0)}}
@keyframes wsSceneb{0%,33.33%{opacity:0;transform:translateY(18px)}36.67%{opacity:1;transform:none}63.33%{opacity:1;transform:none}66.67%,100%{opacity:0;transform:translateY(-12px)}}
@keyframes wsCursorb{0%,33.33%{opacity:0;transform:translate(200px,150px)}38.00%{opacity:1;transform:translate(200px,150px)}44.67%{transform:translate(0,0) scale(1)}46.33%{transform:translate(0,0) scale(.9)}48.33%{transform:translate(0,0) scale(1)}63.33%{opacity:1;transform:translate(0,0)}66.67%,100%{opacity:0;transform:translate(0,0)}}
@keyframes wsScenec{0%,66.67%{opacity:0;transform:translateY(18px)}70.00%{opacity:1;transform:none}96.67%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-12px)}}
@keyframes wsCursorc{0%,66.67%{opacity:0;transform:translate(200px,150px)}71.33%{opacity:1;transform:translate(200px,150px)}78.00%{transform:translate(0,0) scale(1)}79.67%{transform:translate(0,0) scale(.9)}81.67%{transform:translate(0,0) scale(1)}96.67%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(0,0)}}
/* Highlights: viewport is full-bleed; cards run off both edges while scrolling, first card aligns to the 24px gutter at rest */
.hc{width:100%;overflow:hidden}
.hc-vp{padding:0!important;overflow:visible!important}
.hc-track{padding-left:24px!important;padding-right:24px!important;scroll-padding:0 24px;-webkit-mask-image:none!important;mask-image:none!important}
.hc-track::after{content:"";flex:0 0 1px}
@media (max-width:640px){.hc-track{padding-left:16px!important;padding-right:16px!important;scroll-padding:0 16px}}
/* ===== Highlights posters: ambient motion — blooms breathe and drift, cut-outs bob, pills pulse, type settles in ===== */
.hc-p .hc-glow{transform-origin:70% 80%;animation:hcBloom 9s ease-in-out infinite alternate}
@keyframes hcBloom{0%{transform:scale(1) translate(0,0);opacity:1}100%{transform:scale(1.12) translate(-2%,-3%);opacity:.85}}
.hc-p .hc-fl{animation:hcBob var(--bd,6s) ease-in-out var(--bdl,0s) infinite alternate}
.hc-fl1{--bd:6.5s}.hc-fl2{--bd:7.5s;--bdl:-2s}.hc-fl3{--bd:5.5s;--bdl:-4s}
@keyframes hcBob{0%{translate:0 0;rotate:0deg}100%{translate:0 -10px;rotate:4deg}}
.hc-p .hc-eyeb{animation:hcRise 1.2s cubic-bezier(.2,.8,.2,1) both}
.hc-p .hc-big{animation:hcRise 1.2s cubic-bezier(.2,.8,.2,1) .12s both}
.hc-p .hc-mid{animation:hcRise 1.2s cubic-bezier(.2,.8,.2,1) .06s both}
.hc-p .hc-pill{animation:hcRise 1.2s cubic-bezier(.2,.8,.2,1) .24s both,hcPulse 4s ease-in-out 1.5s infinite}
@keyframes hcRise{0%{opacity:0;transform:translateY(14px)}100%{opacity:1;transform:none}}
@keyframes hcPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
.hc-p-report .hc-glow{animation-duration:7s}
.hc-slab{animation:hcSlab 1.4s cubic-bezier(.2,.8,.2,1) .3s both}
@keyframes hcSlab{0%{transform:translateY(40px);opacity:0}100%{transform:none;opacity:1}}
.hc-slab-n u{transform-origin:0 50%;animation:hcRule 1s cubic-bezier(.2,.8,.2,1) 1.1s both}
@keyframes hcRule{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
.hc-p-unity .hc-glow,.hc-p-report .hc-glow{background-size:auto,auto,auto;animation:hcGridDrift 8s linear infinite}
@keyframes hcGridDrift{to{background-position:0 24px,24px 0,0 0}}
.hc-p:not(.is-live) *{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){.hc-p *{animation:none!important}}
/* Claude banner: grain texture covered only the copy box, leaving a two-tone plate. Spread it across the whole plate. */
.cb-in::before{display:none!important}
.cb-plate::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}
/* ===== Wow v14: dark stage, spring motion. Components pop white on black, snap in with overshoot, kick on the tap ===== */
.wow-single .ws{background:#0C0B0A;border-radius:24px;padding:clamp(40px,5vw,72px) 24px;width:min(100%,1120px);min-height:clamp(420px,40vw,560px);color:#fff;position:relative;overflow:hidden;isolation:isolate}
.wow-single .ws::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 70% at 50% 0%,rgba(255,255,255,.14),transparent 70%),radial-gradient(120% 80% at 50% 100%,transparent 50%,rgba(0,0,0,.6) 100%)}
.wow-single .ws::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.35;mix-blend-mode:overlay;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}
.ws-scene{z-index:1;animation-timing-function:cubic-bezier(.22,1.2,.36,1)!important}
.ws-label{color:#F3EDE2!important;text-shadow:0 10px 40px rgba(0,0,0,.6)}
.ws-obj{animation-timing-function:linear,cubic-bezier(.22,1.2,.36,1)!important}
.ws-a .ws-obj>*:first-of-type,.ws-b .ws-obj>*:first-of-type,.ws-c .ws-obj>*:first-of-type{transform-origin:50% 50%}
.ws-a .ws-btn,.ws-a .ws-seg{animation:wsKicka var(--dur) linear infinite}
.ws-b .ws-row{animation:wsKickb var(--dur) linear infinite}
.ws-c .ws-btn{animation:wsKickc var(--dur) linear infinite}
.ws-btn,.ws-row,.ws-seg{box-shadow:0 30px 80px -30px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.06),0 1px 0 rgba(255,255,255,.4) inset!important;transform:none}
.ws-btn-dark{background:#fff!important;color:#14120F!important}
.ws-btn-dark .ws-btn-b{color:#2f7a4d!important}
.ws-switch{background:color-mix(in oklab,#2f7a4d calc(clamp(0,var(--on),1)*100%),#E6E1D7)!important}
.ws-switch i{transform:translateX(calc(clamp(0,var(--on),1)*100%))!important}
.ws-btn-a{opacity:calc(1 - clamp(0,var(--on),1))!important}
.ws-btn-b{opacity:clamp(0,var(--on),1)!important}
.ws-seg-ind{opacity:clamp(0,var(--on),1)!important;transform:scale(calc(.9 + clamp(0,var(--on),1)*.1))!important}
.ws-seg b:first-of-type{color:color-mix(in oklab,#fff calc(clamp(0,var(--on),1)*100%),rgba(26,24,21,.55))!important}
.ws-num,.ws-num small{color:#F3EDE2!important}
.ws-num small{color:rgba(243,237,226,.55)!important}
.ws-count{text-shadow:0 0 60px rgba(255,255,255,.18)}
.ws-ratio-n{color:#F3EDE2}
.ws-track{background:rgba(255,255,255,.14)!important}
.ws-fill{background:#fff!important;width:calc(clamp(0,var(--v),1)*31%)!important}
.ws-mark{background:#FF2D7A!important}
.ws-ratio small{color:rgba(243,237,226,.55)!important}
.ws-pill{background:rgba(47,122,77,.22)!important;color:#B7F0C8!important}
.ws-cursor{filter:drop-shadow(0 8px 16px rgba(0,0,0,.6))}
@media (max-width:760px){.wow-single .ws{padding:32px 16px;border-radius:18px;min-height:380px}}
@keyframes wsScenea{0%{opacity:0;transform:translateY(40px) scale(.92)}2.00%{opacity:1;transform:translateY(-6px) scale(1.02)}3.33%{transform:translateY(0) scale(1)}30.67%{opacity:1;transform:translateY(0) scale(1)}33.33%,100%{opacity:0;transform:translateY(-30px) scale(.96)}}
@keyframes wsCursora{0%{opacity:0;transform:translate(260px,200px)}4.00%{opacity:1;transform:translate(260px,200px)}10.00%{transform:translate(-6px,-4px)}11.33%{transform:translate(0,0) scale(1)}12.67%{transform:translate(0,0) scale(.7)}14.00%{transform:translate(0,0) scale(1.05)}15.33%{transform:translate(0,0) scale(1)}23.33%{opacity:1;transform:translate(0,0)}27.33%{opacity:0;transform:translate(90px,120px)}33.33%,100%{opacity:0;transform:translate(90px,120px)}}
@keyframes wsOna{0%{--on:0}12.67%{--on:0}14.33%{--on:1.12}15.67%{--on:.96}16.67%{--on:1}33.33%,100%{--on:1}}
@keyframes wsFilla{0%{--v:0}4.67%{--v:0}16.67%{--v:1.04}18.67%{--v:1}33.33%,100%{--v:1}}
@keyframes wsKicka{0%{transform:scale(1)}12.67%{transform:scale(1)}13.67%{transform:scale(.97)}15.33%{transform:scale(1.03)}17.33%{transform:scale(1)}33.33%,100%{transform:scale(1)}}
@keyframes wsSceneb{0%,33.33%{opacity:0;transform:translateY(40px) scale(.92)}35.33%{opacity:1;transform:translateY(-6px) scale(1.02)}36.67%{transform:translateY(0) scale(1)}64.00%{opacity:1;transform:translateY(0) scale(1)}66.67%,100%{opacity:0;transform:translateY(-30px) scale(.96)}}
@keyframes wsCursorb{0%,33.33%{opacity:0;transform:translate(260px,200px)}37.33%{opacity:1;transform:translate(260px,200px)}43.33%{transform:translate(-6px,-4px)}44.67%{transform:translate(0,0) scale(1)}46.00%{transform:translate(0,0) scale(.7)}47.33%{transform:translate(0,0) scale(1.05)}48.67%{transform:translate(0,0) scale(1)}56.67%{opacity:1;transform:translate(0,0)}60.67%{opacity:0;transform:translate(90px,120px)}66.67%,100%{opacity:0;transform:translate(90px,120px)}}
@keyframes wsOnb{0%,33.33%{--on:0}46.00%{--on:0}47.67%{--on:1.12}49.00%{--on:.96}50.00%{--on:1}66.67%,100%{--on:1}}
@keyframes wsFillb{0%,33.33%{--v:0}38.00%{--v:0}50.00%{--v:1.04}52.00%{--v:1}66.67%,100%{--v:1}}
@keyframes wsKickb{0%,33.33%{transform:scale(1)}46.00%{transform:scale(1)}47.00%{transform:scale(.97)}48.67%{transform:scale(1.03)}50.67%{transform:scale(1)}66.67%,100%{transform:scale(1)}}
@keyframes wsScenec{0%,66.67%{opacity:0;transform:translateY(40px) scale(.92)}68.67%{opacity:1;transform:translateY(-6px) scale(1.02)}70.00%{transform:translateY(0) scale(1)}97.33%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-30px) scale(.96)}}
@keyframes wsCursorc{0%,66.67%{opacity:0;transform:translate(260px,200px)}70.67%{opacity:1;transform:translate(260px,200px)}76.67%{transform:translate(-6px,-4px)}78.00%{transform:translate(0,0) scale(1)}79.33%{transform:translate(0,0) scale(.7)}80.67%{transform:translate(0,0) scale(1.05)}82.00%{transform:translate(0,0) scale(1)}90.00%{opacity:1;transform:translate(0,0)}94.00%{opacity:0;transform:translate(90px,120px)}100%{opacity:0;transform:translate(90px,120px)}}
@keyframes wsOnc{0%,66.67%{--on:0}79.33%{--on:0}81.00%{--on:1.12}82.33%{--on:.96}83.33%{--on:1}100%{--on:1}}
@keyframes wsFillc{0%,66.67%{--v:0}71.33%{--v:0}83.33%{--v:1.04}85.33%{--v:1}100%{--v:1}}
@keyframes wsKickc{0%,66.67%{transform:scale(1)}79.33%{transform:scale(1)}80.33%{transform:scale(.97)}82.00%{transform:scale(1.03)}84.00%{transform:scale(1)}100%{transform:scale(1)}}
/* report poster: live income number */
.hc-p-report .hc-slab-n{font-variant-numeric:tabular-nums;transition:color .4s}
.hc-p-report .hc-slab-n.is-down{color:#AD0308}
.hc-p-report .hc-slab-n u{transition:background .4s}
.hc-p-report .hc-slab-n.is-down u{background:#AD0308}
.hc-p-report .hc-slab-l{white-space:nowrap}
/* report poster: hue-shifting income, glowing spend line, no underline, no red */
.hc-p-report .hc-slab-n{--h:160;color:hsl(var(--h) 60% 38%)!important;text-shadow:0 0 24px hsl(var(--h) 80% 60% / .45);transition:none}
.hc-p-report .hc-slab-n u{display:none!important}
.hc-p-report .hc-slab-n.is-down{color:hsl(var(--h) 60% 38%)!important}
.hc-spend{position:absolute;right:8%;bottom:calc(46% + 8px);z-index:4;display:flex;flex-direction:column;align-items:flex-end;line-height:1;pointer-events:none}
.hc-spend small{font-family:var(--sans);font-weight:700;font-size:clamp(11px,2.6cqw,16px);color:#FF4FA3;letter-spacing:-.01em;margin-bottom:2px;text-shadow:0 0 18px rgba(255,79,163,.7)}
.hc-spend b{font-family:var(--sans);font-weight:800;font-size:clamp(20px,5.4cqw,44px);letter-spacing:-.04em;color:#FF2D7A;font-variant-numeric:tabular-nums;text-shadow:0 0 26px rgba(255,45,122,.75),0 0 60px rgba(255,45,122,.35)}
/* ===== Wow v14.1: back on the page (no black plate). Cream stage glow, ink type, cleaner state swaps ===== */
.wow-single .ws{background:transparent!important;border-radius:0!important;padding:clamp(24px,3vw,48px) 24px!important;color:var(--ink)!important;overflow:visible!important}
.wow-single .ws::before{background:radial-gradient(50% 60% at 50% 45%,rgba(255,255,255,.9),rgba(255,255,255,0) 70%)!important}
.wow-single .ws::after{display:none!important}
.ws-label{color:var(--ink)!important;text-shadow:none!important}
.ws-btn,.ws-row,.ws-seg{box-shadow:0 1px 0 rgba(26,24,21,.06),0 36px 80px -36px rgba(26,24,21,.45),0 0 0 1px rgba(26,24,21,.06)!important}
.ws-btn-dark{background:#14120F!important;color:#fff!important}
.ws-btn-dark .ws-btn-b{color:#B7F0C8!important}
.ws-btn>span{transition:none}
.ws-btn-a{opacity:calc(1 - clamp(0,var(--on),1))!important;transform:translateY(calc(clamp(0,var(--on),1)*-18px)) scale(calc(1 - clamp(0,var(--on),1)*.06))!important}
.ws-btn-b{opacity:clamp(0,var(--on),1)!important;transform:translateY(calc((1 - clamp(0,var(--on),1))*18px)) scale(calc(.94 + clamp(0,var(--on),1)*.06))!important}
.ws-switch{background:color-mix(in oklab,#14120F calc(clamp(0,var(--on),1)*100%),#E6E1D7)!important}
.ws-num,.ws-num small{color:var(--ink)!important}
.ws-num small{color:rgba(26,24,21,.5)!important}
.ws-count{text-shadow:none!important}
.ws-ratio-n{color:var(--ink)!important}
.ws-track{background:#E6E1D7!important}
.ws-fill{background:#14120F!important}
.ws-mark{background:#AD0308!important}
.ws-ratio small{color:rgba(26,24,21,.55)!important}
.ws-pill{background:#EAF5EF!important;color:#2f7a4d!important}
.ws-cursor{filter:drop-shadow(0 6px 12px rgba(0,0,0,.3))}
/* ===== Wow v15: real objects. ID card in a scanner, bank sheet, income chart, applicant file, ratio meter, report page ===== */
.ws-obj{--on:0;--v:1}
.ws-obj>div{position:relative}
/* scanner */
.wsx-scan{position:relative;width:min(92vw,560px);aspect-ratio:16/10;display:grid;place-items:center;perspective:1200px}
.wsx-corner{position:absolute;width:44px;height:44px;border:3px solid #14120F;transition:none}
.wsx-corner.c1{left:0;top:0;border-right:0;border-bottom:0;border-radius:14px 0 0 0}.wsx-corner.c2{right:0;top:0;border-left:0;border-bottom:0;border-radius:0 14px 0 0}.wsx-corner.c3{left:0;bottom:0;border-right:0;border-top:0;border-radius:0 0 0 14px}.wsx-corner.c4{right:0;bottom:0;border-left:0;border-top:0;border-radius:0 0 14px 0}
.wsx-scan .wsx-corner{transform:translate(calc(var(--cx,0)*clamp(0,var(--on),1)*-14px),calc(var(--cy,0)*clamp(0,var(--on),1)*-14px));border-color:color-mix(in oklab,#2f7a4d calc(clamp(0,var(--on),1)*100%),#14120F)}
.wsx-corner.c1{--cx:-1;--cy:-1}.wsx-corner.c2{--cx:1;--cy:-1}.wsx-corner.c3{--cx:-1;--cy:1}.wsx-corner.c4{--cx:1;--cy:1}
.wsx-card{position:relative;width:74%;aspect-ratio:1.586;border-radius:16px;background:linear-gradient(135deg,#1A3FBF,#022082 60%,#0B1C5C);color:#fff;padding:5% 5.5%;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;gap:4% 6%;box-shadow:0 40px 80px -30px rgba(2,32,130,.6),0 0 0 1px rgba(255,255,255,.15) inset;overflow:hidden;transform:rotateY(calc(-14deg + clamp(0,var(--on),1)*14deg)) rotateX(calc(6deg - clamp(0,var(--on),1)*6deg))}
.wsx-card::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.25) 50%,transparent 62%);transform:translateX(calc(-120% + clamp(0,var(--on),1)*240%))}
.wsx-card-top{grid-column:1/-1;display:flex;justify-content:space-between;align-items:baseline;font-family:var(--sans)}
.wsx-card-top b{font-size:clamp(11px,1.4vw,15px);letter-spacing:.14em}
.wsx-card-top small{font-size:clamp(9px,1vw,11px);letter-spacing:.1em;opacity:.7}
.wsx-card img{width:clamp(52px,7vw,84px);aspect-ratio:3/4;object-fit:cover;border-radius:8px;display:block}
.wsx-card-lines{display:flex;flex-direction:column;gap:9%;padding-top:2%}
.wsx-card-lines i{display:block;height:8px;border-radius:4px;background:rgba(255,255,255,.55)}
.wsx-card-lines i:nth-child(1){width:70%;background:#fff}.wsx-card-lines i:nth-child(2){width:50%}.wsx-card-lines i:nth-child(3){width:62%}.wsx-card-lines i:nth-child(4){width:38%}
.wsx-chip{position:absolute;right:6%;bottom:8%;width:12%;aspect-ratio:1.3;border-radius:5px;background:linear-gradient(135deg,#F0D28A,#B8893A)}
.wsx-beam{position:absolute;left:8%;right:8%;top:calc(10% + clamp(0,var(--v),1)*80%);height:3px;border-radius:3px;background:#B7F0C8;box-shadow:0 0 18px 4px rgba(47,122,77,.55);opacity:calc(1 - clamp(0,var(--on),1))}
.wsx-stamp{position:absolute;right:-4%;top:-8%;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;background:#2f7a4d;color:#fff;font-family:var(--sans);font-weight:700;font-size:17px;box-shadow:0 14px 30px -12px rgba(47,122,77,.7);transform:rotate(-8deg) scale(clamp(0,var(--on),1.12));opacity:clamp(0,var(--on),1)}
.wsx-stamp svg{width:16px;height:16px}
.ws-a .ws-cursor{left:auto;right:12%;top:auto;bottom:22%}
/* bank sheet */
.wsx-bank{width:min(92vw,560px);border-radius:22px;background:#fff;padding:18px 18px 12px;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 0 rgba(26,24,21,.06),0 40px 80px -36px rgba(26,24,21,.5),0 0 0 1px rgba(26,24,21,.06);font-family:var(--sans)}
.wsx-bank-head{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid rgba(26,24,21,.08)}
.wsx-bank-logo{width:52px;height:52px;border-radius:14px;background:#2E8B57;color:#fff;display:grid;place-items:center;font-weight:800;font-size:18px;letter-spacing:-.02em;flex:none}
.wsx-bank-head>span{display:flex;flex-direction:column;gap:2px;flex:1}
.wsx-bank-head b{font-size:clamp(18px,1.9vw,24px);font-weight:600;letter-spacing:-.01em}
.wsx-bank-head small,.wsx-acct small{font-family:var(--mono);font-size:12.5px;color:rgba(26,24,21,.55)}
.wsx-lock{width:30px;height:30px;border-radius:50%;background:#EAF5EF;color:#2f7a4d;display:grid;place-items:center;flex:none;opacity:clamp(0,var(--on),1);transform:scale(clamp(0,var(--on),1.1))}
.wsx-lock svg{width:14px;height:14px}
.wsx-acct{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 10px;border-radius:14px}
.wsx-acct.on{background:color-mix(in oklab,#F3EDE2 calc(clamp(0,var(--on),1)*100%),transparent)}
.wsx-acct>span:first-child{display:flex;flex-direction:column;gap:2px}
.wsx-acct b{font-size:clamp(17px,1.7vw,21px);font-weight:600}
.wsx-acct .ws-switch{width:64px;height:38px}
.wsx-plus{width:34px;height:34px;border-radius:50%;border:1.5px dashed rgba(26,24,21,.3);display:grid;place-items:center;color:rgba(26,24,21,.5);font-size:18px}
.ws-b .ws-cursor{left:auto;right:6%;top:52%}
/* income */
.wsx-income{width:min(92vw,620px);display:flex;flex-direction:column;align-items:center;gap:10px}
.wsx-k{font-family:var(--mono);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(26,24,21,.5)}
.wsx-income .ws-num{margin:2px 0 10px}
.wsx-income .ws-count{font-size:clamp(64px,7.6vw,112px)!important}
.wsx-bars{display:flex;align-items:flex-end;gap:8px;width:100%;height:clamp(80px,9vw,130px)}
.wsx-bars i{flex:1;border-radius:6px 6px 3px 3px;background:linear-gradient(180deg,#14120F,#4a4640);height:calc(var(--v)*100% * clamp(0,calc(var(--vv,var(--v-prog,1))),1));transform-origin:50% 100%;transform:scaleY(clamp(0,calc(var(--v-prog,1)*12 - var(--i)),1))}
.wsx-bars i:nth-child(n+10){background:linear-gradient(180deg,#2f7a4d,#6fb08a)}
.ws-c .ws-obj{--v-prog:var(--v)}
.wsx-axis{display:flex;justify-content:space-between;width:100%;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:rgba(26,24,21,.45)}
/* applicant file */
.wsx-file{width:min(92vw,560px);border-radius:22px;background:#fff;padding:18px;display:flex;flex-direction:column;gap:16px;box-shadow:0 1px 0 rgba(26,24,21,.06),0 40px 80px -36px rgba(26,24,21,.5),0 0 0 1px rgba(26,24,21,.06);font-family:var(--sans)}
.wsx-file-head{display:flex;align-items:center;gap:14px}
.wsx-file-head img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.wsx-file-head>span{display:flex;flex-direction:column;gap:2px;flex:1}
.wsx-file-head b{font-size:clamp(18px,1.9vw,24px);font-weight:600;letter-spacing:-.01em}
.wsx-file-head small{font-family:var(--mono);font-size:12.5px;color:rgba(26,24,21,.55)}
.wsx-rec{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:8px;background:#EAF5EF;color:#2f7a4d;font-size:12.5px;font-weight:600;font-style:normal;white-space:nowrap}
.wsx-file .ws-seg{width:100%;height:clamp(64px,6.4vw,84px);box-shadow:none!important;background:#F3EDE2}
.ws-a .wsx-file~.ws-cursor{right:auto;left:30%;top:auto;bottom:18%}
/* ratio */
.wsx-ratio{width:min(92vw,760px);display:flex;flex-direction:column;align-items:center;gap:14px}
.wsx-note{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;background:#EAF5EF;color:#2f7a4d;font-family:var(--sans);font-weight:600;font-size:14px;opacity:clamp(0,calc(var(--v)*2 - 1),1)}
.wsx-note svg{width:14px;height:14px}
/* report */
.wsx-report{position:relative;width:min(92vw,520px);display:flex;flex-direction:column;align-items:center;gap:0}
.wsx-page{width:74%;aspect-ratio:8.5/6;border-radius:14px 14px 0 0;background:#fff;box-shadow:0 1px 0 rgba(26,24,21,.06),0 -20px 60px -30px rgba(26,24,21,.35),0 0 0 1px rgba(26,24,21,.06);padding:8% 8% 0;display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;align-content:start;transform:translateY(calc(clamp(0,var(--on),1)*-10px))}
.wsx-page i{display:block;height:10px;border-radius:5px;background:rgba(26,24,21,.1)}
.wsx-page i:nth-child(1){grid-column:1/-1;height:16px;width:60%;background:#14120F}
.wsx-page i:nth-child(2){grid-column:1/-1;width:40%;background:#2f7a4d}
.wsx-report .ws-btn{margin-top:-28px;position:relative;z-index:2}
.ws-c .wsx-report~.ws-cursor{left:auto;right:22%;top:auto;bottom:16%}
@media (max-width:760px){.wsx-scan{aspect-ratio:16/11}.wsx-card img{width:44px}.wsx-stamp{height:36px;font-size:14px}}
/* bank sheet: fix the stretched lock (it's a span and caught flex:1), tighten everything */
.wsx-bank{width:min(92vw,460px)!important;padding:16px 16px 10px!important;gap:4px!important;border-radius:20px!important}
.wsx-bank-head{gap:12px!important;padding-bottom:12px!important}
.wsx-bank-head>span:not(.wsx-lock){display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.wsx-bank-head b{font-size:18px!important;font-weight:600!important}
.wsx-bank-head small{font-size:11.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wsx-bank-logo{width:44px!important;height:44px!important;border-radius:12px!important;font-size:15px!important;font-style:italic}
.wsx-lock{flex:0 0 28px!important;width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border-radius:50%!important;padding:0!important}
.wsx-lock svg{width:13px!important;height:13px!important}
.wsx-acct{padding:12px 12px!important;border-radius:12px!important;gap:12px!important}
.wsx-acct b{font-size:16px!important}
.wsx-acct small{font-size:11.5px!important}
.wsx-acct .ws-switch{width:52px!important;height:31px!important;flex:none}
.wsx-acct .ws-switch i{top:3px!important;left:3px!important;width:25px!important;height:25px!important;border-radius:50%!important;transform:translateX(calc(clamp(0,var(--on),1)*21px))!important}
.wsx-plus{width:28px!important;height:28px!important;font-size:15px!important}
.ws-b .ws-cursor{right:8%!important;top:44%!important}
/* ID scan: more happening — card floats and tilts continuously, beam sweeps twice, corners pulse while scanning, data lines "fill" as the beam passes, stamp bounces */
.wsx-scan{width:min(92vw,520px)!important}
.wsx-card{animation:wsxFloat 5s ease-in-out infinite alternate;transform:rotateY(calc(-16deg + clamp(0,var(--on),1)*16deg)) rotateX(calc(8deg - clamp(0,var(--on),1)*8deg)) translateZ(0)}
@keyframes wsxFloat{0%{translate:0 0}100%{translate:0 -8px}}
.wsx-beam{top:calc(8% + (var(--v) * 2 - floor(var(--v) * 2)) * 84%)!important;opacity:calc((1 - clamp(0,var(--on),1)) * clamp(0,var(--v)*20,1))!important;height:4px!important;background:linear-gradient(90deg,transparent,#B7F0C8 20%,#fff 50%,#B7F0C8 80%,transparent)!important;box-shadow:0 0 24px 6px rgba(47,122,77,.55),0 40px 60px -10px rgba(183,240,200,.35)!important}
.wsx-card-lines i{background:rgba(255,255,255,.28)!important;position:relative;overflow:hidden}
.wsx-card-lines i::after{content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(255,255,255,.9);transform-origin:0 50%;transform:scaleX(clamp(0,calc(var(--v)*4 - var(--li,0)),1))}
.wsx-card-lines i:nth-child(1){--li:.6}.wsx-card-lines i:nth-child(2){--li:1.2}.wsx-card-lines i:nth-child(3){--li:1.8}.wsx-card-lines i:nth-child(4){--li:2.4}
.wsx-corner{animation:wsxPulse 1.2s ease-in-out infinite alternate}
.wsx-corner.c2{animation-delay:-.3s}.wsx-corner.c3{animation-delay:-.6s}.wsx-corner.c4{animation-delay:-.9s}
@keyframes wsxPulse{0%{opacity:.55}100%{opacity:1}}
.wsx-stamp{right:-2%!important;top:-4%!important;transform:rotate(calc(-14deg + clamp(0,var(--on),1)*6deg)) scale(clamp(0,calc(var(--on)*1.3),1.12))!important;transition:none}
.wsx-chip{background:linear-gradient(135deg,#F0D28A,#B8893A)!important;box-shadow:0 0 0 1px rgba(255,255,255,.35) inset;animation:wsxGlint 3s ease-in-out infinite}
@keyframes wsxGlint{0%,70%,100%{filter:brightness(1)}80%{filter:brightness(1.5)}}
.ws-a .ws-cursor{right:auto!important;left:auto;bottom:auto!important;top:auto!important;left:calc(50% + 90px)!important;top:calc(50% + 60px)!important}
/* income: bars pop in with a bounce, tallest bars glow green, number pill pulses once */
.wsx-bars i{transition:none;transform:scaleY(clamp(0,calc(var(--v-prog,1)*14 - var(--i)),1.08))!important}
.wsx-bars i:nth-child(n+10){box-shadow:0 0 0 0 rgba(47,122,77,0);animation:wsxGlow 2.4s ease-in-out infinite alternate}
@keyframes wsxGlow{0%{box-shadow:0 0 0 0 rgba(47,122,77,0)}100%{box-shadow:0 0 22px 2px rgba(47,122,77,.35)}}
/* bank: connected row breathes */
.wsx-acct.on{box-shadow:0 0 0 calc(clamp(0,var(--on),1)*2px) rgba(47,122,77,.25)}
.ws-scene:not(.is-live) *{animation-play-state:inherit}
@media (prefers-reduced-motion:reduce){.wsx-card,.wsx-corner,.wsx-chip,.wsx-bars i{animation:none!important}}
/* income scene: clean chart — slim rounded bars, baseline, latest bar highlighted; number reveals as 6,240 */
.wsx-income{gap:6px!important;width:min(92vw,520px)!important}
.wsx-income .ws-count{counter-reset:none!important}
.wsx-income .ws-count::before{content:"6,240"!important;display:inline-block;clip-path:inset(0 calc((1 - clamp(0,var(--v),1))*100%) 0 0)}
.wsx-income .ws-count{font-size:clamp(56px,6.4vw,88px)!important}
.wsx-income .ws-num small{font-size:clamp(16px,1.6vw,20px)!important}
.wsx-income .ws-num{margin:0 0 18px!important}
.wsx-bars{height:clamp(64px,7vw,96px)!important;gap:10px!important;padding:0 6px;border-bottom:1px solid rgba(26,24,21,.14);align-items:flex-end}
.wsx-bars i{border-radius:3px 3px 0 0!important;background:#D9D2C4!important;box-shadow:none!important;animation:none!important;max-width:22px;margin:0 auto}
.wsx-bars i:nth-child(n+10){background:#9A9284!important}
.wsx-bars i:last-child{background:#14120F!important}
.wsx-axis{padding:6px 6px 0!important;font-style:normal!important;font-size:10.5px!important;letter-spacing:.14em!important;text-transform:uppercase}
.wsx-axis i{font-style:normal}
.wsx-k{margin-bottom:2px}
/* Wow: not full-bleed — sits inside the wrap like every other section */
.wow-single{width:100%!important;margin-left:0!important;margin-right:0!important;padding:0!important}
.wow-single .ws{width:min(100%,880px)!important;padding:clamp(16px,2vw,32px) 0!important;min-height:clamp(380px,34vw,460px)!important}
.ws-label{font-size:clamp(30px,3.4vw,52px)!important}
.wsx-scan,.wsx-bank,.wsx-file,.wsx-income,.wsx-report{width:min(100%,480px)!important}
.wsx-ratio{width:min(100%,640px)!important}
/* Wow: smaller, more character — dotted stage floor, per-scene accent, deeper shadows */
.wow-single .ws{min-height:clamp(340px,30vw,420px)!important;background:radial-gradient(circle,rgba(26,24,21,.12) 1px,transparent 1.2px) 0 0/22px 22px!important;-webkit-mask-image:radial-gradient(60% 70% at 50% 50%,#000 30%,transparent 100%);mask-image:radial-gradient(60% 70% at 50% 50%,#000 30%,transparent 100%)}
.wow-single .ws::before{display:none!important}
.ws-label{font-size:clamp(26px,3vw,44px)!important;margin-top:-6px}
.wsx-scan,.wsx-bank,.wsx-file,.wsx-income,.wsx-report{width:min(100%,400px)!important}
.wsx-ratio{width:min(100%,520px)!important}
.wsx-bank,.wsx-file{box-shadow:0 1px 0 rgba(26,24,21,.06),0 50px 90px -40px rgba(26,24,21,.55),0 0 0 1px rgba(26,24,21,.08)!important}
.wsx-bank{border-top:4px solid #2E8B57!important}
.wsx-file{border-top:4px solid #2F55FF!important}
.wsx-card{box-shadow:0 50px 90px -30px rgba(2,32,130,.7),0 0 0 1px rgba(255,255,255,.2) inset!important}
.wsx-income .ws-count{font-size:clamp(48px,5.4vw,72px)!important}
.wsx-bars i:last-child{background:#B8893A!important}
.wsx-k{color:#B8893A!important}
.wsx-page{border-top:4px solid #14120F}
.ws-btn,.ws-seg{height:clamp(56px,5.4vw,68px)!important;font-size:clamp(17px,1.7vw,22px)!important}
.wsx-file .ws-seg{height:56px!important}
/* fix: objects get a real width; dot floor moves to ::before so the mask can't fade the scenes */
.ws-obj{width:100%!important;align-items:center}
.wsx-scan,.wsx-bank,.wsx-file,.wsx-income,.wsx-report{width:400px!important;max-width:100%!important}
.wsx-ratio{width:520px!important;max-width:100%!important}
.wow-single .ws{background:none!important;-webkit-mask-image:none!important;mask-image:none!important}
.wow-single .ws::before{display:block!important;content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle,rgba(26,24,21,.12) 1px,transparent 1.2px) 0 0/22px 22px!important;-webkit-mask-image:radial-gradient(60% 70% at 50% 50%,#000 30%,transparent 100%);mask-image:radial-gradient(60% 70% at 50% 50%,#000 30%,transparent 100%)}
/* odometer digits */
.odo{display:inline-flex;align-items:baseline;font-variant-numeric:tabular-nums;line-height:1}
.odo-p{margin-right:.04em}
.odo-c{display:inline-block;height:1em;overflow:hidden;position:relative;vertical-align:baseline;width:.62em;text-align:center}
.odo-c.odo-sep{width:.3em}
.odo-c.odo-sep::before{content:attr(data-ch)}
.odo-c.odo-sep .odo-d{display:none}
.odo-d{display:flex;flex-direction:column;transform:translateY(calc(var(--d,0) * -1em));transition:transform .9s cubic-bezier(.2,.9,.2,1) var(--dl,0ms)}
.odo-d i{display:block;height:1em;font-style:normal}
.hc-p-report .hc-slab-n.odo{color:hsl(var(--h) 60% 38%)!important;transition:color .9s}
.hc-spend .odo{color:#FF2D7A}
/* Wow title: one line */
.wow-split .wow-h{max-width:none!important;white-space:nowrap;text-wrap:nowrap!important;font-size:clamp(28px,4.2vw,var(--h2))!important}
@media (max-width:640px){.wow-split .wow-h{white-space:normal;text-wrap:balance!important}}
/* report slab odometer: never wrap, fit in the slab */
.hc-p-report .hc-slab-n.odo{display:inline-flex!important;flex-wrap:nowrap!important;white-space:nowrap!important;width:auto!important;max-width:none!important;font-size:clamp(28px,6.2cqw,56px)!important;letter-spacing:-.02em}
.hc-p-report .hc-slab{overflow:visible}
.odo-c{width:.58em}
.odo-c.odo-sep{width:.28em}
.wow-split .wow-h{text-align:center!important;margin-left:auto;margin-right:auto;font-size:var(--h2)!important;white-space:nowrap}
.wow-split .wow-head{align-items:center!important;text-align:center!important}
.wow-split .wow-sub{text-align:center!important;margin-left:auto;margin-right:auto}
/* selfie scene replaces the licence */
.wsx-selfie{position:relative;width:260px!important;max-width:100%;aspect-ratio:3/4;border-radius:36px;overflow:hidden;background:#000;box-shadow:0 50px 90px -40px rgba(26,24,21,.6),0 0 0 8px #14120F,0 0 0 9px rgba(255,255,255,.4)}
.wsx-selfie img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%;filter:saturate(calc(.4 + clamp(0,var(--on),1)*.6)) brightness(calc(.75 + clamp(0,var(--on),1)*.25))}
.wsx-oval{position:absolute;inset:0;background:rgba(0,0,0,.55);-webkit-mask:radial-gradient(ellipse 34% 30% at 50% 44%,transparent 98%,#000 100%);mask:radial-gradient(ellipse 34% 30% at 50% 44%,transparent 98%,#000 100%);opacity:calc(1 - clamp(0,var(--on),1)*.8)}
.wsx-ring{position:absolute;left:50%;top:44%;width:68%;aspect-ratio:34/30;translate:-50% -50%;border-radius:50%;border:3px solid;border-color:color-mix(in oklab,#B7F0C8 calc(clamp(0,var(--on),1)*100%),rgba(255,255,255,.7));background:conic-gradient(from 0deg,#B7F0C8 calc(clamp(0,var(--v),1)*360deg),transparent 0) border-box;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));box-shadow:0 0 30px rgba(183,240,200,calc(clamp(0,var(--on),1)*.6))}
.wsx-hint{position:absolute;left:50%;bottom:14%;translate:-50% 0;font-family:var(--sans);font-weight:600;font-size:15px;color:#fff;letter-spacing:.01em;opacity:calc(1 - clamp(0,var(--on),1))}
.wsx-match{position:absolute;left:50%;bottom:11%;translate:-50% calc((1 - clamp(0,var(--on),1))*16px);display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px 0 12px;border-radius:999px;background:#fff;color:#14120F;font-family:var(--sans);font-weight:700;font-size:15px;opacity:clamp(0,var(--on),1);box-shadow:0 12px 30px -10px rgba(0,0,0,.5)}
.wsx-match svg{width:16px;height:16px;color:#2f7a4d}
.ws-a .ws-cursor{display:none!important}
/* report slab: label + odometer on one line */
.hc-p-report .hc-slab{align-items:center!important;padding:0 6%!important}
.hc-p-report .hc-slab-l{align-self:center!important;text-align:left!important;line-height:1.3}
.hc-p-report .hc-slab-l br{display:none}
.hc-p-report .hc-slab-n.odo{flex-direction:row!important;align-items:baseline!important;gap:0!important;flex:none;font-size:clamp(26px,5.6cqw,52px)!important}
.hc-p-report .odo-c{height:1em;line-height:1}
/* scene 1: the link arrives as a message */
.wsx-msg{position:relative;width:400px!important;max-width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.wsx-bubble{display:flex;flex-direction:column;gap:6px;max-width:88%;padding:16px 18px 14px;border-radius:22px 22px 22px 6px;background:#fff;color:#14120F;font-family:var(--sans);font-size:clamp(15px,1.5vw,18px);line-height:1.4;box-shadow:0 1px 0 rgba(26,24,21,.06),0 40px 80px -36px rgba(26,24,21,.5),0 0 0 1px rgba(26,24,21,.07)}
.wsx-bubble b{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(26,24,21,.5)}
.wsx-link{display:inline-block;margin-top:4px;color:#2F55FF;font-weight:600;text-decoration:underline;text-decoration-color:color-mix(in oklab,#2F55FF calc(clamp(0,var(--on),1)*100%),rgba(47,85,255,.35));text-underline-offset:3px;background:color-mix(in oklab,rgba(47,85,255,.12) calc(clamp(0,var(--on),1)*100%),transparent);border-radius:4px;padding:0 2px;margin-left:-2px}
.wsx-open{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 14px;border-radius:999px;background:#14120F;color:#fff;font-family:var(--sans);font-weight:600;font-size:13px;align-self:flex-end;opacity:clamp(0,var(--on),1);transform:translateY(calc((1 - clamp(0,var(--on),1))*10px)) scale(clamp(0,calc(var(--on)*1.2),1))}
.wsx-open i{width:5px;height:5px;border-radius:50%;background:#B7F0C8;animation:wsxDot 1s ease-in-out infinite}
.wsx-open i:nth-child(2){animation-delay:.15s}.wsx-open i:nth-child(3){animation-delay:.3s;margin-right:4px}
@keyframes wsxDot{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}
.ws-a .ws-cursor{display:block!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;left:38%!important;top:62%!important}
.wow-pane-tenant .ws-a .ws-obj{--on:0}
/* feature pack CTA: ink pill with live dots */
.ft-cta{display:inline-flex!important;align-items:center;gap:10px;height:52px!important;padding:0 22px 0 18px!important;border-radius:999px!important;background:#14120F!important;color:#fff!important;border:0!important;font-family:var(--sans)!important;font-weight:600!important;font-size:16px!important;letter-spacing:-.01em;box-shadow:0 14px 30px -14px rgba(20,18,15,.6);transition:transform .2s,box-shadow .2s}
.ft-cta:hover{background:#000!important;transform:translateY(-1px);box-shadow:0 18px 34px -14px rgba(20,18,15,.7)}
.ft-cta-dots{display:inline-flex;gap:4px;align-items:center}
.ft-cta-dots i{width:6px;height:6px;border-radius:50%;background:#B7F0C8;animation:wsxDot 1.1s ease-in-out infinite}
.ft-cta-dots i:nth-child(2){animation-delay:.16s}.ft-cta-dots i:nth-child(3){animation-delay:.32s}
.ft-cta{background:#fff!important;color:#14120F!important;height:48px!important;padding:0 20px 0 16px!important;gap:9px!important;box-shadow:0 1px 0 rgba(26,24,21,.06),0 16px 34px -14px rgba(26,24,21,.4),0 0 0 1px rgba(26,24,21,.06)!important}
.ft-cta:hover{background:#fff!important}
.ft-cta-dots i{width:5px;height:5px;background:#14120F!important;animation-duration:1.4s}
.cb-eyeb{display:flex;flex-direction:column;align-items:center;gap:14px}
.cb-soon{display:inline-flex;align-items:center;height:26px;padding:0 12px;border-radius:999px;border:1px solid rgba(217,119,87,.5);color:#E3A28A;font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.16em;text-transform:uppercase;background:rgba(217,119,87,.08)}
/* ===== API & MCP: dark plate, copy top-left, CTA bottom-left, tilted tiles floating right ===== */
.api{padding:var(--sec-pad) 0}
.api-plate{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(420px,42vw,600px);border-radius:24px;background:#0E0E0E;color:#fff;padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 0 0 1px rgba(255,255,255,.08) inset}
.api-dots{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.22) .8px,transparent 1.2px) 0 0/6px 6px;-webkit-mask-image:radial-gradient(55% 80% at 62% 60%,#000 0,rgba(0,0,0,.6) 40%,transparent 75%);mask-image:radial-gradient(55% 80% at 62% 60%,#000 0,rgba(0,0,0,.6) 40%,transparent 75%);opacity:.5}
.api-halo{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(40% 50% at 66% 62%,rgba(255,255,255,.08),transparent 70%)}
.api-head{position:relative;z-index:2;max-width:32ch}
.api-h{font-family:var(--sans);font-weight:700;font-size:clamp(28px,3vw,40px);letter-spacing:-.03em;line-height:1;margin:0 0 14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.api-new{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:4px;background:#C9F53A;color:#0E0E0E;font-style:italic;font-weight:800;font-size:13px;letter-spacing:.02em;text-transform:uppercase;transform:skewX(-8deg)}
.api-sub{font-family:var(--sans);font-size:clamp(16px,1.4vw,19px);line-height:1.4;color:rgba(255,255,255,.62);margin:0}
.api-cta{position:relative;z-index:2;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;height:52px;padding:0 20px;border-radius:12px;background:#fff;color:#0E0E0E;font-family:var(--sans);font-weight:600;font-size:17px;text-decoration:none;transition:transform .2s}
.api-cta:hover{transform:translateY(-1px);color:#0E0E0E}
.api-tiles{position:absolute;inset:0;z-index:1;pointer-events:none}
.api-tile{position:absolute;width:clamp(120px,14vw,220px);aspect-ratio:1;border-radius:24%;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.03));box-shadow:0 40px 80px -30px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.1) inset;backdrop-filter:blur(6px);transform:rotate(var(--r,0deg));animation:apiFloat 7s ease-in-out infinite alternate}
.api-tile svg,.api-tile img{width:44%;height:44%;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(0,0,0,.5))}
.api-tile img{width:62%;height:62%;border-radius:22%}
.api-tile.t1{left:44%;bottom:12%;--r:-9deg;animation-delay:-1s}
.api-tile.t2{left:62%;top:20%;--r:8deg;animation-delay:-2.5s}
.api-tile.t3{left:63%;bottom:-6%;--r:-4deg;animation-delay:-4s}
.api-tile.t4{left:80%;top:32%;--r:12deg;animation-delay:-5.5s}
.api-tile.t5{left:82%;bottom:-10%;--r:-8deg;animation-delay:-3s}
@keyframes apiFloat{0%{translate:0 0}100%{translate:0 -14px}}
@media (max-width:760px){
.api-plate{min-height:560px;border-radius:18px}
.api-tile{width:110px}
.api-tile.t1{left:8%;bottom:30%}.api-tile.t2{left:36%;top:38%}.api-tile.t3{left:44%;bottom:14%}.api-tile.t4{left:66%;top:30%}.api-tile.t5{left:70%;bottom:6%}
.api-sub br{display:none}
}
@media (prefers-reduced-motion:reduce){.api-tile{animation:none}}
/* pack card: dots in the background (not the button) */
.ft-cta{padding:0 22px!important;gap:0!important}
.ft-cta-dots{display:none!important}
.ft-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle,rgba(47,85,255,.35) 1px,transparent 1.4px) 0 0/16px 16px;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,transparent 20%,#000 90%);mask-image:radial-gradient(70% 60% at 50% 40%,transparent 20%,#000 90%);opacity:.7}
.ft-hero>*:not([aria-hidden]){position:relative;z-index:1}
.cb-sub{max-width:44ch!important;margin-left:auto;margin-right:auto;text-wrap:balance}
/* pack card: vapor grill floor back, above the dots */
.ft-hero::before{content:"";position:absolute;left:-20%;right:-20%;bottom:0;height:34%;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(47,85,255,.55) 1.5px,transparent 1.5px) 0 0/8.33% 100%,linear-gradient(180deg,rgba(47,85,255,.55) 1.5px,transparent 1.5px) 0 0/100% 22%;transform:perspective(420px) rotateX(58deg);transform-origin:50% 100%;-webkit-mask-image:linear-gradient(180deg,transparent,#000 60%);mask-image:linear-gradient(180deg,transparent,#000 60%)}
.ft-hero::after{-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,transparent 20%,#000 70%),linear-gradient(180deg,#000 60%,transparent 90%);mask-image:radial-gradient(70% 60% at 50% 40%,transparent 20%,#000 70%),linear-gradient(180deg,#000 60%,transparent 90%);-webkit-mask-composite:source-in;mask-composite:intersect}
.ft-hero::before{display:none!important}
/* pack card floor: cleaner grid */
.ft-gridfloor{left:-20%!important;right:-20%!important;bottom:-4%!important;height:44%!important;transform:perspective(600px) rotateX(60deg)!important;background:linear-gradient(90deg,rgba(47,85,255,.5) 1px,transparent 1px) 0 0/80px 100%,linear-gradient(180deg,rgba(47,85,255,.5) 1px,transparent 1px) 0 0/100% 80px!important;-webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.6) 45%,#000 85%)!important;mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.6) 45%,#000 85%)!important;animation-duration:9s!important;will-change:background-position;backface-visibility:hidden}
.ft-hero::after{-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,transparent 20%,#000 70%),linear-gradient(180deg,#000 50%,transparent 68%)!important;mask-image:radial-gradient(70% 60% at 50% 40%,transparent 20%,#000 70%),linear-gradient(180deg,#000 50%,transparent 68%)!important;opacity:.55!important}
.ft-cta{margin-bottom:6px}
/* scene 1: banks connecting to the hub */
.wsx-conn{position:relative;width:400px!important;max-width:100%;aspect-ratio:1;display:grid;place-items:center}
.wsx-hub{position:relative;z-index:3;width:92px;height:92px;border-radius:26px;background:#fff;display:grid;place-items:center;box-shadow:0 1px 0 rgba(26,24,21,.06),0 30px 60px -24px rgba(26,24,21,.5),0 0 0 1px rgba(26,24,21,.08)}
.wsx-hub img{width:64px;height:64px;border-radius:18px;object-fit:cover}
.wsx-pulse{position:absolute;inset:-6px;border-radius:32px;border:2px solid rgba(47,122,77,.55);animation:wsxPulseRing 2.4s ease-out infinite;pointer-events:none}
.wsx-pulse.p2{animation-delay:1.2s}
@keyframes wsxPulseRing{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.9);opacity:0}}
.wsx-bank-node{--a:calc(var(--i) * 60deg);--r:150px;position:absolute;left:50%;top:50%;z-index:2;width:78px;height:56px;margin:-28px 0 0 -39px;border-radius:14px;background:#fff;display:grid;place-items:center;font-family:var(--sans);font-weight:700;font-size:13px;letter-spacing:-.01em;color:var(--c);box-shadow:0 1px 0 rgba(26,24,21,.06),0 20px 40px -20px rgba(26,24,21,.45),0 0 0 1px rgba(26,24,21,.07);transform:rotate(var(--a)) translate(var(--r)) rotate(calc(var(--a) * -1)) scale(var(--s,1));--t:clamp(0,calc(var(--v) * 6 - var(--i)),1);--s:calc(.6 + var(--t) * .4);opacity:var(--t);transition:none}
.wsx-bank-node b{font-size:13px}
.wsx-bank-node.b6 b{font-size:10.5px}
.wsx-bank-node em{position:absolute;right:-8px;top:-8px;width:22px;height:22px;border-radius:50%;background:#2f7a4d;color:#fff;display:grid;place-items:center;font-style:normal;transform:scale(clamp(0,calc(var(--v) * 6 - var(--i) - .6),1));box-shadow:0 6px 14px -6px rgba(47,122,77,.8)}
.wsx-bank-node em svg{width:11px;height:11px}
.wsx-beam{position:absolute;left:50%;top:50%;height:2px;width:calc(var(--r) - 60px);margin-top:-1px;transform-origin:0 50%;transform:rotate(calc(var(--a) + 180deg)) translateX(12px) scaleX(clamp(0,calc(var(--v) * 6 - var(--i) - .3),1));background:linear-gradient(90deg,rgba(47,122,77,.9),rgba(47,122,77,.15));z-index:-1;border-radius:2px}
.wsx-beam::after{content:"";position:absolute;right:0;top:-2px;width:6px;height:6px;border-radius:50%;background:#B7F0C8;box-shadow:0 0 10px 2px rgba(183,240,200,.8);animation:wsxTravel 1.6s linear infinite}
@keyframes wsxTravel{0%{right:100%;opacity:0}15%{opacity:1}85%{opacity:1}100%{right:0;opacity:0}}
.wsx-conn-tag{position:absolute;left:50%;bottom:-6px;translate:-50% 0;display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:999px;background:#EAF5EF;color:#2f7a4d;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;opacity:clamp(0,calc(var(--v) * 3 - 2),1)}
.wsx-conn-tag i{width:6px;height:6px;border-radius:50%;background:#2f7a4d;animation:wsxDot 1.4s ease-in-out infinite}
.ws-a .ws-cursor{display:none!important}
.wow-pane-tenant .ws-a .ws-obj{--on:1}
@media (max-width:480px){.wsx-bank-node{--r:118px;width:66px;height:48px;margin:-24px 0 0 -33px}.wsx-hub{width:76px;height:76px}.wsx-hub img{width:52px;height:52px}.wsx-beam{width:calc(var(--r) - 52px)}}
.wow-single .ws::before{display:none!important}
/* ===== Wow v16: continuous conveyor. No labels, no slideshow — the three objects drift by in a loop while their actions play ===== */
.wow-single .ws{width:100%!important;max-width:none!important;padding:clamp(24px,3vw,40px) 0!important;min-height:0!important;overflow:hidden!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)!important;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)!important}
.wow-single .ws::before{display:block!important;-webkit-mask-image:none!important;mask-image:none!important;opacity:.6}
.ws-belt{display:flex;align-items:center;gap:clamp(56px,7vw,120px);width:max-content;padding-left:clamp(28px,3.5vw,60px);animation:wsMarquee 42s linear infinite;will-change:transform}
.wow-pane:not(.is-live) .ws-belt{animation-play-state:running}
@keyframes wsMarquee{0%{transform:translateX(0)}100%{transform:translateX(calc(-50% - clamp(28px,3.5vw,60px)))}}
.ws-obj{width:auto!important}
.ws-label{display:none!important}
.wsx-conn{aspect-ratio:auto;height:clamp(300px,28vw,400px);width:400px!important}
@media (hover:hover){.wow-single .ws:hover .ws-belt{animation-play-state:paused}}
@media (prefers-reduced-motion:reduce){.ws-belt{animation:none}}
.ws-belt{height:auto!important;background:none!important;border-radius:0!important}
.ws-obj{animation-play-state:running}
/* conveyor: keep max-content belt from widening the grid */
.wow-single{grid-template-columns:minmax(0,1fr)!important;max-width:100%}
.wow-pane{width:100%;min-width:0;max-width:100%}
.wow-single .ws{display:block!important;min-width:0;max-width:100%;width:100%!important}
/* ===== Wow v17: one scene at a time again (crossfade), no labels, cleaner components ===== */
.wow-single .ws{display:grid!important;min-height:clamp(360px,34vw,460px)!important;overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important;padding:clamp(16px,2vw,32px) 0!important}
.wow-single .ws::before{display:block!important;-webkit-mask-image:radial-gradient(60% 70% at 50% 50%,#000 30%,transparent 100%)!important;mask-image:radial-gradient(60% 70% at 50% 50%,#000 30%,transparent 100%)!important;opacity:.5}
.ws-scene{position:absolute!important;inset:0!important;min-height:0!important;display:flex!important;align-items:center!important;justify-content:center!important;opacity:0;pointer-events:none}
.ws-a{animation:wsScenea var(--dur) linear infinite!important}
.ws-b{animation:wsSceneb var(--dur) linear infinite!important}
.ws-c{animation:wsScenec var(--dur) linear infinite!important}
.ws-label{display:none!important}
.ws-obj{width:100%!important;display:flex;justify-content:center;position:relative}
/* component polish: one family — white 20px cards, ink type, single green accent, no coloured rules, no mono meta */
.wsx-bank,.wsx-file{border-top:0!important;border-radius:20px!important;box-shadow:0 1px 0 rgba(26,24,21,.05),0 24px 60px -28px rgba(26,24,21,.35),0 0 0 1px rgba(26,24,21,.06)!important;padding:20px!important}
.wsx-bank-head small,.wsx-acct small,.wsx-file-head small{font-family:var(--sans)!important;font-size:13px!important;letter-spacing:0!important;color:rgba(26,24,21,.5)!important}
.wsx-bank-logo{font-style:normal!important;border-radius:12px!important;font-weight:700!important}
.wsx-acct.on{background:#F6F3EC!important;box-shadow:none!important}
.wsx-plus{border:1.5px solid rgba(26,24,21,.15)!important;color:rgba(26,24,21,.4)!important}
.wsx-rec{background:#EAF5EF!important;border-radius:999px!important;height:26px!important;font-size:12px!important}
.wsx-file .ws-seg{background:#F6F3EC!important;height:56px!important;border-radius:999px!important}
.ws-seg-ind{border-radius:999px!important}
.wsx-k{font-family:var(--sans)!important;font-size:13px!important;letter-spacing:0!important;text-transform:none!important;color:rgba(26,24,21,.5)!important}
.wsx-ratio{gap:10px!important}
.ws-ratio small{font-family:var(--sans)!important;font-size:13px!important;letter-spacing:0!important}
.wsx-axis{font-family:var(--sans)!important;font-size:11px!important;letter-spacing:0!important;text-transform:none!important}
.wsx-page{border-top:0!important;border-radius:16px 16px 0 0!important}
.wsx-conn-tag{font-family:var(--sans)!important;font-size:12px!important;letter-spacing:0!important;text-transform:none!important;font-weight:600}
.wsx-bank-node{border-radius:16px!important;font-weight:700!important}
.wsx-bars i:last-child{background:#2f7a4d!important}
.wsx-income .ws-count{font-size:clamp(48px,5.4vw,72px)!important}
/* hero tag: smaller */
.gh-newtag{height:32px!important;padding:0 12px 0 10px!important;font-size:13px!important;gap:7px!important}
.gh-newcoin{width:14px!important;height:14px!important}
.gh-newdot{width:6px!important;height:6px!important}
/* v17 fix: let the scene keyframes control visibility */
.ws-scene{animation-timing-function:cubic-bezier(.22,1.2,.36,1)!important}
.ws-a{animation:wsScenea var(--dur,24s) linear infinite!important}
.ws-b{animation:wsSceneb var(--dur,24s) linear infinite!important}
.ws-c{animation:wsScenec var(--dur,24s) linear infinite!important}
.wow-pane:not(.is-live) .ws-scene,.wow-single:not(.is-live) .ws-scene{animation-play-state:running!important}
.wow-single .ws{min-height:clamp(360px,34vw,460px)!important}
.ws-scene{transition:none!important}
/* bank connect: editorial, not sci-fi */
.wsx-pulse{display:none!important}
.wsx-hub{border-radius:22px!important;box-shadow:0 1px 0 rgba(26,24,21,.05),0 24px 60px -28px rgba(26,24,21,.35),0 0 0 1px rgba(26,24,21,.06)!important}
.wsx-beam{height:1px!important;background:rgba(26,24,21,.22)!important;border-radius:0!important;transform:rotate(calc(var(--a) + 180deg)) translateX(14px) scaleX(clamp(0,calc(var(--v) * 6 - var(--i) - .3),1))!important}
.wsx-beam::after{display:none!important}
.wsx-bank-node{--r:156px;width:84px!important;height:56px!important;margin:-28px 0 0 -42px!important;border-radius:14px!important;box-shadow:0 1px 0 rgba(26,24,21,.05),0 18px 40px -22px rgba(26,24,21,.35),0 0 0 1px rgba(26,24,21,.06)!important;--s:calc(.92 + var(--t) * .08)}
.wsx-bank-node b{font-size:13.5px!important;letter-spacing:-.01em}
.wsx-bank-node em{width:18px!important;height:18px!important;right:-6px!important;top:-6px!important;background:#14120F!important;box-shadow:0 0 0 2px #fff!important}
.wsx-bank-node em svg{width:9px!important;height:9px!important}
.wsx-conn-tag{background:transparent!important;color:rgba(26,24,21,.55)!important;font-weight:500!important;height:auto!important;padding:0!important;bottom:6px!important}
.wsx-conn-tag i{background:#2f7a4d!important;animation:none!important}
.wow-single .ws::before{display:none!important}
/* mark sits exactly on the grid's centre cell */
.rx-grid{padding:clamp(34px,7%,64px) clamp(44px,9%,120px)!important;box-sizing:border-box}
/* ===== Feature cards v3: dark compact tiles (Higgsfield anatomy) ===== */
.ft-cards{gap:14px!important;grid-auto-rows:1fr}
.ft-card{position:relative;display:grid!important;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto auto;align-items:start;gap:0!important;min-height:0!important;height:auto!important;padding:18px 20px 20px!important;border-radius:16px!important;background:#171614!important;color:#fff!important;border:1px solid rgba(255,255,255,.06)!important;box-shadow:none!important;transition:background .2s,border-color .2s,transform .2s}
.ft-card:hover{background:#1E1C19!important;border-color:rgba(255,255,255,.12)!important;transform:translateY(-1px)}
.ft-ic{grid-area:1/1;width:24px!important;height:24px!important;background:none!important;border:0!important;border-radius:0!important;color:#fff!important;margin:0!important;display:block}
.ft-ic svg{width:24px;height:24px;stroke-width:1.6}
.ft-tag{grid-area:1/2;justify-self:end;display:inline-flex;align-items:center;height:28px;padding:0 11px;border-radius:999px;background:rgba(255,255,255,.08)!important;color:rgba(255,255,255,.8)!important;font-family:var(--sans);font-size:13px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;margin:0!important}
.ft-k{grid-area:3/1/4/3;display:flex;align-items:center;gap:8px;margin:34px 0 6px!important;font-family:var(--sans)!important;font-weight:600!important;font-size:17px!important;letter-spacing:-.01em!important;color:#fff!important;line-height:1.2}
.ft-top,.ft-new{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:5px;font-size:11px!important;font-weight:800!important;font-style:italic;letter-spacing:.02em;text-transform:uppercase;background:#FF2D7A!important;color:#fff!important;transform:skewX(-6deg);margin:0!important}
.ft-new{background:#C9F53A!important;color:#0E0E0E!important}
.ft-s{grid-area:4/1/5/3;font-family:var(--sans);font-size:14px!important;line-height:1.35;color:rgba(255,255,255,.55)!important;margin:0!important;max-width:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ft-card[data-ft-card="build"] .ft-ic,.ft-card[data-ft-card="custom"] .ft-ic{color:#fff!important}
@media (max-width:760px){.ft-card{padding:16px 16px 18px!important}.ft-k{margin-top:26px!important;font-size:16px!important}.ft-s{white-space:normal}}
.ft-h-ink{color:#14120F}
/* ===== Feature cards v3.1: white, Higgsfield anatomy ===== */
.ft-card{background:#fff!important;color:#14120F!important;border:1px solid rgba(26,24,21,.07)!important;border-radius:14px!important;padding:16px 18px 18px!important;box-shadow:0 1px 0 rgba(26,24,21,.04)!important;grid-template-rows:auto 1fr auto auto!important;min-height:168px!important}
.ft-card:hover{background:#FCFBF8!important;border-color:rgba(26,24,21,.12)!important}
.ft-card>*{position:relative}
.ft-ic{width:20px!important;height:20px!important;color:#14120F!important;opacity:1!important}
.ft-ic svg{width:20px!important;height:20px!important;stroke-width:1.7!important;stroke:#14120F!important;color:#14120F!important}
.ft-tag{height:26px!important;padding:0 10px!important;background:#F1EEE7!important;color:rgba(26,24,21,.75)!important;font-size:12.5px!important;border-radius:999px!important}
.ft-k{margin:28px 0 5px!important;font-size:16px!important;font-weight:600!important;color:#14120F!important;line-height:1.25!important;gap:7px!important}
.ft-k *{color:inherit}
.ft-top,.ft-new{height:19px!important;padding:0 7px!important;font-size:10.5px!important;border-radius:4px!important;color:#fff!important}
.ft-new{color:#0E0E0E!important}
.ft-s{font-size:13.5px!important;color:rgba(26,24,21,.55)!important;line-height:1.35!important}
.ft-cards{gap:12px!important}
@media (max-width:760px){.ft-card{min-height:0!important}}
/* feature cards v4: icon + status tag on the header row, serif title, no redundant category pill, compact */
.ft-card.ft-card{display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto auto auto!important;align-items:start;align-content:start;min-height:0!important;padding:16px 18px 18px!important;border-radius:14px!important;background:#fff!important;border:1px solid rgba(26,24,21,.08)!important;box-shadow:0 1px 0 rgba(26,24,21,.03)!important}
.ft-card.ft-card:hover{border-color:rgba(26,24,21,.18)!important;background:#fff!important;transform:translateY(-1px)}
.ft-card.ft-card .ft-tag{display:none!important}
.ft-card.ft-card .ft-ic{grid-area:1/1;width:22px!important;height:22px!important;margin:0!important}
.ft-card.ft-card .ft-ic svg{width:22px!important;height:22px!important;stroke-width:1.6!important}
.ft-card.ft-card .ft-k{grid-area:2/1/3/3;display:block!important;position:static;margin:30px 0 6px!important;padding:0!important;font-family:var(--serif)!important;font-weight:420!important;font-size:22px!important;line-height:1.12!important;letter-spacing:-.018em!important;color:#14120F!important;text-wrap:balance}
.ft-card.ft-card .ft-k .ft-top,.ft-card.ft-card .ft-k .ft-new{position:absolute!important;top:15px;right:16px;margin:0!important;display:inline-flex!important;height:22px!important;padding:0 8px!important;border-radius:999px!important;background:#FF2D7A!important;color:#fff!important;font-family:var(--sans)!important;font-size:11px!important;font-weight:700!important;font-style:italic;letter-spacing:.03em;text-transform:uppercase;transform:none!important}
.ft-card.ft-card .ft-s{grid-area:3/1/4/3;font-size:14px!important;line-height:1.4!important;color:rgba(26,24,21,.58)!important;white-space:normal!important;overflow:visible!important;margin:0!important}
/* feature cards v4.1: two columns beside the pack card, icon in a soft tile, one-line titles */
.ft-grid{align-items:stretch!important}
.ft-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:1fr;gap:12px!important}
.ft-card.ft-card{padding:18px 20px 20px!important}
.ft-card.ft-card .ft-ic{width:36px!important;height:36px!important;border-radius:11px!important;background:#F3EFE7!important;display:grid!important;place-items:center;color:#14120F!important;position:static!important;left:auto!important;top:auto!important;justify-self:start;margin:0!important}
.ft-card.ft-card .ft-ic svg{width:19px!important;height:19px!important;stroke-width:1.7!important}
.ft-card.ft-card .ft-k{margin:22px 0 5px!important;font-size:21px!important;line-height:1.15!important;text-wrap:pretty}
.ft-card.ft-card .ft-k .ft-top,.ft-card.ft-card .ft-k .ft-new{top:18px;right:18px}
@media (max-width:900px){.ft-grid{align-items:start!important}}
@media (max-width:520px){.ft-cards{grid-template-columns:1fr!important}}
.ft-hero.ft-hero-pack .ft-h{width:100%;align-self:stretch}
.ft-hero.ft-hero-pack .ft-hero-in{justify-content:flex-end!important;padding-bottom:22px!important}
.ft-hero.ft-hero-pack .ft-h .ft-peek{width:min(92%,440px)!important;margin-top:-.9em!important}
/* ===== Wow v18: no slideshow. The three objects sit side by side in one row, each looping in place; toggle swaps the set ===== */
.wow-single .ws{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(14px,2vw,28px);align-items:start;min-height:0!important;padding:clamp(20px,2.4vw,36px) 0 clamp(12px,1.6vw,20px)!important;width:min(100%,1080px)!important;perspective:none!important}
.wow-single .ws::before{-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%)!important;mask-image:linear-gradient(180deg,#000 55%,transparent 100%)!important}
.ws-scene.ws-scene{position:relative!important;inset:auto!important;grid-area:auto!important;opacity:1!important;animation:none!important;transform:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:16px!important;min-height:0!important;pointer-events:none;z-index:1}
.ws-scene.ws-scene .ws-obj{width:100%!important;display:flex;justify-content:center;align-items:flex-start;transform:none!important}
.ws-scene.ws-scene .ws-obj>div{width:100%!important;max-width:360px!important}
.ws-scene.ws-scene .wsx-conn{height:auto!important;aspect-ratio:1/1!important;max-width:320px!important}
.ws-scene.ws-scene .wsx-ratio{max-width:360px!important}
.ws-label.ws-label{display:flex!important;flex-direction:column;align-items:center;gap:6px;margin:0!important;font-family:var(--serif)!important;font-weight:420!important;font-size:clamp(18px,1.6vw,22px)!important;line-height:1.15!important;letter-spacing:-.015em!important;color:#14120F!important;text-align:center;text-shadow:none!important}
.ws-label.ws-label::before{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:rgba(26,24,21,.5);content:"01"}
.ws-b .ws-label.ws-label::before{content:"02"}
.ws-c .ws-label.ws-label::before{content:"03"}
@media (max-width:820px){.wow-single .ws{grid-template-columns:1fr!important;gap:28px}.ws-scene.ws-scene .ws-obj>div{max-width:400px!important}}
/* ===== Wow v19 (restart): Applicant Review anatomy from the portal — dark file card + checks ledger. Fresh `ar-` namespace. ===== */
.ar-wrap.wow-single.wow-single{display:block!important;width:100%!important;max-width:1180px!important;margin:clamp(28px,3.2vw,44px) auto 0!important;padding:0!important;background:none!important;border-radius:0!important;overflow:visible!important;font-family:var(--sans);color:#14120F}
.ar-wrap .wow-pane.wow-pane{display:block!important;align-items:initial!important;width:100%!important;margin:0!important;padding:0!important}
.ar-wrap .wow-pane.wow-pane[hidden]{display:none!important}
.ar-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px;align-items:start;text-align:left}
.ar-left{display:flex;flex-direction:column;gap:18px}
.ar-eyebrow{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(243,237,226,.7);display:inline-flex;align-items:center;gap:8px}
.ar-eyebrow em{font-style:normal;text-transform:none;letter-spacing:0;font-family:var(--sans);font-size:14px;color:rgba(26,24,21,.55)}
.ar-eyebrow-ink{color:rgba(26,24,21,.62)}
.ar-file{background:#1B1A17;color:#F3EDE2;border-radius:22px;padding:clamp(22px,2.6vw,34px);display:flex;flex-direction:column;gap:14px;box-shadow:0 30px 60px -40px rgba(0,0,0,.6)}
.ar-name{margin:2px 0 0;font-family:var(--serif);font-weight:420;font-size:clamp(38px,4.2vw,60px);line-height:1;letter-spacing:-.025em;color:#fff}
.ar-sub{margin:0;font-size:clamp(15px,1.3vw,18px);line-height:1.4;color:rgba(243,237,226,.82);max-width:34ch}
.ar-segs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;margin-top:10px}
.ar-seg{display:flex;flex-direction:column;gap:9px;min-width:0}
.ar-seg i{display:block;height:5px;border-radius:3px;background:#2E8B57}
.ar-seg.wait i{background:#C9A227}
.ar-seg em{font-family:var(--mono);font-style:normal;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(243,237,226,.8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ar-segmeta{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(243,237,226,.7);padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.12)}
.ar-assign{display:flex;align-items:center;gap:14px}
.ar-av{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.1);font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:#fff;flex:none}
.ar-assign-t{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.ar-assign-t small{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(243,237,226,.65)}
.ar-assign-t b{font-weight:600;font-size:16px;color:#fff}
.ar-assign-a{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(243,237,226,.85)}
.ar-note{border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px}
.ar-note-h{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(243,237,226,.65)}
.ar-note-b{display:flex;align-items:baseline;gap:10px}
.ar-note-b b{font-weight:600;font-size:15px;color:#fff}
.ar-note-b small{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(243,237,226,.6)}
.ar-note p{margin:0;font-size:15px;line-height:1.4;color:rgba(243,237,226,.9)}
.ar-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ar-stat{background:#fff;border:1px solid rgba(26,24,21,.08);border-radius:18px;padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.ar-stat-n{font-family:var(--serif);font-weight:420;font-size:clamp(34px,3.4vw,48px);line-height:1;letter-spacing:-.02em;color:#14120F}
.ar-stat-tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(26,24,21,.6);border:1px dashed rgba(26,24,21,.3);border-radius:8px;padding:5px 9px;margin-top:2px}
.ar-side{background:#fff;border:1px solid rgba(26,24,21,.08);border-radius:22px;padding:6px 0 0;display:flex;flex-direction:column;overflow:hidden}
.ar-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 16px 0;padding:16px 18px;border-radius:14px;background:#F6F3EC}
.ar-banner-t{display:flex;flex-direction:column;gap:4px;min-width:0}
.ar-banner-t b{font-weight:500;font-size:16px;color:#14120F}
.ar-amber{width:8px;height:8px;border-radius:50%;background:#C9A227;display:inline-block}
.ar-btn{flex:none;display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:12px;border:1px solid rgba(26,24,21,.14);background:#fff;font-weight:500;font-size:15px;color:#14120F}
.ar-checks-h{display:flex;align-items:center;gap:12px;padding:22px 22px 14px}
.ar-checks-h .ar-eyebrow{flex:1}
.ar-segctl{display:inline-flex;padding:3px;border-radius:999px;background:#F1EEE8;font-size:13.5px}
.ar-segctl b,.ar-segctl span{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px}
.ar-segctl b{font-weight:500;background:#fff;box-shadow:0 1px 2px rgba(26,24,21,.1)}
.ar-segctl span{color:rgba(26,24,21,.6)}
.ar-seeall{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px 0 14px;border-radius:999px;border:1px solid rgba(26,24,21,.14);font-size:14px;font-weight:500}
.ar-seeall svg,.ar-chev{width:16px;height:16px;flex:none}
.ar-list-h{display:flex;justify-content:space-between;padding:12px 22px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(26,24,21,.58);border-top:1px solid rgba(26,24,21,.08)}
.ar-list-f{border-top:1px solid rgba(26,24,21,.08);background:#FAF8F3;padding:16px 22px}
.ar-list{list-style:none;margin:0;padding:0}
.ar-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px 22px;border-top:1px solid rgba(26,24,21,.08)}
.ar-dot{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#14120F;color:#fff}
.ar-dot svg{width:14px;height:14px}
.ar-dot.is-pending{background:none;border:1.5px solid rgba(26,24,21,.3);color:transparent}
.ar-row-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.ar-row-t b{font-weight:600;font-size:16px;letter-spacing:-.01em;color:#14120F}
.ar-row-t small{font-size:14px;color:rgba(26,24,21,.58);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ar-row-v{font-family:var(--mono);font-size:13px;letter-spacing:.04em;color:rgba(26,24,21,.7)}
.ar-chev{color:rgba(26,24,21,.5)}
@media (max-width:900px){.ar-grid{grid-template-columns:1fr}.ar-row-t small{white-space:normal}}
@media (max-width:520px){.ar-segs{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr))}.ar-stats{grid-template-columns:1fr}.ar-checks-h{flex-wrap:wrap}}
/* v19.1: just three small components per view — segment bar, check rows, one stat */
.ar-wrap.wow-single.wow-single{max-width:1040px!important}
.ar-mini{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.35fr) minmax(0,.7fr);gap:16px;align-items:start;text-align:left}
.ar-file-mini{padding:20px 22px 18px;gap:12px;border-radius:18px}
.ar-file-mini .ar-segs{margin-top:6px}
.ar-segmeta-mini{padding-bottom:0;border-bottom:0}
.ar-side-mini{border-radius:18px;padding:0}
.ar-side-mini .ar-list-h{border-top:0;padding:12px 18px}
.ar-side-mini .ar-row{padding:12px 18px}
.ar-side-mini .ar-row-t b{font-size:15px}
.ar-side-mini .ar-row-t small{font-size:13px}
.ar-side-mini .ar-dot{width:26px;height:26px}
.ar-side-mini .ar-dot svg{width:12px;height:12px}
.ar-mini .ar-stat{border-radius:18px;padding:20px 22px 22px;gap:10px}
.ar-mini .ar-stat-n{font-size:clamp(36px,3.6vw,52px)}
@media (max-width:900px){.ar-mini{grid-template-columns:1fr 1fr}.ar-mini .ar-side-mini{grid-column:1/-1}}
@media (max-width:560px){.ar-mini{grid-template-columns:1fr}}
/* v19.2: one component at a time — the three take turns in the same spot */
.ar-mini{grid-template-columns:1fr!important;justify-items:center;align-items:center;min-height:clamp(200px,20vw,260px)}
.ar-mini>*{grid-area:1/1;width:min(100%,520px);opacity:0;animation:arTurn 12s linear infinite}
.ar-mini>*:nth-child(2){animation-delay:4s}
.ar-mini>*:nth-child(3){animation-delay:8s}
.ar-mini .ar-stat{width:min(100%,300px)}
.wow-single:not(.is-live) .ar-mini>*{animation-play-state:paused}
@keyframes arTurn{0%{opacity:0;transform:translateY(10px)}4%{opacity:1;transform:none}30%{opacity:1;transform:none}34%{opacity:0;transform:translateY(-6px)}100%{opacity:0;transform:translateY(-6px)}}
.ft-cards{gap:12px!important}
/* pack card: tighter top/bottom */
.ft-hero.ft-hero-pack .ft-hero-in{padding-top:14px!important;padding-bottom:10px!important}
.ft-hero.ft-hero-pack .ft-stack{margin-bottom:6px!important}
/* pack card: the guy peeks over the top edge */
.ft-hero{overflow:visible!important}
.ft-hero-pack{overflow:visible!important}
.ft-peek{position:absolute;left:50%;bottom:calc(100% - 6px);translate:-50% 0;width:min(72%,420px);height:auto;z-index:4;pointer-events:none;filter:drop-shadow(0 18px 24px rgba(26,24,21,.22));animation:ftPeek 1.2s cubic-bezier(.2,.9,.2,1) both}
@keyframes ftPeek{0%{transform:translateY(60%)}100%{transform:translateY(0)}}
.ft-hero-pack:not(.is-live) .ft-peek{animation-play-state:paused}
.ft-hero-in{position:relative;z-index:2}
.ft-features,.ft-wrap,.ft{overflow:visible!important}
.ft-features{padding-top:clamp(120px,14vw,220px)!important}
@media (max-width:760px){.ft-peek{width:70%}}
.ft{overflow:visible!important}
.ft-grid{overflow:visible!important;padding-top:clamp(110px,13vw,200px)}
.ft-features{padding-top:0!important}
.ft-hero>.ft-peek{position:absolute!important;z-index:4!important;left:50%!important;bottom:calc(100% - 6px)!important;width:min(72%,420px)!important;height:auto!important;flex:none}
.ft-hero>.ft-peek{inset:auto auto calc(100% - 6px) 50%!important;top:auto!important;right:auto!important;object-fit:initial!important}
/* pack card v2: grid floor clipped inside the plate; the guy pops up from the bottom rim, standing on the floor and leaning toward its vanishing point */
.ft-hero-pack{overflow:hidden!important}
.ft-grid{padding-top:0!important}
.ft-hero>.ft-peek{inset:auto -3% -2px auto!important;left:auto!important;translate:0 0!important;width:min(44%,300px)!important;z-index:1!important;transform-origin:50% 100%;filter:drop-shadow(0 -4px 14px rgba(26,24,21,.16))}
@keyframes ftPeek{0%{transform:perspective(600px) rotateX(9deg) rotate(-4deg) translateY(75%)}100%{transform:perspective(600px) rotateX(9deg) rotate(-4deg) translateY(0)}}
.ft-hero-pack .ft-hero-in{padding-bottom:clamp(28px,3vw,40px)!important}
@media (max-width:760px){.ft-hero>.ft-peek{width:46%!important}}
/* pack card v3: she lies on the grid floor; CTA moves up under the subtitle to free the floor */
.ft-hero>.ft-peek{inset:auto 2% 3% auto!important;width:min(58%,400px)!important;z-index:1!important;filter:drop-shadow(0 10px 12px rgba(2,32,130,.22))}
@keyframes ftPeek{0%{transform:translate(6%,10%);opacity:0}100%{transform:translate(0,0);opacity:1}}
.ft-hero-pack .ft-cta{margin-top:0!important}
.ft-hero-pack .ft-hero-in{justify-content:flex-start!important;padding-bottom:0!important}
.ft-hero-pack{min-height:520px!important}
@media (max-width:760px){.ft-hero>.ft-peek{width:64%!important}.ft-hero-pack{min-height:480px!important}}
/* wow stage: fit the object — no dead air between the toggle and the card; dot floor readable */
.wow-split .wow-toggle{margin-top:clamp(18px,2vw,28px)!important}
.wow-single{margin-top:clamp(16px,2vw,28px)!important}
.wow-single .ws{min-height:clamp(280px,24vw,340px)!important;padding:clamp(8px,1vw,16px) 0!important}
.wow-single .ws::before{opacity:1!important;background:radial-gradient(circle,rgba(26,24,21,.16) 1px,transparent 1.2px) 0 0/22px 22px!important;-webkit-mask-image:radial-gradient(75% 90% at 50% 50%,#000 35%,transparent 100%)!important;mask-image:radial-gradient(75% 90% at 50% 50%,#000 35%,transparent 100%)!important}
/* pack section: no CTA, shorter */
.ft-hero-pack .ft-cta{display:none!important}
.ft-sub2{margin-bottom:0!important}
.ft-hero-pack{min-height:400px!important}
.ft-hero-pack .ft-hero-in{padding-top:clamp(22px,2.4vw,32px)!important}
.ft-hero>.ft-peek{width:min(52%,340px)!important}
.ft-card{min-height:0!important;padding:18px 20px 20px!important}
.ft-card .ft-k{margin-top:44px!important}
@media (max-width:760px){.ft-hero-pack{min-height:380px!important}.ft-hero>.ft-peek{width:60%!important}}
/* she owns the floor: centred, larger, feet toward the vanishing point */
/* pack card v5: depth — italic serif "First pack" sits behind her, heavy sans "ON US" in front, over her and the floor */
.ft-hero-pack .ft-h{display:flex!important;flex-direction:column;align-items:center;gap:0;margin:0!important;text-align:center}
.ft-hero-pack .ft-h .ft-h-ink{display:block;position:relative;z-index:0;font-family:var(--serif)!important;font-weight:420!important;font-style:italic;text-transform:none!important;font-size:clamp(58px,6.6vw,100px)!important;line-height:.9;letter-spacing:-.035em;color:#2F55FF!important}
.ft-hero-pack .ft-h .ft-peek{position:relative!important;inset:auto!important;translate:0 0!important;display:block;width:min(74%,340px)!important;height:auto!important;max-width:none;margin:-.72em auto 0;z-index:1;filter:none!important}
.ft-hero-pack .ft-h .ft-h-on{display:block;position:relative;z-index:2;font-family:var(--serif)!important;font-weight:420!important;font-style:italic;text-transform:none!important;font-size:clamp(58px,6.6vw,100px)!important;line-height:.9;letter-spacing:-.035em;color:#14120F!important;margin-top:-.08em;text-shadow:none}
.ft-hero-pack{min-height:0!important}
.ft-hero-pack .ft-hero-in{padding-bottom:clamp(22px,2.4vw,32px)!important}
@media (max-width:760px){.ft-hero-pack .ft-h .ft-peek{width:80%!important}}
/* ===== Wow v20: one photograph per view. The story is the picture; the copy sits in the empty third. ===== */
.hs-wrap.wow-single.wow-single{max-width:1180px!important}
.hs{position:relative;margin:0;border-radius:24px;overflow:hidden;background:#1B1A17;aspect-ratio:1344/752;isolation:isolate}
.hs-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hs-cap{position:absolute;inset:auto 0 0 0;padding:clamp(20px,3vw,44px);display:flex;flex-direction:column;gap:10px;max-width:min(46%,480px);text-align:left;color:#14120F}
.hs-right .hs-cap{left:auto;right:0;margin-left:auto}
.hs-left .hs-cap{right:auto}
.hs::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 45%,rgba(251,250,246,.55) 100%)}
.hs-cap{z-index:1}
.hs-eyebrow{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(26,24,21,.7)}
.hs-line{margin:0;font-family:var(--serif);font-weight:420;font-size:clamp(24px,2.6vw,40px);line-height:1.05;letter-spacing:-.022em;color:#14120F;text-wrap:pretty}
.hs-line em{font-style:italic;font-weight:400}
.hs-sub{margin:0;font-family:var(--sans);font-size:clamp(14px,1.2vw,17px);line-height:1.4;color:rgba(26,24,21,.72);text-wrap:pretty}
.wow-pane .hs{animation:hsIn .6s cubic-bezier(.2,.8,.2,1) both}
@keyframes hsIn{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:none}}
@media (max-width:760px){.hs{aspect-ratio:auto;border-radius:18px}.hs-img{position:relative;aspect-ratio:1344/752}.hs-cap{position:static;max-width:none;padding:18px 18px 22px;background:#fff;color:#14120F}.hs::after{display:none}}
/* ===== Wow v21: three flat-colour studio plates per view (same anatomy as the verticals grid). No gradients. ===== */
.see-wrap.wow-single.wow-single{max-width:1180px!important}
.see-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);text-align:left}
.see{position:relative;margin:0;border-radius:22px;overflow:hidden;background:var(--bg);aspect-ratio:880/1168;color:var(--ink)}
.see-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 100%;display:block}
.see-cap{position:absolute;inset:0 0 auto 0;padding:clamp(18px,2.2vw,30px);display:flex;flex-direction:column;gap:8px}
.see-eyebrow{font-family:var(--mono);font-size:clamp(10.5px,.95vw,12.5px);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);opacity:.8}
.see-h{margin:0;font-family:var(--serif);font-weight:420;font-size:clamp(24px,2.7vw,40px);line-height:1;letter-spacing:-.022em;color:var(--ink)}
.wow-pane .see{animation:seeIn .55s cubic-bezier(.2,.8,.2,1) both}
.wow-pane .see:nth-child(2){animation-delay:.06s}.wow-pane .see:nth-child(3){animation-delay:.12s}
@keyframes seeIn{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:none}}
@media (max-width:760px){.see-row{grid-template-columns:1fr;max-width:420px;margin:0 auto}}
/* ===== Wow v22: one wide UI shot + one narrow plate per view ===== */
.duo{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:clamp(12px,1.6vw,20px);align-items:stretch;text-align:left}
.duo .see{aspect-ratio:880/1168;align-self:start;width:100%}
.duo-wide{align-self:stretch}
.duo-wide{position:relative;margin:0;border-radius:22px;overflow:hidden;background:var(--bg);min-height:0}
.duo-bd{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}
.duo-ui{position:absolute;left:7%;top:11%;width:80%;height:auto;display:block;border-radius:14px;box-shadow:0 40px 90px -30px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.18)}
.duo-wide::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);border-radius:22px}
.wow-pane .duo-wide{animation:seeIn .55s cubic-bezier(.2,.8,.2,1) both}
@media (max-width:760px){.duo{grid-template-columns:1fr}.duo-wide{aspect-ratio:4/3}.duo .see{max-width:420px;margin:0 auto;width:100%}}
/* ===== KYC UI shot (HTML) inside the wide panel ===== */
.kyc{container-type:inline-size;display:grid;grid-template-columns:1fr 1fr;aspect-ratio:1.5/1;background:#fff;color:#14120F;font-family:var(--sans);overflow:hidden;border-radius:14px;box-shadow:0 40px 90px -30px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.18)}
.kyc-l{position:relative;display:flex;flex-direction:column;padding:4cqw 5cqw 0;min-width:0}
.kyc-lights{display:flex;gap:1cqw;position:absolute;left:3cqw;top:2.6cqw}
.kyc-lights i{width:1.6cqw;height:1.6cqw;border-radius:50%;background:#FF5F57}.kyc-lights i:nth-child(2){background:#FEBC2E}.kyc-lights i:nth-child(3){background:#28C840}
.kyc-body{display:flex;flex-direction:column;gap:1cqw;margin-top:5cqw}
.kyc-h{font-weight:600;font-size:2.7cqw;letter-spacing:-.01em}
.kyc-s{font-size:1.7cqw;color:rgba(26,24,21,.6);line-height:1.35}
.kyc-card{margin-top:2.4cqw;border:1px solid rgba(26,24,21,.1);border-radius:2cqw;padding:1.6cqw;display:flex;flex-direction:column;gap:1.8cqw;background:#fff}
.kyc-frame{position:relative;aspect-ratio:4/3;border-radius:1.4cqw;background:#F3F1EC;overflow:hidden;display:grid;place-items:center}
.kyc-frame img{width:46%;height:auto;border-radius:50%;filter:saturate(.9)}
.kyc-c{position:absolute;width:5cqw;height:5cqw;border:2px solid #14120F;border-radius:2px}
.kyc-c1{left:9%;top:9%;border-right:0;border-bottom:0}.kyc-c2{right:9%;top:9%;border-left:0;border-bottom:0}.kyc-c3{left:9%;bottom:9%;border-right:0;border-top:0}.kyc-c4{right:9%;bottom:9%;border-left:0;border-top:0}
.kyc-scan{position:absolute;left:12%;right:12%;height:2px;background:#2F55FF;top:20%;opacity:.9;animation:kycScan 2.6s ease-in-out infinite alternate}
.wow-single:not(.is-live) .kyc-scan{animation-play-state:paused}
@keyframes kycScan{0%{top:18%}100%{top:80%}}
.kyc-steps{list-style:none;margin:0;padding:0;display:flex;gap:1.6cqw;font-size:1.55cqw;color:rgba(26,24,21,.7)}
.kyc-steps li{display:inline-flex;align-items:center;gap:.7cqw;white-space:nowrap}
.kyc-steps i{width:1.5cqw;height:1.5cqw;border-radius:50%;border:1.5px solid rgba(26,24,21,.3)}
.kyc-steps .ok i{background:#2E8B57;border-color:#2E8B57}.kyc-steps .now i{border-color:#2F55FF;box-shadow:inset 0 0 0 .35cqw #fff,inset 0 0 0 1.5cqw #2F55FF}
.kyc-steps .now{color:#14120F;font-weight:500}
.kyc-ghost{display:flex;justify-content:center;align-items:center;height:4.2cqw;border:1px solid rgba(26,24,21,.16);border-radius:1cqw;font-size:1.6cqw;font-weight:500}
.kyc-bar{margin-top:auto;position:relative;bottom:-1.2cqw;display:flex;align-items:center;gap:1.4cqw;padding:1.4cqw 1.6cqw;border-radius:1.6cqw;background:#fff;box-shadow:0 -10px 30px -12px rgba(47,85,255,.25),0 6px 24px -10px rgba(26,24,21,.25),0 0 0 1px rgba(26,24,21,.06)}
.kyc-bar-ic{width:4cqw;height:4cqw;border-radius:1.1cqw;overflow:hidden;flex:none}.kyc-bar-ic img{width:100%;height:100%;display:block}
.kyc-bar-t{display:flex;flex-direction:column;gap:.3cqw;min-width:0;flex:1}
.kyc-bar-t b{font-size:1.6cqw;font-weight:600}.kyc-bar-t small{font-size:1.35cqw;color:rgba(26,24,21,.6);line-height:1.3}
.kyc-go{flex:none;display:inline-flex;align-items:center;height:3.8cqw;padding:0 1.8cqw;border-radius:1cqw;background:#14120F;color:#fff;font-size:1.55cqw;font-weight:500}
.kyc-r{position:relative;overflow:hidden;background:#022082;color:#F3EDE2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:4cqw 4cqw 0}
.kyc-r img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 70%}
.kyc-r-eyebrow{position:relative;font-family:var(--mono);font-size:1.2cqw;letter-spacing:.2em;text-transform:uppercase;color:rgba(243,237,226,.75)}
.kyc-r-h{position:relative;margin-top:1.4cqw;font-family:var(--serif);font-weight:420;font-size:5cqw;line-height:.98;letter-spacing:-.025em;text-wrap:balance}
.kyc-r-h em{font-style:italic;font-weight:400}
/* ===== Feature section title row (Higgsfield-style: title + sub left, CTA right) ===== */
.ft-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 clamp(18px,2vw,26px);text-align:left}
.ft-head-l{display:flex;flex-direction:column;gap:6px;min-width:0}
.ft-title{margin:0;font-family:var(--serif);font-weight:420;font-size:var(--h2);line-height:1;letter-spacing:-.025em;color:var(--ink)}
.ft-title em{font-style:italic;font-weight:400}
.ft-head-sub{margin:0;font-family:var(--sans);font-size:clamp(15px,1.2vw,17px);line-height:1.4;color:rgba(26,24,21,.6);text-wrap:pretty}
.ft-head-cta{flex:none;display:inline-flex;align-items:center;height:44px;padding:0 18px;border-radius:999px;background:#14120F;color:#fff;text-decoration:none;font-family:var(--sans);font-weight:500;font-size:15px;transition:transform .2s,background .2s}
.ft-head-cta:hover{background:#2F55FF;color:#fff;transform:translateY(-1px)}
@media (max-width:640px){.ft-head{flex-direction:column;align-items:flex-start}}
/* ===== Platform pass: edge-to-edge like Higgsfield (24px gutters, 1600 cap) + tighter corner radii ===== */
:root{--wrap:1600px;--r-lg:12px;--r-md:10px;--r-sm:8px}
.wrap{max-width:min(100% - 48px,1600px)!important;padding-left:0!important;padding-right:0!important;margin-left:auto!important;margin-right:auto!important}
header .wrap{max-width:none!important;padding:0 14px!important}
.ar-wrap.wow-single.wow-single,.see-wrap.wow-single.wow-single,.hs-wrap.wow-single.wow-single{max-width:none!important}
.ft{padding-left:24px!important;padding-right:24px!important}
.reel-stage{max-width:none!important}
.reel-stage{max-width:min(100% - 2*var(--gut),var(--col))!important;margin-left:auto!important;margin-right:auto!important}
.reel-sec.takeover .wrap{max-width:none!important;padding:0 24px!important}
@media (max-width:640px){.reel-sec.takeover .wrap{padding:0 14px!important}}
.hc-track{padding-left:24px!important;padding-right:24px!important}
.reel-sec.takeover .wrap{max-width:min(100% - 48px,1600px)!important;padding:0!important}
.reel-sec.takeover .wrap{max-width:min(100% - 2*clamp(20px,3.5vw,64px),1280px)!important}
/* ===== Column pass: every section shares one 1280px column with scaling gutters; only the highlights carousel bleeds ===== */
:root{--col:1240px;--gut:clamp(22px,4vw,48px)}
.wrap{max-width:min(100% - 2*var(--gut),var(--col))!important}
.reel-sec.takeover .wrap{max-width:min(100% - 2*var(--gut),var(--col))!important}
.ft{padding-left:0!important;padding-right:0!important;max-width:min(100% - 2*var(--gut),var(--col));margin-left:auto;margin-right:auto}
.cb{padding-left:0!important;padding-right:0!important;max-width:min(100% - 2*var(--gut),var(--col));margin-left:auto;margin-right:auto}
/* Claude banner: full bleed with a small gutter */
.cb.cb{max-width:none;width:calc(100vw - 2*clamp(12px,1.4vw,20px));margin-left:calc(50% - 50vw + clamp(12px,1.4vw,20px));margin-right:0}
.cb.cb .cb-plate{border-radius:22px!important}
.ar-wrap.wow-single.wow-single,.see-wrap.wow-single.wow-single,.hs-wrap.wow-single.wow-single{max-width:min(100% - 2*var(--gut),var(--col))!important;margin-left:auto!important;margin-right:auto!important}
.hc-head{padding-left:var(--gut)!important;padding-right:var(--gut)!important;max-width:calc(var(--col) + 2*var(--gut));margin-left:auto;margin-right:auto}
.hc-track{padding-left:max(var(--gut),calc((100% - var(--col))/2))!important;padding-right:var(--gut)!important;scroll-padding-left:max(var(--gut),calc((100% - var(--col))/2))!important}
@media (max-width:640px){.ft,.cb{max-width:calc(100% - 32px)}}
/* proportional scaling for the pack + checks pair: everything in the checks card sizes off its own width */
.ft-grid{max-height:min(72vh,720px)}
.ft-grid>*{min-height:0}
.cx{container-type:inline-size}
@container (min-width:400px){
.cx-list{gap:clamp(6px,1.6cqw,12px)!important}
.cx-row{padding:clamp(9px,2cqw,16px) clamp(11px,2.4cqw,20px)!important;gap:clamp(8px,1.8cqw,16px)!important;border-radius:clamp(8px,1.6cqw,14px)!important}
.cx-n{font-size:clamp(10px,1.7cqw,13px)!important}
.cx-ic{width:clamp(26px,5cqw,40px)!important;height:clamp(26px,5cqw,40px)!important}
.cx-ic svg{width:clamp(14px,2.6cqw,20px)!important;height:clamp(14px,2.6cqw,20px)!important}
.cx-t b{font-size:clamp(14px,2.7cqw,22px)!important}
.cx-t small{font-size:clamp(11px,1.9cqw,14px)!important}
.cx-ok{height:clamp(20px,3.6cqw,28px)!important;font-size:clamp(9.5px,1.6cqw,12px)!important;padding:0 clamp(7px,1.4cqw,12px)!important}
.cx-vp{width:clamp(280px,54cqw,440px)!important;right:clamp(12px,2.6cqw,28px)!important;padding-left:0;box-sizing:border-box}
.cx-row{will-change:auto;transform:none!important;box-shadow:0 1px 0 rgba(255,255,255,.06) inset!important}
.cx-t b{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.05}
.cx-eyebrow{font-size:clamp(10px,1.7cqw,13px)!important}
.cx-h{font-size:min(72px,calc((100cqw - clamp(280px,54cqw,440px) - clamp(12px,2.6cqw,28px) - clamp(16px,3.4cqw,40px) - 16px) / 7.3))!important}
.cx-cap{left:clamp(16px,3.4cqw,40px)!important;top:clamp(14px,3cqw,36px)!important;max-width:none;overflow:visible}
.cx-h1,.cx-h2{white-space:nowrap;overflow:visible}
.cx-eyebrow{white-space:nowrap;font-size:min(13px,calc((100cqw - clamp(280px,54cqw,440px) - 80px) / 20))!important}
}
.reel{max-width:none!important}
/* big-screen frame: ratio-bound instead of viewport-bound */
.reel{height:auto!important;aspect-ratio:16/8.4!important;max-height:min(78vh,860px)!important;min-height:480px!important}
.reel-stage{margin-top:clamp(48px,6vw,96px)!important;margin-bottom:clamp(28px,3.6vw,56px)!important}
@media (max-width:760px){.reel{aspect-ratio:4/5!important;max-height:none!important;min-height:0!important}}
@media (max-width:640px){.wrap{max-width:min(100% - 32px,1600px)!important}.ft{padding-left:16px!important;padding-right:16px!important}.hc-track{padding-left:16px!important;padding-right:16px!important}}
/* radii */
.hc-art,.hc-card,.hc-p,.hw5-card,.hw5-face,.uv-card,.reel,.cvz-plate,.ol-plate,.cb-plate,.tm-card,.see,.duo-wide,.ar-file,.ar-side,.ar-stat,.ft-hero,.ft-hero-pack,.kyc-r{border-radius:var(--r-lg)!important}
.ft-card,.kyc,.kyc-card,.kyc-frame,.ar-banner,.ar-note,.ar-btn,.ft-stat,.wsx-bank,.wsx-file,.wsx-income,.wsx-report,.wsx-ratio,.wsx-scan{border-radius:var(--r-md)!important}
.ft-ic,.ar-av,.kyc-bar,.kyc-go,.kyc-ghost,.kyc-bar-ic,.ft-stat-tag,.ar-stat-tag,.ol-app,.ft-stack .ol-app{border-radius:var(--r-sm)!important}
.ft-hero-pack .ft-stack .ol-app.a3{border-radius:10px!important}
.ft-head-cta,.wow-toggle,.wow-tab,.wow-tab-ind,.ar-seeall,.ar-segctl,.ar-segctl b,.ar-segctl span{border-radius:999px!important}
/* tighter page margins: 14px gutters everywhere, no width cap */
.wrap{max-width:calc(100% - 28px)!important}
.reel-sec.takeover .wrap{max-width:calc(100% - 28px)!important}
.ft{padding-left:14px!important;padding-right:14px!important}
.hc-track{padding-left:14px!important;padding-right:14px!important;scroll-padding:0 14px!important}
.hc-nav{right:14px!important}
.ft-grid,.ft-cards{gap:14px!important}
.wow-split .wow-single{padding:0!important}
@media (max-width:640px){.wrap,.reel-sec.takeover .wrap{max-width:calc(100% - 24px)!important}.ft,.hc-track{padding-left:12px!important;padding-right:12px!important}}
/* ===== Rhythm pass: tighter section spacing, one compact title row pattern (title + sub left, control right) ===== */
:root{--h2:clamp(34px,3.4vw,56px);--sec-pad:clamp(36px,4vw,56px)}
.ft{padding-top:var(--sec-pad)!important;padding-bottom:var(--sec-pad)!important}
.ft-head{margin-bottom:16px!important;align-items:flex-end}
.ft-head-sub{font-size:15px!important}
.ft-head-cta{height:40px!important;font-size:14.5px!important}
.wow-split{padding-top:var(--sec-pad)!important;padding-bottom:var(--sec-pad)!important}
.wow-split .wow-head{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:flex-end!important;text-align:left!important;gap:20px;width:100%}
.wow-split .wow-head>*{margin:0!important}
.wow-split .wow-h{font-size:var(--h2)!important;margin:0!important;max-width:none!important}
.wow-sub{display:block!important;margin:6px 0 0!important;font-size:15px!important;color:rgba(26,24,21,.6)!important;max-width:52ch}
.wow-split .wow-toggle{margin:0!important;flex:none;padding:4px!important}
.wow-split .wow-toggle .wow-tab{padding:8px 12px!important;flex-direction:row!important;gap:8px!important}
.wow-split .wow-toggle .wow-tab span{font-size:14px!important}
.wow-tab-ind{top:4px!important;bottom:4px!important;left:4px!important;width:calc(50% - 4px)!important}
.duo-wrap.wow-single.wow-single{margin-top:16px!important}
@media (max-width:640px){.wow-split .wow-head{flex-direction:column!important;align-items:flex-start!important}}
/* ===== Higgsfield study: compact caps section titles in the accent, grey one-liners, square-ish CTA, 16px rhythm, captions under plates ===== */
:root{--h2:clamp(22px,1.9vw,28px);--sec-pad:clamp(32px,3.6vw,48px);--acc:#2F55FF}
.ft-title,.wow-split .wow-h{font-family:var(--sans)!important;font-weight:800!important;font-size:var(--h2)!important;text-transform:uppercase!important;letter-spacing:-.02em!important;line-height:1!important;color:var(--acc)!important}
.ft-title em,.wow-split .wow-h em{font-style:normal!important;font-weight:800!important;color:var(--acc)!important}
.ft-head-sub,.wow-sub{font-size:14.5px!important;line-height:1.4!important;color:rgba(26,24,21,.55)!important;margin-top:6px!important}
.ft-head{margin-bottom:16px!important}
.ft-head-cta{height:40px!important;padding:0 16px!important;border-radius:10px!important;background:var(--acc)!important;color:#fff!important;font-weight:600!important;font-size:14.5px!important}
.ft-head-cta:hover{background:#14120F!important;transform:none!important}
.wow-split .wow-toggle{border-radius:10px!important;padding:3px!important;border:1px solid rgba(26,24,21,.1)!important}
.wow-split .wow-toggle .wow-tab,.wow-tab-ind{border-radius:8px!important}
.wow-tab-ind{top:3px!important;bottom:3px!important;left:3px!important;width:calc(50% - 3px)!important}
.wow-split .wow-toggle .wow-tab{padding:7px 12px!important}
.wow-split .wow-toggle .wow-tab span{font-size:14px!important;font-weight:600!important}
/* highlight captions */
.hc-k{font-family:var(--sans)!important;font-weight:800!important;font-size:14px!important;text-transform:uppercase;letter-spacing:-.01em;color:#14120F!important;margin-top:10px!important}
.hc-s{font-size:14px!important;color:rgba(26,24,21,.55)!important;margin-top:2px!important}
.hc-track{gap:16px!important}
/* check cards: bold sans titles, grey one-liner */
.ft-card.ft-card .ft-k{font-family:var(--sans)!important;font-weight:700!important;font-size:16px!important;letter-spacing:-.01em!important;line-height:1.25!important;margin:20px 0 4px!important}
.ft-card.ft-card .ft-s{font-size:14px!important;color:rgba(26,24,21,.55)!important}
.ft-card.ft-card{padding:16px 18px 18px!important}
.ft-card.ft-card .ft-ic{width:32px!important;height:32px!important;border-radius:8px!important}
.ft-card.ft-card .ft-ic svg{width:18px!important;height:18px!important}
/* plate captions inside the 3:4 plates follow the same voice */
.see-eyebrow{opacity:.75}
.see-h{font-size:clamp(20px,2vw,28px)!important}
/* rhythm */
.ft-grid,.ft-cards,.duo,.see-row{gap:16px!important}
.duo-wrap.wow-single.wow-single{margin-top:16px!important}
/* ===== HF-LIGHT: Higgsfield structure in Carousel's white mode — cream stage, cobalt accent, caps titles, white 12px cards, 16px rhythm ===== */
:root{--acc:#2F55FF}
.ft-title,.wow-split .wow-h,.hc-h,.wp-h,.pr-h,.um-h,.sr-h,.faq-h,.hw5-h,.hw-h{font-family:var(--sans)!important;font-weight:800!important;font-size:var(--h2)!important;text-transform:uppercase!important;letter-spacing:-.02em!important;line-height:1!important;color:var(--acc)!important;margin:0!important}
.ft-title em,.wow-split .wow-h em,.hc-h em,.wp-h em,.pr-h em,.um-h em,.sr-h em,.faq-h em,.hw5-h em,.hw-h em{font-style:normal!important;font-weight:800!important;color:inherit!important}
.ft-head-sub,.wow-sub,.hc-sub,.wp-sub,.pr-sub,.um-sub,.sr-sub{color:rgba(26,24,21,.55)!important;font-size:14.5px!important;max-width:60ch}
.ft-head-cta,.pr-cta,.pr-buy,.pr-free-cta,.wp-cta,.sr-btn,.hc-cta{background:var(--acc)!important;color:#fff!important;border:0!important;border-radius:10px!important;font-weight:600!important;box-shadow:none!important}
.ft-head-cta:hover,.pr-cta:hover,.pr-buy:hover,.wp-cta:hover,.sr-btn:hover{background:#14120F!important;color:#fff!important}
.wp-card,.pr-col,.pr-check,.pr-pack,.um-col,.faq-item,.sr-page{background:#fff!important;border:1px solid rgba(26,24,21,.08)!important;box-shadow:none!important;border-radius:12px!important}
.pr-check:hover,.faq-item:hover{border-color:rgba(26,24,21,.18)!important}
.pricing .pr-badge{background:var(--acc)!important;color:#fff!important}
.ft-card.ft-card .ft-k .ft-new{background:var(--acc)!important;color:#fff!important}
/* pack card: the glare — "50% off" glows over the floor */
.ft-hero-pack .ft-h .ft-h-on{color:var(--acc)!important;background:linear-gradient(180deg,#6B86FF 0%,#2F55FF 48%,#1B3ACC 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px rgba(47,85,255,.55)) drop-shadow(0 2px 0 rgba(255,255,255,.7))}
.ft-hero-pack .ft-h .ft-h-ink{background:linear-gradient(180deg,#3A3631 0%,#14120F 55%,#4A4540 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 rgba(255,255,255,.9))}
.ft-hero-pack .ft-shade{background:radial-gradient(55% 45% at 50% 100%,rgba(47,85,255,.32),transparent 70%)!important}
/* pack card: give the clipped gradient text room for italic overhangs */
.ft-hero-pack .ft-h .ft-h-ink,.ft-hero-pack .ft-h .ft-h-on{line-height:1.06!important;padding:.06em .16em!important;margin-left:-.16em!important;margin-right:-.16em!important;overflow:visible}
.ft-hero-pack .ft-h .ft-h-ink{background:linear-gradient(180deg,#2B2723 0%,#14120F 60%,#2E2A25 100%)!important;-webkit-background-clip:text!important;background-clip:text!important}
.ft-hero-pack .ft-h .ft-h-on{margin-top:-.14em!important}
.ft-hero-pack .ft-h .ft-peek{margin-top:-.8em!important}
/* wow head: flush left, left-aligned copy, compact toggle */
.wow .wow-split{padding-left:0!important;padding-right:0!important;padding-top:var(--sec-pad)!important}
.wow .wow-split .wow-head{padding:0!important;margin:0 0 16px!important;max-width:none!important;width:100%!important;justify-content:space-between!important;align-items:flex-end!important;text-align:left!important}
.wow .wow-split .wow-head-l{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0}
.wow .wow-split .wow-h{text-align:left!important}
.wow .wow-split .wow-sub{text-align:left!important;margin:6px 0 0!important;max-width:60ch!important}
.wow .wow-split .wow-toggle.wow-toggle{padding:3px!important;height:40px!important;width:auto!important;display:inline-grid!important;grid-template-columns:auto auto!important;align-items:stretch;margin:0!important;border-radius:10px!important;background:#fff!important;border:1px solid rgba(26,24,21,.12)!important;box-shadow:none!important}
.wow .wow-split .wow-toggle .wow-tab{padding:0 12px!important;height:32px!important;flex-direction:row!important;align-items:center!important;gap:7px!important;border-radius:8px!important}
.wow .wow-split .wow-toggle .wow-tab span{font-size:13.5px!important;font-weight:600!important}
.wow .wow-split .wow-toggle .wow-tab svg{width:14px;height:14px}
.wow .wow-split .wow-tab-ind{top:3px!important;bottom:3px!important;left:3px!important;width:calc(50% - 3px)!important;border-radius:8px!important}
/* section titles: back to the brand serif italic, ink — keep the compact Higgsfield row */
.ft-title,.wow-split .wow-h,.hc-h,.wp-h,.pr-h,.um-h,.sr-h,.faq-h,.hw5-h,.hw-h{font-family:var(--serif)!important;font-weight:420!important;font-style:italic!important;text-transform:none!important;letter-spacing:-.025em!important;font-size:clamp(28px,2.6vw,40px)!important;line-height:1!important;color:var(--ink,#14120F)!important}
.ft-title em,.wow-split .wow-h em,.hc-h em,.wp-h em,.pr-h em,.um-h em,.sr-h em,.faq-h em,.hw5-h em,.hw-h em{font-style:normal!important;font-weight:420!important;color:inherit!important}
.ft-head-cta,.pr-cta,.pr-buy,.pr-free-cta,.wp-cta,.sr-btn,.hc-cta{background:#14120F!important;color:#fff!important}
.ft-head-cta:hover,.pr-cta:hover,.pr-buy:hover,.wp-cta:hover,.sr-btn:hover{background:#2F55FF!important}
/* ===== Checks component: Higgsfield plate + endless list of every check ticking through ===== */
.cx{position:relative;display:block;border-radius:12px;overflow:hidden;background:#EFDCC0;color:#14120F;text-decoration:none;min-height:100%;isolation:isolate}
.cx-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:0% 50%;display:block}
.cx-cap{position:absolute;left:clamp(18px,2vw,28px);top:clamp(16px,1.8vw,24px);display:flex;flex-direction:column;gap:6px;z-index:2}
.cx-eyebrow{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(26,24,21,.6)}
.cx-h{font-family:var(--serif);font-weight:420;font-size:clamp(22px,2.2vw,32px);line-height:1;letter-spacing:-.02em}
.cx-h em{font-style:italic;font-weight:400}
.cx-vp{position:absolute;top:0;bottom:0;right:clamp(14px,2vw,28px);width:min(52%,380px);overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%);z-index:1}
.cx-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;animation:cxScroll 26s linear infinite;will-change:transform}
.ft-hero-pack:not(.is-live)~.cx .cx-list,.cx:not(.is-live) .cx-list{animation-play-state:running}
@keyframes cxScroll{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}
.cx:hover .cx-list{animation-play-state:paused}
.cx-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;background:rgba(255,255,255,.92);border:1px solid rgba(26,24,21,.08);box-shadow:0 1px 0 rgba(26,24,21,.04)}
.cx-ic{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#F3EFE7;color:#14120F}
.cx-ic svg{width:18px;height:18px}
.cx-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.cx-t b{font-family:var(--sans);font-weight:600;font-size:15px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-t small{font-family:var(--sans);font-size:12.5px;color:rgba(26,24,21,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-ok{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#2E8B57;color:#fff;animation:cxTick 26s linear infinite;animation-delay:calc(var(--i) * -1.3s)}
.cx-ok svg{width:12px;height:12px}
@keyframes cxTick{0%,3%{transform:scale(.6);opacity:.25;background:#D9D4C7}6%,100%{transform:scale(1);opacity:1;background:#2E8B57}}
@media (max-width:900px){.cx{aspect-ratio:4/3}.cx-vp{width:56%}}
@media (max-width:560px){.cx{aspect-ratio:3/4}.cx-bg{object-position:20% 100%}.cx-vp{right:10px;width:70%;top:30%}.cx-cap{left:14px;top:14px}}
/* checks component polish: caption on a white card so it reads over the photo; she sits lower-left; tighter rows */
.cx-cap{background:rgba(255,255,255,.94);border:1px solid rgba(26,24,21,.08);border-radius:10px;padding:12px 14px 13px;gap:4px;box-shadow:0 1px 0 rgba(26,24,21,.04)}
.cx-eyebrow{font-size:11px}
.cx-h{font-size:clamp(20px,1.9vw,26px)}
.cx-bg{object-position:0% 100%;transform-origin:0% 100%}
.cx-vp{width:min(50%,360px)}
.cx-list{gap:8px}
.cx-row{padding:10px 12px;gap:10px;background:rgba(255,255,255,.96)}
.cx-ic{width:30px;height:30px}.cx-ic svg{width:16px;height:16px}
.cx-t b{font-size:14.5px}.cx-t small{font-size:12px}
.cx-ok{width:22px;height:22px}.cx-ok svg{width:11px;height:11px}
.cx::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(26,24,21,.06);border-radius:12px}
/* checks component v2: she is a cutout standing in front of big display type */
.cx{background:#f1d7b4!important}
.cx-bg{left:0;right:auto;top:auto;bottom:-2%;width:auto;height:88%;object-fit:contain;object-position:0% 100%;z-index:1;filter:drop-shadow(0 20px 30px rgba(26,24,21,.25))}
.cx-cap{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;left:clamp(18px,2.2vw,32px)!important;top:clamp(16px,2vw,28px)!important;z-index:0!important;gap:8px!important;pointer-events:none}
.cx-eyebrow{font-size:11.5px!important;color:rgba(26,24,21,.62)!important}
.cx-h{display:flex;flex-direction:column;line-height:.92!important;letter-spacing:-.035em!important;font-size:clamp(44px,5.2vw,84px)!important}
.cx-h1{font-style:italic;background:linear-gradient(180deg,#2B2723 0%,#14120F 60%,#3A342E 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding:.04em .12em .04em 0;filter:drop-shadow(0 1px 0 rgba(255,255,255,.7))}
.cx-h2{font-style:italic;background:linear-gradient(180deg,#6B86FF 0%,#2F55FF 48%,#1B3ACC 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding:.04em .12em .06em 0;filter:drop-shadow(0 0 16px rgba(47,85,255,.45)) drop-shadow(0 1px 0 rgba(255,255,255,.7))}
.cx-vp{z-index:2}
@media (max-width:560px){.cx-bg{height:60%}}
/* checks component v3: anime cutout lower-left; rows become ink tickets with mono index, serif name and a CLEAR stamp */
.cx-bg{bottom:-6%!important;height:84%!important}
.cx-row{grid-template-columns:auto auto minmax(0,1fr) auto!important;background:#14120F!important;color:#F3EDE2!important;border:0!important;box-shadow:0 1px 0 rgba(255,255,255,.06) inset!important;padding:10px 12px 10px 14px!important;gap:12px!important;border-radius:10px!important}
.cx-n{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:rgba(243,237,226,.5)}
.cx-ic{background:#2F55FF!important;color:#fff!important;width:30px!important;height:30px!important;border-radius:8px!important}
.cx-t b{font-family:var(--serif)!important;font-weight:420!important;font-style:italic;font-size:17px!important;letter-spacing:-.015em!important;color:#fff!important}
.cx-t small{color:rgba(243,237,226,.55)!important;font-size:12px!important}
.cx-ok{width:auto!important;height:22px!important;padding:0 8px;border-radius:5px!important;background:#2E8B57!important;color:#fff!important;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;display:inline-flex;align-items:center;transform-origin:60% 50%;animation:cxStamp 26s linear infinite!important;animation-delay:calc(var(--i) * -1.3s)!important}
@keyframes cxStamp{0%,3%{transform:scale(1.5) rotate(-8deg);opacity:0}5%{transform:scale(.96) rotate(-4deg);opacity:1}6.5%,100%{transform:scale(1) rotate(-4deg);opacity:1}}
/* checks component v4: white plate, she stands lower so the type clears her head; rows back to white */
.cx{background:#FBFAF6!important}
.cx-bg{bottom:-10%!important;height:80%!important}
.cx-h{font-size:clamp(40px,4.6vw,72px)!important}
.cx-row{background:#fff!important;color:#14120F!important;border:1px solid rgba(26,24,21,.09)!important;box-shadow:0 1px 0 rgba(26,24,21,.04)!important}
.cx-n{color:rgba(26,24,21,.45)!important}
.cx-ic{background:#EAF0FF!important;color:#2F55FF!important}
.cx-t b{color:#14120F!important}
.cx-t small{color:rgba(26,24,21,.55)!important}
.cx-eyebrow{color:rgba(26,24,21,.55)!important}
/* checks component v5: cream plate back; she is taller and her head/arm overlaps "One link." */
.cx{background:#F1D7B4!important}
.cx-bg{bottom:-4%!important;height:96%!important;left:2%!important}
.cx-cap{top:clamp(14px,1.6vw,22px)!important}
/* checks component v6: the calm anime version, taller, head overlapping "One link." */
.cx-bg{bottom:-6%!important;height:98%!important;left:3%!important}
.cx-cap{top:9%!important}
/* checks component v7: headline top-left in the clear; she stands right of it, in front of the list's left edge */
.cx-cap{top:clamp(16px,2vw,28px)!important;left:clamp(18px,2.2vw,32px)!important;z-index:0!important}
.cx-h{font-size:clamp(40px,4.4vw,64px)!important}
.cx-bg{left:auto!important;right:44%!important;bottom:-6%!important;height:92%!important;z-index:3!important}
.cx-vp{width:min(46%,340px)!important;z-index:2!important}
@media (max-width:900px){.cx-bg{right:auto!important;left:0!important;height:70%!important}.cx-vp{width:54%!important}}
/* checks component v8: original anime cel back; ink tickets; CLEAR is a static cobalt stamp (no slam) */
.cx-row{background:#14120F!important;color:#F3EDE2!important;border:0!important;box-shadow:0 1px 0 rgba(255,255,255,.06) inset!important}
.cx-n{color:rgba(243,237,226,.5)!important}
.cx-ic{background:#2F55FF!important;color:#fff!important}
.cx-t b{color:#F3EDE2!important}
.cx-t small{color:rgba(243,237,226,.55)!important}
.cx-ok{background:#2F55FF!important;color:#fff!important;animation:none!important;transform:rotate(-4deg)!important;opacity:1!important}
/* checks component v9: selection framing — Add pill, preselected rows show Added */
.cx-ok{background:transparent!important;color:#F3EDE2!important;border:1px solid rgba(243,237,226,.35)!important;transform:none!important;border-radius:999px!important;padding:0 10px!important;text-transform:none!important;letter-spacing:.02em!important;font-family:var(--sans)!important;font-size:12.5px!important;font-weight:500}
.cx-ok::before{content:"+";margin-right:5px;font-weight:500}
.cx-ok.is-on{background:#2F55FF!important;border-color:#2F55FF!important;color:#fff!important}
.cx-ok.is-on::before{content:"\2713"}
/* v11: pill restyle + apex flip */
.cx-ok.cx-ok{font-family:var(--sans)!important;font-style:normal!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;font-size:clamp(12px,1.9cqw,14px)!important;height:clamp(28px,4.4cqw,34px)!important;padding:0 clamp(11px,1.9cqw,14px)!important;border-radius:999px!important;display:inline-flex!important;align-items:center;gap:6px;background:rgba(255,255,255,.06)!important;border:1px solid rgba(243,237,226,.22)!important;color:#F3EDE2!important;transition:background .25s,border-color .25s,color .25s;line-height:1}
.cx-ok.cx-ok::before{margin:0;font-weight:500;font-size:1.05em;line-height:1}
.cx-ok.cx-ok.is-on{background:#2F55FF!important;border-color:#2F55FF!important;color:#fff!important;box-shadow:0 6px 16px -8px rgba(47,85,255,.7)}
.cx-ok.pop{animation:cxPop .38s cubic-bezier(.2,1.4,.3,1)}
@keyframes cxPop{0%{transform:scale(.85)}60%{transform:scale(1.08)}100%{transform:scale(1)}}
.cx-n{font-size:clamp(10px,1.6cqw,12px)!important;color:rgba(243,237,226,.42)!important}
@container (max-width:640px){.cx-n{display:none}.cx-row{grid-template-columns:auto minmax(0,1fr) auto!important}}
/* cursor that clicks the pills */
.cx-ok.cx-ok{min-width:5.6em;justify-content:center}
/* feature title row: centred stack, CTA below */
.ft-head.ft-head{flex-direction:column;align-items:center;text-align:center;gap:18px;margin-bottom:clamp(22px,2.6vw,32px)!important}
.ft-head.ft-head .ft-head-l{align-items:center;text-align:center}
.ft-head.ft-head .ft-title{text-wrap:balance;max-width:22ch;font-size:var(--h2)!important;line-height:1.02!important}
.ft-head.ft-head .ft-head-sub{text-align:center;max-width:52ch}
/* Section h2s always share one scale (project rule). Display headlines (.cb-h, .fin-h, .reel-big) are exempt. */
h2.ft-title,h2.hc-h,h2.wow-h,h2.hw5-title,h2.wp-h,h2.pr-h,h2.um-h,h2.sr-h,h2.faq-h{font-size:var(--h2)!important;line-height:1.02!important;letter-spacing:-.025em!important}
/* in-card display type stays big; the pair caps at 620px tall */
.ft-grid{max-height:min(66vh,620px)}
/* ===== Report card: full-width ink plate under the pack + checks pair; a cream report sheet prints itself ===== */
.rp{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center;margin-top:16px;padding:clamp(28px,3.4vw,52px) clamp(24px,3.4vw,52px) 0;border-radius:14px;background:#DCE6DC;color:#14120F;text-decoration:none;overflow:hidden;isolation:isolate;container-type:inline-size;min-height:clamp(340px,34vw,440px)}
.rp::before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(60% 80% at 80% 50%,rgba(255,255,255,.55),transparent 70%),radial-gradient(40% 60% at 10% 100%,rgba(47,85,255,.10),transparent 70%)}
.rp::after{content:"";position:absolute;inset:0;z-index:0;background-image:radial-gradient(rgba(26,24,21,.12) 1px,transparent 1.2px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 100%)}
.rp-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:34ch}
.rp-eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(26,24,21,.6)}
.rp-h{display:flex;flex-direction:column;font-family:var(--serif);font-weight:420;font-style:italic;font-size:clamp(40px,5.2cqw,72px);line-height:.94;letter-spacing:-.035em;margin:2px 0 4px}
.rp-h1,.rp-h2{display:inline-block;padding:.12em .1em .06em;margin:-.1em -.08em 0;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;background-size:100% 100%;background-repeat:no-repeat}
.rp-h1{background:linear-gradient(180deg,#3A3631 0%,#14120F 55%,#4A4540 100%);filter:drop-shadow(0 1px 0 rgba(255,255,255,.9)) drop-shadow(0 10px 16px rgba(20,18,15,.15))}
.rp-h2{background:linear-gradient(180deg,#6B86FF 0%,#2F55FF 48%,#1B3ACC 100%);filter:drop-shadow(0 1px 0 rgba(255,255,255,.9)) drop-shadow(0 0 24px rgba(47,85,255,.35))}
.rp-sub{font-family:var(--sans);font-size:clamp(15px,1.3cqw,17px);line-height:1.45;color:rgba(26,24,21,.62)}
.rp-cta{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;background:#14120F;color:#fff;font-family:var(--sans);font-weight:600;font-size:15px;margin-top:6px;transition:transform .2s,background .2s}
.rp-cta i{font-style:normal;font-weight:300;transition:transform .25s}
.rp:hover .rp-cta{background:#2F55FF;transform:translateY(-1px)}.rp:hover .rp-cta i{transform:translateX(4px)}
.rp-stage{position:relative;z-index:1;height:100%;min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:64px}
.rp-tv{position:relative;display:grid;grid-template-columns:minmax(0,1fr) clamp(52px,9cqw,72px);gap:12px;width:min(100%,540px);padding:16px;border-radius:18px;background:
repeating-linear-gradient(92deg,rgba(0,0,0,.08) 0 2px,transparent 2px 7px,rgba(255,255,255,.04) 7px 9px,transparent 9px 16px),
linear-gradient(180deg,#7A4A2B 0%,#5E3720 55%,#4A2A18 100%);box-shadow:inset 0 2px 0 rgba(255,220,180,.25),inset 0 -3px 0 rgba(0,0,0,.5),0 40px 60px -30px rgba(40,20,10,.6)}
.rp-tv::before{content:"";position:absolute;inset:8px;border-radius:12px;border:2px solid rgba(255,235,210,.28);pointer-events:none}
.rp-tv::after{display:none}
/* feet + contact shadow */
.rp-feet{position:absolute;left:0;right:0;bottom:-10px;height:10px;pointer-events:none}
.rp-feet i{position:absolute;bottom:0;width:26px;height:10px;border-radius:0 0 5px 5px;background:linear-gradient(180deg,#3E2314,#1F1108)}
.rp-feet i:first-child{left:9%}.rp-feet i:last-child{right:9%}
.rp-tv{margin-bottom:0}
/* rabbit ears */
.rp-ant{position:absolute;left:50%;top:-56px;width:2px;height:56px;pointer-events:none}
.rp-ant i{position:absolute;bottom:0;left:0;width:2px;height:64px;background:linear-gradient(180deg,#DAD3C5,#8E877B);transform-origin:50% 100%;border-radius:1px}
.rp-ant i::after{content:"";position:absolute;top:-5px;left:-3px;width:8px;height:8px;border-radius:50%;background:#B9B2A4}
.rp-ant i:first-child{transform:rotate(-24deg)}.rp-ant i:last-child{transform:rotate(22deg)}
.rp-ant::before{content:"";position:absolute;left:-9px;bottom:-6px;width:20px;height:10px;border-radius:5px 5px 0 0;background:#2A170C}
/* shelf */
.rp-shelf{position:absolute;left:0;right:0;bottom:0;height:64px;pointer-events:none}
.rp-shelf-top{position:absolute;left:0;right:0;top:0;height:14px;background:linear-gradient(180deg,#8B5A36,#6E4326);border-radius:3px 3px 0 0;box-shadow:inset 0 1px 0 rgba(255,225,190,.35)}
.rp-shelf-front{position:absolute;left:0;right:0;top:14px;height:22px;background:repeating-linear-gradient(92deg,rgba(0,0,0,.08) 0 2px,transparent 2px 7px),linear-gradient(180deg,#5E3720,#4A2A18);box-shadow:0 18px 26px -16px rgba(40,20,10,.55)}
.rp-leg{position:absolute;top:36px;width:10px;height:28px;background:linear-gradient(180deg,#3E2314,#241407);border-radius:0 0 3px 3px}
.rp-leg.l{left:12%;transform:skewX(8deg)}.rp-leg.r{right:12%;transform:skewX(-8deg)}
.rp-shelf::before{content:"";position:absolute;left:6%;right:6%;top:-8px;height:18px;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,rgba(20,10,5,.45),transparent 70%);filter:none}
.rp-screen{position:relative;overflow:hidden;border-radius:26px/32px;background:#0E0D0B;padding:16px;box-shadow:inset 0 0 0 6px #E9DFCB,inset 0 0 0 8px #B9A98C,inset 0 0 50px 8px rgba(0,0,0,.95);animation:rpPower 9s cubic-bezier(.2,.7,.2,1) infinite}
.rp-sheet{border-radius:14px}
.rp-scan{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(0,0,0,.14) 0 1px,transparent 1px 3px);mix-blend-mode:multiply;z-index:5}
.rp-glare{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.04) 28%,rgba(255,255,255,0) 45%),radial-gradient(120% 90% at 50% 50%,transparent 60%,rgba(0,0,0,.35) 100%);z-index:6}
.rp-panel{display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px 6px 10px;border-radius:10px;background:linear-gradient(180deg,#F1E8D6,#DCCFB6);box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 rgba(0,0,0,.15)}
.rp-knob{width:clamp(24px,4.4cqw,34px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 35%,#F7F1E4,#B9A98C 75%);box-shadow:inset 0 -2px 0 rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.35),0 0 0 4px rgba(26,24,21,.06);position:relative;animation:rpKnob1 9s cubic-bezier(.3,1.5,.4,1) infinite}
.rp-knob::before{content:"";position:absolute;inset:-7px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(26,24,21,.35) 0 2deg,transparent 2deg 30deg);-webkit-mask:radial-gradient(circle,transparent 0 62%,#000 63% 72%,transparent 73%);mask:radial-gradient(circle,transparent 0 62%,#000 63% 72%,transparent 73%)}
.rp-knob:nth-child(2){animation-name:rpKnob2}
@keyframes rpKnob1{0%,3%{transform:rotate(0)}5%{transform:rotate(58deg)}7%,100%{transform:rotate(60deg)}}
@keyframes rpKnob2{0%,24%{transform:rotate(0)}30%{transform:rotate(-26deg)}62%{transform:rotate(-26deg)}68%,100%{transform:rotate(0)}}
.rp-knob::after{content:"";position:absolute;left:50%;top:3px;width:2px;height:38%;background:#14120F;transform:translateX(-50%);border-radius:1px}
.rp-knob:nth-child(2)::after{transform:translateX(-50%)}
.rp-grille{flex:1;width:70%;min-height:40px;background:repeating-linear-gradient(180deg,rgba(26,24,21,.35) 0 2px,transparent 2px 6px);border-radius:3px}
.rp-brand{font-family:var(--mono);font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(26,24,21,.6);writing-mode:vertical-rl;transform:rotate(180deg)}
.rp-led{width:7px;height:7px;border-radius:50%;background:#2E8B57;box-shadow:0 0 8px #2E8B57,inset 0 0 0 1px rgba(0,0,0,.2);animation:rpLed 9s infinite}
@keyframes rpLed{0%,4%{background:#C8362E;box-shadow:0 0 6px #C8362E}8%,100%{background:#2E8B57;box-shadow:0 0 8px #2E8B57}}
@keyframes rpPower{0%{filter:brightness(0)}4%{filter:brightness(2.2) contrast(1.4)}6%{filter:brightness(.6)}8%,90%{filter:brightness(1)}100%{filter:brightness(0)}}
.rp-sheet{position:relative;z-index:2;width:100%;background:#FBF8F1;color:#14120F;border-radius:8px;padding:16px 18px 20px;display:flex;flex-direction:column;gap:12px;box-shadow:inset 0 0 0 1px rgba(26,24,21,.06);animation:rpPrint 9s cubic-bezier(.2,.7,.2,1) infinite}
.rp-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(26,24,21,.1)}
.rp-av{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#14120F;color:#fff;font-family:var(--mono);font-size:12px;letter-spacing:.06em}
.rp-who{display:flex;flex-direction:column;gap:2px;min-width:0}
.rp-who b{font-family:var(--sans);font-weight:600;font-size:15.5px;letter-spacing:-.01em}
.rp-who small{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(26,24,21,.5)}
.rp-verdict{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 11px;border-radius:999px;background:#E6F3EA;color:#1F6B3F;font-family:var(--sans);font-weight:600;font-size:13px;animation:rpFade 9s infinite;animation-delay:2.2s}
.rp-verdict i{width:7px;height:7px;border-radius:50%;background:#2E8B57}
.rp-fig{position:relative;display:flex;flex-direction:column;gap:2px;padding-right:40%}
.rp-fig small{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(26,24,21,.5)}
.rp-fig b{font-family:var(--serif);font-weight:420;font-size:clamp(34px,3.4cqw,46px);line-height:1;letter-spacing:-.02em}
.rp-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.rp-rows li{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:10px;font-family:var(--sans);font-size:13.5px;opacity:0;animation:rpRow 9s infinite;animation-delay:calc(.6s + var(--i) * .22s)}
.rp-rows li i{width:16px;height:16px;border-radius:50%;background:#2E8B57;position:relative}
.rp-rows li i::after{content:"";position:absolute;left:5px;top:3px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.rp-rows li span{font-weight:600;letter-spacing:-.01em}
.rp-rows li em{font-style:normal;color:rgba(26,24,21,.55);text-align:right;white-space:normal;line-height:1.25}
@container (max-width:760px){.rp-rows li{grid-template-columns:auto minmax(0,1fr)}.rp-rows li em{grid-column:2;text-align:left;font-size:12.5px}.rp-who small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rp-fig{padding-right:0;gap:6px}.rp-stamp{position:static;translate:0;align-self:flex-start;font-size:10px}}
.rp-stamp{position:absolute;right:0;top:50%;translate:0 -50%;padding:6px 10px;border:2px solid #2F55FF;border-radius:6px;color:#2F55FF;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;transform:rotate(-8deg) scale(1.6);opacity:0;animation:rpStamp 9s cubic-bezier(.2,.9,.2,1) infinite;animation-delay:2.5s}
@keyframes rpPrint{0%,6%{opacity:0;transform:scaleY(.02)}9%{opacity:1;transform:scaleY(1.02)}11%,90%{opacity:1;transform:scaleY(1)}100%{opacity:0;transform:scaleY(.02)}}
@keyframes rpRow{0%,10%{opacity:0;transform:translateY(6px)}14%,86%{opacity:1;transform:translateY(0)}100%{opacity:0}}
@keyframes rpFade{0%,2%{opacity:0;transform:scale(.9)}5%,86%{opacity:1;transform:scale(1)}100%{opacity:0}}
@keyframes rpStamp{0%,2%{opacity:0;transform:rotate(-8deg) scale(1.6)}5%{opacity:1;transform:rotate(-8deg) scale(.96)}6%,86%{opacity:1;transform:rotate(-8deg) scale(1)}100%{opacity:0}}
.rp:not(.is-live) .rp-sheet,.rp:not(.is-live) .rp-rows li,.rp:not(.is-live) .rp-verdict,.rp:not(.is-live) .rp-stamp,.rp:not(.is-live) .rp-screen,.rp:not(.is-live) .rp-led,.rp:not(.is-live) .rp-knob{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.rp-sheet,.rp-rows li,.rp-verdict,.rp-stamp,.rp-screen,.rp-led,.rp-knob{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}}
@media (max-width:820px){.rp{grid-template-columns:1fr;gap:28px;min-height:0}.rp-stage{min-height:300px;padding-top:60px}.rp-h{font-size:clamp(36px,10vw,56px)}}
/* ===== Report card v3: photographic — she's in the sea of printouts, pointing up at the one report ===== */
.rp.rp{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start;gap:24px;padding:clamp(28px,3.4vw,52px) clamp(24px,3.4vw,52px) clamp(200px,24cqw,300px);min-height:clamp(420px,44vw,600px);background:#F4F1EA;overflow:hidden}
.rp.rp::before{background:radial-gradient(70% 60% at 70% 30%,rgba(47,85,255,.10),transparent 70%)}
.rp.rp::after{background-image:radial-gradient(rgba(26,24,21,.10) 1px,transparent 1.2px);mask-image:linear-gradient(180deg,#000 0,#000 55%,transparent 80%);-webkit-mask-image:linear-gradient(180deg,#000 0,#000 55%,transparent 80%)}
.rp-sea{position:absolute;left:0;right:0;bottom:-2px;width:100%;height:auto;z-index:1;pointer-events:none;object-fit:cover;object-position:50% 100%;max-height:78%}
.rp-copy{z-index:2}
.rp-stage.rp-stage{position:relative;z-index:2;min-height:0;height:auto;display:flex;align-items:flex-start;justify-content:flex-end;padding:0 clamp(0px,4cqw,56px) 0 0}
.rp-tv,.rp-shelf,.rp-ant,.rp-feet,.rp-panel,.rp-scan,.rp-glare{display:none!important}
.rp-sheet.rp-sheet{width:min(100%,400px);border-radius:6px;padding:18px 20px 22px;gap:14px;background:linear-gradient(180deg,#FFFEFB,#F7F3EA);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 2px 4px rgba(26,24,21,.08),0 28px 40px -22px rgba(26,24,21,.45),0 60px 80px -40px rgba(26,24,21,.35);transform:rotate(-3deg);transform-origin:50% 100%;animation:rpFloat 9s ease-in-out infinite}
.rp-sheet.rp-sheet::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;border-radius:6px 6px 0 0;background:repeating-linear-gradient(90deg,transparent 0 10px,rgba(26,24,21,.12) 10px 12px,transparent 12px 22px);opacity:.6}
@keyframes rpFloat{0%{opacity:0;transform:rotate(-3deg) translateY(28px)}8%{opacity:1;transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-2.2deg) translateY(-6px)}90%{opacity:1;transform:rotate(-3deg) translateY(0)}100%{opacity:0;transform:rotate(-3deg) translateY(28px)}}
@media (max-width:820px){.rp.rp{grid-template-columns:1fr;padding-bottom:clamp(180px,42vw,260px)}.rp-stage.rp-stage{justify-content:center;padding:0}.rp-sea{max-height:60%}}
/* ===== Pack row v3: full-bleed strip, original card widths, horizontal scroll reveals the report card ===== */
.ft{overflow:visible!important}
.ft-grid.ft-scroll{--pad:max(24px,calc(50vw - 590px));display:grid!important;grid-auto-flow:column;grid-template-columns:none!important;grid-auto-columns:auto;gap:16px!important;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0 var(--pad) 2px;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scroll-padding:0 var(--pad);scrollbar-width:none;-webkit-overflow-scrolling:touch;max-height:none}
.ft-grid.ft-scroll::-webkit-scrollbar{display:none}
.ft-grid.ft-scroll>*{scroll-snap-align:start;min-width:0;height:auto;min-height:clamp(520px,54vw,640px)}
.ft-grid.ft-scroll>.ft-hero{width:calc((min(1180px,100vw - 48px) - 16px) * .4)}
.ft-hero.ft-hero-pack.ft-hero-pack .ft-hero-in{padding-top:clamp(44px,4.4vw,60px)!important}
.ft-hero.ft-hero-pack .ft-stack{margin-top:0}
.ft-grid.ft-scroll>.cx{width:calc((min(1180px,100vw - 48px) - 16px) * .6)}
.ft-grid.ft-scroll>.rp-card{width:calc((min(1180px,100vw - 48px) - 16px) * .6);margin-top:0!important;min-height:0!important;max-height:100%}
.rp-card.rp-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:none;align-items:start;gap:16px;padding:clamp(24px,2.6vw,36px) clamp(22px,2.6vw,36px) 0;background:#F4F1EA;border-radius:12px}
.rp-card .rp-copy{position:relative;z-index:3;display:flex;flex-direction:column;gap:10px;max-width:100%}
.rp-card .rp-h{font-size:clamp(28px,3vw,46px)}
.rp-card .rp-sub{font-size:clamp(14px,1.1vw,16px);max-width:34ch}
.rp-card .rp-cta{margin-top:4px;height:40px;padding:0 16px;font-size:14px}
.rp-card .rp-stage.rp-stage{justify-content:flex-end;align-items:flex-start;padding:0;position:relative;z-index:3}
.rp-card .rp-sheet.rp-sheet{width:min(100%,320px);padding:12px 14px 14px;gap:8px;transform:rotate(-2.5deg) translateY(0)}
.rp-card .rp-fig b{font-size:clamp(24px,2.2vw,30px)}
.rp-card .rp-rows li{padding:4px 0}
.rp-card .rp-rows li:nth-child(n+4){display:none}
.rp-card .rp-sea{max-height:52%;object-position:100% 100%;z-index:2}
.rp-card .rp-sea.rp-pile{max-height:none;height:100%;width:100%;left:0;right:0;top:0;bottom:0;object-fit:cover;object-position:78% 40%;z-index:1;-webkit-mask-image:none;mask-image:none}
.rp-card.rp-card{grid-template-columns:1fr;grid-template-rows:1fr;align-items:end;background:#F4F1EA;padding:0;overflow:hidden}
.rp-card.rp-card::before,.rp-card.rp-card::after{display:none}
.rp-card .rp-copy{grid-column:1;grid-row:1;align-self:end;justify-self:start;max-width:min(58%,460px);padding:clamp(22px,2.4vw,34px);gap:10px;position:relative;z-index:3}
.rp-card .rp-copy::before{content:"";position:absolute;inset:-40px -60px -1px -1px;z-index:-1;background:linear-gradient(90deg,rgba(244,241,234,.96) 0%,rgba(244,241,234,.9) 58%,rgba(244,241,234,0) 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 34%);mask-image:linear-gradient(180deg,transparent 0,#000 34%)}
.rp-card .rp-h{font-size:clamp(34px,3.6vw,56px)}
.rp-card .rp-sub{font-size:clamp(16px,1.35vw,20px);max-width:32ch}
.rp-card .rp-eyebrow{font-size:12.5px}
.rp-card .rp-cta{height:46px;padding:0 20px;font-size:16px}
@media (max-width:900px){.rp-card .rp-sea.rp-pile{object-position:70% 30%}.rp-card .rp-copy{max-width:100%;padding:18px 20px 22px}.rp-card .rp-copy::before{inset:-60px -1px -1px -1px;background:linear-gradient(180deg,rgba(244,241,234,0) 0%,rgba(244,241,234,.94) 30%);mask-image:none;-webkit-mask-image:none}}
@keyframes rpFloat{0%{opacity:0;transform:rotate(-2.5deg) translateY(24px)}8%{opacity:1;transform:rotate(-2.5deg) translateY(0)}50%{transform:rotate(-1.8deg) translateY(-6px)}90%{opacity:1;transform:rotate(-2.5deg) translateY(0)}100%{opacity:0;transform:rotate(-2.5deg) translateY(24px)}}
@media (max-width:900px){.ft-grid.ft-scroll>*{height:auto;min-height:480px}.ft-grid.ft-scroll>.ft-hero,.ft-grid.ft-scroll>.cx,.ft-grid.ft-scroll>.rp-card{width:min(86vw,520px)}.rp-card.rp-card{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);padding-bottom:0}.rp-card .rp-sheet.rp-sheet{width:min(100%,300px)}.rp-card .rp-sea{max-height:40%}}
@media (max-width:900px){.ft-grid.ft-scroll{--pad:20px}.ft-pin.is-pinned .ft-sticky{height:100svh;padding:clamp(20px,4vh,40px) 0 clamp(16px,3vh,28px);gap:14px}.ft-pin.is-pinned .ft-head{width:calc(100vw - 40px)}.ft-pin.is-pinned .ft-grid.ft-scroll>*{height:min(62svh,560px);min-height:0}.ft-pin.is-pinned .ft-grid.ft-scroll>.ft-hero,.ft-pin.is-pinned .ft-grid.ft-scroll>.cx,.ft-pin.is-pinned .ft-grid.ft-scroll>.rp-card{width:min(84vw,460px)}}
/* mobile: report card stacks — copy on a solid cream band on top, photo fills the rest */
@media (max-width:900px){
.ft-pin.is-pinned .ft-grid.ft-scroll>.ft-hero-pack{height:min(62svh,560px);min-height:0}
.ft-hero.ft-hero-pack.ft-hero-pack .ft-hero-in{padding-top:24px!important}
.ft-hero-pack .ft-h .ft-h-on{font-size:min(clamp(40px,11vw,58px),12cqh)!important}
.ft-hero-pack .ft-h .ft-peek{width:min(62%,260px,52cqh)!important}
.cx-vp.cx-vp{top:clamp(110px,28cqw,150px)!important;left:14px!important;right:14px!important;width:auto!important}
.cx-bg.cx-bg{height:46%!important;left:-8%!important;right:auto!important;bottom:-6%!important;z-index:1!important}
}
@media (max-width:900px){
.rp-card.rp-card.rp-card{grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr)!important;align-items:start!important;padding:0!important;overflow:hidden}
.rp-card.rp-card .rp-copy{grid-row:1!important;align-self:start!important;max-width:100%!important;padding:22px 20px 20px!important;background:#F4F1EA}
.rp-card.rp-card .rp-copy::before{display:none!important}
.rp-card.rp-card .rp-sea.rp-pile{grid-row:2;position:absolute!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;height:calc(100% - 300px)!important;min-height:220px;width:100%!important;object-fit:cover!important;object-position:60% 20%!important;mask-image:none!important;-webkit-mask-image:none!important}
.rp-card.rp-card .rp-h{font-size:clamp(30px,8vw,40px)!important}
.rp-card.rp-card .rp-sub{font-size:15.5px!important;max-width:100%!important}
.rp-card.rp-card .rp-cta{height:44px!important;font-size:15px!important}
}
/* pinned pan: section grows to the strip's overflow; inner stage sticks while JS translates the strip */
.ft-pin.is-pinned{position:relative;padding-top:0!important;padding-bottom:0!important;padding-left:0!important;padding-right:0!important;overflow:visible!important}
.ft-pin.is-pinned .ft-sticky{position:sticky;top:0;height:100vh;width:100vw;margin-left:calc(50% - 50vw);display:flex;flex-direction:column;justify-content:center;gap:clamp(16px,2vw,28px);overflow:hidden;padding:clamp(56px,7vh,84px) 0 clamp(24px,3vh,40px)}
.ft-pin.is-pinned .ft-head{flex:none;width:min(1180px,100vw - 48px);margin-left:auto;margin-right:auto}
.ft-pin.is-pinned .ft-grid.ft-scroll{width:100vw;margin-left:0;margin-right:0;overflow:visible!important;scroll-snap-type:none;will-change:transform;flex:none;backface-visibility:hidden;contain:layout}
.ft-pin.is-pinned .ft-grid.ft-scroll>*{contain:paint;transform:translateZ(0)}
.ft-pin.is-pinned .ft-sticky{contain:paint}
.ft-pin.is-pinned .cx-list{will-change:transform}
.ft-pin.is-pinned .rp-sheet,.ft-pin.is-pinned .rp-sea{will-change:transform,opacity}
.ft-pin.is-pinned .ft-grid.ft-scroll>*{min-height:0;height:min(64vh,640px)}
.ft-hero.ft-hero-pack.ft-hero-pack .ft-hero-in{justify-content:flex-start!important;padding-top:clamp(28px,4cqh,44px)!important;container-type:size}
.ft-hero-pack.ft-hero-pack{container-type:size}
.ft-hero-pack .ft-h .ft-peek{width:min(74%,340px,58cqh)!important}
.ft-hero-pack .ft-h .ft-h-on{font-size:min(clamp(58px,6vw,84px),13cqh)!important}
/* checks card: headline must clear the list column */
.cx{container-type:inline-size}
.cx-cap{z-index:4!important;max-width:calc(100% - clamp(18px,2.2vw,32px) - min(46%,340px) - clamp(14px,2vw,28px) - 8px)}
.cx-h{font-size:clamp(30px,7.2cqw,56px)!important;white-space:nowrap}
.cx-vp{width:min(40%,320px)!important}
.cx-cursor{position:absolute;left:0;top:0;z-index:5;pointer-events:none;opacity:0;transition:opacity .4s;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35));will-change:transform}
.cx-cursor.is-live{opacity:1}
.cx-cursor svg{display:block;transform-origin:20% 15%}
.cx-cursor.press svg{animation:cxPress .32s cubic-bezier(.2,.9,.2,1)}
@keyframes cxPress{0%{transform:scale(1)}35%{transform:scale(.8)}100%{transform:scale(1)}}
.cx-ok.pop{animation:cxPop .38s cubic-bezier(.2,1.4,.3,1),cxRing .5s ease-out}
@keyframes cxRing{0%{box-shadow:0 0 0 0 rgba(47,85,255,.55)}100%{box-shadow:0 0 0 12px rgba(47,85,255,0)}}
@media (prefers-reduced-motion:reduce){.cx-cursor{animation:none}}
/* checks rows v12: light tickets, bare icons */
.cx-row.cx-row{background:rgba(255,253,248,.94)!important;color:#14120F!important;border:1px solid rgba(26,24,21,.1)!important;box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 6px 18px -14px rgba(26,24,21,.35)!important;border-radius:clamp(10px,1.8cqw,14px)!important}
.cx-row.cx-row .cx-ic{background:none!important;color:#14120F!important;width:clamp(22px,3.6cqw,28px)!important;height:clamp(22px,3.6cqw,28px)!important;border-radius:0!important}
.cx-row.cx-row .cx-ic svg{width:100%!important;height:100%!important;stroke-width:1.6}
/* checks rows v13: wider list viewport so text is never truncated */
.cx-vp.cx-vp{width:min(40%,330px)!important}
.cx-t.cx-t{min-width:0}
.cx-t.cx-t b,.cx-t.cx-t small{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.15}
.cx-t.cx-t b{font-size:clamp(15px,2cqw,19px)!important}
.cx-t.cx-t small{font-size:clamp(12px,1.4cqw,13.5px)!important}
.cx-row.cx-row .cx-ic{width:clamp(26px,3.8cqw,34px)!important;height:clamp(26px,3.8cqw,34px)!important}
.cx-ok.cx-ok{min-width:0;flex:none;white-space:nowrap;height:clamp(30px,4cqw,38px)!important;font-size:clamp(12px,1.7cqw,15px)!important;padding:0 clamp(12px,1.8cqw,18px)!important}
@container (max-width:900px){.cx-n.cx-n{display:none}.cx-row.cx-row{grid-template-columns:auto minmax(0,1fr) auto!important}.cx-vp.cx-vp{width:min(50%,330px)!important}}
/* narrow cards (mobile strip): headline on top, list full width, character tucked behind lower-left */
@container (max-width:560px){
.cx-cap.cx-cap{max-width:calc(100% - 28px)!important}
.cx-h.cx-h{white-space:normal;font-size:clamp(28px,9cqw,40px)!important}
.cx-vp.cx-vp{top:clamp(120px,32cqw,170px)!important;bottom:0!important;left:14px!important;right:14px!important;width:auto!important;z-index:2!important;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 10%,#000 92%,transparent 100%)!important;mask-image:linear-gradient(180deg,transparent 0,#000 10%,#000 92%,transparent 100%)!important}
.cx-bg.cx-bg{left:-6%!important;right:auto!important;bottom:-8%!important;height:52%!important;z-index:1!important;opacity:.9}
.cx-row.cx-row{padding:10px 12px!important;gap:10px!important;background:rgba(255,253,248,.97)!important}
.cx-t.cx-t b{font-size:16px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.cx-t.cx-t small{font-size:12.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.cx-ok.cx-ok{height:30px!important;font-size:12px!important;padding:0 12px!important}
.cx-cursor{display:none}
}
.cx-row.cx-row .cx-n{color:rgba(26,24,21,.4)!important}
.cx-row.cx-row .cx-t b{color:#14120F!important}
.cx-row.cx-row .cx-t small{color:rgba(26,24,21,.55)!important}
.cx-ok.cx-ok{background:transparent!important;border:1px solid rgba(26,24,21,.22)!important;color:#14120F!important}
.cx-ok.cx-ok.is-on{background:#2F55FF!important;border-color:#2F55FF!important;color:#fff!important}
/* v10: she stands further left, clearing the list */
.cx-bg{right:auto!important;left:6%!important;bottom:-33%!important;height:98%!important}
.cx-cap{top:clamp(16px,2vw,28px)!important}
@media (max-width:900px){.cx-bg{left:4%!important;bottom:-31%!important;height:90%!important}}
/* ===== What makes us different: centred, quiet, one quote ===== */
.df{padding:var(--sec-pad,clamp(36px,5vw,56px)) 24px;background:var(--cream,#FAF8F3);color:var(--ink,#14120F)}
.df-wrap{max-width:820px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px}
.df-eyebrow{margin:0;font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(26,24,21,.55)}
.df-h{margin:-14px 0 0;font-family:var(--serif);font-weight:420;font-size:var(--h2,clamp(28px,3.4vw,40px));line-height:1.05;letter-spacing:-.025em;text-wrap:balance}
.df-h em{font-style:italic;font-weight:400;color:#2F55FF}
.df-pts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;border-top:1px solid rgba(26,24,21,.12);border-bottom:1px solid rgba(26,24,21,.12)}
.df-pts li{display:flex;flex-direction:column;gap:6px;padding:22px 20px;border-left:1px solid rgba(26,24,21,.12)}
.df-pts li:first-child{border-left:0}
.df-pts b{font-family:var(--serif);font-weight:420;font-size:clamp(18px,1.6vw,22px);letter-spacing:-.015em;line-height:1.1}
.df-pts span{font-size:14.5px;line-height:1.4;color:rgba(26,24,21,.62)}
.df-quote{margin:8px 0 0;display:flex;flex-direction:column;align-items:center;gap:22px;max-width:720px}
.df-quote blockquote{margin:0}
.df-quote blockquote p{margin:0;font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(24px,2.8vw,36px);line-height:1.18;letter-spacing:-.02em;text-wrap:balance}
.df-quote figcaption{display:flex;align-items:center;gap:12px;text-align:left}
.df-av{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#14120F;color:#fff;font-family:var(--mono);font-size:12px;letter-spacing:.06em;flex:none}
.df-who{display:flex;flex-direction:column;gap:2px}
.df-who b{font-weight:600;font-size:15px}
.df-who small{font-size:13px;color:rgba(26,24,21,.58)}
@media (max-width:720px){.df-pts{grid-template-columns:1fr}.df-pts li{border-left:0;border-top:1px solid rgba(26,24,21,.12);padding:16px 4px;align-items:center;text-align:center}.df-pts li:first-child{border-top:0}}
.df-ic{color:#14120F;margin-bottom:6px}
.df-pts li{align-items:flex-start;text-align:left}
.df-quote figcaption{text-align:center}
.df-who{align-items:center}
@media (max-width:720px){.df-pts li{align-items:center;text-align:center}}
/* df v2: near full-viewport, ink stage, giant serif, quote as the hero */
.df.df{min-height:min(92svh,900px);display:flex;align-items:center;background:#14120F;color:#F3EDE2;padding:clamp(56px,8vh,96px) 24px;position:relative;overflow:hidden}
.df.df::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 40% at 50% 0%,rgba(47,85,255,.22),transparent 70%),repeating-linear-gradient(0deg,transparent 0 47px,rgba(255,255,255,.035) 47px 48px),repeating-linear-gradient(90deg,transparent 0 47px,rgba(255,255,255,.035) 47px 48px);pointer-events:none}
.df.df .df-wrap{position:relative;max-width:1100px;gap:clamp(36px,5vh,64px)}
.df.df .df-eyebrow{color:rgba(243,237,226,.55)}
.df.df .df-h{font-size:clamp(44px,7.4vw,112px);line-height:.96;letter-spacing:-.035em;margin:-10px 0 0;max-width:14ch}
.df.df .df-h em{color:#5B7CFF}
.df.df .df-quote{max-width:900px;gap:26px}
.df.df .df-quote blockquote p{font-size:clamp(22px,2.6vw,34px);color:rgba(243,237,226,.92);font-style:italic}
.df.df .df-who b{color:#fff}
.df.df .df-who small{color:rgba(243,237,226,.55)}
.df.df .df-pts{border-color:rgba(255,255,255,.14);max-width:1000px}
.df.df .df-pts li{border-color:rgba(255,255,255,.14);padding:26px 28px;align-items:flex-start;text-align:left}
.df.df .df-pts b{color:#fff;font-size:clamp(20px,1.8vw,26px)}
.df.df .df-pts span{color:rgba(243,237,226,.6);font-size:15.5px}
.df.df .df-ic{color:#5B7CFF;width:30px;height:30px}
@media (max-width:720px){.df.df{min-height:0}.df.df .df-pts li{align-items:center;text-align:center;border-left:0}}
/* df v3: white stage, ink type */
.df.df.df{background:#FBFAF6;color:#14120F}
.df.df.df::before{background:radial-gradient(60% 40% at 50% 0%,rgba(47,85,255,.10),transparent 70%),repeating-linear-gradient(0deg,transparent 0 47px,rgba(26,24,21,.045) 47px 48px),repeating-linear-gradient(90deg,transparent 0 47px,rgba(26,24,21,.045) 47px 48px)}
.df.df.df .df-eyebrow{color:rgba(26,24,21,.55)}
.df.df.df .df-h em{color:#2F55FF}
.df.df.df .df-quote blockquote p{color:#14120F}
.df.df.df .df-who b{color:#14120F}
.df.df.df .df-who small{color:rgba(26,24,21,.58)}
.df.df.df .df-pts,.df.df.df .df-pts li{border-color:rgba(26,24,21,.14)}
.df.df.df .df-pts b{color:#14120F}
.df.df.df .df-pts span{color:rgba(26,24,21,.62)}
.df.df.df .df-ic{color:#2F55FF}
/* ===== Section headers at hero scale: roman first line, italic second, serif 420, tight leading ===== */
:root{--h2:clamp(40px,5vw,76px)}
.ft-title,.wow-split .wow-h,.hc-h,.wp-head h2,.pr-head h2,.um-head h2,.sr-grid h2,.faq-head h2,.hw5 h2,.fin-wrap h2{font-family:var(--serif)!important;font-weight:420!important;font-size:var(--h2)!important;line-height:.98!important;letter-spacing:-.03em!important;text-transform:none!important;color:var(--ink,#14120F)!important}
.ft-title em,.wow-split .wow-h em,.hc-h em,.wp-head h2 em,.pr-head h2 em,.um-head h2 em,.sr-grid h2 em,.faq-head h2 em,.hw5 h2 em{font-style:italic!important;font-weight:400!important;color:var(--ink,#14120F)!important;display:block}
.ft-title{text-align:center!important}
.ft-head-sub,.wow-sub,.hc-sub,.wp-head p,.pr-head p,.um-head p,.faq-head p{font-size:clamp(17px,1.4vw,21px)!important;line-height:1.4!important}
@media (max-width:760px){:root{--h2:clamp(34px,9vw,44px)}}
/* df v4: editorial — centred head, ruled two-column list, quiet buttons */
.df.df.df.df{min-height:0;display:block;padding:clamp(72px,9vw,128px) 24px clamp(64px,8vw,112px);background:#FBFAF6;overflow:visible}
.df.df.df.df::before{display:none}
.df.df.df.df .df-wrap{max-width:1180px;gap:0;align-items:stretch;text-align:left}
.df-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:26px;max-width:820px;margin:0 auto clamp(64px,8vw,112px)}
.df-mark{color:#14120F;width:64px;height:64px}
.df.df.df.df .df-h{margin:0;max-width:none;font-size:clamp(44px,6.4vw,96px);line-height:.98;letter-spacing:-.03em;color:#14120F}
.df.df.df.df .df-h em{display:block;font-style:italic;font-weight:400;color:#14120F}
.df-sub{margin:0;font-size:clamp(18px,1.7vw,26px);line-height:1.4;color:rgba(26,24,21,.62);max-width:30ch;text-wrap:balance}
.df-list{list-style:none;margin:0;padding:0;border-top:1px solid rgba(26,24,21,.14)}
.df-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding:clamp(40px,4.5vw,64px) 0;border-bottom:1px solid rgba(26,24,21,.14)}
.df-row-l{display:flex;align-items:flex-start;gap:16px;color:#14120F}
.df-row-l svg{flex:none;margin-top:6px;color:rgba(26,24,21,.75)}
.df-row-l h3{margin:0;font-family:var(--serif);font-weight:420;font-size:clamp(26px,2.4vw,36px);line-height:1.05;letter-spacing:-.02em}
.df-row-r{display:flex;flex-direction:column;align-items:flex-start;gap:26px}
.df-row-r p{margin:0;font-size:clamp(17px,1.4vw,22px);line-height:1.45;color:rgba(26,24,21,.72);max-width:32ch}
.df-more{display:inline-flex;align-items:center;height:44px;padding:0 18px;border-radius:10px;border:1px solid rgba(26,24,21,.2);background:#fff;color:#14120F;font-size:15px;font-weight:500;text-decoration:none}
.df-more:hover{border-color:rgba(26,24,21,.5)}
.df-quote-line{margin:clamp(40px,4.5vw,64px) 0 0;text-align:center;font-family:var(--serif);font-style:italic;font-size:clamp(20px,2vw,28px);line-height:1.3;color:#14120F;text-wrap:balance}
.df-quote-line span{display:block;margin-top:10px;font-family:var(--sans);font-style:normal;font-size:14px;color:rgba(26,24,21,.55)}
@media (max-width:760px){.df-row{grid-template-columns:1fr;gap:18px;padding:32px 0}.df-row-l svg{margin-top:3px}.df-row-r p{max-width:none}}
.ft-title.ft-title{font-style:normal!important}.ft-title.ft-title em{display:inline!important;font-style:italic!important}
/* ===== One header scale for every section (matches the ft/df headline) ===== */
:root{--h2:clamp(40px,5vw,76px)}
.ft-title,.wow-split .wow-h,.hc-h,.wp-h,.pr-h,.um-h,.sr-h,.faq-h,.hw5-h,.hw-h,.reel-head .hw-title,.df-h.df-h.df-h.df-h{font-family:var(--serif)!important;font-weight:420!important;font-style:normal!important;font-size:var(--h2)!important;line-height:.98!important;letter-spacing:-.03em!important;text-transform:none!important;color:#14120F!important}
.ft-title em,.wow-split .wow-h em,.hc-h em,.wp-h em,.pr-h em,.um-h em,.sr-h em,.faq-h em,.hw5-h em,.hw-h em,.reel-head .hw-title .hw-hl,.df-h.df-h.df-h.df-h em{font-style:italic!important;font-weight:400!important;display:inline!important}
.reel-head .hw-title{max-width:none!important}
.ft-head-sub,.wow-sub,.hc-sub,.wp-sub,.pr-sub,.um-sub,.sr-sub,.reel-head .hw-sub,.df-sub{font-size:clamp(17px,1.4vw,21px)!important;line-height:1.4!important;color:rgba(26,24,21,.62)!important}
@media (max-width:760px){:root{--h2:clamp(34px,9vw,44px)}.reel-head .hw-title{font-size:var(--h2)!important}}
.df.df.df.df .df-wrap{max-width:860px}
.df-row{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:32px;padding:clamp(32px,3.6vw,52px) 0}
.df-row-l h3{font-size:clamp(22px,2vw,30px)}
.df-row-l svg{width:24px;height:24px;margin-top:4px}
.df-row-r p{font-size:clamp(16px,1.25vw,19px);max-width:34ch}
.df-row-r{gap:20px}
.df-more{height:40px;padding:0 16px;font-size:14px}
.df.df.df.df .df-wrap.wrap{max-width:640px!important;width:100%;padding-left:0!important;padding-right:0!important;margin:0 auto!important}
.df-head{max-width:none}
.df-row{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px}
.df-row-l h3{font-size:clamp(20px,1.7vw,26px)}
.df-row-r p{font-size:clamp(15.5px,1.15vw,18px);max-width:none}
@media (max-width:760px){.df-row{grid-template-columns:1fr}}
/* "How it works" display title: same scale as every section header */
.reel-big.reel-big{font-size:var(--h2)!important;justify-content:center;gap:.28em;padding:0 clamp(10px,2%,28px) 0 0}
.reel-big.reel-big .rb-ink{margin-right:auto}
.reel-big.reel-big .rb-on{margin-left:auto}
@media (max-width:760px){.reel-big.reel-big{font-size:var(--h2)!important}}
/* how-it-works row: title reads as one line on the left, he peeks at the right edge */
.reel-big.reel-big.reel-big{left:0;right:auto;justify-content:flex-start;gap:.26em;padding:0 0 0 clamp(10px,2%,28px)}
.reel-big.reel-big.reel-big .rb-ink,.reel-big.reel-big.reel-big .rb-on{margin-left:0;margin-right:0}
.reel-peek-row.reel-peek-row{justify-content:flex-end!important;padding-right:clamp(10px,3%,40px)!important}
@media (max-width:760px){.reel-peek-row.reel-peek-row{padding-right:8px!important}}
/* how-it-works title: plain ink serif, cobalt italic — no chrome fill, no glow */
.reel-big.reel-big.reel-big{bottom:clamp(6px,1vw,14px);align-items:baseline;gap:.22em;filter:none!important;text-shadow:none!important}
.reel-big.reel-big.reel-big .rb-ink,.reel-big.reel-big.reel-big .rb-on{padding:0!important;margin:0!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important;filter:none!important;line-height:.98}
.reel-big.reel-big.reel-big .rb-ink{color:#14120F;font-style:normal;font-weight:420}
.reel-big.reel-big.reel-big .rb-on{color:#2F55FF;font-style:italic;font-weight:400}
.reel-big.reel-big.reel-big em{color:#2F55FF}
/* pinned strip: no header now — fill the stage, less air */
.ft-pin.is-pinned .ft-sticky{justify-content:center;padding-top:clamp(20px,3vh,40px)!important;padding-bottom:clamp(20px,3vh,40px)!important}
.ft-pin.is-pinned .ft-grid.ft-scroll>*{height:min(64vh,640px)}
.ft-pin.is-pinned .ft-grid.ft-scroll>.ft-hero-pack{height:min(64vh,640px)}
.ft:not(.is-pinned).ft-pin{padding-top:clamp(20px,2.5vw,32px)!important}
@media (max-width:900px){.ft-pin.is-pinned .ft-grid.ft-scroll>*,.ft-pin.is-pinned .ft-grid.ft-scroll>.ft-hero-pack{height:min(62svh,560px)}}
.reel-big.reel-big.reel-big .rb-ink{color:#14120F!important;-webkit-text-fill-color:#14120F!important;opacity:1!important;visibility:visible!important}
.reel-big.reel-big.reel-big .rb-on,.reel-big.reel-big.reel-big em{color:#2F55FF!important;-webkit-text-fill-color:#2F55FF!important;opacity:1!important;visibility:visible!important}
.reel-big.reel-big.reel-big{opacity:1!important;visibility:visible!important;z-index:1}
/* tighter gap between the pack strip and the Claude banner */
.ft.ft-pin{padding-bottom:0!important;margin-bottom:0!important}
.ft-pin:not(.is-pinned){padding-bottom:0!important}
.cb.cb{padding-top:clamp(12px,1.6vw,20px)!important}
/* pinned stage hugs the strip height instead of 100vh */
.ft-pin.is-pinned .ft-sticky{height:auto!important;min-height:0!important;justify-content:flex-start!important;padding-top:clamp(16px,2.4vh,28px)!important;padding-bottom:clamp(16px,2.4vh,28px)!important}
/* pack card: bound the cutout by height so fan + title + "50% off" always fit the fixed card */
.ft-hero-pack .ft-h .ft-peek{max-height:40cqh!important;width:auto!important;max-width:74%!important;object-fit:contain;margin-left:auto!important;margin-right:auto!important}
.ft-hero.ft-hero-pack.ft-hero-pack .ft-hero-in{padding-top:clamp(18px,5cqh,44px)!important}
.ft-hero.ft-hero-pack .ft-stack{height:clamp(36px,9cqh,56px)!important;margin-bottom:clamp(2px,1cqh,10px)!important}
.ft-hero-pack .ft-h .ft-h-on{font-size:min(clamp(40px,6vw,84px),11cqh)!important}
/* ===== Pack strip: plain horizontal scroller (no scroll-pin). Bleeds to the right edge like a media rail. ===== */
.ft.ft-pin{position:static!important;height:auto!important;padding-top:clamp(20px,2.5vw,32px)!important;padding-bottom:clamp(28px,3vw,40px)!important;overflow:visible!important;max-width:none!important;margin:0!important}
.ft.ft-pin .ft-sticky{position:static!important;height:auto!important;width:auto!important;margin:0!important;padding:0!important;display:block!important;contain:none!important;overflow:visible!important}
.ft.ft-pin .ft-grid.ft-scroll{display:flex!important;gap:16px!important;width:auto!important;margin:0!important;padding:0 clamp(20px,calc(50vw - 590px),50vw) 6px clamp(20px,calc(50vw - 590px),50vw)!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scroll-padding-left:clamp(20px,calc(50vw - 590px),50vw);transform:none!important;will-change:auto;contain:none!important;cursor:grab;scrollbar-width:none}
.ft.ft-pin .ft-grid.ft-scroll.is-drag,.ft.ft-pin .ft-grid.ft-scroll.is-wheel{scroll-snap-type:none!important}
.ft.ft-pin .ft-grid.ft-scroll.is-drag{cursor:grabbing}
.ft.ft-pin .ft-grid.ft-scroll{scroll-snap-type:x proximity!important;scroll-behavior:auto}
.ft.ft-pin .ft-grid.ft-scroll::-webkit-scrollbar{display:none}
.ft.ft-pin .ft-grid.ft-scroll>*{flex:none;scroll-snap-align:start;height:clamp(380px,32vw,480px)!important;min-height:0!important;contain:paint;transform:none!important}
.ft.ft-pin .ft-grid.ft-scroll>.ft-hero{width:calc((min(1180px,100vw - 48px) - 16px) * .4)!important}
.ft.ft-pin .ft-grid.ft-scroll>.cx{width:calc((min(1180px,100vw - 48px) - 16px) * .6)!important}
.ft.ft-pin .ft-grid.ft-scroll>.rp-card{width:calc((min(1180px,100vw - 48px) - 16px) * .6)!important}
@media (max-width:900px){.ft.ft-pin .ft-grid.ft-scroll{padding-left:20px!important;padding-right:20px!important;scroll-padding-left:20px}.ft.ft-pin .ft-grid.ft-scroll>*{height:min(56svh,480px)!important}.ft.ft-pin .ft-grid.ft-scroll>.ft-hero,.ft.ft-pin .ft-grid.ft-scroll>.cx,.ft.ft-pin .ft-grid.ft-scroll>.rp-card{width:min(84vw,460px)!important}}
.ft-hero-pack .ft-h .ft-peek{max-height:44cqh!important}
/* pack card: fan at top, headline + cutout + price anchored to the floor */
.ft-hero.ft-hero-pack.ft-hero-pack .ft-hero-in{justify-content:space-between!important;padding-bottom:clamp(14px,4cqh,26px)!important}
.ft-hero-pack .ft-h{margin-top:auto!important}
.ft-hero-pack .ft-h .ft-peek{max-height:46cqh!important;margin-bottom:-.32em!important}
.ft-hero-pack .ft-h .ft-h-on{font-size:min(clamp(40px,6vw,84px),12cqh)!important;line-height:.9!important}
.ft-hero-pack .ft-h .ft-h-on{font-size:clamp(58px,6vw,84px)!important}
.ft-hero-pack .ft-h .ft-peek{max-height:40cqh!important}
@media (max-width:900px){.ft-hero-pack .ft-h .ft-h-on{font-size:clamp(44px,11vw,64px)!important}}
/* pack card v3: she fills the card; title behind her shoulders, price on the floor under her forearms */
.ft-hero.ft-hero-pack.ft-hero-pack .ft-hero-in{justify-content:flex-start!important;padding-bottom:0!important}
.ft-hero-pack .ft-h{margin-top:0!important;position:relative}
.ft-hero-pack .ft-h .ft-peek{max-height:none!important;width:min(92%,460px)!important;max-width:92%!important;margin:-.55em auto -.62em!important;position:relative;z-index:1}
.ft-hero-pack .ft-h .ft-h-on{position:relative;z-index:2;margin-top:0!important}
@media (max-width:900px){.ft-hero-pack .ft-h .ft-peek{width:96%!important}}
.ft-hero-pack .ft-h .ft-peek{width:112%!important;max-width:none!important;margin:-.7em -6% -.7em!important}
.ft-hero-pack .ft-h{overflow:visible!important}
@media (max-width:900px){.ft-hero-pack .ft-h .ft-peek{width:116%!important;margin-left:-8%!important;margin-right:-8%!important}}
.ft-hero-pack .ft-h .ft-peek{width:88%!important;max-width:88%!important;max-height:52cqh!important;object-fit:contain;margin:-.5em auto -.3em!important;display:block}
.ft-hero-pack .ft-h .ft-h-on{z-index:3!important;position:relative}
@media (max-width:900px){.ft-hero-pack .ft-h .ft-peek{width:92%!important;margin-left:auto!important;margin-right:auto!important}}
.ft-hero-pack .ft-h .ft-peek{width:96%!important;max-width:96%!important;max-height:58cqh!important;margin:-.42em auto -.3em!important;transform:translateY(clamp(8px,2.6cqh,18px))}
.ft-hero-pack .ft-h .ft-h-on{transform:translateY(clamp(8px,2.6cqh,18px))}
/* ===== How it works head v2: real header block left, peeker right, both resting on the frame rim ===== */
.reel-peek-row.reel-peek-row.reel-peek-row{justify-content:space-between!important;align-items:flex-end!important;padding:clamp(40px,5vw,72px) clamp(10px,3%,40px) 0 clamp(16px,3%,40px)!important;gap:24px;margin-bottom:calc(-1 * clamp(12px,1.6vw,20px))}
.rh{position:relative;z-index:1;pointer-events:auto;display:flex;flex-direction:column;gap:14px;max-width:640px;padding-bottom:clamp(22px,2.6vw,36px);text-align:left}
.rh-eyebrow{margin:0;font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(26,24,21,.55)}
.rh-h{margin:0;font-family:var(--serif);font-weight:420;font-size:var(--h2);line-height:.98;letter-spacing:-.03em;color:#14120F;text-wrap:balance}
.rh-h .rb-ink{color:#14120F;font-style:normal}
.rh-h .rb-on{color:#2F55FF;font-style:italic;font-weight:400}
.rh-sub{margin:2px 0 0;font-size:clamp(16px,1.3vw,19px);line-height:1.4;color:rgba(26,24,21,.62);max-width:40ch;text-wrap:pretty}
.rh-steps{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px}
.rh-steps li{display:inline-flex;align-items:center;gap:9px;font-size:14.5px;font-weight:500;color:#14120F}
.rh-steps b{font-family:var(--mono);font-weight:400;font-size:11px;letter-spacing:.1em;color:#2F55FF;padding:3px 7px;border:1px solid rgba(47,85,255,.35);border-radius:6px}
.reel-peek-row .reel-peek{flex:none;position:relative;z-index:1}
@media (max-width:760px){.reel-peek-row.reel-peek-row.reel-peek-row{flex-direction:column;align-items:flex-start!important;padding:36px 16px 0!important;gap:0}.rh{padding-bottom:16px}.reel-peek-row .reel-peek{align-self:flex-end;margin-top:-10px}}
.rh-h .rb-on{color:#14120F!important}
.rh-steps b{color:rgba(26,24,21,.6)!important;border-color:rgba(26,24,21,.22)!important}
/* how-it-works head v3: tight — copy and peeker sit together on the left, one rhythm */
.reel-peek-row.reel-peek-row.reel-peek-row{justify-content:flex-start!important;align-items:flex-end!important;padding:clamp(20px,2.6vw,36px) clamp(10px,3%,40px) 0 clamp(16px,3%,40px)!important;gap:clamp(12px,2vw,28px)}
.rh{gap:10px;padding-bottom:clamp(16px,2vw,26px);max-width:560px}
.rh-h{font-size:clamp(34px,4.2vw,64px)!important;line-height:1!important}
.rh-h .rb-on{display:inline!important}
.rh-sub{font-size:clamp(15px,1.15vw,17px);max-width:38ch}
.reel-peek-row .reel-peek{width:clamp(180px,22%,280px)!important;margin-left:auto;transform:translateY(4px)}
@media (max-width:760px){.reel-peek-row .reel-peek{width:170px!important;margin-left:auto}}
/* how-it-works head v3 (forced) */
.reel-stage .reel-peek-row.reel-peek-row.reel-peek-row{justify-content:flex-start!important;align-items:flex-end!important;padding:clamp(16px,2vw,28px) clamp(10px,3%,40px) 0 clamp(16px,3%,40px)!important;gap:clamp(12px,2vw,28px)!important;margin-bottom:calc(-1 * clamp(12px,1.6vw,20px))!important}
.reel-stage .rh{gap:8px!important;padding-bottom:clamp(14px,1.8vw,22px)!important;max-width:560px!important}
.reel-stage .rh-h{font-size:clamp(32px,3.8vw,56px)!important;line-height:1!important;letter-spacing:-.028em!important}
.reel-stage .rh-h .rb-on{display:inline!important;color:#14120F!important}
.reel-stage .rh-sub{font-size:clamp(15px,1.15vw,17px)!important;max-width:38ch!important;margin:0!important}
.reel-stage .reel-peek-row .reel-peek{width:clamp(170px,20%,260px)!important;margin-left:auto!important;transform:translateY(4px)}
.reel-sec.takeover .reel-stage{margin-top:0!important}
@media (max-width:760px){.reel-stage .reel-peek-row .reel-peek{width:160px!important}}
/* how-it-works head v4: Higgsfield plate — he leans on the frame rim holding a phone; headline in the open space left */
.reel-stage .reel-peek-row.reel-peek-row.reel-peek-row{justify-content:space-between!important;align-items:flex-end!important;padding:clamp(24px,3vw,44px) 0 0 clamp(16px,3%,40px)!important;gap:clamp(16px,3vw,48px)!important;margin-bottom:-2px!important}
.reel-stage .rh{align-self:center!important;padding-bottom:0!important;max-width:520px!important;gap:12px!important}
.reel-stage .rh-h{font-size:clamp(36px,4.4vw,68px)!important}
.reel-stage .rh-h .rb-on{display:block!important}
.reel-stage .reel-peek-row .reel-peek.rh-lean{width:clamp(260px,42%,520px)!important;height:auto!important;margin:0 clamp(8px,2%,28px) 0 auto!important;transform:none!important;filter:drop-shadow(0 14px 22px rgba(26,24,21,.18))!important}
@media (max-width:760px){.reel-stage .reel-peek-row.reel-peek-row.reel-peek-row{flex-direction:column!important;align-items:stretch!important;padding:28px 16px 0!important;gap:16px!important}.reel-stage .reel-peek-row .reel-peek.rh-lean{width:78%!important;align-self:flex-end;margin-right:0!important}}
/* how-it-works head v5: centered title + one short line above the stage, no plate */
.reel-head.rh-center{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:14px!important;max-width:760px!important;margin:0 auto clamp(36px,4.4vw,64px)!important;padding:0!important}
.rh-c-h{margin:0;font-family:var(--serif);font-weight:400;font-size:var(--h2);line-height:1.02;letter-spacing:-.025em;color:var(--ink);text-wrap:balance}
.rh-c-h em{font-style:italic}
.rh-c-sub{margin:0;font-size:clamp(16px,1.3vw,19px);line-height:1.45;color:var(--muted);text-wrap:pretty}
/* reel stage v6: soft oversized corners, no hairline, concentric inner radii */
.reel-stage.reel-stage{border:0!important;border-radius:clamp(22px,2.6vw,36px)!important;overflow:hidden!important;background:#F3F1EB!important;box-shadow:none!important;outline:0!important}
.reel-stage .reel{border:0!important;border-radius:inherit!important;box-shadow:none!important;background:transparent!important}
.reel-stage .rx-review{border-radius:clamp(16px,1.9vw,26px) clamp(16px,1.9vw,26px) 0 0!important;border:0!important}
.reel-stage .rx-composer{border-radius:clamp(18px,2vw,28px) clamp(18px,2vw,28px) 8px clamp(18px,2vw,28px)!important}
.reel-head.rh-center{margin:clamp(40px,4.4vw,64px) auto clamp(28px,3vw,44px)!important;gap:10px!important;max-width:640px!important}
.reel-head.rh-center .rh-c-h{font-size:clamp(30px,3vw,44px)!important;line-height:1.05!important}
.reel-head.rh-center .rh-c-sub{font-size:clamp(15px,1.15vw,17px)!important}
.rh-eb{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px 0 10px;border-radius:999px;background:#fff;border:1px solid rgba(26,24,21,.1);font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(26,24,21,.72)}
.rh-eb svg{width:15px;height:15px;color:#2B4BE0;flex:none}
.reel-head.rh-center{margin-top:clamp(72px,7.5vw,112px)!important}
.reel-head.rh-center{gap:0!important}
.reel-head.rh-center .rh-eb{margin-bottom:22px}
.reel-head.rh-center .rh-c-sub{margin-top:14px}
.reel-head.rh-center .rh-eb{height:auto;padding:0;border:0;background:none;border-radius:0;gap:9px;font-family:var(--sans);font-size:15px;font-weight:500;letter-spacing:-.005em;text-transform:none;color:#14120F;margin-bottom:18px}
.rh-eb-ic{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#2B4BE0;color:#fff;box-shadow:0 0 0 4px rgba(43,75,224,.12)}
.rh-eb-ic svg{width:10px;height:10px;margin-left:1px}
.reel-head.rh-center .rh-eb{font-size:14px;font-weight:500;color:rgba(26,24,21,.62);gap:0}
.fx-head{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 20px;text-align:left;width:100%}
.fx-head-h{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(28px,2.6vw,40px);line-height:1;letter-spacing:-.02em;color:#14120F}
.ft-nav{display:flex;gap:8px}
.ft-nav-b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(26,24,21,.14);background:#fff;color:#14120F;cursor:pointer;transition:background .15s,opacity .15s}
.ft-nav-b:hover{background:#F1EEE8}
.ft-nav-b:disabled{opacity:.35;cursor:default;background:#fff}
.ft-nav-b svg{width:16px;height:16px}
.cx.cx{background:radial-gradient(rgba(43,75,224,.14) 1px,transparent 1.4px) 0 0/18px 18px,linear-gradient(180deg,#EEF1FA 0%,#E2E7F5 100%)!important;border:1px solid rgba(43,75,224,.12)}
/* ===== Section header system v7: one scale, eyebrow → title → sub, same spacing everywhere ===== */
:root{--h2:clamp(34px,3.6vw,52px);--sec-gap:clamp(72px,8vw,120px)}
@media (max-width:760px){:root{--h2:clamp(30px,8vw,40px)}}
.sec-eb{display:block;font-family:var(--sans);font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;color:rgba(26,24,21,.58);margin:0 0 14px}
.reel-head.rh-center{margin:var(--sec-gap) auto clamp(32px,3.4vw,48px)!important;gap:0!important;max-width:720px!important}
.reel-head.rh-center .rh-c-h,.fx-head .fx-head-h{font-family:var(--serif)!important;font-weight:420!important;font-size:var(--h2)!important;line-height:1.02!important;letter-spacing:-.025em!important;color:#14120F;margin:0;text-wrap:balance}
.fx-head .fx-head-h em{font-style:italic}
.reel-head.rh-center .rh-c-sub,.fx-sub{margin:14px 0 0!important;font-size:clamp(16px,1.25vw,18px)!important;line-height:1.45;color:rgba(26,24,21,.62)}
#features.ft{padding-top:var(--sec-gap)!important}
.fx-head{display:grid!important;grid-template-columns:96px minmax(0,1fr) 96px;align-items:end;gap:16px;margin:0 0 clamp(32px,3.4vw,48px)!important;text-align:center}
.fx-t{display:flex;flex-direction:column;align-items:center}
.fx-head .ft-nav{justify-content:flex-end}
@media (max-width:640px){.fx-head{grid-template-columns:minmax(0,1fr)}.fx-sp{display:none}.fx-head .ft-nav{justify-content:center}}
/* What you get: off-grey stage container, Higgsfield-style left header */
#features .ft-sticky{background:#EDEBE6;border-radius:clamp(22px,2.6vw,36px);padding:clamp(24px,3vw,44px);max-width:1280px;margin:0 auto}
#features .fx-head{grid-template-columns:minmax(0,1fr) auto!important;align-items:end;text-align:left;margin-bottom:clamp(24px,2.6vw,36px)!important}
#features .fx-t{align-items:flex-start}
#features .fx-sub{max-width:52ch}
.fx-tag{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:999px;background:#fff;border:1px solid rgba(26,24,21,.08);font-size:13.5px;font-weight:500;color:#14120F;margin-bottom:18px}
.fx-tag i{width:7px;height:7px;border-radius:50%;background:#2F55FF;box-shadow:0 0 0 3px rgba(47,85,255,.16)}
#features .ft-nav-b{background:#fff;border-color:rgba(26,24,21,.1)}
@media (max-width:640px){#features .fx-head{grid-template-columns:minmax(0,1fr)!important}#features .fx-head .ft-nav{justify-content:flex-start}}
#features.ft.ft-pin .ft-sticky{padding:clamp(24px,3vw,44px)!important;margin:0 auto!important;max-width:1280px!important;box-sizing:border-box!important}
#features .ft-grid.ft-scroll{scroll-padding-inline:0}
/* What you get v3: off-grey stage, pack narrow / checks wide so nothing clips */
#features .ft-grid.ft-scroll>*{margin:0!important;box-sizing:border-box;min-width:0!important}
#features .ft-grid.ft-scroll>.ft-hero{flex:0 0 calc(40% - 8px)!important;width:calc(40% - 8px)!important}
#features .ft-grid.ft-scroll>.cx{flex:0 0 calc(60% - 8px)!important;width:calc(60% - 8px)!important;max-width:none!important}
#features .ft-grid.ft-scroll>.rp-card{flex:0 0 calc(50% - 8px)!important;width:calc(50% - 8px)!important}
#features .cx.cx{background:#F7F5F0!important;border:0!important}
@media (max-width:900px){#features .ft-grid.ft-scroll>.ft-hero,#features .ft-grid.ft-scroll>.cx,#features .ft-grid.ft-scroll>.rp-card{flex-basis:88%!important;width:88%!important}}
#features.ft.ft-pin .ft-sticky{background:#E3E8F5!important}
#features.ft.ft-pin .ft-sticky{background:#F2F1EC!important;border:1px solid rgba(26,24,21,.06)!important}
/* Reviews inside the What-you-get container: copy left, two vertical marquee columns right */
.rv{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,64px);align-items:center;margin-top:clamp(40px,4.4vw,64px);padding-top:clamp(40px,4.4vw,64px);border-top:1px solid rgba(26,24,21,.08)}
.rv-copy{display:flex;flex-direction:column;align-items:flex-start;max-width:420px}
.rv-h{margin:0;font-family:var(--serif);font-weight:420;font-size:var(--h2);line-height:1.02;letter-spacing:-.025em;color:#14120F;text-wrap:balance}
.rv-h em{font-style:italic}
.rv-sub{margin:12px 0 0;font-size:clamp(16px,1.25vw,18px);line-height:1.45;color:rgba(26,24,21,.62);text-wrap:pretty}
.rv-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;height:clamp(440px,42vw,560px);overflow:hidden;-webkit-mask:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent)}
.rv-col{min-width:0}
.rv-track{display:flex;flex-direction:column;gap:16px;animation:rvUp 38s linear infinite}
.rv-down .rv-track{animation-name:rvDown;animation-duration:44s}
.rv-cols:hover .rv-track{animation-play-state:paused}
@keyframes rvUp{from{transform:translateY(0)}to{transform:translateY(calc(-50% - 8px))}}
@keyframes rvDown{from{transform:translateY(calc(-50% - 8px))}to{transform:translateY(0)}}
.rv-card{display:flex;flex-direction:column;gap:18px;padding:22px 22px 20px;border-radius:18px;background:#fff;border:1px solid rgba(26,24,21,.07);color:#14120F;text-decoration:none}
a.rv-card:hover{border-color:rgba(26,24,21,.18)}
.rv-kpi{display:flex;align-items:baseline;gap:10px;font-size:14px;color:rgba(26,24,21,.6)}
.rv-kpi b{font-family:var(--serif);font-weight:420;font-size:32px;line-height:1;letter-spacing:-.02em;color:#2F55FF}
.rv-q{margin:0;font-family:var(--serif);font-size:clamp(18px,1.45vw,21px);line-height:1.35;letter-spacing:-.01em;text-wrap:pretty}
.rv-who{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid rgba(26,24,21,.07)}
.rv-who img{height:28px;width:auto;max-width:96px;object-fit:contain}
.rv-who span{display:flex;flex-direction:column;font-size:13.5px;color:rgba(26,24,21,.6)}
.rv-who b{font-weight:600;color:#14120F}
@media (prefers-reduced-motion:reduce){.rv-track{animation:none}}
@media (max-width:820px){.rv{grid-template-columns:1fr}.rv-cols{grid-template-columns:1fr;height:480px}.rv-down{display:none}}
.rv-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding-top:14px;border-top:1px solid rgba(26,24,21,.07)}
.rv-foot .rv-who{padding-top:0;border-top:0;min-width:0}
.rv-foot .rv-kpi{flex-direction:column;align-items:flex-end;gap:4px;text-align:right;font-size:12.5px;max-width:14ch;line-height:1.25}
.rv-foot .rv-kpi b{font-size:26px}
#features.ft.ft-pin .ft-sticky{--fx-pad:clamp(24px,3vw,44px)}
#features .ft-grid.ft-scroll{margin-inline:calc(var(--fx-pad) * -1)!important;padding-inline:var(--fx-pad)!important;scroll-padding-inline:var(--fx-pad)!important;width:auto!important;max-width:none!important;box-sizing:border-box}
#features .ft-grid.ft-scroll::after{content:"";flex:0 0 calc(var(--fx-pad) - 16px)}
#features.ft.ft-pin .ft-sticky{overflow:hidden!important}
#features.ft.ft-pin{height:auto!important;min-height:0!important}
#features.ft.ft-pin .ft-sticky{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;max-height:none!important}
#features .rv{opacity:1!important;transform:none!important;visibility:visible!important}
.rv{grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr)}
.rv-foot{flex-direction:column;align-items:flex-start;gap:12px}
.rv-foot .rv-kpi{flex-direction:row;align-items:baseline;gap:8px;text-align:left;max-width:none}
.rv-who img{max-width:64px;height:22px}
@media (max-width:1100px){.rv{grid-template-columns:1fr}.rv-copy{max-width:560px}}
#features .rv{border-top:0!important;padding-top:0!important;margin-top:clamp(56px,6vw,88px)!important;align-items:start!important}
#features .rv-copy{padding-top:clamp(8px,1.2vw,20px)}
#features .rv-copy .fx-tag{margin-bottom:16px}
#features .rv-h{font-size:var(--h2)}
#features .rv-cols{-webkit-mask:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);mask:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent)}
/* CRM section (replaces Claude banner on tenant page) */
.crm{padding:var(--sec-pad) 0}
.crm-in{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,48px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center}
.crm-copy{display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:460px}
.crm-h{margin:0;font-family:var(--serif);font-weight:420;font-size:var(--h2);line-height:1.02;letter-spacing:-.025em;color:#14120F}
.crm-h em{font-style:italic}
.crm-sub{margin:0;font-size:clamp(16px,1.25vw,18px);line-height:1.45;color:rgba(26,24,21,.62);text-wrap:pretty}
.crm-cta{margin-top:8px;display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 22px;border-radius:999px;background:#14120F;color:#fff;font-weight:500;font-size:16px;text-decoration:none}
.crm-cta:hover{background:#2A2723}
.crm-card{background:#fff;border:1px solid rgba(26,24,21,.08);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:16px;box-shadow:0 30px 60px -44px rgba(26,24,21,.4)}
.crm-card-h{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(26,24,21,.55)}
.crm-card-h i{width:8px;height:8px;border-radius:50%;background:#2E8B57}
.crm-rec{display:flex;flex-direction:column;gap:2px;padding-bottom:14px;border-bottom:1px solid rgba(26,24,21,.08)}
.crm-rec b{font-family:var(--serif);font-weight:420;font-size:26px;letter-spacing:-.015em}
.crm-rec small{font-size:14px;color:rgba(26,24,21,.58)}
.crm-events{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.crm-events li{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 0;font-size:15px}
.crm-events li::before{content:"";position:absolute;left:5px;top:50%;height:100%;width:1px;background:rgba(26,24,21,.14)}
.crm-events li.is-last::before{display:none}
.crm-dot{position:relative;z-index:1;width:11px;height:11px;border-radius:50%;background:#fff;border:1.5px solid #2F55FF}
.crm-events li.is-last .crm-dot{background:#2F55FF}
.crm-events b{font-weight:500}
.crm-events em{font-style:normal;font-family:var(--mono);font-size:12.5px;color:rgba(26,24,21,.5)}
.crm-foot{display:flex;justify-content:space-between;padding:12px 14px;border-radius:12px;background:#F4F2EC;font-family:var(--mono);font-size:12.5px;color:rgba(26,24,21,.7)}
@media (max-width:820px){.crm-in{grid-template-columns:1fr}}
#features .crm{padding:0;margin-top:clamp(56px,6vw,88px)}
#features .crm-in{max-width:none;padding:0}
/* CRM v2: code window left, copy right */
#features .crm-in{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,6vw,96px);align-items:center}
.crm-win{background:#fff;border:1px solid rgba(26,24,21,.1);border-radius:14px;min-height:clamp(300px,30vw,420px);display:flex;flex-direction:column;box-shadow:0 30px 60px -48px rgba(26,24,21,.45);overflow:hidden}
.crm-bar{display:flex;align-items:stretch;border-bottom:1px dashed rgba(26,24,21,.16)}
.crm-dots{display:flex;align-items:center;gap:8px;padding:0 22px}
.crm-dots i{width:11px;height:11px;border-radius:50%;background:#DAD7D0}
.crm-tabs{display:flex}
.crm-tabs button{appearance:none;border:0;border-left:1px dashed rgba(26,24,21,.16);background:none;padding:18px 24px;font-family:var(--mono);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(26,24,21,.5);cursor:pointer}
.crm-tabs button:last-child{border-right:1px dashed rgba(26,24,21,.16)}
.crm-tabs button[aria-selected="true"]{background:#F4F2EC;color:#14120F;box-shadow:inset 0 -2px 0 rgba(26,24,21,.18)}
.crm-pane{position:relative;padding:26px 24px;font-family:var(--mono);font-size:clamp(14px,1.15vw,16px);line-height:1.75}
.crm-pane[hidden]{display:none}
.crm-c{margin:0 44px 18px 0;color:rgba(26,24,21,.5)}
.crm-l{margin:0;color:#14120F}
.crm-l span{color:#2F55FF;margin-right:8px}
.crm-copy-btn{position:absolute;top:22px;right:20px;appearance:none;border:0;background:none;padding:4px;color:rgba(26,24,21,.5);cursor:pointer;border-radius:6px}
.crm-copy-btn:hover{color:#14120F;background:#F4F2EC}
.crm-copy-btn.is-done{color:#2E8B57}
.crm-eb{font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:#2F55FF}
@media (max-width:820px){#features .crm-in{grid-template-columns:1fr}#features .crm-copy{order:-1}}
#features.ft.ft-pin{padding-left:0!important;padding-right:0!important;max-width:none!important}
#features.ft.ft-pin .ft-sticky{max-width:none!important;width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important;border-radius:0!important;border:0!important;border-block:1px solid rgba(26,24,21,.06)!important;padding-inline:max(var(--fx-pad),calc((100vw - 1280px)/2 + var(--fx-pad)))!important}
#features .ft-grid.ft-scroll{margin-inline:calc(-1 * max(var(--fx-pad),calc((100vw - 1280px)/2 + var(--fx-pad))))!important;padding-inline:max(var(--fx-pad),calc((100vw - 1280px)/2 + var(--fx-pad)))!important;scroll-padding-inline:max(var(--fx-pad),calc((100vw - 1280px)/2 + var(--fx-pad)))!important}
html,body{overflow-x:clip}
.crm-logos{list-style:none;margin:10px 0 6px;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:clamp(18px,2.2vw,30px)}
.crm-logos li{display:block}
.crm-logo{display:block;width:clamp(30px,2.8vw,40px);height:clamp(30px,2.8vw,40px);background:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.crm-logos .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#features .cx.cx{background:#FFFFFF!important;border:1px solid rgba(26,24,21,.08)!important;box-shadow:0 24px 50px -40px rgba(26,24,21,.35)!important}
#features .cx .cx-row,#features .cx [class*="cx-row"]{background:#F6F4EF!important}
.fx-logo{display:inline-block;height:1.02em;width:auto;vertical-align:-.2em;margin-left:.12em}
/* ===== Products bento (agentcard-style): wide card + two halves, cobalt scanline plates, 3D floats ===== */
.px{position:relative;padding:var(--sec-pad) 0;overflow:hidden}
.px-in{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
.px-head{display:flex;flex-direction:column;gap:10px;margin-bottom:clamp(24px,3vw,40px);max-width:640px}
.px-h{margin:0;font-family:var(--serif);font-weight:420;font-size:var(--h2);line-height:1.02;letter-spacing:-.025em;color:#14120F}
.px-h em{font-style:italic}
.px-sub{margin:0;font-size:clamp(16px,1.25vw,18px);line-height:1.45;color:rgba(26,24,21,.62)}
.px-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.px-card{background:#fff;border:1px solid rgba(26,24,21,.08);border-radius:22px;padding:10px;display:flex;flex-direction:column;gap:0;box-shadow:0 30px 60px -50px rgba(26,24,21,.45)}
.px-wide{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center}
.px-plate{position:relative;overflow:hidden;border-radius:14px;aspect-ratio:16/10;display:grid;place-items:center;background:repeating-linear-gradient(180deg,rgba(4,8,60,.42) 0 3px,rgba(4,8,60,0) 3px 7px),radial-gradient(80% 70% at 50% 45%,#4C74FF 0%,#2346E6 45%,#0B1A8F 100%);isolation:isolate;user-select:none}
.px-plate::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.08),transparent 30%,transparent 70%,rgba(255,255,255,.06));pointer-events:none}
.px-copy{padding:clamp(20px,2.4vw,32px) clamp(16px,2vw,28px) clamp(16px,1.8vw,24px);display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.px-wide .px-copy{padding-left:clamp(28px,4vw,64px)}
.px-copy h3{margin:0;font-family:var(--serif);font-weight:420;font-size:clamp(28px,2.6vw,40px);letter-spacing:-.02em;color:#14120F}
.px-copy p{margin:0;font-size:clamp(15px,1.2vw,18px);line-height:1.45;color:rgba(26,24,21,.62);max-width:34ch}
.px-btn{margin-top:8px;display:inline-flex;align-items:center;height:44px;padding:0 18px;border-radius:10px;background:#2F55FF;color:#fff;font-weight:500;font-size:15px;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 2px 0 #1D39C4,0 8px 20px -10px rgba(47,85,255,.8);transition:transform .15s,box-shadow .15s}
.px-btn:hover{color:#fff;transform:translateY(-1px)}
.px-btn:active{transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 0 0 #1D39C4}
/* stack */
.px-stack{position:relative;appearance:none;border:0;background:none;padding:0;width:min(62%,380px);aspect-ratio:1.58;cursor:pointer;perspective:900px}
.px-rep{position:absolute;inset:0;border-radius:16px;padding:clamp(14px,2vw,22px);display:flex;flex-direction:column;justify-content:flex-end;gap:4px;text-align:left;transition:transform .55s cubic-bezier(.3,1.4,.5,1),opacity .3s;box-shadow:0 24px 40px -18px rgba(0,0,20,.6)}
.px-rep em{position:absolute;top:clamp(14px,2vw,22px);left:clamp(14px,2vw,22px);font-style:normal;font-family:var(--serif);font-size:clamp(18px,1.8vw,24px);letter-spacing:-.01em}
.px-rep b{font-family:var(--serif);font-weight:420;font-size:clamp(22px,2.4vw,32px);letter-spacing:-.02em;line-height:1}
.px-rep b i{font-style:normal;font-size:.55em;opacity:.7}
.px-rep small{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.7}
.px-rep.r1{background:linear-gradient(160deg,#2B2925,#141210);color:#F3EDE2;transform:rotate(-4deg) translate(-4%,-6%);z-index:3}
.px-rep.r2{background:linear-gradient(160deg,#5B7BFF,#2F55FF);color:#fff;transform:rotate(-1deg) translate(2%,8%);z-index:2}
.px-rep.r3{background:#F3EDE2;color:#14120F;transform:rotate(2deg) translate(6%,20%);z-index:1}
.px-stack:hover .r1{transform:rotate(-8deg) translate(-12%,-12%)}
.px-stack:hover .r2{transform:rotate(0) translate(2%,6%)}
.px-stack:hover .r3{transform:rotate(7deg) translate(14%,24%)}
.px-rep-ok{position:absolute;top:clamp(14px,2vw,22px);right:clamp(14px,2vw,22px);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:4px 8px;border-radius:6px;background:#2E8B57;color:#fff}
.px-hint,.px-note{position:absolute;font-family:var(--serif);font-style:italic;font-size:clamp(15px,1.4vw,20px);color:#fff;opacity:.9;pointer-events:none}
.px-hint{bottom:14px;right:18px}
/* keys */
.px-plate[data-px="keys"]{align-content:center;gap:12px}
.px-note{top:14px;left:18px}
.px-count{position:absolute;top:14px;right:18px;font-family:var(--serif);font-style:italic;font-size:clamp(15px,1.4vw,20px);color:#fff}
.px-count b{font-style:normal;font-family:var(--mono);font-weight:500;margin-right:4px}
.px-keys{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,1.2vw,16px) clamp(8px,1vw,14px);width:min(88%,440px)}
.px-keys li{display:flex;flex-direction:column;align-items:center;gap:6px}
.px-keys small{font-size:11.5px;color:rgba(255,255,255,.88);white-space:nowrap}
.px-key{--k:#2F55FF;--kd:#1B34A8;appearance:none;border:0;padding:0;background:none;cursor:pointer;width:100%;max-width:64px;aspect-ratio:1;border-radius:14px}
.px-cap{display:grid;place-items:center;width:100%;height:100%;border-radius:14px;color:#fff;background:linear-gradient(180deg,color-mix(in oklch,var(--k),#fff 28%),var(--k) 55%);box-shadow:inset 0 2px 0 rgba(255,255,255,.45),inset 0 -3px 0 rgba(0,0,0,.12),0 6px 0 var(--kd),0 12px 18px -6px rgba(0,0,30,.6);transform:translateY(-6px);transition:transform .12s,box-shadow .12s}
.px-cap svg{width:46%;height:46%;filter:drop-shadow(0 1px 0 rgba(0,0,0,.2))}
.px-key:hover .px-cap{transform:translateY(-7px)}
.px-key:active .px-cap,.px-key[aria-pressed="true"] .px-cap{transform:translateY(-1px);box-shadow:inset 0 2px 0 rgba(255,255,255,.3),inset 0 -2px 0 rgba(0,0,0,.12),0 1px 0 var(--kd),0 4px 8px -4px rgba(0,0,30,.6)}
.px-key[aria-pressed="true"] .px-cap{background:linear-gradient(180deg,#fff,#E9EDFF);color:var(--k)}
.px-key.c1{--k:#2F55FF;--kd:#1B34A8}.px-key.c2{--k:#E8A317;--kd:#9C6A05}.px-key.c3{--k:#1FA463;--kd:#10683D}.px-key.c4{--k:#F2594B;--kd:#A5281E}.px-key.c5{--k:#9A6BFF;--kd:#5D35C0}.px-key.c6{--k:#14B8C4;--kd:#0A7780}
/* list */
.px-plate[data-px="list"]{perspective:1100px}
.px-win{width:min(84%,420px);border-radius:14px;background:linear-gradient(180deg,#DCE3FF,#B9C6FF);padding:0 12px 12px;transform:rotateX(14deg) rotateZ(-3deg);transform-style:preserve-3d;box-shadow:0 30px 50px -20px rgba(0,0,30,.7);transition:transform .5s cubic-bezier(.3,1.3,.5,1)}
.px-plate[data-px="list"]:hover .px-win{transform:rotateX(4deg) rotateZ(-1deg)}
.px-win-h{display:flex;justify-content:center;position:relative;padding:10px 0;font-family:var(--mono);font-size:11.5px;color:#2F55FF}
.px-win-h i{position:absolute;right:4px;font-style:normal}
.px-win-b{background:#fff;border-radius:10px;padding:10px 12px 12px}
.px-win-t{display:flex;justify-content:space-between;font-size:11.5px;color:rgba(26,24,21,.5);padding-bottom:8px;border-bottom:1px solid rgba(26,24,21,.08)}
.px-rows{list-style:none;margin:0;padding:0}
.px-row{appearance:none;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 8px;margin-top:6px;border:1.5px solid transparent;border-radius:9px;background:none;cursor:pointer;text-align:left;font:inherit;color:#14120F;transition:border-color .15s,background .15s}
.px-row:hover{background:#F5F6FB}
.px-row.is-sel{border-color:#14120F}
.px-row-t{display:flex;flex-direction:column;min-width:0}
.px-row-t b{font-weight:600;font-size:13.5px}
.px-row-t small{font-size:12px;color:rgba(26,24,21,.55)}
.px-chip{flex:none;font-size:11.5px;font-weight:500;padding:3px 8px;border-radius:6px;transition:background .2s,color .2s}
.px-chip.ok{background:#E3F4EA;color:#1D7A46}.px-chip.run{background:#E6EBFF;color:#2F55FF}.px-chip.wait{background:#F4F1EA;color:rgba(26,24,21,.6)}
/* floats */
.px-float{position:absolute;z-index:0;width:clamp(110px,9vw,160px);height:auto;pointer-events:none;animation:pxFloat 7s ease-in-out infinite;filter:drop-shadow(0 18px 20px rgba(26,24,21,.18))}
.px-float.f1{left:max(12px,calc(50% - 760px));top:18%}
.px-float.f2{left:max(12px,calc(50% - 740px));top:62%;animation-delay:-2s}
.px-float.f3{right:max(12px,calc(50% - 770px));top:24%;animation-delay:-4s}
.px-float.f4{right:max(12px,calc(50% - 745px));top:66%;animation-delay:-1s}
@keyframes pxFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-14px) rotate(3deg)}}
.px:not(.is-live) .px-float{animation-play-state:paused}
@media (max-width:1360px){.px-float{display:none}}
@media (max-width:900px){.px-grid{grid-template-columns:1fr}.px-wide{grid-template-columns:1fr}.px-wide .px-copy{padding-left:clamp(16px,2vw,28px)}}
@media (prefers-reduced-motion:reduce){.px-float{animation:none}.px-rep,.px-win,.px-cap{transition:none}}
.px-card:not(.px-wide) .px-plate{aspect-ratio:auto;min-height:clamp(340px,32vw,400px);padding:48px 0 24px}
.px-row{padding:6px 8px;margin-top:4px}
.px-keys small{font-size:clamp(10px,.9vw,11.5px);max-width:100%;overflow:hidden;text-overflow:ellipsis}
.px-card:not(.px-wide) .px-plate{min-height:0;height:clamp(360px,34vw,420px)}
/* ===== Swarm: objects fly out of the centre toward camera ===== */
.sw{position:relative;overflow:hidden;height:clamp(520px,78vh,820px);display:grid;place-items:center;background:repeating-linear-gradient(180deg,rgba(4,8,60,.18) 0 2px,transparent 2px 5px),radial-gradient(70% 70% at 50% 50%,#3358FF 0%,#1F3DE0 55%,#0E1EA6 100%);isolation:isolate}
.sw-field{position:absolute;inset:0}
.sw-o{position:absolute;left:50%;top:50%;width:160px;height:auto;margin:-80px 0 0 -80px;will-change:transform,opacity;pointer-events:none;opacity:0}
.sw-h{position:relative;z-index:500;margin:0;display:flex;flex-direction:column;align-items:center;text-align:center;font-family:var(--sans);font-weight:700;font-size:clamp(48px,8.4vw,132px);line-height:.95;letter-spacing:-.045em;color:#fff;text-shadow:1px 1px 0 #C9D3FF,2px 2px 0 #7B90FF,3px 3px 0 #5A74FF,4px 4px 0 #3B57F0,5px 5px 0 #2A45DD,6px 6px 0 #1E36C4,7px 7px 0 #172CA8,8px 8px 0 #12238C,9px 10px 0 #0D1B72,12px 16px 24px rgba(0,0,40,.45)}
.sw-h span:last-child{font-family:var(--serif);font-style:italic;font-weight:420;letter-spacing:-.03em}
/* ===== Featured stack (sticky) ===== */
.fs{position:relative;padding:var(--sec-pad) 0}
.fs-in{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
.fs-head,.rv-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;margin:0 auto clamp(28px,4vw,56px);max-width:680px}
.fs-h,.rv-h{margin:0;font-family:var(--serif);font-weight:420;font-size:var(--h2);line-height:1.02;letter-spacing:-.025em;color:#14120F;text-wrap:balance}
.fs-h em,.rv-h em{font-style:italic}
.fs-sub,.rv-sub{margin:0;font-size:clamp(16px,1.25vw,18px);line-height:1.45;color:rgba(26,24,21,.62);text-wrap:pretty}
.fs-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(20px,3vw,40px)}
.fs-card{position:sticky;top:calc(96px + var(--i)*18px);display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:0;background:#fff;border:1px solid rgba(26,24,21,.08);border-radius:26px;padding:12px;box-shadow:0 30px 60px -44px rgba(26,24,21,.5),0 -1px 0 rgba(26,24,21,.04)}
.fs-card.is-flip .fs-copy{order:2}
.fs-copy{padding:clamp(24px,4vw,64px);display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.fs-tags{display:flex;gap:8px}
.fs-tag,.fs-num{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:9px;font-size:14.5px;font-weight:500}
.fs-tag{background:#2F55FF;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 2px 0 #1D39C4}
.fs-num{background:#fff;border:1px solid rgba(26,24,21,.12);font-family:var(--mono);font-size:13px;color:rgba(26,24,21,.5);box-shadow:0 2px 0 rgba(26,24,21,.08)}
.fs-num b{font-weight:500;color:#2F55FF}
.fs-copy h3{margin:4px 0 0;font-family:var(--serif);font-weight:420;font-size:clamp(32px,3.6vw,54px);line-height:1.02;letter-spacing:-.025em;color:#14120F}
.fs-copy p{margin:0;font-size:clamp(16px,1.35vw,20px);line-height:1.45;color:rgba(26,24,21,.62);max-width:36ch;text-wrap:pretty}
.fs-plate{position:relative;overflow:hidden;border-radius:18px;height:clamp(380px,42vw,540px);display:flex;justify-content:center;align-items:flex-end;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(60% 26% at 42% 62%,rgba(190,214,255,.95),rgba(110,160,255,.5) 45%,transparent 80%),linear-gradient(160deg,#1E2FE0,#2A3CF0 50%,#1A26D2);background-blend-mode:soft-light,normal,normal}
.fs-card.is-flip .fs-plate{background-position:0 0,0 0,0 0}
.fs-phone{width:min(62%,300px);height:88%;background:#fff;border:9px solid #0E0E10;border-bottom:0;border-radius:44px 44px 0 0;padding:10px 16px 0;display:flex;flex-direction:column;gap:10px;color:#14120F;box-shadow:0 -10px 40px -10px rgba(0,0,40,.4)}
.fs-bar{display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:13px;padding:2px 6px 0}
.fs-island{width:34%;height:22px;border-radius:12px;background:#0E0E10}
.fs-sig{display:flex;align-items:flex-end;gap:2px;height:10px}
.fs-sig i{width:3px;background:#14120F;border-radius:1px}.fs-sig i:nth-child(1){height:4px}.fs-sig i:nth-child(2){height:6px}.fs-sig i:nth-child(3){height:8px}.fs-sig i:nth-child(4){height:10px}
.fs-app{text-align:center;font-weight:500;font-size:13.5px}
.fs-scr{display:flex;flex-direction:column;gap:3px;margin-top:6px}
.fs-scr>b{font-weight:650;font-size:clamp(18px,1.7vw,22px);letter-spacing:-.01em}
.fs-scr>small{font-size:12px;color:rgba(26,24,21,.55)}
.fs-scr ul{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.fs-scr li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;border:1px solid rgba(26,24,21,.1);border-radius:11px}
.fs-scr li.is-sel{border:2px solid #14120F;padding:8px 10px}
.fs-scr li span{display:flex;flex-direction:column;min-width:0}
.fs-scr li b{font-weight:600;font-size:13px}
.fs-scr li small{font-size:11.5px;color:rgba(26,24,21,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fs-chip{flex:none;font-style:normal;font-size:11.5px;font-weight:500;padding:3px 8px;border-radius:999px}
.fs-chip.ok{background:#E3F4EA;color:#1D7A46}.fs-chip.run{background:#E6EBFF;color:#2F55FF}.fs-chip.wait{background:#F1EEE8;color:rgba(26,24,21,.6)}
.fs-float,.rv-float{position:absolute;z-index:0;width:clamp(110px,9vw,160px);height:auto;pointer-events:none;animation:pxFloat 7s ease-in-out infinite;filter:drop-shadow(0 18px 20px rgba(26,24,21,.18))}
.fs-float.f1{left:max(12px,calc(50% - 760px));top:14%}.fs-float.f2{left:max(12px,calc(50% - 740px));top:58%;animation-delay:-3s}.fs-float.f3{right:max(12px,calc(50% - 770px));top:20%;animation-delay:-5s}.fs-float.f4{right:max(12px,calc(50% - 745px));top:64%;animation-delay:-1.5s}
/* ===== Reviews ===== */
.rv{position:relative;padding:var(--sec-pad) 0;overflow:hidden}
.rv-in{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
.rv-row{list-style:none;margin:0;padding:0 0 20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,28px);align-items:start;position:relative}
.rv-row::before{content:"";position:absolute;left:10%;right:10%;top:52%;height:1px;background:#14120F;opacity:.7;z-index:-1}
.rv-card{background:#2F55FF;border-radius:14px;padding:0 8px 8px;box-shadow:0 30px 50px -30px rgba(20,30,120,.55);transition:transform .45s cubic-bezier(.3,1.4,.5,1)}
.rv-card.c1{transform:translateY(60px) rotate(-2deg)}.rv-card.c2{transform:rotate(1deg)}.rv-card.c3{transform:translateY(40px) rotate(-1.2deg)}
.rv-card:hover{transform:translateY(-6px) rotate(0)}
.rv-win-h{display:flex;justify-content:space-between;align-items:center;margin:0 -8px;padding:9px 14px;background:#D7DEFF;border-radius:14px 14px 0 0;font-family:var(--mono);font-size:11.5px;color:#2F55FF}
.rv-body{margin-top:8px;background:#fff;border-radius:9px;padding:clamp(18px,2vw,28px);display:flex;flex-direction:column;gap:10px}
.rv-q{font-family:var(--serif);font-size:64px;line-height:.6;height:32px;color:#2F55FF}
.rv-lead{margin:0;font-size:14px;line-height:1.4;color:rgba(26,24,21,.62)}
.rv-body blockquote{margin:0;font-family:var(--serif);font-weight:420;font-size:clamp(20px,1.9vw,27px);line-height:1.18;letter-spacing:-.015em;color:#14120F;text-wrap:pretty}
.rv-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding-top:14px;border-top:1px dotted rgba(26,24,21,.35);font-size:14px;color:rgba(26,24,21,.65)}
.rv-foot b{font-weight:600;color:#14120F}
.rv-foot em{font-style:normal;color:#2F55FF;font-size:13.5px}
.rv-float.f1{left:max(8px,calc(50% - 780px));top:18%}.rv-float.f2{left:max(8px,calc(50% - 740px));top:46%;animation-delay:-2s}.rv-float.f3{left:max(8px,calc(50% - 770px));top:72%;animation-delay:-4s}.rv-float.f4{right:max(8px,calc(50% - 780px));top:16%;animation-delay:-1s}.rv-float.f5{right:max(8px,calc(50% - 745px));top:44%;animation-delay:-3s}.rv-float.f6{right:max(8px,calc(50% - 770px));top:70%;animation-delay:-5s}
.fs:not(.is-live) .fs-float,.rv:not(.is-live) .rv-float{animation-play-state:paused}
@media (max-width:1360px){.fs-float,.rv-float{display:none}}
@media (max-width:900px){.fs-card{grid-template-columns:1fr;position:relative;top:auto}.fs-card.is-flip .fs-copy{order:0}.fs-plate{height:380px}.rv-row{grid-template-columns:1fr;gap:20px}.rv-row::before{display:none}.rv-card.c1,.rv-card.c2,.rv-card.c3{transform:none}}
@media (prefers-reduced-motion:reduce){.fs-float,.rv-float{animation:none}}
/* bento copy v2: sans display, wider measure, crisp key-style button */
.px-copy{padding:clamp(22px,2.4vw,34px) clamp(14px,1.6vw,22px) clamp(14px,1.6vw,22px);gap:12px}
.px-wide .px-copy{padding:clamp(24px,3vw,40px) clamp(28px,4vw,64px)}
.px-copy h3{font-family:var(--sans);font-weight:500;font-size:clamp(30px,2.8vw,44px);line-height:1.05;letter-spacing:-.035em}
.px-copy p{font-size:clamp(17px,1.45vw,21px);line-height:1.38;color:rgba(26,24,21,.58);max-width:30ch;text-wrap:balance}
.px-btn{margin-top:14px;height:42px;padding:0 18px;border-radius:9px;font-size:15.5px;background:linear-gradient(180deg,#3D62FF,#2A4DF5);border:1px solid #1C38C9;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 2px 0 #1C38C9,0 4px 10px -4px rgba(28,56,201,.5)}
.px-btn:active{transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 0 0 #1C38C9}
/* keys v2: real keycaps — dark skirt, inset dished top face */
.px-keys{gap:clamp(12px,1.6vw,20px) clamp(10px,1.3vw,18px)}
.px-key{max-width:68px;border-radius:12px}
.px-cap{position:relative;border-radius:12px;background:linear-gradient(180deg,color-mix(in oklch,var(--k),#000 8%),color-mix(in oklch,var(--k),#000 34%));box-shadow:0 1px 0 rgba(255,255,255,.15) inset,0 5px 0 color-mix(in oklch,var(--k),#000 55%),0 8px 14px -4px rgba(0,0,30,.65);transform:translateY(-5px)}
.px-cap::before{content:"";position:absolute;left:11%;right:11%;top:7%;bottom:19%;border-radius:8px;background:radial-gradient(120% 90% at 50% 20%,color-mix(in oklch,var(--k),#fff 30%) 0%,var(--k) 55%,color-mix(in oklch,var(--k),#000 8%) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 3px rgba(0,0,0,.18),0 1px 2px rgba(0,0,0,.25)}
.px-cap svg{position:relative;z-index:1;width:40%;height:40%;margin-bottom:12%}
.px-key:hover .px-cap{transform:translateY(-6px)}
.px-key:active .px-cap,.px-key[aria-pressed="true"] .px-cap{transform:translateY(0);box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 1px 0 color-mix(in oklch,var(--k),#000 55%),0 3px 6px -3px rgba(0,0,30,.7)}
.px-key[aria-pressed="true"] .px-cap{background:linear-gradient(180deg,#E3E7F5,#AEB6D2);color:var(--k)}
.px-key[aria-pressed="true"] .px-cap::before{background:radial-gradient(120% 90% at 50% 20%,#fff,#EEF1FA 60%,#DDE2F0)}
.px-keys small{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase}
/* fs phone: size to content, anchored top (fixed 88% height overflowed) */
.fs-plate{align-items:flex-start;padding-top:clamp(28px,6%,48px)}
.fs-phone{height:auto;min-height:100%}
/* keycaps v3: photographic caps with engraved legends */
.px-key{max-width:70px;aspect-ratio:auto;border-radius:0}
.px-cap{position:relative;display:block;height:auto;background:none!important;box-shadow:none!important;border-radius:0;transform:none;transition:transform .09s ease-out,filter .09s}
.px-cap::before{display:none}
.px-cap img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 8px rgba(0,0,30,.5))}
.px-cap svg{position:absolute;left:50%;top:36%;width:34%;height:34%;margin:0;transform:translate(-50%,-50%) perspective(200px) rotateX(18deg);filter:none}
.k-cream svg,.k-gold svg{color:rgba(58,44,28,.72);filter:drop-shadow(0 1px 0 rgba(255,255,255,.55))}
.k-ink svg,.k-orange svg{color:rgba(255,244,228,.9);filter:drop-shadow(0 -1px 0 rgba(0,0,0,.45))}
.px-key:hover .px-cap{transform:translateY(-2px)}
.px-key:active .px-cap,.px-key[aria-pressed="true"] .px-cap{transform:translateY(4px) scale(.98);filter:brightness(.92)}
.px-key[aria-pressed="true"] .px-cap img{filter:drop-shadow(0 3px 3px rgba(0,0,30,.55))}
.px-key[aria-pressed="true"]::after{content:"";position:absolute;left:50%;bottom:-6px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#7CF0A8;box-shadow:0 0 8px #7CF0A8}
.px-key{position:relative}
/* swarm v2: true 3D scene */
.sw{perspective:900px;perspective-origin:50% 50%}
.sw-world{position:absolute;inset:0;transform-style:preserve-3d;display:grid;place-items:center}
.sw-field{position:absolute;inset:0;transform-style:preserve-3d}
.sw-o{width:180px;margin:-90px 0 0 -90px;backface-visibility:hidden}
.sw-h{transform-style:preserve-3d;font-family:var(--serif);font-weight:420;font-size:clamp(52px,8.8vw,140px);line-height:.92;letter-spacing:-.035em;color:#FFF8EC;text-shadow:1px 1px 0 #E9D9B8,2px 2px 0 #C8A24A,3px 3px 0 #B48A2E,4px 4px 0 #9A7222,5px 5px 0 #2A3CC8,6px 6px 0 #2234B4,7px 7px 0 #1B2B9C,8px 8px 0 #152384,10px 11px 0 #0F1A6A,14px 18px 28px rgba(0,0,40,.5)}
.sw-h span{display:block}
.sw-h .l1{transform:translateZ(90px)}
.sw-h .l2{font-style:italic;transform:translateZ(30px) translateX(4%)}
/* cursor-levitating floats: parallax via individual transform props so the bob animation keeps running */
.px-float,.fs-float,.rv-float{translate:var(--mx,0px) var(--my,0px);scale:var(--ms,1);rotate:y var(--ry,0deg);transition:none;will-change:translate,scale}
/* swarm: lighter blue ground */
.sw.sw{background:repeating-linear-gradient(180deg,rgba(20,40,140,.10) 0 2px,transparent 2px 5px),radial-gradient(75% 75% at 50% 50%,#8FB2FF 0%,#6C95FF 50%,#4B77F2 100%)}
/* nav: Industries dropdown */
@media (min-width:900px){.fnav{overflow:visible!important;mask-image:none!important;-webkit-mask-image:none!important}.fnav-track{overflow:visible!important;padding-right:0!important}.fnav-mob{display:none!important}}
.fnav-dd{position:relative;flex:none}
.fnav-ddb{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border:0;border-radius:8px;background:none;font-family:var(--sans);font-size:14px;font-weight:500;letter-spacing:-.005em;color:rgba(26,24,21,.68);cursor:pointer;transition:background .15s,color .15s}
.fnav-ddb svg{transition:transform .2s}
.fnav-dd:hover .fnav-ddb,.fnav-dd:focus-within .fnav-ddb{background:rgba(26,24,21,.06);color:var(--ink)}
.fnav-dd:hover .fnav-ddb svg,.fnav-dd:focus-within .fnav-ddb svg{transform:rotate(180deg)}
.fnav-dd.is-on .fnav-ddb{color:var(--ink);font-weight:600}
.fnav-panel{position:absolute;left:-8px;top:100%;padding-top:10px;z-index:60;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .16s,transform .16s,visibility 0s .16s}
.fnav-dd:hover .fnav-panel,.fnav-dd:focus-within .fnav-panel{opacity:1;visibility:visible;transform:none;transition:opacity .16s,transform .16s}
.fnav-card{width:340px;padding:8px;border-radius:16px;background:#fff;border:1px solid rgba(26,24,21,.08);box-shadow:0 18px 40px -18px rgba(26,24,21,.28),0 2px 6px rgba(26,24,21,.05);display:grid;gap:2px}
.fnav-track .fnav-mi{display:flex!important;align-items:center;gap:12px;height:auto!important;padding:10px!important;border-radius:10px!important;white-space:normal!important;color:var(--ink)!important}
.fnav-mi:hover,.fnav-mi.is-on{background:#F6F3EC!important}
.fnav-mk{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:linear-gradient(#FBF8F1,#EFEADF);box-shadow:inset 0 -3px 0 rgba(26,24,21,.08),0 1px 0 rgba(26,24,21,.1);color:#1a1815}
.fnav-mk svg{width:18px;height:18px}
.fnav-mi:hover .fnav-mk,.fnav-mi.is-on .fnav-mk{background:#141310;color:#fff;box-shadow:inset 0 -3px 0 rgba(255,255,255,.12)}
.fnav-mi span{display:grid;gap:2px;min-width:0}
.fnav-mi b{font-size:14px;font-weight:600;line-height:1.25}
.fnav-mi small{font-size:12.5px;font-weight:400;line-height:1.35;color:rgba(26,24,21,.58)}
@media (max-width:899px){.fnav-dd{display:none!important}}
@media (min-width:900px){.fnav{justify-content:center!important;margin-left:24px!important;margin-right:16px!important}.fnav-track{gap:4px!important}.fnav-dd.is-on .fnav-ddb{font-weight:500!important}.fnav-sep{margin:0 10px!important}}
@media (min-width:900px){.fnav{justify-content:flex-start!important;margin-left:36px!important}.fnav-track{gap:2px!important}.fnav-sep{display:none!important}.fnav-dd.is-on .fnav-ddb{color:rgba(26,24,21,.68)!important}.fnav-dd:hover .fnav-ddb{color:var(--ink)!important}}
.fnav-card{width:620px!important;grid-template-columns:1fr 1fr;gap:0 8px!important;padding:10px!important}
.fnav-col{display:grid;gap:2px;align-content:start}
.fnav-col+.fnav-col{padding-left:8px;border-left:1px solid rgba(26,24,21,.07)}
.fnav-h{margin:4px 10px 6px;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(26,24,21,.5)}
.fnav-mk{position:relative;width:40px!important;height:40px!important;border-radius:11px!important;background:linear-gradient(180deg,#FFFDF8 0%,#F2EDE2 100%)!important;border:1px solid rgba(26,24,21,.1);box-shadow:0 3px 0 #DDD5C4,0 4px 8px -3px rgba(26,24,21,.18),inset 0 1px 0 #fff!important;color:#1a1815!important;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,background .18s,color .18s}
.fnav-mk svg{width:19px!important;height:19px!important;stroke-width:1.6}
.fnav-mi:hover .fnav-mk{transform:translateY(-1px);background:linear-gradient(180deg,#FFFDF8,#F2EDE2)!important;color:#1a1815!important;box-shadow:0 4px 0 #DDD5C4,0 6px 10px -3px rgba(26,24,21,.2),inset 0 1px 0 #fff!important}
.fnav-mi.is-on .fnav-mk{transform:translateY(2px);background:linear-gradient(180deg,#4A6BFF 0%,#2F55FF 100%)!important;border-color:#1F3FD6;color:#fff!important;box-shadow:0 1px 0 #1A34B8,0 2px 4px -2px rgba(31,63,214,.5),inset 0 1px 0 rgba(255,255,255,.28)!important}
.fnav-mi:hover{background:#F8F5EE!important}
.fnav-mi.is-on{background:#EEF2FF!important}
.fnav-mi.is-on b{color:#1F3FD6}
.fnav-card{position:relative;overflow:hidden}
.fnav-col:first-child{position:relative;min-height:300px}
.fnav-char{position:absolute;left:24px;right:24px;bottom:-10px;height:170px;border-radius:120px 120px 0 0;background:#F3DFA6;overflow:hidden;pointer-events:none}
.fnav-char img{position:absolute;left:50%;bottom:-40px;width:78%;height:auto;transform:translate(-50%,24px);opacity:0;transition:transform .5s cubic-bezier(.3,1.4,.5,1) .08s,opacity .25s .08s}
.fnav-dd:hover .fnav-char img,.fnav-dd:focus-within .fnav-char img{transform:translate(-50%,0);opacity:1}
.fnav-col:first-child{min-height:340px}
.fnav-col:first-child{min-height:320px!important}
.fnav-char{left:auto!important;right:18px!important;bottom:0!important;width:170px!important;height:190px!important;border-radius:0!important;background:none!important;overflow:visible!important}
.fnav-char::before{content:"";position:absolute;left:0;right:0;bottom:-8px;height:120px;border-radius:90px 90px 0 0;background:#F3DFA6}
.fnav-char img{bottom:-70px!important;width:118%!important}
.fnav-char img{bottom:-92px!important}
.fnav-col:first-child{min-height:0!important}.fnav-col:last-child{position:relative}
.fnav-card{width:820px!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 200px!important}
.fnav-col:last-child,.fnav-col:first-child{min-height:0!important}
.fnav-track .fnav-mkt{position:relative;display:flex!important;flex-direction:column;align-items:flex-start;gap:4px;height:auto!important;margin-left:8px;padding:14px 16px 0!important;border-radius:12px!important;background:#FBF3DC!important;overflow:hidden;white-space:normal!important;color:var(--ink)!important;min-height:280px}
.fnav-mkt .fnav-h{margin:0 0 4px!important}
.fnav-soon{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;background:#141310;color:#fff;font-size:10.5px;font-weight:600;letter-spacing:.04em}
.fnav-mkt b{margin-top:6px;font-size:15px;font-weight:600;line-height:1.25}
.fnav-mkt small{font-size:12.5px;line-height:1.35;color:rgba(26,24,21,.6)}
.fnav-mkt .fnav-char{left:0!important;right:0!important;width:auto!important;height:170px!important;bottom:0!important}
.fnav-mkt .fnav-char::before{left:14px;right:14px;height:100px;background:#F3DFA6}
.fnav-mkt .fnav-char img{width:100%!important;bottom:-80px!important}
.fnav-mkt:hover .fnav-char img{transform:translate(-50%,-6px)!important}
.fnav-card.fnav-card-cs{width:280px!important;grid-template-columns:1fr!important;gap:2px!important}
.fnav-card-cs .fnav-h{margin:4px 10px 6px!important}
.fnav-track .fnav-cs{padding:7px 10px!important;gap:12px}
.fnav-cs .fnav-mk{width:32px!important;height:32px!important;border-radius:9px!important;font-family:var(--serif,Georgia,serif);font-style:italic;font-size:14px;font-weight:600}
.fnav-cs b{font-size:14px}
.fnav-track .fnav-all{display:flex!important;align-items:center;justify-content:space-between;height:40px!important;margin-top:6px;padding:0 12px!important;border-radius:10px!important;background:#141310!important;color:#fff!important;font-weight:600!important}
.fnav-track .fnav-all:hover{background:#2F55FF!important}
.fnav-all svg{transition:transform .2s}.fnav-all:hover svg{transform:translateX(3px)}
.fnav-card.fnav-card-rs{width:540px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0 4px!important;padding:12px!important}
.fnav-card-rs .fnav-col+.fnav-col{padding-left:4px}
.fnav-track .fnav-rl{display:flex!important;align-items:center;gap:6px;height:36px!important;padding:0 10px!important;border-radius:8px!important;font-size:14px!important;font-weight:500;color:var(--ink)!important}
.fnav-track .fnav-rl:hover{background:#F6F3EC!important}
.fnav-rl svg{opacity:.5}
.fnav-card.fnav-card-cs{width:500px!important;grid-template-columns:minmax(0,1fr) 200px!important;gap:0 10px!important;overflow:hidden}
.fnav-track .fnav-pic{position:relative;display:block!important;height:auto!important;padding:0!important;border-radius:12px!important;background:#F6CFD8!important;overflow:hidden;min-height:100%}
.fnav-pic::before{content:"";position:absolute;left:18px;right:18px;bottom:0;height:62%;border-radius:90px 90px 0 0;background:#F9E1E7}
.fnav-pic img{position:absolute;left:50%;bottom:-6px;width:112%;height:auto;transform:translate(-50%,20px);opacity:0;transition:transform .5s cubic-bezier(.3,1.4,.5,1) .08s,opacity .25s .08s}
.fnav-dd:hover .fnav-pic img,.fnav-dd:focus-within .fnav-pic img{transform:translate(-50%,0);opacity:1}
.fnav-card-rs .fnav-sw{grid-column:1/-1;justify-self:start;display:inline-flex;gap:2px;margin:2px 6px 10px;padding:3px;border-radius:999px;background:#F1EEE6}
.fnav-sw button{height:30px;padding:0 14px;border:0;border-radius:999px;background:none;font-family:var(--sans);font-size:13px;font-weight:600;color:rgba(26,24,21,.6);cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}
.fnav-sw button:hover{color:var(--ink)}
.fnav-sw button.is-on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(26,24,21,.12),0 0 0 1px rgba(26,24,21,.06)}
.fnav-card-rs{grid-template-rows:auto auto}
.fnav-dd-rs .fnav-panel,.fnav-dd-co .fnav-panel{left:auto!important;right:-8px}
.fnav-card.fnav-card-co{width:600px!important;grid-template-columns:minmax(0,1fr) 250px!important;gap:0 10px!important;padding:10px!important}
.fnav-track .fnav-feat{display:flex!important;flex-direction:column;align-items:flex-start;gap:6px;height:auto!important;padding:14px!important;border-radius:12px!important;background:#F6F3EC!important;white-space:normal!important;color:var(--ink)!important}
.fnav-feat .fnav-h{margin:0 0 4px!important}
.fnav-feat-art{display:block;width:100%;aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:#EAE4D6}
.fnav-feat-art img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.fnav-feat:hover .fnav-feat-art img{transform:scale(1.04)}
.fnav-feat b{margin-top:6px;font-size:14.5px;font-weight:600;line-height:1.3}
.fnav-feat small{font-size:12.5px;line-height:1.4;color:rgba(26,24,21,.6)}
@media (max-width:1080px){.fnav-track>.fnav-dd:first-child .fnav-panel{left:-110px}}
.fnav-card.fnav-card-rs{width:600px!important;padding:0 10px 10px!important;gap:0 2px!important}
.fnav-card-rs .fnav-col+.fnav-col{border-left:0!important;padding-left:0!important}
.fnav-rs-top{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 -10px 8px;padding:12px 16px;background:#F7F4ED;border-bottom:1px solid rgba(26,24,21,.06);border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0}
.fnav-rs-lbl{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(26,24,21,.5)}
.fnav-card-rs .fnav-rs-top .fnav-sw{margin:0!important;background:#EAE5DA}
.fnav-card-rs .fnav-sw button{height:28px;padding:0 13px;font-size:12.5px}
.fnav-card-rs .fnav-h{padding:6px 10px 4px!important}
.fnav-track .fnav-rl{display:flex!important;align-items:center;gap:10px;padding:8px 10px!important;border-radius:10px!important;font-size:14px!important;transition:background .15s}
.fnav-track .fnav-rl:hover{background:#F4F1EA!important}
.fnav-ri{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1px rgba(26,24,21,.1),0 2px 0 rgba(26,24,21,.08);color:#3A3228;transition:transform .15s,box-shadow .15s}
.fnav-ri svg{width:15px;height:15px}
.fnav-rl:hover .fnav-ri{transform:translateY(1px);box-shadow:inset 0 0 0 1px rgba(26,24,21,.14),0 1px 0 rgba(26,24,21,.08)}
.fnav-rl>svg{margin-left:-4px;opacity:.5}
.fnav-card.fnav-card-cs{width:600px!important;grid-template-columns:minmax(0,1fr) 180px!important}
.fnav-card-cs .fnav-col{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:4px}
.fnav-card-cs .fnav-col>.fnav-h,.fnav-card-cs .fnav-col>.fnav-all{grid-column:1/-1}
.fnav-card-cs .fnav-cs b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fnav-card.fnav-card-co{grid-template-columns:minmax(0,1fr) 230px!important}
.fnav-dd-rs .fnav-panel{right:auto!important;left:50%!important;margin-left:-300px}
@media (max-width:1080px){.fnav-dd-rs .fnav-panel{margin-left:-240px}}
.fnav-card.fnav-card-cs{grid-template-columns:minmax(0,1fr) 220px!important}
.fnav-card.fnav-card-rs{width:640px!important;padding:10px!important;grid-template-columns:minmax(0,1fr) 210px!important;grid-template-rows:auto!important;gap:0 10px!important}
.fnav-card-rs>.fnav-col{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:4px}
.fnav-card-rs>.fnav-col>.fnav-h,.fnav-rs-foot{grid-column:1/-1}
.fnav-card-rs .fnav-mk svg{width:17px;height:17px}
.fnav-rs-foot{display:flex;gap:4px;margin-top:6px;padding:8px 6px 2px;border-top:1px solid rgba(26,24,21,.07)}
.fnav-track .fnav-rs-foot a{display:inline-flex!important;align-items:center;gap:4px;height:30px!important;padding:0 10px!important;border-radius:999px!important;font-size:13px!important;font-weight:500;color:rgba(26,24,21,.65)!important;background:none!important}
.fnav-track .fnav-rs-foot a:hover{background:#F4F1EA!important;color:var(--ink)!important}
.fnav-rs-foot svg{width:11px;height:11px;opacity:.55}
.fnav-rs-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;overflow:hidden;cursor:default}
.fnav-rs-card .fnav-sw{position:relative;z-index:2;margin:0!important;background:rgba(255,255,255,.55)!important;flex-direction:column;border-radius:12px!important;width:100%}
.fnav-rs-card .fnav-sw button{height:32px;border-radius:9px!important;text-align:left;padding:0 12px;font-size:13px}
.fnav-track .fnav-rs-open{position:relative;z-index:2;display:inline-flex!important;align-items:center;gap:6px;height:auto!important;padding:0!important;background:none!important;font-size:13px!important;font-weight:600;color:var(--ink)!important}
.fnav-track .fnav-rs-open:hover{text-decoration:underline;text-underline-offset:3px}
.fnav-track .fnav-mkt{min-height:330px!important;padding:16px 16px 0!important;background:radial-gradient(120% 70% at 50% 100%,#E4E5EA 0%,#F1F1F4 45%,#FBFBFC 100%)!important;box-shadow:inset 0 0 0 1px rgba(26,24,21,.06)}
.fnav-track .fnav-mkt::after{content:"";position:absolute;left:0;right:0;bottom:0;height:44%;background:linear-gradient(180deg,transparent,rgba(210,212,220,.35));pointer-events:none}
.fnav-mkt>.fnav-h,.fnav-mkt>.fnav-soon,.fnav-mkt>b,.fnav-mkt>small,.fnav-mkt>.fnav-sw,.fnav-mkt>.fnav-rs-open{position:relative;z-index:2}
.fnav-mkt .fnav-char{height:190px!important;z-index:1}
.fnav-mkt .fnav-char::before{display:none!important}
.fnav-mkt .fnav-char img{width:auto!important;height:210px!important;max-width:none;bottom:-18px!important;filter:drop-shadow(0 8px 14px rgba(40,44,60,.18))}
.fnav-rs-card .fnav-char{height:150px!important}
.fnav-rs-card .fnav-char img{height:170px!important}
.fnav-rs-card .fnav-sw{background:rgba(255,255,255,.8)!important;box-shadow:0 0 0 1px rgba(26,24,21,.06)}
.fnav-track .fnav-mkt{min-height:0!important}
.fnav-mkt .fnav-char{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;align-self:stretch;width:auto!important;height:190px!important;margin:auto -16px 0!important;overflow:hidden!important}
.fnav-mkt .fnav-char img{bottom:-10px!important;height:205px!important}
.fnav-rs-card .fnav-char{height:170px!important}
.fnav-rs-card .fnav-char img{height:200px!important;bottom:-24px!important}
.fnav-mkt .fnav-char img{height:188px!important;bottom:-12px!important}
.fnav-rs-card .fnav-char img{height:170px!important;bottom:-12px!important}
.fnav-card-cs{align-items:start!important}
.fnav-card-cs .fnav-cs-pic{align-self:stretch}
.fnav-card-cs .fnav-cs-pic .fnav-char{height:150px!important;margin-top:4px!important}
.fnav-card-cs .fnav-cs-pic .fnav-char img{height:160px!important;bottom:-10px!important}
.fnav-card-cs .fnav-cs-pic{padding-top:12px!important}
.fnav-card.fnav-card-cs{width:680px!important;grid-template-columns:minmax(0,1fr) 290px!important;align-items:stretch!important}
.fnav-card-cs .fnav-cs-pic{padding:14px 16px!important;justify-content:flex-start}
.fnav-card-cs .fnav-cs-pic>.fnav-h,.fnav-card-cs .fnav-cs-pic>.fnav-soon,.fnav-card-cs .fnav-cs-pic>b,.fnav-card-cs .fnav-cs-pic>small{max-width:52%}
.fnav-card-cs .fnav-cs-pic .fnav-char{position:absolute!important;right:0!important;left:auto!important;top:0!important;bottom:0!important;width:48%!important;height:auto!important;margin:0!important}
.fnav-card-cs .fnav-cs-pic .fnav-char img{height:auto!important;width:128%!important;bottom:-14px!important}
@media (max-width:1080px){.fnav-dd-cs .fnav-panel{margin-left:-48px}}
.fnav-card-rs .fnav-sw2{grid-column:1/-1;position:relative;display:grid!important;grid-template-columns:1fr 1fr;gap:0!important;width:100%;height:50px;margin:2px 0 10px!important;padding:4px!important;border-radius:14px!important;background:#EFEBE2!important;box-shadow:inset 0 1px 2px rgba(26,24,21,.08);overflow:hidden;isolation:isolate}
.fnav-sw2 button{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:8px;height:42px!important;padding:0 10px!important;border-radius:10px!important;font-size:14px!important;font-weight:600;color:rgba(26,24,21,.55)!important;background:none!important;box-shadow:none!important;transition:color .3s}
.fnav-sw2 button.is-on{color:#fff!important}
.fnav-sw-thumb{position:absolute;z-index:1;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:10px;overflow:hidden;transition:transform .45s cubic-bezier(.5,1.6,.4,1),background .3s}
[data-plat="app"] .fnav-sw-thumb{background:linear-gradient(135deg,#2A4BFF,#1531C9);box-shadow:0 0 0 1px rgba(255,255,255,.2) inset,0 6px 18px -4px rgba(42,75,255,.7);animation:fnZap .7s ease-out}
[data-plat="legacy"] .fnav-sw-thumb{transform:translateX(100%);background:linear-gradient(135deg,#8A6A3B,#5C4424);box-shadow:0 0 0 1px rgba(255,235,200,.2) inset,0 6px 18px -6px rgba(92,68,36,.7);animation:fnFilm .8s steps(1)}
.fnav-zap{position:absolute;inset:0;pointer-events:none}
[data-plat="app"] .fnav-zap{background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.85) 48%,rgba(160,200,255,.6) 52%,transparent 65%);background-size:250% 100%;animation:fnStreak .9s ease-out,fnStreak 3.6s ease-in-out 1.2s infinite}
[data-plat="legacy"] .fnav-zap{background:repeating-linear-gradient(0deg,rgba(255,240,210,.09) 0 1px,transparent 1px 3px),radial-gradient(circle at 30% 40%,rgba(255,255,255,.18) 0 1px,transparent 2px),radial-gradient(circle at 70% 65%,rgba(255,255,255,.14) 0 1px,transparent 2px);animation:fnGrain .35s steps(3) infinite}
[data-plat="app"] .fnav-sw2 button[data-docs-set="app"] svg{animation:fnBolt .7s ease-out;filter:drop-shadow(0 0 6px rgba(190,215,255,.9))}
[data-plat="legacy"] .fnav-sw2 button[data-docs-set="legacy"] svg{animation:fnFlick .8s steps(1)}
@keyframes fnZap{0%{filter:brightness(2.2) saturate(1.4)}15%{filter:brightness(.9)}25%{filter:brightness(1.8)}40%,100%{filter:none}}
@keyframes fnStreak{0%{background-position:120% 0}60%,100%{background-position:-120% 0}}
@keyframes fnBolt{0%{transform:scale(.6) rotate(-12deg)}35%{transform:scale(1.35) rotate(6deg)}100%{transform:none}}
@keyframes fnFilm{0%{opacity:.4;filter:sepia(1)}20%{opacity:1}35%{opacity:.6}50%{opacity:1;filter:sepia(.6)}70%{opacity:.8}100%{opacity:1;filter:none}}
@keyframes fnFlick{0%{opacity:.2}30%{opacity:1}45%{opacity:.4}60%,100%{opacity:1}}
@keyframes fnGrain{0%{background-position:0 0,0 0,0 0}33%{background-position:0 1px,4px 2px,-3px 1px}66%{background-position:0 2px,-2px -1px,2px -2px}}
@media (prefers-reduced-motion:reduce){.fnav-sw-thumb,.fnav-zap,.fnav-sw2 svg{animation:none!important}}
.fnav-mkt.fnav-co-pic .fnav-char{height:200px!important;overflow:visible!important}
.fnav-mkt.fnav-co-pic .fnav-char img{height:178px!important;width:auto!important;bottom:0!important}
.fnav-mkt.fnav-rs-card .fnav-char{height:260px!important;overflow:hidden!important}
.fnav-mkt.fnav-rs-card .fnav-char img{height:300px!important;width:auto!important;bottom:-24px!important}
.fnav-mkt.fnav-rs-card{background:radial-gradient(120% 80% at 50% 100%,#FFE3B8 0%,#FFF1DC 45%,#FFF9F0 100%)!important;border-color:#F2DFC2!important}
.fnav-mkt.fnav-co-pic{background:radial-gradient(120% 80% at 50% 100%,#FFD3DF 0%,#FFE9EF 45%,#FFF8FA 100%)!important;border-color:#F4D5DE!important}
.fnav-card-cs .fnav-cs-pic{background:radial-gradient(120% 80% at 70% 100%,#D6DEFF 0%,#EAEEFF 45%,#F8F9FF 100%)!important;border-color:#DCE2F7!important}
.fnav-card-pr .fnav-mkt{background:radial-gradient(120% 80% at 50% 100%,#FFE3B8 0%,#FFF1DC 45%,#FFF9F0 100%)!important;border-color:#F2DFC2!important}
.fnav-card-rs .fnav-sw2{height:46px!important;background:#F3F0EA!important;box-shadow:inset 0 1px 2px rgba(26,24,21,.07)!important}
.fnav-sw2 button{height:38px!important;font-size:14px!important;color:rgba(26,24,21,.5)!important}
.fnav-sw2 button.is-on{color:#1A1815!important}
.fnav-sw-thumb,[data-plat="app"] .fnav-sw-thumb,[data-plat="legacy"] .fnav-sw-thumb{background:#fff!important;box-shadow:0 1px 0 rgba(26,24,21,.06),0 4px 12px -4px rgba(26,24,21,.22),inset 0 -2px 0 rgba(26,24,21,.05)!important;animation:none!important;filter:none!important;transition:transform .5s cubic-bezier(.3,1.35,.5,1)!important}
.fnav-zap{display:none!important}
.fnav-sw2 svg{transition:color .3s,transform .4s}
.fnav-sw2 button svg{animation:none!important;filter:none!important}
[data-plat="app"] .fnav-sw2 button[data-docs-set="app"] svg{color:#2A4BFF;animation:fnPop .5s cubic-bezier(.3,1.6,.5,1)!important}
[data-plat="legacy"] .fnav-sw2 button[data-docs-set="legacy"] svg{color:#B8862B;animation:fnPop .5s cubic-bezier(.3,1.6,.5,1)!important}
@keyframes fnPop{0%{transform:scale(.7)}60%{transform:scale(1.18)}100%{transform:none}}
.fnav-rs-card .fnav-char,.fnav-cs-pic .fnav-char{isolation:isolate}
.fnav-rs-card .fnav-char::before,.fnav-cs-pic .fnav-char::before{content:"";position:absolute;z-index:-1;left:50%;bottom:18%;width:230px;height:230px;transform:translateX(-50%);border-radius:50%;pointer-events:none;
background:radial-gradient(circle,transparent 0 38%,rgba(255,255,255,.0) 38%),repeating-radial-gradient(circle,transparent 0 22px,var(--ring) 22px 23.5px);
-webkit-mask:radial-gradient(circle,#000 55%,transparent 71%);mask:radial-gradient(circle,#000 55%,transparent 71%);animation:fnSpin 40s linear infinite}
.fnav-rs-card .fnav-char::after,.fnav-cs-pic .fnav-char::after{content:"";position:absolute;z-index:-1;left:50%;bottom:30%;width:130px;height:130px;transform:translateX(-50%);border-radius:50%;background:var(--sun);box-shadow:0 0 0 10px var(--halo);pointer-events:none}
.fnav-rs-card .fnav-char{--ring:rgba(214,146,52,.35);--sun:radial-gradient(circle at 35% 30%,#FFE9C2,#FFC26B);--halo:rgba(255,194,107,.25)}
.fnav-cs-pic .fnav-char{--ring:rgba(42,75,255,.22);--sun:radial-gradient(circle at 35% 30%,#E4E9FF,#9FB1FF);--halo:rgba(159,177,255,.25)}
.fnav-cs-pic .fnav-char::before{bottom:22%;width:210px;height:210px}
.fnav-cs-pic .fnav-char::after{bottom:36%;width:120px;height:120px}
.fnav-rs-card .fnav-char img,.fnav-cs-pic .fnav-char img{mix-blend-mode:multiply}
@keyframes fnSpin{to{transform:translateX(-50%) rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.fnav-char::before{animation:none!important}}
.fnav-card-cs .fnav-cs-pic{overflow:hidden!important;position:relative}
.fnav-card-cs .fnav-cs-pic .fnav-char{overflow:visible!important}
.fnav-cs-pic .fnav-char::before{width:260px!important;height:260px!important;bottom:14%!important}
.fnav-cs-pic .fnav-char::after{width:150px!important;height:150px!important;bottom:30%!important}
.fnav-rs-card{overflow:hidden!important}.fnav-rs-card .fnav-char{overflow:visible!important}
.fnav-rs-card .fnav-char img,.fnav-cs-pic .fnav-char img{mix-blend-mode:normal!important;position:relative;z-index:2}
.fnav-mkt.fnav-co-pic .fnav-char img{-webkit-mask:linear-gradient(to bottom,transparent 0,#000 22%);mask:linear-gradient(to bottom,transparent 0,#000 22%)}
.fnav-mkt.fnav-co-pic{background:radial-gradient(120% 80% at 50% 100%,#FCEFC7 0%,#FBF5E4 45%,#FDFBF5 100%)!important;border-color:#EFE3C4!important}