/*! Truecopy — base & component styles (desktop/base only).
    All media queries live in css/responsive.css.

    STRUCTURE — one block per page, keyed off a page class on <html>.
    These pages were built as forks of one another: the same class can carry different
    values on different pages, and the pages declare their rules in different orders.
    Because equal-specificity rules are resolved by source order, one shared ordering
    cannot reproduce all eleven pages. Each page therefore keeps its own rule order in
    its own block, scoped with :where(), which contributes NO specificity — so within a
    page the cascade is byte-identical to the original.

    Shared @font-face and @keyframes are emitted once, at the top. */

/* ==================== shared at-rules (fonts, keyframes) ==================== */
@font-face{font-family:'Satoshi';src:url('https://cdn.fontshare.com/wf/TTX2Z3BF3P6Y5BQT3IV2VNOK6FL22KUT/7QYRJOI3JIMYHGY6CH7SOIFRQLZOLNJ6/KFIAZD4RUMEZIYV6FQ3T3GP5PDBDB6JY.woff2') format('woff2');font-weight:400;font-display:swap;font-style:normal}
@font-face{font-family:'Satoshi';src:url('https://cdn.fontshare.com/wf/P2LQKHE6KA6ZP4AAGN72KDWMHH6ZH3TA/ZC32TK2P7FPS5GFTL46EU6KQJA24ZYDB/7AHDUZ4A7LFLVFUIFSARGIWCRQJHISQP.woff2') format('woff2');font-weight:500;font-display:swap;font-style:normal}
@font-face{font-family:'Satoshi';src:url('https://cdn.fontshare.com/wf/LAFFD4SDUCDVQEXFPDC7C53EQ4ZELWQI/PXCT3G6LO6ICM5I3NTYENYPWJAECAWDD/GHM6WVH6MILNYOOCXHXB5GTSGNTMGXZR.woff2') format('woff2');font-weight:700;font-display:swap;font-style:normal}
@font-face{font-family:'Satoshi';src:url('https://cdn.fontshare.com/wf/NHPGVFYUXYXE33DZ75OIT4JFGHITX5PE/PSUTMASCDJTVPERDYJZPN23BVUFUCQIF/J64QX5IPOHK56I2KYUNBQ5M2XWZEYKYX.woff2') format('woff2');font-weight:900;font-display:swap;font-style:normal}
@keyframes revealIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes heroGlow{0%,100%{opacity:.7;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes hchipL{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(calc(-50% - 8px),-50%)}}
@keyframes hchipR{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(calc(-50% + 8px),-50%)}}
@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(22,163,74,.5)}70%{box-shadow:0 0 0 6px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}
@keyframes ring{0%{width:64px;height:64px;opacity:.7}100%{width:140px;height:140px;opacity:0}}
@keyframes tbScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes dashFlowX{to{background-position:15px 0}}
@keyframes dashFlowY{to{background-position:0 13px}}
@keyframes dotPop{0%{transform:scale(0)}100%{transform:scale(1)}}
@keyframes spinCW{to{transform:rotate(360deg)}}
@keyframes spinCCW{to{transform:rotate(-360deg)}}
@keyframes itcRide{0%{offset-distance:0%;opacity:0} 1.1%{offset-distance:4%;opacity:1} 11.4%{offset-distance:86%;opacity:1} 13.3%{offset-distance:94%;opacity:.5} 15%{offset-distance:100%;opacity:0} 15.6%,100%{offset-distance:100%;opacity:0}}
@keyframes itcLand{0%,11.4%{transform:scale(1)}12.4%{transform:scale(1.08)}15%,100%{transform:scale(.5)}}
@keyframes itgMarq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes itcHubHit{0%,72%{transform:scale(1)}82%{transform:scale(1.07)}92%{transform:scale(.985)}100%{transform:scale(1)}}
@keyframes itcRipple{0%,72%{transform:scale(1);opacity:0}78%{opacity:.7}100%{transform:scale(1.55);opacity:0}}
@keyframes itcPulse{0%{transform:scale(.94);opacity:.55}62%{transform:scale(1.05);opacity:.95}100%{transform:scale(.94);opacity:.55}}
@keyframes icDown{0%{top:0;opacity:0}8%{opacity:1}46%{top:62%;opacity:1}52%{top:62%;opacity:0}100%{opacity:0}}
@keyframes icLeft{0%,48%{left:50%;opacity:0}52%{left:50%;opacity:1}100%{left:4%;opacity:0}}
@keyframes icRight{0%,48%{left:50%;opacity:0}52%{left:50%;opacity:1}100%{left:96%;opacity:0}}
@keyframes intgMarq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes corePulse{0%{opacity:.6;width:100%;height:100%}70%{opacity:0;width:128%;height:140%}100%{opacity:0}}
@keyframes fmScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes p2pulse{0%{opacity:.6;transform:translate(-50%,-2px) scale(1)}70%{opacity:0;transform:translate(-50%,-2px) scale(3.4)}100%{opacity:0}}
@keyframes tsSpin{to{transform:rotate(360deg)}}
@keyframes tsInk{to{stroke-dashoffset:0}}
@keyframes tsMarq{to{transform:translateX(-50%)}}
@keyframes plShine{0%{left:-60%}55%,100%{left:130%}}
@keyframes swIn{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
@keyframes tsSheen{to{transform:translateX(120%)}}
@keyframes tsPop{0%{transform:scale(1)}45%{transform:scale(1.22)}100%{transform:scale(1)}}
@keyframes tsScan{0%{transform:translateX(-100%)}55%,100%{transform:translateX(100%)}}
@keyframes faqIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes cvvPulse{0%{transform:scale(1);opacity:.85}100%{transform:scale(1.85);opacity:0}}
@keyframes rsSpin{to{transform:translateX(-50%) rotate(360deg)}}
@keyframes alW{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1)}}
@keyframes igIn{to{opacity:1;transform:none}}
@keyframes vdIn{to{opacity:1;transform:none}}
@keyframes vdFade{from{opacity:0}to{opacity:1}}
@keyframes vdRise{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}
@keyframes brFade{from{opacity:0}to{opacity:1}}
@keyframes brRise{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}
@keyframes ctSpin{to{transform:translateX(-50%) rotate(360deg)}}
@keyframes ctBlink{0%,70%,100%{opacity:.55}82%{opacity:1;box-shadow:0 0 0 5px rgba(255,255,255,.16)}}
@keyframes cvPulse{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.9);opacity:0}}
@keyframes ctTick{to{stroke-dashoffset:0}}
@keyframes ctRing{to{opacity:1;transform:scale(1)}}


/* ============================================================
   Truecopy Webpage v2   (html.page-home)
   ============================================================ */

/* Satoshi — self-hosted @font-face (woff2), inlined for standalone export */

/* touch 1781880837620 */

/* ============================================================================
   TRUECOPY — Enterprise Trust Infrastructure
   base.css · tokens, reset, typography, layout, nav, footer, shared utilities
   ========================================================================== */
:root:where(:root.page-home,:root.page-home *){/* paper / ink */ --paper:#ffffff; --paper-2:#FAF9F7; --paper-3:#F3F1EC; --ink:#14161B; --ink-2:#474C56; --ink-3:#676D78; --line:#E8E6E0; --line-2:#F0EEE9; --hair:#E2DFD8; /* brand — overridable by tweaks */ --wine:#9B1B2E; --wine-deep:#74121F; --wine-soft:#FBF1F2; --wine-line:rgba(155,27,46,.20); /* accent — overridable by tweaks */ --accent:#1B3A8F; --accent-2:#2C4FB0; --accent-soft:#EEF1FA; --accent-line:rgba(27,58,143,.20); --shadow-sm:0 1px 2px rgba(20,22,27,.04), 0 1px 1px rgba(20,22,27,.03); --shadow-md:0 18px 50px -28px rgba(20,22,27,.30), 0 6px 16px -12px rgba(20,22,27,.18); --shadow-lg:0 50px 110px -50px rgba(20,30,60,.45), 0 18px 40px -28px rgba(20,22,27,.22); --maxw:1488px; --gut:clamp(20px,5vw,64px); --font-sans:'Satoshi',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; --font-mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular',monospace; --ease:cubic-bezier(.22,.61,.36,1); --ease-out:cubic-bezier(.16,1,.3,1)}
*:where(:root.page-home,:root.page-home *){margin:0;padding:0;box-sizing:border-box}
html:where(:root.page-home,:root.page-home *){-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body:where(:root.page-home,:root.page-home *){background:var(--paper); color:var(--ink); font-family:var(--font-sans); font-weight:400; line-height:1.5; letter-spacing:-0.011em; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow-x:hidden}
img:where(:root.page-home,:root.page-home *),svg:where(:root.page-home,:root.page-home *){display:block;max-width:100%}
a:where(:root.page-home,:root.page-home *){color:inherit;text-decoration:none}
button:where(:root.page-home,:root.page-home *){font-family:inherit;cursor:pointer}
:where(:root.page-home,:root.page-home *)::selection{background:var(--wine);color:#fff}
/* ---------- layout ---------- */
.wrap:where(:root.page-home,:root.page-home *){max-width:var(--maxw);margin:0 auto;padding-inline:var(--gut)}
.section:where(:root.page-home,:root.page-home *){position:relative;padding-block:70px}
.section--tight:where(:root.page-home,:root.page-home *){padding-block:70px}
.bleed:where(:root.page-home,:root.page-home *){background:var(--paper-2)}
.divider:where(:root.page-home,:root.page-home *){height:1px;background:var(--hair);border:0}

/* ---------- typography ---------- */
.h-display:where(:root.page-home,:root.page-home *){font-weight:700; font-size:clamp(40px,6.6vw,88px); line-height:0.98; letter-spacing:-0.035em; text-wrap:balance}
.h-section:where(:root.page-home,:root.page-home *){font-weight:700; font-size:clamp(26px,3.2vw,42px); line-height:1.02; letter-spacing:-0.03em; text-wrap:balance}
.h-sub:where(:root.page-home,:root.page-home *){font-weight:600; font-size:clamp(22px,2.6vw,32px); line-height:1.1; letter-spacing:-0.02em}
.lede:where(:root.page-home,:root.page-home *){font-size:clamp(15px,1.35vw,18px); line-height:1.55; color:var(--ink-2); font-weight:400; letter-spacing:-0.012em; max-width:62ch; text-wrap:pretty}
.dim:where(:root.page-home,:root.page-home *){color:var(--ink-2)}
.muted:where(:root.page-home,:root.page-home *){color:var(--ink-3)}
.wine-text:where(:root.page-home,:root.page-home *){color:var(--wine)}

/* mono technical label / eyebrow */
.eyebrow:where(:root.page-home,:root.page-home *){display:inline-flex;align-items:center;gap:10px; font-family:var(--font-mono); font-size:12px;font-weight:500; letter-spacing:0.14em;text-transform:uppercase; color:var(--ink-3)}
.eyebrow:where(:root.page-home,:root.page-home *)::before{content:"";width:7px;height:7px;border-radius:2px; background:var(--wine);flex:none}
.eyebrow .num:where(:root.page-home,:root.page-home *){color:var(--wine);font-weight:600}
.kicker:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:11px;font-weight:500; letter-spacing:0.16em;text-transform:uppercase;color:var(--ink-3)}
.tag:where(:root.page-home,:root.page-home *){display:inline-flex;align-items:center;gap:7px; font-family:var(--font-mono);font-size:10.5px;font-weight:500; letter-spacing:0.1em;text-transform:uppercase; color:var(--ink-2); padding:5px 9px;border:1px solid var(--line);border-radius:6px; background:var(--paper)}
.tag .dot:where(:root.page-home,:root.page-home *){width:5px;height:5px;border-radius:50%;background:var(--accent)}
.tag--wine .dot:where(:root.page-home,:root.page-home *){background:var(--wine)}

/* section head block */
.shead:where(:root.page-home,:root.page-home *){max-width:880px}
.shead:where(:root.page-home,:root.page-home *){margin-bottom:40px}
.shead .h-section:where(:root.page-home,:root.page-home *){margin-top:18px}
.shead .lede:where(:root.page-home,:root.page-home *){margin-top:22px}

/* ---------- buttons ---------- */
.btn:where(:root.page-home,:root.page-home *){display:inline-flex;align-items:center;gap:9px; font-size:15px;font-weight:600;letter-spacing:-0.01em; padding:13px 20px;border-radius:9px;border:1px solid transparent; transition:transform .18s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease), color .2s; white-space:nowrap}
.btn .arr:where(:root.page-home,:root.page-home *){transition:transform .25s var(--ease)}
.btn:hover .arr:where(:root.page-home,:root.page-home *){transform:translateX(3px)}
.btn-primary:where(:root.page-home,:root.page-home *){background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}
.btn-primary:hover:where(:root.page-home,:root.page-home *){background:var(--accent-2);transform:translateY(-1px);box-shadow:var(--shadow-md)}
.btn-wine:where(:root.page-home,:root.page-home *){background:var(--wine);color:#fff}
.btn-wine:hover:where(:root.page-home,:root.page-home *){background:var(--wine-deep);transform:translateY(-1px);box-shadow:0 14px 34px -16px var(--wine)}
.btn-ghost:where(:root.page-home,:root.page-home *){background:transparent;color:var(--ink);border-color:var(--line)}
.btn-ghost:hover:where(:root.page-home,:root.page-home *){border-color:var(--ink);background:var(--paper-2)}
.btn-sm:where(:root.page-home,:root.page-home *){padding:10px 15px;font-size:14px;border-radius:8px}
.link-arrow:where(:root.page-home,:root.page-home *){display:inline-flex;align-items:center;gap:8px; font-weight:600;font-size:15px;color:var(--ink); border-bottom:1px solid transparent;padding-bottom:2px;transition:.2s}
.link-arrow .arr:where(:root.page-home,:root.page-home *){transition:transform .25s var(--ease);color:var(--wine)}
.link-arrow:hover:where(:root.page-home,:root.page-home *){color:var(--wine)}
.link-arrow:hover .arr:where(:root.page-home,:root.page-home *){transform:translateX(4px)}

/* ---------- nav ---------- */
.nav:where(:root.page-home,:root.page-home *){position:fixed;top:0;left:0;right:0;z-index:900;background:transparent;border:0; padding:clamp(12px,1.6vw,20px) clamp(14px,3vw,28px) 0; transition:padding .3s var(--ease)}
.nav.is-stuck:where(:root.page-home,:root.page-home *){padding-top:10px}
.nav-in:where(:root.page-home,:root.page-home *){max-width:1150px;margin:0 auto; height:62px;padding:7px 8px 7px 24px; display:flex;align-items:center;gap:16px; background:rgba(255,255,255,.80); -webkit-backdrop-filter:blur(20px) saturate(165%); backdrop-filter:blur(20px) saturate(165%); border:1px solid rgba(255,255,255,.72); border-radius:100px; box-shadow:0 12px 36px -18px rgba(46,18,26,.30), 0 2px 8px -3px rgba(46,18,26,.12); transition:box-shadow .3s var(--ease), background .3s var(--ease)}
.nav.is-stuck .nav-in:where(:root.page-home,:root.page-home *){background:rgba(255,255,255,.92); box-shadow:0 18px 46px -18px rgba(46,18,26,.40), 0 3px 10px -3px rgba(46,18,26,.16)}
.brand:where(:root.page-home,:root.page-home *){display:flex;align-items:center;flex:none}
.brand .mark:where(:root.page-home,:root.page-home *){height:54px;width:auto;flex:none;object-fit:contain}
.nav-links:where(:root.page-home,:root.page-home *){display:flex;align-items:center;justify-content:center;gap:4px;flex:1 1 auto}
.nav-link:where(:root.page-home,:root.page-home *){font-size:14px;font-weight:500;color:var(--ink-2); padding:9px 14px;border-radius:100px;transition:.18s}
.nav-link:hover:where(:root.page-home,:root.page-home *){color:var(--ink);background:rgba(46,18,26,.06)}
.nav-cta:where(:root.page-home,:root.page-home *){display:flex;align-items:center;gap:8px;flex:none}

/* ---------- nav dropdown ---------- */
.nav-item:where(:root.page-home,:root.page-home *){position:relative;display:flex;align-items:center}
.nav-trigger:where(:root.page-home,:root.page-home *){display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;cursor:pointer;font-family:inherit}
.nav-trigger .caret:where(:root.page-home,:root.page-home *){width:15px;height:15px;color:var(--ink-2);transition:transform .25s var(--ease),color .2s;flex:none}
.nav-trigger .caret path:where(:root.page-home,:root.page-home *){fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav-item:hover .nav-trigger:where(:root.page-home,:root.page-home *),.nav-item:focus-within .nav-trigger:where(:root.page-home,:root.page-home *){color:var(--ink);background:var(--paper-2)}
.nav-item:hover .caret:where(:root.page-home,:root.page-home *),.nav-item:focus-within .caret:where(:root.page-home,:root.page-home *){transform:rotate(180deg);color:var(--wine)}
.nav-menu:where(:root.page-home,:root.page-home *){position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(8px) scale(.985);transform-origin:top center; width:332px;background:var(--paper);border:1px solid var(--line);border-radius:14px; box-shadow:var(--shadow-lg);padding:8px; opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s; z-index:50}
.nav-menu:where(:root.page-home,:root.page-home *)::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nav-item:hover .nav-menu:where(:root.page-home,:root.page-home *),.nav-item:focus-within .nav-menu:where(:root.page-home,:root.page-home *){opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}

/* mega dropdown (Solutions) */
.nav-mega:where(:root.page-home,:root.page-home *){position:absolute;top:calc(100% + 12px);left:0;transform:translateY(8px) scale(.99);transform-origin:top left; width:min(880px,calc(100vw - 48px)); background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg); padding:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px; opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s;z-index:50}
.nav-mega:where(:root.page-home,:root.page-home *)::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nav-item:hover .nav-mega:where(:root.page-home,:root.page-home *),.nav-item:focus-within .nav-mega:where(:root.page-home,:root.page-home *){opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
.mega-col:where(:root.page-home,:root.page-home *){padding:14px 16px;border-radius:12px;border:1px solid transparent;transition:border-color .2s,background .2s}
.mega-col:hover:where(:root.page-home,:root.page-home *){background:var(--paper-2);border-color:var(--line)}
.mega-prod:where(:root.page-home,:root.page-home *){display:flex;align-items:center;gap:10px;padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.mega-prod .mp-glyph:where(:root.page-home,:root.page-home *){width:28px;height:28px;border-radius:8px;background:var(--accent);color:#fff;display:grid;place-items:center;font-family:var(--font-mono);font-size:9px;font-weight:600;flex:none}
.mega-prod b:where(:root.page-home,:root.page-home *){font-size:15px;font-weight:700;letter-spacing:-0.02em;color:var(--ink)}
.mega-prod:hover b:where(:root.page-home,:root.page-home *){color:var(--wine)}
.mega-desc:where(:root.page-home,:root.page-home *){font-size:12.5px;line-height:1.45;color:var(--ink-3);margin:12px 0 14px;min-height:54px}
.mega-sub:where(:root.page-home,:root.page-home *){display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13.5px;font-weight:500;color:var(--ink-2);padding:8px 0;border-top:1px solid var(--line-2);transition:color .15s}
.mega-sub .arr:where(:root.page-home,:root.page-home *){color:var(--ink-3);opacity:0;transform:translateX(-4px);transition:.18s var(--ease)}
.mega-sub:hover:where(:root.page-home,:root.page-home *){color:var(--wine)}
.mega-sub:hover .arr:where(:root.page-home,:root.page-home *){color:var(--wine);opacity:1;transform:translateX(0)}
.nav-menu-link:where(:root.page-home,:root.page-home *){display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:14px;row-gap:2px; padding:11px 13px;border-radius:10px;transition:background .16s var(--ease)}
.nav-menu-link .nml-t:where(:root.page-home,:root.page-home *){font-size:14.5px;font-weight:600;color:var(--ink);letter-spacing:-0.01em}
.nav-menu-link .nml-d:where(:root.page-home,:root.page-home *){grid-column:1;font-size:12px;color:var(--ink-3);line-height:1.35}
.nav-menu-link .nml-arr:where(:root.page-home,:root.page-home *){grid-column:2;grid-row:1/span 2;color:var(--ink-3);font-size:15px;transition:transform .2s var(--ease),color .2s}
.nav-menu-link:hover:where(:root.page-home,:root.page-home *){background:var(--paper-2)}
.nav-menu-link:hover .nml-t:where(:root.page-home,:root.page-home *){color:var(--wine)}
.nav-menu-link:hover .nml-arr:where(:root.page-home,:root.page-home *){color:var(--wine);transform:translate(3px,-1px)}

/* modern icon dropdown (Solutions + Resources + Industries) */
.nav-mega--icons:where(:root.page-home,:root.page-home *){padding:18px;display:block}
.nav-menu.nav-mega--icons:where(:root.page-home,:root.page-home *){width:392px}
.nmi-label:where(:root.page-home,:root.page-home *){display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);padding:0 4px 12px;margin:0 0 12px;border-bottom:1px solid var(--line)}
.nmi-grid:where(:root.page-home,:root.page-home *){display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}
.nmi-grid--3:where(:root.page-home,:root.page-home *){grid-template-columns:1fr 1fr 1fr}
.nmi-grid--1:where(:root.page-home,:root.page-home *){grid-template-columns:1fr;gap:4px}

/* Solutions: vertical list + preview panel */
.nmi-split:where(:root.page-home,:root.page-home *){display:flex;gap:40px}
.nmi-split .nmi-grid--1:where(:root.page-home,:root.page-home *){flex:0 0 42%;min-width:0;gap:9px;grid-template-columns:1fr}
.nmi-preview:where(:root.page-home,:root.page-home *){flex:1 1 58%;min-width:0;display:flex;flex-direction:column;gap:9px}
.nmp-cap:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.nmp-frame:where(:root.page-home,:root.page-home *){flex:1;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper-2);display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}
.nmp-bar:where(:root.page-home,:root.page-home *){display:flex;gap:5px;padding:11px 13px;border-bottom:1px solid var(--line);background:var(--paper)}
.nmp-bar i:where(:root.page-home,:root.page-home *){width:9px;height:9px;border-radius:50%;background:#DAD7D0}
.nmp-body:where(:root.page-home,:root.page-home *){flex:1;display:flex;flex-direction:column;justify-content:center;gap:9px;padding:24px;position:relative;overflow:hidden;transition:background .25s var(--ease)}
.nmp-body:where(:root.page-home,:root.page-home *)::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.5) 1.1px,transparent 1.1px);background-size:16px 16px;opacity:.5}
.nmp-body.c1:where(:root.page-home,:root.page-home *){background:linear-gradient(150deg,#B23a4a,#8E1B2C)}
.nmp-body.c2:where(:root.page-home,:root.page-home *){background:linear-gradient(150deg,#2A6FDB,#1B44A8)}
.nmp-body.c3:where(:root.page-home,:root.page-home *){background:linear-gradient(150deg,#1F8A5B,#136141)}
.nmp-body.c4:where(:root.page-home,:root.page-home *){background:linear-gradient(150deg,#7A4AD1,#4E2B95)}
.nmp-badge:where(:root.page-home,:root.page-home *){position:relative;font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.nmp-title:where(:root.page-home,:root.page-home *){position:relative;font-size:20px;font-weight:700;letter-spacing:-0.02em;color:#fff;line-height:1.1}
.nmp-sub:where(:root.page-home,:root.page-home *){position:relative;font-size:12.5px;color:rgba(255,255,255,.82);line-height:1.45;max-width:30ch}
.nmp-rows:where(:root.page-home,:root.page-home *){position:relative;display:flex;flex-direction:column;gap:6px;margin-top:8px}
.nmp-rows i:where(:root.page-home,:root.page-home *){height:7px;border-radius:4px;background:rgba(255,255,255,.28)}
.nmp-rows i:nth-child(1):where(:root.page-home,:root.page-home *){width:80%}
.nmp-rows i:nth-child(2):where(:root.page-home,:root.page-home *){width:62%}
.nmp-rows i:nth-child(3):where(:root.page-home,:root.page-home *){width:70%}
.nmi-item:where(:root.page-home,:root.page-home *){display:flex;align-items:flex-start;gap:13px;padding:12px;border-radius:14px;transition:background .16s var(--ease)}
.nmi-item:hover:where(:root.page-home,:root.page-home *){background:var(--paper-2)}
.nmi-ic:where(:root.page-home,:root.page-home *){width:42px;height:42px;border-radius:12px;flex:none;display:grid;place-items:center;color:#fff;box-shadow:0 6px 14px -6px rgba(20,16,22,.4)}
.nmi-ic svg:where(:root.page-home,:root.page-home *){width:22px;height:22px;display:block}
.nmi-grid:where(:root.page-home,:root.page-home *){display:grid;grid-template-columns:1fr 1fr;gap:4px}
.nmi-grid--3:where(:root.page-home,:root.page-home *){grid-template-columns:1fr 1fr 1fr}
.nmi-item:where(:root.page-home,:root.page-home *){display:flex;align-items:flex-start;gap:13px;padding:12px;border-radius:14px;transition:background .16s var(--ease)}
.nmi-item--sm:where(:root.page-home,:root.page-home *){gap:11px;padding:10px 11px}
.nmi-item:hover:where(:root.page-home,:root.page-home *){background:var(--paper-2)}
.nmi-ic:where(:root.page-home,:root.page-home *){width:42px;height:42px;border-radius:12px;flex:none;display:grid;place-items:center;color:#fff;box-shadow:0 6px 14px -6px rgba(20,16,22,.4)}
.nmi-item--sm .nmi-ic:where(:root.page-home,:root.page-home *){width:36px;height:36px;border-radius:10px}
.nmi-item--sm .nmi-ic svg:where(:root.page-home,:root.page-home *){width:19px;height:19px}
.nmi-ic svg:where(:root.page-home,:root.page-home *){width:22px;height:22px;display:block}
.nmi-ic.c1:where(:root.page-home,:root.page-home *){background:linear-gradient(150deg,#B23a4a,#8E1B2C)}
.nmi-ic.c2:where(:root.page-home,:root.page-home *){background:linear-gradient(150deg,#3E63B4,#28407e)}
.nmi-ic.c3:where(:root.page-home,:root.page-home *){background:linear-gradient(150deg,#2E9C6E,#1c6b4a)}
.nmi-ic.c4:where(:root.page-home,:root.page-home *){background:linear-gradient(150deg,#C0892E,#8a611c)}
.nmi-ic.c5:where(:root.page-home,:root.page-home *){background:linear-gradient(150deg,#6b52b4,#4a3780)}
.nmi-tx:where(:root.page-home,:root.page-home *){display:flex;flex-direction:column;gap:3px;min-width:0}
.nmi-tx b:where(:root.page-home,:root.page-home *){font-size:14.5px;font-weight:700;color:var(--ink);letter-spacing:-0.01em;transition:color .16s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nmi-item:hover .nmi-tx b:where(:root.page-home,:root.page-home *){color:var(--wine)}
.nmi-tx span:where(:root.page-home,:root.page-home *){font-size:12px;color:var(--ink-3);line-height:1.35; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Solutions single-col: one-line description */
.nmi-grid--1 .nmi-tx span:where(:root.page-home,:root.page-home *){display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:none}

/* card-grid mega (Industries) — reuses Resources nav-menu-link cards */
.nav-mega--cards:where(:root.page-home,:root.page-home *){display:grid;grid-template-columns:repeat(3,1fr);gap:2px;width:min(640px,calc(100vw - 48px));padding:12px}

/* hover-intent: keep dropdown open while travelling to the panel */
.nav-item.is-open .nav-trigger:where(:root.page-home,:root.page-home *){color:var(--ink);background:var(--paper-2)}
.nav-item.is-open .caret:where(:root.page-home,:root.page-home *){transform:rotate(180deg);color:var(--wine)}
.nav-item.is-open .nav-menu:where(:root.page-home,:root.page-home *){opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}
.nav-item.is-open .nav-mega:where(:root.page-home,:root.page-home *){opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}
.nav-item:not(.is-open):hover .nav-menu:where(:root.page-home,:root.page-home *),.nav-item:not(.is-open):hover .nav-mega:where(:root.page-home,:root.page-home *){opacity:0;visibility:hidden;pointer-events:none}

/* ---------- footer ---------- */
.foot:where(:root.page-home,:root.page-home *){background:var(--paper-2);border-top:1px solid var(--line);padding-block:clamp(64px,8vw,104px) 36px}
.foot-grid:where(:root.page-home,:root.page-home *){display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:48px 36px}
.foot :is(h3,h4):where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500;margin-bottom:16px}
.foot-brand:where(:root.page-home,:root.page-home *){margin-bottom:20px}
.foot-brand .mark:where(:root.page-home,:root.page-home *){height:56px;width:auto}
.foot ul:where(:root.page-home,:root.page-home *){list-style:none;display:flex;flex-direction:column;gap:11px}
.foot li a:where(:root.page-home,:root.page-home *){font-size:14.5px;color:var(--ink-2);transition:.15s}
.foot li a:hover:where(:root.page-home,:root.page-home *){color:var(--wine)}
.foot-badge:where(:root.page-home,:root.page-home *){display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--wine);background:var(--wine-soft);padding:3px 7px;border-radius:5px;text-transform:uppercase;white-space:nowrap}

/* ---------- reveal / motion ----------
   Reveal hidden/visible state is driven by JS via inline styles so the
   visible END state is always the static computed style (never dependent on
   the animation clock). The WAAPI keyframe is pure enhancement. */

/* hairline tech grid background */
.grid-bg:where(:root.page-home,:root.page-home *){position:absolute;inset:0;pointer-events:none; background-image:linear-gradient(var(--hair) 1px,transparent 1px),linear-gradient(90deg,var(--hair) 1px,transparent 1px); background-size:64px 64px; -webkit-mask-image:radial-gradient(120% 90% at 70% 0%,#000 0%,transparent 72%); mask-image:radial-gradient(120% 90% at 70% 0%,#000 0%,transparent 72%); opacity:.5}

/* utility */
.mono:where(:root.page-home,:root.page-home *){font-family:var(--font-mono)}
.nowrap:where(:root.page-home,:root.page-home *){white-space:nowrap}
.center:where(:root.page-home,:root.page-home *){text-align:center}
.stat-num:where(:root.page-home,:root.page-home *){font-size:clamp(30px,3.4vw,46px);font-weight:700;letter-spacing:-0.03em;line-height:1;font-variant-numeric:tabular-nums}
.stat-lbl:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:9px}

/* ---------- cookie / privacy bar ---------- */
.cookiebar:where(:root.page-home,:root.page-home *){position:fixed;left:0;right:0;bottom:0;z-index:920; padding:0 clamp(12px,3vw,28px) clamp(12px,2.4vw,22px); pointer-events:none; opacity:0;transform:translateY(130%)}
.cookiebar-in:where(:root.page-home,:root.page-home *){pointer-events:auto;position:relative; max-width:1180px;margin:0 auto; display:flex;align-items:center;gap:clamp(14px,2vw,26px); background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%); border:1px solid var(--line);border-radius:14px; box-shadow:var(--shadow-lg); padding:14px clamp(16px,2vw,22px)}
.cb-ico:where(:root.page-home,:root.page-home *){flex:none;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--wine);background:var(--wine-soft);border:1px solid var(--wine-line)}
.cb-text:where(:root.page-home,:root.page-home *){flex:1;min-width:0;font-size:13.5px;line-height:1.5;color:var(--ink-2);letter-spacing:-0.005em;text-wrap:pretty}
.cb-text a:where(:root.page-home,:root.page-home *){color:var(--wine);font-weight:600;border-bottom:1px solid var(--wine-line);transition:.18s}
.cb-text a:hover:where(:root.page-home,:root.page-home *){border-bottom-color:var(--wine)}
.cb-actions:where(:root.page-home,:root.page-home *){flex:none;display:flex;align-items:center;gap:10px}
.cb-close:where(:root.page-home,:root.page-home *){flex:none;width:30px;height:30px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--ink-3);font-size:20px;line-height:1;display:grid;place-items:center;transition:.18s}
.cb-close:hover:where(:root.page-home,:root.page-home *){background:var(--paper-2);color:var(--ink)}

/* touch 1781880836837 */

/* ============================================================================
   TRUECOPY — sections.css
   ========================================================================== */

/* ============================ HERO (centered SaaS · red gradient) ============================ */
.hero:where(:root.page-home,:root.page-home *){position:relative;isolation:isolate; overflow:hidden;text-align:center;color:#fff; background: linear-gradient(180deg, rgba(255,255,255,.05), transparent 24%), linear-gradient(180deg,#6F1E2A 0%,#892634 15%,#A6333E 30%,#C25551 45%,#DA8377 58%,#F0C2B6 70%,#FBEAE3 78%,#FFFFFF 86%,#FFFFFF 100%)}

/* circular visual language */
.hero-bg:where(:root.page-home,:root.page-home *){position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.hero-noise:where(:root.page-home,:root.page-home *){position:absolute;inset:0;pointer-events:none;opacity:.18;mix-blend-mode:soft-light; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='hn'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23hn)'/%3E%3C/svg%3E");background-size:150px 150px}
.hero-glow:where(:root.page-home,:root.page-home *){position:absolute;left:50%;top:32%;width:680px;height:680px;transform:translate(-50%,-50%); background:radial-gradient(circle,rgba(255,205,188,.26),transparent 64%);filter:blur(12px); animation:heroGlow 9s var(--ease) infinite}
.orbit:where(:root.page-home,:root.page-home *){position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);border-radius:50%; border:1px solid rgba(255,255,255,.16); -webkit-mask-image:radial-gradient(circle,transparent 38%,#000 56%,#000 70%,transparent 86%); mask-image:radial-gradient(circle,transparent 38%,#000 56%,#000 70%,transparent 86%)}
.orbit-1:where(:root.page-home,:root.page-home *){width:680px;height:680px}
.orbit-2:where(:root.page-home,:root.page-home *){width:1080px;height:1080px;border-color:rgba(255,255,255,.10)}
.orbit-2.dashed-spin:where(:root.page-home,:root.page-home *){border-style:dashed;border-width:1.5px;border-color:rgba(255,255,255,.34); -webkit-mask-image:none;mask-image:none;animation:spin 60s linear infinite}
.orbit-3:where(:root.page-home,:root.page-home *){width:1480px;height:1480px;border-color:rgba(255,255,255,.07)}
.orbit-4:where(:root.page-home,:root.page-home *){width:1880px;height:1880px;border-color:rgba(255,255,255,.16)}
.orbit-4.dashed:where(:root.page-home,:root.page-home *){border-style:dashed;border-width:1px;animation:spin 80s linear infinite}
.hero-float-ring:where(:root.page-home,:root.page-home *){position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.30);opacity:.3}
.fr-a:where(:root.page-home,:root.page-home *){width:16px;height:16px;left:8%;top:30%;background:rgba(255,255,255,.14);animation:floatY 7s var(--ease) infinite}
.fr-d:where(:root.page-home,:root.page-home *){width:11px;height:11px;left:12%;top:64%;background:rgba(255,255,255,.55);border:0;animation:floatY 8s var(--ease) infinite reverse}
.fr-b:where(:root.page-home,:root.page-home *){width:30px;height:30px;right:8%;top:28%;animation:floatY 9s var(--ease) infinite reverse}
.fr-c:where(:root.page-home,:root.page-home *){width:11px;height:11px;right:12%;top:64%;background:rgba(255,255,255,.55);border:0;animation:floatY 6s var(--ease) infinite}
.hero-in:where(:root.page-home,:root.page-home *){position:relative;display:block}
.hero-copy:where(:root.page-home,:root.page-home *){max-width:880px;margin:0 auto}

/* social-proof review badge */
.hero-badge:where(:root.page-home,:root.page-home *){display:inline-flex;align-items:center;gap:11px;margin:0 auto;white-space:nowrap; padding:7px 16px 7px 12px;border-radius:100px; background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.26); -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px); font-size:13.5px;font-weight:500;color:rgba(255,255,255,.92);transition:.2s var(--ease)}
.hero-badge:hover:where(:root.page-home,:root.page-home *){background:rgba(255,255,255,.2);transform:translateY(-1px)}
.hero-badge .stars:where(:root.page-home,:root.page-home *){color:#FFD9A0;font-size:12px;letter-spacing:1px}
.hero-badge .hb-tx b:where(:root.page-home,:root.page-home *){font-weight:700;color:#fff}
.hero h1:where(:root.page-home,:root.page-home *){margin:26px auto 0;color:#fff;max-width:none; font-size:clamp(21px,2.6vw,34px);line-height:1.14;letter-spacing:-0.035em}
.hero h1 .ln1:where(:root.page-home,:root.page-home *){display:block;white-space:nowrap}
.hero h1 .ln2:where(:root.page-home,:root.page-home *){display:block;color:#fff;white-space:nowrap}
.hero h1 .ln3:where(:root.page-home,:root.page-home *){color:#fff}
.hero .lede:where(:root.page-home,:root.page-home *){margin:24px auto 0;color:rgba(255,255,255,.84);max-width:60ch;text-align:center;font-size:clamp(16px,1.5vw,19.5px)}
.hero-cta:where(:root.page-home,:root.page-home *){display:flex;align-items:center;justify-content:center;gap:20px;margin-top:38px;flex-wrap:wrap}
.hero-form:where(:root.page-home,:root.page-home *){display:flex;align-items:center;gap:6px;margin:34px auto 0;width:100%;max-width:476px; background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.32);border-radius:100px; padding:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px); box-shadow:0 16px 44px -22px rgba(40,8,12,.42)}
.hero-form:focus-within:where(:root.page-home,:root.page-home *){border-color:rgba(255,255,255,.58);background:rgba(255,255,255,.18)}
.hero-email:where(:root.page-home,:root.page-home *){flex:1 1 auto;min-width:0;background:transparent;border:0;outline:none;color:#fff; font-size:15px;padding:11px 8px 11px 18px;font-family:inherit;letter-spacing:-0.01em}
.hero-email:where(:root.page-home,:root.page-home *)::placeholder{color:rgba(255,255,255,.72)}
.hero-form .btn-hero:where(:root.page-home,:root.page-home *){flex:none}
.btn-hero:where(:root.page-home,:root.page-home *){background:#fff;color:var(--wine-deep);font-weight:700;padding:11px 24px;border-radius:100px; box-shadow:0 14px 34px -16px rgba(40,8,12,.45),0 1px 0 rgba(255,255,255,.5) inset;font-size:15px}
.btn-hero:hover:where(:root.page-home,:root.page-home *){transform:translateY(-2px);background:#fff;box-shadow:0 26px 60px -18px rgba(40,8,12,.62)}
.btn-hero .arr:where(:root.page-home,:root.page-home *){transition:transform .25s var(--ease)}
.btn-hero:hover .arr:where(:root.page-home,:root.page-home *){transform:translateX(4px)}
.hero-play:where(:root.page-home,:root.page-home *){display:inline-flex;align-items:center;gap:11px;color:#fff;font-weight:600;font-size:15px;opacity:.95;transition:.2s}
.hero-play:hover:where(:root.page-home,:root.page-home *){opacity:1}
.hero-play .hp-ic:where(:root.page-home,:root.page-home *){width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none; background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.32);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:.2s var(--ease)}
.hero-play .hp-ic:where(:root.page-home,:root.page-home *)::after{content:"";width:0;height:0;border-left:9px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:3px}
.hero-play:hover .hp-ic:where(:root.page-home,:root.page-home *){background:rgba(255,255,255,.26);transform:scale(1.06)}
.hero-trust:where(:root.page-home,:root.page-home *){display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:42px}
.hero-trust .ht:where(:root.page-home,:root.page-home *){display:flex;align-items:center;gap:10px;padding:9px 16px;border-radius:100px; background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20); -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.hero-trust .ht-ic:where(:root.page-home,:root.page-home *){width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.22);color:#fff;display:grid;place-items:center;font-size:10px;flex:none}
.hero-trust .ht-tx:where(:root.page-home,:root.page-home *){display:flex;flex-direction:column;gap:0;text-align:left;line-height:1.15}
.hero-trust .ht b:where(:root.page-home,:root.page-home *){font-size:13px;font-weight:700;color:#fff}
.hero-trust .ht span:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6)}

/* product mockup floating below */
.hero-stage-wrap:where(:root.page-home,:root.page-home *){position:relative;max-width:955px;margin:clamp(104px,12vw,168px) auto 0;perspective:1800px}
.hero-stage-wrap .stage:where(:root.page-home,:root.page-home *){border-radius:24px;border:15px solid rgba(248,205,197,.6); box-shadow:0 26px 56px -36px rgba(70,22,30,.28); transform:rotateX(3deg);transform-origin:center top;background-clip:padding-box}
.hero-float:where(:root.page-home,:root.page-home *){position:absolute;z-index:4;display:flex;align-items:center;gap:11px; padding:11px 14px;border-radius:13px;background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.8); box-shadow:0 22px 50px -22px rgba(40,8,16,.45)}
.hero-float .hfl-tx:where(:root.page-home,:root.page-home *){display:flex;flex-direction:column;text-align:left;line-height:1.25}
.hero-float .hfl-tx b:where(:root.page-home,:root.page-home *){font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-0.01em}
.hero-float .hfl-tx span:where(:root.page-home,:root.page-home *){font-size:11px;color:var(--ink-3)}
.hf-1:where(:root.page-home,:root.page-home *){left:-30px;top:24%;animation:floatCard 6.5s var(--ease) infinite}
.hf-1 .hfl-dot:where(:root.page-home,:root.page-home *){width:30px;height:30px;border-radius:50%;background:var(--wine-soft);position:relative;flex:none}
.hf-1 .hfl-dot:where(:root.page-home,:root.page-home *)::after{content:"\2713";position:absolute;inset:0;display:grid;place-items:center;color:var(--wine);font-weight:700;font-size:14px}
.hf-2:where(:root.page-home,:root.page-home *){right:-26px;top:54%;animation:floatCard 7.5s var(--ease) infinite reverse}
.hf-2 .hfl-ring:where(:root.page-home,:root.page-home *){position:relative;width:38px;height:38px;flex:none;display:grid;place-items:center}
.hf-2 .hfl-ring svg:where(:root.page-home,:root.page-home *){position:absolute;inset:0;transform:rotate(-90deg)}
.hf-2 .hfl-ring circle:where(:root.page-home,:root.page-home *){fill:none;stroke:var(--line);stroke-width:3}
.hf-2 .hfl-ring circle.prog:where(:root.page-home,:root.page-home *){stroke:var(--accent);stroke-linecap:round;stroke-dasharray:97.4;stroke-dashoffset:2}
.hf-2 .hfl-ring span:where(:root.page-home,:root.page-home *){font-size:10px;font-weight:700;color:var(--ink)}

/* hero product infographics — static icon circles riding the moving ring */

/* chips ride the dashed moving ring — two stacked on the left side, two on the right,
   vertically centred on the ring's centre (left:50%, top:34% — matching .orbit) */
.hero-chips:where(:root.page-home,:root.page-home *){position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;pointer-events:none; --rx:clamp(300px,41vw,500px);--ry:clamp(92px,10vw,150px)}
.hchip:where(:root.page-home,:root.page-home *){position:absolute;width:clamp(122px,11vw,154px);aspect-ratio:1;border-radius:26px;display:grid;place-items:center; pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent; background:linear-gradient(160deg,rgba(255,255,255,.20),rgba(255,255,255,.05))}
.hchip .hc-inner:where(:root.page-home,:root.page-home *){transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.hchip:hover .hc-inner:where(:root.page-home,:root.page-home *){transform:scale(1.05);box-shadow:0 18px 34px -14px rgba(70,18,28,.6)}
.hchip:active .hc-inner:where(:root.page-home,:root.page-home *){transform:scale(.93);transition-duration:.09s}
.hchip:focus-visible:where(:root.page-home,:root.page-home *){outline:2px solid #fff;outline-offset:3px}
.hchip:nth-child(1):where(:root.page-home,:root.page-home *){left:calc(50% - var(--rx) + 30px);top:calc(34% - 150px - var(--ry));transform:translate(-50%,-50%);animation:hchipL 6.5s var(--ease) infinite}
.hchip:nth-child(2):where(:root.page-home,:root.page-home *){left:calc(50% - var(--rx) - 20px);top:calc(34% - 110px + var(--ry));transform:translate(-50%,-50%);animation:hchipL 6.5s var(--ease) infinite;animation-delay:-2.2s}
.hchip:nth-child(3):where(:root.page-home,:root.page-home *){left:calc(50% + var(--rx) - 30px);top:calc(34% - 150px - var(--ry));transform:translate(-50%,-50%);animation:hchipR 6.5s var(--ease) infinite;animation-delay:-1.1s}
.hchip:nth-child(4):where(:root.page-home,:root.page-home *){left:calc(50% + var(--rx) + 30px);top:calc(34% - 110px + var(--ry));transform:translate(-50%,-50%);animation:hchipR 6.5s var(--ease) infinite;animation-delay:-3.4s}
html[data-motion="off"] .hchip:where(:root.page-home,:root.page-home *){animation:none}
.hchip:where(:root.page-home,:root.page-home *)::before{content:"";position:absolute;inset:0;border-radius:26px;padding:1.4px;pointer-events:none; background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.05) 70%,transparent); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.hc-inner:where(:root.page-home,:root.page-home *){width:80%;height:80%;border-radius:18px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:6px; box-shadow:0 12px 26px -12px rgba(70,18,28,.5)}
.hchip .hc-fig:where(:root.page-home,:root.page-home *){height:clamp(44px,4.6vw,58px);width:auto;max-width:92%;display:block}
.hchip:first-child .hc-fig:where(:root.page-home,:root.page-home *){height:clamp(58px,6.1vw,78px)}
.hc-nm:where(:root.page-home,:root.page-home *){font-size:clamp(11px,1vw,13px);font-weight:600;color:var(--wine);letter-spacing:-0.01em}

/* dashboard stage */
.stage:where(:root.page-home,:root.page-home *){position:relative;border-radius:16px;background:var(--paper); border:1px solid var(--line);box-shadow:var(--shadow-lg);overflow:hidden}
.stage-bar:where(:root.page-home,:root.page-home *){display:flex;align-items:center;gap:14px;padding:12px 14px;border-bottom:1px solid var(--line-2);background:var(--paper-2)}
.win-dots:where(:root.page-home,:root.page-home *){display:flex;gap:6px}
.win-dots i:where(:root.page-home,:root.page-home *){width:10px;height:10px;border-radius:50%;background:#DAD7D0;display:block}
.stage-addr:where(:root.page-home,:root.page-home *){flex:1;display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--ink-3);background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:5px 10px;min-width:0}
.stage-addr .lock:where(:root.page-home,:root.page-home *){color:var(--accent)}
.stage-addr .url:where(:root.page-home,:root.page-home *){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stage-live:where(:root.page-home,:root.page-home *){display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:#16804a}
.stage-live i:where(:root.page-home,:root.page-home *){width:6px;height:6px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 0 rgba(22,163,74,.5);animation:livePulse 2.4s infinite}
.stage-tabs:where(:root.page-home,:root.page-home *){position:relative;display:flex;gap:4px;padding:8px 10px;border-bottom:1px solid var(--line-2)}
.tab-ind:where(:root.page-home,:root.page-home *){position:absolute;top:8px;left:0;height:calc(100% - 16px);width:0;background:var(--paper-2);border:1px solid var(--line);border-radius:8px;z-index:0;pointer-events:none}
.stab:where(:root.page-home,:root.page-home *){position:relative;z-index:1;flex:1 1 0;min-width:0;overflow:hidden; display:inline-flex;align-items:center;justify-content:center;gap:6px; font-size:12px;font-weight:600;letter-spacing:-0.01em;color:var(--ink-3); padding:8px 6px;border-radius:8px;border:1px solid transparent;background:transparent;transition:color .2s var(--ease)}
.stab .gl:where(:root.page-home,:root.page-home *){width:17px;height:17px;border-radius:5px;display:grid;place-items:center;font-family:var(--font-mono);font-size:7.5px;font-weight:600;color:#fff;background:var(--ink-3);transition:background .2s;flex:none}
.stab-tx:where(:root.page-home,:root.page-home *){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.stab:hover:where(:root.page-home,:root.page-home *){color:var(--ink)}
.stab.is-active:where(:root.page-home,:root.page-home *){color:var(--ink)}
.stab.is-active .gl:where(:root.page-home,:root.page-home *){background:var(--wine)}
.stage-body:where(:root.page-home,:root.page-home *){position:relative;aspect-ratio:16/10.2;background:var(--paper-2);overflow:hidden}
.panel-track:where(:root.page-home,:root.page-home *){display:flex;height:100%;width:100%;will-change:transform}
.panel:where(:root.page-home,:root.page-home *){flex:0 0 100%;height:100%;padding:20px;opacity:1;pointer-events:auto}

/* video placeholder */
.vplace:where(:root.page-home,:root.page-home *){position:relative;width:100%;height:100%;border-radius:11px;overflow:hidden;background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column}
.vplace-top:where(:root.page-home,:root.page-home *){display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid var(--line-2)}
.vplace-top .vt:where(:root.page-home,:root.page-home *){font-weight:600;font-size:13.5px}
.vplace-top .vmeta:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--ink-3)}
.poster:where(:root.page-home,:root.page-home *){position:relative;flex:1;overflow:hidden;background: radial-gradient(120% 120% at 80% 0%, var(--paper-2), var(--paper))}
.poster-dots:where(:root.page-home,:root.page-home *){position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1px,transparent 1px);background-size:18px 18px;opacity:.6;-webkit-mask-image:linear-gradient(transparent,#000 30%);mask-image:linear-gradient(transparent,#000 30%)}
.play:where(:root.page-home,:root.page-home *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3; width:64px;height:64px;border-radius:50%;background:var(--wine);border:0; display:grid;place-items:center;box-shadow:0 16px 40px -12px rgba(155,27,46,.6);transition:.25s var(--ease)}
.play:where(:root.page-home,:root.page-home *)::after{content:"";width:0;height:0;border-left:17px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:4px}
.play:hover:where(:root.page-home,:root.page-home *){transform:translate(-50%,-50%) scale(1.07)}
.play-ring:where(:root.page-home,:root.page-home *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;border:1px solid var(--wine-line);z-index:2;animation:ring 3s var(--ease) infinite}
.vcap:where(:root.page-home,:root.page-home *){position:absolute;left:14px;bottom:13px;z-index:3;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--ink-3);background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:5px 9px;border-radius:6px;border:1px solid var(--line)}

/* faux dashboard rows inside poster */
.fx:where(:root.page-home,:root.page-home *){position:absolute;border-radius:7px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.fx-row:where(:root.page-home,:root.page-home *){display:flex;align-items:center;gap:9px;padding:9px 12px}
.fx-ic:where(:root.page-home,:root.page-home *){width:24px;height:24px;border-radius:6px;background:var(--accent-soft);flex:none}
.fx-bar:where(:root.page-home,:root.page-home *){height:7px;border-radius:4px;background:var(--paper-3)}
.fx-chip:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:9px;letter-spacing:.05em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:2px 6px}
.fx-col:where(:root.page-home,:root.page-home *){display:flex;flex-direction:column;justify-content:flex-end;gap:0;align-items:center}
.fx-colbar:where(:root.page-home,:root.page-home *){width:18px;border-radius:3px 3px 0 0;background:var(--accent);opacity:.85}
.fx-colbar.lo:where(:root.page-home,:root.page-home *){background:var(--paper-3)}
.fx-colbar.wine:where(:root.page-home,:root.page-home *){background:var(--wine)}

/* floating controls */
.stage-ctrl:where(:root.page-home,:root.page-home *){position:absolute;right:16px;bottom:16px;z-index:6;display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:100px;padding:6px;box-shadow:var(--shadow-md)}
.stage-ctrl button:where(:root.page-home,:root.page-home *){width:30px;height:30px;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--ink-2);display:grid;place-items:center;transition:.18s}
.stage-ctrl button:hover:where(:root.page-home,:root.page-home *){background:var(--paper-2);color:var(--ink)}
.dots:where(:root.page-home,:root.page-home *){display:flex;gap:6px;padding:0 4px}
.dots i:where(:root.page-home,:root.page-home *){width:6px;height:6px;border-radius:50%;background:var(--line);transition:.25s;cursor:pointer}
.dots i.on:where(:root.page-home,:root.page-home *){background:var(--wine);width:18px;border-radius:4px}

/* ============================ TRUST BAR (left text · right logo cloud) ============================ */
.trustbar:where(:root.page-home,:root.page-home *){background:var(--paper);padding-block:70px}
.trustbar-in:where(:root.page-home,:root.page-home *){display:grid;grid-template-columns:minmax(180px,0.66fr) 1.7fr;gap:clamp(20px,3.2vw,48px);align-items:center}
.trustbar-label:where(:root.page-home,:root.page-home *){font-size:clamp(18px,1.95vw,24px);font-weight:600;letter-spacing:-0.01em;color:var(--ink);line-height:1.3;display:block;max-width:22ch}
.tb-marquee:where(:root.page-home,:root.page-home *){position:relative;overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.tb-track:where(:root.page-home,:root.page-home *){display:flex;align-items:center;width:max-content;gap:clamp(34px,3.8vw,60px);animation:tbScroll 36s linear infinite}
.tb-marquee:hover .tb-track:where(:root.page-home,:root.page-home *){animation-play-state:paused}
html[data-motion="off"] .tb-track:where(:root.page-home,:root.page-home *){animation:none}
.tb-logo:where(:root.page-home,:root.page-home *){display:inline-flex;align-items:center;justify-content:center;flex:none;transition:filter .25s var(--ease),opacity .25s var(--ease)}
.tb-logo img:where(:root.page-home,:root.page-home *){display:block;width:auto;object-fit:contain;transition:opacity .25s var(--ease),transform .25s var(--ease)}
.tb-logo.tb-wm img:where(:root.page-home,:root.page-home *){height:clamp(20px,1.98vw,26px);max-width:165px}
.tb-logo.tb-sq img:where(:root.page-home,:root.page-home *){height:clamp(31px,3.08vw,42px);max-width:77px}
.tb-logo:hover img:where(:root.page-home,:root.page-home *){transform:scale(1.06)}

/* ============================ MILESTONE JOURNEY ============================ */
.journey:where(:root.page-home,:root.page-home *){position:relative;--jpt:60px;padding-block:var(--jpt) 60px}
.journey:where(:root.page-home,:root.page-home *)::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;z-index:0;pointer-events:none; background:repeating-linear-gradient(90deg,var(--hair) 0 7px,transparent 7px 15px);background-size:15px 1px;animation:dashFlowX 1.1s linear infinite}
html[data-motion="off"] .journey:where(:root.page-home,:root.page-home *)::before{animation:none}
.journey-head:where(:root.page-home,:root.page-home *){text-align:center;max-width:640px;margin:0 auto 40px}
.journey-head .eyebrow:where(:root.page-home,:root.page-home *){margin-bottom:18px}
.journey-head .h-section:where(:root.page-home,:root.page-home *){margin:0 auto}
.journey>.wrap:where(:root.page-home,:root.page-home *){position:relative}
.journey>.wrap:where(:root.page-home,:root.page-home *)::before,.journey>.wrap:where(:root.page-home,:root.page-home *)::after{content:"";position:absolute;top:calc(var(--jpt)*-1);bottom:0;width:1px;z-index:0;pointer-events:none; background:repeating-linear-gradient(180deg,var(--hair) 0 6px,transparent 6px 13px);background-size:1px 13px;animation:dashFlowY 1.1s linear infinite}
.journey>.wrap:where(:root.page-home,:root.page-home *)::before{left:0}
.journey>.wrap:where(:root.page-home,:root.page-home *)::after{right:0}
html[data-motion="off"] .journey>.wrap:where(:root.page-home,:root.page-home *)::before,html[data-motion="off"] .journey>.wrap:where(:root.page-home,:root.page-home *)::after{animation:none}
.journey-map:where(:root.page-home,:root.page-home *){position:relative}
.journey-curve:where(:root.page-home,:root.page-home *){position:absolute;top:0;left:0;width:100%;height:196px;z-index:0;overflow:visible}
.jc-base:where(:root.page-home,:root.page-home *){fill:none;stroke:#d8d5ce;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round}
.jc-line:where(:root.page-home,:root.page-home *){fill:none;stroke:var(--wine);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round}
.journey-row:where(:root.page-home,:root.page-home *){position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr)}
.milestone:where(:root.page-home,:root.page-home *){display:flex;flex-direction:column;align-items:center;text-align:center;padding-inline:clamp(6px,1vw,16px)}
.milestone .dot:where(:root.page-home,:root.page-home *){width:14px;height:14px;border-radius:50%;background:var(--paper);border:2px solid #cbc8c1; margin-top:calc(var(--cy) - 7px);position:relative;z-index:2;box-shadow:0 0 0 5px rgba(20,16,22,.03);transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}
.milestone .dot:where(:root.page-home,:root.page-home *)::after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--wine);transform:scale(0)}
.milestone .dot.lit:where(:root.page-home,:root.page-home *)::after{animation:dotPop .46s cubic-bezier(.34,1.56,.64,1) forwards}
html[data-motion="off"] .milestone .dot.lit:where(:root.page-home,:root.page-home *)::after{animation:none;transform:scale(1)}
.milestone .dot.lit:where(:root.page-home,:root.page-home *){border-color:var(--wine);box-shadow:0 0 0 5px color-mix(in srgb,var(--wine) 9%,transparent)}
.milestone .conn:where(:root.page-home,:root.page-home *){width:1px;height:200px; background:linear-gradient(180deg,var(--wine) calc(var(--fill,0)*100%),#d8d5ce calc(var(--fill,0)*100%))}
.milestone .mcontent:where(:root.page-home,:root.page-home *){margin-top:18px;padding-bottom:clamp(40px,5.5vw,84px)}

/* centered trust badges (top open space, above the arc) */
.journey-badges:where(:root.page-home,:root.page-home *){position:relative;z-index:3;display:inline-flex;gap:0;justify-content:center;margin:0 auto; background:linear-gradient(135deg,var(--wine-soft) 0%,#fff 45%,var(--accent-soft) 100%); border:1px solid var(--wine-line);border-radius:100px;padding:6px;box-shadow:0 18px 40px -22px rgba(120,18,28,.3)}
.journey-badges-wrap:where(:root.page-home,:root.page-home *){display:flex;justify-content:center;margin-bottom:clamp(16px,2vw,28px)}
.journey-badges .jb:where(:root.page-home,:root.page-home *){display:flex;align-items:center;gap:11px;padding:10px 24px;position:relative}
.journey-badges .jb+.jb:where(:root.page-home,:root.page-home *)::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:26px;background:var(--wine-line)}
.journey-badges .jb-ic:where(:root.page-home,:root.page-home *){width:24px;height:24px;border-radius:50%;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}
.journey-badges .jb-t b:where(:root.page-home,:root.page-home *){font-size:14px;font-weight:700;letter-spacing:-0.01em;display:block;line-height:1.05}
.journey-badges .jb-t span:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.mcontent .mnum:where(:root.page-home,:root.page-home *){font-size:clamp(30px,3.4vw,50px);font-weight:700;letter-spacing:-0.03em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.mcontent .mlbl:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:11px}

/* ============================ PRODUCT EXPLORER ============================ */
.prodx:where(:root.page-home,:root.page-home *){padding-block:70px;background:#F3F1EE}
.prodx-head:where(:root.page-home,:root.page-home *){text-align:center;margin-bottom:40px}
.prodx-head .h-section:where(:root.page-home,:root.page-home *){margin:0 auto;max-width:none}
.prodx-card:where(:root.page-home,:root.page-home *){background:var(--paper);border-radius:28px;padding:clamp(22px,2.8vw,42px)}
.prodx-tabs:where(:root.page-home,:root.page-home *){position:relative;display:flex;flex-wrap:nowrap;gap:clamp(8px,2vw,40px);margin-bottom:clamp(26px,3.2vw,44px)}
.prodx-ind:where(:root.page-home,:root.page-home *){position:absolute;top:0;left:0;height:100%;width:0;border-radius:20px 20px 2px 2px;background:var(--wine-soft);z-index:0;pointer-events:none}
.prodx-tab:where(:root.page-home,:root.page-home *){position:relative;z-index:1;flex:1 1 0;min-width:0;text-align:center;font-size:clamp(15px,1.95vw,31px);font-weight:400;letter-spacing:-0.025em;line-height:1;color:#b7adb0;background:transparent;border:0;padding:clamp(16px,1.8vw,26px) 10px;border-radius:20px 20px 2px 2px;cursor:pointer;transition:color .2s var(--ease),background .2s var(--ease)}
.prodx-tab:hover:where(:root.page-home,:root.page-home *){color:var(--wine)}
.prodx-tab:not(.is-active):hover:where(:root.page-home,:root.page-home *){background:color-mix(in srgb,var(--wine) 6%,transparent)}
.prodx-tab.is-active:where(:root.page-home,:root.page-home *){color:var(--wine);font-weight:700}
.prodx-stage:where(:root.page-home,:root.page-home *){display:grid;grid-template-columns:0.82fr 1.18fr;gap:clamp(26px,3.4vw,52px);align-items:center;background:none;border:0;box-shadow:none;padding:0;border-radius:0}
.prodx-info:where(:root.page-home,:root.page-home *){min-width:0;padding-left:clamp(2px,1.2vw,20px)}
.pi-title:where(:root.page-home,:root.page-home *){font-size:clamp(26px,3vw,42px);font-weight:700;letter-spacing:-0.03em;line-height:1.04;margin:0 0 16px;text-wrap:balance}
.pi-desc:where(:root.page-home,:root.page-home *){font-size:16px;color:var(--ink-2);line-height:1.6;max-width:42ch}
.pi-link:where(:root.page-home,:root.page-home *){margin-top:26px}
.pi-link.link-arrow:where(:root.page-home,:root.page-home *){color:var(--wine);border-bottom:0;padding:10px 18px;border-radius:100px;background:transparent;border:1px solid var(--wine-line);transition:background .22s var(--ease),border-color .22s var(--ease),color .22s}
.pi-link.link-arrow:hover:where(:root.page-home,:root.page-home *){background:var(--wine-soft);border-color:var(--wine)}
.pi-link.link-arrow .arr:where(:root.page-home,:root.page-home *){color:var(--wine)}
.prodx-viz:where(:root.page-home,:root.page-home *){position:relative;min-height:360px;border-radius:20px;overflow:visible;padding:0;display:flex;align-items:center;justify-content:center;background:transparent}
.prodx-figstack:where(:root.page-home,:root.page-home *){position:relative;width:100%;aspect-ratio:1536/1024}
.prodx-fig:where(:root.page-home,:root.page-home *){position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(.985);transition:opacity .5s var(--ease),transform .6s var(--ease);pointer-events:none}
.prodx-fig.is-active:where(:root.page-home,:root.page-home *){opacity:1;transform:none}
.prodx-vidframe:where(:root.page-home,:root.page-home *){width:100%;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow-lg)}
.pvf-bar:where(:root.page-home,:root.page-home *){display:none;align-items:center;gap:12px;padding:11px 16px;background:var(--paper-2);border-bottom:1px solid var(--line-2)}
.pvf-dots:where(:root.page-home,:root.page-home *){display:flex;gap:6px}
.pvf-dots i:where(:root.page-home,:root.page-home *){width:10px;height:10px;border-radius:50%;background:#d8d5ce;display:block}
.pvf-url:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:11px;color:var(--ink-3);background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:4px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pvf-screen:where(:root.page-home,:root.page-home *){position:relative;aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background: radial-gradient(120% 120% at 50% 0%, var(--paper-2), var(--paper));overflow:hidden}
.pvf-screen:where(:root.page-home,:root.page-home *)::before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1.1px,transparent 1.1px);background-size:22px 22px;opacity:.5;-webkit-mask-image:radial-gradient(circle at 50% 42%,#000,transparent 70%);mask-image:radial-gradient(circle at 50% 42%,#000,transparent 70%)}
.pvf-play:where(:root.page-home,:root.page-home *){position:relative;z-index:1;width:66px;height:66px;border-radius:50%;background:var(--wine);box-shadow:0 16px 40px -12px rgba(155,27,46,.6);display:grid;place-items:center}
.pvf-play:where(:root.page-home,:root.page-home *)::after{content:"";width:0;height:0;border-left:18px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}
.pvf-cap:where(:root.page-home,:root.page-home *){position:relative;z-index:1;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.pvf-img:where(:root.page-home,:root.page-home *){width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:1}
.prodx-viz:where(:root.page-home,:root.page-home *)::before{content:none}
.viz-panel:where(:root.page-home,:root.page-home *){position:absolute;inset:clamp(20px,2.4vw,34px);opacity:0;visibility:hidden;align-items:center}
.viz-panel.is-active:where(:root.page-home,:root.page-home *){position:relative;inset:auto;width:100%;opacity:1;visibility:visible;display:flex}
.vframe:where(:root.page-home,:root.page-home *){width:100%}
.vmedia:where(:root.page-home,:root.page-home *){position:relative;aspect-ratio:16/9;background:var(--ink);overflow:hidden}
.prodx-vid:where(:root.page-home,:root.page-home *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.prodx-shot:where(:root.page-home,:root.page-home *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.pv-float:where(:root.page-home,:root.page-home *){position:absolute;z-index:4;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:13px;padding:11px 14px;box-shadow:0 18px 40px -20px rgba(40,8,16,.5)}
.pv-f1:where(:root.page-home,:root.page-home *){left:-16px;top:20%;animation:floatCard 6.5s var(--ease) infinite}
.pv-f2:where(:root.page-home,:root.page-home *){right:-14px;bottom:15%;flex-direction:column;align-items:flex-start;gap:2px;animation:floatCard 7.5s var(--ease) infinite reverse}
.pv-check:where(:root.page-home,:root.page-home *){width:28px;height:28px;border-radius:50%;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;font-weight:700;font-size:13px;flex:none}
.pv-tx b:where(:root.page-home,:root.page-home *),.pv-big:where(:root.page-home,:root.page-home *){font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-0.01em;display:block}
.pv-big:where(:root.page-home,:root.page-home *){font-size:21px}
.pv-tx span:where(:root.page-home,:root.page-home *),.pv-f2 span:where(:root.page-home,:root.page-home *){font-size:11px;color:var(--ink-3)}
.vframe:where(:root.page-home,:root.page-home *){border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper-2);box-shadow:var(--shadow-sm)}
.vbar:where(:root.page-home,:root.page-home *){display:flex;align-items:center;gap:12px;padding:11px 14px;background:var(--paper);border-bottom:1px solid var(--line-2)}
.vdots:where(:root.page-home,:root.page-home *){display:flex;gap:5px}
.vdots i:where(:root.page-home,:root.page-home *){width:9px;height:9px;border-radius:50%;background:#DAD7D0;display:block}
.vttl:where(:root.page-home,:root.page-home *){font-size:12.5px;font-weight:600;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vlive:where(:root.page-home,:root.page-home *){margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;color:#16804a;flex:none}
.vlive i:where(:root.page-home,:root.page-home *){width:6px;height:6px;border-radius:50%;background:#16a34a;display:block}
.vbody:where(:root.page-home,:root.page-home *){padding:18px;display:flex;flex-direction:column;gap:14px}
.vtop:where(:root.page-home,:root.page-home *){display:flex;gap:16px;align-items:center}
.donut:where(:root.page-home,:root.page-home *){position:relative;width:96px;height:96px;flex:none}
.donut svg:where(:root.page-home,:root.page-home *){width:100%;height:100%;transform:rotate(-90deg)}
.donut .d-bg:where(:root.page-home,:root.page-home *){fill:none;stroke:var(--line);stroke-width:3.4}
.donut .d-fg:where(:root.page-home,:root.page-home *){fill:none;stroke:var(--wine);stroke-width:3.4;stroke-linecap:round;stroke-dasharray:100.5;stroke-dashoffset:100.5}
.donut .d-c:where(:root.page-home,:root.page-home *){position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.donut .d-c b:where(:root.page-home,:root.page-home *){font-size:22px;font-weight:700;letter-spacing:-0.02em}
.donut .d-c i:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:9px;color:var(--ink-3);font-style:normal}
.vtiles:where(:root.page-home,:root.page-home *){display:flex;gap:12px;flex:1}
.vtiles.wide:where(:root.page-home,:root.page-home *){width:100%}
.vtile:where(:root.page-home,:root.page-home *){flex:1;border:1px solid var(--line);border-radius:11px;background:var(--paper);padding:14px 16px}
.vtile b:where(:root.page-home,:root.page-home *){font-size:clamp(20px,2.2vw,26px);font-weight:700;letter-spacing:-0.02em;display:block}
.vtile span:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:6px;display:block}
.vlist:where(:root.page-home,:root.page-home *){display:flex;flex-direction:column;gap:8px}
.vli:where(:root.page-home,:root.page-home *){display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;color:var(--ink-2);background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:9px 12px}
.vli em:where(:root.page-home,:root.page-home *){font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vli-ic:where(:root.page-home,:root.page-home *){width:16px;height:16px;border-radius:4px;background:var(--wine-soft);flex:none}
.vli-tag:where(:root.page-home,:root.page-home *){margin-left:auto;font-size:9px;letter-spacing:.06em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:2px 7px;flex:none}
.vli-tag.ok:where(:root.page-home,:root.page-home *){color:#16804a;border-color:rgba(22,128,74,.3)}
.vpipe:where(:root.page-home,:root.page-home *){display:flex;gap:10px}
.vstage:where(:root.page-home,:root.page-home *){flex:1;border:1px solid var(--line);border-radius:11px;background:var(--paper);padding:13px;text-align:center}
.vstage .vs-n:where(:root.page-home,:root.page-home *){font-size:22px;font-weight:700;letter-spacing:-0.02em;display:block}
.vstage .vs-l:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:5px;display:block}
.vstage.on:where(:root.page-home,:root.page-home *){border-color:var(--wine);background:var(--wine-soft)}
.vchart:where(:root.page-home,:root.page-home *){display:flex;align-items:flex-end;gap:12px;height:92px;padding-top:6px}
.vbarc:where(:root.page-home,:root.page-home *){flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;height:100%}
.vbarc .bf:where(:root.page-home,:root.page-home *){width:100%;border-radius:5px 5px 0 0;background:var(--accent);height:0}
.vbarc .bf.wine:where(:root.page-home,:root.page-home *){background:var(--wine)}
.vbarc i:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:9px;color:var(--ink-3);font-style:normal}
.vfoot:where(:root.page-home,:root.page-home *){display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line-2);padding-top:12px;font-size:13px;color:var(--ink-2)}
.vfoot b:where(:root.page-home,:root.page-home *){color:var(--wine);font-weight:700}
.vflow:where(:root.page-home,:root.page-home *){display:flex;align-items:center;gap:0}
.vnode:where(:root.page-home,:root.page-home *){flex:none;font-family:var(--font-mono);font-size:11px;color:var(--ink-2);border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:var(--paper)}
.vnode.done:where(:root.page-home,:root.page-home *){color:#16804a;border-color:rgba(22,128,74,.3)}
.vnode.cur:where(:root.page-home,:root.page-home *){color:#fff;background:var(--wine);border-color:var(--wine)}
.vlk:where(:root.page-home,:root.page-home *){flex:1;height:1px;background:var(--line);min-width:12px}
.vseg:where(:root.page-home,:root.page-home *){display:flex;height:30px;border-radius:8px;overflow:hidden;border:1px solid var(--line)}
.vseg .sf:where(:root.page-home,:root.page-home *){height:100%;width:0}
.vseg .sf.a:where(:root.page-home,:root.page-home *){background:var(--wine)}
.vseg .sf.b:where(:root.page-home,:root.page-home *){background:var(--accent)}
.vseg .sf.c:where(:root.page-home,:root.page-home *){background:var(--paper-3)}
.vseg-key:where(:root.page-home,:root.page-home *){display:flex;flex-wrap:wrap;gap:14px;font-family:var(--font-mono);font-size:9.5px;color:var(--ink-2)}
.vseg-key i:where(:root.page-home,:root.page-home *){width:9px;height:9px;border-radius:3px;display:inline-block;margin-right:5px;vertical-align:middle}
.vseg-key i.a:where(:root.page-home,:root.page-home *){background:var(--wine)}
.vseg-key i.b:where(:root.page-home,:root.page-home *){background:var(--accent)}
.vseg-key i.c:where(:root.page-home,:root.page-home *){background:var(--paper-3)}

/* stat band */
.statband:where(:root.page-home,:root.page-home *){display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper)}
.statband .sc:where(:root.page-home,:root.page-home *){padding:clamp(26px,3vw,38px) clamp(18px,2vw,30px);border-right:1px solid var(--line)}
.statband .sc:last-child:where(:root.page-home,:root.page-home *){border-right:0}

/* ============================ ANECDOTES (carousel) ============================ */
.anec-head:where(:root.page-home,:root.page-home *){display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:40px}
.anec-nav:where(:root.page-home,:root.page-home *){display:flex;gap:10px}
.anec-nav button:where(:root.page-home,:root.page-home *){width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);display:grid;place-items:center;transition:.2s}
.anec-nav button:hover:where(:root.page-home,:root.page-home *){border-color:var(--ink);background:var(--paper-2)}
.anec-nav button:disabled:where(:root.page-home,:root.page-home *){opacity:.35;cursor:default}
.anec-track-wrap:where(:root.page-home,:root.page-home *){overflow:hidden;padding-block:6px}
.anec-track:where(:root.page-home,:root.page-home *){display:flex;gap:24px}
.anec-card:where(:root.page-home,:root.page-home *){position:relative;flex:0 0 min(680px,90vw);height:clamp(360px,42vw,460px); border-radius:22px;overflow:hidden;background:var(--ink);isolation:isolate}
.anec-img:where(:root.page-home,:root.page-home *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0; transform:scale(1.02);transition:transform .8s var(--ease)}
.anec-card:hover .anec-img:where(:root.page-home,:root.page-home *){transform:scale(1.07)}
.anec-shade:where(:root.page-home,:root.page-home *){position:absolute;inset:0;z-index:1; background:linear-gradient(183deg,rgba(20,16,18,.18) 0%,rgba(20,16,18,0) 26%,rgba(20,16,18,.62) 64%,rgba(20,16,18,.92) 100%);background:rgba(20,16,18,0.5)}
.anec-body:where(:root.page-home,:root.page-home *){position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(22px,2.4vw,32px);color:#fff}
.anec-chip:where(:root.page-home,:root.page-home *){align-self:flex-start;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#fff; background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:7px 13px;border-radius:100px}
.anec-bottom h3:where(:root.page-home,:root.page-home *){font-size:clamp(22px,2.2vw,29px);font-weight:700;letter-spacing:-0.025em;line-height:1.08;margin-bottom:12px;text-wrap:balance;max-width:18ch}
.anec-bottom p:where(:root.page-home,:root.page-home *){font-size:15px;line-height:1.55;color:rgba(255,255,255,.82);max-width:46ch;text-wrap:pretty}
.anec-stats:where(:root.page-home,:root.page-home *){display:none}
.anec-link:where(:root.page-home,:root.page-home *){display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-weight:600;font-size:14.5px;color:#fff}
.anec-link .arr:where(:root.page-home,:root.page-home *){transition:transform .25s var(--ease)}
.anec-card:hover .anec-link .arr:where(:root.page-home,:root.page-home *){transform:translateX(4px)}

/* ============================ ECOSYSTEM ============================ */
.eco-head:where(:root.page-home,:root.page-home *){margin-bottom:clamp(48px,6vw,84px)}
.eco-rows:where(:root.page-home,:root.page-home *){display:flex;flex-direction:column;gap:clamp(56px,7vw,110px);margin-bottom:clamp(44px,5vw,72px)}
.eco-row:where(:root.page-home,:root.page-home *){display:grid;grid-template-columns:0.82fr 1.18fr;gap:clamp(36px,5vw,80px);align-items:center}
.eco-info:where(:root.page-home,:root.page-home *){min-width:0}
.eco-rowhead:where(:root.page-home,:root.page-home *){display:flex;align-items:center;gap:13px;margin-bottom:22px}
.eco-num:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--ink-3);letter-spacing:.04em}
.eco-glyph:where(:root.page-home,:root.page-home *){width:44px;height:44px;border-radius:11px;display:grid;place-items:center;font-family:var(--font-mono);font-size:13px;font-weight:600;color:#fff;background:var(--accent);flex:none}
.eco-row[data-k="ts"] .eco-glyph:where(:root.page-home,:root.page-home *){background:var(--accent)}
.eco-row[data-k="cv"] .eco-glyph:where(:root.page-home,:root.page-home *){background:var(--accent)}
.eco-row[data-k="nx"] .eco-glyph:where(:root.page-home,:root.page-home *){background:var(--accent)}
.eco-row[data-k="ck"] .eco-glyph:where(:root.page-home,:root.page-home *){background:var(--accent)}
.eco-badge:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;color:var(--ink-2);border:1px solid var(--line);border-radius:6px;padding:4px 8px;text-transform:uppercase}
.eco-rowhead .eco-badge:where(:root.page-home,:root.page-home *){margin-left:auto}
.eco-name:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--wine);margin-bottom:14px}
.eco-h:where(:root.page-home,:root.page-home *){font-size:clamp(25px,2.9vw,38px);font-weight:700;letter-spacing:-0.03em;line-height:1.04;margin-bottom:18px;text-wrap:balance;max-width:15ch}
.eco-desc:where(:root.page-home,:root.page-home *){font-size:clamp(15px,1.4vw,17px);color:var(--ink-2);line-height:1.6;max-width:46ch;margin-bottom:24px;text-wrap:pretty}
.eco-tags:where(:root.page-home,:root.page-home *){display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.eco-info .link-arrow:where(:root.page-home,:root.page-home *){font-size:15px}

/* product image placeholder (client-provided) */
.eco-media:where(:root.page-home,:root.page-home *){min-width:0}
.media-frame:where(:root.page-home,:root.page-home *){border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper);box-shadow:var(--shadow-md)}
.media-bar:where(:root.page-home,:root.page-home *){display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line-2);background:var(--paper-2)}
.media-bar .md-dots:where(:root.page-home,:root.page-home *){display:flex;gap:6px;flex:none}
.media-bar .md-dots i:where(:root.page-home,:root.page-home *){width:10px;height:10px;border-radius:50%;background:#DAD7D0;display:block}
.media-bar .md-title:where(:root.page-home,:root.page-home *){font-size:13px;font-weight:600;color:var(--ink-2);letter-spacing:-0.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.media-bar .md-tag:where(:root.page-home,:root.page-home *){margin-left:auto;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:3px 7px;flex:none}
.media-body:where(:root.page-home,:root.page-home *){position:relative;aspect-ratio:16/10.5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--paper-2);overflow:hidden}
.media-body:where(:root.page-home,:root.page-home *)::before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1.1px,transparent 1.1px);background-size:22px 22px;opacity:.55;-webkit-mask-image:radial-gradient(circle at 50% 44%,#000,transparent 70%);mask-image:radial-gradient(circle at 50% 44%,#000,transparent 70%)}
.media-icon:where(:root.page-home,:root.page-home *){width:74px;height:74px;border-radius:18px;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow-sm);display:grid;place-items:center;color:var(--ink-3);z-index:1}
.eco-row[data-k="ts"] .media-icon:where(:root.page-home,:root.page-home *){color:var(--accent)}
.eco-row[data-k="cv"] .media-icon:where(:root.page-home,:root.page-home *){color:var(--accent)}
.eco-row[data-k="ck"] .media-icon:where(:root.page-home,:root.page-home *){color:var(--accent)}
.media-cap:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);z-index:1}
.eco-substrate:where(:root.page-home,:root.page-home *){margin-top:0;text-align:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);display:flex;align-items:center;justify-content:center;gap:10px}
.eco-substrate:where(:root.page-home,:root.page-home *)::before,.eco-substrate:where(:root.page-home,:root.page-home *)::after{content:"";height:1px;flex:1;max-width:120px;background:var(--line)}

/* ============================ ENTERPRISE GAP ============================ */
.gap:where(:root.page-home,:root.page-home *){background:var(--paper-2)}
.gap-head:where(:root.page-home,:root.page-home *){max-width:780px;margin-bottom:54px}
.sym-grid:where(:root.page-home,:root.page-home *){display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.sym:where(:root.page-home,:root.page-home *){grid-column:span 2;border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:24px;display:flex;flex-direction:column;transition:.25s var(--ease)}
.sym:nth-child(4):where(:root.page-home,:root.page-home *){grid-column:span 3}
.sym:nth-child(5):where(:root.page-home,:root.page-home *){grid-column:span 3}
.sym:hover:where(:root.page-home,:root.page-home *){box-shadow:var(--shadow-md);transform:translateY(-2px)}
.sym .sk:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--wine);margin-bottom:14px}
.sym h4:where(:root.page-home,:root.page-home *){font-size:17px;font-weight:600;letter-spacing:-0.015em;margin-bottom:9px}
.sym p:where(:root.page-home,:root.page-home *){font-size:13.5px;color:var(--ink-2);line-height:1.5;margin-bottom:18px}
.sym .sviz:where(:root.page-home,:root.page-home *){margin-top:auto;display:flex;flex-direction:column;gap:6px}
.faux-line:where(:root.page-home,:root.page-home *){display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:6px;padding:6px 9px}
.faux-line .t:where(:root.page-home,:root.page-home *){margin-left:auto;color:var(--ink-3)}
.faux-line.bad:where(:root.page-home,:root.page-home *){color:var(--wine);border-color:var(--wine-line);background:var(--wine-soft)}
.gap-answer:where(:root.page-home,:root.page-home *){margin-top:30px;border:1px solid var(--ink);border-radius:18px;background:var(--ink);color:#fff;padding:clamp(32px,4vw,52px);display:grid;grid-template-columns:1.4fr 1fr;gap:36px;align-items:center}
.gap-answer .ga-k:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:18px;display:flex;align-items:center;gap:9px}
.gap-answer .ga-k:where(:root.page-home,:root.page-home *)::before{content:"";width:7px;height:7px;border-radius:2px;background:var(--wine)}
.gap-answer h3:where(:root.page-home,:root.page-home *){font-size:clamp(24px,2.8vw,36px);font-weight:700;letter-spacing:-0.025em;line-height:1.05;text-wrap:balance}
.gap-answer p:where(:root.page-home,:root.page-home *){color:rgba(255,255,255,.72);font-size:15.5px;line-height:1.6;margin-top:18px;max-width:52ch}
.gap-answer .ga-cta:where(:root.page-home,:root.page-home *){display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.btn-wine-ghost:where(:root.page-home,:root.page-home *){background:transparent;color:#fff;border:1px solid rgba(255,255,255,.28)}
.btn-wine-ghost:hover:where(:root.page-home,:root.page-home *){background:rgba(255,255,255,.08);border-color:#fff}

/* ============================ ARCHITECTURE (callout) ============================ */
.archx-callout:where(:root.page-home,:root.page-home *){position:relative;border:1px solid rgba(255,255,255,.18);border-radius:32px;padding:clamp(32px,4.5vw,64px);overflow:hidden; background: radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,.12), transparent 60%), linear-gradient(165deg,#B23a4a 0%,#8E1B2C 52%,#67121F 100%); color:#fff; box-shadow:0 40px 90px -46px rgba(70,18,28,.7), 0 0 0 7px rgba(155,27,46,.08)}
.archx-top:where(:root.page-home,:root.page-home *){position:relative;z-index:1;display:grid;grid-template-columns:42% 1fr;gap:clamp(28px,3.5vw,56px);align-items:center}
.archx-callout:where(:root.page-home,:root.page-home *)::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none; background-image:radial-gradient(circle, rgba(255,255,255,.14) 1.2px, transparent 1.2px);background-size:26px 26px;opacity:.6}
.archx-left:where(:root.page-home,:root.page-home *),.archx-right:where(:root.page-home,:root.page-home *){position:relative;z-index:1}
.archx-left .kicker:where(:root.page-home,:root.page-home *){display:block;margin-bottom:18px;color:rgba(255,255,255,.6)}
.archx-left .kicker:where(:root.page-home,:root.page-home *)::before{background:#fff}
.archx-title:where(:root.page-home,:root.page-home *){font-size:clamp(26px,3.2vw,42px);font-weight:700;letter-spacing:-0.03em;line-height:1.04;text-wrap:balance;margin-bottom:18px;color:#fff}
.archx-lede:where(:root.page-home,:root.page-home *){font-size:clamp(15px,1.35vw,18px);color:rgba(255,255,255,.8);line-height:1.6;max-width:42ch;margin-bottom:28px}
.archx-cta:where(:root.page-home,:root.page-home *){border-radius:100px;background:#fff;color:var(--wine-deep)}
.archx-cta:hover:where(:root.page-home,:root.page-home *){background:#fff;transform:translateY(-2px);box-shadow:0 16px 36px -14px rgba(0,0,0,.45)}

/* diagram placeholder — client to provide */
.archx-diagram--ph:where(:root.page-home,:root.page-home *){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px; min-height:clamp(220px,24vw,300px);border:1.5px dashed rgba(255,255,255,.3);border-radius:18px; background:rgba(255,255,255,.05);text-align:center;padding:30px}
.axd-ph-ic:where(:root.page-home,:root.page-home *){width:60px;height:60px;border-radius:15px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;color:#fff}
.archx-diagram--ph b:where(:root.page-home,:root.page-home *){font-size:16px;font-weight:700;color:#fff;letter-spacing:-0.01em}
.axd-ph-sub:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.axd-col:where(:root.page-home,:root.page-home *){display:flex;flex-direction:column;gap:8px;align-items:stretch;min-width:0}
.axd-lbl:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:4px;text-align:center}
.axd-flow span:where(:root.page-home,:root.page-home *){width:18px;height:2px;border-radius:2px;background:rgba(255,255,255,.3)}
.axd-flow span:nth-child(2):where(:root.page-home,:root.page-home *){width:24px;background:rgba(255,255,255,.6)}
.axd-chip:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--ink-2);background:var(--paper);border:1px solid rgba(20,16,22,.05);border-radius:9px;padding:9px 12px;text-align:center;box-shadow:0 12px 28px -16px rgba(42,30,48,.4)}
.axd-chip.wine:where(:root.page-home,:root.page-home *){color:var(--wine);border-color:var(--wine-line);background:var(--wine-soft)}
.axd-flow:where(:root.page-home,:root.page-home *){display:flex;flex-direction:column;gap:4px;flex:none}
.axd-flow span:where(:root.page-home,:root.page-home *){width:18px;height:2px;border-radius:2px;background:var(--wine-line)}
.axd-flow span:nth-child(2):where(:root.page-home,:root.page-home *){width:24px;background:var(--wine)}
.axd-core:where(:root.page-home,:root.page-home *){background:var(--paper);border:1px solid var(--wine-line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-md);min-width:148px}
.axd-core-top:where(:root.page-home,:root.page-home *){display:flex;align-items:center;justify-content:space-between;padding:2px 4px 8px;border-bottom:1px solid var(--line-2)}
.axd-core-top b:where(:root.page-home,:root.page-home *){font-size:13px;font-weight:700;letter-spacing:-0.01em;white-space:nowrap}
.axd-core-v:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:9px;color:var(--wine)}
.axd-layer:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:10.5px;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:7px;padding:7px 10px;transition:.2s var(--ease)}
.axd-layer:hover:where(:root.page-home,:root.page-home *){background:var(--wine-soft);border-color:var(--wine-line);color:var(--wine)}

/* capability list inside callout — borderless angled cards */
.caplist:where(:root.page-home,:root.page-home *){position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px);margin-top:clamp(34px,4vw,52px);padding-top:8px}
.capx:where(:root.page-home,:root.page-home *){display:flex;gap:13px;align-items:flex-start;position:relative; background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.05)); -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px); border:0;border-radius:16px;padding:22px 22px 24px;overflow:hidden; box-shadow:0 16px 36px -22px rgba(20,6,10,.6);transition:transform .3s var(--ease)}
.capx:hover:where(:root.page-home,:root.page-home *){transform:translateY(-2px)}
.capx:where(:root.page-home,:root.page-home *)::before{display:none}
.capx :is(h3,h4):where(:root.page-home,:root.page-home *){font-size:17px;font-weight:700;letter-spacing:-0.015em;margin-bottom:7px;color:#fff}
.capx p:where(:root.page-home,:root.page-home *){font-size:15px;color:rgba(255,255,255,.74);line-height:1.55}
.arch-cols:where(:root.page-home,:root.page-home *){position:relative;display:grid;grid-template-columns:1fr auto 1.5fr;gap:0;align-items:stretch}
.arch-sys:where(:root.page-home,:root.page-home *){padding:clamp(26px,3vw,40px);border-right:1px solid var(--line)}
.arch-colhead:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:20px;display:flex;align-items:center;gap:8px}
.sys-node:where(:root.page-home,:root.page-home *){display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper-2);margin-bottom:10px;transition:.25s var(--ease)}
.sys-node:hover:where(:root.page-home,:root.page-home *){border-color:var(--accent-line);background:var(--accent-soft)}
.sys-node .sn-g:where(:root.page-home,:root.page-home *){width:30px;height:30px;border-radius:7px;background:var(--paper);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:9px;font-weight:600;color:var(--ink-2);flex:none}
.sys-node .sn-t b:where(:root.page-home,:root.page-home *){font-size:13.5px;font-weight:600;display:block}
.sys-node .sn-t span:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:9.5px;color:var(--ink-3);letter-spacing:.02em}
.arch-flow:where(:root.page-home,:root.page-home *){width:74px;position:relative;display:grid;place-items:center}
.arch-flow .flowlbl:where(:root.page-home,:root.page-home *){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}
.arch-core:where(:root.page-home,:root.page-home *){padding:clamp(26px,3vw,40px);background:linear-gradient(180deg,var(--wine-soft),var(--paper) 70%)}
.core-card:where(:root.page-home,:root.page-home *){border:1px solid var(--wine-line);border-radius:14px;background:var(--paper);box-shadow:var(--shadow-md);overflow:hidden}
.core-top:where(:root.page-home,:root.page-home *){display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line-2)}
.core-top .ct-t:where(:root.page-home,:root.page-home *){font-size:16px;font-weight:700;letter-spacing:-0.02em}
.core-top .ct-v:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:10px;color:var(--ink-3)}
.core-layers:where(:root.page-home,:root.page-home *){padding:14px}
.layer:where(:root.page-home,:root.page-home *){display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:9px;margin-bottom:6px;transition:.25s var(--ease);border:1px solid transparent}
.layer:hover:where(:root.page-home,:root.page-home *){background:var(--wine-soft);border-color:var(--wine-line)}
.layer .ly-n:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:10px;color:var(--wine);font-weight:600;width:26px;flex:none}
.layer .ly-t b:where(:root.page-home,:root.page-home *){font-size:14px;font-weight:600;display:block;letter-spacing:-0.01em}
.layer .ly-t span:where(:root.page-home,:root.page-home *){font-size:12px;color:var(--ink-3)}
.core-out:where(:root.page-home,:root.page-home *){display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}
.out-card:where(:root.page-home,:root.page-home *){border:1px solid var(--line);border-radius:11px;padding:15px;background:var(--paper)}
.out-card .oc-k:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:9px}
.out-card b:where(:root.page-home,:root.page-home *){font-size:14px;font-weight:600;display:block;letter-spacing:-0.01em;margin-bottom:5px}
.out-card span:where(:root.page-home,:root.page-home *){font-size:12px;color:var(--ink-3);line-height:1.4}

/* capability strip below diagram */
.cap-grid:where(:root.page-home,:root.page-home *){display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:22px}
.cap:where(:root.page-home,:root.page-home *){background:var(--paper);padding:26px 24px}
.cap .cn:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:10px;color:var(--wine);margin-bottom:14px}
.cap h4:where(:root.page-home,:root.page-home *){font-size:16px;font-weight:600;letter-spacing:-0.015em;margin-bottom:9px}
.cap p:where(:root.page-home,:root.page-home *){font-size:13.5px;color:var(--ink-2);line-height:1.5;margin-bottom:14px}
.cap .ctags:where(:root.page-home,:root.page-home *){display:flex;flex-wrap:wrap;gap:6px}
.ctag:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:3px 7px;text-transform:uppercase;white-space:nowrap}

/* flow timeline */

/* ============================ LOOP CIRCUIT (decision flow) ============================ */
.loopx:where(:root.page-home,:root.page-home *){position:relative;margin-top:clamp(56px,7vw,104px);padding:0;background:none;border:0}
.loopx-head:where(:root.page-home,:root.page-home *){max-width:820px;margin:0 auto 40px;text-align:center}
.loopx-title:where(:root.page-home,:root.page-home *){margin:0 auto;text-align:center;max-width:none;text-wrap:balance}
.loopx-sub:where(:root.page-home,:root.page-home *){margin:14px auto 0;font-size:clamp(15px,1.35vw,18px);color:var(--ink-2);line-height:1.55;max-width:56ch;text-wrap:pretty}
.loopx-stage:where(:root.page-home,:root.page-home *){position:relative;margin:0 auto}
.sigx:where(:root.page-home,:root.page-home *){position:relative;aspect-ratio:1000/300;max-width:1180px;margin:64px auto;overflow:visible}
.sig-svg:where(:root.page-home,:root.page-home *){position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sig-base:where(:root.page-home,:root.page-home *){fill:none;stroke:#D8D4CD;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.sig-accent path:where(:root.page-home,:root.page-home *){fill:none;stroke:var(--wine);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.5}
.sig-ink:where(:root.page-home,:root.page-home *){fill:none;stroke:var(--wine);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 6px rgba(155,27,46,.28))}
.sig-pegs:where(:root.page-home,:root.page-home *){position:absolute;inset:0;z-index:2;pointer-events:none}
.sig-peg:where(:root.page-home,:root.page-home *){position:absolute;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:#fff;border:2px solid #D8D4CD;box-shadow:0 4px 10px -3px rgba(40,20,26,.3);transition:.35s var(--ease)}
.sig-peg.lit:where(:root.page-home,:root.page-home *){border-color:var(--wine);background:var(--wine);box-shadow:0 0 0 4px rgba(155,27,46,.16),0 6px 14px -4px rgba(155,27,46,.5)}
.sig-stem:where(:root.page-home,:root.page-home *){position:absolute;width:1.6px;margin-left:-0.8px;background:linear-gradient(var(--wine),rgba(155,27,46,.12));transform-origin:top;z-index:2;opacity:.35;transition:opacity .35s var(--ease)}
.sig-stem.lit:where(:root.page-home,:root.page-home *){opacity:1}
.loopx-steps:where(:root.page-home,:root.page-home *){position:absolute;inset:0;z-index:3}
.lxstep:where(:root.page-home,:root.page-home *){position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:clamp(126px,12vw,166px);text-align:left; background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:11px 13px;box-shadow:0 12px 28px -14px rgba(40,20,26,.26);transition:border-color .35s var(--ease),box-shadow .35s var(--ease),background .35s}
.lxstep.above:where(:root.page-home,:root.page-home *){transform:translate(-50%,calc(-100% - 13px))}
.lxstep.below:where(:root.page-home,:root.page-home *){transform:translate(-50%,13px)}
.lxstep .lxs-dot:where(:root.page-home,:root.page-home *){width:22px;height:22px;border-radius:7px;background:var(--paper-2);border:1.5px solid var(--line);display:grid;place-items:center;transition:.35s var(--ease);flex:none;position:relative}
.lxstep .lxs-dot:where(:root.page-home,:root.page-home *)::after{content:"";width:7px;height:4px;border-left:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);transform:rotate(-45deg) translateY(-1px);transition:.35s}
.lxstep b:where(:root.page-home,:root.page-home *){font-size:14px;font-weight:700;letter-spacing:-0.01em;color:var(--ink);transition:color .35s;line-height:1.12}
.lxstep .lxs-sub:where(:root.page-home,:root.page-home *){font-size:12.5px;line-height:1.42;color:var(--ink-3);transition:color .35s;text-wrap:pretty}
.lxstep.lit:where(:root.page-home,:root.page-home *){border-color:var(--wine);box-shadow:0 16px 34px -12px rgba(155,27,46,.4);z-index:6}
.lxstep.lit .lxs-dot:where(:root.page-home,:root.page-home *){border-color:var(--wine);background:var(--wine)}
.lxstep.lit .lxs-dot:where(:root.page-home,:root.page-home *)::after{border-color:#fff}
.lxstep.lit .lxs-sub:where(:root.page-home,:root.page-home *){color:var(--ink-2)}
.loopx-comet:where(:root.page-home,:root.page-home *){position:absolute;left:0;top:0;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;z-index:5; background:radial-gradient(circle,#fff 0%,var(--wine) 55%,rgba(155,27,46,0) 72%); box-shadow:0 0 16px 4px rgba(155,27,46,.7),0 0 5px 1px #fff;pointer-events:none}

/* ============================ INDUSTRY FIT ============================ */
.ind-head:where(:root.page-home,:root.page-home *){display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end;margin-bottom:40px}
.ind-tabswrap:where(:root.page-home,:root.page-home *){position:relative;display:flex;align-items:center;gap:12px;margin-bottom:34px}
.ind-arrow:where(:root.page-home,:root.page-home *){flex:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:20px;line-height:1;display:grid;place-items:center;transition:.2s var(--ease);box-shadow:var(--shadow-sm)}
.ind-arrow:hover:where(:root.page-home,:root.page-home *){border-color:var(--ink);background:var(--paper-2)}
.ind-arrow:disabled:where(:root.page-home,:root.page-home *){opacity:.3;cursor:default;box-shadow:none}
.ind-tabs:where(:root.page-home,:root.page-home *){flex:1 1 auto;min-width:0;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:6px 4px}
.ind-tabs:where(:root.page-home,:root.page-home *)::-webkit-scrollbar{display:none}
.ind-tab:where(:root.page-home,:root.page-home *){flex:none;white-space:nowrap;font-size:14px;font-weight:600;color:#9a9098;padding:9px 18px;border:1px dashed #c7bcc0;border-radius:100px;background:transparent;transition:color .2s,border-color .2s,background .2s}
.ind-tab:hover:where(:root.page-home,:root.page-home *){color:var(--wine);border-color:var(--wine-line)}
.ind-tab.is-active:where(:root.page-home,:root.page-home *){background:var(--wine-soft);color:var(--wine);border-style:solid;border-color:var(--wine)}

/* view-all industries */
.ind-morerow:where(:root.page-home,:root.page-home *){display:flex;justify-content:center;margin:-18px 0 30px}
.ind-more:where(:root.page-home,:root.page-home *){flex:none;white-space:nowrap;font-size:14px;font-weight:600;color:var(--wine);padding:11px 22px;border:1px solid var(--wine);border-radius:100px;background:var(--wine-soft);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.2s var(--ease)}
transition:.2s var(--ease)} .ind-more:hover:where(:root.page-home,:root.page-home *){background:var(--wine);color:#fff}
.ind-more .im-ic:where(:root.page-home,:root.page-home *){font-size:10px;transition:transform .25s var(--ease)}
.ind-more[aria-expanded="true"] .im-ic:where(:root.page-home,:root.page-home *){transform:rotate(180deg)}
.ind-allwrap:where(:root.page-home,:root.page-home *){margin:-14px 0 34px;border:1px solid var(--line);border-radius:20px;background:var(--paper);padding:clamp(20px,2.4vw,30px);box-shadow:var(--shadow-md)}
.ind-all-head:where(:root.page-home,:root.page-home *){display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.ind-all-close:where(:root.page-home,:root.page-home *){width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;font-size:13px;transition:.2s}
.ind-all-close:hover:where(:root.page-home,:root.page-home *){border-color:var(--ink);background:var(--paper-2)}
.ind-allgrid:where(:root.page-home,:root.page-home *){display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ind-allgrid button:where(:root.page-home,:root.page-home *){text-align:left;font-size:14px;font-weight:600;color:var(--ink-2);padding:13px 16px;border:1px dashed var(--line);border-radius:12px;background:transparent;cursor:pointer;transition:.18s var(--ease)}
.ind-allgrid button:hover:where(:root.page-home,:root.page-home *){color:var(--wine);border-color:var(--wine-line);background:var(--wine-soft)}
.ind-allgrid button.is-active:where(:root.page-home,:root.page-home *){color:var(--wine);border-style:solid;border-color:var(--wine);background:var(--wine-soft)}
.ind-tab:where(:root.page-home,:root.page-home *){flex:none;white-space:nowrap;font-size:14px;font-weight:600;color:#9a9098;padding:9px 18px;border:1px dashed #c7bcc0;border-radius:100px;background:transparent;cursor:pointer;transition:color .2s,border-color .2s,background .2s}
.ind-panel:where(:root.page-home,:root.page-home *){display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(24px,3vw,48px);align-items:stretch; border:1px solid var(--line);border-radius:24px;background:var(--paper);padding:clamp(18px,1.8vw,26px);min-height:400px}
.ind-media:where(:root.page-home,:root.page-home *){border-radius:16px;overflow:hidden;background:var(--paper-3);min-height:300px}
.ind-media img:where(:root.page-home,:root.page-home *){width:100%;height:100%;object-fit:cover;display:block}
.ind-content:where(:root.page-home,:root.page-home *){display:flex;flex-direction:column;padding:clamp(8px,1vw,16px) clamp(8px,1.4vw,22px) clamp(8px,1vw,16px) 0}
.ind-toprow:where(:root.page-home,:root.page-home *){display:flex;align-items:center;justify-content:space-between;gap:16px}
.ind-brand:where(:root.page-home,:root.page-home *){display:flex;align-items:center;gap:12px}
.ind-glyph:where(:root.page-home,:root.page-home *){width:38px;height:38px;border-radius:10px;background:var(--wine);color:#fff;display:grid;place-items:center;font-weight:700;font-size:16px;flex:none}
.ind-brand b:where(:root.page-home,:root.page-home *){font-size:17px;font-weight:700;letter-spacing:-0.02em;color:var(--ink)}
.ind-counter:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.ind-counter i:where(:root.page-home,:root.page-home *){width:24px;height:1px;background:var(--line);display:inline-block}
.ind-div:where(:root.page-home,:root.page-home *){border:0;border-top:1px solid var(--line);margin:clamp(18px,2vw,26px) 0}
.ind-cols:where(:root.page-home,:root.page-home *){display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,44px);flex:1}
.ind-cA:where(:root.page-home,:root.page-home *){display:flex;flex-direction:column}
.ind-cA h3:where(:root.page-home,:root.page-home *){font-size:clamp(22px,2.4vw,32px);font-weight:700;letter-spacing:-0.03em;line-height:1.08;text-wrap:balance}
.ind-sub:where(:root.page-home,:root.page-home *){font-size:13px;font-weight:500;color:var(--ink-3);margin-top:14px;letter-spacing:-0.005em}
.ind-learn:where(:root.page-home,:root.page-home *){margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15px;color:var(--wine);width:fit-content;padding:10px 18px;border-radius:100px;background:transparent;border:1px solid var(--wine-line);transition:background .22s var(--ease),border-color .22s var(--ease),color .22s}
.ind-learn span:where(:root.page-home,:root.page-home *){transition:transform .25s var(--ease)}
.ind-learn:hover:where(:root.page-home,:root.page-home *){color:var(--wine);background:var(--wine-soft);border-color:var(--wine)}
.ind-learn:hover span:where(:root.page-home,:root.page-home *){transform:translateX(4px)}
.ind-cB:where(:root.page-home,:root.page-home *){display:flex;flex-direction:column}
.ind-cB p:where(:root.page-home,:root.page-home *){font-size:15px;color:var(--ink-2);line-height:1.6}
.ind-rep:where(:root.page-home,:root.page-home *){display:flex;align-items:center;gap:13px;margin-top:auto;padding-top:24px}
.ind-rep-img:where(:root.page-home,:root.page-home *){width:60px;height:60px;border-radius:12px;object-fit:cover;flex:none;background:var(--paper-3)}
.ind-rep-t b:where(:root.page-home,:root.page-home *){font-size:15px;font-weight:700;letter-spacing:-0.01em;display:block;color:var(--ink)}
.ind-rep-t span:where(:root.page-home,:root.page-home *){font-size:12.5px;color:var(--ink-3);margin-top:2px;display:block}

/* ============================ REASONS (bento) ============================ */
.why-bento:where(:root.page-home,:root.page-home *){display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"a b c" "a d d";gap:16px}
.why-a:where(:root.page-home,:root.page-home *){grid-area:a}
.why-b:where(:root.page-home,:root.page-home *){grid-area:b}
.why-c:where(:root.page-home,:root.page-home *){grid-area:c}
.why-d:where(:root.page-home,:root.page-home *){grid-area:d}
.why-card:where(:root.page-home,:root.page-home *){position:relative;border:1px solid var(--line);border-radius:20px;padding:clamp(24px,2.3vw,34px);background:var(--paper);display:flex;flex-direction:column;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
.why-card:hover:where(:root.page-home,:root.page-home *){transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--ink)}
.why-icon:where(:root.page-home,:root.page-home *){width:48px;height:48px;border-radius:13px;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;flex:none;margin-bottom:22px}
.why-card h3:where(:root.page-home,:root.page-home *){font-size:clamp(19px,2vw,24px);font-weight:700;letter-spacing:-0.02em;margin-bottom:12px}
.why-card p:where(:root.page-home,:root.page-home *){font-size:15px;color:var(--ink-2);line-height:1.6;margin-bottom:18px}
.why-card .wtags:where(:root.page-home,:root.page-home *){display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}

/* feature card */
.why-feat:where(:root.page-home,:root.page-home *){background:linear-gradient(158deg,#B23a4a 0%,#8E1B2C 52%,#67121F 100%);border-color:transparent;color:#fff;justify-content:space-between;overflow:hidden}
.why-feat:where(:root.page-home,:root.page-home *)::after{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.26);pointer-events:none;animation:spinCW 26s linear infinite}
.why-feat:where(:root.page-home,:root.page-home *)::before{content:"";position:absolute;right:-110px;top:-110px;width:340px;height:340px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.16);pointer-events:none;animation:spinCCW 34s linear infinite}
html[data-motion="off"] .why-feat:where(:root.page-home,:root.page-home *)::before,html[data-motion="off"] .why-feat:where(:root.page-home,:root.page-home *)::after{animation:none}
.wf-top:where(:root.page-home,:root.page-home *){display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:1}
.wf-kick:where(:root.page-home,:root.page-home *){margin-top:10px}
.why-icon.wi-light:where(:root.page-home,:root.page-home *){background:rgba(255,255,255,.16);color:#fff;margin-bottom:0}
.wf-kick:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.wf-body:where(:root.page-home,:root.page-home *){position:relative;z-index:1;margin-top:auto;padding-top:40px}
.wf-num:where(:root.page-home,:root.page-home *){font-size:clamp(48px,5.4vw,76px);font-weight:700;letter-spacing:-0.04em;line-height:.9}
.wf-num span:where(:root.page-home,:root.page-home *){font-size:.32em;font-weight:600;letter-spacing:-0.01em;color:rgba(255,255,255,.7)}
.why-feat h3:where(:root.page-home,:root.page-home *){margin:18px 0 12px;font-size:clamp(22px,2.2vw,27px)}
.why-feat p:where(:root.page-home,:root.page-home *){color:rgba(255,255,255,.78);max-width:38ch}
.ctag.onwine:where(:root.page-home,:root.page-home *){color:#fff;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.08)}

/* wide card d */
.why-d-in:where(:root.page-home,:root.page-home *){display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-top:auto;width:100%}
.why-d-stat:where(:root.page-home,:root.page-home *){flex:none;text-align:right}
.why-d-stat b:where(:root.page-home,:root.page-home *){font-size:clamp(34px,3.6vw,52px);font-weight:700;letter-spacing:-0.03em;color:var(--wine);line-height:1;display:block}
.why-d-stat span:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:6px;display:block}
.why-d p:where(:root.page-home,:root.page-home *){margin-bottom:0;max-width:52ch}

/* ---- 6-source converging web ---- */
.itc-rowtop:where(:root.page-home,:root.page-home *){position:relative;z-index:3;height:auto;display:grid;grid-template-columns:repeat(var(--itc-n,6),1fr);align-items:start}
.itc-cell:where(:root.page-home,:root.page-home *){display:flex;justify-content:center;min-width:0}
.itc-cell>.itc-pill:where(:root.page-home,:root.page-home *){flex:none}
.itc-src:where(:root.page-home,:root.page-home *){position:relative;max-width:none;padding-inline:13px;font-size:12.8px}
.itc-src span:where(:root.page-home,:root.page-home *),.itc-src:where(:root.page-home,:root.page-home *){overflow:visible;text-overflow:clip}
.itc-web:where(:root.page-home,:root.page-home *){position:relative;z-index:2;flex:1;min-height:clamp(96px,10vw,132px);margin-top:clamp(8px,1vw,14px)}
.itc-svg:where(:root.page-home,:root.page-home *){position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.itc-p:where(:root.page-home,:root.page-home *){fill:none;stroke:var(--wine-line);stroke-width:1;stroke-dasharray:5 6}
.itc-fly:where(:root.page-home,:root.page-home *){position:absolute;left:0;top:0;font-size:13px;padding:9px 17px;z-index:4;pointer-events:none; opacity:0;offset-rotate:0deg;offset-distance:0%; animation:itcRide 24s linear infinite}
.itc-fly > *:where(:root.page-home,:root.page-home *){animation:itcLand 24s linear infinite;transform-origin:center}
html[data-motion="off"] .itc-fly:where(:root.page-home,:root.page-home *){animation:none;opacity:0}
html[data-motion="off"] .itc-fly > *:where(:root.page-home,:root.page-home *){animation:none}
/* doc image that travels along the rail instead of the logo pill */
/* width/height are copied from the matching logo card by the rail script, so both cards are the same size */
.itc-fly.itc-doc:where(:root.page-home,:root.page-home *){box-sizing:border-box;padding:8px}
.itc-doc img:where(:root.page-home,:root.page-home *){display:block;width:100%;height:100%;object-fit:contain}

/* ---- trust core: pill web (reference format) ---- */
.intg-stage.itc:where(:root.page-home,:root.page-home *){padding:clamp(30px,3.6vw,52px) 0 clamp(48px,5vw,68px);min-height:clamp(400px,42vw,520px);display:flex;flex-direction:column}
.itc .intg-dots:where(:root.page-home,:root.page-home *){-webkit-mask-image:none;mask-image:none;opacity:.6}
.itc-pill:where(:root.page-home,:root.page-home *){flex:none;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;white-space:nowrap; background:#fff;border:1px solid rgba(20,16,22,.05);border-radius:16px;padding:12px 8px ; font-size:13.5px;font-weight:600;letter-spacing:-.012em;color:var(--ink); box-shadow:0 2px 5px rgba(30,22,40,.06),0 10px 22px -12px rgba(30,22,40,.22)}
.itc .intg-mtrack:where(:root.page-home,:root.page-home *){gap:clamp(18px,2vw,28px);animation-duration:46s}

/* dashed connective web */

/* pills that fly along the rail into the core */
.itg-b:where(:root.page-home,:root.page-home *){flex:none;display:inline-flex;align-items:center;justify-content:center;margin:0;height:auto}
.itc-pill .itg-t:where(:root.page-home,:root.page-home *){display:block;font-size:12.4px;line-height:1;font-weight:600;letter-spacing:-.01em}
.itg-b img:where(:root.page-home,:root.page-home *){width:20px;height:20px;object-fit:contain;display:block}
.itg-b.ok .itg-m:where(:root.page-home,:root.page-home *){display:none}
.itg-b.ok:where(:root.page-home,:root.page-home *){width:auto;max-width:104px}
.itg-b.ok img:where(:root.page-home,:root.page-home *){height:18px;width:auto;max-width:104px;object-fit:contain}
.itg-b.wm:where(:root.page-home,:root.page-home *){max-width:96px}
.itg-b.sq:where(:root.page-home,:root.page-home *){overflow:visible;max-width:none!important}
.itg-b.sq img:where(:root.page-home,:root.page-home *){width:48px!important;height:48px!important;max-width:none!important;margin-block:-13px}
.itg-b.ok:not(.wm):where(:root.page-home,:root.page-home *){max-width:105px}
.itg-b.ok:not(.wm) img:where(:root.page-home,:root.page-home *){max-width:105px;height:auto}
.itg-b.wm img:where(:root.page-home,:root.page-home *){height:15px;max-width:96px}
.itc-rowbot:where(:root.page-home,:root.page-home *){margin-top:clamp(8px,1vw,14px)}
.itc-web-b:where(:root.page-home,:root.page-home *){min-height:clamp(96px,10vw,132px)}
.itc-srcb:where(:root.page-home,:root.page-home *){position:relative;max-width:100%;padding-inline:13px;font-size:12.8px}
.itg-m:where(:root.page-home,:root.page-home *){flex:none;margin:0!important;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;margin-right:9px; background:color-mix(in srgb,var(--mc) 14%,#fff);color:var(--mc);border:1px solid color-mix(in srgb,var(--mc) 26%,#fff); font-family:var(--font-sans);font-style:normal;font-weight:800;font-size:8.5px;letter-spacing:.02em}
.itg-more:where(:root.page-home,:root.page-home *){margin-top:clamp(26px,3vw,42px);display:flex;align-items:center;gap:clamp(16px,2vw,30px)}
.itg-more-k:where(:root.page-home,:root.page-home *){flex:none;font-family:var(--font-mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3)}
.itg-marq:where(:root.page-home,:root.page-home *){flex:1;min-width:0;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)}
.itg-marq-t:where(:root.page-home,:root.page-home *){display:flex;gap:12px;width:max-content;animation:itgMarq 46s linear infinite}
.itg-marq:hover .itg-marq-t:where(:root.page-home,:root.page-home *){animation-play-state:paused}
.itg-lc:where(:root.page-home,:root.page-home *){flex:none;display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid rgba(20,16,22,.06);border-radius:100px;padding:9px 16px; box-shadow:0 8px 20px -12px rgba(20,16,22,.22)}
.itg-lc .itg-m:where(:root.page-home,:root.page-home *){margin-right:0}
.itg-lc b:where(:root.page-home,:root.page-home *){font-size:13px;font-weight:600;letter-spacing:-.012em;color:var(--ink);white-space:nowrap}

/* core hub */
.itc-core:where(:root.page-home,:root.page-home *){position:relative;z-index:5;width:clamp(112px,11vw,140px);aspect-ratio:1;margin:0 auto;display:grid;place-items:center}
.itc-core .itc-r:where(:root.page-home,:root.page-home *){position:absolute;border-radius:50%;border:1px solid var(--wine-line);background:radial-gradient(circle,rgba(155,27,46,.10),rgba(155,27,46,.02) 70%)}
.itc-core .itc-r:where(:root.page-home,:root.page-home *){display:none}
.itc-core .itc-r.r2:where(:root.page-home,:root.page-home *){inset:13%;animation:itcPulse 3.6s var(--ease) infinite .5s}
.itc-core .itc-r.r3:where(:root.page-home,:root.page-home *){inset:26%;background:radial-gradient(circle,rgba(155,27,46,.18),rgba(155,27,46,.05) 72%)}
.itc-hub:where(:root.page-home,:root.page-home *)::after{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--wine);opacity:0;animation:itcRipple 1.8s var(--ease) infinite 2.12s;pointer-events:none}
html[data-motion="off"] .itc-hub:where(:root.page-home,:root.page-home *),html[data-motion="off"] .itc-hub:where(:root.page-home,:root.page-home *)::after{animation:none}
.itc-hub:where(:root.page-home,:root.page-home *){position:relative;width:100%;aspect-ratio:1;border-radius:50%;background:#fff;display:grid;place-items:center;animation:itcHubHit 1.8s var(--ease) infinite 2.12s; box-shadow:0 16px 38px -14px rgba(110,18,28,.5),0 0 0 8px rgba(255,255,255,.85)}
.itc-hub img:where(:root.page-home,:root.page-home *){width:60%;height:60%;object-fit:contain}
.itc-hub b:where(:root.page-home,:root.page-home *){font-family:var(--font-sans);font-weight:800;font-size:17px;color:var(--wine)}
.itc-lbl:where(:root.page-home,:root.page-home *){position:absolute;left:50%;bottom:-26px;transform:translateX(-50%);white-space:nowrap; font-family:var(--font-mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--wine);font-weight:500}

/* ============================ INTEGRATIONS (core + dual marquee) ============================ */
.intg:where(:root.page-home,:root.page-home *){background:#F3F1EE}
.intg-head:where(:root.page-home,:root.page-home *){margin-bottom:40px;max-width:920px}
.intg-stage:where(:root.page-home,:root.page-home *){position:relative;border:0;border-radius:24px;background:var(--paper);overflow:hidden;padding:clamp(28px,3.4vw,48px) 0 clamp(18px,2.2vw,30px)}
.intg-dots:where(:root.page-home,:root.page-home *){position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1.2px,transparent 1.2px);background-size:22px 22px; -webkit-mask-image:radial-gradient(circle at 50% 22%,#000 0%,#000 60%,transparent 92%);mask-image:radial-gradient(circle at 50% 22%,#000 0%,#000 60%,transparent 92%);opacity:.7}

/* core at top */
.intg-core2.intg-core-top:where(:root.page-home,:root.page-home *),#intgCore.intg-core-top:where(:root.page-home,:root.page-home *){position:relative;left:auto;top:auto;transform:none;margin:0 auto;z-index:3}

/* general connection: stem from core → rail, with a packet that splits left/right */
.intg-conn:where(:root.page-home,:root.page-home *){position:relative;z-index:2;height:clamp(48px,5.4vw,72px);margin:0 auto clamp(8px,1.2vw,16px);width:82%;pointer-events:none}
.intg-conn .ic-stem:where(:root.page-home,:root.page-home *){position:absolute;left:50%;top:0;transform:translateX(-50%);width:1.5px;height:62%;background:linear-gradient(180deg,var(--wine),var(--wine-line))}
.intg-conn .ic-rail:where(:root.page-home,:root.page-home *){position:absolute;left:0;right:0;top:62%;height:1.5px;background:linear-gradient(90deg,transparent,var(--wine-line) 10%,var(--wine-line) 90%,transparent)}
.intg-conn .ic-pkt:where(:root.page-home,:root.page-home *){position:absolute;width:7px;height:7px;border-radius:50%;background:var(--wine);box-shadow:0 0 9px 1px rgba(155,27,46,.55)}
.intg-conn .ic-down:where(:root.page-home,:root.page-home *){left:50%;top:0;transform:translate(-50%,-50%);animation:icDown 2.6s linear infinite}
.intg-conn .ic-left:where(:root.page-home,:root.page-home *){left:50%;top:62%;transform:translate(-50%,-50%);animation:icLeft 2.6s ease-in-out infinite}
.intg-conn .ic-right:where(:root.page-home,:root.page-home *){left:50%;top:62%;transform:translate(-50%,-50%);animation:icRight 2.6s ease-in-out infinite}
html[data-motion="off"] .intg-conn .ic-pkt:where(:root.page-home,:root.page-home *){animation:none;opacity:0}

/* single marquee */
.intg-rows:where(:root.page-home,:root.page-home *){position:relative;z-index:2;display:flex;flex-direction:column;gap:clamp(14px,1.6vw,20px)}
.intg-mrow:where(:root.page-home,:root.page-home *){overflow:hidden;padding-block:clamp(12px,1.4vw,18px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.intg-mtrack:where(:root.page-home,:root.page-home *){display:flex;gap:clamp(16px,1.8vw,24px);width:max-content;animation:intgMarq 34s linear infinite}
.intg-mrow:hover .intg-mtrack:where(:root.page-home,:root.page-home *){animation-play-state:paused}
html[data-motion="off"] .intg-mtrack:where(:root.page-home,:root.page-home *){animation:none}
.intg-chip:where(:root.page-home,:root.page-home *){flex:none;display:flex;align-items:center;gap:14px;white-space:nowrap;min-width:clamp(248px,24vw,320px); background:#fff;border:1px solid rgba(20,16,22,.04);border-radius:18px;padding:16px 30px 16px 16px; box-shadow:0 3px 8px rgba(30,22,40,.07),0 8px 18px -10px rgba(30,22,40,.16)}
.intg-chip .ig:where(:root.page-home,:root.page-home *){width:46px;height:46px;border-radius:13px;background:linear-gradient(160deg,#fff,#f4f2ee);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--ink-2);flex:none}
.intg-chip .ig img:where(:root.page-home,:root.page-home *){width:60%;height:60%;object-fit:contain}
.intg-chip .io-t b:where(:root.page-home,:root.page-home *){display:block;font-size:15px;font-weight:600;letter-spacing:-0.01em;color:var(--ink)}
.intg-chip .io-t span:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:3px;display:block}

/* center core */
.intg-core2:where(:root.page-home,:root.page-home *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3; width:min(248px,48%);text-align:center;border-radius:22px;padding:26px 24px 22px; background: radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,.14), transparent 60%), linear-gradient(165deg,#B23a4a 0%,#8E1B2C 52%,#67121F 100%); color:#fff;border:1px solid rgba(255,255,255,.18); box-shadow:0 30px 70px -26px rgba(70,18,28,.65), 0 0 0 7px rgba(155,27,46,.10)}
.intg-core2 .ic-ring:where(:root.page-home,:root.page-home *){position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);border-radius:24px;border:1px solid rgba(255,255,255,.3);pointer-events:none;animation:corePulse 3.4s var(--ease) infinite}
.intg-core2 .ic-mark:where(:root.page-home,:root.page-home *){width:54px;height:54px;border-radius:14px;background:#fff;display:grid;place-items:center;margin:0 auto 14px;box-shadow:0 10px 24px -10px rgba(0,0,0,.4)}
.intg-core2 .ic-mark img:where(:root.page-home,:root.page-home *){width:38px;height:38px;object-fit:contain}
.intg-core2 b:where(:root.page-home,:root.page-home *){display:block;font-size:16.5px;font-weight:700;letter-spacing:-0.02em}
.intg-core2 .ic-sub:where(:root.page-home,:root.page-home *){display:block;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.04em;color:rgba(255,255,255,.72);margin-top:9px;line-height:1.5}
.intg-core2 .ic-live:where(:root.page-home,:root.page-home *){display:inline-flex;align-items:center;gap:7px;margin-top:16px;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:100px;padding:5px 11px}
.intg-core2 .ic-live i:where(:root.page-home,:root.page-home *){width:6px;height:6px;border-radius:50%;background:#7CFFB0;box-shadow:0 0 0 0 rgba(124,255,176,.6);animation:livePulse 2.2s infinite}

/* orbit nodes */
.intg-orbit:where(:root.page-home,:root.page-home *){position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:2; display:flex;align-items:center;gap:12px;white-space:nowrap; background:var(--paper);border:1px solid rgba(20,16,22,.05);border-radius:15px;padding:12px 17px 12px 12px; box-shadow:0 18px 40px -20px rgba(42,30,48,.30), 0 4px 12px -6px rgba(42,30,48,.12); transition:box-shadow .25s var(--ease)}
.intg-orbit:hover:where(:root.page-home,:root.page-home *){box-shadow:0 26px 56px -22px rgba(42,30,48,.42), 0 6px 16px -8px rgba(42,30,48,.16);z-index:4}
.intg-orbit .ig:where(:root.page-home,:root.page-home *){width:42px;height:42px;border-radius:12px;background:linear-gradient(160deg,var(--paper),var(--paper-2));border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--ink-2);flex:none;box-shadow:inset 0 1px 0 #fff;overflow:hidden}
.intg-orbit .ig img:where(:root.page-home,:root.page-home *){width:62%;height:62%;object-fit:contain}
.intg-orbit .io-t b:where(:root.page-home,:root.page-home *){display:block;font-size:14px;font-weight:600;letter-spacing:-0.01em;color:var(--ink)}
.intg-orbit .io-t span:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:2px;display:block}

/* stats band — modern cards */
.intg-stats:where(:root.page-home,:root.page-home *){display:flex;justify-content:center;margin-top:6px}
.istat:where(:root.page-home,:root.page-home *){background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:20px 30px;display:flex;flex-direction:row;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center}
ar(--ease):where(:root.page-home,:root.page-home *),transform .25s var(--ease)} .istat:hover:where(:root.page-home,:root.page-home *){box-shadow:var(--shadow-md);transform:translateY(-2px)}
.istat .is-n:where(:root.page-home,:root.page-home *){font-size:clamp(28px,3.2vw,42px);font-weight:700;letter-spacing:-0.03em;line-height:1;color:var(--wine)}
.istat .is-l:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:10px}
.istat .is-langs:where(:root.page-home,:root.page-home *){display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.istat .is-langs span:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:10px;color:var(--ink-2);border:1px solid var(--line);border-radius:6px;padding:4px 8px;background:var(--paper-2)}
.istat:first-child:where(:root.page-home,:root.page-home *){background:linear-gradient(160deg,var(--wine-soft),var(--paper) 70%);border-color:var(--wine-line)}
.istat:first-child .is-l:where(:root.page-home,:root.page-home *){color:var(--wine)}

/* ============================ TESTIMONIALS (bento) ============================ */
.test-head:where(:root.page-home,:root.page-home *){text-align:center;max-width:680px;margin:0 auto 40px}
.test-head .eyebrow:where(:root.page-home,:root.page-home *){margin-bottom:18px}
.test-head .h-section:where(:root.page-home,:root.page-home *){margin:0 auto}
.test-head .lede:where(:root.page-home,:root.page-home *){margin:20px auto 0;text-align:center}
.test-bento:where(:root.page-home,:root.page-home *){display:grid;grid-template-columns:repeat(3,1fr); grid-template-areas: "a c f" "a d g" "b e g"; gap:18px}
.tb-a:where(:root.page-home,:root.page-home *){grid-area:a}
.tb-b:where(:root.page-home,:root.page-home *){grid-area:b}
.tb-c:where(:root.page-home,:root.page-home *){grid-area:c}
.tb-d:where(:root.page-home,:root.page-home *){grid-area:d}
.tb-e:where(:root.page-home,:root.page-home *){grid-area:e}
.tb-f:where(:root.page-home,:root.page-home *){grid-area:f}
.tb-g:where(:root.page-home,:root.page-home *){grid-area:g}
.tcard:where(:root.page-home,:root.page-home *){position:relative;border:1px solid var(--line);border-radius:18px;background:var(--paper); padding:clamp(24px,2.2vw,32px);display:flex;flex-direction:column;overflow:hidden; transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
.tcard:hover:where(:root.page-home,:root.page-home *){transform:translateY(-3px);box-shadow:var(--shadow-md)}
.tcard .tq:where(:root.page-home,:root.page-home *){position:absolute;right:18px;bottom:-6px;font-family:var(--font-sans);font-weight:700; font-size:104px;line-height:1;color:var(--line);pointer-events:none;user-select:none}
.tcard blockquote:where(:root.page-home,:root.page-home *){position:relative;z-index:1;font-size:15.5px;line-height:1.6;letter-spacing:-0.01em;color:var(--ink);text-wrap:pretty}
.tcard .who:where(:root.page-home,:root.page-home *){position:relative;z-index:1;display:flex;align-items:center;gap:12px;margin-top:22px}
.tcard .av:where(:root.page-home,:root.page-home *){width:46px;height:46px;border-radius:50%;flex:none;object-fit:cover;background:var(--paper-3)}
.tcard .who b:where(:root.page-home,:root.page-home *){font-size:14.5px;font-weight:700;display:block;letter-spacing:-0.01em}
.tcard .who span:where(:root.page-home,:root.page-home *){font-size:12.5px;color:var(--ink-3);margin-top:2px;display:block;line-height:1.35}

/* featured */
.tcard--feat:where(:root.page-home,:root.page-home *){padding:clamp(28px,2.7vw,40px)}
.tcard--feat .stars:where(:root.page-home,:root.page-home *){position:relative;z-index:1;font-size:15px;letter-spacing:3px;margin-bottom:24px}
.tcard--feat blockquote:where(:root.page-home,:root.page-home *){font-size:clamp(17px,1.45vw,20px);line-height:1.5;font-weight:500}
.tcard--feat .who:where(:root.page-home,:root.page-home *){margin-top:auto;padding-top:28px}
.tcard--feat .tq:where(:root.page-home,:root.page-home *){right:24px;top:8px;bottom:auto;font-size:128px}
.tcard--dark:where(:root.page-home,:root.page-home *){background:#F3F1EE;border:1px solid var(--line)}
.tcard--dark blockquote:where(:root.page-home,:root.page-home *),.tcard--dark .who b:where(:root.page-home,:root.page-home *){color:var(--ink)}
.tcard--dark .who span:where(:root.page-home,:root.page-home *){color:var(--ink-3)}
.tcard--dark .stars:where(:root.page-home,:root.page-home *){color:var(--wine)}
.tcard--dark .tq:where(:root.page-home,:root.page-home *){color:rgba(20,16,22,.06)}
.tcard--wine:where(:root.page-home,:root.page-home *){background:linear-gradient(155deg,#A6333E 0%,#7C1623 58%,#5E1020 100%);border-color:transparent}
.tcard--wine blockquote:where(:root.page-home,:root.page-home *),.tcard--wine .who b:where(:root.page-home,:root.page-home *){color:#fff}
.tcard--wine .who span:where(:root.page-home,:root.page-home *){color:rgba(255,255,255,.72)}
.tcard--wine .stars:where(:root.page-home,:root.page-home *){color:#fff}
.tcard--wine .tq:where(:root.page-home,:root.page-home *){color:rgba(255,255,255,.13)}
.tcard--wine .av:where(:root.page-home,:root.page-home *){box-shadow:0 0 0 2px rgba(255,255,255,.28)}
.tcard--dark .av:where(:root.page-home,:root.page-home *){box-shadow:0 0 0 2px rgba(20,16,22,.1)}

/* ============================ FINAL CTA ============================ */
.cta:where(:root.page-home,:root.page-home *){position:relative;background:linear-gradient(165deg,#4E0C18 0%,#6E1320 22%,#9B1B2E 50%,#BF3A40 74%,#E08763 100%);color:#fff;overflow:hidden;border-radius:0;isolation:isolate}
.cta:where(:root.page-home,:root.page-home *)::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background: radial-gradient(75% 55% at 18% 8%, rgba(255,210,190,.40) 0%, transparent 55%), radial-gradient(80% 70% at 92% 30%, rgba(120,12,24,.65) 0%, transparent 60%), radial-gradient(90% 80% at 50% 120%, rgba(50,6,14,.7) 0%, transparent 62%)}
.cta-noise:where(:root.page-home,:root.page-home *){position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.85;mix-blend-mode:soft-light; background-image: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='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:150px 150px}
.cta canvas:where(:root.page-home,:root.page-home *){display:none}
.cta-in:where(:root.page-home,:root.page-home *){position:relative;z-index:2;text-align:center;max-width:1200px;margin:0 auto;padding-block:clamp(60px,7.5vw,100px) clamp(40px,5vw,64px)}
.cta-logo:where(:root.page-home,:root.page-home *){display:inline-grid;place-items:center;width:104px;height:104px;border-radius:26px;margin-bottom:34px; background:linear-gradient(155deg,#ffffff 0%,#efece5 100%); box-shadow:0 2px 1px rgba(255,255,255,.95) inset, 0 -6px 14px rgba(120,18,28,.18) inset, 0 5px 10px rgba(255,255,255,.5) inset, 0 26px 54px -16px rgba(35,5,10,.7)}
.cta-logo img:where(:root.page-home,:root.page-home *){width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 2px 1px rgba(255,255,255,.9)) drop-shadow(0 -1px 1px rgba(120,18,28,.25))}
.cta h2:where(:root.page-home,:root.page-home *){font-size:clamp(26px,3.2vw,42px);font-weight:700;letter-spacing:-0.035em;line-height:1.02;text-wrap:balance;max-width:none;margin:0 auto}
.cta h2 em:where(:root.page-home,:root.page-home *){font-style:normal;color:#fff}
.cta-btns:where(:root.page-home,:root.page-home *){display:flex;gap:14px;justify-content:center;margin-top:32px;flex-wrap:wrap}
.cta .btn-wine:where(:root.page-home,:root.page-home *){box-shadow:0 16px 44px -16px rgba(0,0,0,.55)}
.cta .btn-wine:hover:where(:root.page-home,:root.page-home *){transform:translateY(-2px);box-shadow:0 22px 54px -16px rgba(0,0,0,.6)}
.cta-btns .btn:where(:root.page-home,:root.page-home *){border-radius:100px}
.btn-onwine:where(:root.page-home,:root.page-home *){background:#fff;color:var(--wine-deep)}
.btn-onwine:hover:where(:root.page-home,:root.page-home *){background:#fff;transform:translateY(-2px);box-shadow:0 18px 40px -16px rgba(0,0,0,.5)}
.cta-assure:where(:root.page-home,:root.page-home *){display:flex;justify-content:center;gap:14px 28px;flex-wrap:wrap;margin-top:30px}
.cta-assure span:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:rgba(255,255,255,.82);display:inline-flex;align-items:center;gap:8px}
.cta-assure span:where(:root.page-home,:root.page-home *)::before{content:"\2192";color:#fff;opacity:.7;font-size:13px}

/* product screenshot — top 30% peeking at the bottom */
.cta-shot:where(:root.page-home,:root.page-home *){position:relative;z-index:2;width:min(var(--maxw),calc(100% - var(--gut)*2));margin:0 auto;border-radius:16px 16px 0 0;overflow:hidden; border:1px solid rgba(255,255,255,.22);border-bottom:0; box-shadow:0 -10px 60px -20px rgba(40,6,12,.6), 0 30px 80px -30px rgba(0,0,0,.5);background:#fff}
.cta-shot-bar:where(:root.page-home,:root.page-home *){display:flex;align-items:center;gap:12px;padding:11px 16px;background:#faf9f7;border-bottom:1px solid #ececec}
.cta-shot-bar .csb-dots:where(:root.page-home,:root.page-home *){display:flex;gap:6px}
.cta-shot-bar .csb-dots i:where(:root.page-home,:root.page-home *){width:10px;height:10px;border-radius:50%;background:#d8d5ce;display:block}
.cta-shot-bar .csb-url:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:11px;color:#9a9a95;background:#fff;border:1px solid #ececec;border-radius:7px;padding:4px 12px}
.cta-shot img:where(:root.page-home,:root.page-home *){display:block;width:100%;height:clamp(128px,17.6vw,208px);object-fit:cover;object-position:top center}

/* footer brand block */
.foot-lead:where(:root.page-home,:root.page-home *){display:grid;grid-template-columns:1.5fr 1fr;gap:40px;padding-bottom:48px;margin-bottom:48px;border-bottom:1px solid var(--line)}
.foot-lead p:where(:root.page-home,:root.page-home *){font-size:15px;color:var(--ink-2);line-height:1.65;max-width:60ch}
.foot-mission:where(:root.page-home,:root.page-home *){border-left:2px solid var(--wine);padding-left:20px}
.foot-mission span:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);display:block;margin-bottom:10px}
.foot-mission p:where(:root.page-home,:root.page-home *){font-size:15px;color:var(--ink);font-weight:500}
.foot-badges:where(:root.page-home,:root.page-home *){display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.foot-bottom:where(:root.page-home,:root.page-home *){display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:48px;padding-top:28px;border-top:1px solid var(--line);flex-wrap:wrap}
.foot-bottom .copy:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:11px;color:var(--ink-3);letter-spacing:.02em}

/* representative deployments strip */
.deploy-strip:where(:root.page-home,:root.page-home *){margin-top:8px}
.deploy-head:where(:root.page-home,:root.page-home *){display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.deploy-grid:where(:root.page-home,:root.page-home *){display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.dep:where(:root.page-home,:root.page-home *){background:var(--paper-2);padding:16px 18px}
.dep .dk:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}
.dep b:where(:root.page-home,:root.page-home *){font-size:13.5px;font-weight:600;display:block;letter-spacing:-0.01em}
.dep span:where(:root.page-home,:root.page-home *){font-size:12px;color:var(--ink-2)}

/* ============================================================================
   PREMIUM SAAS POLISH — updated page only
   ========================================================================== */
:root:where(:root.page-home,:root.page-home *){--shadow-sm:0 1px 2px rgba(34,18,22,.05), 0 1px 1px rgba(34,18,22,.03); --shadow-md:0 24px 64px -34px rgba(46,18,26,.30), 0 8px 22px -16px rgba(46,18,26,.16); --shadow-lg:0 64px 140px -58px rgba(52,20,30,.42), 0 26px 54px -36px rgba(46,18,26,.20)}

/* seamless warm seam where the red hero fades into the white page */
.ecolog:where(:root.page-home,:root.page-home *){background:linear-gradient(180deg,#FFF7F4 0%, #ffffff 72%)}

/* a faint circular-language motif shared by key sections */
.section--tight:where(:root.page-home,:root.page-home *),.cta:where(:root.page-home,:root.page-home *){position:relative}
.section--tight:where(:root.page-home,:root.page-home *)::before{content:"";position:absolute;left:50%;top:50%;width:760px;height:760px; transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:0; background:radial-gradient(circle, color-mix(in srgb,var(--wine) 7%,transparent), transparent 64%)}
.section--tight .wrap:where(:root.page-home,:root.page-home *){position:relative;z-index:1}

/* usage-metrics band — elevated, premium */
.statband:where(:root.page-home,:root.page-home *){border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-md);overflow:hidden; background: radial-gradient(130% 180% at 8% -50%, var(--wine-soft), transparent 58%), radial-gradient(130% 180% at 96% -50%, var(--accent-soft), transparent 58%), var(--paper)}
.statband .sc:where(:root.page-home,:root.page-home *){transition:background .25s var(--ease)}
.statband .sc:hover:where(:root.page-home,:root.page-home *){background:rgba(255,255,255,.6)}
.statband .stat-num:where(:root.page-home,:root.page-home *){color:var(--wine)}

/* premium container radii + softer card depth across the page */
.eco-card:where(:root.page-home,:root.page-home *),.anec-card:where(:root.page-home,:root.page-home *),.tcard:where(:root.page-home,:root.page-home *),.ind-panel:where(:root.page-home,:root.page-home *),.intg-net:where(:root.page-home,:root.page-home *),.why-grid:where(:root.page-home,:root.page-home *),.arch-diagram:where(:root.page-home,:root.page-home *),.gap-answer:where(:root.page-home,:root.page-home *),.media-frame:where(:root.page-home,:root.page-home *){border-radius:20px}
.tcard:hover:where(:root.page-home,:root.page-home *),.eco-card:hover:where(:root.page-home,:root.page-home *){box-shadow:var(--shadow-lg)}
.tcard--dark:hover:where(:root.page-home,:root.page-home *),.tcard--wine:hover:where(:root.page-home,:root.page-home *){box-shadow:var(--shadow-lg)}

/* circular motif echo behind final CTA */
.cta-in:where(:root.page-home,:root.page-home *){position:relative;z-index:2}

/* refined eyebrow accent — premium */
.eyebrow:where(:root.page-home,:root.page-home *)::before{box-shadow:0 0 0 4px var(--wine-soft)}

/* floating-pill nav: center wide mega panels to the viewport so centered
   nav links never push them off-screen; keep narrow menus on their trigger */
.nav-mega:where(:root.page-home,:root.page-home *){position:fixed;left:50%;top:84px;right:auto; transform:translateX(-50%) translateY(8px) scale(.99);transform-origin:top center; width:min(860px,calc(100vw - 40px))}
.nav-mega.nav-mega--cards:where(:root.page-home,:root.page-home *){width:min(680px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons:where(:root.page-home,:root.page-home *){width:min(660px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons.nav-mega--sol:where(:root.page-home,:root.page-home *){width:min(740px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons.has-3:where(:root.page-home,:root.page-home *){width:min(820px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons.nav-mega--res:where(:root.page-home,:root.page-home *){width:min(860px,calc(100vw - 40px))}
.nav-item:hover .nav-mega:where(:root.page-home,:root.page-home *),.nav-item:focus-within .nav-mega:where(:root.page-home,:root.page-home *){transform:translateX(-50%) translateY(0) scale(1)}
.nav-mega:where(:root.page-home,:root.page-home *)::before{left:0;right:0;top:-28px;height:28px}
.nav.is-stuck .nav-mega:where(:root.page-home,:root.page-home *){top:74px}

/* nav CTA buttons → pill to match the bar */
.nav-cta .btn:where(:root.page-home,:root.page-home *){border-radius:100px}
.nav-cta .btn-ghost:where(:root.page-home,:root.page-home *){border-color:var(--line)}

/* ============================ FOOTER (Avoora-style) ============================ */
.foot:where(:root.page-home,:root.page-home *){background:var(--paper);border-top:1px solid var(--line);padding:0 0 32px}
.foot .wrap:where(:root.page-home,:root.page-home *){position:relative}

/* image marquee */
.foot-marquee:where(:root.page-home,:root.page-home *){overflow:hidden;padding:clamp(28px,3.4vw,46px) 0 clamp(20px,2.4vw,30px); -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent); mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.fm-track:where(:root.page-home,:root.page-home *){display:flex;gap:16px;width:max-content;animation:fmScroll 48s linear infinite}
.foot-marquee:hover .fm-track:where(:root.page-home,:root.page-home *){animation-play-state:paused}
html[data-motion="off"] .fm-track:where(:root.page-home,:root.page-home *){animation:none}
.fm-tile:where(:root.page-home,:root.page-home *){margin:0;flex:none;width:clamp(112px,11vw,150px)}
.fm-tile img:where(:root.page-home,:root.page-home *){width:100%;aspect-ratio:5/6;object-fit:cover;border-radius:14px;background:var(--paper-3); filter:grayscale(.1);transition:transform .4s var(--ease),filter .4s}
.fm-tile:hover img:where(:root.page-home,:root.page-home *){transform:translateY(-4px);filter:none}
.fm-tile figcaption:where(:root.page-home,:root.page-home *){display:none}

/* menu cards */
.foot-cards:where(:root.page-home,:root.page-home *){display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:clamp(28px,3vw,44px)}
.foot-card:where(:root.page-home,:root.page-home *){border:0;border-radius:18px;padding:clamp(22px,2vw,30px);background:linear-gradient(180deg,var(--wine-soft) 0%,var(--paper) 64%);transition:box-shadow .25s var(--ease),transform .25s var(--ease)}
.foot-card:hover:where(:root.page-home,:root.page-home *){box-shadow:var(--shadow-md);transform:translateY(-2px)}
.foot-card :is(h3,h4):where(:root.page-home,:root.page-home *){font-size:18px;font-weight:700;letter-spacing:-0.02em;color:var(--ink);margin-bottom:14px;font-family:var(--font-sans);text-transform:none}
.foot-links:where(:root.page-home,:root.page-home *){list-style:none;display:flex;flex-direction:column}
.foot-links li:where(:root.page-home,:root.page-home *){border-top:1px solid var(--wine-line)}
.foot-links li:first-child:where(:root.page-home,:root.page-home *){border-top:0}
.foot-links a:where(:root.page-home,:root.page-home *){display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 2px;font-size:14.5px;font-weight:500;color:var(--ink-2);transition:color .18s var(--ease),padding .18s var(--ease)}
.foot-links a:hover:where(:root.page-home,:root.page-home *){color:var(--wine);padding-left:6px}
.foot-viewall:where(:root.page-home,:root.page-home *){color:var(--wine)!important;font-weight:600}
.foot-card:where(:root.page-home,:root.page-home *){position:relative}
.foot-card:has(.foot-va:hover):where(:root.page-home,:root.page-home *),.foot-card:has(.foot-va:focus-within):where(:root.page-home,:root.page-home *){z-index:40}
.foot-va:where(:root.page-home,:root.page-home *){display:block;margin-top:14px}
.foot-viewall:where(:root.page-home,:root.page-home *){cursor:pointer;display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--wine)}
.foot-viewall .va-arr:where(:root.page-home,:root.page-home *){transition:transform .2s var(--ease)}
.foot-va:hover .va-arr:where(:root.page-home,:root.page-home *),.foot-va:focus-within .va-arr:where(:root.page-home,:root.page-home *){transform:translateX(3px)}
.foot-va-pop:where(:root.page-home,:root.page-home *){position:absolute;left:0;bottom:0;z-index:30;width:min(560px,140%); display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:14px;border-radius:16px;background:var(--paper);border:1px solid var(--line); box-shadow:0 30px 60px -22px rgba(20,16,22,.45),0 8px 20px -10px rgba(20,16,22,.2); opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s}
.foot-va:hover .foot-va-pop:where(:root.page-home,:root.page-home *),.foot-va:focus-within .foot-va-pop:where(:root.page-home,:root.page-home *){opacity:1;visibility:visible;transform:translateY(0)}
.foot-va-pop a:where(:root.page-home,:root.page-home *){display:block;padding:9px 12px;border-radius:9px;font-size:13px;font-weight:500;color:var(--ink-2);transition:background .16s,color .16s}
.foot-va-pop a:hover:where(:root.page-home,:root.page-home *){background:var(--wine-soft);color:var(--wine)}
.foot-h4row:where(:root.page-home,:root.page-home *){display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.foot-h4row .foot-viewall:where(:root.page-home,:root.page-home *){font-size:12px;font-weight:600;text-transform:none;letter-spacing:0}
.fl-arr:where(:root.page-home,:root.page-home *){color:var(--ink-3);font-size:16px;transition:transform .18s var(--ease),color .18s}
.foot-links a:hover .fl-arr:where(:root.page-home,:root.page-home *){color:var(--wine);transform:translateX(3px)}

/* bottom bar */
.foot-bottom:where(:root.page-home,:root.page-home *){display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap; margin-top:clamp(30px,3.4vw,48px);padding:24px 0;border-top:1px solid var(--line)}
.foot-bottom .copy:where(:root.page-home,:root.page-home *){font-size:13px;color:var(--ink-3);letter-spacing:.01em}
.foot-top:where(:root.page-home,:root.page-home *){display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-family:var(--font-mono)}
.foot-top .ft-ic:where(:root.page-home,:root.page-home *){width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:var(--wine);color:#fff;font-size:14px;transition:transform .2s var(--ease)}
.foot-top:hover .ft-ic:where(:root.page-home,:root.page-home *){transform:translateY(-3px)}

/* back-to-top → logo */
.foot-right:where(:root.page-home,:root.page-home *){display:flex;align-items:center;gap:clamp(14px,1.6vw,22px)}
.foot-social:where(:root.page-home,:root.page-home *){display:flex;align-items:center;gap:10px}
.foot-social a:where(:root.page-home,:root.page-home *){width:54px;height:54px;border-radius:50%;background:var(--wine-soft);display:grid;place-items:center;color:var(--wine);transition:color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease)}
.foot-social a:hover:where(:root.page-home,:root.page-home *){color:#fff;background:var(--wine);transform:translateY(-2px)}
.foot-social svg:where(:root.page-home,:root.page-home *){width:20px;height:20px;fill:currentColor}
.foot-sep:where(:root.page-home,:root.page-home *){width:1px;height:38px;background:var(--line);flex:none}
.foot-logo:where(:root.page-home,:root.page-home *){display:inline-flex;align-items:center;transition:transform .2s var(--ease)}
.foot-logo img:where(:root.page-home,:root.page-home *){height:52px;width:auto;object-fit:contain}
.foot-logo:hover:where(:root.page-home,:root.page-home *){transform:translateY(-3px)}

/* giant wordmark with people video */
.foot-wordmark:where(:root.page-home,:root.page-home *){display:flex;align-items:center;gap:clamp(20px,3vw,48px);margin-top:clamp(22px,2.6vw,40px);padding-bottom:clamp(16px,2.4vw,40px)}
.fw-img:where(:root.page-home,:root.page-home *){position:relative;flex:none;width:clamp(120px,14vw,188px);aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:var(--paper-3);display:block;cursor:pointer}
.fw-img video:where(:root.page-home,:root.page-home *),.fw-img img:where(:root.page-home,:root.page-home *){width:100%;height:100%;object-fit:cover;display:block}
.fw-ig:where(:root.page-home,:root.page-home *){position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;color:#fff; background:linear-gradient(160deg,rgba(193,53,132,.55),rgba(131,58,180,.5) 55%,rgba(253,170,90,.45)); opacity:0;transition:opacity .28s var(--ease)}
.fw-ig svg:where(:root.page-home,:root.page-home *){transform:scale(.8);transition:transform .28s var(--ease);filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}
.fw-img:hover .fw-ig:where(:root.page-home,:root.page-home *){opacity:1}
.fw-img:hover .fw-ig svg:where(:root.page-home,:root.page-home *){transform:scale(1)}
.fw-text:where(:root.page-home,:root.page-home *){font-weight:900;line-height:.92;letter-spacing:0.005em;color:#D8D3CC; font-size:clamp(60px,16.6vw,250px);white-space:nowrap;padding-bottom:0.1em;flex:1;text-align:right}

/* touch 1781880837256 */

/* floating Academic Transcripts pill (bottom-left) */
.et-float:where(:root.page-home,:root.page-home *){position:fixed;right:22px;left:auto;bottom:22px;z-index:120;display:inline-flex;flex-direction:row-reverse;align-items:center;gap:0; height:60px;width:60px;padding:8px;border-radius:100px;overflow:hidden; background:#fff;box-shadow:0 14px 34px -12px rgba(20,16,22,.34),0 4px 12px -6px rgba(20,16,22,.2); border:1px solid var(--line);text-decoration:none;white-space:nowrap; transition:width .34s var(--ease),box-shadow .34s var(--ease)}
.et-float .et-ic:where(:root.page-home,:root.page-home *){width:44px;height:44px;border-radius:50%;flex:none;display:grid;place-items:center;overflow:hidden}
.et-float .et-ic img:where(:root.page-home,:root.page-home *){width:100%;height:100%;object-fit:contain;display:block}
.et-float .et-tx:where(:root.page-home,:root.page-home *){font-size:14px;font-weight:700;color:var(--wine);letter-spacing:-0.01em;opacity:0; padding:0 6px 0 14px;transition:opacity .28s var(--ease) .06s}
.et-float:hover:where(:root.page-home,:root.page-home *){width:250px;box-shadow:0 20px 44px -14px rgba(20,16,22,.42)}
.et-float:hover .et-tx:where(:root.page-home,:root.page-home *){opacity:1}
.brand .mark .seal:where(:root.page-home,:root.page-home *){fill:var(--wine)}
.eco-glyph:where(:root.page-home,:root.page-home *),.intg-core .ic-mark:where(:root.page-home,:root.page-home *),.ind-flowcard .ifn:where(:root.page-home,:root.page-home *){transition:background .3s var(--ease)}
.ectip:where(:root.page-home,:root.page-home *){position:absolute;z-index:20;width:230px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 54px -22px rgba(40,20,26,.5);padding:14px 15px 15px;transform:translate(-50%,-100%) translateY(-14px);opacity:0;visibility:hidden;transition:opacity .18s var(--ease),transform .18s var(--ease),visibility .18s;pointer-events:none}
.ectip.show:where(:root.page-home,:root.page-home *){opacity:1;visibility:visible;transform:translate(-50%,-100%) translateY(-20px);pointer-events:auto}
.ectip:where(:root.page-home,:root.page-home *)::after{content:"";position:absolute;left:50%;bottom:-7px;width:14px;height:14px;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:translateX(-50%) rotate(45deg)}
.ectip-hint:where(:root.page-home,:root.page-home *){display:none;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--wine);white-space:nowrap}
.ectip.brief:where(:root.page-home,:root.page-home *){width:auto;padding:9px 13px}
.ectip.brief .ectip-hint:where(:root.page-home,:root.page-home *){display:block}
.ectip.brief .ectip-h:where(:root.page-home,:root.page-home *),.ectip.brief ul:where(:root.page-home,:root.page-home *){display:none}
.ectip-h:where(:root.page-home,:root.page-home *){display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:9px;padding-bottom:9px;border-bottom:1px solid var(--line-2)}
.ectip-h b:where(:root.page-home,:root.page-home *){font-size:14.5px;font-weight:700;letter-spacing:-0.01em;color:var(--ink)}
.ectip-h span:where(:root.page-home,:root.page-home *){font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--wine);white-space:nowrap}
.ectip ul:where(:root.page-home,:root.page-home *){list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;max-height:180px;overflow-y:auto}
.ectip li:where(:root.page-home,:root.page-home *){display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-2);line-height:1.2}
.ectip li:where(:root.page-home,:root.page-home *)::before{content:"";width:12px;height:14px;border-radius:2px;background:#fff;border:1px solid var(--wine-line);flex:none;box-shadow:inset 0 3px 0 -2px var(--wine-line),inset 0 6px 0 -2px var(--wine-line)}
.ecomap2:where(:root.page-home,:root.page-home *){background:#F3F1EE;padding-block:clamp(30px,4vw,64px);position:relative}
.ecity2:where(:root.page-home,:root.page-home *){position:relative;width:100vw;margin-left:calc(50% - 50vw);height:max(300px,56.3vw);border-radius:0;overflow:visible}
.ecclip:where(:root.page-home,:root.page-home *){position:absolute;inset:0;overflow:visible}
.ecstage-img:where(:root.page-home,:root.page-home *),.ecstage2:where(:root.page-home,:root.page-home *){position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;aspect-ratio:1672/941}
.ecity2 .ecbase:where(:root.page-home,:root.page-home *){position:absolute;inset:0;width:100%;height:100%;display:block;border-radius:0;box-shadow:none}
.ecpin2:where(:root.page-home,:root.page-home *){position:absolute;transform:translate(-50%,-100%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:0;background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ecpin2 .p2-dot:where(:root.page-home,:root.page-home *){width:9px;height:9px;border-radius:50%;background:var(--wine);flex:none;box-shadow:0 0 0 3px rgba(155,27,46,.16)}
.ecpin2 .p2-pulse:where(:root.page-home,:root.page-home *){position:absolute;top:0;left:50%;transform:translate(-50%,-2px);width:9px;height:9px;border-radius:50%;border:1.5px solid var(--wine);opacity:0;animation:p2pulse 2.6s ease-out infinite;pointer-events:none}
html[data-motion="off"] .ecpin2 .p2-pulse:where(:root.page-home,:root.page-home *){animation:none}
.ecname:where(:root.page-home,:root.page-home *){position:absolute;transform:translate(-50%,-100%);z-index:3;font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.05em;color:#fff;background:var(--wine);border:0;border-radius:5px;padding:4px 9px;white-space:nowrap;pointer-events:none;box-shadow:0 8px 18px -8px rgba(60,20,26,.55)}
.ecname:where(:root.page-home,:root.page-home *)::after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--wine)}
.ecfacade:where(:root.page-home,:root.page-home *){position:absolute;z-index:3;font-family:var(--font-sans);font-weight:800;color:#fff; background:#B03040;border:0;padding:5px 12px;border-radius:2px;white-space:nowrap; font-size:clamp(8px,1vw,12px);letter-spacing:.02em;box-shadow:0 1px 0 rgba(0,0,0,.15);pointer-events:none}
.ecpatch:where(:root.page-home,:root.page-home *){position:absolute;z-index:2;border-radius:1px;pointer-events:none}
.hero-stage-wrap#platform:where(:root.page-home,:root.page-home *){max-width:none;margin-top:clamp(96px,11vw,168px);position:relative}
.hero-stage-wrap#platform:where(:root.page-home,:root.page-home *)::after{content:"";position:absolute;z-index:-1;left:calc(50% - 50vw);width:100vw;top:calc(100% - 48px);height:240px;background:#fff;pointer-events:none}
.hero-stage-wrap .ecity2:where(:root.page-home,:root.page-home *){width:100vw}

/* hero orbit product showcase */
.hero .orbit:where(:root.page-home,:root.page-home *),.hero .hero-float-ring:where(:root.page-home,:root.page-home *){display:none}
/* orbit artwork is a fixed 1200x740 composition scaled by width only, so rings and nodes stay locked together on every screen */
.hero-orbit:where(:root.page-home,:root.page-home *){position:absolute;top:0;left:0;right:0;width:100%;max-width:1200px;aspect-ratio:1200/740;height:auto;margin:0 auto;pointer-events:none;z-index:4}
.hero-in:where(:root.page-home,:root.page-home *){position:relative;z-index:2}
.ho-ring:where(:root.page-home,:root.page-home *){position:absolute;left:50%;top:94%;transform:translate(-50%,-50%);aspect-ratio:1;border-radius:50%;border:1.5px dashed rgba(255,255,255,.42);pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000 44%,transparent 62%);mask-image:linear-gradient(to bottom,#000 44%,transparent 62%)}
.ho-ring.r1:where(:root.page-home,:root.page-home *){width:78.333%;top:110%}
.ho-ring.r2:where(:root.page-home,:root.page-home *){width:103.333%;top:107%}
.ho-center:where(:root.page-home,:root.page-home *){position:absolute;left:50%;top:41.5%;transform:translate(-50%,calc(-50% + 46px)) scale(.62);transform-origin:center;width:clamp(280px,30vw,420px);aspect-ratio:1;border-radius:50%;background:#fff;border:3px solid #ED1C24;box-shadow:0 44px 90px -34px rgba(110,18,28,.55);display:flex;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .55s var(--ease),transform .7s cubic-bezier(.22,.85,.24,1)}
.hero.zoomed .ho-center:where(:root.page-home,:root.page-home *){opacity:1!important;transform:translate(-50%,-50%) scale(1)!important;pointer-events:auto}
.hero-copy:where(:root.page-home,:root.page-home *){transition:transform .5s var(--ease),opacity .5s var(--ease);transform-origin:bottom center}
.hero.zoomed .hero-copy:where(:root.page-home,:root.page-home *){transform:scale(.8) translateY(18px)}
.hero .hero-copy:where(:root.page-home,:root.page-home *){max-width:1200px;margin-inline:auto;min-height:min(740px,61.667vw);display:flex;flex-direction:column;justify-content:flex-end;padding-top:clamp(118px,13vw,150px);padding-bottom:clamp(0px,0.4vw,8px)}
.hero .h-display:where(:root.page-home,:root.page-home *){font-size:clamp(22px,2.4vw,32px)}
.hero .hero-copy .lede:where(:root.page-home,:root.page-home *){font-size:clamp(14px,1.15vw,17px);max-width:680px;margin-inline:auto;color:rgba(255,255,255,.82)}
.ho-figstack:where(:root.page-home,:root.page-home *){position:absolute;left:14%;right:14%;top:14%;bottom:31%;display:grid;place-items:center}
.ho-fig:where(:root.page-home,:root.page-home *){position:absolute;left:50%;top:50%;width:100%;height:100%;object-fit:contain;object-position:center;opacity:0;transform:translate(-50%,-50%) scale(calc(var(--k,1) * .94));transition:opacity .45s var(--ease),transform .55s var(--ease)}
.ho-fig.is-active:where(:root.page-home,:root.page-home *){opacity:1;transform:translate(-50%,-50%) scale(var(--k,1))}
.ho-fig[data-f="0"]:where(:root.page-home,:root.page-home *){--k:1}
.ho-fig[data-f="1"]:where(:root.page-home,:root.page-home *){--k:1}
.ho-fig[data-f="2"]:where(:root.page-home,:root.page-home *){--k:1}
.ho-fig[data-f="3"]:where(:root.page-home,:root.page-home *){--k:1}
.ho-name:where(:root.page-home,:root.page-home *){position:absolute;left:8%;right:8%;bottom:17%;height:2.3em;display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--font-sans);font-weight:800;font-size:clamp(18px,2vw,27px);line-height:1.08;color:var(--wine);letter-spacing:-0.02em}
.ho-node:where(:root.page-home,:root.page-home *){position:absolute;transform:translate(calc(-50% + var(--zx,0px)),calc(-50% + var(--zy,0px)));width:clamp(88px,11%,132px);aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--font-sans);font-weight:800;font-size:clamp(13px,1.25vw,18px);line-height:1.14;letter-spacing:-0.01em;cursor:pointer;pointer-events:auto;padding:10px;transition:transform .7s cubic-bezier(.22,.85,.24,1),opacity .5s var(--ease),box-shadow .4s var(--ease)}
.ho-node.fill-white:where(:root.page-home,:root.page-home *){background:#fff;border:2px solid #ED1C24;color:var(--wine);box-shadow:0 22px 46px -22px rgba(110,18,28,.5)}
.ho-node.fill-pink:where(:root.page-home,:root.page-home *){background:#EE9AA6;border:2px solid #9B1B2E;color:#fff;box-shadow:0 22px 46px -22px rgba(110,18,28,.5)}
.ho-node:hover:where(:root.page-home,:root.page-home *){transform:translate(calc(-50% + var(--zx,0px)),calc(-50% + var(--zy,0px))) scale(1.06)}
.hero.zoomed .ho-node:where(:root.page-home,:root.page-home *){--zx:var(--sx,0px);--zy:var(--sy,0px);transition:transform .55s cubic-bezier(.22,.9,.24,1),opacity .3s var(--ease)}
.ho-node.is-hidden:where(:root.page-home,:root.page-home *){opacity:0;transform:translate(calc(-50% + var(--zx,0px)),calc(-50% + var(--zy,0px))) scale(.9);transition:opacity .28s var(--ease)}
/* node centres sit exactly on the rings: top pair on r2, bottom pair on r1 */
.ho-node.n-multiparty:where(:root.page-home,:root.page-home *){left:87.06%;top:48.65%;--sx:26px;--sy:52px}
.ho-node.n-workflow:where(:root.page-home,:root.page-home *){left:12.94%;top:48.65%;--sx:-26px;--sy:54px}
.ho-node.n-contract:where(:root.page-home,:root.page-home *){left:12.27%;top:93%;--sx:22px;--sy:46px}
.ho-node.n-dpdp:where(:root.page-home,:root.page-home *){left:87.73%;top:93%;--sx:-22px;--sy:44px}


/* ============================================================
   TRUESigner ONE   (html.page-truesigner)
   ============================================================ */

/* Satoshi — self-hosted @font-face (woff2), inlined for standalone export */

/* touch 1781880837620 */

/* ============================================================================
   TRUECOPY — Enterprise Trust Infrastructure
   base.css · tokens, reset, typography, layout, nav, footer, shared utilities
   ========================================================================== */
:root:where(:root.page-truesigner,:root.page-truesigner *){/* paper / ink */ --paper:#ffffff; --paper-2:#FAF9F7; --paper-3:#F3F1EC; --ink:#14161B; --ink-2:#474C56; --ink-3:#676D78; --line:#E8E6E0; --line-2:#F0EEE9; --hair:#E2DFD8; /* brand — overridable by tweaks */ --wine:#9B1B2E; --wine-deep:#74121F; --wine-soft:#FBF1F2; --wine-line:rgba(155,27,46,.20); /* accent — overridable by tweaks */ --accent:#1B3A8F; --accent-2:#2C4FB0; --accent-soft:#EEF1FA; --accent-line:rgba(27,58,143,.20); --shadow-sm:0 1px 2px rgba(20,22,27,.04), 0 1px 1px rgba(20,22,27,.03); --shadow-md:0 18px 50px -28px rgba(20,22,27,.30), 0 6px 16px -12px rgba(20,22,27,.18); --shadow-lg:0 50px 110px -50px rgba(20,30,60,.45), 0 18px 40px -28px rgba(20,22,27,.22); --maxw:1488px; --gut:clamp(20px,5vw,64px); --font-sans:'Satoshi',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; --font-mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular',monospace; --ease:cubic-bezier(.22,.61,.36,1); --ease-out:cubic-bezier(.16,1,.3,1)}
*:where(:root.page-truesigner,:root.page-truesigner *){margin:0;padding:0;box-sizing:border-box}
html:where(:root.page-truesigner,:root.page-truesigner *){-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body:where(:root.page-truesigner,:root.page-truesigner *){background:var(--paper); color:var(--ink); font-family:var(--font-sans); font-weight:400; line-height:1.5; letter-spacing:-0.011em; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow-x:hidden}
img:where(:root.page-truesigner,:root.page-truesigner *),svg:where(:root.page-truesigner,:root.page-truesigner *){display:block;max-width:100%}
a:where(:root.page-truesigner,:root.page-truesigner *){color:inherit;text-decoration:none}
button:where(:root.page-truesigner,:root.page-truesigner *){font-family:inherit;cursor:pointer}
:where(:root.page-truesigner,:root.page-truesigner *)::selection{background:var(--wine);color:#fff}

/* ---------- layout ---------- */
.wrap:where(:root.page-truesigner,:root.page-truesigner *){max-width:var(--maxw);margin:0 auto;padding-inline:var(--gut)}
.section:where(:root.page-truesigner,:root.page-truesigner *){position:relative;padding-block:70px}
.section--tight:where(:root.page-truesigner,:root.page-truesigner *){padding-block:70px}
.bleed:where(:root.page-truesigner,:root.page-truesigner *){background:var(--paper-2)}
.divider:where(:root.page-truesigner,:root.page-truesigner *){height:1px;background:var(--hair);border:0}

/* ---------- typography ---------- */
.h-display:where(:root.page-truesigner,:root.page-truesigner *){font-weight:700; font-size:clamp(40px,6.6vw,88px); line-height:0.98; letter-spacing:-0.035em; text-wrap:balance}
.h-section:where(:root.page-truesigner,:root.page-truesigner *){font-weight:700; font-size:clamp(28px,4.05vw,52px); line-height:1.02; letter-spacing:-0.03em; text-wrap:balance}
.h-sub:where(:root.page-truesigner,:root.page-truesigner *){font-weight:600; font-size:clamp(22px,2.6vw,32px); line-height:1.1; letter-spacing:-0.02em}
.lede:where(:root.page-truesigner,:root.page-truesigner *){font-size:clamp(17px,1.5vw,20px); line-height:1.55; color:var(--ink-2); font-weight:400; letter-spacing:-0.012em; max-width:62ch; text-wrap:pretty}
.dim:where(:root.page-truesigner,:root.page-truesigner *){color:var(--ink-2)}
.muted:where(:root.page-truesigner,:root.page-truesigner *){color:var(--ink-3)}
.wine-text:where(:root.page-truesigner,:root.page-truesigner *){color:var(--wine)}

/* mono technical label / eyebrow */
.eyebrow:where(:root.page-truesigner,:root.page-truesigner *){display:inline-flex;align-items:center;gap:10px; font-family:var(--font-mono); font-size:12px;font-weight:500; letter-spacing:0.14em;text-transform:uppercase; color:var(--ink-3)}
.eyebrow:where(:root.page-truesigner,:root.page-truesigner *)::before{content:"";width:7px;height:7px;border-radius:2px; background:var(--wine);flex:none}
.eyebrow .num:where(:root.page-truesigner,:root.page-truesigner *){color:var(--wine);font-weight:600}
.kicker:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:11px;font-weight:500; letter-spacing:0.16em;text-transform:uppercase;color:var(--ink-3)}
.tag:where(:root.page-truesigner,:root.page-truesigner *){display:inline-flex;align-items:center;gap:7px; font-family:var(--font-mono);font-size:10.5px;font-weight:500; letter-spacing:0.1em;text-transform:uppercase; color:var(--ink-2); padding:5px 9px;border:1px solid var(--line);border-radius:6px; background:var(--paper)}
.tag .dot:where(:root.page-truesigner,:root.page-truesigner *){width:5px;height:5px;border-radius:50%;background:var(--accent)}
.tag--wine .dot:where(:root.page-truesigner,:root.page-truesigner *){background:var(--wine)}

/* section head block */
.shead:where(:root.page-truesigner,:root.page-truesigner *){max-width:880px}
.shead .h-section:where(:root.page-truesigner,:root.page-truesigner *){margin-top:18px}
.shead .lede:where(:root.page-truesigner,:root.page-truesigner *){margin-top:22px}

/* ---------- buttons ---------- */
.btn:where(:root.page-truesigner,:root.page-truesigner *){display:inline-flex;align-items:center;gap:9px; font-size:15px;font-weight:600;letter-spacing:-0.01em; padding:13px 20px;border-radius:9px;border:1px solid transparent; transition:transform .18s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease), color .2s; white-space:nowrap}
.btn .arr:where(:root.page-truesigner,:root.page-truesigner *){transition:transform .25s var(--ease)}
.btn:hover .arr:where(:root.page-truesigner,:root.page-truesigner *){transform:translateX(3px)}
.btn-primary:where(:root.page-truesigner,:root.page-truesigner *){background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}
.btn-primary:hover:where(:root.page-truesigner,:root.page-truesigner *){background:var(--accent-2);transform:translateY(-1px);box-shadow:var(--shadow-md)}
.btn-wine:where(:root.page-truesigner,:root.page-truesigner *){background:var(--wine);color:#fff}
.btn-wine:hover:where(:root.page-truesigner,:root.page-truesigner *){background:var(--wine-deep);transform:translateY(-1px);box-shadow:0 14px 34px -16px var(--wine)}
.btn-ghost:where(:root.page-truesigner,:root.page-truesigner *){background:transparent;color:var(--ink);border-color:var(--line)}
.btn-ghost:hover:where(:root.page-truesigner,:root.page-truesigner *){border-color:var(--ink);background:var(--paper-2)}
.btn-sm:where(:root.page-truesigner,:root.page-truesigner *){padding:10px 15px;font-size:14px;border-radius:8px}
.link-arrow:where(:root.page-truesigner,:root.page-truesigner *){display:inline-flex;align-items:center;gap:8px; font-weight:600;font-size:15px;color:var(--ink); border-bottom:1px solid transparent;padding-bottom:2px;transition:.2s}
.link-arrow .arr:where(:root.page-truesigner,:root.page-truesigner *){transition:transform .25s var(--ease);color:var(--wine)}
.link-arrow:hover:where(:root.page-truesigner,:root.page-truesigner *){color:var(--wine)}
.link-arrow:hover .arr:where(:root.page-truesigner,:root.page-truesigner *){transform:translateX(4px)}

/* ---------- nav ---------- */
.nav:where(:root.page-truesigner,:root.page-truesigner *){position:fixed;top:0;left:0;right:0;z-index:900;background:transparent;border:0; padding:clamp(12px,1.6vw,20px) clamp(14px,3vw,28px) 0; transition:padding .3s var(--ease)}
.nav.is-stuck:where(:root.page-truesigner,:root.page-truesigner *){padding-top:10px}
.nav-in:where(:root.page-truesigner,:root.page-truesigner *){max-width:1150px;margin:0 auto; height:62px;padding:7px 8px 7px 24px; display:flex;align-items:center;gap:16px; background:rgba(255,255,255,.80); -webkit-backdrop-filter:blur(20px) saturate(165%); backdrop-filter:blur(20px) saturate(165%); border:1px solid rgba(255,255,255,.72); border-radius:100px; box-shadow:0 12px 36px -18px rgba(46,18,26,.30), 0 2px 8px -3px rgba(46,18,26,.12); transition:box-shadow .3s var(--ease), background .3s var(--ease)}
.nav.is-stuck .nav-in:where(:root.page-truesigner,:root.page-truesigner *){background:rgba(255,255,255,.92); box-shadow:0 18px 46px -18px rgba(46,18,26,.40), 0 3px 10px -3px rgba(46,18,26,.16)}
.brand:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;flex:none}
.brand .mark:where(:root.page-truesigner,:root.page-truesigner *){height:54px;width:auto;flex:none;object-fit:contain}
.nav-links:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;justify-content:center;gap:4px;flex:1 1 auto}
.nav-link:where(:root.page-truesigner,:root.page-truesigner *){font-size:14px;font-weight:500;color:var(--ink-2); padding:9px 14px;border-radius:100px;transition:.18s}
.nav-link:hover:where(:root.page-truesigner,:root.page-truesigner *){color:var(--ink);background:rgba(46,18,26,.06)}
.nav-cta:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;gap:8px;flex:none}

/* ---------- nav dropdown ---------- */
.nav-item:where(:root.page-truesigner,:root.page-truesigner *){position:relative;display:flex;align-items:center}
.nav-trigger:where(:root.page-truesigner,:root.page-truesigner *){display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;cursor:pointer;font-family:inherit}
.nav-trigger .caret:where(:root.page-truesigner,:root.page-truesigner *){width:15px;height:15px;color:var(--ink-2);transition:transform .25s var(--ease),color .2s;flex:none}
.nav-trigger .caret path:where(:root.page-truesigner,:root.page-truesigner *){fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav-item:hover .nav-trigger:where(:root.page-truesigner,:root.page-truesigner *),.nav-item:focus-within .nav-trigger:where(:root.page-truesigner,:root.page-truesigner *){color:var(--ink);background:var(--paper-2)}
.nav-item:hover .caret:where(:root.page-truesigner,:root.page-truesigner *),.nav-item:focus-within .caret:where(:root.page-truesigner,:root.page-truesigner *){transform:rotate(180deg);color:var(--wine)}
.nav-menu:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(8px) scale(.985);transform-origin:top center; width:332px;background:var(--paper);border:1px solid var(--line);border-radius:14px; box-shadow:var(--shadow-lg);padding:8px; opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s; z-index:50}
.nav-menu:where(:root.page-truesigner,:root.page-truesigner *)::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nav-item:hover .nav-menu:where(:root.page-truesigner,:root.page-truesigner *),.nav-item:focus-within .nav-menu:where(:root.page-truesigner,:root.page-truesigner *){opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}

/* mega dropdown (Solutions) */
.nav-mega:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;top:calc(100% + 12px);left:0;transform:translateY(8px) scale(.99);transform-origin:top left; width:min(880px,calc(100vw - 48px)); background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg); padding:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px; opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s;z-index:50}
.nav-mega:where(:root.page-truesigner,:root.page-truesigner *)::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nav-item:hover .nav-mega:where(:root.page-truesigner,:root.page-truesigner *),.nav-item:focus-within .nav-mega:where(:root.page-truesigner,:root.page-truesigner *){opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
.mega-col:where(:root.page-truesigner,:root.page-truesigner *){padding:14px 16px;border-radius:12px;border:1px solid transparent;transition:border-color .2s,background .2s}
.mega-col:hover:where(:root.page-truesigner,:root.page-truesigner *){background:var(--paper-2);border-color:var(--line)}
.mega-prod:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;gap:10px;padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.mega-prod .mp-glyph:where(:root.page-truesigner,:root.page-truesigner *){width:28px;height:28px;border-radius:8px;background:var(--accent);color:#fff;display:grid;place-items:center;font-family:var(--font-mono);font-size:9px;font-weight:600;flex:none}
.mega-prod b:where(:root.page-truesigner,:root.page-truesigner *){font-size:15px;font-weight:700;letter-spacing:-0.02em;color:var(--ink)}
.mega-prod:hover b:where(:root.page-truesigner,:root.page-truesigner *){color:var(--wine)}
.mega-desc:where(:root.page-truesigner,:root.page-truesigner *){font-size:12.5px;line-height:1.45;color:var(--ink-3);margin:12px 0 14px;min-height:54px}
.mega-sub:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13.5px;font-weight:500;color:var(--ink-2);padding:8px 0;border-top:1px solid var(--line-2);transition:color .15s}
.mega-sub .arr:where(:root.page-truesigner,:root.page-truesigner *){color:var(--ink-3);opacity:0;transform:translateX(-4px);transition:.18s var(--ease)}
.mega-sub:hover:where(:root.page-truesigner,:root.page-truesigner *){color:var(--wine)}
.mega-sub:hover .arr:where(:root.page-truesigner,:root.page-truesigner *){color:var(--wine);opacity:1;transform:translateX(0)}
.nav-menu-link:where(:root.page-truesigner,:root.page-truesigner *){display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:14px;row-gap:2px; padding:11px 13px;border-radius:10px;transition:background .16s var(--ease)}
.nav-menu-link .nml-t:where(:root.page-truesigner,:root.page-truesigner *){font-size:14.5px;font-weight:600;color:var(--ink);letter-spacing:-0.01em}
.nav-menu-link .nml-d:where(:root.page-truesigner,:root.page-truesigner *){grid-column:1;font-size:12px;color:var(--ink-3);line-height:1.35}
.nav-menu-link .nml-arr:where(:root.page-truesigner,:root.page-truesigner *){grid-column:2;grid-row:1/span 2;color:var(--ink-3);font-size:15px;transition:transform .2s var(--ease),color .2s}
.nav-menu-link:hover:where(:root.page-truesigner,:root.page-truesigner *){background:var(--paper-2)}
.nav-menu-link:hover .nml-t:where(:root.page-truesigner,:root.page-truesigner *){color:var(--wine)}
.nav-menu-link:hover .nml-arr:where(:root.page-truesigner,:root.page-truesigner *){color:var(--wine);transform:translate(3px,-1px)}

/* modern icon dropdown (Solutions + Resources + Industries) */
.nav-mega--icons:where(:root.page-truesigner,:root.page-truesigner *){padding:18px;display:block}
.nav-menu.nav-mega--icons:where(:root.page-truesigner,:root.page-truesigner *){width:392px}
.nmi-label:where(:root.page-truesigner,:root.page-truesigner *){display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);padding:0 4px 12px;margin:0 0 12px;border-bottom:1px solid var(--line)}
.nmi-grid:where(:root.page-truesigner,:root.page-truesigner *){display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}
.nmi-grid--3:where(:root.page-truesigner,:root.page-truesigner *){grid-template-columns:1fr 1fr 1fr}
.nmi-grid--1:where(:root.page-truesigner,:root.page-truesigner *){grid-template-columns:1fr;gap:4px}

/* Solutions: vertical list + preview panel */
.nmi-split:where(:root.page-truesigner,:root.page-truesigner *){display:flex;gap:40px}
.nmi-split .nmi-grid--1:where(:root.page-truesigner,:root.page-truesigner *){flex:0 0 42%;min-width:0;gap:9px;grid-template-columns:1fr}
.nmi-preview:where(:root.page-truesigner,:root.page-truesigner *){flex:1 1 58%;min-width:0;display:flex;flex-direction:column;gap:9px}
.nmp-cap:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.nmp-frame:where(:root.page-truesigner,:root.page-truesigner *){flex:1;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper-2);display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}
.nmp-bar:where(:root.page-truesigner,:root.page-truesigner *){display:flex;gap:5px;padding:11px 13px;border-bottom:1px solid var(--line);background:var(--paper)}
.nmp-bar i:where(:root.page-truesigner,:root.page-truesigner *){width:9px;height:9px;border-radius:50%;background:#DAD7D0}
.nmp-body:where(:root.page-truesigner,:root.page-truesigner *){flex:1;display:flex;flex-direction:column;justify-content:center;gap:9px;padding:24px;position:relative;overflow:hidden;transition:background .25s var(--ease)}
.nmp-body:where(:root.page-truesigner,:root.page-truesigner *)::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.5) 1.1px,transparent 1.1px);background-size:16px 16px;opacity:.5}
.nmp-body.c1:where(:root.page-truesigner,:root.page-truesigner *){background:linear-gradient(150deg,#B23a4a,#8E1B2C)}
.nmp-body.c2:where(:root.page-truesigner,:root.page-truesigner *){background:linear-gradient(150deg,#2A6FDB,#1B44A8)}
.nmp-body.c3:where(:root.page-truesigner,:root.page-truesigner *){background:linear-gradient(150deg,#1F8A5B,#136141)}
.nmp-body.c4:where(:root.page-truesigner,:root.page-truesigner *){background:linear-gradient(150deg,#7A4AD1,#4E2B95)}
.nmp-badge:where(:root.page-truesigner,:root.page-truesigner *){position:relative;font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.nmp-title:where(:root.page-truesigner,:root.page-truesigner *){position:relative;font-size:20px;font-weight:700;letter-spacing:-0.02em;color:#fff;line-height:1.1}
.nmp-sub:where(:root.page-truesigner,:root.page-truesigner *){position:relative;font-size:12.5px;color:rgba(255,255,255,.82);line-height:1.45;max-width:30ch}
.nmp-rows:where(:root.page-truesigner,:root.page-truesigner *){position:relative;display:flex;flex-direction:column;gap:6px;margin-top:8px}
.nmp-rows i:where(:root.page-truesigner,:root.page-truesigner *){height:7px;border-radius:4px;background:rgba(255,255,255,.28)}
.nmp-rows i:nth-child(1):where(:root.page-truesigner,:root.page-truesigner *){width:80%}
.nmp-rows i:nth-child(2):where(:root.page-truesigner,:root.page-truesigner *){width:62%}
.nmp-rows i:nth-child(3):where(:root.page-truesigner,:root.page-truesigner *){width:70%}
.nmi-item:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:flex-start;gap:13px;padding:12px;border-radius:14px;transition:background .16s var(--ease)}
.nmi-item:hover:where(:root.page-truesigner,:root.page-truesigner *){background:var(--paper-2)}
.nmi-ic:where(:root.page-truesigner,:root.page-truesigner *){width:42px;height:42px;border-radius:12px;flex:none;display:grid;place-items:center;color:#fff;box-shadow:0 6px 14px -6px rgba(20,16,22,.4)}
.nmi-ic svg:where(:root.page-truesigner,:root.page-truesigner *){width:22px;height:22px;display:block}
.nmi-grid:where(:root.page-truesigner,:root.page-truesigner *){display:grid;grid-template-columns:1fr 1fr;gap:4px}
.nmi-grid--3:where(:root.page-truesigner,:root.page-truesigner *){grid-template-columns:1fr 1fr 1fr}
.nmi-item:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:flex-start;gap:13px;padding:12px;border-radius:14px;transition:background .16s var(--ease)}
.nmi-item--sm:where(:root.page-truesigner,:root.page-truesigner *){gap:11px;padding:10px 11px}
.nmi-item:hover:where(:root.page-truesigner,:root.page-truesigner *){background:var(--paper-2)}
.nmi-ic:where(:root.page-truesigner,:root.page-truesigner *){width:42px;height:42px;border-radius:12px;flex:none;display:grid;place-items:center;color:#fff;box-shadow:0 6px 14px -6px rgba(20,16,22,.4)}
.nmi-item--sm .nmi-ic:where(:root.page-truesigner,:root.page-truesigner *){width:36px;height:36px;border-radius:10px}
.nmi-item--sm .nmi-ic svg:where(:root.page-truesigner,:root.page-truesigner *){width:19px;height:19px}
.nmi-ic svg:where(:root.page-truesigner,:root.page-truesigner *){width:22px;height:22px;display:block}
.nmi-ic.c1:where(:root.page-truesigner,:root.page-truesigner *){background:linear-gradient(150deg,#B23a4a,#8E1B2C)}
.nmi-ic.c2:where(:root.page-truesigner,:root.page-truesigner *){background:linear-gradient(150deg,#3E63B4,#28407e)}
.nmi-ic.c3:where(:root.page-truesigner,:root.page-truesigner *){background:linear-gradient(150deg,#2E9C6E,#1c6b4a)}
.nmi-ic.c4:where(:root.page-truesigner,:root.page-truesigner *){background:linear-gradient(150deg,#C0892E,#8a611c)}
.nmi-ic.c5:where(:root.page-truesigner,:root.page-truesigner *){background:linear-gradient(150deg,#6b52b4,#4a3780)}
.nmi-tx:where(:root.page-truesigner,:root.page-truesigner *){display:flex;flex-direction:column;gap:3px;min-width:0}
.nmi-tx b:where(:root.page-truesigner,:root.page-truesigner *){font-size:14.5px;font-weight:700;color:var(--ink);letter-spacing:-0.01em;transition:color .16s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nmi-item:hover .nmi-tx b:where(:root.page-truesigner,:root.page-truesigner *){color:var(--wine)}
.nmi-tx span:where(:root.page-truesigner,:root.page-truesigner *){font-size:12px;color:var(--ink-3);line-height:1.35; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Solutions single-col: one-line description */
.nmi-grid--1 .nmi-tx span:where(:root.page-truesigner,:root.page-truesigner *){display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:none}

/* card-grid mega (Industries) — reuses Resources nav-menu-link cards */
.nav-mega--cards:where(:root.page-truesigner,:root.page-truesigner *){display:grid;grid-template-columns:repeat(3,1fr);gap:2px;width:min(640px,calc(100vw - 48px));padding:12px}

/* hover-intent: keep dropdown open while travelling to the panel */
.nav-item.is-open .nav-trigger:where(:root.page-truesigner,:root.page-truesigner *){color:var(--ink);background:var(--paper-2)}
.nav-item.is-open .caret:where(:root.page-truesigner,:root.page-truesigner *){transform:rotate(180deg);color:var(--wine)}
.nav-item.is-open .nav-menu:where(:root.page-truesigner,:root.page-truesigner *){opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}
.nav-item.is-open .nav-mega:where(:root.page-truesigner,:root.page-truesigner *){opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}
.nav-item:not(.is-open):hover .nav-menu:where(:root.page-truesigner,:root.page-truesigner *),.nav-item:not(.is-open):hover .nav-mega:where(:root.page-truesigner,:root.page-truesigner *){opacity:0;visibility:hidden;pointer-events:none}

/* ---------- footer ---------- */
.foot:where(:root.page-truesigner,:root.page-truesigner *){background:var(--paper-2);border-top:1px solid var(--line);padding-block:clamp(64px,8vw,104px) 36px}
.foot-grid:where(:root.page-truesigner,:root.page-truesigner *){display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:48px 36px}
.foot :is(h3,h4):where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500;margin-bottom:16px}
.foot-brand:where(:root.page-truesigner,:root.page-truesigner *){margin-bottom:20px}
.foot-brand .mark:where(:root.page-truesigner,:root.page-truesigner *){height:56px;width:auto}
.foot ul:where(:root.page-truesigner,:root.page-truesigner *){list-style:none;display:flex;flex-direction:column;gap:11px}
.foot li a:where(:root.page-truesigner,:root.page-truesigner *){font-size:14.5px;color:var(--ink-2);transition:.15s}
.foot li a:hover:where(:root.page-truesigner,:root.page-truesigner *){color:var(--wine)}
.foot-badge:where(:root.page-truesigner,:root.page-truesigner *){display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--wine);background:var(--wine-soft);padding:3px 7px;border-radius:5px;text-transform:uppercase;white-space:nowrap}

/* ---------- reveal / motion ----------
   Reveal hidden/visible state is driven by JS via inline styles so the
   visible END state is always the static computed style (never dependent on
   the animation clock). The WAAPI keyframe is pure enhancement. */

/* hairline tech grid background */
.grid-bg:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;inset:0;pointer-events:none; background-image:linear-gradient(var(--hair) 1px,transparent 1px),linear-gradient(90deg,var(--hair) 1px,transparent 1px); background-size:64px 64px; -webkit-mask-image:radial-gradient(120% 90% at 70% 0%,#000 0%,transparent 72%); mask-image:radial-gradient(120% 90% at 70% 0%,#000 0%,transparent 72%); opacity:.5}

/* utility */
.mono:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono)}
.nowrap:where(:root.page-truesigner,:root.page-truesigner *){white-space:nowrap}
.center:where(:root.page-truesigner,:root.page-truesigner *){text-align:center}
.stat-num:where(:root.page-truesigner,:root.page-truesigner *){font-size:clamp(30px,3.4vw,46px);font-weight:700;letter-spacing:-0.03em;line-height:1;font-variant-numeric:tabular-nums}
.stat-lbl:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:9px}

/* ---------- cookie / privacy bar ---------- */
.cookiebar:where(:root.page-truesigner,:root.page-truesigner *){position:fixed;left:0;right:0;bottom:0;z-index:920; padding:0 clamp(12px,3vw,28px) clamp(12px,2.4vw,22px); pointer-events:none; opacity:0;transform:translateY(130%)}
.cookiebar-in:where(:root.page-truesigner,:root.page-truesigner *){pointer-events:auto;position:relative; max-width:1180px;margin:0 auto; display:flex;align-items:center;gap:clamp(14px,2vw,26px); background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%); border:1px solid var(--line);border-radius:14px; box-shadow:var(--shadow-lg); padding:14px clamp(16px,2vw,22px)}
.cb-ico:where(:root.page-truesigner,:root.page-truesigner *){flex:none;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--wine);background:var(--wine-soft);border:1px solid var(--wine-line)}
.cb-text:where(:root.page-truesigner,:root.page-truesigner *){flex:1;min-width:0;font-size:13.5px;line-height:1.5;color:var(--ink-2);letter-spacing:-0.005em;text-wrap:pretty}
.cb-text a:where(:root.page-truesigner,:root.page-truesigner *){color:var(--wine);font-weight:600;border-bottom:1px solid var(--wine-line);transition:.18s}
.cb-text a:hover:where(:root.page-truesigner,:root.page-truesigner *){border-bottom-color:var(--wine)}
.cb-actions:where(:root.page-truesigner,:root.page-truesigner *){flex:none;display:flex;align-items:center;gap:10px}
.cb-close:where(:root.page-truesigner,:root.page-truesigner *){flex:none;width:30px;height:30px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--ink-3);font-size:20px;line-height:1;display:grid;place-items:center;transition:.18s}
.cb-close:hover:where(:root.page-truesigner,:root.page-truesigner *){background:var(--paper-2);color:var(--ink)}

/* touch 1781880836837 */

/* ============================================================================
   TRUECOPY — sections.css
   ========================================================================== */

/* ============================ HERO (centered SaaS · red gradient) ============================ */
.hero:where(:root.page-truesigner,:root.page-truesigner *){position:relative;isolation:isolate; overflow:hidden;text-align:center;color:#fff; background: linear-gradient(180deg, rgba(255,255,255,.05), transparent 24%), linear-gradient(180deg,#6F1E2A 0%,#892634 15%,#A6333E 30%,#C25551 45%,#DA8377 58%,#F0C2B6 70%,#FBEAE3 78%,#FFFFFF 86%,#FFFFFF 100%)}

/* circular visual language */
.hero-bg:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.hero-noise:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;inset:0;pointer-events:none;opacity:.18;mix-blend-mode:soft-light; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='hn'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23hn)'/%3E%3C/svg%3E");background-size:150px 150px}
.hero-glow:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;left:50%;top:32%;width:680px;height:680px;transform:translate(-50%,-50%); background:radial-gradient(circle,rgba(255,205,188,.26),transparent 64%);filter:blur(12px); animation:heroGlow 9s var(--ease) infinite}
.orbit:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);border-radius:50%; border:1px solid rgba(255,255,255,.16); -webkit-mask-image:radial-gradient(circle,transparent 38%,#000 56%,#000 70%,transparent 86%); mask-image:radial-gradient(circle,transparent 38%,#000 56%,#000 70%,transparent 86%)}
.orbit-1:where(:root.page-truesigner,:root.page-truesigner *){width:680px;height:680px}
.orbit-2:where(:root.page-truesigner,:root.page-truesigner *){width:1080px;height:1080px;border-color:rgba(255,255,255,.10)}
.orbit-2.dashed-spin:where(:root.page-truesigner,:root.page-truesigner *){border-style:dashed;border-width:1.5px;border-color:rgba(255,255,255,.34); -webkit-mask-image:none;mask-image:none;animation:spin 60s linear infinite}
.orbit-3:where(:root.page-truesigner,:root.page-truesigner *){width:1480px;height:1480px;border-color:rgba(255,255,255,.07)}
.orbit-4:where(:root.page-truesigner,:root.page-truesigner *){width:1880px;height:1880px;border-color:rgba(255,255,255,.16)}
.orbit-4.dashed:where(:root.page-truesigner,:root.page-truesigner *){border-style:dashed;border-width:1px;animation:spin 80s linear infinite}
.hero-float-ring:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.30);opacity:.3}
.fr-a:where(:root.page-truesigner,:root.page-truesigner *){width:16px;height:16px;left:8%;top:30%;background:rgba(255,255,255,.14);animation:floatY 7s var(--ease) infinite}
.fr-d:where(:root.page-truesigner,:root.page-truesigner *){width:11px;height:11px;left:12%;top:64%;background:rgba(255,255,255,.55);border:0;animation:floatY 8s var(--ease) infinite reverse}
.fr-b:where(:root.page-truesigner,:root.page-truesigner *){width:30px;height:30px;right:8%;top:28%;animation:floatY 9s var(--ease) infinite reverse}
.fr-c:where(:root.page-truesigner,:root.page-truesigner *){width:11px;height:11px;right:12%;top:64%;background:rgba(255,255,255,.55);border:0;animation:floatY 6s var(--ease) infinite}
.hero-in:where(:root.page-truesigner,:root.page-truesigner *){position:relative;display:block}
.hero-copy:where(:root.page-truesigner,:root.page-truesigner *){max-width:880px;margin:0 auto}

/* social-proof review badge */
.hero-badge:where(:root.page-truesigner,:root.page-truesigner *){display:inline-flex;align-items:center;gap:11px;margin:0 auto;white-space:nowrap; padding:7px 16px 7px 12px;border-radius:100px; background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.26); -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px); font-size:13.5px;font-weight:500;color:rgba(255,255,255,.92);transition:.2s var(--ease)}
.hero-badge:hover:where(:root.page-truesigner,:root.page-truesigner *){background:rgba(255,255,255,.2);transform:translateY(-1px)}
.hero-badge .stars:where(:root.page-truesigner,:root.page-truesigner *){color:#FFD9A0;font-size:12px;letter-spacing:1px}
.hero-badge .hb-tx b:where(:root.page-truesigner,:root.page-truesigner *){font-weight:700;color:#fff}
.hero h1:where(:root.page-truesigner,:root.page-truesigner *){margin:26px auto 0;color:#fff;max-width:none; font-size:clamp(21px,2.6vw,34px);line-height:1.14;letter-spacing:-0.035em}
.hero h1 .ln1:where(:root.page-truesigner,:root.page-truesigner *){display:block;white-space:nowrap}
.hero h1 .ln2:where(:root.page-truesigner,:root.page-truesigner *){display:block;color:#fff;white-space:nowrap}
.hero h1 .ln3:where(:root.page-truesigner,:root.page-truesigner *){color:#fff}
.hero .lede:where(:root.page-truesigner,:root.page-truesigner *){margin:24px auto 0;color:rgba(255,255,255,.84);max-width:60ch;text-align:center;font-size:clamp(16px,1.5vw,19.5px)}
.hero-cta:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;justify-content:center;gap:20px;margin-top:38px;flex-wrap:wrap}
.hero-form:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;gap:6px;margin:34px auto 0;width:100%;max-width:476px; background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.32);border-radius:100px; padding:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px); box-shadow:0 16px 44px -22px rgba(40,8,12,.42)}
.hero-form:focus-within:where(:root.page-truesigner,:root.page-truesigner *){border-color:rgba(255,255,255,.58);background:rgba(255,255,255,.18)}
.hero-email:where(:root.page-truesigner,:root.page-truesigner *){flex:1 1 auto;min-width:0;background:transparent;border:0;outline:none;color:#fff; font-size:15px;padding:11px 8px 11px 18px;font-family:inherit;letter-spacing:-0.01em}
.hero-email:where(:root.page-truesigner,:root.page-truesigner *)::placeholder{color:rgba(255,255,255,.72)}
.hero-form .btn-hero:where(:root.page-truesigner,:root.page-truesigner *){flex:none}
.btn-hero:where(:root.page-truesigner,:root.page-truesigner *){background:#fff;color:var(--wine-deep);font-weight:700;padding:11px 24px;border-radius:100px; box-shadow:0 14px 34px -16px rgba(40,8,12,.45),0 1px 0 rgba(255,255,255,.5) inset;font-size:15px}
.btn-hero:hover:where(:root.page-truesigner,:root.page-truesigner *){transform:translateY(-2px);background:#fff;box-shadow:0 26px 60px -18px rgba(40,8,12,.62)}
.btn-hero .arr:where(:root.page-truesigner,:root.page-truesigner *){transition:transform .25s var(--ease)}
.btn-hero:hover .arr:where(:root.page-truesigner,:root.page-truesigner *){transform:translateX(4px)}
.hero-play:where(:root.page-truesigner,:root.page-truesigner *){display:inline-flex;align-items:center;gap:11px;color:#fff;font-weight:600;font-size:15px;opacity:.95;transition:.2s}
.hero-play:hover:where(:root.page-truesigner,:root.page-truesigner *){opacity:1}
.hero-play .hp-ic:where(:root.page-truesigner,:root.page-truesigner *){width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none; background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.32);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:.2s var(--ease)}
.hero-play .hp-ic:where(:root.page-truesigner,:root.page-truesigner *)::after{content:"";width:0;height:0;border-left:9px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:3px}
.hero-play:hover .hp-ic:where(:root.page-truesigner,:root.page-truesigner *){background:rgba(255,255,255,.26);transform:scale(1.06)}
.hero-trust:where(:root.page-truesigner,:root.page-truesigner *){display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:42px}
.hero-trust .ht:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;gap:10px;padding:9px 16px;border-radius:100px; background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20); -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.hero-trust .ht-ic:where(:root.page-truesigner,:root.page-truesigner *){width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.22);color:#fff;display:grid;place-items:center;font-size:10px;flex:none}
.hero-trust .ht-tx:where(:root.page-truesigner,:root.page-truesigner *){display:flex;flex-direction:column;gap:0;text-align:left;line-height:1.15}
.hero-trust .ht b:where(:root.page-truesigner,:root.page-truesigner *){font-size:13px;font-weight:700;color:#fff}
.hero-trust .ht span:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6)}

/* product mockup floating below */
.hero-stage-wrap:where(:root.page-truesigner,:root.page-truesigner *){position:relative;max-width:955px;margin:clamp(104px,12vw,168px) auto 0;perspective:1800px}
.hero-stage-wrap .stage:where(:root.page-truesigner,:root.page-truesigner *){border-radius:24px;border:15px solid rgba(248,205,197,.6); box-shadow:0 26px 56px -36px rgba(70,22,30,.28); transform:rotateX(3deg);transform-origin:center top;background-clip:padding-box}
.hero-float:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;z-index:4;display:flex;align-items:center;gap:11px; padding:11px 14px;border-radius:13px;background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.8); box-shadow:0 22px 50px -22px rgba(40,8,16,.45)}
.hero-float .hfl-tx:where(:root.page-truesigner,:root.page-truesigner *){display:flex;flex-direction:column;text-align:left;line-height:1.25}
.hero-float .hfl-tx b:where(:root.page-truesigner,:root.page-truesigner *){font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-0.01em}
.hero-float .hfl-tx span:where(:root.page-truesigner,:root.page-truesigner *){font-size:11px;color:var(--ink-3)}
.hf-1:where(:root.page-truesigner,:root.page-truesigner *){left:-30px;top:24%;animation:floatCard 6.5s var(--ease) infinite}
.hf-1 .hfl-dot:where(:root.page-truesigner,:root.page-truesigner *){width:30px;height:30px;border-radius:50%;background:var(--wine-soft);position:relative;flex:none}
.hf-1 .hfl-dot:where(:root.page-truesigner,:root.page-truesigner *)::after{content:"\2713";position:absolute;inset:0;display:grid;place-items:center;color:var(--wine);font-weight:700;font-size:14px}
.hf-2:where(:root.page-truesigner,:root.page-truesigner *){right:-26px;top:54%;animation:floatCard 7.5s var(--ease) infinite reverse}
.hf-2 .hfl-ring:where(:root.page-truesigner,:root.page-truesigner *){position:relative;width:38px;height:38px;flex:none;display:grid;place-items:center}
.hf-2 .hfl-ring svg:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;inset:0;transform:rotate(-90deg)}
.hf-2 .hfl-ring circle:where(:root.page-truesigner,:root.page-truesigner *){fill:none;stroke:var(--line);stroke-width:3}
.hf-2 .hfl-ring circle.prog:where(:root.page-truesigner,:root.page-truesigner *){stroke:var(--accent);stroke-linecap:round;stroke-dasharray:97.4;stroke-dashoffset:2}
.hf-2 .hfl-ring span:where(:root.page-truesigner,:root.page-truesigner *){font-size:10px;font-weight:700;color:var(--ink)}

/* hero product infographics — static icon circles riding the moving ring */

/* chips ride the dashed moving ring — two stacked on the left side, two on the right,
   vertically centred on the ring's centre (left:50%, top:34% — matching .orbit) */
.hero-chips:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;pointer-events:none; --rx:clamp(300px,41vw,500px);--ry:clamp(92px,10vw,150px)}
.hchip:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;width:clamp(122px,11vw,154px);aspect-ratio:1;border-radius:26px;display:grid;place-items:center; pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent; background:linear-gradient(160deg,rgba(255,255,255,.20),rgba(255,255,255,.05))}
.hchip .hc-inner:where(:root.page-truesigner,:root.page-truesigner *){transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.hchip:hover .hc-inner:where(:root.page-truesigner,:root.page-truesigner *){transform:scale(1.05);box-shadow:0 18px 34px -14px rgba(70,18,28,.6)}
.hchip:active .hc-inner:where(:root.page-truesigner,:root.page-truesigner *){transform:scale(.93);transition-duration:.09s}
.hchip:focus-visible:where(:root.page-truesigner,:root.page-truesigner *){outline:2px solid #fff;outline-offset:3px}
.hchip:nth-child(1):where(:root.page-truesigner,:root.page-truesigner *){left:calc(50% - var(--rx) + 30px);top:calc(34% - 150px - var(--ry));transform:translate(-50%,-50%);animation:hchipL 6.5s var(--ease) infinite}
.hchip:nth-child(2):where(:root.page-truesigner,:root.page-truesigner *){left:calc(50% - var(--rx) - 20px);top:calc(34% - 110px + var(--ry));transform:translate(-50%,-50%);animation:hchipL 6.5s var(--ease) infinite;animation-delay:-2.2s}
.hchip:nth-child(3):where(:root.page-truesigner,:root.page-truesigner *){left:calc(50% + var(--rx) - 30px);top:calc(34% - 150px - var(--ry));transform:translate(-50%,-50%);animation:hchipR 6.5s var(--ease) infinite;animation-delay:-1.1s}
.hchip:nth-child(4):where(:root.page-truesigner,:root.page-truesigner *){left:calc(50% + var(--rx) + 30px);top:calc(34% - 110px + var(--ry));transform:translate(-50%,-50%);animation:hchipR 6.5s var(--ease) infinite;animation-delay:-3.4s}
html[data-motion="off"] .hchip:where(:root.page-truesigner,:root.page-truesigner *){animation:none}
.hchip:where(:root.page-truesigner,:root.page-truesigner *)::before{content:"";position:absolute;inset:0;border-radius:26px;padding:1.4px;pointer-events:none; background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.05) 70%,transparent); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.hc-inner:where(:root.page-truesigner,:root.page-truesigner *){width:80%;height:80%;border-radius:18px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:6px; box-shadow:0 12px 26px -12px rgba(70,18,28,.5)}
.hchip .hc-fig:where(:root.page-truesigner,:root.page-truesigner *){height:clamp(44px,4.6vw,58px);width:auto;max-width:92%;display:block}
.hchip:first-child .hc-fig:where(:root.page-truesigner,:root.page-truesigner *){height:clamp(58px,6.1vw,78px)}
.hc-nm:where(:root.page-truesigner,:root.page-truesigner *){font-size:clamp(11px,1vw,13px);font-weight:600;color:var(--wine);letter-spacing:-0.01em}

/* dashboard stage */
.stage:where(:root.page-truesigner,:root.page-truesigner *){position:relative;border-radius:16px;background:var(--paper); border:1px solid var(--line);box-shadow:var(--shadow-lg);overflow:hidden}
.stage-bar:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;gap:14px;padding:12px 14px;border-bottom:1px solid var(--line-2);background:var(--paper-2)}
.win-dots:where(:root.page-truesigner,:root.page-truesigner *){display:flex;gap:6px}
.win-dots i:where(:root.page-truesigner,:root.page-truesigner *){width:10px;height:10px;border-radius:50%;background:#DAD7D0;display:block}
.stage-addr:where(:root.page-truesigner,:root.page-truesigner *){flex:1;display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--ink-3);background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:5px 10px;min-width:0}
.stage-addr .lock:where(:root.page-truesigner,:root.page-truesigner *){color:var(--accent)}
.stage-addr .url:where(:root.page-truesigner,:root.page-truesigner *){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stage-live:where(:root.page-truesigner,:root.page-truesigner *){display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:#16804a}
.stage-live i:where(:root.page-truesigner,:root.page-truesigner *){width:6px;height:6px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 0 rgba(22,163,74,.5);animation:livePulse 2.4s infinite}
.stage-tabs:where(:root.page-truesigner,:root.page-truesigner *){position:relative;display:flex;gap:4px;padding:8px 10px;border-bottom:1px solid var(--line-2)}
.tab-ind:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;top:8px;left:0;height:calc(100% - 16px);width:0;background:var(--paper-2);border:1px solid var(--line);border-radius:8px;z-index:0;pointer-events:none}
.stab:where(:root.page-truesigner,:root.page-truesigner *){position:relative;z-index:1;flex:1 1 0;min-width:0;overflow:hidden; display:inline-flex;align-items:center;justify-content:center;gap:6px; font-size:12px;font-weight:600;letter-spacing:-0.01em;color:var(--ink-3); padding:8px 6px;border-radius:8px;border:1px solid transparent;background:transparent;transition:color .2s var(--ease)}
.stab .gl:where(:root.page-truesigner,:root.page-truesigner *){width:17px;height:17px;border-radius:5px;display:grid;place-items:center;font-family:var(--font-mono);font-size:7.5px;font-weight:600;color:#fff;background:var(--ink-3);transition:background .2s;flex:none}
.stab-tx:where(:root.page-truesigner,:root.page-truesigner *){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.stab:hover:where(:root.page-truesigner,:root.page-truesigner *){color:var(--ink)}
.stab.is-active:where(:root.page-truesigner,:root.page-truesigner *){color:var(--ink)}
.stab.is-active .gl:where(:root.page-truesigner,:root.page-truesigner *){background:var(--wine)}
.stage-body:where(:root.page-truesigner,:root.page-truesigner *){position:relative;aspect-ratio:16/10.2;background:var(--paper-2);overflow:hidden}
.panel-track:where(:root.page-truesigner,:root.page-truesigner *){display:flex;height:100%;width:100%;will-change:transform}
.panel:where(:root.page-truesigner,:root.page-truesigner *){flex:0 0 100%;height:100%;padding:20px;opacity:1;pointer-events:auto}

/* video placeholder */
.vplace:where(:root.page-truesigner,:root.page-truesigner *){position:relative;width:100%;height:100%;border-radius:11px;overflow:hidden;background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column}
.vplace-top:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid var(--line-2)}
.vplace-top .vt:where(:root.page-truesigner,:root.page-truesigner *){font-weight:600;font-size:13.5px}
.vplace-top .vmeta:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--ink-3)}
.poster:where(:root.page-truesigner,:root.page-truesigner *){position:relative;flex:1;overflow:hidden;background: radial-gradient(120% 120% at 80% 0%, var(--paper-2), var(--paper))}
.poster-dots:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1px,transparent 1px);background-size:18px 18px;opacity:.6;-webkit-mask-image:linear-gradient(transparent,#000 30%);mask-image:linear-gradient(transparent,#000 30%)}
.play:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3; width:64px;height:64px;border-radius:50%;background:var(--wine);border:0; display:grid;place-items:center;box-shadow:0 16px 40px -12px rgba(155,27,46,.6);transition:.25s var(--ease)}
.play:where(:root.page-truesigner,:root.page-truesigner *)::after{content:"";width:0;height:0;border-left:17px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:4px}
.play:hover:where(:root.page-truesigner,:root.page-truesigner *){transform:translate(-50%,-50%) scale(1.07)}
.play-ring:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;border:1px solid var(--wine-line);z-index:2;animation:ring 3s var(--ease) infinite}
.vcap:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;left:14px;bottom:13px;z-index:3;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--ink-3);background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:5px 9px;border-radius:6px;border:1px solid var(--line)}

/* faux dashboard rows inside poster */
.fx:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;border-radius:7px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.fx-row:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;gap:9px;padding:9px 12px}
.fx-ic:where(:root.page-truesigner,:root.page-truesigner *){width:24px;height:24px;border-radius:6px;background:var(--accent-soft);flex:none}
.fx-bar:where(:root.page-truesigner,:root.page-truesigner *){height:7px;border-radius:4px;background:var(--paper-3)}
.fx-chip:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:9px;letter-spacing:.05em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:2px 6px}
.fx-col:where(:root.page-truesigner,:root.page-truesigner *){display:flex;flex-direction:column;justify-content:flex-end;gap:0;align-items:center}
.fx-colbar:where(:root.page-truesigner,:root.page-truesigner *){width:18px;border-radius:3px 3px 0 0;background:var(--accent);opacity:.85}
.fx-colbar.lo:where(:root.page-truesigner,:root.page-truesigner *){background:var(--paper-3)}
.fx-colbar.wine:where(:root.page-truesigner,:root.page-truesigner *){background:var(--wine)}

/* floating controls */
.stage-ctrl:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;right:16px;bottom:16px;z-index:6;display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:100px;padding:6px;box-shadow:var(--shadow-md)}
.stage-ctrl button:where(:root.page-truesigner,:root.page-truesigner *){width:30px;height:30px;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--ink-2);display:grid;place-items:center;transition:.18s}
.stage-ctrl button:hover:where(:root.page-truesigner,:root.page-truesigner *){background:var(--paper-2);color:var(--ink)}
.dots:where(:root.page-truesigner,:root.page-truesigner *){display:flex;gap:6px;padding:0 4px}
.dots i:where(:root.page-truesigner,:root.page-truesigner *){width:6px;height:6px;border-radius:50%;background:var(--line);transition:.25s;cursor:pointer}
.dots i.on:where(:root.page-truesigner,:root.page-truesigner *){background:var(--wine);width:18px;border-radius:4px}

/* ============================ TRUST BAR (left text · right logo cloud) ============================ */
.trustbar:where(:root.page-truesigner,:root.page-truesigner *){background:var(--paper);padding-block:clamp(24px,3vw,40px)}
.trustbar-in:where(:root.page-truesigner,:root.page-truesigner *){display:grid;grid-template-columns:minmax(180px,0.66fr) 1.7fr;gap:clamp(20px,3.2vw,48px);align-items:center}
.trustbar-label:where(:root.page-truesigner,:root.page-truesigner *){font-size:clamp(18px,1.95vw,24px);font-weight:600;letter-spacing:-0.01em;color:var(--ink);line-height:1.3;display:block;max-width:22ch}
.tb-marquee:where(:root.page-truesigner,:root.page-truesigner *){position:relative;overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.tb-track:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;width:max-content;gap:clamp(34px,3.8vw,60px);animation:tbScroll 36s linear infinite}
.tb-marquee:hover .tb-track:where(:root.page-truesigner,:root.page-truesigner *){animation-play-state:paused}
html[data-motion="off"] .tb-track:where(:root.page-truesigner,:root.page-truesigner *){animation:none}
.tb-logo:where(:root.page-truesigner,:root.page-truesigner *){display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:clamp(18px,1.8vw,23px);letter-spacing:-0.02em;color:var(--ink-3);opacity:.7;white-space:nowrap;transition:color .22s var(--ease),opacity .22s var(--ease)}
.tb-logo:hover:where(:root.page-truesigner,:root.page-truesigner *){color:var(--ink);opacity:1}
.tb-ic:where(:root.page-truesigner,:root.page-truesigner *){width:.92em;height:.92em;fill:currentColor;flex:none}
.tb-sap:where(:root.page-truesigner,:root.page-truesigner *){font-weight:800;letter-spacing:.01em}
.tb-aws:where(:root.page-truesigner,:root.page-truesigner *){font-weight:800;letter-spacing:-.03em;align-items:flex-end;gap:2px}
.tb-aws .tb-smile:where(:root.page-truesigner,:root.page-truesigner *){width:1.5em;height:.4em;fill:currentColor;margin-bottom:3px}

/* ============================ MILESTONE JOURNEY ============================ */
.journey:where(:root.page-truesigner,:root.page-truesigner *){position:relative;--jpt:clamp(57px,6.6vw,92px);padding-block:var(--jpt) 0}
.journey:where(:root.page-truesigner,:root.page-truesigner *)::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;z-index:0;pointer-events:none; background:repeating-linear-gradient(90deg,var(--hair) 0 7px,transparent 7px 15px);background-size:15px 1px;animation:dashFlowX 1.1s linear infinite}
html[data-motion="off"] .journey:where(:root.page-truesigner,:root.page-truesigner *)::before{animation:none}
.journey-head:where(:root.page-truesigner,:root.page-truesigner *){text-align:center;max-width:640px;margin:0 auto clamp(52px,6vw,86px)}
.journey-head .eyebrow:where(:root.page-truesigner,:root.page-truesigner *){margin-bottom:18px}
.journey-head .h-section:where(:root.page-truesigner,:root.page-truesigner *){margin:0 auto}
.journey>.wrap:where(:root.page-truesigner,:root.page-truesigner *){position:relative}
.journey>.wrap:where(:root.page-truesigner,:root.page-truesigner *)::before,.journey>.wrap:where(:root.page-truesigner,:root.page-truesigner *)::after{content:"";position:absolute;top:calc(var(--jpt)*-1);bottom:0;width:1px;z-index:0;pointer-events:none; background:repeating-linear-gradient(180deg,var(--hair) 0 6px,transparent 6px 13px);background-size:1px 13px;animation:dashFlowY 1.1s linear infinite}
.journey>.wrap:where(:root.page-truesigner,:root.page-truesigner *)::before{left:0}
.journey>.wrap:where(:root.page-truesigner,:root.page-truesigner *)::after{right:0}
html[data-motion="off"] .journey>.wrap:where(:root.page-truesigner,:root.page-truesigner *)::before,html[data-motion="off"] .journey>.wrap:where(:root.page-truesigner,:root.page-truesigner *)::after{animation:none}
.journey-map:where(:root.page-truesigner,:root.page-truesigner *){position:relative}
.journey-curve:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;top:0;left:0;width:100%;height:196px;z-index:0;overflow:visible}
.jc-base:where(:root.page-truesigner,:root.page-truesigner *){fill:none;stroke:#d8d5ce;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round}
.jc-line:where(:root.page-truesigner,:root.page-truesigner *){fill:none;stroke:var(--wine);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round}
.journey-row:where(:root.page-truesigner,:root.page-truesigner *){position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr)}
.milestone:where(:root.page-truesigner,:root.page-truesigner *){display:flex;flex-direction:column;align-items:center;text-align:center;padding-inline:clamp(6px,1vw,16px)}
.milestone .dot:where(:root.page-truesigner,:root.page-truesigner *){width:14px;height:14px;border-radius:50%;background:var(--paper);border:2px solid #cbc8c1; margin-top:calc(var(--cy) - 7px);position:relative;z-index:2;box-shadow:0 0 0 5px rgba(20,16,22,.03);transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}
.milestone .dot:where(:root.page-truesigner,:root.page-truesigner *)::after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--wine);transform:scale(0)}
.milestone .dot.lit:where(:root.page-truesigner,:root.page-truesigner *)::after{animation:dotPop .46s cubic-bezier(.34,1.56,.64,1) forwards}
html[data-motion="off"] .milestone .dot.lit:where(:root.page-truesigner,:root.page-truesigner *)::after{animation:none;transform:scale(1)}
.milestone .dot.lit:where(:root.page-truesigner,:root.page-truesigner *){border-color:var(--wine);box-shadow:0 0 0 5px color-mix(in srgb,var(--wine) 9%,transparent)}
.milestone .conn:where(:root.page-truesigner,:root.page-truesigner *){width:1px;height:200px; background:linear-gradient(180deg,var(--wine) calc(var(--fill,0)*100%),#d8d5ce calc(var(--fill,0)*100%))}
.milestone .mcontent:where(:root.page-truesigner,:root.page-truesigner *){margin-top:18px;padding-bottom:clamp(40px,5.5vw,84px)}

/* centered trust badges (top open space, above the arc) */
.journey-badges:where(:root.page-truesigner,:root.page-truesigner *){position:relative;z-index:3;display:inline-flex;gap:0;justify-content:center;margin:0 auto; background:linear-gradient(135deg,var(--wine-soft) 0%,#fff 45%,var(--accent-soft) 100%); border:1px solid var(--wine-line);border-radius:100px;padding:6px;box-shadow:0 18px 40px -22px rgba(120,18,28,.3)}
.journey-badges-wrap:where(:root.page-truesigner,:root.page-truesigner *){display:flex;justify-content:center;margin-bottom:clamp(16px,2vw,28px)}
.journey-badges .jb:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;gap:11px;padding:10px 24px;position:relative}
.journey-badges .jb+.jb:where(:root.page-truesigner,:root.page-truesigner *)::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:26px;background:var(--wine-line)}
.journey-badges .jb-ic:where(:root.page-truesigner,:root.page-truesigner *){width:24px;height:24px;border-radius:50%;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}
.journey-badges .jb-t b:where(:root.page-truesigner,:root.page-truesigner *){font-size:14px;font-weight:700;letter-spacing:-0.01em;display:block;line-height:1.05}
.journey-badges .jb-t span:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.mcontent .mnum:where(:root.page-truesigner,:root.page-truesigner *){font-size:clamp(30px,3.4vw,50px);font-weight:700;letter-spacing:-0.03em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.mcontent .mlbl:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:11px}

/* ============================ PRODUCT EXPLORER ============================ */
.prodx:where(:root.page-truesigner,:root.page-truesigner *){padding-block:70px;background:#F3F1EE}
.prodx-head:where(:root.page-truesigner,:root.page-truesigner *){text-align:center;margin-bottom:clamp(26px,3.2vw,44px)}
.prodx-head .h-section:where(:root.page-truesigner,:root.page-truesigner *){margin:0 auto;max-width:none;font-size:clamp(24px,3.4vw,42px)}
.prodx-card:where(:root.page-truesigner,:root.page-truesigner *){background:var(--paper);border-radius:28px;padding:clamp(22px,2.8vw,42px)}
.prodx-tabs:where(:root.page-truesigner,:root.page-truesigner *){position:relative;display:flex;flex-wrap:nowrap;gap:clamp(8px,2vw,40px);margin-bottom:clamp(26px,3.2vw,44px)}
.prodx-ind:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;top:0;left:0;height:100%;width:0;border-radius:20px 20px 2px 2px;background:var(--wine-soft);z-index:0;pointer-events:none}
.prodx-tab:where(:root.page-truesigner,:root.page-truesigner *){position:relative;z-index:1;flex:1 1 0;min-width:0;text-align:center;font-size:clamp(15px,1.95vw,31px);font-weight:400;letter-spacing:-0.025em;line-height:1;color:#b7adb0;background:transparent;border:0;padding:clamp(16px,1.8vw,26px) 10px;border-radius:20px 20px 2px 2px;cursor:pointer;transition:color .2s var(--ease),background .2s var(--ease)}
.prodx-tab:hover:where(:root.page-truesigner,:root.page-truesigner *){color:var(--wine)}
.prodx-tab:not(.is-active):hover:where(:root.page-truesigner,:root.page-truesigner *){background:color-mix(in srgb,var(--wine) 6%,transparent)}
.prodx-tab.is-active:where(:root.page-truesigner,:root.page-truesigner *){color:var(--wine);font-weight:700}
.prodx-stage:where(:root.page-truesigner,:root.page-truesigner *){display:grid;grid-template-columns:0.82fr 1.18fr;gap:clamp(26px,3.4vw,52px);align-items:center;background:none;border:0;box-shadow:none;padding:0;border-radius:0}
.prodx-info:where(:root.page-truesigner,:root.page-truesigner *){min-width:0;padding-left:clamp(2px,1.2vw,20px)}
.pi-title:where(:root.page-truesigner,:root.page-truesigner *){font-size:clamp(26px,3vw,42px);font-weight:700;letter-spacing:-0.03em;line-height:1.04;margin:0 0 16px;text-wrap:balance}
.pi-desc:where(:root.page-truesigner,:root.page-truesigner *){font-size:16px;color:var(--ink-2);line-height:1.6;max-width:42ch}
.pi-link:where(:root.page-truesigner,:root.page-truesigner *){margin-top:26px}
.pi-link.link-arrow:where(:root.page-truesigner,:root.page-truesigner *){color:var(--wine);border-bottom:0;padding:10px 18px;border-radius:100px;background:transparent;border:1px solid var(--wine-line);transition:background .22s var(--ease),border-color .22s var(--ease),color .22s}
.pi-link.link-arrow:hover:where(:root.page-truesigner,:root.page-truesigner *){background:var(--wine-soft);border-color:var(--wine)}
.pi-link.link-arrow .arr:where(:root.page-truesigner,:root.page-truesigner *){color:var(--wine)}
.prodx-viz:where(:root.page-truesigner,:root.page-truesigner *){position:relative;min-height:360px;border-radius:20px;overflow:visible;padding:0;display:flex;align-items:center;justify-content:center;background:transparent}
.prodx-figstack:where(:root.page-truesigner,:root.page-truesigner *){position:relative;width:100%;aspect-ratio:1536/1024}
.prodx-fig:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(.985);transition:opacity .5s var(--ease),transform .6s var(--ease);pointer-events:none}
.prodx-fig.is-active:where(:root.page-truesigner,:root.page-truesigner *){opacity:1;transform:none}
.prodx-vidframe:where(:root.page-truesigner,:root.page-truesigner *){width:100%;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow-lg)}
.pvf-bar:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;gap:12px;padding:11px 16px;background:var(--paper-2);border-bottom:1px solid var(--line-2)}
.pvf-dots:where(:root.page-truesigner,:root.page-truesigner *){display:flex;gap:6px}
.pvf-dots i:where(:root.page-truesigner,:root.page-truesigner *){width:10px;height:10px;border-radius:50%;background:#d8d5ce;display:block}
.pvf-url:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:11px;color:var(--ink-3);background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:4px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pvf-screen:where(:root.page-truesigner,:root.page-truesigner *){position:relative;aspect-ratio:16/10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background: radial-gradient(120% 120% at 50% 0%, var(--paper-2), var(--paper));overflow:hidden}
.pvf-screen:where(:root.page-truesigner,:root.page-truesigner *)::before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1.1px,transparent 1.1px);background-size:22px 22px;opacity:.5;-webkit-mask-image:radial-gradient(circle at 50% 42%,#000,transparent 70%);mask-image:radial-gradient(circle at 50% 42%,#000,transparent 70%)}
.pvf-play:where(:root.page-truesigner,:root.page-truesigner *){position:relative;z-index:1;width:66px;height:66px;border-radius:50%;background:var(--wine);box-shadow:0 16px 40px -12px rgba(155,27,46,.6);display:grid;place-items:center}
.pvf-play:where(:root.page-truesigner,:root.page-truesigner *)::after{content:"";width:0;height:0;border-left:18px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}
.pvf-cap:where(:root.page-truesigner,:root.page-truesigner *){position:relative;z-index:1;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.prodx-viz:where(:root.page-truesigner,:root.page-truesigner *)::before{content:none}
.viz-panel:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;inset:clamp(20px,2.4vw,34px);opacity:0;visibility:hidden;align-items:center}
.viz-panel.is-active:where(:root.page-truesigner,:root.page-truesigner *){position:relative;inset:auto;width:100%;opacity:1;visibility:visible;display:flex}
.vframe:where(:root.page-truesigner,:root.page-truesigner *){width:100%}
.vmedia:where(:root.page-truesigner,:root.page-truesigner *){position:relative;aspect-ratio:16/9;background:var(--ink);overflow:hidden}
.prodx-vid:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.prodx-shot:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.pv-float:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;z-index:4;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:13px;padding:11px 14px;box-shadow:0 18px 40px -20px rgba(40,8,16,.5)}
.pv-f1:where(:root.page-truesigner,:root.page-truesigner *){left:-16px;top:20%;animation:floatCard 6.5s var(--ease) infinite}
.pv-f2:where(:root.page-truesigner,:root.page-truesigner *){right:-14px;bottom:15%;flex-direction:column;align-items:flex-start;gap:2px;animation:floatCard 7.5s var(--ease) infinite reverse}
.pv-check:where(:root.page-truesigner,:root.page-truesigner *){width:28px;height:28px;border-radius:50%;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;font-weight:700;font-size:13px;flex:none}
.pv-tx b:where(:root.page-truesigner,:root.page-truesigner *),.pv-big:where(:root.page-truesigner,:root.page-truesigner *){font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-0.01em;display:block}
.pv-big:where(:root.page-truesigner,:root.page-truesigner *){font-size:21px}
.pv-tx span:where(:root.page-truesigner,:root.page-truesigner *),.pv-f2 span:where(:root.page-truesigner,:root.page-truesigner *){font-size:11px;color:var(--ink-3)}
.vframe:where(:root.page-truesigner,:root.page-truesigner *){border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper-2);box-shadow:var(--shadow-sm)}
.vbar:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;gap:12px;padding:11px 14px;background:var(--paper);border-bottom:1px solid var(--line-2)}
.vdots:where(:root.page-truesigner,:root.page-truesigner *){display:flex;gap:5px}
.vdots i:where(:root.page-truesigner,:root.page-truesigner *){width:9px;height:9px;border-radius:50%;background:#DAD7D0;display:block}
.vttl:where(:root.page-truesigner,:root.page-truesigner *){font-size:12.5px;font-weight:600;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vlive:where(:root.page-truesigner,:root.page-truesigner *){margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;color:#16804a;flex:none}
.vlive i:where(:root.page-truesigner,:root.page-truesigner *){width:6px;height:6px;border-radius:50%;background:#16a34a;display:block}
.vbody:where(:root.page-truesigner,:root.page-truesigner *){padding:18px;display:flex;flex-direction:column;gap:14px}
.vtop:where(:root.page-truesigner,:root.page-truesigner *){display:flex;gap:16px;align-items:center}
.donut:where(:root.page-truesigner,:root.page-truesigner *){position:relative;width:96px;height:96px;flex:none}
.donut svg:where(:root.page-truesigner,:root.page-truesigner *){width:100%;height:100%;transform:rotate(-90deg)}
.donut .d-bg:where(:root.page-truesigner,:root.page-truesigner *){fill:none;stroke:var(--line);stroke-width:3.4}
.donut .d-fg:where(:root.page-truesigner,:root.page-truesigner *){fill:none;stroke:var(--wine);stroke-width:3.4;stroke-linecap:round;stroke-dasharray:100.5;stroke-dashoffset:100.5}
.donut .d-c:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.donut .d-c b:where(:root.page-truesigner,:root.page-truesigner *){font-size:22px;font-weight:700;letter-spacing:-0.02em}
.donut .d-c i:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:9px;color:var(--ink-3);font-style:normal}
.vtiles:where(:root.page-truesigner,:root.page-truesigner *){display:flex;gap:12px;flex:1}
.vtiles.wide:where(:root.page-truesigner,:root.page-truesigner *){width:100%}
.vtile:where(:root.page-truesigner,:root.page-truesigner *){flex:1;border:1px solid var(--line);border-radius:11px;background:var(--paper);padding:14px 16px}
.vtile b:where(:root.page-truesigner,:root.page-truesigner *){font-size:clamp(20px,2.2vw,26px);font-weight:700;letter-spacing:-0.02em;display:block}
.vtile span:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:6px;display:block}
.vlist:where(:root.page-truesigner,:root.page-truesigner *){display:flex;flex-direction:column;gap:8px}
.vli:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;color:var(--ink-2);background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:9px 12px}
.vli em:where(:root.page-truesigner,:root.page-truesigner *){font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vli-ic:where(:root.page-truesigner,:root.page-truesigner *){width:16px;height:16px;border-radius:4px;background:var(--wine-soft);flex:none}
.vli-tag:where(:root.page-truesigner,:root.page-truesigner *){margin-left:auto;font-size:9px;letter-spacing:.06em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:2px 7px;flex:none}
.vli-tag.ok:where(:root.page-truesigner,:root.page-truesigner *){color:#16804a;border-color:rgba(22,128,74,.3)}
.vpipe:where(:root.page-truesigner,:root.page-truesigner *){display:flex;gap:10px}
.vstage:where(:root.page-truesigner,:root.page-truesigner *){flex:1;border:1px solid var(--line);border-radius:11px;background:var(--paper);padding:13px;text-align:center}
.vstage .vs-n:where(:root.page-truesigner,:root.page-truesigner *){font-size:22px;font-weight:700;letter-spacing:-0.02em;display:block}
.vstage .vs-l:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:5px;display:block}
.vstage.on:where(:root.page-truesigner,:root.page-truesigner *){border-color:var(--wine);background:var(--wine-soft)}
.vchart:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:flex-end;gap:12px;height:92px;padding-top:6px}
.vbarc:where(:root.page-truesigner,:root.page-truesigner *){flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;height:100%}
.vbarc .bf:where(:root.page-truesigner,:root.page-truesigner *){width:100%;border-radius:5px 5px 0 0;background:var(--accent);height:0}
.vbarc .bf.wine:where(:root.page-truesigner,:root.page-truesigner *){background:var(--wine)}
.vbarc i:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:9px;color:var(--ink-3);font-style:normal}
.vfoot:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line-2);padding-top:12px;font-size:13px;color:var(--ink-2)}
.vfoot b:where(:root.page-truesigner,:root.page-truesigner *){color:var(--wine);font-weight:700}
.vflow:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;gap:0}
.vnode:where(:root.page-truesigner,:root.page-truesigner *){flex:none;font-family:var(--font-mono);font-size:11px;color:var(--ink-2);border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:var(--paper)}
.vnode.done:where(:root.page-truesigner,:root.page-truesigner *){color:#16804a;border-color:rgba(22,128,74,.3)}
.vnode.cur:where(:root.page-truesigner,:root.page-truesigner *){color:#fff;background:var(--wine);border-color:var(--wine)}
.vlk:where(:root.page-truesigner,:root.page-truesigner *){flex:1;height:1px;background:var(--line);min-width:12px}
.vseg:where(:root.page-truesigner,:root.page-truesigner *){display:flex;height:30px;border-radius:8px;overflow:hidden;border:1px solid var(--line)}
.vseg .sf:where(:root.page-truesigner,:root.page-truesigner *){height:100%;width:0}
.vseg .sf.a:where(:root.page-truesigner,:root.page-truesigner *){background:var(--wine)}
.vseg .sf.b:where(:root.page-truesigner,:root.page-truesigner *){background:var(--accent)}
.vseg .sf.c:where(:root.page-truesigner,:root.page-truesigner *){background:var(--paper-3)}
.vseg-key:where(:root.page-truesigner,:root.page-truesigner *){display:flex;flex-wrap:wrap;gap:14px;font-family:var(--font-mono);font-size:9.5px;color:var(--ink-2)}
.vseg-key i:where(:root.page-truesigner,:root.page-truesigner *){width:9px;height:9px;border-radius:3px;display:inline-block;margin-right:5px;vertical-align:middle}
.vseg-key i.a:where(:root.page-truesigner,:root.page-truesigner *){background:var(--wine)}
.vseg-key i.b:where(:root.page-truesigner,:root.page-truesigner *){background:var(--accent)}
.vseg-key i.c:where(:root.page-truesigner,:root.page-truesigner *){background:var(--paper-3)}

/* stat band */
.statband:where(:root.page-truesigner,:root.page-truesigner *){display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper)}
.statband .sc:where(:root.page-truesigner,:root.page-truesigner *){padding:clamp(26px,3vw,38px) clamp(18px,2vw,30px);border-right:1px solid var(--line)}
.statband .sc:last-child:where(:root.page-truesigner,:root.page-truesigner *){border-right:0}

/* ============================ ANECDOTES (carousel) ============================ */
.anec-head:where(:root.page-truesigner,:root.page-truesigner *){display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:48px}
.anec-nav:where(:root.page-truesigner,:root.page-truesigner *){display:flex;gap:10px}
.anec-nav button:where(:root.page-truesigner,:root.page-truesigner *){width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);display:grid;place-items:center;transition:.2s}
.anec-nav button:hover:where(:root.page-truesigner,:root.page-truesigner *){border-color:var(--ink);background:var(--paper-2)}
.anec-nav button:disabled:where(:root.page-truesigner,:root.page-truesigner *){opacity:.35;cursor:default}
.anec-track-wrap:where(:root.page-truesigner,:root.page-truesigner *){overflow:hidden;padding-block:6px}
.anec-track:where(:root.page-truesigner,:root.page-truesigner *){display:flex;gap:24px}
.anec-card:where(:root.page-truesigner,:root.page-truesigner *){position:relative;flex:0 0 min(680px,90vw);height:clamp(360px,42vw,460px); border-radius:22px;overflow:hidden;background:var(--ink);isolation:isolate}
.anec-img:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0; transform:scale(1.02);transition:transform .8s var(--ease)}
.anec-card:hover .anec-img:where(:root.page-truesigner,:root.page-truesigner *){transform:scale(1.07)}
.anec-shade:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;inset:0;z-index:1; background:linear-gradient(183deg,rgba(20,16,18,.18) 0%,rgba(20,16,18,0) 26%,rgba(20,16,18,.62) 64%,rgba(20,16,18,.92) 100%)}
.anec-body:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(22px,2.4vw,32px);color:#fff}
.anec-chip:where(:root.page-truesigner,:root.page-truesigner *){align-self:flex-start;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#fff; background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:7px 13px;border-radius:100px}
.anec-bottom h3:where(:root.page-truesigner,:root.page-truesigner *){font-size:clamp(22px,2.2vw,29px);font-weight:700;letter-spacing:-0.025em;line-height:1.08;margin-bottom:12px;text-wrap:balance;max-width:18ch}
.anec-bottom p:where(:root.page-truesigner,:root.page-truesigner *){font-size:15px;line-height:1.55;color:rgba(255,255,255,.82);max-width:46ch;text-wrap:pretty}
.anec-stats:where(:root.page-truesigner,:root.page-truesigner *){display:none}
.anec-link:where(:root.page-truesigner,:root.page-truesigner *){display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-weight:600;font-size:14.5px;color:#fff}
.anec-link .arr:where(:root.page-truesigner,:root.page-truesigner *){transition:transform .25s var(--ease)}
.anec-card:hover .anec-link .arr:where(:root.page-truesigner,:root.page-truesigner *){transform:translateX(4px)}

/* ============================ ECOSYSTEM ============================ */
.eco-head:where(:root.page-truesigner,:root.page-truesigner *){margin-bottom:clamp(48px,6vw,84px)}
.eco-rows:where(:root.page-truesigner,:root.page-truesigner *){display:flex;flex-direction:column;gap:clamp(56px,7vw,110px);margin-bottom:clamp(44px,5vw,72px)}
.eco-row:where(:root.page-truesigner,:root.page-truesigner *){display:grid;grid-template-columns:0.82fr 1.18fr;gap:clamp(36px,5vw,80px);align-items:center}
.eco-info:where(:root.page-truesigner,:root.page-truesigner *){min-width:0}
.eco-rowhead:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;gap:13px;margin-bottom:22px}
.eco-num:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--ink-3);letter-spacing:.04em}
.eco-glyph:where(:root.page-truesigner,:root.page-truesigner *){width:44px;height:44px;border-radius:11px;display:grid;place-items:center;font-family:var(--font-mono);font-size:13px;font-weight:600;color:#fff;background:var(--accent);flex:none}
.eco-row[data-k="ts"] .eco-glyph:where(:root.page-truesigner,:root.page-truesigner *){background:var(--accent)}
.eco-row[data-k="cv"] .eco-glyph:where(:root.page-truesigner,:root.page-truesigner *){background:var(--accent)}
.eco-row[data-k="nx"] .eco-glyph:where(:root.page-truesigner,:root.page-truesigner *){background:var(--accent)}
.eco-row[data-k="ck"] .eco-glyph:where(:root.page-truesigner,:root.page-truesigner *){background:var(--accent)}
.eco-badge:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;color:var(--ink-2);border:1px solid var(--line);border-radius:6px;padding:4px 8px;text-transform:uppercase}
.eco-rowhead .eco-badge:where(:root.page-truesigner,:root.page-truesigner *){margin-left:auto}
.eco-name:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--wine);margin-bottom:14px}
.eco-h:where(:root.page-truesigner,:root.page-truesigner *){font-size:clamp(25px,2.9vw,38px);font-weight:700;letter-spacing:-0.03em;line-height:1.04;margin-bottom:18px;text-wrap:balance;max-width:15ch}
.eco-desc:where(:root.page-truesigner,:root.page-truesigner *){font-size:clamp(15px,1.4vw,17px);color:var(--ink-2);line-height:1.6;max-width:46ch;margin-bottom:24px;text-wrap:pretty}
.eco-tags:where(:root.page-truesigner,:root.page-truesigner *){display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.eco-info .link-arrow:where(:root.page-truesigner,:root.page-truesigner *){font-size:15px}

/* product image placeholder (client-provided) */
.eco-media:where(:root.page-truesigner,:root.page-truesigner *){min-width:0}
.media-frame:where(:root.page-truesigner,:root.page-truesigner *){border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper);box-shadow:var(--shadow-md)}
.media-bar:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line-2);background:var(--paper-2)}
.media-bar .md-dots:where(:root.page-truesigner,:root.page-truesigner *){display:flex;gap:6px;flex:none}
.media-bar .md-dots i:where(:root.page-truesigner,:root.page-truesigner *){width:10px;height:10px;border-radius:50%;background:#DAD7D0;display:block}
.media-bar .md-title:where(:root.page-truesigner,:root.page-truesigner *){font-size:13px;font-weight:600;color:var(--ink-2);letter-spacing:-0.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.media-bar .md-tag:where(:root.page-truesigner,:root.page-truesigner *){margin-left:auto;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:3px 7px;flex:none}
.media-body:where(:root.page-truesigner,:root.page-truesigner *){position:relative;aspect-ratio:16/10.5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--paper-2);overflow:hidden}
.media-body:where(:root.page-truesigner,:root.page-truesigner *)::before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1.1px,transparent 1.1px);background-size:22px 22px;opacity:.55;-webkit-mask-image:radial-gradient(circle at 50% 44%,#000,transparent 70%);mask-image:radial-gradient(circle at 50% 44%,#000,transparent 70%)}
.media-icon:where(:root.page-truesigner,:root.page-truesigner *){width:74px;height:74px;border-radius:18px;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow-sm);display:grid;place-items:center;color:var(--ink-3);z-index:1}
.eco-row[data-k="ts"] .media-icon:where(:root.page-truesigner,:root.page-truesigner *){color:var(--accent)}
.eco-row[data-k="cv"] .media-icon:where(:root.page-truesigner,:root.page-truesigner *){color:var(--accent)}
.eco-row[data-k="ck"] .media-icon:where(:root.page-truesigner,:root.page-truesigner *){color:var(--accent)}
.media-cap:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);z-index:1}
.eco-substrate:where(:root.page-truesigner,:root.page-truesigner *){margin-top:0;text-align:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);display:flex;align-items:center;justify-content:center;gap:10px}
.eco-substrate:where(:root.page-truesigner,:root.page-truesigner *)::before,.eco-substrate:where(:root.page-truesigner,:root.page-truesigner *)::after{content:"";height:1px;flex:1;max-width:120px;background:var(--line)}

/* ============================ ENTERPRISE GAP ============================ */
.gap:where(:root.page-truesigner,:root.page-truesigner *){background:var(--paper-2)}
.gap-head:where(:root.page-truesigner,:root.page-truesigner *){max-width:780px;margin-bottom:54px}
.sym-grid:where(:root.page-truesigner,:root.page-truesigner *){display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.sym:where(:root.page-truesigner,:root.page-truesigner *){grid-column:span 2;border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:24px;display:flex;flex-direction:column;transition:.25s var(--ease)}
.sym:nth-child(4):where(:root.page-truesigner,:root.page-truesigner *){grid-column:span 3}
.sym:nth-child(5):where(:root.page-truesigner,:root.page-truesigner *){grid-column:span 3}
.sym:hover:where(:root.page-truesigner,:root.page-truesigner *){box-shadow:var(--shadow-md);transform:translateY(-2px)}
.sym .sk:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--wine);margin-bottom:14px}
.sym h4:where(:root.page-truesigner,:root.page-truesigner *){font-size:17px;font-weight:600;letter-spacing:-0.015em;margin-bottom:9px}
.sym p:where(:root.page-truesigner,:root.page-truesigner *){font-size:13.5px;color:var(--ink-2);line-height:1.5;margin-bottom:18px}
.sym .sviz:where(:root.page-truesigner,:root.page-truesigner *){margin-top:auto;display:flex;flex-direction:column;gap:6px}
.faux-line:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:6px;padding:6px 9px}
.faux-line .t:where(:root.page-truesigner,:root.page-truesigner *){margin-left:auto;color:var(--ink-3)}
.faux-line.bad:where(:root.page-truesigner,:root.page-truesigner *){color:var(--wine);border-color:var(--wine-line);background:var(--wine-soft)}
.gap-answer:where(:root.page-truesigner,:root.page-truesigner *){margin-top:30px;border:1px solid var(--ink);border-radius:18px;background:var(--ink);color:#fff;padding:clamp(32px,4vw,52px);display:grid;grid-template-columns:1.4fr 1fr;gap:36px;align-items:center}
.gap-answer .ga-k:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:18px;display:flex;align-items:center;gap:9px}
.gap-answer .ga-k:where(:root.page-truesigner,:root.page-truesigner *)::before{content:"";width:7px;height:7px;border-radius:2px;background:var(--wine)}
.gap-answer h3:where(:root.page-truesigner,:root.page-truesigner *){font-size:clamp(24px,2.8vw,36px);font-weight:700;letter-spacing:-0.025em;line-height:1.05;text-wrap:balance}
.gap-answer p:where(:root.page-truesigner,:root.page-truesigner *){color:rgba(255,255,255,.72);font-size:15.5px;line-height:1.6;margin-top:18px;max-width:52ch}
.gap-answer .ga-cta:where(:root.page-truesigner,:root.page-truesigner *){display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.btn-wine-ghost:where(:root.page-truesigner,:root.page-truesigner *){background:transparent;color:#fff;border:1px solid rgba(255,255,255,.28)}
.btn-wine-ghost:hover:where(:root.page-truesigner,:root.page-truesigner *){background:rgba(255,255,255,.08);border-color:#fff}

/* ============================ ARCHITECTURE (callout) ============================ */
.archx-callout:where(:root.page-truesigner,:root.page-truesigner *){position:relative;border:1px solid rgba(255,255,255,.18);border-radius:32px;padding:clamp(32px,4.5vw,64px);overflow:hidden; background: radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,.12), transparent 60%), linear-gradient(165deg,#B23a4a 0%,#8E1B2C 52%,#67121F 100%); color:#fff; box-shadow:0 40px 90px -46px rgba(70,18,28,.7), 0 0 0 7px rgba(155,27,46,.08)}
.archx-top:where(:root.page-truesigner,:root.page-truesigner *){position:relative;z-index:1;display:grid;grid-template-columns:42% 1fr;gap:clamp(28px,3.5vw,56px);align-items:center}
.archx-callout:where(:root.page-truesigner,:root.page-truesigner *)::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none; background-image:radial-gradient(circle, rgba(255,255,255,.14) 1.2px, transparent 1.2px);background-size:26px 26px;opacity:.6}
.archx-left:where(:root.page-truesigner,:root.page-truesigner *),.archx-right:where(:root.page-truesigner,:root.page-truesigner *){position:relative;z-index:1}
.archx-left .kicker:where(:root.page-truesigner,:root.page-truesigner *){display:block;margin-bottom:18px;color:rgba(255,255,255,.6)}
.archx-left .kicker:where(:root.page-truesigner,:root.page-truesigner *)::before{background:#fff}
.archx-title:where(:root.page-truesigner,:root.page-truesigner *){font-size:clamp(26px,3.2vw,42px);font-weight:700;letter-spacing:-0.03em;line-height:1.04;text-wrap:balance;margin-bottom:18px;color:#fff}
.archx-lede:where(:root.page-truesigner,:root.page-truesigner *){font-size:clamp(15px,1.35vw,18px);color:rgba(255,255,255,.8);line-height:1.6;max-width:42ch;margin-bottom:28px}
.archx-cta:where(:root.page-truesigner,:root.page-truesigner *){border-radius:100px;background:#fff;color:var(--wine-deep)}
.archx-cta:hover:where(:root.page-truesigner,:root.page-truesigner *){background:#fff;transform:translateY(-2px);box-shadow:0 16px 36px -14px rgba(0,0,0,.45)}

/* diagram placeholder — client to provide */
.archx-diagram--ph:where(:root.page-truesigner,:root.page-truesigner *){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px; min-height:clamp(220px,24vw,300px);border:1.5px dashed rgba(255,255,255,.3);border-radius:18px; background:rgba(255,255,255,.05);text-align:center;padding:30px}
.axd-ph-ic:where(:root.page-truesigner,:root.page-truesigner *){width:60px;height:60px;border-radius:15px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;color:#fff}
.archx-diagram--ph b:where(:root.page-truesigner,:root.page-truesigner *){font-size:16px;font-weight:700;color:#fff;letter-spacing:-0.01em}
.axd-ph-sub:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.axd-col:where(:root.page-truesigner,:root.page-truesigner *){display:flex;flex-direction:column;gap:8px;align-items:stretch;min-width:0}
.axd-lbl:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:4px;text-align:center}
.axd-flow span:where(:root.page-truesigner,:root.page-truesigner *){width:18px;height:2px;border-radius:2px;background:rgba(255,255,255,.3)}
.axd-flow span:nth-child(2):where(:root.page-truesigner,:root.page-truesigner *){width:24px;background:rgba(255,255,255,.6)}
.axd-chip:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--ink-2);background:var(--paper);border:1px solid rgba(20,16,22,.05);border-radius:9px;padding:9px 12px;text-align:center;box-shadow:0 12px 28px -16px rgba(42,30,48,.4)}
.axd-chip.wine:where(:root.page-truesigner,:root.page-truesigner *){color:var(--wine);border-color:var(--wine-line);background:var(--wine-soft)}
.axd-flow:where(:root.page-truesigner,:root.page-truesigner *){display:flex;flex-direction:column;gap:4px;flex:none}
.axd-flow span:where(:root.page-truesigner,:root.page-truesigner *){width:18px;height:2px;border-radius:2px;background:var(--wine-line)}
.axd-flow span:nth-child(2):where(:root.page-truesigner,:root.page-truesigner *){width:24px;background:var(--wine)}
.axd-core:where(:root.page-truesigner,:root.page-truesigner *){background:var(--paper);border:1px solid var(--wine-line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-md);min-width:148px}
.axd-core-top:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;justify-content:space-between;padding:2px 4px 8px;border-bottom:1px solid var(--line-2)}
.axd-core-top b:where(:root.page-truesigner,:root.page-truesigner *){font-size:13px;font-weight:700;letter-spacing:-0.01em;white-space:nowrap}
.axd-core-v:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:9px;color:var(--wine)}
.axd-layer:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:10.5px;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:7px;padding:7px 10px;transition:.2s var(--ease)}
.axd-layer:hover:where(:root.page-truesigner,:root.page-truesigner *){background:var(--wine-soft);border-color:var(--wine-line);color:var(--wine)}

/* capability list inside callout — borderless angled cards */
.caplist:where(:root.page-truesigner,:root.page-truesigner *){position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px);margin-top:clamp(34px,4vw,52px);padding-top:8px}
.capx:where(:root.page-truesigner,:root.page-truesigner *){display:flex;gap:13px;align-items:flex-start;position:relative; background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.05)); -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px); border:0;border-radius:16px;padding:22px 22px 24px;overflow:hidden; box-shadow:0 16px 36px -22px rgba(20,6,10,.6);transition:transform .3s var(--ease)}
.capx:hover:where(:root.page-truesigner,:root.page-truesigner *){transform:translateY(-2px)}
.capx:where(:root.page-truesigner,:root.page-truesigner *)::before{display:none}
.capx :is(h3,h4):where(:root.page-truesigner,:root.page-truesigner *){font-size:17px;font-weight:700;letter-spacing:-0.015em;margin-bottom:7px;color:#fff}
.capx p:where(:root.page-truesigner,:root.page-truesigner *){font-size:15px;color:rgba(255,255,255,.74);line-height:1.55}
.arch-cols:where(:root.page-truesigner,:root.page-truesigner *){position:relative;display:grid;grid-template-columns:1fr auto 1.5fr;gap:0;align-items:stretch}
.arch-sys:where(:root.page-truesigner,:root.page-truesigner *){padding:clamp(26px,3vw,40px);border-right:1px solid var(--line)}
.arch-colhead:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:20px;display:flex;align-items:center;gap:8px}
.sys-node:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper-2);margin-bottom:10px;transition:.25s var(--ease)}
.sys-node:hover:where(:root.page-truesigner,:root.page-truesigner *){border-color:var(--accent-line);background:var(--accent-soft)}
.sys-node .sn-g:where(:root.page-truesigner,:root.page-truesigner *){width:30px;height:30px;border-radius:7px;background:var(--paper);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:9px;font-weight:600;color:var(--ink-2);flex:none}
.sys-node .sn-t b:where(:root.page-truesigner,:root.page-truesigner *){font-size:13.5px;font-weight:600;display:block}
.sys-node .sn-t span:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:9.5px;color:var(--ink-3);letter-spacing:.02em}
.arch-flow:where(:root.page-truesigner,:root.page-truesigner *){width:74px;position:relative;display:grid;place-items:center}
.arch-flow .flowlbl:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}
.arch-core:where(:root.page-truesigner,:root.page-truesigner *){padding:clamp(26px,3vw,40px);background:linear-gradient(180deg,var(--wine-soft),var(--paper) 70%)}
.core-card:where(:root.page-truesigner,:root.page-truesigner *){border:1px solid var(--wine-line);border-radius:14px;background:var(--paper);box-shadow:var(--shadow-md);overflow:hidden}
.core-top:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line-2)}
.core-top .ct-t:where(:root.page-truesigner,:root.page-truesigner *){font-size:16px;font-weight:700;letter-spacing:-0.02em}
.core-top .ct-v:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:10px;color:var(--ink-3)}
.core-layers:where(:root.page-truesigner,:root.page-truesigner *){padding:14px}
.layer:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:9px;margin-bottom:6px;transition:.25s var(--ease);border:1px solid transparent}
.layer:hover:where(:root.page-truesigner,:root.page-truesigner *){background:var(--wine-soft);border-color:var(--wine-line)}
.layer .ly-n:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:10px;color:var(--wine);font-weight:600;width:26px;flex:none}
.layer .ly-t b:where(:root.page-truesigner,:root.page-truesigner *){font-size:14px;font-weight:600;display:block;letter-spacing:-0.01em}
.layer .ly-t span:where(:root.page-truesigner,:root.page-truesigner *){font-size:12px;color:var(--ink-3)}
.core-out:where(:root.page-truesigner,:root.page-truesigner *){display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}
.out-card:where(:root.page-truesigner,:root.page-truesigner *){border:1px solid var(--line);border-radius:11px;padding:15px;background:var(--paper)}
.out-card .oc-k:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:9px}
.out-card b:where(:root.page-truesigner,:root.page-truesigner *){font-size:14px;font-weight:600;display:block;letter-spacing:-0.01em;margin-bottom:5px}
.out-card span:where(:root.page-truesigner,:root.page-truesigner *){font-size:12px;color:var(--ink-3);line-height:1.4}

/* capability strip below diagram */
.cap-grid:where(:root.page-truesigner,:root.page-truesigner *){display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:22px}
.cap:where(:root.page-truesigner,:root.page-truesigner *){background:var(--paper);padding:26px 24px}
.cap .cn:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:10px;color:var(--wine);margin-bottom:14px}
.cap h4:where(:root.page-truesigner,:root.page-truesigner *){font-size:16px;font-weight:600;letter-spacing:-0.015em;margin-bottom:9px}
.cap p:where(:root.page-truesigner,:root.page-truesigner *){font-size:13.5px;color:var(--ink-2);line-height:1.5;margin-bottom:14px}
.cap .ctags:where(:root.page-truesigner,:root.page-truesigner *){display:flex;flex-wrap:wrap;gap:6px}
.ctag:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:3px 7px;text-transform:uppercase;white-space:nowrap}

/* flow timeline */

/* ============================ LOOP CIRCUIT (decision flow) ============================ */
.loopx:where(:root.page-truesigner,:root.page-truesigner *){position:relative;margin-top:clamp(56px,7vw,104px);padding:0;background:none;border:0}
.loopx-head:where(:root.page-truesigner,:root.page-truesigner *){max-width:820px;margin:0 auto clamp(20px,2.4vw,34px);text-align:center}
.loopx-title:where(:root.page-truesigner,:root.page-truesigner *){margin:0 auto;text-wrap:balance}
.loopx-sub:where(:root.page-truesigner,:root.page-truesigner *){margin:14px auto 0;font-size:clamp(14.5px,1.4vw,17px);color:var(--ink-2);line-height:1.55;max-width:56ch;text-wrap:pretty}
.loopx-stage:where(:root.page-truesigner,:root.page-truesigner *){position:relative;margin:0 auto}
.sigx:where(:root.page-truesigner,:root.page-truesigner *){position:relative;aspect-ratio:1000/300;max-width:1180px;margin:64px auto;overflow:visible}
.sig-svg:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sig-base:where(:root.page-truesigner,:root.page-truesigner *){fill:none;stroke:#D8D4CD;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.sig-accent path:where(:root.page-truesigner,:root.page-truesigner *){fill:none;stroke:var(--wine);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.5}
.sig-ink:where(:root.page-truesigner,:root.page-truesigner *){fill:none;stroke:var(--wine);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 6px rgba(155,27,46,.28))}
.sig-pegs:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;inset:0;z-index:2;pointer-events:none}
.sig-peg:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:#fff;border:2px solid #D8D4CD;box-shadow:0 4px 10px -3px rgba(40,20,26,.3);transition:.35s var(--ease)}
.sig-peg.lit:where(:root.page-truesigner,:root.page-truesigner *){border-color:var(--wine);background:var(--wine);box-shadow:0 0 0 4px rgba(155,27,46,.16),0 6px 14px -4px rgba(155,27,46,.5)}
.sig-stem:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;width:1.6px;margin-left:-0.8px;background:linear-gradient(var(--wine),rgba(155,27,46,.12));transform-origin:top;z-index:2;opacity:.35;transition:opacity .35s var(--ease)}
.sig-stem.lit:where(:root.page-truesigner,:root.page-truesigner *){opacity:1}
.loopx-steps:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;inset:0;z-index:3}
.lxstep:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:clamp(126px,12vw,156px);text-align:left; background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:11px 13px;box-shadow:0 12px 28px -14px rgba(40,20,26,.26);transition:border-color .35s var(--ease),box-shadow .35s var(--ease),background .35s}
.lxstep.above:where(:root.page-truesigner,:root.page-truesigner *){transform:translate(-50%,calc(-100% - 13px))}
.lxstep.below:where(:root.page-truesigner,:root.page-truesigner *){transform:translate(-50%,13px)}
.lxstep .lxs-dot:where(:root.page-truesigner,:root.page-truesigner *){width:22px;height:22px;border-radius:7px;background:var(--paper-2);border:1.5px solid var(--line);display:grid;place-items:center;transition:.35s var(--ease);flex:none;position:relative}
.lxstep .lxs-dot:where(:root.page-truesigner,:root.page-truesigner *)::after{content:"";width:7px;height:4px;border-left:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);transform:rotate(-45deg) translateY(-1px);transition:.35s}
.lxstep b:where(:root.page-truesigner,:root.page-truesigner *){font-size:13px;font-weight:700;letter-spacing:-0.01em;color:var(--ink);transition:color .35s;line-height:1.12}
.lxstep .lxs-sub:where(:root.page-truesigner,:root.page-truesigner *){font-size:10.5px;line-height:1.32;color:var(--ink-3);transition:color .35s;text-wrap:pretty}
.lxstep.lit:where(:root.page-truesigner,:root.page-truesigner *){border-color:var(--wine);box-shadow:0 16px 34px -12px rgba(155,27,46,.4);z-index:6}
.lxstep.lit .lxs-dot:where(:root.page-truesigner,:root.page-truesigner *){border-color:var(--wine);background:var(--wine)}
.lxstep.lit .lxs-dot:where(:root.page-truesigner,:root.page-truesigner *)::after{border-color:#fff}
.lxstep.lit .lxs-sub:where(:root.page-truesigner,:root.page-truesigner *){color:var(--ink-2)}
.loopx-comet:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;left:0;top:0;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;z-index:5; background:radial-gradient(circle,#fff 0%,var(--wine) 55%,rgba(155,27,46,0) 72%); box-shadow:0 0 16px 4px rgba(155,27,46,.7),0 0 5px 1px #fff;pointer-events:none}

/* ============================ INDUSTRY FIT ============================ */
.ind-head:where(:root.page-truesigner,:root.page-truesigner *){display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end;margin-bottom:48px}
.ind-tabswrap:where(:root.page-truesigner,:root.page-truesigner *){position:relative;display:flex;align-items:center;gap:12px;margin-bottom:34px}
.ind-arrow:where(:root.page-truesigner,:root.page-truesigner *){flex:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:20px;line-height:1;display:grid;place-items:center;transition:.2s var(--ease);box-shadow:var(--shadow-sm)}
.ind-arrow:hover:where(:root.page-truesigner,:root.page-truesigner *){border-color:var(--ink);background:var(--paper-2)}
.ind-arrow:disabled:where(:root.page-truesigner,:root.page-truesigner *){opacity:.3;cursor:default;box-shadow:none}
.ind-tabs:where(:root.page-truesigner,:root.page-truesigner *){flex:1 1 auto;min-width:0;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:6px 4px}
.ind-tabs:where(:root.page-truesigner,:root.page-truesigner *)::-webkit-scrollbar{display:none}
.ind-tab:where(:root.page-truesigner,:root.page-truesigner *){flex:none;white-space:nowrap;font-size:14px;font-weight:600;color:#9a9098;padding:9px 18px;border:1px dashed #c7bcc0;border-radius:100px;background:transparent;transition:color .2s,border-color .2s,background .2s}
.ind-tab:hover:where(:root.page-truesigner,:root.page-truesigner *){color:var(--wine);border-color:var(--wine-line)}
.ind-tab.is-active:where(:root.page-truesigner,:root.page-truesigner *){background:var(--wine-soft);color:var(--wine);border-style:solid;border-color:var(--wine)}

/* view-all industries */
.ind-morerow:where(:root.page-truesigner,:root.page-truesigner *){display:flex;justify-content:center;margin:-18px 0 30px}
.ind-more:where(:root.page-truesigner,:root.page-truesigner *){flex:none;white-space:nowrap;font-size:14px;font-weight:600;color:var(--wine);padding:11px 22px;border:1px solid var(--wine);border-radius:100px;background:var(--wine-soft);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.2s var(--ease)}
transition:.2s var(--ease)} .ind-more:hover:where(:root.page-truesigner,:root.page-truesigner *){background:var(--wine);color:#fff}
.ind-more .im-ic:where(:root.page-truesigner,:root.page-truesigner *){font-size:10px;transition:transform .25s var(--ease)}
.ind-more[aria-expanded="true"] .im-ic:where(:root.page-truesigner,:root.page-truesigner *){transform:rotate(180deg)}
.ind-allwrap:where(:root.page-truesigner,:root.page-truesigner *){margin:-14px 0 34px;border:1px solid var(--line);border-radius:20px;background:var(--paper);padding:clamp(20px,2.4vw,30px);box-shadow:var(--shadow-md)}
.ind-all-head:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.ind-all-close:where(:root.page-truesigner,:root.page-truesigner *){width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;font-size:13px;transition:.2s}
.ind-all-close:hover:where(:root.page-truesigner,:root.page-truesigner *){border-color:var(--ink);background:var(--paper-2)}
.ind-allgrid:where(:root.page-truesigner,:root.page-truesigner *){display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ind-allgrid button:where(:root.page-truesigner,:root.page-truesigner *){text-align:left;font-size:14px;font-weight:600;color:var(--ink-2);padding:13px 16px;border:1px dashed var(--line);border-radius:12px;background:transparent;cursor:pointer;transition:.18s var(--ease)}
.ind-allgrid button:hover:where(:root.page-truesigner,:root.page-truesigner *){color:var(--wine);border-color:var(--wine-line);background:var(--wine-soft)}
.ind-allgrid button.is-active:where(:root.page-truesigner,:root.page-truesigner *){color:var(--wine);border-style:solid;border-color:var(--wine);background:var(--wine-soft)}
.ind-tab:where(:root.page-truesigner,:root.page-truesigner *){flex:none;white-space:nowrap;font-size:14px;font-weight:600;color:#9a9098;padding:9px 18px;border:1px dashed #c7bcc0;border-radius:100px;background:transparent;cursor:pointer;transition:color .2s,border-color .2s,background .2s}
.ind-panel:where(:root.page-truesigner,:root.page-truesigner *){display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(24px,3vw,48px);align-items:stretch; border:1px solid var(--line);border-radius:24px;background:var(--paper);padding:clamp(18px,1.8vw,26px);min-height:400px}
.ind-media:where(:root.page-truesigner,:root.page-truesigner *){border-radius:16px;overflow:hidden;background:var(--paper-3);min-height:300px}
.ind-media img:where(:root.page-truesigner,:root.page-truesigner *){width:100%;height:100%;object-fit:cover;display:block}
.ind-content:where(:root.page-truesigner,:root.page-truesigner *){display:flex;flex-direction:column;padding:clamp(8px,1vw,16px) clamp(8px,1.4vw,22px) clamp(8px,1vw,16px) 0}
.ind-toprow:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;justify-content:space-between;gap:16px}
.ind-brand:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;gap:12px}
.ind-glyph:where(:root.page-truesigner,:root.page-truesigner *){width:38px;height:38px;border-radius:10px;background:var(--wine);color:#fff;display:grid;place-items:center;font-weight:700;font-size:16px;flex:none}
.ind-brand b:where(:root.page-truesigner,:root.page-truesigner *){font-size:17px;font-weight:700;letter-spacing:-0.02em;color:var(--ink)}
.ind-counter:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.ind-counter i:where(:root.page-truesigner,:root.page-truesigner *){width:24px;height:1px;background:var(--line);display:inline-block}
.ind-div:where(:root.page-truesigner,:root.page-truesigner *){border:0;border-top:1px solid var(--line);margin:clamp(18px,2vw,26px) 0}
.ind-cols:where(:root.page-truesigner,:root.page-truesigner *){display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,44px);flex:1}
.ind-cA:where(:root.page-truesigner,:root.page-truesigner *){display:flex;flex-direction:column}
.ind-cA h3:where(:root.page-truesigner,:root.page-truesigner *){font-size:clamp(22px,2.4vw,32px);font-weight:700;letter-spacing:-0.03em;line-height:1.08;text-wrap:balance}
.ind-sub:where(:root.page-truesigner,:root.page-truesigner *){font-size:13px;font-weight:500;color:var(--ink-3);margin-top:14px;letter-spacing:-0.005em}
.ind-learn:where(:root.page-truesigner,:root.page-truesigner *){margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15px;color:var(--wine);width:fit-content;padding:10px 18px;border-radius:100px;background:transparent;border:1px solid var(--wine-line);transition:background .22s var(--ease),border-color .22s var(--ease),color .22s}
.ind-learn span:where(:root.page-truesigner,:root.page-truesigner *){transition:transform .25s var(--ease)}
.ind-learn:hover:where(:root.page-truesigner,:root.page-truesigner *){color:var(--wine);background:var(--wine-soft);border-color:var(--wine)}
.ind-learn:hover span:where(:root.page-truesigner,:root.page-truesigner *){transform:translateX(4px)}
.ind-cB:where(:root.page-truesigner,:root.page-truesigner *){display:flex;flex-direction:column}
.ind-cB p:where(:root.page-truesigner,:root.page-truesigner *){font-size:15px;color:var(--ink-2);line-height:1.6}
.ind-rep:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;gap:13px;margin-top:auto;padding-top:24px}
.ind-rep-img:where(:root.page-truesigner,:root.page-truesigner *){width:60px;height:60px;border-radius:12px;object-fit:cover;flex:none;background:var(--paper-3)}
.ind-rep-t b:where(:root.page-truesigner,:root.page-truesigner *){font-size:15px;font-weight:700;letter-spacing:-0.01em;display:block;color:var(--ink)}
.ind-rep-t span:where(:root.page-truesigner,:root.page-truesigner *){font-size:12.5px;color:var(--ink-3);margin-top:2px;display:block}

/* ============================ REASONS (bento) ============================ */
.why-bento:where(:root.page-truesigner,:root.page-truesigner *){display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"a b c" "a d d";gap:16px}
.why-a:where(:root.page-truesigner,:root.page-truesigner *){grid-area:a}
.why-b:where(:root.page-truesigner,:root.page-truesigner *){grid-area:b}
.why-c:where(:root.page-truesigner,:root.page-truesigner *){grid-area:c}
.why-d:where(:root.page-truesigner,:root.page-truesigner *){grid-area:d}
.why-card:where(:root.page-truesigner,:root.page-truesigner *){position:relative;border:1px solid var(--line);border-radius:20px;padding:clamp(24px,2.3vw,34px);background:var(--paper);display:flex;flex-direction:column;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
.why-card:hover:where(:root.page-truesigner,:root.page-truesigner *){transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--ink)}
.why-icon:where(:root.page-truesigner,:root.page-truesigner *){width:48px;height:48px;border-radius:13px;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;flex:none;margin-bottom:22px}
.why-card h3:where(:root.page-truesigner,:root.page-truesigner *){font-size:clamp(19px,2vw,24px);font-weight:700;letter-spacing:-0.02em;margin-bottom:12px}
.why-card p:where(:root.page-truesigner,:root.page-truesigner *){font-size:15px;color:var(--ink-2);line-height:1.6;margin-bottom:18px}
.why-card .wtags:where(:root.page-truesigner,:root.page-truesigner *){display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}

/* feature card */
.why-feat:where(:root.page-truesigner,:root.page-truesigner *){background:linear-gradient(158deg,#B23a4a 0%,#8E1B2C 52%,#67121F 100%);border-color:transparent;color:#fff;justify-content:space-between;overflow:hidden}
.why-feat:where(:root.page-truesigner,:root.page-truesigner *)::after{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.26);pointer-events:none;animation:spinCW 26s linear infinite}
.why-feat:where(:root.page-truesigner,:root.page-truesigner *)::before{content:"";position:absolute;right:-110px;top:-110px;width:340px;height:340px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.16);pointer-events:none;animation:spinCCW 34s linear infinite}
html[data-motion="off"] .why-feat:where(:root.page-truesigner,:root.page-truesigner *)::before,html[data-motion="off"] .why-feat:where(:root.page-truesigner,:root.page-truesigner *)::after{animation:none}
.wf-top:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:1}
.wf-kick:where(:root.page-truesigner,:root.page-truesigner *){margin-top:10px}
.why-icon.wi-light:where(:root.page-truesigner,:root.page-truesigner *){background:rgba(255,255,255,.16);color:#fff;margin-bottom:0}
.wf-kick:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.wf-body:where(:root.page-truesigner,:root.page-truesigner *){position:relative;z-index:1;margin-top:auto;padding-top:40px}
.wf-num:where(:root.page-truesigner,:root.page-truesigner *){font-size:clamp(48px,5.4vw,76px);font-weight:700;letter-spacing:-0.04em;line-height:.9}
.wf-num span:where(:root.page-truesigner,:root.page-truesigner *){font-size:.32em;font-weight:600;letter-spacing:-0.01em;color:rgba(255,255,255,.7)}
.why-feat h3:where(:root.page-truesigner,:root.page-truesigner *){margin:18px 0 12px;font-size:clamp(22px,2.2vw,27px)}
.why-feat p:where(:root.page-truesigner,:root.page-truesigner *){color:rgba(255,255,255,.78);max-width:38ch}
.ctag.onwine:where(:root.page-truesigner,:root.page-truesigner *){color:#fff;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.08)}

/* wide card d */
.why-d-in:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-top:auto;width:100%}
.why-d-stat:where(:root.page-truesigner,:root.page-truesigner *){flex:none;text-align:right}
.why-d-stat b:where(:root.page-truesigner,:root.page-truesigner *){font-size:clamp(34px,3.6vw,52px);font-weight:700;letter-spacing:-0.03em;color:var(--wine);line-height:1;display:block}
.why-d-stat span:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:6px;display:block}
.why-d p:where(:root.page-truesigner,:root.page-truesigner *){margin-bottom:0;max-width:52ch}

/* ============================ INTEGRATIONS (core + dual marquee) ============================ */
.intg:where(:root.page-truesigner,:root.page-truesigner *){background:#F3F1EE}
#industries:where(:root.page-truesigner,:root.page-truesigner *){padding-bottom:0}
.intg-head:where(:root.page-truesigner,:root.page-truesigner *){margin-bottom:40px;max-width:920px}
.intg-stage:where(:root.page-truesigner,:root.page-truesigner *){position:relative;border:0;border-radius:24px;background:var(--paper);overflow:hidden;padding:clamp(28px,3.4vw,48px) 0 clamp(18px,2.2vw,30px)}
.intg-dots:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1.2px,transparent 1.2px);background-size:22px 22px; -webkit-mask-image:radial-gradient(circle at 50% 22%,#000 0%,#000 60%,transparent 92%);mask-image:radial-gradient(circle at 50% 22%,#000 0%,#000 60%,transparent 92%);opacity:.7}

/* core at top */
.intg-core2.intg-core-top:where(:root.page-truesigner,:root.page-truesigner *),#intgCore.intg-core-top:where(:root.page-truesigner,:root.page-truesigner *){position:relative;left:auto;top:auto;transform:none;margin:0 auto;z-index:3}

/* general connection: stem from core → rail, with a packet that splits left/right */
.intg-conn:where(:root.page-truesigner,:root.page-truesigner *){position:relative;z-index:2;height:clamp(48px,5.4vw,72px);margin:0 auto clamp(8px,1.2vw,16px);width:82%;pointer-events:none}
.intg-conn .ic-stem:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;left:50%;top:0;transform:translateX(-50%);width:1.5px;height:62%;background:linear-gradient(180deg,var(--wine),var(--wine-line))}
.intg-conn .ic-rail:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;left:0;right:0;top:62%;height:1.5px;background:linear-gradient(90deg,transparent,var(--wine-line) 10%,var(--wine-line) 90%,transparent)}
.intg-conn .ic-pkt:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;width:7px;height:7px;border-radius:50%;background:var(--wine);box-shadow:0 0 9px 1px rgba(155,27,46,.55)}
.intg-conn .ic-down:where(:root.page-truesigner,:root.page-truesigner *){left:50%;top:0;transform:translate(-50%,-50%);animation:icDown 2.6s linear infinite}
.intg-conn .ic-left:where(:root.page-truesigner,:root.page-truesigner *){left:50%;top:62%;transform:translate(-50%,-50%);animation:icLeft 2.6s ease-in-out infinite}
.intg-conn .ic-right:where(:root.page-truesigner,:root.page-truesigner *){left:50%;top:62%;transform:translate(-50%,-50%);animation:icRight 2.6s ease-in-out infinite}
html[data-motion="off"] .intg-conn .ic-pkt:where(:root.page-truesigner,:root.page-truesigner *){animation:none;opacity:0}

/* single marquee */
.intg-rows:where(:root.page-truesigner,:root.page-truesigner *){position:relative;z-index:2;display:flex;flex-direction:column;gap:clamp(14px,1.6vw,20px)}
.intg-mrow:where(:root.page-truesigner,:root.page-truesigner *){overflow:hidden;padding-block:clamp(12px,1.4vw,18px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.intg-mtrack:where(:root.page-truesigner,:root.page-truesigner *){display:flex;gap:clamp(16px,1.8vw,24px);width:max-content;animation:intgMarq 34s linear infinite}
.intg-mrow:hover .intg-mtrack:where(:root.page-truesigner,:root.page-truesigner *){animation-play-state:paused}
html[data-motion="off"] .intg-mtrack:where(:root.page-truesigner,:root.page-truesigner *){animation:none}
.intg-chip:where(:root.page-truesigner,:root.page-truesigner *){flex:none;display:flex;align-items:center;gap:14px;white-space:nowrap;min-width:clamp(248px,24vw,320px); background:#fff;border:1px solid rgba(20,16,22,.04);border-radius:18px;padding:16px 30px 16px 16px; box-shadow:0 3px 8px rgba(30,22,40,.07),0 8px 18px -10px rgba(30,22,40,.16)}
.intg-chip .ig:where(:root.page-truesigner,:root.page-truesigner *){width:46px;height:46px;border-radius:13px;background:linear-gradient(160deg,#fff,#f4f2ee);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--ink-2);flex:none}
.intg-chip .ig img:where(:root.page-truesigner,:root.page-truesigner *){width:60%;height:60%;object-fit:contain}
.intg-chip .io-t b:where(:root.page-truesigner,:root.page-truesigner *){display:block;font-size:15px;font-weight:600;letter-spacing:-0.01em;color:var(--ink)}
.intg-chip .io-t span:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:3px;display:block}

/* center core */
.intg-core2:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3; width:min(248px,48%);text-align:center;border-radius:22px;padding:26px 24px 22px; background: radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,.14), transparent 60%), linear-gradient(165deg,#B23a4a 0%,#8E1B2C 52%,#67121F 100%); color:#fff;border:1px solid rgba(255,255,255,.18); box-shadow:0 30px 70px -26px rgba(70,18,28,.65), 0 0 0 7px rgba(155,27,46,.10)}
.intg-core2 .ic-ring:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);border-radius:24px;border:1px solid rgba(255,255,255,.3);pointer-events:none;animation:corePulse 3.4s var(--ease) infinite}
.intg-core2 .ic-mark:where(:root.page-truesigner,:root.page-truesigner *){width:54px;height:54px;border-radius:14px;background:#fff;display:grid;place-items:center;margin:0 auto 14px;box-shadow:0 10px 24px -10px rgba(0,0,0,.4)}
.intg-core2 .ic-mark img:where(:root.page-truesigner,:root.page-truesigner *){width:38px;height:38px;object-fit:contain}
.intg-core2 b:where(:root.page-truesigner,:root.page-truesigner *){display:block;font-size:16.5px;font-weight:700;letter-spacing:-0.02em}
.intg-core2 .ic-sub:where(:root.page-truesigner,:root.page-truesigner *){display:block;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.04em;color:rgba(255,255,255,.72);margin-top:9px;line-height:1.5}
.intg-core2 .ic-live:where(:root.page-truesigner,:root.page-truesigner *){display:inline-flex;align-items:center;gap:7px;margin-top:16px;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:100px;padding:5px 11px}
.intg-core2 .ic-live i:where(:root.page-truesigner,:root.page-truesigner *){width:6px;height:6px;border-radius:50%;background:#7CFFB0;box-shadow:0 0 0 0 rgba(124,255,176,.6);animation:livePulse 2.2s infinite}

/* orbit nodes */
.intg-orbit:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:2; display:flex;align-items:center;gap:12px;white-space:nowrap; background:var(--paper);border:1px solid rgba(20,16,22,.05);border-radius:15px;padding:12px 17px 12px 12px; box-shadow:0 18px 40px -20px rgba(42,30,48,.30), 0 4px 12px -6px rgba(42,30,48,.12); transition:box-shadow .25s var(--ease)}
.intg-orbit:hover:where(:root.page-truesigner,:root.page-truesigner *){box-shadow:0 26px 56px -22px rgba(42,30,48,.42), 0 6px 16px -8px rgba(42,30,48,.16);z-index:4}
.intg-orbit .ig:where(:root.page-truesigner,:root.page-truesigner *){width:42px;height:42px;border-radius:12px;background:linear-gradient(160deg,var(--paper),var(--paper-2));border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--ink-2);flex:none;box-shadow:inset 0 1px 0 #fff;overflow:hidden}
.intg-orbit .ig img:where(:root.page-truesigner,:root.page-truesigner *){width:62%;height:62%;object-fit:contain}
.intg-orbit .io-t b:where(:root.page-truesigner,:root.page-truesigner *){display:block;font-size:14px;font-weight:600;letter-spacing:-0.01em;color:var(--ink)}
.intg-orbit .io-t span:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:2px;display:block}

/* stats band — modern cards */
.intg-stats:where(:root.page-truesigner,:root.page-truesigner *){display:flex;justify-content:center;margin-top:6px}
.istat:where(:root.page-truesigner,:root.page-truesigner *){background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:20px 30px;display:flex;flex-direction:row;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center}
ar(--ease):where(:root.page-truesigner,:root.page-truesigner *),transform .25s var(--ease)} .istat:hover:where(:root.page-truesigner,:root.page-truesigner *){box-shadow:var(--shadow-md);transform:translateY(-2px)}
.istat .is-n:where(:root.page-truesigner,:root.page-truesigner *){font-size:clamp(28px,3.2vw,42px);font-weight:700;letter-spacing:-0.03em;line-height:1;color:var(--wine)}
.istat .is-l:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:10px}
.istat .is-langs:where(:root.page-truesigner,:root.page-truesigner *){display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.istat .is-langs span:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:10px;color:var(--ink-2);border:1px solid var(--line);border-radius:6px;padding:4px 8px;background:var(--paper-2)}
.istat:first-child:where(:root.page-truesigner,:root.page-truesigner *){background:linear-gradient(160deg,var(--wine-soft),var(--paper) 70%);border-color:var(--wine-line)}
.istat:first-child .is-l:where(:root.page-truesigner,:root.page-truesigner *){color:var(--wine)}

/* ============================ TESTIMONIALS (bento) ============================ */
.test-head:where(:root.page-truesigner,:root.page-truesigner *){text-align:center;max-width:680px;margin:0 auto 40px}
.test-head .eyebrow:where(:root.page-truesigner,:root.page-truesigner *){margin-bottom:18px}
.test-head .h-section:where(:root.page-truesigner,:root.page-truesigner *){margin:0 auto;font-size:clamp(26px,3.2vw,42px);line-height:1.08;letter-spacing:-.034em}
.test-head .lede:where(:root.page-truesigner,:root.page-truesigner *){margin:20px auto 0;text-align:center}
.test-bento:where(:root.page-truesigner,:root.page-truesigner *){display:grid;grid-template-columns:repeat(3,1fr); grid-template-areas: "a c f" "a d g" "b e g"; gap:18px}
.tb-a:where(:root.page-truesigner,:root.page-truesigner *){grid-area:a}
.tb-b:where(:root.page-truesigner,:root.page-truesigner *){grid-area:b}
.tb-c:where(:root.page-truesigner,:root.page-truesigner *){grid-area:c}
.tb-d:where(:root.page-truesigner,:root.page-truesigner *){grid-area:d}
.tb-e:where(:root.page-truesigner,:root.page-truesigner *){grid-area:e}
.tb-f:where(:root.page-truesigner,:root.page-truesigner *){grid-area:f}
.tb-g:where(:root.page-truesigner,:root.page-truesigner *){grid-area:g}
.tcard:where(:root.page-truesigner,:root.page-truesigner *){position:relative;border:1px solid var(--line);border-radius:18px;background:var(--paper); padding:clamp(24px,2.2vw,32px);display:flex;flex-direction:column;overflow:hidden; transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
.tcard:hover:where(:root.page-truesigner,:root.page-truesigner *){transform:translateY(-3px);box-shadow:var(--shadow-md)}
.tcard .tq:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;right:18px;bottom:-6px;font-family:var(--font-sans);font-weight:700; font-size:104px;line-height:1;color:var(--line);pointer-events:none;user-select:none}
.tcard blockquote:where(:root.page-truesigner,:root.page-truesigner *){position:relative;z-index:1;font-size:15.5px;line-height:1.6;letter-spacing:-0.01em;color:var(--ink);text-wrap:pretty}
.tcard .who:where(:root.page-truesigner,:root.page-truesigner *){position:relative;z-index:1;display:flex;align-items:center;gap:12px;margin-top:22px}
.tcard .av:where(:root.page-truesigner,:root.page-truesigner *){width:46px;height:46px;border-radius:50%;flex:none;object-fit:cover;background:var(--paper-3)}
.tcard .who b:where(:root.page-truesigner,:root.page-truesigner *){font-size:14.5px;font-weight:700;display:block;letter-spacing:-0.01em}
.tcard .who span:where(:root.page-truesigner,:root.page-truesigner *){font-size:12.5px;color:var(--ink-3);margin-top:2px;display:block;line-height:1.35}

/* featured */
.tcard--feat:where(:root.page-truesigner,:root.page-truesigner *){padding:clamp(28px,2.7vw,40px)}
.tcard--feat .stars:where(:root.page-truesigner,:root.page-truesigner *){position:relative;z-index:1;font-size:15px;letter-spacing:3px;margin-bottom:24px}
.tcard--feat blockquote:where(:root.page-truesigner,:root.page-truesigner *){font-size:clamp(17px,1.45vw,20px);line-height:1.5;font-weight:500}
.tcard--feat .who:where(:root.page-truesigner,:root.page-truesigner *){margin-top:auto;padding-top:28px}
.tcard--feat .tq:where(:root.page-truesigner,:root.page-truesigner *){right:24px;top:8px;bottom:auto;font-size:128px}
.tcard--dark:where(:root.page-truesigner,:root.page-truesigner *){background:#F3F1EE;border:1px solid var(--line)}
.tcard--dark blockquote:where(:root.page-truesigner,:root.page-truesigner *),.tcard--dark .who b:where(:root.page-truesigner,:root.page-truesigner *){color:var(--ink)}
.tcard--dark .who span:where(:root.page-truesigner,:root.page-truesigner *){color:var(--ink-3)}
.tcard--dark .stars:where(:root.page-truesigner,:root.page-truesigner *){color:var(--wine)}
.tcard--dark .tq:where(:root.page-truesigner,:root.page-truesigner *){color:rgba(20,16,22,.06)}
.tcard--wine:where(:root.page-truesigner,:root.page-truesigner *){background:linear-gradient(155deg,#A6333E 0%,#7C1623 58%,#5E1020 100%);border-color:transparent}
.tcard--wine blockquote:where(:root.page-truesigner,:root.page-truesigner *),.tcard--wine .who b:where(:root.page-truesigner,:root.page-truesigner *){color:#fff}
.tcard--wine .who span:where(:root.page-truesigner,:root.page-truesigner *){color:rgba(255,255,255,.72)}
.tcard--wine .stars:where(:root.page-truesigner,:root.page-truesigner *){color:#fff}
.tcard--wine .tq:where(:root.page-truesigner,:root.page-truesigner *){color:rgba(255,255,255,.13)}
.tcard--wine .av:where(:root.page-truesigner,:root.page-truesigner *){box-shadow:0 0 0 2px rgba(255,255,255,.28)}
.tcard--dark .av:where(:root.page-truesigner,:root.page-truesigner *){box-shadow:0 0 0 2px rgba(20,16,22,.1)}

/* ============================ FINAL CTA ============================ */
.cta:where(:root.page-truesigner,:root.page-truesigner *){position:relative;background:linear-gradient(165deg,#4E0C18 0%,#6E1320 22%,#9B1B2E 50%,#BF3A40 74%,#E08763 100%);color:#fff;overflow:hidden;border-radius:0;isolation:isolate}
.cta:where(:root.page-truesigner,:root.page-truesigner *)::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background: radial-gradient(75% 55% at 18% 8%, rgba(255,210,190,.40) 0%, transparent 55%), radial-gradient(80% 70% at 92% 30%, rgba(120,12,24,.65) 0%, transparent 60%), radial-gradient(90% 80% at 50% 120%, rgba(50,6,14,.7) 0%, transparent 62%)}
.cta-noise:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.85;mix-blend-mode:soft-light; background-image: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='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:150px 150px}
.cta canvas:where(:root.page-truesigner,:root.page-truesigner *){display:none}
.cta-in:where(:root.page-truesigner,:root.page-truesigner *){position:relative;z-index:2;text-align:center;max-width:1200px;margin:0 auto;padding-block:clamp(60px,7.5vw,100px) clamp(40px,5vw,64px)}
.cta-logo:where(:root.page-truesigner,:root.page-truesigner *){display:inline-grid;place-items:center;width:104px;height:104px;border-radius:26px;margin-bottom:34px; background:linear-gradient(155deg,#ffffff 0%,#efece5 100%); box-shadow:0 2px 1px rgba(255,255,255,.95) inset, 0 -6px 14px rgba(120,18,28,.18) inset, 0 5px 10px rgba(255,255,255,.5) inset, 0 26px 54px -16px rgba(35,5,10,.7)}
.cta-logo img:where(:root.page-truesigner,:root.page-truesigner *){width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 2px 1px rgba(255,255,255,.9)) drop-shadow(0 -1px 1px rgba(120,18,28,.25))}
.cta h2:where(:root.page-truesigner,:root.page-truesigner *){font-size:clamp(26px,3.2vw,42px);text-align:center;font-weight:700;letter-spacing:-0.035em;line-height:1.02;text-wrap:balance;max-width:none;margin:0 auto}
.cta h2 em:where(:root.page-truesigner,:root.page-truesigner *){font-style:normal;color:#fff}
.cta-btns:where(:root.page-truesigner,:root.page-truesigner *){display:flex;gap:14px;justify-content:center;margin-top:32px;flex-wrap:wrap}
.cta .btn-wine:where(:root.page-truesigner,:root.page-truesigner *){box-shadow:0 16px 44px -16px rgba(0,0,0,.55)}
.cta .btn-wine:hover:where(:root.page-truesigner,:root.page-truesigner *){transform:translateY(-2px);box-shadow:0 22px 54px -16px rgba(0,0,0,.6)}
.cta-btns .btn:where(:root.page-truesigner,:root.page-truesigner *){border-radius:100px}
.btn-onwine:where(:root.page-truesigner,:root.page-truesigner *){background:#fff;color:var(--wine-deep)}
.btn-onwine:hover:where(:root.page-truesigner,:root.page-truesigner *){background:#fff;transform:translateY(-2px);box-shadow:0 18px 40px -16px rgba(0,0,0,.5)}
.cta-assure:where(:root.page-truesigner,:root.page-truesigner *){display:flex;justify-content:center;gap:14px 28px;flex-wrap:wrap;margin-top:30px}
.cta-assure span:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:rgba(255,255,255,.82);display:inline-flex;align-items:center;gap:8px}
.cta-assure span:where(:root.page-truesigner,:root.page-truesigner *)::before{content:"\2192";color:#fff;opacity:.7;font-size:13px}

/* product screenshot — top 30% peeking at the bottom */
.cta-shot:where(:root.page-truesigner,:root.page-truesigner *){position:relative;z-index:2;width:min(var(--maxw),calc(100% - var(--gut)*2));margin:0 auto;border-radius:16px 16px 0 0;overflow:hidden; border:1px solid rgba(255,255,255,.22);border-bottom:0; box-shadow:0 -10px 60px -20px rgba(40,6,12,.6), 0 30px 80px -30px rgba(0,0,0,.5);background:#fff}
.cta-shot-bar:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;gap:12px;padding:11px 16px;background:#faf9f7;border-bottom:1px solid #ececec}
.cta-shot-bar .csb-dots:where(:root.page-truesigner,:root.page-truesigner *){display:flex;gap:6px}
.cta-shot-bar .csb-dots i:where(:root.page-truesigner,:root.page-truesigner *){width:10px;height:10px;border-radius:50%;background:#d8d5ce;display:block}
.cta-shot-bar .csb-url:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:11px;color:#9a9a95;background:#fff;border:1px solid #ececec;border-radius:7px;padding:4px 12px}
.cta-shot img:where(:root.page-truesigner,:root.page-truesigner *){display:block;width:100%;height:clamp(128px,17.6vw,208px);object-fit:cover;object-position:top center}

/* footer brand block */
.foot-lead:where(:root.page-truesigner,:root.page-truesigner *){display:grid;grid-template-columns:1.5fr 1fr;gap:40px;padding-bottom:48px;margin-bottom:48px;border-bottom:1px solid var(--line)}
.foot-lead p:where(:root.page-truesigner,:root.page-truesigner *){font-size:15px;color:var(--ink-2);line-height:1.65;max-width:60ch}
.foot-mission:where(:root.page-truesigner,:root.page-truesigner *){border-left:2px solid var(--wine);padding-left:20px}
.foot-mission span:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);display:block;margin-bottom:10px}
.foot-mission p:where(:root.page-truesigner,:root.page-truesigner *){font-size:15px;color:var(--ink);font-weight:500}
.foot-badges:where(:root.page-truesigner,:root.page-truesigner *){display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.foot-bottom:where(:root.page-truesigner,:root.page-truesigner *){display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:48px;padding-top:28px;border-top:1px solid var(--line);flex-wrap:wrap}
.foot-bottom .copy:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:11px;color:var(--ink-3);letter-spacing:.02em}

/* representative deployments strip */
.deploy-strip:where(:root.page-truesigner,:root.page-truesigner *){margin-top:8px}
.deploy-head:where(:root.page-truesigner,:root.page-truesigner *){display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.deploy-grid:where(:root.page-truesigner,:root.page-truesigner *){display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.dep:where(:root.page-truesigner,:root.page-truesigner *){background:var(--paper-2);padding:16px 18px}
.dep .dk:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}
.dep b:where(:root.page-truesigner,:root.page-truesigner *){font-size:13.5px;font-weight:600;display:block;letter-spacing:-0.01em}
.dep span:where(:root.page-truesigner,:root.page-truesigner *){font-size:12px;color:var(--ink-2)}

/* ============================================================================
   PREMIUM SAAS POLISH — updated page only
   ========================================================================== */
:root:where(:root.page-truesigner,:root.page-truesigner *){--shadow-sm:0 1px 2px rgba(34,18,22,.05), 0 1px 1px rgba(34,18,22,.03); --shadow-md:0 24px 64px -34px rgba(46,18,26,.30), 0 8px 22px -16px rgba(46,18,26,.16); --shadow-lg:0 64px 140px -58px rgba(52,20,30,.42), 0 26px 54px -36px rgba(46,18,26,.20)}

/* seamless warm seam where the red hero fades into the white page */
.ecolog:where(:root.page-truesigner,:root.page-truesigner *){background:linear-gradient(180deg,#FFF7F4 0%, #ffffff 72%)}

/* a faint circular-language motif shared by key sections */
.section--tight:where(:root.page-truesigner,:root.page-truesigner *),.cta:where(:root.page-truesigner,:root.page-truesigner *){position:relative}
.section--tight:where(:root.page-truesigner,:root.page-truesigner *)::before{content:"";position:absolute;left:50%;top:50%;width:760px;height:760px; transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:0; background:radial-gradient(circle, color-mix(in srgb,var(--wine) 7%,transparent), transparent 64%)}
.section--tight .wrap:where(:root.page-truesigner,:root.page-truesigner *){position:relative;z-index:1}

/* usage-metrics band — elevated, premium */
.statband:where(:root.page-truesigner,:root.page-truesigner *){border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-md);overflow:hidden; background: radial-gradient(130% 180% at 8% -50%, var(--wine-soft), transparent 58%), radial-gradient(130% 180% at 96% -50%, var(--accent-soft), transparent 58%), var(--paper)}
.statband .sc:where(:root.page-truesigner,:root.page-truesigner *){transition:background .25s var(--ease)}
.statband .sc:hover:where(:root.page-truesigner,:root.page-truesigner *){background:rgba(255,255,255,.6)}
.statband .stat-num:where(:root.page-truesigner,:root.page-truesigner *){color:var(--wine)}

/* premium container radii + softer card depth across the page */
.eco-card:where(:root.page-truesigner,:root.page-truesigner *),.anec-card:where(:root.page-truesigner,:root.page-truesigner *),.tcard:where(:root.page-truesigner,:root.page-truesigner *),.ind-panel:where(:root.page-truesigner,:root.page-truesigner *),.intg-net:where(:root.page-truesigner,:root.page-truesigner *),.why-grid:where(:root.page-truesigner,:root.page-truesigner *),.arch-diagram:where(:root.page-truesigner,:root.page-truesigner *),.gap-answer:where(:root.page-truesigner,:root.page-truesigner *),.media-frame:where(:root.page-truesigner,:root.page-truesigner *){border-radius:20px}
.tcard:hover:where(:root.page-truesigner,:root.page-truesigner *),.eco-card:hover:where(:root.page-truesigner,:root.page-truesigner *){box-shadow:var(--shadow-lg)}
.tcard--dark:hover:where(:root.page-truesigner,:root.page-truesigner *),.tcard--wine:hover:where(:root.page-truesigner,:root.page-truesigner *){box-shadow:var(--shadow-lg)}

/* circular motif echo behind final CTA */
.cta-in:where(:root.page-truesigner,:root.page-truesigner *){position:relative;z-index:2}

/* refined eyebrow accent — premium */
.eyebrow:where(:root.page-truesigner,:root.page-truesigner *)::before{box-shadow:0 0 0 4px var(--wine-soft)}

/* floating-pill nav: center wide mega panels to the viewport so centered
   nav links never push them off-screen; keep narrow menus on their trigger */
.nav-mega:where(:root.page-truesigner,:root.page-truesigner *){position:fixed;left:50%;top:84px;right:auto; transform:translateX(-50%) translateY(8px) scale(.99);transform-origin:top center; width:min(860px,calc(100vw - 40px))}
.nav-mega.nav-mega--cards:where(:root.page-truesigner,:root.page-truesigner *){width:min(680px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons:where(:root.page-truesigner,:root.page-truesigner *){width:min(660px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons.nav-mega--sol:where(:root.page-truesigner,:root.page-truesigner *){width:min(740px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons.has-3:where(:root.page-truesigner,:root.page-truesigner *){width:min(820px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons.nav-mega--res:where(:root.page-truesigner,:root.page-truesigner *){width:min(860px,calc(100vw - 40px))}
.nav-item:hover .nav-mega:where(:root.page-truesigner,:root.page-truesigner *),.nav-item:focus-within .nav-mega:where(:root.page-truesigner,:root.page-truesigner *){transform:translateX(-50%) translateY(0) scale(1)}
.nav-mega:where(:root.page-truesigner,:root.page-truesigner *)::before{left:0;right:0;top:-28px;height:28px}
.nav.is-stuck .nav-mega:where(:root.page-truesigner,:root.page-truesigner *){top:74px}

/* nav CTA buttons → pill to match the bar */
.nav-cta .btn:where(:root.page-truesigner,:root.page-truesigner *){border-radius:100px}
.nav-cta .btn-ghost:where(:root.page-truesigner,:root.page-truesigner *){border-color:var(--line)}

/* ============================ FOOTER (Avoora-style) ============================ */
.foot:where(:root.page-truesigner,:root.page-truesigner *){background:var(--paper);border-top:1px solid var(--line);padding:0 0 32px}
.foot .wrap:where(:root.page-truesigner,:root.page-truesigner *){position:relative}

/* image marquee */
.foot-marquee:where(:root.page-truesigner,:root.page-truesigner *){overflow:hidden;padding:clamp(28px,3.4vw,46px) 0 clamp(20px,2.4vw,30px); -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent); mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.fm-track:where(:root.page-truesigner,:root.page-truesigner *){display:flex;gap:16px;width:max-content;animation:fmScroll 48s linear infinite}
.foot-marquee:hover .fm-track:where(:root.page-truesigner,:root.page-truesigner *){animation-play-state:paused}
html[data-motion="off"] .fm-track:where(:root.page-truesigner,:root.page-truesigner *){animation:none}
.fm-tile:where(:root.page-truesigner,:root.page-truesigner *){margin:0;flex:none;width:clamp(112px,11vw,150px)}
.fm-tile img:where(:root.page-truesigner,:root.page-truesigner *){width:100%;aspect-ratio:5/6;object-fit:cover;border-radius:14px;background:var(--paper-3); filter:grayscale(.1);transition:transform .4s var(--ease),filter .4s}
.fm-tile:hover img:where(:root.page-truesigner,:root.page-truesigner *){transform:translateY(-4px);filter:none}
.fm-tile figcaption:where(:root.page-truesigner,:root.page-truesigner *){display:none}

/* menu cards */
.foot-cards:where(:root.page-truesigner,:root.page-truesigner *){display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:clamp(28px,3vw,44px)}
.foot-card:where(:root.page-truesigner,:root.page-truesigner *){border:0;border-radius:18px;padding:clamp(22px,2vw,30px);background:linear-gradient(180deg,var(--wine-soft) 0%,var(--paper) 64%);transition:box-shadow .25s var(--ease),transform .25s var(--ease)}
.foot-card:hover:where(:root.page-truesigner,:root.page-truesigner *){box-shadow:var(--shadow-md);transform:translateY(-2px)}
.foot-card :is(h3,h4):where(:root.page-truesigner,:root.page-truesigner *){font-size:18px;font-weight:700;letter-spacing:-0.02em;color:var(--ink);margin-bottom:14px;font-family:var(--font-sans);text-transform:none}
.foot-links:where(:root.page-truesigner,:root.page-truesigner *){list-style:none;display:flex;flex-direction:column}
.foot-links li:where(:root.page-truesigner,:root.page-truesigner *){border-top:1px solid var(--wine-line)}
.foot-links li:first-child:where(:root.page-truesigner,:root.page-truesigner *){border-top:0}
.foot-links a:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 2px;font-size:14.5px;font-weight:500;color:var(--ink-2);transition:color .18s var(--ease),padding .18s var(--ease)}
.foot-links a:hover:where(:root.page-truesigner,:root.page-truesigner *){color:var(--wine);padding-left:6px}
.foot-viewall:where(:root.page-truesigner,:root.page-truesigner *){color:var(--wine)!important;font-weight:600}
.foot-card:where(:root.page-truesigner,:root.page-truesigner *){position:relative}
.foot-card:has(.foot-va:hover):where(:root.page-truesigner,:root.page-truesigner *),.foot-card:has(.foot-va:focus-within):where(:root.page-truesigner,:root.page-truesigner *){z-index:40}
.foot-va:where(:root.page-truesigner,:root.page-truesigner *){display:block;margin-top:14px}
.foot-viewall:where(:root.page-truesigner,:root.page-truesigner *){cursor:pointer;display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--wine)}
.foot-viewall .va-arr:where(:root.page-truesigner,:root.page-truesigner *){transition:transform .2s var(--ease)}
.foot-va:hover .va-arr:where(:root.page-truesigner,:root.page-truesigner *),.foot-va:focus-within .va-arr:where(:root.page-truesigner,:root.page-truesigner *){transform:translateX(3px)}
.foot-va-pop:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;left:0;bottom:0;z-index:30;width:min(560px,140%); display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:14px;border-radius:16px;background:var(--paper);border:1px solid var(--line); box-shadow:0 30px 60px -22px rgba(20,16,22,.45),0 8px 20px -10px rgba(20,16,22,.2); opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s}
.foot-va:hover .foot-va-pop:where(:root.page-truesigner,:root.page-truesigner *),.foot-va:focus-within .foot-va-pop:where(:root.page-truesigner,:root.page-truesigner *){opacity:1;visibility:visible;transform:translateY(0)}
.foot-va-pop a:where(:root.page-truesigner,:root.page-truesigner *){display:block;padding:9px 12px;border-radius:9px;font-size:13px;font-weight:500;color:var(--ink-2);transition:background .16s,color .16s}
.foot-va-pop a:hover:where(:root.page-truesigner,:root.page-truesigner *){background:var(--wine-soft);color:var(--wine)}
.foot-h4row:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.foot-h4row .foot-viewall:where(:root.page-truesigner,:root.page-truesigner *){font-size:12px;font-weight:600;text-transform:none;letter-spacing:0}
.fl-arr:where(:root.page-truesigner,:root.page-truesigner *){color:var(--ink-3);font-size:16px;transition:transform .18s var(--ease),color .18s}
.foot-links a:hover .fl-arr:where(:root.page-truesigner,:root.page-truesigner *){color:var(--wine);transform:translateX(3px)}

/* bottom bar */
.foot-bottom:where(:root.page-truesigner,:root.page-truesigner *){display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap; margin-top:clamp(30px,3.4vw,48px);padding:24px 0;border-top:1px solid var(--line)}
.foot-bottom .copy:where(:root.page-truesigner,:root.page-truesigner *){font-size:13px;color:var(--ink-3);letter-spacing:.01em}
.foot-top:where(:root.page-truesigner,:root.page-truesigner *){display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-family:var(--font-mono)}
.foot-top .ft-ic:where(:root.page-truesigner,:root.page-truesigner *){width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:var(--wine);color:#fff;font-size:14px;transition:transform .2s var(--ease)}
.foot-top:hover .ft-ic:where(:root.page-truesigner,:root.page-truesigner *){transform:translateY(-3px)}

/* back-to-top → logo */
.foot-right:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;gap:clamp(14px,1.6vw,22px)}
.foot-social:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;gap:10px}
.foot-social a:where(:root.page-truesigner,:root.page-truesigner *){width:54px;height:54px;border-radius:50%;background:var(--wine-soft);display:grid;place-items:center;color:var(--wine);transition:color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease)}
.foot-social a:hover:where(:root.page-truesigner,:root.page-truesigner *){color:#fff;background:var(--wine);transform:translateY(-2px)}
.foot-social svg:where(:root.page-truesigner,:root.page-truesigner *){width:20px;height:20px;fill:currentColor}
.foot-sep:where(:root.page-truesigner,:root.page-truesigner *){width:1px;height:38px;background:var(--line);flex:none}
.foot-logo:where(:root.page-truesigner,:root.page-truesigner *){display:inline-flex;align-items:center;transition:transform .2s var(--ease)}
.foot-logo img:where(:root.page-truesigner,:root.page-truesigner *){height:52px;width:auto;object-fit:contain}
.foot-logo:hover:where(:root.page-truesigner,:root.page-truesigner *){transform:translateY(-3px)}

/* giant wordmark with people video */
.foot-wordmark:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;gap:clamp(20px,3vw,48px);margin-top:clamp(22px,2.6vw,40px);padding-bottom:clamp(16px,2.4vw,40px)}
.fw-img:where(:root.page-truesigner,:root.page-truesigner *){position:relative;flex:none;width:clamp(120px,14vw,188px);aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:var(--paper-3);display:block;cursor:pointer}
.fw-img video:where(:root.page-truesigner,:root.page-truesigner *),.fw-img img:where(:root.page-truesigner,:root.page-truesigner *){width:100%;height:100%;object-fit:cover;display:block}
.fw-ig:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;color:#fff; background:linear-gradient(160deg,rgba(193,53,132,.55),rgba(131,58,180,.5) 55%,rgba(253,170,90,.45)); opacity:0;transition:opacity .28s var(--ease)}
.fw-ig svg:where(:root.page-truesigner,:root.page-truesigner *){transform:scale(.8);transition:transform .28s var(--ease);filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}
.fw-img:hover .fw-ig:where(:root.page-truesigner,:root.page-truesigner *){opacity:1}
.fw-img:hover .fw-ig svg:where(:root.page-truesigner,:root.page-truesigner *){transform:scale(1)}
.fw-text:where(:root.page-truesigner,:root.page-truesigner *){font-weight:900;line-height:.92;letter-spacing:0.005em;color:#D8D3CC; font-size:clamp(60px,16.6vw,250px);white-space:nowrap;padding-bottom:0.1em;flex:1;text-align:right}

/* touch 1781880837256 */

/* floating Academic Transcripts pill (bottom-left) */
.et-float:where(:root.page-truesigner,:root.page-truesigner *){position:fixed;right:22px;left:auto;bottom:22px;z-index:120;display:inline-flex;flex-direction:row-reverse;align-items:center;gap:0; height:60px;width:60px;padding:8px;border-radius:100px;overflow:hidden; background:#fff;box-shadow:0 14px 34px -12px rgba(20,16,22,.34),0 4px 12px -6px rgba(20,16,22,.2); border:1px solid var(--line);text-decoration:none;white-space:nowrap; transition:width .34s var(--ease),box-shadow .34s var(--ease)}
.et-float .et-ic:where(:root.page-truesigner,:root.page-truesigner *){width:44px;height:44px;border-radius:50%;flex:none;display:grid;place-items:center;overflow:hidden}
.et-float .et-ic img:where(:root.page-truesigner,:root.page-truesigner *){width:100%;height:100%;object-fit:contain;display:block}
.et-float .et-tx:where(:root.page-truesigner,:root.page-truesigner *){font-size:14px;font-weight:700;color:var(--wine);letter-spacing:-0.01em;opacity:0; padding:0 6px 0 14px;transition:opacity .28s var(--ease) .06s}
.et-float:hover:where(:root.page-truesigner,:root.page-truesigner *){width:250px;box-shadow:0 20px 44px -14px rgba(20,16,22,.42)}
.et-float:hover .et-tx:where(:root.page-truesigner,:root.page-truesigner *){opacity:1}
.brand .mark .seal:where(:root.page-truesigner,:root.page-truesigner *){fill:var(--wine)}
.eco-glyph:where(:root.page-truesigner,:root.page-truesigner *),.intg-core .ic-mark:where(:root.page-truesigner,:root.page-truesigner *),.ind-flowcard .ifn:where(:root.page-truesigner,:root.page-truesigner *){transition:background .3s var(--ease)}

/* ---------- TRUESigner ONE product page ---------- */
.tsh:where(:root.page-truesigner,:root.page-truesigner *){position:relative;isolation:isolate;overflow:visible;min-height:clamp(400px,46vw,560px);padding:clamp(150px,15vw,190px) 0 clamp(118px,12vw,152px);background-image: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='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E"),linear-gradient(180deg,#6E101D 0%,#8C1729 46%,#A82C43 100%)}
.tsh-rings:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;left:50%;top:8%;width:min(1500px,132vw);aspect-ratio:1;transform:translateX(-50%);z-index:-1;pointer-events:none}
.tsh-rings span:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;inset:0;border-radius:50%;border:1px dashed rgba(255,255,255,.22)}
.tsh-rings span:nth-child(2):where(:root.page-truesigner,:root.page-truesigner *){inset:13%;border-color:rgba(255,255,255,.16)}
.tsh-rings span:nth-child(3):where(:root.page-truesigner,:root.page-truesigner *){inset:26%;border-color:rgba(255,255,255,.12)}
.tsh-rings span:nth-child(1):where(:root.page-truesigner,:root.page-truesigner *){animation:tsSpin 90s linear infinite}
.tsh-rings span:nth-child(3):where(:root.page-truesigner,:root.page-truesigner *){animation:tsSpin 70s linear infinite reverse}
.tsh-in:where(:root.page-truesigner,:root.page-truesigner *){position:relative;text-align:center;color:#fff;max-width:1000px;margin-inline:auto}
.tsh-eyebrow:where(:root.page-truesigner,:root.page-truesigner *){display:inline-flex;align-items:center;gap:10px;padding:7px 16px 7px 13px;border-radius:100px;border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.10);backdrop-filter:blur(6px);font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.94)}
.tsh-eyebrow b:where(:root.page-truesigner,:root.page-truesigner *){width:6px;height:6px;border-radius:50%;background:#fff;display:block}
.tsh h1:where(:root.page-truesigner,:root.page-truesigner *){margin:22px 0 0;font-size:clamp(34px,4.3vw,56px);line-height:1.18;padding-bottom:.08em;letter-spacing:-.035em;font-weight:700;text-wrap:balance}
.tsh h1 em:where(:root.page-truesigner,:root.page-truesigner *){font-style:normal;color:#F6C6CE}
.tsh-sub:where(:root.page-truesigner,:root.page-truesigner *){margin:20px auto 0;max-width:720px;font-size:clamp(15px,1.35vw,18px);line-height:1.6;color:rgba(255,255,255,.84)}
.tsh-cta:where(:root.page-truesigner,:root.page-truesigner *){display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.tsh-mail:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.34);border-radius:100px;padding:5px 5px 5px 20px;backdrop-filter:blur(8px)}
.tsh-mail input:where(:root.page-truesigner,:root.page-truesigner *){background:none;border:0;outline:0;color:#fff;font-family:inherit;font-size:14.5px;width:min(240px,42vw)}
.tsh-mail input:where(:root.page-truesigner,:root.page-truesigner *)::placeholder{color:rgba(255,255,255,.66)}
.tsh-mail button:where(:root.page-truesigner,:root.page-truesigner *){border:0;border-radius:100px;background:#fff;color:var(--wine);font-family:inherit;font-weight:700;font-size:14px;padding:11px 20px;cursor:pointer;transition:.2s var(--ease)}
.tsh-mail button:hover:where(:root.page-truesigner,:root.page-truesigner *){background:#F6C6CE}
.tsh-legal:where(:root.page-truesigner,:root.page-truesigner *){display:flex;gap:26px;justify-content:center;flex-wrap:wrap;margin-top:26px;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.tsh-legal span:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;gap:8px}
.tsh-legal span:where(:root.page-truesigner,:root.page-truesigner *)::before{content:"";width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.6)}

/* hero signing mock */
.tsm:where(:root.page-truesigner,:root.page-truesigner *){position:relative;z-index:2;max-width:1240px;margin:clamp(-110px,-11vw,-160px) auto 0;border-radius:26px;background:#fff;box-shadow:none;overflow:hidden;border:1px solid var(--line)}


/* hero signing mock */
.tsm:where(:root.page-contractverse,:root.page-contractverse *){position:relative;z-index:2;max-width:1240px;margin:clamp(-110px,-11vw,-160px) auto 0;border-radius:26px;background:#fff;box-shadow:none;overflow:hidden;border:1px solid var(--line)}
.tsm-bar:where(:root.page-truesigner,:root.page-truesigner *){position:relative;display:flex;align-items:center;gap:9px;padding:12px 16px;border-bottom:1px solid var(--line-2);background:var(--paper-2)}

.tsm-bar:where(:root.page-contractverse,:root.page-contractverse *){position:relative;display:flex;align-items:center;gap:9px;padding:12px 16px;border-bottom:1px solid var(--line-2);background:var(--paper-2)}
.tsm-bar i:where(:root.page-truesigner,:root.page-truesigner *){width:9px;height:9px;border-radius:50%;background:#E3DFD8;display:block}

.tsm-bar i:where(:root.page-contractverse,:root.page-contractverse *){width:9px;height:9px;border-radius:50%;background:#E3DFD8;display:block}
.tsm-bar b:where(:root.page-truesigner,:root.page-truesigner *){margin-left:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-weight:500}

.tsm-bar b:where(:root.page-contractverse,:root.page-contractverse *){margin-left:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-weight:500}
.tsm-body:where(:root.page-truesigner,:root.page-truesigner *){display:grid;grid-template-columns:1fr 290px;min-height:330px}

.tsm-body:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-columns:1fr 290px;min-height:330px}
.tsm-doc:where(:root.page-truesigner,:root.page-truesigner *){padding:30px 34px;border-right:1px solid var(--line-2);position:relative}

.tsm-doc:where(:root.page-contractverse,:root.page-contractverse *){padding:30px 34px;border-right:1px solid var(--line-2);position:relative}
.tsm-doc h5:where(:root.page-truesigner,:root.page-truesigner *){margin:0 0 4px;font-size:16px;font-weight:700;letter-spacing:-.02em}

.tsm-doc h5:where(:root.page-contractverse,:root.page-contractverse *){margin:0 0 4px;font-size:16px;font-weight:700;letter-spacing:-.02em}
.tsm-doc p.k:where(:root.page-truesigner,:root.page-truesigner *){margin:0 0 20px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}

.tsm-doc p.k:where(:root.page-contractverse,:root.page-contractverse *){margin:0 0 20px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.tsm-lines:where(:root.page-truesigner,:root.page-truesigner *){display:flex;flex-direction:column;gap:9px}

.tsm-lines:where(:root.page-contractverse,:root.page-contractverse *){display:flex;flex-direction:column;gap:9px}
.tsm-lines i:where(:root.page-truesigner,:root.page-truesigner *){height:7px;border-radius:4px;background:var(--paper-3);display:block}

.tsm-lines i:where(:root.page-contractverse,:root.page-contractverse *){height:7px;border-radius:4px;background:var(--paper-3);display:block}
.tsm-lines i:nth-child(2):where(:root.page-truesigner,:root.page-truesigner *){width:92%}

.tsm-lines i:nth-child(2):where(:root.page-contractverse,:root.page-contractverse *){width:92%}
.tsm-lines i:nth-child(3):where(:root.page-truesigner,:root.page-truesigner *){width:78%}

.tsm-lines i:nth-child(3):where(:root.page-contractverse,:root.page-contractverse *){width:78%}
.tsm-lines i:nth-child(5):where(:root.page-truesigner,:root.page-truesigner *){width:64%}

.tsm-lines i:nth-child(5):where(:root.page-contractverse,:root.page-contractverse *){width:64%}
.tsm-lines i:nth-child(6):where(:root.page-truesigner,:root.page-truesigner *){width:86%}

.tsm-lines i:nth-child(6):where(:root.page-contractverse,:root.page-contractverse *){width:86%}
.tsm-sigs:where(:root.page-truesigner,:root.page-truesigner *){display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}

.tsm-sigs:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.tsm-sig:where(:root.page-truesigner,:root.page-truesigner *){border:1px dashed var(--wine-line);border-radius:10px;padding:12px 14px;min-height:66px;display:flex;flex-direction:column;justify-content:space-between;transition:.4s var(--ease);background:#fff}

.tsm-sig:where(:root.page-contractverse,:root.page-contractverse *){border:1px dashed var(--wine-line);border-radius:10px;padding:12px 14px;min-height:66px;display:flex;flex-direction:column;justify-content:space-between;transition:.4s var(--ease);background:#fff}
.tsm-sig .lbl:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}

.tsm-sig .lbl:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.tsm-sig .ink:where(:root.page-truesigner,:root.page-truesigner *){height:20px;opacity:0;transform:translateY(4px);transition:.5s var(--ease)}

.tsm-sig .ink:where(:root.page-contractverse,:root.page-contractverse *){height:20px;opacity:0;transform:translateY(4px);transition:.5s var(--ease)}
.tsm-sig .ink svg:where(:root.page-truesigner,:root.page-truesigner *){height:20px;width:auto;display:block}

.tsm-sig .ink svg:where(:root.page-contractverse,:root.page-contractverse *){height:20px;width:auto;display:block}
.tsm-sig .ink path:where(:root.page-truesigner,:root.page-truesigner *){fill:none;stroke:var(--wine);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200}

.tsm-sig .ink path:where(:root.page-contractverse,:root.page-contractverse *){fill:none;stroke:var(--wine);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200}
.tsm-sig.on:where(:root.page-truesigner,:root.page-truesigner *){border-style:solid;border-color:var(--wine);box-shadow:0 10px 26px -18px var(--wine)}

.tsm-sig.on:where(:root.page-contractverse,:root.page-contractverse *){border-style:solid;border-color:var(--wine);box-shadow:0 10px 26px -18px var(--wine)}
.tsm-sig.on .ink:where(:root.page-truesigner,:root.page-truesigner *){opacity:1;transform:none}

.tsm-sig.on .ink:where(:root.page-contractverse,:root.page-contractverse *){opacity:1;transform:none}
.tsm-sig.on .ink path:where(:root.page-truesigner,:root.page-truesigner *){animation:tsInk .9s var(--ease) forwards}

.tsm-sig.on .ink path:where(:root.page-contractverse,:root.page-contractverse *){animation:tsInk .9s var(--ease) forwards}
.tsm-side:where(:root.page-truesigner,:root.page-truesigner *){padding:26px 22px;background:var(--paper-2)}

.tsm-side:where(:root.page-contractverse,:root.page-contractverse *){padding:26px 22px;background:var(--paper-2)}
.tsm-side h6:where(:root.page-truesigner,:root.page-truesigner *){margin:0 0 16px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:500}

.tsm-side h6:where(:root.page-contractverse,:root.page-contractverse *){margin:0 0 16px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:500}
.tsm-row:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid var(--line-2)}

.tsm-row:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid var(--line-2)}
.tsm-row:last-child:where(:root.page-truesigner,:root.page-truesigner *){border-bottom:0}

.tsm-row:last-child:where(:root.page-contractverse,:root.page-contractverse *){border-bottom:0}
.tsm-av:where(:root.page-truesigner,:root.page-truesigner *){width:28px;height:28px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-size:10.5px;font-weight:700;color:var(--ink-2);flex:none;transition:.35s}

.tsm-av:where(:root.page-contractverse,:root.page-contractverse *){width:28px;height:28px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-size:10.5px;font-weight:700;color:var(--ink-2);flex:none;transition:.35s}
.tsm-nm:where(:root.page-truesigner,:root.page-truesigner *){flex:1;min-width:0}

.tsm-nm:where(:root.page-contractverse,:root.page-contractverse *){flex:1;min-width:0}
.tsm-nm b:where(:root.page-truesigner,:root.page-truesigner *){display:block;font-size:12.5px;font-weight:600;letter-spacing:-.01em}

.tsm-nm b:where(:root.page-contractverse,:root.page-contractverse *){display:block;font-size:12.5px;font-weight:600;letter-spacing:-.01em}
.tsm-nm span:where(:root.page-truesigner,:root.page-truesigner *){font-size:10.5px;color:var(--ink-3)}

.tsm-nm span:where(:root.page-contractverse,:root.page-contractverse *){font-size:10.5px;color:var(--ink-3)}
.tsm-st:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:3px 7px;border-radius:5px;background:#fff;border:1px solid var(--line);transition:.35s}

.tsm-st:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:3px 7px;border-radius:5px;background:#fff;border:1px solid var(--line);transition:.35s}
.tsm-row.on .tsm-av:where(:root.page-truesigner,:root.page-truesigner *){background:var(--wine);border-color:var(--wine);color:#fff}

.tsm-row.on .tsm-av:where(:root.page-contractverse,:root.page-contractverse *){background:var(--wine);border-color:var(--wine);color:#fff}
.tsm-row.on .tsm-st:where(:root.page-truesigner,:root.page-truesigner *){background:var(--wine);border-color:var(--wine);color:#fff}

.tsm-row.on .tsm-st:where(:root.page-contractverse,:root.page-contractverse *){background:var(--wine);border-color:var(--wine);color:#fff}

/* generic section head */
.tsw:where(:root.page-truesigner,:root.page-truesigner *){max-width:min(1520px,calc(100vw - 2*var(--gut)));margin-inline:auto}
.ts-head:where(:root.page-truesigner,:root.page-truesigner *){max-width:820px;margin-bottom:40px}
.ts-head .k:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--wine);font-weight:500}
.ts-head h2:where(:root.page-truesigner,:root.page-truesigner *){margin:14px 0 0;font-size:clamp(26px,3.2vw,42px);line-height:1.08;letter-spacing:-.032em;font-weight:700;text-wrap:balance}
.ts-head p:where(:root.page-truesigner,:root.page-truesigner *){margin:16px 0 0;font-size:clamp(15px,1.25vw,18px);line-height:1.6;color:var(--ink-2);max-width:640px}

/* signature types */
.sigt:where(:root.page-truesigner,:root.page-truesigner *){display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,4vw,64px);margin-top:clamp(36px,4vw,58px);align-items:start}
.sigt-list:where(:root.page-truesigner,:root.page-truesigner *){display:flex;flex-direction:column;gap:6px}
.sigt-btn:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;gap:16px;text-align:left;border:1px solid transparent;background:none;border-radius:14px;padding:18px 20px;transition:.28s var(--ease);width:100%}
.sigt-btn .n:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:11px;color:var(--ink-3);letter-spacing:.1em}
.sigt-btn .t:where(:root.page-truesigner,:root.page-truesigner *){font-size:clamp(17px,1.6vw,21px);font-weight:600;letter-spacing:-.02em;color:var(--ink-2);flex:1}
.sigt-btn .a:where(:root.page-truesigner,:root.page-truesigner *){color:var(--ink-3);opacity:0;transform:translateX(-6px);transition:.28s var(--ease)}
.sigt-btn:hover:where(:root.page-truesigner,:root.page-truesigner *){background:var(--paper-2)}
.sigt-btn.on:where(:root.page-truesigner,:root.page-truesigner *){background:var(--wine-soft);border-color:var(--wine-line)}
.sigt-btn.on .t:where(:root.page-truesigner,:root.page-truesigner *){color:var(--wine);font-weight:700}
.sigt-btn.on .n:where(:root.page-truesigner,:root.page-truesigner *){color:var(--wine)}
.sigt-btn.on .a:where(:root.page-truesigner,:root.page-truesigner *){opacity:1;transform:none;color:var(--wine)}
.sigt-panel:where(:root.page-truesigner,:root.page-truesigner *){position:relative;border-radius:22px;background:var(--paper-3);padding:clamp(26px,3vw,44px);min-height:390px;overflow:hidden}
.sigt-panel:where(:root.page-truesigner,:root.page-truesigner *)::before{content:"";position:absolute;right:-90px;top:-90px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(155,27,46,.13),transparent 68%)}
.sigt-pane:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;inset:clamp(26px,3vw,44px);opacity:0;transform:translateY(14px);pointer-events:none;transition:.45s var(--ease)}
.sigt-pane.on:where(:root.page-truesigner,:root.page-truesigner *){opacity:1;transform:none;pointer-events:auto;position:relative;inset:auto}
.sigt-pane h3:where(:root.page-truesigner,:root.page-truesigner *){margin:0;font-size:clamp(21px,2.2vw,30px);font-weight:700;letter-spacing:-.028em}
.sigt-pane .lead:where(:root.page-truesigner,:root.page-truesigner *){margin:12px 0 0;font-size:15.5px;line-height:1.62;color:var(--ink-2)}
.sigt-meta:where(:root.page-truesigner,:root.page-truesigner *){display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:26px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.sigt-meta div:where(:root.page-truesigner,:root.page-truesigner *){background:#fff;padding:15px 17px}
.sigt-meta dt:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:0 0 5px}
.sigt-meta dd:where(:root.page-truesigner,:root.page-truesigner *){margin:0;font-size:13.5px;font-weight:600;letter-spacing:-.01em;line-height:1.4}
.sigt-uses:where(:root.page-truesigner,:root.page-truesigner *){display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.sigt-uses span:where(:root.page-truesigner,:root.page-truesigner *){font-size:12.5px;font-weight:500;color:var(--ink-2);background:#fff;border:1px solid var(--line);border-radius:100px;padding:7px 13px}

/* steps */
.tstep:where(:root.page-truesigner,:root.page-truesigner *){position:relative;margin-top:clamp(40px,4.5vw,64px)}
.tstep-line:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;left:0;right:0;top:26px;height:1px;background:var(--line)}
.tstep-line i:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;inset:0 auto 0 0;width:0;background:var(--wine);transition:width 1.6s cubic-bezier(.22,.9,.24,1)}
.tstep.go .tstep-line i:where(:root.page-truesigner,:root.page-truesigner *){width:100%}
.tstep-grid:where(:root.page-truesigner,:root.page-truesigner *){position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(16px,2vw,30px)}
.tstep-i:where(:root.page-truesigner,:root.page-truesigner *){position:relative;opacity:0;transform:translateY(16px);transition:.6s var(--ease)}
.tstep.go .tstep-i:where(:root.page-truesigner,:root.page-truesigner *){opacity:1;transform:none}
.tstep.go .tstep-i:nth-child(2):where(:root.page-truesigner,:root.page-truesigner *){transition-delay:.16s}
.tstep.go .tstep-i:nth-child(3):where(:root.page-truesigner,:root.page-truesigner *){transition-delay:.32s}
.tstep.go .tstep-i:nth-child(4):where(:root.page-truesigner,:root.page-truesigner *){transition-delay:.48s}
.tstep.go .tstep-i:nth-child(5):where(:root.page-truesigner,:root.page-truesigner *){transition-delay:.64s}
.tstep-dot:where(:root.page-truesigner,:root.page-truesigner *){width:52px;height:52px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--wine);position:relative;z-index:2;box-shadow:0 6px 18px -12px rgba(20,22,27,.4)}
.tstep.go .tstep-i:nth-child(1) .tstep-dot:where(:root.page-truesigner,:root.page-truesigner *){border-color:var(--wine)}
.tstep-i h4:where(:root.page-truesigner,:root.page-truesigner *){margin:20px 0 7px;font-size:16.5px;font-weight:700;letter-spacing:-.02em}
.tstep-i p:where(:root.page-truesigner,:root.page-truesigner *){margin:0;font-size:13.5px;line-height:1.55;color:var(--ink-2)}

/* capabilities editorial list */
.caps:where(:root.page-truesigner,:root.page-truesigner *){margin-top:clamp(34px,4vw,56px);border-top:1px solid var(--line)}
.cap:where(:root.page-truesigner,:root.page-truesigner *){display:grid;grid-template-columns:56px 1fr 1.15fr;gap:clamp(18px,3vw,44px);align-items:start;padding:clamp(22px,2.4vw,32px) 8px;border-bottom:1px solid var(--line);transition:background .3s var(--ease),padding-left .3s var(--ease)}
.cap:hover:where(:root.page-truesigner,:root.page-truesigner *){background:var(--paper-2);padding-left:18px}
.cap .num:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:11px;color:var(--ink-3);padding-top:5px}
.cap h4:where(:root.page-truesigner,:root.page-truesigner *){margin:0;font-size:clamp(18px,1.8vw,24px);font-weight:600;letter-spacing:-.025em}
.cap:hover h4:where(:root.page-truesigner,:root.page-truesigner *){color:var(--wine)}
.cap p:where(:root.page-truesigner,:root.page-truesigner *){margin:0;font-size:15px;line-height:1.6;color:var(--ink-2)}

/* compliance band */
.comp:where(:root.page-truesigner,:root.page-truesigner *){background:var(--paper-3)}
.comp.comp-white:where(:root.page-truesigner,:root.page-truesigner *){background:#fff}
.comp.comp-white .comp-b:where(:root.page-truesigner,:root.page-truesigner *){border:1px solid var(--line)}
.comp-grid:where(:root.page-truesigner,:root.page-truesigner *){display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(30px,4.5vw,80px);align-items:center}
.comp-badges:where(:root.page-truesigner,:root.page-truesigner *){display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:30px}
.comp-b:where(:root.page-truesigner,:root.page-truesigner *){background:#fff;border-radius:14px;padding:18px 20px;box-shadow:0 12px 30px -24px rgba(20,22,27,.4)}
.comp-b b:where(:root.page-truesigner,:root.page-truesigner *){display:block;font-size:14.5px;font-weight:700;letter-spacing:-.015em}
.comp-b span:where(:root.page-truesigner,:root.page-truesigner *){font-size:12.5px;color:var(--ink-3)}
.audit:where(:root.page-truesigner,:root.page-truesigner *){background:#fff;border-radius:20px;padding:clamp(22px,2.6vw,32px);box-shadow:0 30px 70px -46px rgba(20,22,27,.5)}
.audit h5:where(:root.page-truesigner,:root.page-truesigner *){margin:0 0 4px;font-size:15px;font-weight:700;letter-spacing:-.02em}
.audit .k:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:18px;display:block}
.audit ol:where(:root.page-truesigner,:root.page-truesigner *){list-style:none;margin:0;padding:0;position:relative}
.audit ol:where(:root.page-truesigner,:root.page-truesigner *)::before{content:"";position:absolute;left:7px;top:8px;bottom:14px;width:1px;background:var(--line)}
.audit li:where(:root.page-truesigner,:root.page-truesigner *){position:relative;padding:0 0 18px 28px;font-size:13.4px;line-height:1.5;color:var(--ink-2)}
.audit li:where(:root.page-truesigner,:root.page-truesigner *)::before{content:"";position:absolute;left:2px;top:5px;width:11px;height:11px;border-radius:50%;background:#fff;border:2px solid var(--wine)}
.audit li b:where(:root.page-truesigner,:root.page-truesigner *){display:block;color:var(--ink);font-weight:600;font-size:13.6px}
.audit li span:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:10px;color:var(--ink-3);letter-spacing:.06em}

/* stats */
.tstats:where(:root.page-truesigner,:root.page-truesigner *){display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.tstats div:where(:root.page-truesigner,:root.page-truesigner *){background:#fff;padding:clamp(24px,2.6vw,36px)}
.tstats b:where(:root.page-truesigner,:root.page-truesigner *){display:block;font-size:clamp(28px,3.3vw,44px);font-weight:700;letter-spacing:-.035em;color:var(--wine);line-height:1}
.tstats span:where(:root.page-truesigner,:root.page-truesigner *){display:block;margin-top:9px;font-size:13.5px;color:var(--ink-2);line-height:1.45}

/* faq */
.faq:where(:root.page-truesigner,:root.page-truesigner *){margin-top:clamp(30px,3.5vw,48px);border-top:1px solid var(--line)}
.faq details:where(:root.page-truesigner,:root.page-truesigner *){border-bottom:1px solid var(--line)}
.faq summary:where(:root.page-truesigner,:root.page-truesigner *){list-style:none;cursor:pointer;padding:22px 40px 22px 0;position:relative;font-size:clamp(16px,1.5vw,19px);font-weight:600;letter-spacing:-.02em}
.faq summary:where(:root.page-truesigner,:root.page-truesigner *)::-webkit-details-marker{display:none}
.faq summary:where(:root.page-truesigner,:root.page-truesigner *)::after{content:"";position:absolute;right:8px;top:50%;width:11px;height:11px;border-right:1.6px solid var(--ink-3);border-bottom:1.6px solid var(--ink-3);transform:translateY(-70%) rotate(45deg);transition:.25s var(--ease)}
.faq details[open] summary:where(:root.page-truesigner,:root.page-truesigner *)::after{transform:translateY(-30%) rotate(225deg);border-color:var(--wine)}
.faq details[open] summary:where(:root.page-truesigner,:root.page-truesigner *){color:var(--wine)}
.faq .ans:where(:root.page-truesigner,:root.page-truesigner *){padding:0 60px 24px 0;font-size:14.8px;line-height:1.65;color:var(--ink-2)}

/* integrations marquee */
.tint:where(:root.page-truesigner,:root.page-truesigner *){overflow:hidden;padding-block:70px;border-top:0;border-bottom:1px solid var(--line)}
.tint-t:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);text-align:center;margin-bottom:26px}
.tint-track:where(:root.page-truesigner,:root.page-truesigner *){display:flex;gap:56px;width:max-content;animation:tsMarq 46s linear infinite}
.tint:hover .tint-track:where(:root.page-truesigner,:root.page-truesigner *){animation-play-state:paused}
.tint-track:where(:root.page-truesigner,:root.page-truesigner *){align-items:center}
.tint-l:where(:root.page-truesigner,:root.page-truesigner *){display:inline-flex;align-items:center;justify-content:center;flex:none}
.tint-l img:where(:root.page-truesigner,:root.page-truesigner *){display:block;width:auto;object-fit:contain;transition:opacity .25s var(--ease),transform .25s var(--ease)}
.tint-l.tl-wm img:where(:root.page-truesigner,:root.page-truesigner *){height:clamp(20px,1.98vw,26px);max-width:165px}
.tint-l.tl-sq img:where(:root.page-truesigner,:root.page-truesigner *){height:clamp(31px,3.08vw,42px);max-width:77px}
.tint-l:hover img:where(:root.page-truesigner,:root.page-truesigner *){transform:scale(1.06)}
.tint:where(:root.page-truesigner,:root.page-truesigner *){-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}

/* scroll-driven signature types */
.sigt-scroll:where(:root.page-truesigner,:root.page-truesigner *){position:relative;overflow:clip}
.sigt-sticky:where(:root.page-truesigner,:root.page-truesigner *){position:sticky;top:96px;padding-bottom:0;padding-top:0}
.sigt-spacer:where(:root.page-truesigner,:root.page-truesigner *){height:170vh;pointer-events:none}
.sigt-panel:where(:root.page-truesigner,:root.page-truesigner *){background:none;padding:0;overflow:visible;min-height:clamp(400px,44vw,470px);border-radius:22px}
.sigt-panel:where(:root.page-truesigner,:root.page-truesigner *)::before{display:none}
.sigt-pane:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;inset:0;opacity:1;pointer-events:none;background:var(--paper-3);border-radius:22px;padding:clamp(26px,3vw,44px);overflow:hidden;transform:translateY(150%);transition:transform .9s cubic-bezier(.4,0,.2,1)}
.sigt-pane:where(:root.page-truesigner,:root.page-truesigner *)::before{content:"";position:absolute;right:-90px;top:-90px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(155,27,46,.13),transparent 68%)}
.sigt-pane.is-prev:where(:root.page-truesigner,:root.page-truesigner *){transform:translateY(-150%)}
.sigt-pane.on:where(:root.page-truesigner,:root.page-truesigner *){transform:translateY(0);pointer-events:auto}
.sigt-btn:where(:root.page-truesigner,:root.page-truesigner *){transition:.4s var(--ease)}

/* signature infographic placeholder */
.sigt-ph:where(:root.page-truesigner,:root.page-truesigner *){margin-top:26px;display:grid;place-items:center;min-height:clamp(200px,22vw,268px);border:1px dashed var(--wine-line);border-radius:16px;background:rgba(255,255,255,.6)}
.sigt-ph span:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:clamp(10px,1vw,12px);letter-spacing:.14em;text-transform:uppercase;color:var(--wine);text-align:center;padding:0 24px}

/* plans */
.pl-sec:where(:root.page-truesigner,:root.page-truesigner *){background:#F3F1EE}
.pl-head:where(:root.page-truesigner,:root.page-truesigner *){text-align:center;max-width:640px;margin:0 auto 40px}
.pl-head h2:where(:root.page-truesigner,:root.page-truesigner *){margin-inline:auto}
.pl-grid:where(:root.page-truesigner,:root.page-truesigner *){display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}
.pl-card:where(:root.page-truesigner,:root.page-truesigner *){position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(22px,2.2vw,30px);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease)}
.pl-card:hover:where(:root.page-truesigner,:root.page-truesigner *){transform:translateY(-5px);box-shadow:0 34px 70px -44px rgba(20,22,27,.44)}
.pl-feat:where(:root.page-truesigner,:root.page-truesigner *){border-color:var(--wine-line);box-shadow:0 34px 76px -44px rgba(110,18,28,.5)}
.pl-card:not(.pl-feat):where(:root.page-truesigner,:root.page-truesigner *){padding-top:calc(clamp(22px,2.2vw,30px) + 33px)}
.pl-tag:where(:root.page-truesigner,:root.page-truesigner *){position:relative;align-self:flex-start;margin:-6px 0 14px;overflow:hidden;white-space:nowrap;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#fff; background:linear-gradient(120deg,#A6333E,#7C1623 62%,#5E1020);border-radius:100px;padding:8px 18px;box-shadow:0 14px 30px -14px var(--wine)}
.pl-tag:where(:root.page-truesigner,:root.page-truesigner *)::after{content:"";position:absolute;top:0;bottom:0;width:46%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);animation:plShine 3.4s ease-in-out infinite}
html[data-motion="off"] .pl-tag:where(:root.page-truesigner,:root.page-truesigner *)::after{animation:none}
.pl-card h3:where(:root.page-truesigner,:root.page-truesigner *){margin:0;font-size:15px;font-weight:500;letter-spacing:-.01em;color:var(--ink-3)}
.pl-card h3 b:where(:root.page-truesigner,:root.page-truesigner *){display:block;margin-top:2px;font-size:clamp(21px,2.1vw,27px);font-weight:700;letter-spacing:-.032em;color:var(--ink)}
.pl-d:where(:root.page-truesigner,:root.page-truesigner *){margin:10px 0 0;font-size:15px;line-height:1.5;color:var(--ink-2);min-height:40px}
.pl-price:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:baseline;gap:5px;margin:18px 0 0;padding-top:18px;border-top:1px solid var(--line)}
.pl-price b:where(:root.page-truesigner,:root.page-truesigner *){font-size:clamp(24px,2.5vw,32px);font-weight:700;letter-spacing:-.04em}
.pl-price i:where(:root.page-truesigner,:root.page-truesigner *){font-style:normal;font-size:12.5px;color:var(--ink-3)}
.pl-cta:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;padding:12px 18px;border-radius:100px;font-size:13.6px;font-weight:600;letter-spacing:-.012em;border:1px solid var(--line);color:var(--ink);transition:.3s var(--ease)}
.pl-cta:hover:where(:root.page-truesigner,:root.page-truesigner *){border-color:var(--wine);color:var(--wine)}
.pl-feat .pl-cta:where(:root.page-truesigner,:root.page-truesigner *){background:var(--wine);border-color:var(--wine);color:#fff}
.pl-feat .pl-cta:hover:where(:root.page-truesigner,:root.page-truesigner *){background:var(--wine-deep);color:#fff}
.pl-cta .arr:where(:root.page-truesigner,:root.page-truesigner *){transition:transform .3s var(--ease)}
.pl-cta:hover .arr:where(:root.page-truesigner,:root.page-truesigner *){transform:translateX(3px)}
.pl-h:where(:root.page-truesigner,:root.page-truesigner *){display:block;margin:22px 0 12px;font-size:12.8px;font-weight:700;letter-spacing:-.01em}
.pl-f:where(:root.page-truesigner,:root.page-truesigner *){list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;flex:1}
.pl-f li:where(:root.page-truesigner,:root.page-truesigner *){display:flex;gap:9px;font-size:13.4px;line-height:1.45;color:var(--ink-2)}
.pl-f svg:where(:root.page-truesigner,:root.page-truesigner *){width:15px;height:15px;flex:none;margin-top:1px;fill:none;stroke:var(--wine);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pl-note:where(:root.page-truesigner,:root.page-truesigner *){margin:22px 0 0;text-align:center;font-size:12px;color:var(--ink-3)}

/* how it works — expanding rail */
.hw2-rail:where(:root.page-truesigner,:root.page-truesigner *){display:flex;gap:12px;min-height:clamp(230px,24vw,290px)}


/* how it works — expanding rail */
.hw2-rail:where(:root.page-contractverse,:root.page-contractverse *){display:flex;gap:12px;min-height:clamp(230px,24vw,290px)}
.hw2-p:where(:root.page-truesigner,:root.page-truesigner *){position:relative;flex:1;min-width:0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(20px,2vw,28px);cursor:pointer;overflow:hidden; display:flex;flex-direction:column;transition:flex .7s cubic-bezier(.33,1,.68,1),border-color .5s var(--ease),box-shadow .5s var(--ease)}

.hw2-p:where(:root.page-contractverse,:root.page-contractverse *){position:relative;flex:1;min-width:0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(20px,2vw,28px);cursor:pointer;overflow:hidden; display:flex;flex-direction:column;transition:flex .7s cubic-bezier(.33,1,.68,1),border-color .5s var(--ease),box-shadow .5s var(--ease)}
.hw2-p:where(:root.page-truesigner,:root.page-truesigner *)::before{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--wine);transform:scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(.33,1,.68,1)}

.hw2-p:where(:root.page-contractverse,:root.page-contractverse *)::before{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--wine);transform:scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(.33,1,.68,1)}
.hw2-n:where(:root.page-truesigner,:root.page-truesigner *){display:grid;place-items:center;width:38px;height:38px;border-radius:50%;flex:none;font-family:var(--font-mono);font-size:13px;letter-spacing:.02em; color:var(--ink-3);background:var(--paper-3);border:1px solid var(--line);transition:.45s var(--ease)}

.hw2-n:where(:root.page-contractverse,:root.page-contractverse *){display:grid;place-items:center;width:38px;height:38px;border-radius:50%;flex:none;font-family:var(--font-mono);font-size:13px;letter-spacing:.02em; color:var(--ink-3);background:var(--paper-3);border:1px solid var(--line);transition:.45s var(--ease)}
.hw2-p.on .hw2-n:where(:root.page-truesigner,:root.page-truesigner *){color:#fff;background:var(--wine);border-color:var(--wine);box-shadow:0 12px 26px -12px var(--wine);transform:scale(1.08)}

.hw2-p.on .hw2-n:where(:root.page-contractverse,:root.page-contractverse *){color:#fff;background:var(--wine);border-color:var(--wine);box-shadow:0 12px 26px -12px var(--wine);transform:scale(1.08)}
.hw2-p:not(.on):hover .hw2-n:where(:root.page-truesigner,:root.page-truesigner *){border-color:var(--wine-line);color:var(--wine)}

.hw2-p:not(.on):hover .hw2-n:where(:root.page-contractverse,:root.page-contractverse *){border-color:var(--wine-line);color:var(--wine)}
.hw2-p h4:where(:root.page-truesigner,:root.page-truesigner *){margin:14px 0 0;font-size:clamp(17px,1.6vw,20px);font-weight:700;letter-spacing:-.024em;line-height:1.18;overflow-wrap:break-word;hyphens:auto}

.hw2-p h4:where(:root.page-contractverse,:root.page-contractverse *){margin:14px 0 0;font-size:clamp(17px,1.6vw,20px);font-weight:700;letter-spacing:-.024em;line-height:1.18;overflow-wrap:break-word;hyphens:auto}
.hw2-p p:where(:root.page-truesigner,:root.page-truesigner *){margin:12px 0 0;font-size:15px;line-height:1.55;color:var(--ink-2);opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease) .12s,transform .5s var(--ease) .12s}

.hw2-p p:where(:root.page-contractverse,:root.page-contractverse *){margin:12px 0 0;font-size:15px;line-height:1.55;color:var(--ink-2);opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease) .12s,transform .5s var(--ease) .12s}
.hw2-p.on:where(:root.page-truesigner,:root.page-truesigner *){flex:2.4;border-color:var(--wine-line);box-shadow:0 30px 64px -40px rgba(110,18,28,.45)}

.hw2-p.on:where(:root.page-contractverse,:root.page-contractverse *){flex:2.4;border-color:var(--wine-line);box-shadow:0 30px 64px -40px rgba(110,18,28,.45)}
.hw2-p.on:where(:root.page-truesigner,:root.page-truesigner *)::before{transform:scaleX(1)}

.hw2-p.on:where(:root.page-contractverse,:root.page-contractverse *)::before{transform:scaleX(1)}
.hw2-p.on p:where(:root.page-truesigner,:root.page-truesigner *){opacity:1;transform:none}

.hw2-p.on p:where(:root.page-contractverse,:root.page-contractverse *){opacity:1;transform:none}
.hw2-p:not(.on) h4:where(:root.page-truesigner,:root.page-truesigner *){color:var(--ink-2)}

.hw2-p:not(.on) h4:where(:root.page-contractverse,:root.page-contractverse *){color:var(--ink-2)}

/* ---- how it works: downloads ---- */
.hw2-dl:where(:root.page-truesigner,:root.page-truesigner *){display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:clamp(26px,3vw,40px)}


/* ---- how it works: downloads ---- */
.hw2-dl:where(:root.page-contractverse,:root.page-contractverse *){display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:clamp(26px,3vw,40px)}
.hw2-d:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;gap:14px;padding:14px 22px 14px 14px;border:1px solid var(--line);border-radius:100px;background:#fff;transition:.35s var(--ease)}

.hw2-d:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;gap:14px;padding:14px 22px 14px 14px;border:1px solid var(--line);border-radius:100px;background:#fff;transition:.35s var(--ease)}
.hw2-d:hover:where(:root.page-truesigner,:root.page-truesigner *){border-color:var(--wine);box-shadow:0 22px 46px -28px rgba(110,18,28,.5);transform:translateY(-3px)}

.hw2-d:hover:where(:root.page-contractverse,:root.page-contractverse *){border-color:var(--wine);box-shadow:0 22px 46px -28px rgba(110,18,28,.5);transform:translateY(-3px)}
.hw2-di:where(:root.page-truesigner,:root.page-truesigner *){display:grid;place-items:center;width:52px;height:52px;border-radius:50%;flex:none;border:1px solid var(--wine-line);background:var(--wine-soft);transition:.35s var(--ease)}

.hw2-di:where(:root.page-contractverse,:root.page-contractverse *){display:grid;place-items:center;width:52px;height:52px;border-radius:50%;flex:none;border:1px solid var(--wine-line);background:var(--wine-soft);transition:.35s var(--ease)}
.hw2-di svg:where(:root.page-truesigner,:root.page-truesigner *){width:24px;height:24px;fill:none;stroke:var(--wine);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

.hw2-di svg:where(:root.page-contractverse,:root.page-contractverse *){width:24px;height:24px;fill:none;stroke:var(--wine);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.hw2-d:hover .hw2-di:where(:root.page-truesigner,:root.page-truesigner *){background:var(--wine);border-color:var(--wine)}

.hw2-d:hover .hw2-di:where(:root.page-contractverse,:root.page-contractverse *){background:var(--wine);border-color:var(--wine)}
.hw2-d:hover .hw2-di svg:where(:root.page-truesigner,:root.page-truesigner *){stroke:#fff}

.hw2-d:hover .hw2-di svg:where(:root.page-contractverse,:root.page-contractverse *){stroke:#fff}
.hw2-dt:where(:root.page-truesigner,:root.page-truesigner *){display:flex;flex-direction:column;gap:3px;font-size:15px;font-weight:700;letter-spacing:-.022em;color:var(--ink)}

.hw2-dt:where(:root.page-contractverse,:root.page-contractverse *){display:flex;flex-direction:column;gap:3px;font-size:15px;font-weight:700;letter-spacing:-.022em;color:var(--ink)}
.hw2-dt i:where(:root.page-truesigner,:root.page-truesigner *){font-style:normal;font-family:var(--font-mono);font-size:9.5px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}

.hw2-dt i:where(:root.page-contractverse,:root.page-contractverse *){font-style:normal;font-family:var(--font-mono);font-size:9.5px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}

/* ---- signing modes: split ledger ---- */
.sw-stack:where(:root.page-truesigner,:root.page-truesigner *){display:flex;flex-direction:column;gap:14px}
.sw-row:where(:root.page-truesigner,:root.page-truesigner *){border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden;transition:border-color .5s var(--ease),box-shadow .5s var(--ease),background .5s var(--ease)}
.sw-row.on:where(:root.page-truesigner,:root.page-truesigner *){border-color:var(--wine-line);box-shadow:0 34px 74px -46px rgba(110,18,28,.5)}
.sw-head:where(:root.page-truesigner,:root.page-truesigner *){width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(14px,1.8vw,26px); padding:clamp(18px,2vw,28px) clamp(20px,2.2vw,32px);background:none;border:0;cursor:pointer;text-align:left}
.sw-idx:where(:root.page-truesigner,:root.page-truesigner *){display:grid;place-items:center;width:46px;height:46px;border-radius:14px;flex:none; font-family:var(--font-mono);font-size:13px;color:var(--ink-3);background:var(--paper-3);border:1px solid var(--line);transition:.45s var(--ease)}
.sw-row.on .sw-idx:where(:root.page-truesigner,:root.page-truesigner *){color:#fff;background:var(--wine);border-color:var(--wine);box-shadow:0 14px 30px -14px var(--wine)}
.sw-tt b:where(:root.page-truesigner,:root.page-truesigner *){display:block;font-size:clamp(19px,2.2vw,30px);font-weight:700;letter-spacing:-.032em;line-height:1.1;color:var(--ink-2);transition:color .4s var(--ease)}
.sw-row.on .sw-tt b:where(:root.page-truesigner,:root.page-truesigner *){color:var(--wine)}
.sw-tt i:where(:root.page-truesigner,:root.page-truesigner *){display:block;margin-top:6px;font-style:normal;font-family:var(--font-mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3)}
.sw-chev:where(:root.page-truesigner,:root.page-truesigner *){display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);flex:none;transition:.45s var(--ease)}
.sw-chev svg:where(:root.page-truesigner,:root.page-truesigner *){width:17px;height:17px;fill:none;stroke:var(--ink-2);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:.45s var(--ease)}
.sw-row.on .sw-chev:where(:root.page-truesigner,:root.page-truesigner *){border-color:var(--wine);background:var(--wine-soft);transform:rotate(180deg)}
.sw-row.on .sw-chev svg:where(:root.page-truesigner,:root.page-truesigner *){stroke:var(--wine)}
.sw-head:hover .sw-tt b:where(:root.page-truesigner,:root.page-truesigner *){color:var(--ink)}
.sw-panel:where(:root.page-truesigner,:root.page-truesigner *){display:grid;grid-template-rows:0fr;transition:grid-template-rows .65s cubic-bezier(.33,1,.68,1)}
.sw-row.on .sw-panel:where(:root.page-truesigner,:root.page-truesigner *){grid-template-rows:1fr}
.sw-panel>.sw-in:where(:root.page-truesigner,:root.page-truesigner *){overflow:hidden}
.sw-in:where(:root.page-truesigner,:root.page-truesigner *){display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(20px,2.6vw,40px);align-items:start; padding:0 clamp(20px,2.2vw,32px) clamp(22px,2.4vw,34px);transition:padding-bottom .65s cubic-bezier(.33,1,.68,1)}
.sw-row:not(.on) .sw-in:where(:root.page-truesigner,:root.page-truesigner *){padding-bottom:0}
.sw-list:where(:root.page-truesigner,:root.page-truesigner *){list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.sw-list li:where(:root.page-truesigner,:root.page-truesigner *){display:flex;gap:12px;padding:12px 0;border-bottom:1px dashed var(--line);font-size:15px;line-height:1.6;color:var(--ink-2);text-wrap:pretty}
html.can-anim .sw-row.on .sw-list li:where(:root.page-truesigner,:root.page-truesigner *){animation:swIn .55s var(--ease) both;animation-delay:var(--d)}
html[data-motion="off"] .sw-list li:where(:root.page-truesigner,:root.page-truesigner *){opacity:1;transform:none;animation:none}
.sw-list li:last-child:where(:root.page-truesigner,:root.page-truesigner *){border-bottom:0}
.sw-b:where(:root.page-truesigner,:root.page-truesigner *){width:6px;height:6px;border-radius:50%;background:var(--wine);flex:none;margin-top:8px}
.sw-vis:where(:root.page-truesigner,:root.page-truesigner *){position:relative;display:grid;place-items:center;min-height:clamp(300px,34vw,420px);border-radius:18px;background:var(--paper-3);border:1px dashed var(--wine-line);overflow:hidden}
.sw-glow:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(155,27,46,.14),transparent 66%)}
.sw-ph:where(:root.page-truesigner,:root.page-truesigner *){position:relative;font-family:var(--font-mono);font-size:clamp(10px,1vw,12px);letter-spacing:.14em;text-transform:uppercase;color:var(--wine);text-align:center;padding:0 26px}

/* ---- use cases ---- */
.uc-grid:where(:root.page-truesigner,:root.page-truesigner *){display:grid;grid-template-columns:1fr 1fr;gap:20px}
.uc-grid .anec-card:where(:root.page-truesigner,:root.page-truesigner *){flex:none;width:100%;height:clamp(360px,38vw,440px)}

/* narrower FAQ column */
.faq:where(:root.page-truesigner,:root.page-truesigner *){max-width:820px;margin-inline:auto}
.faq-head:where(:root.page-truesigner,:root.page-truesigner *){max-width:820px;margin:0 auto 40px;text-align:center}
.caplist--4:where(:root.page-truesigner,:root.page-truesigner *){grid-template-columns:repeat(2,1fr)}
.audit--onwine:where(:root.page-truesigner,:root.page-truesigner *){background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2);box-shadow:none;backdrop-filter:blur(4px)}
.audit--onwine h5:where(:root.page-truesigner,:root.page-truesigner *){color:#fff}
.audit--onwine .k:where(:root.page-truesigner,:root.page-truesigner *){color:rgba(255,255,255,.6)}
.audit--onwine ol:where(:root.page-truesigner,:root.page-truesigner *)::before{background:rgba(255,255,255,.24)}
.audit--onwine li:where(:root.page-truesigner,:root.page-truesigner *){color:rgba(255,255,255,.74)}
.audit--onwine li b:where(:root.page-truesigner,:root.page-truesigner *){color:#fff}
.audit--onwine li span:where(:root.page-truesigner,:root.page-truesigner *){color:rgba(255,255,255,.55)}
.audit--onwine li:where(:root.page-truesigner,:root.page-truesigner *)::before{background:var(--wine-deep);border-color:#fff}

/* ---- scroll reveal primitives ---- */
.rv:where(:root.page-truesigner,:root.page-truesigner *){transition:opacity .8s var(--ease),transform .8s var(--ease)}
.rv.armed:where(:root.page-truesigner,:root.page-truesigner *){opacity:0;transform:translateY(26px)}
.rv.armed.in:where(:root.page-truesigner,:root.page-truesigner *){opacity:1;transform:none}
.rv-l:where(:root.page-truesigner,:root.page-truesigner *){transition:opacity .85s var(--ease),transform .85s var(--ease)}
.rv-l.armed:where(:root.page-truesigner,:root.page-truesigner *){opacity:0;transform:translateX(-30px)}
.rv-l.armed.in:where(:root.page-truesigner,:root.page-truesigner *){opacity:1;transform:none}
.rv-r:where(:root.page-truesigner,:root.page-truesigner *){transition:opacity .85s var(--ease),transform .85s var(--ease)}
.rv-r.armed:where(:root.page-truesigner,:root.page-truesigner *){opacity:0;transform:translateX(30px)}
.rv-r.armed.in:where(:root.page-truesigner,:root.page-truesigner *){opacity:1;transform:none}
.rv-s:where(:root.page-truesigner,:root.page-truesigner *){transition:opacity .9s var(--ease),transform .9s var(--ease)}
.rv-s.armed:where(:root.page-truesigner,:root.page-truesigner *){opacity:0;transform:translateY(22px) scale(.97)}
.rv-s.armed.in:where(:root.page-truesigner,:root.page-truesigner *){opacity:1;transform:none}
[data-d="1"]:where(:root.page-truesigner,:root.page-truesigner *){transition-delay:.09s}
[data-d="2"]:where(:root.page-truesigner,:root.page-truesigner *){transition-delay:.18s}
[data-d="3"]:where(:root.page-truesigner,:root.page-truesigner *){transition-delay:.27s}
[data-d="4"]:where(:root.page-truesigner,:root.page-truesigner *){transition-delay:.36s}
[data-d="5"]:where(:root.page-truesigner,:root.page-truesigner *){transition-delay:.45s}
[data-d="6"]:where(:root.page-truesigner,:root.page-truesigner *){transition-delay:.54s}
[data-d="7"]:where(:root.page-truesigner,:root.page-truesigner *){transition-delay:.63s}

/* ---- hero headline word cascade ---- */
.tsh h1 .wd:where(:root.page-truesigner,:root.page-truesigner *){display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.16em;margin-bottom:-.16em}
.tsh h1 .wd i:where(:root.page-truesigner,:root.page-truesigner *){display:inline-block;font-style:normal;transition:transform .95s cubic-bezier(.19,1,.22,1),opacity .7s var(--ease)}
.tsh.armed h1 .wd i:where(:root.page-truesigner,:root.page-truesigner *){transform:translateY(105%);opacity:0}
.tsh.armed.lit h1 .wd i:where(:root.page-truesigner,:root.page-truesigner *){transform:none;opacity:1}
.tsh-eyebrow:where(:root.page-truesigner,:root.page-truesigner *),.tsh-sub:where(:root.page-truesigner,:root.page-truesigner *){transition:opacity .8s var(--ease),transform .8s var(--ease)}
.tsh.armed .tsh-eyebrow:where(:root.page-truesigner,:root.page-truesigner *),.tsh.armed .tsh-sub:where(:root.page-truesigner,:root.page-truesigner *){opacity:0;transform:translateY(16px)}
.tsh.armed.lit .tsh-eyebrow:where(:root.page-truesigner,:root.page-truesigner *){opacity:1;transform:none;transition-delay:.05s}
.tsh.armed.lit .tsh-sub:where(:root.page-truesigner,:root.page-truesigner *){opacity:1;transform:none;transition-delay:.5s}
.tsm-body--ph:where(:root.page-truesigner,:root.page-truesigner *){display:grid;place-items:center;min-height:clamp(300px,32vw,380px);grid-template-columns:1fr;padding:40px}

.tsm-body--ph:where(:root.page-contractverse,:root.page-contractverse *){display:grid;place-items:center;min-height:clamp(300px,32vw,380px);grid-template-columns:1fr;padding:40px}
.tsm-ph:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:clamp(10px,1vw,12px);letter-spacing:.14em;text-transform:uppercase;color:var(--wine);background:var(--wine-soft);border:1px dashed var(--wine-line);border-radius:100px;padding:11px 22px;text-align:center}

.tsm-ph:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:clamp(10px,1vw,12px);letter-spacing:.14em;text-transform:uppercase;color:var(--wine);background:var(--wine-soft);border:1px dashed var(--wine-line);border-radius:100px;padding:11px 22px;text-align:center}

/* ---- banner: cursor-follow glow ---- */
.tsh:where(:root.page-truesigner,:root.page-truesigner *){--mx:50%;--my:22%}
.tsh:where(:root.page-truesigner,:root.page-truesigner *)::after{content:"";position:absolute;left:var(--mx);top:var(--my);width:640px;height:640px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 66%);opacity:0;transition:opacity .45s var(--ease)}
.tsh:hover:where(:root.page-truesigner,:root.page-truesigner *)::after{opacity:1}
.tsh-in:where(:root.page-truesigner,:root.page-truesigner *),.tsm:where(:root.page-truesigner,:root.page-truesigner *){position:relative;z-index:2}

.tsh-in:where(:root.page-contractverse,:root.page-contractverse *),.tsm:where(:root.page-contractverse,:root.page-contractverse *){position:relative;z-index:2}

/* ---- hero mock: entrance, tilt ---- */
.tsm:where(:root.page-truesigner,:root.page-truesigner *){transition:opacity 1.1s var(--ease),transform 1.2s cubic-bezier(.19,1,.22,1)}


/* ---- hero mock: entrance, tilt ---- */
.tsm:where(:root.page-contractverse,:root.page-contractverse *){transition:opacity 1.1s var(--ease),transform 1.2s cubic-bezier(.19,1,.22,1)}
.tsm.armed:where(:root.page-truesigner,:root.page-truesigner *){opacity:0;transform:perspective(1600px) rotateX(9deg) translateY(46px) scale(.965)}

.tsm.armed:where(:root.page-contractverse,:root.page-contractverse *){opacity:0;transform:perspective(1600px) rotateX(9deg) translateY(46px) scale(.965)}
.tsm.armed.in:where(:root.page-truesigner,:root.page-truesigner *){opacity:1;transform:perspective(1600px) rotateX(0) translateY(0) scale(1)}

.tsm.armed.in:where(:root.page-contractverse,:root.page-contractverse *){opacity:1;transform:perspective(1600px) rotateX(0) translateY(0) scale(1)}
.tsm.in.tilt:where(:root.page-truesigner,:root.page-truesigner *){transform:perspective(1600px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(0) scale(1);transition:transform .5s var(--ease)}

.tsm.in.tilt:where(:root.page-contractverse,:root.page-contractverse *){transform:perspective(1600px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(0) scale(1);transition:transform .5s var(--ease)}
.tsm-sig:where(:root.page-truesigner,:root.page-truesigner *){position:relative;overflow:hidden}

.tsm-sig:where(:root.page-contractverse,:root.page-contractverse *){position:relative;overflow:hidden}
.tsm-sig:where(:root.page-truesigner,:root.page-truesigner *)::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(155,27,46,.14) 50%,transparent 70%);transform:translateX(-120%);pointer-events:none}

.tsm-sig:where(:root.page-contractverse,:root.page-contractverse *)::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(155,27,46,.14) 50%,transparent 70%);transform:translateX(-120%);pointer-events:none}
.tsm-sig.on:where(:root.page-truesigner,:root.page-truesigner *)::after{animation:tsSheen 1.1s var(--ease) .1s}

.tsm-sig.on:where(:root.page-contractverse,:root.page-contractverse *)::after{animation:tsSheen 1.1s var(--ease) .1s}
.tsm-row.on .tsm-av:where(:root.page-truesigner,:root.page-truesigner *){animation:tsPop .5s cubic-bezier(.22,1.4,.3,1)}

.tsm-row.on .tsm-av:where(:root.page-contractverse,:root.page-contractverse *){animation:tsPop .5s cubic-bezier(.22,1.4,.3,1)}
.tsm-lines i:where(:root.page-truesigner,:root.page-truesigner *){position:relative;overflow:hidden}

.tsm-lines i:where(:root.page-contractverse,:root.page-contractverse *){position:relative;overflow:hidden}
.tsm-lines i:where(:root.page-truesigner,:root.page-truesigner *)::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(155,27,46,.10),transparent);transform:translateX(-100%);animation:tsScan 5.5s linear infinite}

.tsm-lines i:where(:root.page-contractverse,:root.page-contractverse *)::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(155,27,46,.10),transparent);transform:translateX(-100%);animation:tsScan 5.5s linear infinite}
.tsm-lines i:nth-child(2):where(:root.page-truesigner,:root.page-truesigner *)::after{animation-delay:.3s}

.tsm-lines i:nth-child(2):where(:root.page-contractverse,:root.page-contractverse *)::after{animation-delay:.3s}
.tsm-lines i:nth-child(3):where(:root.page-truesigner,:root.page-truesigner *)::after{animation-delay:.6s}

.tsm-lines i:nth-child(3):where(:root.page-contractverse,:root.page-contractverse *)::after{animation-delay:.6s}
.tsm-lines i:nth-child(4):where(:root.page-truesigner,:root.page-truesigner *)::after{animation-delay:.9s}

.tsm-lines i:nth-child(4):where(:root.page-contractverse,:root.page-contractverse *)::after{animation-delay:.9s}
.tsm-lines i:nth-child(5):where(:root.page-truesigner,:root.page-truesigner *)::after{animation-delay:1.2s}

.tsm-lines i:nth-child(5):where(:root.page-contractverse,:root.page-contractverse *)::after{animation-delay:1.2s}
.tsm-lines i:nth-child(6):where(:root.page-truesigner,:root.page-truesigner *)::after{animation-delay:1.5s}

.tsm-lines i:nth-child(6):where(:root.page-contractverse,:root.page-contractverse *)::after{animation-delay:1.5s}

/* ---- panel details ---- */
.sigt-meta div:where(:root.page-truesigner,:root.page-truesigner *){transition:background .3s var(--ease),transform .3s var(--ease)}
.sigt-meta div:hover:where(:root.page-truesigner,:root.page-truesigner *){background:var(--wine-soft);transform:translateY(-2px)}
.sigt-uses span:where(:root.page-truesigner,:root.page-truesigner *){transition:.28s var(--ease)}
.sigt-uses span:hover:where(:root.page-truesigner,:root.page-truesigner *){border-color:var(--wine);color:var(--wine);transform:translateY(-2px)}

/* ---- capability rows ---- */
.cap:where(:root.page-truesigner,:root.page-truesigner *){position:relative;overflow:hidden}
.cap:where(:root.page-truesigner,:root.page-truesigner *)::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--wine);transform:scaleY(0);transform-origin:top;transition:transform .45s var(--ease)}
.cap:hover:where(:root.page-truesigner,:root.page-truesigner *)::before{transform:scaleY(1)}
.cap h4:where(:root.page-truesigner,:root.page-truesigner *){transition:color .3s var(--ease),transform .35s var(--ease)}
.cap:hover h4:where(:root.page-truesigner,:root.page-truesigner *){transform:translateX(3px)}

/* ---- audit trail sequential draw ---- */
.audit li:where(:root.page-truesigner,:root.page-truesigner *){opacity:0;transform:translateX(-10px);transition:opacity .55s var(--ease),transform .55s var(--ease)}
.audit.go li:where(:root.page-truesigner,:root.page-truesigner *){opacity:1;transform:none}
.audit.go li:nth-child(1):where(:root.page-truesigner,:root.page-truesigner *){transition-delay:.1s}
.audit.go li:nth-child(2):where(:root.page-truesigner,:root.page-truesigner *){transition-delay:.28s}
.audit.go li:nth-child(3):where(:root.page-truesigner,:root.page-truesigner *){transition-delay:.46s}
.audit.go li:nth-child(4):where(:root.page-truesigner,:root.page-truesigner *){transition-delay:.64s}
.audit.go li:nth-child(5):where(:root.page-truesigner,:root.page-truesigner *){transition-delay:.82s}
.audit.go li:nth-child(6):where(:root.page-truesigner,:root.page-truesigner *){transition-delay:1s}
.audit ol:where(:root.page-truesigner,:root.page-truesigner *)::before{transform:scaleY(0);transform-origin:top;transition:transform 1.5s var(--ease) .1s}
.audit.go ol:where(:root.page-truesigner,:root.page-truesigner *)::before{transform:scaleY(1)}
.comp-b:where(:root.page-truesigner,:root.page-truesigner *){transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.comp-b:hover:where(:root.page-truesigner,:root.page-truesigner *){transform:translateY(-4px);box-shadow:0 22px 44px -28px rgba(20,22,27,.45)}

/* ---- stats ---- */
.tstats div:where(:root.page-truesigner,:root.page-truesigner *){position:relative;overflow:hidden;transition:background .35s var(--ease)}
.tstats div:where(:root.page-truesigner,:root.page-truesigner *)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--wine);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.tstats div:hover:where(:root.page-truesigner,:root.page-truesigner *){background:var(--paper-2)}
.tstats div:hover:where(:root.page-truesigner,:root.page-truesigner *)::after{transform:scaleX(1)}

/* ---- faq ---- */
.faq details:where(:root.page-truesigner,:root.page-truesigner *){transition:background .3s var(--ease)}
.faq details[open]:where(:root.page-truesigner,:root.page-truesigner *){background:var(--paper-2)}
.faq summary:where(:root.page-truesigner,:root.page-truesigner *){padding-left:0;transition:padding-left .3s var(--ease)}
.faq details[open] summary:where(:root.page-truesigner,:root.page-truesigner *),.faq summary:hover:where(:root.page-truesigner,:root.page-truesigner *){padding-left:16px}
.faq details[open] .ans:where(:root.page-truesigner,:root.page-truesigner *){padding-left:16px}
html.can-anim .faq details[open] .ans:where(:root.page-truesigner,:root.page-truesigner *){animation:faqIn .5s var(--ease) both}

/* ---- side section rail ---- */
.ts-rail:where(:root.page-truesigner,:root.page-truesigner *){position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;gap:14px;opacity:0;transition:opacity .5s var(--ease);pointer-events:none}
.ts-rail.show:where(:root.page-truesigner,:root.page-truesigner *){opacity:1;pointer-events:auto}
.ts-rail a:where(:root.page-truesigner,:root.page-truesigner *){position:relative;width:8px;height:8px;border-radius:50%;background:var(--line);transition:.3s var(--ease)}
.ts-rail a:where(:root.page-truesigner,:root.page-truesigner *)::after{content:attr(data-l);position:absolute;right:20px;top:50%;transform:translateY(-50%) translateX(6px);white-space:nowrap;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);background:#fff;border:1px solid var(--line);border-radius:100px;padding:5px 10px;opacity:0;transition:.3s var(--ease);pointer-events:none}
.ts-rail a:hover:where(:root.page-truesigner,:root.page-truesigner *)::after{opacity:1;transform:translateY(-50%)}
.ts-rail a.on:where(:root.page-truesigner,:root.page-truesigner *){background:var(--wine);transform:scale(1.5)}
html[data-motion="off"] .rv:where(:root.page-truesigner,:root.page-truesigner *),html[data-motion="off"] .rv-l:where(:root.page-truesigner,:root.page-truesigner *),html[data-motion="off"] .rv-r:where(:root.page-truesigner,:root.page-truesigner *),html[data-motion="off"] .rv-s:where(:root.page-truesigner,:root.page-truesigner *){opacity:1;transform:none}
{__TWEAKS_STYLE}


/* ============================================================
   Contract Verse   (html.page-contractverse)
   ============================================================ */

/* Satoshi — self-hosted @font-face (woff2), inlined for standalone export */

/* touch 1781880837620 */

/* ============================================================================
   TRUECOPY — Enterprise Trust Infrastructure
   base.css · tokens, reset, typography, layout, nav, footer, shared utilities
   ========================================================================== */
:root:where(:root.page-contractverse,:root.page-contractverse *){/* paper / ink */ --paper:#ffffff; --paper-2:#FAF9F7; --paper-3:#F3F1EC; --ink:#14161B; --ink-2:#474C56; --ink-3:#676D78; --line:#E8E6E0; --line-2:#F0EEE9; --hair:#E2DFD8; /* brand — overridable by tweaks */ --wine:#9B1B2E; --wine-deep:#74121F; --wine-soft:#FBF1F2; --wine-line:rgba(155,27,46,.20); /* accent — overridable by tweaks */ --accent:#1B3A8F; --accent-2:#2C4FB0; --accent-soft:#EEF1FA; --accent-line:rgba(27,58,143,.20); --shadow-sm:0 1px 2px rgba(20,22,27,.04), 0 1px 1px rgba(20,22,27,.03); --shadow-md:0 18px 50px -28px rgba(20,22,27,.30), 0 6px 16px -12px rgba(20,22,27,.18); --shadow-lg:0 50px 110px -50px rgba(20,30,60,.45), 0 18px 40px -28px rgba(20,22,27,.22); --maxw:1488px; --gut:clamp(20px,5vw,64px); --font-sans:'Satoshi',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; --font-mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular',monospace; --ease:cubic-bezier(.22,.61,.36,1); --ease-out:cubic-bezier(.16,1,.3,1)}
*:where(:root.page-contractverse,:root.page-contractverse *){margin:0;padding:0;box-sizing:border-box}
html:where(:root.page-contractverse,:root.page-contractverse *){-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body:where(:root.page-contractverse,:root.page-contractverse *){background:var(--paper); color:var(--ink); font-family:var(--font-sans); font-weight:400; line-height:1.5; letter-spacing:-0.011em; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow-x:hidden}
img:where(:root.page-contractverse,:root.page-contractverse *),svg:where(:root.page-contractverse,:root.page-contractverse *){display:block;max-width:100%}
a:where(:root.page-contractverse,:root.page-contractverse *){color:inherit;text-decoration:none}
button:where(:root.page-contractverse,:root.page-contractverse *){font-family:inherit;cursor:pointer}
:where(:root.page-contractverse,:root.page-contractverse *)::selection{background:var(--wine);color:#fff}

/* ---------- layout ---------- */
.wrap:where(:root.page-contractverse,:root.page-contractverse *){max-width:var(--maxw);margin:0 auto;padding-inline:var(--gut)}
.section:where(:root.page-contractverse,:root.page-contractverse *){position:relative;padding-block:70px}
.section--tight:where(:root.page-contractverse,:root.page-contractverse *){padding-block:70px}
.bleed:where(:root.page-contractverse,:root.page-contractverse *){background:var(--paper-2)}
.divider:where(:root.page-contractverse,:root.page-contractverse *){height:1px;background:var(--hair);border:0}

/* ---------- typography ---------- */
.h-display:where(:root.page-contractverse,:root.page-contractverse *){font-weight:700; font-size:clamp(40px,6.6vw,88px); line-height:0.98; letter-spacing:-0.035em; text-wrap:balance}
.h-section:where(:root.page-contractverse,:root.page-contractverse *){font-weight:700; font-size:clamp(26px,3.2vw,42px); line-height:1.02; letter-spacing:-0.03em; text-wrap:balance}
.h-sub:where(:root.page-contractverse,:root.page-contractverse *){font-weight:600; font-size:clamp(22px,2.6vw,32px); line-height:1.1; letter-spacing:-0.02em}
.lede:where(:root.page-contractverse,:root.page-contractverse *){font-size:clamp(17px,1.5vw,20px); line-height:1.55; color:var(--ink-2); font-weight:400; letter-spacing:-0.012em; max-width:62ch; text-wrap:pretty}
.dim:where(:root.page-contractverse,:root.page-contractverse *){color:var(--ink-2)}
.muted:where(:root.page-contractverse,:root.page-contractverse *){color:var(--ink-3)}
.wine-text:where(:root.page-contractverse,:root.page-contractverse *){color:var(--wine)}

/* mono technical label / eyebrow */
.eyebrow:where(:root.page-contractverse,:root.page-contractverse *){display:inline-flex;align-items:center;gap:10px; font-family:var(--font-mono); font-size:12px;font-weight:500; letter-spacing:0.14em;text-transform:uppercase; color:var(--ink-3)}
.eyebrow:where(:root.page-contractverse,:root.page-contractverse *)::before{content:"";width:7px;height:7px;border-radius:2px; background:var(--wine);flex:none}
.eyebrow .num:where(:root.page-contractverse,:root.page-contractverse *){color:var(--wine);font-weight:600}
.kicker:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:11px;font-weight:500; letter-spacing:0.16em;text-transform:uppercase;color:var(--ink-3)}
.tag:where(:root.page-contractverse,:root.page-contractverse *){display:inline-flex;align-items:center;gap:7px; font-family:var(--font-mono);font-size:10.5px;font-weight:500; letter-spacing:0.1em;text-transform:uppercase; color:var(--ink-2); padding:5px 9px;border:1px solid var(--line);border-radius:6px; background:var(--paper)}
.tag .dot:where(:root.page-contractverse,:root.page-contractverse *){width:5px;height:5px;border-radius:50%;background:var(--accent)}
.tag--wine .dot:where(:root.page-contractverse,:root.page-contractverse *){background:var(--wine)}

/* section head block */
.shead:where(:root.page-contractverse,:root.page-contractverse *){max-width:880px}
.shead .h-section:where(:root.page-contractverse,:root.page-contractverse *){margin-top:18px}
.shead .lede:where(:root.page-contractverse,:root.page-contractverse *){margin-top:22px}

/* ---------- buttons ---------- */
.btn:where(:root.page-contractverse,:root.page-contractverse *){display:inline-flex;align-items:center;gap:9px; font-size:15px;font-weight:600;letter-spacing:-0.01em; padding:13px 20px;border-radius:9px;border:1px solid transparent; transition:transform .18s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease), color .2s; white-space:nowrap}
.btn .arr:where(:root.page-contractverse,:root.page-contractverse *){transition:transform .25s var(--ease)}
.btn:hover .arr:where(:root.page-contractverse,:root.page-contractverse *){transform:translateX(3px)}
.btn-primary:where(:root.page-contractverse,:root.page-contractverse *){background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}
.btn-primary:hover:where(:root.page-contractverse,:root.page-contractverse *){background:var(--accent-2);transform:translateY(-1px);box-shadow:var(--shadow-md)}
.btn-wine:where(:root.page-contractverse,:root.page-contractverse *){background:var(--wine);color:#fff}
.btn-wine:hover:where(:root.page-contractverse,:root.page-contractverse *){background:var(--wine-deep);transform:translateY(-1px);box-shadow:0 14px 34px -16px var(--wine)}
.btn-ghost:where(:root.page-contractverse,:root.page-contractverse *){background:transparent;color:var(--ink);border-color:var(--line)}
.btn-ghost:hover:where(:root.page-contractverse,:root.page-contractverse *){border-color:var(--ink);background:var(--paper-2)}
.btn-sm:where(:root.page-contractverse,:root.page-contractverse *){padding:10px 15px;font-size:14px;border-radius:8px}
.link-arrow:where(:root.page-contractverse,:root.page-contractverse *){display:inline-flex;align-items:center;gap:8px; font-weight:600;font-size:15px;color:var(--ink); border-bottom:1px solid transparent;padding-bottom:2px;transition:.2s}
.link-arrow .arr:where(:root.page-contractverse,:root.page-contractverse *){transition:transform .25s var(--ease);color:var(--wine)}
.link-arrow:hover:where(:root.page-contractverse,:root.page-contractverse *){color:var(--wine)}
.link-arrow:hover .arr:where(:root.page-contractverse,:root.page-contractverse *){transform:translateX(4px)}

/* ---------- nav ---------- */
.nav:where(:root.page-contractverse,:root.page-contractverse *){position:fixed;top:0;left:0;right:0;z-index:900;background:transparent;border:0; padding:clamp(12px,1.6vw,20px) clamp(14px,3vw,28px) 0; transition:padding .3s var(--ease)}
.nav.is-stuck:where(:root.page-contractverse,:root.page-contractverse *){padding-top:10px}
.nav-in:where(:root.page-contractverse,:root.page-contractverse *){max-width:1150px;margin:0 auto; height:62px;padding:7px 8px 7px 24px; display:flex;align-items:center;gap:16px; background:rgba(255,255,255,.80); -webkit-backdrop-filter:blur(20px) saturate(165%); backdrop-filter:blur(20px) saturate(165%); border:1px solid rgba(255,255,255,.72); border-radius:100px; box-shadow:0 12px 36px -18px rgba(46,18,26,.30), 0 2px 8px -3px rgba(46,18,26,.12); transition:box-shadow .3s var(--ease), background .3s var(--ease)}
.nav.is-stuck .nav-in:where(:root.page-contractverse,:root.page-contractverse *){background:rgba(255,255,255,.92); box-shadow:0 18px 46px -18px rgba(46,18,26,.40), 0 3px 10px -3px rgba(46,18,26,.16)}
.brand:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;flex:none}
.brand .mark:where(:root.page-contractverse,:root.page-contractverse *){height:54px;width:auto;flex:none;object-fit:contain}
.nav-links:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;justify-content:center;gap:4px;flex:1 1 auto}
.nav-link:where(:root.page-contractverse,:root.page-contractverse *){font-size:14px;font-weight:500;color:var(--ink-2); padding:9px 14px;border-radius:100px;transition:.18s}
.nav-link:hover:where(:root.page-contractverse,:root.page-contractverse *){color:var(--ink);background:rgba(46,18,26,.06)}
.nav-cta:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;gap:8px;flex:none}

/* ---------- nav dropdown ---------- */
.nav-item:where(:root.page-contractverse,:root.page-contractverse *){position:relative;display:flex;align-items:center}
.nav-trigger:where(:root.page-contractverse,:root.page-contractverse *){display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;cursor:pointer;font-family:inherit}
.nav-trigger .caret:where(:root.page-contractverse,:root.page-contractverse *){width:15px;height:15px;color:var(--ink-2);transition:transform .25s var(--ease),color .2s;flex:none}
.nav-trigger .caret path:where(:root.page-contractverse,:root.page-contractverse *){fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav-item:hover .nav-trigger:where(:root.page-contractverse,:root.page-contractverse *),.nav-item:focus-within .nav-trigger:where(:root.page-contractverse,:root.page-contractverse *){color:var(--ink);background:var(--paper-2)}
.nav-item:hover .caret:where(:root.page-contractverse,:root.page-contractverse *),.nav-item:focus-within .caret:where(:root.page-contractverse,:root.page-contractverse *){transform:rotate(180deg);color:var(--wine)}
.nav-menu:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(8px) scale(.985);transform-origin:top center; width:332px;background:var(--paper);border:1px solid var(--line);border-radius:14px; box-shadow:var(--shadow-lg);padding:8px; opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s; z-index:50}
.nav-menu:where(:root.page-contractverse,:root.page-contractverse *)::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nav-item:hover .nav-menu:where(:root.page-contractverse,:root.page-contractverse *),.nav-item:focus-within .nav-menu:where(:root.page-contractverse,:root.page-contractverse *){opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}

/* mega dropdown (Solutions) */
.nav-mega:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;top:calc(100% + 12px);left:0;transform:translateY(8px) scale(.99);transform-origin:top left; width:min(880px,calc(100vw - 48px)); background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg); padding:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px; opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s;z-index:50}
.nav-mega:where(:root.page-contractverse,:root.page-contractverse *)::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nav-item:hover .nav-mega:where(:root.page-contractverse,:root.page-contractverse *),.nav-item:focus-within .nav-mega:where(:root.page-contractverse,:root.page-contractverse *){opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
.mega-col:where(:root.page-contractverse,:root.page-contractverse *){padding:14px 16px;border-radius:12px;border:1px solid transparent;transition:border-color .2s,background .2s}
.mega-col:hover:where(:root.page-contractverse,:root.page-contractverse *){background:var(--paper-2);border-color:var(--line)}
.mega-prod:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;gap:10px;padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.mega-prod .mp-glyph:where(:root.page-contractverse,:root.page-contractverse *){width:28px;height:28px;border-radius:8px;background:var(--accent);color:#fff;display:grid;place-items:center;font-family:var(--font-mono);font-size:9px;font-weight:600;flex:none}
.mega-prod b:where(:root.page-contractverse,:root.page-contractverse *){font-size:15px;font-weight:700;letter-spacing:-0.02em;color:var(--ink)}
.mega-prod:hover b:where(:root.page-contractverse,:root.page-contractverse *){color:var(--wine)}
.mega-desc:where(:root.page-contractverse,:root.page-contractverse *){font-size:12.5px;line-height:1.45;color:var(--ink-3);margin:12px 0 14px;min-height:54px}
.mega-sub:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13.5px;font-weight:500;color:var(--ink-2);padding:8px 0;border-top:1px solid var(--line-2);transition:color .15s}
.mega-sub .arr:where(:root.page-contractverse,:root.page-contractverse *){color:var(--ink-3);opacity:0;transform:translateX(-4px);transition:.18s var(--ease)}
.mega-sub:hover:where(:root.page-contractverse,:root.page-contractverse *){color:var(--wine)}
.mega-sub:hover .arr:where(:root.page-contractverse,:root.page-contractverse *){color:var(--wine);opacity:1;transform:translateX(0)}
.nav-menu-link:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:14px;row-gap:2px; padding:11px 13px;border-radius:10px;transition:background .16s var(--ease)}
.nav-menu-link .nml-t:where(:root.page-contractverse,:root.page-contractverse *){font-size:14.5px;font-weight:600;color:var(--ink);letter-spacing:-0.01em}
.nav-menu-link .nml-d:where(:root.page-contractverse,:root.page-contractverse *){grid-column:1;font-size:12px;color:var(--ink-3);line-height:1.35}
.nav-menu-link .nml-arr:where(:root.page-contractverse,:root.page-contractverse *){grid-column:2;grid-row:1/span 2;color:var(--ink-3);font-size:15px;transition:transform .2s var(--ease),color .2s}
.nav-menu-link:hover:where(:root.page-contractverse,:root.page-contractverse *){background:var(--paper-2)}
.nav-menu-link:hover .nml-t:where(:root.page-contractverse,:root.page-contractverse *){color:var(--wine)}
.nav-menu-link:hover .nml-arr:where(:root.page-contractverse,:root.page-contractverse *){color:var(--wine);transform:translate(3px,-1px)}

/* modern icon dropdown (Solutions + Resources + Industries) */
.nav-mega--icons:where(:root.page-contractverse,:root.page-contractverse *){padding:18px;display:block}
.nav-menu.nav-mega--icons:where(:root.page-contractverse,:root.page-contractverse *){width:392px}
.nmi-label:where(:root.page-contractverse,:root.page-contractverse *){display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);padding:0 4px 12px;margin:0 0 12px;border-bottom:1px solid var(--line)}
.nmi-grid:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}
.nmi-grid--3:where(:root.page-contractverse,:root.page-contractverse *){grid-template-columns:1fr 1fr 1fr}
.nmi-grid--1:where(:root.page-contractverse,:root.page-contractverse *){grid-template-columns:1fr;gap:4px}

/* Solutions: vertical list + preview panel */
.nmi-split:where(:root.page-contractverse,:root.page-contractverse *){display:flex;gap:40px}
.nmi-split .nmi-grid--1:where(:root.page-contractverse,:root.page-contractverse *){flex:0 0 42%;min-width:0;gap:9px;grid-template-columns:1fr}
.nmi-preview:where(:root.page-contractverse,:root.page-contractverse *){flex:1 1 58%;min-width:0;display:flex;flex-direction:column;gap:9px}
.nmp-cap:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.nmp-frame:where(:root.page-contractverse,:root.page-contractverse *){flex:1;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper-2);display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}
.nmp-bar:where(:root.page-contractverse,:root.page-contractverse *){display:flex;gap:5px;padding:11px 13px;border-bottom:1px solid var(--line);background:var(--paper)}
.nmp-bar i:where(:root.page-contractverse,:root.page-contractverse *){width:9px;height:9px;border-radius:50%;background:#DAD7D0}
.nmp-body:where(:root.page-contractverse,:root.page-contractverse *){flex:1;display:flex;flex-direction:column;justify-content:center;gap:9px;padding:24px;position:relative;overflow:hidden;transition:background .25s var(--ease)}
.nmp-body:where(:root.page-contractverse,:root.page-contractverse *)::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.5) 1.1px,transparent 1.1px);background-size:16px 16px;opacity:.5}
.nmp-body.c1:where(:root.page-contractverse,:root.page-contractverse *){background:linear-gradient(150deg,#B23a4a,#8E1B2C)}
.nmp-body.c2:where(:root.page-contractverse,:root.page-contractverse *){background:linear-gradient(150deg,#2A6FDB,#1B44A8)}
.nmp-body.c3:where(:root.page-contractverse,:root.page-contractverse *){background:linear-gradient(150deg,#1F8A5B,#136141)}
.nmp-body.c4:where(:root.page-contractverse,:root.page-contractverse *){background:linear-gradient(150deg,#7A4AD1,#4E2B95)}
.nmp-badge:where(:root.page-contractverse,:root.page-contractverse *){position:relative;font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.nmp-title:where(:root.page-contractverse,:root.page-contractverse *){position:relative;font-size:20px;font-weight:700;letter-spacing:-0.02em;color:#fff;line-height:1.1}
.nmp-sub:where(:root.page-contractverse,:root.page-contractverse *){position:relative;font-size:12.5px;color:rgba(255,255,255,.82);line-height:1.45;max-width:30ch}
.nmp-rows:where(:root.page-contractverse,:root.page-contractverse *){position:relative;display:flex;flex-direction:column;gap:6px;margin-top:8px}
.nmp-rows i:where(:root.page-contractverse,:root.page-contractverse *){height:7px;border-radius:4px;background:rgba(255,255,255,.28)}
.nmp-rows i:nth-child(1):where(:root.page-contractverse,:root.page-contractverse *){width:80%}
.nmp-rows i:nth-child(2):where(:root.page-contractverse,:root.page-contractverse *){width:62%}
.nmp-rows i:nth-child(3):where(:root.page-contractverse,:root.page-contractverse *){width:70%}
.nmi-item:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:flex-start;gap:13px;padding:12px;border-radius:14px;transition:background .16s var(--ease)}
.nmi-item:hover:where(:root.page-contractverse,:root.page-contractverse *){background:var(--paper-2)}
.nmi-ic:where(:root.page-contractverse,:root.page-contractverse *){width:42px;height:42px;border-radius:12px;flex:none;display:grid;place-items:center;color:#fff;box-shadow:0 6px 14px -6px rgba(20,16,22,.4)}
.nmi-ic svg:where(:root.page-contractverse,:root.page-contractverse *){width:22px;height:22px;display:block}
.nmi-grid:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-columns:1fr 1fr;gap:4px}
.nmi-grid--3:where(:root.page-contractverse,:root.page-contractverse *){grid-template-columns:1fr 1fr 1fr}
.nmi-item:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:flex-start;gap:13px;padding:12px;border-radius:14px;transition:background .16s var(--ease)}
.nmi-item--sm:where(:root.page-contractverse,:root.page-contractverse *){gap:11px;padding:10px 11px}
.nmi-item:hover:where(:root.page-contractverse,:root.page-contractverse *){background:var(--paper-2)}
.nmi-ic:where(:root.page-contractverse,:root.page-contractverse *){width:42px;height:42px;border-radius:12px;flex:none;display:grid;place-items:center;color:#fff;box-shadow:0 6px 14px -6px rgba(20,16,22,.4)}
.nmi-item--sm .nmi-ic:where(:root.page-contractverse,:root.page-contractverse *){width:36px;height:36px;border-radius:10px}
.nmi-item--sm .nmi-ic svg:where(:root.page-contractverse,:root.page-contractverse *){width:19px;height:19px}
.nmi-ic svg:where(:root.page-contractverse,:root.page-contractverse *){width:22px;height:22px;display:block}
.nmi-ic.c1:where(:root.page-contractverse,:root.page-contractverse *){background:linear-gradient(150deg,#B23a4a,#8E1B2C)}
.nmi-ic.c2:where(:root.page-contractverse,:root.page-contractverse *){background:linear-gradient(150deg,#3E63B4,#28407e)}
.nmi-ic.c3:where(:root.page-contractverse,:root.page-contractverse *){background:linear-gradient(150deg,#2E9C6E,#1c6b4a)}
.nmi-ic.c4:where(:root.page-contractverse,:root.page-contractverse *){background:linear-gradient(150deg,#C0892E,#8a611c)}
.nmi-ic.c5:where(:root.page-contractverse,:root.page-contractverse *){background:linear-gradient(150deg,#6b52b4,#4a3780)}
.nmi-tx:where(:root.page-contractverse,:root.page-contractverse *){display:flex;flex-direction:column;gap:3px;min-width:0}
.nmi-tx b:where(:root.page-contractverse,:root.page-contractverse *){font-size:14.5px;font-weight:700;color:var(--ink);letter-spacing:-0.01em;transition:color .16s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nmi-item:hover .nmi-tx b:where(:root.page-contractverse,:root.page-contractverse *){color:var(--wine)}
.nmi-tx span:where(:root.page-contractverse,:root.page-contractverse *){font-size:12px;color:var(--ink-3);line-height:1.35; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Solutions single-col: one-line description */
.nmi-grid--1 .nmi-tx span:where(:root.page-contractverse,:root.page-contractverse *){display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:none}

/* card-grid mega (Industries) — reuses Resources nav-menu-link cards */
.nav-mega--cards:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-columns:repeat(3,1fr);gap:2px;width:min(640px,calc(100vw - 48px));padding:12px}

/* hover-intent: keep dropdown open while travelling to the panel */
.nav-item.is-open .nav-trigger:where(:root.page-contractverse,:root.page-contractverse *){color:var(--ink);background:var(--paper-2)}
.nav-item.is-open .caret:where(:root.page-contractverse,:root.page-contractverse *){transform:rotate(180deg);color:var(--wine)}
.nav-item.is-open .nav-menu:where(:root.page-contractverse,:root.page-contractverse *){opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}
.nav-item.is-open .nav-mega:where(:root.page-contractverse,:root.page-contractverse *){opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}
.nav-item:not(.is-open):hover .nav-menu:where(:root.page-contractverse,:root.page-contractverse *),.nav-item:not(.is-open):hover .nav-mega:where(:root.page-contractverse,:root.page-contractverse *){opacity:0;visibility:hidden;pointer-events:none}

/* ---------- footer ---------- */
.foot:where(:root.page-contractverse,:root.page-contractverse *){background:var(--paper-2);border-top:1px solid var(--line);padding-block:clamp(64px,8vw,104px) 36px}
.foot-grid:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:48px 36px}
.foot :is(h3,h4):where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500;margin-bottom:16px}
.foot-brand:where(:root.page-contractverse,:root.page-contractverse *){margin-bottom:20px}
.foot-brand .mark:where(:root.page-contractverse,:root.page-contractverse *){height:56px;width:auto}
.foot ul:where(:root.page-contractverse,:root.page-contractverse *){list-style:none;display:flex;flex-direction:column;gap:11px}
.foot li a:where(:root.page-contractverse,:root.page-contractverse *){font-size:14.5px;color:var(--ink-2);transition:.15s}
.foot li a:hover:where(:root.page-contractverse,:root.page-contractverse *){color:var(--wine)}
.foot-badge:where(:root.page-contractverse,:root.page-contractverse *){display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--wine);background:var(--wine-soft);padding:3px 7px;border-radius:5px;text-transform:uppercase;white-space:nowrap}

/* ---------- reveal / motion ----------
   Reveal hidden/visible state is driven by JS via inline styles so the
   visible END state is always the static computed style (never dependent on
   the animation clock). The WAAPI keyframe is pure enhancement. */

/* hairline tech grid background */
.grid-bg:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;inset:0;pointer-events:none; background-image:linear-gradient(var(--hair) 1px,transparent 1px),linear-gradient(90deg,var(--hair) 1px,transparent 1px); background-size:64px 64px; -webkit-mask-image:radial-gradient(120% 90% at 70% 0%,#000 0%,transparent 72%); mask-image:radial-gradient(120% 90% at 70% 0%,#000 0%,transparent 72%); opacity:.5}

/* utility */
.mono:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono)}
.nowrap:where(:root.page-contractverse,:root.page-contractverse *){white-space:nowrap}
.center:where(:root.page-contractverse,:root.page-contractverse *){text-align:center}
.stat-num:where(:root.page-contractverse,:root.page-contractverse *){font-size:clamp(30px,3.4vw,46px);font-weight:700;letter-spacing:-0.03em;line-height:1;font-variant-numeric:tabular-nums}
.stat-lbl:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:9px}

/* ---------- cookie / privacy bar ---------- */
.cookiebar:where(:root.page-contractverse,:root.page-contractverse *){position:fixed;left:0;right:0;bottom:0;z-index:920; padding:0 clamp(12px,3vw,28px) clamp(12px,2.4vw,22px); pointer-events:none; opacity:0;transform:translateY(130%)}
.cookiebar-in:where(:root.page-contractverse,:root.page-contractverse *){pointer-events:auto;position:relative; max-width:1180px;margin:0 auto; display:flex;align-items:center;gap:clamp(14px,2vw,26px); background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%); border:1px solid var(--line);border-radius:14px; box-shadow:var(--shadow-lg); padding:14px clamp(16px,2vw,22px)}
.cb-ico:where(:root.page-contractverse,:root.page-contractverse *){flex:none;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--wine);background:var(--wine-soft);border:1px solid var(--wine-line)}
.cb-text:where(:root.page-contractverse,:root.page-contractverse *){flex:1;min-width:0;font-size:13.5px;line-height:1.5;color:var(--ink-2);letter-spacing:-0.005em;text-wrap:pretty}
.cb-text a:where(:root.page-contractverse,:root.page-contractverse *){color:var(--wine);font-weight:600;border-bottom:1px solid var(--wine-line);transition:.18s}
.cb-text a:hover:where(:root.page-contractverse,:root.page-contractverse *){border-bottom-color:var(--wine)}
.cb-actions:where(:root.page-contractverse,:root.page-contractverse *){flex:none;display:flex;align-items:center;gap:10px}
.cb-close:where(:root.page-contractverse,:root.page-contractverse *){flex:none;width:30px;height:30px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--ink-3);font-size:20px;line-height:1;display:grid;place-items:center;transition:.18s}
.cb-close:hover:where(:root.page-contractverse,:root.page-contractverse *){background:var(--paper-2);color:var(--ink)}

/* touch 1781880836837 */

/* ============================================================================
   TRUECOPY — sections.css
   ========================================================================== */

/* ============================ HERO (centered SaaS · red gradient) ============================ */
.hero:where(:root.page-contractverse,:root.page-contractverse *){position:relative;isolation:isolate; overflow:hidden;text-align:center;color:#fff; background: linear-gradient(180deg, rgba(255,255,255,.05), transparent 24%), linear-gradient(180deg,#6F1E2A 0%,#892634 15%,#A6333E 30%,#C25551 45%,#DA8377 58%,#F0C2B6 70%,#FBEAE3 78%,#FFFFFF 86%,#FFFFFF 100%)}

/* circular visual language */
.hero-bg:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.hero-noise:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;inset:0;pointer-events:none;opacity:.18;mix-blend-mode:soft-light; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='hn'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23hn)'/%3E%3C/svg%3E");background-size:150px 150px}
.hero-glow:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;left:50%;top:32%;width:680px;height:680px;transform:translate(-50%,-50%); background:radial-gradient(circle,rgba(255,205,188,.26),transparent 64%);filter:blur(12px); animation:heroGlow 9s var(--ease) infinite}
.orbit:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);border-radius:50%; border:1px solid rgba(255,255,255,.16); -webkit-mask-image:radial-gradient(circle,transparent 38%,#000 56%,#000 70%,transparent 86%); mask-image:radial-gradient(circle,transparent 38%,#000 56%,#000 70%,transparent 86%)}
.orbit-1:where(:root.page-contractverse,:root.page-contractverse *){width:680px;height:680px}
.orbit-2:where(:root.page-contractverse,:root.page-contractverse *){width:1080px;height:1080px;border-color:rgba(255,255,255,.10)}
.orbit-2.dashed-spin:where(:root.page-contractverse,:root.page-contractverse *){border-style:dashed;border-width:1.5px;border-color:rgba(255,255,255,.34); -webkit-mask-image:none;mask-image:none;animation:spin 60s linear infinite}
.orbit-3:where(:root.page-contractverse,:root.page-contractverse *){width:1480px;height:1480px;border-color:rgba(255,255,255,.07)}
.orbit-4:where(:root.page-contractverse,:root.page-contractverse *){width:1880px;height:1880px;border-color:rgba(255,255,255,.16)}
.orbit-4.dashed:where(:root.page-contractverse,:root.page-contractverse *){border-style:dashed;border-width:1px;animation:spin 80s linear infinite}
.hero-float-ring:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.30);opacity:.3}
.fr-a:where(:root.page-contractverse,:root.page-contractverse *){width:16px;height:16px;left:8%;top:30%;background:rgba(255,255,255,.14);animation:floatY 7s var(--ease) infinite}
.fr-d:where(:root.page-contractverse,:root.page-contractverse *){width:11px;height:11px;left:12%;top:64%;background:rgba(255,255,255,.55);border:0;animation:floatY 8s var(--ease) infinite reverse}
.fr-b:where(:root.page-contractverse,:root.page-contractverse *){width:30px;height:30px;right:8%;top:28%;animation:floatY 9s var(--ease) infinite reverse}
.fr-c:where(:root.page-contractverse,:root.page-contractverse *){width:11px;height:11px;right:12%;top:64%;background:rgba(255,255,255,.55);border:0;animation:floatY 6s var(--ease) infinite}
.hero-in:where(:root.page-contractverse,:root.page-contractverse *){position:relative;display:block}
.hero-copy:where(:root.page-contractverse,:root.page-contractverse *){max-width:880px;margin:0 auto}

/* social-proof review badge */
.hero-badge:where(:root.page-contractverse,:root.page-contractverse *){display:inline-flex;align-items:center;gap:11px;margin:0 auto;white-space:nowrap; padding:7px 16px 7px 12px;border-radius:100px; background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.26); -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px); font-size:13.5px;font-weight:500;color:rgba(255,255,255,.92);transition:.2s var(--ease)}
.hero-badge:hover:where(:root.page-contractverse,:root.page-contractverse *){background:rgba(255,255,255,.2);transform:translateY(-1px)}
.hero-badge .stars:where(:root.page-contractverse,:root.page-contractverse *){color:#FFD9A0;font-size:12px;letter-spacing:1px}
.hero-badge .hb-tx b:where(:root.page-contractverse,:root.page-contractverse *){font-weight:700;color:#fff}
.hero h1:where(:root.page-contractverse,:root.page-contractverse *){margin:26px auto 0;color:#fff;max-width:none; font-size:clamp(21px,2.6vw,34px);line-height:1.14;letter-spacing:-0.035em}
.hero h1 .ln1:where(:root.page-contractverse,:root.page-contractverse *){display:block;white-space:nowrap}
.hero h1 .ln2:where(:root.page-contractverse,:root.page-contractverse *){display:block;color:#fff;white-space:nowrap}
.hero h1 .ln3:where(:root.page-contractverse,:root.page-contractverse *){color:#fff}
.hero .lede:where(:root.page-contractverse,:root.page-contractverse *){margin:24px auto 0;color:rgba(255,255,255,.84);max-width:60ch;text-align:center;font-size:clamp(16px,1.5vw,19.5px)}
.hero-cta:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;justify-content:center;gap:20px;margin-top:38px;flex-wrap:wrap}
.hero-form:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;gap:6px;margin:34px auto 0;width:100%;max-width:476px; background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.32);border-radius:100px; padding:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px); box-shadow:0 16px 44px -22px rgba(40,8,12,.42)}
.hero-form:focus-within:where(:root.page-contractverse,:root.page-contractverse *){border-color:rgba(255,255,255,.58);background:rgba(255,255,255,.18)}
.hero-email:where(:root.page-contractverse,:root.page-contractverse *){flex:1 1 auto;min-width:0;background:transparent;border:0;outline:none;color:#fff; font-size:15px;padding:11px 8px 11px 18px;font-family:inherit;letter-spacing:-0.01em}
.hero-email:where(:root.page-contractverse,:root.page-contractverse *)::placeholder{color:rgba(255,255,255,.72)}
.hero-form .btn-hero:where(:root.page-contractverse,:root.page-contractverse *){flex:none}
.btn-hero:where(:root.page-contractverse,:root.page-contractverse *){background:#fff;color:var(--wine-deep);font-weight:700;padding:11px 24px;border-radius:100px; box-shadow:0 14px 34px -16px rgba(40,8,12,.45),0 1px 0 rgba(255,255,255,.5) inset;font-size:15px}
.btn-hero:hover:where(:root.page-contractverse,:root.page-contractverse *){transform:translateY(-2px);background:#fff;box-shadow:0 26px 60px -18px rgba(40,8,12,.62)}
.btn-hero .arr:where(:root.page-contractverse,:root.page-contractverse *){transition:transform .25s var(--ease)}
.btn-hero:hover .arr:where(:root.page-contractverse,:root.page-contractverse *){transform:translateX(4px)}
.hero-play:where(:root.page-contractverse,:root.page-contractverse *){display:inline-flex;align-items:center;gap:11px;color:#fff;font-weight:600;font-size:15px;opacity:.95;transition:.2s}
.hero-play:hover:where(:root.page-contractverse,:root.page-contractverse *){opacity:1}
.hero-play .hp-ic:where(:root.page-contractverse,:root.page-contractverse *){width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none; background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.32);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:.2s var(--ease)}
.hero-play .hp-ic:where(:root.page-contractverse,:root.page-contractverse *)::after{content:"";width:0;height:0;border-left:9px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:3px}
.hero-play:hover .hp-ic:where(:root.page-contractverse,:root.page-contractverse *){background:rgba(255,255,255,.26);transform:scale(1.06)}
.hero-trust:where(:root.page-contractverse,:root.page-contractverse *){display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:42px}
.hero-trust .ht:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;gap:10px;padding:9px 16px;border-radius:100px; background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20); -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.hero-trust .ht-ic:where(:root.page-contractverse,:root.page-contractverse *){width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.22);color:#fff;display:grid;place-items:center;font-size:10px;flex:none}
.hero-trust .ht-tx:where(:root.page-contractverse,:root.page-contractverse *){display:flex;flex-direction:column;gap:0;text-align:left;line-height:1.15}
.hero-trust .ht b:where(:root.page-contractverse,:root.page-contractverse *){font-size:13px;font-weight:700;color:#fff}
.hero-trust .ht span:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6)}

/* product mockup floating below */
.hero-stage-wrap:where(:root.page-contractverse,:root.page-contractverse *){position:relative;max-width:955px;margin:clamp(104px,12vw,168px) auto 0;perspective:1800px}
.hero-stage-wrap .stage:where(:root.page-contractverse,:root.page-contractverse *){border-radius:24px;border:15px solid rgba(248,205,197,.6); box-shadow:0 26px 56px -36px rgba(70,22,30,.28); transform:rotateX(3deg);transform-origin:center top;background-clip:padding-box}
.hero-float:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;z-index:4;display:flex;align-items:center;gap:11px; padding:11px 14px;border-radius:13px;background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.8); box-shadow:0 22px 50px -22px rgba(40,8,16,.45)}
.hero-float .hfl-tx:where(:root.page-contractverse,:root.page-contractverse *){display:flex;flex-direction:column;text-align:left;line-height:1.25}
.hero-float .hfl-tx b:where(:root.page-contractverse,:root.page-contractverse *){font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-0.01em}
.hero-float .hfl-tx span:where(:root.page-contractverse,:root.page-contractverse *){font-size:11px;color:var(--ink-3)}
.hf-1:where(:root.page-contractverse,:root.page-contractverse *){left:-30px;top:24%;animation:floatCard 6.5s var(--ease) infinite}
.hf-1 .hfl-dot:where(:root.page-contractverse,:root.page-contractverse *){width:30px;height:30px;border-radius:50%;background:var(--wine-soft);position:relative;flex:none}
.hf-1 .hfl-dot:where(:root.page-contractverse,:root.page-contractverse *)::after{content:"\2713";position:absolute;inset:0;display:grid;place-items:center;color:var(--wine);font-weight:700;font-size:14px}
.hf-2:where(:root.page-contractverse,:root.page-contractverse *){right:-26px;top:54%;animation:floatCard 7.5s var(--ease) infinite reverse}
.hf-2 .hfl-ring:where(:root.page-contractverse,:root.page-contractverse *){position:relative;width:38px;height:38px;flex:none;display:grid;place-items:center}
.hf-2 .hfl-ring svg:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;inset:0;transform:rotate(-90deg)}
.hf-2 .hfl-ring circle:where(:root.page-contractverse,:root.page-contractverse *){fill:none;stroke:var(--line);stroke-width:3}
.hf-2 .hfl-ring circle.prog:where(:root.page-contractverse,:root.page-contractverse *){stroke:var(--accent);stroke-linecap:round;stroke-dasharray:97.4;stroke-dashoffset:2}
.hf-2 .hfl-ring span:where(:root.page-contractverse,:root.page-contractverse *){font-size:10px;font-weight:700;color:var(--ink)}

/* hero product infographics — static icon circles riding the moving ring */

/* chips ride the dashed moving ring — two stacked on the left side, two on the right,
   vertically centred on the ring's centre (left:50%, top:34% — matching .orbit) */
.hero-chips:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;pointer-events:none; --rx:clamp(300px,41vw,500px);--ry:clamp(92px,10vw,150px)}
.hchip:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;width:clamp(122px,11vw,154px);aspect-ratio:1;border-radius:26px;display:grid;place-items:center; pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent; background:linear-gradient(160deg,rgba(255,255,255,.20),rgba(255,255,255,.05))}
.hchip .hc-inner:where(:root.page-contractverse,:root.page-contractverse *){transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.hchip:hover .hc-inner:where(:root.page-contractverse,:root.page-contractverse *){transform:scale(1.05);box-shadow:0 18px 34px -14px rgba(70,18,28,.6)}
.hchip:active .hc-inner:where(:root.page-contractverse,:root.page-contractverse *){transform:scale(.93);transition-duration:.09s}
.hchip:focus-visible:where(:root.page-contractverse,:root.page-contractverse *){outline:2px solid #fff;outline-offset:3px}
.hchip:nth-child(1):where(:root.page-contractverse,:root.page-contractverse *){left:calc(50% - var(--rx) + 30px);top:calc(34% - 150px - var(--ry));transform:translate(-50%,-50%);animation:hchipL 6.5s var(--ease) infinite}
.hchip:nth-child(2):where(:root.page-contractverse,:root.page-contractverse *){left:calc(50% - var(--rx) - 20px);top:calc(34% - 110px + var(--ry));transform:translate(-50%,-50%);animation:hchipL 6.5s var(--ease) infinite;animation-delay:-2.2s}
.hchip:nth-child(3):where(:root.page-contractverse,:root.page-contractverse *){left:calc(50% + var(--rx) - 30px);top:calc(34% - 150px - var(--ry));transform:translate(-50%,-50%);animation:hchipR 6.5s var(--ease) infinite;animation-delay:-1.1s}
.hchip:nth-child(4):where(:root.page-contractverse,:root.page-contractverse *){left:calc(50% + var(--rx) + 30px);top:calc(34% - 110px + var(--ry));transform:translate(-50%,-50%);animation:hchipR 6.5s var(--ease) infinite;animation-delay:-3.4s}
html[data-motion="off"] .hchip:where(:root.page-contractverse,:root.page-contractverse *){animation:none}
.hchip:where(:root.page-contractverse,:root.page-contractverse *)::before{content:"";position:absolute;inset:0;border-radius:26px;padding:1.4px;pointer-events:none; background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.05) 70%,transparent); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.hc-inner:where(:root.page-contractverse,:root.page-contractverse *){width:80%;height:80%;border-radius:18px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:6px; box-shadow:0 12px 26px -12px rgba(70,18,28,.5)}
.hchip .hc-fig:where(:root.page-contractverse,:root.page-contractverse *){height:clamp(44px,4.6vw,58px);width:auto;max-width:92%;display:block}
.hchip:first-child .hc-fig:where(:root.page-contractverse,:root.page-contractverse *){height:clamp(58px,6.1vw,78px)}
.hc-nm:where(:root.page-contractverse,:root.page-contractverse *){font-size:clamp(11px,1vw,13px);font-weight:600;color:var(--wine);letter-spacing:-0.01em}

/* dashboard stage */
.stage:where(:root.page-contractverse,:root.page-contractverse *){position:relative;border-radius:16px;background:var(--paper); border:1px solid var(--line);box-shadow:var(--shadow-lg);overflow:hidden}
.stage-bar:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;gap:14px;padding:12px 14px;border-bottom:1px solid var(--line-2);background:var(--paper-2)}
.win-dots:where(:root.page-contractverse,:root.page-contractverse *){display:flex;gap:6px}
.win-dots i:where(:root.page-contractverse,:root.page-contractverse *){width:10px;height:10px;border-radius:50%;background:#DAD7D0;display:block}
.stage-addr:where(:root.page-contractverse,:root.page-contractverse *){flex:1;display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--ink-3);background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:5px 10px;min-width:0}
.stage-addr .lock:where(:root.page-contractverse,:root.page-contractverse *){color:var(--accent)}
.stage-addr .url:where(:root.page-contractverse,:root.page-contractverse *){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stage-live:where(:root.page-contractverse,:root.page-contractverse *){display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:#16804a}
.stage-live i:where(:root.page-contractverse,:root.page-contractverse *){width:6px;height:6px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 0 rgba(22,163,74,.5);animation:livePulse 2.4s infinite}
.stage-tabs:where(:root.page-contractverse,:root.page-contractverse *){position:relative;display:flex;gap:4px;padding:8px 10px;border-bottom:1px solid var(--line-2)}
.tab-ind:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;top:8px;left:0;height:calc(100% - 16px);width:0;background:var(--paper-2);border:1px solid var(--line);border-radius:8px;z-index:0;pointer-events:none}
.stab:where(:root.page-contractverse,:root.page-contractverse *){position:relative;z-index:1;flex:1 1 0;min-width:0;overflow:hidden; display:inline-flex;align-items:center;justify-content:center;gap:6px; font-size:12px;font-weight:600;letter-spacing:-0.01em;color:var(--ink-3); padding:8px 6px;border-radius:8px;border:1px solid transparent;background:transparent;transition:color .2s var(--ease)}
.stab .gl:where(:root.page-contractverse,:root.page-contractverse *){width:17px;height:17px;border-radius:5px;display:grid;place-items:center;font-family:var(--font-mono);font-size:7.5px;font-weight:600;color:#fff;background:var(--ink-3);transition:background .2s;flex:none}
.stab-tx:where(:root.page-contractverse,:root.page-contractverse *){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.stab:hover:where(:root.page-contractverse,:root.page-contractverse *){color:var(--ink)}
.stab.is-active:where(:root.page-contractverse,:root.page-contractverse *){color:var(--ink)}
.stab.is-active .gl:where(:root.page-contractverse,:root.page-contractverse *){background:var(--wine)}
.stage-body:where(:root.page-contractverse,:root.page-contractverse *){position:relative;aspect-ratio:16/10.2;background:var(--paper-2);overflow:hidden}
.panel-track:where(:root.page-contractverse,:root.page-contractverse *){display:flex;height:100%;width:100%;will-change:transform}
.panel:where(:root.page-contractverse,:root.page-contractverse *){flex:0 0 100%;height:100%;padding:20px;opacity:1;pointer-events:auto}

/* video placeholder */
.vplace:where(:root.page-contractverse,:root.page-contractverse *){position:relative;width:100%;height:100%;border-radius:11px;overflow:hidden;background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column}
.vplace-top:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid var(--line-2)}
.vplace-top .vt:where(:root.page-contractverse,:root.page-contractverse *){font-weight:600;font-size:13.5px}
.vplace-top .vmeta:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--ink-3)}
.poster:where(:root.page-contractverse,:root.page-contractverse *){position:relative;flex:1;overflow:hidden;background: radial-gradient(120% 120% at 80% 0%, var(--paper-2), var(--paper))}
.poster-dots:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1px,transparent 1px);background-size:18px 18px;opacity:.6;-webkit-mask-image:linear-gradient(transparent,#000 30%);mask-image:linear-gradient(transparent,#000 30%)}
.play:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3; width:64px;height:64px;border-radius:50%;background:var(--wine);border:0; display:grid;place-items:center;box-shadow:0 16px 40px -12px rgba(155,27,46,.6);transition:.25s var(--ease)}
.play:where(:root.page-contractverse,:root.page-contractverse *)::after{content:"";width:0;height:0;border-left:17px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:4px}
.play:hover:where(:root.page-contractverse,:root.page-contractverse *){transform:translate(-50%,-50%) scale(1.07)}
.play-ring:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;border:1px solid var(--wine-line);z-index:2;animation:ring 3s var(--ease) infinite}
.vcap:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;left:14px;bottom:13px;z-index:3;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--ink-3);background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:5px 9px;border-radius:6px;border:1px solid var(--line)}

/* faux dashboard rows inside poster */
.fx:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;border-radius:7px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.fx-row:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;gap:9px;padding:9px 12px}
.fx-ic:where(:root.page-contractverse,:root.page-contractverse *){width:24px;height:24px;border-radius:6px;background:var(--accent-soft);flex:none}
.fx-bar:where(:root.page-contractverse,:root.page-contractverse *){height:7px;border-radius:4px;background:var(--paper-3)}
.fx-chip:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:9px;letter-spacing:.05em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:2px 6px}
.fx-col:where(:root.page-contractverse,:root.page-contractverse *){display:flex;flex-direction:column;justify-content:flex-end;gap:0;align-items:center}
.fx-colbar:where(:root.page-contractverse,:root.page-contractverse *){width:18px;border-radius:3px 3px 0 0;background:var(--accent);opacity:.85}
.fx-colbar.lo:where(:root.page-contractverse,:root.page-contractverse *){background:var(--paper-3)}
.fx-colbar.wine:where(:root.page-contractverse,:root.page-contractverse *){background:var(--wine)}

/* floating controls */
.stage-ctrl:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;right:16px;bottom:16px;z-index:6;display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:100px;padding:6px;box-shadow:var(--shadow-md)}
.stage-ctrl button:where(:root.page-contractverse,:root.page-contractverse *){width:30px;height:30px;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--ink-2);display:grid;place-items:center;transition:.18s}
.stage-ctrl button:hover:where(:root.page-contractverse,:root.page-contractverse *){background:var(--paper-2);color:var(--ink)}
.dots:where(:root.page-contractverse,:root.page-contractverse *){display:flex;gap:6px;padding:0 4px}
.dots i:where(:root.page-contractverse,:root.page-contractverse *){width:6px;height:6px;border-radius:50%;background:var(--line);transition:.25s;cursor:pointer}
.dots i.on:where(:root.page-contractverse,:root.page-contractverse *){background:var(--wine);width:18px;border-radius:4px}

/* ============================ TRUST BAR (left text · right logo cloud) ============================ */
.trustbar:where(:root.page-contractverse,:root.page-contractverse *){background:var(--paper);padding-block:clamp(24px,3vw,40px)}
.trustbar-in:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-columns:minmax(180px,0.66fr) 1.7fr;gap:clamp(20px,3.2vw,48px);align-items:center}
.trustbar-label:where(:root.page-contractverse,:root.page-contractverse *){font-size:clamp(18px,1.95vw,24px);font-weight:600;letter-spacing:-0.01em;color:var(--ink);line-height:1.3;display:block;max-width:22ch}
.tb-marquee:where(:root.page-contractverse,:root.page-contractverse *){position:relative;overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.tb-track:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;width:max-content;gap:clamp(34px,3.8vw,60px);animation:tbScroll 36s linear infinite}
.tb-marquee:hover .tb-track:where(:root.page-contractverse,:root.page-contractverse *){animation-play-state:paused}
html[data-motion="off"] .tb-track:where(:root.page-contractverse,:root.page-contractverse *){animation:none}
.tb-logo:where(:root.page-contractverse,:root.page-contractverse *){display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:clamp(18px,1.8vw,23px);letter-spacing:-0.02em;color:var(--ink-3);opacity:.7;white-space:nowrap;transition:color .22s var(--ease),opacity .22s var(--ease)}
.tb-logo:hover:where(:root.page-contractverse,:root.page-contractverse *){color:var(--ink);opacity:1}
.tb-ic:where(:root.page-contractverse,:root.page-contractverse *){width:.92em;height:.92em;fill:currentColor;flex:none}
.tb-sap:where(:root.page-contractverse,:root.page-contractverse *){font-weight:800;letter-spacing:.01em}
.tb-aws:where(:root.page-contractverse,:root.page-contractverse *){font-weight:800;letter-spacing:-.03em;align-items:flex-end;gap:2px}
.tb-aws .tb-smile:where(:root.page-contractverse,:root.page-contractverse *){width:1.5em;height:.4em;fill:currentColor;margin-bottom:3px}

/* ============================ MILESTONE JOURNEY ============================ */
.journey:where(:root.page-contractverse,:root.page-contractverse *){position:relative;--jpt:clamp(57px,6.6vw,92px);padding-block:var(--jpt) 0}
.journey:where(:root.page-contractverse,:root.page-contractverse *)::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;z-index:0;pointer-events:none; background:repeating-linear-gradient(90deg,var(--hair) 0 7px,transparent 7px 15px);background-size:15px 1px;animation:dashFlowX 1.1s linear infinite}
html[data-motion="off"] .journey:where(:root.page-contractverse,:root.page-contractverse *)::before{animation:none}
.journey-head:where(:root.page-contractverse,:root.page-contractverse *){text-align:center;max-width:640px;margin:0 auto clamp(52px,6vw,86px)}
.journey-head .eyebrow:where(:root.page-contractverse,:root.page-contractverse *){margin-bottom:18px}
.journey-head .h-section:where(:root.page-contractverse,:root.page-contractverse *){margin:0 auto}
.journey>.wrap:where(:root.page-contractverse,:root.page-contractverse *){position:relative}
.journey>.wrap:where(:root.page-contractverse,:root.page-contractverse *)::before,.journey>.wrap:where(:root.page-contractverse,:root.page-contractverse *)::after{content:"";position:absolute;top:calc(var(--jpt)*-1);bottom:0;width:1px;z-index:0;pointer-events:none; background:repeating-linear-gradient(180deg,var(--hair) 0 6px,transparent 6px 13px);background-size:1px 13px;animation:dashFlowY 1.1s linear infinite}
.journey>.wrap:where(:root.page-contractverse,:root.page-contractverse *)::before{left:0}
.journey>.wrap:where(:root.page-contractverse,:root.page-contractverse *)::after{right:0}
html[data-motion="off"] .journey>.wrap:where(:root.page-contractverse,:root.page-contractverse *)::before,html[data-motion="off"] .journey>.wrap:where(:root.page-contractverse,:root.page-contractverse *)::after{animation:none}
.journey-map:where(:root.page-contractverse,:root.page-contractverse *){position:relative}
.journey-curve:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;top:0;left:0;width:100%;height:196px;z-index:0;overflow:visible}
.jc-base:where(:root.page-contractverse,:root.page-contractverse *){fill:none;stroke:#d8d5ce;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round}
.jc-line:where(:root.page-contractverse,:root.page-contractverse *){fill:none;stroke:var(--wine);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round}
.journey-row:where(:root.page-contractverse,:root.page-contractverse *){position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr)}
.milestone:where(:root.page-contractverse,:root.page-contractverse *){display:flex;flex-direction:column;align-items:center;text-align:center;padding-inline:clamp(6px,1vw,16px)}
.milestone .dot:where(:root.page-contractverse,:root.page-contractverse *){width:14px;height:14px;border-radius:50%;background:var(--paper);border:2px solid #cbc8c1; margin-top:calc(var(--cy) - 7px);position:relative;z-index:2;box-shadow:0 0 0 5px rgba(20,16,22,.03);transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}
.milestone .dot:where(:root.page-contractverse,:root.page-contractverse *)::after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--wine);transform:scale(0)}
.milestone .dot.lit:where(:root.page-contractverse,:root.page-contractverse *)::after{animation:dotPop .46s cubic-bezier(.34,1.56,.64,1) forwards}
html[data-motion="off"] .milestone .dot.lit:where(:root.page-contractverse,:root.page-contractverse *)::after{animation:none;transform:scale(1)}
.milestone .dot.lit:where(:root.page-contractverse,:root.page-contractverse *){border-color:var(--wine);box-shadow:0 0 0 5px color-mix(in srgb,var(--wine) 9%,transparent)}
.milestone .conn:where(:root.page-contractverse,:root.page-contractverse *){width:1px;height:200px; background:linear-gradient(180deg,var(--wine) calc(var(--fill,0)*100%),#d8d5ce calc(var(--fill,0)*100%))}
.milestone .mcontent:where(:root.page-contractverse,:root.page-contractverse *){margin-top:18px;padding-bottom:clamp(40px,5.5vw,84px)}

/* centered trust badges (top open space, above the arc) */
.journey-badges:where(:root.page-contractverse,:root.page-contractverse *){position:relative;z-index:3;display:inline-flex;gap:0;justify-content:center;margin:0 auto; background:linear-gradient(135deg,var(--wine-soft) 0%,#fff 45%,var(--accent-soft) 100%); border:1px solid var(--wine-line);border-radius:100px;padding:6px;box-shadow:0 18px 40px -22px rgba(120,18,28,.3)}
.journey-badges-wrap:where(:root.page-contractverse,:root.page-contractverse *){display:flex;justify-content:center;margin-bottom:clamp(16px,2vw,28px)}
.journey-badges .jb:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;gap:11px;padding:10px 24px;position:relative}
.journey-badges .jb+.jb:where(:root.page-contractverse,:root.page-contractverse *)::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:26px;background:var(--wine-line)}
.journey-badges .jb-ic:where(:root.page-contractverse,:root.page-contractverse *){width:24px;height:24px;border-radius:50%;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}
.journey-badges .jb-t b:where(:root.page-contractverse,:root.page-contractverse *){font-size:14px;font-weight:700;letter-spacing:-0.01em;display:block;line-height:1.05}
.journey-badges .jb-t span:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.mcontent .mnum:where(:root.page-contractverse,:root.page-contractverse *){font-size:clamp(30px,3.4vw,50px);font-weight:700;letter-spacing:-0.03em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.mcontent .mlbl:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:11px}

/* ============================ PRODUCT EXPLORER ============================ */
.prodx:where(:root.page-contractverse,:root.page-contractverse *){padding-block:clamp(76px,9.5vw,140px);background:#F3F1EE}
.prodx-head:where(:root.page-contractverse,:root.page-contractverse *){text-align:center;margin-bottom:clamp(26px,3.2vw,44px)}
.prodx-head .h-section:where(:root.page-contractverse,:root.page-contractverse *){margin:0 auto;max-width:none;font-size:clamp(24px,3.4vw,42px)}
.prodx-card:where(:root.page-contractverse,:root.page-contractverse *){background:var(--paper);border-radius:28px;padding:clamp(22px,2.8vw,42px)}
.prodx-tabs:where(:root.page-contractverse,:root.page-contractverse *){position:relative;display:flex;flex-wrap:nowrap;gap:clamp(8px,2vw,40px);margin-bottom:clamp(26px,3.2vw,44px)}
.prodx-ind:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;top:0;left:0;height:100%;width:0;border-radius:20px 20px 2px 2px;background:var(--wine-soft);z-index:0;pointer-events:none}
.prodx-tab:where(:root.page-contractverse,:root.page-contractverse *){position:relative;z-index:1;flex:1 1 0;min-width:0;text-align:center;font-size:clamp(15px,1.95vw,31px);font-weight:400;letter-spacing:-0.025em;line-height:1;color:#b7adb0;background:transparent;border:0;padding:clamp(16px,1.8vw,26px) 10px;border-radius:20px 20px 2px 2px;cursor:pointer;transition:color .2s var(--ease),background .2s var(--ease)}
.prodx-tab:hover:where(:root.page-contractverse,:root.page-contractverse *){color:var(--wine)}
.prodx-tab:not(.is-active):hover:where(:root.page-contractverse,:root.page-contractverse *){background:color-mix(in srgb,var(--wine) 6%,transparent)}
.prodx-tab.is-active:where(:root.page-contractverse,:root.page-contractverse *){color:var(--wine);font-weight:700}
.prodx-stage:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-columns:0.82fr 1.18fr;gap:clamp(26px,3.4vw,52px);align-items:center;background:none;border:0;box-shadow:none;padding:0;border-radius:0}
.prodx-info:where(:root.page-contractverse,:root.page-contractverse *){min-width:0;padding-left:clamp(2px,1.2vw,20px)}
.pi-title:where(:root.page-contractverse,:root.page-contractverse *){font-size:clamp(26px,3vw,42px);font-weight:700;letter-spacing:-0.03em;line-height:1.04;margin:0 0 16px;text-wrap:balance}
.pi-desc:where(:root.page-contractverse,:root.page-contractverse *){font-size:16px;color:var(--ink-2);line-height:1.6;max-width:42ch}
.pi-link:where(:root.page-contractverse,:root.page-contractverse *){margin-top:26px}
.pi-link.link-arrow:where(:root.page-contractverse,:root.page-contractverse *){color:var(--wine);border-bottom:0;padding:10px 18px;border-radius:100px;background:transparent;border:1px solid var(--wine-line);transition:background .22s var(--ease),border-color .22s var(--ease),color .22s}
.pi-link.link-arrow:hover:where(:root.page-contractverse,:root.page-contractverse *){background:var(--wine-soft);border-color:var(--wine)}
.pi-link.link-arrow .arr:where(:root.page-contractverse,:root.page-contractverse *){color:var(--wine)}
.prodx-viz:where(:root.page-contractverse,:root.page-contractverse *){position:relative;min-height:360px;border-radius:20px;overflow:visible;padding:0;display:flex;align-items:center;justify-content:center;background:transparent}
.prodx-figstack:where(:root.page-contractverse,:root.page-contractverse *){position:relative;width:100%;aspect-ratio:1536/1024}
.prodx-fig:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(.985);transition:opacity .5s var(--ease),transform .6s var(--ease);pointer-events:none}
.prodx-fig.is-active:where(:root.page-contractverse,:root.page-contractverse *){opacity:1;transform:none}
.prodx-vidframe:where(:root.page-contractverse,:root.page-contractverse *){width:100%;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow-lg)}
.pvf-bar:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;gap:12px;padding:11px 16px;background:var(--paper-2);border-bottom:1px solid var(--line-2)}
.pvf-dots:where(:root.page-contractverse,:root.page-contractverse *){display:flex;gap:6px}
.pvf-dots i:where(:root.page-contractverse,:root.page-contractverse *){width:10px;height:10px;border-radius:50%;background:#d8d5ce;display:block}
.pvf-url:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:11px;color:var(--ink-3);background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:4px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pvf-screen:where(:root.page-contractverse,:root.page-contractverse *){position:relative;aspect-ratio:16/10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background: radial-gradient(120% 120% at 50% 0%, var(--paper-2), var(--paper));overflow:hidden}
.pvf-screen:where(:root.page-contractverse,:root.page-contractverse *)::before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1.1px,transparent 1.1px);background-size:22px 22px;opacity:.5;-webkit-mask-image:radial-gradient(circle at 50% 42%,#000,transparent 70%);mask-image:radial-gradient(circle at 50% 42%,#000,transparent 70%)}
.pvf-play:where(:root.page-contractverse,:root.page-contractverse *){position:relative;z-index:1;width:66px;height:66px;border-radius:50%;background:var(--wine);box-shadow:0 16px 40px -12px rgba(155,27,46,.6);display:grid;place-items:center}
.pvf-play:where(:root.page-contractverse,:root.page-contractverse *)::after{content:"";width:0;height:0;border-left:18px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}
.pvf-cap:where(:root.page-contractverse,:root.page-contractverse *){position:relative;z-index:1;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.prodx-viz:where(:root.page-contractverse,:root.page-contractverse *)::before{content:none}
.viz-panel:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;inset:clamp(20px,2.4vw,34px);opacity:0;visibility:hidden;align-items:center}
.viz-panel.is-active:where(:root.page-contractverse,:root.page-contractverse *){position:relative;inset:auto;width:100%;opacity:1;visibility:visible;display:flex}
.vframe:where(:root.page-contractverse,:root.page-contractverse *){width:100%}
.vmedia:where(:root.page-contractverse,:root.page-contractverse *){position:relative;aspect-ratio:16/9;background:var(--ink);overflow:hidden}
.prodx-vid:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.prodx-shot:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.pv-float:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;z-index:4;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:13px;padding:11px 14px;box-shadow:0 18px 40px -20px rgba(40,8,16,.5)}
.pv-f1:where(:root.page-contractverse,:root.page-contractverse *){left:-16px;top:20%;animation:floatCard 6.5s var(--ease) infinite}
.pv-f2:where(:root.page-contractverse,:root.page-contractverse *){right:-14px;bottom:15%;flex-direction:column;align-items:flex-start;gap:2px;animation:floatCard 7.5s var(--ease) infinite reverse}
.pv-check:where(:root.page-contractverse,:root.page-contractverse *){width:28px;height:28px;border-radius:50%;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;font-weight:700;font-size:13px;flex:none}
.pv-tx b:where(:root.page-contractverse,:root.page-contractverse *),.pv-big:where(:root.page-contractverse,:root.page-contractverse *){font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-0.01em;display:block}
.pv-big:where(:root.page-contractverse,:root.page-contractverse *){font-size:21px}
.pv-tx span:where(:root.page-contractverse,:root.page-contractverse *),.pv-f2 span:where(:root.page-contractverse,:root.page-contractverse *){font-size:11px;color:var(--ink-3)}
.vframe:where(:root.page-contractverse,:root.page-contractverse *){border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper-2);box-shadow:var(--shadow-sm)}
.vbar:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;gap:12px;padding:11px 14px;background:var(--paper);border-bottom:1px solid var(--line-2)}
.vdots:where(:root.page-contractverse,:root.page-contractverse *){display:flex;gap:5px}
.vdots i:where(:root.page-contractverse,:root.page-contractverse *){width:9px;height:9px;border-radius:50%;background:#DAD7D0;display:block}
.vttl:where(:root.page-contractverse,:root.page-contractverse *){font-size:12.5px;font-weight:600;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vlive:where(:root.page-contractverse,:root.page-contractverse *){margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;color:#16804a;flex:none}
.vlive i:where(:root.page-contractverse,:root.page-contractverse *){width:6px;height:6px;border-radius:50%;background:#16a34a;display:block}
.vbody:where(:root.page-contractverse,:root.page-contractverse *){padding:18px;display:flex;flex-direction:column;gap:14px}
.vtop:where(:root.page-contractverse,:root.page-contractverse *){display:flex;gap:16px;align-items:center}
.donut:where(:root.page-contractverse,:root.page-contractverse *){position:relative;width:96px;height:96px;flex:none}
.donut svg:where(:root.page-contractverse,:root.page-contractverse *){width:100%;height:100%;transform:rotate(-90deg)}
.donut .d-bg:where(:root.page-contractverse,:root.page-contractverse *){fill:none;stroke:var(--line);stroke-width:3.4}
.donut .d-fg:where(:root.page-contractverse,:root.page-contractverse *){fill:none;stroke:var(--wine);stroke-width:3.4;stroke-linecap:round;stroke-dasharray:100.5;stroke-dashoffset:100.5}
.donut .d-c:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.donut .d-c b:where(:root.page-contractverse,:root.page-contractverse *){font-size:22px;font-weight:700;letter-spacing:-0.02em}
.donut .d-c i:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:9px;color:var(--ink-3);font-style:normal}
.vtiles:where(:root.page-contractverse,:root.page-contractverse *){display:flex;gap:12px;flex:1}
.vtiles.wide:where(:root.page-contractverse,:root.page-contractverse *){width:100%}
.vtile:where(:root.page-contractverse,:root.page-contractverse *){flex:1;border:1px solid var(--line);border-radius:11px;background:var(--paper);padding:14px 16px}
.vtile b:where(:root.page-contractverse,:root.page-contractverse *){font-size:clamp(20px,2.2vw,26px);font-weight:700;letter-spacing:-0.02em;display:block}
.vtile span:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:6px;display:block}
.vlist:where(:root.page-contractverse,:root.page-contractverse *){display:flex;flex-direction:column;gap:8px}
.vli:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;color:var(--ink-2);background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:9px 12px}
.vli em:where(:root.page-contractverse,:root.page-contractverse *){font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vli-ic:where(:root.page-contractverse,:root.page-contractverse *){width:16px;height:16px;border-radius:4px;background:var(--wine-soft);flex:none}
.vli-tag:where(:root.page-contractverse,:root.page-contractverse *){margin-left:auto;font-size:9px;letter-spacing:.06em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:2px 7px;flex:none}
.vli-tag.ok:where(:root.page-contractverse,:root.page-contractverse *){color:#16804a;border-color:rgba(22,128,74,.3)}
.vpipe:where(:root.page-contractverse,:root.page-contractverse *){display:flex;gap:10px}
.vstage:where(:root.page-contractverse,:root.page-contractverse *){flex:1;border:1px solid var(--line);border-radius:11px;background:var(--paper);padding:13px;text-align:center}
.vstage .vs-n:where(:root.page-contractverse,:root.page-contractverse *){font-size:22px;font-weight:700;letter-spacing:-0.02em;display:block}
.vstage .vs-l:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:5px;display:block}
.vstage.on:where(:root.page-contractverse,:root.page-contractverse *){border-color:var(--wine);background:var(--wine-soft)}
.vchart:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:flex-end;gap:12px;height:92px;padding-top:6px}
.vbarc:where(:root.page-contractverse,:root.page-contractverse *){flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;height:100%}
.vbarc .bf:where(:root.page-contractverse,:root.page-contractverse *){width:100%;border-radius:5px 5px 0 0;background:var(--accent);height:0}
.vbarc .bf.wine:where(:root.page-contractverse,:root.page-contractverse *){background:var(--wine)}
.vbarc i:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:9px;color:var(--ink-3);font-style:normal}
.vfoot:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line-2);padding-top:12px;font-size:13px;color:var(--ink-2)}
.vfoot b:where(:root.page-contractverse,:root.page-contractverse *){color:var(--wine);font-weight:700}
.vflow:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;gap:0}
.vnode:where(:root.page-contractverse,:root.page-contractverse *){flex:none;font-family:var(--font-mono);font-size:11px;color:var(--ink-2);border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:var(--paper)}
.vnode.done:where(:root.page-contractverse,:root.page-contractverse *){color:#16804a;border-color:rgba(22,128,74,.3)}
.vnode.cur:where(:root.page-contractverse,:root.page-contractverse *){color:#fff;background:var(--wine);border-color:var(--wine)}
.vlk:where(:root.page-contractverse,:root.page-contractverse *){flex:1;height:1px;background:var(--line);min-width:12px}
.vseg:where(:root.page-contractverse,:root.page-contractverse *){display:flex;height:30px;border-radius:8px;overflow:hidden;border:1px solid var(--line)}
.vseg .sf:where(:root.page-contractverse,:root.page-contractverse *){height:100%;width:0}
.vseg .sf.a:where(:root.page-contractverse,:root.page-contractverse *){background:var(--wine)}
.vseg .sf.b:where(:root.page-contractverse,:root.page-contractverse *){background:var(--accent)}
.vseg .sf.c:where(:root.page-contractverse,:root.page-contractverse *){background:var(--paper-3)}
.vseg-key:where(:root.page-contractverse,:root.page-contractverse *){display:flex;flex-wrap:wrap;gap:14px;font-family:var(--font-mono);font-size:9.5px;color:var(--ink-2)}
.vseg-key i:where(:root.page-contractverse,:root.page-contractverse *){width:9px;height:9px;border-radius:3px;display:inline-block;margin-right:5px;vertical-align:middle}
.vseg-key i.a:where(:root.page-contractverse,:root.page-contractverse *){background:var(--wine)}
.vseg-key i.b:where(:root.page-contractverse,:root.page-contractverse *){background:var(--accent)}
.vseg-key i.c:where(:root.page-contractverse,:root.page-contractverse *){background:var(--paper-3)}

/* stat band */
.statband:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper)}
.statband .sc:where(:root.page-contractverse,:root.page-contractverse *){padding:clamp(26px,3vw,38px) clamp(18px,2vw,30px);border-right:1px solid var(--line)}
.statband .sc:last-child:where(:root.page-contractverse,:root.page-contractverse *){border-right:0}

/* ============================ ANECDOTES (carousel) ============================ */
.anec-head:where(:root.page-contractverse,:root.page-contractverse *){display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:48px}
.anec-nav:where(:root.page-contractverse,:root.page-contractverse *){display:flex;gap:10px}
.anec-nav button:where(:root.page-contractverse,:root.page-contractverse *){width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);display:grid;place-items:center;transition:.2s}
.anec-nav button:hover:where(:root.page-contractverse,:root.page-contractverse *){border-color:var(--ink);background:var(--paper-2)}
.anec-nav button:disabled:where(:root.page-contractverse,:root.page-contractverse *){opacity:.35;cursor:default}
.anec-track-wrap:where(:root.page-contractverse,:root.page-contractverse *){overflow:hidden;padding-block:6px}
.anec-track:where(:root.page-contractverse,:root.page-contractverse *){display:flex;gap:24px}
.anec-card:where(:root.page-contractverse,:root.page-contractverse *){position:relative;flex:0 0 min(680px,90vw);height:clamp(360px,42vw,460px); border-radius:22px;overflow:hidden;background:var(--ink);isolation:isolate}
.anec-img:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0; transform:scale(1.02);transition:transform .8s var(--ease)}
.anec-card:hover .anec-img:where(:root.page-contractverse,:root.page-contractverse *){transform:scale(1.07)}
.anec-shade:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;inset:0;z-index:1; background:linear-gradient(183deg,rgba(20,16,18,.18) 0%,rgba(20,16,18,0) 26%,rgba(20,16,18,.62) 64%,rgba(20,16,18,.92) 100%)}
.anec-body:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(22px,2.4vw,32px);color:#fff}
.anec-chip:where(:root.page-contractverse,:root.page-contractverse *){align-self:flex-start;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#fff; background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:7px 13px;border-radius:100px}
.anec-bottom h3:where(:root.page-contractverse,:root.page-contractverse *){font-size:clamp(22px,2.2vw,29px);font-weight:700;letter-spacing:-0.025em;line-height:1.08;margin-bottom:12px;text-wrap:balance;max-width:18ch}
.anec-bottom p:where(:root.page-contractverse,:root.page-contractverse *){font-size:15px;line-height:1.55;color:rgba(255,255,255,.82);max-width:46ch;text-wrap:pretty}
.anec-stats:where(:root.page-contractverse,:root.page-contractverse *){display:none}
.anec-link:where(:root.page-contractverse,:root.page-contractverse *){display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-weight:600;font-size:14.5px;color:#fff}
.anec-link .arr:where(:root.page-contractverse,:root.page-contractverse *){transition:transform .25s var(--ease)}
.anec-card:hover .anec-link .arr:where(:root.page-contractverse,:root.page-contractverse *){transform:translateX(4px)}

/* ============================ ECOSYSTEM ============================ */
.eco-head:where(:root.page-contractverse,:root.page-contractverse *){margin-bottom:clamp(48px,6vw,84px)}
.eco-rows:where(:root.page-contractverse,:root.page-contractverse *){display:flex;flex-direction:column;gap:clamp(56px,7vw,110px);margin-bottom:clamp(44px,5vw,72px)}
.eco-row:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-columns:0.82fr 1.18fr;gap:clamp(36px,5vw,80px);align-items:center}
.eco-info:where(:root.page-contractverse,:root.page-contractverse *){min-width:0}
.eco-rowhead:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;gap:13px;margin-bottom:22px}
.eco-num:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--ink-3);letter-spacing:.04em}
.eco-glyph:where(:root.page-contractverse,:root.page-contractverse *){width:44px;height:44px;border-radius:11px;display:grid;place-items:center;font-family:var(--font-mono);font-size:13px;font-weight:600;color:#fff;background:var(--accent);flex:none}
.eco-row[data-k="ts"] .eco-glyph:where(:root.page-contractverse,:root.page-contractverse *){background:var(--accent)}
.eco-row[data-k="cv"] .eco-glyph:where(:root.page-contractverse,:root.page-contractverse *){background:var(--accent)}
.eco-row[data-k="nx"] .eco-glyph:where(:root.page-contractverse,:root.page-contractverse *){background:var(--accent)}
.eco-row[data-k="ck"] .eco-glyph:where(:root.page-contractverse,:root.page-contractverse *){background:var(--accent)}
.eco-badge:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;color:var(--ink-2);border:1px solid var(--line);border-radius:6px;padding:4px 8px;text-transform:uppercase}
.eco-rowhead .eco-badge:where(:root.page-contractverse,:root.page-contractverse *){margin-left:auto}
.eco-name:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--wine);margin-bottom:14px}
.eco-h:where(:root.page-contractverse,:root.page-contractverse *){font-size:clamp(25px,2.9vw,38px);font-weight:700;letter-spacing:-0.03em;line-height:1.04;margin-bottom:18px;text-wrap:balance;max-width:15ch}
.eco-desc:where(:root.page-contractverse,:root.page-contractverse *){font-size:clamp(15px,1.4vw,17px);color:var(--ink-2);line-height:1.6;max-width:46ch;margin-bottom:24px;text-wrap:pretty}
.eco-tags:where(:root.page-contractverse,:root.page-contractverse *){display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.eco-info .link-arrow:where(:root.page-contractverse,:root.page-contractverse *){font-size:15px}

/* product image placeholder (client-provided) */
.eco-media:where(:root.page-contractverse,:root.page-contractverse *){min-width:0}
.media-frame:where(:root.page-contractverse,:root.page-contractverse *){border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper);box-shadow:var(--shadow-md)}
.media-bar:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line-2);background:var(--paper-2)}
.media-bar .md-dots:where(:root.page-contractverse,:root.page-contractverse *){display:flex;gap:6px;flex:none}
.media-bar .md-dots i:where(:root.page-contractverse,:root.page-contractverse *){width:10px;height:10px;border-radius:50%;background:#DAD7D0;display:block}
.media-bar .md-title:where(:root.page-contractverse,:root.page-contractverse *){font-size:13px;font-weight:600;color:var(--ink-2);letter-spacing:-0.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.media-bar .md-tag:where(:root.page-contractverse,:root.page-contractverse *){margin-left:auto;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:3px 7px;flex:none}
.media-body:where(:root.page-contractverse,:root.page-contractverse *){position:relative;aspect-ratio:16/10.5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--paper-2);overflow:hidden}
.media-body:where(:root.page-contractverse,:root.page-contractverse *)::before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1.1px,transparent 1.1px);background-size:22px 22px;opacity:.55;-webkit-mask-image:radial-gradient(circle at 50% 44%,#000,transparent 70%);mask-image:radial-gradient(circle at 50% 44%,#000,transparent 70%)}
.media-icon:where(:root.page-contractverse,:root.page-contractverse *){width:74px;height:74px;border-radius:18px;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow-sm);display:grid;place-items:center;color:var(--ink-3);z-index:1}
.eco-row[data-k="ts"] .media-icon:where(:root.page-contractverse,:root.page-contractverse *){color:var(--accent)}
.eco-row[data-k="cv"] .media-icon:where(:root.page-contractverse,:root.page-contractverse *){color:var(--accent)}
.eco-row[data-k="ck"] .media-icon:where(:root.page-contractverse,:root.page-contractverse *){color:var(--accent)}
.media-cap:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);z-index:1}
.eco-substrate:where(:root.page-contractverse,:root.page-contractverse *){margin-top:0;text-align:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);display:flex;align-items:center;justify-content:center;gap:10px}
.eco-substrate:where(:root.page-contractverse,:root.page-contractverse *)::before,.eco-substrate:where(:root.page-contractverse,:root.page-contractverse *)::after{content:"";height:1px;flex:1;max-width:120px;background:var(--line)}

/* ============================ ENTERPRISE GAP ============================ */
.gap:where(:root.page-contractverse,:root.page-contractverse *){background:var(--paper-2)}
.gap-head:where(:root.page-contractverse,:root.page-contractverse *){max-width:780px;margin-bottom:54px}
.sym-grid:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.sym:where(:root.page-contractverse,:root.page-contractverse *){grid-column:span 2;border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:24px;display:flex;flex-direction:column;transition:.25s var(--ease)}
.sym:nth-child(4):where(:root.page-contractverse,:root.page-contractverse *){grid-column:span 3}
.sym:nth-child(5):where(:root.page-contractverse,:root.page-contractverse *){grid-column:span 3}
.sym:hover:where(:root.page-contractverse,:root.page-contractverse *){box-shadow:var(--shadow-md);transform:translateY(-2px)}
.sym .sk:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--wine);margin-bottom:14px}
.sym h4:where(:root.page-contractverse,:root.page-contractverse *){font-size:17px;font-weight:600;letter-spacing:-0.015em;margin-bottom:9px}
.sym p:where(:root.page-contractverse,:root.page-contractverse *){font-size:13.5px;color:var(--ink-2);line-height:1.5;margin-bottom:18px}
.sym .sviz:where(:root.page-contractverse,:root.page-contractverse *){margin-top:auto;display:flex;flex-direction:column;gap:6px}
.faux-line:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:6px;padding:6px 9px}
.faux-line .t:where(:root.page-contractverse,:root.page-contractverse *){margin-left:auto;color:var(--ink-3)}
.faux-line.bad:where(:root.page-contractverse,:root.page-contractverse *){color:var(--wine);border-color:var(--wine-line);background:var(--wine-soft)}
.gap-answer:where(:root.page-contractverse,:root.page-contractverse *){margin-top:30px;border:1px solid var(--ink);border-radius:18px;background:var(--ink);color:#fff;padding:clamp(32px,4vw,52px);display:grid;grid-template-columns:1.4fr 1fr;gap:36px;align-items:center}
.gap-answer .ga-k:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:18px;display:flex;align-items:center;gap:9px}
.gap-answer .ga-k:where(:root.page-contractverse,:root.page-contractverse *)::before{content:"";width:7px;height:7px;border-radius:2px;background:var(--wine)}
.gap-answer h3:where(:root.page-contractverse,:root.page-contractverse *){font-size:clamp(24px,2.8vw,36px);font-weight:700;letter-spacing:-0.025em;line-height:1.05;text-wrap:balance}
.gap-answer p:where(:root.page-contractverse,:root.page-contractverse *){color:rgba(255,255,255,.72);font-size:15.5px;line-height:1.6;margin-top:18px;max-width:52ch}
.gap-answer .ga-cta:where(:root.page-contractverse,:root.page-contractverse *){display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.btn-wine-ghost:where(:root.page-contractverse,:root.page-contractverse *){background:transparent;color:#fff;border:1px solid rgba(255,255,255,.28)}
.btn-wine-ghost:hover:where(:root.page-contractverse,:root.page-contractverse *){background:rgba(255,255,255,.08);border-color:#fff}

/* ============================ ARCHITECTURE (callout) ============================ */
.archx-callout:where(:root.page-contractverse,:root.page-contractverse *){position:relative;border:1px solid rgba(255,255,255,.18);border-radius:32px;padding:clamp(32px,4.5vw,64px);overflow:hidden; background: radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,.12), transparent 60%), linear-gradient(165deg,#B23a4a 0%,#8E1B2C 52%,#67121F 100%); color:#fff; box-shadow:0 40px 90px -46px rgba(70,18,28,.7), 0 0 0 7px rgba(155,27,46,.08)}
.archx-top:where(:root.page-contractverse,:root.page-contractverse *){position:relative;z-index:1;display:grid;grid-template-columns:42% 1fr;gap:clamp(28px,3.5vw,56px);align-items:center}
.archx-callout:where(:root.page-contractverse,:root.page-contractverse *)::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none; background-image:radial-gradient(circle, rgba(255,255,255,.14) 1.2px, transparent 1.2px);background-size:26px 26px;opacity:.6}
.archx-left:where(:root.page-contractverse,:root.page-contractverse *),.archx-right:where(:root.page-contractverse,:root.page-contractverse *){position:relative;z-index:1}
.archx-left .kicker:where(:root.page-contractverse,:root.page-contractverse *){display:block;margin-bottom:18px;color:rgba(255,255,255,.6)}
.archx-left .kicker:where(:root.page-contractverse,:root.page-contractverse *)::before{background:#fff}
.archx-title:where(:root.page-contractverse,:root.page-contractverse *){font-size:clamp(26px,3.2vw,42px);font-weight:700;letter-spacing:-0.03em;line-height:1.04;text-wrap:balance;margin-bottom:18px;color:#fff}
.archx-lede:where(:root.page-contractverse,:root.page-contractverse *){font-size:clamp(16px,1.55vw,19px);color:rgba(255,255,255,.8);line-height:1.6;max-width:42ch;margin-bottom:28px}
.archx-cta:where(:root.page-contractverse,:root.page-contractverse *){border-radius:100px;background:#fff;color:var(--wine-deep)}
.archx-cta:hover:where(:root.page-contractverse,:root.page-contractverse *){background:#fff;transform:translateY(-2px);box-shadow:0 16px 36px -14px rgba(0,0,0,.45)}

/* diagram placeholder — client to provide */
.archx-diagram--ph:where(:root.page-contractverse,:root.page-contractverse *){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px; min-height:clamp(220px,24vw,300px);border:1.5px dashed rgba(255,255,255,.3);border-radius:18px; background:rgba(255,255,255,.05);text-align:center;padding:30px}
.axd-ph-ic:where(:root.page-contractverse,:root.page-contractverse *){width:60px;height:60px;border-radius:15px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;color:#fff}
.archx-diagram--ph b:where(:root.page-contractverse,:root.page-contractverse *){font-size:16px;font-weight:700;color:#fff;letter-spacing:-0.01em}
.axd-ph-sub:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.axd-col:where(:root.page-contractverse,:root.page-contractverse *){display:flex;flex-direction:column;gap:8px;align-items:stretch;min-width:0}
.axd-lbl:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:4px;text-align:center}
.axd-flow span:where(:root.page-contractverse,:root.page-contractverse *){width:18px;height:2px;border-radius:2px;background:rgba(255,255,255,.3)}
.axd-flow span:nth-child(2):where(:root.page-contractverse,:root.page-contractverse *){width:24px;background:rgba(255,255,255,.6)}
.axd-chip:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--ink-2);background:var(--paper);border:1px solid rgba(20,16,22,.05);border-radius:9px;padding:9px 12px;text-align:center;box-shadow:0 12px 28px -16px rgba(42,30,48,.4)}
.axd-chip.wine:where(:root.page-contractverse,:root.page-contractverse *){color:var(--wine);border-color:var(--wine-line);background:var(--wine-soft)}
.axd-flow:where(:root.page-contractverse,:root.page-contractverse *){display:flex;flex-direction:column;gap:4px;flex:none}
.axd-flow span:where(:root.page-contractverse,:root.page-contractverse *){width:18px;height:2px;border-radius:2px;background:var(--wine-line)}
.axd-flow span:nth-child(2):where(:root.page-contractverse,:root.page-contractverse *){width:24px;background:var(--wine)}
.axd-core:where(:root.page-contractverse,:root.page-contractverse *){background:var(--paper);border:1px solid var(--wine-line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-md);min-width:148px}
.axd-core-top:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;justify-content:space-between;padding:2px 4px 8px;border-bottom:1px solid var(--line-2)}
.axd-core-top b:where(:root.page-contractverse,:root.page-contractverse *){font-size:13px;font-weight:700;letter-spacing:-0.01em;white-space:nowrap}
.axd-core-v:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:9px;color:var(--wine)}
.axd-layer:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:10.5px;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:7px;padding:7px 10px;transition:.2s var(--ease)}
.axd-layer:hover:where(:root.page-contractverse,:root.page-contractverse *){background:var(--wine-soft);border-color:var(--wine-line);color:var(--wine)}

/* capability list inside callout — borderless angled cards */
.caplist:where(:root.page-contractverse,:root.page-contractverse *){position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px);margin-top:clamp(34px,4vw,52px);padding-top:8px}
.capx:where(:root.page-contractverse,:root.page-contractverse *){display:flex;gap:13px;align-items:flex-start;position:relative; background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.05)); -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px); border:0;border-radius:16px;padding:22px 22px 24px;overflow:hidden; box-shadow:0 16px 36px -22px rgba(20,6,10,.6);transition:transform .3s var(--ease)}
.capx:hover:where(:root.page-contractverse,:root.page-contractverse *){transform:translateY(-2px)}
.capx:where(:root.page-contractverse,:root.page-contractverse *)::before{display:none}
.capx :is(h3,h4):where(:root.page-contractverse,:root.page-contractverse *){font-size:15.5px;font-weight:700;letter-spacing:-0.015em;margin-bottom:7px;color:#fff}
.capx p:where(:root.page-contractverse,:root.page-contractverse *){font-size:13.5px;color:rgba(255,255,255,.74);line-height:1.55}
.arch-cols:where(:root.page-contractverse,:root.page-contractverse *){position:relative;display:grid;grid-template-columns:1fr auto 1.5fr;gap:0;align-items:stretch}
.arch-sys:where(:root.page-contractverse,:root.page-contractverse *){padding:clamp(26px,3vw,40px);border-right:1px solid var(--line)}
.arch-colhead:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:20px;display:flex;align-items:center;gap:8px}
.sys-node:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper-2);margin-bottom:10px;transition:.25s var(--ease)}
.sys-node:hover:where(:root.page-contractverse,:root.page-contractverse *){border-color:var(--accent-line);background:var(--accent-soft)}
.sys-node .sn-g:where(:root.page-contractverse,:root.page-contractverse *){width:30px;height:30px;border-radius:7px;background:var(--paper);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:9px;font-weight:600;color:var(--ink-2);flex:none}
.sys-node .sn-t b:where(:root.page-contractverse,:root.page-contractverse *){font-size:13.5px;font-weight:600;display:block}
.sys-node .sn-t span:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:9.5px;color:var(--ink-3);letter-spacing:.02em}
.arch-flow:where(:root.page-contractverse,:root.page-contractverse *){width:74px;position:relative;display:grid;place-items:center}
.arch-flow .flowlbl:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}
.arch-core:where(:root.page-contractverse,:root.page-contractverse *){padding:clamp(26px,3vw,40px);background:linear-gradient(180deg,var(--wine-soft),var(--paper) 70%)}
.core-card:where(:root.page-contractverse,:root.page-contractverse *){border:1px solid var(--wine-line);border-radius:14px;background:var(--paper);box-shadow:var(--shadow-md);overflow:hidden}
.core-top:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line-2)}
.core-top .ct-t:where(:root.page-contractverse,:root.page-contractverse *){font-size:16px;font-weight:700;letter-spacing:-0.02em}
.core-top .ct-v:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:10px;color:var(--ink-3)}
.core-layers:where(:root.page-contractverse,:root.page-contractverse *){padding:14px}
.layer:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:9px;margin-bottom:6px;transition:.25s var(--ease);border:1px solid transparent}
.layer:hover:where(:root.page-contractverse,:root.page-contractverse *){background:var(--wine-soft);border-color:var(--wine-line)}
.layer .ly-n:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:10px;color:var(--wine);font-weight:600;width:26px;flex:none}
.layer .ly-t b:where(:root.page-contractverse,:root.page-contractverse *){font-size:14px;font-weight:600;display:block;letter-spacing:-0.01em}
.layer .ly-t span:where(:root.page-contractverse,:root.page-contractverse *){font-size:12px;color:var(--ink-3)}
.core-out:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}
.out-card:where(:root.page-contractverse,:root.page-contractverse *){border:1px solid var(--line);border-radius:11px;padding:15px;background:var(--paper)}
.out-card .oc-k:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:9px}
.out-card b:where(:root.page-contractverse,:root.page-contractverse *){font-size:14px;font-weight:600;display:block;letter-spacing:-0.01em;margin-bottom:5px}
.out-card span:where(:root.page-contractverse,:root.page-contractverse *){font-size:12px;color:var(--ink-3);line-height:1.4}

/* capability strip below diagram */
.cap-grid:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:22px}
.cap:where(:root.page-contractverse,:root.page-contractverse *){background:var(--paper);padding:26px 24px}
.cap .cn:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:10px;color:var(--wine);margin-bottom:14px}
.cap h4:where(:root.page-contractverse,:root.page-contractverse *){font-size:16px;font-weight:600;letter-spacing:-0.015em;margin-bottom:9px}
.cap p:where(:root.page-contractverse,:root.page-contractverse *){font-size:13.5px;color:var(--ink-2);line-height:1.5;margin-bottom:14px}
.cap .ctags:where(:root.page-contractverse,:root.page-contractverse *){display:flex;flex-wrap:wrap;gap:6px}
.ctag:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:3px 7px;text-transform:uppercase;white-space:nowrap}

/* flow timeline */

/* ============================ LOOP CIRCUIT (decision flow) ============================ */
.loopx:where(:root.page-contractverse,:root.page-contractverse *){position:relative;margin-top:clamp(56px,7vw,104px);padding:0;background:none;border:0}
.loopx-head:where(:root.page-contractverse,:root.page-contractverse *){max-width:820px;margin:0 auto clamp(20px,2.4vw,34px);text-align:center}
.loopx-title:where(:root.page-contractverse,:root.page-contractverse *){margin:0 auto;text-wrap:balance}
.loopx-sub:where(:root.page-contractverse,:root.page-contractverse *){margin:14px auto 0;font-size:clamp(14.5px,1.4vw,17px);color:var(--ink-2);line-height:1.55;max-width:56ch;text-wrap:pretty}
.loopx-stage:where(:root.page-contractverse,:root.page-contractverse *){position:relative;margin:0 auto}
.sigx:where(:root.page-contractverse,:root.page-contractverse *){position:relative;aspect-ratio:1000/300;max-width:1180px;margin:64px auto;overflow:visible}
.sig-svg:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sig-base:where(:root.page-contractverse,:root.page-contractverse *){fill:none;stroke:#D8D4CD;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.sig-accent path:where(:root.page-contractverse,:root.page-contractverse *){fill:none;stroke:var(--wine);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.5}
.sig-ink:where(:root.page-contractverse,:root.page-contractverse *){fill:none;stroke:var(--wine);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 6px rgba(155,27,46,.28))}
.sig-pegs:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;inset:0;z-index:2;pointer-events:none}
.sig-peg:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:#fff;border:2px solid #D8D4CD;box-shadow:0 4px 10px -3px rgba(40,20,26,.3);transition:.35s var(--ease)}
.sig-peg.lit:where(:root.page-contractverse,:root.page-contractverse *){border-color:var(--wine);background:var(--wine);box-shadow:0 0 0 4px rgba(155,27,46,.16),0 6px 14px -4px rgba(155,27,46,.5)}
.sig-stem:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;width:1.6px;margin-left:-0.8px;background:linear-gradient(var(--wine),rgba(155,27,46,.12));transform-origin:top;z-index:2;opacity:.35;transition:opacity .35s var(--ease)}
.sig-stem.lit:where(:root.page-contractverse,:root.page-contractverse *){opacity:1}
.loopx-steps:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;inset:0;z-index:3}
.lxstep:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:clamp(126px,12vw,156px);text-align:left; background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:11px 13px;box-shadow:0 12px 28px -14px rgba(40,20,26,.26);transition:border-color .35s var(--ease),box-shadow .35s var(--ease),background .35s}
.lxstep.above:where(:root.page-contractverse,:root.page-contractverse *){transform:translate(-50%,calc(-100% - 13px))}
.lxstep.below:where(:root.page-contractverse,:root.page-contractverse *){transform:translate(-50%,13px)}
.lxstep .lxs-dot:where(:root.page-contractverse,:root.page-contractverse *){width:22px;height:22px;border-radius:7px;background:var(--paper-2);border:1.5px solid var(--line);display:grid;place-items:center;transition:.35s var(--ease);flex:none;position:relative}
.lxstep .lxs-dot:where(:root.page-contractverse,:root.page-contractverse *)::after{content:"";width:7px;height:4px;border-left:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);transform:rotate(-45deg) translateY(-1px);transition:.35s}
.lxstep b:where(:root.page-contractverse,:root.page-contractverse *){font-size:13px;font-weight:700;letter-spacing:-0.01em;color:var(--ink);transition:color .35s;line-height:1.12}
.lxstep .lxs-sub:where(:root.page-contractverse,:root.page-contractverse *){font-size:10.5px;line-height:1.32;color:var(--ink-3);transition:color .35s;text-wrap:pretty}
.lxstep.lit:where(:root.page-contractverse,:root.page-contractverse *){border-color:var(--wine);box-shadow:0 16px 34px -12px rgba(155,27,46,.4);z-index:6}
.lxstep.lit .lxs-dot:where(:root.page-contractverse,:root.page-contractverse *){border-color:var(--wine);background:var(--wine)}
.lxstep.lit .lxs-dot:where(:root.page-contractverse,:root.page-contractverse *)::after{border-color:#fff}
.lxstep.lit .lxs-sub:where(:root.page-contractverse,:root.page-contractverse *){color:var(--ink-2)}
.loopx-comet:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;left:0;top:0;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;z-index:5; background:radial-gradient(circle,#fff 0%,var(--wine) 55%,rgba(155,27,46,0) 72%); box-shadow:0 0 16px 4px rgba(155,27,46,.7),0 0 5px 1px #fff;pointer-events:none}

/* ============================ INDUSTRY FIT ============================ */
.ind-head:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end;margin-bottom:48px}
.ind-tabswrap:where(:root.page-contractverse,:root.page-contractverse *){position:relative;display:flex;align-items:center;gap:12px;margin-bottom:34px}
.ind-arrow:where(:root.page-contractverse,:root.page-contractverse *){flex:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:20px;line-height:1;display:grid;place-items:center;transition:.2s var(--ease);box-shadow:var(--shadow-sm)}
.ind-arrow:hover:where(:root.page-contractverse,:root.page-contractverse *){border-color:var(--ink);background:var(--paper-2)}
.ind-arrow:disabled:where(:root.page-contractverse,:root.page-contractverse *){opacity:.3;cursor:default;box-shadow:none}
.ind-tabs:where(:root.page-contractverse,:root.page-contractverse *){flex:1 1 auto;min-width:0;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:6px 4px}
.ind-tabs:where(:root.page-contractverse,:root.page-contractverse *)::-webkit-scrollbar{display:none}
.ind-tab:where(:root.page-contractverse,:root.page-contractverse *){flex:none;white-space:nowrap;font-size:14px;font-weight:600;color:#9a9098;padding:9px 18px;border:1px dashed #c7bcc0;border-radius:100px;background:transparent;transition:color .2s,border-color .2s,background .2s}
.ind-tab:hover:where(:root.page-contractverse,:root.page-contractverse *){color:var(--wine);border-color:var(--wine-line)}
.ind-tab.is-active:where(:root.page-contractverse,:root.page-contractverse *){background:var(--wine-soft);color:var(--wine);border-style:solid;border-color:var(--wine)}

/* view-all industries */
.ind-morerow:where(:root.page-contractverse,:root.page-contractverse *){display:flex;justify-content:center;margin:-18px 0 30px}
.ind-more:where(:root.page-contractverse,:root.page-contractverse *){flex:none;white-space:nowrap;font-size:14px;font-weight:600;color:var(--wine);padding:11px 22px;border:1px solid var(--wine);border-radius:100px;background:var(--wine-soft);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.2s var(--ease)}
transition:.2s var(--ease)} .ind-more:hover:where(:root.page-contractverse,:root.page-contractverse *){background:var(--wine);color:#fff}
.ind-more .im-ic:where(:root.page-contractverse,:root.page-contractverse *){font-size:10px;transition:transform .25s var(--ease)}
.ind-more[aria-expanded="true"] .im-ic:where(:root.page-contractverse,:root.page-contractverse *){transform:rotate(180deg)}
.ind-allwrap:where(:root.page-contractverse,:root.page-contractverse *){margin:-14px 0 34px;border:1px solid var(--line);border-radius:20px;background:var(--paper);padding:clamp(20px,2.4vw,30px);box-shadow:var(--shadow-md)}
.ind-all-head:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.ind-all-close:where(:root.page-contractverse,:root.page-contractverse *){width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;font-size:13px;transition:.2s}
.ind-all-close:hover:where(:root.page-contractverse,:root.page-contractverse *){border-color:var(--ink);background:var(--paper-2)}
.ind-allgrid:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ind-allgrid button:where(:root.page-contractverse,:root.page-contractverse *){text-align:left;font-size:14px;font-weight:600;color:var(--ink-2);padding:13px 16px;border:1px dashed var(--line);border-radius:12px;background:transparent;cursor:pointer;transition:.18s var(--ease)}
.ind-allgrid button:hover:where(:root.page-contractverse,:root.page-contractverse *){color:var(--wine);border-color:var(--wine-line);background:var(--wine-soft)}
.ind-allgrid button.is-active:where(:root.page-contractverse,:root.page-contractverse *){color:var(--wine);border-style:solid;border-color:var(--wine);background:var(--wine-soft)}
.ind-tab:where(:root.page-contractverse,:root.page-contractverse *){flex:none;white-space:nowrap;font-size:14px;font-weight:600;color:#9a9098;padding:9px 18px;border:1px dashed #c7bcc0;border-radius:100px;background:transparent;cursor:pointer;transition:color .2s,border-color .2s,background .2s}
.ind-panel:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(24px,3vw,48px);align-items:stretch; border:1px solid var(--line);border-radius:24px;background:var(--paper);padding:clamp(18px,1.8vw,26px);min-height:400px}
.ind-media:where(:root.page-contractverse,:root.page-contractverse *){border-radius:16px;overflow:hidden;background:var(--paper-3);min-height:300px}
.ind-media img:where(:root.page-contractverse,:root.page-contractverse *){width:100%;height:100%;object-fit:cover;display:block}
.ind-content:where(:root.page-contractverse,:root.page-contractverse *){display:flex;flex-direction:column;padding:clamp(8px,1vw,16px) clamp(8px,1.4vw,22px) clamp(8px,1vw,16px) 0}
.ind-toprow:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;justify-content:space-between;gap:16px}
.ind-brand:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;gap:12px}
.ind-glyph:where(:root.page-contractverse,:root.page-contractverse *){width:38px;height:38px;border-radius:10px;background:var(--wine);color:#fff;display:grid;place-items:center;font-weight:700;font-size:16px;flex:none}
.ind-brand b:where(:root.page-contractverse,:root.page-contractverse *){font-size:17px;font-weight:700;letter-spacing:-0.02em;color:var(--ink)}
.ind-counter:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.ind-counter i:where(:root.page-contractverse,:root.page-contractverse *){width:24px;height:1px;background:var(--line);display:inline-block}
.ind-div:where(:root.page-contractverse,:root.page-contractverse *){border:0;border-top:1px solid var(--line);margin:clamp(18px,2vw,26px) 0}
.ind-cols:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,44px);flex:1}
.ind-cA:where(:root.page-contractverse,:root.page-contractverse *){display:flex;flex-direction:column}
.ind-cA h3:where(:root.page-contractverse,:root.page-contractverse *){font-size:clamp(22px,2.4vw,32px);font-weight:700;letter-spacing:-0.03em;line-height:1.08;text-wrap:balance}
.ind-sub:where(:root.page-contractverse,:root.page-contractverse *){font-size:13px;font-weight:500;color:var(--ink-3);margin-top:14px;letter-spacing:-0.005em}
.ind-learn:where(:root.page-contractverse,:root.page-contractverse *){margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15px;color:var(--wine);width:fit-content;padding:10px 18px;border-radius:100px;background:transparent;border:1px solid var(--wine-line);transition:background .22s var(--ease),border-color .22s var(--ease),color .22s}
.ind-learn span:where(:root.page-contractverse,:root.page-contractverse *){transition:transform .25s var(--ease)}
.ind-learn:hover:where(:root.page-contractverse,:root.page-contractverse *){color:var(--wine);background:var(--wine-soft);border-color:var(--wine)}
.ind-learn:hover span:where(:root.page-contractverse,:root.page-contractverse *){transform:translateX(4px)}
.ind-cB:where(:root.page-contractverse,:root.page-contractverse *){display:flex;flex-direction:column}
.ind-cB p:where(:root.page-contractverse,:root.page-contractverse *){font-size:15px;color:var(--ink-2);line-height:1.6}
.ind-rep:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;gap:13px;margin-top:auto;padding-top:24px}
.ind-rep-img:where(:root.page-contractverse,:root.page-contractverse *){width:60px;height:60px;border-radius:12px;object-fit:cover;flex:none;background:var(--paper-3)}
.ind-rep-t b:where(:root.page-contractverse,:root.page-contractverse *){font-size:15px;font-weight:700;letter-spacing:-0.01em;display:block;color:var(--ink)}
.ind-rep-t span:where(:root.page-contractverse,:root.page-contractverse *){font-size:12.5px;color:var(--ink-3);margin-top:2px;display:block}

/* ============================ REASONS (bento) ============================ */
.why-bento:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"a b c" "a d d";gap:16px}
.why-a:where(:root.page-contractverse,:root.page-contractverse *){grid-area:a}
.why-b:where(:root.page-contractverse,:root.page-contractverse *){grid-area:b}
.why-c:where(:root.page-contractverse,:root.page-contractverse *){grid-area:c}
.why-d:where(:root.page-contractverse,:root.page-contractverse *){grid-area:d}
.why-card:where(:root.page-contractverse,:root.page-contractverse *){position:relative;border:1px solid var(--line);border-radius:20px;padding:clamp(24px,2.3vw,34px);background:var(--paper);display:flex;flex-direction:column;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
.why-card:hover:where(:root.page-contractverse,:root.page-contractverse *){transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--ink)}
.why-icon:where(:root.page-contractverse,:root.page-contractverse *){width:48px;height:48px;border-radius:13px;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;flex:none;margin-bottom:22px}
.why-card h3:where(:root.page-contractverse,:root.page-contractverse *){font-size:clamp(19px,2vw,24px);font-weight:700;letter-spacing:-0.02em;margin-bottom:12px}
.why-card p:where(:root.page-contractverse,:root.page-contractverse *){font-size:15px;color:var(--ink-2);line-height:1.6;margin-bottom:18px}
.why-card .wtags:where(:root.page-contractverse,:root.page-contractverse *){display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}

/* feature card */
.why-feat:where(:root.page-contractverse,:root.page-contractverse *){background:linear-gradient(158deg,#B23a4a 0%,#8E1B2C 52%,#67121F 100%);border-color:transparent;color:#fff;justify-content:space-between;overflow:hidden}
.why-feat:where(:root.page-contractverse,:root.page-contractverse *)::after{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.26);pointer-events:none;animation:spinCW 26s linear infinite}
.why-feat:where(:root.page-contractverse,:root.page-contractverse *)::before{content:"";position:absolute;right:-110px;top:-110px;width:340px;height:340px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.16);pointer-events:none;animation:spinCCW 34s linear infinite}
html[data-motion="off"] .why-feat:where(:root.page-contractverse,:root.page-contractverse *)::before,html[data-motion="off"] .why-feat:where(:root.page-contractverse,:root.page-contractverse *)::after{animation:none}
.wf-top:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:1}
.wf-kick:where(:root.page-contractverse,:root.page-contractverse *){margin-top:10px}
.why-icon.wi-light:where(:root.page-contractverse,:root.page-contractverse *){background:rgba(255,255,255,.16);color:#fff;margin-bottom:0}
.wf-kick:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.wf-body:where(:root.page-contractverse,:root.page-contractverse *){position:relative;z-index:1;margin-top:auto;padding-top:40px}
.wf-num:where(:root.page-contractverse,:root.page-contractverse *){font-size:clamp(48px,5.4vw,76px);font-weight:700;letter-spacing:-0.04em;line-height:.9}
.wf-num span:where(:root.page-contractverse,:root.page-contractverse *){font-size:.32em;font-weight:600;letter-spacing:-0.01em;color:rgba(255,255,255,.7)}
.why-feat h3:where(:root.page-contractverse,:root.page-contractverse *){margin:18px 0 12px;font-size:clamp(22px,2.2vw,27px)}
.why-feat p:where(:root.page-contractverse,:root.page-contractverse *){color:rgba(255,255,255,.78);max-width:38ch}
.ctag.onwine:where(:root.page-contractverse,:root.page-contractverse *){color:#fff;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.08)}

/* wide card d */
.why-d-in:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-top:auto;width:100%}
.why-d-stat:where(:root.page-contractverse,:root.page-contractverse *){flex:none;text-align:right}
.why-d-stat b:where(:root.page-contractverse,:root.page-contractverse *){font-size:clamp(34px,3.6vw,52px);font-weight:700;letter-spacing:-0.03em;color:var(--wine);line-height:1;display:block}
.why-d-stat span:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:6px;display:block}
.why-d p:where(:root.page-contractverse,:root.page-contractverse *){margin-bottom:0;max-width:52ch}

/* ============================ INTEGRATIONS (core + dual marquee) ============================ */
.intg:where(:root.page-contractverse,:root.page-contractverse *){background:#F3F1EE}
#industries:where(:root.page-contractverse,:root.page-contractverse *){padding-bottom:0}
.intg-head:where(:root.page-contractverse,:root.page-contractverse *){margin-bottom:40px;max-width:920px}
.intg-stage:where(:root.page-contractverse,:root.page-contractverse *){position:relative;border:0;border-radius:24px;background:var(--paper);overflow:hidden;padding:clamp(28px,3.4vw,48px) 0 clamp(18px,2.2vw,30px)}
.intg-dots:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1.2px,transparent 1.2px);background-size:22px 22px; -webkit-mask-image:radial-gradient(circle at 50% 22%,#000 0%,#000 60%,transparent 92%);mask-image:radial-gradient(circle at 50% 22%,#000 0%,#000 60%,transparent 92%);opacity:.7}

/* core at top */
.intg-core2.intg-core-top:where(:root.page-contractverse,:root.page-contractverse *),#intgCore.intg-core-top:where(:root.page-contractverse,:root.page-contractverse *){position:relative;left:auto;top:auto;transform:none;margin:0 auto;z-index:3}

/* general connection: stem from core → rail, with a packet that splits left/right */
.intg-conn:where(:root.page-contractverse,:root.page-contractverse *){position:relative;z-index:2;height:clamp(48px,5.4vw,72px);margin:0 auto clamp(8px,1.2vw,16px);width:82%;pointer-events:none}
.intg-conn .ic-stem:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;left:50%;top:0;transform:translateX(-50%);width:1.5px;height:62%;background:linear-gradient(180deg,var(--wine),var(--wine-line))}
.intg-conn .ic-rail:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;left:0;right:0;top:62%;height:1.5px;background:linear-gradient(90deg,transparent,var(--wine-line) 10%,var(--wine-line) 90%,transparent)}
.intg-conn .ic-pkt:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;width:7px;height:7px;border-radius:50%;background:var(--wine);box-shadow:0 0 9px 1px rgba(155,27,46,.55)}
.intg-conn .ic-down:where(:root.page-contractverse,:root.page-contractverse *){left:50%;top:0;transform:translate(-50%,-50%);animation:icDown 2.6s linear infinite}
.intg-conn .ic-left:where(:root.page-contractverse,:root.page-contractverse *){left:50%;top:62%;transform:translate(-50%,-50%);animation:icLeft 2.6s ease-in-out infinite}
.intg-conn .ic-right:where(:root.page-contractverse,:root.page-contractverse *){left:50%;top:62%;transform:translate(-50%,-50%);animation:icRight 2.6s ease-in-out infinite}
html[data-motion="off"] .intg-conn .ic-pkt:where(:root.page-contractverse,:root.page-contractverse *){animation:none;opacity:0}

/* single marquee */
.intg-rows:where(:root.page-contractverse,:root.page-contractverse *){position:relative;z-index:2;display:flex;flex-direction:column;gap:clamp(14px,1.6vw,20px)}
.intg-mrow:where(:root.page-contractverse,:root.page-contractverse *){overflow:hidden;padding-block:clamp(12px,1.4vw,18px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.intg-mtrack:where(:root.page-contractverse,:root.page-contractverse *){display:flex;gap:clamp(16px,1.8vw,24px);width:max-content;animation:intgMarq 34s linear infinite}
.intg-mrow:hover .intg-mtrack:where(:root.page-contractverse,:root.page-contractverse *){animation-play-state:paused}
html[data-motion="off"] .intg-mtrack:where(:root.page-contractverse,:root.page-contractverse *){animation:none}
.intg-chip:where(:root.page-contractverse,:root.page-contractverse *){flex:none;display:flex;align-items:center;gap:14px;white-space:nowrap;min-width:clamp(248px,24vw,320px); background:#fff;border:1px solid rgba(20,16,22,.04);border-radius:18px;padding:16px 30px 16px 16px; box-shadow:0 3px 8px rgba(30,22,40,.07),0 8px 18px -10px rgba(30,22,40,.16)}
.intg-chip .ig:where(:root.page-contractverse,:root.page-contractverse *){width:46px;height:46px;border-radius:13px;background:linear-gradient(160deg,#fff,#f4f2ee);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--ink-2);flex:none}
.intg-chip .ig img:where(:root.page-contractverse,:root.page-contractverse *){width:60%;height:60%;object-fit:contain}
.intg-chip .io-t b:where(:root.page-contractverse,:root.page-contractverse *){display:block;font-size:15px;font-weight:600;letter-spacing:-0.01em;color:var(--ink)}
.intg-chip .io-t span:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:3px;display:block}

/* center core */
.intg-core2:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3; width:min(248px,48%);text-align:center;border-radius:22px;padding:26px 24px 22px; background: radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,.14), transparent 60%), linear-gradient(165deg,#B23a4a 0%,#8E1B2C 52%,#67121F 100%); color:#fff;border:1px solid rgba(255,255,255,.18); box-shadow:0 30px 70px -26px rgba(70,18,28,.65), 0 0 0 7px rgba(155,27,46,.10)}
.intg-core2 .ic-ring:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);border-radius:24px;border:1px solid rgba(255,255,255,.3);pointer-events:none;animation:corePulse 3.4s var(--ease) infinite}
.intg-core2 .ic-mark:where(:root.page-contractverse,:root.page-contractverse *){width:54px;height:54px;border-radius:14px;background:#fff;display:grid;place-items:center;margin:0 auto 14px;box-shadow:0 10px 24px -10px rgba(0,0,0,.4)}
.intg-core2 .ic-mark img:where(:root.page-contractverse,:root.page-contractverse *){width:38px;height:38px;object-fit:contain}
.intg-core2 b:where(:root.page-contractverse,:root.page-contractverse *){display:block;font-size:16.5px;font-weight:700;letter-spacing:-0.02em}
.intg-core2 .ic-sub:where(:root.page-contractverse,:root.page-contractverse *){display:block;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.04em;color:rgba(255,255,255,.72);margin-top:9px;line-height:1.5}
.intg-core2 .ic-live:where(:root.page-contractverse,:root.page-contractverse *){display:inline-flex;align-items:center;gap:7px;margin-top:16px;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:100px;padding:5px 11px}
.intg-core2 .ic-live i:where(:root.page-contractverse,:root.page-contractverse *){width:6px;height:6px;border-radius:50%;background:#7CFFB0;box-shadow:0 0 0 0 rgba(124,255,176,.6);animation:livePulse 2.2s infinite}

/* orbit nodes */
.intg-orbit:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:2; display:flex;align-items:center;gap:12px;white-space:nowrap; background:var(--paper);border:1px solid rgba(20,16,22,.05);border-radius:15px;padding:12px 17px 12px 12px; box-shadow:0 18px 40px -20px rgba(42,30,48,.30), 0 4px 12px -6px rgba(42,30,48,.12); transition:box-shadow .25s var(--ease)}
.intg-orbit:hover:where(:root.page-contractverse,:root.page-contractverse *){box-shadow:0 26px 56px -22px rgba(42,30,48,.42), 0 6px 16px -8px rgba(42,30,48,.16);z-index:4}
.intg-orbit .ig:where(:root.page-contractverse,:root.page-contractverse *){width:42px;height:42px;border-radius:12px;background:linear-gradient(160deg,var(--paper),var(--paper-2));border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--ink-2);flex:none;box-shadow:inset 0 1px 0 #fff;overflow:hidden}
.intg-orbit .ig img:where(:root.page-contractverse,:root.page-contractverse *){width:62%;height:62%;object-fit:contain}
.intg-orbit .io-t b:where(:root.page-contractverse,:root.page-contractverse *){display:block;font-size:14px;font-weight:600;letter-spacing:-0.01em;color:var(--ink)}
.intg-orbit .io-t span:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:2px;display:block}

/* stats band — modern cards */
.intg-stats:where(:root.page-contractverse,:root.page-contractverse *){display:flex;justify-content:center;margin-top:6px}
.istat:where(:root.page-contractverse,:root.page-contractverse *){background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:20px 30px;display:flex;flex-direction:row;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center}
ar(--ease):where(:root.page-contractverse,:root.page-contractverse *),transform .25s var(--ease)} .istat:hover:where(:root.page-contractverse,:root.page-contractverse *){box-shadow:var(--shadow-md);transform:translateY(-2px)}
.istat .is-n:where(:root.page-contractverse,:root.page-contractverse *){font-size:clamp(28px,3.2vw,42px);font-weight:700;letter-spacing:-0.03em;line-height:1;color:var(--wine)}
.istat .is-l:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:10px}
.istat .is-langs:where(:root.page-contractverse,:root.page-contractverse *){display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.istat .is-langs span:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:10px;color:var(--ink-2);border:1px solid var(--line);border-radius:6px;padding:4px 8px;background:var(--paper-2)}
.istat:first-child:where(:root.page-contractverse,:root.page-contractverse *){background:linear-gradient(160deg,var(--wine-soft),var(--paper) 70%);border-color:var(--wine-line)}
.istat:first-child .is-l:where(:root.page-contractverse,:root.page-contractverse *){color:var(--wine)}

/* ============================ TESTIMONIALS (bento) ============================ */
.test-head:where(:root.page-contractverse,:root.page-contractverse *){text-align:center;max-width:680px;margin:0 auto 40px}
.test-head .eyebrow:where(:root.page-contractverse,:root.page-contractverse *){margin-bottom:18px}
.test-head .h-section:where(:root.page-contractverse,:root.page-contractverse *){margin:0 auto}
.test-head .lede:where(:root.page-contractverse,:root.page-contractverse *){margin:20px auto 0;text-align:center}
.test-bento:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-columns:repeat(3,1fr); grid-template-areas: "a c f" "a d g" "b e g"; gap:18px}
.tb-a:where(:root.page-contractverse,:root.page-contractverse *){grid-area:a}
.tb-b:where(:root.page-contractverse,:root.page-contractverse *){grid-area:b}
.tb-c:where(:root.page-contractverse,:root.page-contractverse *){grid-area:c}
.tb-d:where(:root.page-contractverse,:root.page-contractverse *){grid-area:d}
.tb-e:where(:root.page-contractverse,:root.page-contractverse *){grid-area:e}
.tb-f:where(:root.page-contractverse,:root.page-contractverse *){grid-area:f}
.tb-g:where(:root.page-contractverse,:root.page-contractverse *){grid-area:g}
.tcard:where(:root.page-contractverse,:root.page-contractverse *){position:relative;border:1px solid var(--line);border-radius:18px;background:var(--paper); padding:clamp(24px,2.2vw,32px);display:flex;flex-direction:column;overflow:hidden; transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
.tcard:hover:where(:root.page-contractverse,:root.page-contractverse *){transform:translateY(-3px);box-shadow:var(--shadow-md)}
.tcard .tq:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;right:18px;bottom:-6px;font-family:var(--font-sans);font-weight:700; font-size:104px;line-height:1;color:var(--line);pointer-events:none;user-select:none}
.tcard blockquote:where(:root.page-contractverse,:root.page-contractverse *){position:relative;z-index:1;font-size:15.5px;line-height:1.6;letter-spacing:-0.01em;color:var(--ink);text-wrap:pretty}
.tcard .who:where(:root.page-contractverse,:root.page-contractverse *){position:relative;z-index:1;display:flex;align-items:center;gap:12px;margin-top:22px}
.tcard .av:where(:root.page-contractverse,:root.page-contractverse *){width:46px;height:46px;border-radius:50%;flex:none;object-fit:cover;background:var(--paper-3)}
.tcard .who b:where(:root.page-contractverse,:root.page-contractverse *){font-size:14.5px;font-weight:700;display:block;letter-spacing:-0.01em}
.tcard .who span:where(:root.page-contractverse,:root.page-contractverse *){font-size:12.5px;color:var(--ink-3);margin-top:2px;display:block;line-height:1.35}

/* featured */
.tcard--feat:where(:root.page-contractverse,:root.page-contractverse *){padding:clamp(28px,2.7vw,40px)}
.tcard--feat .stars:where(:root.page-contractverse,:root.page-contractverse *){position:relative;z-index:1;font-size:15px;letter-spacing:3px;margin-bottom:24px}
.tcard--feat blockquote:where(:root.page-contractverse,:root.page-contractverse *){font-size:clamp(17px,1.45vw,20px);line-height:1.5;font-weight:500}
.tcard--feat .who:where(:root.page-contractverse,:root.page-contractverse *){margin-top:auto;padding-top:28px}
.tcard--feat .tq:where(:root.page-contractverse,:root.page-contractverse *){right:24px;top:8px;bottom:auto;font-size:128px}
.tcard--dark:where(:root.page-contractverse,:root.page-contractverse *){background:#F3F1EE;border:1px solid var(--line)}
.tcard--dark blockquote:where(:root.page-contractverse,:root.page-contractverse *),.tcard--dark .who b:where(:root.page-contractverse,:root.page-contractverse *){color:var(--ink)}
.tcard--dark .who span:where(:root.page-contractverse,:root.page-contractverse *){color:var(--ink-3)}
.tcard--dark .stars:where(:root.page-contractverse,:root.page-contractverse *){color:var(--wine)}
.tcard--dark .tq:where(:root.page-contractverse,:root.page-contractverse *){color:rgba(20,16,22,.06)}
.tcard--wine:where(:root.page-contractverse,:root.page-contractverse *){background:linear-gradient(155deg,#A6333E 0%,#7C1623 58%,#5E1020 100%);border-color:transparent}
.tcard--wine blockquote:where(:root.page-contractverse,:root.page-contractverse *),.tcard--wine .who b:where(:root.page-contractverse,:root.page-contractverse *){color:#fff}
.tcard--wine .who span:where(:root.page-contractverse,:root.page-contractverse *){color:rgba(255,255,255,.72)}
.tcard--wine .stars:where(:root.page-contractverse,:root.page-contractverse *){color:#fff}
.tcard--wine .tq:where(:root.page-contractverse,:root.page-contractverse *){color:rgba(255,255,255,.13)}
.tcard--wine .av:where(:root.page-contractverse,:root.page-contractverse *){box-shadow:0 0 0 2px rgba(255,255,255,.28)}
.tcard--dark .av:where(:root.page-contractverse,:root.page-contractverse *){box-shadow:0 0 0 2px rgba(20,16,22,.1)}

/* ============================ FINAL CTA ============================ */
.cta:where(:root.page-contractverse,:root.page-contractverse *){position:relative;background:linear-gradient(165deg,#4E0C18 0%,#6E1320 22%,#9B1B2E 50%,#BF3A40 74%,#E08763 100%);color:#fff;overflow:hidden;border-radius:0;isolation:isolate}
.cta:where(:root.page-contractverse,:root.page-contractverse *)::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background: radial-gradient(75% 55% at 18% 8%, rgba(255,210,190,.40) 0%, transparent 55%), radial-gradient(80% 70% at 92% 30%, rgba(120,12,24,.65) 0%, transparent 60%), radial-gradient(90% 80% at 50% 120%, rgba(50,6,14,.7) 0%, transparent 62%)}
.cta-noise:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.85;mix-blend-mode:soft-light; background-image: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='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:150px 150px}
.cta canvas:where(:root.page-contractverse,:root.page-contractverse *){display:none}
.cta-in:where(:root.page-contractverse,:root.page-contractverse *){position:relative;z-index:2;text-align:center;max-width:1200px;margin:0 auto;padding-block:clamp(60px,7.5vw,100px) clamp(40px,5vw,64px)}
.cta-logo:where(:root.page-contractverse,:root.page-contractverse *){display:inline-grid;place-items:center;width:104px;height:104px;border-radius:26px;margin-bottom:34px; background:linear-gradient(155deg,#ffffff 0%,#efece5 100%); box-shadow:0 2px 1px rgba(255,255,255,.95) inset, 0 -6px 14px rgba(120,18,28,.18) inset, 0 5px 10px rgba(255,255,255,.5) inset, 0 26px 54px -16px rgba(35,5,10,.7)}
.cta-logo img:where(:root.page-contractverse,:root.page-contractverse *){width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 2px 1px rgba(255,255,255,.9)) drop-shadow(0 -1px 1px rgba(120,18,28,.25))}
.cta h2:where(:root.page-contractverse,:root.page-contractverse *){font-size:clamp(26px,3.2vw,42px);text-align:center;font-weight:700;letter-spacing:-0.035em;line-height:1.02;text-wrap:balance;max-width:none;margin:0 auto}
.cta h2 em:where(:root.page-contractverse,:root.page-contractverse *){font-style:normal;color:#fff}
.cta-btns:where(:root.page-contractverse,:root.page-contractverse *){display:flex;gap:14px;justify-content:center;margin-top:32px;flex-wrap:wrap}
.cta .btn-wine:where(:root.page-contractverse,:root.page-contractverse *){box-shadow:0 16px 44px -16px rgba(0,0,0,.55)}
.cta .btn-wine:hover:where(:root.page-contractverse,:root.page-contractverse *){transform:translateY(-2px);box-shadow:0 22px 54px -16px rgba(0,0,0,.6)}
.cta-btns .btn:where(:root.page-contractverse,:root.page-contractverse *){border-radius:100px}
.btn-onwine:where(:root.page-contractverse,:root.page-contractverse *){background:#fff;color:var(--wine-deep)}
.btn-onwine:hover:where(:root.page-contractverse,:root.page-contractverse *){background:#fff;transform:translateY(-2px);box-shadow:0 18px 40px -16px rgba(0,0,0,.5)}
.cta-assure:where(:root.page-contractverse,:root.page-contractverse *){display:flex;justify-content:center;gap:14px 28px;flex-wrap:wrap;margin-top:30px}
.cta-assure span:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:rgba(255,255,255,.82);display:inline-flex;align-items:center;gap:8px}
.cta-assure span:where(:root.page-contractverse,:root.page-contractverse *)::before{content:"\2192";color:#fff;opacity:.7;font-size:13px}

/* product screenshot — top 30% peeking at the bottom */
.cta-shot:where(:root.page-contractverse,:root.page-contractverse *){position:relative;z-index:2;width:min(var(--maxw),calc(100% - var(--gut)*2));margin:0 auto;border-radius:16px 16px 0 0;overflow:hidden; border:1px solid rgba(255,255,255,.22);border-bottom:0; box-shadow:0 -10px 60px -20px rgba(40,6,12,.6), 0 30px 80px -30px rgba(0,0,0,.5);background:#fff}
.cta-shot-bar:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;gap:12px;padding:11px 16px;background:#faf9f7;border-bottom:1px solid #ececec}
.cta-shot-bar .csb-dots:where(:root.page-contractverse,:root.page-contractverse *){display:flex;gap:6px}
.cta-shot-bar .csb-dots i:where(:root.page-contractverse,:root.page-contractverse *){width:10px;height:10px;border-radius:50%;background:#d8d5ce;display:block}
.cta-shot-bar .csb-url:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:11px;color:#9a9a95;background:#fff;border:1px solid #ececec;border-radius:7px;padding:4px 12px}
.cta-shot img:where(:root.page-contractverse,:root.page-contractverse *){display:block;width:100%;height:clamp(128px,17.6vw,208px);object-fit:cover;object-position:top center}

/* footer brand block */
.foot-lead:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-columns:1.5fr 1fr;gap:40px;padding-bottom:48px;margin-bottom:48px;border-bottom:1px solid var(--line)}
.foot-lead p:where(:root.page-contractverse,:root.page-contractverse *){font-size:15px;color:var(--ink-2);line-height:1.65;max-width:60ch}
.foot-mission:where(:root.page-contractverse,:root.page-contractverse *){border-left:2px solid var(--wine);padding-left:20px}
.foot-mission span:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);display:block;margin-bottom:10px}
.foot-mission p:where(:root.page-contractverse,:root.page-contractverse *){font-size:15px;color:var(--ink);font-weight:500}
.foot-badges:where(:root.page-contractverse,:root.page-contractverse *){display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.foot-bottom:where(:root.page-contractverse,:root.page-contractverse *){display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:48px;padding-top:28px;border-top:1px solid var(--line);flex-wrap:wrap}
.foot-bottom .copy:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:11px;color:var(--ink-3);letter-spacing:.02em}

/* representative deployments strip */
.deploy-strip:where(:root.page-contractverse,:root.page-contractverse *){margin-top:8px}
.deploy-head:where(:root.page-contractverse,:root.page-contractverse *){display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.deploy-grid:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.dep:where(:root.page-contractverse,:root.page-contractverse *){background:var(--paper-2);padding:16px 18px}
.dep .dk:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}
.dep b:where(:root.page-contractverse,:root.page-contractverse *){font-size:13.5px;font-weight:600;display:block;letter-spacing:-0.01em}
.dep span:where(:root.page-contractverse,:root.page-contractverse *){font-size:12px;color:var(--ink-2)}

/* ============================================================================
   PREMIUM SAAS POLISH — updated page only
   ========================================================================== */
:root:where(:root.page-contractverse,:root.page-contractverse *){--shadow-sm:0 1px 2px rgba(34,18,22,.05), 0 1px 1px rgba(34,18,22,.03); --shadow-md:0 24px 64px -34px rgba(46,18,26,.30), 0 8px 22px -16px rgba(46,18,26,.16); --shadow-lg:0 64px 140px -58px rgba(52,20,30,.42), 0 26px 54px -36px rgba(46,18,26,.20)}

/* seamless warm seam where the red hero fades into the white page */
.ecolog:where(:root.page-contractverse,:root.page-contractverse *){background:linear-gradient(180deg,#FFF7F4 0%, #ffffff 72%)}

/* a faint circular-language motif shared by key sections */
.section--tight:where(:root.page-contractverse,:root.page-contractverse *),.cta:where(:root.page-contractverse,:root.page-contractverse *){position:relative}
.section--tight:where(:root.page-contractverse,:root.page-contractverse *)::before{content:"";position:absolute;left:50%;top:50%;width:760px;height:760px; transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:0; background:radial-gradient(circle, color-mix(in srgb,var(--wine) 7%,transparent), transparent 64%)}
.section--tight .wrap:where(:root.page-contractverse,:root.page-contractverse *){position:relative;z-index:1}

/* usage-metrics band — elevated, premium */
.statband:where(:root.page-contractverse,:root.page-contractverse *){border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-md);overflow:hidden; background: radial-gradient(130% 180% at 8% -50%, var(--wine-soft), transparent 58%), radial-gradient(130% 180% at 96% -50%, var(--accent-soft), transparent 58%), var(--paper)}
.statband .sc:where(:root.page-contractverse,:root.page-contractverse *){transition:background .25s var(--ease)}
.statband .sc:hover:where(:root.page-contractverse,:root.page-contractverse *){background:rgba(255,255,255,.6)}
.statband .stat-num:where(:root.page-contractverse,:root.page-contractverse *){color:var(--wine)}

/* premium container radii + softer card depth across the page */
.eco-card:where(:root.page-contractverse,:root.page-contractverse *),.anec-card:where(:root.page-contractverse,:root.page-contractverse *),.tcard:where(:root.page-contractverse,:root.page-contractverse *),.ind-panel:where(:root.page-contractverse,:root.page-contractverse *),.intg-net:where(:root.page-contractverse,:root.page-contractverse *),.why-grid:where(:root.page-contractverse,:root.page-contractverse *),.arch-diagram:where(:root.page-contractverse,:root.page-contractverse *),.gap-answer:where(:root.page-contractverse,:root.page-contractverse *),.media-frame:where(:root.page-contractverse,:root.page-contractverse *){border-radius:20px}
.tcard:hover:where(:root.page-contractverse,:root.page-contractverse *),.eco-card:hover:where(:root.page-contractverse,:root.page-contractverse *){box-shadow:var(--shadow-lg)}
.tcard--dark:hover:where(:root.page-contractverse,:root.page-contractverse *),.tcard--wine:hover:where(:root.page-contractverse,:root.page-contractverse *){box-shadow:var(--shadow-lg)}

/* circular motif echo behind final CTA */
.cta-in:where(:root.page-contractverse,:root.page-contractverse *){position:relative;z-index:2}

/* refined eyebrow accent — premium */
.eyebrow:where(:root.page-contractverse,:root.page-contractverse *)::before{box-shadow:0 0 0 4px var(--wine-soft)}

/* floating-pill nav: center wide mega panels to the viewport so centered
   nav links never push them off-screen; keep narrow menus on their trigger */
.nav-mega:where(:root.page-contractverse,:root.page-contractverse *){position:fixed;left:50%;top:84px;right:auto; transform:translateX(-50%) translateY(8px) scale(.99);transform-origin:top center; width:min(860px,calc(100vw - 40px))}
.nav-mega.nav-mega--cards:where(:root.page-contractverse,:root.page-contractverse *){width:min(680px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons:where(:root.page-contractverse,:root.page-contractverse *){width:min(660px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons.nav-mega--sol:where(:root.page-contractverse,:root.page-contractverse *){width:min(740px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons.has-3:where(:root.page-contractverse,:root.page-contractverse *){width:min(820px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons.nav-mega--res:where(:root.page-contractverse,:root.page-contractverse *){width:min(860px,calc(100vw - 40px))}
.nav-item:hover .nav-mega:where(:root.page-contractverse,:root.page-contractverse *),.nav-item:focus-within .nav-mega:where(:root.page-contractverse,:root.page-contractverse *){transform:translateX(-50%) translateY(0) scale(1)}
.nav-mega:where(:root.page-contractverse,:root.page-contractverse *)::before{left:0;right:0;top:-28px;height:28px}
.nav.is-stuck .nav-mega:where(:root.page-contractverse,:root.page-contractverse *){top:74px}

/* nav CTA buttons → pill to match the bar */
.nav-cta .btn:where(:root.page-contractverse,:root.page-contractverse *){border-radius:100px}
.nav-cta .btn-ghost:where(:root.page-contractverse,:root.page-contractverse *){border-color:var(--line)}

/* ============================ FOOTER (Avoora-style) ============================ */
.foot:where(:root.page-contractverse,:root.page-contractverse *){background:var(--paper);border-top:1px solid var(--line);padding:0 0 32px}
.foot .wrap:where(:root.page-contractverse,:root.page-contractverse *){position:relative}

/* image marquee */
.foot-marquee:where(:root.page-contractverse,:root.page-contractverse *){overflow:hidden;padding:clamp(28px,3.4vw,46px) 0 clamp(20px,2.4vw,30px); -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent); mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.fm-track:where(:root.page-contractverse,:root.page-contractverse *){display:flex;gap:16px;width:max-content;animation:fmScroll 48s linear infinite}
.foot-marquee:hover .fm-track:where(:root.page-contractverse,:root.page-contractverse *){animation-play-state:paused}
html[data-motion="off"] .fm-track:where(:root.page-contractverse,:root.page-contractverse *){animation:none}
.fm-tile:where(:root.page-contractverse,:root.page-contractverse *){margin:0;flex:none;width:clamp(112px,11vw,150px)}
.fm-tile img:where(:root.page-contractverse,:root.page-contractverse *){width:100%;aspect-ratio:5/6;object-fit:cover;border-radius:14px;background:var(--paper-3); filter:grayscale(.1);transition:transform .4s var(--ease),filter .4s}
.fm-tile:hover img:where(:root.page-contractverse,:root.page-contractverse *){transform:translateY(-4px);filter:none}
.fm-tile figcaption:where(:root.page-contractverse,:root.page-contractverse *){display:none}

/* menu cards */
.foot-cards:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:clamp(28px,3vw,44px)}
.foot-card:where(:root.page-contractverse,:root.page-contractverse *){border:0;border-radius:18px;padding:clamp(22px,2vw,30px);background:linear-gradient(180deg,var(--wine-soft) 0%,var(--paper) 64%);transition:box-shadow .25s var(--ease),transform .25s var(--ease)}
.foot-card:hover:where(:root.page-contractverse,:root.page-contractverse *){box-shadow:var(--shadow-md);transform:translateY(-2px)}
.foot-card :is(h3,h4):where(:root.page-contractverse,:root.page-contractverse *){font-size:18px;font-weight:700;letter-spacing:-0.02em;color:var(--ink);margin-bottom:14px;font-family:var(--font-sans);text-transform:none}
.foot-links:where(:root.page-contractverse,:root.page-contractverse *){list-style:none;display:flex;flex-direction:column}
.foot-links li:where(:root.page-contractverse,:root.page-contractverse *){border-top:1px solid var(--wine-line)}
.foot-links li:first-child:where(:root.page-contractverse,:root.page-contractverse *){border-top:0}
.foot-links a:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 2px;font-size:14.5px;font-weight:500;color:var(--ink-2);transition:color .18s var(--ease),padding .18s var(--ease)}
.foot-links a:hover:where(:root.page-contractverse,:root.page-contractverse *){color:var(--wine);padding-left:6px}
.foot-viewall:where(:root.page-contractverse,:root.page-contractverse *){color:var(--wine)!important;font-weight:600}
.foot-card:where(:root.page-contractverse,:root.page-contractverse *){position:relative}
.foot-card:has(.foot-va:hover):where(:root.page-contractverse,:root.page-contractverse *),.foot-card:has(.foot-va:focus-within):where(:root.page-contractverse,:root.page-contractverse *){z-index:40}
.foot-va:where(:root.page-contractverse,:root.page-contractverse *){display:block;margin-top:14px}
.foot-viewall:where(:root.page-contractverse,:root.page-contractverse *){cursor:pointer;display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--wine)}
.foot-viewall .va-arr:where(:root.page-contractverse,:root.page-contractverse *){transition:transform .2s var(--ease)}
.foot-va:hover .va-arr:where(:root.page-contractverse,:root.page-contractverse *),.foot-va:focus-within .va-arr:where(:root.page-contractverse,:root.page-contractverse *){transform:translateX(3px)}
.foot-va-pop:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;left:0;bottom:0;z-index:30;width:min(560px,140%); display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:14px;border-radius:16px;background:var(--paper);border:1px solid var(--line); box-shadow:0 30px 60px -22px rgba(20,16,22,.45),0 8px 20px -10px rgba(20,16,22,.2); opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s}
.foot-va:hover .foot-va-pop:where(:root.page-contractverse,:root.page-contractverse *),.foot-va:focus-within .foot-va-pop:where(:root.page-contractverse,:root.page-contractverse *){opacity:1;visibility:visible;transform:translateY(0)}
.foot-va-pop a:where(:root.page-contractverse,:root.page-contractverse *){display:block;padding:9px 12px;border-radius:9px;font-size:13px;font-weight:500;color:var(--ink-2);transition:background .16s,color .16s}
.foot-va-pop a:hover:where(:root.page-contractverse,:root.page-contractverse *){background:var(--wine-soft);color:var(--wine)}
.foot-h4row:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.foot-h4row .foot-viewall:where(:root.page-contractverse,:root.page-contractverse *){font-size:12px;font-weight:600;text-transform:none;letter-spacing:0}
.fl-arr:where(:root.page-contractverse,:root.page-contractverse *){color:var(--ink-3);font-size:16px;transition:transform .18s var(--ease),color .18s}
.foot-links a:hover .fl-arr:where(:root.page-contractverse,:root.page-contractverse *){color:var(--wine);transform:translateX(3px)}

/* bottom bar */
.foot-bottom:where(:root.page-contractverse,:root.page-contractverse *){display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap; margin-top:clamp(30px,3.4vw,48px);padding:24px 0;border-top:1px solid var(--line)}
.foot-bottom .copy:where(:root.page-contractverse,:root.page-contractverse *){font-size:13px;color:var(--ink-3);letter-spacing:.01em}
.foot-top:where(:root.page-contractverse,:root.page-contractverse *){display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-family:var(--font-mono)}
.foot-top .ft-ic:where(:root.page-contractverse,:root.page-contractverse *){width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:var(--wine);color:#fff;font-size:14px;transition:transform .2s var(--ease)}
.foot-top:hover .ft-ic:where(:root.page-contractverse,:root.page-contractverse *){transform:translateY(-3px)}

/* back-to-top → logo */
.foot-right:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;gap:clamp(14px,1.6vw,22px)}
.foot-social:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;gap:10px}
.foot-social a:where(:root.page-contractverse,:root.page-contractverse *){width:54px;height:54px;border-radius:50%;background:var(--wine-soft);display:grid;place-items:center;color:var(--wine);transition:color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease)}
.foot-social a:hover:where(:root.page-contractverse,:root.page-contractverse *){color:#fff;background:var(--wine);transform:translateY(-2px)}
.foot-social svg:where(:root.page-contractverse,:root.page-contractverse *){width:20px;height:20px;fill:currentColor}
.foot-sep:where(:root.page-contractverse,:root.page-contractverse *){width:1px;height:38px;background:var(--line);flex:none}
.foot-logo:where(:root.page-contractverse,:root.page-contractverse *){display:inline-flex;align-items:center;transition:transform .2s var(--ease)}
.foot-logo img:where(:root.page-contractverse,:root.page-contractverse *){height:52px;width:auto;object-fit:contain}
.foot-logo:hover:where(:root.page-contractverse,:root.page-contractverse *){transform:translateY(-3px)}

/* giant wordmark with people video */
.foot-wordmark:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;gap:clamp(20px,3vw,48px);margin-top:clamp(22px,2.6vw,40px);padding-bottom:clamp(16px,2.4vw,40px)}
.fw-img:where(:root.page-contractverse,:root.page-contractverse *){position:relative;flex:none;width:clamp(120px,14vw,188px);aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:var(--paper-3);display:block;cursor:pointer}
.fw-img video:where(:root.page-contractverse,:root.page-contractverse *),.fw-img img:where(:root.page-contractverse,:root.page-contractverse *){width:100%;height:100%;object-fit:cover;display:block}
.fw-ig:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;color:#fff; background:linear-gradient(160deg,rgba(193,53,132,.55),rgba(131,58,180,.5) 55%,rgba(253,170,90,.45)); opacity:0;transition:opacity .28s var(--ease)}
.fw-ig svg:where(:root.page-contractverse,:root.page-contractverse *){transform:scale(.8);transition:transform .28s var(--ease);filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}
.fw-img:hover .fw-ig:where(:root.page-contractverse,:root.page-contractverse *){opacity:1}
.fw-img:hover .fw-ig svg:where(:root.page-contractverse,:root.page-contractverse *){transform:scale(1)}
.fw-text:where(:root.page-contractverse,:root.page-contractverse *){font-weight:900;line-height:.92;letter-spacing:0.005em;color:#D8D3CC; font-size:clamp(60px,16.6vw,250px);white-space:nowrap;padding-bottom:0.1em;flex:1;text-align:right}

/* touch 1781880837256 */

/* floating Academic Transcripts pill (bottom-left) */
.et-float:where(:root.page-contractverse,:root.page-contractverse *){position:fixed;right:22px;left:auto;bottom:22px;z-index:120;display:inline-flex;flex-direction:row-reverse;align-items:center;gap:0; height:60px;width:60px;padding:8px;border-radius:100px;overflow:hidden; background:#fff;box-shadow:0 14px 34px -12px rgba(20,16,22,.34),0 4px 12px -6px rgba(20,16,22,.2); border:1px solid var(--line);text-decoration:none;white-space:nowrap; transition:width .34s var(--ease),box-shadow .34s var(--ease)}
.et-float .et-ic:where(:root.page-contractverse,:root.page-contractverse *){width:44px;height:44px;border-radius:50%;flex:none;display:grid;place-items:center;overflow:hidden}
.et-float .et-ic img:where(:root.page-contractverse,:root.page-contractverse *){width:100%;height:100%;object-fit:contain;display:block}
.et-float .et-tx:where(:root.page-contractverse,:root.page-contractverse *){font-size:14px;font-weight:700;color:var(--wine);letter-spacing:-0.01em;opacity:0; padding:0 6px 0 14px;transition:opacity .28s var(--ease) .06s}
.et-float:hover:where(:root.page-contractverse,:root.page-contractverse *){width:250px;box-shadow:0 20px 44px -14px rgba(20,16,22,.42)}
.et-float:hover .et-tx:where(:root.page-contractverse,:root.page-contractverse *){opacity:1}
.brand .mark .seal:where(:root.page-contractverse,:root.page-contractverse *){fill:var(--wine)}
.eco-glyph:where(:root.page-contractverse,:root.page-contractverse *),.intg-core .ic-mark:where(:root.page-contractverse,:root.page-contractverse *),.ind-flowcard .ifn:where(:root.page-contractverse,:root.page-contractverse *){transition:background .3s var(--ease)}

/* ---------- TRUESigner ONE product page ---------- */
.tsh:where(:root.page-contractverse,:root.page-contractverse *){position:relative;isolation:isolate;overflow:visible;min-height:clamp(400px,46vw,560px);padding:clamp(150px,15vw,190px) 0 clamp(118px,12vw,152px);background-image: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='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E"),linear-gradient(180deg,#6E101D 0%,#8C1729 46%,#A82C43 100%)}
.tsh-rings:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;left:50%;top:8%;width:min(1500px,132vw);aspect-ratio:1;transform:translateX(-50%);z-index:-1;pointer-events:none}
.tsh-rings span:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;inset:0;border-radius:50%;border:1px dashed rgba(255,255,255,.22)}
.tsh-rings span:nth-child(2):where(:root.page-contractverse,:root.page-contractverse *){inset:13%;border-color:rgba(255,255,255,.16)}
.tsh-rings span:nth-child(3):where(:root.page-contractverse,:root.page-contractverse *){inset:26%;border-color:rgba(255,255,255,.12)}
.tsh-rings span:nth-child(1):where(:root.page-contractverse,:root.page-contractverse *){animation:tsSpin 90s linear infinite}
.tsh-rings span:nth-child(3):where(:root.page-contractverse,:root.page-contractverse *){animation:tsSpin 70s linear infinite reverse}
.tsh-in:where(:root.page-contractverse,:root.page-contractverse *){position:relative;text-align:center;color:#fff;max-width:1000px;margin-inline:auto}
.tsh-eyebrow:where(:root.page-contractverse,:root.page-contractverse *){display:inline-flex;align-items:center;gap:10px;padding:7px 16px 7px 13px;border-radius:100px;border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.10);backdrop-filter:blur(6px);font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.94)}
.tsh-eyebrow b:where(:root.page-contractverse,:root.page-contractverse *){width:6px;height:6px;border-radius:50%;background:#fff;display:block}
.tsh h1:where(:root.page-contractverse,:root.page-contractverse *){margin:20px 0 0;font-size:clamp(34px,4.3vw,56px);line-height:1.06;padding-bottom:.08em;letter-spacing:-.035em;font-weight:700;text-wrap:balance}
.tsh h1 em:where(:root.page-contractverse,:root.page-contractverse *){font-style:normal;color:#F6C6CE}
.tsh-sub:where(:root.page-contractverse,:root.page-contractverse *){margin:22px auto 0;max-width:780px;font-size:clamp(15px,1.35vw,18px);line-height:1.6;color:rgba(255,255,255,.84)}
.tsh-cta:where(:root.page-contractverse,:root.page-contractverse *){display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.tsh-mail:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.34);border-radius:100px;padding:5px 5px 5px 20px;backdrop-filter:blur(8px)}
.tsh-mail input:where(:root.page-contractverse,:root.page-contractverse *){background:none;border:0;outline:0;color:#fff;font-family:inherit;font-size:14.5px;width:min(240px,42vw)}
.tsh-mail input:where(:root.page-contractverse,:root.page-contractverse *)::placeholder{color:rgba(255,255,255,.66)}
.tsh-mail button:where(:root.page-contractverse,:root.page-contractverse *){border:0;border-radius:100px;background:#fff;color:var(--wine);font-family:inherit;font-weight:700;font-size:14px;padding:11px 20px;cursor:pointer;transition:.2s var(--ease)}
.tsh-mail button:hover:where(:root.page-contractverse,:root.page-contractverse *){background:#F6C6CE}
.tsh-legal:where(:root.page-contractverse,:root.page-contractverse *){display:flex;gap:26px;justify-content:center;flex-wrap:wrap;margin-top:26px;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.tsh-legal span:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;gap:8px}
.tsh-legal span:where(:root.page-contractverse,:root.page-contractverse *)::before{content:"";width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.6)}

/* hero signing mock */
.tsm:where(:root.page-contractverse,:root.page-contractverse *){position:relative;z-index:2;max-width:1240px;margin:clamp(-110px,-11vw,-160px) auto 0;border-radius:26px;background:#fff;box-shadow:none;overflow:hidden;border:1px solid var(--line)}
.tsm-bar:where(:root.page-contractverse,:root.page-contractverse *){position:relative;display:flex;align-items:center;gap:9px;padding:12px 16px;border-bottom:1px solid var(--line-2);background:var(--paper-2)}
.tsm-bar i:where(:root.page-contractverse,:root.page-contractverse *){width:9px;height:9px;border-radius:50%;background:#E3DFD8;display:block}
.tsm-bar b:where(:root.page-contractverse,:root.page-contractverse *){margin-left:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-weight:500}
.tsm-body:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-columns:1fr 290px;min-height:330px}
.tsm-doc:where(:root.page-contractverse,:root.page-contractverse *){padding:30px 34px;border-right:1px solid var(--line-2);position:relative}
.tsm-doc h5:where(:root.page-contractverse,:root.page-contractverse *){margin:0 0 4px;font-size:16px;font-weight:700;letter-spacing:-.02em}
.tsm-doc p.k:where(:root.page-contractverse,:root.page-contractverse *){margin:0 0 20px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.tsm-lines:where(:root.page-contractverse,:root.page-contractverse *){display:flex;flex-direction:column;gap:9px}
.tsm-lines i:where(:root.page-contractverse,:root.page-contractverse *){height:7px;border-radius:4px;background:var(--paper-3);display:block}
.tsm-lines i:nth-child(2):where(:root.page-contractverse,:root.page-contractverse *){width:92%}
.tsm-lines i:nth-child(3):where(:root.page-contractverse,:root.page-contractverse *){width:78%}
.tsm-lines i:nth-child(5):where(:root.page-contractverse,:root.page-contractverse *){width:64%}
.tsm-lines i:nth-child(6):where(:root.page-contractverse,:root.page-contractverse *){width:86%}
.tsm-sigs:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.tsm-sig:where(:root.page-contractverse,:root.page-contractverse *){border:1px dashed var(--wine-line);border-radius:10px;padding:12px 14px;min-height:66px;display:flex;flex-direction:column;justify-content:space-between;transition:.4s var(--ease);background:#fff}
.tsm-sig .lbl:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.tsm-sig .ink:where(:root.page-contractverse,:root.page-contractverse *){height:20px;opacity:0;transform:translateY(4px);transition:.5s var(--ease)}
.tsm-sig .ink svg:where(:root.page-contractverse,:root.page-contractverse *){height:20px;width:auto;display:block}
.tsm-sig .ink path:where(:root.page-contractverse,:root.page-contractverse *){fill:none;stroke:var(--wine);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200}
.tsm-sig.on:where(:root.page-contractverse,:root.page-contractverse *){border-style:solid;border-color:var(--wine);box-shadow:0 10px 26px -18px var(--wine)}
.tsm-sig.on .ink:where(:root.page-contractverse,:root.page-contractverse *){opacity:1;transform:none}
.tsm-sig.on .ink path:where(:root.page-contractverse,:root.page-contractverse *){animation:tsInk .9s var(--ease) forwards}
.tsm-side:where(:root.page-contractverse,:root.page-contractverse *){padding:26px 22px;background:var(--paper-2)}
.tsm-side h6:where(:root.page-contractverse,:root.page-contractverse *){margin:0 0 16px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:500}
.tsm-row:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid var(--line-2)}
.tsm-row:last-child:where(:root.page-contractverse,:root.page-contractverse *){border-bottom:0}
.tsm-av:where(:root.page-contractverse,:root.page-contractverse *){width:28px;height:28px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-size:10.5px;font-weight:700;color:var(--ink-2);flex:none;transition:.35s}
.tsm-nm:where(:root.page-contractverse,:root.page-contractverse *){flex:1;min-width:0}
.tsm-nm b:where(:root.page-contractverse,:root.page-contractverse *){display:block;font-size:12.5px;font-weight:600;letter-spacing:-.01em}
.tsm-nm span:where(:root.page-contractverse,:root.page-contractverse *){font-size:10.5px;color:var(--ink-3)}
.tsm-st:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:3px 7px;border-radius:5px;background:#fff;border:1px solid var(--line);transition:.35s}
.tsm-row.on .tsm-av:where(:root.page-contractverse,:root.page-contractverse *){background:var(--wine);border-color:var(--wine);color:#fff}
.tsm-row.on .tsm-st:where(:root.page-contractverse,:root.page-contractverse *){background:var(--wine);border-color:var(--wine);color:#fff}

/* generic section head */
.tsw:where(:root.page-contractverse,:root.page-contractverse *){max-width:min(1520px,calc(100vw - 2*var(--gut)));margin-inline:auto}
.ts-head:where(:root.page-contractverse,:root.page-contractverse *){max-width:820px;margin-bottom:40px}
.ts-head .k:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--wine);font-weight:500}
.ts-head h2:where(:root.page-contractverse,:root.page-contractverse *){margin:14px 0 0;font-size:clamp(26px,3.2vw,42px);line-height:1.08;letter-spacing:-.032em;font-weight:700;text-wrap:balance}
.ts-head p:where(:root.page-contractverse,:root.page-contractverse *){margin:16px 0 0;font-size:clamp(15px,1.25vw,18px);line-height:1.6;color:var(--ink-2);max-width:640px}

/* signature types */
.sigt:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,4vw,64px);margin-top:clamp(36px,4vw,58px);align-items:start}
.sigt-list:where(:root.page-contractverse,:root.page-contractverse *){display:flex;flex-direction:column;gap:6px}
.sigt-btn:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;gap:16px;text-align:left;border:1px solid transparent;background:none;border-radius:14px;padding:18px 20px;transition:.28s var(--ease);width:100%}
.sigt-btn .n:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:11px;color:var(--ink-3);letter-spacing:.1em}
.sigt-btn .t:where(:root.page-contractverse,:root.page-contractverse *){font-size:clamp(17px,1.6vw,21px);font-weight:600;letter-spacing:-.02em;color:var(--ink-2);flex:1}
.sigt-btn .a:where(:root.page-contractverse,:root.page-contractverse *){color:var(--ink-3);opacity:0;transform:translateX(-6px);transition:.28s var(--ease)}
.sigt-btn:hover:where(:root.page-contractverse,:root.page-contractverse *){background:var(--paper-2)}
.sigt-btn.on:where(:root.page-contractverse,:root.page-contractverse *){background:var(--wine-soft);border-color:var(--wine-line)}
.sigt-btn.on .t:where(:root.page-contractverse,:root.page-contractverse *){color:var(--wine);font-weight:700}
.sigt-btn.on .n:where(:root.page-contractverse,:root.page-contractverse *){color:var(--wine)}
.sigt-btn.on .a:where(:root.page-contractverse,:root.page-contractverse *){opacity:1;transform:none;color:var(--wine)}
.sigt-panel:where(:root.page-contractverse,:root.page-contractverse *){position:relative;border-radius:22px;background:var(--paper-3);padding:clamp(26px,3vw,44px);min-height:390px;overflow:hidden}
.sigt-panel:where(:root.page-contractverse,:root.page-contractverse *)::before{content:"";position:absolute;right:-90px;top:-90px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(155,27,46,.13),transparent 68%)}
.sigt-pane:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;inset:clamp(26px,3vw,44px);opacity:0;transform:translateY(14px);pointer-events:none;transition:.45s var(--ease)}
.sigt-pane.on:where(:root.page-contractverse,:root.page-contractverse *){opacity:1;transform:none;pointer-events:auto;position:relative;inset:auto}
.sigt-pane h3:where(:root.page-contractverse,:root.page-contractverse *){margin:0;font-size:clamp(21px,2.2vw,30px);font-weight:700;letter-spacing:-.028em}
.sigt-pane .lead:where(:root.page-contractverse,:root.page-contractverse *){margin:12px 0 0;font-size:15.5px;line-height:1.62;color:var(--ink-2)}
.sigt-meta:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:26px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.sigt-meta div:where(:root.page-contractverse,:root.page-contractverse *){background:#fff;padding:15px 17px}
.sigt-meta dt:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:0 0 5px}
.sigt-meta dd:where(:root.page-contractverse,:root.page-contractverse *){margin:0;font-size:13.5px;font-weight:600;letter-spacing:-.01em;line-height:1.4}
.sigt-uses:where(:root.page-contractverse,:root.page-contractverse *){display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.sigt-uses span:where(:root.page-contractverse,:root.page-contractverse *){font-size:12.5px;font-weight:500;color:var(--ink-2);background:#fff;border:1px solid var(--line);border-radius:100px;padding:7px 13px}

/* steps */
.tstep:where(:root.page-contractverse,:root.page-contractverse *){position:relative;margin-top:clamp(40px,4.5vw,64px)}
.tstep-line:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;left:0;right:0;top:26px;height:1px;background:var(--line)}
.tstep-line i:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;inset:0 auto 0 0;width:0;background:var(--wine);transition:width 1.6s cubic-bezier(.22,.9,.24,1)}
.tstep.go .tstep-line i:where(:root.page-contractverse,:root.page-contractverse *){width:100%}
.tstep-grid:where(:root.page-contractverse,:root.page-contractverse *){position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(16px,2vw,30px)}
.tstep-i:where(:root.page-contractverse,:root.page-contractverse *){position:relative;opacity:0;transform:translateY(16px);transition:.6s var(--ease)}
.tstep.go .tstep-i:where(:root.page-contractverse,:root.page-contractverse *){opacity:1;transform:none}
.tstep.go .tstep-i:nth-child(2):where(:root.page-contractverse,:root.page-contractverse *){transition-delay:.16s}
.tstep.go .tstep-i:nth-child(3):where(:root.page-contractverse,:root.page-contractverse *){transition-delay:.32s}
.tstep.go .tstep-i:nth-child(4):where(:root.page-contractverse,:root.page-contractverse *){transition-delay:.48s}
.tstep.go .tstep-i:nth-child(5):where(:root.page-contractverse,:root.page-contractverse *){transition-delay:.64s}
.tstep-dot:where(:root.page-contractverse,:root.page-contractverse *){width:52px;height:52px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--wine);position:relative;z-index:2;box-shadow:0 6px 18px -12px rgba(20,22,27,.4)}
.tstep.go .tstep-i:nth-child(1) .tstep-dot:where(:root.page-contractverse,:root.page-contractverse *){border-color:var(--wine)}
.tstep-i h4:where(:root.page-contractverse,:root.page-contractverse *){margin:20px 0 7px;font-size:16.5px;font-weight:700;letter-spacing:-.02em}
.tstep-i p:where(:root.page-contractverse,:root.page-contractverse *){margin:0;font-size:13.5px;line-height:1.55;color:var(--ink-2)}

/* capabilities editorial list */
.caps:where(:root.page-contractverse,:root.page-contractverse *){margin-top:clamp(34px,4vw,56px);border-top:1px solid var(--line)}
.cap:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-columns:56px 1fr 1.15fr;gap:clamp(18px,3vw,44px);align-items:start;padding:clamp(22px,2.4vw,32px) 8px;border-bottom:1px solid var(--line);transition:background .3s var(--ease),padding-left .3s var(--ease)}
.cap:hover:where(:root.page-contractverse,:root.page-contractverse *){background:var(--paper-2);padding-left:18px}
.cap .num:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:11px;color:var(--ink-3);padding-top:5px}
.cap h4:where(:root.page-contractverse,:root.page-contractverse *){margin:0;font-size:clamp(18px,1.8vw,24px);font-weight:600;letter-spacing:-.025em}
.cap:hover h4:where(:root.page-contractverse,:root.page-contractverse *){color:var(--wine)}
.cap p:where(:root.page-contractverse,:root.page-contractverse *){margin:0;font-size:15px;line-height:1.6;color:var(--ink-2)}

/* compliance band */
.comp:where(:root.page-contractverse,:root.page-contractverse *){background:var(--paper-3)}
.comp.comp-white:where(:root.page-contractverse,:root.page-contractverse *){background:#fff}
.comp.comp-white .comp-b:where(:root.page-contractverse,:root.page-contractverse *){border:1px solid var(--line)}
.comp-grid:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(30px,4.5vw,80px);align-items:center}
.comp-badges:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:30px}
.comp-b:where(:root.page-contractverse,:root.page-contractverse *){background:#fff;border-radius:14px;padding:18px 20px;box-shadow:0 12px 30px -24px rgba(20,22,27,.4)}
.comp-b b:where(:root.page-contractverse,:root.page-contractverse *){display:block;font-size:14.5px;font-weight:700;letter-spacing:-.015em}
.comp-b span:where(:root.page-contractverse,:root.page-contractverse *){font-size:12.5px;color:var(--ink-3)}
.audit:where(:root.page-contractverse,:root.page-contractverse *){background:#fff;border-radius:20px;padding:clamp(22px,2.6vw,32px);box-shadow:0 30px 70px -46px rgba(20,22,27,.5)}
.audit h5:where(:root.page-contractverse,:root.page-contractverse *){margin:0 0 4px;font-size:15px;font-weight:700;letter-spacing:-.02em}
.audit .k:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:18px;display:block}
.audit ol:where(:root.page-contractverse,:root.page-contractverse *){list-style:none;margin:0;padding:0;position:relative}
.audit ol:where(:root.page-contractverse,:root.page-contractverse *)::before{content:"";position:absolute;left:7px;top:8px;bottom:14px;width:1px;background:var(--line)}
.audit li:where(:root.page-contractverse,:root.page-contractverse *){position:relative;padding:0 0 18px 28px;font-size:13.4px;line-height:1.5;color:var(--ink-2)}
.audit li:where(:root.page-contractverse,:root.page-contractverse *)::before{content:"";position:absolute;left:2px;top:5px;width:11px;height:11px;border-radius:50%;background:#fff;border:2px solid var(--wine)}
.audit li b:where(:root.page-contractverse,:root.page-contractverse *){display:block;color:var(--ink);font-weight:600;font-size:13.6px}
.audit li span:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:10px;color:var(--ink-3);letter-spacing:.06em}

/* stats */
.tstats:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-top:clamp(30px,3.5vw,48px)}
.tstats div:where(:root.page-contractverse,:root.page-contractverse *){background:#fff;padding:clamp(24px,2.6vw,36px)}
.tstats b:where(:root.page-contractverse,:root.page-contractverse *){display:block;font-size:clamp(28px,3.3vw,44px);font-weight:700;letter-spacing:-.035em;color:var(--wine);line-height:1}
.tstats span:where(:root.page-contractverse,:root.page-contractverse *){display:block;margin-top:9px;font-size:13.5px;color:var(--ink-2);line-height:1.45}

/* faq */
.faq:where(:root.page-contractverse,:root.page-contractverse *){margin-top:clamp(30px,3.5vw,48px);border-top:1px solid var(--line)}
.faq details:where(:root.page-contractverse,:root.page-contractverse *){border-bottom:1px solid var(--line)}
.faq summary:where(:root.page-contractverse,:root.page-contractverse *){list-style:none;cursor:pointer;padding:22px 40px 22px 0;position:relative;font-size:clamp(16px,1.5vw,19px);font-weight:600;letter-spacing:-.02em}
.faq summary:where(:root.page-contractverse,:root.page-contractverse *)::-webkit-details-marker{display:none}
.faq summary:where(:root.page-contractverse,:root.page-contractverse *)::after{content:"";position:absolute;right:8px;top:50%;width:11px;height:11px;border-right:1.6px solid var(--ink-3);border-bottom:1.6px solid var(--ink-3);transform:translateY(-70%) rotate(45deg);transition:.25s var(--ease)}
.faq details[open] summary:where(:root.page-contractverse,:root.page-contractverse *)::after{transform:translateY(-30%) rotate(225deg);border-color:var(--wine)}
.faq details[open] summary:where(:root.page-contractverse,:root.page-contractverse *){color:var(--wine)}
.faq .ans:where(:root.page-contractverse,:root.page-contractverse *){padding:0 60px 24px 0;font-size:14.8px;line-height:1.65;color:var(--ink-2)}
.tsh-cta:where(:root.page-contractverse,:root.page-contractverse *){margin-top:30px}
.tsm-wrap:where(:root.page-contractverse,:root.page-contractverse *){padding-bottom:70px}

/* integrations marquee */
.tint:where(:root.page-contractverse,:root.page-contractverse *){overflow:hidden;padding-block:70px;border-top:0;border-bottom:1px solid var(--line)}
.tint-t:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);text-align:center;margin-bottom:26px}
.tint-track:where(:root.page-contractverse,:root.page-contractverse *){display:flex;gap:56px;width:max-content;animation:tsMarq 46s linear infinite}
.tint:hover .tint-track:where(:root.page-contractverse,:root.page-contractverse *){animation-play-state:paused}
.tint-track:where(:root.page-contractverse,:root.page-contractverse *){align-items:center}
.tint-l:where(:root.page-contractverse,:root.page-contractverse *){display:inline-flex;align-items:center;justify-content:center;flex:none}
.tint-l img:where(:root.page-contractverse,:root.page-contractverse *){display:block;width:auto;object-fit:contain;transition:transform .25s var(--ease)}
.tint-l.tl-wm img:where(:root.page-contractverse,:root.page-contractverse *){height:clamp(20px,1.98vw,26px);max-width:165px}
.tint-l.tl-sq img:where(:root.page-contractverse,:root.page-contractverse *){height:clamp(31px,3.08vw,42px);max-width:77px}
.tint-l:hover img:where(:root.page-contractverse,:root.page-contractverse *){transform:scale(1.06)}
.tint:where(:root.page-contractverse,:root.page-contractverse *){-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}

/* scroll-driven signature types */
.sigt-scroll:where(:root.page-contractverse,:root.page-contractverse *){position:relative;overflow:clip}
.sigt-sticky:where(:root.page-contractverse,:root.page-contractverse *){position:sticky;top:96px;padding-bottom:0;padding-top:0}
.sigt-spacer:where(:root.page-contractverse,:root.page-contractverse *){height:170vh;pointer-events:none}
.sigt-panel:where(:root.page-contractverse,:root.page-contractverse *){background:none;padding:0;overflow:visible;min-height:clamp(400px,44vw,470px);border-radius:22px}
.sigt-panel:where(:root.page-contractverse,:root.page-contractverse *)::before{display:none}
.sigt-pane:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;inset:0;opacity:1;pointer-events:none;background:var(--paper-3);border-radius:22px;padding:clamp(26px,3vw,44px);overflow:hidden;transform:translateY(150%);transition:transform .9s cubic-bezier(.4,0,.2,1)}
.sigt-pane:where(:root.page-contractverse,:root.page-contractverse *)::before{content:"";position:absolute;right:-90px;top:-90px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(155,27,46,.13),transparent 68%)}
.sigt-pane.is-prev:where(:root.page-contractverse,:root.page-contractverse *){transform:translateY(-150%)}
.sigt-pane.on:where(:root.page-contractverse,:root.page-contractverse *){transform:translateY(0);pointer-events:auto}
.sigt-btn:where(:root.page-contractverse,:root.page-contractverse *){transition:.4s var(--ease)}

/* signature infographic placeholder */
.sigt-ph:where(:root.page-contractverse,:root.page-contractverse *){margin-top:26px;display:grid;place-items:center;min-height:clamp(200px,22vw,268px);border:1px dashed var(--wine-line);border-radius:16px;background:rgba(255,255,255,.6)}
.sigt-ph span:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:clamp(10px,1vw,12px);letter-spacing:.14em;text-transform:uppercase;color:var(--wine);text-align:center;padding:0 24px}

/* plans */
.pl-sec:where(:root.page-contractverse,:root.page-contractverse *){background:#F3F1EE}
.pl-head:where(:root.page-contractverse,:root.page-contractverse *){text-align:center;max-width:640px;margin-inline:auto}
.pl-head h2:where(:root.page-contractverse,:root.page-contractverse *){margin-inline:auto}
.pl-grid:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch;margin-top:clamp(30px,3.4vw,48px)}
.pl-card:where(:root.page-contractverse,:root.page-contractverse *){position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(22px,2.2vw,30px);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease)}
.pl-card:hover:where(:root.page-contractverse,:root.page-contractverse *){transform:translateY(-5px);box-shadow:0 34px 70px -44px rgba(20,22,27,.44)}
.pl-feat:where(:root.page-contractverse,:root.page-contractverse *){border-color:var(--wine-line);box-shadow:0 34px 76px -44px rgba(110,18,28,.5)}
.pl-card:not(.pl-feat):where(:root.page-contractverse,:root.page-contractverse *){padding-top:calc(clamp(22px,2.2vw,30px) + 33px)}
.pl-tag:where(:root.page-contractverse,:root.page-contractverse *){position:relative;align-self:flex-start;margin:-6px 0 14px;overflow:hidden;white-space:nowrap;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#fff; background:linear-gradient(120deg,#A6333E,#7C1623 62%,#5E1020);border-radius:100px;padding:8px 18px;box-shadow:0 14px 30px -14px var(--wine)}
.pl-tag:where(:root.page-contractverse,:root.page-contractverse *)::after{content:"";position:absolute;top:0;bottom:0;width:46%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);animation:plShine 3.4s ease-in-out infinite}
html[data-motion="off"] .pl-tag:where(:root.page-contractverse,:root.page-contractverse *)::after{animation:none}
.pl-card h3:where(:root.page-contractverse,:root.page-contractverse *){margin:0;font-size:15px;font-weight:500;letter-spacing:-.01em;color:var(--ink-3)}
.pl-card h3 b:where(:root.page-contractverse,:root.page-contractverse *){display:block;margin-top:2px;font-size:clamp(21px,2.1vw,27px);font-weight:700;letter-spacing:-.032em;color:var(--ink)}
.pl-d:where(:root.page-contractverse,:root.page-contractverse *){margin:10px 0 0;font-size:13.2px;line-height:1.5;color:var(--ink-2);min-height:40px}
.pl-price:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:baseline;gap:5px;margin:18px 0 0;padding-top:18px;border-top:1px solid var(--line)}
.pl-price b:where(:root.page-contractverse,:root.page-contractverse *){font-size:clamp(24px,2.5vw,32px);font-weight:700;letter-spacing:-.04em}
.pl-price i:where(:root.page-contractverse,:root.page-contractverse *){font-style:normal;font-size:12.5px;color:var(--ink-3)}
.pl-cta:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;padding:12px 18px;border-radius:100px;font-size:13.6px;font-weight:600;letter-spacing:-.012em;border:1px solid var(--line);color:var(--ink);transition:.3s var(--ease)}
.pl-cta:hover:where(:root.page-contractverse,:root.page-contractverse *){border-color:var(--wine);color:var(--wine)}
.pl-feat .pl-cta:where(:root.page-contractverse,:root.page-contractverse *){background:var(--wine);border-color:var(--wine);color:#fff}
.pl-feat .pl-cta:hover:where(:root.page-contractverse,:root.page-contractverse *){background:var(--wine-deep);color:#fff}
.pl-cta .arr:where(:root.page-contractverse,:root.page-contractverse *){transition:transform .3s var(--ease)}
.pl-cta:hover .arr:where(:root.page-contractverse,:root.page-contractverse *){transform:translateX(3px)}
.pl-h:where(:root.page-contractverse,:root.page-contractverse *){display:block;margin:22px 0 12px;font-size:12.8px;font-weight:700;letter-spacing:-.01em}
.pl-f:where(:root.page-contractverse,:root.page-contractverse *){list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;flex:1}
.pl-f li:where(:root.page-contractverse,:root.page-contractverse *){display:flex;gap:9px;font-size:12.8px;line-height:1.45;color:var(--ink-2)}
.pl-f svg:where(:root.page-contractverse,:root.page-contractverse *){width:15px;height:15px;flex:none;margin-top:1px;fill:none;stroke:var(--wine);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pl-note:where(:root.page-contractverse,:root.page-contractverse *){margin:22px 0 0;text-align:center;font-size:12px;color:var(--ink-3)}

/* how it works — expanding rail */
.hw2-rail:where(:root.page-contractverse,:root.page-contractverse *){display:flex;gap:12px;margin-top:clamp(28px,3.2vw,44px);min-height:clamp(230px,24vw,290px)}
.hw2-p:where(:root.page-contractverse,:root.page-contractverse *){position:relative;flex:1;min-width:0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(20px,2vw,28px);cursor:pointer;overflow:hidden; display:flex;flex-direction:column;transition:flex .7s cubic-bezier(.33,1,.68,1),border-color .5s var(--ease),box-shadow .5s var(--ease)}
.hw2-p:where(:root.page-contractverse,:root.page-contractverse *)::before{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--wine);transform:scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(.33,1,.68,1)}
.hw2-n:where(:root.page-contractverse,:root.page-contractverse *){display:grid;place-items:center;width:38px;height:38px;border-radius:50%;flex:none;font-family:var(--font-mono);font-size:13px;letter-spacing:.02em; color:var(--ink-3);background:var(--paper-3);border:1px solid var(--line);transition:.45s var(--ease)}
.hw2-p.on .hw2-n:where(:root.page-contractverse,:root.page-contractverse *){color:#fff;background:var(--wine);border-color:var(--wine);box-shadow:0 12px 26px -12px var(--wine);transform:scale(1.08)}
.hw2-p:not(.on):hover .hw2-n:where(:root.page-contractverse,:root.page-contractverse *){border-color:var(--wine-line);color:var(--wine)}
.hw2-p h4:where(:root.page-contractverse,:root.page-contractverse *){margin:14px 0 0;font-size:clamp(15px,1.35vw,18px);font-weight:700;letter-spacing:-.024em;line-height:1.18;overflow-wrap:break-word;hyphens:auto}
.hw2-p p:where(:root.page-contractverse,:root.page-contractverse *){margin:12px 0 0;font-size:13.5px;line-height:1.55;color:var(--ink-2);opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease) .12s,transform .5s var(--ease) .12s}
.hw2-p.on:where(:root.page-contractverse,:root.page-contractverse *){flex:2.4;border-color:var(--wine-line);box-shadow:0 30px 64px -40px rgba(110,18,28,.45)}
.hw2-p.on:where(:root.page-contractverse,:root.page-contractverse *)::before{transform:scaleX(1)}
.hw2-p.on p:where(:root.page-contractverse,:root.page-contractverse *){opacity:1;transform:none}
.hw2-p:not(.on) h4:where(:root.page-contractverse,:root.page-contractverse *){color:var(--ink-2)}

/* ---- video: why legal teams trust it ---- */
.cvv-head:where(:root.page-contractverse,:root.page-contractverse *){text-align:center;max-width:760px;margin:0 auto 40px}
.cvv-head h2:where(:root.page-contractverse,:root.page-contractverse *){margin-inline:auto}
.cvv-grid:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(24px,3vw,48px);align-items:center}
.cvv-frame:where(:root.page-contractverse,:root.page-contractverse *){display:flex;flex-direction:column;position:relative;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 44px 96px -58px rgba(52,8,16,.5)}
.cvv-glow:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;left:50%;top:-28%;width:74%;height:82%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(155,27,46,.15),transparent 68%);pointer-events:none}
.cvv-bar:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--paper-2);position:relative;z-index:2}
.cvv-bar span:where(:root.page-contractverse,:root.page-contractverse *){width:9px;height:9px;border-radius:50%;background:var(--line);flex:none}
.cvv-bar i:where(:root.page-contractverse,:root.page-contractverse *){margin-left:10px;font-style:normal;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cvv-stage:where(:root.page-contractverse,:root.page-contractverse *){position:relative;display:grid;place-items:center;gap:20px;aspect-ratio:16/9;background:linear-gradient(150deg,#FBF8F7,#F3F1EE)}
.cvv-ph:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:clamp(10px,1vw,12px);letter-spacing:.14em;text-transform:uppercase;color:var(--wine);background:var(--wine-soft);border:1px dashed var(--wine-line);border-radius:100px;padding:10px 20px;text-align:center}
.cvv-play:where(:root.page-contractverse,:root.page-contractverse *){position:relative;width:70px;height:70px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;background:var(--wine);box-shadow:0 18px 40px -18px var(--wine);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.cvv-play svg:where(:root.page-contractverse,:root.page-contractverse *){width:26px;height:26px;fill:#fff;margin-left:2px}
.cvv-play:where(:root.page-contractverse,:root.page-contractverse *)::after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid var(--wine-line);animation:cvvPulse 2.6s ease-out infinite}
html[data-motion="off"] .cvv-play:where(:root.page-contractverse,:root.page-contractverse *)::after{animation:none}
.cvv-play:hover:where(:root.page-contractverse,:root.page-contractverse *){transform:scale(1.07);box-shadow:0 24px 52px -18px var(--wine)}
.cvv-copy p:where(:root.page-contractverse,:root.page-contractverse *){margin:0;font-size:clamp(15px,1.35vw,17px);line-height:1.68;color:var(--ink-2);text-wrap:pretty}
.cvv-copy p+p:where(:root.page-contractverse,:root.page-contractverse *){margin-top:16px;padding-top:16px;border-top:1px dashed var(--line)}

/* ---- mid-page control band ---- */
.cvband:where(:root.page-contractverse,:root.page-contractverse *){position:relative;overflow:hidden;background:var(--wine-soft);border-block:1px solid var(--wine-line)}
.cvband-tex:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;inset:0;background-image:radial-gradient(rgba(155,27,46,.16) 1px,transparent 1px);background-size:19px 19px;pointer-events:none}
.cvband-in:where(:root.page-contractverse,:root.page-contractverse *){position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:clamp(22px,3vw,52px);padding-block:70px;flex-wrap:wrap}
.cvband-in p:where(:root.page-contractverse,:root.page-contractverse *){margin:0;max-width:74ch;font-size:clamp(17px,1.75vw,22px);line-height:1.5;letter-spacing:-.022em;font-weight:500;color:var(--ink);text-wrap:pretty}
.cvband-in .btn:where(:root.page-contractverse,:root.page-contractverse *){flex:none}

/* ---- client roster ---- */
.cvcl-head:where(:root.page-contractverse,:root.page-contractverse *){text-align:center;max-width:900px;margin:0 auto 40px}
.cvcl-head h2:where(:root.page-contractverse,:root.page-contractverse *){margin-inline:auto;font-size:clamp(26px,3.2vw,42px);line-height:1.14}
.cvcl-row:where(:root.page-contractverse,:root.page-contractverse *){display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(14px,1.8vw,22px)}



.cvcl-c.txt:where(:root.page-contractverse,:root.page-contractverse *){font-size:clamp(14px,1.4vw,17px);font-weight:700;letter-spacing:-.024em;color:var(--ink-2);text-align:center;padding:0 12px}

/* ---- connect form ---- */
.cvf-sec:where(:root.page-contractverse,:root.page-contractverse *){background:#F3F1EE}


/* ---- connect form ---- */
.cvf-sec:where(:root.page-truesigner,:root.page-truesigner *){background:#F3F1EE}
.cvf-card:where(:root.page-contractverse,:root.page-contractverse *){max-width:1000px;margin-inline:auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(26px,3.2vw,48px);box-shadow:0 40px 90px -60px rgba(20,22,27,.4)}

.cvf-card:where(:root.page-truesigner,:root.page-truesigner *){max-width:1000px;margin-inline:auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(26px,3.2vw,48px);box-shadow:0 40px 90px -60px rgba(20,22,27,.4)}
.cvf-head:where(:root.page-contractverse,:root.page-contractverse *){text-align:center;max-width:560px;margin:0 auto 40px}

.cvf-head:where(:root.page-truesigner,:root.page-truesigner *){text-align:center;max-width:560px;margin:0 auto 40px}
.cvf-head h2:where(:root.page-contractverse,:root.page-contractverse *){margin:14px 0 0;font-size:clamp(26px,3.2vw,42px);line-height:1.08;letter-spacing:-.034em;font-weight:700}

.cvf-head h2:where(:root.page-truesigner,:root.page-truesigner *){margin:14px 0 0;font-size:clamp(26px,3.2vw,42px);line-height:1.08;letter-spacing:-.034em;font-weight:700}
.cvf-head p:where(:root.page-contractverse,:root.page-contractverse *){margin:14px 0 0;font-size:clamp(15px,1.35vw,18px);line-height:1.6;color:var(--ink-2)}

.cvf-head p:where(:root.page-truesigner,:root.page-truesigner *){margin:14px 0 0;font-size:clamp(15px,1.35vw,18px);line-height:1.6;color:var(--ink-2)}
.cvf-form:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-columns:1fr 1fr;gap:16px}

.cvf-form:where(:root.page-truesigner,:root.page-truesigner *){display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cvf-wide:where(:root.page-contractverse,:root.page-contractverse *){grid-column:1/-1}

.cvf-wide:where(:root.page-truesigner,:root.page-truesigner *){grid-column:1/-1}
.cvf-f:where(:root.page-contractverse,:root.page-contractverse *){display:flex;flex-direction:column;gap:8px;min-width:0}

.cvf-f:where(:root.page-truesigner,:root.page-truesigner *){display:flex;flex-direction:column;gap:8px;min-width:0}
.cvf-f>span:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3)}

.cvf-f>span:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3)}
.cvf-f input:where(:root.page-contractverse,:root.page-contractverse *),.cvf-f select:where(:root.page-contractverse,:root.page-contractverse *),.cvf-f textarea:where(:root.page-contractverse,:root.page-contractverse *){width:100%;font-family:inherit;font-size:14.5px;color:var(--ink);background:var(--paper-2);border:1px solid var(--line);border-radius:12px;padding:13px 15px;transition:.28s var(--ease)}

.cvf-f input:where(:root.page-truesigner,:root.page-truesigner *),.cvf-f select:where(:root.page-truesigner,:root.page-truesigner *),.cvf-f textarea:where(:root.page-truesigner,:root.page-truesigner *){width:100%;font-family:inherit;font-size:14.5px;color:var(--ink);background:var(--paper-2);border:1px solid var(--line);border-radius:12px;padding:13px 15px;transition:.28s var(--ease)}
.cvf-f textarea:where(:root.page-contractverse,:root.page-contractverse *){resize:vertical;line-height:1.55}

.cvf-f textarea:where(:root.page-truesigner,:root.page-truesigner *){resize:vertical;line-height:1.55}
.cvf-f input:where(:root.page-contractverse,:root.page-contractverse *)::placeholder,.cvf-f textarea:where(:root.page-contractverse,:root.page-contractverse *)::placeholder{color:var(--ink-3)}

.cvf-f input:where(:root.page-truesigner,:root.page-truesigner *)::placeholder,.cvf-f textarea:where(:root.page-truesigner,:root.page-truesigner *)::placeholder{color:var(--ink-3)}
.cvf-f input:focus:where(:root.page-contractverse,:root.page-contractverse *),.cvf-f select:focus:where(:root.page-contractverse,:root.page-contractverse *),.cvf-f textarea:focus:where(:root.page-contractverse,:root.page-contractverse *){outline:0;background:#fff;border-color:var(--wine);box-shadow:0 0 0 4px var(--wine-soft)}

.cvf-f input:focus:where(:root.page-truesigner,:root.page-truesigner *),.cvf-f select:focus:where(:root.page-truesigner,:root.page-truesigner *),.cvf-f textarea:focus:where(:root.page-truesigner,:root.page-truesigner *){outline:0;background:#fff;border-color:var(--wine);box-shadow:0 0 0 4px var(--wine-soft)}
.cvf-opts:where(:root.page-contractverse,:root.page-contractverse *){display:flex;gap:10px}

.cvf-opts:where(:root.page-truesigner,:root.page-truesigner *){display:flex;gap:10px}
.cvf-opts label:where(:root.page-contractverse,:root.page-contractverse *){display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;font-weight:500;background:var(--paper-2);border:1px solid var(--line);border-radius:100px;padding:11px 18px;transition:.28s var(--ease)}

.cvf-opts label:where(:root.page-truesigner,:root.page-truesigner *){display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;font-weight:500;background:var(--paper-2);border:1px solid var(--line);border-radius:100px;padding:11px 18px;transition:.28s var(--ease)}
.cvf-opts input:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;opacity:0;pointer-events:none}

.cvf-opts input:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;opacity:0;pointer-events:none}
.cvf-opts i:where(:root.page-contractverse,:root.page-contractverse *){width:14px;height:14px;border-radius:50%;border:1.5px solid var(--line);flex:none;transition:.25s var(--ease)}

.cvf-opts i:where(:root.page-truesigner,:root.page-truesigner *){width:14px;height:14px;border-radius:50%;border:1.5px solid var(--line);flex:none;transition:.25s var(--ease)}
.cvf-opts label:has(input:checked):where(:root.page-contractverse,:root.page-contractverse *){border-color:var(--wine);background:var(--wine-soft);color:var(--wine)}

.cvf-opts label:has(input:checked):where(:root.page-truesigner,:root.page-truesigner *){border-color:var(--wine);background:var(--wine-soft);color:var(--wine)}
.cvf-opts label:has(input:checked) i:where(:root.page-contractverse,:root.page-contractverse *){border-color:var(--wine);box-shadow:inset 0 0 0 3px #fff;background:var(--wine)}

.cvf-opts label:has(input:checked) i:where(:root.page-truesigner,:root.page-truesigner *){border-color:var(--wine);box-shadow:inset 0 0 0 3px #fff;background:var(--wine)}
.cvf-chk:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:flex-start;gap:11px;cursor:pointer;font-size:13.4px;line-height:1.5;color:var(--ink-2)}

.cvf-chk:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:flex-start;gap:11px;cursor:pointer;font-size:13.4px;line-height:1.5;color:var(--ink-2)}
.cvf-chk input:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;opacity:0;pointer-events:none}

.cvf-chk input:where(:root.page-truesigner,:root.page-truesigner *){position:absolute;opacity:0;pointer-events:none}
.cvf-chk i:where(:root.page-contractverse,:root.page-contractverse *){width:17px;height:17px;border-radius:5px;border:1.5px solid var(--line);flex:none;margin-top:2px;position:relative;transition:.25s var(--ease)}

.cvf-chk i:where(:root.page-truesigner,:root.page-truesigner *){width:17px;height:17px;border-radius:5px;border:1.5px solid var(--line);flex:none;margin-top:2px;position:relative;transition:.25s var(--ease)}
.cvf-chk input:checked+i:where(:root.page-contractverse,:root.page-contractverse *){background:var(--wine);border-color:var(--wine)}

.cvf-chk input:checked+i:where(:root.page-truesigner,:root.page-truesigner *){background:var(--wine);border-color:var(--wine)}
.cvf-chk input:checked+i:where(:root.page-contractverse,:root.page-contractverse *)::after{content:"";position:absolute;left:50%;top:47%;width:4.5px;height:8px;margin:-4px 0 0 -2.6px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(42deg)}

.cvf-chk input:checked+i:where(:root.page-truesigner,:root.page-truesigner *)::after{content:"";position:absolute;left:50%;top:47%;width:4.5px;height:8px;margin:-4px 0 0 -2.6px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(42deg)}
.cvf-chk a:where(:root.page-contractverse,:root.page-contractverse *){color:var(--wine);text-decoration:underline;text-underline-offset:2px}

.cvf-chk a:where(:root.page-truesigner,:root.page-truesigner *){color:var(--wine);text-decoration:underline;text-underline-offset:2px}
.cvf-act:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:4px}

.cvf-act:where(:root.page-truesigner,:root.page-truesigner *){display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:4px}
.cvf-note:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--wine);opacity:0;transition:opacity .4s var(--ease)}

.cvf-note:where(:root.page-truesigner,:root.page-truesigner *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--wine);opacity:0;transition:opacity .4s var(--ease)}
.cvf-note.on:where(:root.page-contractverse,:root.page-contractverse *){opacity:1}

.cvf-note.on:where(:root.page-truesigner,:root.page-truesigner *){opacity:1}

/* ---- why: offset mosaic with ghost numerals ---- */
.cv-why-sec:where(:root.page-contractverse,:root.page-contractverse *){background:#fff}
.cv-why-head:where(:root.page-contractverse,:root.page-contractverse *){text-align:center;max-width:660px;margin:0 auto 40px}
.cv-why-head h2:where(:root.page-contractverse,:root.page-contractverse *){margin-inline:auto}
.cv-why:where(:root.page-contractverse,:root.page-contractverse *){counter-reset:cvw;display:grid;grid-template-columns:repeat(3,1fr);column-gap:clamp(18px,2.4vw,40px);row-gap:clamp(26px,3vw,44px);max-width:1120px;margin-inline:auto}
.cv-w:where(:root.page-contractverse,:root.page-contractverse *){counter-increment:cvw;position:relative;padding:26px 22px 24px 0;border-top:1px solid var(--line);overflow:hidden;transition:border-color .45s var(--ease)}
.cv-w:nth-child(3n+2):where(:root.page-contractverse,:root.page-contractverse *){margin-top:clamp(20px,2.6vw,44px)}
.cv-w:where(:root.page-contractverse,:root.page-contractverse *)::before{content:counter(cvw,decimal-leading-zero);position:absolute;right:0;top:14px; font-family:var(--font-sans);font-weight:800;font-size:clamp(52px,6vw,86px);line-height:.8;letter-spacing:-.06em; color:rgba(155,27,46,.22);pointer-events:none;transition:color .45s var(--ease),transform .5s var(--ease)}
.cv-w:where(:root.page-contractverse,:root.page-contractverse *)::after{content:"";position:absolute;left:0;top:-1px;width:0;height:2px;background:var(--wine);transition:width .55s cubic-bezier(.33,1,.68,1)}
.cv-w:hover:where(:root.page-contractverse,:root.page-contractverse *){border-color:var(--wine-line)}
.cv-w:hover:where(:root.page-contractverse,:root.page-contractverse *)::after{width:46px}
.cv-w:hover:where(:root.page-contractverse,:root.page-contractverse *)::before{color:rgba(155,27,46,.42);transform:translateY(-3px)}
.cv-wi:where(:root.page-contractverse,:root.page-contractverse *){position:relative;display:block;width:34px;height:34px;margin-bottom:18px}
.cv-wi svg:where(:root.page-contractverse,:root.page-contractverse *){width:34px;height:34px;fill:none;stroke:var(--wine);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .45s var(--ease)}
.cv-w:hover .cv-wi svg:where(:root.page-contractverse,:root.page-contractverse *){transform:translateY(-2px) scale(1.06)}
.cv-w h4:where(:root.page-contractverse,:root.page-contractverse *){position:relative;margin:0;font-size:clamp(17px,1.8vw,21px);font-weight:700;letter-spacing:-.028em}
.cv-w p:where(:root.page-contractverse,:root.page-contractverse *){position:relative;margin:9px 0 0;max-width:30ch;font-size:15px;line-height:1.6;color:var(--ink-2);text-wrap:pretty}

/* ---- adoption metrics on wine ---- */
.cv-metrics:where(:root.page-contractverse,:root.page-contractverse *){display:grid;gap:12px}
.cv-metrics div:where(:root.page-contractverse,:root.page-contractverse *){background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);border-radius:16px;padding:20px 22px;backdrop-filter:blur(4px);transition:.35s var(--ease)}
.cv-metrics div:hover:where(:root.page-contractverse,:root.page-contractverse *){background:rgba(255,255,255,.15);transform:translateY(-3px)}
.cv-metrics b:where(:root.page-contractverse,:root.page-contractverse *){font-size:clamp(28px,3.2vw,42px);font-weight:700;letter-spacing:-.045em;color:#fff;line-height:1}
.cv-metrics i:where(:root.page-contractverse,:root.page-contractverse *){font-style:normal;font-size:clamp(18px,2vw,26px);font-weight:600;color:#fff;letter-spacing:-.03em}
.cv-metrics span:where(:root.page-contractverse,:root.page-contractverse *){display:block;margin-top:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.uc-grid--3:where(:root.page-contractverse,:root.page-contractverse *){grid-template-columns:repeat(3,1fr)}
.uc-grid--3 .anec-card:where(:root.page-contractverse,:root.page-contractverse *){height:clamp(340px,34vw,410px)}

/* ---- how it works: downloads ---- */
.hw2-dl:where(:root.page-contractverse,:root.page-contractverse *){display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:clamp(26px,3vw,40px)}
.hw2-d:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;gap:14px;padding:14px 22px 14px 14px;border:1px solid var(--line);border-radius:100px;background:#fff;transition:.35s var(--ease)}
.hw2-d:hover:where(:root.page-contractverse,:root.page-contractverse *){border-color:var(--wine);box-shadow:0 22px 46px -28px rgba(110,18,28,.5);transform:translateY(-3px)}
.hw2-di:where(:root.page-contractverse,:root.page-contractverse *){display:grid;place-items:center;width:52px;height:52px;border-radius:50%;flex:none;border:1px solid var(--wine-line);background:var(--wine-soft);transition:.35s var(--ease)}
.hw2-di svg:where(:root.page-contractverse,:root.page-contractverse *){width:24px;height:24px;fill:none;stroke:var(--wine);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.hw2-d:hover .hw2-di:where(:root.page-contractverse,:root.page-contractverse *){background:var(--wine);border-color:var(--wine)}
.hw2-d:hover .hw2-di svg:where(:root.page-contractverse,:root.page-contractverse *){stroke:#fff}
.hw2-dt:where(:root.page-contractverse,:root.page-contractverse *){display:flex;flex-direction:column;gap:3px;font-size:15px;font-weight:700;letter-spacing:-.022em;color:var(--ink)}
.hw2-dt i:where(:root.page-contractverse,:root.page-contractverse *){font-style:normal;font-family:var(--font-mono);font-size:9.5px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}

/* ---- signing modes: split ledger ---- */
.sw-stack:where(:root.page-contractverse,:root.page-contractverse *){margin-top:clamp(26px,3vw,42px);display:flex;flex-direction:column;gap:14px}
.sw-row:where(:root.page-contractverse,:root.page-contractverse *){border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden;transition:border-color .5s var(--ease),box-shadow .5s var(--ease),background .5s var(--ease)}
.sw-row.on:where(:root.page-contractverse,:root.page-contractverse *){border-color:var(--wine-line);box-shadow:0 34px 74px -46px rgba(110,18,28,.5)}
.sw-head:where(:root.page-contractverse,:root.page-contractverse *){width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(14px,1.8vw,26px); padding:clamp(18px,2vw,28px) clamp(20px,2.2vw,32px);background:none;border:0;cursor:pointer;text-align:left}
.sw-idx:where(:root.page-contractverse,:root.page-contractverse *){display:grid;place-items:center;width:46px;height:46px;border-radius:14px;flex:none; font-family:var(--font-mono);font-size:13px;color:var(--ink-3);background:var(--paper-3);border:1px solid var(--line);transition:.45s var(--ease)}
.sw-row.on .sw-idx:where(:root.page-contractverse,:root.page-contractverse *){color:#fff;background:var(--wine);border-color:var(--wine);box-shadow:0 14px 30px -14px var(--wine)}
.sw-tt b:where(:root.page-contractverse,:root.page-contractverse *){display:block;font-size:clamp(19px,2.2vw,30px);font-weight:700;letter-spacing:-.032em;line-height:1.1;color:var(--ink-2);transition:color .4s var(--ease)}
.sw-row.on .sw-tt b:where(:root.page-contractverse,:root.page-contractverse *){color:var(--wine)}
.sw-tt i:where(:root.page-contractverse,:root.page-contractverse *){display:block;margin-top:6px;font-style:normal;font-family:var(--font-mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3)}
.sw-chev:where(:root.page-contractverse,:root.page-contractverse *){display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);flex:none;transition:.45s var(--ease)}
.sw-chev svg:where(:root.page-contractverse,:root.page-contractverse *){width:17px;height:17px;fill:none;stroke:var(--ink-2);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:.45s var(--ease)}
.sw-row.on .sw-chev:where(:root.page-contractverse,:root.page-contractverse *){border-color:var(--wine);background:var(--wine-soft);transform:rotate(180deg)}
.sw-row.on .sw-chev svg:where(:root.page-contractverse,:root.page-contractverse *){stroke:var(--wine)}
.sw-head:hover .sw-tt b:where(:root.page-contractverse,:root.page-contractverse *){color:var(--ink)}
.sw-panel:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-rows:0fr;transition:grid-template-rows .65s cubic-bezier(.33,1,.68,1)}
.sw-row.on .sw-panel:where(:root.page-contractverse,:root.page-contractverse *){grid-template-rows:1fr}
.sw-panel>.sw-in:where(:root.page-contractverse,:root.page-contractverse *){overflow:hidden}
.sw-in:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(20px,2.6vw,40px);align-items:start; padding:0 clamp(20px,2.2vw,32px) clamp(22px,2.4vw,34px);transition:padding-bottom .65s cubic-bezier(.33,1,.68,1)}
.sw-row:not(.on) .sw-in:where(:root.page-contractverse,:root.page-contractverse *){padding-bottom:0}
.sw-list:where(:root.page-contractverse,:root.page-contractverse *){list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.sw-list li:where(:root.page-contractverse,:root.page-contractverse *){display:flex;gap:12px;padding:12px 0;border-bottom:1px dashed var(--line);font-size:14.2px;line-height:1.6;color:var(--ink-2);text-wrap:pretty}
html.can-anim .sw-row.on .sw-list li:where(:root.page-contractverse,:root.page-contractverse *){animation:swIn .55s var(--ease) both;animation-delay:var(--d)}
html[data-motion="off"] .sw-list li:where(:root.page-contractverse,:root.page-contractverse *){opacity:1;transform:none;animation:none}
.sw-list li:last-child:where(:root.page-contractverse,:root.page-contractverse *){border-bottom:0}
.sw-b:where(:root.page-contractverse,:root.page-contractverse *){width:6px;height:6px;border-radius:50%;background:var(--wine);flex:none;margin-top:8px}
.sw-vis:where(:root.page-contractverse,:root.page-contractverse *){position:relative;display:grid;place-items:center;border-radius:18px;background:var(--paper-3);border:1px dashed var(--wine-line);overflow:hidden}
.sw-glow:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(155,27,46,.14),transparent 66%)}
.sw-ph:where(:root.page-contractverse,:root.page-contractverse *){position:relative;font-family:var(--font-mono);font-size:clamp(10px,1vw,12px);letter-spacing:.14em;text-transform:uppercase;color:var(--wine);text-align:center;padding:0 26px}

/* ---- use cases ---- */
.uc-grid:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:clamp(26px,3vw,42px)}
.uc-grid .anec-card:where(:root.page-contractverse,:root.page-contractverse *){flex:none;width:100%;height:clamp(360px,38vw,440px)}

/* narrower FAQ column */
.faq:where(:root.page-contractverse,:root.page-contractverse *){max-width:820px;margin-inline:auto}
.faq-head:where(:root.page-contractverse,:root.page-contractverse *){max-width:820px;margin:0 auto 40px;text-align:center}
.caplist--4:where(:root.page-contractverse,:root.page-contractverse *){grid-template-columns:repeat(2,1fr)}
.audit--onwine:where(:root.page-contractverse,:root.page-contractverse *){background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2);box-shadow:none;backdrop-filter:blur(4px)}
.audit--onwine h5:where(:root.page-contractverse,:root.page-contractverse *){color:#fff}
.audit--onwine .k:where(:root.page-contractverse,:root.page-contractverse *){color:rgba(255,255,255,.6)}
.audit--onwine ol:where(:root.page-contractverse,:root.page-contractverse *)::before{background:rgba(255,255,255,.24)}
.audit--onwine li:where(:root.page-contractverse,:root.page-contractverse *){color:rgba(255,255,255,.74)}
.audit--onwine li b:where(:root.page-contractverse,:root.page-contractverse *){color:#fff}
.audit--onwine li span:where(:root.page-contractverse,:root.page-contractverse *){color:rgba(255,255,255,.55)}
.audit--onwine li:where(:root.page-contractverse,:root.page-contractverse *)::before{background:var(--wine-deep);border-color:#fff}

/* ---- scroll reveal primitives ---- */
.rv:where(:root.page-contractverse,:root.page-contractverse *){transition:opacity .8s var(--ease),transform .8s var(--ease)}
.rv.armed:where(:root.page-contractverse,:root.page-contractverse *){opacity:0;transform:translateY(26px)}
.rv.armed.in:where(:root.page-contractverse,:root.page-contractverse *){opacity:1;transform:none}
.rv-l:where(:root.page-contractverse,:root.page-contractverse *){transition:opacity .85s var(--ease),transform .85s var(--ease)}
.rv-l.armed:where(:root.page-contractverse,:root.page-contractverse *){opacity:0;transform:translateX(-30px)}
.rv-l.armed.in:where(:root.page-contractverse,:root.page-contractverse *){opacity:1;transform:none}
.rv-r:where(:root.page-contractverse,:root.page-contractverse *){transition:opacity .85s var(--ease),transform .85s var(--ease)}
.rv-r.armed:where(:root.page-contractverse,:root.page-contractverse *){opacity:0;transform:translateX(30px)}
.rv-r.armed.in:where(:root.page-contractverse,:root.page-contractverse *){opacity:1;transform:none}
.rv-s:where(:root.page-contractverse,:root.page-contractverse *){transition:opacity .9s var(--ease),transform .9s var(--ease)}
.rv-s.armed:where(:root.page-contractverse,:root.page-contractverse *){opacity:0;transform:translateY(22px) scale(.97)}
.rv-s.armed.in:where(:root.page-contractverse,:root.page-contractverse *){opacity:1;transform:none}
[data-d="1"]:where(:root.page-contractverse,:root.page-contractverse *){transition-delay:.09s}
[data-d="2"]:where(:root.page-contractverse,:root.page-contractverse *){transition-delay:.18s}
[data-d="3"]:where(:root.page-contractverse,:root.page-contractverse *){transition-delay:.27s}
[data-d="4"]:where(:root.page-contractverse,:root.page-contractverse *){transition-delay:.36s}
[data-d="5"]:where(:root.page-contractverse,:root.page-contractverse *){transition-delay:.45s}
[data-d="6"]:where(:root.page-contractverse,:root.page-contractverse *){transition-delay:.54s}
[data-d="7"]:where(:root.page-contractverse,:root.page-contractverse *){transition-delay:.63s}

/* ---- hero headline word cascade ---- */
.tsh h1 .wd:where(:root.page-contractverse,:root.page-contractverse *){display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.16em;margin-bottom:-.16em}
.tsh h1 .wd i:where(:root.page-contractverse,:root.page-contractverse *){display:inline-block;font-style:normal;transition:transform .95s cubic-bezier(.19,1,.22,1),opacity .7s var(--ease)}
.tsh.armed h1 .wd i:where(:root.page-contractverse,:root.page-contractverse *){transform:translateY(105%);opacity:0}
.tsh.armed.lit h1 .wd i:where(:root.page-contractverse,:root.page-contractverse *){transform:none;opacity:1}
.tsh-eyebrow:where(:root.page-contractverse,:root.page-contractverse *),.tsh-sub:where(:root.page-contractverse,:root.page-contractverse *){transition:opacity .8s var(--ease),transform .8s var(--ease)}
.tsh.armed .tsh-eyebrow:where(:root.page-contractverse,:root.page-contractverse *),.tsh.armed .tsh-sub:where(:root.page-contractverse,:root.page-contractverse *){opacity:0;transform:translateY(16px)}
.tsh.armed.lit .tsh-eyebrow:where(:root.page-contractverse,:root.page-contractverse *){opacity:1;transform:none;transition-delay:.05s}
.tsh.armed.lit .tsh-sub:where(:root.page-contractverse,:root.page-contractverse *){opacity:1;transform:none;transition-delay:.5s}
.tsm-body--ph:where(:root.page-contractverse,:root.page-contractverse *){display:grid;place-items:center;min-height:clamp(300px,32vw,380px);grid-template-columns:1fr;padding:40px}
.tsm-ph:where(:root.page-contractverse,:root.page-contractverse *){font-family:var(--font-mono);font-size:clamp(10px,1vw,12px);letter-spacing:.14em;text-transform:uppercase;color:var(--wine);background:var(--wine-soft);border:1px dashed var(--wine-line);border-radius:100px;padding:11px 22px;text-align:center}

/* ---- banner: cursor-follow glow ---- */
.tsh:where(:root.page-contractverse,:root.page-contractverse *){--mx:50%;--my:22%}
.tsh:where(:root.page-contractverse,:root.page-contractverse *)::after{content:"";position:absolute;left:var(--mx);top:var(--my);width:640px;height:640px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 66%);opacity:0;transition:opacity .45s var(--ease)}
.tsh:hover:where(:root.page-contractverse,:root.page-contractverse *)::after{opacity:1}
.tsh-in:where(:root.page-contractverse,:root.page-contractverse *),.tsm:where(:root.page-contractverse,:root.page-contractverse *){position:relative;z-index:2}

/* ---- hero mock: entrance, tilt ---- */
.tsm:where(:root.page-contractverse,:root.page-contractverse *){transition:opacity 1.1s var(--ease),transform 1.2s cubic-bezier(.19,1,.22,1)}
.tsm.armed:where(:root.page-contractverse,:root.page-contractverse *){opacity:0;transform:perspective(1600px) rotateX(9deg) translateY(46px) scale(.965)}
.tsm.armed.in:where(:root.page-contractverse,:root.page-contractverse *){opacity:1;transform:perspective(1600px) rotateX(0) translateY(0) scale(1)}
.tsm.in.tilt:where(:root.page-contractverse,:root.page-contractverse *){transform:perspective(1600px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(0) scale(1);transition:transform .5s var(--ease)}
.tsm-sig:where(:root.page-contractverse,:root.page-contractverse *){position:relative;overflow:hidden}
.tsm-sig:where(:root.page-contractverse,:root.page-contractverse *)::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(155,27,46,.14) 50%,transparent 70%);transform:translateX(-120%);pointer-events:none}
.tsm-sig.on:where(:root.page-contractverse,:root.page-contractverse *)::after{animation:tsSheen 1.1s var(--ease) .1s}
.tsm-row.on .tsm-av:where(:root.page-contractverse,:root.page-contractverse *){animation:tsPop .5s cubic-bezier(.22,1.4,.3,1)}
.tsm-lines i:where(:root.page-contractverse,:root.page-contractverse *){position:relative;overflow:hidden}
.tsm-lines i:where(:root.page-contractverse,:root.page-contractverse *)::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(155,27,46,.10),transparent);transform:translateX(-100%);animation:tsScan 5.5s linear infinite}
.tsm-lines i:nth-child(2):where(:root.page-contractverse,:root.page-contractverse *)::after{animation-delay:.3s}
.tsm-lines i:nth-child(3):where(:root.page-contractverse,:root.page-contractverse *)::after{animation-delay:.6s}
.tsm-lines i:nth-child(4):where(:root.page-contractverse,:root.page-contractverse *)::after{animation-delay:.9s}
.tsm-lines i:nth-child(5):where(:root.page-contractverse,:root.page-contractverse *)::after{animation-delay:1.2s}
.tsm-lines i:nth-child(6):where(:root.page-contractverse,:root.page-contractverse *)::after{animation-delay:1.5s}

/* ---- panel details ---- */
.sigt-meta div:where(:root.page-contractverse,:root.page-contractverse *){transition:background .3s var(--ease),transform .3s var(--ease)}
.sigt-meta div:hover:where(:root.page-contractverse,:root.page-contractverse *){background:var(--wine-soft);transform:translateY(-2px)}
.sigt-uses span:where(:root.page-contractverse,:root.page-contractverse *){transition:.28s var(--ease)}
.sigt-uses span:hover:where(:root.page-contractverse,:root.page-contractverse *){border-color:var(--wine);color:var(--wine);transform:translateY(-2px)}

/* ---- capability rows ---- */
.cap:where(:root.page-contractverse,:root.page-contractverse *){position:relative;overflow:hidden}
.cap:where(:root.page-contractverse,:root.page-contractverse *)::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--wine);transform:scaleY(0);transform-origin:top;transition:transform .45s var(--ease)}
.cap:hover:where(:root.page-contractverse,:root.page-contractverse *)::before{transform:scaleY(1)}
.cap h4:where(:root.page-contractverse,:root.page-contractverse *){transition:color .3s var(--ease),transform .35s var(--ease)}
.cap:hover h4:where(:root.page-contractverse,:root.page-contractverse *){transform:translateX(3px)}

/* ---- audit trail sequential draw ---- */
.audit li:where(:root.page-contractverse,:root.page-contractverse *){opacity:0;transform:translateX(-10px);transition:opacity .55s var(--ease),transform .55s var(--ease)}
.audit.go li:where(:root.page-contractverse,:root.page-contractverse *){opacity:1;transform:none}
.audit.go li:nth-child(1):where(:root.page-contractverse,:root.page-contractverse *){transition-delay:.1s}
.audit.go li:nth-child(2):where(:root.page-contractverse,:root.page-contractverse *){transition-delay:.28s}
.audit.go li:nth-child(3):where(:root.page-contractverse,:root.page-contractverse *){transition-delay:.46s}
.audit.go li:nth-child(4):where(:root.page-contractverse,:root.page-contractverse *){transition-delay:.64s}
.audit.go li:nth-child(5):where(:root.page-contractverse,:root.page-contractverse *){transition-delay:.82s}
.audit.go li:nth-child(6):where(:root.page-contractverse,:root.page-contractverse *){transition-delay:1s}
.audit ol:where(:root.page-contractverse,:root.page-contractverse *)::before{transform:scaleY(0);transform-origin:top;transition:transform 1.5s var(--ease) .1s}
.audit.go ol:where(:root.page-contractverse,:root.page-contractverse *)::before{transform:scaleY(1)}
.comp-b:where(:root.page-contractverse,:root.page-contractverse *){transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.comp-b:hover:where(:root.page-contractverse,:root.page-contractverse *){transform:translateY(-4px);box-shadow:0 22px 44px -28px rgba(20,22,27,.45)}

/* ---- stats ---- */
.tstats div:where(:root.page-contractverse,:root.page-contractverse *){position:relative;overflow:hidden;transition:background .35s var(--ease)}
.tstats div:where(:root.page-contractverse,:root.page-contractverse *)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--wine);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.tstats div:hover:where(:root.page-contractverse,:root.page-contractverse *){background:var(--paper-2)}
.tstats div:hover:where(:root.page-contractverse,:root.page-contractverse *)::after{transform:scaleX(1)}

/* ---- faq ---- */
.faq details:where(:root.page-contractverse,:root.page-contractverse *){transition:background .3s var(--ease)}
.faq details[open]:where(:root.page-contractverse,:root.page-contractverse *){background:var(--paper-2)}
.faq summary:where(:root.page-contractverse,:root.page-contractverse *){padding-left:0;transition:padding-left .3s var(--ease)}
.faq details[open] summary:where(:root.page-contractverse,:root.page-contractverse *),.faq summary:hover:where(:root.page-contractverse,:root.page-contractverse *){padding-left:16px}
.faq details[open] .ans:where(:root.page-contractverse,:root.page-contractverse *){padding-left:16px}
html.can-anim .faq details[open] .ans:where(:root.page-contractverse,:root.page-contractverse *){animation:faqIn .5s var(--ease) both}

/* ---- side section rail ---- */
.ts-rail:where(:root.page-contractverse,:root.page-contractverse *){position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;gap:14px;opacity:0;transition:opacity .5s var(--ease);pointer-events:none}
.ts-rail.show:where(:root.page-contractverse,:root.page-contractverse *){opacity:1;pointer-events:auto}
.ts-rail a:where(:root.page-contractverse,:root.page-contractverse *){position:relative;width:8px;height:8px;border-radius:50%;background:var(--line);transition:.3s var(--ease)}
.ts-rail a:where(:root.page-contractverse,:root.page-contractverse *)::after{content:attr(data-l);position:absolute;right:20px;top:50%;transform:translateY(-50%) translateX(6px);white-space:nowrap;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);background:#fff;border:1px solid var(--line);border-radius:100px;padding:5px 10px;opacity:0;transition:.3s var(--ease);pointer-events:none}
.ts-rail a:hover:where(:root.page-contractverse,:root.page-contractverse *)::after{opacity:1;transform:translateY(-50%)}
.ts-rail a.on:where(:root.page-contractverse,:root.page-contractverse *){background:var(--wine);transform:scale(1.5)}
html[data-motion="off"] .rv:where(:root.page-contractverse,:root.page-contractverse *),html[data-motion="off"] .rv-l:where(:root.page-contractverse,:root.page-contractverse *),html[data-motion="off"] .rv-r:where(:root.page-contractverse,:root.page-contractverse *),html[data-motion="off"] .rv-s:where(:root.page-contractverse,:root.page-contractverse *){opacity:1;transform:none}
{__TWEAKS_STYLE}


/* ============================================================
   Integrations   (html.page-integrations)
   ============================================================ */

/* Satoshi — self-hosted @font-face (woff2), inlined for standalone export */

/* touch 1781880837620 */

/* ============================================================================
   TRUECOPY — Enterprise Trust Infrastructure
   base.css · tokens, reset, typography, layout, nav, footer, shared utilities
   ========================================================================== */
:root:where(:root.page-integrations,:root.page-integrations *){/* paper / ink */ --paper:#ffffff; --paper-2:#FAF9F7; --paper-3:#F3F1EC; --ink:#14161B; --ink-2:#474C56; --ink-3:#676D78; --line:#E8E6E0; --line-2:#F0EEE9; --hair:#E2DFD8; /* brand — overridable by tweaks */ --wine:#9B1B2E; --wine-deep:#74121F; --wine-soft:#FBF1F2; --wine-line:rgba(155,27,46,.20); /* accent — overridable by tweaks */ --accent:#1B3A8F; --accent-2:#2C4FB0; --accent-soft:#EEF1FA; --accent-line:rgba(27,58,143,.20); --shadow-sm:0 1px 2px rgba(20,22,27,.04), 0 1px 1px rgba(20,22,27,.03); --shadow-md:0 18px 50px -28px rgba(20,22,27,.30), 0 6px 16px -12px rgba(20,22,27,.18); --shadow-lg:0 50px 110px -50px rgba(20,30,60,.45), 0 18px 40px -28px rgba(20,22,27,.22); --maxw:1488px; --gut:clamp(20px,5vw,64px); --font-sans:'Satoshi',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; --font-mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular',monospace; --ease:cubic-bezier(.22,.61,.36,1); --ease-out:cubic-bezier(.16,1,.3,1)}
*:where(:root.page-integrations,:root.page-integrations *){margin:0;padding:0;box-sizing:border-box}
html:where(:root.page-integrations,:root.page-integrations *){-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body:where(:root.page-integrations,:root.page-integrations *){background:var(--paper); color:var(--ink); font-family:var(--font-sans); font-weight:400; line-height:1.5; letter-spacing:-0.011em; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow-x:hidden}
img:where(:root.page-integrations,:root.page-integrations *),svg:where(:root.page-integrations,:root.page-integrations *){display:block;max-width:100%}
a:where(:root.page-integrations,:root.page-integrations *){color:inherit;text-decoration:none}
button:where(:root.page-integrations,:root.page-integrations *){font-family:inherit;cursor:pointer}
:where(:root.page-integrations,:root.page-integrations *)::selection{background:var(--wine);color:#fff}

/* ---------- layout ---------- */
.wrap:where(:root.page-integrations,:root.page-integrations *){max-width:var(--maxw);margin:0 auto;padding-inline:var(--gut)}
.section:where(:root.page-integrations,:root.page-integrations *){position:relative;padding-block:70px}
.section--tight:where(:root.page-integrations,:root.page-integrations *){padding-block:70px}
.bleed:where(:root.page-integrations,:root.page-integrations *){background:var(--paper-2)}
.divider:where(:root.page-integrations,:root.page-integrations *){height:1px;background:var(--hair);border:0}

/* ---------- typography ---------- */
.h-display:where(:root.page-integrations,:root.page-integrations *){font-weight:700; font-size:clamp(40px,6.6vw,88px); line-height:0.98; letter-spacing:-0.035em; text-wrap:balance}
.h-section:where(:root.page-integrations,:root.page-integrations *){font-weight:700; font-size:clamp(28px,4.05vw,52px); line-height:1.02; letter-spacing:-0.03em; text-wrap:balance}
.h-sub:where(:root.page-integrations,:root.page-integrations *){font-weight:600; font-size:clamp(22px,2.6vw,32px); line-height:1.1; letter-spacing:-0.02em}
.lede:where(:root.page-integrations,:root.page-integrations *){font-size:clamp(17px,1.5vw,20px); line-height:1.55; color:var(--ink-2); font-weight:400; letter-spacing:-0.012em; max-width:62ch; text-wrap:pretty}
.dim:where(:root.page-integrations,:root.page-integrations *){color:var(--ink-2)}
.muted:where(:root.page-integrations,:root.page-integrations *){color:var(--ink-3)}
.wine-text:where(:root.page-integrations,:root.page-integrations *){color:var(--wine)}

/* mono technical label / eyebrow */
.eyebrow:where(:root.page-integrations,:root.page-integrations *){display:inline-flex;align-items:center;gap:10px; font-family:var(--font-mono); font-size:12px;font-weight:500; letter-spacing:0.14em;text-transform:uppercase; color:var(--ink-3)}
.eyebrow:where(:root.page-integrations,:root.page-integrations *)::before{content:"";width:7px;height:7px;border-radius:2px; background:var(--wine);flex:none}
.eyebrow .num:where(:root.page-integrations,:root.page-integrations *){color:var(--wine);font-weight:600}
.kicker:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:11px;font-weight:500; letter-spacing:0.16em;text-transform:uppercase;color:var(--ink-3)}
.tag:where(:root.page-integrations,:root.page-integrations *){display:inline-flex;align-items:center;gap:7px; font-family:var(--font-mono);font-size:10.5px;font-weight:500; letter-spacing:0.1em;text-transform:uppercase; color:var(--ink-2); padding:5px 9px;border:1px solid var(--line);border-radius:6px; background:var(--paper)}
.tag .dot:where(:root.page-integrations,:root.page-integrations *){width:5px;height:5px;border-radius:50%;background:var(--accent)}
.tag--wine .dot:where(:root.page-integrations,:root.page-integrations *){background:var(--wine)}

/* section head block */
.shead:where(:root.page-integrations,:root.page-integrations *){max-width:880px}
.shead .h-section:where(:root.page-integrations,:root.page-integrations *){margin-top:18px}
.shead .lede:where(:root.page-integrations,:root.page-integrations *){margin-top:22px}

/* ---------- buttons ---------- */
.btn:where(:root.page-integrations,:root.page-integrations *){display:inline-flex;align-items:center;gap:9px; font-size:15px;font-weight:600;letter-spacing:-0.01em; padding:13px 20px;border-radius:9px;border:1px solid transparent; transition:transform .18s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease), color .2s; white-space:nowrap}
.btn .arr:where(:root.page-integrations,:root.page-integrations *){transition:transform .25s var(--ease)}
.btn:hover .arr:where(:root.page-integrations,:root.page-integrations *){transform:translateX(3px)}
.btn-primary:where(:root.page-integrations,:root.page-integrations *){background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}
.btn-primary:hover:where(:root.page-integrations,:root.page-integrations *){background:var(--accent-2);transform:translateY(-1px);box-shadow:var(--shadow-md)}
.btn-wine:where(:root.page-integrations,:root.page-integrations *){background:var(--wine);color:#fff}
.btn-wine:hover:where(:root.page-integrations,:root.page-integrations *){background:var(--wine-deep);transform:translateY(-1px);box-shadow:0 14px 34px -16px var(--wine)}
.btn-ghost:where(:root.page-integrations,:root.page-integrations *){background:transparent;color:var(--ink);border-color:var(--line)}
.btn-ghost:hover:where(:root.page-integrations,:root.page-integrations *){border-color:var(--ink);background:var(--paper-2)}
.btn-sm:where(:root.page-integrations,:root.page-integrations *){padding:10px 15px;font-size:14px;border-radius:8px}
.link-arrow:where(:root.page-integrations,:root.page-integrations *){display:inline-flex;align-items:center;gap:8px; font-weight:600;font-size:15px;color:var(--ink); border-bottom:1px solid transparent;padding-bottom:2px;transition:.2s}
.link-arrow .arr:where(:root.page-integrations,:root.page-integrations *){transition:transform .25s var(--ease);color:var(--wine)}
.link-arrow:hover:where(:root.page-integrations,:root.page-integrations *){color:var(--wine)}
.link-arrow:hover .arr:where(:root.page-integrations,:root.page-integrations *){transform:translateX(4px)}

/* ---------- nav ---------- */
.nav:where(:root.page-integrations,:root.page-integrations *){position:fixed;top:0;left:0;right:0;z-index:900;background:transparent;border:0; padding:clamp(12px,1.6vw,20px) clamp(14px,3vw,28px) 0; transition:padding .3s var(--ease)}
.nav.is-stuck:where(:root.page-integrations,:root.page-integrations *){padding-top:10px}
.nav-in:where(:root.page-integrations,:root.page-integrations *){max-width:1150px;margin:0 auto; height:62px;padding:7px 8px 7px 24px; display:flex;align-items:center;gap:16px; background:rgba(255,255,255,.80); -webkit-backdrop-filter:blur(20px) saturate(165%); backdrop-filter:blur(20px) saturate(165%); border:1px solid rgba(255,255,255,.72); border-radius:100px; box-shadow:0 12px 36px -18px rgba(46,18,26,.30), 0 2px 8px -3px rgba(46,18,26,.12); transition:box-shadow .3s var(--ease), background .3s var(--ease)}
.nav.is-stuck .nav-in:where(:root.page-integrations,:root.page-integrations *){background:rgba(255,255,255,.92); box-shadow:0 18px 46px -18px rgba(46,18,26,.40), 0 3px 10px -3px rgba(46,18,26,.16)}
.brand:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;flex:none}
.brand .mark:where(:root.page-integrations,:root.page-integrations *){height:54px;width:auto;flex:none;object-fit:contain}
.nav-links:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;justify-content:center;gap:4px;flex:1 1 auto}
.nav-link:where(:root.page-integrations,:root.page-integrations *){font-size:14px;font-weight:500;color:var(--ink-2); padding:9px 14px;border-radius:100px;transition:.18s}
.nav-link:hover:where(:root.page-integrations,:root.page-integrations *){color:var(--ink);background:rgba(46,18,26,.06)}
.nav-cta:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;gap:8px;flex:none}

/* ---------- nav dropdown ---------- */
.nav-item:where(:root.page-integrations,:root.page-integrations *){position:relative;display:flex;align-items:center}
.nav-trigger:where(:root.page-integrations,:root.page-integrations *){display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;cursor:pointer;font-family:inherit}
.nav-trigger .caret:where(:root.page-integrations,:root.page-integrations *){width:15px;height:15px;color:var(--ink-2);transition:transform .25s var(--ease),color .2s;flex:none}
.nav-trigger .caret path:where(:root.page-integrations,:root.page-integrations *){fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav-item:hover .nav-trigger:where(:root.page-integrations,:root.page-integrations *),.nav-item:focus-within .nav-trigger:where(:root.page-integrations,:root.page-integrations *){color:var(--ink);background:var(--paper-2)}
.nav-item:hover .caret:where(:root.page-integrations,:root.page-integrations *),.nav-item:focus-within .caret:where(:root.page-integrations,:root.page-integrations *){transform:rotate(180deg);color:var(--wine)}
.nav-menu:where(:root.page-integrations,:root.page-integrations *){position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(8px) scale(.985);transform-origin:top center; width:332px;background:var(--paper);border:1px solid var(--line);border-radius:14px; box-shadow:var(--shadow-lg);padding:8px; opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s; z-index:50}
.nav-menu:where(:root.page-integrations,:root.page-integrations *)::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nav-item:hover .nav-menu:where(:root.page-integrations,:root.page-integrations *),.nav-item:focus-within .nav-menu:where(:root.page-integrations,:root.page-integrations *){opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}

/* mega dropdown (Solutions) */
.nav-mega:where(:root.page-integrations,:root.page-integrations *){position:absolute;top:calc(100% + 12px);left:0;transform:translateY(8px) scale(.99);transform-origin:top left; width:min(880px,calc(100vw - 48px)); background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg); padding:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px; opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s;z-index:50}
.nav-mega:where(:root.page-integrations,:root.page-integrations *)::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nav-item:hover .nav-mega:where(:root.page-integrations,:root.page-integrations *),.nav-item:focus-within .nav-mega:where(:root.page-integrations,:root.page-integrations *){opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
.mega-col:where(:root.page-integrations,:root.page-integrations *){padding:14px 16px;border-radius:12px;border:1px solid transparent;transition:border-color .2s,background .2s}
.mega-col:hover:where(:root.page-integrations,:root.page-integrations *){background:var(--paper-2);border-color:var(--line)}
.mega-prod:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;gap:10px;padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.mega-prod .mp-glyph:where(:root.page-integrations,:root.page-integrations *){width:28px;height:28px;border-radius:8px;background:var(--accent);color:#fff;display:grid;place-items:center;font-family:var(--font-mono);font-size:9px;font-weight:600;flex:none}
.mega-prod b:where(:root.page-integrations,:root.page-integrations *){font-size:15px;font-weight:700;letter-spacing:-0.02em;color:var(--ink)}
.mega-prod:hover b:where(:root.page-integrations,:root.page-integrations *){color:var(--wine)}
.mega-desc:where(:root.page-integrations,:root.page-integrations *){font-size:12.5px;line-height:1.45;color:var(--ink-3);margin:12px 0 14px;min-height:54px}
.mega-sub:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13.5px;font-weight:500;color:var(--ink-2);padding:8px 0;border-top:1px solid var(--line-2);transition:color .15s}
.mega-sub .arr:where(:root.page-integrations,:root.page-integrations *){color:var(--ink-3);opacity:0;transform:translateX(-4px);transition:.18s var(--ease)}
.mega-sub:hover:where(:root.page-integrations,:root.page-integrations *){color:var(--wine)}
.mega-sub:hover .arr:where(:root.page-integrations,:root.page-integrations *){color:var(--wine);opacity:1;transform:translateX(0)}
.nav-menu-link:where(:root.page-integrations,:root.page-integrations *){display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:14px;row-gap:2px; padding:11px 13px;border-radius:10px;transition:background .16s var(--ease)}
.nav-menu-link .nml-t:where(:root.page-integrations,:root.page-integrations *){font-size:14.5px;font-weight:600;color:var(--ink);letter-spacing:-0.01em}
.nav-menu-link .nml-d:where(:root.page-integrations,:root.page-integrations *){grid-column:1;font-size:12px;color:var(--ink-3);line-height:1.35}
.nav-menu-link .nml-arr:where(:root.page-integrations,:root.page-integrations *){grid-column:2;grid-row:1/span 2;color:var(--ink-3);font-size:15px;transition:transform .2s var(--ease),color .2s}
.nav-menu-link:hover:where(:root.page-integrations,:root.page-integrations *){background:var(--paper-2)}
.nav-menu-link:hover .nml-t:where(:root.page-integrations,:root.page-integrations *){color:var(--wine)}
.nav-menu-link:hover .nml-arr:where(:root.page-integrations,:root.page-integrations *){color:var(--wine);transform:translate(3px,-1px)}

/* modern icon dropdown (Solutions + Resources + Industries) */
.nav-mega--icons:where(:root.page-integrations,:root.page-integrations *){padding:18px;display:block}
.nav-menu.nav-mega--icons:where(:root.page-integrations,:root.page-integrations *){width:392px}
.nmi-label:where(:root.page-integrations,:root.page-integrations *){display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);padding:0 4px 12px;margin:0 0 12px;border-bottom:1px solid var(--line)}
.nmi-grid:where(:root.page-integrations,:root.page-integrations *){display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}
.nmi-grid--3:where(:root.page-integrations,:root.page-integrations *){grid-template-columns:1fr 1fr 1fr}
.nmi-grid--1:where(:root.page-integrations,:root.page-integrations *){grid-template-columns:1fr;gap:4px}

/* Solutions: vertical list + preview panel */
.nmi-split:where(:root.page-integrations,:root.page-integrations *){display:flex;gap:40px}
.nmi-split .nmi-grid--1:where(:root.page-integrations,:root.page-integrations *){flex:0 0 42%;min-width:0;gap:9px;grid-template-columns:1fr}
.nmi-preview:where(:root.page-integrations,:root.page-integrations *){flex:1 1 58%;min-width:0;display:flex;flex-direction:column;gap:9px}
.nmp-cap:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.nmp-frame:where(:root.page-integrations,:root.page-integrations *){flex:1;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper-2);display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}
.nmp-bar:where(:root.page-integrations,:root.page-integrations *){display:flex;gap:5px;padding:11px 13px;border-bottom:1px solid var(--line);background:var(--paper)}
.nmp-bar i:where(:root.page-integrations,:root.page-integrations *){width:9px;height:9px;border-radius:50%;background:#DAD7D0}
.nmp-body:where(:root.page-integrations,:root.page-integrations *){flex:1;display:flex;flex-direction:column;justify-content:center;gap:9px;padding:24px;position:relative;overflow:hidden;transition:background .25s var(--ease)}
.nmp-body:where(:root.page-integrations,:root.page-integrations *)::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.5) 1.1px,transparent 1.1px);background-size:16px 16px;opacity:.5}
.nmp-body.c1:where(:root.page-integrations,:root.page-integrations *){background:linear-gradient(150deg,#B23a4a,#8E1B2C)}
.nmp-body.c2:where(:root.page-integrations,:root.page-integrations *){background:linear-gradient(150deg,#2A6FDB,#1B44A8)}
.nmp-body.c3:where(:root.page-integrations,:root.page-integrations *){background:linear-gradient(150deg,#1F8A5B,#136141)}
.nmp-body.c4:where(:root.page-integrations,:root.page-integrations *){background:linear-gradient(150deg,#7A4AD1,#4E2B95)}
.nmp-badge:where(:root.page-integrations,:root.page-integrations *){position:relative;font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.nmp-title:where(:root.page-integrations,:root.page-integrations *){position:relative;font-size:20px;font-weight:700;letter-spacing:-0.02em;color:#fff;line-height:1.1}
.nmp-sub:where(:root.page-integrations,:root.page-integrations *){position:relative;font-size:12.5px;color:rgba(255,255,255,.82);line-height:1.45;max-width:30ch}
.nmp-rows:where(:root.page-integrations,:root.page-integrations *){position:relative;display:flex;flex-direction:column;gap:6px;margin-top:8px}
.nmp-rows i:where(:root.page-integrations,:root.page-integrations *){height:7px;border-radius:4px;background:rgba(255,255,255,.28)}
.nmp-rows i:nth-child(1):where(:root.page-integrations,:root.page-integrations *){width:80%}
.nmp-rows i:nth-child(2):where(:root.page-integrations,:root.page-integrations *){width:62%}
.nmp-rows i:nth-child(3):where(:root.page-integrations,:root.page-integrations *){width:70%}
.nmi-item:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:flex-start;gap:13px;padding:12px;border-radius:14px;transition:background .16s var(--ease)}
.nmi-item:hover:where(:root.page-integrations,:root.page-integrations *){background:var(--paper-2)}
.nmi-ic:where(:root.page-integrations,:root.page-integrations *){width:42px;height:42px;border-radius:12px;flex:none;display:grid;place-items:center;color:#fff;box-shadow:0 6px 14px -6px rgba(20,16,22,.4)}
.nmi-ic svg:where(:root.page-integrations,:root.page-integrations *){width:22px;height:22px;display:block}
.nmi-grid:where(:root.page-integrations,:root.page-integrations *){display:grid;grid-template-columns:1fr 1fr;gap:4px}
.nmi-grid--3:where(:root.page-integrations,:root.page-integrations *){grid-template-columns:1fr 1fr 1fr}
.nmi-item:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:flex-start;gap:13px;padding:12px;border-radius:14px;transition:background .16s var(--ease)}
.nmi-item--sm:where(:root.page-integrations,:root.page-integrations *){gap:11px;padding:10px 11px}
.nmi-item:hover:where(:root.page-integrations,:root.page-integrations *){background:var(--paper-2)}
.nmi-ic:where(:root.page-integrations,:root.page-integrations *){width:42px;height:42px;border-radius:12px;flex:none;display:grid;place-items:center;color:#fff;box-shadow:0 6px 14px -6px rgba(20,16,22,.4)}
.nmi-item--sm .nmi-ic:where(:root.page-integrations,:root.page-integrations *){width:36px;height:36px;border-radius:10px}
.nmi-item--sm .nmi-ic svg:where(:root.page-integrations,:root.page-integrations *){width:19px;height:19px}
.nmi-ic svg:where(:root.page-integrations,:root.page-integrations *){width:22px;height:22px;display:block}
.nmi-ic.c1:where(:root.page-integrations,:root.page-integrations *){background:linear-gradient(150deg,#B23a4a,#8E1B2C)}
.nmi-ic.c2:where(:root.page-integrations,:root.page-integrations *){background:linear-gradient(150deg,#3E63B4,#28407e)}
.nmi-ic.c3:where(:root.page-integrations,:root.page-integrations *){background:linear-gradient(150deg,#2E9C6E,#1c6b4a)}
.nmi-ic.c4:where(:root.page-integrations,:root.page-integrations *){background:linear-gradient(150deg,#C0892E,#8a611c)}
.nmi-ic.c5:where(:root.page-integrations,:root.page-integrations *){background:linear-gradient(150deg,#6b52b4,#4a3780)}
.nmi-tx:where(:root.page-integrations,:root.page-integrations *){display:flex;flex-direction:column;gap:3px;min-width:0}
.nmi-tx b:where(:root.page-integrations,:root.page-integrations *){font-size:14.5px;font-weight:700;color:var(--ink);letter-spacing:-0.01em;transition:color .16s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nmi-item:hover .nmi-tx b:where(:root.page-integrations,:root.page-integrations *){color:var(--wine)}
.nmi-tx span:where(:root.page-integrations,:root.page-integrations *){font-size:12px;color:var(--ink-3);line-height:1.35; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Solutions single-col: one-line description */
.nmi-grid--1 .nmi-tx span:where(:root.page-integrations,:root.page-integrations *){display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:none}

/* card-grid mega (Industries) — reuses Resources nav-menu-link cards */
.nav-mega--cards:where(:root.page-integrations,:root.page-integrations *){display:grid;grid-template-columns:repeat(3,1fr);gap:2px;width:min(640px,calc(100vw - 48px));padding:12px}

/* hover-intent: keep dropdown open while travelling to the panel */
.nav-item.is-open .nav-trigger:where(:root.page-integrations,:root.page-integrations *){color:var(--ink);background:var(--paper-2)}
.nav-item.is-open .caret:where(:root.page-integrations,:root.page-integrations *){transform:rotate(180deg);color:var(--wine)}
.nav-item.is-open .nav-menu:where(:root.page-integrations,:root.page-integrations *){opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}
.nav-item.is-open .nav-mega:where(:root.page-integrations,:root.page-integrations *){opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}
.nav-item:not(.is-open):hover .nav-menu:where(:root.page-integrations,:root.page-integrations *),.nav-item:not(.is-open):hover .nav-mega:where(:root.page-integrations,:root.page-integrations *){opacity:0;visibility:hidden;pointer-events:none}

/* ---------- footer ---------- */
.foot:where(:root.page-integrations,:root.page-integrations *){background:var(--paper-2);border-top:1px solid var(--line);padding-block:clamp(64px,8vw,104px) 36px}
.foot-grid:where(:root.page-integrations,:root.page-integrations *){display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:48px 36px}
.foot :is(h3,h4):where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500;margin-bottom:16px}
.foot-brand:where(:root.page-integrations,:root.page-integrations *){margin-bottom:20px}
.foot-brand .mark:where(:root.page-integrations,:root.page-integrations *){height:56px;width:auto}
.foot ul:where(:root.page-integrations,:root.page-integrations *){list-style:none;display:flex;flex-direction:column;gap:11px}
.foot li a:where(:root.page-integrations,:root.page-integrations *){font-size:14.5px;color:var(--ink-2);transition:.15s}
.foot li a:hover:where(:root.page-integrations,:root.page-integrations *){color:var(--wine)}
.foot-badge:where(:root.page-integrations,:root.page-integrations *){display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--wine);background:var(--wine-soft);padding:3px 7px;border-radius:5px;text-transform:uppercase;white-space:nowrap}

/* ---------- reveal / motion ----------
   Reveal hidden/visible state is driven by JS via inline styles so the
   visible END state is always the static computed style (never dependent on
   the animation clock). The WAAPI keyframe is pure enhancement. */

/* hairline tech grid background */
.grid-bg:where(:root.page-integrations,:root.page-integrations *){position:absolute;inset:0;pointer-events:none; background-image:linear-gradient(var(--hair) 1px,transparent 1px),linear-gradient(90deg,var(--hair) 1px,transparent 1px); background-size:64px 64px; -webkit-mask-image:radial-gradient(120% 90% at 70% 0%,#000 0%,transparent 72%); mask-image:radial-gradient(120% 90% at 70% 0%,#000 0%,transparent 72%); opacity:.5}

/* utility */
.mono:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono)}
.nowrap:where(:root.page-integrations,:root.page-integrations *){white-space:nowrap}
.center:where(:root.page-integrations,:root.page-integrations *){text-align:center}
.stat-num:where(:root.page-integrations,:root.page-integrations *){font-size:clamp(30px,3.4vw,46px);font-weight:700;letter-spacing:-0.03em;line-height:1;font-variant-numeric:tabular-nums}
.stat-lbl:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:9px}

/* ---------- cookie / privacy bar ---------- */
.cookiebar:where(:root.page-integrations,:root.page-integrations *){position:fixed;left:0;right:0;bottom:0;z-index:920; padding:0 clamp(12px,3vw,28px) clamp(12px,2.4vw,22px); pointer-events:none; opacity:0;transform:translateY(130%)}
.cookiebar-in:where(:root.page-integrations,:root.page-integrations *){pointer-events:auto;position:relative; max-width:1180px;margin:0 auto; display:flex;align-items:center;gap:clamp(14px,2vw,26px); background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%); border:1px solid var(--line);border-radius:14px; box-shadow:var(--shadow-lg); padding:14px clamp(16px,2vw,22px)}
.cb-ico:where(:root.page-integrations,:root.page-integrations *){flex:none;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--wine);background:var(--wine-soft);border:1px solid var(--wine-line)}
.cb-text:where(:root.page-integrations,:root.page-integrations *){flex:1;min-width:0;font-size:13.5px;line-height:1.5;color:var(--ink-2);letter-spacing:-0.005em;text-wrap:pretty}
.cb-text a:where(:root.page-integrations,:root.page-integrations *){color:var(--wine);font-weight:600;border-bottom:1px solid var(--wine-line);transition:.18s}
.cb-text a:hover:where(:root.page-integrations,:root.page-integrations *){border-bottom-color:var(--wine)}
.cb-actions:where(:root.page-integrations,:root.page-integrations *){flex:none;display:flex;align-items:center;gap:10px}
.cb-close:where(:root.page-integrations,:root.page-integrations *){flex:none;width:30px;height:30px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--ink-3);font-size:20px;line-height:1;display:grid;place-items:center;transition:.18s}
.cb-close:hover:where(:root.page-integrations,:root.page-integrations *){background:var(--paper-2);color:var(--ink)}

/* touch 1781880836837 */

/* ============================================================================
   TRUECOPY — sections.css
   ========================================================================== */

/* ============================ HERO (centered SaaS · red gradient) ============================ */
.hero:where(:root.page-integrations,:root.page-integrations *){position:relative;isolation:isolate; overflow:hidden;text-align:center;color:#fff; background: linear-gradient(180deg, rgba(255,255,255,.05), transparent 24%), linear-gradient(180deg,#6F1E2A 0%,#892634 15%,#A6333E 30%,#C25551 45%,#DA8377 58%,#F0C2B6 70%,#FBEAE3 78%,#FFFFFF 86%,#FFFFFF 100%)}

/* circular visual language */
.hero-bg:where(:root.page-integrations,:root.page-integrations *){position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.hero-noise:where(:root.page-integrations,:root.page-integrations *){position:absolute;inset:0;pointer-events:none;opacity:.18;mix-blend-mode:soft-light; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='hn'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23hn)'/%3E%3C/svg%3E");background-size:150px 150px}
.hero-glow:where(:root.page-integrations,:root.page-integrations *){position:absolute;left:50%;top:32%;width:680px;height:680px;transform:translate(-50%,-50%); background:radial-gradient(circle,rgba(255,205,188,.26),transparent 64%);filter:blur(12px); animation:heroGlow 9s var(--ease) infinite}
.orbit:where(:root.page-integrations,:root.page-integrations *){position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);border-radius:50%; border:1px solid rgba(255,255,255,.16); -webkit-mask-image:radial-gradient(circle,transparent 38%,#000 56%,#000 70%,transparent 86%); mask-image:radial-gradient(circle,transparent 38%,#000 56%,#000 70%,transparent 86%)}
.orbit-1:where(:root.page-integrations,:root.page-integrations *){width:680px;height:680px}
.orbit-2:where(:root.page-integrations,:root.page-integrations *){width:1080px;height:1080px;border-color:rgba(255,255,255,.10)}
.orbit-2.dashed-spin:where(:root.page-integrations,:root.page-integrations *){border-style:dashed;border-width:1.5px;border-color:rgba(255,255,255,.34); -webkit-mask-image:none;mask-image:none;animation:spin 60s linear infinite}
.orbit-3:where(:root.page-integrations,:root.page-integrations *){width:1480px;height:1480px;border-color:rgba(255,255,255,.07)}
.orbit-4:where(:root.page-integrations,:root.page-integrations *){width:1880px;height:1880px;border-color:rgba(255,255,255,.16)}
.orbit-4.dashed:where(:root.page-integrations,:root.page-integrations *){border-style:dashed;border-width:1px;animation:spin 80s linear infinite}
.hero-float-ring:where(:root.page-integrations,:root.page-integrations *){position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.30);opacity:.3}
.fr-a:where(:root.page-integrations,:root.page-integrations *){width:16px;height:16px;left:8%;top:30%;background:rgba(255,255,255,.14);animation:floatY 7s var(--ease) infinite}
.fr-d:where(:root.page-integrations,:root.page-integrations *){width:11px;height:11px;left:12%;top:64%;background:rgba(255,255,255,.55);border:0;animation:floatY 8s var(--ease) infinite reverse}
.fr-b:where(:root.page-integrations,:root.page-integrations *){width:30px;height:30px;right:8%;top:28%;animation:floatY 9s var(--ease) infinite reverse}
.fr-c:where(:root.page-integrations,:root.page-integrations *){width:11px;height:11px;right:12%;top:64%;background:rgba(255,255,255,.55);border:0;animation:floatY 6s var(--ease) infinite}
.hero-in:where(:root.page-integrations,:root.page-integrations *){position:relative;display:block}
.hero-copy:where(:root.page-integrations,:root.page-integrations *){max-width:880px;margin:0 auto}

/* social-proof review badge */
.hero-badge:where(:root.page-integrations,:root.page-integrations *){display:inline-flex;align-items:center;gap:11px;margin:0 auto;white-space:nowrap; padding:7px 16px 7px 12px;border-radius:100px; background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.26); -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px); font-size:13.5px;font-weight:500;color:rgba(255,255,255,.92);transition:.2s var(--ease)}
.hero-badge:hover:where(:root.page-integrations,:root.page-integrations *){background:rgba(255,255,255,.2);transform:translateY(-1px)}
.hero-badge .stars:where(:root.page-integrations,:root.page-integrations *){color:#FFD9A0;font-size:12px;letter-spacing:1px}
.hero-badge .hb-tx b:where(:root.page-integrations,:root.page-integrations *){font-weight:700;color:#fff}
.hero h1:where(:root.page-integrations,:root.page-integrations *){margin:26px auto 0;color:#fff;max-width:none; font-size:clamp(21px,2.6vw,34px);line-height:1.14;letter-spacing:-0.035em}
.hero h1 .ln1:where(:root.page-integrations,:root.page-integrations *){display:block;white-space:nowrap}
.hero h1 .ln2:where(:root.page-integrations,:root.page-integrations *){display:block;color:#fff;white-space:nowrap}
.hero h1 .ln3:where(:root.page-integrations,:root.page-integrations *){color:#fff}
.hero .lede:where(:root.page-integrations,:root.page-integrations *){margin:24px auto 0;color:rgba(255,255,255,.84);max-width:60ch;text-align:center;font-size:clamp(16px,1.5vw,19.5px)}
.hero-cta:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;justify-content:center;gap:20px;margin-top:38px;flex-wrap:wrap}
.hero-form:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;gap:6px;margin:34px auto 0;width:100%;max-width:476px; background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.32);border-radius:100px; padding:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px); box-shadow:0 16px 44px -22px rgba(40,8,12,.42)}
.hero-form:focus-within:where(:root.page-integrations,:root.page-integrations *){border-color:rgba(255,255,255,.58);background:rgba(255,255,255,.18)}
.hero-email:where(:root.page-integrations,:root.page-integrations *){flex:1 1 auto;min-width:0;background:transparent;border:0;outline:none;color:#fff; font-size:15px;padding:11px 8px 11px 18px;font-family:inherit;letter-spacing:-0.01em}
.hero-email:where(:root.page-integrations,:root.page-integrations *)::placeholder{color:rgba(255,255,255,.72)}
.hero-form .btn-hero:where(:root.page-integrations,:root.page-integrations *){flex:none}
.btn-hero:where(:root.page-integrations,:root.page-integrations *){background:#fff;color:var(--wine-deep);font-weight:700;padding:11px 24px;border-radius:100px; box-shadow:0 14px 34px -16px rgba(40,8,12,.45),0 1px 0 rgba(255,255,255,.5) inset;font-size:15px}
.btn-hero:hover:where(:root.page-integrations,:root.page-integrations *){transform:translateY(-2px);background:#fff;box-shadow:0 26px 60px -18px rgba(40,8,12,.62)}
.btn-hero .arr:where(:root.page-integrations,:root.page-integrations *){transition:transform .25s var(--ease)}
.btn-hero:hover .arr:where(:root.page-integrations,:root.page-integrations *){transform:translateX(4px)}
.hero-play:where(:root.page-integrations,:root.page-integrations *){display:inline-flex;align-items:center;gap:11px;color:#fff;font-weight:600;font-size:15px;opacity:.95;transition:.2s}
.hero-play:hover:where(:root.page-integrations,:root.page-integrations *){opacity:1}
.hero-play .hp-ic:where(:root.page-integrations,:root.page-integrations *){width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none; background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.32);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:.2s var(--ease)}
.hero-play .hp-ic:where(:root.page-integrations,:root.page-integrations *)::after{content:"";width:0;height:0;border-left:9px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:3px}
.hero-play:hover .hp-ic:where(:root.page-integrations,:root.page-integrations *){background:rgba(255,255,255,.26);transform:scale(1.06)}
.hero-trust:where(:root.page-integrations,:root.page-integrations *){display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:42px}
.hero-trust .ht:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;gap:10px;padding:9px 16px;border-radius:100px; background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20); -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.hero-trust .ht-ic:where(:root.page-integrations,:root.page-integrations *){width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.22);color:#fff;display:grid;place-items:center;font-size:10px;flex:none}
.hero-trust .ht-tx:where(:root.page-integrations,:root.page-integrations *){display:flex;flex-direction:column;gap:0;text-align:left;line-height:1.15}
.hero-trust .ht b:where(:root.page-integrations,:root.page-integrations *){font-size:13px;font-weight:700;color:#fff}
.hero-trust .ht span:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6)}

/* product mockup floating below */
.hero-stage-wrap:where(:root.page-integrations,:root.page-integrations *){position:relative;max-width:955px;margin:clamp(104px,12vw,168px) auto 0;perspective:1800px}
.hero-stage-wrap .stage:where(:root.page-integrations,:root.page-integrations *){border-radius:24px;border:15px solid rgba(248,205,197,.6); box-shadow:0 26px 56px -36px rgba(70,22,30,.28); transform:rotateX(3deg);transform-origin:center top;background-clip:padding-box}
.hero-float:where(:root.page-integrations,:root.page-integrations *){position:absolute;z-index:4;display:flex;align-items:center;gap:11px; padding:11px 14px;border-radius:13px;background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.8); box-shadow:0 22px 50px -22px rgba(40,8,16,.45)}
.hero-float .hfl-tx:where(:root.page-integrations,:root.page-integrations *){display:flex;flex-direction:column;text-align:left;line-height:1.25}
.hero-float .hfl-tx b:where(:root.page-integrations,:root.page-integrations *){font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-0.01em}
.hero-float .hfl-tx span:where(:root.page-integrations,:root.page-integrations *){font-size:11px;color:var(--ink-3)}
.hf-1:where(:root.page-integrations,:root.page-integrations *){left:-30px;top:24%;animation:floatCard 6.5s var(--ease) infinite}
.hf-1 .hfl-dot:where(:root.page-integrations,:root.page-integrations *){width:30px;height:30px;border-radius:50%;background:var(--wine-soft);position:relative;flex:none}
.hf-1 .hfl-dot:where(:root.page-integrations,:root.page-integrations *)::after{content:"\2713";position:absolute;inset:0;display:grid;place-items:center;color:var(--wine);font-weight:700;font-size:14px}
.hf-2:where(:root.page-integrations,:root.page-integrations *){right:-26px;top:54%;animation:floatCard 7.5s var(--ease) infinite reverse}
.hf-2 .hfl-ring:where(:root.page-integrations,:root.page-integrations *){position:relative;width:38px;height:38px;flex:none;display:grid;place-items:center}
.hf-2 .hfl-ring svg:where(:root.page-integrations,:root.page-integrations *){position:absolute;inset:0;transform:rotate(-90deg)}
.hf-2 .hfl-ring circle:where(:root.page-integrations,:root.page-integrations *){fill:none;stroke:var(--line);stroke-width:3}
.hf-2 .hfl-ring circle.prog:where(:root.page-integrations,:root.page-integrations *){stroke:var(--accent);stroke-linecap:round;stroke-dasharray:97.4;stroke-dashoffset:2}
.hf-2 .hfl-ring span:where(:root.page-integrations,:root.page-integrations *){font-size:10px;font-weight:700;color:var(--ink)}

/* hero product infographics — static icon circles riding the moving ring */

/* chips ride the dashed moving ring — two stacked on the left side, two on the right,
   vertically centred on the ring's centre (left:50%, top:34% — matching .orbit) */
.hero-chips:where(:root.page-integrations,:root.page-integrations *){position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;pointer-events:none; --rx:clamp(300px,41vw,500px);--ry:clamp(92px,10vw,150px)}
.hchip:where(:root.page-integrations,:root.page-integrations *){position:absolute;width:clamp(122px,11vw,154px);aspect-ratio:1;border-radius:26px;display:grid;place-items:center; pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent; background:linear-gradient(160deg,rgba(255,255,255,.20),rgba(255,255,255,.05))}
.hchip .hc-inner:where(:root.page-integrations,:root.page-integrations *){transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.hchip:hover .hc-inner:where(:root.page-integrations,:root.page-integrations *){transform:scale(1.05);box-shadow:0 18px 34px -14px rgba(70,18,28,.6)}
.hchip:active .hc-inner:where(:root.page-integrations,:root.page-integrations *){transform:scale(.93);transition-duration:.09s}
.hchip:focus-visible:where(:root.page-integrations,:root.page-integrations *){outline:2px solid #fff;outline-offset:3px}
.hchip:nth-child(1):where(:root.page-integrations,:root.page-integrations *){left:calc(50% - var(--rx) + 30px);top:calc(34% - 150px - var(--ry));transform:translate(-50%,-50%);animation:hchipL 6.5s var(--ease) infinite}
.hchip:nth-child(2):where(:root.page-integrations,:root.page-integrations *){left:calc(50% - var(--rx) - 20px);top:calc(34% - 110px + var(--ry));transform:translate(-50%,-50%);animation:hchipL 6.5s var(--ease) infinite;animation-delay:-2.2s}
.hchip:nth-child(3):where(:root.page-integrations,:root.page-integrations *){left:calc(50% + var(--rx) - 30px);top:calc(34% - 150px - var(--ry));transform:translate(-50%,-50%);animation:hchipR 6.5s var(--ease) infinite;animation-delay:-1.1s}
.hchip:nth-child(4):where(:root.page-integrations,:root.page-integrations *){left:calc(50% + var(--rx) + 30px);top:calc(34% - 110px + var(--ry));transform:translate(-50%,-50%);animation:hchipR 6.5s var(--ease) infinite;animation-delay:-3.4s}
html[data-motion="off"] .hchip:where(:root.page-integrations,:root.page-integrations *){animation:none}
.hchip:where(:root.page-integrations,:root.page-integrations *)::before{content:"";position:absolute;inset:0;border-radius:26px;padding:1.4px;pointer-events:none; background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.05) 70%,transparent); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.hc-inner:where(:root.page-integrations,:root.page-integrations *){width:80%;height:80%;border-radius:18px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:6px; box-shadow:0 12px 26px -12px rgba(70,18,28,.5)}
.hchip .hc-fig:where(:root.page-integrations,:root.page-integrations *){height:clamp(44px,4.6vw,58px);width:auto;max-width:92%;display:block}
.hchip:first-child .hc-fig:where(:root.page-integrations,:root.page-integrations *){height:clamp(58px,6.1vw,78px)}
.hc-nm:where(:root.page-integrations,:root.page-integrations *){font-size:clamp(11px,1vw,13px);font-weight:600;color:var(--wine);letter-spacing:-0.01em}

/* dashboard stage */
.stage:where(:root.page-integrations,:root.page-integrations *){position:relative;border-radius:16px;background:var(--paper); border:1px solid var(--line);box-shadow:var(--shadow-lg);overflow:hidden}
.stage-bar:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;gap:14px;padding:12px 14px;border-bottom:1px solid var(--line-2);background:var(--paper-2)}
.win-dots:where(:root.page-integrations,:root.page-integrations *){display:flex;gap:6px}
.win-dots i:where(:root.page-integrations,:root.page-integrations *){width:10px;height:10px;border-radius:50%;background:#DAD7D0;display:block}
.stage-addr:where(:root.page-integrations,:root.page-integrations *){flex:1;display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--ink-3);background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:5px 10px;min-width:0}
.stage-addr .lock:where(:root.page-integrations,:root.page-integrations *){color:var(--accent)}
.stage-addr .url:where(:root.page-integrations,:root.page-integrations *){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stage-live:where(:root.page-integrations,:root.page-integrations *){display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:#16804a}
.stage-live i:where(:root.page-integrations,:root.page-integrations *){width:6px;height:6px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 0 rgba(22,163,74,.5);animation:livePulse 2.4s infinite}
.stage-tabs:where(:root.page-integrations,:root.page-integrations *){position:relative;display:flex;gap:4px;padding:8px 10px;border-bottom:1px solid var(--line-2)}
.tab-ind:where(:root.page-integrations,:root.page-integrations *){position:absolute;top:8px;left:0;height:calc(100% - 16px);width:0;background:var(--paper-2);border:1px solid var(--line);border-radius:8px;z-index:0;pointer-events:none}
.stab:where(:root.page-integrations,:root.page-integrations *){position:relative;z-index:1;flex:1 1 0;min-width:0;overflow:hidden; display:inline-flex;align-items:center;justify-content:center;gap:6px; font-size:12px;font-weight:600;letter-spacing:-0.01em;color:var(--ink-3); padding:8px 6px;border-radius:8px;border:1px solid transparent;background:transparent;transition:color .2s var(--ease)}
.stab .gl:where(:root.page-integrations,:root.page-integrations *){width:17px;height:17px;border-radius:5px;display:grid;place-items:center;font-family:var(--font-mono);font-size:7.5px;font-weight:600;color:#fff;background:var(--ink-3);transition:background .2s;flex:none}
.stab-tx:where(:root.page-integrations,:root.page-integrations *){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.stab:hover:where(:root.page-integrations,:root.page-integrations *){color:var(--ink)}
.stab.is-active:where(:root.page-integrations,:root.page-integrations *){color:var(--ink)}
.stab.is-active .gl:where(:root.page-integrations,:root.page-integrations *){background:var(--wine)}
.stage-body:where(:root.page-integrations,:root.page-integrations *){position:relative;aspect-ratio:16/10.2;background:var(--paper-2);overflow:hidden}
.panel-track:where(:root.page-integrations,:root.page-integrations *){display:flex;height:100%;width:100%;will-change:transform}
.panel:where(:root.page-integrations,:root.page-integrations *){flex:0 0 100%;height:100%;padding:20px;opacity:1;pointer-events:auto}

/* video placeholder */
.vplace:where(:root.page-integrations,:root.page-integrations *){position:relative;width:100%;height:100%;border-radius:11px;overflow:hidden;background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column}
.vplace-top:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid var(--line-2)}
.vplace-top .vt:where(:root.page-integrations,:root.page-integrations *){font-weight:600;font-size:13.5px}
.vplace-top .vmeta:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--ink-3)}
.poster:where(:root.page-integrations,:root.page-integrations *){position:relative;flex:1;overflow:hidden;background: radial-gradient(120% 120% at 80% 0%, var(--paper-2), var(--paper))}
.poster-dots:where(:root.page-integrations,:root.page-integrations *){position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1px,transparent 1px);background-size:18px 18px;opacity:.6;-webkit-mask-image:linear-gradient(transparent,#000 30%);mask-image:linear-gradient(transparent,#000 30%)}
.play:where(:root.page-integrations,:root.page-integrations *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3; width:64px;height:64px;border-radius:50%;background:var(--wine);border:0; display:grid;place-items:center;box-shadow:0 16px 40px -12px rgba(155,27,46,.6);transition:.25s var(--ease)}
.play:where(:root.page-integrations,:root.page-integrations *)::after{content:"";width:0;height:0;border-left:17px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:4px}
.play:hover:where(:root.page-integrations,:root.page-integrations *){transform:translate(-50%,-50%) scale(1.07)}
.play-ring:where(:root.page-integrations,:root.page-integrations *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;border:1px solid var(--wine-line);z-index:2;animation:ring 3s var(--ease) infinite}
.vcap:where(:root.page-integrations,:root.page-integrations *){position:absolute;left:14px;bottom:13px;z-index:3;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--ink-3);background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:5px 9px;border-radius:6px;border:1px solid var(--line)}

/* faux dashboard rows inside poster */
.fx:where(:root.page-integrations,:root.page-integrations *){position:absolute;border-radius:7px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.fx-row:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;gap:9px;padding:9px 12px}
.fx-ic:where(:root.page-integrations,:root.page-integrations *){width:24px;height:24px;border-radius:6px;background:var(--accent-soft);flex:none}
.fx-bar:where(:root.page-integrations,:root.page-integrations *){height:7px;border-radius:4px;background:var(--paper-3)}
.fx-chip:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:9px;letter-spacing:.05em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:2px 6px}
.fx-col:where(:root.page-integrations,:root.page-integrations *){display:flex;flex-direction:column;justify-content:flex-end;gap:0;align-items:center}
.fx-colbar:where(:root.page-integrations,:root.page-integrations *){width:18px;border-radius:3px 3px 0 0;background:var(--accent);opacity:.85}
.fx-colbar.lo:where(:root.page-integrations,:root.page-integrations *){background:var(--paper-3)}
.fx-colbar.wine:where(:root.page-integrations,:root.page-integrations *){background:var(--wine)}

/* floating controls */
.stage-ctrl:where(:root.page-integrations,:root.page-integrations *){position:absolute;right:16px;bottom:16px;z-index:6;display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:100px;padding:6px;box-shadow:var(--shadow-md)}
.stage-ctrl button:where(:root.page-integrations,:root.page-integrations *){width:30px;height:30px;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--ink-2);display:grid;place-items:center;transition:.18s}
.stage-ctrl button:hover:where(:root.page-integrations,:root.page-integrations *){background:var(--paper-2);color:var(--ink)}
.dots:where(:root.page-integrations,:root.page-integrations *){display:flex;gap:6px;padding:0 4px}
.dots i:where(:root.page-integrations,:root.page-integrations *){width:6px;height:6px;border-radius:50%;background:var(--line);transition:.25s;cursor:pointer}
.dots i.on:where(:root.page-integrations,:root.page-integrations *){background:var(--wine);width:18px;border-radius:4px}

/* ============================ TRUST BAR (left text · right logo cloud) ============================ */
.trustbar:where(:root.page-integrations,:root.page-integrations *){background:var(--paper);padding-block:clamp(24px,3vw,40px)}
.trustbar-in:where(:root.page-integrations,:root.page-integrations *){display:grid;grid-template-columns:minmax(180px,0.66fr) 1.7fr;gap:clamp(20px,3.2vw,48px);align-items:center}
.trustbar-label:where(:root.page-integrations,:root.page-integrations *){font-size:clamp(18px,1.95vw,24px);font-weight:600;letter-spacing:-0.01em;color:var(--ink);line-height:1.3;display:block;max-width:22ch}
.tb-marquee:where(:root.page-integrations,:root.page-integrations *){position:relative;overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.tb-track:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;width:max-content;gap:clamp(34px,3.8vw,60px);animation:tbScroll 36s linear infinite}
.tb-marquee:hover .tb-track:where(:root.page-integrations,:root.page-integrations *){animation-play-state:paused}
html[data-motion="off"] .tb-track:where(:root.page-integrations,:root.page-integrations *){animation:none}
.tb-logo:where(:root.page-integrations,:root.page-integrations *){display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:clamp(18px,1.8vw,23px);letter-spacing:-0.02em;color:var(--ink-3);opacity:.7;white-space:nowrap;transition:color .22s var(--ease),opacity .22s var(--ease)}
.tb-logo:hover:where(:root.page-integrations,:root.page-integrations *){color:var(--ink);opacity:1}
.tb-ic:where(:root.page-integrations,:root.page-integrations *){width:.92em;height:.92em;fill:currentColor;flex:none}
.tb-sap:where(:root.page-integrations,:root.page-integrations *){font-weight:800;letter-spacing:.01em}
.tb-aws:where(:root.page-integrations,:root.page-integrations *){font-weight:800;letter-spacing:-.03em;align-items:flex-end;gap:2px}
.tb-aws .tb-smile:where(:root.page-integrations,:root.page-integrations *){width:1.5em;height:.4em;fill:currentColor;margin-bottom:3px}

/* ============================ MILESTONE JOURNEY ============================ */
.journey:where(:root.page-integrations,:root.page-integrations *){position:relative;--jpt:clamp(57px,6.6vw,92px);padding-block:var(--jpt) 0}
.journey:where(:root.page-integrations,:root.page-integrations *)::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;z-index:0;pointer-events:none; background:repeating-linear-gradient(90deg,var(--hair) 0 7px,transparent 7px 15px);background-size:15px 1px;animation:dashFlowX 1.1s linear infinite}
html[data-motion="off"] .journey:where(:root.page-integrations,:root.page-integrations *)::before{animation:none}
.journey-head:where(:root.page-integrations,:root.page-integrations *){text-align:center;max-width:640px;margin:0 auto clamp(52px,6vw,86px)}
.journey-head .eyebrow:where(:root.page-integrations,:root.page-integrations *){margin-bottom:18px}
.journey-head .h-section:where(:root.page-integrations,:root.page-integrations *){margin:0 auto}
.journey>.wrap:where(:root.page-integrations,:root.page-integrations *){position:relative}
.journey>.wrap:where(:root.page-integrations,:root.page-integrations *)::before,.journey>.wrap:where(:root.page-integrations,:root.page-integrations *)::after{content:"";position:absolute;top:calc(var(--jpt)*-1);bottom:0;width:1px;z-index:0;pointer-events:none; background:repeating-linear-gradient(180deg,var(--hair) 0 6px,transparent 6px 13px);background-size:1px 13px;animation:dashFlowY 1.1s linear infinite}
.journey>.wrap:where(:root.page-integrations,:root.page-integrations *)::before{left:0}
.journey>.wrap:where(:root.page-integrations,:root.page-integrations *)::after{right:0}
html[data-motion="off"] .journey>.wrap:where(:root.page-integrations,:root.page-integrations *)::before,html[data-motion="off"] .journey>.wrap:where(:root.page-integrations,:root.page-integrations *)::after{animation:none}
.journey-map:where(:root.page-integrations,:root.page-integrations *){position:relative}
.journey-curve:where(:root.page-integrations,:root.page-integrations *){position:absolute;top:0;left:0;width:100%;height:196px;z-index:0;overflow:visible}
.jc-base:where(:root.page-integrations,:root.page-integrations *){fill:none;stroke:#d8d5ce;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round}
.jc-line:where(:root.page-integrations,:root.page-integrations *){fill:none;stroke:var(--wine);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round}
.journey-row:where(:root.page-integrations,:root.page-integrations *){position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr)}
.milestone:where(:root.page-integrations,:root.page-integrations *){display:flex;flex-direction:column;align-items:center;text-align:center;padding-inline:clamp(6px,1vw,16px)}
.milestone .dot:where(:root.page-integrations,:root.page-integrations *){width:14px;height:14px;border-radius:50%;background:var(--paper);border:2px solid #cbc8c1; margin-top:calc(var(--cy) - 7px);position:relative;z-index:2;box-shadow:0 0 0 5px rgba(20,16,22,.03);transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}
.milestone .dot:where(:root.page-integrations,:root.page-integrations *)::after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--wine);transform:scale(0)}
.milestone .dot.lit:where(:root.page-integrations,:root.page-integrations *)::after{animation:dotPop .46s cubic-bezier(.34,1.56,.64,1) forwards}
html[data-motion="off"] .milestone .dot.lit:where(:root.page-integrations,:root.page-integrations *)::after{animation:none;transform:scale(1)}
.milestone .dot.lit:where(:root.page-integrations,:root.page-integrations *){border-color:var(--wine);box-shadow:0 0 0 5px color-mix(in srgb,var(--wine) 9%,transparent)}
.milestone .conn:where(:root.page-integrations,:root.page-integrations *){width:1px;height:200px; background:linear-gradient(180deg,var(--wine) calc(var(--fill,0)*100%),#d8d5ce calc(var(--fill,0)*100%))}
.milestone .mcontent:where(:root.page-integrations,:root.page-integrations *){margin-top:18px;padding-bottom:clamp(40px,5.5vw,84px)}

/* centered trust badges (top open space, above the arc) */
.journey-badges:where(:root.page-integrations,:root.page-integrations *){position:relative;z-index:3;display:inline-flex;gap:0;justify-content:center;margin:0 auto; background:linear-gradient(135deg,var(--wine-soft) 0%,#fff 45%,var(--accent-soft) 100%); border:1px solid var(--wine-line);border-radius:100px;padding:6px;box-shadow:0 18px 40px -22px rgba(120,18,28,.3)}
.journey-badges-wrap:where(:root.page-integrations,:root.page-integrations *){display:flex;justify-content:center;margin-bottom:clamp(16px,2vw,28px)}
.journey-badges .jb:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;gap:11px;padding:10px 24px;position:relative}
.journey-badges .jb+.jb:where(:root.page-integrations,:root.page-integrations *)::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:26px;background:var(--wine-line)}
.journey-badges .jb-ic:where(:root.page-integrations,:root.page-integrations *){width:24px;height:24px;border-radius:50%;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}
.journey-badges .jb-t b:where(:root.page-integrations,:root.page-integrations *){font-size:14px;font-weight:700;letter-spacing:-0.01em;display:block;line-height:1.05}
.journey-badges .jb-t span:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.mcontent .mnum:where(:root.page-integrations,:root.page-integrations *){font-size:clamp(30px,3.4vw,50px);font-weight:700;letter-spacing:-0.03em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.mcontent .mlbl:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:11px}

/* ============================ PRODUCT EXPLORER ============================ */
.prodx:where(:root.page-integrations,:root.page-integrations *){padding-block:clamp(76px,9.5vw,140px);background:#F3F1EE}
.prodx-head:where(:root.page-integrations,:root.page-integrations *){text-align:center;margin-bottom:clamp(26px,3.2vw,44px)}
.prodx-head .h-section:where(:root.page-integrations,:root.page-integrations *){margin:0 auto;max-width:none;font-size:clamp(24px,3.4vw,42px)}
.prodx-card:where(:root.page-integrations,:root.page-integrations *){background:var(--paper);border-radius:28px;padding:clamp(22px,2.8vw,42px)}
.prodx-tabs:where(:root.page-integrations,:root.page-integrations *){position:relative;display:flex;flex-wrap:nowrap;gap:clamp(8px,2vw,40px);margin-bottom:clamp(26px,3.2vw,44px)}
.prodx-ind:where(:root.page-integrations,:root.page-integrations *){position:absolute;top:0;left:0;height:100%;width:0;border-radius:20px 20px 2px 2px;background:var(--wine-soft);z-index:0;pointer-events:none}
.prodx-tab:where(:root.page-integrations,:root.page-integrations *){position:relative;z-index:1;flex:1 1 0;min-width:0;text-align:center;font-size:clamp(15px,1.95vw,31px);font-weight:400;letter-spacing:-0.025em;line-height:1;color:#b7adb0;background:transparent;border:0;padding:clamp(16px,1.8vw,26px) 10px;border-radius:20px 20px 2px 2px;cursor:pointer;transition:color .2s var(--ease),background .2s var(--ease)}
.prodx-tab:hover:where(:root.page-integrations,:root.page-integrations *){color:var(--wine)}
.prodx-tab:not(.is-active):hover:where(:root.page-integrations,:root.page-integrations *){background:color-mix(in srgb,var(--wine) 6%,transparent)}
.prodx-tab.is-active:where(:root.page-integrations,:root.page-integrations *){color:var(--wine);font-weight:700}
.prodx-stage:where(:root.page-integrations,:root.page-integrations *){display:grid;grid-template-columns:0.82fr 1.18fr;gap:clamp(26px,3.4vw,52px);align-items:center;background:none;border:0;box-shadow:none;padding:0;border-radius:0}
.prodx-info:where(:root.page-integrations,:root.page-integrations *){min-width:0;padding-left:clamp(2px,1.2vw,20px)}
.pi-title:where(:root.page-integrations,:root.page-integrations *){font-size:clamp(26px,3vw,42px);font-weight:700;letter-spacing:-0.03em;line-height:1.04;margin:0 0 16px;text-wrap:balance}
.pi-desc:where(:root.page-integrations,:root.page-integrations *){font-size:16px;color:var(--ink-2);line-height:1.6;max-width:42ch}
.pi-link:where(:root.page-integrations,:root.page-integrations *){margin-top:26px}
.pi-link.link-arrow:where(:root.page-integrations,:root.page-integrations *){color:var(--wine);border-bottom:0;padding:10px 18px;border-radius:100px;background:transparent;border:1px solid var(--wine-line);transition:background .22s var(--ease),border-color .22s var(--ease),color .22s}
.pi-link.link-arrow:hover:where(:root.page-integrations,:root.page-integrations *){background:var(--wine-soft);border-color:var(--wine)}
.pi-link.link-arrow .arr:where(:root.page-integrations,:root.page-integrations *){color:var(--wine)}
.prodx-viz:where(:root.page-integrations,:root.page-integrations *){position:relative;min-height:360px;border-radius:20px;overflow:visible;padding:0;display:flex;align-items:center;justify-content:center;background:transparent}
.prodx-figstack:where(:root.page-integrations,:root.page-integrations *){position:relative;width:100%;aspect-ratio:1536/1024}
.prodx-fig:where(:root.page-integrations,:root.page-integrations *){position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(.985);transition:opacity .5s var(--ease),transform .6s var(--ease);pointer-events:none}
.prodx-fig.is-active:where(:root.page-integrations,:root.page-integrations *){opacity:1;transform:none}
.prodx-vidframe:where(:root.page-integrations,:root.page-integrations *){width:100%;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow-lg)}
.pvf-bar:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;gap:12px;padding:11px 16px;background:var(--paper-2);border-bottom:1px solid var(--line-2)}
.pvf-dots:where(:root.page-integrations,:root.page-integrations *){display:flex;gap:6px}
.pvf-dots i:where(:root.page-integrations,:root.page-integrations *){width:10px;height:10px;border-radius:50%;background:#d8d5ce;display:block}
.pvf-url:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:11px;color:var(--ink-3);background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:4px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pvf-screen:where(:root.page-integrations,:root.page-integrations *){position:relative;aspect-ratio:16/10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background: radial-gradient(120% 120% at 50% 0%, var(--paper-2), var(--paper));overflow:hidden}
.pvf-screen:where(:root.page-integrations,:root.page-integrations *)::before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1.1px,transparent 1.1px);background-size:22px 22px;opacity:.5;-webkit-mask-image:radial-gradient(circle at 50% 42%,#000,transparent 70%);mask-image:radial-gradient(circle at 50% 42%,#000,transparent 70%)}
.pvf-play:where(:root.page-integrations,:root.page-integrations *){position:relative;z-index:1;width:66px;height:66px;border-radius:50%;background:var(--wine);box-shadow:0 16px 40px -12px rgba(155,27,46,.6);display:grid;place-items:center}
.pvf-play:where(:root.page-integrations,:root.page-integrations *)::after{content:"";width:0;height:0;border-left:18px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}
.pvf-cap:where(:root.page-integrations,:root.page-integrations *){position:relative;z-index:1;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.prodx-viz:where(:root.page-integrations,:root.page-integrations *)::before{content:none}
.viz-panel:where(:root.page-integrations,:root.page-integrations *){position:absolute;inset:clamp(20px,2.4vw,34px);opacity:0;visibility:hidden;align-items:center}
.viz-panel.is-active:where(:root.page-integrations,:root.page-integrations *){position:relative;inset:auto;width:100%;opacity:1;visibility:visible;display:flex}
.vframe:where(:root.page-integrations,:root.page-integrations *){width:100%}
.vmedia:where(:root.page-integrations,:root.page-integrations *){position:relative;aspect-ratio:16/9;background:var(--ink);overflow:hidden}
.prodx-vid:where(:root.page-integrations,:root.page-integrations *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.prodx-shot:where(:root.page-integrations,:root.page-integrations *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.pv-float:where(:root.page-integrations,:root.page-integrations *){position:absolute;z-index:4;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:13px;padding:11px 14px;box-shadow:0 18px 40px -20px rgba(40,8,16,.5)}
.pv-f1:where(:root.page-integrations,:root.page-integrations *){left:-16px;top:20%;animation:floatCard 6.5s var(--ease) infinite}
.pv-f2:where(:root.page-integrations,:root.page-integrations *){right:-14px;bottom:15%;flex-direction:column;align-items:flex-start;gap:2px;animation:floatCard 7.5s var(--ease) infinite reverse}
.pv-check:where(:root.page-integrations,:root.page-integrations *){width:28px;height:28px;border-radius:50%;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;font-weight:700;font-size:13px;flex:none}
.pv-tx b:where(:root.page-integrations,:root.page-integrations *),.pv-big:where(:root.page-integrations,:root.page-integrations *){font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-0.01em;display:block}
.pv-big:where(:root.page-integrations,:root.page-integrations *){font-size:21px}
.pv-tx span:where(:root.page-integrations,:root.page-integrations *),.pv-f2 span:where(:root.page-integrations,:root.page-integrations *){font-size:11px;color:var(--ink-3)}
.vframe:where(:root.page-integrations,:root.page-integrations *){border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper-2);box-shadow:var(--shadow-sm)}
.vbar:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;gap:12px;padding:11px 14px;background:var(--paper);border-bottom:1px solid var(--line-2)}
.vdots:where(:root.page-integrations,:root.page-integrations *){display:flex;gap:5px}
.vdots i:where(:root.page-integrations,:root.page-integrations *){width:9px;height:9px;border-radius:50%;background:#DAD7D0;display:block}
.vttl:where(:root.page-integrations,:root.page-integrations *){font-size:12.5px;font-weight:600;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vlive:where(:root.page-integrations,:root.page-integrations *){margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;color:#16804a;flex:none}
.vlive i:where(:root.page-integrations,:root.page-integrations *){width:6px;height:6px;border-radius:50%;background:#16a34a;display:block}
.vbody:where(:root.page-integrations,:root.page-integrations *){padding:18px;display:flex;flex-direction:column;gap:14px}
.vtop:where(:root.page-integrations,:root.page-integrations *){display:flex;gap:16px;align-items:center}
.donut:where(:root.page-integrations,:root.page-integrations *){position:relative;width:96px;height:96px;flex:none}
.donut svg:where(:root.page-integrations,:root.page-integrations *){width:100%;height:100%;transform:rotate(-90deg)}
.donut .d-bg:where(:root.page-integrations,:root.page-integrations *){fill:none;stroke:var(--line);stroke-width:3.4}
.donut .d-fg:where(:root.page-integrations,:root.page-integrations *){fill:none;stroke:var(--wine);stroke-width:3.4;stroke-linecap:round;stroke-dasharray:100.5;stroke-dashoffset:100.5}
.donut .d-c:where(:root.page-integrations,:root.page-integrations *){position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.donut .d-c b:where(:root.page-integrations,:root.page-integrations *){font-size:22px;font-weight:700;letter-spacing:-0.02em}
.donut .d-c i:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:9px;color:var(--ink-3);font-style:normal}
.vtiles:where(:root.page-integrations,:root.page-integrations *){display:flex;gap:12px;flex:1}
.vtiles.wide:where(:root.page-integrations,:root.page-integrations *){width:100%}
.vtile:where(:root.page-integrations,:root.page-integrations *){flex:1;border:1px solid var(--line);border-radius:11px;background:var(--paper);padding:14px 16px}
.vtile b:where(:root.page-integrations,:root.page-integrations *){font-size:clamp(20px,2.2vw,26px);font-weight:700;letter-spacing:-0.02em;display:block}
.vtile span:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:6px;display:block}
.vlist:where(:root.page-integrations,:root.page-integrations *){display:flex;flex-direction:column;gap:8px}
.vli:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;color:var(--ink-2);background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:9px 12px}
.vli em:where(:root.page-integrations,:root.page-integrations *){font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vli-ic:where(:root.page-integrations,:root.page-integrations *){width:16px;height:16px;border-radius:4px;background:var(--wine-soft);flex:none}
.vli-tag:where(:root.page-integrations,:root.page-integrations *){margin-left:auto;font-size:9px;letter-spacing:.06em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:2px 7px;flex:none}
.vli-tag.ok:where(:root.page-integrations,:root.page-integrations *){color:#16804a;border-color:rgba(22,128,74,.3)}
.vpipe:where(:root.page-integrations,:root.page-integrations *){display:flex;gap:10px}
.vstage:where(:root.page-integrations,:root.page-integrations *){flex:1;border:1px solid var(--line);border-radius:11px;background:var(--paper);padding:13px;text-align:center}
.vstage .vs-n:where(:root.page-integrations,:root.page-integrations *){font-size:22px;font-weight:700;letter-spacing:-0.02em;display:block}
.vstage .vs-l:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:5px;display:block}
.vstage.on:where(:root.page-integrations,:root.page-integrations *){border-color:var(--wine);background:var(--wine-soft)}
.vchart:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:flex-end;gap:12px;height:92px;padding-top:6px}
.vbarc:where(:root.page-integrations,:root.page-integrations *){flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;height:100%}
.vbarc .bf:where(:root.page-integrations,:root.page-integrations *){width:100%;border-radius:5px 5px 0 0;background:var(--accent);height:0}
.vbarc .bf.wine:where(:root.page-integrations,:root.page-integrations *){background:var(--wine)}
.vbarc i:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:9px;color:var(--ink-3);font-style:normal}
.vfoot:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line-2);padding-top:12px;font-size:13px;color:var(--ink-2)}
.vfoot b:where(:root.page-integrations,:root.page-integrations *){color:var(--wine);font-weight:700}
.vflow:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;gap:0}
.vnode:where(:root.page-integrations,:root.page-integrations *){flex:none;font-family:var(--font-mono);font-size:11px;color:var(--ink-2);border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:var(--paper)}
.vnode.done:where(:root.page-integrations,:root.page-integrations *){color:#16804a;border-color:rgba(22,128,74,.3)}
.vnode.cur:where(:root.page-integrations,:root.page-integrations *){color:#fff;background:var(--wine);border-color:var(--wine)}
.vlk:where(:root.page-integrations,:root.page-integrations *){flex:1;height:1px;background:var(--line);min-width:12px}
.vseg:where(:root.page-integrations,:root.page-integrations *){display:flex;height:30px;border-radius:8px;overflow:hidden;border:1px solid var(--line)}
.vseg .sf:where(:root.page-integrations,:root.page-integrations *){height:100%;width:0}
.vseg .sf.a:where(:root.page-integrations,:root.page-integrations *){background:var(--wine)}
.vseg .sf.b:where(:root.page-integrations,:root.page-integrations *){background:var(--accent)}
.vseg .sf.c:where(:root.page-integrations,:root.page-integrations *){background:var(--paper-3)}
.vseg-key:where(:root.page-integrations,:root.page-integrations *){display:flex;flex-wrap:wrap;gap:14px;font-family:var(--font-mono);font-size:9.5px;color:var(--ink-2)}
.vseg-key i:where(:root.page-integrations,:root.page-integrations *){width:9px;height:9px;border-radius:3px;display:inline-block;margin-right:5px;vertical-align:middle}
.vseg-key i.a:where(:root.page-integrations,:root.page-integrations *){background:var(--wine)}
.vseg-key i.b:where(:root.page-integrations,:root.page-integrations *){background:var(--accent)}
.vseg-key i.c:where(:root.page-integrations,:root.page-integrations *){background:var(--paper-3)}

/* stat band */
.statband:where(:root.page-integrations,:root.page-integrations *){display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper)}
.statband .sc:where(:root.page-integrations,:root.page-integrations *){padding:clamp(26px,3vw,38px) clamp(18px,2vw,30px);border-right:1px solid var(--line)}
.statband .sc:last-child:where(:root.page-integrations,:root.page-integrations *){border-right:0}

/* ============================ ANECDOTES (carousel) ============================ */
.anec-head:where(:root.page-integrations,:root.page-integrations *){display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:48px}
.anec-nav:where(:root.page-integrations,:root.page-integrations *){display:flex;gap:10px}
.anec-nav button:where(:root.page-integrations,:root.page-integrations *){width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);display:grid;place-items:center;transition:.2s}
.anec-nav button:hover:where(:root.page-integrations,:root.page-integrations *){border-color:var(--ink);background:var(--paper-2)}
.anec-nav button:disabled:where(:root.page-integrations,:root.page-integrations *){opacity:.35;cursor:default}
.anec-track-wrap:where(:root.page-integrations,:root.page-integrations *){overflow:hidden;padding-block:6px}
.anec-track:where(:root.page-integrations,:root.page-integrations *){display:flex;gap:24px}
.anec-card:where(:root.page-integrations,:root.page-integrations *){position:relative;flex:0 0 min(680px,90vw);height:clamp(360px,42vw,460px); border-radius:22px;overflow:hidden;background:var(--ink);isolation:isolate}
.anec-img:where(:root.page-integrations,:root.page-integrations *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0; transform:scale(1.02);transition:transform .8s var(--ease)}
.anec-card:hover .anec-img:where(:root.page-integrations,:root.page-integrations *){transform:scale(1.07)}
.anec-shade:where(:root.page-integrations,:root.page-integrations *){position:absolute;inset:0;z-index:1; background:linear-gradient(183deg,rgba(20,16,18,.18) 0%,rgba(20,16,18,0) 26%,rgba(20,16,18,.62) 64%,rgba(20,16,18,.92) 100%)}
.anec-body:where(:root.page-integrations,:root.page-integrations *){position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(22px,2.4vw,32px);color:#fff}
.anec-chip:where(:root.page-integrations,:root.page-integrations *){align-self:flex-start;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#fff; background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:7px 13px;border-radius:100px}
.anec-bottom h3:where(:root.page-integrations,:root.page-integrations *){font-size:clamp(22px,2.2vw,29px);font-weight:700;letter-spacing:-0.025em;line-height:1.08;margin-bottom:12px;text-wrap:balance;max-width:18ch}
.anec-bottom p:where(:root.page-integrations,:root.page-integrations *){font-size:15px;line-height:1.55;color:rgba(255,255,255,.82);max-width:46ch;text-wrap:pretty}
.anec-stats:where(:root.page-integrations,:root.page-integrations *){display:none}
.anec-link:where(:root.page-integrations,:root.page-integrations *){display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-weight:600;font-size:14.5px;color:#fff}
.anec-link .arr:where(:root.page-integrations,:root.page-integrations *){transition:transform .25s var(--ease)}
.anec-card:hover .anec-link .arr:where(:root.page-integrations,:root.page-integrations *){transform:translateX(4px)}

/* ============================ ECOSYSTEM ============================ */
.eco-head:where(:root.page-integrations,:root.page-integrations *){margin-bottom:clamp(48px,6vw,84px)}
.eco-rows:where(:root.page-integrations,:root.page-integrations *){display:flex;flex-direction:column;gap:clamp(56px,7vw,110px);margin-bottom:clamp(44px,5vw,72px)}
.eco-row:where(:root.page-integrations,:root.page-integrations *){display:grid;grid-template-columns:0.82fr 1.18fr;gap:clamp(36px,5vw,80px);align-items:center}
.eco-info:where(:root.page-integrations,:root.page-integrations *){min-width:0}
.eco-rowhead:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;gap:13px;margin-bottom:22px}
.eco-num:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--ink-3);letter-spacing:.04em}
.eco-glyph:where(:root.page-integrations,:root.page-integrations *){width:44px;height:44px;border-radius:11px;display:grid;place-items:center;font-family:var(--font-mono);font-size:13px;font-weight:600;color:#fff;background:var(--accent);flex:none}
.eco-row[data-k="ts"] .eco-glyph:where(:root.page-integrations,:root.page-integrations *){background:var(--accent)}
.eco-row[data-k="cv"] .eco-glyph:where(:root.page-integrations,:root.page-integrations *){background:var(--accent)}
.eco-row[data-k="nx"] .eco-glyph:where(:root.page-integrations,:root.page-integrations *){background:var(--accent)}
.eco-row[data-k="ck"] .eco-glyph:where(:root.page-integrations,:root.page-integrations *){background:var(--accent)}
.eco-badge:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;color:var(--ink-2);border:1px solid var(--line);border-radius:6px;padding:4px 8px;text-transform:uppercase}
.eco-rowhead .eco-badge:where(:root.page-integrations,:root.page-integrations *){margin-left:auto}
.eco-name:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--wine);margin-bottom:14px}
.eco-h:where(:root.page-integrations,:root.page-integrations *){font-size:clamp(25px,2.9vw,38px);font-weight:700;letter-spacing:-0.03em;line-height:1.04;margin-bottom:18px;text-wrap:balance;max-width:15ch}
.eco-desc:where(:root.page-integrations,:root.page-integrations *){font-size:clamp(15px,1.4vw,17px);color:var(--ink-2);line-height:1.6;max-width:46ch;margin-bottom:24px;text-wrap:pretty}
.eco-tags:where(:root.page-integrations,:root.page-integrations *){display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.eco-info .link-arrow:where(:root.page-integrations,:root.page-integrations *){font-size:15px}

/* product image placeholder (client-provided) */
.eco-media:where(:root.page-integrations,:root.page-integrations *){min-width:0}
.media-frame:where(:root.page-integrations,:root.page-integrations *){border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper);box-shadow:var(--shadow-md)}
.media-bar:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line-2);background:var(--paper-2)}
.media-bar .md-dots:where(:root.page-integrations,:root.page-integrations *){display:flex;gap:6px;flex:none}
.media-bar .md-dots i:where(:root.page-integrations,:root.page-integrations *){width:10px;height:10px;border-radius:50%;background:#DAD7D0;display:block}
.media-bar .md-title:where(:root.page-integrations,:root.page-integrations *){font-size:13px;font-weight:600;color:var(--ink-2);letter-spacing:-0.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.media-bar .md-tag:where(:root.page-integrations,:root.page-integrations *){margin-left:auto;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:3px 7px;flex:none}
.media-body:where(:root.page-integrations,:root.page-integrations *){position:relative;aspect-ratio:16/10.5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--paper-2);overflow:hidden}
.media-body:where(:root.page-integrations,:root.page-integrations *)::before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1.1px,transparent 1.1px);background-size:22px 22px;opacity:.55;-webkit-mask-image:radial-gradient(circle at 50% 44%,#000,transparent 70%);mask-image:radial-gradient(circle at 50% 44%,#000,transparent 70%)}
.media-icon:where(:root.page-integrations,:root.page-integrations *){width:74px;height:74px;border-radius:18px;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow-sm);display:grid;place-items:center;color:var(--ink-3);z-index:1}
.eco-row[data-k="ts"] .media-icon:where(:root.page-integrations,:root.page-integrations *){color:var(--accent)}
.eco-row[data-k="cv"] .media-icon:where(:root.page-integrations,:root.page-integrations *){color:var(--accent)}
.eco-row[data-k="ck"] .media-icon:where(:root.page-integrations,:root.page-integrations *){color:var(--accent)}
.media-cap:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);z-index:1}
.eco-substrate:where(:root.page-integrations,:root.page-integrations *){margin-top:0;text-align:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);display:flex;align-items:center;justify-content:center;gap:10px}
.eco-substrate:where(:root.page-integrations,:root.page-integrations *)::before,.eco-substrate:where(:root.page-integrations,:root.page-integrations *)::after{content:"";height:1px;flex:1;max-width:120px;background:var(--line)}

/* ============================ ENTERPRISE GAP ============================ */
.gap:where(:root.page-integrations,:root.page-integrations *){background:var(--paper-2)}
.gap-head:where(:root.page-integrations,:root.page-integrations *){max-width:780px;margin-bottom:54px}
.sym-grid:where(:root.page-integrations,:root.page-integrations *){display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.sym:where(:root.page-integrations,:root.page-integrations *){grid-column:span 2;border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:24px;display:flex;flex-direction:column;transition:.25s var(--ease)}
.sym:nth-child(4):where(:root.page-integrations,:root.page-integrations *){grid-column:span 3}
.sym:nth-child(5):where(:root.page-integrations,:root.page-integrations *){grid-column:span 3}
.sym:hover:where(:root.page-integrations,:root.page-integrations *){box-shadow:var(--shadow-md);transform:translateY(-2px)}
.sym .sk:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--wine);margin-bottom:14px}
.sym h4:where(:root.page-integrations,:root.page-integrations *){font-size:17px;font-weight:600;letter-spacing:-0.015em;margin-bottom:9px}
.sym p:where(:root.page-integrations,:root.page-integrations *){font-size:13.5px;color:var(--ink-2);line-height:1.5;margin-bottom:18px}
.sym .sviz:where(:root.page-integrations,:root.page-integrations *){margin-top:auto;display:flex;flex-direction:column;gap:6px}
.faux-line:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:6px;padding:6px 9px}
.faux-line .t:where(:root.page-integrations,:root.page-integrations *){margin-left:auto;color:var(--ink-3)}
.faux-line.bad:where(:root.page-integrations,:root.page-integrations *){color:var(--wine);border-color:var(--wine-line);background:var(--wine-soft)}
.gap-answer:where(:root.page-integrations,:root.page-integrations *){margin-top:30px;border:1px solid var(--ink);border-radius:18px;background:var(--ink);color:#fff;padding:clamp(32px,4vw,52px);display:grid;grid-template-columns:1.4fr 1fr;gap:36px;align-items:center}
.gap-answer .ga-k:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:18px;display:flex;align-items:center;gap:9px}
.gap-answer .ga-k:where(:root.page-integrations,:root.page-integrations *)::before{content:"";width:7px;height:7px;border-radius:2px;background:var(--wine)}
.gap-answer h3:where(:root.page-integrations,:root.page-integrations *){font-size:clamp(24px,2.8vw,36px);font-weight:700;letter-spacing:-0.025em;line-height:1.05;text-wrap:balance}
.gap-answer p:where(:root.page-integrations,:root.page-integrations *){color:rgba(255,255,255,.72);font-size:15.5px;line-height:1.6;margin-top:18px;max-width:52ch}
.gap-answer .ga-cta:where(:root.page-integrations,:root.page-integrations *){display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.btn-wine-ghost:where(:root.page-integrations,:root.page-integrations *){background:transparent;color:#fff;border:1px solid rgba(255,255,255,.28)}
.btn-wine-ghost:hover:where(:root.page-integrations,:root.page-integrations *){background:rgba(255,255,255,.08);border-color:#fff}

/* ============================ ARCHITECTURE (callout) ============================ */
.archx-callout:where(:root.page-integrations,:root.page-integrations *){position:relative;border:1px solid rgba(255,255,255,.18);border-radius:32px;padding:clamp(32px,4.5vw,64px);overflow:hidden; background: radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,.12), transparent 60%), linear-gradient(165deg,#B23a4a 0%,#8E1B2C 52%,#67121F 100%); color:#fff; box-shadow:0 40px 90px -46px rgba(70,18,28,.7), 0 0 0 7px rgba(155,27,46,.08)}
.archx-top:where(:root.page-integrations,:root.page-integrations *){position:relative;z-index:1;display:grid;grid-template-columns:42% 1fr;gap:clamp(28px,3.5vw,56px);align-items:center}
.archx-callout:where(:root.page-integrations,:root.page-integrations *)::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none; background-image:radial-gradient(circle, rgba(255,255,255,.14) 1.2px, transparent 1.2px);background-size:26px 26px;opacity:.6}
.archx-left:where(:root.page-integrations,:root.page-integrations *),.archx-right:where(:root.page-integrations,:root.page-integrations *){position:relative;z-index:1}
.archx-left .kicker:where(:root.page-integrations,:root.page-integrations *){display:block;margin-bottom:18px;color:rgba(255,255,255,.6)}
.archx-left .kicker:where(:root.page-integrations,:root.page-integrations *)::before{background:#fff}
.archx-title:where(:root.page-integrations,:root.page-integrations *){font-size:clamp(30px,3.4vw,46px);font-weight:700;letter-spacing:-0.03em;line-height:1.04;text-wrap:balance;margin-bottom:18px;color:#fff}
.archx-lede:where(:root.page-integrations,:root.page-integrations *){font-size:clamp(16px,1.55vw,19px);color:rgba(255,255,255,.8);line-height:1.6;max-width:42ch;margin-bottom:28px}
.archx-cta:where(:root.page-integrations,:root.page-integrations *){border-radius:100px;background:#fff;color:var(--wine-deep)}
.archx-cta:hover:where(:root.page-integrations,:root.page-integrations *){background:#fff;transform:translateY(-2px);box-shadow:0 16px 36px -14px rgba(0,0,0,.45)}

/* diagram placeholder — client to provide */
.archx-diagram--ph:where(:root.page-integrations,:root.page-integrations *){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px; min-height:clamp(220px,24vw,300px);border:1.5px dashed rgba(255,255,255,.3);border-radius:18px; background:rgba(255,255,255,.05);text-align:center;padding:30px}
.axd-ph-ic:where(:root.page-integrations,:root.page-integrations *){width:60px;height:60px;border-radius:15px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;color:#fff}
.archx-diagram--ph b:where(:root.page-integrations,:root.page-integrations *){font-size:16px;font-weight:700;color:#fff;letter-spacing:-0.01em}
.axd-ph-sub:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.axd-col:where(:root.page-integrations,:root.page-integrations *){display:flex;flex-direction:column;gap:8px;align-items:stretch;min-width:0}
.axd-lbl:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:4px;text-align:center}
.axd-flow span:where(:root.page-integrations,:root.page-integrations *){width:18px;height:2px;border-radius:2px;background:rgba(255,255,255,.3)}
.axd-flow span:nth-child(2):where(:root.page-integrations,:root.page-integrations *){width:24px;background:rgba(255,255,255,.6)}
.axd-chip:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--ink-2);background:var(--paper);border:1px solid rgba(20,16,22,.05);border-radius:9px;padding:9px 12px;text-align:center;box-shadow:0 12px 28px -16px rgba(42,30,48,.4)}
.axd-chip.wine:where(:root.page-integrations,:root.page-integrations *){color:var(--wine);border-color:var(--wine-line);background:var(--wine-soft)}
.axd-flow:where(:root.page-integrations,:root.page-integrations *){display:flex;flex-direction:column;gap:4px;flex:none}
.axd-flow span:where(:root.page-integrations,:root.page-integrations *){width:18px;height:2px;border-radius:2px;background:var(--wine-line)}
.axd-flow span:nth-child(2):where(:root.page-integrations,:root.page-integrations *){width:24px;background:var(--wine)}
.axd-core:where(:root.page-integrations,:root.page-integrations *){background:var(--paper);border:1px solid var(--wine-line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-md);min-width:148px}
.axd-core-top:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;justify-content:space-between;padding:2px 4px 8px;border-bottom:1px solid var(--line-2)}
.axd-core-top b:where(:root.page-integrations,:root.page-integrations *){font-size:13px;font-weight:700;letter-spacing:-0.01em;white-space:nowrap}
.axd-core-v:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:9px;color:var(--wine)}
.axd-layer:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:10.5px;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:7px;padding:7px 10px;transition:.2s var(--ease)}
.axd-layer:hover:where(:root.page-integrations,:root.page-integrations *){background:var(--wine-soft);border-color:var(--wine-line);color:var(--wine)}

/* capability list inside callout — borderless angled cards */
.caplist:where(:root.page-integrations,:root.page-integrations *){position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px);margin-top:clamp(34px,4vw,52px);padding-top:8px}
.capx:where(:root.page-integrations,:root.page-integrations *){display:flex;gap:13px;align-items:flex-start;position:relative; background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.05)); -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px); border:0;border-radius:16px;padding:22px 22px 24px;overflow:hidden; box-shadow:0 16px 36px -22px rgba(20,6,10,.6);transition:transform .3s var(--ease)}
.capx:hover:where(:root.page-integrations,:root.page-integrations *){transform:translateY(-2px)}
.capx:where(:root.page-integrations,:root.page-integrations *)::before{display:none}
.capx :is(h3,h4):where(:root.page-integrations,:root.page-integrations *){font-size:15.5px;font-weight:700;letter-spacing:-0.015em;margin-bottom:7px;color:#fff}
.capx p:where(:root.page-integrations,:root.page-integrations *){font-size:13.5px;color:rgba(255,255,255,.74);line-height:1.55}
.arch-cols:where(:root.page-integrations,:root.page-integrations *){position:relative;display:grid;grid-template-columns:1fr auto 1.5fr;gap:0;align-items:stretch}
.arch-sys:where(:root.page-integrations,:root.page-integrations *){padding:clamp(26px,3vw,40px);border-right:1px solid var(--line)}
.arch-colhead:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:20px;display:flex;align-items:center;gap:8px}
.sys-node:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper-2);margin-bottom:10px;transition:.25s var(--ease)}
.sys-node:hover:where(:root.page-integrations,:root.page-integrations *){border-color:var(--accent-line);background:var(--accent-soft)}
.sys-node .sn-g:where(:root.page-integrations,:root.page-integrations *){width:30px;height:30px;border-radius:7px;background:var(--paper);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:9px;font-weight:600;color:var(--ink-2);flex:none}
.sys-node .sn-t b:where(:root.page-integrations,:root.page-integrations *){font-size:13.5px;font-weight:600;display:block}
.sys-node .sn-t span:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:9.5px;color:var(--ink-3);letter-spacing:.02em}
.arch-flow:where(:root.page-integrations,:root.page-integrations *){width:74px;position:relative;display:grid;place-items:center}
.arch-flow .flowlbl:where(:root.page-integrations,:root.page-integrations *){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}
.arch-core:where(:root.page-integrations,:root.page-integrations *){padding:clamp(26px,3vw,40px);background:linear-gradient(180deg,var(--wine-soft),var(--paper) 70%)}
.core-card:where(:root.page-integrations,:root.page-integrations *){border:1px solid var(--wine-line);border-radius:14px;background:var(--paper);box-shadow:var(--shadow-md);overflow:hidden}
.core-top:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line-2)}
.core-top .ct-t:where(:root.page-integrations,:root.page-integrations *){font-size:16px;font-weight:700;letter-spacing:-0.02em}
.core-top .ct-v:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:10px;color:var(--ink-3)}
.core-layers:where(:root.page-integrations,:root.page-integrations *){padding:14px}
.layer:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:9px;margin-bottom:6px;transition:.25s var(--ease);border:1px solid transparent}
.layer:hover:where(:root.page-integrations,:root.page-integrations *){background:var(--wine-soft);border-color:var(--wine-line)}
.layer .ly-n:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:10px;color:var(--wine);font-weight:600;width:26px;flex:none}
.layer .ly-t b:where(:root.page-integrations,:root.page-integrations *){font-size:14px;font-weight:600;display:block;letter-spacing:-0.01em}
.layer .ly-t span:where(:root.page-integrations,:root.page-integrations *){font-size:12px;color:var(--ink-3)}
.core-out:where(:root.page-integrations,:root.page-integrations *){display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}
.out-card:where(:root.page-integrations,:root.page-integrations *){border:1px solid var(--line);border-radius:11px;padding:15px;background:var(--paper)}
.out-card .oc-k:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:9px}
.out-card b:where(:root.page-integrations,:root.page-integrations *){font-size:14px;font-weight:600;display:block;letter-spacing:-0.01em;margin-bottom:5px}
.out-card span:where(:root.page-integrations,:root.page-integrations *){font-size:12px;color:var(--ink-3);line-height:1.4}

/* capability strip below diagram */
.cap-grid:where(:root.page-integrations,:root.page-integrations *){display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:22px}
.cap:where(:root.page-integrations,:root.page-integrations *){background:var(--paper);padding:26px 24px}
.cap .cn:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:10px;color:var(--wine);margin-bottom:14px}
.cap h4:where(:root.page-integrations,:root.page-integrations *){font-size:16px;font-weight:600;letter-spacing:-0.015em;margin-bottom:9px}
.cap p:where(:root.page-integrations,:root.page-integrations *){font-size:13.5px;color:var(--ink-2);line-height:1.5;margin-bottom:14px}
.cap .ctags:where(:root.page-integrations,:root.page-integrations *){display:flex;flex-wrap:wrap;gap:6px}
.ctag:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:3px 7px;text-transform:uppercase;white-space:nowrap}

/* flow timeline */

/* ============================ LOOP CIRCUIT (decision flow) ============================ */
.loopx:where(:root.page-integrations,:root.page-integrations *){position:relative;margin-top:clamp(56px,7vw,104px);padding:0;background:none;border:0}
.loopx-head:where(:root.page-integrations,:root.page-integrations *){max-width:820px;margin:0 auto clamp(20px,2.4vw,34px);text-align:center}
.loopx-title:where(:root.page-integrations,:root.page-integrations *){margin:0 auto;text-wrap:balance}
.loopx-sub:where(:root.page-integrations,:root.page-integrations *){margin:14px auto 0;font-size:clamp(14.5px,1.4vw,17px);color:var(--ink-2);line-height:1.55;max-width:56ch;text-wrap:pretty}
.loopx-stage:where(:root.page-integrations,:root.page-integrations *){position:relative;margin:0 auto}
.sigx:where(:root.page-integrations,:root.page-integrations *){position:relative;aspect-ratio:1000/300;max-width:1180px;margin:64px auto;overflow:visible}
.sig-svg:where(:root.page-integrations,:root.page-integrations *){position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sig-base:where(:root.page-integrations,:root.page-integrations *){fill:none;stroke:#D8D4CD;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.sig-accent path:where(:root.page-integrations,:root.page-integrations *){fill:none;stroke:var(--wine);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.5}
.sig-ink:where(:root.page-integrations,:root.page-integrations *){fill:none;stroke:var(--wine);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 6px rgba(155,27,46,.28))}
.sig-pegs:where(:root.page-integrations,:root.page-integrations *){position:absolute;inset:0;z-index:2;pointer-events:none}
.sig-peg:where(:root.page-integrations,:root.page-integrations *){position:absolute;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:#fff;border:2px solid #D8D4CD;box-shadow:0 4px 10px -3px rgba(40,20,26,.3);transition:.35s var(--ease)}
.sig-peg.lit:where(:root.page-integrations,:root.page-integrations *){border-color:var(--wine);background:var(--wine);box-shadow:0 0 0 4px rgba(155,27,46,.16),0 6px 14px -4px rgba(155,27,46,.5)}
.sig-stem:where(:root.page-integrations,:root.page-integrations *){position:absolute;width:1.6px;margin-left:-0.8px;background:linear-gradient(var(--wine),rgba(155,27,46,.12));transform-origin:top;z-index:2;opacity:.35;transition:opacity .35s var(--ease)}
.sig-stem.lit:where(:root.page-integrations,:root.page-integrations *){opacity:1}
.loopx-steps:where(:root.page-integrations,:root.page-integrations *){position:absolute;inset:0;z-index:3}
.lxstep:where(:root.page-integrations,:root.page-integrations *){position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:clamp(126px,12vw,156px);text-align:left; background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:11px 13px;box-shadow:0 12px 28px -14px rgba(40,20,26,.26);transition:border-color .35s var(--ease),box-shadow .35s var(--ease),background .35s}
.lxstep.above:where(:root.page-integrations,:root.page-integrations *){transform:translate(-50%,calc(-100% - 13px))}
.lxstep.below:where(:root.page-integrations,:root.page-integrations *){transform:translate(-50%,13px)}
.lxstep .lxs-dot:where(:root.page-integrations,:root.page-integrations *){width:22px;height:22px;border-radius:7px;background:var(--paper-2);border:1.5px solid var(--line);display:grid;place-items:center;transition:.35s var(--ease);flex:none;position:relative}
.lxstep .lxs-dot:where(:root.page-integrations,:root.page-integrations *)::after{content:"";width:7px;height:4px;border-left:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);transform:rotate(-45deg) translateY(-1px);transition:.35s}
.lxstep b:where(:root.page-integrations,:root.page-integrations *){font-size:13px;font-weight:700;letter-spacing:-0.01em;color:var(--ink);transition:color .35s;line-height:1.12}
.lxstep .lxs-sub:where(:root.page-integrations,:root.page-integrations *){font-size:10.5px;line-height:1.32;color:var(--ink-3);transition:color .35s;text-wrap:pretty}
.lxstep.lit:where(:root.page-integrations,:root.page-integrations *){border-color:var(--wine);box-shadow:0 16px 34px -12px rgba(155,27,46,.4);z-index:6}
.lxstep.lit .lxs-dot:where(:root.page-integrations,:root.page-integrations *){border-color:var(--wine);background:var(--wine)}
.lxstep.lit .lxs-dot:where(:root.page-integrations,:root.page-integrations *)::after{border-color:#fff}
.lxstep.lit .lxs-sub:where(:root.page-integrations,:root.page-integrations *){color:var(--ink-2)}
.loopx-comet:where(:root.page-integrations,:root.page-integrations *){position:absolute;left:0;top:0;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;z-index:5; background:radial-gradient(circle,#fff 0%,var(--wine) 55%,rgba(155,27,46,0) 72%); box-shadow:0 0 16px 4px rgba(155,27,46,.7),0 0 5px 1px #fff;pointer-events:none}

/* ============================ INDUSTRY FIT ============================ */
.ind-head:where(:root.page-integrations,:root.page-integrations *){display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end;margin-bottom:48px}
.ind-tabswrap:where(:root.page-integrations,:root.page-integrations *){position:relative;display:flex;align-items:center;gap:12px;margin-bottom:34px}
.ind-arrow:where(:root.page-integrations,:root.page-integrations *){flex:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:20px;line-height:1;display:grid;place-items:center;transition:.2s var(--ease);box-shadow:var(--shadow-sm)}
.ind-arrow:hover:where(:root.page-integrations,:root.page-integrations *){border-color:var(--ink);background:var(--paper-2)}
.ind-arrow:disabled:where(:root.page-integrations,:root.page-integrations *){opacity:.3;cursor:default;box-shadow:none}
.ind-tabs:where(:root.page-integrations,:root.page-integrations *){flex:1 1 auto;min-width:0;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:6px 4px}
.ind-tabs:where(:root.page-integrations,:root.page-integrations *)::-webkit-scrollbar{display:none}
.ind-tab:where(:root.page-integrations,:root.page-integrations *){flex:none;white-space:nowrap;font-size:14px;font-weight:600;color:#9a9098;padding:9px 18px;border:1px dashed #c7bcc0;border-radius:100px;background:transparent;transition:color .2s,border-color .2s,background .2s}
.ind-tab:hover:where(:root.page-integrations,:root.page-integrations *){color:var(--wine);border-color:var(--wine-line)}
.ind-tab.is-active:where(:root.page-integrations,:root.page-integrations *){background:var(--wine-soft);color:var(--wine);border-style:solid;border-color:var(--wine)}

/* view-all industries */
.ind-morerow:where(:root.page-integrations,:root.page-integrations *){display:flex;justify-content:center;margin:-18px 0 30px}
.ind-more:where(:root.page-integrations,:root.page-integrations *){flex:none;white-space:nowrap;font-size:14px;font-weight:600;color:var(--wine);padding:11px 22px;border:1px solid var(--wine);border-radius:100px;background:var(--wine-soft);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.2s var(--ease)}
transition:.2s var(--ease)} .ind-more:hover:where(:root.page-integrations,:root.page-integrations *){background:var(--wine);color:#fff}
.ind-more .im-ic:where(:root.page-integrations,:root.page-integrations *){font-size:10px;transition:transform .25s var(--ease)}
.ind-more[aria-expanded="true"] .im-ic:where(:root.page-integrations,:root.page-integrations *){transform:rotate(180deg)}
.ind-allwrap:where(:root.page-integrations,:root.page-integrations *){margin:-14px 0 34px;border:1px solid var(--line);border-radius:20px;background:var(--paper);padding:clamp(20px,2.4vw,30px);box-shadow:var(--shadow-md)}
.ind-all-head:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.ind-all-close:where(:root.page-integrations,:root.page-integrations *){width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;font-size:13px;transition:.2s}
.ind-all-close:hover:where(:root.page-integrations,:root.page-integrations *){border-color:var(--ink);background:var(--paper-2)}
.ind-allgrid:where(:root.page-integrations,:root.page-integrations *){display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ind-allgrid button:where(:root.page-integrations,:root.page-integrations *){text-align:left;font-size:14px;font-weight:600;color:var(--ink-2);padding:13px 16px;border:1px dashed var(--line);border-radius:12px;background:transparent;cursor:pointer;transition:.18s var(--ease)}
.ind-allgrid button:hover:where(:root.page-integrations,:root.page-integrations *){color:var(--wine);border-color:var(--wine-line);background:var(--wine-soft)}
.ind-allgrid button.is-active:where(:root.page-integrations,:root.page-integrations *){color:var(--wine);border-style:solid;border-color:var(--wine);background:var(--wine-soft)}
.ind-tab:where(:root.page-integrations,:root.page-integrations *){flex:none;white-space:nowrap;font-size:14px;font-weight:600;color:#9a9098;padding:9px 18px;border:1px dashed #c7bcc0;border-radius:100px;background:transparent;cursor:pointer;transition:color .2s,border-color .2s,background .2s}
.ind-panel:where(:root.page-integrations,:root.page-integrations *){display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(24px,3vw,48px);align-items:stretch; border:1px solid var(--line);border-radius:24px;background:var(--paper);padding:clamp(18px,1.8vw,26px);min-height:400px}
.ind-media:where(:root.page-integrations,:root.page-integrations *){border-radius:16px;overflow:hidden;background:var(--paper-3);min-height:300px}
.ind-media img:where(:root.page-integrations,:root.page-integrations *){width:100%;height:100%;object-fit:cover;display:block}
.ind-content:where(:root.page-integrations,:root.page-integrations *){display:flex;flex-direction:column;padding:clamp(8px,1vw,16px) clamp(8px,1.4vw,22px) clamp(8px,1vw,16px) 0}
.ind-toprow:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;justify-content:space-between;gap:16px}
.ind-brand:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;gap:12px}
.ind-glyph:where(:root.page-integrations,:root.page-integrations *){width:38px;height:38px;border-radius:10px;background:var(--wine);color:#fff;display:grid;place-items:center;font-weight:700;font-size:16px;flex:none}
.ind-brand b:where(:root.page-integrations,:root.page-integrations *){font-size:17px;font-weight:700;letter-spacing:-0.02em;color:var(--ink)}
.ind-counter:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.ind-counter i:where(:root.page-integrations,:root.page-integrations *){width:24px;height:1px;background:var(--line);display:inline-block}
.ind-div:where(:root.page-integrations,:root.page-integrations *){border:0;border-top:1px solid var(--line);margin:clamp(18px,2vw,26px) 0}
.ind-cols:where(:root.page-integrations,:root.page-integrations *){display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,44px);flex:1}
.ind-cA:where(:root.page-integrations,:root.page-integrations *){display:flex;flex-direction:column}
.ind-cA h3:where(:root.page-integrations,:root.page-integrations *){font-size:clamp(22px,2.4vw,32px);font-weight:700;letter-spacing:-0.03em;line-height:1.08;text-wrap:balance}
.ind-sub:where(:root.page-integrations,:root.page-integrations *){font-size:13px;font-weight:500;color:var(--ink-3);margin-top:14px;letter-spacing:-0.005em}
.ind-learn:where(:root.page-integrations,:root.page-integrations *){margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15px;color:var(--wine);width:fit-content;padding:10px 18px;border-radius:100px;background:transparent;border:1px solid var(--wine-line);transition:background .22s var(--ease),border-color .22s var(--ease),color .22s}
.ind-learn span:where(:root.page-integrations,:root.page-integrations *){transition:transform .25s var(--ease)}
.ind-learn:hover:where(:root.page-integrations,:root.page-integrations *){color:var(--wine);background:var(--wine-soft);border-color:var(--wine)}
.ind-learn:hover span:where(:root.page-integrations,:root.page-integrations *){transform:translateX(4px)}
.ind-cB:where(:root.page-integrations,:root.page-integrations *){display:flex;flex-direction:column}
.ind-cB p:where(:root.page-integrations,:root.page-integrations *){font-size:15px;color:var(--ink-2);line-height:1.6}
.ind-rep:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;gap:13px;margin-top:auto;padding-top:24px}
.ind-rep-img:where(:root.page-integrations,:root.page-integrations *){width:60px;height:60px;border-radius:12px;object-fit:cover;flex:none;background:var(--paper-3)}
.ind-rep-t b:where(:root.page-integrations,:root.page-integrations *){font-size:15px;font-weight:700;letter-spacing:-0.01em;display:block;color:var(--ink)}
.ind-rep-t span:where(:root.page-integrations,:root.page-integrations *){font-size:12.5px;color:var(--ink-3);margin-top:2px;display:block}

/* ============================ REASONS (bento) ============================ */
.why-bento:where(:root.page-integrations,:root.page-integrations *){display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"a b c" "a d d";gap:16px}
.why-a:where(:root.page-integrations,:root.page-integrations *){grid-area:a}
.why-b:where(:root.page-integrations,:root.page-integrations *){grid-area:b}
.why-c:where(:root.page-integrations,:root.page-integrations *){grid-area:c}
.why-d:where(:root.page-integrations,:root.page-integrations *){grid-area:d}
.why-card:where(:root.page-integrations,:root.page-integrations *){position:relative;border:1px solid var(--line);border-radius:20px;padding:clamp(24px,2.3vw,34px);background:var(--paper);display:flex;flex-direction:column;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
.why-card:hover:where(:root.page-integrations,:root.page-integrations *){transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--ink)}
.why-icon:where(:root.page-integrations,:root.page-integrations *){width:48px;height:48px;border-radius:13px;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;flex:none;margin-bottom:22px}
.why-card h3:where(:root.page-integrations,:root.page-integrations *){font-size:clamp(19px,2vw,24px);font-weight:700;letter-spacing:-0.02em;margin-bottom:12px}
.why-card p:where(:root.page-integrations,:root.page-integrations *){font-size:15px;color:var(--ink-2);line-height:1.6;margin-bottom:18px}
.why-card .wtags:where(:root.page-integrations,:root.page-integrations *){display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}

/* feature card */
.why-feat:where(:root.page-integrations,:root.page-integrations *){background:linear-gradient(158deg,#B23a4a 0%,#8E1B2C 52%,#67121F 100%);border-color:transparent;color:#fff;justify-content:space-between;overflow:hidden}
.why-feat:where(:root.page-integrations,:root.page-integrations *)::after{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.26);pointer-events:none;animation:spinCW 26s linear infinite}
.why-feat:where(:root.page-integrations,:root.page-integrations *)::before{content:"";position:absolute;right:-110px;top:-110px;width:340px;height:340px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.16);pointer-events:none;animation:spinCCW 34s linear infinite}
html[data-motion="off"] .why-feat:where(:root.page-integrations,:root.page-integrations *)::before,html[data-motion="off"] .why-feat:where(:root.page-integrations,:root.page-integrations *)::after{animation:none}
.wf-top:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:1}
.wf-kick:where(:root.page-integrations,:root.page-integrations *){margin-top:10px}
.why-icon.wi-light:where(:root.page-integrations,:root.page-integrations *){background:rgba(255,255,255,.16);color:#fff;margin-bottom:0}
.wf-kick:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.wf-body:where(:root.page-integrations,:root.page-integrations *){position:relative;z-index:1;margin-top:auto;padding-top:40px}
.wf-num:where(:root.page-integrations,:root.page-integrations *){font-size:clamp(48px,5.4vw,76px);font-weight:700;letter-spacing:-0.04em;line-height:.9}
.wf-num span:where(:root.page-integrations,:root.page-integrations *){font-size:.32em;font-weight:600;letter-spacing:-0.01em;color:rgba(255,255,255,.7)}
.why-feat h3:where(:root.page-integrations,:root.page-integrations *){margin:18px 0 12px;font-size:clamp(22px,2.2vw,27px)}
.why-feat p:where(:root.page-integrations,:root.page-integrations *){color:rgba(255,255,255,.78);max-width:38ch}
.ctag.onwine:where(:root.page-integrations,:root.page-integrations *){color:#fff;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.08)}

/* wide card d */
.why-d-in:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-top:auto;width:100%}
.why-d-stat:where(:root.page-integrations,:root.page-integrations *){flex:none;text-align:right}
.why-d-stat b:where(:root.page-integrations,:root.page-integrations *){font-size:clamp(34px,3.6vw,52px);font-weight:700;letter-spacing:-0.03em;color:var(--wine);line-height:1;display:block}
.why-d-stat span:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:6px;display:block}
.why-d p:where(:root.page-integrations,:root.page-integrations *){margin-bottom:0;max-width:52ch}

/* ============================ INTEGRATIONS (core + dual marquee) ============================ */
.intg:where(:root.page-integrations,:root.page-integrations *){background:#F3F1EE}
#industries:where(:root.page-integrations,:root.page-integrations *){padding-bottom:0}
.intg-head:where(:root.page-integrations,:root.page-integrations *){margin-bottom:40px;max-width:920px}
.intg-stage:where(:root.page-integrations,:root.page-integrations *){position:relative;border:0;border-radius:24px;background:var(--paper);overflow:hidden;padding:clamp(28px,3.4vw,48px) 0 clamp(18px,2.2vw,30px)}
.intg-dots:where(:root.page-integrations,:root.page-integrations *){position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1.2px,transparent 1.2px);background-size:22px 22px; -webkit-mask-image:radial-gradient(circle at 50% 22%,#000 0%,#000 60%,transparent 92%);mask-image:radial-gradient(circle at 50% 22%,#000 0%,#000 60%,transparent 92%);opacity:.7}

/* core at top */
.intg-core2.intg-core-top:where(:root.page-integrations,:root.page-integrations *),#intgCore.intg-core-top:where(:root.page-integrations,:root.page-integrations *){position:relative;left:auto;top:auto;transform:none;margin:0 auto;z-index:3}

/* general connection: stem from core → rail, with a packet that splits left/right */
.intg-conn:where(:root.page-integrations,:root.page-integrations *){position:relative;z-index:2;height:clamp(48px,5.4vw,72px);margin:0 auto clamp(8px,1.2vw,16px);width:82%;pointer-events:none}
.intg-conn .ic-stem:where(:root.page-integrations,:root.page-integrations *){position:absolute;left:50%;top:0;transform:translateX(-50%);width:1.5px;height:62%;background:linear-gradient(180deg,var(--wine),var(--wine-line))}
.intg-conn .ic-rail:where(:root.page-integrations,:root.page-integrations *){position:absolute;left:0;right:0;top:62%;height:1.5px;background:linear-gradient(90deg,transparent,var(--wine-line) 10%,var(--wine-line) 90%,transparent)}
.intg-conn .ic-pkt:where(:root.page-integrations,:root.page-integrations *){position:absolute;width:7px;height:7px;border-radius:50%;background:var(--wine);box-shadow:0 0 9px 1px rgba(155,27,46,.55)}
.intg-conn .ic-down:where(:root.page-integrations,:root.page-integrations *){left:50%;top:0;transform:translate(-50%,-50%);animation:icDown 2.6s linear infinite}
.intg-conn .ic-left:where(:root.page-integrations,:root.page-integrations *){left:50%;top:62%;transform:translate(-50%,-50%);animation:icLeft 2.6s ease-in-out infinite}
.intg-conn .ic-right:where(:root.page-integrations,:root.page-integrations *){left:50%;top:62%;transform:translate(-50%,-50%);animation:icRight 2.6s ease-in-out infinite}
html[data-motion="off"] .intg-conn .ic-pkt:where(:root.page-integrations,:root.page-integrations *){animation:none;opacity:0}

/* single marquee */
.intg-rows:where(:root.page-integrations,:root.page-integrations *){position:relative;z-index:2;display:flex;flex-direction:column;gap:clamp(14px,1.6vw,20px)}
.intg-mrow:where(:root.page-integrations,:root.page-integrations *){overflow:hidden;padding-block:clamp(12px,1.4vw,18px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.intg-mtrack:where(:root.page-integrations,:root.page-integrations *){display:flex;gap:clamp(16px,1.8vw,24px);width:max-content;animation:intgMarq 34s linear infinite}
.intg-mrow:hover .intg-mtrack:where(:root.page-integrations,:root.page-integrations *){animation-play-state:paused}
html[data-motion="off"] .intg-mtrack:where(:root.page-integrations,:root.page-integrations *){animation:none}
.intg-chip:where(:root.page-integrations,:root.page-integrations *){flex:none;display:flex;align-items:center;gap:14px;white-space:nowrap;min-width:clamp(248px,24vw,320px); background:#fff;border:1px solid rgba(20,16,22,.04);border-radius:18px;padding:16px 30px 16px 16px; box-shadow:0 3px 8px rgba(30,22,40,.07),0 8px 18px -10px rgba(30,22,40,.16)}
.intg-chip .ig:where(:root.page-integrations,:root.page-integrations *){width:46px;height:46px;border-radius:13px;background:linear-gradient(160deg,#fff,#f4f2ee);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--ink-2);flex:none}
.intg-chip .ig img:where(:root.page-integrations,:root.page-integrations *){width:60%;height:60%;object-fit:contain}
.intg-chip .io-t b:where(:root.page-integrations,:root.page-integrations *){display:block;font-size:15px;font-weight:600;letter-spacing:-0.01em;color:var(--ink)}
.intg-chip .io-t span:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:3px;display:block}

/* center core */
.intg-core2:where(:root.page-integrations,:root.page-integrations *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3; width:min(248px,48%);text-align:center;border-radius:22px;padding:26px 24px 22px; background: radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,.14), transparent 60%), linear-gradient(165deg,#B23a4a 0%,#8E1B2C 52%,#67121F 100%); color:#fff;border:1px solid rgba(255,255,255,.18); box-shadow:0 30px 70px -26px rgba(70,18,28,.65), 0 0 0 7px rgba(155,27,46,.10)}
.intg-core2 .ic-ring:where(:root.page-integrations,:root.page-integrations *){position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);border-radius:24px;border:1px solid rgba(255,255,255,.3);pointer-events:none;animation:corePulse 3.4s var(--ease) infinite}
.intg-core2 .ic-mark:where(:root.page-integrations,:root.page-integrations *){width:54px;height:54px;border-radius:14px;background:#fff;display:grid;place-items:center;margin:0 auto 14px;box-shadow:0 10px 24px -10px rgba(0,0,0,.4)}
.intg-core2 .ic-mark img:where(:root.page-integrations,:root.page-integrations *){width:38px;height:38px;object-fit:contain}
.intg-core2 b:where(:root.page-integrations,:root.page-integrations *){display:block;font-size:16.5px;font-weight:700;letter-spacing:-0.02em}
.intg-core2 .ic-sub:where(:root.page-integrations,:root.page-integrations *){display:block;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.04em;color:rgba(255,255,255,.72);margin-top:9px;line-height:1.5}
.intg-core2 .ic-live:where(:root.page-integrations,:root.page-integrations *){display:inline-flex;align-items:center;gap:7px;margin-top:16px;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:100px;padding:5px 11px}
.intg-core2 .ic-live i:where(:root.page-integrations,:root.page-integrations *){width:6px;height:6px;border-radius:50%;background:#7CFFB0;box-shadow:0 0 0 0 rgba(124,255,176,.6);animation:livePulse 2.2s infinite}

/* orbit nodes */
.intg-orbit:where(:root.page-integrations,:root.page-integrations *){position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:2; display:flex;align-items:center;gap:12px;white-space:nowrap; background:var(--paper);border:1px solid rgba(20,16,22,.05);border-radius:15px;padding:12px 17px 12px 12px; box-shadow:0 18px 40px -20px rgba(42,30,48,.30), 0 4px 12px -6px rgba(42,30,48,.12); transition:box-shadow .25s var(--ease)}
.intg-orbit:hover:where(:root.page-integrations,:root.page-integrations *){box-shadow:0 26px 56px -22px rgba(42,30,48,.42), 0 6px 16px -8px rgba(42,30,48,.16);z-index:4}
.intg-orbit .ig:where(:root.page-integrations,:root.page-integrations *){width:42px;height:42px;border-radius:12px;background:linear-gradient(160deg,var(--paper),var(--paper-2));border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--ink-2);flex:none;box-shadow:inset 0 1px 0 #fff;overflow:hidden}
.intg-orbit .ig img:where(:root.page-integrations,:root.page-integrations *){width:62%;height:62%;object-fit:contain}
.intg-orbit .io-t b:where(:root.page-integrations,:root.page-integrations *){display:block;font-size:14px;font-weight:600;letter-spacing:-0.01em;color:var(--ink)}
.intg-orbit .io-t span:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:2px;display:block}

/* stats band — modern cards */
.intg-stats:where(:root.page-integrations,:root.page-integrations *){display:flex;justify-content:center;margin-top:6px}
.istat:where(:root.page-integrations,:root.page-integrations *){background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:20px 30px;display:flex;flex-direction:row;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center}
ar(--ease):where(:root.page-integrations,:root.page-integrations *),transform .25s var(--ease)} .istat:hover:where(:root.page-integrations,:root.page-integrations *){box-shadow:var(--shadow-md);transform:translateY(-2px)}
.istat .is-n:where(:root.page-integrations,:root.page-integrations *){font-size:clamp(28px,3.2vw,42px);font-weight:700;letter-spacing:-0.03em;line-height:1;color:var(--wine)}
.istat .is-l:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:10px}
.istat .is-langs:where(:root.page-integrations,:root.page-integrations *){display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.istat .is-langs span:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:10px;color:var(--ink-2);border:1px solid var(--line);border-radius:6px;padding:4px 8px;background:var(--paper-2)}
.istat:first-child:where(:root.page-integrations,:root.page-integrations *){background:linear-gradient(160deg,var(--wine-soft),var(--paper) 70%);border-color:var(--wine-line)}
.istat:first-child .is-l:where(:root.page-integrations,:root.page-integrations *){color:var(--wine)}

/* ============================ TESTIMONIALS (bento) ============================ */
.test-head:where(:root.page-integrations,:root.page-integrations *){text-align:center;max-width:680px;margin:0 auto clamp(46px,5.5vw,72px)}
.test-head .eyebrow:where(:root.page-integrations,:root.page-integrations *){margin-bottom:18px}
.test-head .h-section:where(:root.page-integrations,:root.page-integrations *){margin:0 auto}
.test-head .lede:where(:root.page-integrations,:root.page-integrations *){margin:20px auto 0;text-align:center}
.test-bento:where(:root.page-integrations,:root.page-integrations *){display:grid;grid-template-columns:repeat(3,1fr); grid-template-areas: "a c f" "a d g" "b e g"; gap:18px}
.tb-a:where(:root.page-integrations,:root.page-integrations *){grid-area:a}
.tb-b:where(:root.page-integrations,:root.page-integrations *){grid-area:b}
.tb-c:where(:root.page-integrations,:root.page-integrations *){grid-area:c}
.tb-d:where(:root.page-integrations,:root.page-integrations *){grid-area:d}
.tb-e:where(:root.page-integrations,:root.page-integrations *){grid-area:e}
.tb-f:where(:root.page-integrations,:root.page-integrations *){grid-area:f}
.tb-g:where(:root.page-integrations,:root.page-integrations *){grid-area:g}
.tcard:where(:root.page-integrations,:root.page-integrations *){position:relative;border:1px solid var(--line);border-radius:18px;background:var(--paper); padding:clamp(24px,2.2vw,32px);display:flex;flex-direction:column;overflow:hidden; transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
.tcard:hover:where(:root.page-integrations,:root.page-integrations *){transform:translateY(-3px);box-shadow:var(--shadow-md)}
.tcard .tq:where(:root.page-integrations,:root.page-integrations *){position:absolute;right:18px;bottom:-6px;font-family:var(--font-sans);font-weight:700; font-size:104px;line-height:1;color:var(--line);pointer-events:none;user-select:none}
.tcard blockquote:where(:root.page-integrations,:root.page-integrations *){position:relative;z-index:1;font-size:15.5px;line-height:1.6;letter-spacing:-0.01em;color:var(--ink);text-wrap:pretty}
.tcard .who:where(:root.page-integrations,:root.page-integrations *){position:relative;z-index:1;display:flex;align-items:center;gap:12px;margin-top:22px}
.tcard .av:where(:root.page-integrations,:root.page-integrations *){width:46px;height:46px;border-radius:50%;flex:none;object-fit:cover;background:var(--paper-3)}
.tcard .who b:where(:root.page-integrations,:root.page-integrations *){font-size:14.5px;font-weight:700;display:block;letter-spacing:-0.01em}
.tcard .who span:where(:root.page-integrations,:root.page-integrations *){font-size:12.5px;color:var(--ink-3);margin-top:2px;display:block;line-height:1.35}

/* featured */
.tcard--feat:where(:root.page-integrations,:root.page-integrations *){padding:clamp(28px,2.7vw,40px)}
.tcard--feat .stars:where(:root.page-integrations,:root.page-integrations *){position:relative;z-index:1;font-size:15px;letter-spacing:3px;margin-bottom:24px}
.tcard--feat blockquote:where(:root.page-integrations,:root.page-integrations *){font-size:clamp(17px,1.45vw,20px);line-height:1.5;font-weight:500}
.tcard--feat .who:where(:root.page-integrations,:root.page-integrations *){margin-top:auto;padding-top:28px}
.tcard--feat .tq:where(:root.page-integrations,:root.page-integrations *){right:24px;top:8px;bottom:auto;font-size:128px}
.tcard--dark:where(:root.page-integrations,:root.page-integrations *){background:#F3F1EE;border:1px solid var(--line)}
.tcard--dark blockquote:where(:root.page-integrations,:root.page-integrations *),.tcard--dark .who b:where(:root.page-integrations,:root.page-integrations *){color:var(--ink)}
.tcard--dark .who span:where(:root.page-integrations,:root.page-integrations *){color:var(--ink-3)}
.tcard--dark .stars:where(:root.page-integrations,:root.page-integrations *){color:var(--wine)}
.tcard--dark .tq:where(:root.page-integrations,:root.page-integrations *){color:rgba(20,16,22,.06)}
.tcard--wine:where(:root.page-integrations,:root.page-integrations *){background:linear-gradient(155deg,#A6333E 0%,#7C1623 58%,#5E1020 100%);border-color:transparent}
.tcard--wine blockquote:where(:root.page-integrations,:root.page-integrations *),.tcard--wine .who b:where(:root.page-integrations,:root.page-integrations *){color:#fff}
.tcard--wine .who span:where(:root.page-integrations,:root.page-integrations *){color:rgba(255,255,255,.72)}
.tcard--wine .stars:where(:root.page-integrations,:root.page-integrations *){color:#fff}
.tcard--wine .tq:where(:root.page-integrations,:root.page-integrations *){color:rgba(255,255,255,.13)}
.tcard--wine .av:where(:root.page-integrations,:root.page-integrations *){box-shadow:0 0 0 2px rgba(255,255,255,.28)}
.tcard--dark .av:where(:root.page-integrations,:root.page-integrations *){box-shadow:0 0 0 2px rgba(20,16,22,.1)}

/* ============================ FINAL CTA ============================ */
.cta:where(:root.page-integrations,:root.page-integrations *){position:relative;background:linear-gradient(165deg,#4E0C18 0%,#6E1320 22%,#9B1B2E 50%,#BF3A40 74%,#E08763 100%);color:#fff;overflow:hidden;border-radius:0;isolation:isolate}
.cta:where(:root.page-integrations,:root.page-integrations *)::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background: radial-gradient(75% 55% at 18% 8%, rgba(255,210,190,.40) 0%, transparent 55%), radial-gradient(80% 70% at 92% 30%, rgba(120,12,24,.65) 0%, transparent 60%), radial-gradient(90% 80% at 50% 120%, rgba(50,6,14,.7) 0%, transparent 62%)}
.cta-noise:where(:root.page-integrations,:root.page-integrations *){position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.85;mix-blend-mode:soft-light; background-image: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='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:150px 150px}
.cta canvas:where(:root.page-integrations,:root.page-integrations *){display:none}
.cta-in:where(:root.page-integrations,:root.page-integrations *){position:relative;z-index:2;text-align:center;max-width:1200px;margin:0 auto;padding-block:clamp(60px,7.5vw,100px) clamp(40px,5vw,64px)}
.cta-logo:where(:root.page-integrations,:root.page-integrations *){display:inline-grid;place-items:center;width:104px;height:104px;border-radius:26px;margin-bottom:34px; background:linear-gradient(155deg,#ffffff 0%,#efece5 100%); box-shadow:0 2px 1px rgba(255,255,255,.95) inset, 0 -6px 14px rgba(120,18,28,.18) inset, 0 5px 10px rgba(255,255,255,.5) inset, 0 26px 54px -16px rgba(35,5,10,.7)}
.cta-logo img:where(:root.page-integrations,:root.page-integrations *){width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 2px 1px rgba(255,255,255,.9)) drop-shadow(0 -1px 1px rgba(120,18,28,.25))}
.cta h2:where(:root.page-integrations,:root.page-integrations *){font-size:clamp(34px,4.8vw,62px);font-weight:700;letter-spacing:-0.035em;line-height:1.02;text-wrap:balance;max-width:none;margin:0 auto}
.cta h2 em:where(:root.page-integrations,:root.page-integrations *){font-style:normal;color:#fff}
.cta-btns:where(:root.page-integrations,:root.page-integrations *){display:flex;gap:14px;justify-content:center;margin-top:32px;flex-wrap:wrap}
.cta .btn-wine:where(:root.page-integrations,:root.page-integrations *){box-shadow:0 16px 44px -16px rgba(0,0,0,.55)}
.cta .btn-wine:hover:where(:root.page-integrations,:root.page-integrations *){transform:translateY(-2px);box-shadow:0 22px 54px -16px rgba(0,0,0,.6)}
.cta-btns .btn:where(:root.page-integrations,:root.page-integrations *){border-radius:100px}
.btn-onwine:where(:root.page-integrations,:root.page-integrations *){background:#fff;color:var(--wine-deep)}
.btn-onwine:hover:where(:root.page-integrations,:root.page-integrations *){background:#fff;transform:translateY(-2px);box-shadow:0 18px 40px -16px rgba(0,0,0,.5)}
.cta-assure:where(:root.page-integrations,:root.page-integrations *){display:flex;justify-content:center;gap:14px 28px;flex-wrap:wrap;margin-top:30px}
.cta-assure span:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:rgba(255,255,255,.82);display:inline-flex;align-items:center;gap:8px}
.cta-assure span:where(:root.page-integrations,:root.page-integrations *)::before{content:"\2192";color:#fff;opacity:.7;font-size:13px}

/* product screenshot — top 30% peeking at the bottom */
.cta-shot:where(:root.page-integrations,:root.page-integrations *){position:relative;z-index:2;width:min(var(--maxw),calc(100% - var(--gut)*2));margin:0 auto;border-radius:16px 16px 0 0;overflow:hidden; border:1px solid rgba(255,255,255,.22);border-bottom:0; box-shadow:0 -10px 60px -20px rgba(40,6,12,.6), 0 30px 80px -30px rgba(0,0,0,.5);background:#fff}
.cta-shot-bar:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;gap:12px;padding:11px 16px;background:#faf9f7;border-bottom:1px solid #ececec}
.cta-shot-bar .csb-dots:where(:root.page-integrations,:root.page-integrations *){display:flex;gap:6px}
.cta-shot-bar .csb-dots i:where(:root.page-integrations,:root.page-integrations *){width:10px;height:10px;border-radius:50%;background:#d8d5ce;display:block}
.cta-shot-bar .csb-url:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:11px;color:#9a9a95;background:#fff;border:1px solid #ececec;border-radius:7px;padding:4px 12px}
.cta-shot img:where(:root.page-integrations,:root.page-integrations *){display:block;width:100%;height:clamp(128px,17.6vw,208px);object-fit:cover;object-position:top center}

/* footer brand block */
.foot-lead:where(:root.page-integrations,:root.page-integrations *){display:grid;grid-template-columns:1.5fr 1fr;gap:40px;padding-bottom:48px;margin-bottom:48px;border-bottom:1px solid var(--line)}
.foot-lead p:where(:root.page-integrations,:root.page-integrations *){font-size:15px;color:var(--ink-2);line-height:1.65;max-width:60ch}
.foot-mission:where(:root.page-integrations,:root.page-integrations *){border-left:2px solid var(--wine);padding-left:20px}
.foot-mission span:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);display:block;margin-bottom:10px}
.foot-mission p:where(:root.page-integrations,:root.page-integrations *){font-size:15px;color:var(--ink);font-weight:500}
.foot-badges:where(:root.page-integrations,:root.page-integrations *){display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.foot-bottom:where(:root.page-integrations,:root.page-integrations *){display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:48px;padding-top:28px;border-top:1px solid var(--line);flex-wrap:wrap}
.foot-bottom .copy:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:11px;color:var(--ink-3);letter-spacing:.02em}

/* representative deployments strip */
.deploy-strip:where(:root.page-integrations,:root.page-integrations *){margin-top:8px}
.deploy-head:where(:root.page-integrations,:root.page-integrations *){display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.deploy-grid:where(:root.page-integrations,:root.page-integrations *){display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.dep:where(:root.page-integrations,:root.page-integrations *){background:var(--paper-2);padding:16px 18px}
.dep .dk:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}
.dep b:where(:root.page-integrations,:root.page-integrations *){font-size:13.5px;font-weight:600;display:block;letter-spacing:-0.01em}
.dep span:where(:root.page-integrations,:root.page-integrations *){font-size:12px;color:var(--ink-2)}

/* ============================================================================
   PREMIUM SAAS POLISH — updated page only
   ========================================================================== */
:root:where(:root.page-integrations,:root.page-integrations *){--shadow-sm:0 1px 2px rgba(34,18,22,.05), 0 1px 1px rgba(34,18,22,.03); --shadow-md:0 24px 64px -34px rgba(46,18,26,.30), 0 8px 22px -16px rgba(46,18,26,.16); --shadow-lg:0 64px 140px -58px rgba(52,20,30,.42), 0 26px 54px -36px rgba(46,18,26,.20)}

/* seamless warm seam where the red hero fades into the white page */
.ecolog:where(:root.page-integrations,:root.page-integrations *){background:linear-gradient(180deg,#FFF7F4 0%, #ffffff 72%)}

/* a faint circular-language motif shared by key sections */
.section--tight:where(:root.page-integrations,:root.page-integrations *),.cta:where(:root.page-integrations,:root.page-integrations *){position:relative}
.section--tight:where(:root.page-integrations,:root.page-integrations *)::before{content:"";position:absolute;left:50%;top:50%;width:760px;height:760px; transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:0; background:radial-gradient(circle, color-mix(in srgb,var(--wine) 7%,transparent), transparent 64%)}
.section--tight .wrap:where(:root.page-integrations,:root.page-integrations *){position:relative;z-index:1}

/* usage-metrics band — elevated, premium */
.statband:where(:root.page-integrations,:root.page-integrations *){border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-md);overflow:hidden; background: radial-gradient(130% 180% at 8% -50%, var(--wine-soft), transparent 58%), radial-gradient(130% 180% at 96% -50%, var(--accent-soft), transparent 58%), var(--paper)}
.statband .sc:where(:root.page-integrations,:root.page-integrations *){transition:background .25s var(--ease)}
.statband .sc:hover:where(:root.page-integrations,:root.page-integrations *){background:rgba(255,255,255,.6)}
.statband .stat-num:where(:root.page-integrations,:root.page-integrations *){color:var(--wine)}

/* premium container radii + softer card depth across the page */
.eco-card:where(:root.page-integrations,:root.page-integrations *),.anec-card:where(:root.page-integrations,:root.page-integrations *),.tcard:where(:root.page-integrations,:root.page-integrations *),.ind-panel:where(:root.page-integrations,:root.page-integrations *),.intg-net:where(:root.page-integrations,:root.page-integrations *),.why-grid:where(:root.page-integrations,:root.page-integrations *),.arch-diagram:where(:root.page-integrations,:root.page-integrations *),.gap-answer:where(:root.page-integrations,:root.page-integrations *),.media-frame:where(:root.page-integrations,:root.page-integrations *){border-radius:20px}
.tcard:hover:where(:root.page-integrations,:root.page-integrations *),.eco-card:hover:where(:root.page-integrations,:root.page-integrations *){box-shadow:var(--shadow-lg)}
.tcard--dark:hover:where(:root.page-integrations,:root.page-integrations *),.tcard--wine:hover:where(:root.page-integrations,:root.page-integrations *){box-shadow:var(--shadow-lg)}

/* circular motif echo behind final CTA */
.cta-in:where(:root.page-integrations,:root.page-integrations *){position:relative;z-index:2}

/* refined eyebrow accent — premium */
.eyebrow:where(:root.page-integrations,:root.page-integrations *)::before{box-shadow:0 0 0 4px var(--wine-soft)}

/* floating-pill nav: center wide mega panels to the viewport so centered
   nav links never push them off-screen; keep narrow menus on their trigger */
.nav-mega:where(:root.page-integrations,:root.page-integrations *){position:fixed;left:50%;top:84px;right:auto; transform:translateX(-50%) translateY(8px) scale(.99);transform-origin:top center; width:min(860px,calc(100vw - 40px))}
.nav-mega.nav-mega--cards:where(:root.page-integrations,:root.page-integrations *){width:min(680px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons:where(:root.page-integrations,:root.page-integrations *){width:min(660px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons.nav-mega--sol:where(:root.page-integrations,:root.page-integrations *){width:min(740px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons.has-3:where(:root.page-integrations,:root.page-integrations *){width:min(820px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons.nav-mega--res:where(:root.page-integrations,:root.page-integrations *){width:min(860px,calc(100vw - 40px))}
.nav-item:hover .nav-mega:where(:root.page-integrations,:root.page-integrations *),.nav-item:focus-within .nav-mega:where(:root.page-integrations,:root.page-integrations *){transform:translateX(-50%) translateY(0) scale(1)}
.nav-mega:where(:root.page-integrations,:root.page-integrations *)::before{left:0;right:0;top:-28px;height:28px}
.nav.is-stuck .nav-mega:where(:root.page-integrations,:root.page-integrations *){top:74px}

/* nav CTA buttons → pill to match the bar */
.nav-cta .btn:where(:root.page-integrations,:root.page-integrations *){border-radius:100px}
.nav-cta .btn-ghost:where(:root.page-integrations,:root.page-integrations *){border-color:var(--line)}

/* ============================ FOOTER (Avoora-style) ============================ */
.foot:where(:root.page-integrations,:root.page-integrations *){background:var(--paper);border-top:1px solid var(--line);padding:0 0 32px}
.foot .wrap:where(:root.page-integrations,:root.page-integrations *){position:relative}

/* image marquee */
.foot-marquee:where(:root.page-integrations,:root.page-integrations *){overflow:hidden;padding:clamp(28px,3.4vw,46px) 0 clamp(20px,2.4vw,30px); -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent); mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.fm-track:where(:root.page-integrations,:root.page-integrations *){display:flex;gap:16px;width:max-content;animation:fmScroll 48s linear infinite}
.foot-marquee:hover .fm-track:where(:root.page-integrations,:root.page-integrations *){animation-play-state:paused}
html[data-motion="off"] .fm-track:where(:root.page-integrations,:root.page-integrations *){animation:none}
.fm-tile:where(:root.page-integrations,:root.page-integrations *){margin:0;flex:none;width:clamp(112px,11vw,150px)}
.fm-tile img:where(:root.page-integrations,:root.page-integrations *){width:100%;aspect-ratio:5/6;object-fit:cover;border-radius:14px;background:var(--paper-3); filter:grayscale(.1);transition:transform .4s var(--ease),filter .4s}
.fm-tile:hover img:where(:root.page-integrations,:root.page-integrations *){transform:translateY(-4px);filter:none}
.fm-tile figcaption:where(:root.page-integrations,:root.page-integrations *){display:none}

/* menu cards */
.foot-cards:where(:root.page-integrations,:root.page-integrations *){display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:clamp(28px,3vw,44px)}
.foot-card:where(:root.page-integrations,:root.page-integrations *){border:0;border-radius:18px;padding:clamp(22px,2vw,30px);background:linear-gradient(180deg,var(--wine-soft) 0%,var(--paper) 64%);transition:box-shadow .25s var(--ease),transform .25s var(--ease)}
.foot-card:hover:where(:root.page-integrations,:root.page-integrations *){box-shadow:var(--shadow-md);transform:translateY(-2px)}
.foot-card :is(h3,h4):where(:root.page-integrations,:root.page-integrations *){font-size:18px;font-weight:700;letter-spacing:-0.02em;color:var(--ink);margin-bottom:14px;font-family:var(--font-sans);text-transform:none}
.foot-links:where(:root.page-integrations,:root.page-integrations *){list-style:none;display:flex;flex-direction:column}
.foot-links li:where(:root.page-integrations,:root.page-integrations *){border-top:1px solid var(--wine-line)}
.foot-links li:first-child:where(:root.page-integrations,:root.page-integrations *){border-top:0}
.foot-links a:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 2px;font-size:14.5px;font-weight:500;color:var(--ink-2);transition:color .18s var(--ease),padding .18s var(--ease)}
.foot-links a:hover:where(:root.page-integrations,:root.page-integrations *){color:var(--wine);padding-left:6px}
.foot-viewall:where(:root.page-integrations,:root.page-integrations *){color:var(--wine)!important;font-weight:600}
.foot-card:where(:root.page-integrations,:root.page-integrations *){position:relative}
.foot-card:has(.foot-va:hover):where(:root.page-integrations,:root.page-integrations *),.foot-card:has(.foot-va:focus-within):where(:root.page-integrations,:root.page-integrations *){z-index:40}
.foot-va:where(:root.page-integrations,:root.page-integrations *){display:block;margin-top:14px}
.foot-viewall:where(:root.page-integrations,:root.page-integrations *){cursor:pointer;display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--wine)}
.foot-viewall .va-arr:where(:root.page-integrations,:root.page-integrations *){transition:transform .2s var(--ease)}
.foot-va:hover .va-arr:where(:root.page-integrations,:root.page-integrations *),.foot-va:focus-within .va-arr:where(:root.page-integrations,:root.page-integrations *){transform:translateX(3px)}
.foot-va-pop:where(:root.page-integrations,:root.page-integrations *){position:absolute;left:0;bottom:0;z-index:30;width:min(560px,140%); display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:14px;border-radius:16px;background:var(--paper);border:1px solid var(--line); box-shadow:0 30px 60px -22px rgba(20,16,22,.45),0 8px 20px -10px rgba(20,16,22,.2); opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s}
.foot-va:hover .foot-va-pop:where(:root.page-integrations,:root.page-integrations *),.foot-va:focus-within .foot-va-pop:where(:root.page-integrations,:root.page-integrations *){opacity:1;visibility:visible;transform:translateY(0)}
.foot-va-pop a:where(:root.page-integrations,:root.page-integrations *){display:block;padding:9px 12px;border-radius:9px;font-size:13px;font-weight:500;color:var(--ink-2);transition:background .16s,color .16s}
.foot-va-pop a:hover:where(:root.page-integrations,:root.page-integrations *){background:var(--wine-soft);color:var(--wine)}
.foot-h4row:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.foot-h4row .foot-viewall:where(:root.page-integrations,:root.page-integrations *){font-size:12px;font-weight:600;text-transform:none;letter-spacing:0}
.fl-arr:where(:root.page-integrations,:root.page-integrations *){color:var(--ink-3);font-size:16px;transition:transform .18s var(--ease),color .18s}
.foot-links a:hover .fl-arr:where(:root.page-integrations,:root.page-integrations *){color:var(--wine);transform:translateX(3px)}

/* bottom bar */
.foot-bottom:where(:root.page-integrations,:root.page-integrations *){display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap; margin-top:clamp(30px,3.4vw,48px);padding:24px 0;border-top:1px solid var(--line)}
.foot-bottom .copy:where(:root.page-integrations,:root.page-integrations *){font-size:13px;color:var(--ink-3);letter-spacing:.01em}
.foot-top:where(:root.page-integrations,:root.page-integrations *){display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-family:var(--font-mono)}
.foot-top .ft-ic:where(:root.page-integrations,:root.page-integrations *){width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:var(--wine);color:#fff;font-size:14px;transition:transform .2s var(--ease)}
.foot-top:hover .ft-ic:where(:root.page-integrations,:root.page-integrations *){transform:translateY(-3px)}

/* back-to-top → logo */
.foot-right:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;gap:clamp(14px,1.6vw,22px)}
.foot-social:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;gap:10px}
.foot-social a:where(:root.page-integrations,:root.page-integrations *){width:54px;height:54px;border-radius:50%;background:var(--wine-soft);display:grid;place-items:center;color:var(--wine);transition:color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease)}
.foot-social a:hover:where(:root.page-integrations,:root.page-integrations *){color:#fff;background:var(--wine);transform:translateY(-2px)}
.foot-social svg:where(:root.page-integrations,:root.page-integrations *){width:20px;height:20px;fill:currentColor}
.foot-sep:where(:root.page-integrations,:root.page-integrations *){width:1px;height:38px;background:var(--line);flex:none}
.foot-logo:where(:root.page-integrations,:root.page-integrations *){display:inline-flex;align-items:center;transition:transform .2s var(--ease)}
.foot-logo img:where(:root.page-integrations,:root.page-integrations *){height:52px;width:auto;object-fit:contain}
.foot-logo:hover:where(:root.page-integrations,:root.page-integrations *){transform:translateY(-3px)}

/* giant wordmark with people video */
.foot-wordmark:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;gap:clamp(20px,3vw,48px);margin-top:clamp(22px,2.6vw,40px);padding-bottom:clamp(16px,2.4vw,40px)}
.fw-img:where(:root.page-integrations,:root.page-integrations *){position:relative;flex:none;width:clamp(120px,14vw,188px);aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:var(--paper-3);display:block;cursor:pointer}
.fw-img video:where(:root.page-integrations,:root.page-integrations *),.fw-img img:where(:root.page-integrations,:root.page-integrations *){width:100%;height:100%;object-fit:cover;display:block}
.fw-ig:where(:root.page-integrations,:root.page-integrations *){position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;color:#fff; background:linear-gradient(160deg,rgba(193,53,132,.55),rgba(131,58,180,.5) 55%,rgba(253,170,90,.45)); opacity:0;transition:opacity .28s var(--ease)}
.fw-ig svg:where(:root.page-integrations,:root.page-integrations *){transform:scale(.8);transition:transform .28s var(--ease);filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}
.fw-img:hover .fw-ig:where(:root.page-integrations,:root.page-integrations *){opacity:1}
.fw-img:hover .fw-ig svg:where(:root.page-integrations,:root.page-integrations *){transform:scale(1)}
.fw-text:where(:root.page-integrations,:root.page-integrations *){font-weight:900;line-height:.92;letter-spacing:0.005em;color:#D8D3CC; font-size:clamp(60px,16.6vw,250px);white-space:nowrap;padding-bottom:0.1em;flex:1;text-align:right}

/* touch 1781880837256 */

/* floating Academic Transcripts pill (bottom-left) */
.et-float:where(:root.page-integrations,:root.page-integrations *){position:fixed;right:22px;left:auto;bottom:22px;z-index:120;display:inline-flex;flex-direction:row-reverse;align-items:center;gap:0; height:60px;width:60px;padding:8px;border-radius:100px;overflow:hidden; background:#fff;box-shadow:0 14px 34px -12px rgba(20,16,22,.34),0 4px 12px -6px rgba(20,16,22,.2); border:1px solid var(--line);text-decoration:none;white-space:nowrap; transition:width .34s var(--ease),box-shadow .34s var(--ease)}
.et-float .et-ic:where(:root.page-integrations,:root.page-integrations *){width:44px;height:44px;border-radius:50%;flex:none;display:grid;place-items:center;overflow:hidden}
.et-float .et-ic img:where(:root.page-integrations,:root.page-integrations *){width:100%;height:100%;object-fit:contain;display:block}
.et-float .et-tx:where(:root.page-integrations,:root.page-integrations *){font-size:14px;font-weight:700;color:var(--wine);letter-spacing:-0.01em;opacity:0; padding:0 6px 0 14px;transition:opacity .28s var(--ease) .06s}
.et-float:hover:where(:root.page-integrations,:root.page-integrations *){width:250px;box-shadow:0 20px 44px -14px rgba(20,16,22,.42)}
.et-float:hover .et-tx:where(:root.page-integrations,:root.page-integrations *){opacity:1}
.brand .mark .seal:where(:root.page-integrations,:root.page-integrations *){fill:var(--wine)}
.eco-glyph:where(:root.page-integrations,:root.page-integrations *),.intg-core .ic-mark:where(:root.page-integrations,:root.page-integrations *),.ind-flowcard .ifn:where(:root.page-integrations,:root.page-integrations *){transition:background .3s var(--ease)}
.rsw:where(:root.page-integrations,:root.page-integrations *){max-width:min(1520px,calc(100vw - 2*var(--gut)));margin-inline:auto}
.rs-hero:where(:root.page-integrations,:root.page-integrations *){text-align:center;padding:clamp(150px,15vw,190px) 0 clamp(46px,5vw,80px);position:relative;overflow:hidden;background-image: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='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E"),linear-gradient(180deg,#6E101D 0%,#8C1729 42%,#A82C43 100%);color:#fff}
.rs-hero:where(:root.page-integrations,:root.page-integrations *)::before{content:"";position:absolute;left:50%;top:-46%;width:min(1200px,120vw);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:1px dashed rgba(255,255,255,.22);pointer-events:none;animation:rsSpin 90s linear infinite}
.rs-hero:where(:root.page-integrations,:root.page-integrations *)::after{content:"";position:absolute;left:50%;top:-30%;width:min(880px,90vw);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:1px dashed rgba(255,255,255,.15);pointer-events:none}
.rs-hero .rsw:where(:root.page-integrations,:root.page-integrations *){position:relative}
.rs-k:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--wine);font-weight:500}
.rs-hero .rs-k:where(:root.page-integrations,:root.page-integrations *){color:rgba(255,255,255,.8)}
.rs-hero h1:where(:root.page-integrations,:root.page-integrations *){margin:14px auto 0;font-size:clamp(34px,4.3vw,56px);line-height:1.02;letter-spacing:-.04em;font-weight:700;max-width:18ch}
.rs-hero p:where(:root.page-integrations,:root.page-integrations *){margin:18px auto 0;font-size:clamp(15px,1.35vw,18px);line-height:1.6;color:rgba(255,255,255,.84);max-width:600px}
.rs-search:where(:root.page-integrations,:root.page-integrations *){margin:30px auto 0;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.34);backdrop-filter:blur(8px);border-radius:100px;padding:5px 6px 5px 20px;max-width:480px}
.rs-search svg:where(:root.page-integrations,:root.page-integrations *){width:17px;height:17px;color:rgba(255,255,255,.7);flex:none}
.rs-search input:where(:root.page-integrations,:root.page-integrations *){flex:1;border:0;outline:0;background:none;font-family:inherit;font-size:14.5px;color:#fff;padding:11px 0}
.rs-search input:where(:root.page-integrations,:root.page-integrations *)::placeholder{color:rgba(255,255,255,.66)}

/* sticky tabs */
.rs-tabs-wrap:where(:root.page-integrations,:root.page-integrations *){position:sticky;top:88px;z-index:30;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.rs-tabs:where(:root.page-integrations,:root.page-integrations *){display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:10px 0}
.rs-tabs:where(:root.page-integrations,:root.page-integrations *)::-webkit-scrollbar{display:none}
.rs-tab:where(:root.page-integrations,:root.page-integrations *){position:relative;border:1px solid transparent;background:none;font-family:inherit;font-size:14.5px;font-weight:500;color:var(--ink-2);padding:10px 18px;border-radius:100px;white-space:nowrap;transition:.22s var(--ease);display:flex;align-items:center;gap:9px}
.rs-tab .c:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3);background:var(--paper-3);border-radius:100px;padding:2px 7px;transition:.22s}
.rs-tab:hover:where(:root.page-integrations,:root.page-integrations *){background:var(--paper-2);color:var(--ink)}
.rs-tab.on:where(:root.page-integrations,:root.page-integrations *){background:var(--wine-soft);border-color:var(--wine-line);color:var(--wine);font-weight:700}
.rs-tab.on .c:where(:root.page-integrations,:root.page-integrations *){background:var(--wine);color:#fff}

/* featured */
.rs-feat:where(:root.page-integrations,:root.page-integrations *){display:grid;grid-template-columns:.72fr 1fr;gap:clamp(24px,3.4vw,56px);align-items:center;margin-top:clamp(34px,4vw,56px);padding-bottom:clamp(34px,4vw,56px);border-bottom:1px solid var(--line);cursor:pointer}
.rs-feat-img:where(:root.page-integrations,:root.page-integrations *){position:relative;border-radius:18px;overflow:hidden;aspect-ratio:16/11;max-width:520px;background:var(--paper-3)}
.rs-feat-img img:where(:root.page-integrations,:root.page-integrations *){width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.rs-feat:hover .rs-feat-img img:where(:root.page-integrations,:root.page-integrations *){transform:scale(1.045)}
.rs-badge:where(:root.page-integrations,:root.page-integrations *){position:absolute;left:16px;top:16px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;background:var(--wine);color:#fff;padding:6px 11px;border-radius:100px}
.rs-feat h2:where(:root.page-integrations,:root.page-integrations *){margin:16px 0 0;font-size:clamp(24px,2.9vw,40px);line-height:1.1;letter-spacing:-.032em;font-weight:700;text-wrap:balance}
.rs-feat:hover h2:where(:root.page-integrations,:root.page-integrations *){color:var(--wine)}
.rs-feat p:where(:root.page-integrations,:root.page-integrations *){margin:16px 0 0;font-size:15.6px;line-height:1.62;color:var(--ink-2)}
.rs-meta:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;gap:14px;margin-top:20px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.rs-meta i:where(:root.page-integrations,:root.page-integrations *){width:4px;height:4px;border-radius:50%;background:var(--ink-3);display:block}

/* list */
.rs-list:where(:root.page-integrations,:root.page-integrations *){border-top:1px solid transparent}
.rs-row:where(:root.page-integrations,:root.page-integrations *){display:grid;grid-template-columns:270px 1fr auto;gap:clamp(18px,2.6vw,40px);align-items:center;padding:clamp(20px,2.2vw,28px) 10px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .3s var(--ease),padding-left .3s var(--ease);opacity:0;transform:translateY(14px)}
.rs-row.in:where(:root.page-integrations,:root.page-integrations *){opacity:1;transform:none;transition:opacity .5s var(--ease),transform .5s var(--ease),background .3s,padding-left .3s}
.rs-row:hover:where(:root.page-integrations,:root.page-integrations *){background:var(--paper-2);padding-left:20px}
.rs-thumb:where(:root.page-integrations,:root.page-integrations *){border-radius:14px;overflow:hidden;aspect-ratio:16/11;background:var(--paper-3)}
.rs-thumb img:where(:root.page-integrations,:root.page-integrations *){width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.rs-row:hover .rs-thumb img:where(:root.page-integrations,:root.page-integrations *){transform:scale(1.07)}
.rs-cat:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--wine)}
.rs-row h3:where(:root.page-integrations,:root.page-integrations *){margin:9px 0 0;font-size:clamp(17px,1.75vw,23px);line-height:1.22;letter-spacing:-.028em;font-weight:600;text-wrap:pretty}
.rs-row:hover h3:where(:root.page-integrations,:root.page-integrations *){color:var(--wine)}
.rs-row p:where(:root.page-integrations,:root.page-integrations *){margin:9px 0 0;font-size:15px;line-height:1.55;color:var(--ink-2);max-width:70ch}
.rs-go:where(:root.page-integrations,:root.page-integrations *){display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);color:var(--ink-3);flex:none;transition:.28s var(--ease)}
.rs-row:hover .rs-go:where(:root.page-integrations,:root.page-integrations *){background:var(--wine);border-color:var(--wine);color:#fff;transform:translateX(4px)}
.rs-empty:where(:root.page-integrations,:root.page-integrations *){padding:70px 0;text-align:center;color:var(--ink-3);font-size:15px}
.rs-more:where(:root.page-integrations,:root.page-integrations *){display:flex;justify-content:center;margin-top:44px}

/* newsletter */
.rs-nl:where(:root.page-integrations,:root.page-integrations *){background:var(--paper-3);border-radius:24px;padding:clamp(32px,4vw,60px);display:flex;flex-wrap:wrap;gap:26px;align-items:center;justify-content:space-between}
.rs-nl h3:where(:root.page-integrations,:root.page-integrations *){margin:0;font-size:clamp(23px,2.6vw,36px);line-height:1.1;letter-spacing:-.03em;font-weight:700;max-width:16ch}
.rs-nl p:where(:root.page-integrations,:root.page-integrations *){margin:12px 0 0;font-size:15.5px;color:var(--ink-2);max-width:44ch}
.rs-mail:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:100px;padding:5px 5px 5px 20px}
.rs-mail input:where(:root.page-integrations,:root.page-integrations *){border:0;outline:0;background:none;font-family:inherit;font-size:14.5px;width:min(250px,44vw);color:var(--ink)}
.rs-mail button:where(:root.page-integrations,:root.page-integrations *){border:0;border-radius:100px;background:var(--wine);color:#fff;font-family:inherit;font-weight:700;font-size:14px;padding:12px 22px;cursor:pointer;transition:.2s}
.rs-mail button:hover:where(:root.page-integrations,:root.page-integrations *){background:var(--wine-deep)}

/* ---------- article detail ---------- */
.rs-article:where(:root.page-integrations,:root.page-integrations *){display:none}
body.rs-detail .rs-index:where(:root.page-integrations,:root.page-integrations *){display:none}
body.rs-detail .rs-article:where(:root.page-integrations,:root.page-integrations *){display:block}
.rs-prog:where(:root.page-integrations,:root.page-integrations *){position:fixed;left:0;top:0;height:3px;background:var(--wine);width:0;z-index:200;transition:width .1s linear}
.ar-hero:where(:root.page-integrations,:root.page-integrations *){min-height:clamp(400px,46vw,560px);padding:clamp(150px,15vw,190px) 0 clamp(186px,15vw,196px);position:relative;overflow:hidden;background-image: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='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E"),linear-gradient(180deg,#6E101D 0%,#8C1729 44%,#A82C43 100%);color:#fff;text-align:center}
.ar-hero:where(:root.page-integrations,:root.page-integrations *)::before{content:"";position:absolute;left:50%;top:-46%;width:min(1200px,120vw);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:1px dashed rgba(255,255,255,.22);pointer-events:none;animation:rsSpin 90s linear infinite}
.ar-hero:where(:root.page-integrations,:root.page-integrations *)::after{content:"";position:absolute;left:50%;top:-30%;width:min(880px,90vw);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:1px dashed rgba(255,255,255,.15);pointer-events:none}
.ar-head:where(:root.page-integrations,:root.page-integrations *){max-width:900px;margin-inline:auto;position:relative}
.ar-hero .rs-meta:where(:root.page-integrations,:root.page-integrations *){justify-content:center;color:rgba(255,255,255,.74)}
.ar-hero .rs-meta i:where(:root.page-integrations,:root.page-integrations *){background:rgba(255,255,255,.6)}
.ar-back:where(:root.page-integrations,:root.page-integrations *){display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;color:rgba(255,255,255,.82);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);border-radius:100px;padding:8px 18px;font-family:inherit;cursor:pointer;transition:.22s var(--ease);margin-bottom:24px}
.ar-back:hover:where(:root.page-integrations,:root.page-integrations *){color:#fff;background:rgba(255,255,255,.2);gap:13px}
.ar-hero h1:where(:root.page-integrations,:root.page-integrations *){margin:20px auto 0;font-size:clamp(30px,4.2vw,58px);line-height:1.05;letter-spacing:-.038em;font-weight:700;max-width:19ch;text-wrap:balance}
.ar-lead:where(:root.page-integrations,:root.page-integrations *){margin:20px auto 0;font-size:clamp(16px,1.5vw,20px);line-height:1.58;color:rgba(255,255,255,.84);max-width:62ch}
.ar-cover:where(:root.page-integrations,:root.page-integrations *){position:relative;z-index:2;margin:clamp(-160px,-11vw,-110px) auto 0;max-width:1240px;border-radius:26px;overflow:hidden;aspect-ratio:21/8;background:var(--paper-3);box-shadow:0 60px 120px -56px rgba(52,8,16,.55)}
.ar-cover img:where(:root.page-integrations,:root.page-integrations *){width:100%;height:100%;object-fit:cover}
.ar-body:where(:root.page-integrations,:root.page-integrations *){display:grid;grid-template-columns:230px minmax(0,720px) 1fr;gap:clamp(28px,4vw,72px);padding-block:clamp(44px,5vw,80px)}
.ar-toc:where(:root.page-integrations,:root.page-integrations *){position:sticky;top:130px;align-self:start}
.ar-toc h6:where(:root.page-integrations,:root.page-integrations *){margin:0 0 14px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500}
.ar-toc a:where(:root.page-integrations,:root.page-integrations *){display:block;font-size:13.6px;line-height:1.4;color:var(--ink-3);padding:8px 0 8px 14px;border-left:2px solid var(--line);transition:.22s}
.ar-toc a:hover:where(:root.page-integrations,:root.page-integrations *){color:var(--ink)}
.ar-toc a.on:where(:root.page-integrations,:root.page-integrations *){color:var(--wine);border-left-color:var(--wine);font-weight:600}
.ar-prose h2:where(:root.page-integrations,:root.page-integrations *){margin:44px 0 0;font-size:clamp(22px,2.3vw,30px);line-height:1.15;letter-spacing:-.03em;font-weight:700;scroll-margin-top:130px}
.ar-prose h2:first-child:where(:root.page-integrations,:root.page-integrations *){margin-top:0}
.ar-meta:where(:root.page-integrations,:root.page-integrations *){margin:0 0 26px;padding-bottom:20px;border-bottom:1px solid var(--line);justify-content:flex-start}
.ar-prose p:where(:root.page-integrations,:root.page-integrations *){margin:16px 0 0;font-size:16.6px;line-height:1.72;color:var(--ink-2)}
.ar-prose ul:where(:root.page-integrations,:root.page-integrations *){margin:18px 0 0;padding-left:0;list-style:none}
.ar-prose li:where(:root.page-integrations,:root.page-integrations *){position:relative;padding-left:24px;margin-top:11px;font-size:16.2px;line-height:1.65;color:var(--ink-2)}
.ar-prose li:where(:root.page-integrations,:root.page-integrations *)::before{content:"";position:absolute;left:2px;top:11px;width:7px;height:7px;border-radius:2px;background:var(--wine)}
.ar-pull:where(:root.page-integrations,:root.page-integrations *){margin:44px 0;padding:28px 0 28px 30px;border-left:3px solid var(--wine);font-size:clamp(19px,2vw,25px);line-height:1.36;letter-spacing:-.024em;font-weight:600;color:var(--ink)}
.ar-side:where(:root.page-integrations,:root.page-integrations *){align-self:start;position:sticky;top:130px}
.ar-cta:where(:root.page-integrations,:root.page-integrations *){background:var(--wine);color:#fff;border-radius:18px;padding:26px}
.ar-form:where(:root.page-integrations,:root.page-integrations *){background:var(--paper-3);border-radius:18px;padding:24px}
.ar-form>b:where(:root.page-integrations,:root.page-integrations *){display:block;font-size:17px;font-weight:700;letter-spacing:-.022em}
.ar-form>p:where(:root.page-integrations,:root.page-integrations *){margin:9px 0 18px;font-size:13.5px;line-height:1.55;color:var(--ink-2)}
.ar-form form:where(:root.page-integrations,:root.page-integrations *){display:flex;flex-direction:column;gap:11px}
.ar-form label:where(:root.page-integrations,:root.page-integrations *){display:flex;flex-direction:column;gap:5px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3)}
.ar-form input:where(:root.page-integrations,:root.page-integrations *),.ar-form textarea:where(:root.page-integrations,:root.page-integrations *){border:1px solid var(--line);border-radius:9px;background:#fff;padding:10px 12px;font-family:var(--font-sans);font-size:13.6px;color:var(--ink);outline:0;transition:.2s;resize:vertical}
.ar-form input:focus:where(:root.page-integrations,:root.page-integrations *),.ar-form textarea:focus:where(:root.page-integrations,:root.page-integrations *){border-color:var(--wine);box-shadow:0 0 0 3px rgba(155,27,46,.09)}
.ar-form button:where(:root.page-integrations,:root.page-integrations *){margin-top:4px;border:0;border-radius:100px;background:var(--wine);color:#fff;font-family:inherit;font-weight:700;font-size:13.8px;padding:12px 20px;cursor:pointer;transition:.2s}
.ar-form button:hover:where(:root.page-integrations,:root.page-integrations *){background:var(--wine-deep)}
.ar-form-note:where(:root.page-integrations,:root.page-integrations *){display:block;margin-top:12px;font-size:11.5px;line-height:1.45;color:var(--ink-3)}
.ar-cta b:where(:root.page-integrations,:root.page-integrations *){display:block;font-size:17px;font-weight:700;letter-spacing:-.02em}
.ar-cta p:where(:root.page-integrations,:root.page-integrations *){margin:10px 0 18px;font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.82)}
.ar-cta a:where(:root.page-integrations,:root.page-integrations *){display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--wine);border-radius:100px;padding:10px 18px;font-size:13.5px;font-weight:700}
.ar-share:where(:root.page-integrations,:root.page-integrations *){margin-top:22px;display:flex;gap:8px}
.ar-share a:where(:root.page-integrations,:root.page-integrations *){width:38px;height:38px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-3);transition:.22s}
.ar-share a:hover:where(:root.page-integrations,:root.page-integrations *){border-color:var(--wine);color:var(--wine)}
.ar-share svg:where(:root.page-integrations,:root.page-integrations *){width:16px;height:16px;fill:currentColor}
.ar-rel:where(:root.page-integrations,:root.page-integrations *){border-top:1px solid var(--line);padding-block:clamp(44px,5vw,76px)}
.ar-rel h3:where(:root.page-integrations,:root.page-integrations *){margin:0 0 28px;font-size:clamp(21px,2.2vw,30px);letter-spacing:-.03em;font-weight:700}
.ar-rel-grid:where(:root.page-integrations,:root.page-integrations *){display:grid;grid-template-columns:1fr;gap:0}
.ar-rc:where(:root.page-integrations,:root.page-integrations *){cursor:pointer;display:grid;grid-template-columns:270px 1fr auto;gap:clamp(18px,2.6vw,40px);align-items:center;padding:clamp(20px,2.2vw,28px) 10px;border-bottom:1px solid var(--line);transition:background .3s var(--ease),padding-left .3s var(--ease)}
.ar-rc:hover:where(:root.page-integrations,:root.page-integrations *){background:var(--paper-2);padding-left:20px}
.ar-rc .im:where(:root.page-integrations,:root.page-integrations *){border-radius:14px;overflow:hidden;aspect-ratio:16/11;background:var(--paper-3)}
.ar-rc img:where(:root.page-integrations,:root.page-integrations *){width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.ar-rc:hover img:where(:root.page-integrations,:root.page-integrations *){transform:scale(1.06)}
.ar-rc h4:where(:root.page-integrations,:root.page-integrations *){margin:9px 0 0;font-size:clamp(17px,1.75vw,23px);line-height:1.22;letter-spacing:-.028em;font-weight:600}
.ar-rc:hover h4:where(:root.page-integrations,:root.page-integrations *){color:var(--wine)}
.ar-rc p:where(:root.page-integrations,:root.page-integrations *){margin:9px 0 0;font-size:15px;line-height:1.55;color:var(--ink-2);max-width:70ch}

/* ---------- list: sidebar + grid ---------- */
.rs-shell:where(:root.page-integrations,:root.page-integrations *){display:grid;grid-template-columns:284px minmax(0,1fr);gap:clamp(24px,3vw,52px);align-items:start;margin-top:clamp(30px,3.4vw,48px)}
.rs-side-in:where(:root.page-integrations,:root.page-integrations *){position:sticky;top:118px;display:flex;flex-direction:column;gap:14px}
.rs-sbox:where(:root.page-integrations,:root.page-integrations *){background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}
.rs-sbox h6:where(:root.page-integrations,:root.page-integrations *){margin:0 0 13px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500}
.rs-sfield:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:100px;padding:0 8px 0 15px;background:var(--paper-2);transition:.25s var(--ease)}
.rs-sfield:focus-within:where(:root.page-integrations,:root.page-integrations *){border-color:var(--wine);background:#fff;box-shadow:0 0 0 3px rgba(155,27,46,.08)}
.rs-sfield svg:where(:root.page-integrations,:root.page-integrations *){width:15px;height:15px;color:var(--ink-3);flex:none}
.rs-sfield input:where(:root.page-integrations,:root.page-integrations *){flex:1;min-width:0;border:0;outline:0;background:none;font-family:inherit;font-size:14px;color:var(--ink);padding:11px 0}
.rs-sfield input:where(:root.page-integrations,:root.page-integrations *)::-webkit-search-cancel-button{display:none}
.rs-sclear:where(:root.page-integrations,:root.page-integrations *){border:0;background:none;cursor:pointer;font-size:19px;line-height:1;color:var(--ink-3);padding:4px 6px;transition:color .2s}
.rs-sclear:hover:where(:root.page-integrations,:root.page-integrations *){color:var(--wine)}
.rs-scount:where(:root.page-integrations,:root.page-integrations *){display:block;margin-top:11px;font-family:var(--font-mono);font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3)}
.rs-cats:where(:root.page-integrations,:root.page-integrations *){display:flex;flex-direction:column;gap:2px}
.rs-cat-b:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:0;background:none;cursor:pointer; font-family:inherit;font-size:14px;font-weight:500;color:var(--ink-2);text-align:left;padding:10px 12px;border-radius:11px;transition:.24s var(--ease)}
.rs-cat-b .n:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3);background:var(--paper-3);border-radius:100px;padding:3px 8px;transition:.24s var(--ease)}
.rs-cat-b:hover:where(:root.page-integrations,:root.page-integrations *){background:var(--paper-2);color:var(--ink)}
.rs-cat-b.on:where(:root.page-integrations,:root.page-integrations *){background:var(--wine-soft);color:var(--wine);font-weight:700}
.rs-cat-b.on .n:where(:root.page-integrations,:root.page-integrations *){background:var(--wine);color:#fff}
.rs-sdemo:where(:root.page-integrations,:root.page-integrations *){position:relative;overflow:hidden;border-radius:18px;padding:24px;color:#fff; background-image: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='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E"),linear-gradient(155deg,#A6333E 0%,#7C1623 58%,#5E1020 100%)}
.rs-sdemo:where(:root.page-integrations,:root.page-integrations *)::after{content:"";position:absolute;right:-40px;top:-40px;width:150px;height:150px;border-radius:50%;border:1px dashed rgba(255,255,255,.3);pointer-events:none}
.rs-sdemo b:where(:root.page-integrations,:root.page-integrations *){position:relative;display:block;font-size:17px;font-weight:700;letter-spacing:-.024em}
.rs-sdemo p:where(:root.page-integrations,:root.page-integrations *){position:relative;margin:9px 0 18px;font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.82)}
.rs-sbtn:where(:root.page-integrations,:root.page-integrations *){position:relative;display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--wine);border-radius:100px;padding:11px 20px;font-size:13.6px;font-weight:700;transition:.25s var(--ease)}
.rs-sbtn:hover:where(:root.page-integrations,:root.page-integrations *){gap:12px;box-shadow:0 14px 30px -16px rgba(0,0,0,.4)}
.rs-grid:where(:root.page-integrations,:root.page-integrations *){display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.8vw,24px)}
.rs-card:where(:root.page-integrations,:root.page-integrations *){display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;cursor:pointer; opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease),transform .5s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease)}
.rs-card.in:where(:root.page-integrations,:root.page-integrations *){opacity:1;transform:none}
.rs-card:hover:where(:root.page-integrations,:root.page-integrations *){border-color:var(--wine-line);box-shadow:0 34px 68px -44px rgba(20,22,27,.42);transform:translateY(-5px)}
.rs-cthumb:where(:root.page-integrations,:root.page-integrations *){position:relative;aspect-ratio:16/10;background:var(--paper-3);overflow:hidden}
.rs-cthumb img:where(:root.page-integrations,:root.page-integrations *){width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.rs-card:hover .rs-cthumb img:where(:root.page-integrations,:root.page-integrations *){transform:scale(1.06)}
.rs-ctag:where(:root.page-integrations,:root.page-integrations *){position:absolute;left:13px;top:13px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase; background:rgba(255,255,255,.92);backdrop-filter:blur(6px);color:var(--wine);padding:6px 11px;border-radius:100px}
.rs-cbody:where(:root.page-integrations,:root.page-integrations *){display:flex;flex-direction:column;flex:1;padding:20px}
.rs-card h3:where(:root.page-integrations,:root.page-integrations *){margin:0;font-size:17.5px;line-height:1.26;letter-spacing:-.026em;font-weight:700;text-wrap:pretty;transition:color .25s var(--ease)}
.rs-card:hover h3:where(:root.page-integrations,:root.page-integrations *){color:var(--wine)}
.rs-card p:where(:root.page-integrations,:root.page-integrations *){margin:10px 0 0;font-size:13.5px;line-height:1.56;color:var(--ink-2);text-wrap:pretty}
.rs-card .rs-meta:where(:root.page-integrations,:root.page-integrations *){margin-top:auto;padding-top:18px}
.rs-empty:where(:root.page-integrations,:root.page-integrations *){padding:70px 0;text-align:center;color:var(--ink-3);font-size:15px}

/* ---------- detail: listen ---------- */
.rs-prog:where(:root.page-integrations,:root.page-integrations *){height:4px;box-shadow:0 0 14px rgba(155,27,46,.45)}
.ar-listen:where(:root.page-integrations,:root.page-integrations *){margin-left:auto;display:inline-flex;align-items:center;gap:10px;border:1px solid var(--wine-line);background:var(--wine-soft); border-radius:100px;padding:7px 16px 7px 8px;cursor:pointer;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em; text-transform:uppercase;color:var(--wine);transition:.28s var(--ease)}
.ar-listen:hover:where(:root.page-integrations,:root.page-integrations *){background:var(--wine);color:#fff;border-color:var(--wine)}
.al-ic:where(:root.page-integrations,:root.page-integrations *){display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--wine);flex:none;transition:.28s var(--ease)}
.ar-listen:hover .al-ic:where(:root.page-integrations,:root.page-integrations *){background:#fff}
.al-ic svg:where(:root.page-integrations,:root.page-integrations *){width:15px;height:15px;fill:#fff;transition:fill .28s var(--ease)}
.ar-listen:hover .al-ic svg:where(:root.page-integrations,:root.page-integrations *){fill:var(--wine)}
.al-pause:where(:root.page-integrations,:root.page-integrations *),.ar-listen.on .al-play:where(:root.page-integrations,:root.page-integrations *){display:none}
.ar-listen.on .al-pause:where(:root.page-integrations,:root.page-integrations *){display:block}
.al-wave:where(:root.page-integrations,:root.page-integrations *){display:none;align-items:flex-end;gap:2.5px;height:14px}
.ar-listen.on .al-wave:where(:root.page-integrations,:root.page-integrations *){display:flex}
.al-wave i:where(:root.page-integrations,:root.page-integrations *){width:2.5px;border-radius:2px;background:currentColor;animation:alW .9s ease-in-out infinite}
.al-wave i:nth-child(1):where(:root.page-integrations,:root.page-integrations *){height:6px;animation-delay:0s}
.al-wave i:nth-child(2):where(:root.page-integrations,:root.page-integrations *){height:13px;animation-delay:.15s}
.al-wave i:nth-child(3):where(:root.page-integrations,:root.page-integrations *){height:8px;animation-delay:.3s}
.al-wave i:nth-child(4):where(:root.page-integrations,:root.page-integrations *){height:11px;animation-delay:.45s}
html[data-motion="off"] .al-wave i:where(:root.page-integrations,:root.page-integrations *){animation:none}

/* ---------- detail: share in rail ---------- */
.ar-shareblk:where(:root.page-integrations,:root.page-integrations *){margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
.ar-shareblk h6:where(:root.page-integrations,:root.page-integrations *){margin:0 0 12px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500}
.ar-share:where(:root.page-integrations,:root.page-integrations *){margin:0;display:flex;flex-wrap:wrap;gap:8px}
.ar-share a:where(:root.page-integrations,:root.page-integrations *),.ar-copy:where(:root.page-integrations,:root.page-integrations *){width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center; color:var(--ink-3);cursor:pointer;transition:.25s var(--ease)}
.ar-share a:hover:where(:root.page-integrations,:root.page-integrations *),.ar-copy:hover:where(:root.page-integrations,:root.page-integrations *){border-color:var(--wine);color:#fff;background:var(--wine);transform:translateY(-3px)}
.ar-share svg:where(:root.page-integrations,:root.page-integrations *){width:16px;height:16px;fill:currentColor}
.ar-copy svg:where(:root.page-integrations,:root.page-integrations *){fill:none;stroke:currentColor}
.ar-copy.done:where(:root.page-integrations,:root.page-integrations *){border-color:var(--wine);background:var(--wine);color:#fff}

/* ---------- detail: AI summarise ---------- */
.ar-ai:where(:root.page-integrations,:root.page-integrations *){margin-top:56px;border:1px solid var(--line);border-radius:22px;padding:clamp(24px,2.6vw,34px);background:var(--paper-2);position:relative;overflow:hidden}
.ar-ai:where(:root.page-integrations,:root.page-integrations *)::before{content:"";position:absolute;right:-70px;top:-70px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(155,27,46,.12),transparent 66%);pointer-events:none}
.ar-ai-k:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--wine)}
.ar-ai h3:where(:root.page-integrations,:root.page-integrations *){margin:12px 0 0;font-size:clamp(20px,2.1vw,27px);line-height:1.14;letter-spacing:-.03em;font-weight:700}
.ar-ai-h p:where(:root.page-integrations,:root.page-integrations *){margin:10px 0 0;font-size:15px;line-height:1.56;color:var(--ink-2)}
.ar-ai-row:where(:root.page-integrations,:root.page-integrations *){position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px}
.ar-ai-b:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;transition:.28s var(--ease)}
.ar-ai-b:hover:where(:root.page-integrations,:root.page-integrations *){border-color:var(--wine-line);transform:translateY(-3px);box-shadow:0 22px 44px -30px rgba(20,22,27,.4)}
.aib-m:where(:root.page-integrations,:root.page-integrations *){display:grid;place-items:center;width:38px;height:38px;border-radius:11px;flex:none;background:var(--b);color:#fff; font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.02em}
.aib-t:where(:root.page-integrations,:root.page-integrations *){display:flex;flex-direction:column;gap:2px;font-size:14.4px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.aib-t i:where(:root.page-integrations,:root.page-integrations *){font-style:normal;font-family:var(--font-mono);font-size:9.5px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.ar-ai-note:where(:root.page-integrations,:root.page-integrations *){position:relative;margin:16px 0 0;font-size:12px;color:var(--ink-3)}
.ar-body:where(:root.page-integrations,:root.page-integrations *){grid-template-columns:250px minmax(0,1fr)}
.ar-prose:where(:root.page-integrations,:root.page-integrations *){max-width:820px}
.vd-eyebrow:where(:root.page-integrations,:root.page-integrations *){display:inline-flex;align-items:center;gap:10px;padding:7px 16px 7px 13px;border-radius:100px;border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.10);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.94)}
.vd-eyebrow b:where(:root.page-integrations,:root.page-integrations *){width:6px;height:6px;border-radius:50%;background:#fff;display:block}
.ig-sec:where(:root.page-integrations,:root.page-integrations *){padding-block:70px}
.ig-bar:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--line)}
.ig-tabs:where(:root.page-integrations,:root.page-integrations *){display:flex;flex-wrap:wrap;gap:9px}
.ig-tab:where(:root.page-integrations,:root.page-integrations *){display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:100px;cursor:pointer;background:#fff;border:1px dashed var(--line);color:var(--ink-2);font-family:inherit;font-size:13.6px;font-weight:600;letter-spacing:-.012em;transition:.32s var(--ease)}
.ig-tab:hover:where(:root.page-integrations,:root.page-integrations *){border-style:solid;border-color:var(--wine-line);color:var(--wine)}
.ig-tab.on:where(:root.page-integrations,:root.page-integrations *){background:var(--wine-soft);border-style:solid;border-color:var(--wine);color:var(--wine);font-weight:700}
.ig-ct:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:10px;font-weight:400;color:var(--ink-3)}
.ig-tab.on .ig-ct:where(:root.page-integrations,:root.page-integrations *){color:var(--wine)}
.ig-count:where(:root.page-integrations,:root.page-integrations *){font-family:var(--font-mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3)}
.ig-grid:where(:root.page-integrations,:root.page-integrations *){display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,1.8vw,22px);margin-top:40px}
.ig-card:where(:root.page-integrations,:root.page-integrations *){display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(22px,2.2vw,28px); opacity:0;transform:translateY(16px);animation:igIn .6s var(--ease) forwards;animation-delay:var(--d);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease)}
html[data-motion="off"] .ig-card:where(:root.page-integrations,:root.page-integrations *){opacity:1;transform:none;animation:none}
.ig-card:hover:where(:root.page-integrations,:root.page-integrations *){transform:translateY(-5px);border-color:var(--wine-line);box-shadow:0 32px 66px -42px rgba(110,18,28,.45)}
.ig-card[hidden]:where(:root.page-integrations,:root.page-integrations *){display:none}
.ig-mark:where(:root.page-integrations,:root.page-integrations *){display:flex;align-items:center;height:46px;margin-bottom:20px}
.ig-mark img:where(:root.page-integrations,:root.page-integrations *){display:block;width:auto;object-fit:contain;transition:transform .35s var(--ease)}
.ig-mark.ig-wm img:where(:root.page-integrations,:root.page-integrations *){height:26px;max-width:150px}
.ig-mark.ig-sq img:where(:root.page-integrations,:root.page-integrations *){height:42px;max-width:74px}
.ig-mark.ig-lock b:where(:root.page-integrations,:root.page-integrations *){display:flex;flex-direction:column;font-weight:800;font-size:15px;line-height:1.02;letter-spacing:-.03em;color:var(--ink);text-transform:uppercase;transition:transform .35s var(--ease)}
.ig-mark.ig-lock i:where(:root.page-integrations,:root.page-integrations *){font-style:normal;font-size:11.5px;letter-spacing:.02em}
.ig-card:hover .ig-mark.ig-lock b:where(:root.page-integrations,:root.page-integrations *){transform:scale(1.06)}
.ig-card:hover .ig-mark img:where(:root.page-integrations,:root.page-integrations *){transform:scale(1.06)}
.ig-d:where(:root.page-integrations,:root.page-integrations *){margin:0;font-size:15px;line-height:1.55;color:var(--ink-2);text-wrap:pretty;flex:1}
.ig-card h3:where(:root.page-integrations,:root.page-integrations *){margin:20px 0 0;font-size:19px;font-weight:700;letter-spacing:-.024em;transition:color .3s var(--ease)}
.ig-card:hover h3:where(:root.page-integrations,:root.page-integrations *){color:var(--wine)}
.ig-cat:where(:root.page-integrations,:root.page-integrations *){display:block;margin-top:7px;font-family:var(--font-mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3)}
.ig-more:where(:root.page-integrations,:root.page-integrations *){display:inline-flex;align-items:center;gap:7px;margin-top:18px;font-size:13.6px;font-weight:600;color:var(--wine);letter-spacing:-.012em}
.ig-more .arr:where(:root.page-integrations,:root.page-integrations *){transition:transform .3s var(--ease)}
.ig-more:hover .arr:where(:root.page-integrations,:root.page-integrations *){transform:translateX(3px)}
.ig-cta-sec:where(:root.page-integrations,:root.page-integrations *){padding-block:70px}
.ig-apis:where(:root.page-integrations,:root.page-integrations *){display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-items:stretch}
.ig-apis div:where(:root.page-integrations,:root.page-integrations *){display:flex;flex-direction:column;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:18px 19px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:.3s var(--ease)}
.ig-apis div:hover:where(:root.page-integrations,:root.page-integrations *){background:rgba(255,255,255,.15);transform:translateY(-3px)}
.ig-apis b:where(:root.page-integrations,:root.page-integrations *){font-size:14.5px;font-weight:700;letter-spacing:-.015em;color:#fff}
.ig-apis span:where(:root.page-integrations,:root.page-integrations *){margin-top:7px;font-size:13px;line-height:1.5;color:rgba(255,255,255,.74)}

/* banner cursor-follow glow */
.rs-hero:where(:root.page-integrations,:root.page-integrations *){--mx:50%;--my:24%}
.rs-hero:where(:root.page-integrations,:root.page-integrations *)::before{z-index:0}
.rs-glow:where(:root.page-integrations,:root.page-integrations *){position:absolute;left:var(--mx);top:var(--my);width:640px;height:640px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 66%);opacity:0;transition:opacity .45s var(--ease)}
.rs-hero:hover .rs-glow:where(:root.page-integrations,:root.page-integrations *){opacity:1}
.rs-hero .rsw:where(:root.page-integrations,:root.page-integrations *){position:relative;z-index:2}
{__TWEAKS_STYLE}


/* ============================================================
   Integration Detail   (html.page-integration-detail)
   ============================================================ */

/* Satoshi — self-hosted @font-face (woff2), inlined for standalone export */

/* touch 1781880837620 */

/* ============================================================================
   TRUECOPY — Enterprise Trust Infrastructure
   base.css · tokens, reset, typography, layout, nav, footer, shared utilities
   ========================================================================== */
:root:where(:root.page-integration-detail,:root.page-integration-detail *){/* paper / ink */ --paper:#ffffff; --paper-2:#FAF9F7; --paper-3:#F3F1EC; --ink:#14161B; --ink-2:#474C56; --ink-3:#676D78; --line:#E8E6E0; --line-2:#F0EEE9; --hair:#E2DFD8; /* brand — overridable by tweaks */ --wine:#9B1B2E; --wine-deep:#74121F; --wine-soft:#FBF1F2; --wine-line:rgba(155,27,46,.20); /* accent — overridable by tweaks */ --accent:#1B3A8F; --accent-2:#2C4FB0; --accent-soft:#EEF1FA; --accent-line:rgba(27,58,143,.20); --shadow-sm:0 1px 2px rgba(20,22,27,.04), 0 1px 1px rgba(20,22,27,.03); --shadow-md:0 18px 50px -28px rgba(20,22,27,.30), 0 6px 16px -12px rgba(20,22,27,.18); --shadow-lg:0 50px 110px -50px rgba(20,30,60,.45), 0 18px 40px -28px rgba(20,22,27,.22); --maxw:1488px; --gut:clamp(20px,5vw,64px); --font-sans:'Satoshi',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; --font-mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular',monospace; --ease:cubic-bezier(.22,.61,.36,1); --ease-out:cubic-bezier(.16,1,.3,1)}
*:where(:root.page-integration-detail,:root.page-integration-detail *){margin:0;padding:0;box-sizing:border-box;font-family: var(--font-sans);}
html:where(:root.page-integration-detail,:root.page-integration-detail *){-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--paper); color:var(--ink); font-family:var(--font-sans); font-weight:400; line-height:1.5; letter-spacing:-0.011em; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow-x:hidden}
img:where(:root.page-integration-detail,:root.page-integration-detail *),svg:where(:root.page-integration-detail,:root.page-integration-detail *){display:block;max-width:100%}
a:where(:root.page-integration-detail,:root.page-integration-detail *){color:inherit;text-decoration:none}
button:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:inherit;cursor:pointer}
:where(:root.page-integration-detail,:root.page-integration-detail *)::selection{background:var(--wine);color:#fff}

/* ---------- layout ---------- */
.wrap:where(:root.page-integration-detail,:root.page-integration-detail *){max-width:var(--maxw);margin:0 auto;padding-inline:var(--gut)}
.section:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;padding-block:70px}
.section--tight:where(:root.page-integration-detail,:root.page-integration-detail *){padding-block:70px}
.bleed:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--paper-2)}
.divider:where(:root.page-integration-detail,:root.page-integration-detail *){height:1px;background:var(--hair);border:0}

/* ---------- typography ---------- */
.h-display:where(:root.page-integration-detail,:root.page-integration-detail *){font-weight:700; font-size:clamp(40px,6.6vw,88px); line-height:0.98; letter-spacing:-0.035em; text-wrap:balance}
.h-section:where(:root.page-integration-detail,:root.page-integration-detail *){font-weight:700; font-size:clamp(28px,4.05vw,52px); line-height:1.02; letter-spacing:-0.03em; text-wrap:balance}
.h-sub:where(:root.page-integration-detail,:root.page-integration-detail *){font-weight:600; font-size:clamp(22px,2.6vw,32px); line-height:1.1; letter-spacing:-0.02em}
.lede:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:clamp(17px,1.5vw,20px); line-height:1.55; color:var(--ink-2); font-weight:400; letter-spacing:-0.012em; max-width:62ch; text-wrap:pretty}
.dim:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--ink-2)}
.muted:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--ink-3)}
.wine-text:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--wine)}

/* mono technical label / eyebrow */
.eyebrow:where(:root.page-integration-detail,:root.page-integration-detail *){display:inline-flex;align-items:center;gap:10px; font-family:var(--font-mono); font-size:12px;font-weight:500; letter-spacing:0.14em;text-transform:uppercase; color:var(--ink-3)}
.eyebrow:where(:root.page-integration-detail,:root.page-integration-detail *)::before{content:"";width:7px;height:7px;border-radius:2px; background:var(--wine);flex:none}
.eyebrow .num:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--wine);font-weight:600}
.kicker:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:11px;font-weight:500; letter-spacing:0.16em;text-transform:uppercase;color:var(--ink-3)}
.tag:where(:root.page-integration-detail,:root.page-integration-detail *){display:inline-flex;align-items:center;gap:7px; font-family:var(--font-mono);font-size:10.5px;font-weight:500; letter-spacing:0.1em;text-transform:uppercase; color:var(--ink-2); padding:5px 9px;border:1px solid var(--line);border-radius:6px; background:var(--paper)}
.tag .dot:where(:root.page-integration-detail,:root.page-integration-detail *){width:5px;height:5px;border-radius:50%;background:var(--accent)}
.tag--wine .dot:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--wine)}

/* section head block */
.shead:where(:root.page-integration-detail,:root.page-integration-detail *){max-width:880px}
.shead .h-section:where(:root.page-integration-detail,:root.page-integration-detail *){margin-top:18px}
.shead .lede:where(:root.page-integration-detail,:root.page-integration-detail *){margin-top:22px}

/* ---------- buttons ---------- */
.btn:where(:root.page-integration-detail,:root.page-integration-detail *){display:inline-flex;align-items:center;gap:9px; font-size:15px;font-weight:600;letter-spacing:-0.01em; padding:13px 20px;border-radius:9px;border:1px solid transparent; transition:transform .18s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease), color .2s; white-space:nowrap}
.btn .arr:where(:root.page-integration-detail,:root.page-integration-detail *){transition:transform .25s var(--ease)}
.btn:hover .arr:where(:root.page-integration-detail,:root.page-integration-detail *){transform:translateX(3px)}
.btn-primary:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}
.btn-primary:hover:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--accent-2);transform:translateY(-1px);box-shadow:var(--shadow-md)}
.btn-wine:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--wine);color:#fff}
.btn-wine:hover:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--wine-deep);transform:translateY(-1px);box-shadow:0 14px 34px -16px var(--wine)}
.btn-ghost:where(:root.page-integration-detail,:root.page-integration-detail *){background:transparent;color:var(--ink);border-color:var(--line)}
.btn-ghost:hover:where(:root.page-integration-detail,:root.page-integration-detail *){border-color:var(--ink);background:var(--paper-2)}
.btn-sm:where(:root.page-integration-detail,:root.page-integration-detail *){padding:10px 15px;font-size:14px;border-radius:8px}
.link-arrow:where(:root.page-integration-detail,:root.page-integration-detail *){display:inline-flex;align-items:center;gap:8px; font-weight:600;font-size:15px;color:var(--ink); border-bottom:1px solid transparent;padding-bottom:2px;transition:.2s}
.link-arrow .arr:where(:root.page-integration-detail,:root.page-integration-detail *){transition:transform .25s var(--ease);color:var(--wine)}
.link-arrow:hover:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--wine)}
.link-arrow:hover .arr:where(:root.page-integration-detail,:root.page-integration-detail *){transform:translateX(4px)}

/* ---------- nav ---------- */
.nav:where(:root.page-integration-detail,:root.page-integration-detail *){position:fixed;top:0;left:0;right:0;z-index:900;background:transparent;border:0; padding:clamp(12px,1.6vw,20px) clamp(14px,3vw,28px) 0; transition:padding .3s var(--ease)}
.nav.is-stuck:where(:root.page-integration-detail,:root.page-integration-detail *){padding-top:10px}
.nav-in:where(:root.page-integration-detail,:root.page-integration-detail *){max-width:1150px;margin:0 auto; height:62px;padding:7px 8px 7px 24px; display:flex;align-items:center;gap:16px; background:rgba(255,255,255,.80); -webkit-backdrop-filter:blur(20px) saturate(165%); backdrop-filter:blur(20px) saturate(165%); border:1px solid rgba(255,255,255,.72); border-radius:100px; box-shadow:0 12px 36px -18px rgba(46,18,26,.30), 0 2px 8px -3px rgba(46,18,26,.12); transition:box-shadow .3s var(--ease), background .3s var(--ease)}
.nav.is-stuck .nav-in:where(:root.page-integration-detail,:root.page-integration-detail *){background:rgba(255,255,255,.92); box-shadow:0 18px 46px -18px rgba(46,18,26,.40), 0 3px 10px -3px rgba(46,18,26,.16)}
.brand:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;flex:none}
.brand .mark:where(:root.page-integration-detail,:root.page-integration-detail *){height:54px;width:auto;flex:none;object-fit:contain}
.nav-links:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;justify-content:center;gap:4px;flex:1 1 auto}
.nav-link:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:14px;font-weight:500;color:var(--ink-2); padding:9px 14px;border-radius:100px;transition:.18s}
.nav-link:hover:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--ink);background:rgba(46,18,26,.06)}
.nav-cta:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;gap:8px;flex:none}

/* ---------- nav dropdown ---------- */
.nav-item:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;display:flex;align-items:center}
.nav-trigger:where(:root.page-integration-detail,:root.page-integration-detail *){display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;cursor:pointer;font-family:inherit}
.nav-trigger .caret:where(:root.page-integration-detail,:root.page-integration-detail *){width:15px;height:15px;color:var(--ink-2);transition:transform .25s var(--ease),color .2s;flex:none}
.nav-trigger .caret path:where(:root.page-integration-detail,:root.page-integration-detail *){fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav-item:hover .nav-trigger:where(:root.page-integration-detail,:root.page-integration-detail *),.nav-item:focus-within .nav-trigger:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--ink);background:var(--paper-2)}
.nav-item:hover .caret:where(:root.page-integration-detail,:root.page-integration-detail *),.nav-item:focus-within .caret:where(:root.page-integration-detail,:root.page-integration-detail *){transform:rotate(180deg);color:var(--wine)}
.nav-menu:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(8px) scale(.985);transform-origin:top center; width:332px;background:var(--paper);border:1px solid var(--line);border-radius:14px; box-shadow:var(--shadow-lg);padding:8px; opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s; z-index:50}
.nav-menu:where(:root.page-integration-detail,:root.page-integration-detail *)::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nav-item:hover .nav-menu:where(:root.page-integration-detail,:root.page-integration-detail *),.nav-item:focus-within .nav-menu:where(:root.page-integration-detail,:root.page-integration-detail *){opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}

/* mega dropdown (Solutions) */
.nav-mega:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;top:calc(100% + 12px);left:0;transform:translateY(8px) scale(.99);transform-origin:top left; width:min(880px,calc(100vw - 48px)); background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg); padding:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px; opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s;z-index:50}
.nav-mega:where(:root.page-integration-detail,:root.page-integration-detail *)::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nav-item:hover .nav-mega:where(:root.page-integration-detail,:root.page-integration-detail *),.nav-item:focus-within .nav-mega:where(:root.page-integration-detail,:root.page-integration-detail *){opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
.mega-col:where(:root.page-integration-detail,:root.page-integration-detail *){padding:14px 16px;border-radius:12px;border:1px solid transparent;transition:border-color .2s,background .2s}
.mega-col:hover:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--paper-2);border-color:var(--line)}
.mega-prod:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;gap:10px;padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.mega-prod .mp-glyph:where(:root.page-integration-detail,:root.page-integration-detail *){width:28px;height:28px;border-radius:8px;background:var(--accent);color:#fff;display:grid;place-items:center;font-family:var(--font-mono);font-size:9px;font-weight:600;flex:none}
.mega-prod b:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:15px;font-weight:700;letter-spacing:-0.02em;color:var(--ink)}
.mega-prod:hover b:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--wine)}
.mega-desc:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:12.5px;line-height:1.45;color:var(--ink-3);margin:12px 0 14px;min-height:54px}
.mega-sub:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13.5px;font-weight:500;color:var(--ink-2);padding:8px 0;border-top:1px solid var(--line-2);transition:color .15s}
.mega-sub .arr:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--ink-3);opacity:0;transform:translateX(-4px);transition:.18s var(--ease)}
.mega-sub:hover:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--wine)}
.mega-sub:hover .arr:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--wine);opacity:1;transform:translateX(0)}
.nav-menu-link:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:14px;row-gap:2px; padding:11px 13px;border-radius:10px;transition:background .16s var(--ease)}
.nav-menu-link .nml-t:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:14.5px;font-weight:600;color:var(--ink);letter-spacing:-0.01em}
.nav-menu-link .nml-d:where(:root.page-integration-detail,:root.page-integration-detail *){grid-column:1;font-size:12px;color:var(--ink-3);line-height:1.35}
.nav-menu-link .nml-arr:where(:root.page-integration-detail,:root.page-integration-detail *){grid-column:2;grid-row:1/span 2;color:var(--ink-3);font-size:15px;transition:transform .2s var(--ease),color .2s}
.nav-menu-link:hover:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--paper-2)}
.nav-menu-link:hover .nml-t:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--wine)}
.nav-menu-link:hover .nml-arr:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--wine);transform:translate(3px,-1px)}

/* modern icon dropdown (Solutions + Resources + Industries) */
.nav-mega--icons:where(:root.page-integration-detail,:root.page-integration-detail *){padding:18px;display:block}
.nav-menu.nav-mega--icons:where(:root.page-integration-detail,:root.page-integration-detail *){width:392px}
.nmi-label:where(:root.page-integration-detail,:root.page-integration-detail *){display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);padding:0 4px 12px;margin:0 0 12px;border-bottom:1px solid var(--line)}
.nmi-grid:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}
.nmi-grid--3:where(:root.page-integration-detail,:root.page-integration-detail *){grid-template-columns:1fr 1fr 1fr}
.nmi-grid--1:where(:root.page-integration-detail,:root.page-integration-detail *){grid-template-columns:1fr;gap:4px}

/* Solutions: vertical list + preview panel */
.nmi-split:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;gap:40px}
.nmi-split .nmi-grid--1:where(:root.page-integration-detail,:root.page-integration-detail *){flex:0 0 42%;min-width:0;gap:9px;grid-template-columns:1fr}
.nmi-preview:where(:root.page-integration-detail,:root.page-integration-detail *){flex:1 1 58%;min-width:0;display:flex;flex-direction:column;gap:9px}
.nmp-cap:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.nmp-frame:where(:root.page-integration-detail,:root.page-integration-detail *){flex:1;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper-2);display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}
.nmp-bar:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;gap:5px;padding:11px 13px;border-bottom:1px solid var(--line);background:var(--paper)}
.nmp-bar i:where(:root.page-integration-detail,:root.page-integration-detail *){width:9px;height:9px;border-radius:50%;background:#DAD7D0}
.nmp-body:where(:root.page-integration-detail,:root.page-integration-detail *){flex:1;display:flex;flex-direction:column;justify-content:center;gap:9px;padding:24px;position:relative;overflow:hidden;transition:background .25s var(--ease)}
.nmp-body:where(:root.page-integration-detail,:root.page-integration-detail *)::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.5) 1.1px,transparent 1.1px);background-size:16px 16px;opacity:.5}
.nmp-body.c1:where(:root.page-integration-detail,:root.page-integration-detail *){background:linear-gradient(150deg,#B23a4a,#8E1B2C)}
.nmp-body.c2:where(:root.page-integration-detail,:root.page-integration-detail *){background:linear-gradient(150deg,#2A6FDB,#1B44A8)}
.nmp-body.c3:where(:root.page-integration-detail,:root.page-integration-detail *){background:linear-gradient(150deg,#1F8A5B,#136141)}
.nmp-body.c4:where(:root.page-integration-detail,:root.page-integration-detail *){background:linear-gradient(150deg,#7A4AD1,#4E2B95)}
.nmp-badge:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.nmp-title:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;font-size:20px;font-weight:700;letter-spacing:-0.02em;color:#fff;line-height:1.1}
.nmp-sub:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;font-size:12.5px;color:rgba(255,255,255,.82);line-height:1.45;max-width:30ch}
.nmp-rows:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;display:flex;flex-direction:column;gap:6px;margin-top:8px}
.nmp-rows i:where(:root.page-integration-detail,:root.page-integration-detail *){height:7px;border-radius:4px;background:rgba(255,255,255,.28)}
.nmp-rows i:nth-child(1):where(:root.page-integration-detail,:root.page-integration-detail *){width:80%}
.nmp-rows i:nth-child(2):where(:root.page-integration-detail,:root.page-integration-detail *){width:62%}
.nmp-rows i:nth-child(3):where(:root.page-integration-detail,:root.page-integration-detail *){width:70%}
.nmi-item:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:flex-start;gap:13px;padding:12px;border-radius:14px;transition:background .16s var(--ease)}
.nmi-item:hover:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--paper-2)}
.nmi-ic:where(:root.page-integration-detail,:root.page-integration-detail *){width:42px;height:42px;border-radius:12px;flex:none;display:grid;place-items:center;color:#fff;box-shadow:0 6px 14px -6px rgba(20,16,22,.4)}
.nmi-ic svg:where(:root.page-integration-detail,:root.page-integration-detail *){width:22px;height:22px;display:block}
.nmi-grid:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;grid-template-columns:1fr 1fr;gap:4px}
.nmi-grid--3:where(:root.page-integration-detail,:root.page-integration-detail *){grid-template-columns:1fr 1fr 1fr}
.nmi-item:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:flex-start;gap:13px;padding:12px;border-radius:14px;transition:background .16s var(--ease)}
.nmi-item--sm:where(:root.page-integration-detail,:root.page-integration-detail *){gap:11px;padding:10px 11px}
.nmi-item:hover:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--paper-2)}
.nmi-ic:where(:root.page-integration-detail,:root.page-integration-detail *){width:42px;height:42px;border-radius:12px;flex:none;display:grid;place-items:center;color:#fff;box-shadow:0 6px 14px -6px rgba(20,16,22,.4)}
.nmi-item--sm .nmi-ic:where(:root.page-integration-detail,:root.page-integration-detail *){width:36px;height:36px;border-radius:10px}
.nmi-item--sm .nmi-ic svg:where(:root.page-integration-detail,:root.page-integration-detail *){width:19px;height:19px}
.nmi-ic svg:where(:root.page-integration-detail,:root.page-integration-detail *){width:22px;height:22px;display:block}
.nmi-ic.c1:where(:root.page-integration-detail,:root.page-integration-detail *){background:linear-gradient(150deg,#B23a4a,#8E1B2C)}
.nmi-ic.c2:where(:root.page-integration-detail,:root.page-integration-detail *){background:linear-gradient(150deg,#3E63B4,#28407e)}
.nmi-ic.c3:where(:root.page-integration-detail,:root.page-integration-detail *){background:linear-gradient(150deg,#2E9C6E,#1c6b4a)}
.nmi-ic.c4:where(:root.page-integration-detail,:root.page-integration-detail *){background:linear-gradient(150deg,#C0892E,#8a611c)}
.nmi-ic.c5:where(:root.page-integration-detail,:root.page-integration-detail *){background:linear-gradient(150deg,#6b52b4,#4a3780)}
.nmi-tx:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;flex-direction:column;gap:3px;min-width:0}
.nmi-tx b:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:14.5px;font-weight:700;color:var(--ink);letter-spacing:-0.01em;transition:color .16s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nmi-item:hover .nmi-tx b:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--wine)}
.nmi-tx span:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:12px;color:var(--ink-3);line-height:1.35; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Solutions single-col: one-line description */
.nmi-grid--1 .nmi-tx span:where(:root.page-integration-detail,:root.page-integration-detail *){display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:none}

/* card-grid mega (Industries) — reuses Resources nav-menu-link cards */
.nav-mega--cards:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;grid-template-columns:repeat(3,1fr);gap:2px;width:min(640px,calc(100vw - 48px));padding:12px}

/* hover-intent: keep dropdown open while travelling to the panel */
.nav-item.is-open .nav-trigger:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--ink);background:var(--paper-2)}
.nav-item.is-open .caret:where(:root.page-integration-detail,:root.page-integration-detail *){transform:rotate(180deg);color:var(--wine)}
.nav-item.is-open .nav-menu:where(:root.page-integration-detail,:root.page-integration-detail *){opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}
.nav-item.is-open .nav-mega:where(:root.page-integration-detail,:root.page-integration-detail *){opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}
.nav-item:not(.is-open):hover .nav-menu:where(:root.page-integration-detail,:root.page-integration-detail *),.nav-item:not(.is-open):hover .nav-mega:where(:root.page-integration-detail,:root.page-integration-detail *){opacity:0;visibility:hidden;pointer-events:none}

/* ---------- footer ---------- */
.foot:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--paper-2);border-top:1px solid var(--line);padding-block:clamp(64px,8vw,104px) 36px}
.foot-grid:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:48px 36px}
.foot :is(h3,h4):where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500;margin-bottom:16px}
.foot-brand:where(:root.page-integration-detail,:root.page-integration-detail *){margin-bottom:20px}
.foot-brand .mark:where(:root.page-integration-detail,:root.page-integration-detail *){height:56px;width:auto}
.foot ul:where(:root.page-integration-detail,:root.page-integration-detail *){list-style:none;display:flex;flex-direction:column;gap:11px}
.foot li a:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:14.5px;color:var(--ink-2);transition:.15s}
.foot li a:hover:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--wine)}
.foot-badge:where(:root.page-integration-detail,:root.page-integration-detail *){display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--wine);background:var(--wine-soft);padding:3px 7px;border-radius:5px;text-transform:uppercase;white-space:nowrap}

/* ---------- reveal / motion ----------
   Reveal hidden/visible state is driven by JS via inline styles so the
   visible END state is always the static computed style (never dependent on
   the animation clock). The WAAPI keyframe is pure enhancement. */

/* hairline tech grid background */
.grid-bg:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;inset:0;pointer-events:none; background-image:linear-gradient(var(--hair) 1px,transparent 1px),linear-gradient(90deg,var(--hair) 1px,transparent 1px); background-size:64px 64px; -webkit-mask-image:radial-gradient(120% 90% at 70% 0%,#000 0%,transparent 72%); mask-image:radial-gradient(120% 90% at 70% 0%,#000 0%,transparent 72%); opacity:.5}

/* utility */
.mono:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono)}
.nowrap:where(:root.page-integration-detail,:root.page-integration-detail *){white-space:nowrap}
.center:where(:root.page-integration-detail,:root.page-integration-detail *){text-align:center}
.stat-num:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:clamp(30px,3.4vw,46px);font-weight:700;letter-spacing:-0.03em;line-height:1;font-variant-numeric:tabular-nums}
.stat-lbl:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:9px}

/* ---------- cookie / privacy bar ---------- */
.cookiebar:where(:root.page-integration-detail,:root.page-integration-detail *){position:fixed;left:0;right:0;bottom:0;z-index:920; padding:0 clamp(12px,3vw,28px) clamp(12px,2.4vw,22px); pointer-events:none; opacity:0;transform:translateY(130%)}
.cookiebar-in:where(:root.page-integration-detail,:root.page-integration-detail *){pointer-events:auto;position:relative; max-width:1180px;margin:0 auto; display:flex;align-items:center;gap:clamp(14px,2vw,26px); background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%); border:1px solid var(--line);border-radius:14px; box-shadow:var(--shadow-lg); padding:14px clamp(16px,2vw,22px)}
.cb-ico:where(:root.page-integration-detail,:root.page-integration-detail *){flex:none;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--wine);background:var(--wine-soft);border:1px solid var(--wine-line)}
.cb-text:where(:root.page-integration-detail,:root.page-integration-detail *){flex:1;min-width:0;font-size:13.5px;line-height:1.5;color:var(--ink-2);letter-spacing:-0.005em;text-wrap:pretty}
.cb-text a:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--wine);font-weight:600;border-bottom:1px solid var(--wine-line);transition:.18s}
.cb-text a:hover:where(:root.page-integration-detail,:root.page-integration-detail *){border-bottom-color:var(--wine)}
.cb-actions:where(:root.page-integration-detail,:root.page-integration-detail *){flex:none;display:flex;align-items:center;gap:10px}
.cb-close:where(:root.page-integration-detail,:root.page-integration-detail *){flex:none;width:30px;height:30px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--ink-3);font-size:20px;line-height:1;display:grid;place-items:center;transition:.18s}
.cb-close:hover:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--paper-2);color:var(--ink)}

/* touch 1781880836837 */

/* ============================================================================
   TRUECOPY — sections.css
   ========================================================================== */

/* ============================ HERO (centered SaaS · red gradient) ============================ */
.hero:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;isolation:isolate; overflow:hidden;text-align:center;color:#fff; background: linear-gradient(180deg, rgba(255,255,255,.05), transparent 24%), linear-gradient(180deg,#6F1E2A 0%,#892634 15%,#A6333E 30%,#C25551 45%,#DA8377 58%,#F0C2B6 70%,#FBEAE3 78%,#FFFFFF 86%,#FFFFFF 100%)}

/* circular visual language */
.hero-bg:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.hero-noise:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;inset:0;pointer-events:none;opacity:.18;mix-blend-mode:soft-light; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='hn'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23hn)'/%3E%3C/svg%3E");background-size:150px 150px}
.hero-glow:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;left:50%;top:32%;width:680px;height:680px;transform:translate(-50%,-50%); background:radial-gradient(circle,rgba(255,205,188,.26),transparent 64%);filter:blur(12px); animation:heroGlow 9s var(--ease) infinite}
.orbit:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);border-radius:50%; border:1px solid rgba(255,255,255,.16); -webkit-mask-image:radial-gradient(circle,transparent 38%,#000 56%,#000 70%,transparent 86%); mask-image:radial-gradient(circle,transparent 38%,#000 56%,#000 70%,transparent 86%)}
.orbit-1:where(:root.page-integration-detail,:root.page-integration-detail *){width:680px;height:680px}
.orbit-2:where(:root.page-integration-detail,:root.page-integration-detail *){width:1080px;height:1080px;border-color:rgba(255,255,255,.10)}
.orbit-2.dashed-spin:where(:root.page-integration-detail,:root.page-integration-detail *){border-style:dashed;border-width:1.5px;border-color:rgba(255,255,255,.34); -webkit-mask-image:none;mask-image:none;animation:spin 60s linear infinite}
.orbit-3:where(:root.page-integration-detail,:root.page-integration-detail *){width:1480px;height:1480px;border-color:rgba(255,255,255,.07)}
.orbit-4:where(:root.page-integration-detail,:root.page-integration-detail *){width:1880px;height:1880px;border-color:rgba(255,255,255,.16)}
.orbit-4.dashed:where(:root.page-integration-detail,:root.page-integration-detail *){border-style:dashed;border-width:1px;animation:spin 80s linear infinite}
.hero-float-ring:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.30);opacity:.3}
.fr-a:where(:root.page-integration-detail,:root.page-integration-detail *){width:16px;height:16px;left:8%;top:30%;background:rgba(255,255,255,.14);animation:floatY 7s var(--ease) infinite}
.fr-d:where(:root.page-integration-detail,:root.page-integration-detail *){width:11px;height:11px;left:12%;top:64%;background:rgba(255,255,255,.55);border:0;animation:floatY 8s var(--ease) infinite reverse}
.fr-b:where(:root.page-integration-detail,:root.page-integration-detail *){width:30px;height:30px;right:8%;top:28%;animation:floatY 9s var(--ease) infinite reverse}
.fr-c:where(:root.page-integration-detail,:root.page-integration-detail *){width:11px;height:11px;right:12%;top:64%;background:rgba(255,255,255,.55);border:0;animation:floatY 6s var(--ease) infinite}
.hero-in:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;display:block}
.hero-copy:where(:root.page-integration-detail,:root.page-integration-detail *){max-width:880px;margin:0 auto}

/* social-proof review badge */
.hero-badge:where(:root.page-integration-detail,:root.page-integration-detail *){display:inline-flex;align-items:center;gap:11px;margin:0 auto;white-space:nowrap; padding:7px 16px 7px 12px;border-radius:100px; background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.26); -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px); font-size:13.5px;font-weight:500;color:rgba(255,255,255,.92);transition:.2s var(--ease)}
.hero-badge:hover:where(:root.page-integration-detail,:root.page-integration-detail *){background:rgba(255,255,255,.2);transform:translateY(-1px)}
.hero-badge .stars:where(:root.page-integration-detail,:root.page-integration-detail *){color:#FFD9A0;font-size:12px;letter-spacing:1px}
.hero-badge .hb-tx b:where(:root.page-integration-detail,:root.page-integration-detail *){font-weight:700;color:#fff}
.hero h1:where(:root.page-integration-detail,:root.page-integration-detail *){margin:26px auto 0;color:#fff;max-width:none; font-size:clamp(21px,2.6vw,34px);line-height:1.14;letter-spacing:-0.035em}
.hero h1 .ln1:where(:root.page-integration-detail,:root.page-integration-detail *){display:block;white-space:nowrap}
.hero h1 .ln2:where(:root.page-integration-detail,:root.page-integration-detail *){display:block;color:#fff;white-space:nowrap}
.hero h1 .ln3:where(:root.page-integration-detail,:root.page-integration-detail *){color:#fff}
.hero .lede:where(:root.page-integration-detail,:root.page-integration-detail *){margin:24px auto 0;color:rgba(255,255,255,.84);max-width:60ch;text-align:center;font-size:clamp(16px,1.5vw,19.5px)}
.hero-cta:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;justify-content:center;gap:20px;margin-top:38px;flex-wrap:wrap}
.hero-form:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;gap:6px;margin:34px auto 0;width:100%;max-width:476px; background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.32);border-radius:100px; padding:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px); box-shadow:0 16px 44px -22px rgba(40,8,12,.42)}
.hero-form:focus-within:where(:root.page-integration-detail,:root.page-integration-detail *){border-color:rgba(255,255,255,.58);background:rgba(255,255,255,.18)}
.hero-email:where(:root.page-integration-detail,:root.page-integration-detail *){flex:1 1 auto;min-width:0;background:transparent;border:0;outline:none;color:#fff; font-size:15px;padding:11px 8px 11px 18px;font-family:inherit;letter-spacing:-0.01em}
.hero-email:where(:root.page-integration-detail,:root.page-integration-detail *)::placeholder{color:rgba(255,255,255,.72)}
.hero-form .btn-hero:where(:root.page-integration-detail,:root.page-integration-detail *){flex:none}
.btn-hero:where(:root.page-integration-detail,:root.page-integration-detail *){background:#fff;color:var(--wine-deep);font-weight:700;padding:11px 24px;border-radius:100px; box-shadow:0 14px 34px -16px rgba(40,8,12,.45),0 1px 0 rgba(255,255,255,.5) inset;font-size:15px}
.btn-hero:hover:where(:root.page-integration-detail,:root.page-integration-detail *){transform:translateY(-2px);background:#fff;box-shadow:0 26px 60px -18px rgba(40,8,12,.62)}
.btn-hero .arr:where(:root.page-integration-detail,:root.page-integration-detail *){transition:transform .25s var(--ease)}
.btn-hero:hover .arr:where(:root.page-integration-detail,:root.page-integration-detail *){transform:translateX(4px)}
.hero-play:where(:root.page-integration-detail,:root.page-integration-detail *){display:inline-flex;align-items:center;gap:11px;color:#fff;font-weight:600;font-size:15px;opacity:.95;transition:.2s}
.hero-play:hover:where(:root.page-integration-detail,:root.page-integration-detail *){opacity:1}
.hero-play .hp-ic:where(:root.page-integration-detail,:root.page-integration-detail *){width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none; background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.32);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:.2s var(--ease)}
.hero-play .hp-ic:where(:root.page-integration-detail,:root.page-integration-detail *)::after{content:"";width:0;height:0;border-left:9px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:3px}
.hero-play:hover .hp-ic:where(:root.page-integration-detail,:root.page-integration-detail *){background:rgba(255,255,255,.26);transform:scale(1.06)}
.hero-trust:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:42px}
.hero-trust .ht:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;gap:10px;padding:9px 16px;border-radius:100px; background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20); -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.hero-trust .ht-ic:where(:root.page-integration-detail,:root.page-integration-detail *){width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.22);color:#fff;display:grid;place-items:center;font-size:10px;flex:none}
.hero-trust .ht-tx:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;flex-direction:column;gap:0;text-align:left;line-height:1.15}
.hero-trust .ht b:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:13px;font-weight:700;color:#fff}
.hero-trust .ht span:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6)}

/* product mockup floating below */
.hero-stage-wrap:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;max-width:955px;margin:clamp(104px,12vw,168px) auto 0;perspective:1800px}
.hero-stage-wrap .stage:where(:root.page-integration-detail,:root.page-integration-detail *){border-radius:24px;border:15px solid rgba(248,205,197,.6); box-shadow:0 26px 56px -36px rgba(70,22,30,.28); transform:rotateX(3deg);transform-origin:center top;background-clip:padding-box}
.hero-float:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;z-index:4;display:flex;align-items:center;gap:11px; padding:11px 14px;border-radius:13px;background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.8); box-shadow:0 22px 50px -22px rgba(40,8,16,.45)}
.hero-float .hfl-tx:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;flex-direction:column;text-align:left;line-height:1.25}
.hero-float .hfl-tx b:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-0.01em}
.hero-float .hfl-tx span:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:11px;color:var(--ink-3)}
.hf-1:where(:root.page-integration-detail,:root.page-integration-detail *){left:-30px;top:24%;animation:floatCard 6.5s var(--ease) infinite}
.hf-1 .hfl-dot:where(:root.page-integration-detail,:root.page-integration-detail *){width:30px;height:30px;border-radius:50%;background:var(--wine-soft);position:relative;flex:none}
.hf-1 .hfl-dot:where(:root.page-integration-detail,:root.page-integration-detail *)::after{content:"\2713";position:absolute;inset:0;display:grid;place-items:center;color:var(--wine);font-weight:700;font-size:14px}
.hf-2:where(:root.page-integration-detail,:root.page-integration-detail *){right:-26px;top:54%;animation:floatCard 7.5s var(--ease) infinite reverse}
.hf-2 .hfl-ring:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;width:38px;height:38px;flex:none;display:grid;place-items:center}
.hf-2 .hfl-ring svg:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;inset:0;transform:rotate(-90deg)}
.hf-2 .hfl-ring circle:where(:root.page-integration-detail,:root.page-integration-detail *){fill:none;stroke:var(--line);stroke-width:3}
.hf-2 .hfl-ring circle.prog:where(:root.page-integration-detail,:root.page-integration-detail *){stroke:var(--accent);stroke-linecap:round;stroke-dasharray:97.4;stroke-dashoffset:2}
.hf-2 .hfl-ring span:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:10px;font-weight:700;color:var(--ink)}

/* hero product infographics — static icon circles riding the moving ring */

/* chips ride the dashed moving ring — two stacked on the left side, two on the right,
   vertically centred on the ring's centre (left:50%, top:34% — matching .orbit) */
.hero-chips:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;pointer-events:none; --rx:clamp(300px,41vw,500px);--ry:clamp(92px,10vw,150px)}
.hchip:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;width:clamp(122px,11vw,154px);aspect-ratio:1;border-radius:26px;display:grid;place-items:center; pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent; background:linear-gradient(160deg,rgba(255,255,255,.20),rgba(255,255,255,.05))}
.hchip .hc-inner:where(:root.page-integration-detail,:root.page-integration-detail *){transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.hchip:hover .hc-inner:where(:root.page-integration-detail,:root.page-integration-detail *){transform:scale(1.05);box-shadow:0 18px 34px -14px rgba(70,18,28,.6)}
.hchip:active .hc-inner:where(:root.page-integration-detail,:root.page-integration-detail *){transform:scale(.93);transition-duration:.09s}
.hchip:focus-visible:where(:root.page-integration-detail,:root.page-integration-detail *){outline:2px solid #fff;outline-offset:3px}
.hchip:nth-child(1):where(:root.page-integration-detail,:root.page-integration-detail *){left:calc(50% - var(--rx) + 30px);top:calc(34% - 150px - var(--ry));transform:translate(-50%,-50%);animation:hchipL 6.5s var(--ease) infinite}
.hchip:nth-child(2):where(:root.page-integration-detail,:root.page-integration-detail *){left:calc(50% - var(--rx) - 20px);top:calc(34% - 110px + var(--ry));transform:translate(-50%,-50%);animation:hchipL 6.5s var(--ease) infinite;animation-delay:-2.2s}
.hchip:nth-child(3):where(:root.page-integration-detail,:root.page-integration-detail *){left:calc(50% + var(--rx) - 30px);top:calc(34% - 150px - var(--ry));transform:translate(-50%,-50%);animation:hchipR 6.5s var(--ease) infinite;animation-delay:-1.1s}
.hchip:nth-child(4):where(:root.page-integration-detail,:root.page-integration-detail *){left:calc(50% + var(--rx) + 30px);top:calc(34% - 110px + var(--ry));transform:translate(-50%,-50%);animation:hchipR 6.5s var(--ease) infinite;animation-delay:-3.4s}
html[data-motion="off"] .hchip:where(:root.page-integration-detail,:root.page-integration-detail *){animation:none}
.hchip:where(:root.page-integration-detail,:root.page-integration-detail *)::before{content:"";position:absolute;inset:0;border-radius:26px;padding:1.4px;pointer-events:none; background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.05) 70%,transparent); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.hc-inner:where(:root.page-integration-detail,:root.page-integration-detail *){width:80%;height:80%;border-radius:18px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:6px; box-shadow:0 12px 26px -12px rgba(70,18,28,.5)}
.hchip .hc-fig:where(:root.page-integration-detail,:root.page-integration-detail *){height:clamp(44px,4.6vw,58px);width:auto;max-width:92%;display:block}
.hchip:first-child .hc-fig:where(:root.page-integration-detail,:root.page-integration-detail *){height:clamp(58px,6.1vw,78px)}
.hc-nm:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:clamp(11px,1vw,13px);font-weight:600;color:var(--wine);letter-spacing:-0.01em}

/* dashboard stage */
.stage:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;border-radius:16px;background:var(--paper); border:1px solid var(--line);box-shadow:var(--shadow-lg);overflow:hidden}
.stage-bar:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;gap:14px;padding:12px 14px;border-bottom:1px solid var(--line-2);background:var(--paper-2)}
.win-dots:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;gap:6px}
.win-dots i:where(:root.page-integration-detail,:root.page-integration-detail *){width:10px;height:10px;border-radius:50%;background:#DAD7D0;display:block}
.stage-addr:where(:root.page-integration-detail,:root.page-integration-detail *){flex:1;display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--ink-3);background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:5px 10px;min-width:0}
.stage-addr .lock:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--accent)}
.stage-addr .url:where(:root.page-integration-detail,:root.page-integration-detail *){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stage-live:where(:root.page-integration-detail,:root.page-integration-detail *){display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:#16804a}
.stage-live i:where(:root.page-integration-detail,:root.page-integration-detail *){width:6px;height:6px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 0 rgba(22,163,74,.5);animation:livePulse 2.4s infinite}
.stage-tabs:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;display:flex;gap:4px;padding:8px 10px;border-bottom:1px solid var(--line-2)}
.tab-ind:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;top:8px;left:0;height:calc(100% - 16px);width:0;background:var(--paper-2);border:1px solid var(--line);border-radius:8px;z-index:0;pointer-events:none}
.stab:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;z-index:1;flex:1 1 0;min-width:0;overflow:hidden; display:inline-flex;align-items:center;justify-content:center;gap:6px; font-size:12px;font-weight:600;letter-spacing:-0.01em;color:var(--ink-3); padding:8px 6px;border-radius:8px;border:1px solid transparent;background:transparent;transition:color .2s var(--ease)}
.stab .gl:where(:root.page-integration-detail,:root.page-integration-detail *){width:17px;height:17px;border-radius:5px;display:grid;place-items:center;font-family:var(--font-mono);font-size:7.5px;font-weight:600;color:#fff;background:var(--ink-3);transition:background .2s;flex:none}
.stab-tx:where(:root.page-integration-detail,:root.page-integration-detail *){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.stab:hover:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--ink)}
.stab.is-active:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--ink)}
.stab.is-active .gl:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--wine)}
.stage-body:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;aspect-ratio:16/10.2;background:var(--paper-2);overflow:hidden}
.panel-track:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;height:100%;width:100%;will-change:transform}
.panel:where(:root.page-integration-detail,:root.page-integration-detail *){flex:0 0 100%;height:100%;padding:20px;opacity:1;pointer-events:auto}

/* video placeholder */
.vplace:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;width:100%;height:100%;border-radius:11px;overflow:hidden;background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column}
.vplace-top:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid var(--line-2)}
.vplace-top .vt:where(:root.page-integration-detail,:root.page-integration-detail *){font-weight:600;font-size:13.5px}
.vplace-top .vmeta:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--ink-3)}
.poster:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;flex:1;overflow:hidden;background: radial-gradient(120% 120% at 80% 0%, var(--paper-2), var(--paper))}
.poster-dots:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1px,transparent 1px);background-size:18px 18px;opacity:.6;-webkit-mask-image:linear-gradient(transparent,#000 30%);mask-image:linear-gradient(transparent,#000 30%)}
.play:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3; width:64px;height:64px;border-radius:50%;background:var(--wine);border:0; display:grid;place-items:center;box-shadow:0 16px 40px -12px rgba(155,27,46,.6);transition:.25s var(--ease)}
.play:where(:root.page-integration-detail,:root.page-integration-detail *)::after{content:"";width:0;height:0;border-left:17px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:4px}
.play:hover:where(:root.page-integration-detail,:root.page-integration-detail *){transform:translate(-50%,-50%) scale(1.07)}
.play-ring:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;border:1px solid var(--wine-line);z-index:2;animation:ring 3s var(--ease) infinite}
.vcap:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;left:14px;bottom:13px;z-index:3;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--ink-3);background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:5px 9px;border-radius:6px;border:1px solid var(--line)}

/* faux dashboard rows inside poster */
.fx:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;border-radius:7px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.fx-row:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;gap:9px;padding:9px 12px}
.fx-ic:where(:root.page-integration-detail,:root.page-integration-detail *){width:24px;height:24px;border-radius:6px;background:var(--accent-soft);flex:none}
.fx-bar:where(:root.page-integration-detail,:root.page-integration-detail *){height:7px;border-radius:4px;background:var(--paper-3)}
.fx-chip:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:9px;letter-spacing:.05em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:2px 6px}
.fx-col:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;flex-direction:column;justify-content:flex-end;gap:0;align-items:center}
.fx-colbar:where(:root.page-integration-detail,:root.page-integration-detail *){width:18px;border-radius:3px 3px 0 0;background:var(--accent);opacity:.85}
.fx-colbar.lo:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--paper-3)}
.fx-colbar.wine:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--wine)}

/* floating controls */
.stage-ctrl:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;right:16px;bottom:16px;z-index:6;display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:100px;padding:6px;box-shadow:var(--shadow-md)}
.stage-ctrl button:where(:root.page-integration-detail,:root.page-integration-detail *){width:30px;height:30px;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--ink-2);display:grid;place-items:center;transition:.18s}
.stage-ctrl button:hover:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--paper-2);color:var(--ink)}
.dots:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;gap:6px;padding:0 4px}
.dots i:where(:root.page-integration-detail,:root.page-integration-detail *){width:6px;height:6px;border-radius:50%;background:var(--line);transition:.25s;cursor:pointer}
.dots i.on:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--wine);width:18px;border-radius:4px}

/* ============================ TRUST BAR (left text · right logo cloud) ============================ */
.trustbar:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--paper);padding-block:clamp(24px,3vw,40px)}
.trustbar-in:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;grid-template-columns:minmax(180px,0.66fr) 1.7fr;gap:clamp(20px,3.2vw,48px);align-items:center}
.trustbar-label:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:clamp(18px,1.95vw,24px);font-weight:600;letter-spacing:-0.01em;color:var(--ink);line-height:1.3;display:block;max-width:22ch}
.tb-marquee:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.tb-track:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;width:max-content;gap:clamp(34px,3.8vw,60px);animation:tbScroll 36s linear infinite}
.tb-marquee:hover .tb-track:where(:root.page-integration-detail,:root.page-integration-detail *){animation-play-state:paused}
html[data-motion="off"] .tb-track:where(:root.page-integration-detail,:root.page-integration-detail *){animation:none}
.tb-logo:where(:root.page-integration-detail,:root.page-integration-detail *){display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:clamp(18px,1.8vw,23px);letter-spacing:-0.02em;color:var(--ink-3);opacity:.7;white-space:nowrap;transition:color .22s var(--ease),opacity .22s var(--ease)}
.tb-logo:hover:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--ink);opacity:1}
.tb-ic:where(:root.page-integration-detail,:root.page-integration-detail *){width:.92em;height:.92em;fill:currentColor;flex:none}
.tb-sap:where(:root.page-integration-detail,:root.page-integration-detail *){font-weight:800;letter-spacing:.01em}
.tb-aws:where(:root.page-integration-detail,:root.page-integration-detail *){font-weight:800;letter-spacing:-.03em;align-items:flex-end;gap:2px}
.tb-aws .tb-smile:where(:root.page-integration-detail,:root.page-integration-detail *){width:1.5em;height:.4em;fill:currentColor;margin-bottom:3px}

/* ============================ MILESTONE JOURNEY ============================ */
.journey:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;--jpt:clamp(57px,6.6vw,92px);padding-block:var(--jpt) 0}
.journey:where(:root.page-integration-detail,:root.page-integration-detail *)::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;z-index:0;pointer-events:none; background:repeating-linear-gradient(90deg,var(--hair) 0 7px,transparent 7px 15px);background-size:15px 1px;animation:dashFlowX 1.1s linear infinite}
html[data-motion="off"] .journey:where(:root.page-integration-detail,:root.page-integration-detail *)::before{animation:none}
.journey-head:where(:root.page-integration-detail,:root.page-integration-detail *){text-align:center;max-width:640px;margin:0 auto clamp(52px,6vw,86px)}
.journey-head .eyebrow:where(:root.page-integration-detail,:root.page-integration-detail *){margin-bottom:18px}
.journey-head .h-section:where(:root.page-integration-detail,:root.page-integration-detail *){margin:0 auto}
.journey>.wrap:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative}
.journey>.wrap:where(:root.page-integration-detail,:root.page-integration-detail *)::before,.journey>.wrap:where(:root.page-integration-detail,:root.page-integration-detail *)::after{content:"";position:absolute;top:calc(var(--jpt)*-1);bottom:0;width:1px;z-index:0;pointer-events:none; background:repeating-linear-gradient(180deg,var(--hair) 0 6px,transparent 6px 13px);background-size:1px 13px;animation:dashFlowY 1.1s linear infinite}
.journey>.wrap:where(:root.page-integration-detail,:root.page-integration-detail *)::before{left:0}
.journey>.wrap:where(:root.page-integration-detail,:root.page-integration-detail *)::after{right:0}
html[data-motion="off"] .journey>.wrap:where(:root.page-integration-detail,:root.page-integration-detail *)::before,html[data-motion="off"] .journey>.wrap:where(:root.page-integration-detail,:root.page-integration-detail *)::after{animation:none}
.journey-map:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative}
.journey-curve:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;top:0;left:0;width:100%;height:196px;z-index:0;overflow:visible}
.jc-base:where(:root.page-integration-detail,:root.page-integration-detail *){fill:none;stroke:#d8d5ce;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round}
.jc-line:where(:root.page-integration-detail,:root.page-integration-detail *){fill:none;stroke:var(--wine);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round}
.journey-row:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr)}
.milestone:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;flex-direction:column;align-items:center;text-align:center;padding-inline:clamp(6px,1vw,16px)}
.milestone .dot:where(:root.page-integration-detail,:root.page-integration-detail *){width:14px;height:14px;border-radius:50%;background:var(--paper);border:2px solid #cbc8c1; margin-top:calc(var(--cy) - 7px);position:relative;z-index:2;box-shadow:0 0 0 5px rgba(20,16,22,.03);transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}
.milestone .dot:where(:root.page-integration-detail,:root.page-integration-detail *)::after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--wine);transform:scale(0)}
.milestone .dot.lit:where(:root.page-integration-detail,:root.page-integration-detail *)::after{animation:dotPop .46s cubic-bezier(.34,1.56,.64,1) forwards}
html[data-motion="off"] .milestone .dot.lit:where(:root.page-integration-detail,:root.page-integration-detail *)::after{animation:none;transform:scale(1)}
.milestone .dot.lit:where(:root.page-integration-detail,:root.page-integration-detail *){border-color:var(--wine);box-shadow:0 0 0 5px color-mix(in srgb,var(--wine) 9%,transparent)}
.milestone .conn:where(:root.page-integration-detail,:root.page-integration-detail *){width:1px;height:200px; background:linear-gradient(180deg,var(--wine) calc(var(--fill,0)*100%),#d8d5ce calc(var(--fill,0)*100%))}
.milestone .mcontent:where(:root.page-integration-detail,:root.page-integration-detail *){margin-top:18px;padding-bottom:clamp(40px,5.5vw,84px)}

/* centered trust badges (top open space, above the arc) */
.journey-badges:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;z-index:3;display:inline-flex;gap:0;justify-content:center;margin:0 auto; background:linear-gradient(135deg,var(--wine-soft) 0%,#fff 45%,var(--accent-soft) 100%); border:1px solid var(--wine-line);border-radius:100px;padding:6px;box-shadow:0 18px 40px -22px rgba(120,18,28,.3)}
.journey-badges-wrap:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;justify-content:center;margin-bottom:clamp(16px,2vw,28px)}
.journey-badges .jb:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;gap:11px;padding:10px 24px;position:relative}
.journey-badges .jb+.jb:where(:root.page-integration-detail,:root.page-integration-detail *)::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:26px;background:var(--wine-line)}
.journey-badges .jb-ic:where(:root.page-integration-detail,:root.page-integration-detail *){width:24px;height:24px;border-radius:50%;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}
.journey-badges .jb-t b:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:14px;font-weight:700;letter-spacing:-0.01em;display:block;line-height:1.05}
.journey-badges .jb-t span:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.mcontent .mnum:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:clamp(30px,3.4vw,50px);font-weight:700;letter-spacing:-0.03em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.mcontent .mlbl:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:11px}

/* ============================ PRODUCT EXPLORER ============================ */
.prodx:where(:root.page-integration-detail,:root.page-integration-detail *){padding-block:clamp(76px,9.5vw,140px);background:#F3F1EE}
.prodx-head:where(:root.page-integration-detail,:root.page-integration-detail *){text-align:center;margin-bottom:clamp(26px,3.2vw,44px)}
.prodx-head .h-section:where(:root.page-integration-detail,:root.page-integration-detail *){margin:0 auto;max-width:none;font-size:clamp(24px,3.4vw,42px)}
.prodx-card:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--paper);border-radius:28px;padding:clamp(22px,2.8vw,42px)}
.prodx-tabs:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;display:flex;flex-wrap:nowrap;gap:clamp(8px,2vw,40px);margin-bottom:clamp(26px,3.2vw,44px)}
.prodx-ind:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;top:0;left:0;height:100%;width:0;border-radius:20px 20px 2px 2px;background:var(--wine-soft);z-index:0;pointer-events:none}
.prodx-tab:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;z-index:1;flex:1 1 0;min-width:0;text-align:center;font-size:clamp(15px,1.95vw,31px);font-weight:400;letter-spacing:-0.025em;line-height:1;color:#b7adb0;background:transparent;border:0;padding:clamp(16px,1.8vw,26px) 10px;border-radius:20px 20px 2px 2px;cursor:pointer;transition:color .2s var(--ease),background .2s var(--ease)}
.prodx-tab:hover:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--wine)}
.prodx-tab:not(.is-active):hover:where(:root.page-integration-detail,:root.page-integration-detail *){background:color-mix(in srgb,var(--wine) 6%,transparent)}
.prodx-tab.is-active:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--wine);font-weight:700}
.prodx-stage:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;grid-template-columns:0.82fr 1.18fr;gap:clamp(26px,3.4vw,52px);align-items:center;background:none;border:0;box-shadow:none;padding:0;border-radius:0}
.prodx-info:where(:root.page-integration-detail,:root.page-integration-detail *){min-width:0;padding-left:clamp(2px,1.2vw,20px)}
.pi-title:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:clamp(26px,3vw,42px);font-weight:700;letter-spacing:-0.03em;line-height:1.04;margin:0 0 16px;text-wrap:balance}
.pi-desc:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:16px;color:var(--ink-2);line-height:1.6;max-width:42ch}
.pi-link:where(:root.page-integration-detail,:root.page-integration-detail *){margin-top:26px}
.pi-link.link-arrow:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--wine);border-bottom:0;padding:10px 18px;border-radius:100px;background:transparent;border:1px solid var(--wine-line);transition:background .22s var(--ease),border-color .22s var(--ease),color .22s}
.pi-link.link-arrow:hover:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--wine-soft);border-color:var(--wine)}
.pi-link.link-arrow .arr:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--wine)}
.prodx-viz:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;min-height:360px;border-radius:20px;overflow:visible;padding:0;display:flex;align-items:center;justify-content:center;background:transparent}
.prodx-figstack:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;width:100%;aspect-ratio:1536/1024}
.prodx-fig:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(.985);transition:opacity .5s var(--ease),transform .6s var(--ease);pointer-events:none}
.prodx-fig.is-active:where(:root.page-integration-detail,:root.page-integration-detail *){opacity:1;transform:none}
.prodx-vidframe:where(:root.page-integration-detail,:root.page-integration-detail *){width:100%;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow-lg)}
.pvf-bar:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;gap:12px;padding:11px 16px;background:var(--paper-2);border-bottom:1px solid var(--line-2)}
.pvf-dots:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;gap:6px}
.pvf-dots i:where(:root.page-integration-detail,:root.page-integration-detail *){width:10px;height:10px;border-radius:50%;background:#d8d5ce;display:block}
.pvf-url:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:11px;color:var(--ink-3);background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:4px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pvf-screen:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;aspect-ratio:16/10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background: radial-gradient(120% 120% at 50% 0%, var(--paper-2), var(--paper));overflow:hidden}
.pvf-screen:where(:root.page-integration-detail,:root.page-integration-detail *)::before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1.1px,transparent 1.1px);background-size:22px 22px;opacity:.5;-webkit-mask-image:radial-gradient(circle at 50% 42%,#000,transparent 70%);mask-image:radial-gradient(circle at 50% 42%,#000,transparent 70%)}
.pvf-play:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;z-index:1;width:66px;height:66px;border-radius:50%;background:var(--wine);box-shadow:0 16px 40px -12px rgba(155,27,46,.6);display:grid;place-items:center}
.pvf-play:where(:root.page-integration-detail,:root.page-integration-detail *)::after{content:"";width:0;height:0;border-left:18px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}
.pvf-cap:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;z-index:1;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.prodx-viz:where(:root.page-integration-detail,:root.page-integration-detail *)::before{content:none}
.viz-panel:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;inset:clamp(20px,2.4vw,34px);opacity:0;visibility:hidden;align-items:center}
.viz-panel.is-active:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;inset:auto;width:100%;opacity:1;visibility:visible;display:flex}
.vframe:where(:root.page-integration-detail,:root.page-integration-detail *){width:100%}
.vmedia:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;aspect-ratio:16/9;background:var(--ink);overflow:hidden}
.prodx-vid:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.prodx-shot:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.pv-float:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;z-index:4;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:13px;padding:11px 14px;box-shadow:0 18px 40px -20px rgba(40,8,16,.5)}
.pv-f1:where(:root.page-integration-detail,:root.page-integration-detail *){left:-16px;top:20%;animation:floatCard 6.5s var(--ease) infinite}
.pv-f2:where(:root.page-integration-detail,:root.page-integration-detail *){right:-14px;bottom:15%;flex-direction:column;align-items:flex-start;gap:2px;animation:floatCard 7.5s var(--ease) infinite reverse}
.pv-check:where(:root.page-integration-detail,:root.page-integration-detail *){width:28px;height:28px;border-radius:50%;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;font-weight:700;font-size:13px;flex:none}
.pv-tx b:where(:root.page-integration-detail,:root.page-integration-detail *),.pv-big:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-0.01em;display:block}
.pv-big:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:21px}
.pv-tx span:where(:root.page-integration-detail,:root.page-integration-detail *),.pv-f2 span:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:11px;color:var(--ink-3)}
.vframe:where(:root.page-integration-detail,:root.page-integration-detail *){border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper-2);box-shadow:var(--shadow-sm)}
.vbar:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;gap:12px;padding:11px 14px;background:var(--paper);border-bottom:1px solid var(--line-2)}
.vdots:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;gap:5px}
.vdots i:where(:root.page-integration-detail,:root.page-integration-detail *){width:9px;height:9px;border-radius:50%;background:#DAD7D0;display:block}
.vttl:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:12.5px;font-weight:600;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vlive:where(:root.page-integration-detail,:root.page-integration-detail *){margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;color:#16804a;flex:none}
.vlive i:where(:root.page-integration-detail,:root.page-integration-detail *){width:6px;height:6px;border-radius:50%;background:#16a34a;display:block}
.vbody:where(:root.page-integration-detail,:root.page-integration-detail *){padding:18px;display:flex;flex-direction:column;gap:14px}
.vtop:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;gap:16px;align-items:center}
.donut:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;width:96px;height:96px;flex:none}
.donut svg:where(:root.page-integration-detail,:root.page-integration-detail *){width:100%;height:100%;transform:rotate(-90deg)}
.donut .d-bg:where(:root.page-integration-detail,:root.page-integration-detail *){fill:none;stroke:var(--line);stroke-width:3.4}
.donut .d-fg:where(:root.page-integration-detail,:root.page-integration-detail *){fill:none;stroke:var(--wine);stroke-width:3.4;stroke-linecap:round;stroke-dasharray:100.5;stroke-dashoffset:100.5}
.donut .d-c:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.donut .d-c b:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:22px;font-weight:700;letter-spacing:-0.02em}
.donut .d-c i:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:9px;color:var(--ink-3);font-style:normal}
.vtiles:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;gap:12px;flex:1}
.vtiles.wide:where(:root.page-integration-detail,:root.page-integration-detail *){width:100%}
.vtile:where(:root.page-integration-detail,:root.page-integration-detail *){flex:1;border:1px solid var(--line);border-radius:11px;background:var(--paper);padding:14px 16px}
.vtile b:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:clamp(20px,2.2vw,26px);font-weight:700;letter-spacing:-0.02em;display:block}
.vtile span:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:6px;display:block}
.vlist:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;flex-direction:column;gap:8px}
.vli:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;color:var(--ink-2);background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:9px 12px}
.vli em:where(:root.page-integration-detail,:root.page-integration-detail *){font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vli-ic:where(:root.page-integration-detail,:root.page-integration-detail *){width:16px;height:16px;border-radius:4px;background:var(--wine-soft);flex:none}
.vli-tag:where(:root.page-integration-detail,:root.page-integration-detail *){margin-left:auto;font-size:9px;letter-spacing:.06em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:2px 7px;flex:none}
.vli-tag.ok:where(:root.page-integration-detail,:root.page-integration-detail *){color:#16804a;border-color:rgba(22,128,74,.3)}
.vpipe:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;gap:10px}
.vstage:where(:root.page-integration-detail,:root.page-integration-detail *){flex:1;border:1px solid var(--line);border-radius:11px;background:var(--paper);padding:13px;text-align:center}
.vstage .vs-n:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:22px;font-weight:700;letter-spacing:-0.02em;display:block}
.vstage .vs-l:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:5px;display:block}
.vstage.on:where(:root.page-integration-detail,:root.page-integration-detail *){border-color:var(--wine);background:var(--wine-soft)}
.vchart:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:flex-end;gap:12px;height:92px;padding-top:6px}
.vbarc:where(:root.page-integration-detail,:root.page-integration-detail *){flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;height:100%}
.vbarc .bf:where(:root.page-integration-detail,:root.page-integration-detail *){width:100%;border-radius:5px 5px 0 0;background:var(--accent);height:0}
.vbarc .bf.wine:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--wine)}
.vbarc i:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:9px;color:var(--ink-3);font-style:normal}
.vfoot:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line-2);padding-top:12px;font-size:13px;color:var(--ink-2)}
.vfoot b:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--wine);font-weight:700}
.vflow:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;gap:0}
.vnode:where(:root.page-integration-detail,:root.page-integration-detail *){flex:none;font-family:var(--font-mono);font-size:11px;color:var(--ink-2);border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:var(--paper)}
.vnode.done:where(:root.page-integration-detail,:root.page-integration-detail *){color:#16804a;border-color:rgba(22,128,74,.3)}
.vnode.cur:where(:root.page-integration-detail,:root.page-integration-detail *){color:#fff;background:var(--wine);border-color:var(--wine)}
.vlk:where(:root.page-integration-detail,:root.page-integration-detail *){flex:1;height:1px;background:var(--line);min-width:12px}
.vseg:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;height:30px;border-radius:8px;overflow:hidden;border:1px solid var(--line)}
.vseg .sf:where(:root.page-integration-detail,:root.page-integration-detail *){height:100%;width:0}
.vseg .sf.a:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--wine)}
.vseg .sf.b:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--accent)}
.vseg .sf.c:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--paper-3)}
.vseg-key:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;flex-wrap:wrap;gap:14px;font-family:var(--font-mono);font-size:9.5px;color:var(--ink-2)}
.vseg-key i:where(:root.page-integration-detail,:root.page-integration-detail *){width:9px;height:9px;border-radius:3px;display:inline-block;margin-right:5px;vertical-align:middle}
.vseg-key i.a:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--wine)}
.vseg-key i.b:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--accent)}
.vseg-key i.c:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--paper-3)}

/* stat band */
.statband:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper)}
.statband .sc:where(:root.page-integration-detail,:root.page-integration-detail *){padding:clamp(26px,3vw,38px) clamp(18px,2vw,30px);border-right:1px solid var(--line)}
.statband .sc:last-child:where(:root.page-integration-detail,:root.page-integration-detail *){border-right:0}

/* ============================ ANECDOTES (carousel) ============================ */
.anec-head:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:48px}
.anec-nav:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;gap:10px}
.anec-nav button:where(:root.page-integration-detail,:root.page-integration-detail *){width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);display:grid;place-items:center;transition:.2s}
.anec-nav button:hover:where(:root.page-integration-detail,:root.page-integration-detail *){border-color:var(--ink);background:var(--paper-2)}
.anec-nav button:disabled:where(:root.page-integration-detail,:root.page-integration-detail *){opacity:.35;cursor:default}
.anec-track-wrap:where(:root.page-integration-detail,:root.page-integration-detail *){overflow:hidden;padding-block:6px}
.anec-track:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;gap:24px}
.anec-card:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;flex:0 0 min(680px,90vw);height:clamp(360px,42vw,460px); border-radius:22px;overflow:hidden;background:var(--ink);isolation:isolate}
.anec-img:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0; transform:scale(1.02);transition:transform .8s var(--ease)}
.anec-card:hover .anec-img:where(:root.page-integration-detail,:root.page-integration-detail *){transform:scale(1.07)}
.anec-shade:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;inset:0;z-index:1; background:linear-gradient(183deg,rgba(20,16,18,.18) 0%,rgba(20,16,18,0) 26%,rgba(20,16,18,.62) 64%,rgba(20,16,18,.92) 100%)}
.anec-body:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(22px,2.4vw,32px);color:#fff}
.anec-chip:where(:root.page-integration-detail,:root.page-integration-detail *){align-self:flex-start;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#fff; background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:7px 13px;border-radius:100px}
.anec-bottom h3:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:clamp(22px,2.2vw,29px);font-weight:700;letter-spacing:-0.025em;line-height:1.08;margin-bottom:12px;text-wrap:balance;max-width:18ch}
.anec-bottom p:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:15px;line-height:1.55;color:rgba(255,255,255,.82);max-width:46ch;text-wrap:pretty}
.anec-stats:where(:root.page-integration-detail,:root.page-integration-detail *){display:none}
.anec-link:where(:root.page-integration-detail,:root.page-integration-detail *){display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-weight:600;font-size:14.5px;color:#fff}
.anec-link .arr:where(:root.page-integration-detail,:root.page-integration-detail *){transition:transform .25s var(--ease)}
.anec-card:hover .anec-link .arr:where(:root.page-integration-detail,:root.page-integration-detail *){transform:translateX(4px)}

/* ============================ ECOSYSTEM ============================ */
.eco-head:where(:root.page-integration-detail,:root.page-integration-detail *){margin-bottom:clamp(48px,6vw,84px)}
.eco-rows:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;flex-direction:column;gap:clamp(56px,7vw,110px);margin-bottom:clamp(44px,5vw,72px)}
.eco-row:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;grid-template-columns:0.82fr 1.18fr;gap:clamp(36px,5vw,80px);align-items:center}
.eco-info:where(:root.page-integration-detail,:root.page-integration-detail *){min-width:0}
.eco-rowhead:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;gap:13px;margin-bottom:22px}
.eco-num:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--ink-3);letter-spacing:.04em}
.eco-glyph:where(:root.page-integration-detail,:root.page-integration-detail *){width:44px;height:44px;border-radius:11px;display:grid;place-items:center;font-family:var(--font-mono);font-size:13px;font-weight:600;color:#fff;background:var(--accent);flex:none}
.eco-row[data-k="ts"] .eco-glyph:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--accent)}
.eco-row[data-k="cv"] .eco-glyph:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--accent)}
.eco-row[data-k="nx"] .eco-glyph:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--accent)}
.eco-row[data-k="ck"] .eco-glyph:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--accent)}
.eco-badge:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;color:var(--ink-2);border:1px solid var(--line);border-radius:6px;padding:4px 8px;text-transform:uppercase}
.eco-rowhead .eco-badge:where(:root.page-integration-detail,:root.page-integration-detail *){margin-left:auto}
.eco-name:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--wine);margin-bottom:14px}
.eco-h:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:clamp(25px,2.9vw,38px);font-weight:700;letter-spacing:-0.03em;line-height:1.04;margin-bottom:18px;text-wrap:balance;max-width:15ch}
.eco-desc:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:clamp(15px,1.4vw,17px);color:var(--ink-2);line-height:1.6;max-width:46ch;margin-bottom:24px;text-wrap:pretty}
.eco-tags:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.eco-info .link-arrow:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:15px}

/* product image placeholder (client-provided) */
.eco-media:where(:root.page-integration-detail,:root.page-integration-detail *){min-width:0}
.media-frame:where(:root.page-integration-detail,:root.page-integration-detail *){border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper);box-shadow:var(--shadow-md)}
.media-bar:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line-2);background:var(--paper-2)}
.media-bar .md-dots:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;gap:6px;flex:none}
.media-bar .md-dots i:where(:root.page-integration-detail,:root.page-integration-detail *){width:10px;height:10px;border-radius:50%;background:#DAD7D0;display:block}
.media-bar .md-title:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:13px;font-weight:600;color:var(--ink-2);letter-spacing:-0.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.media-bar .md-tag:where(:root.page-integration-detail,:root.page-integration-detail *){margin-left:auto;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:3px 7px;flex:none}
.media-body:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;aspect-ratio:16/10.5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--paper-2);overflow:hidden}
.media-body:where(:root.page-integration-detail,:root.page-integration-detail *)::before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1.1px,transparent 1.1px);background-size:22px 22px;opacity:.55;-webkit-mask-image:radial-gradient(circle at 50% 44%,#000,transparent 70%);mask-image:radial-gradient(circle at 50% 44%,#000,transparent 70%)}
.media-icon:where(:root.page-integration-detail,:root.page-integration-detail *){width:74px;height:74px;border-radius:18px;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow-sm);display:grid;place-items:center;color:var(--ink-3);z-index:1}
.eco-row[data-k="ts"] .media-icon:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--accent)}
.eco-row[data-k="cv"] .media-icon:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--accent)}
.eco-row[data-k="ck"] .media-icon:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--accent)}
.media-cap:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);z-index:1}
.eco-substrate:where(:root.page-integration-detail,:root.page-integration-detail *){margin-top:0;text-align:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);display:flex;align-items:center;justify-content:center;gap:10px}
.eco-substrate:where(:root.page-integration-detail,:root.page-integration-detail *)::before,.eco-substrate:where(:root.page-integration-detail,:root.page-integration-detail *)::after{content:"";height:1px;flex:1;max-width:120px;background:var(--line)}

/* ============================ ENTERPRISE GAP ============================ */
.gap:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--paper-2)}
.gap-head:where(:root.page-integration-detail,:root.page-integration-detail *){max-width:780px;margin-bottom:54px}
.sym-grid:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.sym:where(:root.page-integration-detail,:root.page-integration-detail *){grid-column:span 2;border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:24px;display:flex;flex-direction:column;transition:.25s var(--ease)}
.sym:nth-child(4):where(:root.page-integration-detail,:root.page-integration-detail *){grid-column:span 3}
.sym:nth-child(5):where(:root.page-integration-detail,:root.page-integration-detail *){grid-column:span 3}
.sym:hover:where(:root.page-integration-detail,:root.page-integration-detail *){box-shadow:var(--shadow-md);transform:translateY(-2px)}
.sym .sk:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--wine);margin-bottom:14px}
.sym h4:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:17px;font-weight:600;letter-spacing:-0.015em;margin-bottom:9px}
.sym p:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:13.5px;color:var(--ink-2);line-height:1.5;margin-bottom:18px}
.sym .sviz:where(:root.page-integration-detail,:root.page-integration-detail *){margin-top:auto;display:flex;flex-direction:column;gap:6px}
.faux-line:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:6px;padding:6px 9px}
.faux-line .t:where(:root.page-integration-detail,:root.page-integration-detail *){margin-left:auto;color:var(--ink-3)}
.faux-line.bad:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--wine);border-color:var(--wine-line);background:var(--wine-soft)}
.gap-answer:where(:root.page-integration-detail,:root.page-integration-detail *){margin-top:30px;border:1px solid var(--ink);border-radius:18px;background:var(--ink);color:#fff;padding:clamp(32px,4vw,52px);display:grid;grid-template-columns:1.4fr 1fr;gap:36px;align-items:center}
.gap-answer .ga-k:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:18px;display:flex;align-items:center;gap:9px}
.gap-answer .ga-k:where(:root.page-integration-detail,:root.page-integration-detail *)::before{content:"";width:7px;height:7px;border-radius:2px;background:var(--wine)}
.gap-answer h3:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:clamp(24px,2.8vw,36px);font-weight:700;letter-spacing:-0.025em;line-height:1.05;text-wrap:balance}
.gap-answer p:where(:root.page-integration-detail,:root.page-integration-detail *){color:rgba(255,255,255,.72);font-size:15.5px;line-height:1.6;margin-top:18px;max-width:52ch}
.gap-answer .ga-cta:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.btn-wine-ghost:where(:root.page-integration-detail,:root.page-integration-detail *){background:transparent;color:#fff;border:1px solid rgba(255,255,255,.28)}
.btn-wine-ghost:hover:where(:root.page-integration-detail,:root.page-integration-detail *){background:rgba(255,255,255,.08);border-color:#fff}

/* ============================ ARCHITECTURE (callout) ============================ */
.archx-callout:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;border:1px solid rgba(255,255,255,.18);border-radius:32px;padding:clamp(32px,4.5vw,64px);overflow:hidden; background: radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,.12), transparent 60%), linear-gradient(165deg,#B23a4a 0%,#8E1B2C 52%,#67121F 100%); color:#fff; box-shadow:0 40px 90px -46px rgba(70,18,28,.7), 0 0 0 7px rgba(155,27,46,.08)}
.archx-top:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;z-index:1;display:grid;grid-template-columns:42% 1fr;gap:clamp(28px,3.5vw,56px);align-items:center}
.archx-callout:where(:root.page-integration-detail,:root.page-integration-detail *)::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none; background-image:radial-gradient(circle, rgba(255,255,255,.14) 1.2px, transparent 1.2px);background-size:26px 26px;opacity:.6}
.archx-left:where(:root.page-integration-detail,:root.page-integration-detail *),.archx-right:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;z-index:1}
.archx-left .kicker:where(:root.page-integration-detail,:root.page-integration-detail *){display:block;margin-bottom:18px;color:rgba(255,255,255,.6)}
.archx-left .kicker:where(:root.page-integration-detail,:root.page-integration-detail *)::before{background:#fff}
.archx-title:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:clamp(30px,3.4vw,46px);font-weight:700;letter-spacing:-0.03em;line-height:1.04;text-wrap:balance;margin-bottom:18px;color:#fff}
.archx-lede:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:clamp(16px,1.55vw,19px);color:rgba(255,255,255,.8);line-height:1.6;max-width:42ch;margin-bottom:28px}
.archx-cta:where(:root.page-integration-detail,:root.page-integration-detail *){border-radius:100px;background:#fff;color:var(--wine-deep)}
.archx-cta:hover:where(:root.page-integration-detail,:root.page-integration-detail *){background:#fff;transform:translateY(-2px);box-shadow:0 16px 36px -14px rgba(0,0,0,.45)}

/* diagram placeholder — client to provide */
.archx-diagram--ph:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px; min-height:clamp(220px,24vw,300px);border:1.5px dashed rgba(255,255,255,.3);border-radius:18px; background:rgba(255,255,255,.05);text-align:center;padding:30px}
.axd-ph-ic:where(:root.page-integration-detail,:root.page-integration-detail *){width:60px;height:60px;border-radius:15px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;color:#fff}
.archx-diagram--ph b:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:16px;font-weight:700;color:#fff;letter-spacing:-0.01em}
.axd-ph-sub:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.axd-col:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;flex-direction:column;gap:8px;align-items:stretch;min-width:0}
.axd-lbl:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:4px;text-align:center}
.axd-flow span:where(:root.page-integration-detail,:root.page-integration-detail *){width:18px;height:2px;border-radius:2px;background:rgba(255,255,255,.3)}
.axd-flow span:nth-child(2):where(:root.page-integration-detail,:root.page-integration-detail *){width:24px;background:rgba(255,255,255,.6)}
.axd-chip:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--ink-2);background:var(--paper);border:1px solid rgba(20,16,22,.05);border-radius:9px;padding:9px 12px;text-align:center;box-shadow:0 12px 28px -16px rgba(42,30,48,.4)}
.axd-chip.wine:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--wine);border-color:var(--wine-line);background:var(--wine-soft)}
.axd-flow:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;flex-direction:column;gap:4px;flex:none}
.axd-flow span:where(:root.page-integration-detail,:root.page-integration-detail *){width:18px;height:2px;border-radius:2px;background:var(--wine-line)}
.axd-flow span:nth-child(2):where(:root.page-integration-detail,:root.page-integration-detail *){width:24px;background:var(--wine)}
.axd-core:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--paper);border:1px solid var(--wine-line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-md);min-width:148px}
.axd-core-top:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;justify-content:space-between;padding:2px 4px 8px;border-bottom:1px solid var(--line-2)}
.axd-core-top b:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:13px;font-weight:700;letter-spacing:-0.01em;white-space:nowrap}
.axd-core-v:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:9px;color:var(--wine)}
.axd-layer:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:10.5px;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:7px;padding:7px 10px;transition:.2s var(--ease)}
.axd-layer:hover:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--wine-soft);border-color:var(--wine-line);color:var(--wine)}

/* capability list inside callout — borderless angled cards */
.caplist:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px);margin-top:clamp(34px,4vw,52px);padding-top:8px}
.capx:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;gap:13px;align-items:flex-start;position:relative; background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.05)); -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px); border:0;border-radius:16px;padding:22px 22px 24px;overflow:hidden; box-shadow:0 16px 36px -22px rgba(20,6,10,.6);transition:transform .3s var(--ease)}
.capx:hover:where(:root.page-integration-detail,:root.page-integration-detail *){transform:translateY(-2px)}
.capx:where(:root.page-integration-detail,:root.page-integration-detail *)::before{display:none}
.capx :is(h3,h4):where(:root.page-integration-detail,:root.page-integration-detail *){font-size:15.5px;font-weight:700;letter-spacing:-0.015em;margin-bottom:7px;color:#fff}
.capx p:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:13.5px;color:rgba(255,255,255,.74);line-height:1.55}
.arch-cols:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;display:grid;grid-template-columns:1fr auto 1.5fr;gap:0;align-items:stretch}
.arch-sys:where(:root.page-integration-detail,:root.page-integration-detail *){padding:clamp(26px,3vw,40px);border-right:1px solid var(--line)}
.arch-colhead:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:20px;display:flex;align-items:center;gap:8px}
.sys-node:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper-2);margin-bottom:10px;transition:.25s var(--ease)}
.sys-node:hover:where(:root.page-integration-detail,:root.page-integration-detail *){border-color:var(--accent-line);background:var(--accent-soft)}
.sys-node .sn-g:where(:root.page-integration-detail,:root.page-integration-detail *){width:30px;height:30px;border-radius:7px;background:var(--paper);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:9px;font-weight:600;color:var(--ink-2);flex:none}
.sys-node .sn-t b:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:13.5px;font-weight:600;display:block}
.sys-node .sn-t span:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:9.5px;color:var(--ink-3);letter-spacing:.02em}
.arch-flow:where(:root.page-integration-detail,:root.page-integration-detail *){width:74px;position:relative;display:grid;place-items:center}
.arch-flow .flowlbl:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}
.arch-core:where(:root.page-integration-detail,:root.page-integration-detail *){padding:clamp(26px,3vw,40px);background:linear-gradient(180deg,var(--wine-soft),var(--paper) 70%)}
.core-card:where(:root.page-integration-detail,:root.page-integration-detail *){border:1px solid var(--wine-line);border-radius:14px;background:var(--paper);box-shadow:var(--shadow-md);overflow:hidden}
.core-top:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line-2)}
.core-top .ct-t:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:16px;font-weight:700;letter-spacing:-0.02em}
.core-top .ct-v:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:10px;color:var(--ink-3)}
.core-layers:where(:root.page-integration-detail,:root.page-integration-detail *){padding:14px}
.layer:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:9px;margin-bottom:6px;transition:.25s var(--ease);border:1px solid transparent}
.layer:hover:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--wine-soft);border-color:var(--wine-line)}
.layer .ly-n:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:10px;color:var(--wine);font-weight:600;width:26px;flex:none}
.layer .ly-t b:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:14px;font-weight:600;display:block;letter-spacing:-0.01em}
.layer .ly-t span:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:12px;color:var(--ink-3)}
.core-out:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}
.out-card:where(:root.page-integration-detail,:root.page-integration-detail *){border:1px solid var(--line);border-radius:11px;padding:15px;background:var(--paper)}
.out-card .oc-k:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:9px}
.out-card b:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:14px;font-weight:600;display:block;letter-spacing:-0.01em;margin-bottom:5px}
.out-card span:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:12px;color:var(--ink-3);line-height:1.4}

/* capability strip below diagram */
.cap-grid:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:22px}
.cap:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--paper);padding:26px 24px}
.cap .cn:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:10px;color:var(--wine);margin-bottom:14px}
.cap h4:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:16px;font-weight:600;letter-spacing:-0.015em;margin-bottom:9px}
.cap p:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:13.5px;color:var(--ink-2);line-height:1.5;margin-bottom:14px}
.cap .ctags:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;flex-wrap:wrap;gap:6px}
.ctag:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:3px 7px;text-transform:uppercase;white-space:nowrap}

/* flow timeline */

/* ============================ LOOP CIRCUIT (decision flow) ============================ */
.loopx:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;margin-top:clamp(56px,7vw,104px);padding:0;background:none;border:0}
.loopx-head:where(:root.page-integration-detail,:root.page-integration-detail *){max-width:820px;margin:0 auto clamp(20px,2.4vw,34px);text-align:center}
.loopx-title:where(:root.page-integration-detail,:root.page-integration-detail *){margin:0 auto;text-wrap:balance}
.loopx-sub:where(:root.page-integration-detail,:root.page-integration-detail *){margin:14px auto 0;font-size:clamp(14.5px,1.4vw,17px);color:var(--ink-2);line-height:1.55;max-width:56ch;text-wrap:pretty}
.loopx-stage:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;margin:0 auto}
.sigx:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;aspect-ratio:1000/300;max-width:1180px;margin:64px auto;overflow:visible}
.sig-svg:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sig-base:where(:root.page-integration-detail,:root.page-integration-detail *){fill:none;stroke:#D8D4CD;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.sig-accent path:where(:root.page-integration-detail,:root.page-integration-detail *){fill:none;stroke:var(--wine);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.5}
.sig-ink:where(:root.page-integration-detail,:root.page-integration-detail *){fill:none;stroke:var(--wine);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 6px rgba(155,27,46,.28))}
.sig-pegs:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;inset:0;z-index:2;pointer-events:none}
.sig-peg:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:#fff;border:2px solid #D8D4CD;box-shadow:0 4px 10px -3px rgba(40,20,26,.3);transition:.35s var(--ease)}
.sig-peg.lit:where(:root.page-integration-detail,:root.page-integration-detail *){border-color:var(--wine);background:var(--wine);box-shadow:0 0 0 4px rgba(155,27,46,.16),0 6px 14px -4px rgba(155,27,46,.5)}
.sig-stem:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;width:1.6px;margin-left:-0.8px;background:linear-gradient(var(--wine),rgba(155,27,46,.12));transform-origin:top;z-index:2;opacity:.35;transition:opacity .35s var(--ease)}
.sig-stem.lit:where(:root.page-integration-detail,:root.page-integration-detail *){opacity:1}
.loopx-steps:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;inset:0;z-index:3}
.lxstep:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:clamp(126px,12vw,156px);text-align:left; background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:11px 13px;box-shadow:0 12px 28px -14px rgba(40,20,26,.26);transition:border-color .35s var(--ease),box-shadow .35s var(--ease),background .35s}
.lxstep.above:where(:root.page-integration-detail,:root.page-integration-detail *){transform:translate(-50%,calc(-100% - 13px))}
.lxstep.below:where(:root.page-integration-detail,:root.page-integration-detail *){transform:translate(-50%,13px)}
.lxstep .lxs-dot:where(:root.page-integration-detail,:root.page-integration-detail *){width:22px;height:22px;border-radius:7px;background:var(--paper-2);border:1.5px solid var(--line);display:grid;place-items:center;transition:.35s var(--ease);flex:none;position:relative}
.lxstep .lxs-dot:where(:root.page-integration-detail,:root.page-integration-detail *)::after{content:"";width:7px;height:4px;border-left:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);transform:rotate(-45deg) translateY(-1px);transition:.35s}
.lxstep b:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:13px;font-weight:700;letter-spacing:-0.01em;color:var(--ink);transition:color .35s;line-height:1.12}
.lxstep .lxs-sub:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:10.5px;line-height:1.32;color:var(--ink-3);transition:color .35s;text-wrap:pretty}
.lxstep.lit:where(:root.page-integration-detail,:root.page-integration-detail *){border-color:var(--wine);box-shadow:0 16px 34px -12px rgba(155,27,46,.4);z-index:6}
.lxstep.lit .lxs-dot:where(:root.page-integration-detail,:root.page-integration-detail *){border-color:var(--wine);background:var(--wine)}
.lxstep.lit .lxs-dot:where(:root.page-integration-detail,:root.page-integration-detail *)::after{border-color:#fff}
.lxstep.lit .lxs-sub:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--ink-2)}
.loopx-comet:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;left:0;top:0;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;z-index:5; background:radial-gradient(circle,#fff 0%,var(--wine) 55%,rgba(155,27,46,0) 72%); box-shadow:0 0 16px 4px rgba(155,27,46,.7),0 0 5px 1px #fff;pointer-events:none}

/* ============================ INDUSTRY FIT ============================ */
.ind-head:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end;margin-bottom:48px}
.ind-tabswrap:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;display:flex;align-items:center;gap:12px;margin-bottom:34px}
.ind-arrow:where(:root.page-integration-detail,:root.page-integration-detail *){flex:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:20px;line-height:1;display:grid;place-items:center;transition:.2s var(--ease);box-shadow:var(--shadow-sm)}
.ind-arrow:hover:where(:root.page-integration-detail,:root.page-integration-detail *){border-color:var(--ink);background:var(--paper-2)}
.ind-arrow:disabled:where(:root.page-integration-detail,:root.page-integration-detail *){opacity:.3;cursor:default;box-shadow:none}
.ind-tabs:where(:root.page-integration-detail,:root.page-integration-detail *){flex:1 1 auto;min-width:0;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:6px 4px}
.ind-tabs:where(:root.page-integration-detail,:root.page-integration-detail *)::-webkit-scrollbar{display:none}
.ind-tab:where(:root.page-integration-detail,:root.page-integration-detail *){flex:none;white-space:nowrap;font-size:14px;font-weight:600;color:#9a9098;padding:9px 18px;border:1px dashed #c7bcc0;border-radius:100px;background:transparent;transition:color .2s,border-color .2s,background .2s}
.ind-tab:hover:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--wine);border-color:var(--wine-line)}
.ind-tab.is-active:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--wine-soft);color:var(--wine);border-style:solid;border-color:var(--wine)}

/* view-all industries */
.ind-morerow:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;justify-content:center;margin:-18px 0 30px}
.ind-more:where(:root.page-integration-detail,:root.page-integration-detail *){flex:none;white-space:nowrap;font-size:14px;font-weight:600;color:var(--wine);padding:11px 22px;border:1px solid var(--wine);border-radius:100px;background:var(--wine-soft);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.2s var(--ease)}
transition:.2s var(--ease)} .ind-more:hover:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--wine);color:#fff}
.ind-more .im-ic:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:10px;transition:transform .25s var(--ease)}
.ind-more[aria-expanded="true"] .im-ic:where(:root.page-integration-detail,:root.page-integration-detail *){transform:rotate(180deg)}
.ind-allwrap:where(:root.page-integration-detail,:root.page-integration-detail *){margin:-14px 0 34px;border:1px solid var(--line);border-radius:20px;background:var(--paper);padding:clamp(20px,2.4vw,30px);box-shadow:var(--shadow-md)}
.ind-all-head:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.ind-all-close:where(:root.page-integration-detail,:root.page-integration-detail *){width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;font-size:13px;transition:.2s}
.ind-all-close:hover:where(:root.page-integration-detail,:root.page-integration-detail *){border-color:var(--ink);background:var(--paper-2)}
.ind-allgrid:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ind-allgrid button:where(:root.page-integration-detail,:root.page-integration-detail *){text-align:left;font-size:14px;font-weight:600;color:var(--ink-2);padding:13px 16px;border:1px dashed var(--line);border-radius:12px;background:transparent;cursor:pointer;transition:.18s var(--ease)}
.ind-allgrid button:hover:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--wine);border-color:var(--wine-line);background:var(--wine-soft)}
.ind-allgrid button.is-active:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--wine);border-style:solid;border-color:var(--wine);background:var(--wine-soft)}
.ind-tab:where(:root.page-integration-detail,:root.page-integration-detail *){flex:none;white-space:nowrap;font-size:14px;font-weight:600;color:#9a9098;padding:9px 18px;border:1px dashed #c7bcc0;border-radius:100px;background:transparent;cursor:pointer;transition:color .2s,border-color .2s,background .2s}
.ind-panel:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(24px,3vw,48px);align-items:stretch; border:1px solid var(--line);border-radius:24px;background:var(--paper);padding:clamp(18px,1.8vw,26px);min-height:400px}
.ind-media:where(:root.page-integration-detail,:root.page-integration-detail *){border-radius:16px;overflow:hidden;background:var(--paper-3);min-height:300px}
.ind-media img:where(:root.page-integration-detail,:root.page-integration-detail *){width:100%;height:100%;object-fit:cover;display:block}
.ind-content:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;flex-direction:column;padding:clamp(8px,1vw,16px) clamp(8px,1.4vw,22px) clamp(8px,1vw,16px) 0}
.ind-toprow:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;justify-content:space-between;gap:16px}
.ind-brand:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;gap:12px}
.ind-glyph:where(:root.page-integration-detail,:root.page-integration-detail *){width:38px;height:38px;border-radius:10px;background:var(--wine);color:#fff;display:grid;place-items:center;font-weight:700;font-size:16px;flex:none}
.ind-brand b:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:17px;font-weight:700;letter-spacing:-0.02em;color:var(--ink)}
.ind-counter:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.ind-counter i:where(:root.page-integration-detail,:root.page-integration-detail *){width:24px;height:1px;background:var(--line);display:inline-block}
.ind-div:where(:root.page-integration-detail,:root.page-integration-detail *){border:0;border-top:1px solid var(--line);margin:clamp(18px,2vw,26px) 0}
.ind-cols:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,44px);flex:1}
.ind-cA:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;flex-direction:column}
.ind-cA h3:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:clamp(22px,2.4vw,32px);font-weight:700;letter-spacing:-0.03em;line-height:1.08;text-wrap:balance}
.ind-sub:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:13px;font-weight:500;color:var(--ink-3);margin-top:14px;letter-spacing:-0.005em}
.ind-learn:where(:root.page-integration-detail,:root.page-integration-detail *){margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15px;color:var(--wine);width:fit-content;padding:10px 18px;border-radius:100px;background:transparent;border:1px solid var(--wine-line);transition:background .22s var(--ease),border-color .22s var(--ease),color .22s}
.ind-learn span:where(:root.page-integration-detail,:root.page-integration-detail *){transition:transform .25s var(--ease)}
.ind-learn:hover:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--wine);background:var(--wine-soft);border-color:var(--wine)}
.ind-learn:hover span:where(:root.page-integration-detail,:root.page-integration-detail *){transform:translateX(4px)}
.ind-cB:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;flex-direction:column}
.ind-cB p:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:15px;color:var(--ink-2);line-height:1.6}
.ind-rep:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;gap:13px;margin-top:auto;padding-top:24px}
.ind-rep-img:where(:root.page-integration-detail,:root.page-integration-detail *){width:60px;height:60px;border-radius:12px;object-fit:cover;flex:none;background:var(--paper-3)}
.ind-rep-t b:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:15px;font-weight:700;letter-spacing:-0.01em;display:block;color:var(--ink)}
.ind-rep-t span:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:12.5px;color:var(--ink-3);margin-top:2px;display:block}

/* ============================ REASONS (bento) ============================ */
.why-bento:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"a b c" "a d d";gap:16px}
.why-a:where(:root.page-integration-detail,:root.page-integration-detail *){grid-area:a}
.why-b:where(:root.page-integration-detail,:root.page-integration-detail *){grid-area:b}
.why-c:where(:root.page-integration-detail,:root.page-integration-detail *){grid-area:c}
.why-d:where(:root.page-integration-detail,:root.page-integration-detail *){grid-area:d}
.why-card:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;border:1px solid var(--line);border-radius:20px;padding:clamp(24px,2.3vw,34px);background:var(--paper);display:flex;flex-direction:column;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
.why-card:hover:where(:root.page-integration-detail,:root.page-integration-detail *){transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--ink)}
.why-icon:where(:root.page-integration-detail,:root.page-integration-detail *){width:48px;height:48px;border-radius:13px;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;flex:none;margin-bottom:22px}
.why-card h3:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:clamp(19px,2vw,24px);font-weight:700;letter-spacing:-0.02em;margin-bottom:12px}
.why-card p:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:15px;color:var(--ink-2);line-height:1.6;margin-bottom:18px}
.why-card .wtags:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}

/* feature card */
.why-feat:where(:root.page-integration-detail,:root.page-integration-detail *){background:linear-gradient(158deg,#B23a4a 0%,#8E1B2C 52%,#67121F 100%);border-color:transparent;color:#fff;justify-content:space-between;overflow:hidden}
.why-feat:where(:root.page-integration-detail,:root.page-integration-detail *)::after{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.26);pointer-events:none;animation:spinCW 26s linear infinite}
.why-feat:where(:root.page-integration-detail,:root.page-integration-detail *)::before{content:"";position:absolute;right:-110px;top:-110px;width:340px;height:340px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.16);pointer-events:none;animation:spinCCW 34s linear infinite}
html[data-motion="off"] .why-feat:where(:root.page-integration-detail,:root.page-integration-detail *)::before,html[data-motion="off"] .why-feat:where(:root.page-integration-detail,:root.page-integration-detail *)::after{animation:none}
.wf-top:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:1}
.wf-kick:where(:root.page-integration-detail,:root.page-integration-detail *){margin-top:10px}
.why-icon.wi-light:where(:root.page-integration-detail,:root.page-integration-detail *){background:rgba(255,255,255,.16);color:#fff;margin-bottom:0}
.wf-kick:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.wf-body:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;z-index:1;margin-top:auto;padding-top:40px}
.wf-num:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:clamp(48px,5.4vw,76px);font-weight:700;letter-spacing:-0.04em;line-height:.9}
.wf-num span:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:.32em;font-weight:600;letter-spacing:-0.01em;color:rgba(255,255,255,.7)}
.why-feat h3:where(:root.page-integration-detail,:root.page-integration-detail *){margin:18px 0 12px;font-size:clamp(22px,2.2vw,27px)}
.why-feat p:where(:root.page-integration-detail,:root.page-integration-detail *){color:rgba(255,255,255,.78);max-width:38ch}
.ctag.onwine:where(:root.page-integration-detail,:root.page-integration-detail *){color:#fff;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.08)}

/* wide card d */
.why-d-in:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-top:auto;width:100%}
.why-d-stat:where(:root.page-integration-detail,:root.page-integration-detail *){flex:none;text-align:right}
.why-d-stat b:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:clamp(34px,3.6vw,52px);font-weight:700;letter-spacing:-0.03em;color:var(--wine);line-height:1;display:block}
.why-d-stat span:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:6px;display:block}
.why-d p:where(:root.page-integration-detail,:root.page-integration-detail *){margin-bottom:0;max-width:52ch}

/* ============================ INTEGRATIONS (core + dual marquee) ============================ */
.intg:where(:root.page-integration-detail,:root.page-integration-detail *){background:#F3F1EE}
#industries:where(:root.page-integration-detail,:root.page-integration-detail *){padding-bottom:0}
.intg-head:where(:root.page-integration-detail,:root.page-integration-detail *){margin-bottom:40px;max-width:920px}
.intg-stage:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;border:0;border-radius:24px;background:var(--paper);overflow:hidden;padding:clamp(28px,3.4vw,48px) 0 clamp(18px,2.2vw,30px)}
.intg-dots:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1.2px,transparent 1.2px);background-size:22px 22px; -webkit-mask-image:radial-gradient(circle at 50% 22%,#000 0%,#000 60%,transparent 92%);mask-image:radial-gradient(circle at 50% 22%,#000 0%,#000 60%,transparent 92%);opacity:.7}

/* core at top */
.intg-core2.intg-core-top:where(:root.page-integration-detail,:root.page-integration-detail *),#intgCore.intg-core-top:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;left:auto;top:auto;transform:none;margin:0 auto;z-index:3}

/* general connection: stem from core → rail, with a packet that splits left/right */
.intg-conn:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;z-index:2;height:clamp(48px,5.4vw,72px);margin:0 auto clamp(8px,1.2vw,16px);width:82%;pointer-events:none}
.intg-conn .ic-stem:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;left:50%;top:0;transform:translateX(-50%);width:1.5px;height:62%;background:linear-gradient(180deg,var(--wine),var(--wine-line))}
.intg-conn .ic-rail:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;left:0;right:0;top:62%;height:1.5px;background:linear-gradient(90deg,transparent,var(--wine-line) 10%,var(--wine-line) 90%,transparent)}
.intg-conn .ic-pkt:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;width:7px;height:7px;border-radius:50%;background:var(--wine);box-shadow:0 0 9px 1px rgba(155,27,46,.55)}
.intg-conn .ic-down:where(:root.page-integration-detail,:root.page-integration-detail *){left:50%;top:0;transform:translate(-50%,-50%);animation:icDown 2.6s linear infinite}
.intg-conn .ic-left:where(:root.page-integration-detail,:root.page-integration-detail *){left:50%;top:62%;transform:translate(-50%,-50%);animation:icLeft 2.6s ease-in-out infinite}
.intg-conn .ic-right:where(:root.page-integration-detail,:root.page-integration-detail *){left:50%;top:62%;transform:translate(-50%,-50%);animation:icRight 2.6s ease-in-out infinite}
html[data-motion="off"] .intg-conn .ic-pkt:where(:root.page-integration-detail,:root.page-integration-detail *){animation:none;opacity:0}

/* single marquee */
.intg-rows:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;z-index:2;display:flex;flex-direction:column;gap:clamp(14px,1.6vw,20px)}
.intg-mrow:where(:root.page-integration-detail,:root.page-integration-detail *){overflow:hidden;padding-block:clamp(12px,1.4vw,18px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.intg-mtrack:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;gap:clamp(16px,1.8vw,24px);width:max-content;animation:intgMarq 34s linear infinite}
.intg-mrow:hover .intg-mtrack:where(:root.page-integration-detail,:root.page-integration-detail *){animation-play-state:paused}
html[data-motion="off"] .intg-mtrack:where(:root.page-integration-detail,:root.page-integration-detail *){animation:none}
.intg-chip:where(:root.page-integration-detail,:root.page-integration-detail *){flex:none;display:flex;align-items:center;gap:14px;white-space:nowrap;min-width:clamp(248px,24vw,320px); background:#fff;border:1px solid rgba(20,16,22,.04);border-radius:18px;padding:16px 30px 16px 16px; box-shadow:0 3px 8px rgba(30,22,40,.07),0 8px 18px -10px rgba(30,22,40,.16)}
.intg-chip .ig:where(:root.page-integration-detail,:root.page-integration-detail *){width:46px;height:46px;border-radius:13px;background:linear-gradient(160deg,#fff,#f4f2ee);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--ink-2);flex:none}
.intg-chip .ig img:where(:root.page-integration-detail,:root.page-integration-detail *){width:60%;height:60%;object-fit:contain}
.intg-chip .io-t b:where(:root.page-integration-detail,:root.page-integration-detail *){display:block;font-size:15px;font-weight:600;letter-spacing:-0.01em;color:var(--ink)}
.intg-chip .io-t span:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:3px;display:block}

/* center core */
.intg-core2:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3; width:min(248px,48%);text-align:center;border-radius:22px;padding:26px 24px 22px; background: radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,.14), transparent 60%), linear-gradient(165deg,#B23a4a 0%,#8E1B2C 52%,#67121F 100%); color:#fff;border:1px solid rgba(255,255,255,.18); box-shadow:0 30px 70px -26px rgba(70,18,28,.65), 0 0 0 7px rgba(155,27,46,.10)}
.intg-core2 .ic-ring:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);border-radius:24px;border:1px solid rgba(255,255,255,.3);pointer-events:none;animation:corePulse 3.4s var(--ease) infinite}
.intg-core2 .ic-mark:where(:root.page-integration-detail,:root.page-integration-detail *){width:54px;height:54px;border-radius:14px;background:#fff;display:grid;place-items:center;margin:0 auto 14px;box-shadow:0 10px 24px -10px rgba(0,0,0,.4)}
.intg-core2 .ic-mark img:where(:root.page-integration-detail,:root.page-integration-detail *){width:38px;height:38px;object-fit:contain}
.intg-core2 b:where(:root.page-integration-detail,:root.page-integration-detail *){display:block;font-size:16.5px;font-weight:700;letter-spacing:-0.02em}
.intg-core2 .ic-sub:where(:root.page-integration-detail,:root.page-integration-detail *){display:block;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.04em;color:rgba(255,255,255,.72);margin-top:9px;line-height:1.5}
.intg-core2 .ic-live:where(:root.page-integration-detail,:root.page-integration-detail *){display:inline-flex;align-items:center;gap:7px;margin-top:16px;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:100px;padding:5px 11px}
.intg-core2 .ic-live i:where(:root.page-integration-detail,:root.page-integration-detail *){width:6px;height:6px;border-radius:50%;background:#7CFFB0;box-shadow:0 0 0 0 rgba(124,255,176,.6);animation:livePulse 2.2s infinite}

/* orbit nodes */
.intg-orbit:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:2; display:flex;align-items:center;gap:12px;white-space:nowrap; background:var(--paper);border:1px solid rgba(20,16,22,.05);border-radius:15px;padding:12px 17px 12px 12px; box-shadow:0 18px 40px -20px rgba(42,30,48,.30), 0 4px 12px -6px rgba(42,30,48,.12); transition:box-shadow .25s var(--ease)}
.intg-orbit:hover:where(:root.page-integration-detail,:root.page-integration-detail *){box-shadow:0 26px 56px -22px rgba(42,30,48,.42), 0 6px 16px -8px rgba(42,30,48,.16);z-index:4}
.intg-orbit .ig:where(:root.page-integration-detail,:root.page-integration-detail *){width:42px;height:42px;border-radius:12px;background:linear-gradient(160deg,var(--paper),var(--paper-2));border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--ink-2);flex:none;box-shadow:inset 0 1px 0 #fff;overflow:hidden}
.intg-orbit .ig img:where(:root.page-integration-detail,:root.page-integration-detail *){width:62%;height:62%;object-fit:contain}
.intg-orbit .io-t b:where(:root.page-integration-detail,:root.page-integration-detail *){display:block;font-size:14px;font-weight:600;letter-spacing:-0.01em;color:var(--ink)}
.intg-orbit .io-t span:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:2px;display:block}

/* stats band — modern cards */
.intg-stats:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;justify-content:center;margin-top:6px}
.istat:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:20px 30px;display:flex;flex-direction:row;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center}
ar(--ease):where(:root.page-integration-detail,:root.page-integration-detail *),transform .25s var(--ease)} .istat:hover:where(:root.page-integration-detail,:root.page-integration-detail *){box-shadow:var(--shadow-md);transform:translateY(-2px)}
.istat .is-n:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:clamp(28px,3.2vw,42px);font-weight:700;letter-spacing:-0.03em;line-height:1;color:var(--wine)}
.istat .is-l:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:10px}
.istat .is-langs:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.istat .is-langs span:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:10px;color:var(--ink-2);border:1px solid var(--line);border-radius:6px;padding:4px 8px;background:var(--paper-2)}
.istat:first-child:where(:root.page-integration-detail,:root.page-integration-detail *){background:linear-gradient(160deg,var(--wine-soft),var(--paper) 70%);border-color:var(--wine-line)}
.istat:first-child .is-l:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--wine)}

/* ============================ TESTIMONIALS (bento) ============================ */
.test-head:where(:root.page-integration-detail,:root.page-integration-detail *){text-align:center;max-width:680px;margin:0 auto 40px}
.id-testi-sec:where(:root.page-integration-detail,:root.page-integration-detail *){padding-block:0}
.test-head .eyebrow:where(:root.page-integration-detail,:root.page-integration-detail *){margin-bottom:18px}
.test-head .h-section:where(:root.page-integration-detail,:root.page-integration-detail *){margin:0 auto}
.test-head .lede:where(:root.page-integration-detail,:root.page-integration-detail *){margin:20px auto 0;text-align:center}
.test-bento:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;grid-template-columns:repeat(3,1fr); grid-template-areas: "a c f" "a d g" "b e g"; gap:18px}
.tb-a:where(:root.page-integration-detail,:root.page-integration-detail *){grid-area:a}
.tb-b:where(:root.page-integration-detail,:root.page-integration-detail *){grid-area:b}
.tb-c:where(:root.page-integration-detail,:root.page-integration-detail *){grid-area:c}
.tb-d:where(:root.page-integration-detail,:root.page-integration-detail *){grid-area:d}
.tb-e:where(:root.page-integration-detail,:root.page-integration-detail *){grid-area:e}
.tb-f:where(:root.page-integration-detail,:root.page-integration-detail *){grid-area:f}
.tb-g:where(:root.page-integration-detail,:root.page-integration-detail *){grid-area:g}
.tcard:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;border:1px solid var(--line);border-radius:18px;background:var(--paper); padding:clamp(24px,2.2vw,32px);display:flex;flex-direction:column;overflow:hidden; transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
.tcard:hover:where(:root.page-integration-detail,:root.page-integration-detail *){transform:translateY(-3px);box-shadow:var(--shadow-md)}
.tcard .tq:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;right:18px;bottom:-6px;font-family:var(--font-sans);font-weight:700; font-size:104px;line-height:1;color:var(--line);pointer-events:none;user-select:none}
.tcard blockquote:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;z-index:1;font-size:15.5px;line-height:1.6;letter-spacing:-0.01em;color:var(--ink);text-wrap:pretty}
.tcard .who:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;z-index:1;display:flex;align-items:center;gap:12px;margin-top:22px}
.tcard .av:where(:root.page-integration-detail,:root.page-integration-detail *){width:46px;height:46px;border-radius:50%;flex:none;object-fit:cover;background:var(--paper-3)}
.tcard .who b:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:14.5px;font-weight:700;display:block;letter-spacing:-0.01em}
.tcard .who span:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:12.5px;color:var(--ink-3);margin-top:2px;display:block;line-height:1.35}

/* featured */
.tcard--feat:where(:root.page-integration-detail,:root.page-integration-detail *){padding:clamp(28px,2.7vw,40px)}
.tcard--feat .stars:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;z-index:1;font-size:15px;letter-spacing:3px;margin-bottom:24px}
.tcard--feat blockquote:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:clamp(17px,1.45vw,20px);line-height:1.5;font-weight:500}
.tcard--feat .who:where(:root.page-integration-detail,:root.page-integration-detail *){margin-top:auto;padding-top:28px}
.tcard--feat .tq:where(:root.page-integration-detail,:root.page-integration-detail *){right:24px;top:8px;bottom:auto;font-size:128px}
.tcard--dark:where(:root.page-integration-detail,:root.page-integration-detail *){background:#F3F1EE;border:1px solid var(--line)}
.tcard--dark blockquote:where(:root.page-integration-detail,:root.page-integration-detail *),.tcard--dark .who b:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--ink)}
.tcard--dark .who span:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--ink-3)}
.tcard--dark .stars:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--wine)}
.tcard--dark .tq:where(:root.page-integration-detail,:root.page-integration-detail *){color:rgba(20,16,22,.06)}
.tcard--wine:where(:root.page-integration-detail,:root.page-integration-detail *){background:linear-gradient(155deg,#A6333E 0%,#7C1623 58%,#5E1020 100%);border-color:transparent}
.tcard--wine blockquote:where(:root.page-integration-detail,:root.page-integration-detail *),.tcard--wine .who b:where(:root.page-integration-detail,:root.page-integration-detail *){color:#fff}
.tcard--wine .who span:where(:root.page-integration-detail,:root.page-integration-detail *){color:rgba(255,255,255,.72)}
.tcard--wine .stars:where(:root.page-integration-detail,:root.page-integration-detail *){color:#fff}
.tcard--wine .tq:where(:root.page-integration-detail,:root.page-integration-detail *){color:rgba(255,255,255,.13)}
.tcard--wine .av:where(:root.page-integration-detail,:root.page-integration-detail *){box-shadow:0 0 0 2px rgba(255,255,255,.28)}
.tcard--dark .av:where(:root.page-integration-detail,:root.page-integration-detail *){box-shadow:0 0 0 2px rgba(20,16,22,.1)}

/* ============================ FINAL CTA ============================ */
.cta:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;background:linear-gradient(165deg,#4E0C18 0%,#6E1320 22%,#9B1B2E 50%,#BF3A40 74%,#E08763 100%);color:#fff;overflow:hidden;border-radius:0;isolation:isolate}
.cta:where(:root.page-integration-detail,:root.page-integration-detail *)::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background: radial-gradient(75% 55% at 18% 8%, rgba(255,210,190,.40) 0%, transparent 55%), radial-gradient(80% 70% at 92% 30%, rgba(120,12,24,.65) 0%, transparent 60%), radial-gradient(90% 80% at 50% 120%, rgba(50,6,14,.7) 0%, transparent 62%)}
.cta-noise:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.85;mix-blend-mode:soft-light; background-image: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='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:150px 150px}
.cta canvas:where(:root.page-integration-detail,:root.page-integration-detail *){display:none}
.cta-in:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;z-index:2;text-align:center;max-width:1200px;margin:0 auto;padding-block:clamp(60px,7.5vw,100px) clamp(40px,5vw,64px)}
.cta-logo:where(:root.page-integration-detail,:root.page-integration-detail *){display:inline-grid;place-items:center;width:104px;height:104px;border-radius:26px;margin-bottom:34px; background:linear-gradient(155deg,#ffffff 0%,#efece5 100%); box-shadow:0 2px 1px rgba(255,255,255,.95) inset, 0 -6px 14px rgba(120,18,28,.18) inset, 0 5px 10px rgba(255,255,255,.5) inset, 0 26px 54px -16px rgba(35,5,10,.7)}
.cta-logo img:where(:root.page-integration-detail,:root.page-integration-detail *){width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 2px 1px rgba(255,255,255,.9)) drop-shadow(0 -1px 1px rgba(120,18,28,.25))}
.cta h2:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:clamp(34px,4.8vw,62px);font-weight:700;letter-spacing:-0.035em;line-height:1.02;text-wrap:balance;max-width:none;margin:0 auto}
.cta h2 em:where(:root.page-integration-detail,:root.page-integration-detail *){font-style:normal;color:#fff}
.cta h2:where(:root.page-integration-detail,:root.page-integration-detail *){max-width:26ch;margin-inline:auto}
.cta-btns:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;gap:14px;justify-content:center;margin-top:32px;flex-wrap:wrap}
.cta .btn-wine:where(:root.page-integration-detail,:root.page-integration-detail *){box-shadow:0 16px 44px -16px rgba(0,0,0,.55)}
.cta .btn-wine:hover:where(:root.page-integration-detail,:root.page-integration-detail *){transform:translateY(-2px);box-shadow:0 22px 54px -16px rgba(0,0,0,.6)}
.cta-btns .btn:where(:root.page-integration-detail,:root.page-integration-detail *){border-radius:100px}
.btn-onwine:where(:root.page-integration-detail,:root.page-integration-detail *){background:#fff;color:var(--wine-deep)}
.btn-onwine:hover:where(:root.page-integration-detail,:root.page-integration-detail *){background:#fff;transform:translateY(-2px);box-shadow:0 18px 40px -16px rgba(0,0,0,.5)}
.cta-assure:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;justify-content:center;gap:14px 28px;flex-wrap:wrap;margin-top:30px}
.cta-assure span:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:rgba(255,255,255,.82);display:inline-flex;align-items:center;gap:8px}
.cta-assure span:where(:root.page-integration-detail,:root.page-integration-detail *)::before{content:"\2192";color:#fff;opacity:.7;font-size:13px}

/* product screenshot — top 30% peeking at the bottom */
.cta-shot:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;z-index:2;width:min(var(--maxw),calc(100% - var(--gut)*2));margin:0 auto;border-radius:16px 16px 0 0;overflow:hidden; border:1px solid rgba(255,255,255,.22);border-bottom:0; box-shadow:0 -10px 60px -20px rgba(40,6,12,.6), 0 30px 80px -30px rgba(0,0,0,.5);background:#fff}
.cta-shot-bar:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;gap:12px;padding:11px 16px;background:#faf9f7;border-bottom:1px solid #ececec}
.cta-shot-bar .csb-dots:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;gap:6px}
.cta-shot-bar .csb-dots i:where(:root.page-integration-detail,:root.page-integration-detail *){width:10px;height:10px;border-radius:50%;background:#d8d5ce;display:block}
.cta-shot-bar .csb-url:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:11px;color:#9a9a95;background:#fff;border:1px solid #ececec;border-radius:7px;padding:4px 12px}
.cta-shot img:where(:root.page-integration-detail,:root.page-integration-detail *){display:block;width:100%;height:clamp(128px,17.6vw,208px);object-fit:cover;object-position:top center}

/* footer brand block */
.foot-lead:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;grid-template-columns:1.5fr 1fr;gap:40px;padding-bottom:48px;margin-bottom:48px;border-bottom:1px solid var(--line)}
.foot-lead p:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:15px;color:var(--ink-2);line-height:1.65;max-width:60ch}
.foot-mission:where(:root.page-integration-detail,:root.page-integration-detail *){border-left:2px solid var(--wine);padding-left:20px}
.foot-mission span:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);display:block;margin-bottom:10px}
.foot-mission p:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:15px;color:var(--ink);font-weight:500}
.foot-badges:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.foot-bottom:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:48px;padding-top:28px;border-top:1px solid var(--line);flex-wrap:wrap}
.foot-bottom .copy:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:11px;color:var(--ink-3);letter-spacing:.02em}

/* representative deployments strip */
.deploy-strip:where(:root.page-integration-detail,:root.page-integration-detail *){margin-top:8px}
.deploy-head:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.deploy-grid:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.dep:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--paper-2);padding:16px 18px}
.dep .dk:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}
.dep b:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:13.5px;font-weight:600;display:block;letter-spacing:-0.01em}
.dep span:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:12px;color:var(--ink-2)}

/* ============================================================================
   PREMIUM SAAS POLISH — updated page only
   ========================================================================== */
:root:where(:root.page-integration-detail,:root.page-integration-detail *){--shadow-sm:0 1px 2px rgba(34,18,22,.05), 0 1px 1px rgba(34,18,22,.03); --shadow-md:0 24px 64px -34px rgba(46,18,26,.30), 0 8px 22px -16px rgba(46,18,26,.16); --shadow-lg:0 64px 140px -58px rgba(52,20,30,.42), 0 26px 54px -36px rgba(46,18,26,.20)}

/* seamless warm seam where the red hero fades into the white page */
.ecolog:where(:root.page-integration-detail,:root.page-integration-detail *){background:linear-gradient(180deg,#FFF7F4 0%, #ffffff 72%)}

/* a faint circular-language motif shared by key sections */
.section--tight:where(:root.page-integration-detail,:root.page-integration-detail *),.cta:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative}
.section--tight:where(:root.page-integration-detail,:root.page-integration-detail *)::before{content:"";position:absolute;left:50%;top:50%;width:760px;height:760px; transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:0; background:radial-gradient(circle, color-mix(in srgb,var(--wine) 7%,transparent), transparent 64%)}
.section--tight .wrap:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;z-index:1}

/* usage-metrics band — elevated, premium */
.statband:where(:root.page-integration-detail,:root.page-integration-detail *){border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-md);overflow:hidden; background: radial-gradient(130% 180% at 8% -50%, var(--wine-soft), transparent 58%), radial-gradient(130% 180% at 96% -50%, var(--accent-soft), transparent 58%), var(--paper)}
.statband .sc:where(:root.page-integration-detail,:root.page-integration-detail *){transition:background .25s var(--ease)}
.statband .sc:hover:where(:root.page-integration-detail,:root.page-integration-detail *){background:rgba(255,255,255,.6)}
.statband .stat-num:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--wine)}

/* premium container radii + softer card depth across the page */
.eco-card:where(:root.page-integration-detail,:root.page-integration-detail *),.anec-card:where(:root.page-integration-detail,:root.page-integration-detail *),.tcard:where(:root.page-integration-detail,:root.page-integration-detail *),.ind-panel:where(:root.page-integration-detail,:root.page-integration-detail *),.intg-net:where(:root.page-integration-detail,:root.page-integration-detail *),.why-grid:where(:root.page-integration-detail,:root.page-integration-detail *),.arch-diagram:where(:root.page-integration-detail,:root.page-integration-detail *),.gap-answer:where(:root.page-integration-detail,:root.page-integration-detail *),.media-frame:where(:root.page-integration-detail,:root.page-integration-detail *){border-radius:20px}
.tcard:hover:where(:root.page-integration-detail,:root.page-integration-detail *),.eco-card:hover:where(:root.page-integration-detail,:root.page-integration-detail *){box-shadow:var(--shadow-lg)}
.tcard--dark:hover:where(:root.page-integration-detail,:root.page-integration-detail *),.tcard--wine:hover:where(:root.page-integration-detail,:root.page-integration-detail *){box-shadow:var(--shadow-lg)}

/* circular motif echo behind final CTA */
.cta-in:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;z-index:2;padding-block:70px}

/* refined eyebrow accent — premium */
.eyebrow:where(:root.page-integration-detail,:root.page-integration-detail *)::before{box-shadow:0 0 0 4px var(--wine-soft)}

/* floating-pill nav: center wide mega panels to the viewport so centered
   nav links never push them off-screen; keep narrow menus on their trigger */
.nav-mega:where(:root.page-integration-detail,:root.page-integration-detail *){position:fixed;left:50%;top:84px;right:auto; transform:translateX(-50%) translateY(8px) scale(.99);transform-origin:top center; width:min(860px,calc(100vw - 40px))}
.nav-mega.nav-mega--cards:where(:root.page-integration-detail,:root.page-integration-detail *){width:min(680px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons:where(:root.page-integration-detail,:root.page-integration-detail *){width:min(660px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons.nav-mega--sol:where(:root.page-integration-detail,:root.page-integration-detail *){width:min(740px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons.has-3:where(:root.page-integration-detail,:root.page-integration-detail *){width:min(820px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons.nav-mega--res:where(:root.page-integration-detail,:root.page-integration-detail *){width:min(860px,calc(100vw - 40px))}
.nav-item:hover .nav-mega:where(:root.page-integration-detail,:root.page-integration-detail *),.nav-item:focus-within .nav-mega:where(:root.page-integration-detail,:root.page-integration-detail *){transform:translateX(-50%) translateY(0) scale(1)}
.nav-mega:where(:root.page-integration-detail,:root.page-integration-detail *)::before{left:0;right:0;top:-28px;height:28px}
.nav.is-stuck .nav-mega:where(:root.page-integration-detail,:root.page-integration-detail *){top:74px}

/* nav CTA buttons → pill to match the bar */
.nav-cta .btn:where(:root.page-integration-detail,:root.page-integration-detail *){border-radius:100px}
.nav-cta .btn-ghost:where(:root.page-integration-detail,:root.page-integration-detail *){border-color:var(--line)}

/* ============================ FOOTER (Avoora-style) ============================ */
.foot:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--paper);border-top:1px solid var(--line);padding:0 0 32px}
.foot .wrap:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative}

/* image marquee */
.foot-marquee:where(:root.page-integration-detail,:root.page-integration-detail *){overflow:hidden;padding:clamp(28px,3.4vw,46px) 0 clamp(20px,2.4vw,30px); -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent); mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.fm-track:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;gap:16px;width:max-content;animation:fmScroll 48s linear infinite}
.foot-marquee:hover .fm-track:where(:root.page-integration-detail,:root.page-integration-detail *){animation-play-state:paused}
html[data-motion="off"] .fm-track:where(:root.page-integration-detail,:root.page-integration-detail *){animation:none}
.fm-tile:where(:root.page-integration-detail,:root.page-integration-detail *){margin:0;flex:none;width:clamp(112px,11vw,150px)}
.fm-tile img:where(:root.page-integration-detail,:root.page-integration-detail *){width:100%;aspect-ratio:5/6;object-fit:cover;border-radius:14px;background:var(--paper-3); filter:grayscale(.1);transition:transform .4s var(--ease),filter .4s}
.fm-tile:hover img:where(:root.page-integration-detail,:root.page-integration-detail *){transform:translateY(-4px);filter:none}
.fm-tile figcaption:where(:root.page-integration-detail,:root.page-integration-detail *){display:none}

/* menu cards */
.foot-cards:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:clamp(28px,3vw,44px)}
.foot-card:where(:root.page-integration-detail,:root.page-integration-detail *){border:0;border-radius:18px;padding:clamp(22px,2vw,30px);background:linear-gradient(180deg,var(--wine-soft) 0%,var(--paper) 64%);transition:box-shadow .25s var(--ease),transform .25s var(--ease)}
.foot-card:hover:where(:root.page-integration-detail,:root.page-integration-detail *){box-shadow:var(--shadow-md);transform:translateY(-2px)}
.foot-card :is(h3,h4):where(:root.page-integration-detail,:root.page-integration-detail *){font-size:18px;font-weight:700;letter-spacing:-0.02em;color:var(--ink);margin-bottom:14px;font-family:var(--font-sans);text-transform:none}
.foot-links:where(:root.page-integration-detail,:root.page-integration-detail *){list-style:none;display:flex;flex-direction:column}
.foot-links li:where(:root.page-integration-detail,:root.page-integration-detail *){border-top:1px solid var(--wine-line)}
.foot-links li:first-child:where(:root.page-integration-detail,:root.page-integration-detail *){border-top:0}
.foot-links a:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 2px;font-size:14.5px;font-weight:500;color:var(--ink-2);transition:color .18s var(--ease),padding .18s var(--ease)}
.foot-links a:hover:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--wine);padding-left:6px}
.foot-viewall:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--wine)!important;font-weight:600}
.foot-card:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative}
.foot-card:has(.foot-va:hover):where(:root.page-integration-detail,:root.page-integration-detail *),.foot-card:has(.foot-va:focus-within):where(:root.page-integration-detail,:root.page-integration-detail *){z-index:40}
.foot-va:where(:root.page-integration-detail,:root.page-integration-detail *){display:block;margin-top:14px}
.foot-viewall:where(:root.page-integration-detail,:root.page-integration-detail *){cursor:pointer;display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--wine)}
.foot-viewall .va-arr:where(:root.page-integration-detail,:root.page-integration-detail *){transition:transform .2s var(--ease)}
.foot-va:hover .va-arr:where(:root.page-integration-detail,:root.page-integration-detail *),.foot-va:focus-within .va-arr:where(:root.page-integration-detail,:root.page-integration-detail *){transform:translateX(3px)}
.foot-va-pop:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;left:0;bottom:0;z-index:30;width:min(560px,140%); display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:14px;border-radius:16px;background:var(--paper);border:1px solid var(--line); box-shadow:0 30px 60px -22px rgba(20,16,22,.45),0 8px 20px -10px rgba(20,16,22,.2); opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s}
.foot-va:hover .foot-va-pop:where(:root.page-integration-detail,:root.page-integration-detail *),.foot-va:focus-within .foot-va-pop:where(:root.page-integration-detail,:root.page-integration-detail *){opacity:1;visibility:visible;transform:translateY(0)}
.foot-va-pop a:where(:root.page-integration-detail,:root.page-integration-detail *){display:block;padding:9px 12px;border-radius:9px;font-size:13px;font-weight:500;color:var(--ink-2);transition:background .16s,color .16s}
.foot-va-pop a:hover:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--wine-soft);color:var(--wine)}
.foot-h4row:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.foot-h4row .foot-viewall:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:12px;font-weight:600;text-transform:none;letter-spacing:0}
.fl-arr:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--ink-3);font-size:16px;transition:transform .18s var(--ease),color .18s}
.foot-links a:hover .fl-arr:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--wine);transform:translateX(3px)}

/* bottom bar */
.foot-bottom:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap; margin-top:clamp(30px,3.4vw,48px);padding:24px 0;border-top:1px solid var(--line)}
.foot-bottom .copy:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:13px;color:var(--ink-3);letter-spacing:.01em}
.foot-top:where(:root.page-integration-detail,:root.page-integration-detail *){display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-family:var(--font-mono)}
.foot-top .ft-ic:where(:root.page-integration-detail,:root.page-integration-detail *){width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:var(--wine);color:#fff;font-size:14px;transition:transform .2s var(--ease)}
.foot-top:hover .ft-ic:where(:root.page-integration-detail,:root.page-integration-detail *){transform:translateY(-3px)}

/* back-to-top → logo */
.foot-right:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;gap:clamp(14px,1.6vw,22px)}
.foot-social:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;gap:10px}
.foot-social a:where(:root.page-integration-detail,:root.page-integration-detail *){width:54px;height:54px;border-radius:50%;background:var(--wine-soft);display:grid;place-items:center;color:var(--wine);transition:color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease)}
.foot-social a:hover:where(:root.page-integration-detail,:root.page-integration-detail *){color:#fff;background:var(--wine);transform:translateY(-2px)}
.foot-social svg:where(:root.page-integration-detail,:root.page-integration-detail *){width:20px;height:20px;fill:currentColor}
.foot-sep:where(:root.page-integration-detail,:root.page-integration-detail *){width:1px;height:38px;background:var(--line);flex:none}
.foot-logo:where(:root.page-integration-detail,:root.page-integration-detail *){display:inline-flex;align-items:center;transition:transform .2s var(--ease)}
.foot-logo img:where(:root.page-integration-detail,:root.page-integration-detail *){height:52px;width:auto;object-fit:contain}
.foot-logo:hover:where(:root.page-integration-detail,:root.page-integration-detail *){transform:translateY(-3px)}

/* giant wordmark with people video */
.foot-wordmark:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;gap:clamp(20px,3vw,48px);margin-top:clamp(22px,2.6vw,40px);padding-bottom:clamp(16px,2.4vw,40px)}
.fw-img:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;flex:none;width:clamp(120px,14vw,188px);aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:var(--paper-3);display:block;cursor:pointer}
.fw-img video:where(:root.page-integration-detail,:root.page-integration-detail *),.fw-img img:where(:root.page-integration-detail,:root.page-integration-detail *){width:100%;height:100%;object-fit:cover;display:block}
.fw-ig:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;color:#fff; background:linear-gradient(160deg,rgba(193,53,132,.55),rgba(131,58,180,.5) 55%,rgba(253,170,90,.45)); opacity:0;transition:opacity .28s var(--ease)}
.fw-ig svg:where(:root.page-integration-detail,:root.page-integration-detail *){transform:scale(.8);transition:transform .28s var(--ease);filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}
.fw-img:hover .fw-ig:where(:root.page-integration-detail,:root.page-integration-detail *){opacity:1}
.fw-img:hover .fw-ig svg:where(:root.page-integration-detail,:root.page-integration-detail *){transform:scale(1)}
.fw-text:where(:root.page-integration-detail,:root.page-integration-detail *){font-weight:900;line-height:.92;letter-spacing:0.005em;color:#D8D3CC; font-size:clamp(60px,16.6vw,250px);white-space:nowrap;padding-bottom:0.1em;flex:1;text-align:right}

/* touch 1781880837256 */

/* floating Academic Transcripts pill (bottom-left) */
.et-float:where(:root.page-integration-detail,:root.page-integration-detail *){position:fixed;right:22px;left:auto;bottom:22px;z-index:120;display:inline-flex;flex-direction:row-reverse;align-items:center;gap:0; height:60px;width:60px;padding:8px;border-radius:100px;overflow:hidden; background:#fff;box-shadow:0 14px 34px -12px rgba(20,16,22,.34),0 4px 12px -6px rgba(20,16,22,.2); border:1px solid var(--line);text-decoration:none;white-space:nowrap; transition:width .34s var(--ease),box-shadow .34s var(--ease)}
.et-float .et-ic:where(:root.page-integration-detail,:root.page-integration-detail *){width:44px;height:44px;border-radius:50%;flex:none;display:grid;place-items:center;overflow:hidden}
.et-float .et-ic img:where(:root.page-integration-detail,:root.page-integration-detail *){width:100%;height:100%;object-fit:contain;display:block}
.et-float .et-tx:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:14px;font-weight:700;color:var(--wine);letter-spacing:-0.01em;opacity:0; padding:0 6px 0 14px;transition:opacity .28s var(--ease) .06s}
.et-float:hover:where(:root.page-integration-detail,:root.page-integration-detail *){width:250px;box-shadow:0 20px 44px -14px rgba(20,16,22,.42)}
.et-float:hover .et-tx:where(:root.page-integration-detail,:root.page-integration-detail *){opacity:1}
.brand .mark .seal:where(:root.page-integration-detail,:root.page-integration-detail *){fill:var(--wine)}
.eco-glyph:where(:root.page-integration-detail,:root.page-integration-detail *),.intg-core .ic-mark:where(:root.page-integration-detail,:root.page-integration-detail *),.ind-flowcard .ifn:where(:root.page-integration-detail,:root.page-integration-detail *){transition:background .3s var(--ease)}
.rsw:where(:root.page-integration-detail,:root.page-integration-detail *){max-width:min(1520px,calc(100vw - 2*var(--gut)));margin-inline:auto}
.rs-hero:where(:root.page-integration-detail,:root.page-integration-detail *){text-align:center;padding:clamp(150px,15vw,190px) 0 clamp(46px,5vw,80px);position:relative;overflow:hidden;background-image: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='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E"),linear-gradient(180deg,#6E101D 0%,#8C1729 42%,#A82C43 100%);color:#fff}
.rs-hero:where(:root.page-integration-detail,:root.page-integration-detail *)::before{content:"";position:absolute;left:50%;top:-46%;width:min(1200px,120vw);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:1px dashed rgba(255,255,255,.22);pointer-events:none;animation:rsSpin 90s linear infinite}
.rs-hero:where(:root.page-integration-detail,:root.page-integration-detail *)::after{content:"";position:absolute;left:50%;top:-30%;width:min(880px,90vw);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:1px dashed rgba(255,255,255,.15);pointer-events:none}
.rs-hero .rsw:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative}
.rs-k:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--wine);font-weight:500}
.rs-hero .rs-k:where(:root.page-integration-detail,:root.page-integration-detail *){color:rgba(255,255,255,.8)}
.rs-hero h1:where(:root.page-integration-detail,:root.page-integration-detail *){margin:14px auto 0;font-size:clamp(34px,4.3vw,56px);line-height:1.02;letter-spacing:-.04em;font-weight:700;max-width:18ch}
.rs-hero p:where(:root.page-integration-detail,:root.page-integration-detail *){margin:18px auto 0;font-size:clamp(15px,1.35vw,18px);line-height:1.6;color:rgba(255,255,255,.84);max-width:600px}
.rs-search:where(:root.page-integration-detail,:root.page-integration-detail *){margin:30px auto 0;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.34);backdrop-filter:blur(8px);border-radius:100px;padding:5px 6px 5px 20px;max-width:480px}
.rs-search svg:where(:root.page-integration-detail,:root.page-integration-detail *){width:17px;height:17px;color:rgba(255,255,255,.7);flex:none}
.rs-search input:where(:root.page-integration-detail,:root.page-integration-detail *){flex:1;border:0;outline:0;background:none;font-family:inherit;font-size:14.5px;color:#fff;padding:11px 0}
.rs-search input:where(:root.page-integration-detail,:root.page-integration-detail *)::placeholder{color:rgba(255,255,255,.66)}

/* sticky tabs */
.rs-tabs-wrap:where(:root.page-integration-detail,:root.page-integration-detail *){position:sticky;top:88px;z-index:30;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.rs-tabs:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:10px 0}
.rs-tabs:where(:root.page-integration-detail,:root.page-integration-detail *)::-webkit-scrollbar{display:none}
.rs-tab:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;border:1px solid transparent;background:none;font-family:inherit;font-size:14.5px;font-weight:500;color:var(--ink-2);padding:10px 18px;border-radius:100px;white-space:nowrap;transition:.22s var(--ease);display:flex;align-items:center;gap:9px}
.rs-tab .c:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3);background:var(--paper-3);border-radius:100px;padding:2px 7px;transition:.22s}
.rs-tab:hover:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--paper-2);color:var(--ink)}
.rs-tab.on:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--wine-soft);border-color:var(--wine-line);color:var(--wine);font-weight:700}
.rs-tab.on .c:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--wine);color:#fff}

/* featured */
.rs-feat:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;grid-template-columns:.72fr 1fr;gap:clamp(24px,3.4vw,56px);align-items:center;margin-top:clamp(34px,4vw,56px);padding-bottom:clamp(34px,4vw,56px);border-bottom:1px solid var(--line);cursor:pointer}
.rs-feat-img:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;border-radius:18px;overflow:hidden;aspect-ratio:16/11;max-width:520px;background:var(--paper-3)}
.rs-feat-img img:where(:root.page-integration-detail,:root.page-integration-detail *){width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.rs-feat:hover .rs-feat-img img:where(:root.page-integration-detail,:root.page-integration-detail *){transform:scale(1.045)}
.rs-badge:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;left:16px;top:16px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;background:var(--wine);color:#fff;padding:6px 11px;border-radius:100px}
.rs-feat h2:where(:root.page-integration-detail,:root.page-integration-detail *){margin:16px 0 0;font-size:clamp(24px,2.9vw,40px);line-height:1.1;letter-spacing:-.032em;font-weight:700;text-wrap:balance}
.rs-feat:hover h2:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--wine)}
.rs-feat p:where(:root.page-integration-detail,:root.page-integration-detail *){margin:16px 0 0;font-size:15.6px;line-height:1.62;color:var(--ink-2)}
.rs-meta:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;gap:14px;margin-top:20px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.rs-meta i:where(:root.page-integration-detail,:root.page-integration-detail *){width:4px;height:4px;border-radius:50%;background:var(--ink-3);display:block}

/* list */
.rs-list:where(:root.page-integration-detail,:root.page-integration-detail *){border-top:1px solid transparent}
.rs-row:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;grid-template-columns:270px 1fr auto;gap:clamp(18px,2.6vw,40px);align-items:center;padding:clamp(20px,2.2vw,28px) 10px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .3s var(--ease),padding-left .3s var(--ease);opacity:0;transform:translateY(14px)}
.rs-row.in:where(:root.page-integration-detail,:root.page-integration-detail *){opacity:1;transform:none;transition:opacity .5s var(--ease),transform .5s var(--ease),background .3s,padding-left .3s}
.rs-row:hover:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--paper-2);padding-left:20px}
.rs-thumb:where(:root.page-integration-detail,:root.page-integration-detail *){border-radius:14px;overflow:hidden;aspect-ratio:16/11;background:var(--paper-3)}
.rs-thumb img:where(:root.page-integration-detail,:root.page-integration-detail *){width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.rs-row:hover .rs-thumb img:where(:root.page-integration-detail,:root.page-integration-detail *){transform:scale(1.07)}
.rs-cat:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--wine)}
.rs-row h3:where(:root.page-integration-detail,:root.page-integration-detail *){margin:9px 0 0;font-size:clamp(17px,1.75vw,23px);line-height:1.22;letter-spacing:-.028em;font-weight:600;text-wrap:pretty}
.rs-row:hover h3:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--wine)}
.rs-row p:where(:root.page-integration-detail,:root.page-integration-detail *){margin:9px 0 0;font-size:15px;line-height:1.55;color:var(--ink-2);max-width:70ch}
.rs-go:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);color:var(--ink-3);flex:none;transition:.28s var(--ease)}
.rs-row:hover .rs-go:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--wine);border-color:var(--wine);color:#fff;transform:translateX(4px)}
.rs-empty:where(:root.page-integration-detail,:root.page-integration-detail *){padding:70px 0;text-align:center;color:var(--ink-3);font-size:15px}
.rs-more:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;justify-content:center;margin-top:44px}

/* newsletter */
.rs-nl:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--paper-3);border-radius:24px;padding:clamp(32px,4vw,60px);display:flex;flex-wrap:wrap;gap:26px;align-items:center;justify-content:space-between}
.rs-nl h3:where(:root.page-integration-detail,:root.page-integration-detail *){margin:0;font-size:clamp(23px,2.6vw,36px);line-height:1.1;letter-spacing:-.03em;font-weight:700;max-width:16ch}
.rs-nl p:where(:root.page-integration-detail,:root.page-integration-detail *){margin:12px 0 0;font-size:15.5px;color:var(--ink-2);max-width:44ch}
.rs-mail:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:100px;padding:5px 5px 5px 20px}
.rs-mail input:where(:root.page-integration-detail,:root.page-integration-detail *){border:0;outline:0;background:none;font-family:inherit;font-size:14.5px;width:min(250px,44vw);color:var(--ink)}
.rs-mail button:where(:root.page-integration-detail,:root.page-integration-detail *){border:0;border-radius:100px;background:var(--wine);color:#fff;font-family:inherit;font-weight:700;font-size:14px;padding:12px 22px;cursor:pointer;transition:.2s}
.rs-mail button:hover:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--wine-deep)}

/* ---------- article detail ---------- */
.rs-article:where(:root.page-integration-detail,:root.page-integration-detail *){display:none}
body.rs-detail .rs-index:where(:root.page-integration-detail,:root.page-integration-detail *){display:none}
body.rs-detail .rs-article:where(:root.page-integration-detail,:root.page-integration-detail *){display:block}
.rs-prog:where(:root.page-integration-detail,:root.page-integration-detail *){position:fixed;left:0;top:0;height:3px;background:var(--wine);width:0;z-index:200;transition:width .1s linear}
.ar-hero:where(:root.page-integration-detail,:root.page-integration-detail *){min-height:clamp(400px,46vw,560px);padding:clamp(150px,15vw,190px) 0 clamp(186px,15vw,196px);position:relative;overflow:hidden;background-image: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='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E"),linear-gradient(180deg,#6E101D 0%,#8C1729 44%,#A82C43 100%);color:#fff;text-align:center}
.ar-hero:where(:root.page-integration-detail,:root.page-integration-detail *)::before{content:"";position:absolute;left:50%;top:-46%;width:min(1200px,120vw);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:1px dashed rgba(255,255,255,.22);pointer-events:none;animation:rsSpin 90s linear infinite}
.ar-hero:where(:root.page-integration-detail,:root.page-integration-detail *)::after{content:"";position:absolute;left:50%;top:-30%;width:min(880px,90vw);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:1px dashed rgba(255,255,255,.15);pointer-events:none}
.ar-head:where(:root.page-integration-detail,:root.page-integration-detail *){max-width:900px;margin-inline:auto;position:relative}
.ar-hero .rs-meta:where(:root.page-integration-detail,:root.page-integration-detail *){justify-content:center;color:rgba(255,255,255,.74)}
.ar-hero .rs-meta i:where(:root.page-integration-detail,:root.page-integration-detail *){background:rgba(255,255,255,.6)}
.ar-back:where(:root.page-integration-detail,:root.page-integration-detail *){display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;color:rgba(255,255,255,.82);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);border-radius:100px;padding:8px 18px;font-family:inherit;cursor:pointer;transition:.22s var(--ease);margin-bottom:24px}
.ar-back:hover:where(:root.page-integration-detail,:root.page-integration-detail *){color:#fff;background:rgba(255,255,255,.2);gap:13px}
.ar-hero h1:where(:root.page-integration-detail,:root.page-integration-detail *){margin:20px auto 0;font-size:clamp(30px,4.2vw,58px);line-height:1.05;letter-spacing:-.038em;font-weight:700;max-width:19ch;text-wrap:balance}
.ar-lead:where(:root.page-integration-detail,:root.page-integration-detail *){margin:20px auto 0;font-size:clamp(16px,1.5vw,20px);line-height:1.58;color:rgba(255,255,255,.84);max-width:62ch}
.ar-cover:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;z-index:2;margin:clamp(-160px,-11vw,-110px) auto 0;max-width:1240px;border-radius:26px;overflow:hidden;aspect-ratio:21/8;background:var(--paper-3);box-shadow:0 60px 120px -56px rgba(52,8,16,.55)}
.ar-cover img:where(:root.page-integration-detail,:root.page-integration-detail *){width:100%;height:100%;object-fit:cover}
.ar-body:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;grid-template-columns:230px minmax(0,720px) 1fr;gap:clamp(28px,4vw,72px);padding-block:clamp(44px,5vw,80px)}
.ar-toc:where(:root.page-integration-detail,:root.page-integration-detail *){position:sticky;top:130px;align-self:start}
.ar-toc h6:where(:root.page-integration-detail,:root.page-integration-detail *){margin:0 0 14px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500}
.ar-toc a:where(:root.page-integration-detail,:root.page-integration-detail *){display:block;font-size:13.6px;line-height:1.4;color:var(--ink-3);padding:8px 0 8px 14px;border-left:2px solid var(--line);transition:.22s}
.ar-toc a:hover:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--ink)}
.ar-toc a.on:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--wine);border-left-color:var(--wine);font-weight:600}
.ar-prose h2:where(:root.page-integration-detail,:root.page-integration-detail *){margin:44px 0 0;font-size:clamp(22px,2.3vw,30px);line-height:1.15;letter-spacing:-.03em;font-weight:700;scroll-margin-top:130px}
.ar-prose h2:first-child:where(:root.page-integration-detail,:root.page-integration-detail *){margin-top:0}
.ar-meta:where(:root.page-integration-detail,:root.page-integration-detail *){margin:0 0 26px;padding-bottom:20px;border-bottom:1px solid var(--line);justify-content:flex-start}
.ar-prose p:where(:root.page-integration-detail,:root.page-integration-detail *){margin:16px 0 0;font-size:16.6px;line-height:1.72;color:var(--ink-2)}
.ar-prose ul:where(:root.page-integration-detail,:root.page-integration-detail *){margin:18px 0 0;padding-left:0;list-style:none}
.ar-prose li:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;padding-left:24px;margin-top:11px;font-size:16.2px;line-height:1.65;color:var(--ink-2)}
.ar-prose li:where(:root.page-integration-detail,:root.page-integration-detail *)::before{content:"";position:absolute;left:2px;top:11px;width:7px;height:7px;border-radius:2px;background:var(--wine)}
.ar-pull:where(:root.page-integration-detail,:root.page-integration-detail *){margin:44px 0;padding:28px 0 28px 30px;border-left:3px solid var(--wine);font-size:clamp(19px,2vw,25px);line-height:1.36;letter-spacing:-.024em;font-weight:600;color:var(--ink)}
.ar-side:where(:root.page-integration-detail,:root.page-integration-detail *){align-self:start;position:sticky;top:130px}
.ar-cta:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--wine);color:#fff;border-radius:18px;padding:26px}
.ar-form:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--paper-3);border-radius:18px;padding:24px}
.ar-form>b:where(:root.page-integration-detail,:root.page-integration-detail *){display:block;font-size:17px;font-weight:700;letter-spacing:-.022em}
.ar-form>p:where(:root.page-integration-detail,:root.page-integration-detail *){margin:9px 0 18px;font-size:13.5px;line-height:1.55;color:var(--ink-2)}
.ar-form form:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;flex-direction:column;gap:11px}
.ar-form label:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;flex-direction:column;gap:5px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3)}
.ar-form input:where(:root.page-integration-detail,:root.page-integration-detail *),.ar-form textarea:where(:root.page-integration-detail,:root.page-integration-detail *){border:1px solid var(--line);border-radius:9px;background:#fff;padding:10px 12px;font-family:var(--font-sans);font-size:13.6px;color:var(--ink);outline:0;transition:.2s;resize:vertical}
.ar-form input:focus:where(:root.page-integration-detail,:root.page-integration-detail *),.ar-form textarea:focus:where(:root.page-integration-detail,:root.page-integration-detail *){border-color:var(--wine);box-shadow:0 0 0 3px rgba(155,27,46,.09)}
.ar-form button:where(:root.page-integration-detail,:root.page-integration-detail *){margin-top:4px;border:0;border-radius:100px;background:var(--wine);color:#fff;font-family:inherit;font-weight:700;font-size:13.8px;padding:12px 20px;cursor:pointer;transition:.2s}
.ar-form button:hover:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--wine-deep)}
.ar-form-note:where(:root.page-integration-detail,:root.page-integration-detail *){display:block;margin-top:12px;font-size:11.5px;line-height:1.45;color:var(--ink-3)}
.ar-cta b:where(:root.page-integration-detail,:root.page-integration-detail *){display:block;font-size:17px;font-weight:700;letter-spacing:-.02em}
.ar-cta p:where(:root.page-integration-detail,:root.page-integration-detail *){margin:10px 0 18px;font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.82)}
.ar-cta a:where(:root.page-integration-detail,:root.page-integration-detail *){display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--wine);border-radius:100px;padding:10px 18px;font-size:13.5px;font-weight:700}
.ar-share:where(:root.page-integration-detail,:root.page-integration-detail *){margin-top:22px;display:flex;gap:8px}
.ar-share a:where(:root.page-integration-detail,:root.page-integration-detail *){width:38px;height:38px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-3);transition:.22s}
.ar-share a:hover:where(:root.page-integration-detail,:root.page-integration-detail *){border-color:var(--wine);color:var(--wine)}
.ar-share svg:where(:root.page-integration-detail,:root.page-integration-detail *){width:16px;height:16px;fill:currentColor}
.ar-rel:where(:root.page-integration-detail,:root.page-integration-detail *){border-top:1px solid var(--line);padding-block:clamp(44px,5vw,76px)}
.ar-rel h3:where(:root.page-integration-detail,:root.page-integration-detail *){margin:0 0 28px;font-size:clamp(21px,2.2vw,30px);letter-spacing:-.03em;font-weight:700}
.ar-rel-grid:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;grid-template-columns:1fr;gap:0}
.ar-rc:where(:root.page-integration-detail,:root.page-integration-detail *){cursor:pointer;display:grid;grid-template-columns:270px 1fr auto;gap:clamp(18px,2.6vw,40px);align-items:center;padding:clamp(20px,2.2vw,28px) 10px;border-bottom:1px solid var(--line);transition:background .3s var(--ease),padding-left .3s var(--ease)}
.ar-rc:hover:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--paper-2);padding-left:20px}
.ar-rc .im:where(:root.page-integration-detail,:root.page-integration-detail *){border-radius:14px;overflow:hidden;aspect-ratio:16/11;background:var(--paper-3)}
.ar-rc img:where(:root.page-integration-detail,:root.page-integration-detail *){width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.ar-rc:hover img:where(:root.page-integration-detail,:root.page-integration-detail *){transform:scale(1.06)}
.ar-rc h4:where(:root.page-integration-detail,:root.page-integration-detail *){margin:9px 0 0;font-size:clamp(17px,1.75vw,23px);line-height:1.22;letter-spacing:-.028em;font-weight:600}
.ar-rc:hover h4:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--wine)}
.ar-rc p:where(:root.page-integration-detail,:root.page-integration-detail *){margin:9px 0 0;font-size:15px;line-height:1.55;color:var(--ink-2);max-width:70ch}

/* ---------- list: sidebar + grid ---------- */
.rs-shell:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;grid-template-columns:284px minmax(0,1fr);gap:clamp(24px,3vw,52px);align-items:start;margin-top:clamp(30px,3.4vw,48px)}
.rs-side-in:where(:root.page-integration-detail,:root.page-integration-detail *){position:sticky;top:118px;display:flex;flex-direction:column;gap:14px}
.rs-sbox:where(:root.page-integration-detail,:root.page-integration-detail *){background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}
.rs-sbox h6:where(:root.page-integration-detail,:root.page-integration-detail *){margin:0 0 13px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500}
.rs-sfield:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:100px;padding:0 8px 0 15px;background:var(--paper-2);transition:.25s var(--ease)}
.rs-sfield:focus-within:where(:root.page-integration-detail,:root.page-integration-detail *){border-color:var(--wine);background:#fff;box-shadow:0 0 0 3px rgba(155,27,46,.08)}
.rs-sfield svg:where(:root.page-integration-detail,:root.page-integration-detail *){width:15px;height:15px;color:var(--ink-3);flex:none}
.rs-sfield input:where(:root.page-integration-detail,:root.page-integration-detail *){flex:1;min-width:0;border:0;outline:0;background:none;font-family:inherit;font-size:14px;color:var(--ink);padding:11px 0}
.rs-sfield input:where(:root.page-integration-detail,:root.page-integration-detail *)::-webkit-search-cancel-button{display:none}
.rs-sclear:where(:root.page-integration-detail,:root.page-integration-detail *){border:0;background:none;cursor:pointer;font-size:19px;line-height:1;color:var(--ink-3);padding:4px 6px;transition:color .2s}
.rs-sclear:hover:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--wine)}
.rs-scount:where(:root.page-integration-detail,:root.page-integration-detail *){display:block;margin-top:11px;font-family:var(--font-mono);font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3)}
.rs-cats:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;flex-direction:column;gap:2px}
.rs-cat-b:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:0;background:none;cursor:pointer; font-family:inherit;font-size:14px;font-weight:500;color:var(--ink-2);text-align:left;padding:10px 12px;border-radius:11px;transition:.24s var(--ease)}
.rs-cat-b .n:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3);background:var(--paper-3);border-radius:100px;padding:3px 8px;transition:.24s var(--ease)}
.rs-cat-b:hover:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--paper-2);color:var(--ink)}
.rs-cat-b.on:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--wine-soft);color:var(--wine);font-weight:700}
.rs-cat-b.on .n:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--wine);color:#fff}
.rs-sdemo:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;overflow:hidden;border-radius:18px;padding:24px;color:#fff; background-image: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='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E"),linear-gradient(155deg,#A6333E 0%,#7C1623 58%,#5E1020 100%)}
.rs-sdemo:where(:root.page-integration-detail,:root.page-integration-detail *)::after{content:"";position:absolute;right:-40px;top:-40px;width:150px;height:150px;border-radius:50%;border:1px dashed rgba(255,255,255,.3);pointer-events:none}
.rs-sdemo b:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;display:block;font-size:17px;font-weight:700;letter-spacing:-.024em}
.rs-sdemo p:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;margin:9px 0 18px;font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.82)}
.rs-sbtn:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--wine);border-radius:100px;padding:11px 20px;font-size:13.6px;font-weight:700;transition:.25s var(--ease)}
.rs-sbtn:hover:where(:root.page-integration-detail,:root.page-integration-detail *){gap:12px;box-shadow:0 14px 30px -16px rgba(0,0,0,.4)}
.rs-grid:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.8vw,24px)}
.rs-card:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;cursor:pointer; opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease),transform .5s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease)}
.rs-card.in:where(:root.page-integration-detail,:root.page-integration-detail *){opacity:1;transform:none}
.rs-card:hover:where(:root.page-integration-detail,:root.page-integration-detail *){border-color:var(--wine-line);box-shadow:0 34px 68px -44px rgba(20,22,27,.42);transform:translateY(-5px)}
.rs-cthumb:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;aspect-ratio:16/10;background:var(--paper-3);overflow:hidden}
.rs-cthumb img:where(:root.page-integration-detail,:root.page-integration-detail *){width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.rs-card:hover .rs-cthumb img:where(:root.page-integration-detail,:root.page-integration-detail *){transform:scale(1.06)}
.rs-ctag:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;left:13px;top:13px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase; background:rgba(255,255,255,.92);backdrop-filter:blur(6px);color:var(--wine);padding:6px 11px;border-radius:100px}
.rs-cbody:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;flex-direction:column;flex:1;padding:20px}
.rs-card h3:where(:root.page-integration-detail,:root.page-integration-detail *){margin:0;font-size:17.5px;line-height:1.26;letter-spacing:-.026em;font-weight:700;text-wrap:pretty;transition:color .25s var(--ease)}
.rs-card:hover h3:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--wine)}
.rs-card p:where(:root.page-integration-detail,:root.page-integration-detail *){margin:10px 0 0;font-size:13.5px;line-height:1.56;color:var(--ink-2);text-wrap:pretty}
.rs-card .rs-meta:where(:root.page-integration-detail,:root.page-integration-detail *){margin-top:auto;padding-top:18px}
.rs-empty:where(:root.page-integration-detail,:root.page-integration-detail *){padding:70px 0;text-align:center;color:var(--ink-3);font-size:15px}

/* ---------- detail: listen ---------- */
.rs-prog:where(:root.page-integration-detail,:root.page-integration-detail *){height:4px;box-shadow:0 0 14px rgba(155,27,46,.45)}
.ar-listen:where(:root.page-integration-detail,:root.page-integration-detail *){margin-left:auto;display:inline-flex;align-items:center;gap:10px;border:1px solid var(--wine-line);background:var(--wine-soft); border-radius:100px;padding:7px 16px 7px 8px;cursor:pointer;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em; text-transform:uppercase;color:var(--wine);transition:.28s var(--ease)}
.ar-listen:hover:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--wine);color:#fff;border-color:var(--wine)}
.al-ic:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--wine);flex:none;transition:.28s var(--ease)}
.ar-listen:hover .al-ic:where(:root.page-integration-detail,:root.page-integration-detail *){background:#fff}
.al-ic svg:where(:root.page-integration-detail,:root.page-integration-detail *){width:15px;height:15px;fill:#fff;transition:fill .28s var(--ease)}
.ar-listen:hover .al-ic svg:where(:root.page-integration-detail,:root.page-integration-detail *){fill:var(--wine)}
.al-pause:where(:root.page-integration-detail,:root.page-integration-detail *),.ar-listen.on .al-play:where(:root.page-integration-detail,:root.page-integration-detail *){display:none}
.ar-listen.on .al-pause:where(:root.page-integration-detail,:root.page-integration-detail *){display:block}
.al-wave:where(:root.page-integration-detail,:root.page-integration-detail *){display:none;align-items:flex-end;gap:2.5px;height:14px}
.ar-listen.on .al-wave:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex}
.al-wave i:where(:root.page-integration-detail,:root.page-integration-detail *){width:2.5px;border-radius:2px;background:currentColor;animation:alW .9s ease-in-out infinite}
.al-wave i:nth-child(1):where(:root.page-integration-detail,:root.page-integration-detail *){height:6px;animation-delay:0s}
.al-wave i:nth-child(2):where(:root.page-integration-detail,:root.page-integration-detail *){height:13px;animation-delay:.15s}
.al-wave i:nth-child(3):where(:root.page-integration-detail,:root.page-integration-detail *){height:8px;animation-delay:.3s}
.al-wave i:nth-child(4):where(:root.page-integration-detail,:root.page-integration-detail *){height:11px;animation-delay:.45s}
html[data-motion="off"] .al-wave i:where(:root.page-integration-detail,:root.page-integration-detail *){animation:none}

/* ---------- detail: share in rail ---------- */
.ar-shareblk:where(:root.page-integration-detail,:root.page-integration-detail *){margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
.ar-shareblk h6:where(:root.page-integration-detail,:root.page-integration-detail *){margin:0 0 12px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500}
.ar-share:where(:root.page-integration-detail,:root.page-integration-detail *){margin:0;display:flex;flex-wrap:wrap;gap:8px}
.ar-share a:where(:root.page-integration-detail,:root.page-integration-detail *),.ar-copy:where(:root.page-integration-detail,:root.page-integration-detail *){width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center; color:var(--ink-3);cursor:pointer;transition:.25s var(--ease)}
.ar-share a:hover:where(:root.page-integration-detail,:root.page-integration-detail *),.ar-copy:hover:where(:root.page-integration-detail,:root.page-integration-detail *){border-color:var(--wine);color:#fff;background:var(--wine);transform:translateY(-3px)}
.ar-share svg:where(:root.page-integration-detail,:root.page-integration-detail *){width:16px;height:16px;fill:currentColor}
.ar-copy svg:where(:root.page-integration-detail,:root.page-integration-detail *){fill:none;stroke:currentColor}
.ar-copy.done:where(:root.page-integration-detail,:root.page-integration-detail *){border-color:var(--wine);background:var(--wine);color:#fff}

/* ---------- detail: AI summarise ---------- */
.ar-ai:where(:root.page-integration-detail,:root.page-integration-detail *){margin-top:56px;border:1px solid var(--line);border-radius:22px;padding:clamp(24px,2.6vw,34px);background:var(--paper-2);position:relative;overflow:hidden}
.ar-ai:where(:root.page-integration-detail,:root.page-integration-detail *)::before{content:"";position:absolute;right:-70px;top:-70px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(155,27,46,.12),transparent 66%);pointer-events:none}
.ar-ai-k:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--wine)}
.ar-ai h3:where(:root.page-integration-detail,:root.page-integration-detail *){margin:12px 0 0;font-size:clamp(20px,2.1vw,27px);line-height:1.14;letter-spacing:-.03em;font-weight:700}
.ar-ai-h p:where(:root.page-integration-detail,:root.page-integration-detail *){margin:10px 0 0;font-size:15px;line-height:1.56;color:var(--ink-2)}
.ar-ai-row:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px}
.ar-ai-b:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;transition:.28s var(--ease)}
.ar-ai-b:hover:where(:root.page-integration-detail,:root.page-integration-detail *){border-color:var(--wine-line);transform:translateY(-3px);box-shadow:0 22px 44px -30px rgba(20,22,27,.4)}
.aib-m:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;place-items:center;width:38px;height:38px;border-radius:11px;flex:none;background:var(--b);color:#fff; font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.02em}
.aib-t:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;flex-direction:column;gap:2px;font-size:14.4px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.aib-t i:where(:root.page-integration-detail,:root.page-integration-detail *){font-style:normal;font-family:var(--font-mono);font-size:9.5px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.ar-ai-note:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;margin:16px 0 0;font-size:12px;color:var(--ink-3)}
.ar-body:where(:root.page-integration-detail,:root.page-integration-detail *){grid-template-columns:250px minmax(0,1fr)}
.ar-prose:where(:root.page-integration-detail,:root.page-integration-detail *){max-width:820px}
.vd-eyebrow:where(:root.page-integration-detail,:root.page-integration-detail *){display:inline-flex;align-items:center;gap:10px;padding:7px 16px 7px 13px;border-radius:100px;border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.10);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.94)}
.vd-eyebrow b:where(:root.page-integration-detail,:root.page-integration-detail *){width:6px;height:6px;border-radius:50%;background:#fff;display:block}
.id-crumb:where(:root.page-integration-detail,:root.page-integration-detail *){color:rgba(255,255,255,.94);font-weight:600}
.id-crumb:hover:where(:root.page-integration-detail,:root.page-integration-detail *){color:#fff;text-decoration:underline}
.rs-hero p i:where(:root.page-integration-detail,:root.page-integration-detail *){font-style:normal;color:rgba(255,255,255,.5);margin:0 8px}
.rs-hero p span:where(:root.page-integration-detail,:root.page-integration-detail *){color:rgba(255,255,255,.7)}
.id-head:where(:root.page-integration-detail,:root.page-integration-detail *){max-width:900px;margin:0 auto 40px;text-align:center}
.id-head h2:where(:root.page-integration-detail,:root.page-integration-detail *){margin:14px auto 0;font-size:clamp(26px,3.2vw,42px);line-height:1.1;letter-spacing:-.034em;font-weight:700;text-wrap:balance}
.id-head .k:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--wine)}

/* overview */
.id-intro:where(:root.page-integration-detail,:root.page-integration-detail *){padding-block:70px}
.id-split:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,3.6vw,60px);align-items:center}
.id-copy h2:where(:root.page-integration-detail,:root.page-integration-detail *){margin:14px 0 0;font-size:clamp(24px,2.8vw,36px);line-height:1.12;letter-spacing:-.034em;font-weight:700;text-wrap:balance}
.id-copy p:where(:root.page-integration-detail,:root.page-integration-detail *){margin:18px 0 0;font-size:clamp(15px,1.35vw,18px);line-height:1.65;color:var(--ink-2);text-wrap:pretty}
.id-copy .btn:where(:root.page-integration-detail,:root.page-integration-detail *){margin-top:28px}
.id-btn:where(:root.page-integration-detail,:root.page-integration-detail *){border-radius:100px}

/* ── GROW with SAP flow diagram (single SVG, exact geometry) ── */
.gdw:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;border-radius:22px;background:var(--paper-3);border:1px solid var(--line);padding:clamp(10px,1.4vw,20px);overflow:hidden}
.gdx:where(:root.page-integration-detail,:root.page-integration-detail *){display:block;width:100%;height:auto}
.gd-hsm rect:where(:root.page-integration-detail,:root.page-integration-detail *),.gd-rack rect:where(:root.page-integration-detail,:root.page-integration-detail *){fill:#fff;stroke:var(--wine);stroke-width:1.6}
.gd-hsm path:where(:root.page-integration-detail,:root.page-integration-detail *),.gd-rack path:where(:root.page-integration-detail,:root.page-integration-detail *){fill:none;stroke:var(--wine-line);stroke-width:1.5;stroke-linecap:round}
.gd-fill:where(:root.page-integration-detail,:root.page-integration-detail *){fill:var(--wine)}
.gd-cl:where(:root.page-integration-detail,:root.page-integration-detail *){fill:var(--wine-soft);stroke:var(--wine-line);stroke-width:1.5}
.gd-rack rect:where(:root.page-integration-detail,:root.page-integration-detail *){stroke-width:1.3}
.gd-hook:where(:root.page-integration-detail,:root.page-integration-detail *){fill:none;stroke:var(--wine-line);stroke-width:2;stroke-dasharray:6 5;color:var(--wine)}
.gd-arr:where(:root.page-integration-detail,:root.page-integration-detail *){fill:none;stroke:var(--wine);stroke-width:2.1;stroke-linecap:round}
.gd-erp:where(:root.page-integration-detail,:root.page-integration-detail *){fill:#fff;stroke:var(--wine-line);stroke-width:1.4}
.gd-ic:where(:root.page-integration-detail,:root.page-integration-detail *){fill:none;stroke:var(--wine);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gd-pdf:where(:root.page-integration-detail,:root.page-integration-detail *){fill:var(--wine);stroke:none}
.gd-usr:where(:root.page-integration-detail,:root.page-integration-detail *){fill:var(--wine-deep);stroke:none}
.gdx text:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-sans)}
.gd-t-b:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:18px;font-weight:700;letter-spacing:-.02em;fill:var(--ink)}
.gd-t-h:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:26px;font-weight:700;letter-spacing:-.03em;fill:var(--wine)}
.gd-t-s:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:17px;font-weight:600;letter-spacing:-.01em;fill:var(--ink-2)}
.gd-t-k:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:14px;letter-spacing:.13em;fill:var(--ink-2)}
.gd-t-f:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:16px;letter-spacing:.06em;fill:var(--ink-2)}
.gd-t-pdf:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:11px;font-weight:700;fill:#fff;stroke:none}

/* ── the initiative: alternating ledger ── */
.id-points-sec:where(:root.page-integration-detail,:root.page-integration-detail *){padding-block:70px;background:#F3F1EE}
.id-zig:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;max-width:1060px;margin-inline:auto;display:flex;flex-direction:column;gap:clamp(8px,1vw,14px)}

.id-zig:where(:root.page-contractverse,:root.page-contractverse *){position:relative;max-width:1060px;margin-inline:auto;display:flex;flex-direction:column;gap:clamp(8px,1vw,14px)}
.id-spine:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;left:50%;top:26px;bottom:26px;width:0;border-left:1px dashed var(--wine-line);transform:translateX(-.5px)}

.id-spine:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;left:50%;top:26px;bottom:26px;width:0;border-left:1px dashed var(--wine-line);transform:translateX(-.5px)}
.id-z:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(20px,3vw,52px); opacity:0;transform:translateY(20px);transition:opacity .75s var(--ease),transform .75s var(--ease);transition-delay:calc(var(--i) * .09s)}

.id-z:where(:root.page-contractverse,:root.page-contractverse *){position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(20px,3vw,52px); opacity:0;transform:translateY(20px);transition:opacity .75s var(--ease),transform .75s var(--ease);transition-delay:calc(var(--i) * .09s)}
.id-z.in:where(:root.page-integration-detail,:root.page-integration-detail *){opacity:1;transform:none}

.id-z.in:where(:root.page-contractverse,:root.page-contractverse *){opacity:1;transform:none}
html[data-motion="off"] .id-z:where(:root.page-integration-detail,:root.page-integration-detail *){opacity:1;transform:none}

html[data-motion="off"] .id-z:where(:root.page-contractverse,:root.page-contractverse *){opacity:1;transform:none}
.id-zn:where(:root.page-integration-detail,:root.page-integration-detail *){grid-column:1;grid-row:1;justify-self:end;font-family:var(--font-sans);font-weight:800;font-size:clamp(64px,9vw,132px);line-height:.82;letter-spacing:-.06em; color:var(--wine-soft);-webkit-text-stroke:2px var(--wine);transition:.45s var(--ease);padding-right:clamp(10px,1.6vw,28px)}

.id-zn:where(:root.page-contractverse,:root.page-contractverse *){grid-column:1;grid-row:1;justify-self:end;font-family:var(--font-sans);font-weight:800;font-size:clamp(64px,9vw,132px);line-height:.82;letter-spacing:-.06em; color:var(--wine-soft);-webkit-text-stroke:2px var(--wine);transition:.45s var(--ease);padding-right:clamp(10px,1.6vw,28px)}
.id-zc:where(:root.page-integration-detail,:root.page-integration-detail *){grid-column:2;grid-row:1;background:#fff;border:1px solid var(--line);border-radius:16px;padding:clamp(20px,2vw,28px);transition:.4s var(--ease)}

.id-zc:where(:root.page-contractverse,:root.page-contractverse *){grid-column:2;grid-row:1;background:#fff;border:1px solid var(--line);border-radius:16px;padding:clamp(20px,2vw,28px);transition:.4s var(--ease)}
.id-z--r .id-zn:where(:root.page-integration-detail,:root.page-integration-detail *){grid-column:2;justify-self:start;padding-right:0;padding-left:clamp(10px,1.6vw,28px)}

.id-z--r .id-zn:where(:root.page-contractverse,:root.page-contractverse *){grid-column:2;justify-self:start;padding-right:0;padding-left:clamp(10px,1.6vw,28px)}
.id-z--r .id-zc:where(:root.page-integration-detail,:root.page-integration-detail *){grid-column:1}

.id-z--r .id-zc:where(:root.page-contractverse,:root.page-contractverse *){grid-column:1}
.id-zdot:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:11px;height:11px;border-radius:50%; background:#fff;border:1.5px solid var(--wine-line);transition:.4s var(--ease);z-index:2}

.id-zdot:where(:root.page-contractverse,:root.page-contractverse *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:11px;height:11px;border-radius:50%; background:#fff;border:1.5px solid var(--wine-line);transition:.4s var(--ease);z-index:2}
.id-z:hover .id-zn:where(:root.page-integration-detail,:root.page-integration-detail *){-webkit-text-stroke:2px var(--wine);color:var(--wine)}

.id-z:hover .id-zn:where(:root.page-contractverse,:root.page-contractverse *){-webkit-text-stroke:2px var(--wine);color:var(--wine)}
.id-z:hover .id-zc:where(:root.page-integration-detail,:root.page-integration-detail *){border-color:var(--wine-line);transform:translateY(-4px);box-shadow:0 30px 62px -42px rgba(110,18,28,.45)}

.id-z:hover .id-zc:where(:root.page-contractverse,:root.page-contractverse *){border-color:var(--wine-line);transform:translateY(-4px);box-shadow:0 30px 62px -42px rgba(110,18,28,.45)}
.id-z:hover .id-zdot:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--wine);border-color:var(--wine);box-shadow:0 0 0 6px var(--wine-soft)}

.id-z:hover .id-zdot:where(:root.page-contractverse,:root.page-contractverse *){background:var(--wine);border-color:var(--wine);box-shadow:0 0 0 6px var(--wine-soft)}
.id-zc b:where(:root.page-integration-detail,:root.page-integration-detail *){display:block;font-size:clamp(17px,1.7vw,21px);font-weight:700;letter-spacing:-.026em}

.id-zc b:where(:root.page-contractverse,:root.page-contractverse *){display:block;font-size:clamp(17px,1.7vw,21px);font-weight:700;letter-spacing:-.026em}
.id-zc p:where(:root.page-integration-detail,:root.page-integration-detail *){margin:9px 0 0;font-size:15px;line-height:1.6;color:var(--ink-2);text-wrap:pretty}

.id-zc p:where(:root.page-contractverse,:root.page-contractverse *){margin:9px 0 0;font-size:15px;line-height:1.6;color:var(--ink-2);text-wrap:pretty}

/* ── business outcomes: radial dial ── */
.id-out-sec:where(:root.page-integration-detail,:root.page-integration-detail *){padding-top:70px;padding-bottom:0}
.id-out-sec .id-head:where(:root.page-integration-detail,:root.page-integration-detail *){margin-bottom:0}
.id-oswrap:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,3.4vw,56px);align-items:center}
.id-out-sec .rsw:where(:root.page-integration-detail,:root.page-integration-detail *){padding-bottom:0}
.id-dial:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;width:min(520px,100%);margin-inline:auto;aspect-ratio:1;justify-self:center}
.id-spokes:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;inset:0;pointer-events:none}
.id-spokes svg:where(:root.page-integration-detail,:root.page-integration-detail *){width:100%;height:100%}
.id-spoke:where(:root.page-integration-detail,:root.page-integration-detail *){stroke:var(--wine-line);stroke-width:1.4;stroke-dasharray:5 6;vector-effect:non-scaling-stroke;transition:stroke .4s var(--ease),stroke-width .4s var(--ease)}
.id-spoke.on:where(:root.page-integration-detail,:root.page-integration-detail *){stroke:var(--wine);stroke-width:2}
.id-hub:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:22%;aspect-ratio:1;border-radius:50%; display:grid;place-items:center;background:linear-gradient(155deg,#A6333E,#7C1623 58%,#5E1020); box-shadow:0 26px 60px -28px rgba(110,18,28,.65);text-align:center;padding:14px}
.id-hub:where(:root.page-integration-detail,:root.page-integration-detail *)::before{content:"";position:absolute;inset:-14px;border-radius:50%;border:1px dashed rgba(155,27,46,.34)}
.id-hubin b:where(:root.page-integration-detail,:root.page-integration-detail *){display:block;font-size:14px;font-weight:700;letter-spacing:-.024em;line-height:1.2;color:#fff}
.id-hubin span:where(:root.page-integration-detail,:root.page-integration-detail *){display:block;margin-top:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;line-height:1.35;text-transform:uppercase;color:rgba(255,255,255,.78)}
.id-node6:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;width:clamp(92px,10.5vw,112px);cursor:pointer;border:0;background:none;padding:0; transform:translate(-50%,-50%); display:flex;flex-direction:column;align-items:center;gap:9px;transition:filter .35s var(--ease)}
.id-ni:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;place-items:center;width:clamp(48px,5.2vw,58px);aspect-ratio:1;border-radius:50%; background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px -18px rgba(20,22,27,.4);transition:.38s var(--ease)}
.id-ni svg:where(:root.page-integration-detail,:root.page-integration-detail *){width:44%;height:44%;fill:none;stroke:var(--ink-3);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:stroke .38s var(--ease)}
.id-nt:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:12.6px;font-weight:700;letter-spacing:-.018em;color:var(--ink-2);text-align:center;line-height:1.25;transition:color .35s var(--ease)}
.id-node6:hover .id-ni:where(:root.page-integration-detail,:root.page-integration-detail *){border-color:var(--wine-line);transform:translateY(-3px)}
.id-node6:hover .id-ni svg:where(:root.page-integration-detail,:root.page-integration-detail *){stroke:var(--wine)}
.id-node6.on .id-ni:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--wine);border-color:var(--wine);box-shadow:0 16px 36px -16px var(--wine);transform:scale(1.06)}
.id-node6.on .id-ni svg:where(:root.page-integration-detail,:root.page-integration-detail *){stroke:#fff}
.id-node6.on .id-nt:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--wine)}
.id-detail:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;width:100%;text-align:left;min-height:170px}
.id-dp:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;left:0;right:0;top:50%;transform:translateY(calc(-50% + 10px));opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .5s var(--ease),transform .5s var(--ease)}
.id-dp.on:where(:root.page-integration-detail,:root.page-integration-detail *){opacity:1;transform:translateY(-50%);pointer-events:auto}
.id-dp h4:where(:root.page-integration-detail,:root.page-integration-detail *){margin:0;font-size:clamp(20px,2.2vw,26px);font-weight:700;letter-spacing:-.026em;color:var(--wine)}
.id-dp p:where(:root.page-integration-detail,:root.page-integration-detail *){margin:13px 0 0;max-width:52ch;font-size:clamp(15px,1.35vw,17px);line-height:1.65;color:var(--ink-2);text-wrap:pretty}

/* customers */
.id-clients-sec:where(:root.page-integration-detail,:root.page-integration-detail *){padding-top:56px;padding-bottom:70px}
.id-clients-sec .id-head h2:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:clamp(22px,2.6vw,34px)}
.id-clients:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.id-c:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;place-items:center;min-height:112px;padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:center; font-size:15px;font-weight:700;letter-spacing:-.018em;color:var(--ink-3);transition:.32s var(--ease)}
.id-c:hover:where(:root.page-integration-detail,:root.page-integration-detail *){color:var(--wine);border-color:var(--wine-line);transform:translateY(-3px);box-shadow:0 24px 50px -34px rgba(110,18,28,.4)}

/* ============================ FINAL CTA ============================ */
.cta:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;background:linear-gradient(165deg,#4E0C18 0%,#6E1320 22%,#9B1B2E 50%,#BF3A40 74%,#E08763 100%);color:#fff;overflow:hidden;border-radius:0;isolation:isolate}
.cta:where(:root.page-integration-detail,:root.page-integration-detail *)::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background: radial-gradient(75% 55% at 18% 8%, rgba(255,210,190,.40) 0%, transparent 55%), radial-gradient(80% 70% at 92% 30%, rgba(120,12,24,.65) 0%, transparent 60%), radial-gradient(90% 80% at 50% 120%, rgba(50,6,14,.7) 0%, transparent 62%)}
.cta-noise:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.85;mix-blend-mode:soft-light; background-image: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='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:150px 150px}
.cta canvas:where(:root.page-integration-detail,:root.page-integration-detail *){display:none}
.cta-in:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;z-index:2;text-align:center;max-width:1200px;margin:0 auto;padding-block:clamp(60px,7.5vw,100px) clamp(40px,5vw,64px)}
.cta-logo:where(:root.page-integration-detail,:root.page-integration-detail *){display:inline-grid;place-items:center;width:104px;height:104px;border-radius:26px;margin-bottom:34px; background:linear-gradient(155deg,#ffffff 0%,#efece5 100%); box-shadow:0 2px 1px rgba(255,255,255,.95) inset, 0 -6px 14px rgba(120,18,28,.18) inset, 0 5px 10px rgba(255,255,255,.5) inset, 0 26px 54px -16px rgba(35,5,10,.7)}
.cta-logo img:where(:root.page-integration-detail,:root.page-integration-detail *){width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 2px 1px rgba(255,255,255,.9)) drop-shadow(0 -1px 1px rgba(120,18,28,.25))}
.cta h2:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:clamp(26px,3.2vw,42px);font-weight:700;letter-spacing:-0.035em;line-height:1.02;text-wrap:balance;max-width:none;margin:0 auto}
.cta h2 em:where(:root.page-integration-detail,:root.page-integration-detail *){font-style:normal;color:#fff}
.cta h2:where(:root.page-integration-detail,:root.page-integration-detail *){max-width:26ch;margin-inline:auto}
.cta-btns:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;gap:14px;justify-content:center;margin-top:32px;flex-wrap:wrap}
.cta .btn-wine:where(:root.page-integration-detail,:root.page-integration-detail *){box-shadow:0 16px 44px -16px rgba(0,0,0,.55)}
.cta .btn-wine:hover:where(:root.page-integration-detail,:root.page-integration-detail *){transform:translateY(-2px);box-shadow:0 22px 54px -16px rgba(0,0,0,.6)}
.cta-btns .btn:where(:root.page-integration-detail,:root.page-integration-detail *){border-radius:100px}
.btn-onwine:where(:root.page-integration-detail,:root.page-integration-detail *){background:#fff;color:var(--wine-deep)}
.btn-onwine:hover:where(:root.page-integration-detail,:root.page-integration-detail *){background:#fff;transform:translateY(-2px);box-shadow:0 18px 40px -16px rgba(0,0,0,.5)}
.cta-assure:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;justify-content:center;gap:14px 28px;flex-wrap:wrap;margin-top:30px}
.cta-assure span:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:rgba(255,255,255,.82);display:inline-flex;align-items:center;gap:8px}
.cta-assure span:where(:root.page-integration-detail,:root.page-integration-detail *)::before{content:"\2192";color:#fff;opacity:.7;font-size:13px}

/* product screenshot — top 30% peeking at the bottom */
.cta-shot:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;z-index:2;width:min(var(--maxw),calc(100% - var(--gut)*2));margin:0 auto;border-radius:16px 16px 0 0;overflow:hidden; border:1px solid rgba(255,255,255,.22);border-bottom:0; box-shadow:0 -10px 60px -20px rgba(40,6,12,.6), 0 30px 80px -30px rgba(0,0,0,.5);background:#fff}
.cta-shot-bar:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;gap:12px;padding:11px 16px;background:#faf9f7;border-bottom:1px solid #ececec}
.cta-shot-bar .csb-dots:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;gap:6px}
.cta-shot-bar .csb-dots i:where(:root.page-integration-detail,:root.page-integration-detail *){width:10px;height:10px;border-radius:50%;background:#d8d5ce;display:block}
.cta-shot-bar .csb-url:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:11px;color:#9a9a95;background:#fff;border:1px solid #ececec;border-radius:7px;padding:4px 12px}
.cta-shot img:where(:root.page-integration-detail,:root.page-integration-detail *){display:block;width:100%;height:clamp(128px,17.6vw,208px);object-fit:cover;object-position:top center}

/* footer brand block */
.foot-lead:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;grid-template-columns:1.5fr 1fr;gap:40px;padding-bottom:48px;margin-bottom:48px;border-bottom:1px solid var(--line)}
.foot-lead p:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:15px;color:var(--ink-2);line-height:1.65;max-width:60ch}
.foot-mission:where(:root.page-integration-detail,:root.page-integration-detail *){border-left:2px solid var(--wine);padding-left:20px}
.foot-mission span:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);display:block;margin-bottom:10px}
.foot-mission p:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:15px;color:var(--ink);font-weight:500}
.foot-badges:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.foot-bottom:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:48px;padding-top:28px;border-top:1px solid var(--line);flex-wrap:wrap}
.foot-bottom .copy:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:11px;color:var(--ink-3);letter-spacing:.02em}

/* representative deployments strip */
.deploy-strip:where(:root.page-integration-detail,:root.page-integration-detail *){margin-top:8px}
.deploy-head:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.deploy-grid:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.dep:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--paper-2);padding:16px 18px}
.dep .dk:where(:root.page-integration-detail,:root.page-integration-detail *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}
.dep b:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:13.5px;font-weight:600;display:block;letter-spacing:-0.01em}
.dep span:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:12px;color:var(--ink-2)}

/* circular motif echo behind final CTA */
.cta-in:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;z-index:2;padding-block:70px}

/* refined eyebrow accent — premium */
.eyebrow:where(:root.page-integration-detail,:root.page-integration-detail *)::before{box-shadow:0 0 0 4px var(--wine-soft)}

/* floating-pill nav: center wide mega panels to the viewport so centered
   nav links never push them off-screen; keep narrow menus on their trigger */
.nav-mega:where(:root.page-integration-detail,:root.page-integration-detail *){position:fixed;left:50%;top:84px;right:auto; transform:translateX(-50%) translateY(8px) scale(.99);transform-origin:top center; width:min(860px,calc(100vw - 40px))}
.nav-mega.nav-mega--cards:where(:root.page-integration-detail,:root.page-integration-detail *){width:min(680px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons:where(:root.page-integration-detail,:root.page-integration-detail *){width:min(660px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons.nav-mega--sol:where(:root.page-integration-detail,:root.page-integration-detail *){width:min(740px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons.has-3:where(:root.page-integration-detail,:root.page-integration-detail *){width:min(820px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons.nav-mega--res:where(:root.page-integration-detail,:root.page-integration-detail *){width:min(860px,calc(100vw - 40px))}
.nav-item:hover .nav-mega:where(:root.page-integration-detail,:root.page-integration-detail *),.nav-item:focus-within .nav-mega:where(:root.page-integration-detail,:root.page-integration-detail *){transform:translateX(-50%) translateY(0) scale(1)}
.nav-mega:where(:root.page-integration-detail,:root.page-integration-detail *)::before{left:0;right:0;top:-28px;height:28px}
.nav.is-stuck .nav-mega:where(:root.page-integration-detail,:root.page-integration-detail *){top:74px}

/* nav CTA buttons → pill to match the bar */
.nav-cta .btn:where(:root.page-integration-detail,:root.page-integration-detail *){border-radius:100px}
.nav-cta .btn-ghost:where(:root.page-integration-detail,:root.page-integration-detail *){border-color:var(--line)}

/* banner cursor-follow glow */
.rs-hero:where(:root.page-integration-detail,:root.page-integration-detail *){--mx:50%;--my:24%}
.rs-hero:where(:root.page-integration-detail,:root.page-integration-detail *)::before{z-index:0}
.rs-glow:where(:root.page-integration-detail,:root.page-integration-detail *){position:absolute;left:var(--mx);top:var(--my);width:640px;height:640px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 66%);opacity:0;transition:opacity .45s var(--ease)}
.rs-hero:hover .rs-glow:where(:root.page-integration-detail,:root.page-integration-detail *){opacity:1}
.rs-hero .rsw:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;z-index:2}
{__TWEAKS_STYLE}


/* ============================================================
   Resources   (html.page-blog)
   ============================================================ */

/* Satoshi — self-hosted @font-face (woff2), inlined for standalone export */

/* touch 1781880837620 */

/* ============================================================================
   TRUECOPY — Enterprise Trust Infrastructure
   base.css · tokens, reset, typography, layout, nav, footer, shared utilities
   ========================================================================== */
:root:where(:root.page-blog,:root.page-blog *){/* paper / ink */ --paper:#ffffff; --paper-2:#FAF9F7; --paper-3:#F3F1EC; --ink:#14161B; --ink-2:#474C56; --ink-3:#676D78; --line:#E8E6E0; --line-2:#F0EEE9; --hair:#E2DFD8; /* brand — overridable by tweaks */ --wine:#9B1B2E; --wine-deep:#74121F; --wine-soft:#FBF1F2; --wine-line:rgba(155,27,46,.20); /* accent — overridable by tweaks */ --accent:#1B3A8F; --accent-2:#2C4FB0; --accent-soft:#EEF1FA; --accent-line:rgba(27,58,143,.20); --shadow-sm:0 1px 2px rgba(20,22,27,.04), 0 1px 1px rgba(20,22,27,.03); --shadow-md:0 18px 50px -28px rgba(20,22,27,.30), 0 6px 16px -12px rgba(20,22,27,.18); --shadow-lg:0 50px 110px -50px rgba(20,30,60,.45), 0 18px 40px -28px rgba(20,22,27,.22); --maxw:1488px; --gut:clamp(20px,5vw,64px); --font-sans:'Satoshi',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; --font-mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular',monospace; --ease:cubic-bezier(.22,.61,.36,1); --ease-out:cubic-bezier(.16,1,.3,1)}
*:where(:root.page-blog,:root.page-blog *){margin:0;padding:0;box-sizing:border-box}
html:where(:root.page-blog,:root.page-blog *){-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body:where(:root.page-blog,:root.page-blog *){background:var(--paper); color:var(--ink); font-family:var(--font-sans); font-weight:400; line-height:1.5; letter-spacing:-0.011em; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow-x:hidden}
img:where(:root.page-blog,:root.page-blog *),svg:where(:root.page-blog,:root.page-blog *){display:block;max-width:100%}
a:where(:root.page-blog,:root.page-blog *){color:inherit;text-decoration:none}
button:where(:root.page-blog,:root.page-blog *){font-family:inherit;cursor:pointer}
:where(:root.page-blog,:root.page-blog *)::selection{background:var(--wine);color:#fff}

/* ---------- layout ---------- */
.wrap:where(:root.page-blog,:root.page-blog *){max-width:var(--maxw);margin:0 auto;padding-inline:var(--gut)}
.section:where(:root.page-blog,:root.page-blog *){position:relative;padding-block:70px}
.section--tight:where(:root.page-blog,:root.page-blog *){padding-block:70px}
.bleed:where(:root.page-blog,:root.page-blog *){background:var(--paper-2)}
.divider:where(:root.page-blog,:root.page-blog *){height:1px;background:var(--hair);border:0}

/* ---------- typography ---------- */
.h-display:where(:root.page-blog,:root.page-blog *){font-weight:700; font-size:clamp(40px,6.6vw,88px); line-height:0.98; letter-spacing:-0.035em; text-wrap:balance}
.h-section:where(:root.page-blog,:root.page-blog *){font-weight:700; font-size:clamp(28px,4.05vw,52px); line-height:1.02; letter-spacing:-0.03em; text-wrap:balance}
.h-sub:where(:root.page-blog,:root.page-blog *){font-weight:600; font-size:clamp(22px,2.6vw,32px); line-height:1.1; letter-spacing:-0.02em}
.lede:where(:root.page-blog,:root.page-blog *){font-size:clamp(17px,1.5vw,20px); line-height:1.55; color:var(--ink-2); font-weight:400; letter-spacing:-0.012em; max-width:62ch; text-wrap:pretty}
.dim:where(:root.page-blog,:root.page-blog *){color:var(--ink-2)}
.muted:where(:root.page-blog,:root.page-blog *){color:var(--ink-3)}
.wine-text:where(:root.page-blog,:root.page-blog *){color:var(--wine)}

/* mono technical label / eyebrow */
.eyebrow:where(:root.page-blog,:root.page-blog *){display:inline-flex;align-items:center;gap:10px; font-family:var(--font-mono); font-size:12px;font-weight:500; letter-spacing:0.14em;text-transform:uppercase; color:var(--ink-3)}
.eyebrow:where(:root.page-blog,:root.page-blog *)::before{content:"";width:7px;height:7px;border-radius:2px; background:var(--wine);flex:none}
.eyebrow .num:where(:root.page-blog,:root.page-blog *){color:var(--wine);font-weight:600}
.kicker:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:11px;font-weight:500; letter-spacing:0.16em;text-transform:uppercase;color:var(--ink-3)}
.tag:where(:root.page-blog,:root.page-blog *){display:inline-flex;align-items:center;gap:7px; font-family:var(--font-mono);font-size:10.5px;font-weight:500; letter-spacing:0.1em;text-transform:uppercase; color:var(--ink-2); padding:5px 9px;border:1px solid var(--line);border-radius:6px; background:var(--paper)}
.tag .dot:where(:root.page-blog,:root.page-blog *){width:5px;height:5px;border-radius:50%;background:var(--accent)}
.tag--wine .dot:where(:root.page-blog,:root.page-blog *){background:var(--wine)}

/* section head block */
.shead:where(:root.page-blog,:root.page-blog *){max-width:880px}
.shead .h-section:where(:root.page-blog,:root.page-blog *){margin-top:18px}
.shead .lede:where(:root.page-blog,:root.page-blog *){margin-top:22px}

/* ---------- buttons ---------- */
.btn:where(:root.page-blog,:root.page-blog *){display:inline-flex;align-items:center;gap:9px; font-size:15px;font-weight:600;letter-spacing:-0.01em; padding:13px 20px;border-radius:9px;border:1px solid transparent; transition:transform .18s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease), color .2s; white-space:nowrap}
.btn .arr:where(:root.page-blog,:root.page-blog *){transition:transform .25s var(--ease)}
.btn:hover .arr:where(:root.page-blog,:root.page-blog *){transform:translateX(3px)}
.btn-primary:where(:root.page-blog,:root.page-blog *){background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}
.btn-primary:hover:where(:root.page-blog,:root.page-blog *){background:var(--accent-2);transform:translateY(-1px);box-shadow:var(--shadow-md)}
.btn-wine:where(:root.page-blog,:root.page-blog *){background:var(--wine);color:#fff}
.btn-wine:hover:where(:root.page-blog,:root.page-blog *){background:var(--wine-deep);transform:translateY(-1px);box-shadow:0 14px 34px -16px var(--wine)}
.btn-ghost:where(:root.page-blog,:root.page-blog *){background:transparent;color:var(--ink);border-color:var(--line)}
.btn-ghost:hover:where(:root.page-blog,:root.page-blog *){border-color:var(--ink);background:var(--paper-2)}
.btn-sm:where(:root.page-blog,:root.page-blog *){padding:10px 15px;font-size:14px;border-radius:8px}
.link-arrow:where(:root.page-blog,:root.page-blog *){display:inline-flex;align-items:center;gap:8px; font-weight:600;font-size:15px;color:var(--ink); border-bottom:1px solid transparent;padding-bottom:2px;transition:.2s}
.link-arrow .arr:where(:root.page-blog,:root.page-blog *){transition:transform .25s var(--ease);color:var(--wine)}
.link-arrow:hover:where(:root.page-blog,:root.page-blog *){color:var(--wine)}
.link-arrow:hover .arr:where(:root.page-blog,:root.page-blog *){transform:translateX(4px)}

/* ---------- nav ---------- */
.nav:where(:root.page-blog,:root.page-blog *){position:fixed;top:0;left:0;right:0;z-index:900;background:transparent;border:0; padding:clamp(12px,1.6vw,20px) clamp(14px,3vw,28px) 0; transition:padding .3s var(--ease)}
.nav.is-stuck:where(:root.page-blog,:root.page-blog *){padding-top:10px}
.nav-in:where(:root.page-blog,:root.page-blog *){max-width:1150px;margin:0 auto; height:62px;padding:7px 8px 7px 24px; display:flex;align-items:center;gap:16px; background:rgba(255,255,255,.80); -webkit-backdrop-filter:blur(20px) saturate(165%); backdrop-filter:blur(20px) saturate(165%); border:1px solid rgba(255,255,255,.72); border-radius:100px; box-shadow:0 12px 36px -18px rgba(46,18,26,.30), 0 2px 8px -3px rgba(46,18,26,.12); transition:box-shadow .3s var(--ease), background .3s var(--ease)}
.nav.is-stuck .nav-in:where(:root.page-blog,:root.page-blog *){background:rgba(255,255,255,.92); box-shadow:0 18px 46px -18px rgba(46,18,26,.40), 0 3px 10px -3px rgba(46,18,26,.16)}
.brand:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;flex:none}
.brand .mark:where(:root.page-blog,:root.page-blog *){height:54px;width:auto;flex:none;object-fit:contain}
.nav-links:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;justify-content:center;gap:4px;flex:1 1 auto}
.nav-link:where(:root.page-blog,:root.page-blog *){font-size:14px;font-weight:500;color:var(--ink-2); padding:9px 14px;border-radius:100px;transition:.18s}
.nav-link:hover:where(:root.page-blog,:root.page-blog *){color:var(--ink);background:rgba(46,18,26,.06)}
.nav-cta:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;gap:8px;flex:none}

/* ---------- nav dropdown ---------- */
.nav-item:where(:root.page-blog,:root.page-blog *){position:relative;display:flex;align-items:center}
.nav-trigger:where(:root.page-blog,:root.page-blog *){display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;cursor:pointer;font-family:inherit}
.nav-trigger .caret:where(:root.page-blog,:root.page-blog *){width:15px;height:15px;color:var(--ink-2);transition:transform .25s var(--ease),color .2s;flex:none}
.nav-trigger .caret path:where(:root.page-blog,:root.page-blog *){fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav-item:hover .nav-trigger:where(:root.page-blog,:root.page-blog *),.nav-item:focus-within .nav-trigger:where(:root.page-blog,:root.page-blog *){color:var(--ink);background:var(--paper-2)}
.nav-item:hover .caret:where(:root.page-blog,:root.page-blog *),.nav-item:focus-within .caret:where(:root.page-blog,:root.page-blog *){transform:rotate(180deg);color:var(--wine)}
.nav-menu:where(:root.page-blog,:root.page-blog *){position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(8px) scale(.985);transform-origin:top center; width:332px;background:var(--paper);border:1px solid var(--line);border-radius:14px; box-shadow:var(--shadow-lg);padding:8px; opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s; z-index:50}
.nav-menu:where(:root.page-blog,:root.page-blog *)::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nav-item:hover .nav-menu:where(:root.page-blog,:root.page-blog *),.nav-item:focus-within .nav-menu:where(:root.page-blog,:root.page-blog *){opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}

/* mega dropdown (Solutions) */
.nav-mega:where(:root.page-blog,:root.page-blog *){position:absolute;top:calc(100% + 12px);left:0;transform:translateY(8px) scale(.99);transform-origin:top left; width:min(880px,calc(100vw - 48px)); background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg); padding:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px; opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s;z-index:50}
.nav-mega:where(:root.page-blog,:root.page-blog *)::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nav-item:hover .nav-mega:where(:root.page-blog,:root.page-blog *),.nav-item:focus-within .nav-mega:where(:root.page-blog,:root.page-blog *){opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
.mega-col:where(:root.page-blog,:root.page-blog *){padding:14px 16px;border-radius:12px;border:1px solid transparent;transition:border-color .2s,background .2s}
.mega-col:hover:where(:root.page-blog,:root.page-blog *){background:var(--paper-2);border-color:var(--line)}
.mega-prod:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;gap:10px;padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.mega-prod .mp-glyph:where(:root.page-blog,:root.page-blog *){width:28px;height:28px;border-radius:8px;background:var(--accent);color:#fff;display:grid;place-items:center;font-family:var(--font-mono);font-size:9px;font-weight:600;flex:none}
.mega-prod b:where(:root.page-blog,:root.page-blog *){font-size:15px;font-weight:700;letter-spacing:-0.02em;color:var(--ink)}
.mega-prod:hover b:where(:root.page-blog,:root.page-blog *){color:var(--wine)}
.mega-desc:where(:root.page-blog,:root.page-blog *){font-size:12.5px;line-height:1.45;color:var(--ink-3);margin:12px 0 14px;min-height:54px}
.mega-sub:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13.5px;font-weight:500;color:var(--ink-2);padding:8px 0;border-top:1px solid var(--line-2);transition:color .15s}
.mega-sub .arr:where(:root.page-blog,:root.page-blog *){color:var(--ink-3);opacity:0;transform:translateX(-4px);transition:.18s var(--ease)}
.mega-sub:hover:where(:root.page-blog,:root.page-blog *){color:var(--wine)}
.mega-sub:hover .arr:where(:root.page-blog,:root.page-blog *){color:var(--wine);opacity:1;transform:translateX(0)}
.nav-menu-link:where(:root.page-blog,:root.page-blog *){display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:14px;row-gap:2px; padding:11px 13px;border-radius:10px;transition:background .16s var(--ease)}
.nav-menu-link .nml-t:where(:root.page-blog,:root.page-blog *){font-size:14.5px;font-weight:600;color:var(--ink);letter-spacing:-0.01em}
.nav-menu-link .nml-d:where(:root.page-blog,:root.page-blog *){grid-column:1;font-size:12px;color:var(--ink-3);line-height:1.35}
.nav-menu-link .nml-arr:where(:root.page-blog,:root.page-blog *){grid-column:2;grid-row:1/span 2;color:var(--ink-3);font-size:15px;transition:transform .2s var(--ease),color .2s}
.nav-menu-link:hover:where(:root.page-blog,:root.page-blog *){background:var(--paper-2)}
.nav-menu-link:hover .nml-t:where(:root.page-blog,:root.page-blog *){color:var(--wine)}
.nav-menu-link:hover .nml-arr:where(:root.page-blog,:root.page-blog *){color:var(--wine);transform:translate(3px,-1px)}

/* modern icon dropdown (Solutions + Resources + Industries) */
.nav-mega--icons:where(:root.page-blog,:root.page-blog *){padding:18px;display:block}
.nav-menu.nav-mega--icons:where(:root.page-blog,:root.page-blog *){width:392px}
.nmi-label:where(:root.page-blog,:root.page-blog *){display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);padding:0 4px 12px;margin:0 0 12px;border-bottom:1px solid var(--line)}
.nmi-grid:where(:root.page-blog,:root.page-blog *){display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}
.nmi-grid--3:where(:root.page-blog,:root.page-blog *){grid-template-columns:1fr 1fr 1fr}
.nmi-grid--1:where(:root.page-blog,:root.page-blog *){grid-template-columns:1fr;gap:4px}

/* Solutions: vertical list + preview panel */
.nmi-split:where(:root.page-blog,:root.page-blog *){display:flex;gap:40px}
.nmi-split .nmi-grid--1:where(:root.page-blog,:root.page-blog *){flex:0 0 42%;min-width:0;gap:9px;grid-template-columns:1fr}
.nmi-preview:where(:root.page-blog,:root.page-blog *){flex:1 1 58%;min-width:0;display:flex;flex-direction:column;gap:9px}
.nmp-cap:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.nmp-frame:where(:root.page-blog,:root.page-blog *){flex:1;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper-2);display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}
.nmp-bar:where(:root.page-blog,:root.page-blog *){display:flex;gap:5px;padding:11px 13px;border-bottom:1px solid var(--line);background:var(--paper)}
.nmp-bar i:where(:root.page-blog,:root.page-blog *){width:9px;height:9px;border-radius:50%;background:#DAD7D0}
.nmp-body:where(:root.page-blog,:root.page-blog *){flex:1;display:flex;flex-direction:column;justify-content:center;gap:9px;padding:24px;position:relative;overflow:hidden;transition:background .25s var(--ease)}
.nmp-body:where(:root.page-blog,:root.page-blog *)::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.5) 1.1px,transparent 1.1px);background-size:16px 16px;opacity:.5}
.nmp-body.c1:where(:root.page-blog,:root.page-blog *){background:linear-gradient(150deg,#B23a4a,#8E1B2C)}
.nmp-body.c2:where(:root.page-blog,:root.page-blog *){background:linear-gradient(150deg,#2A6FDB,#1B44A8)}
.nmp-body.c3:where(:root.page-blog,:root.page-blog *){background:linear-gradient(150deg,#1F8A5B,#136141)}
.nmp-body.c4:where(:root.page-blog,:root.page-blog *){background:linear-gradient(150deg,#7A4AD1,#4E2B95)}
.nmp-badge:where(:root.page-blog,:root.page-blog *){position:relative;font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.nmp-title:where(:root.page-blog,:root.page-blog *){position:relative;font-size:20px;font-weight:700;letter-spacing:-0.02em;color:#fff;line-height:1.1}
.nmp-sub:where(:root.page-blog,:root.page-blog *){position:relative;font-size:12.5px;color:rgba(255,255,255,.82);line-height:1.45;max-width:30ch}
.nmp-rows:where(:root.page-blog,:root.page-blog *){position:relative;display:flex;flex-direction:column;gap:6px;margin-top:8px}
.nmp-rows i:where(:root.page-blog,:root.page-blog *){height:7px;border-radius:4px;background:rgba(255,255,255,.28)}
.nmp-rows i:nth-child(1):where(:root.page-blog,:root.page-blog *){width:80%}
.nmp-rows i:nth-child(2):where(:root.page-blog,:root.page-blog *){width:62%}
.nmp-rows i:nth-child(3):where(:root.page-blog,:root.page-blog *){width:70%}
.nmi-item:where(:root.page-blog,:root.page-blog *){display:flex;align-items:flex-start;gap:13px;padding:12px;border-radius:14px;transition:background .16s var(--ease)}
.nmi-item:hover:where(:root.page-blog,:root.page-blog *){background:var(--paper-2)}
.nmi-ic:where(:root.page-blog,:root.page-blog *){width:42px;height:42px;border-radius:12px;flex:none;display:grid;place-items:center;color:#fff;box-shadow:0 6px 14px -6px rgba(20,16,22,.4)}
.nmi-ic svg:where(:root.page-blog,:root.page-blog *){width:22px;height:22px;display:block}
.nmi-grid:where(:root.page-blog,:root.page-blog *){display:grid;grid-template-columns:1fr 1fr;gap:4px}
.nmi-grid--3:where(:root.page-blog,:root.page-blog *){grid-template-columns:1fr 1fr 1fr}
.nmi-item:where(:root.page-blog,:root.page-blog *){display:flex;align-items:flex-start;gap:13px;padding:12px;border-radius:14px;transition:background .16s var(--ease)}
.nmi-item--sm:where(:root.page-blog,:root.page-blog *){gap:11px;padding:10px 11px}
.nmi-item:hover:where(:root.page-blog,:root.page-blog *){background:var(--paper-2)}
.nmi-ic:where(:root.page-blog,:root.page-blog *){width:42px;height:42px;border-radius:12px;flex:none;display:grid;place-items:center;color:#fff;box-shadow:0 6px 14px -6px rgba(20,16,22,.4)}
.nmi-item--sm .nmi-ic:where(:root.page-blog,:root.page-blog *){width:36px;height:36px;border-radius:10px}
.nmi-item--sm .nmi-ic svg:where(:root.page-blog,:root.page-blog *){width:19px;height:19px}
.nmi-ic svg:where(:root.page-blog,:root.page-blog *){width:22px;height:22px;display:block}
.nmi-ic.c1:where(:root.page-blog,:root.page-blog *){background:linear-gradient(150deg,#B23a4a,#8E1B2C)}
.nmi-ic.c2:where(:root.page-blog,:root.page-blog *){background:linear-gradient(150deg,#3E63B4,#28407e)}
.nmi-ic.c3:where(:root.page-blog,:root.page-blog *){background:linear-gradient(150deg,#2E9C6E,#1c6b4a)}
.nmi-ic.c4:where(:root.page-blog,:root.page-blog *){background:linear-gradient(150deg,#C0892E,#8a611c)}
.nmi-ic.c5:where(:root.page-blog,:root.page-blog *){background:linear-gradient(150deg,#6b52b4,#4a3780)}
.nmi-tx:where(:root.page-blog,:root.page-blog *){display:flex;flex-direction:column;gap:3px;min-width:0}
.nmi-tx b:where(:root.page-blog,:root.page-blog *){font-size:14.5px;font-weight:700;color:var(--ink);letter-spacing:-0.01em;transition:color .16s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nmi-item:hover .nmi-tx b:where(:root.page-blog,:root.page-blog *){color:var(--wine)}
.nmi-tx span:where(:root.page-blog,:root.page-blog *){font-size:12px;color:var(--ink-3);line-height:1.35; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Solutions single-col: one-line description */
.nmi-grid--1 .nmi-tx span:where(:root.page-blog,:root.page-blog *){display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:none}

/* card-grid mega (Industries) — reuses Resources nav-menu-link cards */
.nav-mega--cards:where(:root.page-blog,:root.page-blog *){display:grid;grid-template-columns:repeat(3,1fr);gap:2px;width:min(640px,calc(100vw - 48px));padding:12px}

/* hover-intent: keep dropdown open while travelling to the panel */
.nav-item.is-open .nav-trigger:where(:root.page-blog,:root.page-blog *){color:var(--ink);background:var(--paper-2)}
.nav-item.is-open .caret:where(:root.page-blog,:root.page-blog *){transform:rotate(180deg);color:var(--wine)}
.nav-item.is-open .nav-menu:where(:root.page-blog,:root.page-blog *){opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}
.nav-item.is-open .nav-mega:where(:root.page-blog,:root.page-blog *){opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}
.nav-item:not(.is-open):hover .nav-menu:where(:root.page-blog,:root.page-blog *),.nav-item:not(.is-open):hover .nav-mega:where(:root.page-blog,:root.page-blog *){opacity:0;visibility:hidden;pointer-events:none}

/* ---------- footer ---------- */
.foot:where(:root.page-blog,:root.page-blog *){background:var(--paper-2);border-top:1px solid var(--line);padding-block:clamp(64px,8vw,104px) 36px}
.foot-grid:where(:root.page-blog,:root.page-blog *){display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:48px 36px}
.foot :is(h3,h4):where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500;margin-bottom:16px}
.foot-brand:where(:root.page-blog,:root.page-blog *){margin-bottom:20px}
.foot-brand .mark:where(:root.page-blog,:root.page-blog *){height:56px;width:auto}
.foot ul:where(:root.page-blog,:root.page-blog *){list-style:none;display:flex;flex-direction:column;gap:11px}
.foot li a:where(:root.page-blog,:root.page-blog *){font-size:14.5px;color:var(--ink-2);transition:.15s}
.foot li a:hover:where(:root.page-blog,:root.page-blog *){color:var(--wine)}
.foot-badge:where(:root.page-blog,:root.page-blog *){display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--wine);background:var(--wine-soft);padding:3px 7px;border-radius:5px;text-transform:uppercase;white-space:nowrap}

/* ---------- reveal / motion ----------
   Reveal hidden/visible state is driven by JS via inline styles so the
   visible END state is always the static computed style (never dependent on
   the animation clock). The WAAPI keyframe is pure enhancement. */

/* hairline tech grid background */
.grid-bg:where(:root.page-blog,:root.page-blog *){position:absolute;inset:0;pointer-events:none; background-image:linear-gradient(var(--hair) 1px,transparent 1px),linear-gradient(90deg,var(--hair) 1px,transparent 1px); background-size:64px 64px; -webkit-mask-image:radial-gradient(120% 90% at 70% 0%,#000 0%,transparent 72%); mask-image:radial-gradient(120% 90% at 70% 0%,#000 0%,transparent 72%); opacity:.5}

/* utility */
.mono:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono)}
.nowrap:where(:root.page-blog,:root.page-blog *){white-space:nowrap}
.center:where(:root.page-blog,:root.page-blog *){text-align:center}
.stat-num:where(:root.page-blog,:root.page-blog *){font-size:clamp(30px,3.4vw,46px);font-weight:700;letter-spacing:-0.03em;line-height:1;font-variant-numeric:tabular-nums}
.stat-lbl:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:9px}

/* ---------- cookie / privacy bar ---------- */
.cookiebar:where(:root.page-blog,:root.page-blog *){position:fixed;left:0;right:0;bottom:0;z-index:920; padding:0 clamp(12px,3vw,28px) clamp(12px,2.4vw,22px); pointer-events:none; opacity:0;transform:translateY(130%)}
.cookiebar-in:where(:root.page-blog,:root.page-blog *){pointer-events:auto;position:relative; max-width:1180px;margin:0 auto; display:flex;align-items:center;gap:clamp(14px,2vw,26px); background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%); border:1px solid var(--line);border-radius:14px; box-shadow:var(--shadow-lg); padding:14px clamp(16px,2vw,22px)}
.cb-ico:where(:root.page-blog,:root.page-blog *){flex:none;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--wine);background:var(--wine-soft);border:1px solid var(--wine-line)}
.cb-text:where(:root.page-blog,:root.page-blog *){flex:1;min-width:0;font-size:13.5px;line-height:1.5;color:var(--ink-2);letter-spacing:-0.005em;text-wrap:pretty}
.cb-text a:where(:root.page-blog,:root.page-blog *){color:var(--wine);font-weight:600;border-bottom:1px solid var(--wine-line);transition:.18s}
.cb-text a:hover:where(:root.page-blog,:root.page-blog *){border-bottom-color:var(--wine)}
.cb-actions:where(:root.page-blog,:root.page-blog *){flex:none;display:flex;align-items:center;gap:10px}
.cb-close:where(:root.page-blog,:root.page-blog *){flex:none;width:30px;height:30px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--ink-3);font-size:20px;line-height:1;display:grid;place-items:center;transition:.18s}
.cb-close:hover:where(:root.page-blog,:root.page-blog *){background:var(--paper-2);color:var(--ink)}

/* touch 1781880836837 */

/* ============================================================================
   TRUECOPY — sections.css
   ========================================================================== */

/* ============================ HERO (centered SaaS · red gradient) ============================ */
.hero:where(:root.page-blog,:root.page-blog *){position:relative;isolation:isolate; overflow:hidden;text-align:center;color:#fff; background: linear-gradient(180deg, rgba(255,255,255,.05), transparent 24%), linear-gradient(180deg,#6F1E2A 0%,#892634 15%,#A6333E 30%,#C25551 45%,#DA8377 58%,#F0C2B6 70%,#FBEAE3 78%,#FFFFFF 86%,#FFFFFF 100%)}

/* circular visual language */
.hero-bg:where(:root.page-blog,:root.page-blog *){position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.hero-noise:where(:root.page-blog,:root.page-blog *){position:absolute;inset:0;pointer-events:none;opacity:.18;mix-blend-mode:soft-light; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='hn'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23hn)'/%3E%3C/svg%3E");background-size:150px 150px}
.hero-glow:where(:root.page-blog,:root.page-blog *){position:absolute;left:50%;top:32%;width:680px;height:680px;transform:translate(-50%,-50%); background:radial-gradient(circle,rgba(255,205,188,.26),transparent 64%);filter:blur(12px); animation:heroGlow 9s var(--ease) infinite}
.orbit:where(:root.page-blog,:root.page-blog *){position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);border-radius:50%; border:1px solid rgba(255,255,255,.16); -webkit-mask-image:radial-gradient(circle,transparent 38%,#000 56%,#000 70%,transparent 86%); mask-image:radial-gradient(circle,transparent 38%,#000 56%,#000 70%,transparent 86%)}
.orbit-1:where(:root.page-blog,:root.page-blog *){width:680px;height:680px}
.orbit-2:where(:root.page-blog,:root.page-blog *){width:1080px;height:1080px;border-color:rgba(255,255,255,.10)}
.orbit-2.dashed-spin:where(:root.page-blog,:root.page-blog *){border-style:dashed;border-width:1.5px;border-color:rgba(255,255,255,.34); -webkit-mask-image:none;mask-image:none;animation:spin 60s linear infinite}
.orbit-3:where(:root.page-blog,:root.page-blog *){width:1480px;height:1480px;border-color:rgba(255,255,255,.07)}
.orbit-4:where(:root.page-blog,:root.page-blog *){width:1880px;height:1880px;border-color:rgba(255,255,255,.16)}
.orbit-4.dashed:where(:root.page-blog,:root.page-blog *){border-style:dashed;border-width:1px;animation:spin 80s linear infinite}
.hero-float-ring:where(:root.page-blog,:root.page-blog *){position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.30);opacity:.3}
.fr-a:where(:root.page-blog,:root.page-blog *){width:16px;height:16px;left:8%;top:30%;background:rgba(255,255,255,.14);animation:floatY 7s var(--ease) infinite}
.fr-d:where(:root.page-blog,:root.page-blog *){width:11px;height:11px;left:12%;top:64%;background:rgba(255,255,255,.55);border:0;animation:floatY 8s var(--ease) infinite reverse}
.fr-b:where(:root.page-blog,:root.page-blog *){width:30px;height:30px;right:8%;top:28%;animation:floatY 9s var(--ease) infinite reverse}
.fr-c:where(:root.page-blog,:root.page-blog *){width:11px;height:11px;right:12%;top:64%;background:rgba(255,255,255,.55);border:0;animation:floatY 6s var(--ease) infinite}
.hero-in:where(:root.page-blog,:root.page-blog *){position:relative;display:block}
.hero-copy:where(:root.page-blog,:root.page-blog *){max-width:880px;margin:0 auto}

/* social-proof review badge */
.hero-badge:where(:root.page-blog,:root.page-blog *){display:inline-flex;align-items:center;gap:11px;margin:0 auto;white-space:nowrap; padding:7px 16px 7px 12px;border-radius:100px; background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.26); -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px); font-size:13.5px;font-weight:500;color:rgba(255,255,255,.92);transition:.2s var(--ease)}
.hero-badge:hover:where(:root.page-blog,:root.page-blog *){background:rgba(255,255,255,.2);transform:translateY(-1px)}
.hero-badge .stars:where(:root.page-blog,:root.page-blog *){color:#FFD9A0;font-size:12px;letter-spacing:1px}
.hero-badge .hb-tx b:where(:root.page-blog,:root.page-blog *){font-weight:700;color:#fff}
.hero h1:where(:root.page-blog,:root.page-blog *){margin:26px auto 0;color:#fff;max-width:none; font-size:clamp(21px,2.6vw,34px);line-height:1.14;letter-spacing:-0.035em}
.hero h1 .ln1:where(:root.page-blog,:root.page-blog *){display:block;white-space:nowrap}
.hero h1 .ln2:where(:root.page-blog,:root.page-blog *){display:block;color:#fff;white-space:nowrap}
.hero h1 .ln3:where(:root.page-blog,:root.page-blog *){color:#fff}
.hero .lede:where(:root.page-blog,:root.page-blog *){margin:24px auto 0;color:rgba(255,255,255,.84);max-width:60ch;text-align:center;font-size:clamp(16px,1.5vw,19.5px)}
.hero-cta:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;justify-content:center;gap:20px;margin-top:38px;flex-wrap:wrap}
.hero-form:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;gap:6px;margin:34px auto 0;width:100%;max-width:476px; background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.32);border-radius:100px; padding:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px); box-shadow:0 16px 44px -22px rgba(40,8,12,.42)}
.hero-form:focus-within:where(:root.page-blog,:root.page-blog *){border-color:rgba(255,255,255,.58);background:rgba(255,255,255,.18)}
.hero-email:where(:root.page-blog,:root.page-blog *){flex:1 1 auto;min-width:0;background:transparent;border:0;outline:none;color:#fff; font-size:15px;padding:11px 8px 11px 18px;font-family:inherit;letter-spacing:-0.01em}
.hero-email:where(:root.page-blog,:root.page-blog *)::placeholder{color:rgba(255,255,255,.72)}
.hero-form .btn-hero:where(:root.page-blog,:root.page-blog *){flex:none}
.btn-hero:where(:root.page-blog,:root.page-blog *){background:#fff;color:var(--wine-deep);font-weight:700;padding:11px 24px;border-radius:100px; box-shadow:0 14px 34px -16px rgba(40,8,12,.45),0 1px 0 rgba(255,255,255,.5) inset;font-size:15px}
.btn-hero:hover:where(:root.page-blog,:root.page-blog *){transform:translateY(-2px);background:#fff;box-shadow:0 26px 60px -18px rgba(40,8,12,.62)}
.btn-hero .arr:where(:root.page-blog,:root.page-blog *){transition:transform .25s var(--ease)}
.btn-hero:hover .arr:where(:root.page-blog,:root.page-blog *){transform:translateX(4px)}
.hero-play:where(:root.page-blog,:root.page-blog *){display:inline-flex;align-items:center;gap:11px;color:#fff;font-weight:600;font-size:15px;opacity:.95;transition:.2s}
.hero-play:hover:where(:root.page-blog,:root.page-blog *){opacity:1}
.hero-play .hp-ic:where(:root.page-blog,:root.page-blog *){width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none; background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.32);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:.2s var(--ease)}
.hero-play .hp-ic:where(:root.page-blog,:root.page-blog *)::after{content:"";width:0;height:0;border-left:9px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:3px}
.hero-play:hover .hp-ic:where(:root.page-blog,:root.page-blog *){background:rgba(255,255,255,.26);transform:scale(1.06)}
.hero-trust:where(:root.page-blog,:root.page-blog *){display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:42px}
.hero-trust .ht:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;gap:10px;padding:9px 16px;border-radius:100px; background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20); -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.hero-trust .ht-ic:where(:root.page-blog,:root.page-blog *){width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.22);color:#fff;display:grid;place-items:center;font-size:10px;flex:none}
.hero-trust .ht-tx:where(:root.page-blog,:root.page-blog *){display:flex;flex-direction:column;gap:0;text-align:left;line-height:1.15}
.hero-trust .ht b:where(:root.page-blog,:root.page-blog *){font-size:13px;font-weight:700;color:#fff}
.hero-trust .ht span:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6)}

/* product mockup floating below */
.hero-stage-wrap:where(:root.page-blog,:root.page-blog *){position:relative;max-width:955px;margin:clamp(104px,12vw,168px) auto 0;perspective:1800px}
.hero-stage-wrap .stage:where(:root.page-blog,:root.page-blog *){border-radius:24px;border:15px solid rgba(248,205,197,.6); box-shadow:0 26px 56px -36px rgba(70,22,30,.28); transform:rotateX(3deg);transform-origin:center top;background-clip:padding-box}
.hero-float:where(:root.page-blog,:root.page-blog *){position:absolute;z-index:4;display:flex;align-items:center;gap:11px; padding:11px 14px;border-radius:13px;background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.8); box-shadow:0 22px 50px -22px rgba(40,8,16,.45)}
.hero-float .hfl-tx:where(:root.page-blog,:root.page-blog *){display:flex;flex-direction:column;text-align:left;line-height:1.25}
.hero-float .hfl-tx b:where(:root.page-blog,:root.page-blog *){font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-0.01em}
.hero-float .hfl-tx span:where(:root.page-blog,:root.page-blog *){font-size:11px;color:var(--ink-3)}
.hf-1:where(:root.page-blog,:root.page-blog *){left:-30px;top:24%;animation:floatCard 6.5s var(--ease) infinite}
.hf-1 .hfl-dot:where(:root.page-blog,:root.page-blog *){width:30px;height:30px;border-radius:50%;background:var(--wine-soft);position:relative;flex:none}
.hf-1 .hfl-dot:where(:root.page-blog,:root.page-blog *)::after{content:"\2713";position:absolute;inset:0;display:grid;place-items:center;color:var(--wine);font-weight:700;font-size:14px}
.hf-2:where(:root.page-blog,:root.page-blog *){right:-26px;top:54%;animation:floatCard 7.5s var(--ease) infinite reverse}
.hf-2 .hfl-ring:where(:root.page-blog,:root.page-blog *){position:relative;width:38px;height:38px;flex:none;display:grid;place-items:center}
.hf-2 .hfl-ring svg:where(:root.page-blog,:root.page-blog *){position:absolute;inset:0;transform:rotate(-90deg)}
.hf-2 .hfl-ring circle:where(:root.page-blog,:root.page-blog *){fill:none;stroke:var(--line);stroke-width:3}
.hf-2 .hfl-ring circle.prog:where(:root.page-blog,:root.page-blog *){stroke:var(--accent);stroke-linecap:round;stroke-dasharray:97.4;stroke-dashoffset:2}
.hf-2 .hfl-ring span:where(:root.page-blog,:root.page-blog *){font-size:10px;font-weight:700;color:var(--ink)}

/* hero product infographics — static icon circles riding the moving ring */

/* chips ride the dashed moving ring — two stacked on the left side, two on the right,
   vertically centred on the ring's centre (left:50%, top:34% — matching .orbit) */
.hero-chips:where(:root.page-blog,:root.page-blog *){position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;pointer-events:none; --rx:clamp(300px,41vw,500px);--ry:clamp(92px,10vw,150px)}
.hchip:where(:root.page-blog,:root.page-blog *){position:absolute;width:clamp(122px,11vw,154px);aspect-ratio:1;border-radius:26px;display:grid;place-items:center; pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent; background:linear-gradient(160deg,rgba(255,255,255,.20),rgba(255,255,255,.05))}
.hchip .hc-inner:where(:root.page-blog,:root.page-blog *){transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.hchip:hover .hc-inner:where(:root.page-blog,:root.page-blog *){transform:scale(1.05);box-shadow:0 18px 34px -14px rgba(70,18,28,.6)}
.hchip:active .hc-inner:where(:root.page-blog,:root.page-blog *){transform:scale(.93);transition-duration:.09s}
.hchip:focus-visible:where(:root.page-blog,:root.page-blog *){outline:2px solid #fff;outline-offset:3px}
.hchip:nth-child(1):where(:root.page-blog,:root.page-blog *){left:calc(50% - var(--rx) + 30px);top:calc(34% - 150px - var(--ry));transform:translate(-50%,-50%);animation:hchipL 6.5s var(--ease) infinite}
.hchip:nth-child(2):where(:root.page-blog,:root.page-blog *){left:calc(50% - var(--rx) - 20px);top:calc(34% - 110px + var(--ry));transform:translate(-50%,-50%);animation:hchipL 6.5s var(--ease) infinite;animation-delay:-2.2s}
.hchip:nth-child(3):where(:root.page-blog,:root.page-blog *){left:calc(50% + var(--rx) - 30px);top:calc(34% - 150px - var(--ry));transform:translate(-50%,-50%);animation:hchipR 6.5s var(--ease) infinite;animation-delay:-1.1s}
.hchip:nth-child(4):where(:root.page-blog,:root.page-blog *){left:calc(50% + var(--rx) + 30px);top:calc(34% - 110px + var(--ry));transform:translate(-50%,-50%);animation:hchipR 6.5s var(--ease) infinite;animation-delay:-3.4s}
html[data-motion="off"] .hchip:where(:root.page-blog,:root.page-blog *){animation:none}
.hchip:where(:root.page-blog,:root.page-blog *)::before{content:"";position:absolute;inset:0;border-radius:26px;padding:1.4px;pointer-events:none; background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.05) 70%,transparent); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.hc-inner:where(:root.page-blog,:root.page-blog *){width:80%;height:80%;border-radius:18px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:6px; box-shadow:0 12px 26px -12px rgba(70,18,28,.5)}
.hchip .hc-fig:where(:root.page-blog,:root.page-blog *){height:clamp(44px,4.6vw,58px);width:auto;max-width:92%;display:block}
.hchip:first-child .hc-fig:where(:root.page-blog,:root.page-blog *){height:clamp(58px,6.1vw,78px)}
.hc-nm:where(:root.page-blog,:root.page-blog *){font-size:clamp(11px,1vw,13px);font-weight:600;color:var(--wine);letter-spacing:-0.01em}

/* dashboard stage */
.stage:where(:root.page-blog,:root.page-blog *){position:relative;border-radius:16px;background:var(--paper); border:1px solid var(--line);box-shadow:var(--shadow-lg);overflow:hidden}
.stage-bar:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;gap:14px;padding:12px 14px;border-bottom:1px solid var(--line-2);background:var(--paper-2)}
.win-dots:where(:root.page-blog,:root.page-blog *){display:flex;gap:6px}
.win-dots i:where(:root.page-blog,:root.page-blog *){width:10px;height:10px;border-radius:50%;background:#DAD7D0;display:block}
.stage-addr:where(:root.page-blog,:root.page-blog *){flex:1;display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--ink-3);background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:5px 10px;min-width:0}
.stage-addr .lock:where(:root.page-blog,:root.page-blog *){color:var(--accent)}
.stage-addr .url:where(:root.page-blog,:root.page-blog *){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stage-live:where(:root.page-blog,:root.page-blog *){display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:#16804a}
.stage-live i:where(:root.page-blog,:root.page-blog *){width:6px;height:6px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 0 rgba(22,163,74,.5);animation:livePulse 2.4s infinite}
.stage-tabs:where(:root.page-blog,:root.page-blog *){position:relative;display:flex;gap:4px;padding:8px 10px;border-bottom:1px solid var(--line-2)}
.tab-ind:where(:root.page-blog,:root.page-blog *){position:absolute;top:8px;left:0;height:calc(100% - 16px);width:0;background:var(--paper-2);border:1px solid var(--line);border-radius:8px;z-index:0;pointer-events:none}
.stab:where(:root.page-blog,:root.page-blog *){position:relative;z-index:1;flex:1 1 0;min-width:0;overflow:hidden; display:inline-flex;align-items:center;justify-content:center;gap:6px; font-size:12px;font-weight:600;letter-spacing:-0.01em;color:var(--ink-3); padding:8px 6px;border-radius:8px;border:1px solid transparent;background:transparent;transition:color .2s var(--ease)}
.stab .gl:where(:root.page-blog,:root.page-blog *){width:17px;height:17px;border-radius:5px;display:grid;place-items:center;font-family:var(--font-mono);font-size:7.5px;font-weight:600;color:#fff;background:var(--ink-3);transition:background .2s;flex:none}
.stab-tx:where(:root.page-blog,:root.page-blog *){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.stab:hover:where(:root.page-blog,:root.page-blog *){color:var(--ink)}
.stab.is-active:where(:root.page-blog,:root.page-blog *){color:var(--ink)}
.stab.is-active .gl:where(:root.page-blog,:root.page-blog *){background:var(--wine)}
.stage-body:where(:root.page-blog,:root.page-blog *){position:relative;aspect-ratio:16/10.2;background:var(--paper-2);overflow:hidden}
.panel-track:where(:root.page-blog,:root.page-blog *){display:flex;height:100%;width:100%;will-change:transform}
.panel:where(:root.page-blog,:root.page-blog *){flex:0 0 100%;height:100%;padding:20px;opacity:1;pointer-events:auto}

/* video placeholder */
.vplace:where(:root.page-blog,:root.page-blog *){position:relative;width:100%;height:100%;border-radius:11px;overflow:hidden;background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column}
.vplace-top:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid var(--line-2)}
.vplace-top .vt:where(:root.page-blog,:root.page-blog *){font-weight:600;font-size:13.5px}
.vplace-top .vmeta:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--ink-3)}
.poster:where(:root.page-blog,:root.page-blog *){position:relative;flex:1;overflow:hidden;background: radial-gradient(120% 120% at 80% 0%, var(--paper-2), var(--paper))}
.poster-dots:where(:root.page-blog,:root.page-blog *){position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1px,transparent 1px);background-size:18px 18px;opacity:.6;-webkit-mask-image:linear-gradient(transparent,#000 30%);mask-image:linear-gradient(transparent,#000 30%)}
.play:where(:root.page-blog,:root.page-blog *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3; width:64px;height:64px;border-radius:50%;background:var(--wine);border:0; display:grid;place-items:center;box-shadow:0 16px 40px -12px rgba(155,27,46,.6);transition:.25s var(--ease)}
.play:where(:root.page-blog,:root.page-blog *)::after{content:"";width:0;height:0;border-left:17px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:4px}
.play:hover:where(:root.page-blog,:root.page-blog *){transform:translate(-50%,-50%) scale(1.07)}
.play-ring:where(:root.page-blog,:root.page-blog *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;border:1px solid var(--wine-line);z-index:2;animation:ring 3s var(--ease) infinite}
.vcap:where(:root.page-blog,:root.page-blog *){position:absolute;left:14px;bottom:13px;z-index:3;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--ink-3);background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:5px 9px;border-radius:6px;border:1px solid var(--line)}

/* faux dashboard rows inside poster */
.fx:where(:root.page-blog,:root.page-blog *){position:absolute;border-radius:7px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.fx-row:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;gap:9px;padding:9px 12px}
.fx-ic:where(:root.page-blog,:root.page-blog *){width:24px;height:24px;border-radius:6px;background:var(--accent-soft);flex:none}
.fx-bar:where(:root.page-blog,:root.page-blog *){height:7px;border-radius:4px;background:var(--paper-3)}
.fx-chip:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:9px;letter-spacing:.05em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:2px 6px}
.fx-col:where(:root.page-blog,:root.page-blog *){display:flex;flex-direction:column;justify-content:flex-end;gap:0;align-items:center}
.fx-colbar:where(:root.page-blog,:root.page-blog *){width:18px;border-radius:3px 3px 0 0;background:var(--accent);opacity:.85}
.fx-colbar.lo:where(:root.page-blog,:root.page-blog *){background:var(--paper-3)}
.fx-colbar.wine:where(:root.page-blog,:root.page-blog *){background:var(--wine)}

/* floating controls */
.stage-ctrl:where(:root.page-blog,:root.page-blog *){position:absolute;right:16px;bottom:16px;z-index:6;display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:100px;padding:6px;box-shadow:var(--shadow-md)}
.stage-ctrl button:where(:root.page-blog,:root.page-blog *){width:30px;height:30px;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--ink-2);display:grid;place-items:center;transition:.18s}
.stage-ctrl button:hover:where(:root.page-blog,:root.page-blog *){background:var(--paper-2);color:var(--ink)}
.dots:where(:root.page-blog,:root.page-blog *){display:flex;gap:6px;padding:0 4px}
.dots i:where(:root.page-blog,:root.page-blog *){width:6px;height:6px;border-radius:50%;background:var(--line);transition:.25s;cursor:pointer}
.dots i.on:where(:root.page-blog,:root.page-blog *){background:var(--wine);width:18px;border-radius:4px}

/* ============================ TRUST BAR (left text · right logo cloud) ============================ */
.trustbar:where(:root.page-blog,:root.page-blog *){background:var(--paper);padding-block:clamp(24px,3vw,40px)}
.trustbar-in:where(:root.page-blog,:root.page-blog *){display:grid;grid-template-columns:minmax(180px,0.66fr) 1.7fr;gap:clamp(20px,3.2vw,48px);align-items:center}
.trustbar-label:where(:root.page-blog,:root.page-blog *){font-size:clamp(18px,1.95vw,24px);font-weight:600;letter-spacing:-0.01em;color:var(--ink);line-height:1.3;display:block;max-width:22ch}
.tb-marquee:where(:root.page-blog,:root.page-blog *){position:relative;overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.tb-track:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;width:max-content;gap:clamp(34px,3.8vw,60px);animation:tbScroll 36s linear infinite}
.tb-marquee:hover .tb-track:where(:root.page-blog,:root.page-blog *){animation-play-state:paused}
html[data-motion="off"] .tb-track:where(:root.page-blog,:root.page-blog *){animation:none}
.tb-logo:where(:root.page-blog,:root.page-blog *){display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:clamp(18px,1.8vw,23px);letter-spacing:-0.02em;color:var(--ink-3);opacity:.7;white-space:nowrap;transition:color .22s var(--ease),opacity .22s var(--ease)}
.tb-logo:hover:where(:root.page-blog,:root.page-blog *){color:var(--ink);opacity:1}
.tb-ic:where(:root.page-blog,:root.page-blog *){width:.92em;height:.92em;fill:currentColor;flex:none}
.tb-sap:where(:root.page-blog,:root.page-blog *){font-weight:800;letter-spacing:.01em}
.tb-aws:where(:root.page-blog,:root.page-blog *){font-weight:800;letter-spacing:-.03em;align-items:flex-end;gap:2px}
.tb-aws .tb-smile:where(:root.page-blog,:root.page-blog *){width:1.5em;height:.4em;fill:currentColor;margin-bottom:3px}

/* ============================ MILESTONE JOURNEY ============================ */
.journey:where(:root.page-blog,:root.page-blog *){position:relative;--jpt:clamp(57px,6.6vw,92px);padding-block:var(--jpt) 0}
.journey:where(:root.page-blog,:root.page-blog *)::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;z-index:0;pointer-events:none; background:repeating-linear-gradient(90deg,var(--hair) 0 7px,transparent 7px 15px);background-size:15px 1px;animation:dashFlowX 1.1s linear infinite}
html[data-motion="off"] .journey:where(:root.page-blog,:root.page-blog *)::before{animation:none}
.journey-head:where(:root.page-blog,:root.page-blog *){text-align:center;max-width:640px;margin:0 auto clamp(52px,6vw,86px)}
.journey-head .eyebrow:where(:root.page-blog,:root.page-blog *){margin-bottom:18px}
.journey-head .h-section:where(:root.page-blog,:root.page-blog *){margin:0 auto}
.journey>.wrap:where(:root.page-blog,:root.page-blog *){position:relative}
.journey>.wrap:where(:root.page-blog,:root.page-blog *)::before,.journey>.wrap:where(:root.page-blog,:root.page-blog *)::after{content:"";position:absolute;top:calc(var(--jpt)*-1);bottom:0;width:1px;z-index:0;pointer-events:none; background:repeating-linear-gradient(180deg,var(--hair) 0 6px,transparent 6px 13px);background-size:1px 13px;animation:dashFlowY 1.1s linear infinite}
.journey>.wrap:where(:root.page-blog,:root.page-blog *)::before{left:0}
.journey>.wrap:where(:root.page-blog,:root.page-blog *)::after{right:0}
html[data-motion="off"] .journey>.wrap:where(:root.page-blog,:root.page-blog *)::before,html[data-motion="off"] .journey>.wrap:where(:root.page-blog,:root.page-blog *)::after{animation:none}
.journey-map:where(:root.page-blog,:root.page-blog *){position:relative}
.journey-curve:where(:root.page-blog,:root.page-blog *){position:absolute;top:0;left:0;width:100%;height:196px;z-index:0;overflow:visible}
.jc-base:where(:root.page-blog,:root.page-blog *){fill:none;stroke:#d8d5ce;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round}
.jc-line:where(:root.page-blog,:root.page-blog *){fill:none;stroke:var(--wine);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round}
.journey-row:where(:root.page-blog,:root.page-blog *){position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr)}
.milestone:where(:root.page-blog,:root.page-blog *){display:flex;flex-direction:column;align-items:center;text-align:center;padding-inline:clamp(6px,1vw,16px)}
.milestone .dot:where(:root.page-blog,:root.page-blog *){width:14px;height:14px;border-radius:50%;background:var(--paper);border:2px solid #cbc8c1; margin-top:calc(var(--cy) - 7px);position:relative;z-index:2;box-shadow:0 0 0 5px rgba(20,16,22,.03);transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}
.milestone .dot:where(:root.page-blog,:root.page-blog *)::after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--wine);transform:scale(0)}
.milestone .dot.lit:where(:root.page-blog,:root.page-blog *)::after{animation:dotPop .46s cubic-bezier(.34,1.56,.64,1) forwards}
html[data-motion="off"] .milestone .dot.lit:where(:root.page-blog,:root.page-blog *)::after{animation:none;transform:scale(1)}
.milestone .dot.lit:where(:root.page-blog,:root.page-blog *){border-color:var(--wine);box-shadow:0 0 0 5px color-mix(in srgb,var(--wine) 9%,transparent)}
.milestone .conn:where(:root.page-blog,:root.page-blog *){width:1px;height:200px; background:linear-gradient(180deg,var(--wine) calc(var(--fill,0)*100%),#d8d5ce calc(var(--fill,0)*100%))}
.milestone .mcontent:where(:root.page-blog,:root.page-blog *){margin-top:18px;padding-bottom:clamp(40px,5.5vw,84px)}

/* centered trust badges (top open space, above the arc) */
.journey-badges:where(:root.page-blog,:root.page-blog *){position:relative;z-index:3;display:inline-flex;gap:0;justify-content:center;margin:0 auto; background:linear-gradient(135deg,var(--wine-soft) 0%,#fff 45%,var(--accent-soft) 100%); border:1px solid var(--wine-line);border-radius:100px;padding:6px;box-shadow:0 18px 40px -22px rgba(120,18,28,.3)}
.journey-badges-wrap:where(:root.page-blog,:root.page-blog *){display:flex;justify-content:center;margin-bottom:clamp(16px,2vw,28px)}
.journey-badges .jb:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;gap:11px;padding:10px 24px;position:relative}
.journey-badges .jb+.jb:where(:root.page-blog,:root.page-blog *)::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:26px;background:var(--wine-line)}
.journey-badges .jb-ic:where(:root.page-blog,:root.page-blog *){width:24px;height:24px;border-radius:50%;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}
.journey-badges .jb-t b:where(:root.page-blog,:root.page-blog *){font-size:14px;font-weight:700;letter-spacing:-0.01em;display:block;line-height:1.05}
.journey-badges .jb-t span:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.mcontent .mnum:where(:root.page-blog,:root.page-blog *){font-size:clamp(30px,3.4vw,50px);font-weight:700;letter-spacing:-0.03em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.mcontent .mlbl:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:11px}

/* ============================ PRODUCT EXPLORER ============================ */
.prodx:where(:root.page-blog,:root.page-blog *){padding-block:clamp(76px,9.5vw,140px);background:#F3F1EE}
.prodx-head:where(:root.page-blog,:root.page-blog *){text-align:center;margin-bottom:clamp(26px,3.2vw,44px)}
.prodx-head .h-section:where(:root.page-blog,:root.page-blog *){margin:0 auto;max-width:none;font-size:clamp(24px,3.4vw,42px)}
.prodx-card:where(:root.page-blog,:root.page-blog *){background:var(--paper);border-radius:28px;padding:clamp(22px,2.8vw,42px)}
.prodx-tabs:where(:root.page-blog,:root.page-blog *){position:relative;display:flex;flex-wrap:nowrap;gap:clamp(8px,2vw,40px);margin-bottom:clamp(26px,3.2vw,44px)}
.prodx-ind:where(:root.page-blog,:root.page-blog *){position:absolute;top:0;left:0;height:100%;width:0;border-radius:20px 20px 2px 2px;background:var(--wine-soft);z-index:0;pointer-events:none}
.prodx-tab:where(:root.page-blog,:root.page-blog *){position:relative;z-index:1;flex:1 1 0;min-width:0;text-align:center;font-size:clamp(15px,1.95vw,31px);font-weight:400;letter-spacing:-0.025em;line-height:1;color:#b7adb0;background:transparent;border:0;padding:clamp(16px,1.8vw,26px) 10px;border-radius:20px 20px 2px 2px;cursor:pointer;transition:color .2s var(--ease),background .2s var(--ease)}
.prodx-tab:hover:where(:root.page-blog,:root.page-blog *){color:var(--wine)}
.prodx-tab:not(.is-active):hover:where(:root.page-blog,:root.page-blog *){background:color-mix(in srgb,var(--wine) 6%,transparent)}
.prodx-tab.is-active:where(:root.page-blog,:root.page-blog *){color:var(--wine);font-weight:700}
.prodx-stage:where(:root.page-blog,:root.page-blog *){display:grid;grid-template-columns:0.82fr 1.18fr;gap:clamp(26px,3.4vw,52px);align-items:center;background:none;border:0;box-shadow:none;padding:0;border-radius:0}
.prodx-info:where(:root.page-blog,:root.page-blog *){min-width:0;padding-left:clamp(2px,1.2vw,20px)}
.pi-title:where(:root.page-blog,:root.page-blog *){font-size:clamp(26px,3vw,42px);font-weight:700;letter-spacing:-0.03em;line-height:1.04;margin:0 0 16px;text-wrap:balance}
.pi-desc:where(:root.page-blog,:root.page-blog *){font-size:16px;color:var(--ink-2);line-height:1.6;max-width:42ch}
.pi-link:where(:root.page-blog,:root.page-blog *){margin-top:26px}
.pi-link.link-arrow:where(:root.page-blog,:root.page-blog *){color:var(--wine);border-bottom:0;padding:10px 18px;border-radius:100px;background:transparent;border:1px solid var(--wine-line);transition:background .22s var(--ease),border-color .22s var(--ease),color .22s}
.pi-link.link-arrow:hover:where(:root.page-blog,:root.page-blog *){background:var(--wine-soft);border-color:var(--wine)}
.pi-link.link-arrow .arr:where(:root.page-blog,:root.page-blog *){color:var(--wine)}
.prodx-viz:where(:root.page-blog,:root.page-blog *){position:relative;min-height:360px;border-radius:20px;overflow:visible;padding:0;display:flex;align-items:center;justify-content:center;background:transparent}
.prodx-figstack:where(:root.page-blog,:root.page-blog *){position:relative;width:100%;aspect-ratio:1536/1024}
.prodx-fig:where(:root.page-blog,:root.page-blog *){position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(.985);transition:opacity .5s var(--ease),transform .6s var(--ease);pointer-events:none}
.prodx-fig.is-active:where(:root.page-blog,:root.page-blog *){opacity:1;transform:none}
.prodx-vidframe:where(:root.page-blog,:root.page-blog *){width:100%;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow-lg)}
.pvf-bar:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;gap:12px;padding:11px 16px;background:var(--paper-2);border-bottom:1px solid var(--line-2)}
.pvf-dots:where(:root.page-blog,:root.page-blog *){display:flex;gap:6px}
.pvf-dots i:where(:root.page-blog,:root.page-blog *){width:10px;height:10px;border-radius:50%;background:#d8d5ce;display:block}
.pvf-url:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:11px;color:var(--ink-3);background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:4px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pvf-screen:where(:root.page-blog,:root.page-blog *){position:relative;aspect-ratio:16/10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background: radial-gradient(120% 120% at 50% 0%, var(--paper-2), var(--paper));overflow:hidden}
.pvf-screen:where(:root.page-blog,:root.page-blog *)::before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1.1px,transparent 1.1px);background-size:22px 22px;opacity:.5;-webkit-mask-image:radial-gradient(circle at 50% 42%,#000,transparent 70%);mask-image:radial-gradient(circle at 50% 42%,#000,transparent 70%)}
.pvf-play:where(:root.page-blog,:root.page-blog *){position:relative;z-index:1;width:66px;height:66px;border-radius:50%;background:var(--wine);box-shadow:0 16px 40px -12px rgba(155,27,46,.6);display:grid;place-items:center}
.pvf-play:where(:root.page-blog,:root.page-blog *)::after{content:"";width:0;height:0;border-left:18px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}
.pvf-cap:where(:root.page-blog,:root.page-blog *){position:relative;z-index:1;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.prodx-viz:where(:root.page-blog,:root.page-blog *)::before{content:none}
.viz-panel:where(:root.page-blog,:root.page-blog *){position:absolute;inset:clamp(20px,2.4vw,34px);opacity:0;visibility:hidden;align-items:center}
.viz-panel.is-active:where(:root.page-blog,:root.page-blog *){position:relative;inset:auto;width:100%;opacity:1;visibility:visible;display:flex}
.vframe:where(:root.page-blog,:root.page-blog *){width:100%}
.vmedia:where(:root.page-blog,:root.page-blog *){position:relative;aspect-ratio:16/9;background:var(--ink);overflow:hidden}
.prodx-vid:where(:root.page-blog,:root.page-blog *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.prodx-shot:where(:root.page-blog,:root.page-blog *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.pv-float:where(:root.page-blog,:root.page-blog *){position:absolute;z-index:4;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:13px;padding:11px 14px;box-shadow:0 18px 40px -20px rgba(40,8,16,.5)}
.pv-f1:where(:root.page-blog,:root.page-blog *){left:-16px;top:20%;animation:floatCard 6.5s var(--ease) infinite}
.pv-f2:where(:root.page-blog,:root.page-blog *){right:-14px;bottom:15%;flex-direction:column;align-items:flex-start;gap:2px;animation:floatCard 7.5s var(--ease) infinite reverse}
.pv-check:where(:root.page-blog,:root.page-blog *){width:28px;height:28px;border-radius:50%;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;font-weight:700;font-size:13px;flex:none}
.pv-tx b:where(:root.page-blog,:root.page-blog *),.pv-big:where(:root.page-blog,:root.page-blog *){font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-0.01em;display:block}
.pv-big:where(:root.page-blog,:root.page-blog *){font-size:21px}
.pv-tx span:where(:root.page-blog,:root.page-blog *),.pv-f2 span:where(:root.page-blog,:root.page-blog *){font-size:11px;color:var(--ink-3)}
.vframe:where(:root.page-blog,:root.page-blog *){border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper-2);box-shadow:var(--shadow-sm)}
.vbar:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;gap:12px;padding:11px 14px;background:var(--paper);border-bottom:1px solid var(--line-2)}
.vdots:where(:root.page-blog,:root.page-blog *){display:flex;gap:5px}
.vdots i:where(:root.page-blog,:root.page-blog *){width:9px;height:9px;border-radius:50%;background:#DAD7D0;display:block}
.vttl:where(:root.page-blog,:root.page-blog *){font-size:12.5px;font-weight:600;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vlive:where(:root.page-blog,:root.page-blog *){margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;color:#16804a;flex:none}
.vlive i:where(:root.page-blog,:root.page-blog *){width:6px;height:6px;border-radius:50%;background:#16a34a;display:block}
.vbody:where(:root.page-blog,:root.page-blog *){padding:18px;display:flex;flex-direction:column;gap:14px}
.vtop:where(:root.page-blog,:root.page-blog *){display:flex;gap:16px;align-items:center}
.donut:where(:root.page-blog,:root.page-blog *){position:relative;width:96px;height:96px;flex:none}
.donut svg:where(:root.page-blog,:root.page-blog *){width:100%;height:100%;transform:rotate(-90deg)}
.donut .d-bg:where(:root.page-blog,:root.page-blog *){fill:none;stroke:var(--line);stroke-width:3.4}
.donut .d-fg:where(:root.page-blog,:root.page-blog *){fill:none;stroke:var(--wine);stroke-width:3.4;stroke-linecap:round;stroke-dasharray:100.5;stroke-dashoffset:100.5}
.donut .d-c:where(:root.page-blog,:root.page-blog *){position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.donut .d-c b:where(:root.page-blog,:root.page-blog *){font-size:22px;font-weight:700;letter-spacing:-0.02em}
.donut .d-c i:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:9px;color:var(--ink-3);font-style:normal}
.vtiles:where(:root.page-blog,:root.page-blog *){display:flex;gap:12px;flex:1}
.vtiles.wide:where(:root.page-blog,:root.page-blog *){width:100%}
.vtile:where(:root.page-blog,:root.page-blog *){flex:1;border:1px solid var(--line);border-radius:11px;background:var(--paper);padding:14px 16px}
.vtile b:where(:root.page-blog,:root.page-blog *){font-size:clamp(20px,2.2vw,26px);font-weight:700;letter-spacing:-0.02em;display:block}
.vtile span:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:6px;display:block}
.vlist:where(:root.page-blog,:root.page-blog *){display:flex;flex-direction:column;gap:8px}
.vli:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;color:var(--ink-2);background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:9px 12px}
.vli em:where(:root.page-blog,:root.page-blog *){font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vli-ic:where(:root.page-blog,:root.page-blog *){width:16px;height:16px;border-radius:4px;background:var(--wine-soft);flex:none}
.vli-tag:where(:root.page-blog,:root.page-blog *){margin-left:auto;font-size:9px;letter-spacing:.06em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:2px 7px;flex:none}
.vli-tag.ok:where(:root.page-blog,:root.page-blog *){color:#16804a;border-color:rgba(22,128,74,.3)}
.vpipe:where(:root.page-blog,:root.page-blog *){display:flex;gap:10px}
.vstage:where(:root.page-blog,:root.page-blog *){flex:1;border:1px solid var(--line);border-radius:11px;background:var(--paper);padding:13px;text-align:center}
.vstage .vs-n:where(:root.page-blog,:root.page-blog *){font-size:22px;font-weight:700;letter-spacing:-0.02em;display:block}
.vstage .vs-l:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:5px;display:block}
.vstage.on:where(:root.page-blog,:root.page-blog *){border-color:var(--wine);background:var(--wine-soft)}
.vchart:where(:root.page-blog,:root.page-blog *){display:flex;align-items:flex-end;gap:12px;height:92px;padding-top:6px}
.vbarc:where(:root.page-blog,:root.page-blog *){flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;height:100%}
.vbarc .bf:where(:root.page-blog,:root.page-blog *){width:100%;border-radius:5px 5px 0 0;background:var(--accent);height:0}
.vbarc .bf.wine:where(:root.page-blog,:root.page-blog *){background:var(--wine)}
.vbarc i:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:9px;color:var(--ink-3);font-style:normal}
.vfoot:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line-2);padding-top:12px;font-size:13px;color:var(--ink-2)}
.vfoot b:where(:root.page-blog,:root.page-blog *){color:var(--wine);font-weight:700}
.vflow:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;gap:0}
.vnode:where(:root.page-blog,:root.page-blog *){flex:none;font-family:var(--font-mono);font-size:11px;color:var(--ink-2);border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:var(--paper)}
.vnode.done:where(:root.page-blog,:root.page-blog *){color:#16804a;border-color:rgba(22,128,74,.3)}
.vnode.cur:where(:root.page-blog,:root.page-blog *){color:#fff;background:var(--wine);border-color:var(--wine)}
.vlk:where(:root.page-blog,:root.page-blog *){flex:1;height:1px;background:var(--line);min-width:12px}
.vseg:where(:root.page-blog,:root.page-blog *){display:flex;height:30px;border-radius:8px;overflow:hidden;border:1px solid var(--line)}
.vseg .sf:where(:root.page-blog,:root.page-blog *){height:100%;width:0}
.vseg .sf.a:where(:root.page-blog,:root.page-blog *){background:var(--wine)}
.vseg .sf.b:where(:root.page-blog,:root.page-blog *){background:var(--accent)}
.vseg .sf.c:where(:root.page-blog,:root.page-blog *){background:var(--paper-3)}
.vseg-key:where(:root.page-blog,:root.page-blog *){display:flex;flex-wrap:wrap;gap:14px;font-family:var(--font-mono);font-size:9.5px;color:var(--ink-2)}
.vseg-key i:where(:root.page-blog,:root.page-blog *){width:9px;height:9px;border-radius:3px;display:inline-block;margin-right:5px;vertical-align:middle}
.vseg-key i.a:where(:root.page-blog,:root.page-blog *){background:var(--wine)}
.vseg-key i.b:where(:root.page-blog,:root.page-blog *){background:var(--accent)}
.vseg-key i.c:where(:root.page-blog,:root.page-blog *){background:var(--paper-3)}

/* stat band */
.statband:where(:root.page-blog,:root.page-blog *){display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper)}
.statband .sc:where(:root.page-blog,:root.page-blog *){padding:clamp(26px,3vw,38px) clamp(18px,2vw,30px);border-right:1px solid var(--line)}
.statband .sc:last-child:where(:root.page-blog,:root.page-blog *){border-right:0}

/* ============================ ANECDOTES (carousel) ============================ */
.anec-head:where(:root.page-blog,:root.page-blog *){display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:48px}
.anec-nav:where(:root.page-blog,:root.page-blog *){display:flex;gap:10px}
.anec-nav button:where(:root.page-blog,:root.page-blog *){width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);display:grid;place-items:center;transition:.2s}
.anec-nav button:hover:where(:root.page-blog,:root.page-blog *){border-color:var(--ink);background:var(--paper-2)}
.anec-nav button:disabled:where(:root.page-blog,:root.page-blog *){opacity:.35;cursor:default}
.anec-track-wrap:where(:root.page-blog,:root.page-blog *){overflow:hidden;padding-block:6px}
.anec-track:where(:root.page-blog,:root.page-blog *){display:flex;gap:24px}
.anec-card:where(:root.page-blog,:root.page-blog *){position:relative;flex:0 0 min(680px,90vw);height:clamp(360px,42vw,460px); border-radius:22px;overflow:hidden;background:var(--ink);isolation:isolate}
.anec-img:where(:root.page-blog,:root.page-blog *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0; transform:scale(1.02);transition:transform .8s var(--ease)}
.anec-card:hover .anec-img:where(:root.page-blog,:root.page-blog *){transform:scale(1.07)}
.anec-shade:where(:root.page-blog,:root.page-blog *){position:absolute;inset:0;z-index:1; background:linear-gradient(183deg,rgba(20,16,18,.18) 0%,rgba(20,16,18,0) 26%,rgba(20,16,18,.62) 64%,rgba(20,16,18,.92) 100%)}
.anec-body:where(:root.page-blog,:root.page-blog *){position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(22px,2.4vw,32px);color:#fff}
.anec-chip:where(:root.page-blog,:root.page-blog *){align-self:flex-start;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#fff; background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:7px 13px;border-radius:100px}
.anec-bottom h3:where(:root.page-blog,:root.page-blog *){font-size:clamp(22px,2.2vw,29px);font-weight:700;letter-spacing:-0.025em;line-height:1.08;margin-bottom:12px;text-wrap:balance;max-width:18ch}
.anec-bottom p:where(:root.page-blog,:root.page-blog *){font-size:15px;line-height:1.55;color:rgba(255,255,255,.82);max-width:46ch;text-wrap:pretty}
.anec-stats:where(:root.page-blog,:root.page-blog *){display:none}
.anec-link:where(:root.page-blog,:root.page-blog *){display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-weight:600;font-size:14.5px;color:#fff}
.anec-link .arr:where(:root.page-blog,:root.page-blog *){transition:transform .25s var(--ease)}
.anec-card:hover .anec-link .arr:where(:root.page-blog,:root.page-blog *){transform:translateX(4px)}

/* ============================ ECOSYSTEM ============================ */
.eco-head:where(:root.page-blog,:root.page-blog *){margin-bottom:clamp(48px,6vw,84px)}
.eco-rows:where(:root.page-blog,:root.page-blog *){display:flex;flex-direction:column;gap:clamp(56px,7vw,110px);margin-bottom:clamp(44px,5vw,72px)}
.eco-row:where(:root.page-blog,:root.page-blog *){display:grid;grid-template-columns:0.82fr 1.18fr;gap:clamp(36px,5vw,80px);align-items:center}
.eco-info:where(:root.page-blog,:root.page-blog *){min-width:0}
.eco-rowhead:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;gap:13px;margin-bottom:22px}
.eco-num:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--ink-3);letter-spacing:.04em}
.eco-glyph:where(:root.page-blog,:root.page-blog *){width:44px;height:44px;border-radius:11px;display:grid;place-items:center;font-family:var(--font-mono);font-size:13px;font-weight:600;color:#fff;background:var(--accent);flex:none}
.eco-row[data-k="ts"] .eco-glyph:where(:root.page-blog,:root.page-blog *){background:var(--accent)}
.eco-row[data-k="cv"] .eco-glyph:where(:root.page-blog,:root.page-blog *){background:var(--accent)}
.eco-row[data-k="nx"] .eco-glyph:where(:root.page-blog,:root.page-blog *){background:var(--accent)}
.eco-row[data-k="ck"] .eco-glyph:where(:root.page-blog,:root.page-blog *){background:var(--accent)}
.eco-badge:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;color:var(--ink-2);border:1px solid var(--line);border-radius:6px;padding:4px 8px;text-transform:uppercase}
.eco-rowhead .eco-badge:where(:root.page-blog,:root.page-blog *){margin-left:auto}
.eco-name:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--wine);margin-bottom:14px}
.eco-h:where(:root.page-blog,:root.page-blog *){font-size:clamp(25px,2.9vw,38px);font-weight:700;letter-spacing:-0.03em;line-height:1.04;margin-bottom:18px;text-wrap:balance;max-width:15ch}
.eco-desc:where(:root.page-blog,:root.page-blog *){font-size:clamp(15px,1.4vw,17px);color:var(--ink-2);line-height:1.6;max-width:46ch;margin-bottom:24px;text-wrap:pretty}
.eco-tags:where(:root.page-blog,:root.page-blog *){display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.eco-info .link-arrow:where(:root.page-blog,:root.page-blog *){font-size:15px}

/* product image placeholder (client-provided) */
.eco-media:where(:root.page-blog,:root.page-blog *){min-width:0}
.media-frame:where(:root.page-blog,:root.page-blog *){border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper);box-shadow:var(--shadow-md)}
.media-bar:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line-2);background:var(--paper-2)}
.media-bar .md-dots:where(:root.page-blog,:root.page-blog *){display:flex;gap:6px;flex:none}
.media-bar .md-dots i:where(:root.page-blog,:root.page-blog *){width:10px;height:10px;border-radius:50%;background:#DAD7D0;display:block}
.media-bar .md-title:where(:root.page-blog,:root.page-blog *){font-size:13px;font-weight:600;color:var(--ink-2);letter-spacing:-0.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.media-bar .md-tag:where(:root.page-blog,:root.page-blog *){margin-left:auto;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:3px 7px;flex:none}
.media-body:where(:root.page-blog,:root.page-blog *){position:relative;aspect-ratio:16/10.5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--paper-2);overflow:hidden}
.media-body:where(:root.page-blog,:root.page-blog *)::before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1.1px,transparent 1.1px);background-size:22px 22px;opacity:.55;-webkit-mask-image:radial-gradient(circle at 50% 44%,#000,transparent 70%);mask-image:radial-gradient(circle at 50% 44%,#000,transparent 70%)}
.media-icon:where(:root.page-blog,:root.page-blog *){width:74px;height:74px;border-radius:18px;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow-sm);display:grid;place-items:center;color:var(--ink-3);z-index:1}
.eco-row[data-k="ts"] .media-icon:where(:root.page-blog,:root.page-blog *){color:var(--accent)}
.eco-row[data-k="cv"] .media-icon:where(:root.page-blog,:root.page-blog *){color:var(--accent)}
.eco-row[data-k="ck"] .media-icon:where(:root.page-blog,:root.page-blog *){color:var(--accent)}
.media-cap:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);z-index:1}
.eco-substrate:where(:root.page-blog,:root.page-blog *){margin-top:0;text-align:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);display:flex;align-items:center;justify-content:center;gap:10px}
.eco-substrate:where(:root.page-blog,:root.page-blog *)::before,.eco-substrate:where(:root.page-blog,:root.page-blog *)::after{content:"";height:1px;flex:1;max-width:120px;background:var(--line)}

/* ============================ ENTERPRISE GAP ============================ */
.gap:where(:root.page-blog,:root.page-blog *){background:var(--paper-2)}
.gap-head:where(:root.page-blog,:root.page-blog *){max-width:780px;margin-bottom:54px}
.sym-grid:where(:root.page-blog,:root.page-blog *){display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.sym:where(:root.page-blog,:root.page-blog *){grid-column:span 2;border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:24px;display:flex;flex-direction:column;transition:.25s var(--ease)}
.sym:nth-child(4):where(:root.page-blog,:root.page-blog *){grid-column:span 3}
.sym:nth-child(5):where(:root.page-blog,:root.page-blog *){grid-column:span 3}
.sym:hover:where(:root.page-blog,:root.page-blog *){box-shadow:var(--shadow-md);transform:translateY(-2px)}
.sym .sk:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--wine);margin-bottom:14px}
.sym h4:where(:root.page-blog,:root.page-blog *){font-size:17px;font-weight:600;letter-spacing:-0.015em;margin-bottom:9px}
.sym p:where(:root.page-blog,:root.page-blog *){font-size:13.5px;color:var(--ink-2);line-height:1.5;margin-bottom:18px}
.sym .sviz:where(:root.page-blog,:root.page-blog *){margin-top:auto;display:flex;flex-direction:column;gap:6px}
.faux-line:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:6px;padding:6px 9px}
.faux-line .t:where(:root.page-blog,:root.page-blog *){margin-left:auto;color:var(--ink-3)}
.faux-line.bad:where(:root.page-blog,:root.page-blog *){color:var(--wine);border-color:var(--wine-line);background:var(--wine-soft)}
.gap-answer:where(:root.page-blog,:root.page-blog *){margin-top:30px;border:1px solid var(--ink);border-radius:18px;background:var(--ink);color:#fff;padding:clamp(32px,4vw,52px);display:grid;grid-template-columns:1.4fr 1fr;gap:36px;align-items:center}
.gap-answer .ga-k:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:18px;display:flex;align-items:center;gap:9px}
.gap-answer .ga-k:where(:root.page-blog,:root.page-blog *)::before{content:"";width:7px;height:7px;border-radius:2px;background:var(--wine)}
.gap-answer h3:where(:root.page-blog,:root.page-blog *){font-size:clamp(24px,2.8vw,36px);font-weight:700;letter-spacing:-0.025em;line-height:1.05;text-wrap:balance}
.gap-answer p:where(:root.page-blog,:root.page-blog *){color:rgba(255,255,255,.72);font-size:15.5px;line-height:1.6;margin-top:18px;max-width:52ch}
.gap-answer .ga-cta:where(:root.page-blog,:root.page-blog *){display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.btn-wine-ghost:where(:root.page-blog,:root.page-blog *){background:transparent;color:#fff;border:1px solid rgba(255,255,255,.28)}
.btn-wine-ghost:hover:where(:root.page-blog,:root.page-blog *){background:rgba(255,255,255,.08);border-color:#fff}

/* ============================ ARCHITECTURE (callout) ============================ */
.archx-callout:where(:root.page-blog,:root.page-blog *){position:relative;border:1px solid rgba(255,255,255,.18);border-radius:32px;padding:clamp(32px,4.5vw,64px);overflow:hidden; background: radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,.12), transparent 60%), linear-gradient(165deg,#B23a4a 0%,#8E1B2C 52%,#67121F 100%); color:#fff; box-shadow:0 40px 90px -46px rgba(70,18,28,.7), 0 0 0 7px rgba(155,27,46,.08)}
.archx-top:where(:root.page-blog,:root.page-blog *){position:relative;z-index:1;display:grid;grid-template-columns:42% 1fr;gap:clamp(28px,3.5vw,56px);align-items:center}
.archx-callout:where(:root.page-blog,:root.page-blog *)::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none; background-image:radial-gradient(circle, rgba(255,255,255,.14) 1.2px, transparent 1.2px);background-size:26px 26px;opacity:.6}
.archx-left:where(:root.page-blog,:root.page-blog *),.archx-right:where(:root.page-blog,:root.page-blog *){position:relative;z-index:1}
.archx-left .kicker:where(:root.page-blog,:root.page-blog *){display:block;margin-bottom:18px;color:rgba(255,255,255,.6)}
.archx-left .kicker:where(:root.page-blog,:root.page-blog *)::before{background:#fff}
.archx-title:where(:root.page-blog,:root.page-blog *){font-size:clamp(30px,3.4vw,46px);font-weight:700;letter-spacing:-0.03em;line-height:1.04;text-wrap:balance;margin-bottom:18px;color:#fff}
.archx-lede:where(:root.page-blog,:root.page-blog *){font-size:clamp(16px,1.55vw,19px);color:rgba(255,255,255,.8);line-height:1.6;max-width:42ch;margin-bottom:28px}
.archx-cta:where(:root.page-blog,:root.page-blog *){border-radius:100px;background:#fff;color:var(--wine-deep)}
.archx-cta:hover:where(:root.page-blog,:root.page-blog *){background:#fff;transform:translateY(-2px);box-shadow:0 16px 36px -14px rgba(0,0,0,.45)}

/* diagram placeholder — client to provide */
.archx-diagram--ph:where(:root.page-blog,:root.page-blog *){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px; min-height:clamp(220px,24vw,300px);border:1.5px dashed rgba(255,255,255,.3);border-radius:18px; background:rgba(255,255,255,.05);text-align:center;padding:30px}
.axd-ph-ic:where(:root.page-blog,:root.page-blog *){width:60px;height:60px;border-radius:15px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;color:#fff}
.archx-diagram--ph b:where(:root.page-blog,:root.page-blog *){font-size:16px;font-weight:700;color:#fff;letter-spacing:-0.01em}
.axd-ph-sub:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.axd-col:where(:root.page-blog,:root.page-blog *){display:flex;flex-direction:column;gap:8px;align-items:stretch;min-width:0}
.axd-lbl:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:4px;text-align:center}
.axd-flow span:where(:root.page-blog,:root.page-blog *){width:18px;height:2px;border-radius:2px;background:rgba(255,255,255,.3)}
.axd-flow span:nth-child(2):where(:root.page-blog,:root.page-blog *){width:24px;background:rgba(255,255,255,.6)}
.axd-chip:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--ink-2);background:var(--paper);border:1px solid rgba(20,16,22,.05);border-radius:9px;padding:9px 12px;text-align:center;box-shadow:0 12px 28px -16px rgba(42,30,48,.4)}
.axd-chip.wine:where(:root.page-blog,:root.page-blog *){color:var(--wine);border-color:var(--wine-line);background:var(--wine-soft)}
.axd-flow:where(:root.page-blog,:root.page-blog *){display:flex;flex-direction:column;gap:4px;flex:none}
.axd-flow span:where(:root.page-blog,:root.page-blog *){width:18px;height:2px;border-radius:2px;background:var(--wine-line)}
.axd-flow span:nth-child(2):where(:root.page-blog,:root.page-blog *){width:24px;background:var(--wine)}
.axd-core:where(:root.page-blog,:root.page-blog *){background:var(--paper);border:1px solid var(--wine-line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-md);min-width:148px}
.axd-core-top:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;justify-content:space-between;padding:2px 4px 8px;border-bottom:1px solid var(--line-2)}
.axd-core-top b:where(:root.page-blog,:root.page-blog *){font-size:13px;font-weight:700;letter-spacing:-0.01em;white-space:nowrap}
.axd-core-v:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:9px;color:var(--wine)}
.axd-layer:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:10.5px;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:7px;padding:7px 10px;transition:.2s var(--ease)}
.axd-layer:hover:where(:root.page-blog,:root.page-blog *){background:var(--wine-soft);border-color:var(--wine-line);color:var(--wine)}

/* capability list inside callout — borderless angled cards */
.caplist:where(:root.page-blog,:root.page-blog *){position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px);margin-top:clamp(34px,4vw,52px);padding-top:8px}
.capx:where(:root.page-blog,:root.page-blog *){display:flex;gap:13px;align-items:flex-start;position:relative; background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.05)); -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px); border:0;border-radius:16px;padding:22px 22px 24px;overflow:hidden; box-shadow:0 16px 36px -22px rgba(20,6,10,.6);transition:transform .3s var(--ease)}
.capx:hover:where(:root.page-blog,:root.page-blog *){transform:translateY(-2px)}
.capx:where(:root.page-blog,:root.page-blog *)::before{display:none}
.capx :is(h3,h4):where(:root.page-blog,:root.page-blog *){font-size:15.5px;font-weight:700;letter-spacing:-0.015em;margin-bottom:7px;color:#fff}
.capx p:where(:root.page-blog,:root.page-blog *){font-size:13.5px;color:rgba(255,255,255,.74);line-height:1.55}
.arch-cols:where(:root.page-blog,:root.page-blog *){position:relative;display:grid;grid-template-columns:1fr auto 1.5fr;gap:0;align-items:stretch}
.arch-sys:where(:root.page-blog,:root.page-blog *){padding:clamp(26px,3vw,40px);border-right:1px solid var(--line)}
.arch-colhead:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:20px;display:flex;align-items:center;gap:8px}
.sys-node:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper-2);margin-bottom:10px;transition:.25s var(--ease)}
.sys-node:hover:where(:root.page-blog,:root.page-blog *){border-color:var(--accent-line);background:var(--accent-soft)}
.sys-node .sn-g:where(:root.page-blog,:root.page-blog *){width:30px;height:30px;border-radius:7px;background:var(--paper);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:9px;font-weight:600;color:var(--ink-2);flex:none}
.sys-node .sn-t b:where(:root.page-blog,:root.page-blog *){font-size:13.5px;font-weight:600;display:block}
.sys-node .sn-t span:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:9.5px;color:var(--ink-3);letter-spacing:.02em}
.arch-flow:where(:root.page-blog,:root.page-blog *){width:74px;position:relative;display:grid;place-items:center}
.arch-flow .flowlbl:where(:root.page-blog,:root.page-blog *){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}
.arch-core:where(:root.page-blog,:root.page-blog *){padding:clamp(26px,3vw,40px);background:linear-gradient(180deg,var(--wine-soft),var(--paper) 70%)}
.core-card:where(:root.page-blog,:root.page-blog *){border:1px solid var(--wine-line);border-radius:14px;background:var(--paper);box-shadow:var(--shadow-md);overflow:hidden}
.core-top:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line-2)}
.core-top .ct-t:where(:root.page-blog,:root.page-blog *){font-size:16px;font-weight:700;letter-spacing:-0.02em}
.core-top .ct-v:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:10px;color:var(--ink-3)}
.core-layers:where(:root.page-blog,:root.page-blog *){padding:14px}
.layer:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:9px;margin-bottom:6px;transition:.25s var(--ease);border:1px solid transparent}
.layer:hover:where(:root.page-blog,:root.page-blog *){background:var(--wine-soft);border-color:var(--wine-line)}
.layer .ly-n:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:10px;color:var(--wine);font-weight:600;width:26px;flex:none}
.layer .ly-t b:where(:root.page-blog,:root.page-blog *){font-size:14px;font-weight:600;display:block;letter-spacing:-0.01em}
.layer .ly-t span:where(:root.page-blog,:root.page-blog *){font-size:12px;color:var(--ink-3)}
.core-out:where(:root.page-blog,:root.page-blog *){display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}
.out-card:where(:root.page-blog,:root.page-blog *){border:1px solid var(--line);border-radius:11px;padding:15px;background:var(--paper)}
.out-card .oc-k:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:9px}
.out-card b:where(:root.page-blog,:root.page-blog *){font-size:14px;font-weight:600;display:block;letter-spacing:-0.01em;margin-bottom:5px}
.out-card span:where(:root.page-blog,:root.page-blog *){font-size:12px;color:var(--ink-3);line-height:1.4}

/* capability strip below diagram */
.cap-grid:where(:root.page-blog,:root.page-blog *){display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:22px}
.cap:where(:root.page-blog,:root.page-blog *){background:var(--paper);padding:26px 24px}
.cap .cn:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:10px;color:var(--wine);margin-bottom:14px}
.cap h4:where(:root.page-blog,:root.page-blog *){font-size:16px;font-weight:600;letter-spacing:-0.015em;margin-bottom:9px}
.cap p:where(:root.page-blog,:root.page-blog *){font-size:13.5px;color:var(--ink-2);line-height:1.5;margin-bottom:14px}
.cap .ctags:where(:root.page-blog,:root.page-blog *){display:flex;flex-wrap:wrap;gap:6px}
.ctag:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:3px 7px;text-transform:uppercase;white-space:nowrap}

/* flow timeline */

/* ============================ LOOP CIRCUIT (decision flow) ============================ */
.loopx:where(:root.page-blog,:root.page-blog *){position:relative;margin-top:clamp(56px,7vw,104px);padding:0;background:none;border:0}
.loopx-head:where(:root.page-blog,:root.page-blog *){max-width:820px;margin:0 auto clamp(20px,2.4vw,34px);text-align:center}
.loopx-title:where(:root.page-blog,:root.page-blog *){margin:0 auto;text-wrap:balance}
.loopx-sub:where(:root.page-blog,:root.page-blog *){margin:14px auto 0;font-size:clamp(14.5px,1.4vw,17px);color:var(--ink-2);line-height:1.55;max-width:56ch;text-wrap:pretty}
.loopx-stage:where(:root.page-blog,:root.page-blog *){position:relative;margin:0 auto}
.sigx:where(:root.page-blog,:root.page-blog *){position:relative;aspect-ratio:1000/300;max-width:1180px;margin:64px auto;overflow:visible}
.sig-svg:where(:root.page-blog,:root.page-blog *){position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sig-base:where(:root.page-blog,:root.page-blog *){fill:none;stroke:#D8D4CD;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.sig-accent path:where(:root.page-blog,:root.page-blog *){fill:none;stroke:var(--wine);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.5}
.sig-ink:where(:root.page-blog,:root.page-blog *){fill:none;stroke:var(--wine);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 6px rgba(155,27,46,.28))}
.sig-pegs:where(:root.page-blog,:root.page-blog *){position:absolute;inset:0;z-index:2;pointer-events:none}
.sig-peg:where(:root.page-blog,:root.page-blog *){position:absolute;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:#fff;border:2px solid #D8D4CD;box-shadow:0 4px 10px -3px rgba(40,20,26,.3);transition:.35s var(--ease)}
.sig-peg.lit:where(:root.page-blog,:root.page-blog *){border-color:var(--wine);background:var(--wine);box-shadow:0 0 0 4px rgba(155,27,46,.16),0 6px 14px -4px rgba(155,27,46,.5)}
.sig-stem:where(:root.page-blog,:root.page-blog *){position:absolute;width:1.6px;margin-left:-0.8px;background:linear-gradient(var(--wine),rgba(155,27,46,.12));transform-origin:top;z-index:2;opacity:.35;transition:opacity .35s var(--ease)}
.sig-stem.lit:where(:root.page-blog,:root.page-blog *){opacity:1}
.loopx-steps:where(:root.page-blog,:root.page-blog *){position:absolute;inset:0;z-index:3}
.lxstep:where(:root.page-blog,:root.page-blog *){position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:clamp(126px,12vw,156px);text-align:left; background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:11px 13px;box-shadow:0 12px 28px -14px rgba(40,20,26,.26);transition:border-color .35s var(--ease),box-shadow .35s var(--ease),background .35s}
.lxstep.above:where(:root.page-blog,:root.page-blog *){transform:translate(-50%,calc(-100% - 13px))}
.lxstep.below:where(:root.page-blog,:root.page-blog *){transform:translate(-50%,13px)}
.lxstep .lxs-dot:where(:root.page-blog,:root.page-blog *){width:22px;height:22px;border-radius:7px;background:var(--paper-2);border:1.5px solid var(--line);display:grid;place-items:center;transition:.35s var(--ease);flex:none;position:relative}
.lxstep .lxs-dot:where(:root.page-blog,:root.page-blog *)::after{content:"";width:7px;height:4px;border-left:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);transform:rotate(-45deg) translateY(-1px);transition:.35s}
.lxstep b:where(:root.page-blog,:root.page-blog *){font-size:13px;font-weight:700;letter-spacing:-0.01em;color:var(--ink);transition:color .35s;line-height:1.12}
.lxstep .lxs-sub:where(:root.page-blog,:root.page-blog *){font-size:10.5px;line-height:1.32;color:var(--ink-3);transition:color .35s;text-wrap:pretty}
.lxstep.lit:where(:root.page-blog,:root.page-blog *){border-color:var(--wine);box-shadow:0 16px 34px -12px rgba(155,27,46,.4);z-index:6}
.lxstep.lit .lxs-dot:where(:root.page-blog,:root.page-blog *){border-color:var(--wine);background:var(--wine)}
.lxstep.lit .lxs-dot:where(:root.page-blog,:root.page-blog *)::after{border-color:#fff}
.lxstep.lit .lxs-sub:where(:root.page-blog,:root.page-blog *){color:var(--ink-2)}
.loopx-comet:where(:root.page-blog,:root.page-blog *){position:absolute;left:0;top:0;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;z-index:5; background:radial-gradient(circle,#fff 0%,var(--wine) 55%,rgba(155,27,46,0) 72%); box-shadow:0 0 16px 4px rgba(155,27,46,.7),0 0 5px 1px #fff;pointer-events:none}

/* ============================ INDUSTRY FIT ============================ */
.ind-head:where(:root.page-blog,:root.page-blog *){display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end;margin-bottom:48px}
.ind-tabswrap:where(:root.page-blog,:root.page-blog *){position:relative;display:flex;align-items:center;gap:12px;margin-bottom:34px}
.ind-arrow:where(:root.page-blog,:root.page-blog *){flex:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:20px;line-height:1;display:grid;place-items:center;transition:.2s var(--ease);box-shadow:var(--shadow-sm)}
.ind-arrow:hover:where(:root.page-blog,:root.page-blog *){border-color:var(--ink);background:var(--paper-2)}
.ind-arrow:disabled:where(:root.page-blog,:root.page-blog *){opacity:.3;cursor:default;box-shadow:none}
.ind-tabs:where(:root.page-blog,:root.page-blog *){flex:1 1 auto;min-width:0;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:6px 4px}
.ind-tabs:where(:root.page-blog,:root.page-blog *)::-webkit-scrollbar{display:none}
.ind-tab:where(:root.page-blog,:root.page-blog *){flex:none;white-space:nowrap;font-size:14px;font-weight:600;color:#9a9098;padding:9px 18px;border:1px dashed #c7bcc0;border-radius:100px;background:transparent;transition:color .2s,border-color .2s,background .2s}
.ind-tab:hover:where(:root.page-blog,:root.page-blog *){color:var(--wine);border-color:var(--wine-line)}
.ind-tab.is-active:where(:root.page-blog,:root.page-blog *){background:var(--wine-soft);color:var(--wine);border-style:solid;border-color:var(--wine)}

/* view-all industries */
.ind-morerow:where(:root.page-blog,:root.page-blog *){display:flex;justify-content:center;margin:-18px 0 30px}
.ind-more:where(:root.page-blog,:root.page-blog *){flex:none;white-space:nowrap;font-size:14px;font-weight:600;color:var(--wine);padding:11px 22px;border:1px solid var(--wine);border-radius:100px;background:var(--wine-soft);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.2s var(--ease)}
transition:.2s var(--ease)} .ind-more:hover:where(:root.page-blog,:root.page-blog *){background:var(--wine);color:#fff}
.ind-more .im-ic:where(:root.page-blog,:root.page-blog *){font-size:10px;transition:transform .25s var(--ease)}
.ind-more[aria-expanded="true"] .im-ic:where(:root.page-blog,:root.page-blog *){transform:rotate(180deg)}
.ind-allwrap:where(:root.page-blog,:root.page-blog *){margin:-14px 0 34px;border:1px solid var(--line);border-radius:20px;background:var(--paper);padding:clamp(20px,2.4vw,30px);box-shadow:var(--shadow-md)}
.ind-all-head:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.ind-all-close:where(:root.page-blog,:root.page-blog *){width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;font-size:13px;transition:.2s}
.ind-all-close:hover:where(:root.page-blog,:root.page-blog *){border-color:var(--ink);background:var(--paper-2)}
.ind-allgrid:where(:root.page-blog,:root.page-blog *){display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ind-allgrid button:where(:root.page-blog,:root.page-blog *){text-align:left;font-size:14px;font-weight:600;color:var(--ink-2);padding:13px 16px;border:1px dashed var(--line);border-radius:12px;background:transparent;cursor:pointer;transition:.18s var(--ease)}
.ind-allgrid button:hover:where(:root.page-blog,:root.page-blog *){color:var(--wine);border-color:var(--wine-line);background:var(--wine-soft)}
.ind-allgrid button.is-active:where(:root.page-blog,:root.page-blog *){color:var(--wine);border-style:solid;border-color:var(--wine);background:var(--wine-soft)}
.ind-tab:where(:root.page-blog,:root.page-blog *){flex:none;white-space:nowrap;font-size:14px;font-weight:600;color:#9a9098;padding:9px 18px;border:1px dashed #c7bcc0;border-radius:100px;background:transparent;cursor:pointer;transition:color .2s,border-color .2s,background .2s}
.ind-panel:where(:root.page-blog,:root.page-blog *){display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(24px,3vw,48px);align-items:stretch; border:1px solid var(--line);border-radius:24px;background:var(--paper);padding:clamp(18px,1.8vw,26px);min-height:400px}
.ind-media:where(:root.page-blog,:root.page-blog *){border-radius:16px;overflow:hidden;background:var(--paper-3);min-height:300px}
.ind-media img:where(:root.page-blog,:root.page-blog *){width:100%;height:100%;object-fit:cover;display:block}
.ind-content:where(:root.page-blog,:root.page-blog *){display:flex;flex-direction:column;padding:clamp(8px,1vw,16px) clamp(8px,1.4vw,22px) clamp(8px,1vw,16px) 0}
.ind-toprow:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;justify-content:space-between;gap:16px}
.ind-brand:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;gap:12px}
.ind-glyph:where(:root.page-blog,:root.page-blog *){width:38px;height:38px;border-radius:10px;background:var(--wine);color:#fff;display:grid;place-items:center;font-weight:700;font-size:16px;flex:none}
.ind-brand b:where(:root.page-blog,:root.page-blog *){font-size:17px;font-weight:700;letter-spacing:-0.02em;color:var(--ink)}
.ind-counter:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.ind-counter i:where(:root.page-blog,:root.page-blog *){width:24px;height:1px;background:var(--line);display:inline-block}
.ind-div:where(:root.page-blog,:root.page-blog *){border:0;border-top:1px solid var(--line);margin:clamp(18px,2vw,26px) 0}
.ind-cols:where(:root.page-blog,:root.page-blog *){display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,44px);flex:1}
.ind-cA:where(:root.page-blog,:root.page-blog *){display:flex;flex-direction:column}
.ind-cA h3:where(:root.page-blog,:root.page-blog *){font-size:clamp(22px,2.4vw,32px);font-weight:700;letter-spacing:-0.03em;line-height:1.08;text-wrap:balance}
.ind-sub:where(:root.page-blog,:root.page-blog *){font-size:13px;font-weight:500;color:var(--ink-3);margin-top:14px;letter-spacing:-0.005em}
.ind-learn:where(:root.page-blog,:root.page-blog *){margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15px;color:var(--wine);width:fit-content;padding:10px 18px;border-radius:100px;background:transparent;border:1px solid var(--wine-line);transition:background .22s var(--ease),border-color .22s var(--ease),color .22s}
.ind-learn span:where(:root.page-blog,:root.page-blog *){transition:transform .25s var(--ease)}
.ind-learn:hover:where(:root.page-blog,:root.page-blog *){color:var(--wine);background:var(--wine-soft);border-color:var(--wine)}
.ind-learn:hover span:where(:root.page-blog,:root.page-blog *){transform:translateX(4px)}
.ind-cB:where(:root.page-blog,:root.page-blog *){display:flex;flex-direction:column}
.ind-cB p:where(:root.page-blog,:root.page-blog *){font-size:15px;color:var(--ink-2);line-height:1.6}
.ind-rep:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;gap:13px;margin-top:auto;padding-top:24px}
.ind-rep-img:where(:root.page-blog,:root.page-blog *){width:60px;height:60px;border-radius:12px;object-fit:cover;flex:none;background:var(--paper-3)}
.ind-rep-t b:where(:root.page-blog,:root.page-blog *){font-size:15px;font-weight:700;letter-spacing:-0.01em;display:block;color:var(--ink)}
.ind-rep-t span:where(:root.page-blog,:root.page-blog *){font-size:12.5px;color:var(--ink-3);margin-top:2px;display:block}

/* ============================ REASONS (bento) ============================ */
.why-bento:where(:root.page-blog,:root.page-blog *){display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"a b c" "a d d";gap:16px}
.why-a:where(:root.page-blog,:root.page-blog *){grid-area:a}
.why-b:where(:root.page-blog,:root.page-blog *){grid-area:b}
.why-c:where(:root.page-blog,:root.page-blog *){grid-area:c}
.why-d:where(:root.page-blog,:root.page-blog *){grid-area:d}
.why-card:where(:root.page-blog,:root.page-blog *){position:relative;border:1px solid var(--line);border-radius:20px;padding:clamp(24px,2.3vw,34px);background:var(--paper);display:flex;flex-direction:column;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
.why-card:hover:where(:root.page-blog,:root.page-blog *){transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--ink)}
.why-icon:where(:root.page-blog,:root.page-blog *){width:48px;height:48px;border-radius:13px;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;flex:none;margin-bottom:22px}
.why-card h3:where(:root.page-blog,:root.page-blog *){font-size:clamp(19px,2vw,24px);font-weight:700;letter-spacing:-0.02em;margin-bottom:12px}
.why-card p:where(:root.page-blog,:root.page-blog *){font-size:15px;color:var(--ink-2);line-height:1.6;margin-bottom:18px}
.why-card .wtags:where(:root.page-blog,:root.page-blog *){display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}

/* feature card */
.why-feat:where(:root.page-blog,:root.page-blog *){background:linear-gradient(158deg,#B23a4a 0%,#8E1B2C 52%,#67121F 100%);border-color:transparent;color:#fff;justify-content:space-between;overflow:hidden}
.why-feat:where(:root.page-blog,:root.page-blog *)::after{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.26);pointer-events:none;animation:spinCW 26s linear infinite}
.why-feat:where(:root.page-blog,:root.page-blog *)::before{content:"";position:absolute;right:-110px;top:-110px;width:340px;height:340px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.16);pointer-events:none;animation:spinCCW 34s linear infinite}
html[data-motion="off"] .why-feat:where(:root.page-blog,:root.page-blog *)::before,html[data-motion="off"] .why-feat:where(:root.page-blog,:root.page-blog *)::after{animation:none}
.wf-top:where(:root.page-blog,:root.page-blog *){display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:1}
.wf-kick:where(:root.page-blog,:root.page-blog *){margin-top:10px}
.why-icon.wi-light:where(:root.page-blog,:root.page-blog *){background:rgba(255,255,255,.16);color:#fff;margin-bottom:0}
.wf-kick:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.wf-body:where(:root.page-blog,:root.page-blog *){position:relative;z-index:1;margin-top:auto;padding-top:40px}
.wf-num:where(:root.page-blog,:root.page-blog *){font-size:clamp(48px,5.4vw,76px);font-weight:700;letter-spacing:-0.04em;line-height:.9}
.wf-num span:where(:root.page-blog,:root.page-blog *){font-size:.32em;font-weight:600;letter-spacing:-0.01em;color:rgba(255,255,255,.7)}
.why-feat h3:where(:root.page-blog,:root.page-blog *){margin:18px 0 12px;font-size:clamp(22px,2.2vw,27px)}
.why-feat p:where(:root.page-blog,:root.page-blog *){color:rgba(255,255,255,.78);max-width:38ch}
.ctag.onwine:where(:root.page-blog,:root.page-blog *){color:#fff;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.08)}

/* wide card d */
.why-d-in:where(:root.page-blog,:root.page-blog *){display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-top:auto;width:100%}
.why-d-stat:where(:root.page-blog,:root.page-blog *){flex:none;text-align:right}
.why-d-stat b:where(:root.page-blog,:root.page-blog *){font-size:clamp(34px,3.6vw,52px);font-weight:700;letter-spacing:-0.03em;color:var(--wine);line-height:1;display:block}
.why-d-stat span:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:6px;display:block}
.why-d p:where(:root.page-blog,:root.page-blog *){margin-bottom:0;max-width:52ch}

/* ============================ INTEGRATIONS (core + dual marquee) ============================ */
.intg:where(:root.page-blog,:root.page-blog *){background:#F3F1EE}
#industries:where(:root.page-blog,:root.page-blog *){padding-bottom:0}
.intg-head:where(:root.page-blog,:root.page-blog *){margin-bottom:40px;max-width:920px}
.intg-stage:where(:root.page-blog,:root.page-blog *){position:relative;border:0;border-radius:24px;background:var(--paper);overflow:hidden;padding:clamp(28px,3.4vw,48px) 0 clamp(18px,2.2vw,30px)}
.intg-dots:where(:root.page-blog,:root.page-blog *){position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1.2px,transparent 1.2px);background-size:22px 22px; -webkit-mask-image:radial-gradient(circle at 50% 22%,#000 0%,#000 60%,transparent 92%);mask-image:radial-gradient(circle at 50% 22%,#000 0%,#000 60%,transparent 92%);opacity:.7}

/* core at top */
.intg-core2.intg-core-top:where(:root.page-blog,:root.page-blog *),#intgCore.intg-core-top:where(:root.page-blog,:root.page-blog *){position:relative;left:auto;top:auto;transform:none;margin:0 auto;z-index:3}

/* general connection: stem from core → rail, with a packet that splits left/right */
.intg-conn:where(:root.page-blog,:root.page-blog *){position:relative;z-index:2;height:clamp(48px,5.4vw,72px);margin:0 auto clamp(8px,1.2vw,16px);width:82%;pointer-events:none}
.intg-conn .ic-stem:where(:root.page-blog,:root.page-blog *){position:absolute;left:50%;top:0;transform:translateX(-50%);width:1.5px;height:62%;background:linear-gradient(180deg,var(--wine),var(--wine-line))}
.intg-conn .ic-rail:where(:root.page-blog,:root.page-blog *){position:absolute;left:0;right:0;top:62%;height:1.5px;background:linear-gradient(90deg,transparent,var(--wine-line) 10%,var(--wine-line) 90%,transparent)}
.intg-conn .ic-pkt:where(:root.page-blog,:root.page-blog *){position:absolute;width:7px;height:7px;border-radius:50%;background:var(--wine);box-shadow:0 0 9px 1px rgba(155,27,46,.55)}
.intg-conn .ic-down:where(:root.page-blog,:root.page-blog *){left:50%;top:0;transform:translate(-50%,-50%);animation:icDown 2.6s linear infinite}
.intg-conn .ic-left:where(:root.page-blog,:root.page-blog *){left:50%;top:62%;transform:translate(-50%,-50%);animation:icLeft 2.6s ease-in-out infinite}
.intg-conn .ic-right:where(:root.page-blog,:root.page-blog *){left:50%;top:62%;transform:translate(-50%,-50%);animation:icRight 2.6s ease-in-out infinite}
html[data-motion="off"] .intg-conn .ic-pkt:where(:root.page-blog,:root.page-blog *){animation:none;opacity:0}

/* single marquee */
.intg-rows:where(:root.page-blog,:root.page-blog *){position:relative;z-index:2;display:flex;flex-direction:column;gap:clamp(14px,1.6vw,20px)}
.intg-mrow:where(:root.page-blog,:root.page-blog *){overflow:hidden;padding-block:clamp(12px,1.4vw,18px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.intg-mtrack:where(:root.page-blog,:root.page-blog *){display:flex;gap:clamp(16px,1.8vw,24px);width:max-content;animation:intgMarq 34s linear infinite}
.intg-mrow:hover .intg-mtrack:where(:root.page-blog,:root.page-blog *){animation-play-state:paused}
html[data-motion="off"] .intg-mtrack:where(:root.page-blog,:root.page-blog *){animation:none}
.intg-chip:where(:root.page-blog,:root.page-blog *){flex:none;display:flex;align-items:center;gap:14px;white-space:nowrap;min-width:clamp(248px,24vw,320px); background:#fff;border:1px solid rgba(20,16,22,.04);border-radius:18px;padding:16px 30px 16px 16px; box-shadow:0 3px 8px rgba(30,22,40,.07),0 8px 18px -10px rgba(30,22,40,.16)}
.intg-chip .ig:where(:root.page-blog,:root.page-blog *){width:46px;height:46px;border-radius:13px;background:linear-gradient(160deg,#fff,#f4f2ee);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--ink-2);flex:none}
.intg-chip .ig img:where(:root.page-blog,:root.page-blog *){width:60%;height:60%;object-fit:contain}
.intg-chip .io-t b:where(:root.page-blog,:root.page-blog *){display:block;font-size:15px;font-weight:600;letter-spacing:-0.01em;color:var(--ink)}
.intg-chip .io-t span:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:3px;display:block}

/* center core */
.intg-core2:where(:root.page-blog,:root.page-blog *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3; width:min(248px,48%);text-align:center;border-radius:22px;padding:26px 24px 22px; background: radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,.14), transparent 60%), linear-gradient(165deg,#B23a4a 0%,#8E1B2C 52%,#67121F 100%); color:#fff;border:1px solid rgba(255,255,255,.18); box-shadow:0 30px 70px -26px rgba(70,18,28,.65), 0 0 0 7px rgba(155,27,46,.10)}
.intg-core2 .ic-ring:where(:root.page-blog,:root.page-blog *){position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);border-radius:24px;border:1px solid rgba(255,255,255,.3);pointer-events:none;animation:corePulse 3.4s var(--ease) infinite}
.intg-core2 .ic-mark:where(:root.page-blog,:root.page-blog *){width:54px;height:54px;border-radius:14px;background:#fff;display:grid;place-items:center;margin:0 auto 14px;box-shadow:0 10px 24px -10px rgba(0,0,0,.4)}
.intg-core2 .ic-mark img:where(:root.page-blog,:root.page-blog *){width:38px;height:38px;object-fit:contain}
.intg-core2 b:where(:root.page-blog,:root.page-blog *){display:block;font-size:16.5px;font-weight:700;letter-spacing:-0.02em}
.intg-core2 .ic-sub:where(:root.page-blog,:root.page-blog *){display:block;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.04em;color:rgba(255,255,255,.72);margin-top:9px;line-height:1.5}
.intg-core2 .ic-live:where(:root.page-blog,:root.page-blog *){display:inline-flex;align-items:center;gap:7px;margin-top:16px;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:100px;padding:5px 11px}
.intg-core2 .ic-live i:where(:root.page-blog,:root.page-blog *){width:6px;height:6px;border-radius:50%;background:#7CFFB0;box-shadow:0 0 0 0 rgba(124,255,176,.6);animation:livePulse 2.2s infinite}

/* orbit nodes */
.intg-orbit:where(:root.page-blog,:root.page-blog *){position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:2; display:flex;align-items:center;gap:12px;white-space:nowrap; background:var(--paper);border:1px solid rgba(20,16,22,.05);border-radius:15px;padding:12px 17px 12px 12px; box-shadow:0 18px 40px -20px rgba(42,30,48,.30), 0 4px 12px -6px rgba(42,30,48,.12); transition:box-shadow .25s var(--ease)}
.intg-orbit:hover:where(:root.page-blog,:root.page-blog *){box-shadow:0 26px 56px -22px rgba(42,30,48,.42), 0 6px 16px -8px rgba(42,30,48,.16);z-index:4}
.intg-orbit .ig:where(:root.page-blog,:root.page-blog *){width:42px;height:42px;border-radius:12px;background:linear-gradient(160deg,var(--paper),var(--paper-2));border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--ink-2);flex:none;box-shadow:inset 0 1px 0 #fff;overflow:hidden}
.intg-orbit .ig img:where(:root.page-blog,:root.page-blog *){width:62%;height:62%;object-fit:contain}
.intg-orbit .io-t b:where(:root.page-blog,:root.page-blog *){display:block;font-size:14px;font-weight:600;letter-spacing:-0.01em;color:var(--ink)}
.intg-orbit .io-t span:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:2px;display:block}

/* stats band — modern cards */
.intg-stats:where(:root.page-blog,:root.page-blog *){display:flex;justify-content:center;margin-top:6px}
.istat:where(:root.page-blog,:root.page-blog *){background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:20px 30px;display:flex;flex-direction:row;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center}
ar(--ease):where(:root.page-blog,:root.page-blog *),transform .25s var(--ease)} .istat:hover:where(:root.page-blog,:root.page-blog *){box-shadow:var(--shadow-md);transform:translateY(-2px)}
.istat .is-n:where(:root.page-blog,:root.page-blog *){font-size:clamp(28px,3.2vw,42px);font-weight:700;letter-spacing:-0.03em;line-height:1;color:var(--wine)}
.istat .is-l:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:10px}
.istat .is-langs:where(:root.page-blog,:root.page-blog *){display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.istat .is-langs span:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:10px;color:var(--ink-2);border:1px solid var(--line);border-radius:6px;padding:4px 8px;background:var(--paper-2)}
.istat:first-child:where(:root.page-blog,:root.page-blog *){background:linear-gradient(160deg,var(--wine-soft),var(--paper) 70%);border-color:var(--wine-line)}
.istat:first-child .is-l:where(:root.page-blog,:root.page-blog *){color:var(--wine)}

/* ============================ TESTIMONIALS (bento) ============================ */
.test-head:where(:root.page-blog,:root.page-blog *){text-align:center;max-width:680px;margin:0 auto clamp(46px,5.5vw,72px)}
.test-head .eyebrow:where(:root.page-blog,:root.page-blog *){margin-bottom:18px}
.test-head .h-section:where(:root.page-blog,:root.page-blog *){margin:0 auto}
.test-head .lede:where(:root.page-blog,:root.page-blog *){margin:20px auto 0;text-align:center}
.test-bento:where(:root.page-blog,:root.page-blog *){display:grid;grid-template-columns:repeat(3,1fr); grid-template-areas: "a c f" "a d g" "b e g"; gap:18px}
.tb-a:where(:root.page-blog,:root.page-blog *){grid-area:a}
.tb-b:where(:root.page-blog,:root.page-blog *){grid-area:b}
.tb-c:where(:root.page-blog,:root.page-blog *){grid-area:c}
.tb-d:where(:root.page-blog,:root.page-blog *){grid-area:d}
.tb-e:where(:root.page-blog,:root.page-blog *){grid-area:e}
.tb-f:where(:root.page-blog,:root.page-blog *){grid-area:f}
.tb-g:where(:root.page-blog,:root.page-blog *){grid-area:g}
.tcard:where(:root.page-blog,:root.page-blog *){position:relative;border:1px solid var(--line);border-radius:18px;background:var(--paper); padding:clamp(24px,2.2vw,32px);display:flex;flex-direction:column;overflow:hidden; transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
.tcard:hover:where(:root.page-blog,:root.page-blog *){transform:translateY(-3px);box-shadow:var(--shadow-md)}
.tcard .tq:where(:root.page-blog,:root.page-blog *){position:absolute;right:18px;bottom:-6px;font-family:var(--font-sans);font-weight:700; font-size:104px;line-height:1;color:var(--line);pointer-events:none;user-select:none}
.tcard blockquote:where(:root.page-blog,:root.page-blog *){position:relative;z-index:1;font-size:15.5px;line-height:1.6;letter-spacing:-0.01em;color:var(--ink);text-wrap:pretty}
.tcard .who:where(:root.page-blog,:root.page-blog *){position:relative;z-index:1;display:flex;align-items:center;gap:12px;margin-top:22px}
.tcard .av:where(:root.page-blog,:root.page-blog *){width:46px;height:46px;border-radius:50%;flex:none;object-fit:cover;background:var(--paper-3)}
.tcard .who b:where(:root.page-blog,:root.page-blog *){font-size:14.5px;font-weight:700;display:block;letter-spacing:-0.01em}
.tcard .who span:where(:root.page-blog,:root.page-blog *){font-size:12.5px;color:var(--ink-3);margin-top:2px;display:block;line-height:1.35}

/* featured */
.tcard--feat:where(:root.page-blog,:root.page-blog *){padding:clamp(28px,2.7vw,40px)}
.tcard--feat .stars:where(:root.page-blog,:root.page-blog *){position:relative;z-index:1;font-size:15px;letter-spacing:3px;margin-bottom:24px}
.tcard--feat blockquote:where(:root.page-blog,:root.page-blog *){font-size:clamp(17px,1.45vw,20px);line-height:1.5;font-weight:500}
.tcard--feat .who:where(:root.page-blog,:root.page-blog *){margin-top:auto;padding-top:28px}
.tcard--feat .tq:where(:root.page-blog,:root.page-blog *){right:24px;top:8px;bottom:auto;font-size:128px}
.tcard--dark:where(:root.page-blog,:root.page-blog *){background:#F3F1EE;border:1px solid var(--line)}
.tcard--dark blockquote:where(:root.page-blog,:root.page-blog *),.tcard--dark .who b:where(:root.page-blog,:root.page-blog *){color:var(--ink)}
.tcard--dark .who span:where(:root.page-blog,:root.page-blog *){color:var(--ink-3)}
.tcard--dark .stars:where(:root.page-blog,:root.page-blog *){color:var(--wine)}
.tcard--dark .tq:where(:root.page-blog,:root.page-blog *){color:rgba(20,16,22,.06)}
.tcard--wine:where(:root.page-blog,:root.page-blog *){background:linear-gradient(155deg,#A6333E 0%,#7C1623 58%,#5E1020 100%);border-color:transparent}
.tcard--wine blockquote:where(:root.page-blog,:root.page-blog *),.tcard--wine .who b:where(:root.page-blog,:root.page-blog *){color:#fff}
.tcard--wine .who span:where(:root.page-blog,:root.page-blog *){color:rgba(255,255,255,.72)}
.tcard--wine .stars:where(:root.page-blog,:root.page-blog *){color:#fff}
.tcard--wine .tq:where(:root.page-blog,:root.page-blog *){color:rgba(255,255,255,.13)}
.tcard--wine .av:where(:root.page-blog,:root.page-blog *){box-shadow:0 0 0 2px rgba(255,255,255,.28)}
.tcard--dark .av:where(:root.page-blog,:root.page-blog *){box-shadow:0 0 0 2px rgba(20,16,22,.1)}

/* ============================ FINAL CTA ============================ */
.cta:where(:root.page-blog,:root.page-blog *){position:relative;background:linear-gradient(165deg,#4E0C18 0%,#6E1320 22%,#9B1B2E 50%,#BF3A40 74%,#E08763 100%);color:#fff;overflow:hidden;border-radius:0;isolation:isolate}
.cta:where(:root.page-blog,:root.page-blog *)::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background: radial-gradient(75% 55% at 18% 8%, rgba(255,210,190,.40) 0%, transparent 55%), radial-gradient(80% 70% at 92% 30%, rgba(120,12,24,.65) 0%, transparent 60%), radial-gradient(90% 80% at 50% 120%, rgba(50,6,14,.7) 0%, transparent 62%)}
.cta-noise:where(:root.page-blog,:root.page-blog *){position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.85;mix-blend-mode:soft-light; background-image: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='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:150px 150px}
.cta canvas:where(:root.page-blog,:root.page-blog *){display:none}
.cta-in:where(:root.page-blog,:root.page-blog *){position:relative;z-index:2;text-align:center;max-width:1200px;margin:0 auto;padding-block:clamp(60px,7.5vw,100px) clamp(40px,5vw,64px)}
.cta-logo:where(:root.page-blog,:root.page-blog *){display:inline-grid;place-items:center;width:104px;height:104px;border-radius:26px;margin-bottom:34px; background:linear-gradient(155deg,#ffffff 0%,#efece5 100%); box-shadow:0 2px 1px rgba(255,255,255,.95) inset, 0 -6px 14px rgba(120,18,28,.18) inset, 0 5px 10px rgba(255,255,255,.5) inset, 0 26px 54px -16px rgba(35,5,10,.7)}
.cta-logo img:where(:root.page-blog,:root.page-blog *){width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 2px 1px rgba(255,255,255,.9)) drop-shadow(0 -1px 1px rgba(120,18,28,.25))}
.cta h2:where(:root.page-blog,:root.page-blog *){font-size:clamp(34px,4.8vw,62px);font-weight:700;letter-spacing:-0.035em;line-height:1.02;text-wrap:balance;max-width:none;margin:0 auto}
.cta h2 em:where(:root.page-blog,:root.page-blog *){font-style:normal;color:#fff}
.cta-btns:where(:root.page-blog,:root.page-blog *){display:flex;gap:14px;justify-content:center;margin-top:32px;flex-wrap:wrap}
.cta .btn-wine:where(:root.page-blog,:root.page-blog *){box-shadow:0 16px 44px -16px rgba(0,0,0,.55)}
.cta .btn-wine:hover:where(:root.page-blog,:root.page-blog *){transform:translateY(-2px);box-shadow:0 22px 54px -16px rgba(0,0,0,.6)}
.cta-btns .btn:where(:root.page-blog,:root.page-blog *){border-radius:100px}
.btn-onwine:where(:root.page-blog,:root.page-blog *){background:#fff;color:var(--wine-deep)}
.btn-onwine:hover:where(:root.page-blog,:root.page-blog *){background:#fff;transform:translateY(-2px);box-shadow:0 18px 40px -16px rgba(0,0,0,.5)}
.cta-assure:where(:root.page-blog,:root.page-blog *){display:flex;justify-content:center;gap:14px 28px;flex-wrap:wrap;margin-top:30px}
.cta-assure span:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:rgba(255,255,255,.82);display:inline-flex;align-items:center;gap:8px}
.cta-assure span:where(:root.page-blog,:root.page-blog *)::before{content:"\2192";color:#fff;opacity:.7;font-size:13px}

/* product screenshot — top 30% peeking at the bottom */
.cta-shot:where(:root.page-blog,:root.page-blog *){position:relative;z-index:2;width:min(var(--maxw),calc(100% - var(--gut)*2));margin:0 auto;border-radius:16px 16px 0 0;overflow:hidden; border:1px solid rgba(255,255,255,.22);border-bottom:0; box-shadow:0 -10px 60px -20px rgba(40,6,12,.6), 0 30px 80px -30px rgba(0,0,0,.5);background:#fff}
.cta-shot-bar:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;gap:12px;padding:11px 16px;background:#faf9f7;border-bottom:1px solid #ececec}
.cta-shot-bar .csb-dots:where(:root.page-blog,:root.page-blog *){display:flex;gap:6px}
.cta-shot-bar .csb-dots i:where(:root.page-blog,:root.page-blog *){width:10px;height:10px;border-radius:50%;background:#d8d5ce;display:block}
.cta-shot-bar .csb-url:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:11px;color:#9a9a95;background:#fff;border:1px solid #ececec;border-radius:7px;padding:4px 12px}
.cta-shot img:where(:root.page-blog,:root.page-blog *){display:block;width:100%;height:clamp(128px,17.6vw,208px);object-fit:cover;object-position:top center}

/* footer brand block */
.foot-lead:where(:root.page-blog,:root.page-blog *){display:grid;grid-template-columns:1.5fr 1fr;gap:40px;padding-bottom:48px;margin-bottom:48px;border-bottom:1px solid var(--line)}
.foot-lead p:where(:root.page-blog,:root.page-blog *){font-size:15px;color:var(--ink-2);line-height:1.65;max-width:60ch}
.foot-mission:where(:root.page-blog,:root.page-blog *){border-left:2px solid var(--wine);padding-left:20px}
.foot-mission span:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);display:block;margin-bottom:10px}
.foot-mission p:where(:root.page-blog,:root.page-blog *){font-size:15px;color:var(--ink);font-weight:500}
.foot-badges:where(:root.page-blog,:root.page-blog *){display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.foot-bottom:where(:root.page-blog,:root.page-blog *){display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:48px;padding-top:28px;border-top:1px solid var(--line);flex-wrap:wrap}
.foot-bottom .copy:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:11px;color:var(--ink-3);letter-spacing:.02em}

/* representative deployments strip */
.deploy-strip:where(:root.page-blog,:root.page-blog *){margin-top:8px}
.deploy-head:where(:root.page-blog,:root.page-blog *){display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.deploy-grid:where(:root.page-blog,:root.page-blog *){display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.dep:where(:root.page-blog,:root.page-blog *){background:var(--paper-2);padding:16px 18px}
.dep .dk:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}
.dep b:where(:root.page-blog,:root.page-blog *){font-size:13.5px;font-weight:600;display:block;letter-spacing:-0.01em}
.dep span:where(:root.page-blog,:root.page-blog *){font-size:12px;color:var(--ink-2)}

/* ============================================================================
   PREMIUM SAAS POLISH — updated page only
   ========================================================================== */
:root:where(:root.page-blog,:root.page-blog *){--shadow-sm:0 1px 2px rgba(34,18,22,.05), 0 1px 1px rgba(34,18,22,.03); --shadow-md:0 24px 64px -34px rgba(46,18,26,.30), 0 8px 22px -16px rgba(46,18,26,.16); --shadow-lg:0 64px 140px -58px rgba(52,20,30,.42), 0 26px 54px -36px rgba(46,18,26,.20)}

/* seamless warm seam where the red hero fades into the white page */
.ecolog:where(:root.page-blog,:root.page-blog *){background:linear-gradient(180deg,#FFF7F4 0%, #ffffff 72%)}

/* a faint circular-language motif shared by key sections */
.section--tight:where(:root.page-blog,:root.page-blog *),.cta:where(:root.page-blog,:root.page-blog *){position:relative}
.section--tight:where(:root.page-blog,:root.page-blog *)::before{content:"";position:absolute;left:50%;top:50%;width:760px;height:760px; transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:0; background:radial-gradient(circle, color-mix(in srgb,var(--wine) 7%,transparent), transparent 64%)}
.section--tight .wrap:where(:root.page-blog,:root.page-blog *){position:relative;z-index:1}

/* usage-metrics band — elevated, premium */
.statband:where(:root.page-blog,:root.page-blog *){border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-md);overflow:hidden; background: radial-gradient(130% 180% at 8% -50%, var(--wine-soft), transparent 58%), radial-gradient(130% 180% at 96% -50%, var(--accent-soft), transparent 58%), var(--paper)}
.statband .sc:where(:root.page-blog,:root.page-blog *){transition:background .25s var(--ease)}
.statband .sc:hover:where(:root.page-blog,:root.page-blog *){background:rgba(255,255,255,.6)}
.statband .stat-num:where(:root.page-blog,:root.page-blog *){color:var(--wine)}

/* premium container radii + softer card depth across the page */
.eco-card:where(:root.page-blog,:root.page-blog *),.anec-card:where(:root.page-blog,:root.page-blog *),.tcard:where(:root.page-blog,:root.page-blog *),.ind-panel:where(:root.page-blog,:root.page-blog *),.intg-net:where(:root.page-blog,:root.page-blog *),.why-grid:where(:root.page-blog,:root.page-blog *),.arch-diagram:where(:root.page-blog,:root.page-blog *),.gap-answer:where(:root.page-blog,:root.page-blog *),.media-frame:where(:root.page-blog,:root.page-blog *){border-radius:20px}
.tcard:hover:where(:root.page-blog,:root.page-blog *),.eco-card:hover:where(:root.page-blog,:root.page-blog *){box-shadow:var(--shadow-lg)}
.tcard--dark:hover:where(:root.page-blog,:root.page-blog *),.tcard--wine:hover:where(:root.page-blog,:root.page-blog *){box-shadow:var(--shadow-lg)}

/* circular motif echo behind final CTA */
.cta-in:where(:root.page-blog,:root.page-blog *){position:relative;z-index:2}

/* refined eyebrow accent — premium */
.eyebrow:where(:root.page-blog,:root.page-blog *)::before{box-shadow:0 0 0 4px var(--wine-soft)}

/* floating-pill nav: center wide mega panels to the viewport so centered
   nav links never push them off-screen; keep narrow menus on their trigger */
.nav-mega:where(:root.page-blog,:root.page-blog *){position:fixed;left:50%;top:84px;right:auto; transform:translateX(-50%) translateY(8px) scale(.99);transform-origin:top center; width:min(860px,calc(100vw - 40px))}
.nav-mega.nav-mega--cards:where(:root.page-blog,:root.page-blog *){width:min(680px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons:where(:root.page-blog,:root.page-blog *){width:min(660px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons.nav-mega--sol:where(:root.page-blog,:root.page-blog *){width:min(740px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons.has-3:where(:root.page-blog,:root.page-blog *){width:min(820px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons.nav-mega--res:where(:root.page-blog,:root.page-blog *){width:min(860px,calc(100vw - 40px))}
.nav-item:hover .nav-mega:where(:root.page-blog,:root.page-blog *),.nav-item:focus-within .nav-mega:where(:root.page-blog,:root.page-blog *){transform:translateX(-50%) translateY(0) scale(1)}
.nav-mega:where(:root.page-blog,:root.page-blog *)::before{left:0;right:0;top:-28px;height:28px}
.nav.is-stuck .nav-mega:where(:root.page-blog,:root.page-blog *){top:74px}

/* nav CTA buttons → pill to match the bar */
.nav-cta .btn:where(:root.page-blog,:root.page-blog *){border-radius:100px}
.nav-cta .btn-ghost:where(:root.page-blog,:root.page-blog *){border-color:var(--line)}

/* ============================ FOOTER (Avoora-style) ============================ */
.foot:where(:root.page-blog,:root.page-blog *){background:var(--paper);border-top:1px solid var(--line);padding:0 0 32px}
.foot .wrap:where(:root.page-blog,:root.page-blog *){position:relative}

/* image marquee */
.foot-marquee:where(:root.page-blog,:root.page-blog *){overflow:hidden;padding:clamp(28px,3.4vw,46px) 0 clamp(20px,2.4vw,30px); -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent); mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.fm-track:where(:root.page-blog,:root.page-blog *){display:flex;gap:16px;width:max-content;animation:fmScroll 48s linear infinite}
.foot-marquee:hover .fm-track:where(:root.page-blog,:root.page-blog *){animation-play-state:paused}
html[data-motion="off"] .fm-track:where(:root.page-blog,:root.page-blog *){animation:none}
.fm-tile:where(:root.page-blog,:root.page-blog *){margin:0;flex:none;width:clamp(112px,11vw,150px)}
.fm-tile img:where(:root.page-blog,:root.page-blog *){width:100%;aspect-ratio:5/6;object-fit:cover;border-radius:14px;background:var(--paper-3); filter:grayscale(.1);transition:transform .4s var(--ease),filter .4s}
.fm-tile:hover img:where(:root.page-blog,:root.page-blog *){transform:translateY(-4px);filter:none}
.fm-tile figcaption:where(:root.page-blog,:root.page-blog *){display:none}

/* menu cards */
.foot-cards:where(:root.page-blog,:root.page-blog *){display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:clamp(28px,3vw,44px)}
.foot-card:where(:root.page-blog,:root.page-blog *){border:0;border-radius:18px;padding:clamp(22px,2vw,30px);background:linear-gradient(180deg,var(--wine-soft) 0%,var(--paper) 64%);transition:box-shadow .25s var(--ease),transform .25s var(--ease)}
.foot-card:hover:where(:root.page-blog,:root.page-blog *){box-shadow:var(--shadow-md);transform:translateY(-2px)}
.foot-card :is(h3,h4):where(:root.page-blog,:root.page-blog *){font-size:18px;font-weight:700;letter-spacing:-0.02em;color:var(--ink);margin-bottom:14px;font-family:var(--font-sans);text-transform:none}
.foot-links:where(:root.page-blog,:root.page-blog *){list-style:none;display:flex;flex-direction:column}
.foot-links li:where(:root.page-blog,:root.page-blog *){border-top:1px solid var(--wine-line)}
.foot-links li:first-child:where(:root.page-blog,:root.page-blog *){border-top:0}
.foot-links a:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 2px;font-size:14.5px;font-weight:500;color:var(--ink-2);transition:color .18s var(--ease),padding .18s var(--ease)}
.foot-links a:hover:where(:root.page-blog,:root.page-blog *){color:var(--wine);padding-left:6px}
.foot-viewall:where(:root.page-blog,:root.page-blog *){color:var(--wine)!important;font-weight:600}
.foot-card:where(:root.page-blog,:root.page-blog *){position:relative}
.foot-card:has(.foot-va:hover):where(:root.page-blog,:root.page-blog *),.foot-card:has(.foot-va:focus-within):where(:root.page-blog,:root.page-blog *){z-index:40}
.foot-va:where(:root.page-blog,:root.page-blog *){display:block;margin-top:14px}
.foot-viewall:where(:root.page-blog,:root.page-blog *){cursor:pointer;display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--wine)}
.foot-viewall .va-arr:where(:root.page-blog,:root.page-blog *){transition:transform .2s var(--ease)}
.foot-va:hover .va-arr:where(:root.page-blog,:root.page-blog *),.foot-va:focus-within .va-arr:where(:root.page-blog,:root.page-blog *){transform:translateX(3px)}
.foot-va-pop:where(:root.page-blog,:root.page-blog *){position:absolute;left:0;bottom:0;z-index:30;width:min(560px,140%); display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:14px;border-radius:16px;background:var(--paper);border:1px solid var(--line); box-shadow:0 30px 60px -22px rgba(20,16,22,.45),0 8px 20px -10px rgba(20,16,22,.2); opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s}
.foot-va:hover .foot-va-pop:where(:root.page-blog,:root.page-blog *),.foot-va:focus-within .foot-va-pop:where(:root.page-blog,:root.page-blog *){opacity:1;visibility:visible;transform:translateY(0)}
.foot-va-pop a:where(:root.page-blog,:root.page-blog *){display:block;padding:9px 12px;border-radius:9px;font-size:13px;font-weight:500;color:var(--ink-2);transition:background .16s,color .16s}
.foot-va-pop a:hover:where(:root.page-blog,:root.page-blog *){background:var(--wine-soft);color:var(--wine)}
.foot-h4row:where(:root.page-blog,:root.page-blog *){display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.foot-h4row .foot-viewall:where(:root.page-blog,:root.page-blog *){font-size:12px;font-weight:600;text-transform:none;letter-spacing:0}
.fl-arr:where(:root.page-blog,:root.page-blog *){color:var(--ink-3);font-size:16px;transition:transform .18s var(--ease),color .18s}
.foot-links a:hover .fl-arr:where(:root.page-blog,:root.page-blog *){color:var(--wine);transform:translateX(3px)}

/* bottom bar */
.foot-bottom:where(:root.page-blog,:root.page-blog *){display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap; margin-top:clamp(30px,3.4vw,48px);padding:24px 0;border-top:1px solid var(--line)}
.foot-bottom .copy:where(:root.page-blog,:root.page-blog *){font-size:13px;color:var(--ink-3);letter-spacing:.01em}
.foot-top:where(:root.page-blog,:root.page-blog *){display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-family:var(--font-mono)}
.foot-top .ft-ic:where(:root.page-blog,:root.page-blog *){width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:var(--wine);color:#fff;font-size:14px;transition:transform .2s var(--ease)}
.foot-top:hover .ft-ic:where(:root.page-blog,:root.page-blog *){transform:translateY(-3px)}

/* back-to-top → logo */
.foot-right:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;gap:clamp(14px,1.6vw,22px)}
.foot-social:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;gap:10px}
.foot-social a:where(:root.page-blog,:root.page-blog *){width:54px;height:54px;border-radius:50%;background:var(--wine-soft);display:grid;place-items:center;color:var(--wine);transition:color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease)}
.foot-social a:hover:where(:root.page-blog,:root.page-blog *){color:#fff;background:var(--wine);transform:translateY(-2px)}
.foot-social svg:where(:root.page-blog,:root.page-blog *){width:20px;height:20px;fill:currentColor}
.foot-sep:where(:root.page-blog,:root.page-blog *){width:1px;height:38px;background:var(--line);flex:none}
.foot-logo:where(:root.page-blog,:root.page-blog *){display:inline-flex;align-items:center;transition:transform .2s var(--ease)}
.foot-logo img:where(:root.page-blog,:root.page-blog *){height:52px;width:auto;object-fit:contain}
.foot-logo:hover:where(:root.page-blog,:root.page-blog *){transform:translateY(-3px)}

/* giant wordmark with people video */
.foot-wordmark:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;gap:clamp(20px,3vw,48px);margin-top:clamp(22px,2.6vw,40px);padding-bottom:clamp(16px,2.4vw,40px)}
.fw-img:where(:root.page-blog,:root.page-blog *){position:relative;flex:none;width:clamp(120px,14vw,188px);aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:var(--paper-3);display:block;cursor:pointer}
.fw-img video:where(:root.page-blog,:root.page-blog *),.fw-img img:where(:root.page-blog,:root.page-blog *){width:100%;height:100%;object-fit:cover;display:block}
.fw-ig:where(:root.page-blog,:root.page-blog *){position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;color:#fff; background:linear-gradient(160deg,rgba(193,53,132,.55),rgba(131,58,180,.5) 55%,rgba(253,170,90,.45)); opacity:0;transition:opacity .28s var(--ease)}
.fw-ig svg:where(:root.page-blog,:root.page-blog *){transform:scale(.8);transition:transform .28s var(--ease);filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}
.fw-img:hover .fw-ig:where(:root.page-blog,:root.page-blog *){opacity:1}
.fw-img:hover .fw-ig svg:where(:root.page-blog,:root.page-blog *){transform:scale(1)}
.fw-text:where(:root.page-blog,:root.page-blog *){font-weight:900;line-height:.92;letter-spacing:0.005em;color:#D8D3CC; font-size:clamp(60px,16.6vw,250px);white-space:nowrap;padding-bottom:0.1em;flex:1;text-align:right}

/* touch 1781880837256 */

/* floating Academic Transcripts pill (bottom-left) */
.et-float:where(:root.page-blog,:root.page-blog *){position:fixed;right:22px;left:auto;bottom:22px;z-index:120;display:inline-flex;flex-direction:row-reverse;align-items:center;gap:0; height:60px;width:60px;padding:8px;border-radius:100px;overflow:hidden; background:#fff;box-shadow:0 14px 34px -12px rgba(20,16,22,.34),0 4px 12px -6px rgba(20,16,22,.2); border:1px solid var(--line);text-decoration:none;white-space:nowrap; transition:width .34s var(--ease),box-shadow .34s var(--ease)}
.et-float .et-ic:where(:root.page-blog,:root.page-blog *){width:44px;height:44px;border-radius:50%;flex:none;display:grid;place-items:center;overflow:hidden}
.et-float .et-ic img:where(:root.page-blog,:root.page-blog *){width:100%;height:100%;object-fit:contain;display:block}
.et-float .et-tx:where(:root.page-blog,:root.page-blog *){font-size:14px;font-weight:700;color:var(--wine);letter-spacing:-0.01em;opacity:0; padding:0 6px 0 14px;transition:opacity .28s var(--ease) .06s}
.et-float:hover:where(:root.page-blog,:root.page-blog *){width:250px;box-shadow:0 20px 44px -14px rgba(20,16,22,.42)}
.et-float:hover .et-tx:where(:root.page-blog,:root.page-blog *){opacity:1}
.brand .mark .seal:where(:root.page-blog,:root.page-blog *){fill:var(--wine)}
.eco-glyph:where(:root.page-blog,:root.page-blog *),.intg-core .ic-mark:where(:root.page-blog,:root.page-blog *),.ind-flowcard .ifn:where(:root.page-blog,:root.page-blog *){transition:background .3s var(--ease)}
.rsw:where(:root.page-blog,:root.page-blog *){max-width:min(1520px,calc(100vw - 2*var(--gut)));margin-inline:auto}
.rs-hero:where(:root.page-blog,:root.page-blog *){text-align:center;padding:clamp(150px,15vw,190px) 0 clamp(46px,5vw,80px);position:relative;overflow:hidden;background-image: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='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E"),linear-gradient(180deg,#6E101D 0%,#8C1729 42%,#A82C43 100%);color:#fff}
.rs-hero:where(:root.page-blog,:root.page-blog *)::before{content:"";position:absolute;left:50%;top:-46%;width:min(1200px,120vw);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:1px dashed rgba(255,255,255,.22);pointer-events:none;animation:rsSpin 90s linear infinite}
.rs-hero:where(:root.page-blog,:root.page-blog *)::after{content:"";position:absolute;left:50%;top:-30%;width:min(880px,90vw);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:1px dashed rgba(255,255,255,.15);pointer-events:none}
.rs-hero .rsw:where(:root.page-blog,:root.page-blog *){position:relative}
.rs-k:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--wine);font-weight:500}
.rs-hero .rs-k:where(:root.page-blog,:root.page-blog *){color:rgba(255,255,255,.8)}
.rs-hero h1:where(:root.page-blog,:root.page-blog *){margin:14px auto 0;font-size:clamp(34px,4.3vw,56px);line-height:1.02;letter-spacing:-.04em;font-weight:700;max-width:18ch}
.rs-hero p:where(:root.page-blog,:root.page-blog *){margin:18px auto 0;font-size:clamp(15px,1.35vw,18px);line-height:1.6;color:rgba(255,255,255,.84);max-width:600px}
.rs-search:where(:root.page-blog,:root.page-blog *){margin:30px auto 0;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.34);backdrop-filter:blur(8px);border-radius:100px;padding:5px 6px 5px 20px;max-width:480px}
.rs-search svg:where(:root.page-blog,:root.page-blog *){width:17px;height:17px;color:rgba(255,255,255,.7);flex:none}
.rs-search input:where(:root.page-blog,:root.page-blog *){flex:1;border:0;outline:0;background:none;font-family:inherit;font-size:14.5px;color:#fff;padding:11px 0}
.rs-search input:where(:root.page-blog,:root.page-blog *)::placeholder{color:rgba(255,255,255,.66)}

/* sticky tabs */
.rs-tabs-wrap:where(:root.page-blog,:root.page-blog *){position:sticky;top:88px;z-index:30;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.rs-tabs:where(:root.page-blog,:root.page-blog *){display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:10px 0}
.rs-tabs:where(:root.page-blog,:root.page-blog *)::-webkit-scrollbar{display:none}
.rs-tab:where(:root.page-blog,:root.page-blog *){position:relative;border:1px solid transparent;background:none;font-family:inherit;font-size:14.5px;font-weight:500;color:var(--ink-2);padding:10px 18px;border-radius:100px;white-space:nowrap;transition:.22s var(--ease);display:flex;align-items:center;gap:9px}
.rs-tab .c:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3);background:var(--paper-3);border-radius:100px;padding:2px 7px;transition:.22s}
.rs-tab:hover:where(:root.page-blog,:root.page-blog *){background:var(--paper-2);color:var(--ink)}
.rs-tab.on:where(:root.page-blog,:root.page-blog *){background:var(--wine-soft);border-color:var(--wine-line);color:var(--wine);font-weight:700}
.rs-tab.on .c:where(:root.page-blog,:root.page-blog *){background:var(--wine);color:#fff}

/* featured */
.rs-feat:where(:root.page-blog,:root.page-blog *){display:grid;grid-template-columns:.72fr 1fr;gap:clamp(24px,3.4vw,56px);align-items:center;margin-top:70px;padding-bottom:70px;border-bottom:1px solid var(--line);cursor:pointer}
.rs-feat-img:where(:root.page-blog,:root.page-blog *){position:relative;border-radius:18px;overflow:hidden;aspect-ratio:16/11;max-width:520px;background:var(--paper-3)}
.rs-feat-img img:where(:root.page-blog,:root.page-blog *){width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.rs-feat:hover .rs-feat-img img:where(:root.page-blog,:root.page-blog *){transform:scale(1.045)}
.rs-badge:where(:root.page-blog,:root.page-blog *){position:absolute;left:16px;top:16px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;background:var(--wine);color:#fff;padding:6px 11px;border-radius:100px}
.rs-feat h2:where(:root.page-blog,:root.page-blog *){margin:16px 0 0;font-size:clamp(26px,3.2vw,42px);line-height:1.1;letter-spacing:-.032em;font-weight:700;text-wrap:balance}
.rs-feat:hover h2:where(:root.page-blog,:root.page-blog *){color:var(--wine)}
.rs-feat p:where(:root.page-blog,:root.page-blog *){margin:16px 0 0;font-size:clamp(15px,1.35vw,18px);line-height:1.62;color:var(--ink-2)}
.rs-meta:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;gap:14px;margin-top:20px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.rs-meta i:where(:root.page-blog,:root.page-blog *){width:4px;height:4px;border-radius:50%;background:var(--ink-3);display:block}

/* list */
.rs-list:where(:root.page-blog,:root.page-blog *){border-top:1px solid transparent}
.rs-row:where(:root.page-blog,:root.page-blog *){display:grid;grid-template-columns:270px 1fr auto;gap:clamp(18px,2.6vw,40px);align-items:center;padding:clamp(20px,2.2vw,28px) 10px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .3s var(--ease),padding-left .3s var(--ease);opacity:0;transform:translateY(14px)}
.rs-row.in:where(:root.page-blog,:root.page-blog *){opacity:1;transform:none;transition:opacity .5s var(--ease),transform .5s var(--ease),background .3s,padding-left .3s}
.rs-row:hover:where(:root.page-blog,:root.page-blog *){background:var(--paper-2);padding-left:20px}
.rs-thumb:where(:root.page-blog,:root.page-blog *){border-radius:14px;overflow:hidden;aspect-ratio:16/11;background:var(--paper-3)}
.rs-thumb img:where(:root.page-blog,:root.page-blog *){width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.rs-row:hover .rs-thumb img:where(:root.page-blog,:root.page-blog *){transform:scale(1.07)}
.rs-cat:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--wine)}
.rs-row h3:where(:root.page-blog,:root.page-blog *){margin:9px 0 0;font-size:clamp(19px,1.8vw,22px);line-height:1.22;letter-spacing:-.028em;font-weight:600;text-wrap:pretty}
.rs-row:hover h3:where(:root.page-blog,:root.page-blog *){color:var(--wine)}
.rs-row p:where(:root.page-blog,:root.page-blog *){margin:9px 0 0;font-size:15px;line-height:1.55;color:var(--ink-2);max-width:70ch}
.rs-go:where(:root.page-blog,:root.page-blog *){display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);color:var(--ink-3);flex:none;transition:.28s var(--ease)}
.rs-row:hover .rs-go:where(:root.page-blog,:root.page-blog *){background:var(--wine);border-color:var(--wine);color:#fff;transform:translateX(4px)}
.rs-empty:where(:root.page-blog,:root.page-blog *){padding:70px 0;text-align:center;color:var(--ink-3);font-size:15px}
.rs-more:where(:root.page-blog,:root.page-blog *){display:flex;justify-content:center;margin-top:44px}
.rs-morebtn:where(:root.page-blog,:root.page-blog *){display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 30px;border-radius:100px;cursor:pointer; background:var(--wine);border:0;color:#fff;font-family:inherit;font-size:14px;font-weight:600;letter-spacing:-.012em;transition:.32s var(--ease)}
.rs-morebtn:hover:where(:root.page-blog,:root.page-blog *){background:var(--wine-deep);box-shadow:0 20px 42px -20px var(--wine)}
.rs-morebtn .arr:where(:root.page-blog,:root.page-blog *){transition:transform .32s var(--ease)}
.rs-morebtn:hover .arr:where(:root.page-blog,:root.page-blog *){transform:translateY(2px)}
.rs-eyebrow:where(:root.page-blog,:root.page-blog *){display:inline-flex;align-items:center;gap:10px;padding:7px 16px 7px 13px;border-radius:100px;border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.10);backdrop-filter:blur(6px);font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.94)}
.rs-eyebrow b:where(:root.page-blog,:root.page-blog *){width:6px;height:6px;border-radius:50%;background:#fff;display:block}

/* newsletter */
.rs-nl:where(:root.page-blog,:root.page-blog *){background:var(--paper-3);border-radius:24px;padding:clamp(32px,4vw,60px);display:flex;flex-wrap:wrap;gap:26px;align-items:center;justify-content:space-between}
.rs-nl h3:where(:root.page-blog,:root.page-blog *){margin:0;font-size:clamp(23px,2.6vw,36px);line-height:1.1;letter-spacing:-.03em;font-weight:700;max-width:16ch}
.rs-nl p:where(:root.page-blog,:root.page-blog *){margin:12px 0 0;font-size:15.5px;color:var(--ink-2);max-width:44ch}
.rs-mail:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:100px;padding:5px 5px 5px 20px}
.rs-mail input:where(:root.page-blog,:root.page-blog *){border:0;outline:0;background:none;font-family:inherit;font-size:14.5px;width:min(250px,44vw);color:var(--ink)}
.rs-mail button:where(:root.page-blog,:root.page-blog *){border:0;border-radius:100px;background:var(--wine);color:#fff;font-family:inherit;font-weight:700;font-size:14px;padding:12px 22px;cursor:pointer;transition:.2s}
.rs-mail button:hover:where(:root.page-blog,:root.page-blog *){background:var(--wine-deep)}

/* ---------- article detail ---------- */
.rs-article:where(:root.page-blog,:root.page-blog *){display:none}
body.rs-detail .rs-index:where(:root.page-blog,:root.page-blog *){display:none}
body.rs-detail .rs-article:where(:root.page-blog,:root.page-blog *){display:block}
.rs-prog:where(:root.page-blog,:root.page-blog *){position:fixed;left:0;top:0;height:3px;background:var(--wine);width:0;z-index:200;transition:width .1s linear}
.ar-hero:where(:root.page-blog,:root.page-blog *){min-height:clamp(400px,46vw,560px);padding:clamp(150px,15vw,190px) 0 clamp(186px,15vw,196px);position:relative;overflow:hidden;background-image: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='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E"),linear-gradient(180deg,#6E101D 0%,#8C1729 44%,#A82C43 100%);color:#fff;text-align:center}
.ar-hero:where(:root.page-blog,:root.page-blog *)::before{content:"";position:absolute;left:50%;top:-46%;width:min(1200px,120vw);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:1px dashed rgba(255,255,255,.22);pointer-events:none;animation:rsSpin 90s linear infinite}
.ar-hero:where(:root.page-blog,:root.page-blog *)::after{content:"";position:absolute;left:50%;top:-30%;width:min(880px,90vw);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:1px dashed rgba(255,255,255,.15);pointer-events:none}
.ar-head:where(:root.page-blog,:root.page-blog *){max-width:900px;margin-inline:auto;position:relative}
.ar-hero .rs-meta:where(:root.page-blog,:root.page-blog *){justify-content:center;color:rgba(255,255,255,.74)}
.ar-hero .rs-meta i:where(:root.page-blog,:root.page-blog *){background:rgba(255,255,255,.6)}
.ar-back:where(:root.page-blog,:root.page-blog *){display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;color:rgba(255,255,255,.82);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);border-radius:100px;padding:8px 18px;font-family:inherit;cursor:pointer;transition:.22s var(--ease);margin-bottom:24px}
.ar-back:hover:where(:root.page-blog,:root.page-blog *){color:#fff;background:rgba(255,255,255,.2);gap:13px}
.ar-hero h1:where(:root.page-blog,:root.page-blog *){margin:20px auto 0;font-size:clamp(34px,4.3vw,56px);line-height:1.05;letter-spacing:-.038em;font-weight:700;max-width:19ch;text-wrap:balance}
.ar-lead:where(:root.page-blog,:root.page-blog *){margin:20px auto 0;font-size:clamp(15px,1.35vw,18px);line-height:1.58;color:rgba(255,255,255,.84);max-width:62ch}
.ar-cover:where(:root.page-blog,:root.page-blog *){position:relative;z-index:2;margin:clamp(-160px,-11vw,-110px) auto 0;max-width:1240px;border-radius:26px;overflow:hidden;aspect-ratio:13/8;background:var(--paper-3);box-shadow:0 60px 120px -56px rgba(52,8,16,.55)}
.ar-cover img:where(:root.page-blog,:root.page-blog *){width:100%;height:100%;object-fit:cover;object-position:top;}
.ar-body:where(:root.page-blog,:root.page-blog *){display:grid;grid-template-columns:230px minmax(0,720px) 1fr;gap:clamp(28px,4vw,72px);padding-block:70px;max-width:1240px;margin-inline:auto}
.ar-toc:where(:root.page-blog,:root.page-blog *){position:sticky;top:130px;align-self:start}
.ar-toc h6:where(:root.page-blog,:root.page-blog *){margin:0 0 14px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500}
.ar-toc a:where(:root.page-blog,:root.page-blog *){display:block;font-size:13.6px;line-height:1.4;color:var(--ink-3);padding:8px 0 8px 14px;border-left:2px solid var(--line);transition:.22s}
.ar-toc a:hover:where(:root.page-blog,:root.page-blog *){color:var(--ink)}
.ar-toc a.on:where(:root.page-blog,:root.page-blog *){color:var(--wine);border-left-color:var(--wine);font-weight:600}
.ar-prose h2:where(:root.page-blog,:root.page-blog *){margin:44px 0 0;font-size:clamp(20px,2vw,26px);line-height:1.15;letter-spacing:-.03em;font-weight:700;scroll-margin-top:130px}
/* .ar-prose h2:first-child:where(:root.page-blog,:root.page-blog *){margin-top:0} */
.ar-meta:where(:root.page-blog,:root.page-blog *){margin:0 0 26px;padding-bottom:20px;border-bottom:1px solid var(--line);justify-content:flex-start}
.ar-prose p:where(:root.page-blog,:root.page-blog *){margin:16px 0 0;font-size:clamp(16px,1.4vw,18px);line-height:1.72;color:var(--ink-2)}
.ar-prose ul:where(:root.page-blog,:root.page-blog *){margin:18px 0 0;padding-left:0;list-style:none}
.ar-prose li:where(:root.page-blog,:root.page-blog *){position:relative;padding-left:24px;margin-top:11px;font-size:clamp(16px,1.4vw,18px);line-height:1.65;color:var(--ink-2)}
.ar-prose li:where(:root.page-blog,:root.page-blog *)::before{content:"";position:absolute;left:2px;top:11px;width:7px;height:7px;border-radius:2px;background:var(--wine)}
/* Blog article: elements editors add from the post editor */
.ar-prose h3:where(:root.page-blog,:root.page-blog *){margin:34px 0 0;font-size:clamp(18px,1.6vw,21px);line-height:1.25;letter-spacing:-.02em;font-weight:700;scroll-margin-top:130px}
.ar-prose ol:where(:root.page-blog,:root.page-blog *){margin:18px 0 0;padding-left:22px}
.ar-prose ol li:where(:root.page-blog,:root.page-blog *){padding-left:6px}
.ar-prose ol li:where(:root.page-blog,:root.page-blog *)::before{display:none}
.ar-prose li li:where(:root.page-blog,:root.page-blog *){margin-top:6px}
.ar-prose a:where(:root.page-blog,:root.page-blog *){color:var(--wine);text-decoration:underline;text-underline-offset:3px}
.ar-prose a:hover:where(:root.page-blog,:root.page-blog *){color:var(--wine-deep)}
.ar-prose strong:where(:root.page-blog,:root.page-blog *){color:var(--ink);font-weight:700}
.ar-prose blockquote:where(:root.page-blog,:root.page-blog *){margin:44px 0;padding:28px 0 28px 30px;border-left:3px solid var(--wine);font-size:clamp(19px,2vw,25px);line-height:1.36;letter-spacing:-.024em;font-weight:normal;color:var(--ink)}
.ar-prose blockquote p:where(:root.page-blog,:root.page-blog *){margin:0;font-size:inherit;line-height:inherit;color:inherit}
.ar-prose img:where(:root.page-blog,:root.page-blog *){max-width:100%;height:auto;border-radius:14px;width:100%;}
.ar-prose figure:where(:root.page-blog,:root.page-blog *),.ar-prose .wp-caption:where(:root.page-blog,:root.page-blog *){margin:32px 0 0;max-width:100%}
.ar-prose figcaption:where(:root.page-blog,:root.page-blog *),.ar-prose .wp-caption-text:where(:root.page-blog,:root.page-blog *){margin-top:10px;font-size:13.5px;color:var(--ink-3)}
.ar-prose .aligncenter:where(:root.page-blog,:root.page-blog *){display:block;margin-left:auto;margin-right:auto}
.ar-prose table:where(:root.page-blog,:root.page-blog *){width:100%;margin:24px 0 0;border-collapse:collapse;font-size:15px}
.ar-prose th:where(:root.page-blog,:root.page-blog *),.ar-prose td:where(:root.page-blog,:root.page-blog *){padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;color:var(--ink-2)}
.ar-prose th:where(:root.page-blog,:root.page-blog *){color:var(--ink);font-weight:700}
.ar-tgl a:where(:root.page-blog,:root.page-blog *){color:inherit;text-decoration:none}
.ar-tgl a:hover:where(:root.page-blog,:root.page-blog *){color:var(--wine)}
.rs-card[hidden]:where(:root.page-blog,:root.page-blog *){display:none}
.ar-pull:where(:root.page-blog,:root.page-blog *){margin:44px 0;padding:28px 0 28px 30px;border-left:3px solid var(--wine);font-size:clamp(19px,2vw,25px);line-height:1.36;letter-spacing:-.024em;font-weight:600;color:var(--ink)}
.ar-side:where(:root.page-blog,:root.page-blog *){align-self:start;position:sticky;top:130px}
.ar-cta:where(:root.page-blog,:root.page-blog *){background:var(--wine);color:#fff;border-radius:18px;padding:26px}
.ar-form:where(:root.page-blog,:root.page-blog *){background:var(--paper-3);border-radius:18px;padding:24px}
.ar-form>b:where(:root.page-blog,:root.page-blog *){display:block;font-size:17px;font-weight:700;letter-spacing:-.022em}
.ar-form>p:where(:root.page-blog,:root.page-blog *){margin:9px 0 18px;font-size:13.5px;line-height:1.55;color:var(--ink-2)}
.ar-form form:where(:root.page-blog,:root.page-blog *){display:flex;flex-direction:column;gap:11px}
.ar-form label:where(:root.page-blog,:root.page-blog *){display:flex;flex-direction:column;gap:5px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3)}
.ar-form input:where(:root.page-blog,:root.page-blog *),.ar-form textarea:where(:root.page-blog,:root.page-blog *){border:1px solid var(--line);border-radius:9px;background:#fff;padding:10px 12px;font-family:var(--font-sans);font-size:13.6px;color:var(--ink);outline:0;transition:.2s;resize:vertical}
.ar-form input:focus:where(:root.page-blog,:root.page-blog *),.ar-form textarea:focus:where(:root.page-blog,:root.page-blog *){border-color:var(--wine);box-shadow:0 0 0 3px rgba(155,27,46,.09)}
.ar-form button:where(:root.page-blog,:root.page-blog *){margin-top:4px;border:0;border-radius:100px;background:var(--wine);color:#fff;font-family:inherit;font-weight:700;font-size:13.8px;padding:12px 20px;cursor:pointer;transition:.2s}
.ar-form button:hover:where(:root.page-blog,:root.page-blog *){background:var(--wine-deep)}
.ar-form-note:where(:root.page-blog,:root.page-blog *){display:block;margin-top:12px;font-size:11.5px;line-height:1.45;color:var(--ink-3)}
.ar-cta b:where(:root.page-blog,:root.page-blog *){display:block;font-size:17px;font-weight:700;letter-spacing:-.02em}
.ar-cta p:where(:root.page-blog,:root.page-blog *){margin:10px 0 18px;font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.82)}
.ar-cta a:where(:root.page-blog,:root.page-blog *){display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--wine);border-radius:100px;padding:10px 18px;font-size:13.5px;font-weight:700}
.ar-share:where(:root.page-blog,:root.page-blog *){margin-top:22px;display:flex;gap:8px}
.ar-share a:where(:root.page-blog,:root.page-blog *){width:38px;height:38px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-3);transition:.22s}
.ar-share a:hover:where(:root.page-blog,:root.page-blog *){border-color:var(--wine);color:var(--wine)}
.ar-share svg:where(:root.page-blog,:root.page-blog *){width:16px;height:16px;fill:currentColor}
.ar-rel:where(:root.page-blog,:root.page-blog *){border-top:1px solid var(--line);padding-block:70px;max-width:1240px;margin-inline:auto}
.ar-rel h3:where(:root.page-blog,:root.page-blog *){margin:0 0 40px;font-size:clamp(26px,3.2vw,42px);letter-spacing:-.03em;font-weight:700}
.ar-rel-grid:where(:root.page-blog,:root.page-blog *){display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,1.8vw,24px)}
.ar-rc:where(:root.page-blog,:root.page-blog *){cursor:pointer;display:grid;grid-template-columns:270px 1fr auto;gap:clamp(18px,2.6vw,40px);align-items:center;padding:clamp(20px,2.2vw,28px) 10px;border-bottom:1px solid var(--line);transition:background .3s var(--ease),padding-left .3s var(--ease)}
.ar-rc:hover:where(:root.page-blog,:root.page-blog *){background:var(--paper-2);padding-left:20px}
.ar-rc .im:where(:root.page-blog,:root.page-blog *){border-radius:14px;overflow:hidden;aspect-ratio:16/11;background:var(--paper-3)}
.ar-rc img:where(:root.page-blog,:root.page-blog *){width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.ar-rc:hover img:where(:root.page-blog,:root.page-blog *){transform:scale(1.06)}
.ar-rc h4:where(:root.page-blog,:root.page-blog *){margin:9px 0 0;font-size:clamp(17px,1.75vw,23px);line-height:1.22;letter-spacing:-.028em;font-weight:600}
.ar-rc:hover h4:where(:root.page-blog,:root.page-blog *){color:var(--wine)}
.ar-rc p:where(:root.page-blog,:root.page-blog *){margin:9px 0 0;font-size:15px;line-height:1.55;color:var(--ink-2);max-width:70ch}

/* ---------- list: sidebar + grid ---------- */
.rs-shell:where(:root.page-blog,:root.page-blog *){display:grid;grid-template-columns:284px minmax(0,1fr);gap:clamp(24px,3vw,52px);align-items:start;margin-top:40px;margin-bottom:70px}
.rs-side-in:where(:root.page-blog,:root.page-blog *){position:sticky;top:118px;display:flex;flex-direction:column;gap:14px}
.rs-sbox:where(:root.page-blog,:root.page-blog *){background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}
.rs-sbox h6:where(:root.page-blog,:root.page-blog *){margin:0 0 13px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500}
.rs-sfield:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:100px;padding:0 8px 0 15px;background:var(--paper-2);transition:.25s var(--ease)}
.rs-sfield:focus-within:where(:root.page-blog,:root.page-blog *){border-color:var(--wine);background:#fff;box-shadow:0 0 0 3px rgba(155,27,46,.08)}
.rs-sfield svg:where(:root.page-blog,:root.page-blog *){width:15px;height:15px;color:var(--ink-3);flex:none}
.rs-sfield input:where(:root.page-blog,:root.page-blog *){flex:1;min-width:0;border:0;outline:0;background:none;font-family:inherit;font-size:14px;color:var(--ink);padding:11px 0}
.rs-sfield input:where(:root.page-blog,:root.page-blog *)::-webkit-search-cancel-button{display:none}
.rs-sclear:where(:root.page-blog,:root.page-blog *){border:0;background:none;cursor:pointer;font-size:19px;line-height:1;color:var(--ink-3);padding:4px 6px;transition:color .2s}
.rs-sclear:hover:where(:root.page-blog,:root.page-blog *){color:var(--wine)}
.rs-scount:where(:root.page-blog,:root.page-blog *){display:block;margin-top:11px;font-family:var(--font-mono);font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3)}
.rs-cats:where(:root.page-blog,:root.page-blog *){display:flex;flex-direction:column;gap:2px}
.rs-cat-b:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:0;background:none;cursor:pointer; font-family:inherit;font-size:14px;font-weight:500;color:var(--ink-2);text-align:left;padding:10px 12px;border-radius:11px;transition:.24s var(--ease)}
.rs-cat-b .n:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3);background:var(--paper-3);border-radius:100px;padding:3px 8px;transition:.24s var(--ease)}
.rs-cat-b:hover:where(:root.page-blog,:root.page-blog *){background:var(--paper-2);color:var(--ink)}
.rs-cat-b.on:where(:root.page-blog,:root.page-blog *){background:var(--wine-soft);color:var(--wine);font-weight:700}
.rs-cat-b.on .n:where(:root.page-blog,:root.page-blog *){background:var(--wine);color:#fff}
.rs-sdemo:where(:root.page-blog,:root.page-blog *){position:relative;overflow:hidden;border-radius:18px;padding:24px;color:#fff; background-image: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='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E"),linear-gradient(155deg,#A6333E 0%,#7C1623 58%,#5E1020 100%)}
.rs-sdemo:where(:root.page-blog,:root.page-blog *)::after{content:"";position:absolute;right:-40px;top:-40px;width:150px;height:150px;border-radius:50%;border:1px dashed rgba(255,255,255,.3);pointer-events:none}
.rs-sdemo b:where(:root.page-blog,:root.page-blog *){position:relative;display:block;font-size:17px;font-weight:700;letter-spacing:-.024em}
.rs-sdemo p:where(:root.page-blog,:root.page-blog *){position:relative;margin:9px 0 18px;font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.82)}
.rs-sbtn:where(:root.page-blog,:root.page-blog *){position:relative;display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--wine);border-radius:100px;padding:11px 20px;font-size:13.6px;font-weight:700;transition:.25s var(--ease)}
.rs-sbtn:hover:where(:root.page-blog,:root.page-blog *){gap:12px;box-shadow:0 14px 30px -16px rgba(0,0,0,.4)}
.rs-grid:where(:root.page-blog,:root.page-blog *){display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.8vw,24px)}
.rs-card:where(:root.page-blog,:root.page-blog *){display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;cursor:pointer; opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease),transform .5s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease)}
.rs-card.in:where(:root.page-blog,:root.page-blog *){opacity:1;transform:none}
.rs-card:hover:where(:root.page-blog,:root.page-blog *){border-color:var(--wine-line);box-shadow:0 34px 68px -44px rgba(20,22,27,.42);transform:translateY(-5px)}
.rs-cthumb:where(:root.page-blog,:root.page-blog *){position:relative;aspect-ratio:13/10;background:var(--paper-3);overflow:hidden}
.rs-cthumb img:where(:root.page-blog,:root.page-blog *){width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.rs-card:hover .rs-cthumb img:where(:root.page-blog,:root.page-blog *){transform:scale(1.06)}
.rs-ctag:where(:root.page-blog,:root.page-blog *){position:absolute;left:13px;top:13px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase; background:rgba(255,255,255,.92);backdrop-filter:blur(6px);color:var(--wine);padding:6px 11px;border-radius:100px}
.rs-cbody:where(:root.page-blog,:root.page-blog *){display:flex;flex-direction:column;flex:1;padding:20px}
.rs-card h3:where(:root.page-blog,:root.page-blog *){margin:0;font-size:19px;line-height:1.26;letter-spacing:-.026em;font-weight:700;text-wrap:pretty;transition:color .25s var(--ease)}
.rs-card:hover h3:where(:root.page-blog,:root.page-blog *){color:var(--wine)}
.rs-card p:where(:root.page-blog,:root.page-blog *){margin:10px 0 0;font-size:15px;line-height:1.56;color:var(--ink-2);text-wrap:pretty}
.rs-card .rs-meta:where(:root.page-blog,:root.page-blog *){margin-top:auto;padding-top:18px}
.rs-empty:where(:root.page-blog,:root.page-blog *){padding:70px 0;text-align:center;color:var(--ink-3);font-size:15px}

/* ---------- detail: listen ---------- */
.rs-prog:where(:root.page-blog,:root.page-blog *){height:4px;box-shadow:0 0 14px rgba(155,27,46,.45)}
.ar-listen:where(:root.page-blog,:root.page-blog *){margin-left:auto;display:inline-flex;align-items:center;gap:10px;border:1px solid var(--wine-line);background:var(--wine-soft); border-radius:100px;padding:7px 16px 7px 8px;cursor:pointer;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em; text-transform:uppercase;color:var(--wine);transition:.28s var(--ease)}
.ar-listen:hover:where(:root.page-blog,:root.page-blog *){background:var(--wine);color:#fff;border-color:var(--wine)}
.al-ic:where(:root.page-blog,:root.page-blog *){display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--wine);flex:none;transition:.28s var(--ease)}
.ar-listen:hover .al-ic:where(:root.page-blog,:root.page-blog *){background:#fff}
.al-ic svg:where(:root.page-blog,:root.page-blog *){width:15px;height:15px;fill:#fff;transition:fill .28s var(--ease)}
.ar-listen:hover .al-ic svg:where(:root.page-blog,:root.page-blog *){fill:var(--wine)}
.al-pause:where(:root.page-blog,:root.page-blog *),.ar-listen.on .al-play:where(:root.page-blog,:root.page-blog *){display:none}
.ar-listen.on .al-pause:where(:root.page-blog,:root.page-blog *){display:block}
.al-wave:where(:root.page-blog,:root.page-blog *){display:none;align-items:flex-end;gap:2.5px;height:14px}
.ar-listen.on .al-wave:where(:root.page-blog,:root.page-blog *){display:flex}
.al-wave i:where(:root.page-blog,:root.page-blog *){width:2.5px;border-radius:2px;background:currentColor;animation:alW .9s ease-in-out infinite}
.al-wave i:nth-child(1):where(:root.page-blog,:root.page-blog *){height:6px;animation-delay:0s}
.al-wave i:nth-child(2):where(:root.page-blog,:root.page-blog *){height:13px;animation-delay:.15s}
.al-wave i:nth-child(3):where(:root.page-blog,:root.page-blog *){height:8px;animation-delay:.3s}
.al-wave i:nth-child(4):where(:root.page-blog,:root.page-blog *){height:11px;animation-delay:.45s}
html[data-motion="off"] .al-wave i:where(:root.page-blog,:root.page-blog *){animation:none}
.ar-tags:where(:root.page-blog,:root.page-blog *){display:flex;align-items:flex-start;gap:11px;margin-top:40px;padding-top:22px;border-top:1px solid var(--line)}
.ar-tgi:where(:root.page-blog,:root.page-blog *){display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:9px;background:var(--wine-soft);border:1px solid var(--wine-line)}
.ar-tgi svg:where(:root.page-blog,:root.page-blog *){width:16px;height:16px;color:var(--wine)}
.ar-tgl:where(:root.page-blog,:root.page-blog *){font-size:14px;line-height:1.6;color:var(--ink-2);padding-top:5px;text-wrap:pretty}

/* ---------- detail: share in rail ---------- */
.ar-sdemo:where(:root.page-blog,:root.page-blog *){margin-top:40px}
.ar-toc .ar-sdemo .rs-sbtn:where(:root.page-blog,:root.page-blog *){display:inline-flex;width:auto;padding:11px 20px;border-left:0;color:var(--wine);font-size:13.6px;line-height:1;font-weight:700}
.ar-toc .ar-sdemo .rs-sbtn:hover:where(:root.page-blog,:root.page-blog *){color:var(--wine)}
.ar-shareblk:where(:root.page-blog,:root.page-blog *){margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
.ar-shareblk h6:where(:root.page-blog,:root.page-blog *){margin:0 0 12px;text-align:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500}
.ar-share:where(:root.page-blog,:root.page-blog *){margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.ar-share a:where(:root.page-blog,:root.page-blog *),.ar-copy:where(:root.page-blog,:root.page-blog *){width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center; color:var(--ink-3);cursor:pointer;transition:.25s var(--ease);padding-left:0}
.ar-share a:hover:where(:root.page-blog,:root.page-blog *),.ar-copy:hover:where(:root.page-blog,:root.page-blog *){border-color:var(--wine);color:#fff;background:var(--wine);transform:translateY(-3px)}
.ar-share svg:where(:root.page-blog,:root.page-blog *){width:16px;height:16px;fill:currentColor}
.ar-copy svg:where(:root.page-blog,:root.page-blog *){fill:none;stroke:currentColor}
.ar-copy.done:where(:root.page-blog,:root.page-blog *){border-color:var(--wine);background:var(--wine);color:#fff}

/* ---------- detail: AI summarise ---------- */
.ar-ai:where(:root.page-blog,:root.page-blog *){margin-top:56px;border:1px solid var(--line);border-radius:22px;padding:clamp(24px,2.6vw,34px);background:var(--paper-2);position:relative;overflow:hidden}
.ar-ai:where(:root.page-blog,:root.page-blog *)::before{content:"";position:absolute;right:-70px;top:-70px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(155,27,46,.12),transparent 66%);pointer-events:none}
.ar-ai-k:where(:root.page-blog,:root.page-blog *){font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--wine)}
.ar-ai h3:where(:root.page-blog,:root.page-blog *){margin:12px 0 0;font-size:clamp(20px,2.1vw,27px);line-height:1.14;letter-spacing:-.03em;font-weight:700}
.ar-ai-h p:where(:root.page-blog,:root.page-blog *){margin:10px 0 0;font-size:15px;line-height:1.56;color:var(--ink-2)}
.ar-ai-row:where(:root.page-blog,:root.page-blog *){position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px}
.ar-ai-b:where(:root.page-blog,:root.page-blog *){display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;transition:.28s var(--ease)}
.ar-ai-b:hover:where(:root.page-blog,:root.page-blog *){border-color:var(--wine-line);transform:translateY(-3px);box-shadow:0 22px 44px -30px rgba(20,22,27,.4)}
.aib-m:where(:root.page-blog,:root.page-blog *){display:grid;place-items:center;width:38px;height:38px;border-radius:11px;flex:none;background:var(--paper-3);border:1px solid var(--line)}
.aib-m img:where(:root.page-blog,:root.page-blog *){width:20px;height:20px;object-fit:contain}
.aib-t:where(:root.page-blog,:root.page-blog *){display:flex;flex-direction:column;gap:2px;font-size:14.4px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.aib-t i:where(:root.page-blog,:root.page-blog *){font-style:normal;font-family:var(--font-mono);font-size:9.5px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.ar-ai-note:where(:root.page-blog,:root.page-blog *){position:relative;margin:16px 0 0;font-size:12px;color:var(--ink-3)}
.ar-body:where(:root.page-blog,:root.page-blog *){grid-template-columns:250px minmax(0,1fr)}
.ar-prose:where(:root.page-blog,:root.page-blog *){max-width:none}

/* banner cursor-follow glow */
.rs-hero:where(:root.page-blog,:root.page-blog *),.ar-hero:where(:root.page-blog,:root.page-blog *),.ct-hero:where(:root.page-blog,:root.page-blog *){--mx:50%;--my:24%}
.rs-hero:where(:root.page-blog,:root.page-blog *)::before,.ar-hero:where(:root.page-blog,:root.page-blog *)::before,.ct-hero:where(:root.page-blog,:root.page-blog *)::before{z-index:0}
.rs-glow:where(:root.page-blog,:root.page-blog *){position:absolute;left:var(--mx);top:var(--my);width:640px;height:640px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 66%);opacity:0;transition:opacity .45s var(--ease)}
.rs-hero:hover .rs-glow:where(:root.page-blog,:root.page-blog *),.ar-hero:hover .rs-glow:where(:root.page-blog,:root.page-blog *),.ct-hero:hover .rs-glow:where(:root.page-blog,:root.page-blog *){opacity:1}
.rs-hero .rsw:where(:root.page-blog,:root.page-blog *),.ar-hero .rsw:where(:root.page-blog,:root.page-blog *),.ct-hero .ctw:where(:root.page-blog,:root.page-blog *){position:relative;z-index:2}
{__TWEAKS_STYLE}


/* ============================================================
   Videos   (html.page-videos)
   ============================================================ */

/* Satoshi — self-hosted @font-face (woff2), inlined for standalone export */

/* touch 1781880837620 */

/* ============================================================================
   TRUECOPY — Enterprise Trust Infrastructure
   base.css · tokens, reset, typography, layout, nav, footer, shared utilities
   ========================================================================== */
:root:where(:root.page-videos,:root.page-videos *){/* paper / ink */ --paper:#ffffff; --paper-2:#FAF9F7; --paper-3:#F3F1EC; --ink:#14161B; --ink-2:#474C56; --ink-3:#676D78; --line:#E8E6E0; --line-2:#F0EEE9; --hair:#E2DFD8; /* brand — overridable by tweaks */ --wine:#9B1B2E; --wine-deep:#74121F; --wine-soft:#FBF1F2; --wine-line:rgba(155,27,46,.20); /* accent — overridable by tweaks */ --accent:#1B3A8F; --accent-2:#2C4FB0; --accent-soft:#EEF1FA; --accent-line:rgba(27,58,143,.20); --shadow-sm:0 1px 2px rgba(20,22,27,.04), 0 1px 1px rgba(20,22,27,.03); --shadow-md:0 18px 50px -28px rgba(20,22,27,.30), 0 6px 16px -12px rgba(20,22,27,.18); --shadow-lg:0 50px 110px -50px rgba(20,30,60,.45), 0 18px 40px -28px rgba(20,22,27,.22); --maxw:1488px; --gut:clamp(20px,5vw,64px); --font-sans:'Satoshi',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; --font-mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular',monospace; --ease:cubic-bezier(.22,.61,.36,1); --ease-out:cubic-bezier(.16,1,.3,1)}
*:where(:root.page-videos,:root.page-videos *){margin:0;padding:0;box-sizing:border-box}
html:where(:root.page-videos,:root.page-videos *){-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body:where(:root.page-videos,:root.page-videos *){background:var(--paper); color:var(--ink); font-family:var(--font-sans); font-weight:400; line-height:1.5; letter-spacing:-0.011em; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow-x:hidden}
img:where(:root.page-videos,:root.page-videos *),svg:where(:root.page-videos,:root.page-videos *){display:block;max-width:100%}
a:where(:root.page-videos,:root.page-videos *){color:inherit;text-decoration:none}
button:where(:root.page-videos,:root.page-videos *){font-family:inherit;cursor:pointer}
:where(:root.page-videos,:root.page-videos *)::selection{background:var(--wine);color:#fff}

/* ---------- layout ---------- */
.wrap:where(:root.page-videos,:root.page-videos *){max-width:var(--maxw);margin:0 auto;padding-inline:var(--gut)}
.section:where(:root.page-videos,:root.page-videos *){position:relative;padding-block:70px}
.section--tight:where(:root.page-videos,:root.page-videos *){padding-block:70px}
.bleed:where(:root.page-videos,:root.page-videos *){background:var(--paper-2)}
.divider:where(:root.page-videos,:root.page-videos *){height:1px;background:var(--hair);border:0}

/* ---------- typography ---------- */
.h-display:where(:root.page-videos,:root.page-videos *){font-weight:700; font-size:clamp(40px,6.6vw,88px); line-height:0.98; letter-spacing:-0.035em; text-wrap:balance}
.h-section:where(:root.page-videos,:root.page-videos *){font-weight:700; font-size:clamp(28px,4.05vw,52px); line-height:1.02; letter-spacing:-0.03em; text-wrap:balance}
.h-sub:where(:root.page-videos,:root.page-videos *){font-weight:600; font-size:clamp(22px,2.6vw,32px); line-height:1.1; letter-spacing:-0.02em}
.lede:where(:root.page-videos,:root.page-videos *){font-size:clamp(17px,1.5vw,20px); line-height:1.55; color:var(--ink-2); font-weight:400; letter-spacing:-0.012em; max-width:62ch; text-wrap:pretty}
.dim:where(:root.page-videos,:root.page-videos *){color:var(--ink-2)}
.muted:where(:root.page-videos,:root.page-videos *){color:var(--ink-3)}
.wine-text:where(:root.page-videos,:root.page-videos *){color:var(--wine)}

/* mono technical label / eyebrow */
.eyebrow:where(:root.page-videos,:root.page-videos *){display:inline-flex;align-items:center;gap:10px; font-family:var(--font-mono); font-size:12px;font-weight:500; letter-spacing:0.14em;text-transform:uppercase; color:var(--ink-3)}
.eyebrow:where(:root.page-videos,:root.page-videos *)::before{content:"";width:7px;height:7px;border-radius:2px; background:var(--wine);flex:none}
.eyebrow .num:where(:root.page-videos,:root.page-videos *){color:var(--wine);font-weight:600}
.kicker:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:11px;font-weight:500; letter-spacing:0.16em;text-transform:uppercase;color:var(--ink-3)}
.tag:where(:root.page-videos,:root.page-videos *){display:inline-flex;align-items:center;gap:7px; font-family:var(--font-mono);font-size:10.5px;font-weight:500; letter-spacing:0.1em;text-transform:uppercase; color:var(--ink-2); padding:5px 9px;border:1px solid var(--line);border-radius:6px; background:var(--paper)}
.tag .dot:where(:root.page-videos,:root.page-videos *){width:5px;height:5px;border-radius:50%;background:var(--accent)}
.tag--wine .dot:where(:root.page-videos,:root.page-videos *){background:var(--wine)}

/* section head block */
.shead:where(:root.page-videos,:root.page-videos *){max-width:880px}
.shead .h-section:where(:root.page-videos,:root.page-videos *){margin-top:18px}
.shead .lede:where(:root.page-videos,:root.page-videos *){margin-top:22px}

/* ---------- buttons ---------- */
.btn:where(:root.page-videos,:root.page-videos *){display:inline-flex;align-items:center;gap:9px; font-size:15px;font-weight:600;letter-spacing:-0.01em; padding:13px 20px;border-radius:9px;border:1px solid transparent; transition:transform .18s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease), color .2s; white-space:nowrap}
.btn .arr:where(:root.page-videos,:root.page-videos *){transition:transform .25s var(--ease)}
.btn:hover .arr:where(:root.page-videos,:root.page-videos *){transform:translateX(3px)}
.btn-primary:where(:root.page-videos,:root.page-videos *){background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}
.btn-primary:hover:where(:root.page-videos,:root.page-videos *){background:var(--accent-2);transform:translateY(-1px);box-shadow:var(--shadow-md)}
.btn-wine:where(:root.page-videos,:root.page-videos *){background:var(--wine);color:#fff}
.btn-wine:hover:where(:root.page-videos,:root.page-videos *){background:var(--wine-deep);transform:translateY(-1px);box-shadow:0 14px 34px -16px var(--wine)}
.btn-ghost:where(:root.page-videos,:root.page-videos *){background:transparent;color:var(--ink);border-color:var(--line)}
.btn-ghost:hover:where(:root.page-videos,:root.page-videos *){border-color:var(--ink);background:var(--paper-2)}
.btn-sm:where(:root.page-videos,:root.page-videos *){padding:10px 15px;font-size:14px;border-radius:8px}
.link-arrow:where(:root.page-videos,:root.page-videos *){display:inline-flex;align-items:center;gap:8px; font-weight:600;font-size:15px;color:var(--ink); border-bottom:1px solid transparent;padding-bottom:2px;transition:.2s}
.link-arrow .arr:where(:root.page-videos,:root.page-videos *){transition:transform .25s var(--ease);color:var(--wine)}
.link-arrow:hover:where(:root.page-videos,:root.page-videos *){color:var(--wine)}
.link-arrow:hover .arr:where(:root.page-videos,:root.page-videos *){transform:translateX(4px)}

/* ---------- nav ---------- */
.nav:where(:root.page-videos,:root.page-videos *){position:fixed;top:0;left:0;right:0;z-index:900;background:transparent;border:0; padding:clamp(12px,1.6vw,20px) clamp(14px,3vw,28px) 0; transition:padding .3s var(--ease)}
.nav.is-stuck:where(:root.page-videos,:root.page-videos *){padding-top:10px}
.nav-in:where(:root.page-videos,:root.page-videos *){max-width:1150px;margin:0 auto; height:62px;padding:7px 8px 7px 24px; display:flex;align-items:center;gap:16px; background:rgba(255,255,255,.80); -webkit-backdrop-filter:blur(20px) saturate(165%); backdrop-filter:blur(20px) saturate(165%); border:1px solid rgba(255,255,255,.72); border-radius:100px; box-shadow:0 12px 36px -18px rgba(46,18,26,.30), 0 2px 8px -3px rgba(46,18,26,.12); transition:box-shadow .3s var(--ease), background .3s var(--ease)}
.nav.is-stuck .nav-in:where(:root.page-videos,:root.page-videos *){background:rgba(255,255,255,.92); box-shadow:0 18px 46px -18px rgba(46,18,26,.40), 0 3px 10px -3px rgba(46,18,26,.16)}
.brand:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;flex:none}
.brand .mark:where(:root.page-videos,:root.page-videos *){height:54px;width:auto;flex:none;object-fit:contain}
.nav-links:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;justify-content:center;gap:4px;flex:1 1 auto}
.nav-link:where(:root.page-videos,:root.page-videos *){font-size:14px;font-weight:500;color:var(--ink-2); padding:9px 14px;border-radius:100px;transition:.18s}
.nav-link:hover:where(:root.page-videos,:root.page-videos *){color:var(--ink);background:rgba(46,18,26,.06)}
.nav-cta:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;gap:8px;flex:none}

/* ---------- nav dropdown ---------- */
.nav-item:where(:root.page-videos,:root.page-videos *){position:relative;display:flex;align-items:center}
.nav-trigger:where(:root.page-videos,:root.page-videos *){display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;cursor:pointer;font-family:inherit}
.nav-trigger .caret:where(:root.page-videos,:root.page-videos *){width:15px;height:15px;color:var(--ink-2);transition:transform .25s var(--ease),color .2s;flex:none}
.nav-trigger .caret path:where(:root.page-videos,:root.page-videos *){fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav-item:hover .nav-trigger:where(:root.page-videos,:root.page-videos *),.nav-item:focus-within .nav-trigger:where(:root.page-videos,:root.page-videos *){color:var(--ink);background:var(--paper-2)}
.nav-item:hover .caret:where(:root.page-videos,:root.page-videos *),.nav-item:focus-within .caret:where(:root.page-videos,:root.page-videos *){transform:rotate(180deg);color:var(--wine)}
.nav-menu:where(:root.page-videos,:root.page-videos *){position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(8px) scale(.985);transform-origin:top center; width:332px;background:var(--paper);border:1px solid var(--line);border-radius:14px; box-shadow:var(--shadow-lg);padding:8px; opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s; z-index:50}
.nav-menu:where(:root.page-videos,:root.page-videos *)::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nav-item:hover .nav-menu:where(:root.page-videos,:root.page-videos *),.nav-item:focus-within .nav-menu:where(:root.page-videos,:root.page-videos *){opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}

/* mega dropdown (Solutions) */
.nav-mega:where(:root.page-videos,:root.page-videos *){position:absolute;top:calc(100% + 12px);left:0;transform:translateY(8px) scale(.99);transform-origin:top left; width:min(880px,calc(100vw - 48px)); background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg); padding:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px; opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s;z-index:50}
.nav-mega:where(:root.page-videos,:root.page-videos *)::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nav-item:hover .nav-mega:where(:root.page-videos,:root.page-videos *),.nav-item:focus-within .nav-mega:where(:root.page-videos,:root.page-videos *){opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
.mega-col:where(:root.page-videos,:root.page-videos *){padding:14px 16px;border-radius:12px;border:1px solid transparent;transition:border-color .2s,background .2s}
.mega-col:hover:where(:root.page-videos,:root.page-videos *){background:var(--paper-2);border-color:var(--line)}
.mega-prod:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;gap:10px;padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.mega-prod .mp-glyph:where(:root.page-videos,:root.page-videos *){width:28px;height:28px;border-radius:8px;background:var(--accent);color:#fff;display:grid;place-items:center;font-family:var(--font-mono);font-size:9px;font-weight:600;flex:none}
.mega-prod b:where(:root.page-videos,:root.page-videos *){font-size:15px;font-weight:700;letter-spacing:-0.02em;color:var(--ink)}
.mega-prod:hover b:where(:root.page-videos,:root.page-videos *){color:var(--wine)}
.mega-desc:where(:root.page-videos,:root.page-videos *){font-size:12.5px;line-height:1.45;color:var(--ink-3);margin:12px 0 14px;min-height:54px}
.mega-sub:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13.5px;font-weight:500;color:var(--ink-2);padding:8px 0;border-top:1px solid var(--line-2);transition:color .15s}
.mega-sub .arr:where(:root.page-videos,:root.page-videos *){color:var(--ink-3);opacity:0;transform:translateX(-4px);transition:.18s var(--ease)}
.mega-sub:hover:where(:root.page-videos,:root.page-videos *){color:var(--wine)}
.mega-sub:hover .arr:where(:root.page-videos,:root.page-videos *){color:var(--wine);opacity:1;transform:translateX(0)}
.nav-menu-link:where(:root.page-videos,:root.page-videos *){display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:14px;row-gap:2px; padding:11px 13px;border-radius:10px;transition:background .16s var(--ease)}
.nav-menu-link .nml-t:where(:root.page-videos,:root.page-videos *){font-size:14.5px;font-weight:600;color:var(--ink);letter-spacing:-0.01em}
.nav-menu-link .nml-d:where(:root.page-videos,:root.page-videos *){grid-column:1;font-size:12px;color:var(--ink-3);line-height:1.35}
.nav-menu-link .nml-arr:where(:root.page-videos,:root.page-videos *){grid-column:2;grid-row:1/span 2;color:var(--ink-3);font-size:15px;transition:transform .2s var(--ease),color .2s}
.nav-menu-link:hover:where(:root.page-videos,:root.page-videos *){background:var(--paper-2)}
.nav-menu-link:hover .nml-t:where(:root.page-videos,:root.page-videos *){color:var(--wine)}
.nav-menu-link:hover .nml-arr:where(:root.page-videos,:root.page-videos *){color:var(--wine);transform:translate(3px,-1px)}

/* modern icon dropdown (Solutions + Resources + Industries) */
.nav-mega--icons:where(:root.page-videos,:root.page-videos *){padding:18px;display:block}
.nav-menu.nav-mega--icons:where(:root.page-videos,:root.page-videos *){width:392px}
.nmi-label:where(:root.page-videos,:root.page-videos *){display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);padding:0 4px 12px;margin:0 0 12px;border-bottom:1px solid var(--line)}
.nmi-grid:where(:root.page-videos,:root.page-videos *){display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}
.nmi-grid--3:where(:root.page-videos,:root.page-videos *){grid-template-columns:1fr 1fr 1fr}
.nmi-grid--1:where(:root.page-videos,:root.page-videos *){grid-template-columns:1fr;gap:4px}

/* Solutions: vertical list + preview panel */
.nmi-split:where(:root.page-videos,:root.page-videos *){display:flex;gap:40px}
.nmi-split .nmi-grid--1:where(:root.page-videos,:root.page-videos *){flex:0 0 42%;min-width:0;gap:9px;grid-template-columns:1fr}
.nmi-preview:where(:root.page-videos,:root.page-videos *){flex:1 1 58%;min-width:0;display:flex;flex-direction:column;gap:9px}
.nmp-cap:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.nmp-frame:where(:root.page-videos,:root.page-videos *){flex:1;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper-2);display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}
.nmp-bar:where(:root.page-videos,:root.page-videos *){display:flex;gap:5px;padding:11px 13px;border-bottom:1px solid var(--line);background:var(--paper)}
.nmp-bar i:where(:root.page-videos,:root.page-videos *){width:9px;height:9px;border-radius:50%;background:#DAD7D0}
.nmp-body:where(:root.page-videos,:root.page-videos *){flex:1;display:flex;flex-direction:column;justify-content:center;gap:9px;padding:24px;position:relative;overflow:hidden;transition:background .25s var(--ease)}
.nmp-body:where(:root.page-videos,:root.page-videos *)::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.5) 1.1px,transparent 1.1px);background-size:16px 16px;opacity:.5}
.nmp-body.c1:where(:root.page-videos,:root.page-videos *){background:linear-gradient(150deg,#B23a4a,#8E1B2C)}
.nmp-body.c2:where(:root.page-videos,:root.page-videos *){background:linear-gradient(150deg,#2A6FDB,#1B44A8)}
.nmp-body.c3:where(:root.page-videos,:root.page-videos *){background:linear-gradient(150deg,#1F8A5B,#136141)}
.nmp-body.c4:where(:root.page-videos,:root.page-videos *){background:linear-gradient(150deg,#7A4AD1,#4E2B95)}
.nmp-badge:where(:root.page-videos,:root.page-videos *){position:relative;font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.nmp-title:where(:root.page-videos,:root.page-videos *){position:relative;font-size:20px;font-weight:700;letter-spacing:-0.02em;color:#fff;line-height:1.1}
.nmp-sub:where(:root.page-videos,:root.page-videos *){position:relative;font-size:12.5px;color:rgba(255,255,255,.82);line-height:1.45;max-width:30ch}
.nmp-rows:where(:root.page-videos,:root.page-videos *){position:relative;display:flex;flex-direction:column;gap:6px;margin-top:8px}
.nmp-rows i:where(:root.page-videos,:root.page-videos *){height:7px;border-radius:4px;background:rgba(255,255,255,.28)}
.nmp-rows i:nth-child(1):where(:root.page-videos,:root.page-videos *){width:80%}
.nmp-rows i:nth-child(2):where(:root.page-videos,:root.page-videos *){width:62%}
.nmp-rows i:nth-child(3):where(:root.page-videos,:root.page-videos *){width:70%}
.nmi-item:where(:root.page-videos,:root.page-videos *){display:flex;align-items:flex-start;gap:13px;padding:12px;border-radius:14px;transition:background .16s var(--ease)}
.nmi-item:hover:where(:root.page-videos,:root.page-videos *){background:var(--paper-2)}
.nmi-ic:where(:root.page-videos,:root.page-videos *){width:42px;height:42px;border-radius:12px;flex:none;display:grid;place-items:center;color:#fff;box-shadow:0 6px 14px -6px rgba(20,16,22,.4)}
.nmi-ic svg:where(:root.page-videos,:root.page-videos *){width:22px;height:22px;display:block}
.nmi-grid:where(:root.page-videos,:root.page-videos *){display:grid;grid-template-columns:1fr 1fr;gap:4px}
.nmi-grid--3:where(:root.page-videos,:root.page-videos *){grid-template-columns:1fr 1fr 1fr}
.nmi-item:where(:root.page-videos,:root.page-videos *){display:flex;align-items:flex-start;gap:13px;padding:12px;border-radius:14px;transition:background .16s var(--ease)}
.nmi-item--sm:where(:root.page-videos,:root.page-videos *){gap:11px;padding:10px 11px}
.nmi-item:hover:where(:root.page-videos,:root.page-videos *){background:var(--paper-2)}
.nmi-ic:where(:root.page-videos,:root.page-videos *){width:42px;height:42px;border-radius:12px;flex:none;display:grid;place-items:center;color:#fff;box-shadow:0 6px 14px -6px rgba(20,16,22,.4)}
.nmi-item--sm .nmi-ic:where(:root.page-videos,:root.page-videos *){width:36px;height:36px;border-radius:10px}
.nmi-item--sm .nmi-ic svg:where(:root.page-videos,:root.page-videos *){width:19px;height:19px}
.nmi-ic svg:where(:root.page-videos,:root.page-videos *){width:22px;height:22px;display:block}
.nmi-ic.c1:where(:root.page-videos,:root.page-videos *){background:linear-gradient(150deg,#B23a4a,#8E1B2C)}
.nmi-ic.c2:where(:root.page-videos,:root.page-videos *){background:linear-gradient(150deg,#3E63B4,#28407e)}
.nmi-ic.c3:where(:root.page-videos,:root.page-videos *){background:linear-gradient(150deg,#2E9C6E,#1c6b4a)}
.nmi-ic.c4:where(:root.page-videos,:root.page-videos *){background:linear-gradient(150deg,#C0892E,#8a611c)}
.nmi-ic.c5:where(:root.page-videos,:root.page-videos *){background:linear-gradient(150deg,#6b52b4,#4a3780)}
.nmi-tx:where(:root.page-videos,:root.page-videos *){display:flex;flex-direction:column;gap:3px;min-width:0}
.nmi-tx b:where(:root.page-videos,:root.page-videos *){font-size:14.5px;font-weight:700;color:var(--ink);letter-spacing:-0.01em;transition:color .16s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nmi-item:hover .nmi-tx b:where(:root.page-videos,:root.page-videos *){color:var(--wine)}
.nmi-tx span:where(:root.page-videos,:root.page-videos *){font-size:12px;color:var(--ink-3);line-height:1.35; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Solutions single-col: one-line description */
.nmi-grid--1 .nmi-tx span:where(:root.page-videos,:root.page-videos *){display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:none}

/* card-grid mega (Industries) — reuses Resources nav-menu-link cards */
.nav-mega--cards:where(:root.page-videos,:root.page-videos *){display:grid;grid-template-columns:repeat(3,1fr);gap:2px;width:min(640px,calc(100vw - 48px));padding:12px}

/* hover-intent: keep dropdown open while travelling to the panel */
.nav-item.is-open .nav-trigger:where(:root.page-videos,:root.page-videos *){color:var(--ink);background:var(--paper-2)}
.nav-item.is-open .caret:where(:root.page-videos,:root.page-videos *){transform:rotate(180deg);color:var(--wine)}
.nav-item.is-open .nav-menu:where(:root.page-videos,:root.page-videos *){opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}
.nav-item.is-open .nav-mega:where(:root.page-videos,:root.page-videos *){opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}
.nav-item:not(.is-open):hover .nav-menu:where(:root.page-videos,:root.page-videos *),.nav-item:not(.is-open):hover .nav-mega:where(:root.page-videos,:root.page-videos *){opacity:0;visibility:hidden;pointer-events:none}

/* ---------- footer ---------- */
.foot:where(:root.page-videos,:root.page-videos *){background:var(--paper-2);border-top:1px solid var(--line);padding-block:clamp(64px,8vw,104px) 36px}
.foot-grid:where(:root.page-videos,:root.page-videos *){display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:48px 36px}
.foot :is(h3,h4):where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500;margin-bottom:16px}
.foot-brand:where(:root.page-videos,:root.page-videos *){margin-bottom:20px}
.foot-brand .mark:where(:root.page-videos,:root.page-videos *){height:56px;width:auto}
.foot ul:where(:root.page-videos,:root.page-videos *){list-style:none;display:flex;flex-direction:column;gap:11px}
.foot li a:where(:root.page-videos,:root.page-videos *){font-size:14.5px;color:var(--ink-2);transition:.15s}
.foot li a:hover:where(:root.page-videos,:root.page-videos *){color:var(--wine)}
.foot-badge:where(:root.page-videos,:root.page-videos *){display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--wine);background:var(--wine-soft);padding:3px 7px;border-radius:5px;text-transform:uppercase;white-space:nowrap}

/* ---------- reveal / motion ----------
   Reveal hidden/visible state is driven by JS via inline styles so the
   visible END state is always the static computed style (never dependent on
   the animation clock). The WAAPI keyframe is pure enhancement. */

/* hairline tech grid background */
.grid-bg:where(:root.page-videos,:root.page-videos *){position:absolute;inset:0;pointer-events:none; background-image:linear-gradient(var(--hair) 1px,transparent 1px),linear-gradient(90deg,var(--hair) 1px,transparent 1px); background-size:64px 64px; -webkit-mask-image:radial-gradient(120% 90% at 70% 0%,#000 0%,transparent 72%); mask-image:radial-gradient(120% 90% at 70% 0%,#000 0%,transparent 72%); opacity:.5}

/* utility */
.mono:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono)}
.nowrap:where(:root.page-videos,:root.page-videos *){white-space:nowrap}
.center:where(:root.page-videos,:root.page-videos *){text-align:center}
.stat-num:where(:root.page-videos,:root.page-videos *){font-size:clamp(30px,3.4vw,46px);font-weight:700;letter-spacing:-0.03em;line-height:1;font-variant-numeric:tabular-nums}
.stat-lbl:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:9px}

/* ---------- cookie / privacy bar ---------- */
.cookiebar:where(:root.page-videos,:root.page-videos *){position:fixed;left:0;right:0;bottom:0;z-index:920; padding:0 clamp(12px,3vw,28px) clamp(12px,2.4vw,22px); pointer-events:none; opacity:0;transform:translateY(130%)}
.cookiebar-in:where(:root.page-videos,:root.page-videos *){pointer-events:auto;position:relative; max-width:1180px;margin:0 auto; display:flex;align-items:center;gap:clamp(14px,2vw,26px); background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%); border:1px solid var(--line);border-radius:14px; box-shadow:var(--shadow-lg); padding:14px clamp(16px,2vw,22px)}
.cb-ico:where(:root.page-videos,:root.page-videos *){flex:none;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--wine);background:var(--wine-soft);border:1px solid var(--wine-line)}
.cb-text:where(:root.page-videos,:root.page-videos *){flex:1;min-width:0;font-size:13.5px;line-height:1.5;color:var(--ink-2);letter-spacing:-0.005em;text-wrap:pretty}
.cb-text a:where(:root.page-videos,:root.page-videos *){color:var(--wine);font-weight:600;border-bottom:1px solid var(--wine-line);transition:.18s}
.cb-text a:hover:where(:root.page-videos,:root.page-videos *){border-bottom-color:var(--wine)}
.cb-actions:where(:root.page-videos,:root.page-videos *){flex:none;display:flex;align-items:center;gap:10px}
.cb-close:where(:root.page-videos,:root.page-videos *){flex:none;width:30px;height:30px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--ink-3);font-size:20px;line-height:1;display:grid;place-items:center;transition:.18s}
.cb-close:hover:where(:root.page-videos,:root.page-videos *){background:var(--paper-2);color:var(--ink)}

/* touch 1781880836837 */

/* ============================================================================
   TRUECOPY — sections.css
   ========================================================================== */

/* ============================ HERO (centered SaaS · red gradient) ============================ */
.hero:where(:root.page-videos,:root.page-videos *){position:relative;isolation:isolate; overflow:hidden;text-align:center;color:#fff; background: linear-gradient(180deg, rgba(255,255,255,.05), transparent 24%), linear-gradient(180deg,#6F1E2A 0%,#892634 15%,#A6333E 30%,#C25551 45%,#DA8377 58%,#F0C2B6 70%,#FBEAE3 78%,#FFFFFF 86%,#FFFFFF 100%)}

/* circular visual language */
.hero-bg:where(:root.page-videos,:root.page-videos *){position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.hero-noise:where(:root.page-videos,:root.page-videos *){position:absolute;inset:0;pointer-events:none;opacity:.18;mix-blend-mode:soft-light; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='hn'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23hn)'/%3E%3C/svg%3E");background-size:150px 150px}
.hero-glow:where(:root.page-videos,:root.page-videos *){position:absolute;left:50%;top:32%;width:680px;height:680px;transform:translate(-50%,-50%); background:radial-gradient(circle,rgba(255,205,188,.26),transparent 64%);filter:blur(12px); animation:heroGlow 9s var(--ease) infinite}
.orbit:where(:root.page-videos,:root.page-videos *){position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);border-radius:50%; border:1px solid rgba(255,255,255,.16); -webkit-mask-image:radial-gradient(circle,transparent 38%,#000 56%,#000 70%,transparent 86%); mask-image:radial-gradient(circle,transparent 38%,#000 56%,#000 70%,transparent 86%)}
.orbit-1:where(:root.page-videos,:root.page-videos *){width:680px;height:680px}
.orbit-2:where(:root.page-videos,:root.page-videos *){width:1080px;height:1080px;border-color:rgba(255,255,255,.10)}
.orbit-2.dashed-spin:where(:root.page-videos,:root.page-videos *){border-style:dashed;border-width:1.5px;border-color:rgba(255,255,255,.34); -webkit-mask-image:none;mask-image:none;animation:spin 60s linear infinite}
.orbit-3:where(:root.page-videos,:root.page-videos *){width:1480px;height:1480px;border-color:rgba(255,255,255,.07)}
.orbit-4:where(:root.page-videos,:root.page-videos *){width:1880px;height:1880px;border-color:rgba(255,255,255,.16)}
.orbit-4.dashed:where(:root.page-videos,:root.page-videos *){border-style:dashed;border-width:1px;animation:spin 80s linear infinite}
.hero-float-ring:where(:root.page-videos,:root.page-videos *){position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.30);opacity:.3}
.fr-a:where(:root.page-videos,:root.page-videos *){width:16px;height:16px;left:8%;top:30%;background:rgba(255,255,255,.14);animation:floatY 7s var(--ease) infinite}
.fr-d:where(:root.page-videos,:root.page-videos *){width:11px;height:11px;left:12%;top:64%;background:rgba(255,255,255,.55);border:0;animation:floatY 8s var(--ease) infinite reverse}
.fr-b:where(:root.page-videos,:root.page-videos *){width:30px;height:30px;right:8%;top:28%;animation:floatY 9s var(--ease) infinite reverse}
.fr-c:where(:root.page-videos,:root.page-videos *){width:11px;height:11px;right:12%;top:64%;background:rgba(255,255,255,.55);border:0;animation:floatY 6s var(--ease) infinite}
.hero-in:where(:root.page-videos,:root.page-videos *){position:relative;display:block}
.hero-copy:where(:root.page-videos,:root.page-videos *){max-width:880px;margin:0 auto}

/* social-proof review badge */
.hero-badge:where(:root.page-videos,:root.page-videos *){display:inline-flex;align-items:center;gap:11px;margin:0 auto;white-space:nowrap; padding:7px 16px 7px 12px;border-radius:100px; background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.26); -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px); font-size:13.5px;font-weight:500;color:rgba(255,255,255,.92);transition:.2s var(--ease)}
.hero-badge:hover:where(:root.page-videos,:root.page-videos *){background:rgba(255,255,255,.2);transform:translateY(-1px)}
.hero-badge .stars:where(:root.page-videos,:root.page-videos *){color:#FFD9A0;font-size:12px;letter-spacing:1px}
.hero-badge .hb-tx b:where(:root.page-videos,:root.page-videos *){font-weight:700;color:#fff}
.hero h1:where(:root.page-videos,:root.page-videos *){margin:26px auto 0;color:#fff;max-width:none; font-size:clamp(21px,2.6vw,34px);line-height:1.14;letter-spacing:-0.035em}
.hero h1 .ln1:where(:root.page-videos,:root.page-videos *){display:block;white-space:nowrap}
.hero h1 .ln2:where(:root.page-videos,:root.page-videos *){display:block;color:#fff;white-space:nowrap}
.hero h1 .ln3:where(:root.page-videos,:root.page-videos *){color:#fff}
.hero .lede:where(:root.page-videos,:root.page-videos *){margin:24px auto 0;color:rgba(255,255,255,.84);max-width:60ch;text-align:center;font-size:clamp(16px,1.5vw,19.5px)}
.hero-cta:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;justify-content:center;gap:20px;margin-top:38px;flex-wrap:wrap}
.hero-form:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;gap:6px;margin:34px auto 0;width:100%;max-width:476px; background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.32);border-radius:100px; padding:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px); box-shadow:0 16px 44px -22px rgba(40,8,12,.42)}
.hero-form:focus-within:where(:root.page-videos,:root.page-videos *){border-color:rgba(255,255,255,.58);background:rgba(255,255,255,.18)}
.hero-email:where(:root.page-videos,:root.page-videos *){flex:1 1 auto;min-width:0;background:transparent;border:0;outline:none;color:#fff; font-size:15px;padding:11px 8px 11px 18px;font-family:inherit;letter-spacing:-0.01em}
.hero-email:where(:root.page-videos,:root.page-videos *)::placeholder{color:rgba(255,255,255,.72)}
.hero-form .btn-hero:where(:root.page-videos,:root.page-videos *){flex:none}
.btn-hero:where(:root.page-videos,:root.page-videos *){background:#fff;color:var(--wine-deep);font-weight:700;padding:11px 24px;border-radius:100px; box-shadow:0 14px 34px -16px rgba(40,8,12,.45),0 1px 0 rgba(255,255,255,.5) inset;font-size:15px}
.btn-hero:hover:where(:root.page-videos,:root.page-videos *){transform:translateY(-2px);background:#fff;box-shadow:0 26px 60px -18px rgba(40,8,12,.62)}
.btn-hero .arr:where(:root.page-videos,:root.page-videos *){transition:transform .25s var(--ease)}
.btn-hero:hover .arr:where(:root.page-videos,:root.page-videos *){transform:translateX(4px)}
.hero-play:where(:root.page-videos,:root.page-videos *){display:inline-flex;align-items:center;gap:11px;color:#fff;font-weight:600;font-size:15px;opacity:.95;transition:.2s}
.hero-play:hover:where(:root.page-videos,:root.page-videos *){opacity:1}
.hero-play .hp-ic:where(:root.page-videos,:root.page-videos *){width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none; background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.32);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:.2s var(--ease)}
.hero-play .hp-ic:where(:root.page-videos,:root.page-videos *)::after{content:"";width:0;height:0;border-left:9px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:3px}
.hero-play:hover .hp-ic:where(:root.page-videos,:root.page-videos *){background:rgba(255,255,255,.26);transform:scale(1.06)}
.hero-trust:where(:root.page-videos,:root.page-videos *){display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:42px}
.hero-trust .ht:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;gap:10px;padding:9px 16px;border-radius:100px; background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20); -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.hero-trust .ht-ic:where(:root.page-videos,:root.page-videos *){width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.22);color:#fff;display:grid;place-items:center;font-size:10px;flex:none}
.hero-trust .ht-tx:where(:root.page-videos,:root.page-videos *){display:flex;flex-direction:column;gap:0;text-align:left;line-height:1.15}
.hero-trust .ht b:where(:root.page-videos,:root.page-videos *){font-size:13px;font-weight:700;color:#fff}
.hero-trust .ht span:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6)}

/* product mockup floating below */
.hero-stage-wrap:where(:root.page-videos,:root.page-videos *){position:relative;max-width:955px;margin:clamp(104px,12vw,168px) auto 0;perspective:1800px}
.hero-stage-wrap .stage:where(:root.page-videos,:root.page-videos *){border-radius:24px;border:15px solid rgba(248,205,197,.6); box-shadow:0 26px 56px -36px rgba(70,22,30,.28); transform:rotateX(3deg);transform-origin:center top;background-clip:padding-box}
.hero-float:where(:root.page-videos,:root.page-videos *){position:absolute;z-index:4;display:flex;align-items:center;gap:11px; padding:11px 14px;border-radius:13px;background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.8); box-shadow:0 22px 50px -22px rgba(40,8,16,.45)}
.hero-float .hfl-tx:where(:root.page-videos,:root.page-videos *){display:flex;flex-direction:column;text-align:left;line-height:1.25}
.hero-float .hfl-tx b:where(:root.page-videos,:root.page-videos *){font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-0.01em}
.hero-float .hfl-tx span:where(:root.page-videos,:root.page-videos *){font-size:11px;color:var(--ink-3)}
.hf-1:where(:root.page-videos,:root.page-videos *){left:-30px;top:24%;animation:floatCard 6.5s var(--ease) infinite}
.hf-1 .hfl-dot:where(:root.page-videos,:root.page-videos *){width:30px;height:30px;border-radius:50%;background:var(--wine-soft);position:relative;flex:none}
.hf-1 .hfl-dot:where(:root.page-videos,:root.page-videos *)::after{content:"\2713";position:absolute;inset:0;display:grid;place-items:center;color:var(--wine);font-weight:700;font-size:14px}
.hf-2:where(:root.page-videos,:root.page-videos *){right:-26px;top:54%;animation:floatCard 7.5s var(--ease) infinite reverse}
.hf-2 .hfl-ring:where(:root.page-videos,:root.page-videos *){position:relative;width:38px;height:38px;flex:none;display:grid;place-items:center}
.hf-2 .hfl-ring svg:where(:root.page-videos,:root.page-videos *){position:absolute;inset:0;transform:rotate(-90deg)}
.hf-2 .hfl-ring circle:where(:root.page-videos,:root.page-videos *){fill:none;stroke:var(--line);stroke-width:3}
.hf-2 .hfl-ring circle.prog:where(:root.page-videos,:root.page-videos *){stroke:var(--accent);stroke-linecap:round;stroke-dasharray:97.4;stroke-dashoffset:2}
.hf-2 .hfl-ring span:where(:root.page-videos,:root.page-videos *){font-size:10px;font-weight:700;color:var(--ink)}

/* hero product infographics — static icon circles riding the moving ring */

/* chips ride the dashed moving ring — two stacked on the left side, two on the right,
   vertically centred on the ring's centre (left:50%, top:34% — matching .orbit) */
.hero-chips:where(:root.page-videos,:root.page-videos *){position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;pointer-events:none; --rx:clamp(300px,41vw,500px);--ry:clamp(92px,10vw,150px)}
.hchip:where(:root.page-videos,:root.page-videos *){position:absolute;width:clamp(122px,11vw,154px);aspect-ratio:1;border-radius:26px;display:grid;place-items:center; pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent; background:linear-gradient(160deg,rgba(255,255,255,.20),rgba(255,255,255,.05))}
.hchip .hc-inner:where(:root.page-videos,:root.page-videos *){transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.hchip:hover .hc-inner:where(:root.page-videos,:root.page-videos *){transform:scale(1.05);box-shadow:0 18px 34px -14px rgba(70,18,28,.6)}
.hchip:active .hc-inner:where(:root.page-videos,:root.page-videos *){transform:scale(.93);transition-duration:.09s}
.hchip:focus-visible:where(:root.page-videos,:root.page-videos *){outline:2px solid #fff;outline-offset:3px}
.hchip:nth-child(1):where(:root.page-videos,:root.page-videos *){left:calc(50% - var(--rx) + 30px);top:calc(34% - 150px - var(--ry));transform:translate(-50%,-50%);animation:hchipL 6.5s var(--ease) infinite}
.hchip:nth-child(2):where(:root.page-videos,:root.page-videos *){left:calc(50% - var(--rx) - 20px);top:calc(34% - 110px + var(--ry));transform:translate(-50%,-50%);animation:hchipL 6.5s var(--ease) infinite;animation-delay:-2.2s}
.hchip:nth-child(3):where(:root.page-videos,:root.page-videos *){left:calc(50% + var(--rx) - 30px);top:calc(34% - 150px - var(--ry));transform:translate(-50%,-50%);animation:hchipR 6.5s var(--ease) infinite;animation-delay:-1.1s}
.hchip:nth-child(4):where(:root.page-videos,:root.page-videos *){left:calc(50% + var(--rx) + 30px);top:calc(34% - 110px + var(--ry));transform:translate(-50%,-50%);animation:hchipR 6.5s var(--ease) infinite;animation-delay:-3.4s}
html[data-motion="off"] .hchip:where(:root.page-videos,:root.page-videos *){animation:none}
.hchip:where(:root.page-videos,:root.page-videos *)::before{content:"";position:absolute;inset:0;border-radius:26px;padding:1.4px;pointer-events:none; background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.05) 70%,transparent); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.hc-inner:where(:root.page-videos,:root.page-videos *){width:80%;height:80%;border-radius:18px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:6px; box-shadow:0 12px 26px -12px rgba(70,18,28,.5)}
.hchip .hc-fig:where(:root.page-videos,:root.page-videos *){height:clamp(44px,4.6vw,58px);width:auto;max-width:92%;display:block}
.hchip:first-child .hc-fig:where(:root.page-videos,:root.page-videos *){height:clamp(58px,6.1vw,78px)}
.hc-nm:where(:root.page-videos,:root.page-videos *){font-size:clamp(11px,1vw,13px);font-weight:600;color:var(--wine);letter-spacing:-0.01em}

/* dashboard stage */
.stage:where(:root.page-videos,:root.page-videos *){position:relative;border-radius:16px;background:var(--paper); border:1px solid var(--line);box-shadow:var(--shadow-lg);overflow:hidden}
.stage-bar:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;gap:14px;padding:12px 14px;border-bottom:1px solid var(--line-2);background:var(--paper-2)}
.win-dots:where(:root.page-videos,:root.page-videos *){display:flex;gap:6px}
.win-dots i:where(:root.page-videos,:root.page-videos *){width:10px;height:10px;border-radius:50%;background:#DAD7D0;display:block}
.stage-addr:where(:root.page-videos,:root.page-videos *){flex:1;display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--ink-3);background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:5px 10px;min-width:0}
.stage-addr .lock:where(:root.page-videos,:root.page-videos *){color:var(--accent)}
.stage-addr .url:where(:root.page-videos,:root.page-videos *){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stage-live:where(:root.page-videos,:root.page-videos *){display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:#16804a}
.stage-live i:where(:root.page-videos,:root.page-videos *){width:6px;height:6px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 0 rgba(22,163,74,.5);animation:livePulse 2.4s infinite}
.stage-tabs:where(:root.page-videos,:root.page-videos *){position:relative;display:flex;gap:4px;padding:8px 10px;border-bottom:1px solid var(--line-2)}
.tab-ind:where(:root.page-videos,:root.page-videos *){position:absolute;top:8px;left:0;height:calc(100% - 16px);width:0;background:var(--paper-2);border:1px solid var(--line);border-radius:8px;z-index:0;pointer-events:none}
.stab:where(:root.page-videos,:root.page-videos *){position:relative;z-index:1;flex:1 1 0;min-width:0;overflow:hidden; display:inline-flex;align-items:center;justify-content:center;gap:6px; font-size:12px;font-weight:600;letter-spacing:-0.01em;color:var(--ink-3); padding:8px 6px;border-radius:8px;border:1px solid transparent;background:transparent;transition:color .2s var(--ease)}
.stab .gl:where(:root.page-videos,:root.page-videos *){width:17px;height:17px;border-radius:5px;display:grid;place-items:center;font-family:var(--font-mono);font-size:7.5px;font-weight:600;color:#fff;background:var(--ink-3);transition:background .2s;flex:none}
.stab-tx:where(:root.page-videos,:root.page-videos *){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.stab:hover:where(:root.page-videos,:root.page-videos *){color:var(--ink)}
.stab.is-active:where(:root.page-videos,:root.page-videos *){color:var(--ink)}
.stab.is-active .gl:where(:root.page-videos,:root.page-videos *){background:var(--wine)}
.stage-body:where(:root.page-videos,:root.page-videos *){position:relative;aspect-ratio:16/10.2;background:var(--paper-2);overflow:hidden}
.panel-track:where(:root.page-videos,:root.page-videos *){display:flex;height:100%;width:100%;will-change:transform}
.panel:where(:root.page-videos,:root.page-videos *){flex:0 0 100%;height:100%;padding:20px;opacity:1;pointer-events:auto}

/* video placeholder */
.vplace:where(:root.page-videos,:root.page-videos *){position:relative;width:100%;height:100%;border-radius:11px;overflow:hidden;background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column}
.vplace-top:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid var(--line-2)}
.vplace-top .vt:where(:root.page-videos,:root.page-videos *){font-weight:600;font-size:13.5px}
.vplace-top .vmeta:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--ink-3)}
.poster:where(:root.page-videos,:root.page-videos *){position:relative;flex:1;overflow:hidden;background: radial-gradient(120% 120% at 80% 0%, var(--paper-2), var(--paper))}
.poster-dots:where(:root.page-videos,:root.page-videos *){position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1px,transparent 1px);background-size:18px 18px;opacity:.6;-webkit-mask-image:linear-gradient(transparent,#000 30%);mask-image:linear-gradient(transparent,#000 30%)}
.play:where(:root.page-videos,:root.page-videos *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3; width:64px;height:64px;border-radius:50%;background:var(--wine);border:0; display:grid;place-items:center;box-shadow:0 16px 40px -12px rgba(155,27,46,.6);transition:.25s var(--ease)}
.play:where(:root.page-videos,:root.page-videos *)::after{content:"";width:0;height:0;border-left:17px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:4px}
.play:hover:where(:root.page-videos,:root.page-videos *){transform:translate(-50%,-50%) scale(1.07)}
.play-ring:where(:root.page-videos,:root.page-videos *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;border:1px solid var(--wine-line);z-index:2;animation:ring 3s var(--ease) infinite}
.vcap:where(:root.page-videos,:root.page-videos *){position:absolute;left:14px;bottom:13px;z-index:3;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--ink-3);background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:5px 9px;border-radius:6px;border:1px solid var(--line)}

/* faux dashboard rows inside poster */
.fx:where(:root.page-videos,:root.page-videos *){position:absolute;border-radius:7px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.fx-row:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;gap:9px;padding:9px 12px}
.fx-ic:where(:root.page-videos,:root.page-videos *){width:24px;height:24px;border-radius:6px;background:var(--accent-soft);flex:none}
.fx-bar:where(:root.page-videos,:root.page-videos *){height:7px;border-radius:4px;background:var(--paper-3)}
.fx-chip:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:9px;letter-spacing:.05em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:2px 6px}
.fx-col:where(:root.page-videos,:root.page-videos *){display:flex;flex-direction:column;justify-content:flex-end;gap:0;align-items:center}
.fx-colbar:where(:root.page-videos,:root.page-videos *){width:18px;border-radius:3px 3px 0 0;background:var(--accent);opacity:.85}
.fx-colbar.lo:where(:root.page-videos,:root.page-videos *){background:var(--paper-3)}
.fx-colbar.wine:where(:root.page-videos,:root.page-videos *){background:var(--wine)}

/* floating controls */
.stage-ctrl:where(:root.page-videos,:root.page-videos *){position:absolute;right:16px;bottom:16px;z-index:6;display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:100px;padding:6px;box-shadow:var(--shadow-md)}
.stage-ctrl button:where(:root.page-videos,:root.page-videos *){width:30px;height:30px;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--ink-2);display:grid;place-items:center;transition:.18s}
.stage-ctrl button:hover:where(:root.page-videos,:root.page-videos *){background:var(--paper-2);color:var(--ink)}
.dots:where(:root.page-videos,:root.page-videos *){display:flex;gap:6px;padding:0 4px}
.dots i:where(:root.page-videos,:root.page-videos *){width:6px;height:6px;border-radius:50%;background:var(--line);transition:.25s;cursor:pointer}
.dots i.on:where(:root.page-videos,:root.page-videos *){background:var(--wine);width:18px;border-radius:4px}

/* ============================ TRUST BAR (left text · right logo cloud) ============================ */
.trustbar:where(:root.page-videos,:root.page-videos *){background:var(--paper);padding-block:clamp(24px,3vw,40px)}
.trustbar-in:where(:root.page-videos,:root.page-videos *){display:grid;grid-template-columns:minmax(180px,0.66fr) 1.7fr;gap:clamp(20px,3.2vw,48px);align-items:center}
.trustbar-label:where(:root.page-videos,:root.page-videos *){font-size:clamp(18px,1.95vw,24px);font-weight:600;letter-spacing:-0.01em;color:var(--ink);line-height:1.3;display:block;max-width:22ch}
.tb-marquee:where(:root.page-videos,:root.page-videos *){position:relative;overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.tb-track:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;width:max-content;gap:clamp(34px,3.8vw,60px);animation:tbScroll 36s linear infinite}
.tb-marquee:hover .tb-track:where(:root.page-videos,:root.page-videos *){animation-play-state:paused}
html[data-motion="off"] .tb-track:where(:root.page-videos,:root.page-videos *){animation:none}
.tb-logo:where(:root.page-videos,:root.page-videos *){display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:clamp(18px,1.8vw,23px);letter-spacing:-0.02em;color:var(--ink-3);opacity:.7;white-space:nowrap;transition:color .22s var(--ease),opacity .22s var(--ease)}
.tb-logo:hover:where(:root.page-videos,:root.page-videos *){color:var(--ink);opacity:1}
.tb-ic:where(:root.page-videos,:root.page-videos *){width:.92em;height:.92em;fill:currentColor;flex:none}
.tb-sap:where(:root.page-videos,:root.page-videos *){font-weight:800;letter-spacing:.01em}
.tb-aws:where(:root.page-videos,:root.page-videos *){font-weight:800;letter-spacing:-.03em;align-items:flex-end;gap:2px}
.tb-aws .tb-smile:where(:root.page-videos,:root.page-videos *){width:1.5em;height:.4em;fill:currentColor;margin-bottom:3px}

/* ============================ MILESTONE JOURNEY ============================ */
.journey:where(:root.page-videos,:root.page-videos *){position:relative;--jpt:clamp(57px,6.6vw,92px);padding-block:var(--jpt) 0}
.journey:where(:root.page-videos,:root.page-videos *)::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;z-index:0;pointer-events:none; background:repeating-linear-gradient(90deg,var(--hair) 0 7px,transparent 7px 15px);background-size:15px 1px;animation:dashFlowX 1.1s linear infinite}
html[data-motion="off"] .journey:where(:root.page-videos,:root.page-videos *)::before{animation:none}
.journey-head:where(:root.page-videos,:root.page-videos *){text-align:center;max-width:640px;margin:0 auto clamp(52px,6vw,86px)}
.journey-head .eyebrow:where(:root.page-videos,:root.page-videos *){margin-bottom:18px}
.journey-head .h-section:where(:root.page-videos,:root.page-videos *){margin:0 auto}
.journey>.wrap:where(:root.page-videos,:root.page-videos *){position:relative}
.journey>.wrap:where(:root.page-videos,:root.page-videos *)::before,.journey>.wrap:where(:root.page-videos,:root.page-videos *)::after{content:"";position:absolute;top:calc(var(--jpt)*-1);bottom:0;width:1px;z-index:0;pointer-events:none; background:repeating-linear-gradient(180deg,var(--hair) 0 6px,transparent 6px 13px);background-size:1px 13px;animation:dashFlowY 1.1s linear infinite}
.journey>.wrap:where(:root.page-videos,:root.page-videos *)::before{left:0}
.journey>.wrap:where(:root.page-videos,:root.page-videos *)::after{right:0}
html[data-motion="off"] .journey>.wrap:where(:root.page-videos,:root.page-videos *)::before,html[data-motion="off"] .journey>.wrap:where(:root.page-videos,:root.page-videos *)::after{animation:none}
.journey-map:where(:root.page-videos,:root.page-videos *){position:relative}
.journey-curve:where(:root.page-videos,:root.page-videos *){position:absolute;top:0;left:0;width:100%;height:196px;z-index:0;overflow:visible}
.jc-base:where(:root.page-videos,:root.page-videos *){fill:none;stroke:#d8d5ce;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round}
.jc-line:where(:root.page-videos,:root.page-videos *){fill:none;stroke:var(--wine);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round}
.journey-row:where(:root.page-videos,:root.page-videos *){position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr)}
.milestone:where(:root.page-videos,:root.page-videos *){display:flex;flex-direction:column;align-items:center;text-align:center;padding-inline:clamp(6px,1vw,16px)}
.milestone .dot:where(:root.page-videos,:root.page-videos *){width:14px;height:14px;border-radius:50%;background:var(--paper);border:2px solid #cbc8c1; margin-top:calc(var(--cy) - 7px);position:relative;z-index:2;box-shadow:0 0 0 5px rgba(20,16,22,.03);transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}
.milestone .dot:where(:root.page-videos,:root.page-videos *)::after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--wine);transform:scale(0)}
.milestone .dot.lit:where(:root.page-videos,:root.page-videos *)::after{animation:dotPop .46s cubic-bezier(.34,1.56,.64,1) forwards}
html[data-motion="off"] .milestone .dot.lit:where(:root.page-videos,:root.page-videos *)::after{animation:none;transform:scale(1)}
.milestone .dot.lit:where(:root.page-videos,:root.page-videos *){border-color:var(--wine);box-shadow:0 0 0 5px color-mix(in srgb,var(--wine) 9%,transparent)}
.milestone .conn:where(:root.page-videos,:root.page-videos *){width:1px;height:200px; background:linear-gradient(180deg,var(--wine) calc(var(--fill,0)*100%),#d8d5ce calc(var(--fill,0)*100%))}
.milestone .mcontent:where(:root.page-videos,:root.page-videos *){margin-top:18px;padding-bottom:clamp(40px,5.5vw,84px)}

/* centered trust badges (top open space, above the arc) */
.journey-badges:where(:root.page-videos,:root.page-videos *){position:relative;z-index:3;display:inline-flex;gap:0;justify-content:center;margin:0 auto; background:linear-gradient(135deg,var(--wine-soft) 0%,#fff 45%,var(--accent-soft) 100%); border:1px solid var(--wine-line);border-radius:100px;padding:6px;box-shadow:0 18px 40px -22px rgba(120,18,28,.3)}
.journey-badges-wrap:where(:root.page-videos,:root.page-videos *){display:flex;justify-content:center;margin-bottom:clamp(16px,2vw,28px)}
.journey-badges .jb:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;gap:11px;padding:10px 24px;position:relative}
.journey-badges .jb+.jb:where(:root.page-videos,:root.page-videos *)::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:26px;background:var(--wine-line)}
.journey-badges .jb-ic:where(:root.page-videos,:root.page-videos *){width:24px;height:24px;border-radius:50%;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}
.journey-badges .jb-t b:where(:root.page-videos,:root.page-videos *){font-size:14px;font-weight:700;letter-spacing:-0.01em;display:block;line-height:1.05}
.journey-badges .jb-t span:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.mcontent .mnum:where(:root.page-videos,:root.page-videos *){font-size:clamp(30px,3.4vw,50px);font-weight:700;letter-spacing:-0.03em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.mcontent .mlbl:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:11px}

/* ============================ PRODUCT EXPLORER ============================ */
.prodx:where(:root.page-videos,:root.page-videos *){padding-block:clamp(76px,9.5vw,140px);background:#F3F1EE}
.prodx-head:where(:root.page-videos,:root.page-videos *){text-align:center;margin-bottom:clamp(26px,3.2vw,44px)}
.prodx-head .h-section:where(:root.page-videos,:root.page-videos *){margin:0 auto;max-width:none;font-size:clamp(24px,3.4vw,42px)}
.prodx-card:where(:root.page-videos,:root.page-videos *){background:var(--paper);border-radius:28px;padding:clamp(22px,2.8vw,42px)}
.prodx-tabs:where(:root.page-videos,:root.page-videos *){position:relative;display:flex;flex-wrap:nowrap;gap:clamp(8px,2vw,40px);margin-bottom:clamp(26px,3.2vw,44px)}
.prodx-ind:where(:root.page-videos,:root.page-videos *){position:absolute;top:0;left:0;height:100%;width:0;border-radius:20px 20px 2px 2px;background:var(--wine-soft);z-index:0;pointer-events:none}
.prodx-tab:where(:root.page-videos,:root.page-videos *){position:relative;z-index:1;flex:1 1 0;min-width:0;text-align:center;font-size:clamp(15px,1.95vw,31px);font-weight:400;letter-spacing:-0.025em;line-height:1;color:#b7adb0;background:transparent;border:0;padding:clamp(16px,1.8vw,26px) 10px;border-radius:20px 20px 2px 2px;cursor:pointer;transition:color .2s var(--ease),background .2s var(--ease)}
.prodx-tab:hover:where(:root.page-videos,:root.page-videos *){color:var(--wine)}
.prodx-tab:not(.is-active):hover:where(:root.page-videos,:root.page-videos *){background:color-mix(in srgb,var(--wine) 6%,transparent)}
.prodx-tab.is-active:where(:root.page-videos,:root.page-videos *){color:var(--wine);font-weight:700}
.prodx-stage:where(:root.page-videos,:root.page-videos *){display:grid;grid-template-columns:0.82fr 1.18fr;gap:clamp(26px,3.4vw,52px);align-items:center;background:none;border:0;box-shadow:none;padding:0;border-radius:0}
.prodx-info:where(:root.page-videos,:root.page-videos *){min-width:0;padding-left:clamp(2px,1.2vw,20px)}
.pi-title:where(:root.page-videos,:root.page-videos *){font-size:clamp(26px,3vw,42px);font-weight:700;letter-spacing:-0.03em;line-height:1.04;margin:0 0 16px;text-wrap:balance}
.pi-desc:where(:root.page-videos,:root.page-videos *){font-size:16px;color:var(--ink-2);line-height:1.6;max-width:42ch}
.pi-link:where(:root.page-videos,:root.page-videos *){margin-top:26px}
.pi-link.link-arrow:where(:root.page-videos,:root.page-videos *){color:var(--wine);border-bottom:0;padding:10px 18px;border-radius:100px;background:transparent;border:1px solid var(--wine-line);transition:background .22s var(--ease),border-color .22s var(--ease),color .22s}
.pi-link.link-arrow:hover:where(:root.page-videos,:root.page-videos *){background:var(--wine-soft);border-color:var(--wine)}
.pi-link.link-arrow .arr:where(:root.page-videos,:root.page-videos *){color:var(--wine)}
.prodx-viz:where(:root.page-videos,:root.page-videos *){position:relative;min-height:360px;border-radius:20px;overflow:visible;padding:0;display:flex;align-items:center;justify-content:center;background:transparent}
.prodx-figstack:where(:root.page-videos,:root.page-videos *){position:relative;width:100%;aspect-ratio:1536/1024}
.prodx-fig:where(:root.page-videos,:root.page-videos *){position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(.985);transition:opacity .5s var(--ease),transform .6s var(--ease);pointer-events:none}
.prodx-fig.is-active:where(:root.page-videos,:root.page-videos *){opacity:1;transform:none}
.prodx-vidframe:where(:root.page-videos,:root.page-videos *){width:100%;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow-lg)}
.pvf-bar:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;gap:12px;padding:11px 16px;background:var(--paper-2);border-bottom:1px solid var(--line-2)}
.pvf-dots:where(:root.page-videos,:root.page-videos *){display:flex;gap:6px}
.pvf-dots i:where(:root.page-videos,:root.page-videos *){width:10px;height:10px;border-radius:50%;background:#d8d5ce;display:block}
.pvf-url:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:11px;color:var(--ink-3);background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:4px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pvf-screen:where(:root.page-videos,:root.page-videos *){position:relative;aspect-ratio:16/10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background: radial-gradient(120% 120% at 50% 0%, var(--paper-2), var(--paper));overflow:hidden}
.pvf-screen:where(:root.page-videos,:root.page-videos *)::before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1.1px,transparent 1.1px);background-size:22px 22px;opacity:.5;-webkit-mask-image:radial-gradient(circle at 50% 42%,#000,transparent 70%);mask-image:radial-gradient(circle at 50% 42%,#000,transparent 70%)}
.pvf-play:where(:root.page-videos,:root.page-videos *){position:relative;z-index:1;width:66px;height:66px;border-radius:50%;background:var(--wine);box-shadow:0 16px 40px -12px rgba(155,27,46,.6);display:grid;place-items:center}
.pvf-play:where(:root.page-videos,:root.page-videos *)::after{content:"";width:0;height:0;border-left:18px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}
.pvf-cap:where(:root.page-videos,:root.page-videos *){position:relative;z-index:1;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.prodx-viz:where(:root.page-videos,:root.page-videos *)::before{content:none}
.viz-panel:where(:root.page-videos,:root.page-videos *){position:absolute;inset:clamp(20px,2.4vw,34px);opacity:0;visibility:hidden;align-items:center}
.viz-panel.is-active:where(:root.page-videos,:root.page-videos *){position:relative;inset:auto;width:100%;opacity:1;visibility:visible;display:flex}
.vframe:where(:root.page-videos,:root.page-videos *){width:100%}
.vmedia:where(:root.page-videos,:root.page-videos *){position:relative;aspect-ratio:16/9;background:var(--ink);overflow:hidden}
.prodx-vid:where(:root.page-videos,:root.page-videos *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.prodx-shot:where(:root.page-videos,:root.page-videos *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.pv-float:where(:root.page-videos,:root.page-videos *){position:absolute;z-index:4;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:13px;padding:11px 14px;box-shadow:0 18px 40px -20px rgba(40,8,16,.5)}
.pv-f1:where(:root.page-videos,:root.page-videos *){left:-16px;top:20%;animation:floatCard 6.5s var(--ease) infinite}
.pv-f2:where(:root.page-videos,:root.page-videos *){right:-14px;bottom:15%;flex-direction:column;align-items:flex-start;gap:2px;animation:floatCard 7.5s var(--ease) infinite reverse}
.pv-check:where(:root.page-videos,:root.page-videos *){width:28px;height:28px;border-radius:50%;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;font-weight:700;font-size:13px;flex:none}
.pv-tx b:where(:root.page-videos,:root.page-videos *),.pv-big:where(:root.page-videos,:root.page-videos *){font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-0.01em;display:block}
.pv-big:where(:root.page-videos,:root.page-videos *){font-size:21px}
.pv-tx span:where(:root.page-videos,:root.page-videos *),.pv-f2 span:where(:root.page-videos,:root.page-videos *){font-size:11px;color:var(--ink-3)}
.vframe:where(:root.page-videos,:root.page-videos *){border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper-2);box-shadow:var(--shadow-sm)}
.vbar:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;gap:12px;padding:11px 14px;background:var(--paper);border-bottom:1px solid var(--line-2)}
.vdots:where(:root.page-videos,:root.page-videos *){display:flex;gap:5px}
.vdots i:where(:root.page-videos,:root.page-videos *){width:9px;height:9px;border-radius:50%;background:#DAD7D0;display:block}
.vttl:where(:root.page-videos,:root.page-videos *){font-size:12.5px;font-weight:600;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vlive:where(:root.page-videos,:root.page-videos *){margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;color:#16804a;flex:none}
.vlive i:where(:root.page-videos,:root.page-videos *){width:6px;height:6px;border-radius:50%;background:#16a34a;display:block}
.vbody:where(:root.page-videos,:root.page-videos *){padding:18px;display:flex;flex-direction:column;gap:14px}
.vtop:where(:root.page-videos,:root.page-videos *){display:flex;gap:16px;align-items:center}
.donut:where(:root.page-videos,:root.page-videos *){position:relative;width:96px;height:96px;flex:none}
.donut svg:where(:root.page-videos,:root.page-videos *){width:100%;height:100%;transform:rotate(-90deg)}
.donut .d-bg:where(:root.page-videos,:root.page-videos *){fill:none;stroke:var(--line);stroke-width:3.4}
.donut .d-fg:where(:root.page-videos,:root.page-videos *){fill:none;stroke:var(--wine);stroke-width:3.4;stroke-linecap:round;stroke-dasharray:100.5;stroke-dashoffset:100.5}
.donut .d-c:where(:root.page-videos,:root.page-videos *){position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.donut .d-c b:where(:root.page-videos,:root.page-videos *){font-size:22px;font-weight:700;letter-spacing:-0.02em}
.donut .d-c i:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:9px;color:var(--ink-3);font-style:normal}
.vtiles:where(:root.page-videos,:root.page-videos *){display:flex;gap:12px;flex:1}
.vtiles.wide:where(:root.page-videos,:root.page-videos *){width:100%}
.vtile:where(:root.page-videos,:root.page-videos *){flex:1;border:1px solid var(--line);border-radius:11px;background:var(--paper);padding:14px 16px}
.vtile b:where(:root.page-videos,:root.page-videos *){font-size:clamp(20px,2.2vw,26px);font-weight:700;letter-spacing:-0.02em;display:block}
.vtile span:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:6px;display:block}
.vlist:where(:root.page-videos,:root.page-videos *){display:flex;flex-direction:column;gap:8px}
.vli:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;color:var(--ink-2);background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:9px 12px}
.vli em:where(:root.page-videos,:root.page-videos *){font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vli-ic:where(:root.page-videos,:root.page-videos *){width:16px;height:16px;border-radius:4px;background:var(--wine-soft);flex:none}
.vli-tag:where(:root.page-videos,:root.page-videos *){margin-left:auto;font-size:9px;letter-spacing:.06em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:2px 7px;flex:none}
.vli-tag.ok:where(:root.page-videos,:root.page-videos *){color:#16804a;border-color:rgba(22,128,74,.3)}
.vpipe:where(:root.page-videos,:root.page-videos *){display:flex;gap:10px}
.vstage:where(:root.page-videos,:root.page-videos *){flex:1;border:1px solid var(--line);border-radius:11px;background:var(--paper);padding:13px;text-align:center}
.vstage .vs-n:where(:root.page-videos,:root.page-videos *){font-size:22px;font-weight:700;letter-spacing:-0.02em;display:block}
.vstage .vs-l:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:5px;display:block}
.vstage.on:where(:root.page-videos,:root.page-videos *){border-color:var(--wine);background:var(--wine-soft)}
.vchart:where(:root.page-videos,:root.page-videos *){display:flex;align-items:flex-end;gap:12px;height:92px;padding-top:6px}
.vbarc:where(:root.page-videos,:root.page-videos *){flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;height:100%}
.vbarc .bf:where(:root.page-videos,:root.page-videos *){width:100%;border-radius:5px 5px 0 0;background:var(--accent);height:0}
.vbarc .bf.wine:where(:root.page-videos,:root.page-videos *){background:var(--wine)}
.vbarc i:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:9px;color:var(--ink-3);font-style:normal}
.vfoot:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line-2);padding-top:12px;font-size:13px;color:var(--ink-2)}
.vfoot b:where(:root.page-videos,:root.page-videos *){color:var(--wine);font-weight:700}
.vflow:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;gap:0}
.vnode:where(:root.page-videos,:root.page-videos *){flex:none;font-family:var(--font-mono);font-size:11px;color:var(--ink-2);border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:var(--paper)}
.vnode.done:where(:root.page-videos,:root.page-videos *){color:#16804a;border-color:rgba(22,128,74,.3)}
.vnode.cur:where(:root.page-videos,:root.page-videos *){color:#fff;background:var(--wine);border-color:var(--wine)}
.vlk:where(:root.page-videos,:root.page-videos *){flex:1;height:1px;background:var(--line);min-width:12px}
.vseg:where(:root.page-videos,:root.page-videos *){display:flex;height:30px;border-radius:8px;overflow:hidden;border:1px solid var(--line)}
.vseg .sf:where(:root.page-videos,:root.page-videos *){height:100%;width:0}
.vseg .sf.a:where(:root.page-videos,:root.page-videos *){background:var(--wine)}
.vseg .sf.b:where(:root.page-videos,:root.page-videos *){background:var(--accent)}
.vseg .sf.c:where(:root.page-videos,:root.page-videos *){background:var(--paper-3)}
.vseg-key:where(:root.page-videos,:root.page-videos *){display:flex;flex-wrap:wrap;gap:14px;font-family:var(--font-mono);font-size:9.5px;color:var(--ink-2)}
.vseg-key i:where(:root.page-videos,:root.page-videos *){width:9px;height:9px;border-radius:3px;display:inline-block;margin-right:5px;vertical-align:middle}
.vseg-key i.a:where(:root.page-videos,:root.page-videos *){background:var(--wine)}
.vseg-key i.b:where(:root.page-videos,:root.page-videos *){background:var(--accent)}
.vseg-key i.c:where(:root.page-videos,:root.page-videos *){background:var(--paper-3)}

/* stat band */
.statband:where(:root.page-videos,:root.page-videos *){display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper)}
.statband .sc:where(:root.page-videos,:root.page-videos *){padding:clamp(26px,3vw,38px) clamp(18px,2vw,30px);border-right:1px solid var(--line)}
.statband .sc:last-child:where(:root.page-videos,:root.page-videos *){border-right:0}

/* ============================ ANECDOTES (carousel) ============================ */
.anec-head:where(:root.page-videos,:root.page-videos *){display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:48px}
.anec-nav:where(:root.page-videos,:root.page-videos *){display:flex;gap:10px}
.anec-nav button:where(:root.page-videos,:root.page-videos *){width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);display:grid;place-items:center;transition:.2s}
.anec-nav button:hover:where(:root.page-videos,:root.page-videos *){border-color:var(--ink);background:var(--paper-2)}
.anec-nav button:disabled:where(:root.page-videos,:root.page-videos *){opacity:.35;cursor:default}
.anec-track-wrap:where(:root.page-videos,:root.page-videos *){overflow:hidden;padding-block:6px}
.anec-track:where(:root.page-videos,:root.page-videos *){display:flex;gap:24px}
.anec-card:where(:root.page-videos,:root.page-videos *){position:relative;flex:0 0 min(680px,90vw);height:clamp(360px,42vw,460px); border-radius:22px;overflow:hidden;background:var(--ink);isolation:isolate}
.anec-img:where(:root.page-videos,:root.page-videos *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0; transform:scale(1.02);transition:transform .8s var(--ease)}
.anec-card:hover .anec-img:where(:root.page-videos,:root.page-videos *){transform:scale(1.07)}
.anec-shade:where(:root.page-videos,:root.page-videos *){position:absolute;inset:0;z-index:1; background:linear-gradient(183deg,rgba(20,16,18,.18) 0%,rgba(20,16,18,0) 26%,rgba(20,16,18,.62) 64%,rgba(20,16,18,.92) 100%)}
.anec-body:where(:root.page-videos,:root.page-videos *){position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(22px,2.4vw,32px);color:#fff}
.anec-chip:where(:root.page-videos,:root.page-videos *){align-self:flex-start;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#fff; background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:7px 13px;border-radius:100px}
.anec-bottom h3:where(:root.page-videos,:root.page-videos *){font-size:clamp(22px,2.2vw,29px);font-weight:700;letter-spacing:-0.025em;line-height:1.08;margin-bottom:12px;text-wrap:balance;max-width:18ch}
.anec-bottom p:where(:root.page-videos,:root.page-videos *){font-size:15px;line-height:1.55;color:rgba(255,255,255,.82);max-width:46ch;text-wrap:pretty}
.anec-stats:where(:root.page-videos,:root.page-videos *){display:none}
.anec-link:where(:root.page-videos,:root.page-videos *){display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-weight:600;font-size:14.5px;color:#fff}
.anec-link .arr:where(:root.page-videos,:root.page-videos *){transition:transform .25s var(--ease)}
.anec-card:hover .anec-link .arr:where(:root.page-videos,:root.page-videos *){transform:translateX(4px)}

/* ============================ ECOSYSTEM ============================ */
.eco-head:where(:root.page-videos,:root.page-videos *){margin-bottom:clamp(48px,6vw,84px)}
.eco-rows:where(:root.page-videos,:root.page-videos *){display:flex;flex-direction:column;gap:clamp(56px,7vw,110px);margin-bottom:clamp(44px,5vw,72px)}
.eco-row:where(:root.page-videos,:root.page-videos *){display:grid;grid-template-columns:0.82fr 1.18fr;gap:clamp(36px,5vw,80px);align-items:center}
.eco-info:where(:root.page-videos,:root.page-videos *){min-width:0}
.eco-rowhead:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;gap:13px;margin-bottom:22px}
.eco-num:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--ink-3);letter-spacing:.04em}
.eco-glyph:where(:root.page-videos,:root.page-videos *){width:44px;height:44px;border-radius:11px;display:grid;place-items:center;font-family:var(--font-mono);font-size:13px;font-weight:600;color:#fff;background:var(--accent);flex:none}
.eco-row[data-k="ts"] .eco-glyph:where(:root.page-videos,:root.page-videos *){background:var(--accent)}
.eco-row[data-k="cv"] .eco-glyph:where(:root.page-videos,:root.page-videos *){background:var(--accent)}
.eco-row[data-k="nx"] .eco-glyph:where(:root.page-videos,:root.page-videos *){background:var(--accent)}
.eco-row[data-k="ck"] .eco-glyph:where(:root.page-videos,:root.page-videos *){background:var(--accent)}
.eco-badge:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;color:var(--ink-2);border:1px solid var(--line);border-radius:6px;padding:4px 8px;text-transform:uppercase}
.eco-rowhead .eco-badge:where(:root.page-videos,:root.page-videos *){margin-left:auto}
.eco-name:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--wine);margin-bottom:14px}
.eco-h:where(:root.page-videos,:root.page-videos *){font-size:clamp(25px,2.9vw,38px);font-weight:700;letter-spacing:-0.03em;line-height:1.04;margin-bottom:18px;text-wrap:balance;max-width:15ch}
.eco-desc:where(:root.page-videos,:root.page-videos *){font-size:clamp(15px,1.4vw,17px);color:var(--ink-2);line-height:1.6;max-width:46ch;margin-bottom:24px;text-wrap:pretty}
.eco-tags:where(:root.page-videos,:root.page-videos *){display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.eco-info .link-arrow:where(:root.page-videos,:root.page-videos *){font-size:15px}

/* product image placeholder (client-provided) */
.eco-media:where(:root.page-videos,:root.page-videos *){min-width:0}
.media-frame:where(:root.page-videos,:root.page-videos *){border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper);box-shadow:var(--shadow-md)}
.media-bar:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line-2);background:var(--paper-2)}
.media-bar .md-dots:where(:root.page-videos,:root.page-videos *){display:flex;gap:6px;flex:none}
.media-bar .md-dots i:where(:root.page-videos,:root.page-videos *){width:10px;height:10px;border-radius:50%;background:#DAD7D0;display:block}
.media-bar .md-title:where(:root.page-videos,:root.page-videos *){font-size:13px;font-weight:600;color:var(--ink-2);letter-spacing:-0.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.media-bar .md-tag:where(:root.page-videos,:root.page-videos *){margin-left:auto;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:3px 7px;flex:none}
.media-body:where(:root.page-videos,:root.page-videos *){position:relative;aspect-ratio:16/10.5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--paper-2);overflow:hidden}
.media-body:where(:root.page-videos,:root.page-videos *)::before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1.1px,transparent 1.1px);background-size:22px 22px;opacity:.55;-webkit-mask-image:radial-gradient(circle at 50% 44%,#000,transparent 70%);mask-image:radial-gradient(circle at 50% 44%,#000,transparent 70%)}
.media-icon:where(:root.page-videos,:root.page-videos *){width:74px;height:74px;border-radius:18px;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow-sm);display:grid;place-items:center;color:var(--ink-3);z-index:1}
.eco-row[data-k="ts"] .media-icon:where(:root.page-videos,:root.page-videos *){color:var(--accent)}
.eco-row[data-k="cv"] .media-icon:where(:root.page-videos,:root.page-videos *){color:var(--accent)}
.eco-row[data-k="ck"] .media-icon:where(:root.page-videos,:root.page-videos *){color:var(--accent)}
.media-cap:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);z-index:1}
.eco-substrate:where(:root.page-videos,:root.page-videos *){margin-top:0;text-align:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);display:flex;align-items:center;justify-content:center;gap:10px}
.eco-substrate:where(:root.page-videos,:root.page-videos *)::before,.eco-substrate:where(:root.page-videos,:root.page-videos *)::after{content:"";height:1px;flex:1;max-width:120px;background:var(--line)}

/* ============================ ENTERPRISE GAP ============================ */
.gap:where(:root.page-videos,:root.page-videos *){background:var(--paper-2)}
.gap-head:where(:root.page-videos,:root.page-videos *){max-width:780px;margin-bottom:54px}
.sym-grid:where(:root.page-videos,:root.page-videos *){display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.sym:where(:root.page-videos,:root.page-videos *){grid-column:span 2;border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:24px;display:flex;flex-direction:column;transition:.25s var(--ease)}
.sym:nth-child(4):where(:root.page-videos,:root.page-videos *){grid-column:span 3}
.sym:nth-child(5):where(:root.page-videos,:root.page-videos *){grid-column:span 3}
.sym:hover:where(:root.page-videos,:root.page-videos *){box-shadow:var(--shadow-md);transform:translateY(-2px)}
.sym .sk:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--wine);margin-bottom:14px}
.sym h4:where(:root.page-videos,:root.page-videos *){font-size:17px;font-weight:600;letter-spacing:-0.015em;margin-bottom:9px}
.sym p:where(:root.page-videos,:root.page-videos *){font-size:13.5px;color:var(--ink-2);line-height:1.5;margin-bottom:18px}
.sym .sviz:where(:root.page-videos,:root.page-videos *){margin-top:auto;display:flex;flex-direction:column;gap:6px}
.faux-line:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:6px;padding:6px 9px}
.faux-line .t:where(:root.page-videos,:root.page-videos *){margin-left:auto;color:var(--ink-3)}
.faux-line.bad:where(:root.page-videos,:root.page-videos *){color:var(--wine);border-color:var(--wine-line);background:var(--wine-soft)}
.gap-answer:where(:root.page-videos,:root.page-videos *){margin-top:30px;border:1px solid var(--ink);border-radius:18px;background:var(--ink);color:#fff;padding:clamp(32px,4vw,52px);display:grid;grid-template-columns:1.4fr 1fr;gap:36px;align-items:center}
.gap-answer .ga-k:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:18px;display:flex;align-items:center;gap:9px}
.gap-answer .ga-k:where(:root.page-videos,:root.page-videos *)::before{content:"";width:7px;height:7px;border-radius:2px;background:var(--wine)}
.gap-answer h3:where(:root.page-videos,:root.page-videos *){font-size:clamp(24px,2.8vw,36px);font-weight:700;letter-spacing:-0.025em;line-height:1.05;text-wrap:balance}
.gap-answer p:where(:root.page-videos,:root.page-videos *){color:rgba(255,255,255,.72);font-size:15.5px;line-height:1.6;margin-top:18px;max-width:52ch}
.gap-answer .ga-cta:where(:root.page-videos,:root.page-videos *){display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.btn-wine-ghost:where(:root.page-videos,:root.page-videos *){background:transparent;color:#fff;border:1px solid rgba(255,255,255,.28)}
.btn-wine-ghost:hover:where(:root.page-videos,:root.page-videos *){background:rgba(255,255,255,.08);border-color:#fff}

/* ============================ ARCHITECTURE (callout) ============================ */
.archx-callout:where(:root.page-videos,:root.page-videos *){position:relative;border:1px solid rgba(255,255,255,.18);border-radius:32px;padding:clamp(32px,4.5vw,64px);overflow:hidden; background: radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,.12), transparent 60%), linear-gradient(165deg,#B23a4a 0%,#8E1B2C 52%,#67121F 100%); color:#fff; box-shadow:0 40px 90px -46px rgba(70,18,28,.7), 0 0 0 7px rgba(155,27,46,.08)}
.archx-top:where(:root.page-videos,:root.page-videos *){position:relative;z-index:1;display:grid;grid-template-columns:42% 1fr;gap:clamp(28px,3.5vw,56px);align-items:center}
.archx-callout:where(:root.page-videos,:root.page-videos *)::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none; background-image:radial-gradient(circle, rgba(255,255,255,.14) 1.2px, transparent 1.2px);background-size:26px 26px;opacity:.6}
.archx-left:where(:root.page-videos,:root.page-videos *),.archx-right:where(:root.page-videos,:root.page-videos *){position:relative;z-index:1}
.archx-left .kicker:where(:root.page-videos,:root.page-videos *){display:block;margin-bottom:18px;color:rgba(255,255,255,.6)}
.archx-left .kicker:where(:root.page-videos,:root.page-videos *)::before{background:#fff}
.archx-title:where(:root.page-videos,:root.page-videos *){font-size:clamp(30px,3.4vw,46px);font-weight:700;letter-spacing:-0.03em;line-height:1.04;text-wrap:balance;margin-bottom:18px;color:#fff}
.archx-lede:where(:root.page-videos,:root.page-videos *){font-size:clamp(16px,1.55vw,19px);color:rgba(255,255,255,.8);line-height:1.6;max-width:42ch;margin-bottom:28px}
.archx-cta:where(:root.page-videos,:root.page-videos *){border-radius:100px;background:#fff;color:var(--wine-deep)}
.archx-cta:hover:where(:root.page-videos,:root.page-videos *){background:#fff;transform:translateY(-2px);box-shadow:0 16px 36px -14px rgba(0,0,0,.45)}

/* diagram placeholder — client to provide */
.archx-diagram--ph:where(:root.page-videos,:root.page-videos *){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px; min-height:clamp(220px,24vw,300px);border:1.5px dashed rgba(255,255,255,.3);border-radius:18px; background:rgba(255,255,255,.05);text-align:center;padding:30px}
.axd-ph-ic:where(:root.page-videos,:root.page-videos *){width:60px;height:60px;border-radius:15px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;color:#fff}
.archx-diagram--ph b:where(:root.page-videos,:root.page-videos *){font-size:16px;font-weight:700;color:#fff;letter-spacing:-0.01em}
.axd-ph-sub:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.axd-col:where(:root.page-videos,:root.page-videos *){display:flex;flex-direction:column;gap:8px;align-items:stretch;min-width:0}
.axd-lbl:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:4px;text-align:center}
.axd-flow span:where(:root.page-videos,:root.page-videos *){width:18px;height:2px;border-radius:2px;background:rgba(255,255,255,.3)}
.axd-flow span:nth-child(2):where(:root.page-videos,:root.page-videos *){width:24px;background:rgba(255,255,255,.6)}
.axd-chip:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--ink-2);background:var(--paper);border:1px solid rgba(20,16,22,.05);border-radius:9px;padding:9px 12px;text-align:center;box-shadow:0 12px 28px -16px rgba(42,30,48,.4)}
.axd-chip.wine:where(:root.page-videos,:root.page-videos *){color:var(--wine);border-color:var(--wine-line);background:var(--wine-soft)}
.axd-flow:where(:root.page-videos,:root.page-videos *){display:flex;flex-direction:column;gap:4px;flex:none}
.axd-flow span:where(:root.page-videos,:root.page-videos *){width:18px;height:2px;border-radius:2px;background:var(--wine-line)}
.axd-flow span:nth-child(2):where(:root.page-videos,:root.page-videos *){width:24px;background:var(--wine)}
.axd-core:where(:root.page-videos,:root.page-videos *){background:var(--paper);border:1px solid var(--wine-line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-md);min-width:148px}
.axd-core-top:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;justify-content:space-between;padding:2px 4px 8px;border-bottom:1px solid var(--line-2)}
.axd-core-top b:where(:root.page-videos,:root.page-videos *){font-size:13px;font-weight:700;letter-spacing:-0.01em;white-space:nowrap}
.axd-core-v:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:9px;color:var(--wine)}
.axd-layer:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:10.5px;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:7px;padding:7px 10px;transition:.2s var(--ease)}
.axd-layer:hover:where(:root.page-videos,:root.page-videos *){background:var(--wine-soft);border-color:var(--wine-line);color:var(--wine)}

/* capability list inside callout — borderless angled cards */
.caplist:where(:root.page-videos,:root.page-videos *){position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px);margin-top:clamp(34px,4vw,52px);padding-top:8px}
.capx:where(:root.page-videos,:root.page-videos *){display:flex;gap:13px;align-items:flex-start;position:relative; background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.05)); -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px); border:0;border-radius:16px;padding:22px 22px 24px;overflow:hidden; box-shadow:0 16px 36px -22px rgba(20,6,10,.6);transition:transform .3s var(--ease)}
.capx:hover:where(:root.page-videos,:root.page-videos *){transform:translateY(-2px)}
.capx:where(:root.page-videos,:root.page-videos *)::before{display:none}
.capx :is(h3,h4):where(:root.page-videos,:root.page-videos *){font-size:15.5px;font-weight:700;letter-spacing:-0.015em;margin-bottom:7px;color:#fff}
.capx p:where(:root.page-videos,:root.page-videos *){font-size:13.5px;color:rgba(255,255,255,.74);line-height:1.55}
.arch-cols:where(:root.page-videos,:root.page-videos *){position:relative;display:grid;grid-template-columns:1fr auto 1.5fr;gap:0;align-items:stretch}
.arch-sys:where(:root.page-videos,:root.page-videos *){padding:clamp(26px,3vw,40px);border-right:1px solid var(--line)}
.arch-colhead:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:20px;display:flex;align-items:center;gap:8px}
.sys-node:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper-2);margin-bottom:10px;transition:.25s var(--ease)}
.sys-node:hover:where(:root.page-videos,:root.page-videos *){border-color:var(--accent-line);background:var(--accent-soft)}
.sys-node .sn-g:where(:root.page-videos,:root.page-videos *){width:30px;height:30px;border-radius:7px;background:var(--paper);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:9px;font-weight:600;color:var(--ink-2);flex:none}
.sys-node .sn-t b:where(:root.page-videos,:root.page-videos *){font-size:13.5px;font-weight:600;display:block}
.sys-node .sn-t span:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:9.5px;color:var(--ink-3);letter-spacing:.02em}
.arch-flow:where(:root.page-videos,:root.page-videos *){width:74px;position:relative;display:grid;place-items:center}
.arch-flow .flowlbl:where(:root.page-videos,:root.page-videos *){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}
.arch-core:where(:root.page-videos,:root.page-videos *){padding:clamp(26px,3vw,40px);background:linear-gradient(180deg,var(--wine-soft),var(--paper) 70%)}
.core-card:where(:root.page-videos,:root.page-videos *){border:1px solid var(--wine-line);border-radius:14px;background:var(--paper);box-shadow:var(--shadow-md);overflow:hidden}
.core-top:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line-2)}
.core-top .ct-t:where(:root.page-videos,:root.page-videos *){font-size:16px;font-weight:700;letter-spacing:-0.02em}
.core-top .ct-v:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:10px;color:var(--ink-3)}
.core-layers:where(:root.page-videos,:root.page-videos *){padding:14px}
.layer:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:9px;margin-bottom:6px;transition:.25s var(--ease);border:1px solid transparent}
.layer:hover:where(:root.page-videos,:root.page-videos *){background:var(--wine-soft);border-color:var(--wine-line)}
.layer .ly-n:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:10px;color:var(--wine);font-weight:600;width:26px;flex:none}
.layer .ly-t b:where(:root.page-videos,:root.page-videos *){font-size:14px;font-weight:600;display:block;letter-spacing:-0.01em}
.layer .ly-t span:where(:root.page-videos,:root.page-videos *){font-size:12px;color:var(--ink-3)}
.core-out:where(:root.page-videos,:root.page-videos *){display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}
.out-card:where(:root.page-videos,:root.page-videos *){border:1px solid var(--line);border-radius:11px;padding:15px;background:var(--paper)}
.out-card .oc-k:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:9px}
.out-card b:where(:root.page-videos,:root.page-videos *){font-size:14px;font-weight:600;display:block;letter-spacing:-0.01em;margin-bottom:5px}
.out-card span:where(:root.page-videos,:root.page-videos *){font-size:12px;color:var(--ink-3);line-height:1.4}

/* capability strip below diagram */
.cap-grid:where(:root.page-videos,:root.page-videos *){display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:22px}
.cap:where(:root.page-videos,:root.page-videos *){background:var(--paper);padding:26px 24px}
.cap .cn:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:10px;color:var(--wine);margin-bottom:14px}
.cap h4:where(:root.page-videos,:root.page-videos *){font-size:16px;font-weight:600;letter-spacing:-0.015em;margin-bottom:9px}
.cap p:where(:root.page-videos,:root.page-videos *){font-size:13.5px;color:var(--ink-2);line-height:1.5;margin-bottom:14px}
.cap .ctags:where(:root.page-videos,:root.page-videos *){display:flex;flex-wrap:wrap;gap:6px}
.ctag:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:3px 7px;text-transform:uppercase;white-space:nowrap}

/* flow timeline */

/* ============================ LOOP CIRCUIT (decision flow) ============================ */
.loopx:where(:root.page-videos,:root.page-videos *){position:relative;margin-top:clamp(56px,7vw,104px);padding:0;background:none;border:0}
.loopx-head:where(:root.page-videos,:root.page-videos *){max-width:820px;margin:0 auto clamp(20px,2.4vw,34px);text-align:center}
.loopx-title:where(:root.page-videos,:root.page-videos *){margin:0 auto;text-wrap:balance}
.loopx-sub:where(:root.page-videos,:root.page-videos *){margin:14px auto 0;font-size:clamp(14.5px,1.4vw,17px);color:var(--ink-2);line-height:1.55;max-width:56ch;text-wrap:pretty}
.loopx-stage:where(:root.page-videos,:root.page-videos *){position:relative;margin:0 auto}
.sigx:where(:root.page-videos,:root.page-videos *){position:relative;aspect-ratio:1000/300;max-width:1180px;margin:64px auto;overflow:visible}
.sig-svg:where(:root.page-videos,:root.page-videos *){position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sig-base:where(:root.page-videos,:root.page-videos *){fill:none;stroke:#D8D4CD;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.sig-accent path:where(:root.page-videos,:root.page-videos *){fill:none;stroke:var(--wine);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.5}
.sig-ink:where(:root.page-videos,:root.page-videos *){fill:none;stroke:var(--wine);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 6px rgba(155,27,46,.28))}
.sig-pegs:where(:root.page-videos,:root.page-videos *){position:absolute;inset:0;z-index:2;pointer-events:none}
.sig-peg:where(:root.page-videos,:root.page-videos *){position:absolute;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:#fff;border:2px solid #D8D4CD;box-shadow:0 4px 10px -3px rgba(40,20,26,.3);transition:.35s var(--ease)}
.sig-peg.lit:where(:root.page-videos,:root.page-videos *){border-color:var(--wine);background:var(--wine);box-shadow:0 0 0 4px rgba(155,27,46,.16),0 6px 14px -4px rgba(155,27,46,.5)}
.sig-stem:where(:root.page-videos,:root.page-videos *){position:absolute;width:1.6px;margin-left:-0.8px;background:linear-gradient(var(--wine),rgba(155,27,46,.12));transform-origin:top;z-index:2;opacity:.35;transition:opacity .35s var(--ease)}
.sig-stem.lit:where(:root.page-videos,:root.page-videos *){opacity:1}
.loopx-steps:where(:root.page-videos,:root.page-videos *){position:absolute;inset:0;z-index:3}
.lxstep:where(:root.page-videos,:root.page-videos *){position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:clamp(126px,12vw,156px);text-align:left; background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:11px 13px;box-shadow:0 12px 28px -14px rgba(40,20,26,.26);transition:border-color .35s var(--ease),box-shadow .35s var(--ease),background .35s}
.lxstep.above:where(:root.page-videos,:root.page-videos *){transform:translate(-50%,calc(-100% - 13px))}
.lxstep.below:where(:root.page-videos,:root.page-videos *){transform:translate(-50%,13px)}
.lxstep .lxs-dot:where(:root.page-videos,:root.page-videos *){width:22px;height:22px;border-radius:7px;background:var(--paper-2);border:1.5px solid var(--line);display:grid;place-items:center;transition:.35s var(--ease);flex:none;position:relative}
.lxstep .lxs-dot:where(:root.page-videos,:root.page-videos *)::after{content:"";width:7px;height:4px;border-left:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);transform:rotate(-45deg) translateY(-1px);transition:.35s}
.lxstep b:where(:root.page-videos,:root.page-videos *){font-size:13px;font-weight:700;letter-spacing:-0.01em;color:var(--ink);transition:color .35s;line-height:1.12}
.lxstep .lxs-sub:where(:root.page-videos,:root.page-videos *){font-size:10.5px;line-height:1.32;color:var(--ink-3);transition:color .35s;text-wrap:pretty}
.lxstep.lit:where(:root.page-videos,:root.page-videos *){border-color:var(--wine);box-shadow:0 16px 34px -12px rgba(155,27,46,.4);z-index:6}
.lxstep.lit .lxs-dot:where(:root.page-videos,:root.page-videos *){border-color:var(--wine);background:var(--wine)}
.lxstep.lit .lxs-dot:where(:root.page-videos,:root.page-videos *)::after{border-color:#fff}
.lxstep.lit .lxs-sub:where(:root.page-videos,:root.page-videos *){color:var(--ink-2)}
.loopx-comet:where(:root.page-videos,:root.page-videos *){position:absolute;left:0;top:0;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;z-index:5; background:radial-gradient(circle,#fff 0%,var(--wine) 55%,rgba(155,27,46,0) 72%); box-shadow:0 0 16px 4px rgba(155,27,46,.7),0 0 5px 1px #fff;pointer-events:none}

/* ============================ INDUSTRY FIT ============================ */
.ind-head:where(:root.page-videos,:root.page-videos *){display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end;margin-bottom:48px}
.ind-tabswrap:where(:root.page-videos,:root.page-videos *){position:relative;display:flex;align-items:center;gap:12px;margin-bottom:34px}
.ind-arrow:where(:root.page-videos,:root.page-videos *){flex:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:20px;line-height:1;display:grid;place-items:center;transition:.2s var(--ease);box-shadow:var(--shadow-sm)}
.ind-arrow:hover:where(:root.page-videos,:root.page-videos *){border-color:var(--ink);background:var(--paper-2)}
.ind-arrow:disabled:where(:root.page-videos,:root.page-videos *){opacity:.3;cursor:default;box-shadow:none}
.ind-tabs:where(:root.page-videos,:root.page-videos *){flex:1 1 auto;min-width:0;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:6px 4px}
.ind-tabs:where(:root.page-videos,:root.page-videos *)::-webkit-scrollbar{display:none}
.ind-tab:where(:root.page-videos,:root.page-videos *){flex:none;white-space:nowrap;font-size:14px;font-weight:600;color:#9a9098;padding:9px 18px;border:1px dashed #c7bcc0;border-radius:100px;background:transparent;transition:color .2s,border-color .2s,background .2s}
.ind-tab:hover:where(:root.page-videos,:root.page-videos *){color:var(--wine);border-color:var(--wine-line)}
.ind-tab.is-active:where(:root.page-videos,:root.page-videos *){background:var(--wine-soft);color:var(--wine);border-style:solid;border-color:var(--wine)}

/* view-all industries */
.ind-morerow:where(:root.page-videos,:root.page-videos *){display:flex;justify-content:center;margin:-18px 0 30px}
.ind-more:where(:root.page-videos,:root.page-videos *){flex:none;white-space:nowrap;font-size:14px;font-weight:600;color:var(--wine);padding:11px 22px;border:1px solid var(--wine);border-radius:100px;background:var(--wine-soft);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.2s var(--ease)}
transition:.2s var(--ease)} .ind-more:hover:where(:root.page-videos,:root.page-videos *){background:var(--wine);color:#fff}
.ind-more .im-ic:where(:root.page-videos,:root.page-videos *){font-size:10px;transition:transform .25s var(--ease)}
.ind-more[aria-expanded="true"] .im-ic:where(:root.page-videos,:root.page-videos *){transform:rotate(180deg)}
.ind-allwrap:where(:root.page-videos,:root.page-videos *){margin:-14px 0 34px;border:1px solid var(--line);border-radius:20px;background:var(--paper);padding:clamp(20px,2.4vw,30px);box-shadow:var(--shadow-md)}
.ind-all-head:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.ind-all-close:where(:root.page-videos,:root.page-videos *){width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;font-size:13px;transition:.2s}
.ind-all-close:hover:where(:root.page-videos,:root.page-videos *){border-color:var(--ink);background:var(--paper-2)}
.ind-allgrid:where(:root.page-videos,:root.page-videos *){display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ind-allgrid button:where(:root.page-videos,:root.page-videos *){text-align:left;font-size:14px;font-weight:600;color:var(--ink-2);padding:13px 16px;border:1px dashed var(--line);border-radius:12px;background:transparent;cursor:pointer;transition:.18s var(--ease)}
.ind-allgrid button:hover:where(:root.page-videos,:root.page-videos *){color:var(--wine);border-color:var(--wine-line);background:var(--wine-soft)}
.ind-allgrid button.is-active:where(:root.page-videos,:root.page-videos *){color:var(--wine);border-style:solid;border-color:var(--wine);background:var(--wine-soft)}
.ind-tab:where(:root.page-videos,:root.page-videos *){flex:none;white-space:nowrap;font-size:14px;font-weight:600;color:#9a9098;padding:9px 18px;border:1px dashed #c7bcc0;border-radius:100px;background:transparent;cursor:pointer;transition:color .2s,border-color .2s,background .2s}
.ind-panel:where(:root.page-videos,:root.page-videos *){display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(24px,3vw,48px);align-items:stretch; border:1px solid var(--line);border-radius:24px;background:var(--paper);padding:clamp(18px,1.8vw,26px);min-height:400px}
.ind-media:where(:root.page-videos,:root.page-videos *){border-radius:16px;overflow:hidden;background:var(--paper-3);min-height:300px}
.ind-media img:where(:root.page-videos,:root.page-videos *){width:100%;height:100%;object-fit:cover;display:block}
.ind-content:where(:root.page-videos,:root.page-videos *){display:flex;flex-direction:column;padding:clamp(8px,1vw,16px) clamp(8px,1.4vw,22px) clamp(8px,1vw,16px) 0}
.ind-toprow:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;justify-content:space-between;gap:16px}
.ind-brand:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;gap:12px}
.ind-glyph:where(:root.page-videos,:root.page-videos *){width:38px;height:38px;border-radius:10px;background:var(--wine);color:#fff;display:grid;place-items:center;font-weight:700;font-size:16px;flex:none}
.ind-brand b:where(:root.page-videos,:root.page-videos *){font-size:17px;font-weight:700;letter-spacing:-0.02em;color:var(--ink)}
.ind-counter:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.ind-counter i:where(:root.page-videos,:root.page-videos *){width:24px;height:1px;background:var(--line);display:inline-block}
.ind-div:where(:root.page-videos,:root.page-videos *){border:0;border-top:1px solid var(--line);margin:clamp(18px,2vw,26px) 0}
.ind-cols:where(:root.page-videos,:root.page-videos *){display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,44px);flex:1}
.ind-cA:where(:root.page-videos,:root.page-videos *){display:flex;flex-direction:column}
.ind-cA h3:where(:root.page-videos,:root.page-videos *){font-size:clamp(22px,2.4vw,32px);font-weight:700;letter-spacing:-0.03em;line-height:1.08;text-wrap:balance}
.ind-sub:where(:root.page-videos,:root.page-videos *){font-size:13px;font-weight:500;color:var(--ink-3);margin-top:14px;letter-spacing:-0.005em}
.ind-learn:where(:root.page-videos,:root.page-videos *){margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15px;color:var(--wine);width:fit-content;padding:10px 18px;border-radius:100px;background:transparent;border:1px solid var(--wine-line);transition:background .22s var(--ease),border-color .22s var(--ease),color .22s}
.ind-learn span:where(:root.page-videos,:root.page-videos *){transition:transform .25s var(--ease)}
.ind-learn:hover:where(:root.page-videos,:root.page-videos *){color:var(--wine);background:var(--wine-soft);border-color:var(--wine)}
.ind-learn:hover span:where(:root.page-videos,:root.page-videos *){transform:translateX(4px)}
.ind-cB:where(:root.page-videos,:root.page-videos *){display:flex;flex-direction:column}
.ind-cB p:where(:root.page-videos,:root.page-videos *){font-size:15px;color:var(--ink-2);line-height:1.6}
.ind-rep:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;gap:13px;margin-top:auto;padding-top:24px}
.ind-rep-img:where(:root.page-videos,:root.page-videos *){width:60px;height:60px;border-radius:12px;object-fit:cover;flex:none;background:var(--paper-3)}
.ind-rep-t b:where(:root.page-videos,:root.page-videos *){font-size:15px;font-weight:700;letter-spacing:-0.01em;display:block;color:var(--ink)}
.ind-rep-t span:where(:root.page-videos,:root.page-videos *){font-size:12.5px;color:var(--ink-3);margin-top:2px;display:block}

/* ============================ REASONS (bento) ============================ */
.why-bento:where(:root.page-videos,:root.page-videos *){display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"a b c" "a d d";gap:16px}
.why-a:where(:root.page-videos,:root.page-videos *){grid-area:a}
.why-b:where(:root.page-videos,:root.page-videos *){grid-area:b}
.why-c:where(:root.page-videos,:root.page-videos *){grid-area:c}
.why-d:where(:root.page-videos,:root.page-videos *){grid-area:d}
.why-card:where(:root.page-videos,:root.page-videos *){position:relative;border:1px solid var(--line);border-radius:20px;padding:clamp(24px,2.3vw,34px);background:var(--paper);display:flex;flex-direction:column;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
.why-card:hover:where(:root.page-videos,:root.page-videos *){transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--ink)}
.why-icon:where(:root.page-videos,:root.page-videos *){width:48px;height:48px;border-radius:13px;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;flex:none;margin-bottom:22px}
.why-card h3:where(:root.page-videos,:root.page-videos *){font-size:clamp(19px,2vw,24px);font-weight:700;letter-spacing:-0.02em;margin-bottom:12px}
.why-card p:where(:root.page-videos,:root.page-videos *){font-size:15px;color:var(--ink-2);line-height:1.6;margin-bottom:18px}
.why-card .wtags:where(:root.page-videos,:root.page-videos *){display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}

/* feature card */
.why-feat:where(:root.page-videos,:root.page-videos *){background:linear-gradient(158deg,#B23a4a 0%,#8E1B2C 52%,#67121F 100%);border-color:transparent;color:#fff;justify-content:space-between;overflow:hidden}
.why-feat:where(:root.page-videos,:root.page-videos *)::after{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.26);pointer-events:none;animation:spinCW 26s linear infinite}
.why-feat:where(:root.page-videos,:root.page-videos *)::before{content:"";position:absolute;right:-110px;top:-110px;width:340px;height:340px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.16);pointer-events:none;animation:spinCCW 34s linear infinite}
html[data-motion="off"] .why-feat:where(:root.page-videos,:root.page-videos *)::before,html[data-motion="off"] .why-feat:where(:root.page-videos,:root.page-videos *)::after{animation:none}
.wf-top:where(:root.page-videos,:root.page-videos *){display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:1}
.wf-kick:where(:root.page-videos,:root.page-videos *){margin-top:10px}
.why-icon.wi-light:where(:root.page-videos,:root.page-videos *){background:rgba(255,255,255,.16);color:#fff;margin-bottom:0}
.wf-kick:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.wf-body:where(:root.page-videos,:root.page-videos *){position:relative;z-index:1;margin-top:auto;padding-top:40px}
.wf-num:where(:root.page-videos,:root.page-videos *){font-size:clamp(48px,5.4vw,76px);font-weight:700;letter-spacing:-0.04em;line-height:.9}
.wf-num span:where(:root.page-videos,:root.page-videos *){font-size:.32em;font-weight:600;letter-spacing:-0.01em;color:rgba(255,255,255,.7)}
.why-feat h3:where(:root.page-videos,:root.page-videos *){margin:18px 0 12px;font-size:clamp(22px,2.2vw,27px)}
.why-feat p:where(:root.page-videos,:root.page-videos *){color:rgba(255,255,255,.78);max-width:38ch}
.ctag.onwine:where(:root.page-videos,:root.page-videos *){color:#fff;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.08)}

/* wide card d */
.why-d-in:where(:root.page-videos,:root.page-videos *){display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-top:auto;width:100%}
.why-d-stat:where(:root.page-videos,:root.page-videos *){flex:none;text-align:right}
.why-d-stat b:where(:root.page-videos,:root.page-videos *){font-size:clamp(34px,3.6vw,52px);font-weight:700;letter-spacing:-0.03em;color:var(--wine);line-height:1;display:block}
.why-d-stat span:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:6px;display:block}
.why-d p:where(:root.page-videos,:root.page-videos *){margin-bottom:0;max-width:52ch}

/* ============================ INTEGRATIONS (core + dual marquee) ============================ */
.intg:where(:root.page-videos,:root.page-videos *){background:#F3F1EE}
#industries:where(:root.page-videos,:root.page-videos *){padding-bottom:0}
.intg-head:where(:root.page-videos,:root.page-videos *){margin-bottom:40px;max-width:920px}
.intg-stage:where(:root.page-videos,:root.page-videos *){position:relative;border:0;border-radius:24px;background:var(--paper);overflow:hidden;padding:clamp(28px,3.4vw,48px) 0 clamp(18px,2.2vw,30px)}
.intg-dots:where(:root.page-videos,:root.page-videos *){position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1.2px,transparent 1.2px);background-size:22px 22px; -webkit-mask-image:radial-gradient(circle at 50% 22%,#000 0%,#000 60%,transparent 92%);mask-image:radial-gradient(circle at 50% 22%,#000 0%,#000 60%,transparent 92%);opacity:.7}

/* core at top */
.intg-core2.intg-core-top:where(:root.page-videos,:root.page-videos *),#intgCore.intg-core-top:where(:root.page-videos,:root.page-videos *){position:relative;left:auto;top:auto;transform:none;margin:0 auto;z-index:3}

/* general connection: stem from core → rail, with a packet that splits left/right */
.intg-conn:where(:root.page-videos,:root.page-videos *){position:relative;z-index:2;height:clamp(48px,5.4vw,72px);margin:0 auto clamp(8px,1.2vw,16px);width:82%;pointer-events:none}
.intg-conn .ic-stem:where(:root.page-videos,:root.page-videos *){position:absolute;left:50%;top:0;transform:translateX(-50%);width:1.5px;height:62%;background:linear-gradient(180deg,var(--wine),var(--wine-line))}
.intg-conn .ic-rail:where(:root.page-videos,:root.page-videos *){position:absolute;left:0;right:0;top:62%;height:1.5px;background:linear-gradient(90deg,transparent,var(--wine-line) 10%,var(--wine-line) 90%,transparent)}
.intg-conn .ic-pkt:where(:root.page-videos,:root.page-videos *){position:absolute;width:7px;height:7px;border-radius:50%;background:var(--wine);box-shadow:0 0 9px 1px rgba(155,27,46,.55)}
.intg-conn .ic-down:where(:root.page-videos,:root.page-videos *){left:50%;top:0;transform:translate(-50%,-50%);animation:icDown 2.6s linear infinite}
.intg-conn .ic-left:where(:root.page-videos,:root.page-videos *){left:50%;top:62%;transform:translate(-50%,-50%);animation:icLeft 2.6s ease-in-out infinite}
.intg-conn .ic-right:where(:root.page-videos,:root.page-videos *){left:50%;top:62%;transform:translate(-50%,-50%);animation:icRight 2.6s ease-in-out infinite}
html[data-motion="off"] .intg-conn .ic-pkt:where(:root.page-videos,:root.page-videos *){animation:none;opacity:0}

/* single marquee */
.intg-rows:where(:root.page-videos,:root.page-videos *){position:relative;z-index:2;display:flex;flex-direction:column;gap:clamp(14px,1.6vw,20px)}
.intg-mrow:where(:root.page-videos,:root.page-videos *){overflow:hidden;padding-block:clamp(12px,1.4vw,18px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.intg-mtrack:where(:root.page-videos,:root.page-videos *){display:flex;gap:clamp(16px,1.8vw,24px);width:max-content;animation:intgMarq 34s linear infinite}
.intg-mrow:hover .intg-mtrack:where(:root.page-videos,:root.page-videos *){animation-play-state:paused}
html[data-motion="off"] .intg-mtrack:where(:root.page-videos,:root.page-videos *){animation:none}
.intg-chip:where(:root.page-videos,:root.page-videos *){flex:none;display:flex;align-items:center;gap:14px;white-space:nowrap;min-width:clamp(248px,24vw,320px); background:#fff;border:1px solid rgba(20,16,22,.04);border-radius:18px;padding:16px 30px 16px 16px; box-shadow:0 3px 8px rgba(30,22,40,.07),0 8px 18px -10px rgba(30,22,40,.16)}
.intg-chip .ig:where(:root.page-videos,:root.page-videos *){width:46px;height:46px;border-radius:13px;background:linear-gradient(160deg,#fff,#f4f2ee);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--ink-2);flex:none}
.intg-chip .ig img:where(:root.page-videos,:root.page-videos *){width:60%;height:60%;object-fit:contain}
.intg-chip .io-t b:where(:root.page-videos,:root.page-videos *){display:block;font-size:15px;font-weight:600;letter-spacing:-0.01em;color:var(--ink)}
.intg-chip .io-t span:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:3px;display:block}

/* center core */
.intg-core2:where(:root.page-videos,:root.page-videos *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3; width:min(248px,48%);text-align:center;border-radius:22px;padding:26px 24px 22px; background: radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,.14), transparent 60%), linear-gradient(165deg,#B23a4a 0%,#8E1B2C 52%,#67121F 100%); color:#fff;border:1px solid rgba(255,255,255,.18); box-shadow:0 30px 70px -26px rgba(70,18,28,.65), 0 0 0 7px rgba(155,27,46,.10)}
.intg-core2 .ic-ring:where(:root.page-videos,:root.page-videos *){position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);border-radius:24px;border:1px solid rgba(255,255,255,.3);pointer-events:none;animation:corePulse 3.4s var(--ease) infinite}
.intg-core2 .ic-mark:where(:root.page-videos,:root.page-videos *){width:54px;height:54px;border-radius:14px;background:#fff;display:grid;place-items:center;margin:0 auto 14px;box-shadow:0 10px 24px -10px rgba(0,0,0,.4)}
.intg-core2 .ic-mark img:where(:root.page-videos,:root.page-videos *){width:38px;height:38px;object-fit:contain}
.intg-core2 b:where(:root.page-videos,:root.page-videos *){display:block;font-size:16.5px;font-weight:700;letter-spacing:-0.02em}
.intg-core2 .ic-sub:where(:root.page-videos,:root.page-videos *){display:block;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.04em;color:rgba(255,255,255,.72);margin-top:9px;line-height:1.5}
.intg-core2 .ic-live:where(:root.page-videos,:root.page-videos *){display:inline-flex;align-items:center;gap:7px;margin-top:16px;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:100px;padding:5px 11px}
.intg-core2 .ic-live i:where(:root.page-videos,:root.page-videos *){width:6px;height:6px;border-radius:50%;background:#7CFFB0;box-shadow:0 0 0 0 rgba(124,255,176,.6);animation:livePulse 2.2s infinite}

/* orbit nodes */
.intg-orbit:where(:root.page-videos,:root.page-videos *){position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:2; display:flex;align-items:center;gap:12px;white-space:nowrap; background:var(--paper);border:1px solid rgba(20,16,22,.05);border-radius:15px;padding:12px 17px 12px 12px; box-shadow:0 18px 40px -20px rgba(42,30,48,.30), 0 4px 12px -6px rgba(42,30,48,.12); transition:box-shadow .25s var(--ease)}
.intg-orbit:hover:where(:root.page-videos,:root.page-videos *){box-shadow:0 26px 56px -22px rgba(42,30,48,.42), 0 6px 16px -8px rgba(42,30,48,.16);z-index:4}
.intg-orbit .ig:where(:root.page-videos,:root.page-videos *){width:42px;height:42px;border-radius:12px;background:linear-gradient(160deg,var(--paper),var(--paper-2));border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--ink-2);flex:none;box-shadow:inset 0 1px 0 #fff;overflow:hidden}
.intg-orbit .ig img:where(:root.page-videos,:root.page-videos *){width:62%;height:62%;object-fit:contain}
.intg-orbit .io-t b:where(:root.page-videos,:root.page-videos *){display:block;font-size:14px;font-weight:600;letter-spacing:-0.01em;color:var(--ink)}
.intg-orbit .io-t span:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:2px;display:block}

/* stats band — modern cards */
.intg-stats:where(:root.page-videos,:root.page-videos *){display:flex;justify-content:center;margin-top:6px}
.istat:where(:root.page-videos,:root.page-videos *){background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:20px 30px;display:flex;flex-direction:row;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center}
ar(--ease):where(:root.page-videos,:root.page-videos *),transform .25s var(--ease)} .istat:hover:where(:root.page-videos,:root.page-videos *){box-shadow:var(--shadow-md);transform:translateY(-2px)}
.istat .is-n:where(:root.page-videos,:root.page-videos *){font-size:clamp(28px,3.2vw,42px);font-weight:700;letter-spacing:-0.03em;line-height:1;color:var(--wine)}
.istat .is-l:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:10px}
.istat .is-langs:where(:root.page-videos,:root.page-videos *){display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.istat .is-langs span:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:10px;color:var(--ink-2);border:1px solid var(--line);border-radius:6px;padding:4px 8px;background:var(--paper-2)}
.istat:first-child:where(:root.page-videos,:root.page-videos *){background:linear-gradient(160deg,var(--wine-soft),var(--paper) 70%);border-color:var(--wine-line)}
.istat:first-child .is-l:where(:root.page-videos,:root.page-videos *){color:var(--wine)}

/* ============================ TESTIMONIALS (bento) ============================ */
.test-head:where(:root.page-videos,:root.page-videos *){text-align:center;max-width:680px;margin:0 auto clamp(46px,5.5vw,72px)}
.test-head .eyebrow:where(:root.page-videos,:root.page-videos *){margin-bottom:18px}
.test-head .h-section:where(:root.page-videos,:root.page-videos *){margin:0 auto}
.test-head .lede:where(:root.page-videos,:root.page-videos *){margin:20px auto 0;text-align:center}
.test-bento:where(:root.page-videos,:root.page-videos *){display:grid;grid-template-columns:repeat(3,1fr); grid-template-areas: "a c f" "a d g" "b e g"; gap:18px}
.tb-a:where(:root.page-videos,:root.page-videos *){grid-area:a}
.tb-b:where(:root.page-videos,:root.page-videos *){grid-area:b}
.tb-c:where(:root.page-videos,:root.page-videos *){grid-area:c}
.tb-d:where(:root.page-videos,:root.page-videos *){grid-area:d}
.tb-e:where(:root.page-videos,:root.page-videos *){grid-area:e}
.tb-f:where(:root.page-videos,:root.page-videos *){grid-area:f}
.tb-g:where(:root.page-videos,:root.page-videos *){grid-area:g}
.tcard:where(:root.page-videos,:root.page-videos *){position:relative;border:1px solid var(--line);border-radius:18px;background:var(--paper); padding:clamp(24px,2.2vw,32px);display:flex;flex-direction:column;overflow:hidden; transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
.tcard:hover:where(:root.page-videos,:root.page-videos *){transform:translateY(-3px);box-shadow:var(--shadow-md)}
.tcard .tq:where(:root.page-videos,:root.page-videos *){position:absolute;right:18px;bottom:-6px;font-family:var(--font-sans);font-weight:700; font-size:104px;line-height:1;color:var(--line);pointer-events:none;user-select:none}
.tcard blockquote:where(:root.page-videos,:root.page-videos *){position:relative;z-index:1;font-size:15.5px;line-height:1.6;letter-spacing:-0.01em;color:var(--ink);text-wrap:pretty}
.tcard .who:where(:root.page-videos,:root.page-videos *){position:relative;z-index:1;display:flex;align-items:center;gap:12px;margin-top:22px}
.tcard .av:where(:root.page-videos,:root.page-videos *){width:46px;height:46px;border-radius:50%;flex:none;object-fit:cover;background:var(--paper-3)}
.tcard .who b:where(:root.page-videos,:root.page-videos *){font-size:14.5px;font-weight:700;display:block;letter-spacing:-0.01em}
.tcard .who span:where(:root.page-videos,:root.page-videos *){font-size:12.5px;color:var(--ink-3);margin-top:2px;display:block;line-height:1.35}

/* featured */
.tcard--feat:where(:root.page-videos,:root.page-videos *){padding:clamp(28px,2.7vw,40px)}
.tcard--feat .stars:where(:root.page-videos,:root.page-videos *){position:relative;z-index:1;font-size:15px;letter-spacing:3px;margin-bottom:24px}
.tcard--feat blockquote:where(:root.page-videos,:root.page-videos *){font-size:clamp(17px,1.45vw,20px);line-height:1.5;font-weight:500}
.tcard--feat .who:where(:root.page-videos,:root.page-videos *){margin-top:auto;padding-top:28px}
.tcard--feat .tq:where(:root.page-videos,:root.page-videos *){right:24px;top:8px;bottom:auto;font-size:128px}
.tcard--dark:where(:root.page-videos,:root.page-videos *){background:#F3F1EE;border:1px solid var(--line)}
.tcard--dark blockquote:where(:root.page-videos,:root.page-videos *),.tcard--dark .who b:where(:root.page-videos,:root.page-videos *){color:var(--ink)}
.tcard--dark .who span:where(:root.page-videos,:root.page-videos *){color:var(--ink-3)}
.tcard--dark .stars:where(:root.page-videos,:root.page-videos *){color:var(--wine)}
.tcard--dark .tq:where(:root.page-videos,:root.page-videos *){color:rgba(20,16,22,.06)}
.tcard--wine:where(:root.page-videos,:root.page-videos *){background:linear-gradient(155deg,#A6333E 0%,#7C1623 58%,#5E1020 100%);border-color:transparent}
.tcard--wine blockquote:where(:root.page-videos,:root.page-videos *),.tcard--wine .who b:where(:root.page-videos,:root.page-videos *){color:#fff}
.tcard--wine .who span:where(:root.page-videos,:root.page-videos *){color:rgba(255,255,255,.72)}
.tcard--wine .stars:where(:root.page-videos,:root.page-videos *){color:#fff}
.tcard--wine .tq:where(:root.page-videos,:root.page-videos *){color:rgba(255,255,255,.13)}
.tcard--wine .av:where(:root.page-videos,:root.page-videos *){box-shadow:0 0 0 2px rgba(255,255,255,.28)}
.tcard--dark .av:where(:root.page-videos,:root.page-videos *){box-shadow:0 0 0 2px rgba(20,16,22,.1)}

/* ============================ FINAL CTA ============================ */
.cta:where(:root.page-videos,:root.page-videos *){position:relative;background:linear-gradient(165deg,#4E0C18 0%,#6E1320 22%,#9B1B2E 50%,#BF3A40 74%,#E08763 100%);color:#fff;overflow:hidden;border-radius:0;isolation:isolate}
.cta:where(:root.page-videos,:root.page-videos *)::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background: radial-gradient(75% 55% at 18% 8%, rgba(255,210,190,.40) 0%, transparent 55%), radial-gradient(80% 70% at 92% 30%, rgba(120,12,24,.65) 0%, transparent 60%), radial-gradient(90% 80% at 50% 120%, rgba(50,6,14,.7) 0%, transparent 62%)}
.cta-noise:where(:root.page-videos,:root.page-videos *){position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.85;mix-blend-mode:soft-light; background-image: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='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:150px 150px}
.cta canvas:where(:root.page-videos,:root.page-videos *){display:none}
.cta-in:where(:root.page-videos,:root.page-videos *){position:relative;z-index:2;text-align:center;max-width:1200px;margin:0 auto;padding-block:clamp(60px,7.5vw,100px) clamp(40px,5vw,64px)}
.cta-logo:where(:root.page-videos,:root.page-videos *){display:inline-grid;place-items:center;width:104px;height:104px;border-radius:26px;margin-bottom:34px; background:linear-gradient(155deg,#ffffff 0%,#efece5 100%); box-shadow:0 2px 1px rgba(255,255,255,.95) inset, 0 -6px 14px rgba(120,18,28,.18) inset, 0 5px 10px rgba(255,255,255,.5) inset, 0 26px 54px -16px rgba(35,5,10,.7)}
.cta-logo img:where(:root.page-videos,:root.page-videos *){width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 2px 1px rgba(255,255,255,.9)) drop-shadow(0 -1px 1px rgba(120,18,28,.25))}
.cta h2:where(:root.page-videos,:root.page-videos *){font-size:clamp(34px,4.8vw,62px);font-weight:700;letter-spacing:-0.035em;line-height:1.02;text-wrap:balance;max-width:none;margin:0 auto}
.cta h2 em:where(:root.page-videos,:root.page-videos *){font-style:normal;color:#fff}
.cta-btns:where(:root.page-videos,:root.page-videos *){display:flex;gap:14px;justify-content:center;margin-top:32px;flex-wrap:wrap}
.cta .btn-wine:where(:root.page-videos,:root.page-videos *){box-shadow:0 16px 44px -16px rgba(0,0,0,.55)}
.cta .btn-wine:hover:where(:root.page-videos,:root.page-videos *){transform:translateY(-2px);box-shadow:0 22px 54px -16px rgba(0,0,0,.6)}
.cta-btns .btn:where(:root.page-videos,:root.page-videos *){border-radius:100px}
.btn-onwine:where(:root.page-videos,:root.page-videos *){background:#fff;color:var(--wine-deep)}
.btn-onwine:hover:where(:root.page-videos,:root.page-videos *){background:#fff;transform:translateY(-2px);box-shadow:0 18px 40px -16px rgba(0,0,0,.5)}
.cta-assure:where(:root.page-videos,:root.page-videos *){display:flex;justify-content:center;gap:14px 28px;flex-wrap:wrap;margin-top:30px}
.cta-assure span:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:rgba(255,255,255,.82);display:inline-flex;align-items:center;gap:8px}
.cta-assure span:where(:root.page-videos,:root.page-videos *)::before{content:"\2192";color:#fff;opacity:.7;font-size:13px}

/* product screenshot — top 30% peeking at the bottom */
.cta-shot:where(:root.page-videos,:root.page-videos *){position:relative;z-index:2;width:min(var(--maxw),calc(100% - var(--gut)*2));margin:0 auto;border-radius:16px 16px 0 0;overflow:hidden; border:1px solid rgba(255,255,255,.22);border-bottom:0; box-shadow:0 -10px 60px -20px rgba(40,6,12,.6), 0 30px 80px -30px rgba(0,0,0,.5);background:#fff}
.cta-shot-bar:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;gap:12px;padding:11px 16px;background:#faf9f7;border-bottom:1px solid #ececec}
.cta-shot-bar .csb-dots:where(:root.page-videos,:root.page-videos *){display:flex;gap:6px}
.cta-shot-bar .csb-dots i:where(:root.page-videos,:root.page-videos *){width:10px;height:10px;border-radius:50%;background:#d8d5ce;display:block}
.cta-shot-bar .csb-url:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:11px;color:#9a9a95;background:#fff;border:1px solid #ececec;border-radius:7px;padding:4px 12px}
.cta-shot img:where(:root.page-videos,:root.page-videos *){display:block;width:100%;height:clamp(128px,17.6vw,208px);object-fit:cover;object-position:top center}

/* footer brand block */
.foot-lead:where(:root.page-videos,:root.page-videos *){display:grid;grid-template-columns:1.5fr 1fr;gap:40px;padding-bottom:48px;margin-bottom:48px;border-bottom:1px solid var(--line)}
.foot-lead p:where(:root.page-videos,:root.page-videos *){font-size:15px;color:var(--ink-2);line-height:1.65;max-width:60ch}
.foot-mission:where(:root.page-videos,:root.page-videos *){border-left:2px solid var(--wine);padding-left:20px}
.foot-mission span:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);display:block;margin-bottom:10px}
.foot-mission p:where(:root.page-videos,:root.page-videos *){font-size:15px;color:var(--ink);font-weight:500}
.foot-badges:where(:root.page-videos,:root.page-videos *){display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.foot-bottom:where(:root.page-videos,:root.page-videos *){display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:48px;padding-top:28px;border-top:1px solid var(--line);flex-wrap:wrap}
.foot-bottom .copy:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:11px;color:var(--ink-3);letter-spacing:.02em}

/* representative deployments strip */
.deploy-strip:where(:root.page-videos,:root.page-videos *){margin-top:8px}
.deploy-head:where(:root.page-videos,:root.page-videos *){display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.deploy-grid:where(:root.page-videos,:root.page-videos *){display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.dep:where(:root.page-videos,:root.page-videos *){background:var(--paper-2);padding:16px 18px}
.dep .dk:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}
.dep b:where(:root.page-videos,:root.page-videos *){font-size:13.5px;font-weight:600;display:block;letter-spacing:-0.01em}
.dep span:where(:root.page-videos,:root.page-videos *){font-size:12px;color:var(--ink-2)}

/* ============================================================================
   PREMIUM SAAS POLISH — updated page only
   ========================================================================== */
:root:where(:root.page-videos,:root.page-videos *){--shadow-sm:0 1px 2px rgba(34,18,22,.05), 0 1px 1px rgba(34,18,22,.03); --shadow-md:0 24px 64px -34px rgba(46,18,26,.30), 0 8px 22px -16px rgba(46,18,26,.16); --shadow-lg:0 64px 140px -58px rgba(52,20,30,.42), 0 26px 54px -36px rgba(46,18,26,.20)}

/* seamless warm seam where the red hero fades into the white page */
.ecolog:where(:root.page-videos,:root.page-videos *){background:linear-gradient(180deg,#FFF7F4 0%, #ffffff 72%)}

/* a faint circular-language motif shared by key sections */
.section--tight:where(:root.page-videos,:root.page-videos *),.cta:where(:root.page-videos,:root.page-videos *){position:relative}
.section--tight:where(:root.page-videos,:root.page-videos *)::before{content:"";position:absolute;left:50%;top:50%;width:760px;height:760px; transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:0; background:radial-gradient(circle, color-mix(in srgb,var(--wine) 7%,transparent), transparent 64%)}
.section--tight .wrap:where(:root.page-videos,:root.page-videos *){position:relative;z-index:1}

/* usage-metrics band — elevated, premium */
.statband:where(:root.page-videos,:root.page-videos *){border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-md);overflow:hidden; background: radial-gradient(130% 180% at 8% -50%, var(--wine-soft), transparent 58%), radial-gradient(130% 180% at 96% -50%, var(--accent-soft), transparent 58%), var(--paper)}
.statband .sc:where(:root.page-videos,:root.page-videos *){transition:background .25s var(--ease)}
.statband .sc:hover:where(:root.page-videos,:root.page-videos *){background:rgba(255,255,255,.6)}
.statband .stat-num:where(:root.page-videos,:root.page-videos *){color:var(--wine)}

/* premium container radii + softer card depth across the page */
.eco-card:where(:root.page-videos,:root.page-videos *),.anec-card:where(:root.page-videos,:root.page-videos *),.tcard:where(:root.page-videos,:root.page-videos *),.ind-panel:where(:root.page-videos,:root.page-videos *),.intg-net:where(:root.page-videos,:root.page-videos *),.why-grid:where(:root.page-videos,:root.page-videos *),.arch-diagram:where(:root.page-videos,:root.page-videos *),.gap-answer:where(:root.page-videos,:root.page-videos *),.media-frame:where(:root.page-videos,:root.page-videos *){border-radius:20px}
.tcard:hover:where(:root.page-videos,:root.page-videos *),.eco-card:hover:where(:root.page-videos,:root.page-videos *){box-shadow:var(--shadow-lg)}
.tcard--dark:hover:where(:root.page-videos,:root.page-videos *),.tcard--wine:hover:where(:root.page-videos,:root.page-videos *){box-shadow:var(--shadow-lg)}

/* circular motif echo behind final CTA */
.cta-in:where(:root.page-videos,:root.page-videos *){position:relative;z-index:2}

/* refined eyebrow accent — premium */
.eyebrow:where(:root.page-videos,:root.page-videos *)::before{box-shadow:0 0 0 4px var(--wine-soft)}

/* floating-pill nav: center wide mega panels to the viewport so centered
   nav links never push them off-screen; keep narrow menus on their trigger */
.nav-mega:where(:root.page-videos,:root.page-videos *){position:fixed;left:50%;top:84px;right:auto; transform:translateX(-50%) translateY(8px) scale(.99);transform-origin:top center; width:min(860px,calc(100vw - 40px))}
.nav-mega.nav-mega--cards:where(:root.page-videos,:root.page-videos *){width:min(680px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons:where(:root.page-videos,:root.page-videos *){width:min(660px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons.nav-mega--sol:where(:root.page-videos,:root.page-videos *){width:min(740px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons.has-3:where(:root.page-videos,:root.page-videos *){width:min(820px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons.nav-mega--res:where(:root.page-videos,:root.page-videos *){width:min(860px,calc(100vw - 40px))}
.nav-item:hover .nav-mega:where(:root.page-videos,:root.page-videos *),.nav-item:focus-within .nav-mega:where(:root.page-videos,:root.page-videos *){transform:translateX(-50%) translateY(0) scale(1)}
.nav-mega:where(:root.page-videos,:root.page-videos *)::before{left:0;right:0;top:-28px;height:28px}
.nav.is-stuck .nav-mega:where(:root.page-videos,:root.page-videos *){top:74px}

/* nav CTA buttons → pill to match the bar */
.nav-cta .btn:where(:root.page-videos,:root.page-videos *){border-radius:100px}
.nav-cta .btn-ghost:where(:root.page-videos,:root.page-videos *){border-color:var(--line)}

/* ============================ FOOTER (Avoora-style) ============================ */
.foot:where(:root.page-videos,:root.page-videos *){background:var(--paper);border-top:1px solid var(--line);padding:0 0 32px}
.foot .wrap:where(:root.page-videos,:root.page-videos *){position:relative}

/* image marquee */
.foot-marquee:where(:root.page-videos,:root.page-videos *){overflow:hidden;padding:clamp(28px,3.4vw,46px) 0 clamp(20px,2.4vw,30px); -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent); mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.fm-track:where(:root.page-videos,:root.page-videos *){display:flex;gap:16px;width:max-content;animation:fmScroll 48s linear infinite}
.foot-marquee:hover .fm-track:where(:root.page-videos,:root.page-videos *){animation-play-state:paused}
html[data-motion="off"] .fm-track:where(:root.page-videos,:root.page-videos *){animation:none}
.fm-tile:where(:root.page-videos,:root.page-videos *){margin:0;flex:none;width:clamp(112px,11vw,150px)}
.fm-tile img:where(:root.page-videos,:root.page-videos *){width:100%;aspect-ratio:5/6;object-fit:cover;border-radius:14px;background:var(--paper-3); filter:grayscale(.1);transition:transform .4s var(--ease),filter .4s}
.fm-tile:hover img:where(:root.page-videos,:root.page-videos *){transform:translateY(-4px);filter:none}
.fm-tile figcaption:where(:root.page-videos,:root.page-videos *){display:none}

/* menu cards */
.foot-cards:where(:root.page-videos,:root.page-videos *){display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:clamp(28px,3vw,44px)}
.foot-card:where(:root.page-videos,:root.page-videos *){border:0;border-radius:18px;padding:clamp(22px,2vw,30px);background:linear-gradient(180deg,var(--wine-soft) 0%,var(--paper) 64%);transition:box-shadow .25s var(--ease),transform .25s var(--ease)}
.foot-card:hover:where(:root.page-videos,:root.page-videos *){box-shadow:var(--shadow-md);transform:translateY(-2px)}
.foot-card :is(h3,h4):where(:root.page-videos,:root.page-videos *){font-size:18px;font-weight:700;letter-spacing:-0.02em;color:var(--ink);margin-bottom:14px;font-family:var(--font-sans);text-transform:none}
.foot-links:where(:root.page-videos,:root.page-videos *){list-style:none;display:flex;flex-direction:column}
.foot-links li:where(:root.page-videos,:root.page-videos *){border-top:1px solid var(--wine-line)}
.foot-links li:first-child:where(:root.page-videos,:root.page-videos *){border-top:0}
.foot-links a:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 2px;font-size:14.5px;font-weight:500;color:var(--ink-2);transition:color .18s var(--ease),padding .18s var(--ease)}
.foot-links a:hover:where(:root.page-videos,:root.page-videos *){color:var(--wine);padding-left:6px}
.foot-viewall:where(:root.page-videos,:root.page-videos *){color:var(--wine)!important;font-weight:600}
.foot-card:where(:root.page-videos,:root.page-videos *){position:relative}
.foot-card:has(.foot-va:hover):where(:root.page-videos,:root.page-videos *),.foot-card:has(.foot-va:focus-within):where(:root.page-videos,:root.page-videos *){z-index:40}
.foot-va:where(:root.page-videos,:root.page-videos *){display:block;margin-top:14px}
.foot-viewall:where(:root.page-videos,:root.page-videos *){cursor:pointer;display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--wine)}
.foot-viewall .va-arr:where(:root.page-videos,:root.page-videos *){transition:transform .2s var(--ease)}
.foot-va:hover .va-arr:where(:root.page-videos,:root.page-videos *),.foot-va:focus-within .va-arr:where(:root.page-videos,:root.page-videos *){transform:translateX(3px)}
.foot-va-pop:where(:root.page-videos,:root.page-videos *){position:absolute;left:0;bottom:0;z-index:30;width:min(560px,140%); display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:14px;border-radius:16px;background:var(--paper);border:1px solid var(--line); box-shadow:0 30px 60px -22px rgba(20,16,22,.45),0 8px 20px -10px rgba(20,16,22,.2); opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s}
.foot-va:hover .foot-va-pop:where(:root.page-videos,:root.page-videos *),.foot-va:focus-within .foot-va-pop:where(:root.page-videos,:root.page-videos *){opacity:1;visibility:visible;transform:translateY(0)}
.foot-va-pop a:where(:root.page-videos,:root.page-videos *){display:block;padding:9px 12px;border-radius:9px;font-size:13px;font-weight:500;color:var(--ink-2);transition:background .16s,color .16s}
.foot-va-pop a:hover:where(:root.page-videos,:root.page-videos *){background:var(--wine-soft);color:var(--wine)}
.foot-h4row:where(:root.page-videos,:root.page-videos *){display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.foot-h4row .foot-viewall:where(:root.page-videos,:root.page-videos *){font-size:12px;font-weight:600;text-transform:none;letter-spacing:0}
.fl-arr:where(:root.page-videos,:root.page-videos *){color:var(--ink-3);font-size:16px;transition:transform .18s var(--ease),color .18s}
.foot-links a:hover .fl-arr:where(:root.page-videos,:root.page-videos *){color:var(--wine);transform:translateX(3px)}

/* bottom bar */
.foot-bottom:where(:root.page-videos,:root.page-videos *){display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap; margin-top:clamp(30px,3.4vw,48px);padding:24px 0;border-top:1px solid var(--line)}
.foot-bottom .copy:where(:root.page-videos,:root.page-videos *){font-size:13px;color:var(--ink-3);letter-spacing:.01em}
.foot-top:where(:root.page-videos,:root.page-videos *){display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-family:var(--font-mono)}
.foot-top .ft-ic:where(:root.page-videos,:root.page-videos *){width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:var(--wine);color:#fff;font-size:14px;transition:transform .2s var(--ease)}
.foot-top:hover .ft-ic:where(:root.page-videos,:root.page-videos *){transform:translateY(-3px)}

/* back-to-top → logo */
.foot-right:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;gap:clamp(14px,1.6vw,22px)}
.foot-social:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;gap:10px}
.foot-social a:where(:root.page-videos,:root.page-videos *){width:54px;height:54px;border-radius:50%;background:var(--wine-soft);display:grid;place-items:center;color:var(--wine);transition:color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease)}
.foot-social a:hover:where(:root.page-videos,:root.page-videos *){color:#fff;background:var(--wine);transform:translateY(-2px)}
.foot-social svg:where(:root.page-videos,:root.page-videos *){width:20px;height:20px;fill:currentColor}
.foot-sep:where(:root.page-videos,:root.page-videos *){width:1px;height:38px;background:var(--line);flex:none}
.foot-logo:where(:root.page-videos,:root.page-videos *){display:inline-flex;align-items:center;transition:transform .2s var(--ease)}
.foot-logo img:where(:root.page-videos,:root.page-videos *){height:52px;width:auto;object-fit:contain}
.foot-logo:hover:where(:root.page-videos,:root.page-videos *){transform:translateY(-3px)}

/* giant wordmark with people video */
.foot-wordmark:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;gap:clamp(20px,3vw,48px);margin-top:clamp(22px,2.6vw,40px);padding-bottom:clamp(16px,2.4vw,40px)}
.fw-img:where(:root.page-videos,:root.page-videos *){position:relative;flex:none;width:clamp(120px,14vw,188px);aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:var(--paper-3);display:block;cursor:pointer}
.fw-img video:where(:root.page-videos,:root.page-videos *),.fw-img img:where(:root.page-videos,:root.page-videos *){width:100%;height:100%;object-fit:cover;display:block}
.fw-ig:where(:root.page-videos,:root.page-videos *){position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;color:#fff; background:linear-gradient(160deg,rgba(193,53,132,.55),rgba(131,58,180,.5) 55%,rgba(253,170,90,.45)); opacity:0;transition:opacity .28s var(--ease)}
.fw-ig svg:where(:root.page-videos,:root.page-videos *){transform:scale(.8);transition:transform .28s var(--ease);filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}
.fw-img:hover .fw-ig:where(:root.page-videos,:root.page-videos *){opacity:1}
.fw-img:hover .fw-ig svg:where(:root.page-videos,:root.page-videos *){transform:scale(1)}
.fw-text:where(:root.page-videos,:root.page-videos *){font-weight:900;line-height:.92;letter-spacing:0.005em;color:#D8D3CC; font-size:clamp(60px,16.6vw,250px);white-space:nowrap;padding-bottom:0.1em;flex:1;text-align:right}

/* touch 1781880837256 */

/* floating Academic Transcripts pill (bottom-left) */
.et-float:where(:root.page-videos,:root.page-videos *){position:fixed;right:22px;left:auto;bottom:22px;z-index:120;display:inline-flex;flex-direction:row-reverse;align-items:center;gap:0; height:60px;width:60px;padding:8px;border-radius:100px;overflow:hidden; background:#fff;box-shadow:0 14px 34px -12px rgba(20,16,22,.34),0 4px 12px -6px rgba(20,16,22,.2); border:1px solid var(--line);text-decoration:none;white-space:nowrap; transition:width .34s var(--ease),box-shadow .34s var(--ease)}
.et-float .et-ic:where(:root.page-videos,:root.page-videos *){width:44px;height:44px;border-radius:50%;flex:none;display:grid;place-items:center;overflow:hidden}
.et-float .et-ic img:where(:root.page-videos,:root.page-videos *){width:100%;height:100%;object-fit:contain;display:block}
.et-float .et-tx:where(:root.page-videos,:root.page-videos *){font-size:14px;font-weight:700;color:var(--wine);letter-spacing:-0.01em;opacity:0; padding:0 6px 0 14px;transition:opacity .28s var(--ease) .06s}
.et-float:hover:where(:root.page-videos,:root.page-videos *){width:250px;box-shadow:0 20px 44px -14px rgba(20,16,22,.42)}
.et-float:hover .et-tx:where(:root.page-videos,:root.page-videos *){opacity:1}
.brand .mark .seal:where(:root.page-videos,:root.page-videos *){fill:var(--wine)}
.eco-glyph:where(:root.page-videos,:root.page-videos *),.intg-core .ic-mark:where(:root.page-videos,:root.page-videos *),.ind-flowcard .ifn:where(:root.page-videos,:root.page-videos *){transition:background .3s var(--ease)}
.rsw:where(:root.page-videos,:root.page-videos *){max-width:min(1520px,calc(100vw - 2*var(--gut)));margin-inline:auto}
.rs-hero:where(:root.page-videos,:root.page-videos *){text-align:center;padding:clamp(150px,15vw,190px) 0 clamp(46px,5vw,80px);position:relative;overflow:hidden;background-image: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='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E"),linear-gradient(180deg,#6E101D 0%,#8C1729 42%,#A82C43 100%);color:#fff}
.rs-hero:where(:root.page-videos,:root.page-videos *)::before{content:"";position:absolute;left:50%;top:-46%;width:min(1200px,120vw);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:1px dashed rgba(255,255,255,.22);pointer-events:none;animation:rsSpin 90s linear infinite}
.rs-hero:where(:root.page-videos,:root.page-videos *)::after{content:"";position:absolute;left:50%;top:-30%;width:min(880px,90vw);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:1px dashed rgba(255,255,255,.15);pointer-events:none}
.rs-hero .rsw:where(:root.page-videos,:root.page-videos *){position:relative}
.rs-k:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--wine);font-weight:500}
.rs-hero .rs-k:where(:root.page-videos,:root.page-videos *){color:rgba(255,255,255,.8)}
.rs-hero h1:where(:root.page-videos,:root.page-videos *){margin:14px auto 0;font-size:clamp(34px,4.3vw,56px);line-height:1.02;letter-spacing:-.04em;font-weight:700;max-width:18ch}
.rs-hero p:where(:root.page-videos,:root.page-videos *){margin:18px auto 0;font-size:clamp(15px,1.35vw,18px);line-height:1.6;color:rgba(255,255,255,.84);max-width:600px}
.rs-search:where(:root.page-videos,:root.page-videos *){margin:30px auto 0;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.34);backdrop-filter:blur(8px);border-radius:100px;padding:5px 6px 5px 20px;max-width:480px}
.rs-search svg:where(:root.page-videos,:root.page-videos *){width:17px;height:17px;color:rgba(255,255,255,.7);flex:none}
.rs-search input:where(:root.page-videos,:root.page-videos *){flex:1;border:0;outline:0;background:none;font-family:inherit;font-size:14.5px;color:#fff;padding:11px 0}
.rs-search input:where(:root.page-videos,:root.page-videos *)::placeholder{color:rgba(255,255,255,.66)}

/* sticky tabs */
.rs-tabs-wrap:where(:root.page-videos,:root.page-videos *){position:sticky;top:88px;z-index:30;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.rs-tabs:where(:root.page-videos,:root.page-videos *){display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:10px 0}
.rs-tabs:where(:root.page-videos,:root.page-videos *)::-webkit-scrollbar{display:none}
.rs-tab:where(:root.page-videos,:root.page-videos *){position:relative;border:1px solid transparent;background:none;font-family:inherit;font-size:14.5px;font-weight:500;color:var(--ink-2);padding:10px 18px;border-radius:100px;white-space:nowrap;transition:.22s var(--ease);display:flex;align-items:center;gap:9px}
.rs-tab .c:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3);background:var(--paper-3);border-radius:100px;padding:2px 7px;transition:.22s}
.rs-tab:hover:where(:root.page-videos,:root.page-videos *){background:var(--paper-2);color:var(--ink)}
.rs-tab.on:where(:root.page-videos,:root.page-videos *){background:var(--wine-soft);border-color:var(--wine-line);color:var(--wine);font-weight:700}
.rs-tab.on .c:where(:root.page-videos,:root.page-videos *){background:var(--wine);color:#fff}

/* featured */
.rs-feat:where(:root.page-videos,:root.page-videos *){display:grid;grid-template-columns:.72fr 1fr;gap:clamp(24px,3.4vw,56px);align-items:center;margin-top:clamp(34px,4vw,56px);padding-bottom:clamp(34px,4vw,56px);border-bottom:1px solid var(--line);cursor:pointer}
.rs-feat-img:where(:root.page-videos,:root.page-videos *){position:relative;border-radius:18px;overflow:hidden;aspect-ratio:16/11;max-width:520px;background:var(--paper-3)}
.rs-feat-img img:where(:root.page-videos,:root.page-videos *){width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.rs-feat:hover .rs-feat-img img:where(:root.page-videos,:root.page-videos *){transform:scale(1.045)}
.rs-badge:where(:root.page-videos,:root.page-videos *){position:absolute;left:16px;top:16px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;background:var(--wine);color:#fff;padding:6px 11px;border-radius:100px}
.rs-feat h2:where(:root.page-videos,:root.page-videos *){margin:16px 0 0;font-size:clamp(24px,2.9vw,40px);line-height:1.1;letter-spacing:-.032em;font-weight:700;text-wrap:balance}
.rs-feat:hover h2:where(:root.page-videos,:root.page-videos *){color:var(--wine)}
.rs-feat p:where(:root.page-videos,:root.page-videos *){margin:16px 0 0;font-size:15.6px;line-height:1.62;color:var(--ink-2)}
.rs-meta:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;gap:14px;margin-top:20px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.rs-meta i:where(:root.page-videos,:root.page-videos *){width:4px;height:4px;border-radius:50%;background:var(--ink-3);display:block}

/* list */
.rs-list:where(:root.page-videos,:root.page-videos *){border-top:1px solid transparent}
.rs-row:where(:root.page-videos,:root.page-videos *){display:grid;grid-template-columns:270px 1fr auto;gap:clamp(18px,2.6vw,40px);align-items:center;padding:clamp(20px,2.2vw,28px) 10px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .3s var(--ease),padding-left .3s var(--ease);opacity:0;transform:translateY(14px)}
.rs-row.in:where(:root.page-videos,:root.page-videos *){opacity:1;transform:none;transition:opacity .5s var(--ease),transform .5s var(--ease),background .3s,padding-left .3s}
.rs-row:hover:where(:root.page-videos,:root.page-videos *){background:var(--paper-2);padding-left:20px}
.rs-thumb:where(:root.page-videos,:root.page-videos *){border-radius:14px;overflow:hidden;aspect-ratio:16/11;background:var(--paper-3)}
.rs-thumb img:where(:root.page-videos,:root.page-videos *){width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.rs-row:hover .rs-thumb img:where(:root.page-videos,:root.page-videos *){transform:scale(1.07)}
.rs-cat:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--wine)}
.rs-row h3:where(:root.page-videos,:root.page-videos *){margin:9px 0 0;font-size:clamp(17px,1.75vw,23px);line-height:1.22;letter-spacing:-.028em;font-weight:600;text-wrap:pretty}
.rs-row:hover h3:where(:root.page-videos,:root.page-videos *){color:var(--wine)}
.rs-row p:where(:root.page-videos,:root.page-videos *){margin:9px 0 0;font-size:15px;line-height:1.55;color:var(--ink-2);max-width:70ch}
.rs-go:where(:root.page-videos,:root.page-videos *){display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);color:var(--ink-3);flex:none;transition:.28s var(--ease)}
.rs-row:hover .rs-go:where(:root.page-videos,:root.page-videos *){background:var(--wine);border-color:var(--wine);color:#fff;transform:translateX(4px)}
.rs-empty:where(:root.page-videos,:root.page-videos *){padding:70px 0;text-align:center;color:var(--ink-3);font-size:15px}
.rs-more:where(:root.page-videos,:root.page-videos *){display:flex;justify-content:center;margin-top:44px}

/* newsletter */
.rs-nl:where(:root.page-videos,:root.page-videos *){background:var(--paper-3);border-radius:24px;padding:clamp(32px,4vw,60px);display:flex;flex-wrap:wrap;gap:26px;align-items:center;justify-content:space-between}
.rs-nl h3:where(:root.page-videos,:root.page-videos *){margin:0;font-size:clamp(23px,2.6vw,36px);line-height:1.1;letter-spacing:-.03em;font-weight:700;max-width:16ch}
.rs-nl p:where(:root.page-videos,:root.page-videos *){margin:12px 0 0;font-size:15.5px;color:var(--ink-2);max-width:44ch}
.rs-mail:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:100px;padding:5px 5px 5px 20px}
.rs-mail input:where(:root.page-videos,:root.page-videos *){border:0;outline:0;background:none;font-family:inherit;font-size:14.5px;width:min(250px,44vw);color:var(--ink)}
.rs-mail button:where(:root.page-videos,:root.page-videos *){border:0;border-radius:100px;background:var(--wine);color:#fff;font-family:inherit;font-weight:700;font-size:14px;padding:12px 22px;cursor:pointer;transition:.2s}
.rs-mail button:hover:where(:root.page-videos,:root.page-videos *){background:var(--wine-deep)}

/* ---------- article detail ---------- */
.rs-article:where(:root.page-videos,:root.page-videos *){display:none}
body.rs-detail .rs-index:where(:root.page-videos,:root.page-videos *){display:none}
body.rs-detail .rs-article:where(:root.page-videos,:root.page-videos *){display:block}
.rs-prog:where(:root.page-videos,:root.page-videos *){position:fixed;left:0;top:0;height:3px;background:var(--wine);width:0;z-index:200;transition:width .1s linear}
.ar-hero:where(:root.page-videos,:root.page-videos *){min-height:clamp(400px,46vw,560px);padding:clamp(150px,15vw,190px) 0 clamp(186px,15vw,196px);position:relative;overflow:hidden;background-image: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='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E"),linear-gradient(180deg,#6E101D 0%,#8C1729 44%,#A82C43 100%);color:#fff;text-align:center}
.ar-hero:where(:root.page-videos,:root.page-videos *)::before{content:"";position:absolute;left:50%;top:-46%;width:min(1200px,120vw);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:1px dashed rgba(255,255,255,.22);pointer-events:none;animation:rsSpin 90s linear infinite}
.ar-hero:where(:root.page-videos,:root.page-videos *)::after{content:"";position:absolute;left:50%;top:-30%;width:min(880px,90vw);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:1px dashed rgba(255,255,255,.15);pointer-events:none}
.ar-head:where(:root.page-videos,:root.page-videos *){max-width:900px;margin-inline:auto;position:relative}
.ar-hero .rs-meta:where(:root.page-videos,:root.page-videos *){justify-content:center;color:rgba(255,255,255,.74)}
.ar-hero .rs-meta i:where(:root.page-videos,:root.page-videos *){background:rgba(255,255,255,.6)}
.ar-back:where(:root.page-videos,:root.page-videos *){display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;color:rgba(255,255,255,.82);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);border-radius:100px;padding:8px 18px;font-family:inherit;cursor:pointer;transition:.22s var(--ease);margin-bottom:24px}
.ar-back:hover:where(:root.page-videos,:root.page-videos *){color:#fff;background:rgba(255,255,255,.2);gap:13px}
.ar-hero h1:where(:root.page-videos,:root.page-videos *){margin:20px auto 0;font-size:clamp(30px,4.2vw,58px);line-height:1.05;letter-spacing:-.038em;font-weight:700;max-width:19ch;text-wrap:balance}
.ar-lead:where(:root.page-videos,:root.page-videos *){margin:20px auto 0;font-size:clamp(16px,1.5vw,20px);line-height:1.58;color:rgba(255,255,255,.84);max-width:62ch}
.ar-cover:where(:root.page-videos,:root.page-videos *){position:relative;z-index:2;margin:clamp(-160px,-11vw,-110px) auto 0;max-width:1240px;border-radius:26px;overflow:hidden;aspect-ratio:21/8;background:var(--paper-3);box-shadow:0 60px 120px -56px rgba(52,8,16,.55)}
.ar-cover img:where(:root.page-videos,:root.page-videos *){width:100%;height:100%;object-fit:cover}
.ar-body:where(:root.page-videos,:root.page-videos *){display:grid;grid-template-columns:230px minmax(0,720px) 1fr;gap:clamp(28px,4vw,72px);padding-block:clamp(44px,5vw,80px)}
.ar-toc:where(:root.page-videos,:root.page-videos *){position:sticky;top:130px;align-self:start}
.ar-toc h6:where(:root.page-videos,:root.page-videos *){margin:0 0 14px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500}
.ar-toc a:where(:root.page-videos,:root.page-videos *){display:block;font-size:13.6px;line-height:1.4;color:var(--ink-3);padding:8px 0 8px 14px;border-left:2px solid var(--line);transition:.22s}
.ar-toc a:hover:where(:root.page-videos,:root.page-videos *){color:var(--ink)}
.ar-toc a.on:where(:root.page-videos,:root.page-videos *){color:var(--wine);border-left-color:var(--wine);font-weight:600}
.ar-prose h2:where(:root.page-videos,:root.page-videos *){margin:44px 0 0;font-size:clamp(22px,2.3vw,30px);line-height:1.15;letter-spacing:-.03em;font-weight:700;scroll-margin-top:130px}
.ar-prose h2:first-child:where(:root.page-videos,:root.page-videos *){margin-top:0}
.ar-meta:where(:root.page-videos,:root.page-videos *){margin:0 0 26px;padding-bottom:20px;border-bottom:1px solid var(--line);justify-content:flex-start}
.ar-prose p:where(:root.page-videos,:root.page-videos *){margin:16px 0 0;font-size:16.6px;line-height:1.72;color:var(--ink-2)}
.ar-prose ul:where(:root.page-videos,:root.page-videos *){margin:18px 0 0;padding-left:0;list-style:none}
.ar-prose li:where(:root.page-videos,:root.page-videos *){position:relative;padding-left:24px;margin-top:11px;font-size:16.2px;line-height:1.65;color:var(--ink-2)}
.ar-prose li:where(:root.page-videos,:root.page-videos *)::before{content:"";position:absolute;left:2px;top:11px;width:7px;height:7px;border-radius:2px;background:var(--wine)}
.ar-pull:where(:root.page-videos,:root.page-videos *){margin:44px 0;padding:28px 0 28px 30px;border-left:3px solid var(--wine);font-size:clamp(19px,2vw,25px);line-height:1.36;letter-spacing:-.024em;font-weight:600;color:var(--ink)}
.ar-side:where(:root.page-videos,:root.page-videos *){align-self:start;position:sticky;top:130px}
.ar-cta:where(:root.page-videos,:root.page-videos *){background:var(--wine);color:#fff;border-radius:18px;padding:26px}
.ar-form:where(:root.page-videos,:root.page-videos *){background:var(--paper-3);border-radius:18px;padding:24px}
.ar-form>b:where(:root.page-videos,:root.page-videos *){display:block;font-size:17px;font-weight:700;letter-spacing:-.022em}
.ar-form>p:where(:root.page-videos,:root.page-videos *){margin:9px 0 18px;font-size:13.5px;line-height:1.55;color:var(--ink-2)}
.ar-form form:where(:root.page-videos,:root.page-videos *){display:flex;flex-direction:column;gap:11px}
.ar-form label:where(:root.page-videos,:root.page-videos *){display:flex;flex-direction:column;gap:5px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3)}
.ar-form input:where(:root.page-videos,:root.page-videos *),.ar-form textarea:where(:root.page-videos,:root.page-videos *){border:1px solid var(--line);border-radius:9px;background:#fff;padding:10px 12px;font-family:var(--font-sans);font-size:13.6px;color:var(--ink);outline:0;transition:.2s;resize:vertical}
.ar-form input:focus:where(:root.page-videos,:root.page-videos *),.ar-form textarea:focus:where(:root.page-videos,:root.page-videos *){border-color:var(--wine);box-shadow:0 0 0 3px rgba(155,27,46,.09)}
.ar-form button:where(:root.page-videos,:root.page-videos *){margin-top:4px;border:0;border-radius:100px;background:var(--wine);color:#fff;font-family:inherit;font-weight:700;font-size:13.8px;padding:12px 20px;cursor:pointer;transition:.2s}
.ar-form button:hover:where(:root.page-videos,:root.page-videos *){background:var(--wine-deep)}
.ar-form-note:where(:root.page-videos,:root.page-videos *){display:block;margin-top:12px;font-size:11.5px;line-height:1.45;color:var(--ink-3)}
.ar-cta b:where(:root.page-videos,:root.page-videos *){display:block;font-size:17px;font-weight:700;letter-spacing:-.02em}
.ar-cta p:where(:root.page-videos,:root.page-videos *){margin:10px 0 18px;font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.82)}
.ar-cta a:where(:root.page-videos,:root.page-videos *){display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--wine);border-radius:100px;padding:10px 18px;font-size:13.5px;font-weight:700}
.ar-share:where(:root.page-videos,:root.page-videos *){margin-top:22px;display:flex;gap:8px}
.ar-share a:where(:root.page-videos,:root.page-videos *){width:38px;height:38px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-3);transition:.22s}
.ar-share a:hover:where(:root.page-videos,:root.page-videos *){border-color:var(--wine);color:var(--wine)}
.ar-share svg:where(:root.page-videos,:root.page-videos *){width:16px;height:16px;fill:currentColor}
.ar-rel:where(:root.page-videos,:root.page-videos *){border-top:1px solid var(--line);padding-block:clamp(44px,5vw,76px)}
.ar-rel h3:where(:root.page-videos,:root.page-videos *){margin:0 0 28px;font-size:clamp(21px,2.2vw,30px);letter-spacing:-.03em;font-weight:700}
.ar-rel-grid:where(:root.page-videos,:root.page-videos *){display:grid;grid-template-columns:1fr;gap:0}
.ar-rc:where(:root.page-videos,:root.page-videos *){cursor:pointer;display:grid;grid-template-columns:270px 1fr auto;gap:clamp(18px,2.6vw,40px);align-items:center;padding:clamp(20px,2.2vw,28px) 10px;border-bottom:1px solid var(--line);transition:background .3s var(--ease),padding-left .3s var(--ease)}
.ar-rc:hover:where(:root.page-videos,:root.page-videos *){background:var(--paper-2);padding-left:20px}
.ar-rc .im:where(:root.page-videos,:root.page-videos *){border-radius:14px;overflow:hidden;aspect-ratio:16/11;background:var(--paper-3)}
.ar-rc img:where(:root.page-videos,:root.page-videos *){width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.ar-rc:hover img:where(:root.page-videos,:root.page-videos *){transform:scale(1.06)}
.ar-rc h4:where(:root.page-videos,:root.page-videos *){margin:9px 0 0;font-size:clamp(17px,1.75vw,23px);line-height:1.22;letter-spacing:-.028em;font-weight:600}
.ar-rc:hover h4:where(:root.page-videos,:root.page-videos *){color:var(--wine)}
.ar-rc p:where(:root.page-videos,:root.page-videos *){margin:9px 0 0;font-size:15px;line-height:1.55;color:var(--ink-2);max-width:70ch}

/* ---------- list: sidebar + grid ---------- */
.rs-shell:where(:root.page-videos,:root.page-videos *){display:grid;grid-template-columns:284px minmax(0,1fr);gap:clamp(24px,3vw,52px);align-items:start;margin-top:clamp(30px,3.4vw,48px)}
.rs-side-in:where(:root.page-videos,:root.page-videos *){position:sticky;top:118px;display:flex;flex-direction:column;gap:14px}
.rs-sbox:where(:root.page-videos,:root.page-videos *){background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}
.rs-sbox h6:where(:root.page-videos,:root.page-videos *){margin:0 0 13px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500}
.rs-sfield:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:100px;padding:0 8px 0 15px;background:var(--paper-2);transition:.25s var(--ease)}
.rs-sfield:focus-within:where(:root.page-videos,:root.page-videos *){border-color:var(--wine);background:#fff;box-shadow:0 0 0 3px rgba(155,27,46,.08)}
.rs-sfield svg:where(:root.page-videos,:root.page-videos *){width:15px;height:15px;color:var(--ink-3);flex:none}
.rs-sfield input:where(:root.page-videos,:root.page-videos *){flex:1;min-width:0;border:0;outline:0;background:none;font-family:inherit;font-size:14px;color:var(--ink);padding:11px 0}
.rs-sfield input:where(:root.page-videos,:root.page-videos *)::-webkit-search-cancel-button{display:none}
.rs-sclear:where(:root.page-videos,:root.page-videos *){border:0;background:none;cursor:pointer;font-size:19px;line-height:1;color:var(--ink-3);padding:4px 6px;transition:color .2s}
.rs-sclear:hover:where(:root.page-videos,:root.page-videos *){color:var(--wine)}
.rs-scount:where(:root.page-videos,:root.page-videos *){display:block;margin-top:11px;font-family:var(--font-mono);font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3)}
.rs-cats:where(:root.page-videos,:root.page-videos *){display:flex;flex-direction:column;gap:2px}
.rs-cat-b:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:0;background:none;cursor:pointer; font-family:inherit;font-size:14px;font-weight:500;color:var(--ink-2);text-align:left;padding:10px 12px;border-radius:11px;transition:.24s var(--ease)}
.rs-cat-b .n:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3);background:var(--paper-3);border-radius:100px;padding:3px 8px;transition:.24s var(--ease)}
.rs-cat-b:hover:where(:root.page-videos,:root.page-videos *){background:var(--paper-2);color:var(--ink)}
.rs-cat-b.on:where(:root.page-videos,:root.page-videos *){background:var(--wine-soft);color:var(--wine);font-weight:700}
.rs-cat-b.on .n:where(:root.page-videos,:root.page-videos *){background:var(--wine);color:#fff}
.rs-sdemo:where(:root.page-videos,:root.page-videos *){position:relative;overflow:hidden;border-radius:18px;padding:24px;color:#fff; background-image: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='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E"),linear-gradient(155deg,#A6333E 0%,#7C1623 58%,#5E1020 100%)}
.rs-sdemo:where(:root.page-videos,:root.page-videos *)::after{content:"";position:absolute;right:-40px;top:-40px;width:150px;height:150px;border-radius:50%;border:1px dashed rgba(255,255,255,.3);pointer-events:none}
.rs-sdemo b:where(:root.page-videos,:root.page-videos *){position:relative;display:block;font-size:17px;font-weight:700;letter-spacing:-.024em}
.rs-sdemo p:where(:root.page-videos,:root.page-videos *){position:relative;margin:9px 0 18px;font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.82)}
.rs-sbtn:where(:root.page-videos,:root.page-videos *){position:relative;display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--wine);border-radius:100px;padding:11px 20px;font-size:13.6px;font-weight:700;transition:.25s var(--ease)}
.rs-sbtn:hover:where(:root.page-videos,:root.page-videos *){gap:12px;box-shadow:0 14px 30px -16px rgba(0,0,0,.4)}
.rs-grid:where(:root.page-videos,:root.page-videos *){display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.8vw,24px)}
.rs-card:where(:root.page-videos,:root.page-videos *){display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;cursor:pointer; opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease),transform .5s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease)}
.rs-card.in:where(:root.page-videos,:root.page-videos *){opacity:1;transform:none}
.rs-card:hover:where(:root.page-videos,:root.page-videos *){border-color:var(--wine-line);box-shadow:0 34px 68px -44px rgba(20,22,27,.42);transform:translateY(-5px)}
.rs-cthumb:where(:root.page-videos,:root.page-videos *){position:relative;aspect-ratio:16/10;background:var(--paper-3);overflow:hidden}
.rs-cthumb img:where(:root.page-videos,:root.page-videos *){width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.rs-card:hover .rs-cthumb img:where(:root.page-videos,:root.page-videos *){transform:scale(1.06)}
.rs-ctag:where(:root.page-videos,:root.page-videos *){position:absolute;left:13px;top:13px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase; background:rgba(255,255,255,.92);backdrop-filter:blur(6px);color:var(--wine);padding:6px 11px;border-radius:100px}
.rs-cbody:where(:root.page-videos,:root.page-videos *){display:flex;flex-direction:column;flex:1;padding:20px}
.rs-card h3:where(:root.page-videos,:root.page-videos *){margin:0;font-size:17.5px;line-height:1.26;letter-spacing:-.026em;font-weight:700;text-wrap:pretty;transition:color .25s var(--ease)}
.rs-card:hover h3:where(:root.page-videos,:root.page-videos *){color:var(--wine)}
.rs-card p:where(:root.page-videos,:root.page-videos *){margin:10px 0 0;font-size:13.5px;line-height:1.56;color:var(--ink-2);text-wrap:pretty}
.rs-card .rs-meta:where(:root.page-videos,:root.page-videos *){margin-top:auto;padding-top:18px}
.rs-empty:where(:root.page-videos,:root.page-videos *){padding:70px 0;text-align:center;color:var(--ink-3);font-size:15px}

/* ---------- detail: listen ---------- */
.rs-prog:where(:root.page-videos,:root.page-videos *){height:4px;box-shadow:0 0 14px rgba(155,27,46,.45)}
.ar-listen:where(:root.page-videos,:root.page-videos *){margin-left:auto;display:inline-flex;align-items:center;gap:10px;border:1px solid var(--wine-line);background:var(--wine-soft); border-radius:100px;padding:7px 16px 7px 8px;cursor:pointer;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em; text-transform:uppercase;color:var(--wine);transition:.28s var(--ease)}
.ar-listen:hover:where(:root.page-videos,:root.page-videos *){background:var(--wine);color:#fff;border-color:var(--wine)}
.al-ic:where(:root.page-videos,:root.page-videos *){display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--wine);flex:none;transition:.28s var(--ease)}
.ar-listen:hover .al-ic:where(:root.page-videos,:root.page-videos *){background:#fff}
.al-ic svg:where(:root.page-videos,:root.page-videos *){width:15px;height:15px;fill:#fff;transition:fill .28s var(--ease)}
.ar-listen:hover .al-ic svg:where(:root.page-videos,:root.page-videos *){fill:var(--wine)}
.al-pause:where(:root.page-videos,:root.page-videos *),.ar-listen.on .al-play:where(:root.page-videos,:root.page-videos *){display:none}
.ar-listen.on .al-pause:where(:root.page-videos,:root.page-videos *){display:block}
.al-wave:where(:root.page-videos,:root.page-videos *){display:none;align-items:flex-end;gap:2.5px;height:14px}
.ar-listen.on .al-wave:where(:root.page-videos,:root.page-videos *){display:flex}
.al-wave i:where(:root.page-videos,:root.page-videos *){width:2.5px;border-radius:2px;background:currentColor;animation:alW .9s ease-in-out infinite}
.al-wave i:nth-child(1):where(:root.page-videos,:root.page-videos *){height:6px;animation-delay:0s}
.al-wave i:nth-child(2):where(:root.page-videos,:root.page-videos *){height:13px;animation-delay:.15s}
.al-wave i:nth-child(3):where(:root.page-videos,:root.page-videos *){height:8px;animation-delay:.3s}
.al-wave i:nth-child(4):where(:root.page-videos,:root.page-videos *){height:11px;animation-delay:.45s}
html[data-motion="off"] .al-wave i:where(:root.page-videos,:root.page-videos *){animation:none}

/* ---------- detail: share in rail ---------- */
.ar-shareblk:where(:root.page-videos,:root.page-videos *){margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
.ar-shareblk h6:where(:root.page-videos,:root.page-videos *){margin:0 0 12px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500}
.ar-share:where(:root.page-videos,:root.page-videos *){margin:0;display:flex;flex-wrap:wrap;gap:8px}
.ar-share a:where(:root.page-videos,:root.page-videos *),.ar-copy:where(:root.page-videos,:root.page-videos *){width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center; color:var(--ink-3);cursor:pointer;transition:.25s var(--ease)}
.ar-share a:hover:where(:root.page-videos,:root.page-videos *),.ar-copy:hover:where(:root.page-videos,:root.page-videos *){border-color:var(--wine);color:#fff;background:var(--wine);transform:translateY(-3px)}
.ar-share svg:where(:root.page-videos,:root.page-videos *){width:16px;height:16px;fill:currentColor}
.ar-copy svg:where(:root.page-videos,:root.page-videos *){fill:none;stroke:currentColor}
.ar-copy.done:where(:root.page-videos,:root.page-videos *){border-color:var(--wine);background:var(--wine);color:#fff}

/* ---------- detail: AI summarise ---------- */
.ar-ai:where(:root.page-videos,:root.page-videos *){margin-top:56px;border:1px solid var(--line);border-radius:22px;padding:clamp(24px,2.6vw,34px);background:var(--paper-2);position:relative;overflow:hidden}
.ar-ai:where(:root.page-videos,:root.page-videos *)::before{content:"";position:absolute;right:-70px;top:-70px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(155,27,46,.12),transparent 66%);pointer-events:none}
.ar-ai-k:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--wine)}
.ar-ai h3:where(:root.page-videos,:root.page-videos *){margin:12px 0 0;font-size:clamp(20px,2.1vw,27px);line-height:1.14;letter-spacing:-.03em;font-weight:700}
.ar-ai-h p:where(:root.page-videos,:root.page-videos *){margin:10px 0 0;font-size:15px;line-height:1.56;color:var(--ink-2)}
.ar-ai-row:where(:root.page-videos,:root.page-videos *){position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px}
.ar-ai-b:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;transition:.28s var(--ease)}
.ar-ai-b:hover:where(:root.page-videos,:root.page-videos *){border-color:var(--wine-line);transform:translateY(-3px);box-shadow:0 22px 44px -30px rgba(20,22,27,.4)}
.aib-m:where(:root.page-videos,:root.page-videos *){display:grid;place-items:center;width:38px;height:38px;border-radius:11px;flex:none;background:var(--b);color:#fff; font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.02em}
.aib-t:where(:root.page-videos,:root.page-videos *){display:flex;flex-direction:column;gap:2px;font-size:14.4px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.aib-t i:where(:root.page-videos,:root.page-videos *){font-style:normal;font-family:var(--font-mono);font-size:9.5px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.ar-ai-note:where(:root.page-videos,:root.page-videos *){position:relative;margin:16px 0 0;font-size:12px;color:var(--ink-3)}
.ar-body:where(:root.page-videos,:root.page-videos *){grid-template-columns:250px minmax(0,1fr)}
.ar-prose:where(:root.page-videos,:root.page-videos *){max-width:820px}
.vd-eyebrow:where(:root.page-videos,:root.page-videos *){display:inline-flex;align-items:center;gap:10px;padding:7px 16px 7px 13px;border-radius:100px;border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.10);backdrop-filter:blur(6px);font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.94)}
.vd-eyebrow b:where(:root.page-videos,:root.page-videos *){width:6px;height:6px;border-radius:50%;background:#fff;display:block}
.vd-sec:where(:root.page-videos,:root.page-videos *){padding-block:70px}
.vd-bar:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--line)}
.vd-tabs:where(:root.page-videos,:root.page-videos *){display:flex;flex-wrap:wrap;gap:9px}
.vd-tab:where(:root.page-videos,:root.page-videos *){position:relative;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:100px;cursor:pointer; background:#fff;border:1px dashed var(--line);color:var(--ink-2);font-size:13.6px;font-weight:600;letter-spacing:-.012em;transition:.32s var(--ease)}
.vd-tab:hover:where(:root.page-videos,:root.page-videos *){border-color:var(--wine-line);color:var(--wine)}
.vd-tab.on:where(:root.page-videos,:root.page-videos *){background:var(--wine-soft);border-style:solid;border-color:var(--wine);color:var(--wine)}
.vd-ct:where(:root.page-videos,:root.page-videos *){font-style:normal;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--ink-3);transition:color .32s var(--ease)}
.vd-tab.on .vd-ct:where(:root.page-videos,:root.page-videos *){color:var(--wine)}
.vd-count:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3)}
.vd-grid:where(:root.page-videos,:root.page-videos *){display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2vw,28px);margin-top:clamp(26px,3vw,40px)}
.vd-card:where(:root.page-videos,:root.page-videos *){text-align:left;background:none;border:0;padding:0;cursor:pointer;opacity:0;transform:translateY(16px);animation:vdIn .6s var(--ease) forwards;animation-delay:var(--d)}
html[data-motion="off"] .vd-card:where(:root.page-videos,:root.page-videos *){opacity:1;transform:none;animation:none}
.vd-thumb:where(:root.page-videos,:root.page-videos *){position:relative;display:block;border-radius:16px;overflow:hidden;aspect-ratio:16/9;background:linear-gradient(150deg,#A6333E,#7C1623 60%,#5E1020); border:1px solid var(--line);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.vd-thumb img:where(:root.page-videos,:root.page-videos *){width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease),filter .4s var(--ease)}
.vd-thumb:where(:root.page-videos,:root.page-videos *)::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(52,8,16,0) 42%,rgba(52,8,16,.62));opacity:.85;transition:opacity .4s var(--ease)}
.vd-card:hover .vd-thumb:where(:root.page-videos,:root.page-videos *){transform:translateY(-5px);box-shadow:0 34px 68px -40px rgba(52,8,16,.6)}
.vd-card:hover .vd-thumb img:where(:root.page-videos,:root.page-videos *){transform:scale(1.05)}
.vd-play:where(:root.page-videos,:root.page-videos *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.9);z-index:2;width:62px;height:62px;border-radius:50%; display:grid;place-items:center;background:rgba(255,255,255,.94);box-shadow:0 18px 40px -18px rgba(52,8,16,.7);opacity:0;transition:.42s var(--ease)}
.vd-play svg:where(:root.page-videos,:root.page-videos *){width:22px;height:22px;fill:var(--wine);margin-left:2px}
.vd-card:hover .vd-play:where(:root.page-videos,:root.page-videos *),.vd-card:focus-visible .vd-play:where(:root.page-videos,:root.page-videos *){opacity:1;transform:translate(-50%,-50%) scale(1)}
.vd-dur:where(:root.page-videos,:root.page-videos *){position:absolute;right:11px;bottom:11px;z-index:2;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;color:#fff; background:rgba(20,16,22,.68);backdrop-filter:blur(4px);border-radius:6px;padding:4px 8px}
.vd-chip:where(:root.page-videos,:root.page-videos *){position:absolute;left:11px;top:11px;z-index:2;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase; color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.32);backdrop-filter:blur(6px);border-radius:100px;padding:5px 11px}
.vd-tt:where(:root.page-videos,:root.page-videos *){display:block;margin:16px 0 0;font-size:19px;font-weight:700;letter-spacing:-.024em;line-height:1.32;color:var(--ink);text-wrap:pretty;transition:color .3s var(--ease)}
.vd-card:hover .vd-tt:where(:root.page-videos,:root.page-videos *){color:var(--wine)}
.vd-m:where(:root.page-videos,:root.page-videos *){display:flex;align-items:center;gap:10px;margin-top:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.vd-m i:where(:root.page-videos,:root.page-videos *){width:3px;height:3px;border-radius:50%;background:var(--line);flex:none}
.vd-empty:where(:root.page-videos,:root.page-videos *){margin:44px 0 0;text-align:center;font-size:15px;color:var(--ink-3)}

/* player */
.vd-modal:where(:root.page-videos,:root.page-videos *){position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:clamp(16px,4vw,48px)}
.vd-modal[hidden]:where(:root.page-videos,:root.page-videos *){display:none}
.vd-back:where(:root.page-videos,:root.page-videos *){position:absolute;inset:0;background:rgba(30,8,14,.72);backdrop-filter:blur(6px);animation:vdFade .35s var(--ease)}
.vd-sheet:where(:root.page-videos,:root.page-videos *){position:relative;width:min(1080px,100%);animation:vdRise .45s cubic-bezier(.19,1,.22,1)}
.vd-embed:where(:root.page-videos,:root.page-videos *){position:relative;border-radius:18px;overflow:hidden;aspect-ratio:16/9;background:#140F14;box-shadow:0 60px 120px -50px rgba(0,0,0,.7)}
.vd-embed iframe:where(:root.page-videos,:root.page-videos *){position:absolute;inset:0;width:100%;height:100%;border:0}
.vd-embed:where(:root.page-videos,:root.page-videos *){display:grid;place-items:center}
.vd-eph:where(:root.page-videos,:root.page-videos *){font-family:var(--font-mono);font-size:clamp(10px,1vw,12px);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.7);border:1px dashed rgba(255,255,255,.3);border-radius:100px;padding:12px 24px;text-align:center}
.vd-sheet-t:where(:root.page-videos,:root.page-videos *){margin-top:18px;color:#fff}
.vd-sheet-t b:where(:root.page-videos,:root.page-videos *){display:block;font-size:clamp(16px,1.7vw,22px);font-weight:700;letter-spacing:-.026em;line-height:1.3}
.vd-sheet-t span:where(:root.page-videos,:root.page-videos *){display:block;margin-top:7px;font-family:var(--font-mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.vd-x:where(:root.page-videos,:root.page-videos *){position:absolute;right:0;top:-46px;width:36px;height:36px;border-radius:50%;cursor:pointer;background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.28);color:#fff;font-size:20px;line-height:1;transition:.3s var(--ease)}
.vd-x:hover:where(:root.page-videos,:root.page-videos *){background:#fff;color:var(--wine);border-color:#fff}

/* banner cursor-follow glow */
.rs-hero:where(:root.page-videos,:root.page-videos *){--mx:50%;--my:24%}
.rs-hero:where(:root.page-videos,:root.page-videos *)::before{z-index:0}
.rs-glow:where(:root.page-videos,:root.page-videos *){position:absolute;left:var(--mx);top:var(--my);width:640px;height:640px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 66%);opacity:0;transition:opacity .45s var(--ease)}
.rs-hero:hover .rs-glow:where(:root.page-videos,:root.page-videos *){opacity:1}
.rs-hero .rsw:where(:root.page-videos,:root.page-videos *){position:relative;z-index:2}
{__TWEAKS_STYLE}


/* ============================================================
   Brochures   (html.page-brochures)
   ============================================================ */

/* Satoshi — self-hosted @font-face (woff2), inlined for standalone export */

/* touch 1781880837620 */

/* ============================================================================
   TRUECOPY — Enterprise Trust Infrastructure
   base.css · tokens, reset, typography, layout, nav, footer, shared utilities
   ========================================================================== */
:root:where(:root.page-brochures,:root.page-brochures *){/* paper / ink */ --paper:#ffffff; --paper-2:#FAF9F7; --paper-3:#F3F1EC; --ink:#14161B; --ink-2:#474C56; --ink-3:#676D78; --line:#E8E6E0; --line-2:#F0EEE9; --hair:#E2DFD8; /* brand — overridable by tweaks */ --wine:#9B1B2E; --wine-deep:#74121F; --wine-soft:#FBF1F2; --wine-line:rgba(155,27,46,.20); /* accent — overridable by tweaks */ --accent:#1B3A8F; --accent-2:#2C4FB0; --accent-soft:#EEF1FA; --accent-line:rgba(27,58,143,.20); --shadow-sm:0 1px 2px rgba(20,22,27,.04), 0 1px 1px rgba(20,22,27,.03); --shadow-md:0 18px 50px -28px rgba(20,22,27,.30), 0 6px 16px -12px rgba(20,22,27,.18); --shadow-lg:0 50px 110px -50px rgba(20,30,60,.45), 0 18px 40px -28px rgba(20,22,27,.22); --maxw:1488px; --gut:clamp(20px,5vw,64px); --font-sans:'Satoshi',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; --font-mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular',monospace; --ease:cubic-bezier(.22,.61,.36,1); --ease-out:cubic-bezier(.16,1,.3,1)}
*:where(:root.page-brochures,:root.page-brochures *){margin:0;padding:0;box-sizing:border-box}
html:where(:root.page-brochures,:root.page-brochures *){-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body:where(:root.page-brochures,:root.page-brochures *){background:var(--paper); color:var(--ink); font-family:var(--font-sans); font-weight:400; line-height:1.5; letter-spacing:-0.011em; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow-x:hidden}
img:where(:root.page-brochures,:root.page-brochures *),svg:where(:root.page-brochures,:root.page-brochures *){display:block;max-width:100%}
a:where(:root.page-brochures,:root.page-brochures *){color:inherit;text-decoration:none}
button:where(:root.page-brochures,:root.page-brochures *){font-family:inherit;cursor:pointer}
:where(:root.page-brochures,:root.page-brochures *)::selection{background:var(--wine);color:#fff}

/* ---------- layout ---------- */
.wrap:where(:root.page-brochures,:root.page-brochures *){max-width:var(--maxw);margin:0 auto;padding-inline:var(--gut)}
.section:where(:root.page-brochures,:root.page-brochures *){position:relative;padding-block:70px}
.section--tight:where(:root.page-brochures,:root.page-brochures *){padding-block:70px}
.bleed:where(:root.page-brochures,:root.page-brochures *){background:var(--paper-2)}
.divider:where(:root.page-brochures,:root.page-brochures *){height:1px;background:var(--hair);border:0}

/* ---------- typography ---------- */
.h-display:where(:root.page-brochures,:root.page-brochures *){font-weight:700; font-size:clamp(40px,6.6vw,88px); line-height:0.98; letter-spacing:-0.035em; text-wrap:balance}
.h-section:where(:root.page-brochures,:root.page-brochures *){font-weight:700; font-size:clamp(28px,4.05vw,52px); line-height:1.02; letter-spacing:-0.03em; text-wrap:balance}
.h-sub:where(:root.page-brochures,:root.page-brochures *){font-weight:600; font-size:clamp(22px,2.6vw,32px); line-height:1.1; letter-spacing:-0.02em}
.lede:where(:root.page-brochures,:root.page-brochures *){font-size:clamp(17px,1.5vw,20px); line-height:1.55; color:var(--ink-2); font-weight:400; letter-spacing:-0.012em; max-width:62ch; text-wrap:pretty}
.dim:where(:root.page-brochures,:root.page-brochures *){color:var(--ink-2)}
.muted:where(:root.page-brochures,:root.page-brochures *){color:var(--ink-3)}
.wine-text:where(:root.page-brochures,:root.page-brochures *){color:var(--wine)}

/* mono technical label / eyebrow */
.eyebrow:where(:root.page-brochures,:root.page-brochures *){display:inline-flex;align-items:center;gap:10px; font-family:var(--font-mono); font-size:12px;font-weight:500; letter-spacing:0.14em;text-transform:uppercase; color:var(--ink-3)}
.eyebrow:where(:root.page-brochures,:root.page-brochures *)::before{content:"";width:7px;height:7px;border-radius:2px; background:var(--wine);flex:none}
.eyebrow .num:where(:root.page-brochures,:root.page-brochures *){color:var(--wine);font-weight:600}
.kicker:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:11px;font-weight:500; letter-spacing:0.16em;text-transform:uppercase;color:var(--ink-3)}
.tag:where(:root.page-brochures,:root.page-brochures *){display:inline-flex;align-items:center;gap:7px; font-family:var(--font-mono);font-size:10.5px;font-weight:500; letter-spacing:0.1em;text-transform:uppercase; color:var(--ink-2); padding:5px 9px;border:1px solid var(--line);border-radius:6px; background:var(--paper)}
.tag .dot:where(:root.page-brochures,:root.page-brochures *){width:5px;height:5px;border-radius:50%;background:var(--accent)}
.tag--wine .dot:where(:root.page-brochures,:root.page-brochures *){background:var(--wine)}

/* section head block */
.shead:where(:root.page-brochures,:root.page-brochures *){max-width:880px}
.shead .h-section:where(:root.page-brochures,:root.page-brochures *){margin-top:18px}
.shead .lede:where(:root.page-brochures,:root.page-brochures *){margin-top:22px}

/* ---------- buttons ---------- */
.btn:where(:root.page-brochures,:root.page-brochures *){display:inline-flex;align-items:center;gap:9px; font-size:15px;font-weight:600;letter-spacing:-0.01em; padding:13px 20px;border-radius:9px;border:1px solid transparent; transition:transform .18s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease), color .2s; white-space:nowrap}
.btn .arr:where(:root.page-brochures,:root.page-brochures *){transition:transform .25s var(--ease)}
.btn:hover .arr:where(:root.page-brochures,:root.page-brochures *){transform:translateX(3px)}
.btn-primary:where(:root.page-brochures,:root.page-brochures *){background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}
.btn-primary:hover:where(:root.page-brochures,:root.page-brochures *){background:var(--accent-2);transform:translateY(-1px);box-shadow:var(--shadow-md)}
.btn-wine:where(:root.page-brochures,:root.page-brochures *){background:var(--wine);color:#fff}
.btn-wine:hover:where(:root.page-brochures,:root.page-brochures *){background:var(--wine-deep);transform:translateY(-1px);box-shadow:0 14px 34px -16px var(--wine)}
.btn-ghost:where(:root.page-brochures,:root.page-brochures *){background:transparent;color:var(--ink);border-color:var(--line)}
.btn-ghost:hover:where(:root.page-brochures,:root.page-brochures *){border-color:var(--ink);background:var(--paper-2)}
.btn-sm:where(:root.page-brochures,:root.page-brochures *){padding:10px 15px;font-size:14px;border-radius:8px}
.link-arrow:where(:root.page-brochures,:root.page-brochures *){display:inline-flex;align-items:center;gap:8px; font-weight:600;font-size:15px;color:var(--ink); border-bottom:1px solid transparent;padding-bottom:2px;transition:.2s}
.link-arrow .arr:where(:root.page-brochures,:root.page-brochures *){transition:transform .25s var(--ease);color:var(--wine)}
.link-arrow:hover:where(:root.page-brochures,:root.page-brochures *){color:var(--wine)}
.link-arrow:hover .arr:where(:root.page-brochures,:root.page-brochures *){transform:translateX(4px)}

/* ---------- nav ---------- */
.nav:where(:root.page-brochures,:root.page-brochures *){position:fixed;top:0;left:0;right:0;z-index:900;background:transparent;border:0; padding:clamp(12px,1.6vw,20px) clamp(14px,3vw,28px) 0; transition:padding .3s var(--ease)}
.nav.is-stuck:where(:root.page-brochures,:root.page-brochures *){padding-top:10px}
.nav-in:where(:root.page-brochures,:root.page-brochures *){max-width:1150px;margin:0 auto; height:62px;padding:7px 8px 7px 24px; display:flex;align-items:center;gap:16px; background:rgba(255,255,255,.80); -webkit-backdrop-filter:blur(20px) saturate(165%); backdrop-filter:blur(20px) saturate(165%); border:1px solid rgba(255,255,255,.72); border-radius:100px; box-shadow:0 12px 36px -18px rgba(46,18,26,.30), 0 2px 8px -3px rgba(46,18,26,.12); transition:box-shadow .3s var(--ease), background .3s var(--ease)}
.nav.is-stuck .nav-in:where(:root.page-brochures,:root.page-brochures *){background:rgba(255,255,255,.92); box-shadow:0 18px 46px -18px rgba(46,18,26,.40), 0 3px 10px -3px rgba(46,18,26,.16)}
.brand:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;flex:none}
.brand .mark:where(:root.page-brochures,:root.page-brochures *){height:54px;width:auto;flex:none;object-fit:contain}
.nav-links:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;justify-content:center;gap:4px;flex:1 1 auto}
.nav-link:where(:root.page-brochures,:root.page-brochures *){font-size:14px;font-weight:500;color:var(--ink-2); padding:9px 14px;border-radius:100px;transition:.18s}
.nav-link:hover:where(:root.page-brochures,:root.page-brochures *){color:var(--ink);background:rgba(46,18,26,.06)}
.nav-cta:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;gap:8px;flex:none}

/* ---------- nav dropdown ---------- */
.nav-item:where(:root.page-brochures,:root.page-brochures *){position:relative;display:flex;align-items:center}
.nav-trigger:where(:root.page-brochures,:root.page-brochures *){display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;cursor:pointer;font-family:inherit}
.nav-trigger .caret:where(:root.page-brochures,:root.page-brochures *){width:15px;height:15px;color:var(--ink-2);transition:transform .25s var(--ease),color .2s;flex:none}
.nav-trigger .caret path:where(:root.page-brochures,:root.page-brochures *){fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav-item:hover .nav-trigger:where(:root.page-brochures,:root.page-brochures *),.nav-item:focus-within .nav-trigger:where(:root.page-brochures,:root.page-brochures *){color:var(--ink);background:var(--paper-2)}
.nav-item:hover .caret:where(:root.page-brochures,:root.page-brochures *),.nav-item:focus-within .caret:where(:root.page-brochures,:root.page-brochures *){transform:rotate(180deg);color:var(--wine)}
.nav-menu:where(:root.page-brochures,:root.page-brochures *){position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(8px) scale(.985);transform-origin:top center; width:332px;background:var(--paper);border:1px solid var(--line);border-radius:14px; box-shadow:var(--shadow-lg);padding:8px; opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s; z-index:50}
.nav-menu:where(:root.page-brochures,:root.page-brochures *)::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nav-item:hover .nav-menu:where(:root.page-brochures,:root.page-brochures *),.nav-item:focus-within .nav-menu:where(:root.page-brochures,:root.page-brochures *){opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}

/* mega dropdown (Solutions) */
.nav-mega:where(:root.page-brochures,:root.page-brochures *){position:absolute;top:calc(100% + 12px);left:0;transform:translateY(8px) scale(.99);transform-origin:top left; width:min(880px,calc(100vw - 48px)); background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg); padding:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px; opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s;z-index:50}
.nav-mega:where(:root.page-brochures,:root.page-brochures *)::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nav-item:hover .nav-mega:where(:root.page-brochures,:root.page-brochures *),.nav-item:focus-within .nav-mega:where(:root.page-brochures,:root.page-brochures *){opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
.mega-col:where(:root.page-brochures,:root.page-brochures *){padding:14px 16px;border-radius:12px;border:1px solid transparent;transition:border-color .2s,background .2s}
.mega-col:hover:where(:root.page-brochures,:root.page-brochures *){background:var(--paper-2);border-color:var(--line)}
.mega-prod:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;gap:10px;padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.mega-prod .mp-glyph:where(:root.page-brochures,:root.page-brochures *){width:28px;height:28px;border-radius:8px;background:var(--accent);color:#fff;display:grid;place-items:center;font-family:var(--font-mono);font-size:9px;font-weight:600;flex:none}
.mega-prod b:where(:root.page-brochures,:root.page-brochures *){font-size:15px;font-weight:700;letter-spacing:-0.02em;color:var(--ink)}
.mega-prod:hover b:where(:root.page-brochures,:root.page-brochures *){color:var(--wine)}
.mega-desc:where(:root.page-brochures,:root.page-brochures *){font-size:12.5px;line-height:1.45;color:var(--ink-3);margin:12px 0 14px;min-height:54px}
.mega-sub:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13.5px;font-weight:500;color:var(--ink-2);padding:8px 0;border-top:1px solid var(--line-2);transition:color .15s}
.mega-sub .arr:where(:root.page-brochures,:root.page-brochures *){color:var(--ink-3);opacity:0;transform:translateX(-4px);transition:.18s var(--ease)}
.mega-sub:hover:where(:root.page-brochures,:root.page-brochures *){color:var(--wine)}
.mega-sub:hover .arr:where(:root.page-brochures,:root.page-brochures *){color:var(--wine);opacity:1;transform:translateX(0)}
.nav-menu-link:where(:root.page-brochures,:root.page-brochures *){display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:14px;row-gap:2px; padding:11px 13px;border-radius:10px;transition:background .16s var(--ease)}
.nav-menu-link .nml-t:where(:root.page-brochures,:root.page-brochures *){font-size:14.5px;font-weight:600;color:var(--ink);letter-spacing:-0.01em}
.nav-menu-link .nml-d:where(:root.page-brochures,:root.page-brochures *){grid-column:1;font-size:12px;color:var(--ink-3);line-height:1.35}
.nav-menu-link .nml-arr:where(:root.page-brochures,:root.page-brochures *){grid-column:2;grid-row:1/span 2;color:var(--ink-3);font-size:15px;transition:transform .2s var(--ease),color .2s}
.nav-menu-link:hover:where(:root.page-brochures,:root.page-brochures *){background:var(--paper-2)}
.nav-menu-link:hover .nml-t:where(:root.page-brochures,:root.page-brochures *){color:var(--wine)}
.nav-menu-link:hover .nml-arr:where(:root.page-brochures,:root.page-brochures *){color:var(--wine);transform:translate(3px,-1px)}

/* modern icon dropdown (Solutions + Resources + Industries) */
.nav-mega--icons:where(:root.page-brochures,:root.page-brochures *){padding:18px;display:block}
.nav-menu.nav-mega--icons:where(:root.page-brochures,:root.page-brochures *){width:392px}
.nmi-label:where(:root.page-brochures,:root.page-brochures *){display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);padding:0 4px 12px;margin:0 0 12px;border-bottom:1px solid var(--line)}
.nmi-grid:where(:root.page-brochures,:root.page-brochures *){display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}
.nmi-grid--3:where(:root.page-brochures,:root.page-brochures *){grid-template-columns:1fr 1fr 1fr}
.nmi-grid--1:where(:root.page-brochures,:root.page-brochures *){grid-template-columns:1fr;gap:4px}

/* Solutions: vertical list + preview panel */
.nmi-split:where(:root.page-brochures,:root.page-brochures *){display:flex;gap:40px}
.nmi-split .nmi-grid--1:where(:root.page-brochures,:root.page-brochures *){flex:0 0 42%;min-width:0;gap:9px;grid-template-columns:1fr}
.nmi-preview:where(:root.page-brochures,:root.page-brochures *){flex:1 1 58%;min-width:0;display:flex;flex-direction:column;gap:9px}
.nmp-cap:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.nmp-frame:where(:root.page-brochures,:root.page-brochures *){flex:1;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper-2);display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}
.nmp-bar:where(:root.page-brochures,:root.page-brochures *){display:flex;gap:5px;padding:11px 13px;border-bottom:1px solid var(--line);background:var(--paper)}
.nmp-bar i:where(:root.page-brochures,:root.page-brochures *){width:9px;height:9px;border-radius:50%;background:#DAD7D0}
.nmp-body:where(:root.page-brochures,:root.page-brochures *){flex:1;display:flex;flex-direction:column;justify-content:center;gap:9px;padding:24px;position:relative;overflow:hidden;transition:background .25s var(--ease)}
.nmp-body:where(:root.page-brochures,:root.page-brochures *)::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.5) 1.1px,transparent 1.1px);background-size:16px 16px;opacity:.5}
.nmp-body.c1:where(:root.page-brochures,:root.page-brochures *){background:linear-gradient(150deg,#B23a4a,#8E1B2C)}
.nmp-body.c2:where(:root.page-brochures,:root.page-brochures *){background:linear-gradient(150deg,#2A6FDB,#1B44A8)}
.nmp-body.c3:where(:root.page-brochures,:root.page-brochures *){background:linear-gradient(150deg,#1F8A5B,#136141)}
.nmp-body.c4:where(:root.page-brochures,:root.page-brochures *){background:linear-gradient(150deg,#7A4AD1,#4E2B95)}
.nmp-badge:where(:root.page-brochures,:root.page-brochures *){position:relative;font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.nmp-title:where(:root.page-brochures,:root.page-brochures *){position:relative;font-size:20px;font-weight:700;letter-spacing:-0.02em;color:#fff;line-height:1.1}
.nmp-sub:where(:root.page-brochures,:root.page-brochures *){position:relative;font-size:12.5px;color:rgba(255,255,255,.82);line-height:1.45;max-width:30ch}
.nmp-rows:where(:root.page-brochures,:root.page-brochures *){position:relative;display:flex;flex-direction:column;gap:6px;margin-top:8px}
.nmp-rows i:where(:root.page-brochures,:root.page-brochures *){height:7px;border-radius:4px;background:rgba(255,255,255,.28)}
.nmp-rows i:nth-child(1):where(:root.page-brochures,:root.page-brochures *){width:80%}
.nmp-rows i:nth-child(2):where(:root.page-brochures,:root.page-brochures *){width:62%}
.nmp-rows i:nth-child(3):where(:root.page-brochures,:root.page-brochures *){width:70%}
.nmi-item:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:flex-start;gap:13px;padding:12px;border-radius:14px;transition:background .16s var(--ease)}
.nmi-item:hover:where(:root.page-brochures,:root.page-brochures *){background:var(--paper-2)}
.nmi-ic:where(:root.page-brochures,:root.page-brochures *){width:42px;height:42px;border-radius:12px;flex:none;display:grid;place-items:center;color:#fff;box-shadow:0 6px 14px -6px rgba(20,16,22,.4)}
.nmi-ic svg:where(:root.page-brochures,:root.page-brochures *){width:22px;height:22px;display:block}
.nmi-grid:where(:root.page-brochures,:root.page-brochures *){display:grid;grid-template-columns:1fr 1fr;gap:4px}
.nmi-grid--3:where(:root.page-brochures,:root.page-brochures *){grid-template-columns:1fr 1fr 1fr}
.nmi-item:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:flex-start;gap:13px;padding:12px;border-radius:14px;transition:background .16s var(--ease)}
.nmi-item--sm:where(:root.page-brochures,:root.page-brochures *){gap:11px;padding:10px 11px}
.nmi-item:hover:where(:root.page-brochures,:root.page-brochures *){background:var(--paper-2)}
.nmi-ic:where(:root.page-brochures,:root.page-brochures *){width:42px;height:42px;border-radius:12px;flex:none;display:grid;place-items:center;color:#fff;box-shadow:0 6px 14px -6px rgba(20,16,22,.4)}
.nmi-item--sm .nmi-ic:where(:root.page-brochures,:root.page-brochures *){width:36px;height:36px;border-radius:10px}
.nmi-item--sm .nmi-ic svg:where(:root.page-brochures,:root.page-brochures *){width:19px;height:19px}
.nmi-ic svg:where(:root.page-brochures,:root.page-brochures *){width:22px;height:22px;display:block}
.nmi-ic.c1:where(:root.page-brochures,:root.page-brochures *){background:linear-gradient(150deg,#B23a4a,#8E1B2C)}
.nmi-ic.c2:where(:root.page-brochures,:root.page-brochures *){background:linear-gradient(150deg,#3E63B4,#28407e)}
.nmi-ic.c3:where(:root.page-brochures,:root.page-brochures *){background:linear-gradient(150deg,#2E9C6E,#1c6b4a)}
.nmi-ic.c4:where(:root.page-brochures,:root.page-brochures *){background:linear-gradient(150deg,#C0892E,#8a611c)}
.nmi-ic.c5:where(:root.page-brochures,:root.page-brochures *){background:linear-gradient(150deg,#6b52b4,#4a3780)}
.nmi-tx:where(:root.page-brochures,:root.page-brochures *){display:flex;flex-direction:column;gap:3px;min-width:0}
.nmi-tx b:where(:root.page-brochures,:root.page-brochures *){font-size:14.5px;font-weight:700;color:var(--ink);letter-spacing:-0.01em;transition:color .16s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nmi-item:hover .nmi-tx b:where(:root.page-brochures,:root.page-brochures *){color:var(--wine)}
.nmi-tx span:where(:root.page-brochures,:root.page-brochures *){font-size:12px;color:var(--ink-3);line-height:1.35; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Solutions single-col: one-line description */
.nmi-grid--1 .nmi-tx span:where(:root.page-brochures,:root.page-brochures *){display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:none}

/* card-grid mega (Industries) — reuses Resources nav-menu-link cards */
.nav-mega--cards:where(:root.page-brochures,:root.page-brochures *){display:grid;grid-template-columns:repeat(3,1fr);gap:2px;width:min(640px,calc(100vw - 48px));padding:12px}

/* hover-intent: keep dropdown open while travelling to the panel */
.nav-item.is-open .nav-trigger:where(:root.page-brochures,:root.page-brochures *){color:var(--ink);background:var(--paper-2)}
.nav-item.is-open .caret:where(:root.page-brochures,:root.page-brochures *){transform:rotate(180deg);color:var(--wine)}
.nav-item.is-open .nav-menu:where(:root.page-brochures,:root.page-brochures *){opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}
.nav-item.is-open .nav-mega:where(:root.page-brochures,:root.page-brochures *){opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}
.nav-item:not(.is-open):hover .nav-menu:where(:root.page-brochures,:root.page-brochures *),.nav-item:not(.is-open):hover .nav-mega:where(:root.page-brochures,:root.page-brochures *){opacity:0;visibility:hidden;pointer-events:none}

/* ---------- footer ---------- */
.foot:where(:root.page-brochures,:root.page-brochures *){background:var(--paper-2);border-top:1px solid var(--line);padding-block:clamp(64px,8vw,104px) 36px}
.foot-grid:where(:root.page-brochures,:root.page-brochures *){display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:48px 36px}
.foot :is(h3,h4):where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500;margin-bottom:16px}
.foot-brand:where(:root.page-brochures,:root.page-brochures *){margin-bottom:20px}
.foot-brand .mark:where(:root.page-brochures,:root.page-brochures *){height:56px;width:auto}
.foot ul:where(:root.page-brochures,:root.page-brochures *){list-style:none;display:flex;flex-direction:column;gap:11px}
.foot li a:where(:root.page-brochures,:root.page-brochures *){font-size:14.5px;color:var(--ink-2);transition:.15s}
.foot li a:hover:where(:root.page-brochures,:root.page-brochures *){color:var(--wine)}
.foot-badge:where(:root.page-brochures,:root.page-brochures *){display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--wine);background:var(--wine-soft);padding:3px 7px;border-radius:5px;text-transform:uppercase;white-space:nowrap}

/* ---------- reveal / motion ----------
   Reveal hidden/visible state is driven by JS via inline styles so the
   visible END state is always the static computed style (never dependent on
   the animation clock). The WAAPI keyframe is pure enhancement. */

/* hairline tech grid background */
.grid-bg:where(:root.page-brochures,:root.page-brochures *){position:absolute;inset:0;pointer-events:none; background-image:linear-gradient(var(--hair) 1px,transparent 1px),linear-gradient(90deg,var(--hair) 1px,transparent 1px); background-size:64px 64px; -webkit-mask-image:radial-gradient(120% 90% at 70% 0%,#000 0%,transparent 72%); mask-image:radial-gradient(120% 90% at 70% 0%,#000 0%,transparent 72%); opacity:.5}

/* utility */
.mono:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono)}
.nowrap:where(:root.page-brochures,:root.page-brochures *){white-space:nowrap}
.center:where(:root.page-brochures,:root.page-brochures *){text-align:center}
.stat-num:where(:root.page-brochures,:root.page-brochures *){font-size:clamp(30px,3.4vw,46px);font-weight:700;letter-spacing:-0.03em;line-height:1;font-variant-numeric:tabular-nums}
.stat-lbl:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:9px}

/* ---------- cookie / privacy bar ---------- */
.cookiebar:where(:root.page-brochures,:root.page-brochures *){position:fixed;left:0;right:0;bottom:0;z-index:920; padding:0 clamp(12px,3vw,28px) clamp(12px,2.4vw,22px); pointer-events:none; opacity:0;transform:translateY(130%)}
.cookiebar-in:where(:root.page-brochures,:root.page-brochures *){pointer-events:auto;position:relative; max-width:1180px;margin:0 auto; display:flex;align-items:center;gap:clamp(14px,2vw,26px); background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%); border:1px solid var(--line);border-radius:14px; box-shadow:var(--shadow-lg); padding:14px clamp(16px,2vw,22px)}
.cb-ico:where(:root.page-brochures,:root.page-brochures *){flex:none;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--wine);background:var(--wine-soft);border:1px solid var(--wine-line)}
.cb-text:where(:root.page-brochures,:root.page-brochures *){flex:1;min-width:0;font-size:13.5px;line-height:1.5;color:var(--ink-2);letter-spacing:-0.005em;text-wrap:pretty}
.cb-text a:where(:root.page-brochures,:root.page-brochures *){color:var(--wine);font-weight:600;border-bottom:1px solid var(--wine-line);transition:.18s}
.cb-text a:hover:where(:root.page-brochures,:root.page-brochures *){border-bottom-color:var(--wine)}
.cb-actions:where(:root.page-brochures,:root.page-brochures *){flex:none;display:flex;align-items:center;gap:10px}
.cb-close:where(:root.page-brochures,:root.page-brochures *){flex:none;width:30px;height:30px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--ink-3);font-size:20px;line-height:1;display:grid;place-items:center;transition:.18s}
.cb-close:hover:where(:root.page-brochures,:root.page-brochures *){background:var(--paper-2);color:var(--ink)}

/* touch 1781880836837 */

/* ============================================================================
   TRUECOPY — sections.css
   ========================================================================== */

/* ============================ HERO (centered SaaS · red gradient) ============================ */
.hero:where(:root.page-brochures,:root.page-brochures *){position:relative;isolation:isolate; overflow:hidden;text-align:center;color:#fff; background: linear-gradient(180deg, rgba(255,255,255,.05), transparent 24%), linear-gradient(180deg,#6F1E2A 0%,#892634 15%,#A6333E 30%,#C25551 45%,#DA8377 58%,#F0C2B6 70%,#FBEAE3 78%,#FFFFFF 86%,#FFFFFF 100%)}

/* circular visual language */
.hero-bg:where(:root.page-brochures,:root.page-brochures *){position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.hero-noise:where(:root.page-brochures,:root.page-brochures *){position:absolute;inset:0;pointer-events:none;opacity:.18;mix-blend-mode:soft-light; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='hn'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23hn)'/%3E%3C/svg%3E");background-size:150px 150px}
.hero-glow:where(:root.page-brochures,:root.page-brochures *){position:absolute;left:50%;top:32%;width:680px;height:680px;transform:translate(-50%,-50%); background:radial-gradient(circle,rgba(255,205,188,.26),transparent 64%);filter:blur(12px); animation:heroGlow 9s var(--ease) infinite}
.orbit:where(:root.page-brochures,:root.page-brochures *){position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);border-radius:50%; border:1px solid rgba(255,255,255,.16); -webkit-mask-image:radial-gradient(circle,transparent 38%,#000 56%,#000 70%,transparent 86%); mask-image:radial-gradient(circle,transparent 38%,#000 56%,#000 70%,transparent 86%)}
.orbit-1:where(:root.page-brochures,:root.page-brochures *){width:680px;height:680px}
.orbit-2:where(:root.page-brochures,:root.page-brochures *){width:1080px;height:1080px;border-color:rgba(255,255,255,.10)}
.orbit-2.dashed-spin:where(:root.page-brochures,:root.page-brochures *){border-style:dashed;border-width:1.5px;border-color:rgba(255,255,255,.34); -webkit-mask-image:none;mask-image:none;animation:spin 60s linear infinite}
.orbit-3:where(:root.page-brochures,:root.page-brochures *){width:1480px;height:1480px;border-color:rgba(255,255,255,.07)}
.orbit-4:where(:root.page-brochures,:root.page-brochures *){width:1880px;height:1880px;border-color:rgba(255,255,255,.16)}
.orbit-4.dashed:where(:root.page-brochures,:root.page-brochures *){border-style:dashed;border-width:1px;animation:spin 80s linear infinite}
.hero-float-ring:where(:root.page-brochures,:root.page-brochures *){position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.30);opacity:.3}
.fr-a:where(:root.page-brochures,:root.page-brochures *){width:16px;height:16px;left:8%;top:30%;background:rgba(255,255,255,.14);animation:floatY 7s var(--ease) infinite}
.fr-d:where(:root.page-brochures,:root.page-brochures *){width:11px;height:11px;left:12%;top:64%;background:rgba(255,255,255,.55);border:0;animation:floatY 8s var(--ease) infinite reverse}
.fr-b:where(:root.page-brochures,:root.page-brochures *){width:30px;height:30px;right:8%;top:28%;animation:floatY 9s var(--ease) infinite reverse}
.fr-c:where(:root.page-brochures,:root.page-brochures *){width:11px;height:11px;right:12%;top:64%;background:rgba(255,255,255,.55);border:0;animation:floatY 6s var(--ease) infinite}
.hero-in:where(:root.page-brochures,:root.page-brochures *){position:relative;display:block}
.hero-copy:where(:root.page-brochures,:root.page-brochures *){max-width:880px;margin:0 auto}

/* social-proof review badge */
.hero-badge:where(:root.page-brochures,:root.page-brochures *){display:inline-flex;align-items:center;gap:11px;margin:0 auto;white-space:nowrap; padding:7px 16px 7px 12px;border-radius:100px; background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.26); -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px); font-size:13.5px;font-weight:500;color:rgba(255,255,255,.92);transition:.2s var(--ease)}
.hero-badge:hover:where(:root.page-brochures,:root.page-brochures *){background:rgba(255,255,255,.2);transform:translateY(-1px)}
.hero-badge .stars:where(:root.page-brochures,:root.page-brochures *){color:#FFD9A0;font-size:12px;letter-spacing:1px}
.hero-badge .hb-tx b:where(:root.page-brochures,:root.page-brochures *){font-weight:700;color:#fff}
.hero h1:where(:root.page-brochures,:root.page-brochures *){margin:26px auto 0;color:#fff;max-width:none; font-size:clamp(21px,2.6vw,34px);line-height:1.14;letter-spacing:-0.035em}
.hero h1 .ln1:where(:root.page-brochures,:root.page-brochures *){display:block;white-space:nowrap}
.hero h1 .ln2:where(:root.page-brochures,:root.page-brochures *){display:block;color:#fff;white-space:nowrap}
.hero h1 .ln3:where(:root.page-brochures,:root.page-brochures *){color:#fff}
.hero .lede:where(:root.page-brochures,:root.page-brochures *){margin:24px auto 0;color:rgba(255,255,255,.84);max-width:60ch;text-align:center;font-size:clamp(16px,1.5vw,19.5px)}
.hero-cta:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;justify-content:center;gap:20px;margin-top:38px;flex-wrap:wrap}
.hero-form:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;gap:6px;margin:34px auto 0;width:100%;max-width:476px; background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.32);border-radius:100px; padding:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px); box-shadow:0 16px 44px -22px rgba(40,8,12,.42)}
.hero-form:focus-within:where(:root.page-brochures,:root.page-brochures *){border-color:rgba(255,255,255,.58);background:rgba(255,255,255,.18)}
.hero-email:where(:root.page-brochures,:root.page-brochures *){flex:1 1 auto;min-width:0;background:transparent;border:0;outline:none;color:#fff; font-size:15px;padding:11px 8px 11px 18px;font-family:inherit;letter-spacing:-0.01em}
.hero-email:where(:root.page-brochures,:root.page-brochures *)::placeholder{color:rgba(255,255,255,.72)}
.hero-form .btn-hero:where(:root.page-brochures,:root.page-brochures *){flex:none}
.btn-hero:where(:root.page-brochures,:root.page-brochures *){background:#fff;color:var(--wine-deep);font-weight:700;padding:11px 24px;border-radius:100px; box-shadow:0 14px 34px -16px rgba(40,8,12,.45),0 1px 0 rgba(255,255,255,.5) inset;font-size:15px}
.btn-hero:hover:where(:root.page-brochures,:root.page-brochures *){transform:translateY(-2px);background:#fff;box-shadow:0 26px 60px -18px rgba(40,8,12,.62)}
.btn-hero .arr:where(:root.page-brochures,:root.page-brochures *){transition:transform .25s var(--ease)}
.btn-hero:hover .arr:where(:root.page-brochures,:root.page-brochures *){transform:translateX(4px)}
.hero-play:where(:root.page-brochures,:root.page-brochures *){display:inline-flex;align-items:center;gap:11px;color:#fff;font-weight:600;font-size:15px;opacity:.95;transition:.2s}
.hero-play:hover:where(:root.page-brochures,:root.page-brochures *){opacity:1}
.hero-play .hp-ic:where(:root.page-brochures,:root.page-brochures *){width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none; background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.32);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:.2s var(--ease)}
.hero-play .hp-ic:where(:root.page-brochures,:root.page-brochures *)::after{content:"";width:0;height:0;border-left:9px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:3px}
.hero-play:hover .hp-ic:where(:root.page-brochures,:root.page-brochures *){background:rgba(255,255,255,.26);transform:scale(1.06)}
.hero-trust:where(:root.page-brochures,:root.page-brochures *){display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:42px}
.hero-trust .ht:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;gap:10px;padding:9px 16px;border-radius:100px; background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20); -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.hero-trust .ht-ic:where(:root.page-brochures,:root.page-brochures *){width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.22);color:#fff;display:grid;place-items:center;font-size:10px;flex:none}
.hero-trust .ht-tx:where(:root.page-brochures,:root.page-brochures *){display:flex;flex-direction:column;gap:0;text-align:left;line-height:1.15}
.hero-trust .ht b:where(:root.page-brochures,:root.page-brochures *){font-size:13px;font-weight:700;color:#fff}
.hero-trust .ht span:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6)}

/* product mockup floating below */
.hero-stage-wrap:where(:root.page-brochures,:root.page-brochures *){position:relative;max-width:955px;margin:clamp(104px,12vw,168px) auto 0;perspective:1800px}
.hero-stage-wrap .stage:where(:root.page-brochures,:root.page-brochures *){border-radius:24px;border:15px solid rgba(248,205,197,.6); box-shadow:0 26px 56px -36px rgba(70,22,30,.28); transform:rotateX(3deg);transform-origin:center top;background-clip:padding-box}
.hero-float:where(:root.page-brochures,:root.page-brochures *){position:absolute;z-index:4;display:flex;align-items:center;gap:11px; padding:11px 14px;border-radius:13px;background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.8); box-shadow:0 22px 50px -22px rgba(40,8,16,.45)}
.hero-float .hfl-tx:where(:root.page-brochures,:root.page-brochures *){display:flex;flex-direction:column;text-align:left;line-height:1.25}
.hero-float .hfl-tx b:where(:root.page-brochures,:root.page-brochures *){font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-0.01em}
.hero-float .hfl-tx span:where(:root.page-brochures,:root.page-brochures *){font-size:11px;color:var(--ink-3)}
.hf-1:where(:root.page-brochures,:root.page-brochures *){left:-30px;top:24%;animation:floatCard 6.5s var(--ease) infinite}
.hf-1 .hfl-dot:where(:root.page-brochures,:root.page-brochures *){width:30px;height:30px;border-radius:50%;background:var(--wine-soft);position:relative;flex:none}
.hf-1 .hfl-dot:where(:root.page-brochures,:root.page-brochures *)::after{content:"\2713";position:absolute;inset:0;display:grid;place-items:center;color:var(--wine);font-weight:700;font-size:14px}
.hf-2:where(:root.page-brochures,:root.page-brochures *){right:-26px;top:54%;animation:floatCard 7.5s var(--ease) infinite reverse}
.hf-2 .hfl-ring:where(:root.page-brochures,:root.page-brochures *){position:relative;width:38px;height:38px;flex:none;display:grid;place-items:center}
.hf-2 .hfl-ring svg:where(:root.page-brochures,:root.page-brochures *){position:absolute;inset:0;transform:rotate(-90deg)}
.hf-2 .hfl-ring circle:where(:root.page-brochures,:root.page-brochures *){fill:none;stroke:var(--line);stroke-width:3}
.hf-2 .hfl-ring circle.prog:where(:root.page-brochures,:root.page-brochures *){stroke:var(--accent);stroke-linecap:round;stroke-dasharray:97.4;stroke-dashoffset:2}
.hf-2 .hfl-ring span:where(:root.page-brochures,:root.page-brochures *){font-size:10px;font-weight:700;color:var(--ink)}

/* hero product infographics — static icon circles riding the moving ring */

/* chips ride the dashed moving ring — two stacked on the left side, two on the right,
   vertically centred on the ring's centre (left:50%, top:34% — matching .orbit) */
.hero-chips:where(:root.page-brochures,:root.page-brochures *){position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;pointer-events:none; --rx:clamp(300px,41vw,500px);--ry:clamp(92px,10vw,150px)}
.hchip:where(:root.page-brochures,:root.page-brochures *){position:absolute;width:clamp(122px,11vw,154px);aspect-ratio:1;border-radius:26px;display:grid;place-items:center; pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent; background:linear-gradient(160deg,rgba(255,255,255,.20),rgba(255,255,255,.05))}
.hchip .hc-inner:where(:root.page-brochures,:root.page-brochures *){transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.hchip:hover .hc-inner:where(:root.page-brochures,:root.page-brochures *){transform:scale(1.05);box-shadow:0 18px 34px -14px rgba(70,18,28,.6)}
.hchip:active .hc-inner:where(:root.page-brochures,:root.page-brochures *){transform:scale(.93);transition-duration:.09s}
.hchip:focus-visible:where(:root.page-brochures,:root.page-brochures *){outline:2px solid #fff;outline-offset:3px}
.hchip:nth-child(1):where(:root.page-brochures,:root.page-brochures *){left:calc(50% - var(--rx) + 30px);top:calc(34% - 150px - var(--ry));transform:translate(-50%,-50%);animation:hchipL 6.5s var(--ease) infinite}
.hchip:nth-child(2):where(:root.page-brochures,:root.page-brochures *){left:calc(50% - var(--rx) - 20px);top:calc(34% - 110px + var(--ry));transform:translate(-50%,-50%);animation:hchipL 6.5s var(--ease) infinite;animation-delay:-2.2s}
.hchip:nth-child(3):where(:root.page-brochures,:root.page-brochures *){left:calc(50% + var(--rx) - 30px);top:calc(34% - 150px - var(--ry));transform:translate(-50%,-50%);animation:hchipR 6.5s var(--ease) infinite;animation-delay:-1.1s}
.hchip:nth-child(4):where(:root.page-brochures,:root.page-brochures *){left:calc(50% + var(--rx) + 30px);top:calc(34% - 110px + var(--ry));transform:translate(-50%,-50%);animation:hchipR 6.5s var(--ease) infinite;animation-delay:-3.4s}
html[data-motion="off"] .hchip:where(:root.page-brochures,:root.page-brochures *){animation:none}
.hchip:where(:root.page-brochures,:root.page-brochures *)::before{content:"";position:absolute;inset:0;border-radius:26px;padding:1.4px;pointer-events:none; background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.05) 70%,transparent); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.hc-inner:where(:root.page-brochures,:root.page-brochures *){width:80%;height:80%;border-radius:18px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:6px; box-shadow:0 12px 26px -12px rgba(70,18,28,.5)}
.hchip .hc-fig:where(:root.page-brochures,:root.page-brochures *){height:clamp(44px,4.6vw,58px);width:auto;max-width:92%;display:block}
.hchip:first-child .hc-fig:where(:root.page-brochures,:root.page-brochures *){height:clamp(58px,6.1vw,78px)}
.hc-nm:where(:root.page-brochures,:root.page-brochures *){font-size:clamp(11px,1vw,13px);font-weight:600;color:var(--wine);letter-spacing:-0.01em}

/* dashboard stage */
.stage:where(:root.page-brochures,:root.page-brochures *){position:relative;border-radius:16px;background:var(--paper); border:1px solid var(--line);box-shadow:var(--shadow-lg);overflow:hidden}
.stage-bar:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;gap:14px;padding:12px 14px;border-bottom:1px solid var(--line-2);background:var(--paper-2)}
.win-dots:where(:root.page-brochures,:root.page-brochures *){display:flex;gap:6px}
.win-dots i:where(:root.page-brochures,:root.page-brochures *){width:10px;height:10px;border-radius:50%;background:#DAD7D0;display:block}
.stage-addr:where(:root.page-brochures,:root.page-brochures *){flex:1;display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--ink-3);background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:5px 10px;min-width:0}
.stage-addr .lock:where(:root.page-brochures,:root.page-brochures *){color:var(--accent)}
.stage-addr .url:where(:root.page-brochures,:root.page-brochures *){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stage-live:where(:root.page-brochures,:root.page-brochures *){display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:#16804a}
.stage-live i:where(:root.page-brochures,:root.page-brochures *){width:6px;height:6px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 0 rgba(22,163,74,.5);animation:livePulse 2.4s infinite}
.stage-tabs:where(:root.page-brochures,:root.page-brochures *){position:relative;display:flex;gap:4px;padding:8px 10px;border-bottom:1px solid var(--line-2)}
.tab-ind:where(:root.page-brochures,:root.page-brochures *){position:absolute;top:8px;left:0;height:calc(100% - 16px);width:0;background:var(--paper-2);border:1px solid var(--line);border-radius:8px;z-index:0;pointer-events:none}
.stab:where(:root.page-brochures,:root.page-brochures *){position:relative;z-index:1;flex:1 1 0;min-width:0;overflow:hidden; display:inline-flex;align-items:center;justify-content:center;gap:6px; font-size:12px;font-weight:600;letter-spacing:-0.01em;color:var(--ink-3); padding:8px 6px;border-radius:8px;border:1px solid transparent;background:transparent;transition:color .2s var(--ease)}
.stab .gl:where(:root.page-brochures,:root.page-brochures *){width:17px;height:17px;border-radius:5px;display:grid;place-items:center;font-family:var(--font-mono);font-size:7.5px;font-weight:600;color:#fff;background:var(--ink-3);transition:background .2s;flex:none}
.stab-tx:where(:root.page-brochures,:root.page-brochures *){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.stab:hover:where(:root.page-brochures,:root.page-brochures *){color:var(--ink)}
.stab.is-active:where(:root.page-brochures,:root.page-brochures *){color:var(--ink)}
.stab.is-active .gl:where(:root.page-brochures,:root.page-brochures *){background:var(--wine)}
.stage-body:where(:root.page-brochures,:root.page-brochures *){position:relative;aspect-ratio:16/10.2;background:var(--paper-2);overflow:hidden}
.panel-track:where(:root.page-brochures,:root.page-brochures *){display:flex;height:100%;width:100%;will-change:transform}
.panel:where(:root.page-brochures,:root.page-brochures *){flex:0 0 100%;height:100%;padding:20px;opacity:1;pointer-events:auto}

/* video placeholder */
.vplace:where(:root.page-brochures,:root.page-brochures *){position:relative;width:100%;height:100%;border-radius:11px;overflow:hidden;background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column}
.vplace-top:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid var(--line-2)}
.vplace-top .vt:where(:root.page-brochures,:root.page-brochures *){font-weight:600;font-size:13.5px}
.vplace-top .vmeta:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--ink-3)}
.poster:where(:root.page-brochures,:root.page-brochures *){position:relative;flex:1;overflow:hidden;background: radial-gradient(120% 120% at 80% 0%, var(--paper-2), var(--paper))}
.poster-dots:where(:root.page-brochures,:root.page-brochures *){position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1px,transparent 1px);background-size:18px 18px;opacity:.6;-webkit-mask-image:linear-gradient(transparent,#000 30%);mask-image:linear-gradient(transparent,#000 30%)}
.play:where(:root.page-brochures,:root.page-brochures *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3; width:64px;height:64px;border-radius:50%;background:var(--wine);border:0; display:grid;place-items:center;box-shadow:0 16px 40px -12px rgba(155,27,46,.6);transition:.25s var(--ease)}
.play:where(:root.page-brochures,:root.page-brochures *)::after{content:"";width:0;height:0;border-left:17px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:4px}
.play:hover:where(:root.page-brochures,:root.page-brochures *){transform:translate(-50%,-50%) scale(1.07)}
.play-ring:where(:root.page-brochures,:root.page-brochures *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;border:1px solid var(--wine-line);z-index:2;animation:ring 3s var(--ease) infinite}
.vcap:where(:root.page-brochures,:root.page-brochures *){position:absolute;left:14px;bottom:13px;z-index:3;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--ink-3);background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:5px 9px;border-radius:6px;border:1px solid var(--line)}

/* faux dashboard rows inside poster */
.fx:where(:root.page-brochures,:root.page-brochures *){position:absolute;border-radius:7px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.fx-row:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;gap:9px;padding:9px 12px}
.fx-ic:where(:root.page-brochures,:root.page-brochures *){width:24px;height:24px;border-radius:6px;background:var(--accent-soft);flex:none}
.fx-bar:where(:root.page-brochures,:root.page-brochures *){height:7px;border-radius:4px;background:var(--paper-3)}
.fx-chip:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:9px;letter-spacing:.05em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:2px 6px}
.fx-col:where(:root.page-brochures,:root.page-brochures *){display:flex;flex-direction:column;justify-content:flex-end;gap:0;align-items:center}
.fx-colbar:where(:root.page-brochures,:root.page-brochures *){width:18px;border-radius:3px 3px 0 0;background:var(--accent);opacity:.85}
.fx-colbar.lo:where(:root.page-brochures,:root.page-brochures *){background:var(--paper-3)}
.fx-colbar.wine:where(:root.page-brochures,:root.page-brochures *){background:var(--wine)}

/* floating controls */
.stage-ctrl:where(:root.page-brochures,:root.page-brochures *){position:absolute;right:16px;bottom:16px;z-index:6;display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:100px;padding:6px;box-shadow:var(--shadow-md)}
.stage-ctrl button:where(:root.page-brochures,:root.page-brochures *){width:30px;height:30px;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--ink-2);display:grid;place-items:center;transition:.18s}
.stage-ctrl button:hover:where(:root.page-brochures,:root.page-brochures *){background:var(--paper-2);color:var(--ink)}
.dots:where(:root.page-brochures,:root.page-brochures *){display:flex;gap:6px;padding:0 4px}
.dots i:where(:root.page-brochures,:root.page-brochures *){width:6px;height:6px;border-radius:50%;background:var(--line);transition:.25s;cursor:pointer}
.dots i.on:where(:root.page-brochures,:root.page-brochures *){background:var(--wine);width:18px;border-radius:4px}

/* ============================ TRUST BAR (left text · right logo cloud) ============================ */
.trustbar:where(:root.page-brochures,:root.page-brochures *){background:var(--paper);padding-block:clamp(24px,3vw,40px)}
.trustbar-in:where(:root.page-brochures,:root.page-brochures *){display:grid;grid-template-columns:minmax(180px,0.66fr) 1.7fr;gap:clamp(20px,3.2vw,48px);align-items:center}
.trustbar-label:where(:root.page-brochures,:root.page-brochures *){font-size:clamp(18px,1.95vw,24px);font-weight:600;letter-spacing:-0.01em;color:var(--ink);line-height:1.3;display:block;max-width:22ch}
.tb-marquee:where(:root.page-brochures,:root.page-brochures *){position:relative;overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.tb-track:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;width:max-content;gap:clamp(34px,3.8vw,60px);animation:tbScroll 36s linear infinite}
.tb-marquee:hover .tb-track:where(:root.page-brochures,:root.page-brochures *){animation-play-state:paused}
html[data-motion="off"] .tb-track:where(:root.page-brochures,:root.page-brochures *){animation:none}
.tb-logo:where(:root.page-brochures,:root.page-brochures *){display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:clamp(18px,1.8vw,23px);letter-spacing:-0.02em;color:var(--ink-3);opacity:.7;white-space:nowrap;transition:color .22s var(--ease),opacity .22s var(--ease)}
.tb-logo:hover:where(:root.page-brochures,:root.page-brochures *){color:var(--ink);opacity:1}
.tb-ic:where(:root.page-brochures,:root.page-brochures *){width:.92em;height:.92em;fill:currentColor;flex:none}
.tb-sap:where(:root.page-brochures,:root.page-brochures *){font-weight:800;letter-spacing:.01em}
.tb-aws:where(:root.page-brochures,:root.page-brochures *){font-weight:800;letter-spacing:-.03em;align-items:flex-end;gap:2px}
.tb-aws .tb-smile:where(:root.page-brochures,:root.page-brochures *){width:1.5em;height:.4em;fill:currentColor;margin-bottom:3px}

/* ============================ MILESTONE JOURNEY ============================ */
.journey:where(:root.page-brochures,:root.page-brochures *){position:relative;--jpt:clamp(57px,6.6vw,92px);padding-block:var(--jpt) 0}
.journey:where(:root.page-brochures,:root.page-brochures *)::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;z-index:0;pointer-events:none; background:repeating-linear-gradient(90deg,var(--hair) 0 7px,transparent 7px 15px);background-size:15px 1px;animation:dashFlowX 1.1s linear infinite}
html[data-motion="off"] .journey:where(:root.page-brochures,:root.page-brochures *)::before{animation:none}
.journey-head:where(:root.page-brochures,:root.page-brochures *){text-align:center;max-width:640px;margin:0 auto clamp(52px,6vw,86px)}
.journey-head .eyebrow:where(:root.page-brochures,:root.page-brochures *){margin-bottom:18px}
.journey-head .h-section:where(:root.page-brochures,:root.page-brochures *){margin:0 auto}
.journey>.wrap:where(:root.page-brochures,:root.page-brochures *){position:relative}
.journey>.wrap:where(:root.page-brochures,:root.page-brochures *)::before,.journey>.wrap:where(:root.page-brochures,:root.page-brochures *)::after{content:"";position:absolute;top:calc(var(--jpt)*-1);bottom:0;width:1px;z-index:0;pointer-events:none; background:repeating-linear-gradient(180deg,var(--hair) 0 6px,transparent 6px 13px);background-size:1px 13px;animation:dashFlowY 1.1s linear infinite}
.journey>.wrap:where(:root.page-brochures,:root.page-brochures *)::before{left:0}
.journey>.wrap:where(:root.page-brochures,:root.page-brochures *)::after{right:0}
html[data-motion="off"] .journey>.wrap:where(:root.page-brochures,:root.page-brochures *)::before,html[data-motion="off"] .journey>.wrap:where(:root.page-brochures,:root.page-brochures *)::after{animation:none}
.journey-map:where(:root.page-brochures,:root.page-brochures *){position:relative}
.journey-curve:where(:root.page-brochures,:root.page-brochures *){position:absolute;top:0;left:0;width:100%;height:196px;z-index:0;overflow:visible}
.jc-base:where(:root.page-brochures,:root.page-brochures *){fill:none;stroke:#d8d5ce;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round}
.jc-line:where(:root.page-brochures,:root.page-brochures *){fill:none;stroke:var(--wine);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round}
.journey-row:where(:root.page-brochures,:root.page-brochures *){position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr)}
.milestone:where(:root.page-brochures,:root.page-brochures *){display:flex;flex-direction:column;align-items:center;text-align:center;padding-inline:clamp(6px,1vw,16px)}
.milestone .dot:where(:root.page-brochures,:root.page-brochures *){width:14px;height:14px;border-radius:50%;background:var(--paper);border:2px solid #cbc8c1; margin-top:calc(var(--cy) - 7px);position:relative;z-index:2;box-shadow:0 0 0 5px rgba(20,16,22,.03);transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}
.milestone .dot:where(:root.page-brochures,:root.page-brochures *)::after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--wine);transform:scale(0)}
.milestone .dot.lit:where(:root.page-brochures,:root.page-brochures *)::after{animation:dotPop .46s cubic-bezier(.34,1.56,.64,1) forwards}
html[data-motion="off"] .milestone .dot.lit:where(:root.page-brochures,:root.page-brochures *)::after{animation:none;transform:scale(1)}
.milestone .dot.lit:where(:root.page-brochures,:root.page-brochures *){border-color:var(--wine);box-shadow:0 0 0 5px color-mix(in srgb,var(--wine) 9%,transparent)}
.milestone .conn:where(:root.page-brochures,:root.page-brochures *){width:1px;height:200px; background:linear-gradient(180deg,var(--wine) calc(var(--fill,0)*100%),#d8d5ce calc(var(--fill,0)*100%))}
.milestone .mcontent:where(:root.page-brochures,:root.page-brochures *){margin-top:18px;padding-bottom:clamp(40px,5.5vw,84px)}

/* centered trust badges (top open space, above the arc) */
.journey-badges:where(:root.page-brochures,:root.page-brochures *){position:relative;z-index:3;display:inline-flex;gap:0;justify-content:center;margin:0 auto; background:linear-gradient(135deg,var(--wine-soft) 0%,#fff 45%,var(--accent-soft) 100%); border:1px solid var(--wine-line);border-radius:100px;padding:6px;box-shadow:0 18px 40px -22px rgba(120,18,28,.3)}
.journey-badges-wrap:where(:root.page-brochures,:root.page-brochures *){display:flex;justify-content:center;margin-bottom:clamp(16px,2vw,28px)}
.journey-badges .jb:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;gap:11px;padding:10px 24px;position:relative}
.journey-badges .jb+.jb:where(:root.page-brochures,:root.page-brochures *)::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:26px;background:var(--wine-line)}
.journey-badges .jb-ic:where(:root.page-brochures,:root.page-brochures *){width:24px;height:24px;border-radius:50%;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}
.journey-badges .jb-t b:where(:root.page-brochures,:root.page-brochures *){font-size:14px;font-weight:700;letter-spacing:-0.01em;display:block;line-height:1.05}
.journey-badges .jb-t span:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.mcontent .mnum:where(:root.page-brochures,:root.page-brochures *){font-size:clamp(30px,3.4vw,50px);font-weight:700;letter-spacing:-0.03em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.mcontent .mlbl:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:11px}

/* ============================ PRODUCT EXPLORER ============================ */
.prodx:where(:root.page-brochures,:root.page-brochures *){padding-block:clamp(76px,9.5vw,140px);background:#F3F1EE}
.prodx-head:where(:root.page-brochures,:root.page-brochures *){text-align:center;margin-bottom:clamp(26px,3.2vw,44px)}
.prodx-head .h-section:where(:root.page-brochures,:root.page-brochures *){margin:0 auto;max-width:none;font-size:clamp(24px,3.4vw,42px)}
.prodx-card:where(:root.page-brochures,:root.page-brochures *){background:var(--paper);border-radius:28px;padding:clamp(22px,2.8vw,42px)}
.prodx-tabs:where(:root.page-brochures,:root.page-brochures *){position:relative;display:flex;flex-wrap:nowrap;gap:clamp(8px,2vw,40px);margin-bottom:clamp(26px,3.2vw,44px)}
.prodx-ind:where(:root.page-brochures,:root.page-brochures *){position:absolute;top:0;left:0;height:100%;width:0;border-radius:20px 20px 2px 2px;background:var(--wine-soft);z-index:0;pointer-events:none}
.prodx-tab:where(:root.page-brochures,:root.page-brochures *){position:relative;z-index:1;flex:1 1 0;min-width:0;text-align:center;font-size:clamp(15px,1.95vw,31px);font-weight:400;letter-spacing:-0.025em;line-height:1;color:#b7adb0;background:transparent;border:0;padding:clamp(16px,1.8vw,26px) 10px;border-radius:20px 20px 2px 2px;cursor:pointer;transition:color .2s var(--ease),background .2s var(--ease)}
.prodx-tab:hover:where(:root.page-brochures,:root.page-brochures *){color:var(--wine)}
.prodx-tab:not(.is-active):hover:where(:root.page-brochures,:root.page-brochures *){background:color-mix(in srgb,var(--wine) 6%,transparent)}
.prodx-tab.is-active:where(:root.page-brochures,:root.page-brochures *){color:var(--wine);font-weight:700}
.prodx-stage:where(:root.page-brochures,:root.page-brochures *){display:grid;grid-template-columns:0.82fr 1.18fr;gap:clamp(26px,3.4vw,52px);align-items:center;background:none;border:0;box-shadow:none;padding:0;border-radius:0}
.prodx-info:where(:root.page-brochures,:root.page-brochures *){min-width:0;padding-left:clamp(2px,1.2vw,20px)}
.pi-title:where(:root.page-brochures,:root.page-brochures *){font-size:clamp(26px,3vw,42px);font-weight:700;letter-spacing:-0.03em;line-height:1.04;margin:0 0 16px;text-wrap:balance}
.pi-desc:where(:root.page-brochures,:root.page-brochures *){font-size:16px;color:var(--ink-2);line-height:1.6;max-width:42ch}
.pi-link:where(:root.page-brochures,:root.page-brochures *){margin-top:26px}
.pi-link.link-arrow:where(:root.page-brochures,:root.page-brochures *){color:var(--wine);border-bottom:0;padding:10px 18px;border-radius:100px;background:transparent;border:1px solid var(--wine-line);transition:background .22s var(--ease),border-color .22s var(--ease),color .22s}
.pi-link.link-arrow:hover:where(:root.page-brochures,:root.page-brochures *){background:var(--wine-soft);border-color:var(--wine)}
.pi-link.link-arrow .arr:where(:root.page-brochures,:root.page-brochures *){color:var(--wine)}
.prodx-viz:where(:root.page-brochures,:root.page-brochures *){position:relative;min-height:360px;border-radius:20px;overflow:visible;padding:0;display:flex;align-items:center;justify-content:center;background:transparent}
.prodx-figstack:where(:root.page-brochures,:root.page-brochures *){position:relative;width:100%;aspect-ratio:1536/1024}
.prodx-fig:where(:root.page-brochures,:root.page-brochures *){position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(.985);transition:opacity .5s var(--ease),transform .6s var(--ease);pointer-events:none}
.prodx-fig.is-active:where(:root.page-brochures,:root.page-brochures *){opacity:1;transform:none}
.prodx-vidframe:where(:root.page-brochures,:root.page-brochures *){width:100%;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow-lg)}
.pvf-bar:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;gap:12px;padding:11px 16px;background:var(--paper-2);border-bottom:1px solid var(--line-2)}
.pvf-dots:where(:root.page-brochures,:root.page-brochures *){display:flex;gap:6px}
.pvf-dots i:where(:root.page-brochures,:root.page-brochures *){width:10px;height:10px;border-radius:50%;background:#d8d5ce;display:block}
.pvf-url:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:11px;color:var(--ink-3);background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:4px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pvf-screen:where(:root.page-brochures,:root.page-brochures *){position:relative;aspect-ratio:16/10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background: radial-gradient(120% 120% at 50% 0%, var(--paper-2), var(--paper));overflow:hidden}
.pvf-screen:where(:root.page-brochures,:root.page-brochures *)::before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1.1px,transparent 1.1px);background-size:22px 22px;opacity:.5;-webkit-mask-image:radial-gradient(circle at 50% 42%,#000,transparent 70%);mask-image:radial-gradient(circle at 50% 42%,#000,transparent 70%)}
.pvf-play:where(:root.page-brochures,:root.page-brochures *){position:relative;z-index:1;width:66px;height:66px;border-radius:50%;background:var(--wine);box-shadow:0 16px 40px -12px rgba(155,27,46,.6);display:grid;place-items:center}
.pvf-play:where(:root.page-brochures,:root.page-brochures *)::after{content:"";width:0;height:0;border-left:18px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}
.pvf-cap:where(:root.page-brochures,:root.page-brochures *){position:relative;z-index:1;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.prodx-viz:where(:root.page-brochures,:root.page-brochures *)::before{content:none}
.viz-panel:where(:root.page-brochures,:root.page-brochures *){position:absolute;inset:clamp(20px,2.4vw,34px);opacity:0;visibility:hidden;align-items:center}
.viz-panel.is-active:where(:root.page-brochures,:root.page-brochures *){position:relative;inset:auto;width:100%;opacity:1;visibility:visible;display:flex}
.vframe:where(:root.page-brochures,:root.page-brochures *){width:100%}
.vmedia:where(:root.page-brochures,:root.page-brochures *){position:relative;aspect-ratio:16/9;background:var(--ink);overflow:hidden}
.prodx-vid:where(:root.page-brochures,:root.page-brochures *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.prodx-shot:where(:root.page-brochures,:root.page-brochures *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.pv-float:where(:root.page-brochures,:root.page-brochures *){position:absolute;z-index:4;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:13px;padding:11px 14px;box-shadow:0 18px 40px -20px rgba(40,8,16,.5)}
.pv-f1:where(:root.page-brochures,:root.page-brochures *){left:-16px;top:20%;animation:floatCard 6.5s var(--ease) infinite}
.pv-f2:where(:root.page-brochures,:root.page-brochures *){right:-14px;bottom:15%;flex-direction:column;align-items:flex-start;gap:2px;animation:floatCard 7.5s var(--ease) infinite reverse}
.pv-check:where(:root.page-brochures,:root.page-brochures *){width:28px;height:28px;border-radius:50%;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;font-weight:700;font-size:13px;flex:none}
.pv-tx b:where(:root.page-brochures,:root.page-brochures *),.pv-big:where(:root.page-brochures,:root.page-brochures *){font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-0.01em;display:block}
.pv-big:where(:root.page-brochures,:root.page-brochures *){font-size:21px}
.pv-tx span:where(:root.page-brochures,:root.page-brochures *),.pv-f2 span:where(:root.page-brochures,:root.page-brochures *){font-size:11px;color:var(--ink-3)}
.vframe:where(:root.page-brochures,:root.page-brochures *){border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper-2);box-shadow:var(--shadow-sm)}
.vbar:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;gap:12px;padding:11px 14px;background:var(--paper);border-bottom:1px solid var(--line-2)}
.vdots:where(:root.page-brochures,:root.page-brochures *){display:flex;gap:5px}
.vdots i:where(:root.page-brochures,:root.page-brochures *){width:9px;height:9px;border-radius:50%;background:#DAD7D0;display:block}
.vttl:where(:root.page-brochures,:root.page-brochures *){font-size:12.5px;font-weight:600;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vlive:where(:root.page-brochures,:root.page-brochures *){margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;color:#16804a;flex:none}
.vlive i:where(:root.page-brochures,:root.page-brochures *){width:6px;height:6px;border-radius:50%;background:#16a34a;display:block}
.vbody:where(:root.page-brochures,:root.page-brochures *){padding:18px;display:flex;flex-direction:column;gap:14px}
.vtop:where(:root.page-brochures,:root.page-brochures *){display:flex;gap:16px;align-items:center}
.donut:where(:root.page-brochures,:root.page-brochures *){position:relative;width:96px;height:96px;flex:none}
.donut svg:where(:root.page-brochures,:root.page-brochures *){width:100%;height:100%;transform:rotate(-90deg)}
.donut .d-bg:where(:root.page-brochures,:root.page-brochures *){fill:none;stroke:var(--line);stroke-width:3.4}
.donut .d-fg:where(:root.page-brochures,:root.page-brochures *){fill:none;stroke:var(--wine);stroke-width:3.4;stroke-linecap:round;stroke-dasharray:100.5;stroke-dashoffset:100.5}
.donut .d-c:where(:root.page-brochures,:root.page-brochures *){position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.donut .d-c b:where(:root.page-brochures,:root.page-brochures *){font-size:22px;font-weight:700;letter-spacing:-0.02em}
.donut .d-c i:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:9px;color:var(--ink-3);font-style:normal}
.vtiles:where(:root.page-brochures,:root.page-brochures *){display:flex;gap:12px;flex:1}
.vtiles.wide:where(:root.page-brochures,:root.page-brochures *){width:100%}
.vtile:where(:root.page-brochures,:root.page-brochures *){flex:1;border:1px solid var(--line);border-radius:11px;background:var(--paper);padding:14px 16px}
.vtile b:where(:root.page-brochures,:root.page-brochures *){font-size:clamp(20px,2.2vw,26px);font-weight:700;letter-spacing:-0.02em;display:block}
.vtile span:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:6px;display:block}
.vlist:where(:root.page-brochures,:root.page-brochures *){display:flex;flex-direction:column;gap:8px}
.vli:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;color:var(--ink-2);background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:9px 12px}
.vli em:where(:root.page-brochures,:root.page-brochures *){font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vli-ic:where(:root.page-brochures,:root.page-brochures *){width:16px;height:16px;border-radius:4px;background:var(--wine-soft);flex:none}
.vli-tag:where(:root.page-brochures,:root.page-brochures *){margin-left:auto;font-size:9px;letter-spacing:.06em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:2px 7px;flex:none}
.vli-tag.ok:where(:root.page-brochures,:root.page-brochures *){color:#16804a;border-color:rgba(22,128,74,.3)}
.vpipe:where(:root.page-brochures,:root.page-brochures *){display:flex;gap:10px}
.vstage:where(:root.page-brochures,:root.page-brochures *){flex:1;border:1px solid var(--line);border-radius:11px;background:var(--paper);padding:13px;text-align:center}
.vstage .vs-n:where(:root.page-brochures,:root.page-brochures *){font-size:22px;font-weight:700;letter-spacing:-0.02em;display:block}
.vstage .vs-l:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:5px;display:block}
.vstage.on:where(:root.page-brochures,:root.page-brochures *){border-color:var(--wine);background:var(--wine-soft)}
.vchart:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:flex-end;gap:12px;height:92px;padding-top:6px}
.vbarc:where(:root.page-brochures,:root.page-brochures *){flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;height:100%}
.vbarc .bf:where(:root.page-brochures,:root.page-brochures *){width:100%;border-radius:5px 5px 0 0;background:var(--accent);height:0}
.vbarc .bf.wine:where(:root.page-brochures,:root.page-brochures *){background:var(--wine)}
.vbarc i:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:9px;color:var(--ink-3);font-style:normal}
.vfoot:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line-2);padding-top:12px;font-size:13px;color:var(--ink-2)}
.vfoot b:where(:root.page-brochures,:root.page-brochures *){color:var(--wine);font-weight:700}
.vflow:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;gap:0}
.vnode:where(:root.page-brochures,:root.page-brochures *){flex:none;font-family:var(--font-mono);font-size:11px;color:var(--ink-2);border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:var(--paper)}
.vnode.done:where(:root.page-brochures,:root.page-brochures *){color:#16804a;border-color:rgba(22,128,74,.3)}
.vnode.cur:where(:root.page-brochures,:root.page-brochures *){color:#fff;background:var(--wine);border-color:var(--wine)}
.vlk:where(:root.page-brochures,:root.page-brochures *){flex:1;height:1px;background:var(--line);min-width:12px}
.vseg:where(:root.page-brochures,:root.page-brochures *){display:flex;height:30px;border-radius:8px;overflow:hidden;border:1px solid var(--line)}
.vseg .sf:where(:root.page-brochures,:root.page-brochures *){height:100%;width:0}
.vseg .sf.a:where(:root.page-brochures,:root.page-brochures *){background:var(--wine)}
.vseg .sf.b:where(:root.page-brochures,:root.page-brochures *){background:var(--accent)}
.vseg .sf.c:where(:root.page-brochures,:root.page-brochures *){background:var(--paper-3)}
.vseg-key:where(:root.page-brochures,:root.page-brochures *){display:flex;flex-wrap:wrap;gap:14px;font-family:var(--font-mono);font-size:9.5px;color:var(--ink-2)}
.vseg-key i:where(:root.page-brochures,:root.page-brochures *){width:9px;height:9px;border-radius:3px;display:inline-block;margin-right:5px;vertical-align:middle}
.vseg-key i.a:where(:root.page-brochures,:root.page-brochures *){background:var(--wine)}
.vseg-key i.b:where(:root.page-brochures,:root.page-brochures *){background:var(--accent)}
.vseg-key i.c:where(:root.page-brochures,:root.page-brochures *){background:var(--paper-3)}

/* stat band */
.statband:where(:root.page-brochures,:root.page-brochures *){display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper)}
.statband .sc:where(:root.page-brochures,:root.page-brochures *){padding:clamp(26px,3vw,38px) clamp(18px,2vw,30px);border-right:1px solid var(--line)}
.statband .sc:last-child:where(:root.page-brochures,:root.page-brochures *){border-right:0}

/* ============================ ANECDOTES (carousel) ============================ */
.anec-head:where(:root.page-brochures,:root.page-brochures *){display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:48px}
.anec-nav:where(:root.page-brochures,:root.page-brochures *){display:flex;gap:10px}
.anec-nav button:where(:root.page-brochures,:root.page-brochures *){width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);display:grid;place-items:center;transition:.2s}
.anec-nav button:hover:where(:root.page-brochures,:root.page-brochures *){border-color:var(--ink);background:var(--paper-2)}
.anec-nav button:disabled:where(:root.page-brochures,:root.page-brochures *){opacity:.35;cursor:default}
.anec-track-wrap:where(:root.page-brochures,:root.page-brochures *){overflow:hidden;padding-block:6px}
.anec-track:where(:root.page-brochures,:root.page-brochures *){display:flex;gap:24px}
.anec-card:where(:root.page-brochures,:root.page-brochures *){position:relative;flex:0 0 min(680px,90vw);height:clamp(360px,42vw,460px); border-radius:22px;overflow:hidden;background:var(--ink);isolation:isolate}
.anec-img:where(:root.page-brochures,:root.page-brochures *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0; transform:scale(1.02);transition:transform .8s var(--ease)}
.anec-card:hover .anec-img:where(:root.page-brochures,:root.page-brochures *){transform:scale(1.07)}
.anec-shade:where(:root.page-brochures,:root.page-brochures *){position:absolute;inset:0;z-index:1; background:linear-gradient(183deg,rgba(20,16,18,.18) 0%,rgba(20,16,18,0) 26%,rgba(20,16,18,.62) 64%,rgba(20,16,18,.92) 100%)}
.anec-body:where(:root.page-brochures,:root.page-brochures *){position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(22px,2.4vw,32px);color:#fff}
.anec-chip:where(:root.page-brochures,:root.page-brochures *){align-self:flex-start;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#fff; background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:7px 13px;border-radius:100px}
.anec-bottom h3:where(:root.page-brochures,:root.page-brochures *){font-size:clamp(22px,2.2vw,29px);font-weight:700;letter-spacing:-0.025em;line-height:1.08;margin-bottom:12px;text-wrap:balance;max-width:18ch}
.anec-bottom p:where(:root.page-brochures,:root.page-brochures *){font-size:15px;line-height:1.55;color:rgba(255,255,255,.82);max-width:46ch;text-wrap:pretty}
.anec-stats:where(:root.page-brochures,:root.page-brochures *){display:none}
.anec-link:where(:root.page-brochures,:root.page-brochures *){display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-weight:600;font-size:14.5px;color:#fff}
.anec-link .arr:where(:root.page-brochures,:root.page-brochures *){transition:transform .25s var(--ease)}
.anec-card:hover .anec-link .arr:where(:root.page-brochures,:root.page-brochures *){transform:translateX(4px)}

/* ============================ ECOSYSTEM ============================ */
.eco-head:where(:root.page-brochures,:root.page-brochures *){margin-bottom:clamp(48px,6vw,84px)}
.eco-rows:where(:root.page-brochures,:root.page-brochures *){display:flex;flex-direction:column;gap:clamp(56px,7vw,110px);margin-bottom:clamp(44px,5vw,72px)}
.eco-row:where(:root.page-brochures,:root.page-brochures *){display:grid;grid-template-columns:0.82fr 1.18fr;gap:clamp(36px,5vw,80px);align-items:center}
.eco-info:where(:root.page-brochures,:root.page-brochures *){min-width:0}
.eco-rowhead:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;gap:13px;margin-bottom:22px}
.eco-num:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--ink-3);letter-spacing:.04em}
.eco-glyph:where(:root.page-brochures,:root.page-brochures *){width:44px;height:44px;border-radius:11px;display:grid;place-items:center;font-family:var(--font-mono);font-size:13px;font-weight:600;color:#fff;background:var(--accent);flex:none}
.eco-row[data-k="ts"] .eco-glyph:where(:root.page-brochures,:root.page-brochures *){background:var(--accent)}
.eco-row[data-k="cv"] .eco-glyph:where(:root.page-brochures,:root.page-brochures *){background:var(--accent)}
.eco-row[data-k="nx"] .eco-glyph:where(:root.page-brochures,:root.page-brochures *){background:var(--accent)}
.eco-row[data-k="ck"] .eco-glyph:where(:root.page-brochures,:root.page-brochures *){background:var(--accent)}
.eco-badge:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;color:var(--ink-2);border:1px solid var(--line);border-radius:6px;padding:4px 8px;text-transform:uppercase}
.eco-rowhead .eco-badge:where(:root.page-brochures,:root.page-brochures *){margin-left:auto}
.eco-name:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--wine);margin-bottom:14px}
.eco-h:where(:root.page-brochures,:root.page-brochures *){font-size:clamp(25px,2.9vw,38px);font-weight:700;letter-spacing:-0.03em;line-height:1.04;margin-bottom:18px;text-wrap:balance;max-width:15ch}
.eco-desc:where(:root.page-brochures,:root.page-brochures *){font-size:clamp(15px,1.4vw,17px);color:var(--ink-2);line-height:1.6;max-width:46ch;margin-bottom:24px;text-wrap:pretty}
.eco-tags:where(:root.page-brochures,:root.page-brochures *){display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.eco-info .link-arrow:where(:root.page-brochures,:root.page-brochures *){font-size:15px}

/* product image placeholder (client-provided) */
.eco-media:where(:root.page-brochures,:root.page-brochures *){min-width:0}
.media-frame:where(:root.page-brochures,:root.page-brochures *){border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper);box-shadow:var(--shadow-md)}
.media-bar:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line-2);background:var(--paper-2)}
.media-bar .md-dots:where(:root.page-brochures,:root.page-brochures *){display:flex;gap:6px;flex:none}
.media-bar .md-dots i:where(:root.page-brochures,:root.page-brochures *){width:10px;height:10px;border-radius:50%;background:#DAD7D0;display:block}
.media-bar .md-title:where(:root.page-brochures,:root.page-brochures *){font-size:13px;font-weight:600;color:var(--ink-2);letter-spacing:-0.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.media-bar .md-tag:where(:root.page-brochures,:root.page-brochures *){margin-left:auto;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:3px 7px;flex:none}
.media-body:where(:root.page-brochures,:root.page-brochures *){position:relative;aspect-ratio:16/10.5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--paper-2);overflow:hidden}
.media-body:where(:root.page-brochures,:root.page-brochures *)::before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1.1px,transparent 1.1px);background-size:22px 22px;opacity:.55;-webkit-mask-image:radial-gradient(circle at 50% 44%,#000,transparent 70%);mask-image:radial-gradient(circle at 50% 44%,#000,transparent 70%)}
.media-icon:where(:root.page-brochures,:root.page-brochures *){width:74px;height:74px;border-radius:18px;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow-sm);display:grid;place-items:center;color:var(--ink-3);z-index:1}
.eco-row[data-k="ts"] .media-icon:where(:root.page-brochures,:root.page-brochures *){color:var(--accent)}
.eco-row[data-k="cv"] .media-icon:where(:root.page-brochures,:root.page-brochures *){color:var(--accent)}
.eco-row[data-k="ck"] .media-icon:where(:root.page-brochures,:root.page-brochures *){color:var(--accent)}
.media-cap:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);z-index:1}
.eco-substrate:where(:root.page-brochures,:root.page-brochures *){margin-top:0;text-align:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);display:flex;align-items:center;justify-content:center;gap:10px}
.eco-substrate:where(:root.page-brochures,:root.page-brochures *)::before,.eco-substrate:where(:root.page-brochures,:root.page-brochures *)::after{content:"";height:1px;flex:1;max-width:120px;background:var(--line)}

/* ============================ ENTERPRISE GAP ============================ */
.gap:where(:root.page-brochures,:root.page-brochures *){background:var(--paper-2)}
.gap-head:where(:root.page-brochures,:root.page-brochures *){max-width:780px;margin-bottom:54px}
.sym-grid:where(:root.page-brochures,:root.page-brochures *){display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.sym:where(:root.page-brochures,:root.page-brochures *){grid-column:span 2;border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:24px;display:flex;flex-direction:column;transition:.25s var(--ease)}
.sym:nth-child(4):where(:root.page-brochures,:root.page-brochures *){grid-column:span 3}
.sym:nth-child(5):where(:root.page-brochures,:root.page-brochures *){grid-column:span 3}
.sym:hover:where(:root.page-brochures,:root.page-brochures *){box-shadow:var(--shadow-md);transform:translateY(-2px)}
.sym .sk:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--wine);margin-bottom:14px}
.sym h4:where(:root.page-brochures,:root.page-brochures *){font-size:17px;font-weight:600;letter-spacing:-0.015em;margin-bottom:9px}
.sym p:where(:root.page-brochures,:root.page-brochures *){font-size:13.5px;color:var(--ink-2);line-height:1.5;margin-bottom:18px}
.sym .sviz:where(:root.page-brochures,:root.page-brochures *){margin-top:auto;display:flex;flex-direction:column;gap:6px}
.faux-line:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:6px;padding:6px 9px}
.faux-line .t:where(:root.page-brochures,:root.page-brochures *){margin-left:auto;color:var(--ink-3)}
.faux-line.bad:where(:root.page-brochures,:root.page-brochures *){color:var(--wine);border-color:var(--wine-line);background:var(--wine-soft)}
.gap-answer:where(:root.page-brochures,:root.page-brochures *){margin-top:30px;border:1px solid var(--ink);border-radius:18px;background:var(--ink);color:#fff;padding:clamp(32px,4vw,52px);display:grid;grid-template-columns:1.4fr 1fr;gap:36px;align-items:center}
.gap-answer .ga-k:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:18px;display:flex;align-items:center;gap:9px}
.gap-answer .ga-k:where(:root.page-brochures,:root.page-brochures *)::before{content:"";width:7px;height:7px;border-radius:2px;background:var(--wine)}
.gap-answer h3:where(:root.page-brochures,:root.page-brochures *){font-size:clamp(24px,2.8vw,36px);font-weight:700;letter-spacing:-0.025em;line-height:1.05;text-wrap:balance}
.gap-answer p:where(:root.page-brochures,:root.page-brochures *){color:rgba(255,255,255,.72);font-size:15.5px;line-height:1.6;margin-top:18px;max-width:52ch}
.gap-answer .ga-cta:where(:root.page-brochures,:root.page-brochures *){display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.btn-wine-ghost:where(:root.page-brochures,:root.page-brochures *){background:transparent;color:#fff;border:1px solid rgba(255,255,255,.28)}
.btn-wine-ghost:hover:where(:root.page-brochures,:root.page-brochures *){background:rgba(255,255,255,.08);border-color:#fff}

/* ============================ ARCHITECTURE (callout) ============================ */
.archx-callout:where(:root.page-brochures,:root.page-brochures *){position:relative;border:1px solid rgba(255,255,255,.18);border-radius:32px;padding:clamp(32px,4.5vw,64px);overflow:hidden; background: radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,.12), transparent 60%), linear-gradient(165deg,#B23a4a 0%,#8E1B2C 52%,#67121F 100%); color:#fff; box-shadow:0 40px 90px -46px rgba(70,18,28,.7), 0 0 0 7px rgba(155,27,46,.08)}
.archx-top:where(:root.page-brochures,:root.page-brochures *){position:relative;z-index:1;display:grid;grid-template-columns:42% 1fr;gap:clamp(28px,3.5vw,56px);align-items:center}
.archx-callout:where(:root.page-brochures,:root.page-brochures *)::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none; background-image:radial-gradient(circle, rgba(255,255,255,.14) 1.2px, transparent 1.2px);background-size:26px 26px;opacity:.6}
.archx-left:where(:root.page-brochures,:root.page-brochures *),.archx-right:where(:root.page-brochures,:root.page-brochures *){position:relative;z-index:1}
.archx-left .kicker:where(:root.page-brochures,:root.page-brochures *){display:block;margin-bottom:18px;color:rgba(255,255,255,.6)}
.archx-left .kicker:where(:root.page-brochures,:root.page-brochures *)::before{background:#fff}
.archx-title:where(:root.page-brochures,:root.page-brochures *){font-size:clamp(30px,3.4vw,46px);font-weight:700;letter-spacing:-0.03em;line-height:1.04;text-wrap:balance;margin-bottom:18px;color:#fff}
.archx-lede:where(:root.page-brochures,:root.page-brochures *){font-size:clamp(16px,1.55vw,19px);color:rgba(255,255,255,.8);line-height:1.6;max-width:42ch;margin-bottom:28px}
.archx-cta:where(:root.page-brochures,:root.page-brochures *){border-radius:100px;background:#fff;color:var(--wine-deep)}
.archx-cta:hover:where(:root.page-brochures,:root.page-brochures *){background:#fff;transform:translateY(-2px);box-shadow:0 16px 36px -14px rgba(0,0,0,.45)}

/* diagram placeholder — client to provide */
.archx-diagram--ph:where(:root.page-brochures,:root.page-brochures *){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px; min-height:clamp(220px,24vw,300px);border:1.5px dashed rgba(255,255,255,.3);border-radius:18px; background:rgba(255,255,255,.05);text-align:center;padding:30px}
.axd-ph-ic:where(:root.page-brochures,:root.page-brochures *){width:60px;height:60px;border-radius:15px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;color:#fff}
.archx-diagram--ph b:where(:root.page-brochures,:root.page-brochures *){font-size:16px;font-weight:700;color:#fff;letter-spacing:-0.01em}
.axd-ph-sub:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.axd-col:where(:root.page-brochures,:root.page-brochures *){display:flex;flex-direction:column;gap:8px;align-items:stretch;min-width:0}
.axd-lbl:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:4px;text-align:center}
.axd-flow span:where(:root.page-brochures,:root.page-brochures *){width:18px;height:2px;border-radius:2px;background:rgba(255,255,255,.3)}
.axd-flow span:nth-child(2):where(:root.page-brochures,:root.page-brochures *){width:24px;background:rgba(255,255,255,.6)}
.axd-chip:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--ink-2);background:var(--paper);border:1px solid rgba(20,16,22,.05);border-radius:9px;padding:9px 12px;text-align:center;box-shadow:0 12px 28px -16px rgba(42,30,48,.4)}
.axd-chip.wine:where(:root.page-brochures,:root.page-brochures *){color:var(--wine);border-color:var(--wine-line);background:var(--wine-soft)}
.axd-flow:where(:root.page-brochures,:root.page-brochures *){display:flex;flex-direction:column;gap:4px;flex:none}
.axd-flow span:where(:root.page-brochures,:root.page-brochures *){width:18px;height:2px;border-radius:2px;background:var(--wine-line)}
.axd-flow span:nth-child(2):where(:root.page-brochures,:root.page-brochures *){width:24px;background:var(--wine)}
.axd-core:where(:root.page-brochures,:root.page-brochures *){background:var(--paper);border:1px solid var(--wine-line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-md);min-width:148px}
.axd-core-top:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;justify-content:space-between;padding:2px 4px 8px;border-bottom:1px solid var(--line-2)}
.axd-core-top b:where(:root.page-brochures,:root.page-brochures *){font-size:13px;font-weight:700;letter-spacing:-0.01em;white-space:nowrap}
.axd-core-v:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:9px;color:var(--wine)}
.axd-layer:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:10.5px;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:7px;padding:7px 10px;transition:.2s var(--ease)}
.axd-layer:hover:where(:root.page-brochures,:root.page-brochures *){background:var(--wine-soft);border-color:var(--wine-line);color:var(--wine)}

/* capability list inside callout — borderless angled cards */
.caplist:where(:root.page-brochures,:root.page-brochures *){position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px);margin-top:clamp(34px,4vw,52px);padding-top:8px}
.capx:where(:root.page-brochures,:root.page-brochures *){display:flex;gap:13px;align-items:flex-start;position:relative; background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.05)); -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px); border:0;border-radius:16px;padding:22px 22px 24px;overflow:hidden; box-shadow:0 16px 36px -22px rgba(20,6,10,.6);transition:transform .3s var(--ease)}
.capx:hover:where(:root.page-brochures,:root.page-brochures *){transform:translateY(-2px)}
.capx:where(:root.page-brochures,:root.page-brochures *)::before{display:none}
.capx :is(h3,h4):where(:root.page-brochures,:root.page-brochures *){font-size:15.5px;font-weight:700;letter-spacing:-0.015em;margin-bottom:7px;color:#fff}
.capx p:where(:root.page-brochures,:root.page-brochures *){font-size:13.5px;color:rgba(255,255,255,.74);line-height:1.55}
.arch-cols:where(:root.page-brochures,:root.page-brochures *){position:relative;display:grid;grid-template-columns:1fr auto 1.5fr;gap:0;align-items:stretch}
.arch-sys:where(:root.page-brochures,:root.page-brochures *){padding:clamp(26px,3vw,40px);border-right:1px solid var(--line)}
.arch-colhead:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:20px;display:flex;align-items:center;gap:8px}
.sys-node:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper-2);margin-bottom:10px;transition:.25s var(--ease)}
.sys-node:hover:where(:root.page-brochures,:root.page-brochures *){border-color:var(--accent-line);background:var(--accent-soft)}
.sys-node .sn-g:where(:root.page-brochures,:root.page-brochures *){width:30px;height:30px;border-radius:7px;background:var(--paper);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:9px;font-weight:600;color:var(--ink-2);flex:none}
.sys-node .sn-t b:where(:root.page-brochures,:root.page-brochures *){font-size:13.5px;font-weight:600;display:block}
.sys-node .sn-t span:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:9.5px;color:var(--ink-3);letter-spacing:.02em}
.arch-flow:where(:root.page-brochures,:root.page-brochures *){width:74px;position:relative;display:grid;place-items:center}
.arch-flow .flowlbl:where(:root.page-brochures,:root.page-brochures *){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}
.arch-core:where(:root.page-brochures,:root.page-brochures *){padding:clamp(26px,3vw,40px);background:linear-gradient(180deg,var(--wine-soft),var(--paper) 70%)}
.core-card:where(:root.page-brochures,:root.page-brochures *){border:1px solid var(--wine-line);border-radius:14px;background:var(--paper);box-shadow:var(--shadow-md);overflow:hidden}
.core-top:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line-2)}
.core-top .ct-t:where(:root.page-brochures,:root.page-brochures *){font-size:16px;font-weight:700;letter-spacing:-0.02em}
.core-top .ct-v:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:10px;color:var(--ink-3)}
.core-layers:where(:root.page-brochures,:root.page-brochures *){padding:14px}
.layer:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:9px;margin-bottom:6px;transition:.25s var(--ease);border:1px solid transparent}
.layer:hover:where(:root.page-brochures,:root.page-brochures *){background:var(--wine-soft);border-color:var(--wine-line)}
.layer .ly-n:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:10px;color:var(--wine);font-weight:600;width:26px;flex:none}
.layer .ly-t b:where(:root.page-brochures,:root.page-brochures *){font-size:14px;font-weight:600;display:block;letter-spacing:-0.01em}
.layer .ly-t span:where(:root.page-brochures,:root.page-brochures *){font-size:12px;color:var(--ink-3)}
.core-out:where(:root.page-brochures,:root.page-brochures *){display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}
.out-card:where(:root.page-brochures,:root.page-brochures *){border:1px solid var(--line);border-radius:11px;padding:15px;background:var(--paper)}
.out-card .oc-k:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:9px}
.out-card b:where(:root.page-brochures,:root.page-brochures *){font-size:14px;font-weight:600;display:block;letter-spacing:-0.01em;margin-bottom:5px}
.out-card span:where(:root.page-brochures,:root.page-brochures *){font-size:12px;color:var(--ink-3);line-height:1.4}

/* capability strip below diagram */
.cap-grid:where(:root.page-brochures,:root.page-brochures *){display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:22px}
.cap:where(:root.page-brochures,:root.page-brochures *){background:var(--paper);padding:26px 24px}
.cap .cn:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:10px;color:var(--wine);margin-bottom:14px}
.cap h4:where(:root.page-brochures,:root.page-brochures *){font-size:16px;font-weight:600;letter-spacing:-0.015em;margin-bottom:9px}
.cap p:where(:root.page-brochures,:root.page-brochures *){font-size:13.5px;color:var(--ink-2);line-height:1.5;margin-bottom:14px}
.cap .ctags:where(:root.page-brochures,:root.page-brochures *){display:flex;flex-wrap:wrap;gap:6px}
.ctag:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:3px 7px;text-transform:uppercase;white-space:nowrap}

/* flow timeline */

/* ============================ LOOP CIRCUIT (decision flow) ============================ */
.loopx:where(:root.page-brochures,:root.page-brochures *){position:relative;margin-top:clamp(56px,7vw,104px);padding:0;background:none;border:0}
.loopx-head:where(:root.page-brochures,:root.page-brochures *){max-width:820px;margin:0 auto clamp(20px,2.4vw,34px);text-align:center}
.loopx-title:where(:root.page-brochures,:root.page-brochures *){margin:0 auto;text-wrap:balance}
.loopx-sub:where(:root.page-brochures,:root.page-brochures *){margin:14px auto 0;font-size:clamp(14.5px,1.4vw,17px);color:var(--ink-2);line-height:1.55;max-width:56ch;text-wrap:pretty}
.loopx-stage:where(:root.page-brochures,:root.page-brochures *){position:relative;margin:0 auto}
.sigx:where(:root.page-brochures,:root.page-brochures *){position:relative;aspect-ratio:1000/300;max-width:1180px;margin:64px auto;overflow:visible}
.sig-svg:where(:root.page-brochures,:root.page-brochures *){position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sig-base:where(:root.page-brochures,:root.page-brochures *){fill:none;stroke:#D8D4CD;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.sig-accent path:where(:root.page-brochures,:root.page-brochures *){fill:none;stroke:var(--wine);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.5}
.sig-ink:where(:root.page-brochures,:root.page-brochures *){fill:none;stroke:var(--wine);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 6px rgba(155,27,46,.28))}
.sig-pegs:where(:root.page-brochures,:root.page-brochures *){position:absolute;inset:0;z-index:2;pointer-events:none}
.sig-peg:where(:root.page-brochures,:root.page-brochures *){position:absolute;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:#fff;border:2px solid #D8D4CD;box-shadow:0 4px 10px -3px rgba(40,20,26,.3);transition:.35s var(--ease)}
.sig-peg.lit:where(:root.page-brochures,:root.page-brochures *){border-color:var(--wine);background:var(--wine);box-shadow:0 0 0 4px rgba(155,27,46,.16),0 6px 14px -4px rgba(155,27,46,.5)}
.sig-stem:where(:root.page-brochures,:root.page-brochures *){position:absolute;width:1.6px;margin-left:-0.8px;background:linear-gradient(var(--wine),rgba(155,27,46,.12));transform-origin:top;z-index:2;opacity:.35;transition:opacity .35s var(--ease)}
.sig-stem.lit:where(:root.page-brochures,:root.page-brochures *){opacity:1}
.loopx-steps:where(:root.page-brochures,:root.page-brochures *){position:absolute;inset:0;z-index:3}
.lxstep:where(:root.page-brochures,:root.page-brochures *){position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:clamp(126px,12vw,156px);text-align:left; background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:11px 13px;box-shadow:0 12px 28px -14px rgba(40,20,26,.26);transition:border-color .35s var(--ease),box-shadow .35s var(--ease),background .35s}
.lxstep.above:where(:root.page-brochures,:root.page-brochures *){transform:translate(-50%,calc(-100% - 13px))}
.lxstep.below:where(:root.page-brochures,:root.page-brochures *){transform:translate(-50%,13px)}
.lxstep .lxs-dot:where(:root.page-brochures,:root.page-brochures *){width:22px;height:22px;border-radius:7px;background:var(--paper-2);border:1.5px solid var(--line);display:grid;place-items:center;transition:.35s var(--ease);flex:none;position:relative}
.lxstep .lxs-dot:where(:root.page-brochures,:root.page-brochures *)::after{content:"";width:7px;height:4px;border-left:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);transform:rotate(-45deg) translateY(-1px);transition:.35s}
.lxstep b:where(:root.page-brochures,:root.page-brochures *){font-size:13px;font-weight:700;letter-spacing:-0.01em;color:var(--ink);transition:color .35s;line-height:1.12}
.lxstep .lxs-sub:where(:root.page-brochures,:root.page-brochures *){font-size:10.5px;line-height:1.32;color:var(--ink-3);transition:color .35s;text-wrap:pretty}
.lxstep.lit:where(:root.page-brochures,:root.page-brochures *){border-color:var(--wine);box-shadow:0 16px 34px -12px rgba(155,27,46,.4);z-index:6}
.lxstep.lit .lxs-dot:where(:root.page-brochures,:root.page-brochures *){border-color:var(--wine);background:var(--wine)}
.lxstep.lit .lxs-dot:where(:root.page-brochures,:root.page-brochures *)::after{border-color:#fff}
.lxstep.lit .lxs-sub:where(:root.page-brochures,:root.page-brochures *){color:var(--ink-2)}
.loopx-comet:where(:root.page-brochures,:root.page-brochures *){position:absolute;left:0;top:0;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;z-index:5; background:radial-gradient(circle,#fff 0%,var(--wine) 55%,rgba(155,27,46,0) 72%); box-shadow:0 0 16px 4px rgba(155,27,46,.7),0 0 5px 1px #fff;pointer-events:none}

/* ============================ INDUSTRY FIT ============================ */
.ind-head:where(:root.page-brochures,:root.page-brochures *){display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end;margin-bottom:48px}
.ind-tabswrap:where(:root.page-brochures,:root.page-brochures *){position:relative;display:flex;align-items:center;gap:12px;margin-bottom:34px}
.ind-arrow:where(:root.page-brochures,:root.page-brochures *){flex:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:20px;line-height:1;display:grid;place-items:center;transition:.2s var(--ease);box-shadow:var(--shadow-sm)}
.ind-arrow:hover:where(:root.page-brochures,:root.page-brochures *){border-color:var(--ink);background:var(--paper-2)}
.ind-arrow:disabled:where(:root.page-brochures,:root.page-brochures *){opacity:.3;cursor:default;box-shadow:none}
.ind-tabs:where(:root.page-brochures,:root.page-brochures *){flex:1 1 auto;min-width:0;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:6px 4px}
.ind-tabs:where(:root.page-brochures,:root.page-brochures *)::-webkit-scrollbar{display:none}
.ind-tab:where(:root.page-brochures,:root.page-brochures *){flex:none;white-space:nowrap;font-size:14px;font-weight:600;color:#9a9098;padding:9px 18px;border:1px dashed #c7bcc0;border-radius:100px;background:transparent;transition:color .2s,border-color .2s,background .2s}
.ind-tab:hover:where(:root.page-brochures,:root.page-brochures *){color:var(--wine);border-color:var(--wine-line)}
.ind-tab.is-active:where(:root.page-brochures,:root.page-brochures *){background:var(--wine-soft);color:var(--wine);border-style:solid;border-color:var(--wine)}

/* view-all industries */
.ind-morerow:where(:root.page-brochures,:root.page-brochures *){display:flex;justify-content:center;margin:-18px 0 30px}
.ind-more:where(:root.page-brochures,:root.page-brochures *){flex:none;white-space:nowrap;font-size:14px;font-weight:600;color:var(--wine);padding:11px 22px;border:1px solid var(--wine);border-radius:100px;background:var(--wine-soft);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.2s var(--ease)}
transition:.2s var(--ease)} .ind-more:hover:where(:root.page-brochures,:root.page-brochures *){background:var(--wine);color:#fff}
.ind-more .im-ic:where(:root.page-brochures,:root.page-brochures *){font-size:10px;transition:transform .25s var(--ease)}
.ind-more[aria-expanded="true"] .im-ic:where(:root.page-brochures,:root.page-brochures *){transform:rotate(180deg)}
.ind-allwrap:where(:root.page-brochures,:root.page-brochures *){margin:-14px 0 34px;border:1px solid var(--line);border-radius:20px;background:var(--paper);padding:clamp(20px,2.4vw,30px);box-shadow:var(--shadow-md)}
.ind-all-head:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.ind-all-close:where(:root.page-brochures,:root.page-brochures *){width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;font-size:13px;transition:.2s}
.ind-all-close:hover:where(:root.page-brochures,:root.page-brochures *){border-color:var(--ink);background:var(--paper-2)}
.ind-allgrid:where(:root.page-brochures,:root.page-brochures *){display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ind-allgrid button:where(:root.page-brochures,:root.page-brochures *){text-align:left;font-size:14px;font-weight:600;color:var(--ink-2);padding:13px 16px;border:1px dashed var(--line);border-radius:12px;background:transparent;cursor:pointer;transition:.18s var(--ease)}
.ind-allgrid button:hover:where(:root.page-brochures,:root.page-brochures *){color:var(--wine);border-color:var(--wine-line);background:var(--wine-soft)}
.ind-allgrid button.is-active:where(:root.page-brochures,:root.page-brochures *){color:var(--wine);border-style:solid;border-color:var(--wine);background:var(--wine-soft)}
.ind-tab:where(:root.page-brochures,:root.page-brochures *){flex:none;white-space:nowrap;font-size:14px;font-weight:600;color:#9a9098;padding:9px 18px;border:1px dashed #c7bcc0;border-radius:100px;background:transparent;cursor:pointer;transition:color .2s,border-color .2s,background .2s}
.ind-panel:where(:root.page-brochures,:root.page-brochures *){display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(24px,3vw,48px);align-items:stretch; border:1px solid var(--line);border-radius:24px;background:var(--paper);padding:clamp(18px,1.8vw,26px);min-height:400px}
.ind-media:where(:root.page-brochures,:root.page-brochures *){border-radius:16px;overflow:hidden;background:var(--paper-3);min-height:300px}
.ind-media img:where(:root.page-brochures,:root.page-brochures *){width:100%;height:100%;object-fit:cover;display:block}
.ind-content:where(:root.page-brochures,:root.page-brochures *){display:flex;flex-direction:column;padding:clamp(8px,1vw,16px) clamp(8px,1.4vw,22px) clamp(8px,1vw,16px) 0}
.ind-toprow:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;justify-content:space-between;gap:16px}
.ind-brand:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;gap:12px}
.ind-glyph:where(:root.page-brochures,:root.page-brochures *){width:38px;height:38px;border-radius:10px;background:var(--wine);color:#fff;display:grid;place-items:center;font-weight:700;font-size:16px;flex:none}
.ind-brand b:where(:root.page-brochures,:root.page-brochures *){font-size:17px;font-weight:700;letter-spacing:-0.02em;color:var(--ink)}
.ind-counter:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.ind-counter i:where(:root.page-brochures,:root.page-brochures *){width:24px;height:1px;background:var(--line);display:inline-block}
.ind-div:where(:root.page-brochures,:root.page-brochures *){border:0;border-top:1px solid var(--line);margin:clamp(18px,2vw,26px) 0}
.ind-cols:where(:root.page-brochures,:root.page-brochures *){display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,44px);flex:1}
.ind-cA:where(:root.page-brochures,:root.page-brochures *){display:flex;flex-direction:column}
.ind-cA h3:where(:root.page-brochures,:root.page-brochures *){font-size:clamp(22px,2.4vw,32px);font-weight:700;letter-spacing:-0.03em;line-height:1.08;text-wrap:balance}
.ind-sub:where(:root.page-brochures,:root.page-brochures *){font-size:13px;font-weight:500;color:var(--ink-3);margin-top:14px;letter-spacing:-0.005em}
.ind-learn:where(:root.page-brochures,:root.page-brochures *){margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15px;color:var(--wine);width:fit-content;padding:10px 18px;border-radius:100px;background:transparent;border:1px solid var(--wine-line);transition:background .22s var(--ease),border-color .22s var(--ease),color .22s}
.ind-learn span:where(:root.page-brochures,:root.page-brochures *){transition:transform .25s var(--ease)}
.ind-learn:hover:where(:root.page-brochures,:root.page-brochures *){color:var(--wine);background:var(--wine-soft);border-color:var(--wine)}
.ind-learn:hover span:where(:root.page-brochures,:root.page-brochures *){transform:translateX(4px)}
.ind-cB:where(:root.page-brochures,:root.page-brochures *){display:flex;flex-direction:column}
.ind-cB p:where(:root.page-brochures,:root.page-brochures *){font-size:15px;color:var(--ink-2);line-height:1.6}
.ind-rep:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;gap:13px;margin-top:auto;padding-top:24px}
.ind-rep-img:where(:root.page-brochures,:root.page-brochures *){width:60px;height:60px;border-radius:12px;object-fit:cover;flex:none;background:var(--paper-3)}
.ind-rep-t b:where(:root.page-brochures,:root.page-brochures *){font-size:15px;font-weight:700;letter-spacing:-0.01em;display:block;color:var(--ink)}
.ind-rep-t span:where(:root.page-brochures,:root.page-brochures *){font-size:12.5px;color:var(--ink-3);margin-top:2px;display:block}

/* ============================ REASONS (bento) ============================ */
.why-bento:where(:root.page-brochures,:root.page-brochures *){display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"a b c" "a d d";gap:16px}
.why-a:where(:root.page-brochures,:root.page-brochures *){grid-area:a}
.why-b:where(:root.page-brochures,:root.page-brochures *){grid-area:b}
.why-c:where(:root.page-brochures,:root.page-brochures *){grid-area:c}
.why-d:where(:root.page-brochures,:root.page-brochures *){grid-area:d}
.why-card:where(:root.page-brochures,:root.page-brochures *){position:relative;border:1px solid var(--line);border-radius:20px;padding:clamp(24px,2.3vw,34px);background:var(--paper);display:flex;flex-direction:column;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
.why-card:hover:where(:root.page-brochures,:root.page-brochures *){transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--ink)}
.why-icon:where(:root.page-brochures,:root.page-brochures *){width:48px;height:48px;border-radius:13px;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;flex:none;margin-bottom:22px}
.why-card h3:where(:root.page-brochures,:root.page-brochures *){font-size:clamp(19px,2vw,24px);font-weight:700;letter-spacing:-0.02em;margin-bottom:12px}
.why-card p:where(:root.page-brochures,:root.page-brochures *){font-size:15px;color:var(--ink-2);line-height:1.6;margin-bottom:18px}
.why-card .wtags:where(:root.page-brochures,:root.page-brochures *){display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}

/* feature card */
.why-feat:where(:root.page-brochures,:root.page-brochures *){background:linear-gradient(158deg,#B23a4a 0%,#8E1B2C 52%,#67121F 100%);border-color:transparent;color:#fff;justify-content:space-between;overflow:hidden}
.why-feat:where(:root.page-brochures,:root.page-brochures *)::after{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.26);pointer-events:none;animation:spinCW 26s linear infinite}
.why-feat:where(:root.page-brochures,:root.page-brochures *)::before{content:"";position:absolute;right:-110px;top:-110px;width:340px;height:340px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.16);pointer-events:none;animation:spinCCW 34s linear infinite}
html[data-motion="off"] .why-feat:where(:root.page-brochures,:root.page-brochures *)::before,html[data-motion="off"] .why-feat:where(:root.page-brochures,:root.page-brochures *)::after{animation:none}
.wf-top:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:1}
.wf-kick:where(:root.page-brochures,:root.page-brochures *){margin-top:10px}
.why-icon.wi-light:where(:root.page-brochures,:root.page-brochures *){background:rgba(255,255,255,.16);color:#fff;margin-bottom:0}
.wf-kick:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.wf-body:where(:root.page-brochures,:root.page-brochures *){position:relative;z-index:1;margin-top:auto;padding-top:40px}
.wf-num:where(:root.page-brochures,:root.page-brochures *){font-size:clamp(48px,5.4vw,76px);font-weight:700;letter-spacing:-0.04em;line-height:.9}
.wf-num span:where(:root.page-brochures,:root.page-brochures *){font-size:.32em;font-weight:600;letter-spacing:-0.01em;color:rgba(255,255,255,.7)}
.why-feat h3:where(:root.page-brochures,:root.page-brochures *){margin:18px 0 12px;font-size:clamp(22px,2.2vw,27px)}
.why-feat p:where(:root.page-brochures,:root.page-brochures *){color:rgba(255,255,255,.78);max-width:38ch}
.ctag.onwine:where(:root.page-brochures,:root.page-brochures *){color:#fff;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.08)}

/* wide card d */
.why-d-in:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-top:auto;width:100%}
.why-d-stat:where(:root.page-brochures,:root.page-brochures *){flex:none;text-align:right}
.why-d-stat b:where(:root.page-brochures,:root.page-brochures *){font-size:clamp(34px,3.6vw,52px);font-weight:700;letter-spacing:-0.03em;color:var(--wine);line-height:1;display:block}
.why-d-stat span:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:6px;display:block}
.why-d p:where(:root.page-brochures,:root.page-brochures *){margin-bottom:0;max-width:52ch}

/* ============================ INTEGRATIONS (core + dual marquee) ============================ */
.intg:where(:root.page-brochures,:root.page-brochures *){background:#F3F1EE}
#industries:where(:root.page-brochures,:root.page-brochures *){padding-bottom:0}
.intg-head:where(:root.page-brochures,:root.page-brochures *){margin-bottom:40px;max-width:920px}
.intg-stage:where(:root.page-brochures,:root.page-brochures *){position:relative;border:0;border-radius:24px;background:var(--paper);overflow:hidden;padding:clamp(28px,3.4vw,48px) 0 clamp(18px,2.2vw,30px)}
.intg-dots:where(:root.page-brochures,:root.page-brochures *){position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1.2px,transparent 1.2px);background-size:22px 22px; -webkit-mask-image:radial-gradient(circle at 50% 22%,#000 0%,#000 60%,transparent 92%);mask-image:radial-gradient(circle at 50% 22%,#000 0%,#000 60%,transparent 92%);opacity:.7}

/* core at top */
.intg-core2.intg-core-top:where(:root.page-brochures,:root.page-brochures *),#intgCore.intg-core-top:where(:root.page-brochures,:root.page-brochures *){position:relative;left:auto;top:auto;transform:none;margin:0 auto;z-index:3}

/* general connection: stem from core → rail, with a packet that splits left/right */
.intg-conn:where(:root.page-brochures,:root.page-brochures *){position:relative;z-index:2;height:clamp(48px,5.4vw,72px);margin:0 auto clamp(8px,1.2vw,16px);width:82%;pointer-events:none}
.intg-conn .ic-stem:where(:root.page-brochures,:root.page-brochures *){position:absolute;left:50%;top:0;transform:translateX(-50%);width:1.5px;height:62%;background:linear-gradient(180deg,var(--wine),var(--wine-line))}
.intg-conn .ic-rail:where(:root.page-brochures,:root.page-brochures *){position:absolute;left:0;right:0;top:62%;height:1.5px;background:linear-gradient(90deg,transparent,var(--wine-line) 10%,var(--wine-line) 90%,transparent)}
.intg-conn .ic-pkt:where(:root.page-brochures,:root.page-brochures *){position:absolute;width:7px;height:7px;border-radius:50%;background:var(--wine);box-shadow:0 0 9px 1px rgba(155,27,46,.55)}
.intg-conn .ic-down:where(:root.page-brochures,:root.page-brochures *){left:50%;top:0;transform:translate(-50%,-50%);animation:icDown 2.6s linear infinite}
.intg-conn .ic-left:where(:root.page-brochures,:root.page-brochures *){left:50%;top:62%;transform:translate(-50%,-50%);animation:icLeft 2.6s ease-in-out infinite}
.intg-conn .ic-right:where(:root.page-brochures,:root.page-brochures *){left:50%;top:62%;transform:translate(-50%,-50%);animation:icRight 2.6s ease-in-out infinite}
html[data-motion="off"] .intg-conn .ic-pkt:where(:root.page-brochures,:root.page-brochures *){animation:none;opacity:0}

/* single marquee */
.intg-rows:where(:root.page-brochures,:root.page-brochures *){position:relative;z-index:2;display:flex;flex-direction:column;gap:clamp(14px,1.6vw,20px)}
.intg-mrow:where(:root.page-brochures,:root.page-brochures *){overflow:hidden;padding-block:clamp(12px,1.4vw,18px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.intg-mtrack:where(:root.page-brochures,:root.page-brochures *){display:flex;gap:clamp(16px,1.8vw,24px);width:max-content;animation:intgMarq 34s linear infinite}
.intg-mrow:hover .intg-mtrack:where(:root.page-brochures,:root.page-brochures *){animation-play-state:paused}
html[data-motion="off"] .intg-mtrack:where(:root.page-brochures,:root.page-brochures *){animation:none}
.intg-chip:where(:root.page-brochures,:root.page-brochures *){flex:none;display:flex;align-items:center;gap:14px;white-space:nowrap;min-width:clamp(248px,24vw,320px); background:#fff;border:1px solid rgba(20,16,22,.04);border-radius:18px;padding:16px 30px 16px 16px; box-shadow:0 3px 8px rgba(30,22,40,.07),0 8px 18px -10px rgba(30,22,40,.16)}
.intg-chip .ig:where(:root.page-brochures,:root.page-brochures *){width:46px;height:46px;border-radius:13px;background:linear-gradient(160deg,#fff,#f4f2ee);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--ink-2);flex:none}
.intg-chip .ig img:where(:root.page-brochures,:root.page-brochures *){width:60%;height:60%;object-fit:contain}
.intg-chip .io-t b:where(:root.page-brochures,:root.page-brochures *){display:block;font-size:15px;font-weight:600;letter-spacing:-0.01em;color:var(--ink)}
.intg-chip .io-t span:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:3px;display:block}

/* center core */
.intg-core2:where(:root.page-brochures,:root.page-brochures *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3; width:min(248px,48%);text-align:center;border-radius:22px;padding:26px 24px 22px; background: radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,.14), transparent 60%), linear-gradient(165deg,#B23a4a 0%,#8E1B2C 52%,#67121F 100%); color:#fff;border:1px solid rgba(255,255,255,.18); box-shadow:0 30px 70px -26px rgba(70,18,28,.65), 0 0 0 7px rgba(155,27,46,.10)}
.intg-core2 .ic-ring:where(:root.page-brochures,:root.page-brochures *){position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);border-radius:24px;border:1px solid rgba(255,255,255,.3);pointer-events:none;animation:corePulse 3.4s var(--ease) infinite}
.intg-core2 .ic-mark:where(:root.page-brochures,:root.page-brochures *){width:54px;height:54px;border-radius:14px;background:#fff;display:grid;place-items:center;margin:0 auto 14px;box-shadow:0 10px 24px -10px rgba(0,0,0,.4)}
.intg-core2 .ic-mark img:where(:root.page-brochures,:root.page-brochures *){width:38px;height:38px;object-fit:contain}
.intg-core2 b:where(:root.page-brochures,:root.page-brochures *){display:block;font-size:16.5px;font-weight:700;letter-spacing:-0.02em}
.intg-core2 .ic-sub:where(:root.page-brochures,:root.page-brochures *){display:block;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.04em;color:rgba(255,255,255,.72);margin-top:9px;line-height:1.5}
.intg-core2 .ic-live:where(:root.page-brochures,:root.page-brochures *){display:inline-flex;align-items:center;gap:7px;margin-top:16px;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:100px;padding:5px 11px}
.intg-core2 .ic-live i:where(:root.page-brochures,:root.page-brochures *){width:6px;height:6px;border-radius:50%;background:#7CFFB0;box-shadow:0 0 0 0 rgba(124,255,176,.6);animation:livePulse 2.2s infinite}

/* orbit nodes */
.intg-orbit:where(:root.page-brochures,:root.page-brochures *){position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:2; display:flex;align-items:center;gap:12px;white-space:nowrap; background:var(--paper);border:1px solid rgba(20,16,22,.05);border-radius:15px;padding:12px 17px 12px 12px; box-shadow:0 18px 40px -20px rgba(42,30,48,.30), 0 4px 12px -6px rgba(42,30,48,.12); transition:box-shadow .25s var(--ease)}
.intg-orbit:hover:where(:root.page-brochures,:root.page-brochures *){box-shadow:0 26px 56px -22px rgba(42,30,48,.42), 0 6px 16px -8px rgba(42,30,48,.16);z-index:4}
.intg-orbit .ig:where(:root.page-brochures,:root.page-brochures *){width:42px;height:42px;border-radius:12px;background:linear-gradient(160deg,var(--paper),var(--paper-2));border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--ink-2);flex:none;box-shadow:inset 0 1px 0 #fff;overflow:hidden}
.intg-orbit .ig img:where(:root.page-brochures,:root.page-brochures *){width:62%;height:62%;object-fit:contain}
.intg-orbit .io-t b:where(:root.page-brochures,:root.page-brochures *){display:block;font-size:14px;font-weight:600;letter-spacing:-0.01em;color:var(--ink)}
.intg-orbit .io-t span:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:2px;display:block}

/* stats band — modern cards */
.intg-stats:where(:root.page-brochures,:root.page-brochures *){display:flex;justify-content:center;margin-top:6px}
.istat:where(:root.page-brochures,:root.page-brochures *){background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:20px 30px;display:flex;flex-direction:row;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center}
ar(--ease):where(:root.page-brochures,:root.page-brochures *),transform .25s var(--ease)} .istat:hover:where(:root.page-brochures,:root.page-brochures *){box-shadow:var(--shadow-md);transform:translateY(-2px)}
.istat .is-n:where(:root.page-brochures,:root.page-brochures *){font-size:clamp(28px,3.2vw,42px);font-weight:700;letter-spacing:-0.03em;line-height:1;color:var(--wine)}
.istat .is-l:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:10px}
.istat .is-langs:where(:root.page-brochures,:root.page-brochures *){display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.istat .is-langs span:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:10px;color:var(--ink-2);border:1px solid var(--line);border-radius:6px;padding:4px 8px;background:var(--paper-2)}
.istat:first-child:where(:root.page-brochures,:root.page-brochures *){background:linear-gradient(160deg,var(--wine-soft),var(--paper) 70%);border-color:var(--wine-line)}
.istat:first-child .is-l:where(:root.page-brochures,:root.page-brochures *){color:var(--wine)}

/* ============================ TESTIMONIALS (bento) ============================ */
.test-head:where(:root.page-brochures,:root.page-brochures *){text-align:center;max-width:680px;margin:0 auto clamp(46px,5.5vw,72px)}
.test-head .eyebrow:where(:root.page-brochures,:root.page-brochures *){margin-bottom:18px}
.test-head .h-section:where(:root.page-brochures,:root.page-brochures *){margin:0 auto}
.test-head .lede:where(:root.page-brochures,:root.page-brochures *){margin:20px auto 0;text-align:center}
.test-bento:where(:root.page-brochures,:root.page-brochures *){display:grid;grid-template-columns:repeat(3,1fr); grid-template-areas: "a c f" "a d g" "b e g"; gap:18px}
.tb-a:where(:root.page-brochures,:root.page-brochures *){grid-area:a}
.tb-b:where(:root.page-brochures,:root.page-brochures *){grid-area:b}
.tb-c:where(:root.page-brochures,:root.page-brochures *){grid-area:c}
.tb-d:where(:root.page-brochures,:root.page-brochures *){grid-area:d}
.tb-e:where(:root.page-brochures,:root.page-brochures *){grid-area:e}
.tb-f:where(:root.page-brochures,:root.page-brochures *){grid-area:f}
.tb-g:where(:root.page-brochures,:root.page-brochures *){grid-area:g}
.tcard:where(:root.page-brochures,:root.page-brochures *){position:relative;border:1px solid var(--line);border-radius:18px;background:var(--paper); padding:clamp(24px,2.2vw,32px);display:flex;flex-direction:column;overflow:hidden; transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
.tcard:hover:where(:root.page-brochures,:root.page-brochures *){transform:translateY(-3px);box-shadow:var(--shadow-md)}
.tcard .tq:where(:root.page-brochures,:root.page-brochures *){position:absolute;right:18px;bottom:-6px;font-family:var(--font-sans);font-weight:700; font-size:104px;line-height:1;color:var(--line);pointer-events:none;user-select:none}
.tcard blockquote:where(:root.page-brochures,:root.page-brochures *){position:relative;z-index:1;font-size:15.5px;line-height:1.6;letter-spacing:-0.01em;color:var(--ink);text-wrap:pretty}
.tcard .who:where(:root.page-brochures,:root.page-brochures *){position:relative;z-index:1;display:flex;align-items:center;gap:12px;margin-top:22px}
.tcard .av:where(:root.page-brochures,:root.page-brochures *){width:46px;height:46px;border-radius:50%;flex:none;object-fit:cover;background:var(--paper-3)}
.tcard .who b:where(:root.page-brochures,:root.page-brochures *){font-size:14.5px;font-weight:700;display:block;letter-spacing:-0.01em}
.tcard .who span:where(:root.page-brochures,:root.page-brochures *){font-size:12.5px;color:var(--ink-3);margin-top:2px;display:block;line-height:1.35}

/* featured */
.tcard--feat:where(:root.page-brochures,:root.page-brochures *){padding:clamp(28px,2.7vw,40px)}
.tcard--feat .stars:where(:root.page-brochures,:root.page-brochures *){position:relative;z-index:1;font-size:15px;letter-spacing:3px;margin-bottom:24px}
.tcard--feat blockquote:where(:root.page-brochures,:root.page-brochures *){font-size:clamp(17px,1.45vw,20px);line-height:1.5;font-weight:500}
.tcard--feat .who:where(:root.page-brochures,:root.page-brochures *){margin-top:auto;padding-top:28px}
.tcard--feat .tq:where(:root.page-brochures,:root.page-brochures *){right:24px;top:8px;bottom:auto;font-size:128px}
.tcard--dark:where(:root.page-brochures,:root.page-brochures *){background:#F3F1EE;border:1px solid var(--line)}
.tcard--dark blockquote:where(:root.page-brochures,:root.page-brochures *),.tcard--dark .who b:where(:root.page-brochures,:root.page-brochures *){color:var(--ink)}
.tcard--dark .who span:where(:root.page-brochures,:root.page-brochures *){color:var(--ink-3)}
.tcard--dark .stars:where(:root.page-brochures,:root.page-brochures *){color:var(--wine)}
.tcard--dark .tq:where(:root.page-brochures,:root.page-brochures *){color:rgba(20,16,22,.06)}
.tcard--wine:where(:root.page-brochures,:root.page-brochures *){background:linear-gradient(155deg,#A6333E 0%,#7C1623 58%,#5E1020 100%);border-color:transparent}
.tcard--wine blockquote:where(:root.page-brochures,:root.page-brochures *),.tcard--wine .who b:where(:root.page-brochures,:root.page-brochures *){color:#fff}
.tcard--wine .who span:where(:root.page-brochures,:root.page-brochures *){color:rgba(255,255,255,.72)}
.tcard--wine .stars:where(:root.page-brochures,:root.page-brochures *){color:#fff}
.tcard--wine .tq:where(:root.page-brochures,:root.page-brochures *){color:rgba(255,255,255,.13)}
.tcard--wine .av:where(:root.page-brochures,:root.page-brochures *){box-shadow:0 0 0 2px rgba(255,255,255,.28)}
.tcard--dark .av:where(:root.page-brochures,:root.page-brochures *){box-shadow:0 0 0 2px rgba(20,16,22,.1)}

/* ============================ FINAL CTA ============================ */
.cta:where(:root.page-brochures,:root.page-brochures *){position:relative;background:linear-gradient(165deg,#4E0C18 0%,#6E1320 22%,#9B1B2E 50%,#BF3A40 74%,#E08763 100%);color:#fff;overflow:hidden;border-radius:0;isolation:isolate}
.cta:where(:root.page-brochures,:root.page-brochures *)::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background: radial-gradient(75% 55% at 18% 8%, rgba(255,210,190,.40) 0%, transparent 55%), radial-gradient(80% 70% at 92% 30%, rgba(120,12,24,.65) 0%, transparent 60%), radial-gradient(90% 80% at 50% 120%, rgba(50,6,14,.7) 0%, transparent 62%)}
.cta-noise:where(:root.page-brochures,:root.page-brochures *){position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.85;mix-blend-mode:soft-light; background-image: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='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:150px 150px}
.cta canvas:where(:root.page-brochures,:root.page-brochures *){display:none}
.cta-in:where(:root.page-brochures,:root.page-brochures *){position:relative;z-index:2;text-align:center;max-width:1200px;margin:0 auto;padding-block:clamp(60px,7.5vw,100px) clamp(40px,5vw,64px)}
.cta-logo:where(:root.page-brochures,:root.page-brochures *){display:inline-grid;place-items:center;width:104px;height:104px;border-radius:26px;margin-bottom:34px; background:linear-gradient(155deg,#ffffff 0%,#efece5 100%); box-shadow:0 2px 1px rgba(255,255,255,.95) inset, 0 -6px 14px rgba(120,18,28,.18) inset, 0 5px 10px rgba(255,255,255,.5) inset, 0 26px 54px -16px rgba(35,5,10,.7)}
.cta-logo img:where(:root.page-brochures,:root.page-brochures *){width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 2px 1px rgba(255,255,255,.9)) drop-shadow(0 -1px 1px rgba(120,18,28,.25))}
.cta h2:where(:root.page-brochures,:root.page-brochures *){font-size:clamp(34px,4.8vw,62px);font-weight:700;letter-spacing:-0.035em;line-height:1.02;text-wrap:balance;max-width:none;margin:0 auto}
.cta h2 em:where(:root.page-brochures,:root.page-brochures *){font-style:normal;color:#fff}
.cta-btns:where(:root.page-brochures,:root.page-brochures *){display:flex;gap:14px;justify-content:center;margin-top:32px;flex-wrap:wrap}
.cta .btn-wine:where(:root.page-brochures,:root.page-brochures *){box-shadow:0 16px 44px -16px rgba(0,0,0,.55)}
.cta .btn-wine:hover:where(:root.page-brochures,:root.page-brochures *){transform:translateY(-2px);box-shadow:0 22px 54px -16px rgba(0,0,0,.6)}
.cta-btns .btn:where(:root.page-brochures,:root.page-brochures *){border-radius:100px}
.btn-onwine:where(:root.page-brochures,:root.page-brochures *){background:#fff;color:var(--wine-deep)}
.btn-onwine:hover:where(:root.page-brochures,:root.page-brochures *){background:#fff;transform:translateY(-2px);box-shadow:0 18px 40px -16px rgba(0,0,0,.5)}
.cta-assure:where(:root.page-brochures,:root.page-brochures *){display:flex;justify-content:center;gap:14px 28px;flex-wrap:wrap;margin-top:30px}
.cta-assure span:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:rgba(255,255,255,.82);display:inline-flex;align-items:center;gap:8px}
.cta-assure span:where(:root.page-brochures,:root.page-brochures *)::before{content:"\2192";color:#fff;opacity:.7;font-size:13px}

/* product screenshot — top 30% peeking at the bottom */
.cta-shot:where(:root.page-brochures,:root.page-brochures *){position:relative;z-index:2;width:min(var(--maxw),calc(100% - var(--gut)*2));margin:0 auto;border-radius:16px 16px 0 0;overflow:hidden; border:1px solid rgba(255,255,255,.22);border-bottom:0; box-shadow:0 -10px 60px -20px rgba(40,6,12,.6), 0 30px 80px -30px rgba(0,0,0,.5);background:#fff}
.cta-shot-bar:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;gap:12px;padding:11px 16px;background:#faf9f7;border-bottom:1px solid #ececec}
.cta-shot-bar .csb-dots:where(:root.page-brochures,:root.page-brochures *){display:flex;gap:6px}
.cta-shot-bar .csb-dots i:where(:root.page-brochures,:root.page-brochures *){width:10px;height:10px;border-radius:50%;background:#d8d5ce;display:block}
.cta-shot-bar .csb-url:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:11px;color:#9a9a95;background:#fff;border:1px solid #ececec;border-radius:7px;padding:4px 12px}
.cta-shot img:where(:root.page-brochures,:root.page-brochures *){display:block;width:100%;height:clamp(128px,17.6vw,208px);object-fit:cover;object-position:top center}

/* footer brand block */
.foot-lead:where(:root.page-brochures,:root.page-brochures *){display:grid;grid-template-columns:1.5fr 1fr;gap:40px;padding-bottom:48px;margin-bottom:48px;border-bottom:1px solid var(--line)}
.foot-lead p:where(:root.page-brochures,:root.page-brochures *){font-size:15px;color:var(--ink-2);line-height:1.65;max-width:60ch}
.foot-mission:where(:root.page-brochures,:root.page-brochures *){border-left:2px solid var(--wine);padding-left:20px}
.foot-mission span:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);display:block;margin-bottom:10px}
.foot-mission p:where(:root.page-brochures,:root.page-brochures *){font-size:15px;color:var(--ink);font-weight:500}
.foot-badges:where(:root.page-brochures,:root.page-brochures *){display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.foot-bottom:where(:root.page-brochures,:root.page-brochures *){display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:48px;padding-top:28px;border-top:1px solid var(--line);flex-wrap:wrap}
.foot-bottom .copy:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:11px;color:var(--ink-3);letter-spacing:.02em}

/* representative deployments strip */
.deploy-strip:where(:root.page-brochures,:root.page-brochures *){margin-top:8px}
.deploy-head:where(:root.page-brochures,:root.page-brochures *){display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.deploy-grid:where(:root.page-brochures,:root.page-brochures *){display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.dep:where(:root.page-brochures,:root.page-brochures *){background:var(--paper-2);padding:16px 18px}
.dep .dk:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}
.dep b:where(:root.page-brochures,:root.page-brochures *){font-size:13.5px;font-weight:600;display:block;letter-spacing:-0.01em}
.dep span:where(:root.page-brochures,:root.page-brochures *){font-size:12px;color:var(--ink-2)}

/* ============================================================================
   PREMIUM SAAS POLISH — updated page only
   ========================================================================== */
:root:where(:root.page-brochures,:root.page-brochures *){--shadow-sm:0 1px 2px rgba(34,18,22,.05), 0 1px 1px rgba(34,18,22,.03); --shadow-md:0 24px 64px -34px rgba(46,18,26,.30), 0 8px 22px -16px rgba(46,18,26,.16); --shadow-lg:0 64px 140px -58px rgba(52,20,30,.42), 0 26px 54px -36px rgba(46,18,26,.20)}

/* seamless warm seam where the red hero fades into the white page */
.ecolog:where(:root.page-brochures,:root.page-brochures *){background:linear-gradient(180deg,#FFF7F4 0%, #ffffff 72%)}

/* a faint circular-language motif shared by key sections */
.section--tight:where(:root.page-brochures,:root.page-brochures *),.cta:where(:root.page-brochures,:root.page-brochures *){position:relative}
.section--tight:where(:root.page-brochures,:root.page-brochures *)::before{content:"";position:absolute;left:50%;top:50%;width:760px;height:760px; transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:0; background:radial-gradient(circle, color-mix(in srgb,var(--wine) 7%,transparent), transparent 64%)}
.section--tight .wrap:where(:root.page-brochures,:root.page-brochures *){position:relative;z-index:1}

/* usage-metrics band — elevated, premium */
.statband:where(:root.page-brochures,:root.page-brochures *){border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-md);overflow:hidden; background: radial-gradient(130% 180% at 8% -50%, var(--wine-soft), transparent 58%), radial-gradient(130% 180% at 96% -50%, var(--accent-soft), transparent 58%), var(--paper)}
.statband .sc:where(:root.page-brochures,:root.page-brochures *){transition:background .25s var(--ease)}
.statband .sc:hover:where(:root.page-brochures,:root.page-brochures *){background:rgba(255,255,255,.6)}
.statband .stat-num:where(:root.page-brochures,:root.page-brochures *){color:var(--wine)}

/* premium container radii + softer card depth across the page */
.eco-card:where(:root.page-brochures,:root.page-brochures *),.anec-card:where(:root.page-brochures,:root.page-brochures *),.tcard:where(:root.page-brochures,:root.page-brochures *),.ind-panel:where(:root.page-brochures,:root.page-brochures *),.intg-net:where(:root.page-brochures,:root.page-brochures *),.why-grid:where(:root.page-brochures,:root.page-brochures *),.arch-diagram:where(:root.page-brochures,:root.page-brochures *),.gap-answer:where(:root.page-brochures,:root.page-brochures *),.media-frame:where(:root.page-brochures,:root.page-brochures *){border-radius:20px}
.tcard:hover:where(:root.page-brochures,:root.page-brochures *),.eco-card:hover:where(:root.page-brochures,:root.page-brochures *){box-shadow:var(--shadow-lg)}
.tcard--dark:hover:where(:root.page-brochures,:root.page-brochures *),.tcard--wine:hover:where(:root.page-brochures,:root.page-brochures *){box-shadow:var(--shadow-lg)}

/* circular motif echo behind final CTA */
.cta-in:where(:root.page-brochures,:root.page-brochures *){position:relative;z-index:2}

/* refined eyebrow accent — premium */
.eyebrow:where(:root.page-brochures,:root.page-brochures *)::before{box-shadow:0 0 0 4px var(--wine-soft)}

/* floating-pill nav: center wide mega panels to the viewport so centered
   nav links never push them off-screen; keep narrow menus on their trigger */
.nav-mega:where(:root.page-brochures,:root.page-brochures *){position:fixed;left:50%;top:84px;right:auto; transform:translateX(-50%) translateY(8px) scale(.99);transform-origin:top center; width:min(860px,calc(100vw - 40px))}
.nav-mega.nav-mega--cards:where(:root.page-brochures,:root.page-brochures *){width:min(680px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons:where(:root.page-brochures,:root.page-brochures *){width:min(660px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons.nav-mega--sol:where(:root.page-brochures,:root.page-brochures *){width:min(740px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons.has-3:where(:root.page-brochures,:root.page-brochures *){width:min(820px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons.nav-mega--res:where(:root.page-brochures,:root.page-brochures *){width:min(860px,calc(100vw - 40px))}
.nav-item:hover .nav-mega:where(:root.page-brochures,:root.page-brochures *),.nav-item:focus-within .nav-mega:where(:root.page-brochures,:root.page-brochures *){transform:translateX(-50%) translateY(0) scale(1)}
.nav-mega:where(:root.page-brochures,:root.page-brochures *)::before{left:0;right:0;top:-28px;height:28px}
.nav.is-stuck .nav-mega:where(:root.page-brochures,:root.page-brochures *){top:74px}

/* nav CTA buttons → pill to match the bar */
.nav-cta .btn:where(:root.page-brochures,:root.page-brochures *){border-radius:100px}
.nav-cta .btn-ghost:where(:root.page-brochures,:root.page-brochures *){border-color:var(--line)}

/* ============================ FOOTER (Avoora-style) ============================ */
.foot:where(:root.page-brochures,:root.page-brochures *){background:var(--paper);border-top:1px solid var(--line);padding:0 0 32px}
.foot .wrap:where(:root.page-brochures,:root.page-brochures *){position:relative}

/* image marquee */
.foot-marquee:where(:root.page-brochures,:root.page-brochures *){overflow:hidden;padding:clamp(28px,3.4vw,46px) 0 clamp(20px,2.4vw,30px); -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent); mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.fm-track:where(:root.page-brochures,:root.page-brochures *){display:flex;gap:16px;width:max-content;animation:fmScroll 48s linear infinite}
.foot-marquee:hover .fm-track:where(:root.page-brochures,:root.page-brochures *){animation-play-state:paused}
html[data-motion="off"] .fm-track:where(:root.page-brochures,:root.page-brochures *){animation:none}
.fm-tile:where(:root.page-brochures,:root.page-brochures *){margin:0;flex:none;width:clamp(112px,11vw,150px)}
.fm-tile img:where(:root.page-brochures,:root.page-brochures *){width:100%;aspect-ratio:5/6;object-fit:cover;border-radius:14px;background:var(--paper-3); filter:grayscale(.1);transition:transform .4s var(--ease),filter .4s}
.fm-tile:hover img:where(:root.page-brochures,:root.page-brochures *){transform:translateY(-4px);filter:none}
.fm-tile figcaption:where(:root.page-brochures,:root.page-brochures *){display:none}

/* menu cards */
.foot-cards:where(:root.page-brochures,:root.page-brochures *){display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:clamp(28px,3vw,44px)}
.foot-card:where(:root.page-brochures,:root.page-brochures *){border:0;border-radius:18px;padding:clamp(22px,2vw,30px);background:linear-gradient(180deg,var(--wine-soft) 0%,var(--paper) 64%);transition:box-shadow .25s var(--ease),transform .25s var(--ease)}
.foot-card:hover:where(:root.page-brochures,:root.page-brochures *){box-shadow:var(--shadow-md);transform:translateY(-2px)}
.foot-card :is(h3,h4):where(:root.page-brochures,:root.page-brochures *){font-size:18px;font-weight:700;letter-spacing:-0.02em;color:var(--ink);margin-bottom:14px;font-family:var(--font-sans);text-transform:none}
.foot-links:where(:root.page-brochures,:root.page-brochures *){list-style:none;display:flex;flex-direction:column}
.foot-links li:where(:root.page-brochures,:root.page-brochures *){border-top:1px solid var(--wine-line)}
.foot-links li:first-child:where(:root.page-brochures,:root.page-brochures *){border-top:0}
.foot-links a:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 2px;font-size:14.5px;font-weight:500;color:var(--ink-2);transition:color .18s var(--ease),padding .18s var(--ease)}
.foot-links a:hover:where(:root.page-brochures,:root.page-brochures *){color:var(--wine);padding-left:6px}
.foot-viewall:where(:root.page-brochures,:root.page-brochures *){color:var(--wine)!important;font-weight:600}
.foot-card:where(:root.page-brochures,:root.page-brochures *){position:relative}
.foot-card:has(.foot-va:hover):where(:root.page-brochures,:root.page-brochures *),.foot-card:has(.foot-va:focus-within):where(:root.page-brochures,:root.page-brochures *){z-index:40}
.foot-va:where(:root.page-brochures,:root.page-brochures *){display:block;margin-top:14px}
.foot-viewall:where(:root.page-brochures,:root.page-brochures *){cursor:pointer;display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--wine)}
.foot-viewall .va-arr:where(:root.page-brochures,:root.page-brochures *){transition:transform .2s var(--ease)}
.foot-va:hover .va-arr:where(:root.page-brochures,:root.page-brochures *),.foot-va:focus-within .va-arr:where(:root.page-brochures,:root.page-brochures *){transform:translateX(3px)}
.foot-va-pop:where(:root.page-brochures,:root.page-brochures *){position:absolute;left:0;bottom:0;z-index:30;width:min(560px,140%); display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:14px;border-radius:16px;background:var(--paper);border:1px solid var(--line); box-shadow:0 30px 60px -22px rgba(20,16,22,.45),0 8px 20px -10px rgba(20,16,22,.2); opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s}
.foot-va:hover .foot-va-pop:where(:root.page-brochures,:root.page-brochures *),.foot-va:focus-within .foot-va-pop:where(:root.page-brochures,:root.page-brochures *){opacity:1;visibility:visible;transform:translateY(0)}
.foot-va-pop a:where(:root.page-brochures,:root.page-brochures *){display:block;padding:9px 12px;border-radius:9px;font-size:13px;font-weight:500;color:var(--ink-2);transition:background .16s,color .16s}
.foot-va-pop a:hover:where(:root.page-brochures,:root.page-brochures *){background:var(--wine-soft);color:var(--wine)}
.foot-h4row:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.foot-h4row .foot-viewall:where(:root.page-brochures,:root.page-brochures *){font-size:12px;font-weight:600;text-transform:none;letter-spacing:0}
.fl-arr:where(:root.page-brochures,:root.page-brochures *){color:var(--ink-3);font-size:16px;transition:transform .18s var(--ease),color .18s}
.foot-links a:hover .fl-arr:where(:root.page-brochures,:root.page-brochures *){color:var(--wine);transform:translateX(3px)}

/* bottom bar */
.foot-bottom:where(:root.page-brochures,:root.page-brochures *){display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap; margin-top:clamp(30px,3.4vw,48px);padding:24px 0;border-top:1px solid var(--line)}
.foot-bottom .copy:where(:root.page-brochures,:root.page-brochures *){font-size:13px;color:var(--ink-3);letter-spacing:.01em}
.foot-top:where(:root.page-brochures,:root.page-brochures *){display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-family:var(--font-mono)}
.foot-top .ft-ic:where(:root.page-brochures,:root.page-brochures *){width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:var(--wine);color:#fff;font-size:14px;transition:transform .2s var(--ease)}
.foot-top:hover .ft-ic:where(:root.page-brochures,:root.page-brochures *){transform:translateY(-3px)}

/* back-to-top → logo */
.foot-right:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;gap:clamp(14px,1.6vw,22px)}
.foot-social:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;gap:10px}
.foot-social a:where(:root.page-brochures,:root.page-brochures *){width:54px;height:54px;border-radius:50%;background:var(--wine-soft);display:grid;place-items:center;color:var(--wine);transition:color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease)}
.foot-social a:hover:where(:root.page-brochures,:root.page-brochures *){color:#fff;background:var(--wine);transform:translateY(-2px)}
.foot-social svg:where(:root.page-brochures,:root.page-brochures *){width:20px;height:20px;fill:currentColor}
.foot-sep:where(:root.page-brochures,:root.page-brochures *){width:1px;height:38px;background:var(--line);flex:none}
.foot-logo:where(:root.page-brochures,:root.page-brochures *){display:inline-flex;align-items:center;transition:transform .2s var(--ease)}
.foot-logo img:where(:root.page-brochures,:root.page-brochures *){height:52px;width:auto;object-fit:contain}
.foot-logo:hover:where(:root.page-brochures,:root.page-brochures *){transform:translateY(-3px)}

/* giant wordmark with people video */
.foot-wordmark:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;gap:clamp(20px,3vw,48px);margin-top:clamp(22px,2.6vw,40px);padding-bottom:clamp(16px,2.4vw,40px)}
.fw-img:where(:root.page-brochures,:root.page-brochures *){position:relative;flex:none;width:clamp(120px,14vw,188px);aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:var(--paper-3);display:block;cursor:pointer}
.fw-img video:where(:root.page-brochures,:root.page-brochures *),.fw-img img:where(:root.page-brochures,:root.page-brochures *){width:100%;height:100%;object-fit:cover;display:block}
.fw-ig:where(:root.page-brochures,:root.page-brochures *){position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;color:#fff; background:linear-gradient(160deg,rgba(193,53,132,.55),rgba(131,58,180,.5) 55%,rgba(253,170,90,.45)); opacity:0;transition:opacity .28s var(--ease)}
.fw-ig svg:where(:root.page-brochures,:root.page-brochures *){transform:scale(.8);transition:transform .28s var(--ease);filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}
.fw-img:hover .fw-ig:where(:root.page-brochures,:root.page-brochures *){opacity:1}
.fw-img:hover .fw-ig svg:where(:root.page-brochures,:root.page-brochures *){transform:scale(1)}
.fw-text:where(:root.page-brochures,:root.page-brochures *){font-weight:900;line-height:.92;letter-spacing:0.005em;color:#D8D3CC; font-size:clamp(60px,16.6vw,250px);white-space:nowrap;padding-bottom:0.1em;flex:1;text-align:right}

/* touch 1781880837256 */

/* floating Academic Transcripts pill (bottom-left) */
.et-float:where(:root.page-brochures,:root.page-brochures *){position:fixed;right:22px;left:auto;bottom:22px;z-index:120;display:inline-flex;flex-direction:row-reverse;align-items:center;gap:0; height:60px;width:60px;padding:8px;border-radius:100px;overflow:hidden; background:#fff;box-shadow:0 14px 34px -12px rgba(20,16,22,.34),0 4px 12px -6px rgba(20,16,22,.2); border:1px solid var(--line);text-decoration:none;white-space:nowrap; transition:width .34s var(--ease),box-shadow .34s var(--ease)}
.et-float .et-ic:where(:root.page-brochures,:root.page-brochures *){width:44px;height:44px;border-radius:50%;flex:none;display:grid;place-items:center;overflow:hidden}
.et-float .et-ic img:where(:root.page-brochures,:root.page-brochures *){width:100%;height:100%;object-fit:contain;display:block}
.et-float .et-tx:where(:root.page-brochures,:root.page-brochures *){font-size:14px;font-weight:700;color:var(--wine);letter-spacing:-0.01em;opacity:0; padding:0 6px 0 14px;transition:opacity .28s var(--ease) .06s}
.et-float:hover:where(:root.page-brochures,:root.page-brochures *){width:250px;box-shadow:0 20px 44px -14px rgba(20,16,22,.42)}
.et-float:hover .et-tx:where(:root.page-brochures,:root.page-brochures *){opacity:1}
.brand .mark .seal:where(:root.page-brochures,:root.page-brochures *){fill:var(--wine)}
.eco-glyph:where(:root.page-brochures,:root.page-brochures *),.intg-core .ic-mark:where(:root.page-brochures,:root.page-brochures *),.ind-flowcard .ifn:where(:root.page-brochures,:root.page-brochures *){transition:background .3s var(--ease)}
.rsw:where(:root.page-brochures,:root.page-brochures *){max-width:min(1520px,calc(100vw - 2*var(--gut)));margin-inline:auto}
.rs-hero:where(:root.page-brochures,:root.page-brochures *){text-align:center;padding:clamp(150px,15vw,190px) 0 clamp(46px,5vw,80px);position:relative;overflow:hidden;background-image: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='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E"),linear-gradient(180deg,#6E101D 0%,#8C1729 42%,#A82C43 100%);color:#fff}
.rs-hero:where(:root.page-brochures,:root.page-brochures *)::before{content:"";position:absolute;left:50%;top:-46%;width:min(1200px,120vw);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:1px dashed rgba(255,255,255,.22);pointer-events:none;animation:rsSpin 90s linear infinite}
.rs-hero:where(:root.page-brochures,:root.page-brochures *)::after{content:"";position:absolute;left:50%;top:-30%;width:min(880px,90vw);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:1px dashed rgba(255,255,255,.15);pointer-events:none}
.rs-hero .rsw:where(:root.page-brochures,:root.page-brochures *){position:relative}
.rs-k:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--wine);font-weight:500}
.rs-hero .rs-k:where(:root.page-brochures,:root.page-brochures *){color:rgba(255,255,255,.8)}
.rs-hero h1:where(:root.page-brochures,:root.page-brochures *){margin:14px auto 0;font-size:clamp(34px,4.3vw,56px);line-height:1.02;letter-spacing:-.04em;font-weight:700;max-width:18ch}
.rs-hero p:where(:root.page-brochures,:root.page-brochures *){margin:18px auto 0;font-size:clamp(15px,1.35vw,18px);line-height:1.6;color:rgba(255,255,255,.84);max-width:600px}
.rs-search:where(:root.page-brochures,:root.page-brochures *){margin:30px auto 0;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.34);backdrop-filter:blur(8px);border-radius:100px;padding:5px 6px 5px 20px;max-width:480px}
.rs-search svg:where(:root.page-brochures,:root.page-brochures *){width:17px;height:17px;color:rgba(255,255,255,.7);flex:none}
.rs-search input:where(:root.page-brochures,:root.page-brochures *){flex:1;border:0;outline:0;background:none;font-family:inherit;font-size:14.5px;color:#fff;padding:11px 0}
.rs-search input:where(:root.page-brochures,:root.page-brochures *)::placeholder{color:rgba(255,255,255,.66)}

/* sticky tabs */
.rs-tabs-wrap:where(:root.page-brochures,:root.page-brochures *){position:sticky;top:88px;z-index:30;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.rs-tabs:where(:root.page-brochures,:root.page-brochures *){display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:10px 0}
.rs-tabs:where(:root.page-brochures,:root.page-brochures *)::-webkit-scrollbar{display:none}
.rs-tab:where(:root.page-brochures,:root.page-brochures *){position:relative;border:1px solid transparent;background:none;font-family:inherit;font-size:14.5px;font-weight:500;color:var(--ink-2);padding:10px 18px;border-radius:100px;white-space:nowrap;transition:.22s var(--ease);display:flex;align-items:center;gap:9px}
.rs-tab .c:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3);background:var(--paper-3);border-radius:100px;padding:2px 7px;transition:.22s}
.rs-tab:hover:where(:root.page-brochures,:root.page-brochures *){background:var(--paper-2);color:var(--ink)}
.rs-tab.on:where(:root.page-brochures,:root.page-brochures *){background:var(--wine-soft);border-color:var(--wine-line);color:var(--wine);font-weight:700}
.rs-tab.on .c:where(:root.page-brochures,:root.page-brochures *){background:var(--wine);color:#fff}

/* featured */
.rs-feat:where(:root.page-brochures,:root.page-brochures *){display:grid;grid-template-columns:.72fr 1fr;gap:clamp(24px,3.4vw,56px);align-items:center;margin-top:clamp(34px,4vw,56px);padding-bottom:clamp(34px,4vw,56px);border-bottom:1px solid var(--line);cursor:pointer}
.rs-feat-img:where(:root.page-brochures,:root.page-brochures *){position:relative;border-radius:18px;overflow:hidden;aspect-ratio:16/11;max-width:520px;background:var(--paper-3)}
.rs-feat-img img:where(:root.page-brochures,:root.page-brochures *){width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.rs-feat:hover .rs-feat-img img:where(:root.page-brochures,:root.page-brochures *){transform:scale(1.045)}
.rs-badge:where(:root.page-brochures,:root.page-brochures *){position:absolute;left:16px;top:16px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;background:var(--wine);color:#fff;padding:6px 11px;border-radius:100px}
.rs-feat h2:where(:root.page-brochures,:root.page-brochures *){margin:16px 0 0;font-size:clamp(24px,2.9vw,40px);line-height:1.1;letter-spacing:-.032em;font-weight:700;text-wrap:balance}
.rs-feat:hover h2:where(:root.page-brochures,:root.page-brochures *){color:var(--wine)}
.rs-feat p:where(:root.page-brochures,:root.page-brochures *){margin:16px 0 0;font-size:15.6px;line-height:1.62;color:var(--ink-2)}
.rs-meta:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;gap:14px;margin-top:20px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.rs-meta i:where(:root.page-brochures,:root.page-brochures *){width:4px;height:4px;border-radius:50%;background:var(--ink-3);display:block}

/* list */
.rs-list:where(:root.page-brochures,:root.page-brochures *){border-top:1px solid transparent}
.rs-row:where(:root.page-brochures,:root.page-brochures *){display:grid;grid-template-columns:270px 1fr auto;gap:clamp(18px,2.6vw,40px);align-items:center;padding:clamp(20px,2.2vw,28px) 10px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .3s var(--ease),padding-left .3s var(--ease);opacity:0;transform:translateY(14px)}
.rs-row.in:where(:root.page-brochures,:root.page-brochures *){opacity:1;transform:none;transition:opacity .5s var(--ease),transform .5s var(--ease),background .3s,padding-left .3s}
.rs-row:hover:where(:root.page-brochures,:root.page-brochures *){background:var(--paper-2);padding-left:20px}
.rs-thumb:where(:root.page-brochures,:root.page-brochures *){border-radius:14px;overflow:hidden;aspect-ratio:16/11;background:var(--paper-3)}
.rs-thumb img:where(:root.page-brochures,:root.page-brochures *){width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.rs-row:hover .rs-thumb img:where(:root.page-brochures,:root.page-brochures *){transform:scale(1.07)}
.rs-cat:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--wine)}
.rs-row h3:where(:root.page-brochures,:root.page-brochures *){margin:9px 0 0;font-size:clamp(17px,1.75vw,23px);line-height:1.22;letter-spacing:-.028em;font-weight:600;text-wrap:pretty}
.rs-row:hover h3:where(:root.page-brochures,:root.page-brochures *){color:var(--wine)}
.rs-row p:where(:root.page-brochures,:root.page-brochures *){margin:9px 0 0;font-size:15px;line-height:1.55;color:var(--ink-2);max-width:70ch}
.rs-go:where(:root.page-brochures,:root.page-brochures *){display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);color:var(--ink-3);flex:none;transition:.28s var(--ease)}
.rs-row:hover .rs-go:where(:root.page-brochures,:root.page-brochures *){background:var(--wine);border-color:var(--wine);color:#fff;transform:translateX(4px)}
.rs-empty:where(:root.page-brochures,:root.page-brochures *){padding:70px 0;text-align:center;color:var(--ink-3);font-size:15px}
.rs-more:where(:root.page-brochures,:root.page-brochures *){display:flex;justify-content:center;margin-top:44px}

/* newsletter */
.rs-nl:where(:root.page-brochures,:root.page-brochures *){background:var(--paper-3);border-radius:24px;padding:clamp(32px,4vw,60px);display:flex;flex-wrap:wrap;gap:26px;align-items:center;justify-content:space-between}
.rs-nl h3:where(:root.page-brochures,:root.page-brochures *){margin:0;font-size:clamp(23px,2.6vw,36px);line-height:1.1;letter-spacing:-.03em;font-weight:700;max-width:16ch}
.rs-nl p:where(:root.page-brochures,:root.page-brochures *){margin:12px 0 0;font-size:15.5px;color:var(--ink-2);max-width:44ch}
.rs-mail:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:100px;padding:5px 5px 5px 20px}
.rs-mail input:where(:root.page-brochures,:root.page-brochures *){border:0;outline:0;background:none;font-family:inherit;font-size:14.5px;width:min(250px,44vw);color:var(--ink)}
.rs-mail button:where(:root.page-brochures,:root.page-brochures *){border:0;border-radius:100px;background:var(--wine);color:#fff;font-family:inherit;font-weight:700;font-size:14px;padding:12px 22px;cursor:pointer;transition:.2s}
.rs-mail button:hover:where(:root.page-brochures,:root.page-brochures *){background:var(--wine-deep)}

/* ---------- article detail ---------- */
.rs-article:where(:root.page-brochures,:root.page-brochures *){display:none}
body.rs-detail .rs-index:where(:root.page-brochures,:root.page-brochures *){display:none}
body.rs-detail .rs-article:where(:root.page-brochures,:root.page-brochures *){display:block}
.rs-prog:where(:root.page-brochures,:root.page-brochures *){position:fixed;left:0;top:0;height:3px;background:var(--wine);width:0;z-index:200;transition:width .1s linear}
.ar-hero:where(:root.page-brochures,:root.page-brochures *){min-height:clamp(400px,46vw,560px);padding:clamp(150px,15vw,190px) 0 clamp(186px,15vw,196px);position:relative;overflow:hidden;background-image: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='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E"),linear-gradient(180deg,#6E101D 0%,#8C1729 44%,#A82C43 100%);color:#fff;text-align:center}
.ar-hero:where(:root.page-brochures,:root.page-brochures *)::before{content:"";position:absolute;left:50%;top:-46%;width:min(1200px,120vw);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:1px dashed rgba(255,255,255,.22);pointer-events:none;animation:rsSpin 90s linear infinite}
.ar-hero:where(:root.page-brochures,:root.page-brochures *)::after{content:"";position:absolute;left:50%;top:-30%;width:min(880px,90vw);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:1px dashed rgba(255,255,255,.15);pointer-events:none}
.ar-head:where(:root.page-brochures,:root.page-brochures *){max-width:900px;margin-inline:auto;position:relative}
.ar-hero .rs-meta:where(:root.page-brochures,:root.page-brochures *){justify-content:center;color:rgba(255,255,255,.74)}
.ar-hero .rs-meta i:where(:root.page-brochures,:root.page-brochures *){background:rgba(255,255,255,.6)}
.ar-back:where(:root.page-brochures,:root.page-brochures *){display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;color:rgba(255,255,255,.82);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);border-radius:100px;padding:8px 18px;font-family:inherit;cursor:pointer;transition:.22s var(--ease);margin-bottom:24px}
.ar-back:hover:where(:root.page-brochures,:root.page-brochures *){color:#fff;background:rgba(255,255,255,.2);gap:13px}
.ar-hero h1:where(:root.page-brochures,:root.page-brochures *){margin:20px auto 0;font-size:clamp(30px,4.2vw,58px);line-height:1.05;letter-spacing:-.038em;font-weight:700;max-width:19ch;text-wrap:balance}
.ar-lead:where(:root.page-brochures,:root.page-brochures *){margin:20px auto 0;font-size:clamp(16px,1.5vw,20px);line-height:1.58;color:rgba(255,255,255,.84);max-width:62ch}
.ar-cover:where(:root.page-brochures,:root.page-brochures *){position:relative;z-index:2;margin:clamp(-160px,-11vw,-110px) auto 0;max-width:1240px;border-radius:26px;overflow:hidden;aspect-ratio:21/8;background:var(--paper-3);box-shadow:0 60px 120px -56px rgba(52,8,16,.55)}
.ar-cover img:where(:root.page-brochures,:root.page-brochures *){width:100%;height:100%;object-fit:cover}
.ar-body:where(:root.page-brochures,:root.page-brochures *){display:grid;grid-template-columns:230px minmax(0,720px) 1fr;gap:clamp(28px,4vw,72px);padding-block:clamp(44px,5vw,80px)}
.ar-toc:where(:root.page-brochures,:root.page-brochures *){position:sticky;top:130px;align-self:start}
.ar-toc h6:where(:root.page-brochures,:root.page-brochures *){margin:0 0 14px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500}
.ar-toc a:where(:root.page-brochures,:root.page-brochures *){display:block;font-size:13.6px;line-height:1.4;color:var(--ink-3);padding:8px 0 8px 14px;border-left:2px solid var(--line);transition:.22s}
.ar-toc a:hover:where(:root.page-brochures,:root.page-brochures *){color:var(--ink)}
.ar-toc a.on:where(:root.page-brochures,:root.page-brochures *){color:var(--wine);border-left-color:var(--wine);font-weight:600}
.ar-prose h2:where(:root.page-brochures,:root.page-brochures *){margin:44px 0 0;font-size:clamp(22px,2.3vw,30px);line-height:1.15;letter-spacing:-.03em;font-weight:700;scroll-margin-top:130px}
.ar-prose h2:first-child:where(:root.page-brochures,:root.page-brochures *){margin-top:0}
.ar-meta:where(:root.page-brochures,:root.page-brochures *){margin:0 0 26px;padding-bottom:20px;border-bottom:1px solid var(--line);justify-content:flex-start}
.ar-prose p:where(:root.page-brochures,:root.page-brochures *){margin:16px 0 0;font-size:16.6px;line-height:1.72;color:var(--ink-2)}
.ar-prose ul:where(:root.page-brochures,:root.page-brochures *){margin:18px 0 0;padding-left:0;list-style:none}
.ar-prose li:where(:root.page-brochures,:root.page-brochures *){position:relative;padding-left:24px;margin-top:11px;font-size:16.2px;line-height:1.65;color:var(--ink-2)}
.ar-prose li:where(:root.page-brochures,:root.page-brochures *)::before{content:"";position:absolute;left:2px;top:11px;width:7px;height:7px;border-radius:2px;background:var(--wine)}
.ar-pull:where(:root.page-brochures,:root.page-brochures *){margin:44px 0;padding:28px 0 28px 30px;border-left:3px solid var(--wine);font-size:clamp(19px,2vw,25px);line-height:1.36;letter-spacing:-.024em;font-weight:600;color:var(--ink)}
.ar-side:where(:root.page-brochures,:root.page-brochures *){align-self:start;position:sticky;top:130px}
.ar-cta:where(:root.page-brochures,:root.page-brochures *){background:var(--wine);color:#fff;border-radius:18px;padding:26px}
.ar-form:where(:root.page-brochures,:root.page-brochures *){background:var(--paper-3);border-radius:18px;padding:24px}
.ar-form>b:where(:root.page-brochures,:root.page-brochures *){display:block;font-size:17px;font-weight:700;letter-spacing:-.022em}
.ar-form>p:where(:root.page-brochures,:root.page-brochures *){margin:9px 0 18px;font-size:13.5px;line-height:1.55;color:var(--ink-2)}
.ar-form form:where(:root.page-brochures,:root.page-brochures *){display:flex;flex-direction:column;gap:11px}
.ar-form label:where(:root.page-brochures,:root.page-brochures *){display:flex;flex-direction:column;gap:5px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3)}
.ar-form input:where(:root.page-brochures,:root.page-brochures *),.ar-form textarea:where(:root.page-brochures,:root.page-brochures *){border:1px solid var(--line);border-radius:9px;background:#fff;padding:10px 12px;font-family:var(--font-sans);font-size:13.6px;color:var(--ink);outline:0;transition:.2s;resize:vertical}
.ar-form input:focus:where(:root.page-brochures,:root.page-brochures *),.ar-form textarea:focus:where(:root.page-brochures,:root.page-brochures *){border-color:var(--wine);box-shadow:0 0 0 3px rgba(155,27,46,.09)}
.ar-form button:where(:root.page-brochures,:root.page-brochures *){margin-top:4px;border:0;border-radius:100px;background:var(--wine);color:#fff;font-family:inherit;font-weight:700;font-size:13.8px;padding:12px 20px;cursor:pointer;transition:.2s}
.ar-form button:hover:where(:root.page-brochures,:root.page-brochures *){background:var(--wine-deep)}
.ar-form-note:where(:root.page-brochures,:root.page-brochures *){display:block;margin-top:12px;font-size:11.5px;line-height:1.45;color:var(--ink-3)}
.ar-cta b:where(:root.page-brochures,:root.page-brochures *){display:block;font-size:17px;font-weight:700;letter-spacing:-.02em}
.ar-cta p:where(:root.page-brochures,:root.page-brochures *){margin:10px 0 18px;font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.82)}
.ar-cta a:where(:root.page-brochures,:root.page-brochures *){display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--wine);border-radius:100px;padding:10px 18px;font-size:13.5px;font-weight:700}
.ar-share:where(:root.page-brochures,:root.page-brochures *){margin-top:22px;display:flex;gap:8px}
.ar-share a:where(:root.page-brochures,:root.page-brochures *){width:38px;height:38px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-3);transition:.22s}
.ar-share a:hover:where(:root.page-brochures,:root.page-brochures *){border-color:var(--wine);color:var(--wine)}
.ar-share svg:where(:root.page-brochures,:root.page-brochures *){width:16px;height:16px;fill:currentColor}
.ar-rel:where(:root.page-brochures,:root.page-brochures *){border-top:1px solid var(--line);padding-block:clamp(44px,5vw,76px)}
.ar-rel h3:where(:root.page-brochures,:root.page-brochures *){margin:0 0 28px;font-size:clamp(21px,2.2vw,30px);letter-spacing:-.03em;font-weight:700}
.ar-rel-grid:where(:root.page-brochures,:root.page-brochures *){display:grid;grid-template-columns:1fr;gap:0}
.ar-rc:where(:root.page-brochures,:root.page-brochures *){cursor:pointer;display:grid;grid-template-columns:270px 1fr auto;gap:clamp(18px,2.6vw,40px);align-items:center;padding:clamp(20px,2.2vw,28px) 10px;border-bottom:1px solid var(--line);transition:background .3s var(--ease),padding-left .3s var(--ease)}
.ar-rc:hover:where(:root.page-brochures,:root.page-brochures *){background:var(--paper-2);padding-left:20px}
.ar-rc .im:where(:root.page-brochures,:root.page-brochures *){border-radius:14px;overflow:hidden;aspect-ratio:16/11;background:var(--paper-3)}
.ar-rc img:where(:root.page-brochures,:root.page-brochures *){width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.ar-rc:hover img:where(:root.page-brochures,:root.page-brochures *){transform:scale(1.06)}
.ar-rc h4:where(:root.page-brochures,:root.page-brochures *){margin:9px 0 0;font-size:clamp(17px,1.75vw,23px);line-height:1.22;letter-spacing:-.028em;font-weight:600}
.ar-rc:hover h4:where(:root.page-brochures,:root.page-brochures *){color:var(--wine)}
.ar-rc p:where(:root.page-brochures,:root.page-brochures *){margin:9px 0 0;font-size:15px;line-height:1.55;color:var(--ink-2);max-width:70ch}

/* ---------- list: sidebar + grid ---------- */
.rs-shell:where(:root.page-brochures,:root.page-brochures *){display:grid;grid-template-columns:284px minmax(0,1fr);gap:clamp(24px,3vw,52px);align-items:start;margin-top:clamp(30px,3.4vw,48px)}
.rs-side-in:where(:root.page-brochures,:root.page-brochures *){position:sticky;top:118px;display:flex;flex-direction:column;gap:14px}
.rs-sbox:where(:root.page-brochures,:root.page-brochures *){background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}
.rs-sbox h6:where(:root.page-brochures,:root.page-brochures *){margin:0 0 13px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500}
.rs-sfield:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:100px;padding:0 8px 0 15px;background:var(--paper-2);transition:.25s var(--ease)}
.rs-sfield:focus-within:where(:root.page-brochures,:root.page-brochures *){border-color:var(--wine);background:#fff;box-shadow:0 0 0 3px rgba(155,27,46,.08)}
.rs-sfield svg:where(:root.page-brochures,:root.page-brochures *){width:15px;height:15px;color:var(--ink-3);flex:none}
.rs-sfield input:where(:root.page-brochures,:root.page-brochures *){flex:1;min-width:0;border:0;outline:0;background:none;font-family:inherit;font-size:14px;color:var(--ink);padding:11px 0}
.rs-sfield input:where(:root.page-brochures,:root.page-brochures *)::-webkit-search-cancel-button{display:none}
.rs-sclear:where(:root.page-brochures,:root.page-brochures *){border:0;background:none;cursor:pointer;font-size:19px;line-height:1;color:var(--ink-3);padding:4px 6px;transition:color .2s}
.rs-sclear:hover:where(:root.page-brochures,:root.page-brochures *){color:var(--wine)}
.rs-scount:where(:root.page-brochures,:root.page-brochures *){display:block;margin-top:11px;font-family:var(--font-mono);font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3)}
.rs-cats:where(:root.page-brochures,:root.page-brochures *){display:flex;flex-direction:column;gap:2px}
.rs-cat-b:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:0;background:none;cursor:pointer; font-family:inherit;font-size:14px;font-weight:500;color:var(--ink-2);text-align:left;padding:10px 12px;border-radius:11px;transition:.24s var(--ease)}
.rs-cat-b .n:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3);background:var(--paper-3);border-radius:100px;padding:3px 8px;transition:.24s var(--ease)}
.rs-cat-b:hover:where(:root.page-brochures,:root.page-brochures *){background:var(--paper-2);color:var(--ink)}
.rs-cat-b.on:where(:root.page-brochures,:root.page-brochures *){background:var(--wine-soft);color:var(--wine);font-weight:700}
.rs-cat-b.on .n:where(:root.page-brochures,:root.page-brochures *){background:var(--wine);color:#fff}
.rs-sdemo:where(:root.page-brochures,:root.page-brochures *){position:relative;overflow:hidden;border-radius:18px;padding:24px;color:#fff; background-image: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='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E"),linear-gradient(155deg,#A6333E 0%,#7C1623 58%,#5E1020 100%)}
.rs-sdemo:where(:root.page-brochures,:root.page-brochures *)::after{content:"";position:absolute;right:-40px;top:-40px;width:150px;height:150px;border-radius:50%;border:1px dashed rgba(255,255,255,.3);pointer-events:none}
.rs-sdemo b:where(:root.page-brochures,:root.page-brochures *){position:relative;display:block;font-size:17px;font-weight:700;letter-spacing:-.024em}
.rs-sdemo p:where(:root.page-brochures,:root.page-brochures *){position:relative;margin:9px 0 18px;font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.82)}
.rs-sbtn:where(:root.page-brochures,:root.page-brochures *){position:relative;display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--wine);border-radius:100px;padding:11px 20px;font-size:13.6px;font-weight:700;transition:.25s var(--ease)}
.rs-sbtn:hover:where(:root.page-brochures,:root.page-brochures *){gap:12px;box-shadow:0 14px 30px -16px rgba(0,0,0,.4)}
.rs-grid:where(:root.page-brochures,:root.page-brochures *){display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.8vw,24px)}
.rs-card:where(:root.page-brochures,:root.page-brochures *){display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;cursor:pointer; opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease),transform .5s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease)}
.rs-card.in:where(:root.page-brochures,:root.page-brochures *){opacity:1;transform:none}
.rs-card:hover:where(:root.page-brochures,:root.page-brochures *){border-color:var(--wine-line);box-shadow:0 34px 68px -44px rgba(20,22,27,.42);transform:translateY(-5px)}
.rs-cthumb:where(:root.page-brochures,:root.page-brochures *){position:relative;aspect-ratio:16/10;background:var(--paper-3);overflow:hidden}
.rs-cthumb img:where(:root.page-brochures,:root.page-brochures *){width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.rs-card:hover .rs-cthumb img:where(:root.page-brochures,:root.page-brochures *){transform:scale(1.06)}
.rs-ctag:where(:root.page-brochures,:root.page-brochures *){position:absolute;left:13px;top:13px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase; background:rgba(255,255,255,.92);backdrop-filter:blur(6px);color:var(--wine);padding:6px 11px;border-radius:100px}
.rs-cbody:where(:root.page-brochures,:root.page-brochures *){display:flex;flex-direction:column;flex:1;padding:20px}
.rs-card h3:where(:root.page-brochures,:root.page-brochures *){margin:0;font-size:17.5px;line-height:1.26;letter-spacing:-.026em;font-weight:700;text-wrap:pretty;transition:color .25s var(--ease)}
.rs-card:hover h3:where(:root.page-brochures,:root.page-brochures *){color:var(--wine)}
.rs-card p:where(:root.page-brochures,:root.page-brochures *){margin:10px 0 0;font-size:13.5px;line-height:1.56;color:var(--ink-2);text-wrap:pretty}
.rs-card .rs-meta:where(:root.page-brochures,:root.page-brochures *){margin-top:auto;padding-top:18px}
.rs-empty:where(:root.page-brochures,:root.page-brochures *){padding:70px 0;text-align:center;color:var(--ink-3);font-size:15px}

/* ---------- detail: listen ---------- */
.rs-prog:where(:root.page-brochures,:root.page-brochures *){height:4px;box-shadow:0 0 14px rgba(155,27,46,.45)}
.ar-listen:where(:root.page-brochures,:root.page-brochures *){margin-left:auto;display:inline-flex;align-items:center;gap:10px;border:1px solid var(--wine-line);background:var(--wine-soft); border-radius:100px;padding:7px 16px 7px 8px;cursor:pointer;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em; text-transform:uppercase;color:var(--wine);transition:.28s var(--ease)}
.ar-listen:hover:where(:root.page-brochures,:root.page-brochures *){background:var(--wine);color:#fff;border-color:var(--wine)}
.al-ic:where(:root.page-brochures,:root.page-brochures *){display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--wine);flex:none;transition:.28s var(--ease)}
.ar-listen:hover .al-ic:where(:root.page-brochures,:root.page-brochures *){background:#fff}
.al-ic svg:where(:root.page-brochures,:root.page-brochures *){width:15px;height:15px;fill:#fff;transition:fill .28s var(--ease)}
.ar-listen:hover .al-ic svg:where(:root.page-brochures,:root.page-brochures *){fill:var(--wine)}
.al-pause:where(:root.page-brochures,:root.page-brochures *),.ar-listen.on .al-play:where(:root.page-brochures,:root.page-brochures *){display:none}
.ar-listen.on .al-pause:where(:root.page-brochures,:root.page-brochures *){display:block}
.al-wave:where(:root.page-brochures,:root.page-brochures *){display:none;align-items:flex-end;gap:2.5px;height:14px}
.ar-listen.on .al-wave:where(:root.page-brochures,:root.page-brochures *){display:flex}
.al-wave i:where(:root.page-brochures,:root.page-brochures *){width:2.5px;border-radius:2px;background:currentColor;animation:alW .9s ease-in-out infinite}
.al-wave i:nth-child(1):where(:root.page-brochures,:root.page-brochures *){height:6px;animation-delay:0s}
.al-wave i:nth-child(2):where(:root.page-brochures,:root.page-brochures *){height:13px;animation-delay:.15s}
.al-wave i:nth-child(3):where(:root.page-brochures,:root.page-brochures *){height:8px;animation-delay:.3s}
.al-wave i:nth-child(4):where(:root.page-brochures,:root.page-brochures *){height:11px;animation-delay:.45s}
html[data-motion="off"] .al-wave i:where(:root.page-brochures,:root.page-brochures *){animation:none}

/* ---------- detail: share in rail ---------- */
.ar-shareblk:where(:root.page-brochures,:root.page-brochures *){margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
.ar-shareblk h6:where(:root.page-brochures,:root.page-brochures *){margin:0 0 12px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500}
.ar-share:where(:root.page-brochures,:root.page-brochures *){margin:0;display:flex;flex-wrap:wrap;gap:8px}
.ar-share a:where(:root.page-brochures,:root.page-brochures *),.ar-copy:where(:root.page-brochures,:root.page-brochures *){width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center; color:var(--ink-3);cursor:pointer;transition:.25s var(--ease)}
.ar-share a:hover:where(:root.page-brochures,:root.page-brochures *),.ar-copy:hover:where(:root.page-brochures,:root.page-brochures *){border-color:var(--wine);color:#fff;background:var(--wine);transform:translateY(-3px)}
.ar-share svg:where(:root.page-brochures,:root.page-brochures *){width:16px;height:16px;fill:currentColor}
.ar-copy svg:where(:root.page-brochures,:root.page-brochures *){fill:none;stroke:currentColor}
.ar-copy.done:where(:root.page-brochures,:root.page-brochures *){border-color:var(--wine);background:var(--wine);color:#fff}

/* ---------- detail: AI summarise ---------- */
.ar-ai:where(:root.page-brochures,:root.page-brochures *){margin-top:56px;border:1px solid var(--line);border-radius:22px;padding:clamp(24px,2.6vw,34px);background:var(--paper-2);position:relative;overflow:hidden}
.ar-ai:where(:root.page-brochures,:root.page-brochures *)::before{content:"";position:absolute;right:-70px;top:-70px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(155,27,46,.12),transparent 66%);pointer-events:none}
.ar-ai-k:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--wine)}
.ar-ai h3:where(:root.page-brochures,:root.page-brochures *){margin:12px 0 0;font-size:clamp(20px,2.1vw,27px);line-height:1.14;letter-spacing:-.03em;font-weight:700}
.ar-ai-h p:where(:root.page-brochures,:root.page-brochures *){margin:10px 0 0;font-size:15px;line-height:1.56;color:var(--ink-2)}
.ar-ai-row:where(:root.page-brochures,:root.page-brochures *){position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px}
.ar-ai-b:where(:root.page-brochures,:root.page-brochures *){display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;transition:.28s var(--ease)}
.ar-ai-b:hover:where(:root.page-brochures,:root.page-brochures *){border-color:var(--wine-line);transform:translateY(-3px);box-shadow:0 22px 44px -30px rgba(20,22,27,.4)}
.aib-m:where(:root.page-brochures,:root.page-brochures *){display:grid;place-items:center;width:38px;height:38px;border-radius:11px;flex:none;background:var(--b);color:#fff; font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.02em}
.aib-t:where(:root.page-brochures,:root.page-brochures *){display:flex;flex-direction:column;gap:2px;font-size:14.4px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.aib-t i:where(:root.page-brochures,:root.page-brochures *){font-style:normal;font-family:var(--font-mono);font-size:9.5px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.ar-ai-note:where(:root.page-brochures,:root.page-brochures *){position:relative;margin:16px 0 0;font-size:12px;color:var(--ink-3)}
.ar-body:where(:root.page-brochures,:root.page-brochures *){grid-template-columns:250px minmax(0,1fr)}
.ar-prose:where(:root.page-brochures,:root.page-brochures *){max-width:820px}
.vd-eyebrow:where(:root.page-brochures,:root.page-brochures *){display:inline-flex;align-items:center;gap:10px;padding:7px 16px 7px 13px;border-radius:100px;border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.10);backdrop-filter:blur(6px);font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.94)}
.vd-eyebrow b:where(:root.page-brochures,:root.page-brochures *){width:6px;height:6px;border-radius:50%;background:#fff;display:block}
.br-sec:where(:root.page-brochures,:root.page-brochures *){padding-block:70px}
.br-grid:where(:root.page-brochures,:root.page-brochures *){display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,26px)}
.br-card:where(:root.page-brochures,:root.page-brochures *){display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(24px,2.4vw,34px);transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease)}
.br-card:hover:where(:root.page-brochures,:root.page-brochures *){transform:translateY(-5px);border-color:var(--wine-line);box-shadow:0 36px 74px -44px rgba(110,18,28,.45)}
.br-ring:where(:root.page-brochures,:root.page-brochures *){display:grid;place-items:center;width:74px;height:74px;border-radius:50%;border:2px solid var(--wine);background:#fff;transition:.4s var(--ease)}
.br-ring svg:where(:root.page-brochures,:root.page-brochures *){width:32px;height:32px;fill:none;stroke:var(--wine);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:.4s var(--ease)}
.br-ring rect:where(:root.page-brochures,:root.page-brochures *){fill:var(--wine);stroke:none}
.br-card:hover .br-ring:where(:root.page-brochures,:root.page-brochures *){background:var(--wine);transform:translateY(-2px);box-shadow:0 18px 38px -18px var(--wine)}
.br-card:hover .br-ring svg:where(:root.page-brochures,:root.page-brochures *){stroke:#fff}
.br-card:hover .br-ring rect:where(:root.page-brochures,:root.page-brochures *){fill:#fff}
.br-k:where(:root.page-brochures,:root.page-brochures *){display:block;margin:22px 0 0;font-family:var(--font-mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3)}
.br-card h3:where(:root.page-brochures,:root.page-brochures *){margin:11px 0 0;font-size:clamp(19px,1.8vw,22px);font-weight:700;letter-spacing:-.032em;line-height:1.14}
.br-card p:where(:root.page-brochures,:root.page-brochures *){margin:13px 0 0;font-size:15px;line-height:1.6;color:var(--ink-2);text-wrap:pretty}
.br-card p:where(:root.page-brochures,:root.page-brochures *){flex:1}
.br-cta:where(:root.page-brochures,:root.page-brochures *){display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:26px;padding:14px 22px;border-radius:100px;cursor:pointer; background:var(--wine);border:0;color:#fff;font-family:inherit;font-size:14px;font-weight:600;letter-spacing:-.012em;transition:.32s var(--ease)}
.br-cta:hover:where(:root.page-brochures,:root.page-brochures *){background:var(--wine-deep);box-shadow:0 20px 42px -20px var(--wine)}
.br-cta .arr:where(:root.page-brochures,:root.page-brochures *){transition:transform .32s var(--ease)}
.br-cta:hover .arr:where(:root.page-brochures,:root.page-brochures *){transform:translateY(2px)}

/* gated form overlay */
.br-modal:where(:root.page-brochures,:root.page-brochures *){position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:clamp(16px,4vw,48px)}
.br-modal[hidden]:where(:root.page-brochures,:root.page-brochures *){display:none}
.br-back:where(:root.page-brochures,:root.page-brochures *){position:absolute;inset:0;background:rgba(30,8,14,.72);backdrop-filter:blur(6px);animation:brFade .35s var(--ease)}
.br-sheet:where(:root.page-brochures,:root.page-brochures *){position:relative;width:min(520px,100%);background:#fff;border-radius:24px;padding:clamp(28px,3vw,42px); box-shadow:0 70px 130px -50px rgba(30,8,14,.7);animation:brRise .45s cubic-bezier(.19,1,.22,1);max-height:calc(100vh - 2*clamp(16px,4vw,48px));overflow-y:auto}
.br-x:where(:root.page-brochures,:root.page-brochures *){position:absolute;right:18px;top:18px;width:34px;height:34px;border-radius:50%;cursor:pointer;background:var(--paper-3);border:1px solid var(--line);color:var(--ink-2);font-size:19px;line-height:1;transition:.3s var(--ease)}
.br-x:hover:where(:root.page-brochures,:root.page-brochures *){background:var(--wine);border-color:var(--wine);color:#fff}
.br-mk:where(:root.page-brochures,:root.page-brochures *){font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--wine)}
.br-sheet h2:where(:root.page-brochures,:root.page-brochures *){margin:12px 0 0;font-size:clamp(22px,2.4vw,30px);font-weight:700;letter-spacing:-.034em;line-height:1.1}
.br-msub:where(:root.page-brochures,:root.page-brochures *){margin:11px 0 0;font-size:13.8px;line-height:1.55;color:var(--ink-2)}
.br-which:where(:root.page-brochures,:root.page-brochures *){margin:18px 0 0;padding:12px 16px;border-radius:12px;background:var(--wine-soft);border:1px solid var(--wine-line); font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--wine)}
.br-form:where(:root.page-brochures,:root.page-brochures *){display:flex;flex-direction:column;gap:14px;margin-top:22px}
.br-l:where(:root.page-brochures,:root.page-brochures *){display:flex;flex-direction:column;gap:7px}
.br-l span:where(:root.page-brochures,:root.page-brochures *){font-size:12.5px;font-weight:600;letter-spacing:-.008em;color:var(--ink-2)}
.br-l input:where(:root.page-brochures,:root.page-brochures *){font-family:inherit;font-size:14.5px;color:var(--ink);background:var(--paper-2);border:1px solid var(--line);border-radius:12px;padding:13px 15px;transition:.28s var(--ease)}
.br-l input:where(:root.page-brochures,:root.page-brochures *)::placeholder{color:var(--ink-3)}
.br-l input:focus:where(:root.page-brochures,:root.page-brochures *){outline:0;background:#fff;border-color:var(--wine);box-shadow:0 0 0 3px var(--wine-soft)}
.br-l input:user-invalid:where(:root.page-brochures,:root.page-brochures *){border-color:#C4443C}
.br-submit:where(:root.page-brochures,:root.page-brochures *){display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:6px;padding:15px 24px;border-radius:100px;cursor:pointer; background:var(--wine);border:0;color:#fff;font-family:inherit;font-size:14.5px;font-weight:600;letter-spacing:-.012em;transition:.32s var(--ease)}
.br-submit:hover:where(:root.page-brochures,:root.page-brochures *){background:var(--wine-deep);box-shadow:0 22px 46px -20px var(--wine)}
.br-submit .arr:where(:root.page-brochures,:root.page-brochures *){transition:transform .32s var(--ease)}
.br-submit:hover .arr:where(:root.page-brochures,:root.page-brochures *){transform:translateX(3px)}
.br-priv:where(:root.page-brochures,:root.page-brochures *){font-size:11.5px;line-height:1.5;color:var(--ink-3);text-align:center}

/* banner cursor-follow glow */
.rs-hero:where(:root.page-brochures,:root.page-brochures *){--mx:50%;--my:24%}
.rs-hero:where(:root.page-brochures,:root.page-brochures *)::before{z-index:0}
.rs-glow:where(:root.page-brochures,:root.page-brochures *){position:absolute;left:var(--mx);top:var(--my);width:640px;height:640px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 66%);opacity:0;transition:opacity .45s var(--ease)}
.rs-hero:hover .rs-glow:where(:root.page-brochures,:root.page-brochures *){opacity:1}
.rs-hero .rsw:where(:root.page-brochures,:root.page-brochures *){position:relative;z-index:2}
{__TWEAKS_STYLE}


/* ============================================================
   Newsletters   (html.page-newsletters)
   ============================================================ */

/* Satoshi — self-hosted @font-face (woff2), inlined for standalone export */

/* touch 1781880837620 */

/* ============================================================================
   TRUECOPY — Enterprise Trust Infrastructure
   base.css · tokens, reset, typography, layout, nav, footer, shared utilities
   ========================================================================== */
:root:where(:root.page-newsletters,:root.page-newsletters *){/* paper / ink */ --paper:#ffffff; --paper-2:#FAF9F7; --paper-3:#F3F1EC; --ink:#14161B; --ink-2:#474C56; --ink-3:#676D78; --line:#E8E6E0; --line-2:#F0EEE9; --hair:#E2DFD8; /* brand — overridable by tweaks */ --wine:#9B1B2E; --wine-deep:#74121F; --wine-soft:#FBF1F2; --wine-line:rgba(155,27,46,.20); /* accent — overridable by tweaks */ --accent:#1B3A8F; --accent-2:#2C4FB0; --accent-soft:#EEF1FA; --accent-line:rgba(27,58,143,.20); --shadow-sm:0 1px 2px rgba(20,22,27,.04), 0 1px 1px rgba(20,22,27,.03); --shadow-md:0 18px 50px -28px rgba(20,22,27,.30), 0 6px 16px -12px rgba(20,22,27,.18); --shadow-lg:0 50px 110px -50px rgba(20,30,60,.45), 0 18px 40px -28px rgba(20,22,27,.22); --maxw:1488px; --gut:clamp(20px,5vw,64px); --font-sans:'Satoshi',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; --font-mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular',monospace; --ease:cubic-bezier(.22,.61,.36,1); --ease-out:cubic-bezier(.16,1,.3,1)}
*:where(:root.page-newsletters,:root.page-newsletters *){margin:0;padding:0;box-sizing:border-box}
html:where(:root.page-newsletters,:root.page-newsletters *){-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body:where(:root.page-newsletters,:root.page-newsletters *){background:var(--paper); color:var(--ink); font-family:var(--font-sans); font-weight:400; line-height:1.5; letter-spacing:-0.011em; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow-x:hidden}
img:where(:root.page-newsletters,:root.page-newsletters *),svg:where(:root.page-newsletters,:root.page-newsletters *){display:block;max-width:100%}
a:where(:root.page-newsletters,:root.page-newsletters *){color:inherit;text-decoration:none}
button:where(:root.page-newsletters,:root.page-newsletters *){font-family:inherit;cursor:pointer}
:where(:root.page-newsletters,:root.page-newsletters *)::selection{background:var(--wine);color:#fff}

/* ---------- layout ---------- */
.wrap:where(:root.page-newsletters,:root.page-newsletters *){max-width:var(--maxw);margin:0 auto;padding-inline:var(--gut)}
.section:where(:root.page-newsletters,:root.page-newsletters *){position:relative;padding-block:70px}
.section--tight:where(:root.page-newsletters,:root.page-newsletters *){padding-block:70px}
.bleed:where(:root.page-newsletters,:root.page-newsletters *){background:var(--paper-2)}
.divider:where(:root.page-newsletters,:root.page-newsletters *){height:1px;background:var(--hair);border:0}

/* ---------- typography ---------- */
.h-display:where(:root.page-newsletters,:root.page-newsletters *){font-weight:700; font-size:clamp(40px,6.6vw,88px); line-height:0.98; letter-spacing:-0.035em; text-wrap:balance}
.h-section:where(:root.page-newsletters,:root.page-newsletters *){font-weight:700; font-size:clamp(28px,4.05vw,52px); line-height:1.02; letter-spacing:-0.03em; text-wrap:balance}
.h-sub:where(:root.page-newsletters,:root.page-newsletters *){font-weight:600; font-size:clamp(22px,2.6vw,32px); line-height:1.1; letter-spacing:-0.02em}
.lede:where(:root.page-newsletters,:root.page-newsletters *){font-size:clamp(17px,1.5vw,20px); line-height:1.55; color:var(--ink-2); font-weight:400; letter-spacing:-0.012em; max-width:62ch; text-wrap:pretty}
.dim:where(:root.page-newsletters,:root.page-newsletters *){color:var(--ink-2)}
.muted:where(:root.page-newsletters,:root.page-newsletters *){color:var(--ink-3)}
.wine-text:where(:root.page-newsletters,:root.page-newsletters *){color:var(--wine)}

/* mono technical label / eyebrow */
.eyebrow:where(:root.page-newsletters,:root.page-newsletters *){display:inline-flex;align-items:center;gap:10px; font-family:var(--font-mono); font-size:12px;font-weight:500; letter-spacing:0.14em;text-transform:uppercase; color:var(--ink-3)}
.eyebrow:where(:root.page-newsletters,:root.page-newsletters *)::before{content:"";width:7px;height:7px;border-radius:2px; background:var(--wine);flex:none}
.eyebrow .num:where(:root.page-newsletters,:root.page-newsletters *){color:var(--wine);font-weight:600}
.kicker:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:11px;font-weight:500; letter-spacing:0.16em;text-transform:uppercase;color:var(--ink-3)}
.tag:where(:root.page-newsletters,:root.page-newsletters *){display:inline-flex;align-items:center;gap:7px; font-family:var(--font-mono);font-size:10.5px;font-weight:500; letter-spacing:0.1em;text-transform:uppercase; color:var(--ink-2); padding:5px 9px;border:1px solid var(--line);border-radius:6px; background:var(--paper)}
.tag .dot:where(:root.page-newsletters,:root.page-newsletters *){width:5px;height:5px;border-radius:50%;background:var(--accent)}
.tag--wine .dot:where(:root.page-newsletters,:root.page-newsletters *){background:var(--wine)}

/* section head block */
.shead:where(:root.page-newsletters,:root.page-newsletters *){max-width:880px}
.shead .h-section:where(:root.page-newsletters,:root.page-newsletters *){margin-top:18px}
.shead .lede:where(:root.page-newsletters,:root.page-newsletters *){margin-top:22px}

/* ---------- buttons ---------- */
.btn:where(:root.page-newsletters,:root.page-newsletters *){display:inline-flex;align-items:center;gap:9px; font-size:15px;font-weight:600;letter-spacing:-0.01em; padding:13px 20px;border-radius:9px;border:1px solid transparent; transition:transform .18s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease), color .2s; white-space:nowrap}
.btn .arr:where(:root.page-newsletters,:root.page-newsletters *){transition:transform .25s var(--ease)}
.btn:hover .arr:where(:root.page-newsletters,:root.page-newsletters *){transform:translateX(3px)}
.btn-primary:where(:root.page-newsletters,:root.page-newsletters *){background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}
.btn-primary:hover:where(:root.page-newsletters,:root.page-newsletters *){background:var(--accent-2);transform:translateY(-1px);box-shadow:var(--shadow-md)}
.btn-wine:where(:root.page-newsletters,:root.page-newsletters *){background:var(--wine);color:#fff}
.btn-wine:hover:where(:root.page-newsletters,:root.page-newsletters *){background:var(--wine-deep);transform:translateY(-1px);box-shadow:0 14px 34px -16px var(--wine)}
.btn-ghost:where(:root.page-newsletters,:root.page-newsletters *){background:transparent;color:var(--ink);border-color:var(--line)}
.btn-ghost:hover:where(:root.page-newsletters,:root.page-newsletters *){border-color:var(--ink);background:var(--paper-2)}
.btn-sm:where(:root.page-newsletters,:root.page-newsletters *){padding:10px 15px;font-size:14px;border-radius:8px}
.link-arrow:where(:root.page-newsletters,:root.page-newsletters *){display:inline-flex;align-items:center;gap:8px; font-weight:600;font-size:15px;color:var(--ink); border-bottom:1px solid transparent;padding-bottom:2px;transition:.2s}
.link-arrow .arr:where(:root.page-newsletters,:root.page-newsletters *){transition:transform .25s var(--ease);color:var(--wine)}
.link-arrow:hover:where(:root.page-newsletters,:root.page-newsletters *){color:var(--wine)}
.link-arrow:hover .arr:where(:root.page-newsletters,:root.page-newsletters *){transform:translateX(4px)}

/* ---------- nav ---------- */
.nav:where(:root.page-newsletters,:root.page-newsletters *){position:fixed;top:0;left:0;right:0;z-index:900;background:transparent;border:0; padding:clamp(12px,1.6vw,20px) clamp(14px,3vw,28px) 0; transition:padding .3s var(--ease)}
.nav.is-stuck:where(:root.page-newsletters,:root.page-newsletters *){padding-top:10px}
.nav-in:where(:root.page-newsletters,:root.page-newsletters *){max-width:1150px;margin:0 auto; height:62px;padding:7px 8px 7px 24px; display:flex;align-items:center;gap:16px; background:rgba(255,255,255,.80); -webkit-backdrop-filter:blur(20px) saturate(165%); backdrop-filter:blur(20px) saturate(165%); border:1px solid rgba(255,255,255,.72); border-radius:100px; box-shadow:0 12px 36px -18px rgba(46,18,26,.30), 0 2px 8px -3px rgba(46,18,26,.12); transition:box-shadow .3s var(--ease), background .3s var(--ease)}
.nav.is-stuck .nav-in:where(:root.page-newsletters,:root.page-newsletters *){background:rgba(255,255,255,.92); box-shadow:0 18px 46px -18px rgba(46,18,26,.40), 0 3px 10px -3px rgba(46,18,26,.16)}
.brand:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;flex:none}
.brand .mark:where(:root.page-newsletters,:root.page-newsletters *){height:54px;width:auto;flex:none;object-fit:contain}
.nav-links:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;justify-content:center;gap:4px;flex:1 1 auto}
.nav-link:where(:root.page-newsletters,:root.page-newsletters *){font-size:14px;font-weight:500;color:var(--ink-2); padding:9px 14px;border-radius:100px;transition:.18s}
.nav-link:hover:where(:root.page-newsletters,:root.page-newsletters *){color:var(--ink);background:rgba(46,18,26,.06)}
.nav-cta:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;gap:8px;flex:none}

/* ---------- nav dropdown ---------- */
.nav-item:where(:root.page-newsletters,:root.page-newsletters *){position:relative;display:flex;align-items:center}
.nav-trigger:where(:root.page-newsletters,:root.page-newsletters *){display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;cursor:pointer;font-family:inherit}
.nav-trigger .caret:where(:root.page-newsletters,:root.page-newsletters *){width:15px;height:15px;color:var(--ink-2);transition:transform .25s var(--ease),color .2s;flex:none}
.nav-trigger .caret path:where(:root.page-newsletters,:root.page-newsletters *){fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav-item:hover .nav-trigger:where(:root.page-newsletters,:root.page-newsletters *),.nav-item:focus-within .nav-trigger:where(:root.page-newsletters,:root.page-newsletters *){color:var(--ink);background:var(--paper-2)}
.nav-item:hover .caret:where(:root.page-newsletters,:root.page-newsletters *),.nav-item:focus-within .caret:where(:root.page-newsletters,:root.page-newsletters *){transform:rotate(180deg);color:var(--wine)}
.nav-menu:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(8px) scale(.985);transform-origin:top center; width:332px;background:var(--paper);border:1px solid var(--line);border-radius:14px; box-shadow:var(--shadow-lg);padding:8px; opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s; z-index:50}
.nav-menu:where(:root.page-newsletters,:root.page-newsletters *)::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nav-item:hover .nav-menu:where(:root.page-newsletters,:root.page-newsletters *),.nav-item:focus-within .nav-menu:where(:root.page-newsletters,:root.page-newsletters *){opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}

/* mega dropdown (Solutions) */
.nav-mega:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;top:calc(100% + 12px);left:0;transform:translateY(8px) scale(.99);transform-origin:top left; width:min(880px,calc(100vw - 48px)); background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg); padding:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px; opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s;z-index:50}
.nav-mega:where(:root.page-newsletters,:root.page-newsletters *)::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nav-item:hover .nav-mega:where(:root.page-newsletters,:root.page-newsletters *),.nav-item:focus-within .nav-mega:where(:root.page-newsletters,:root.page-newsletters *){opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
.mega-col:where(:root.page-newsletters,:root.page-newsletters *){padding:14px 16px;border-radius:12px;border:1px solid transparent;transition:border-color .2s,background .2s}
.mega-col:hover:where(:root.page-newsletters,:root.page-newsletters *){background:var(--paper-2);border-color:var(--line)}
.mega-prod:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;gap:10px;padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.mega-prod .mp-glyph:where(:root.page-newsletters,:root.page-newsletters *){width:28px;height:28px;border-radius:8px;background:var(--accent);color:#fff;display:grid;place-items:center;font-family:var(--font-mono);font-size:9px;font-weight:600;flex:none}
.mega-prod b:where(:root.page-newsletters,:root.page-newsletters *){font-size:15px;font-weight:700;letter-spacing:-0.02em;color:var(--ink)}
.mega-prod:hover b:where(:root.page-newsletters,:root.page-newsletters *){color:var(--wine)}
.mega-desc:where(:root.page-newsletters,:root.page-newsletters *){font-size:12.5px;line-height:1.45;color:var(--ink-3);margin:12px 0 14px;min-height:54px}
.mega-sub:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13.5px;font-weight:500;color:var(--ink-2);padding:8px 0;border-top:1px solid var(--line-2);transition:color .15s}
.mega-sub .arr:where(:root.page-newsletters,:root.page-newsletters *){color:var(--ink-3);opacity:0;transform:translateX(-4px);transition:.18s var(--ease)}
.mega-sub:hover:where(:root.page-newsletters,:root.page-newsletters *){color:var(--wine)}
.mega-sub:hover .arr:where(:root.page-newsletters,:root.page-newsletters *){color:var(--wine);opacity:1;transform:translateX(0)}
.nav-menu-link:where(:root.page-newsletters,:root.page-newsletters *){display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:14px;row-gap:2px; padding:11px 13px;border-radius:10px;transition:background .16s var(--ease)}
.nav-menu-link .nml-t:where(:root.page-newsletters,:root.page-newsletters *){font-size:14.5px;font-weight:600;color:var(--ink);letter-spacing:-0.01em}
.nav-menu-link .nml-d:where(:root.page-newsletters,:root.page-newsletters *){grid-column:1;font-size:12px;color:var(--ink-3);line-height:1.35}
.nav-menu-link .nml-arr:where(:root.page-newsletters,:root.page-newsletters *){grid-column:2;grid-row:1/span 2;color:var(--ink-3);font-size:15px;transition:transform .2s var(--ease),color .2s}
.nav-menu-link:hover:where(:root.page-newsletters,:root.page-newsletters *){background:var(--paper-2)}
.nav-menu-link:hover .nml-t:where(:root.page-newsletters,:root.page-newsletters *){color:var(--wine)}
.nav-menu-link:hover .nml-arr:where(:root.page-newsletters,:root.page-newsletters *){color:var(--wine);transform:translate(3px,-1px)}

/* modern icon dropdown (Solutions + Resources + Industries) */
.nav-mega--icons:where(:root.page-newsletters,:root.page-newsletters *){padding:18px;display:block}
.nav-menu.nav-mega--icons:where(:root.page-newsletters,:root.page-newsletters *){width:392px}
.nmi-label:where(:root.page-newsletters,:root.page-newsletters *){display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);padding:0 4px 12px;margin:0 0 12px;border-bottom:1px solid var(--line)}
.nmi-grid:where(:root.page-newsletters,:root.page-newsletters *){display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}
.nmi-grid--3:where(:root.page-newsletters,:root.page-newsletters *){grid-template-columns:1fr 1fr 1fr}
.nmi-grid--1:where(:root.page-newsletters,:root.page-newsletters *){grid-template-columns:1fr;gap:4px}

/* Solutions: vertical list + preview panel */
.nmi-split:where(:root.page-newsletters,:root.page-newsletters *){display:flex;gap:40px}
.nmi-split .nmi-grid--1:where(:root.page-newsletters,:root.page-newsletters *){flex:0 0 42%;min-width:0;gap:9px;grid-template-columns:1fr}
.nmi-preview:where(:root.page-newsletters,:root.page-newsletters *){flex:1 1 58%;min-width:0;display:flex;flex-direction:column;gap:9px}
.nmp-cap:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.nmp-frame:where(:root.page-newsletters,:root.page-newsletters *){flex:1;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper-2);display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}
.nmp-bar:where(:root.page-newsletters,:root.page-newsletters *){display:flex;gap:5px;padding:11px 13px;border-bottom:1px solid var(--line);background:var(--paper)}
.nmp-bar i:where(:root.page-newsletters,:root.page-newsletters *){width:9px;height:9px;border-radius:50%;background:#DAD7D0}
.nmp-body:where(:root.page-newsletters,:root.page-newsletters *){flex:1;display:flex;flex-direction:column;justify-content:center;gap:9px;padding:24px;position:relative;overflow:hidden;transition:background .25s var(--ease)}
.nmp-body:where(:root.page-newsletters,:root.page-newsletters *)::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.5) 1.1px,transparent 1.1px);background-size:16px 16px;opacity:.5}
.nmp-body.c1:where(:root.page-newsletters,:root.page-newsletters *){background:linear-gradient(150deg,#B23a4a,#8E1B2C)}
.nmp-body.c2:where(:root.page-newsletters,:root.page-newsletters *){background:linear-gradient(150deg,#2A6FDB,#1B44A8)}
.nmp-body.c3:where(:root.page-newsletters,:root.page-newsletters *){background:linear-gradient(150deg,#1F8A5B,#136141)}
.nmp-body.c4:where(:root.page-newsletters,:root.page-newsletters *){background:linear-gradient(150deg,#7A4AD1,#4E2B95)}
.nmp-badge:where(:root.page-newsletters,:root.page-newsletters *){position:relative;font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.nmp-title:where(:root.page-newsletters,:root.page-newsletters *){position:relative;font-size:20px;font-weight:700;letter-spacing:-0.02em;color:#fff;line-height:1.1}
.nmp-sub:where(:root.page-newsletters,:root.page-newsletters *){position:relative;font-size:12.5px;color:rgba(255,255,255,.82);line-height:1.45;max-width:30ch}
.nmp-rows:where(:root.page-newsletters,:root.page-newsletters *){position:relative;display:flex;flex-direction:column;gap:6px;margin-top:8px}
.nmp-rows i:where(:root.page-newsletters,:root.page-newsletters *){height:7px;border-radius:4px;background:rgba(255,255,255,.28)}
.nmp-rows i:nth-child(1):where(:root.page-newsletters,:root.page-newsletters *){width:80%}
.nmp-rows i:nth-child(2):where(:root.page-newsletters,:root.page-newsletters *){width:62%}
.nmp-rows i:nth-child(3):where(:root.page-newsletters,:root.page-newsletters *){width:70%}
.nmi-item:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:flex-start;gap:13px;padding:12px;border-radius:14px;transition:background .16s var(--ease)}
.nmi-item:hover:where(:root.page-newsletters,:root.page-newsletters *){background:var(--paper-2)}
.nmi-ic:where(:root.page-newsletters,:root.page-newsletters *){width:42px;height:42px;border-radius:12px;flex:none;display:grid;place-items:center;color:#fff;box-shadow:0 6px 14px -6px rgba(20,16,22,.4)}
.nmi-ic svg:where(:root.page-newsletters,:root.page-newsletters *){width:22px;height:22px;display:block}
.nmi-grid:where(:root.page-newsletters,:root.page-newsletters *){display:grid;grid-template-columns:1fr 1fr;gap:4px}
.nmi-grid--3:where(:root.page-newsletters,:root.page-newsletters *){grid-template-columns:1fr 1fr 1fr}
.nmi-item:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:flex-start;gap:13px;padding:12px;border-radius:14px;transition:background .16s var(--ease)}
.nmi-item--sm:where(:root.page-newsletters,:root.page-newsletters *){gap:11px;padding:10px 11px}
.nmi-item:hover:where(:root.page-newsletters,:root.page-newsletters *){background:var(--paper-2)}
.nmi-ic:where(:root.page-newsletters,:root.page-newsletters *){width:42px;height:42px;border-radius:12px;flex:none;display:grid;place-items:center;color:#fff;box-shadow:0 6px 14px -6px rgba(20,16,22,.4)}
.nmi-item--sm .nmi-ic:where(:root.page-newsletters,:root.page-newsletters *){width:36px;height:36px;border-radius:10px}
.nmi-item--sm .nmi-ic svg:where(:root.page-newsletters,:root.page-newsletters *){width:19px;height:19px}
.nmi-ic svg:where(:root.page-newsletters,:root.page-newsletters *){width:22px;height:22px;display:block}
.nmi-ic.c1:where(:root.page-newsletters,:root.page-newsletters *){background:linear-gradient(150deg,#B23a4a,#8E1B2C)}
.nmi-ic.c2:where(:root.page-newsletters,:root.page-newsletters *){background:linear-gradient(150deg,#3E63B4,#28407e)}
.nmi-ic.c3:where(:root.page-newsletters,:root.page-newsletters *){background:linear-gradient(150deg,#2E9C6E,#1c6b4a)}
.nmi-ic.c4:where(:root.page-newsletters,:root.page-newsletters *){background:linear-gradient(150deg,#C0892E,#8a611c)}
.nmi-ic.c5:where(:root.page-newsletters,:root.page-newsletters *){background:linear-gradient(150deg,#6b52b4,#4a3780)}
.nmi-tx:where(:root.page-newsletters,:root.page-newsletters *){display:flex;flex-direction:column;gap:3px;min-width:0}
.nmi-tx b:where(:root.page-newsletters,:root.page-newsletters *){font-size:14.5px;font-weight:700;color:var(--ink);letter-spacing:-0.01em;transition:color .16s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nmi-item:hover .nmi-tx b:where(:root.page-newsletters,:root.page-newsletters *){color:var(--wine)}
.nmi-tx span:where(:root.page-newsletters,:root.page-newsletters *){font-size:12px;color:var(--ink-3);line-height:1.35; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Solutions single-col: one-line description */
.nmi-grid--1 .nmi-tx span:where(:root.page-newsletters,:root.page-newsletters *){display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:none}

/* card-grid mega (Industries) — reuses Resources nav-menu-link cards */
.nav-mega--cards:where(:root.page-newsletters,:root.page-newsletters *){display:grid;grid-template-columns:repeat(3,1fr);gap:2px;width:min(640px,calc(100vw - 48px));padding:12px}

/* hover-intent: keep dropdown open while travelling to the panel */
.nav-item.is-open .nav-trigger:where(:root.page-newsletters,:root.page-newsletters *){color:var(--ink);background:var(--paper-2)}
.nav-item.is-open .caret:where(:root.page-newsletters,:root.page-newsletters *){transform:rotate(180deg);color:var(--wine)}
.nav-item.is-open .nav-menu:where(:root.page-newsletters,:root.page-newsletters *){opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}
.nav-item.is-open .nav-mega:where(:root.page-newsletters,:root.page-newsletters *){opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}
.nav-item:not(.is-open):hover .nav-menu:where(:root.page-newsletters,:root.page-newsletters *),.nav-item:not(.is-open):hover .nav-mega:where(:root.page-newsletters,:root.page-newsletters *){opacity:0;visibility:hidden;pointer-events:none}

/* ---------- footer ---------- */
.foot:where(:root.page-newsletters,:root.page-newsletters *){background:var(--paper-2);border-top:1px solid var(--line);padding-block:clamp(64px,8vw,104px) 36px}
.foot-grid:where(:root.page-newsletters,:root.page-newsletters *){display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:48px 36px}
.foot :is(h3,h4):where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500;margin-bottom:16px}
.foot-brand:where(:root.page-newsletters,:root.page-newsletters *){margin-bottom:20px}
.foot-brand .mark:where(:root.page-newsletters,:root.page-newsletters *){height:56px;width:auto}
.foot ul:where(:root.page-newsletters,:root.page-newsletters *){list-style:none;display:flex;flex-direction:column;gap:11px}
.foot li a:where(:root.page-newsletters,:root.page-newsletters *){font-size:14.5px;color:var(--ink-2);transition:.15s}
.foot li a:hover:where(:root.page-newsletters,:root.page-newsletters *){color:var(--wine)}
.foot-badge:where(:root.page-newsletters,:root.page-newsletters *){display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--wine);background:var(--wine-soft);padding:3px 7px;border-radius:5px;text-transform:uppercase;white-space:nowrap}

/* ---------- reveal / motion ----------
   Reveal hidden/visible state is driven by JS via inline styles so the
   visible END state is always the static computed style (never dependent on
   the animation clock). The WAAPI keyframe is pure enhancement. */

/* hairline tech grid background */
.grid-bg:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;inset:0;pointer-events:none; background-image:linear-gradient(var(--hair) 1px,transparent 1px),linear-gradient(90deg,var(--hair) 1px,transparent 1px); background-size:64px 64px; -webkit-mask-image:radial-gradient(120% 90% at 70% 0%,#000 0%,transparent 72%); mask-image:radial-gradient(120% 90% at 70% 0%,#000 0%,transparent 72%); opacity:.5}

/* utility */
.mono:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono)}
.nowrap:where(:root.page-newsletters,:root.page-newsletters *){white-space:nowrap}
.center:where(:root.page-newsletters,:root.page-newsletters *){text-align:center}
.stat-num:where(:root.page-newsletters,:root.page-newsletters *){font-size:clamp(30px,3.4vw,46px);font-weight:700;letter-spacing:-0.03em;line-height:1;font-variant-numeric:tabular-nums}
.stat-lbl:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:9px}

/* ---------- cookie / privacy bar ---------- */
.cookiebar:where(:root.page-newsletters,:root.page-newsletters *){position:fixed;left:0;right:0;bottom:0;z-index:920; padding:0 clamp(12px,3vw,28px) clamp(12px,2.4vw,22px); pointer-events:none; opacity:0;transform:translateY(130%)}
.cookiebar-in:where(:root.page-newsletters,:root.page-newsletters *){pointer-events:auto;position:relative; max-width:1180px;margin:0 auto; display:flex;align-items:center;gap:clamp(14px,2vw,26px); background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%); border:1px solid var(--line);border-radius:14px; box-shadow:var(--shadow-lg); padding:14px clamp(16px,2vw,22px)}
.cb-ico:where(:root.page-newsletters,:root.page-newsletters *){flex:none;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--wine);background:var(--wine-soft);border:1px solid var(--wine-line)}
.cb-text:where(:root.page-newsletters,:root.page-newsletters *){flex:1;min-width:0;font-size:13.5px;line-height:1.5;color:var(--ink-2);letter-spacing:-0.005em;text-wrap:pretty}
.cb-text a:where(:root.page-newsletters,:root.page-newsletters *){color:var(--wine);font-weight:600;border-bottom:1px solid var(--wine-line);transition:.18s}
.cb-text a:hover:where(:root.page-newsletters,:root.page-newsletters *){border-bottom-color:var(--wine)}
.cb-actions:where(:root.page-newsletters,:root.page-newsletters *){flex:none;display:flex;align-items:center;gap:10px}
.cb-close:where(:root.page-newsletters,:root.page-newsletters *){flex:none;width:30px;height:30px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--ink-3);font-size:20px;line-height:1;display:grid;place-items:center;transition:.18s}
.cb-close:hover:where(:root.page-newsletters,:root.page-newsletters *){background:var(--paper-2);color:var(--ink)}

/* touch 1781880836837 */

/* ============================================================================
   TRUECOPY — sections.css
   ========================================================================== */

/* ============================ HERO (centered SaaS · red gradient) ============================ */
.hero:where(:root.page-newsletters,:root.page-newsletters *){position:relative;isolation:isolate; overflow:hidden;text-align:center;color:#fff; background: linear-gradient(180deg, rgba(255,255,255,.05), transparent 24%), linear-gradient(180deg,#6F1E2A 0%,#892634 15%,#A6333E 30%,#C25551 45%,#DA8377 58%,#F0C2B6 70%,#FBEAE3 78%,#FFFFFF 86%,#FFFFFF 100%)}

/* circular visual language */
.hero-bg:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.hero-noise:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;inset:0;pointer-events:none;opacity:.18;mix-blend-mode:soft-light; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='hn'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23hn)'/%3E%3C/svg%3E");background-size:150px 150px}
.hero-glow:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;left:50%;top:32%;width:680px;height:680px;transform:translate(-50%,-50%); background:radial-gradient(circle,rgba(255,205,188,.26),transparent 64%);filter:blur(12px); animation:heroGlow 9s var(--ease) infinite}
.orbit:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);border-radius:50%; border:1px solid rgba(255,255,255,.16); -webkit-mask-image:radial-gradient(circle,transparent 38%,#000 56%,#000 70%,transparent 86%); mask-image:radial-gradient(circle,transparent 38%,#000 56%,#000 70%,transparent 86%)}
.orbit-1:where(:root.page-newsletters,:root.page-newsletters *){width:680px;height:680px}
.orbit-2:where(:root.page-newsletters,:root.page-newsletters *){width:1080px;height:1080px;border-color:rgba(255,255,255,.10)}
.orbit-2.dashed-spin:where(:root.page-newsletters,:root.page-newsletters *){border-style:dashed;border-width:1.5px;border-color:rgba(255,255,255,.34); -webkit-mask-image:none;mask-image:none;animation:spin 60s linear infinite}
.orbit-3:where(:root.page-newsletters,:root.page-newsletters *){width:1480px;height:1480px;border-color:rgba(255,255,255,.07)}
.orbit-4:where(:root.page-newsletters,:root.page-newsletters *){width:1880px;height:1880px;border-color:rgba(255,255,255,.16)}
.orbit-4.dashed:where(:root.page-newsletters,:root.page-newsletters *){border-style:dashed;border-width:1px;animation:spin 80s linear infinite}
.hero-float-ring:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.30);opacity:.3}
.fr-a:where(:root.page-newsletters,:root.page-newsletters *){width:16px;height:16px;left:8%;top:30%;background:rgba(255,255,255,.14);animation:floatY 7s var(--ease) infinite}
.fr-d:where(:root.page-newsletters,:root.page-newsletters *){width:11px;height:11px;left:12%;top:64%;background:rgba(255,255,255,.55);border:0;animation:floatY 8s var(--ease) infinite reverse}
.fr-b:where(:root.page-newsletters,:root.page-newsletters *){width:30px;height:30px;right:8%;top:28%;animation:floatY 9s var(--ease) infinite reverse}
.fr-c:where(:root.page-newsletters,:root.page-newsletters *){width:11px;height:11px;right:12%;top:64%;background:rgba(255,255,255,.55);border:0;animation:floatY 6s var(--ease) infinite}
.hero-in:where(:root.page-newsletters,:root.page-newsletters *){position:relative;display:block}
.hero-copy:where(:root.page-newsletters,:root.page-newsletters *){max-width:880px;margin:0 auto}

/* social-proof review badge */
.hero-badge:where(:root.page-newsletters,:root.page-newsletters *){display:inline-flex;align-items:center;gap:11px;margin:0 auto;white-space:nowrap; padding:7px 16px 7px 12px;border-radius:100px; background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.26); -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px); font-size:13.5px;font-weight:500;color:rgba(255,255,255,.92);transition:.2s var(--ease)}
.hero-badge:hover:where(:root.page-newsletters,:root.page-newsletters *){background:rgba(255,255,255,.2);transform:translateY(-1px)}
.hero-badge .stars:where(:root.page-newsletters,:root.page-newsletters *){color:#FFD9A0;font-size:12px;letter-spacing:1px}
.hero-badge .hb-tx b:where(:root.page-newsletters,:root.page-newsletters *){font-weight:700;color:#fff}
.hero h1:where(:root.page-newsletters,:root.page-newsletters *){margin:26px auto 0;color:#fff;max-width:none; font-size:clamp(21px,2.6vw,34px);line-height:1.14;letter-spacing:-0.035em}
.hero h1 .ln1:where(:root.page-newsletters,:root.page-newsletters *){display:block;white-space:nowrap}
.hero h1 .ln2:where(:root.page-newsletters,:root.page-newsletters *){display:block;color:#fff;white-space:nowrap}
.hero h1 .ln3:where(:root.page-newsletters,:root.page-newsletters *){color:#fff}
.hero .lede:where(:root.page-newsletters,:root.page-newsletters *){margin:24px auto 0;color:rgba(255,255,255,.84);max-width:60ch;text-align:center;font-size:clamp(16px,1.5vw,19.5px)}
.hero-cta:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;justify-content:center;gap:20px;margin-top:38px;flex-wrap:wrap}
.hero-form:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;gap:6px;margin:34px auto 0;width:100%;max-width:476px; background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.32);border-radius:100px; padding:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px); box-shadow:0 16px 44px -22px rgba(40,8,12,.42)}
.hero-form:focus-within:where(:root.page-newsletters,:root.page-newsletters *){border-color:rgba(255,255,255,.58);background:rgba(255,255,255,.18)}
.hero-email:where(:root.page-newsletters,:root.page-newsletters *){flex:1 1 auto;min-width:0;background:transparent;border:0;outline:none;color:#fff; font-size:15px;padding:11px 8px 11px 18px;font-family:inherit;letter-spacing:-0.01em}
.hero-email:where(:root.page-newsletters,:root.page-newsletters *)::placeholder{color:rgba(255,255,255,.72)}
.hero-form .btn-hero:where(:root.page-newsletters,:root.page-newsletters *){flex:none}
.btn-hero:where(:root.page-newsletters,:root.page-newsletters *){background:#fff;color:var(--wine-deep);font-weight:700;padding:11px 24px;border-radius:100px; box-shadow:0 14px 34px -16px rgba(40,8,12,.45),0 1px 0 rgba(255,255,255,.5) inset;font-size:15px}
.btn-hero:hover:where(:root.page-newsletters,:root.page-newsletters *){transform:translateY(-2px);background:#fff;box-shadow:0 26px 60px -18px rgba(40,8,12,.62)}
.btn-hero .arr:where(:root.page-newsletters,:root.page-newsletters *){transition:transform .25s var(--ease)}
.btn-hero:hover .arr:where(:root.page-newsletters,:root.page-newsletters *){transform:translateX(4px)}
.hero-play:where(:root.page-newsletters,:root.page-newsletters *){display:inline-flex;align-items:center;gap:11px;color:#fff;font-weight:600;font-size:15px;opacity:.95;transition:.2s}
.hero-play:hover:where(:root.page-newsletters,:root.page-newsletters *){opacity:1}
.hero-play .hp-ic:where(:root.page-newsletters,:root.page-newsletters *){width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none; background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.32);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:.2s var(--ease)}
.hero-play .hp-ic:where(:root.page-newsletters,:root.page-newsletters *)::after{content:"";width:0;height:0;border-left:9px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:3px}
.hero-play:hover .hp-ic:where(:root.page-newsletters,:root.page-newsletters *){background:rgba(255,255,255,.26);transform:scale(1.06)}
.hero-trust:where(:root.page-newsletters,:root.page-newsletters *){display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:42px}
.hero-trust .ht:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;gap:10px;padding:9px 16px;border-radius:100px; background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20); -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.hero-trust .ht-ic:where(:root.page-newsletters,:root.page-newsletters *){width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.22);color:#fff;display:grid;place-items:center;font-size:10px;flex:none}
.hero-trust .ht-tx:where(:root.page-newsletters,:root.page-newsletters *){display:flex;flex-direction:column;gap:0;text-align:left;line-height:1.15}
.hero-trust .ht b:where(:root.page-newsletters,:root.page-newsletters *){font-size:13px;font-weight:700;color:#fff}
.hero-trust .ht span:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6)}

/* product mockup floating below */
.hero-stage-wrap:where(:root.page-newsletters,:root.page-newsletters *){position:relative;max-width:955px;margin:clamp(104px,12vw,168px) auto 0;perspective:1800px}
.hero-stage-wrap .stage:where(:root.page-newsletters,:root.page-newsletters *){border-radius:24px;border:15px solid rgba(248,205,197,.6); box-shadow:0 26px 56px -36px rgba(70,22,30,.28); transform:rotateX(3deg);transform-origin:center top;background-clip:padding-box}
.hero-float:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;z-index:4;display:flex;align-items:center;gap:11px; padding:11px 14px;border-radius:13px;background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.8); box-shadow:0 22px 50px -22px rgba(40,8,16,.45)}
.hero-float .hfl-tx:where(:root.page-newsletters,:root.page-newsletters *){display:flex;flex-direction:column;text-align:left;line-height:1.25}
.hero-float .hfl-tx b:where(:root.page-newsletters,:root.page-newsletters *){font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-0.01em}
.hero-float .hfl-tx span:where(:root.page-newsletters,:root.page-newsletters *){font-size:11px;color:var(--ink-3)}
.hf-1:where(:root.page-newsletters,:root.page-newsletters *){left:-30px;top:24%;animation:floatCard 6.5s var(--ease) infinite}
.hf-1 .hfl-dot:where(:root.page-newsletters,:root.page-newsletters *){width:30px;height:30px;border-radius:50%;background:var(--wine-soft);position:relative;flex:none}
.hf-1 .hfl-dot:where(:root.page-newsletters,:root.page-newsletters *)::after{content:"\2713";position:absolute;inset:0;display:grid;place-items:center;color:var(--wine);font-weight:700;font-size:14px}
.hf-2:where(:root.page-newsletters,:root.page-newsletters *){right:-26px;top:54%;animation:floatCard 7.5s var(--ease) infinite reverse}
.hf-2 .hfl-ring:where(:root.page-newsletters,:root.page-newsletters *){position:relative;width:38px;height:38px;flex:none;display:grid;place-items:center}
.hf-2 .hfl-ring svg:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;inset:0;transform:rotate(-90deg)}
.hf-2 .hfl-ring circle:where(:root.page-newsletters,:root.page-newsletters *){fill:none;stroke:var(--line);stroke-width:3}
.hf-2 .hfl-ring circle.prog:where(:root.page-newsletters,:root.page-newsletters *){stroke:var(--accent);stroke-linecap:round;stroke-dasharray:97.4;stroke-dashoffset:2}
.hf-2 .hfl-ring span:where(:root.page-newsletters,:root.page-newsletters *){font-size:10px;font-weight:700;color:var(--ink)}

/* hero product infographics — static icon circles riding the moving ring */

/* chips ride the dashed moving ring — two stacked on the left side, two on the right,
   vertically centred on the ring's centre (left:50%, top:34% — matching .orbit) */
.hero-chips:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;pointer-events:none; --rx:clamp(300px,41vw,500px);--ry:clamp(92px,10vw,150px)}
.hchip:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;width:clamp(122px,11vw,154px);aspect-ratio:1;border-radius:26px;display:grid;place-items:center; pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent; background:linear-gradient(160deg,rgba(255,255,255,.20),rgba(255,255,255,.05))}
.hchip .hc-inner:where(:root.page-newsletters,:root.page-newsletters *){transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.hchip:hover .hc-inner:where(:root.page-newsletters,:root.page-newsletters *){transform:scale(1.05);box-shadow:0 18px 34px -14px rgba(70,18,28,.6)}
.hchip:active .hc-inner:where(:root.page-newsletters,:root.page-newsletters *){transform:scale(.93);transition-duration:.09s}
.hchip:focus-visible:where(:root.page-newsletters,:root.page-newsletters *){outline:2px solid #fff;outline-offset:3px}
.hchip:nth-child(1):where(:root.page-newsletters,:root.page-newsletters *){left:calc(50% - var(--rx) + 30px);top:calc(34% - 150px - var(--ry));transform:translate(-50%,-50%);animation:hchipL 6.5s var(--ease) infinite}
.hchip:nth-child(2):where(:root.page-newsletters,:root.page-newsletters *){left:calc(50% - var(--rx) - 20px);top:calc(34% - 110px + var(--ry));transform:translate(-50%,-50%);animation:hchipL 6.5s var(--ease) infinite;animation-delay:-2.2s}
.hchip:nth-child(3):where(:root.page-newsletters,:root.page-newsletters *){left:calc(50% + var(--rx) - 30px);top:calc(34% - 150px - var(--ry));transform:translate(-50%,-50%);animation:hchipR 6.5s var(--ease) infinite;animation-delay:-1.1s}
.hchip:nth-child(4):where(:root.page-newsletters,:root.page-newsletters *){left:calc(50% + var(--rx) + 30px);top:calc(34% - 110px + var(--ry));transform:translate(-50%,-50%);animation:hchipR 6.5s var(--ease) infinite;animation-delay:-3.4s}
html[data-motion="off"] .hchip:where(:root.page-newsletters,:root.page-newsletters *){animation:none}
.hchip:where(:root.page-newsletters,:root.page-newsletters *)::before{content:"";position:absolute;inset:0;border-radius:26px;padding:1.4px;pointer-events:none; background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.05) 70%,transparent); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.hc-inner:where(:root.page-newsletters,:root.page-newsletters *){width:80%;height:80%;border-radius:18px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:6px; box-shadow:0 12px 26px -12px rgba(70,18,28,.5)}
.hchip .hc-fig:where(:root.page-newsletters,:root.page-newsletters *){height:clamp(44px,4.6vw,58px);width:auto;max-width:92%;display:block}
.hchip:first-child .hc-fig:where(:root.page-newsletters,:root.page-newsletters *){height:clamp(58px,6.1vw,78px)}
.hc-nm:where(:root.page-newsletters,:root.page-newsletters *){font-size:clamp(11px,1vw,13px);font-weight:600;color:var(--wine);letter-spacing:-0.01em}

/* dashboard stage */
.stage:where(:root.page-newsletters,:root.page-newsletters *){position:relative;border-radius:16px;background:var(--paper); border:1px solid var(--line);box-shadow:var(--shadow-lg);overflow:hidden}
.stage-bar:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;gap:14px;padding:12px 14px;border-bottom:1px solid var(--line-2);background:var(--paper-2)}
.win-dots:where(:root.page-newsletters,:root.page-newsletters *){display:flex;gap:6px}
.win-dots i:where(:root.page-newsletters,:root.page-newsletters *){width:10px;height:10px;border-radius:50%;background:#DAD7D0;display:block}
.stage-addr:where(:root.page-newsletters,:root.page-newsletters *){flex:1;display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--ink-3);background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:5px 10px;min-width:0}
.stage-addr .lock:where(:root.page-newsletters,:root.page-newsletters *){color:var(--accent)}
.stage-addr .url:where(:root.page-newsletters,:root.page-newsletters *){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stage-live:where(:root.page-newsletters,:root.page-newsletters *){display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:#16804a}
.stage-live i:where(:root.page-newsletters,:root.page-newsletters *){width:6px;height:6px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 0 rgba(22,163,74,.5);animation:livePulse 2.4s infinite}
.stage-tabs:where(:root.page-newsletters,:root.page-newsletters *){position:relative;display:flex;gap:4px;padding:8px 10px;border-bottom:1px solid var(--line-2)}
.tab-ind:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;top:8px;left:0;height:calc(100% - 16px);width:0;background:var(--paper-2);border:1px solid var(--line);border-radius:8px;z-index:0;pointer-events:none}
.stab:where(:root.page-newsletters,:root.page-newsletters *){position:relative;z-index:1;flex:1 1 0;min-width:0;overflow:hidden; display:inline-flex;align-items:center;justify-content:center;gap:6px; font-size:12px;font-weight:600;letter-spacing:-0.01em;color:var(--ink-3); padding:8px 6px;border-radius:8px;border:1px solid transparent;background:transparent;transition:color .2s var(--ease)}
.stab .gl:where(:root.page-newsletters,:root.page-newsletters *){width:17px;height:17px;border-radius:5px;display:grid;place-items:center;font-family:var(--font-mono);font-size:7.5px;font-weight:600;color:#fff;background:var(--ink-3);transition:background .2s;flex:none}
.stab-tx:where(:root.page-newsletters,:root.page-newsletters *){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.stab:hover:where(:root.page-newsletters,:root.page-newsletters *){color:var(--ink)}
.stab.is-active:where(:root.page-newsletters,:root.page-newsletters *){color:var(--ink)}
.stab.is-active .gl:where(:root.page-newsletters,:root.page-newsletters *){background:var(--wine)}
.stage-body:where(:root.page-newsletters,:root.page-newsletters *){position:relative;aspect-ratio:16/10.2;background:var(--paper-2);overflow:hidden}
.panel-track:where(:root.page-newsletters,:root.page-newsletters *){display:flex;height:100%;width:100%;will-change:transform}
.panel:where(:root.page-newsletters,:root.page-newsletters *){flex:0 0 100%;height:100%;padding:20px;opacity:1;pointer-events:auto}

/* video placeholder */
.vplace:where(:root.page-newsletters,:root.page-newsletters *){position:relative;width:100%;height:100%;border-radius:11px;overflow:hidden;background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column}
.vplace-top:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid var(--line-2)}
.vplace-top .vt:where(:root.page-newsletters,:root.page-newsletters *){font-weight:600;font-size:13.5px}
.vplace-top .vmeta:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--ink-3)}
.poster:where(:root.page-newsletters,:root.page-newsletters *){position:relative;flex:1;overflow:hidden;background: radial-gradient(120% 120% at 80% 0%, var(--paper-2), var(--paper))}
.poster-dots:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1px,transparent 1px);background-size:18px 18px;opacity:.6;-webkit-mask-image:linear-gradient(transparent,#000 30%);mask-image:linear-gradient(transparent,#000 30%)}
.play:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3; width:64px;height:64px;border-radius:50%;background:var(--wine);border:0; display:grid;place-items:center;box-shadow:0 16px 40px -12px rgba(155,27,46,.6);transition:.25s var(--ease)}
.play:where(:root.page-newsletters,:root.page-newsletters *)::after{content:"";width:0;height:0;border-left:17px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:4px}
.play:hover:where(:root.page-newsletters,:root.page-newsletters *){transform:translate(-50%,-50%) scale(1.07)}
.play-ring:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;border:1px solid var(--wine-line);z-index:2;animation:ring 3s var(--ease) infinite}
.vcap:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;left:14px;bottom:13px;z-index:3;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--ink-3);background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:5px 9px;border-radius:6px;border:1px solid var(--line)}

/* faux dashboard rows inside poster */
.fx:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;border-radius:7px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.fx-row:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;gap:9px;padding:9px 12px}
.fx-ic:where(:root.page-newsletters,:root.page-newsletters *){width:24px;height:24px;border-radius:6px;background:var(--accent-soft);flex:none}
.fx-bar:where(:root.page-newsletters,:root.page-newsletters *){height:7px;border-radius:4px;background:var(--paper-3)}
.fx-chip:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:9px;letter-spacing:.05em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:2px 6px}
.fx-col:where(:root.page-newsletters,:root.page-newsletters *){display:flex;flex-direction:column;justify-content:flex-end;gap:0;align-items:center}
.fx-colbar:where(:root.page-newsletters,:root.page-newsletters *){width:18px;border-radius:3px 3px 0 0;background:var(--accent);opacity:.85}
.fx-colbar.lo:where(:root.page-newsletters,:root.page-newsletters *){background:var(--paper-3)}
.fx-colbar.wine:where(:root.page-newsletters,:root.page-newsletters *){background:var(--wine)}

/* floating controls */
.stage-ctrl:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;right:16px;bottom:16px;z-index:6;display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:100px;padding:6px;box-shadow:var(--shadow-md)}
.stage-ctrl button:where(:root.page-newsletters,:root.page-newsletters *){width:30px;height:30px;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--ink-2);display:grid;place-items:center;transition:.18s}
.stage-ctrl button:hover:where(:root.page-newsletters,:root.page-newsletters *){background:var(--paper-2);color:var(--ink)}
.dots:where(:root.page-newsletters,:root.page-newsletters *){display:flex;gap:6px;padding:0 4px}
.dots i:where(:root.page-newsletters,:root.page-newsletters *){width:6px;height:6px;border-radius:50%;background:var(--line);transition:.25s;cursor:pointer}
.dots i.on:where(:root.page-newsletters,:root.page-newsletters *){background:var(--wine);width:18px;border-radius:4px}

/* ============================ TRUST BAR (left text · right logo cloud) ============================ */
.trustbar:where(:root.page-newsletters,:root.page-newsletters *){background:var(--paper);padding-block:clamp(24px,3vw,40px)}
.trustbar-in:where(:root.page-newsletters,:root.page-newsletters *){display:grid;grid-template-columns:minmax(180px,0.66fr) 1.7fr;gap:clamp(20px,3.2vw,48px);align-items:center}
.trustbar-label:where(:root.page-newsletters,:root.page-newsletters *){font-size:clamp(18px,1.95vw,24px);font-weight:600;letter-spacing:-0.01em;color:var(--ink);line-height:1.3;display:block;max-width:22ch}
.tb-marquee:where(:root.page-newsletters,:root.page-newsletters *){position:relative;overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.tb-track:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;width:max-content;gap:clamp(34px,3.8vw,60px);animation:tbScroll 36s linear infinite}
.tb-marquee:hover .tb-track:where(:root.page-newsletters,:root.page-newsletters *){animation-play-state:paused}
html[data-motion="off"] .tb-track:where(:root.page-newsletters,:root.page-newsletters *){animation:none}
.tb-logo:where(:root.page-newsletters,:root.page-newsletters *){display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:clamp(18px,1.8vw,23px);letter-spacing:-0.02em;color:var(--ink-3);opacity:.7;white-space:nowrap;transition:color .22s var(--ease),opacity .22s var(--ease)}
.tb-logo:hover:where(:root.page-newsletters,:root.page-newsletters *){color:var(--ink);opacity:1}
.tb-ic:where(:root.page-newsletters,:root.page-newsletters *){width:.92em;height:.92em;fill:currentColor;flex:none}
.tb-sap:where(:root.page-newsletters,:root.page-newsletters *){font-weight:800;letter-spacing:.01em}
.tb-aws:where(:root.page-newsletters,:root.page-newsletters *){font-weight:800;letter-spacing:-.03em;align-items:flex-end;gap:2px}
.tb-aws .tb-smile:where(:root.page-newsletters,:root.page-newsletters *){width:1.5em;height:.4em;fill:currentColor;margin-bottom:3px}

/* ============================ MILESTONE JOURNEY ============================ */
.journey:where(:root.page-newsletters,:root.page-newsletters *){position:relative;--jpt:clamp(57px,6.6vw,92px);padding-block:var(--jpt) 0}
.journey:where(:root.page-newsletters,:root.page-newsletters *)::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;z-index:0;pointer-events:none; background:repeating-linear-gradient(90deg,var(--hair) 0 7px,transparent 7px 15px);background-size:15px 1px;animation:dashFlowX 1.1s linear infinite}
html[data-motion="off"] .journey:where(:root.page-newsletters,:root.page-newsletters *)::before{animation:none}
.journey-head:where(:root.page-newsletters,:root.page-newsletters *){text-align:center;max-width:640px;margin:0 auto clamp(52px,6vw,86px)}
.journey-head .eyebrow:where(:root.page-newsletters,:root.page-newsletters *){margin-bottom:18px}
.journey-head .h-section:where(:root.page-newsletters,:root.page-newsletters *){margin:0 auto}
.journey>.wrap:where(:root.page-newsletters,:root.page-newsletters *){position:relative}
.journey>.wrap:where(:root.page-newsletters,:root.page-newsletters *)::before,.journey>.wrap:where(:root.page-newsletters,:root.page-newsletters *)::after{content:"";position:absolute;top:calc(var(--jpt)*-1);bottom:0;width:1px;z-index:0;pointer-events:none; background:repeating-linear-gradient(180deg,var(--hair) 0 6px,transparent 6px 13px);background-size:1px 13px;animation:dashFlowY 1.1s linear infinite}
.journey>.wrap:where(:root.page-newsletters,:root.page-newsletters *)::before{left:0}
.journey>.wrap:where(:root.page-newsletters,:root.page-newsletters *)::after{right:0}
html[data-motion="off"] .journey>.wrap:where(:root.page-newsletters,:root.page-newsletters *)::before,html[data-motion="off"] .journey>.wrap:where(:root.page-newsletters,:root.page-newsletters *)::after{animation:none}
.journey-map:where(:root.page-newsletters,:root.page-newsletters *){position:relative}
.journey-curve:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;top:0;left:0;width:100%;height:196px;z-index:0;overflow:visible}
.jc-base:where(:root.page-newsletters,:root.page-newsletters *){fill:none;stroke:#d8d5ce;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round}
.jc-line:where(:root.page-newsletters,:root.page-newsletters *){fill:none;stroke:var(--wine);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round}
.journey-row:where(:root.page-newsletters,:root.page-newsletters *){position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr)}
.milestone:where(:root.page-newsletters,:root.page-newsletters *){display:flex;flex-direction:column;align-items:center;text-align:center;padding-inline:clamp(6px,1vw,16px)}
.milestone .dot:where(:root.page-newsletters,:root.page-newsletters *){width:14px;height:14px;border-radius:50%;background:var(--paper);border:2px solid #cbc8c1; margin-top:calc(var(--cy) - 7px);position:relative;z-index:2;box-shadow:0 0 0 5px rgba(20,16,22,.03);transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}
.milestone .dot:where(:root.page-newsletters,:root.page-newsletters *)::after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--wine);transform:scale(0)}
.milestone .dot.lit:where(:root.page-newsletters,:root.page-newsletters *)::after{animation:dotPop .46s cubic-bezier(.34,1.56,.64,1) forwards}
html[data-motion="off"] .milestone .dot.lit:where(:root.page-newsletters,:root.page-newsletters *)::after{animation:none;transform:scale(1)}
.milestone .dot.lit:where(:root.page-newsletters,:root.page-newsletters *){border-color:var(--wine);box-shadow:0 0 0 5px color-mix(in srgb,var(--wine) 9%,transparent)}
.milestone .conn:where(:root.page-newsletters,:root.page-newsletters *){width:1px;height:200px; background:linear-gradient(180deg,var(--wine) calc(var(--fill,0)*100%),#d8d5ce calc(var(--fill,0)*100%))}
.milestone .mcontent:where(:root.page-newsletters,:root.page-newsletters *){margin-top:18px;padding-bottom:clamp(40px,5.5vw,84px)}

/* centered trust badges (top open space, above the arc) */
.journey-badges:where(:root.page-newsletters,:root.page-newsletters *){position:relative;z-index:3;display:inline-flex;gap:0;justify-content:center;margin:0 auto; background:linear-gradient(135deg,var(--wine-soft) 0%,#fff 45%,var(--accent-soft) 100%); border:1px solid var(--wine-line);border-radius:100px;padding:6px;box-shadow:0 18px 40px -22px rgba(120,18,28,.3)}
.journey-badges-wrap:where(:root.page-newsletters,:root.page-newsletters *){display:flex;justify-content:center;margin-bottom:clamp(16px,2vw,28px)}
.journey-badges .jb:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;gap:11px;padding:10px 24px;position:relative}
.journey-badges .jb+.jb:where(:root.page-newsletters,:root.page-newsletters *)::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:26px;background:var(--wine-line)}
.journey-badges .jb-ic:where(:root.page-newsletters,:root.page-newsletters *){width:24px;height:24px;border-radius:50%;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}
.journey-badges .jb-t b:where(:root.page-newsletters,:root.page-newsletters *){font-size:14px;font-weight:700;letter-spacing:-0.01em;display:block;line-height:1.05}
.journey-badges .jb-t span:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.mcontent .mnum:where(:root.page-newsletters,:root.page-newsletters *){font-size:clamp(30px,3.4vw,50px);font-weight:700;letter-spacing:-0.03em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.mcontent .mlbl:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:11px}

/* ============================ PRODUCT EXPLORER ============================ */
.prodx:where(:root.page-newsletters,:root.page-newsletters *){padding-block:clamp(76px,9.5vw,140px);background:#F3F1EE}
.prodx-head:where(:root.page-newsletters,:root.page-newsletters *){text-align:center;margin-bottom:clamp(26px,3.2vw,44px)}
.prodx-head .h-section:where(:root.page-newsletters,:root.page-newsletters *){margin:0 auto;max-width:none;font-size:clamp(24px,3.4vw,42px)}
.prodx-card:where(:root.page-newsletters,:root.page-newsletters *){background:var(--paper);border-radius:28px;padding:clamp(22px,2.8vw,42px)}
.prodx-tabs:where(:root.page-newsletters,:root.page-newsletters *){position:relative;display:flex;flex-wrap:nowrap;gap:clamp(8px,2vw,40px);margin-bottom:clamp(26px,3.2vw,44px)}
.prodx-ind:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;top:0;left:0;height:100%;width:0;border-radius:20px 20px 2px 2px;background:var(--wine-soft);z-index:0;pointer-events:none}
.prodx-tab:where(:root.page-newsletters,:root.page-newsletters *){position:relative;z-index:1;flex:1 1 0;min-width:0;text-align:center;font-size:clamp(15px,1.95vw,31px);font-weight:400;letter-spacing:-0.025em;line-height:1;color:#b7adb0;background:transparent;border:0;padding:clamp(16px,1.8vw,26px) 10px;border-radius:20px 20px 2px 2px;cursor:pointer;transition:color .2s var(--ease),background .2s var(--ease)}
.prodx-tab:hover:where(:root.page-newsletters,:root.page-newsletters *){color:var(--wine)}
.prodx-tab:not(.is-active):hover:where(:root.page-newsletters,:root.page-newsletters *){background:color-mix(in srgb,var(--wine) 6%,transparent)}
.prodx-tab.is-active:where(:root.page-newsletters,:root.page-newsletters *){color:var(--wine);font-weight:700}
.prodx-stage:where(:root.page-newsletters,:root.page-newsletters *){display:grid;grid-template-columns:0.82fr 1.18fr;gap:clamp(26px,3.4vw,52px);align-items:center;background:none;border:0;box-shadow:none;padding:0;border-radius:0}
.prodx-info:where(:root.page-newsletters,:root.page-newsletters *){min-width:0;padding-left:clamp(2px,1.2vw,20px)}
.pi-title:where(:root.page-newsletters,:root.page-newsletters *){font-size:clamp(26px,3vw,42px);font-weight:700;letter-spacing:-0.03em;line-height:1.04;margin:0 0 16px;text-wrap:balance}
.pi-desc:where(:root.page-newsletters,:root.page-newsletters *){font-size:16px;color:var(--ink-2);line-height:1.6;max-width:42ch}
.pi-link:where(:root.page-newsletters,:root.page-newsletters *){margin-top:26px}
.pi-link.link-arrow:where(:root.page-newsletters,:root.page-newsletters *){color:var(--wine);border-bottom:0;padding:10px 18px;border-radius:100px;background:transparent;border:1px solid var(--wine-line);transition:background .22s var(--ease),border-color .22s var(--ease),color .22s}
.pi-link.link-arrow:hover:where(:root.page-newsletters,:root.page-newsletters *){background:var(--wine-soft);border-color:var(--wine)}
.pi-link.link-arrow .arr:where(:root.page-newsletters,:root.page-newsletters *){color:var(--wine)}
.prodx-viz:where(:root.page-newsletters,:root.page-newsletters *){position:relative;min-height:360px;border-radius:20px;overflow:visible;padding:0;display:flex;align-items:center;justify-content:center;background:transparent}
.prodx-figstack:where(:root.page-newsletters,:root.page-newsletters *){position:relative;width:100%;aspect-ratio:1536/1024}
.prodx-fig:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(.985);transition:opacity .5s var(--ease),transform .6s var(--ease);pointer-events:none}
.prodx-fig.is-active:where(:root.page-newsletters,:root.page-newsletters *){opacity:1;transform:none}
.prodx-vidframe:where(:root.page-newsletters,:root.page-newsletters *){width:100%;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow-lg)}
.pvf-bar:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;gap:12px;padding:11px 16px;background:var(--paper-2);border-bottom:1px solid var(--line-2)}
.pvf-dots:where(:root.page-newsletters,:root.page-newsletters *){display:flex;gap:6px}
.pvf-dots i:where(:root.page-newsletters,:root.page-newsletters *){width:10px;height:10px;border-radius:50%;background:#d8d5ce;display:block}
.pvf-url:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:11px;color:var(--ink-3);background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:4px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pvf-screen:where(:root.page-newsletters,:root.page-newsletters *){position:relative;aspect-ratio:16/10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background: radial-gradient(120% 120% at 50% 0%, var(--paper-2), var(--paper));overflow:hidden}
.pvf-screen:where(:root.page-newsletters,:root.page-newsletters *)::before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1.1px,transparent 1.1px);background-size:22px 22px;opacity:.5;-webkit-mask-image:radial-gradient(circle at 50% 42%,#000,transparent 70%);mask-image:radial-gradient(circle at 50% 42%,#000,transparent 70%)}
.pvf-play:where(:root.page-newsletters,:root.page-newsletters *){position:relative;z-index:1;width:66px;height:66px;border-radius:50%;background:var(--wine);box-shadow:0 16px 40px -12px rgba(155,27,46,.6);display:grid;place-items:center}
.pvf-play:where(:root.page-newsletters,:root.page-newsletters *)::after{content:"";width:0;height:0;border-left:18px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}
.pvf-cap:where(:root.page-newsletters,:root.page-newsletters *){position:relative;z-index:1;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.prodx-viz:where(:root.page-newsletters,:root.page-newsletters *)::before{content:none}
.viz-panel:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;inset:clamp(20px,2.4vw,34px);opacity:0;visibility:hidden;align-items:center}
.viz-panel.is-active:where(:root.page-newsletters,:root.page-newsletters *){position:relative;inset:auto;width:100%;opacity:1;visibility:visible;display:flex}
.vframe:where(:root.page-newsletters,:root.page-newsletters *){width:100%}
.vmedia:where(:root.page-newsletters,:root.page-newsletters *){position:relative;aspect-ratio:16/9;background:var(--ink);overflow:hidden}
.prodx-vid:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.prodx-shot:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.pv-float:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;z-index:4;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:13px;padding:11px 14px;box-shadow:0 18px 40px -20px rgba(40,8,16,.5)}
.pv-f1:where(:root.page-newsletters,:root.page-newsletters *){left:-16px;top:20%;animation:floatCard 6.5s var(--ease) infinite}
.pv-f2:where(:root.page-newsletters,:root.page-newsletters *){right:-14px;bottom:15%;flex-direction:column;align-items:flex-start;gap:2px;animation:floatCard 7.5s var(--ease) infinite reverse}
.pv-check:where(:root.page-newsletters,:root.page-newsletters *){width:28px;height:28px;border-radius:50%;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;font-weight:700;font-size:13px;flex:none}
.pv-tx b:where(:root.page-newsletters,:root.page-newsletters *),.pv-big:where(:root.page-newsletters,:root.page-newsletters *){font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-0.01em;display:block}
.pv-big:where(:root.page-newsletters,:root.page-newsletters *){font-size:21px}
.pv-tx span:where(:root.page-newsletters,:root.page-newsletters *),.pv-f2 span:where(:root.page-newsletters,:root.page-newsletters *){font-size:11px;color:var(--ink-3)}
.vframe:where(:root.page-newsletters,:root.page-newsletters *){border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper-2);box-shadow:var(--shadow-sm)}
.vbar:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;gap:12px;padding:11px 14px;background:var(--paper);border-bottom:1px solid var(--line-2)}
.vdots:where(:root.page-newsletters,:root.page-newsletters *){display:flex;gap:5px}
.vdots i:where(:root.page-newsletters,:root.page-newsletters *){width:9px;height:9px;border-radius:50%;background:#DAD7D0;display:block}
.vttl:where(:root.page-newsletters,:root.page-newsletters *){font-size:12.5px;font-weight:600;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vlive:where(:root.page-newsletters,:root.page-newsletters *){margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;color:#16804a;flex:none}
.vlive i:where(:root.page-newsletters,:root.page-newsletters *){width:6px;height:6px;border-radius:50%;background:#16a34a;display:block}
.vbody:where(:root.page-newsletters,:root.page-newsletters *){padding:18px;display:flex;flex-direction:column;gap:14px}
.vtop:where(:root.page-newsletters,:root.page-newsletters *){display:flex;gap:16px;align-items:center}
.donut:where(:root.page-newsletters,:root.page-newsletters *){position:relative;width:96px;height:96px;flex:none}
.donut svg:where(:root.page-newsletters,:root.page-newsletters *){width:100%;height:100%;transform:rotate(-90deg)}
.donut .d-bg:where(:root.page-newsletters,:root.page-newsletters *){fill:none;stroke:var(--line);stroke-width:3.4}
.donut .d-fg:where(:root.page-newsletters,:root.page-newsletters *){fill:none;stroke:var(--wine);stroke-width:3.4;stroke-linecap:round;stroke-dasharray:100.5;stroke-dashoffset:100.5}
.donut .d-c:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.donut .d-c b:where(:root.page-newsletters,:root.page-newsletters *){font-size:22px;font-weight:700;letter-spacing:-0.02em}
.donut .d-c i:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:9px;color:var(--ink-3);font-style:normal}
.vtiles:where(:root.page-newsletters,:root.page-newsletters *){display:flex;gap:12px;flex:1}
.vtiles.wide:where(:root.page-newsletters,:root.page-newsletters *){width:100%}
.vtile:where(:root.page-newsletters,:root.page-newsletters *){flex:1;border:1px solid var(--line);border-radius:11px;background:var(--paper);padding:14px 16px}
.vtile b:where(:root.page-newsletters,:root.page-newsletters *){font-size:clamp(20px,2.2vw,26px);font-weight:700;letter-spacing:-0.02em;display:block}
.vtile span:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:6px;display:block}
.vlist:where(:root.page-newsletters,:root.page-newsletters *){display:flex;flex-direction:column;gap:8px}
.vli:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;color:var(--ink-2);background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:9px 12px}
.vli em:where(:root.page-newsletters,:root.page-newsletters *){font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vli-ic:where(:root.page-newsletters,:root.page-newsletters *){width:16px;height:16px;border-radius:4px;background:var(--wine-soft);flex:none}
.vli-tag:where(:root.page-newsletters,:root.page-newsletters *){margin-left:auto;font-size:9px;letter-spacing:.06em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:2px 7px;flex:none}
.vli-tag.ok:where(:root.page-newsletters,:root.page-newsletters *){color:#16804a;border-color:rgba(22,128,74,.3)}
.vpipe:where(:root.page-newsletters,:root.page-newsletters *){display:flex;gap:10px}
.vstage:where(:root.page-newsletters,:root.page-newsletters *){flex:1;border:1px solid var(--line);border-radius:11px;background:var(--paper);padding:13px;text-align:center}
.vstage .vs-n:where(:root.page-newsletters,:root.page-newsletters *){font-size:22px;font-weight:700;letter-spacing:-0.02em;display:block}
.vstage .vs-l:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:5px;display:block}
.vstage.on:where(:root.page-newsletters,:root.page-newsletters *){border-color:var(--wine);background:var(--wine-soft)}
.vchart:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:flex-end;gap:12px;height:92px;padding-top:6px}
.vbarc:where(:root.page-newsletters,:root.page-newsletters *){flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;height:100%}
.vbarc .bf:where(:root.page-newsletters,:root.page-newsletters *){width:100%;border-radius:5px 5px 0 0;background:var(--accent);height:0}
.vbarc .bf.wine:where(:root.page-newsletters,:root.page-newsletters *){background:var(--wine)}
.vbarc i:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:9px;color:var(--ink-3);font-style:normal}
.vfoot:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line-2);padding-top:12px;font-size:13px;color:var(--ink-2)}
.vfoot b:where(:root.page-newsletters,:root.page-newsletters *){color:var(--wine);font-weight:700}
.vflow:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;gap:0}
.vnode:where(:root.page-newsletters,:root.page-newsletters *){flex:none;font-family:var(--font-mono);font-size:11px;color:var(--ink-2);border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:var(--paper)}
.vnode.done:where(:root.page-newsletters,:root.page-newsletters *){color:#16804a;border-color:rgba(22,128,74,.3)}
.vnode.cur:where(:root.page-newsletters,:root.page-newsletters *){color:#fff;background:var(--wine);border-color:var(--wine)}
.vlk:where(:root.page-newsletters,:root.page-newsletters *){flex:1;height:1px;background:var(--line);min-width:12px}
.vseg:where(:root.page-newsletters,:root.page-newsletters *){display:flex;height:30px;border-radius:8px;overflow:hidden;border:1px solid var(--line)}
.vseg .sf:where(:root.page-newsletters,:root.page-newsletters *){height:100%;width:0}
.vseg .sf.a:where(:root.page-newsletters,:root.page-newsletters *){background:var(--wine)}
.vseg .sf.b:where(:root.page-newsletters,:root.page-newsletters *){background:var(--accent)}
.vseg .sf.c:where(:root.page-newsletters,:root.page-newsletters *){background:var(--paper-3)}
.vseg-key:where(:root.page-newsletters,:root.page-newsletters *){display:flex;flex-wrap:wrap;gap:14px;font-family:var(--font-mono);font-size:9.5px;color:var(--ink-2)}
.vseg-key i:where(:root.page-newsletters,:root.page-newsletters *){width:9px;height:9px;border-radius:3px;display:inline-block;margin-right:5px;vertical-align:middle}
.vseg-key i.a:where(:root.page-newsletters,:root.page-newsletters *){background:var(--wine)}
.vseg-key i.b:where(:root.page-newsletters,:root.page-newsletters *){background:var(--accent)}
.vseg-key i.c:where(:root.page-newsletters,:root.page-newsletters *){background:var(--paper-3)}

/* stat band */
.statband:where(:root.page-newsletters,:root.page-newsletters *){display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper)}
.statband .sc:where(:root.page-newsletters,:root.page-newsletters *){padding:clamp(26px,3vw,38px) clamp(18px,2vw,30px);border-right:1px solid var(--line)}
.statband .sc:last-child:where(:root.page-newsletters,:root.page-newsletters *){border-right:0}

/* ============================ ANECDOTES (carousel) ============================ */
.anec-head:where(:root.page-newsletters,:root.page-newsletters *){display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:48px}
.anec-nav:where(:root.page-newsletters,:root.page-newsletters *){display:flex;gap:10px}
.anec-nav button:where(:root.page-newsletters,:root.page-newsletters *){width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);display:grid;place-items:center;transition:.2s}
.anec-nav button:hover:where(:root.page-newsletters,:root.page-newsletters *){border-color:var(--ink);background:var(--paper-2)}
.anec-nav button:disabled:where(:root.page-newsletters,:root.page-newsletters *){opacity:.35;cursor:default}
.anec-track-wrap:where(:root.page-newsletters,:root.page-newsletters *){overflow:hidden;padding-block:6px}
.anec-track:where(:root.page-newsletters,:root.page-newsletters *){display:flex;gap:24px}
.anec-card:where(:root.page-newsletters,:root.page-newsletters *){position:relative;flex:0 0 min(680px,90vw);height:clamp(360px,42vw,460px); border-radius:22px;overflow:hidden;background:var(--ink);isolation:isolate}
.anec-img:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0; transform:scale(1.02);transition:transform .8s var(--ease)}
.anec-card:hover .anec-img:where(:root.page-newsletters,:root.page-newsletters *){transform:scale(1.07)}
.anec-shade:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;inset:0;z-index:1; background:linear-gradient(183deg,rgba(20,16,18,.18) 0%,rgba(20,16,18,0) 26%,rgba(20,16,18,.62) 64%,rgba(20,16,18,.92) 100%)}
.anec-body:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(22px,2.4vw,32px);color:#fff}
.anec-chip:where(:root.page-newsletters,:root.page-newsletters *){align-self:flex-start;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#fff; background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:7px 13px;border-radius:100px}
.anec-bottom h3:where(:root.page-newsletters,:root.page-newsletters *){font-size:clamp(22px,2.2vw,29px);font-weight:700;letter-spacing:-0.025em;line-height:1.08;margin-bottom:12px;text-wrap:balance;max-width:18ch}
.anec-bottom p:where(:root.page-newsletters,:root.page-newsletters *){font-size:15px;line-height:1.55;color:rgba(255,255,255,.82);max-width:46ch;text-wrap:pretty}
.anec-stats:where(:root.page-newsletters,:root.page-newsletters *){display:none}
.anec-link:where(:root.page-newsletters,:root.page-newsletters *){display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-weight:600;font-size:14.5px;color:#fff}
.anec-link .arr:where(:root.page-newsletters,:root.page-newsletters *){transition:transform .25s var(--ease)}
.anec-card:hover .anec-link .arr:where(:root.page-newsletters,:root.page-newsletters *){transform:translateX(4px)}

/* ============================ ECOSYSTEM ============================ */
.eco-head:where(:root.page-newsletters,:root.page-newsletters *){margin-bottom:clamp(48px,6vw,84px)}
.eco-rows:where(:root.page-newsletters,:root.page-newsletters *){display:flex;flex-direction:column;gap:clamp(56px,7vw,110px);margin-bottom:clamp(44px,5vw,72px)}
.eco-row:where(:root.page-newsletters,:root.page-newsletters *){display:grid;grid-template-columns:0.82fr 1.18fr;gap:clamp(36px,5vw,80px);align-items:center}
.eco-info:where(:root.page-newsletters,:root.page-newsletters *){min-width:0}
.eco-rowhead:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;gap:13px;margin-bottom:22px}
.eco-num:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--ink-3);letter-spacing:.04em}
.eco-glyph:where(:root.page-newsletters,:root.page-newsletters *){width:44px;height:44px;border-radius:11px;display:grid;place-items:center;font-family:var(--font-mono);font-size:13px;font-weight:600;color:#fff;background:var(--accent);flex:none}
.eco-row[data-k="ts"] .eco-glyph:where(:root.page-newsletters,:root.page-newsletters *){background:var(--accent)}
.eco-row[data-k="cv"] .eco-glyph:where(:root.page-newsletters,:root.page-newsletters *){background:var(--accent)}
.eco-row[data-k="nx"] .eco-glyph:where(:root.page-newsletters,:root.page-newsletters *){background:var(--accent)}
.eco-row[data-k="ck"] .eco-glyph:where(:root.page-newsletters,:root.page-newsletters *){background:var(--accent)}
.eco-badge:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;color:var(--ink-2);border:1px solid var(--line);border-radius:6px;padding:4px 8px;text-transform:uppercase}
.eco-rowhead .eco-badge:where(:root.page-newsletters,:root.page-newsletters *){margin-left:auto}
.eco-name:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--wine);margin-bottom:14px}
.eco-h:where(:root.page-newsletters,:root.page-newsletters *){font-size:clamp(25px,2.9vw,38px);font-weight:700;letter-spacing:-0.03em;line-height:1.04;margin-bottom:18px;text-wrap:balance;max-width:15ch}
.eco-desc:where(:root.page-newsletters,:root.page-newsletters *){font-size:clamp(15px,1.4vw,17px);color:var(--ink-2);line-height:1.6;max-width:46ch;margin-bottom:24px;text-wrap:pretty}
.eco-tags:where(:root.page-newsletters,:root.page-newsletters *){display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.eco-info .link-arrow:where(:root.page-newsletters,:root.page-newsletters *){font-size:15px}

/* product image placeholder (client-provided) */
.eco-media:where(:root.page-newsletters,:root.page-newsletters *){min-width:0}
.media-frame:where(:root.page-newsletters,:root.page-newsletters *){border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper);box-shadow:var(--shadow-md)}
.media-bar:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line-2);background:var(--paper-2)}
.media-bar .md-dots:where(:root.page-newsletters,:root.page-newsletters *){display:flex;gap:6px;flex:none}
.media-bar .md-dots i:where(:root.page-newsletters,:root.page-newsletters *){width:10px;height:10px;border-radius:50%;background:#DAD7D0;display:block}
.media-bar .md-title:where(:root.page-newsletters,:root.page-newsletters *){font-size:13px;font-weight:600;color:var(--ink-2);letter-spacing:-0.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.media-bar .md-tag:where(:root.page-newsletters,:root.page-newsletters *){margin-left:auto;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:3px 7px;flex:none}
.media-body:where(:root.page-newsletters,:root.page-newsletters *){position:relative;aspect-ratio:16/10.5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--paper-2);overflow:hidden}
.media-body:where(:root.page-newsletters,:root.page-newsletters *)::before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1.1px,transparent 1.1px);background-size:22px 22px;opacity:.55;-webkit-mask-image:radial-gradient(circle at 50% 44%,#000,transparent 70%);mask-image:radial-gradient(circle at 50% 44%,#000,transparent 70%)}
.media-icon:where(:root.page-newsletters,:root.page-newsletters *){width:74px;height:74px;border-radius:18px;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow-sm);display:grid;place-items:center;color:var(--ink-3);z-index:1}
.eco-row[data-k="ts"] .media-icon:where(:root.page-newsletters,:root.page-newsletters *){color:var(--accent)}
.eco-row[data-k="cv"] .media-icon:where(:root.page-newsletters,:root.page-newsletters *){color:var(--accent)}
.eco-row[data-k="ck"] .media-icon:where(:root.page-newsletters,:root.page-newsletters *){color:var(--accent)}
.media-cap:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);z-index:1}
.eco-substrate:where(:root.page-newsletters,:root.page-newsletters *){margin-top:0;text-align:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);display:flex;align-items:center;justify-content:center;gap:10px}
.eco-substrate:where(:root.page-newsletters,:root.page-newsletters *)::before,.eco-substrate:where(:root.page-newsletters,:root.page-newsletters *)::after{content:"";height:1px;flex:1;max-width:120px;background:var(--line)}

/* ============================ ENTERPRISE GAP ============================ */
.gap:where(:root.page-newsletters,:root.page-newsletters *){background:var(--paper-2)}
.gap-head:where(:root.page-newsletters,:root.page-newsletters *){max-width:780px;margin-bottom:54px}
.sym-grid:where(:root.page-newsletters,:root.page-newsletters *){display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.sym:where(:root.page-newsletters,:root.page-newsletters *){grid-column:span 2;border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:24px;display:flex;flex-direction:column;transition:.25s var(--ease)}
.sym:nth-child(4):where(:root.page-newsletters,:root.page-newsletters *){grid-column:span 3}
.sym:nth-child(5):where(:root.page-newsletters,:root.page-newsletters *){grid-column:span 3}
.sym:hover:where(:root.page-newsletters,:root.page-newsletters *){box-shadow:var(--shadow-md);transform:translateY(-2px)}
.sym .sk:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--wine);margin-bottom:14px}
.sym h4:where(:root.page-newsletters,:root.page-newsletters *){font-size:17px;font-weight:600;letter-spacing:-0.015em;margin-bottom:9px}
.sym p:where(:root.page-newsletters,:root.page-newsletters *){font-size:13.5px;color:var(--ink-2);line-height:1.5;margin-bottom:18px}
.sym .sviz:where(:root.page-newsletters,:root.page-newsletters *){margin-top:auto;display:flex;flex-direction:column;gap:6px}
.faux-line:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:6px;padding:6px 9px}
.faux-line .t:where(:root.page-newsletters,:root.page-newsletters *){margin-left:auto;color:var(--ink-3)}
.faux-line.bad:where(:root.page-newsletters,:root.page-newsletters *){color:var(--wine);border-color:var(--wine-line);background:var(--wine-soft)}
.gap-answer:where(:root.page-newsletters,:root.page-newsletters *){margin-top:30px;border:1px solid var(--ink);border-radius:18px;background:var(--ink);color:#fff;padding:clamp(32px,4vw,52px);display:grid;grid-template-columns:1.4fr 1fr;gap:36px;align-items:center}
.gap-answer .ga-k:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:18px;display:flex;align-items:center;gap:9px}
.gap-answer .ga-k:where(:root.page-newsletters,:root.page-newsletters *)::before{content:"";width:7px;height:7px;border-radius:2px;background:var(--wine)}
.gap-answer h3:where(:root.page-newsletters,:root.page-newsletters *){font-size:clamp(24px,2.8vw,36px);font-weight:700;letter-spacing:-0.025em;line-height:1.05;text-wrap:balance}
.gap-answer p:where(:root.page-newsletters,:root.page-newsletters *){color:rgba(255,255,255,.72);font-size:15.5px;line-height:1.6;margin-top:18px;max-width:52ch}
.gap-answer .ga-cta:where(:root.page-newsletters,:root.page-newsletters *){display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.btn-wine-ghost:where(:root.page-newsletters,:root.page-newsletters *){background:transparent;color:#fff;border:1px solid rgba(255,255,255,.28)}
.btn-wine-ghost:hover:where(:root.page-newsletters,:root.page-newsletters *){background:rgba(255,255,255,.08);border-color:#fff}

/* ============================ ARCHITECTURE (callout) ============================ */
.archx-callout:where(:root.page-newsletters,:root.page-newsletters *){position:relative;border:1px solid rgba(255,255,255,.18);border-radius:32px;padding:clamp(32px,4.5vw,64px);overflow:hidden; background: radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,.12), transparent 60%), linear-gradient(165deg,#B23a4a 0%,#8E1B2C 52%,#67121F 100%); color:#fff; box-shadow:0 40px 90px -46px rgba(70,18,28,.7), 0 0 0 7px rgba(155,27,46,.08)}
.archx-top:where(:root.page-newsletters,:root.page-newsletters *){position:relative;z-index:1;display:grid;grid-template-columns:42% 1fr;gap:clamp(28px,3.5vw,56px);align-items:center}
.archx-callout:where(:root.page-newsletters,:root.page-newsletters *)::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none; background-image:radial-gradient(circle, rgba(255,255,255,.14) 1.2px, transparent 1.2px);background-size:26px 26px;opacity:.6}
.archx-left:where(:root.page-newsletters,:root.page-newsletters *),.archx-right:where(:root.page-newsletters,:root.page-newsletters *){position:relative;z-index:1}
.archx-left .kicker:where(:root.page-newsletters,:root.page-newsletters *){display:block;margin-bottom:18px;color:rgba(255,255,255,.6)}
.archx-left .kicker:where(:root.page-newsletters,:root.page-newsletters *)::before{background:#fff}
.archx-title:where(:root.page-newsletters,:root.page-newsletters *){font-size:clamp(30px,3.4vw,46px);font-weight:700;letter-spacing:-0.03em;line-height:1.04;text-wrap:balance;margin-bottom:18px;color:#fff}
.archx-lede:where(:root.page-newsletters,:root.page-newsletters *){font-size:clamp(16px,1.55vw,19px);color:rgba(255,255,255,.8);line-height:1.6;max-width:42ch;margin-bottom:28px}
.archx-cta:where(:root.page-newsletters,:root.page-newsletters *){border-radius:100px;background:#fff;color:var(--wine-deep)}
.archx-cta:hover:where(:root.page-newsletters,:root.page-newsletters *){background:#fff;transform:translateY(-2px);box-shadow:0 16px 36px -14px rgba(0,0,0,.45)}

/* diagram placeholder — client to provide */
.archx-diagram--ph:where(:root.page-newsletters,:root.page-newsletters *){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px; min-height:clamp(220px,24vw,300px);border:1.5px dashed rgba(255,255,255,.3);border-radius:18px; background:rgba(255,255,255,.05);text-align:center;padding:30px}
.axd-ph-ic:where(:root.page-newsletters,:root.page-newsletters *){width:60px;height:60px;border-radius:15px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;color:#fff}
.archx-diagram--ph b:where(:root.page-newsletters,:root.page-newsletters *){font-size:16px;font-weight:700;color:#fff;letter-spacing:-0.01em}
.axd-ph-sub:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.axd-col:where(:root.page-newsletters,:root.page-newsletters *){display:flex;flex-direction:column;gap:8px;align-items:stretch;min-width:0}
.axd-lbl:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:4px;text-align:center}
.axd-flow span:where(:root.page-newsletters,:root.page-newsletters *){width:18px;height:2px;border-radius:2px;background:rgba(255,255,255,.3)}
.axd-flow span:nth-child(2):where(:root.page-newsletters,:root.page-newsletters *){width:24px;background:rgba(255,255,255,.6)}
.axd-chip:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--ink-2);background:var(--paper);border:1px solid rgba(20,16,22,.05);border-radius:9px;padding:9px 12px;text-align:center;box-shadow:0 12px 28px -16px rgba(42,30,48,.4)}
.axd-chip.wine:where(:root.page-newsletters,:root.page-newsletters *){color:var(--wine);border-color:var(--wine-line);background:var(--wine-soft)}
.axd-flow:where(:root.page-newsletters,:root.page-newsletters *){display:flex;flex-direction:column;gap:4px;flex:none}
.axd-flow span:where(:root.page-newsletters,:root.page-newsletters *){width:18px;height:2px;border-radius:2px;background:var(--wine-line)}
.axd-flow span:nth-child(2):where(:root.page-newsletters,:root.page-newsletters *){width:24px;background:var(--wine)}
.axd-core:where(:root.page-newsletters,:root.page-newsletters *){background:var(--paper);border:1px solid var(--wine-line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-md);min-width:148px}
.axd-core-top:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;justify-content:space-between;padding:2px 4px 8px;border-bottom:1px solid var(--line-2)}
.axd-core-top b:where(:root.page-newsletters,:root.page-newsletters *){font-size:13px;font-weight:700;letter-spacing:-0.01em;white-space:nowrap}
.axd-core-v:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:9px;color:var(--wine)}
.axd-layer:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:10.5px;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:7px;padding:7px 10px;transition:.2s var(--ease)}
.axd-layer:hover:where(:root.page-newsletters,:root.page-newsletters *){background:var(--wine-soft);border-color:var(--wine-line);color:var(--wine)}

/* capability list inside callout — borderless angled cards */
.caplist:where(:root.page-newsletters,:root.page-newsletters *){position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px);margin-top:clamp(34px,4vw,52px);padding-top:8px}
.capx:where(:root.page-newsletters,:root.page-newsletters *){display:flex;gap:13px;align-items:flex-start;position:relative; background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.05)); -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px); border:0;border-radius:16px;padding:22px 22px 24px;overflow:hidden; box-shadow:0 16px 36px -22px rgba(20,6,10,.6);transition:transform .3s var(--ease)}
.capx:hover:where(:root.page-newsletters,:root.page-newsletters *){transform:translateY(-2px)}
.capx:where(:root.page-newsletters,:root.page-newsletters *)::before{display:none}
.capx :is(h3,h4):where(:root.page-newsletters,:root.page-newsletters *){font-size:15.5px;font-weight:700;letter-spacing:-0.015em;margin-bottom:7px;color:#fff}
.capx p:where(:root.page-newsletters,:root.page-newsletters *){font-size:13.5px;color:rgba(255,255,255,.74);line-height:1.55}
.arch-cols:where(:root.page-newsletters,:root.page-newsletters *){position:relative;display:grid;grid-template-columns:1fr auto 1.5fr;gap:0;align-items:stretch}
.arch-sys:where(:root.page-newsletters,:root.page-newsletters *){padding:clamp(26px,3vw,40px);border-right:1px solid var(--line)}
.arch-colhead:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:20px;display:flex;align-items:center;gap:8px}
.sys-node:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper-2);margin-bottom:10px;transition:.25s var(--ease)}
.sys-node:hover:where(:root.page-newsletters,:root.page-newsletters *){border-color:var(--accent-line);background:var(--accent-soft)}
.sys-node .sn-g:where(:root.page-newsletters,:root.page-newsletters *){width:30px;height:30px;border-radius:7px;background:var(--paper);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:9px;font-weight:600;color:var(--ink-2);flex:none}
.sys-node .sn-t b:where(:root.page-newsletters,:root.page-newsletters *){font-size:13.5px;font-weight:600;display:block}
.sys-node .sn-t span:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:9.5px;color:var(--ink-3);letter-spacing:.02em}
.arch-flow:where(:root.page-newsletters,:root.page-newsletters *){width:74px;position:relative;display:grid;place-items:center}
.arch-flow .flowlbl:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}
.arch-core:where(:root.page-newsletters,:root.page-newsletters *){padding:clamp(26px,3vw,40px);background:linear-gradient(180deg,var(--wine-soft),var(--paper) 70%)}
.core-card:where(:root.page-newsletters,:root.page-newsletters *){border:1px solid var(--wine-line);border-radius:14px;background:var(--paper);box-shadow:var(--shadow-md);overflow:hidden}
.core-top:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line-2)}
.core-top .ct-t:where(:root.page-newsletters,:root.page-newsletters *){font-size:16px;font-weight:700;letter-spacing:-0.02em}
.core-top .ct-v:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:10px;color:var(--ink-3)}
.core-layers:where(:root.page-newsletters,:root.page-newsletters *){padding:14px}
.layer:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:9px;margin-bottom:6px;transition:.25s var(--ease);border:1px solid transparent}
.layer:hover:where(:root.page-newsletters,:root.page-newsletters *){background:var(--wine-soft);border-color:var(--wine-line)}
.layer .ly-n:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:10px;color:var(--wine);font-weight:600;width:26px;flex:none}
.layer .ly-t b:where(:root.page-newsletters,:root.page-newsletters *){font-size:14px;font-weight:600;display:block;letter-spacing:-0.01em}
.layer .ly-t span:where(:root.page-newsletters,:root.page-newsletters *){font-size:12px;color:var(--ink-3)}
.core-out:where(:root.page-newsletters,:root.page-newsletters *){display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}
.out-card:where(:root.page-newsletters,:root.page-newsletters *){border:1px solid var(--line);border-radius:11px;padding:15px;background:var(--paper)}
.out-card .oc-k:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:9px}
.out-card b:where(:root.page-newsletters,:root.page-newsletters *){font-size:14px;font-weight:600;display:block;letter-spacing:-0.01em;margin-bottom:5px}
.out-card span:where(:root.page-newsletters,:root.page-newsletters *){font-size:12px;color:var(--ink-3);line-height:1.4}

/* capability strip below diagram */
.cap-grid:where(:root.page-newsletters,:root.page-newsletters *){display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:22px}
.cap:where(:root.page-newsletters,:root.page-newsletters *){background:var(--paper);padding:26px 24px}
.cap .cn:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:10px;color:var(--wine);margin-bottom:14px}
.cap h4:where(:root.page-newsletters,:root.page-newsletters *){font-size:16px;font-weight:600;letter-spacing:-0.015em;margin-bottom:9px}
.cap p:where(:root.page-newsletters,:root.page-newsletters *){font-size:13.5px;color:var(--ink-2);line-height:1.5;margin-bottom:14px}
.cap .ctags:where(:root.page-newsletters,:root.page-newsletters *){display:flex;flex-wrap:wrap;gap:6px}
.ctag:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:3px 7px;text-transform:uppercase;white-space:nowrap}

/* flow timeline */

/* ============================ LOOP CIRCUIT (decision flow) ============================ */
.loopx:where(:root.page-newsletters,:root.page-newsletters *){position:relative;margin-top:clamp(56px,7vw,104px);padding:0;background:none;border:0}
.loopx-head:where(:root.page-newsletters,:root.page-newsletters *){max-width:820px;margin:0 auto clamp(20px,2.4vw,34px);text-align:center}
.loopx-title:where(:root.page-newsletters,:root.page-newsletters *){margin:0 auto;text-wrap:balance}
.loopx-sub:where(:root.page-newsletters,:root.page-newsletters *){margin:14px auto 0;font-size:clamp(14.5px,1.4vw,17px);color:var(--ink-2);line-height:1.55;max-width:56ch;text-wrap:pretty}
.loopx-stage:where(:root.page-newsletters,:root.page-newsletters *){position:relative;margin:0 auto}
.sigx:where(:root.page-newsletters,:root.page-newsletters *){position:relative;aspect-ratio:1000/300;max-width:1180px;margin:64px auto;overflow:visible}
.sig-svg:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sig-base:where(:root.page-newsletters,:root.page-newsletters *){fill:none;stroke:#D8D4CD;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.sig-accent path:where(:root.page-newsletters,:root.page-newsletters *){fill:none;stroke:var(--wine);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.5}
.sig-ink:where(:root.page-newsletters,:root.page-newsletters *){fill:none;stroke:var(--wine);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 6px rgba(155,27,46,.28))}
.sig-pegs:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;inset:0;z-index:2;pointer-events:none}
.sig-peg:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:#fff;border:2px solid #D8D4CD;box-shadow:0 4px 10px -3px rgba(40,20,26,.3);transition:.35s var(--ease)}
.sig-peg.lit:where(:root.page-newsletters,:root.page-newsletters *){border-color:var(--wine);background:var(--wine);box-shadow:0 0 0 4px rgba(155,27,46,.16),0 6px 14px -4px rgba(155,27,46,.5)}
.sig-stem:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;width:1.6px;margin-left:-0.8px;background:linear-gradient(var(--wine),rgba(155,27,46,.12));transform-origin:top;z-index:2;opacity:.35;transition:opacity .35s var(--ease)}
.sig-stem.lit:where(:root.page-newsletters,:root.page-newsletters *){opacity:1}
.loopx-steps:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;inset:0;z-index:3}
.lxstep:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:clamp(126px,12vw,156px);text-align:left; background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:11px 13px;box-shadow:0 12px 28px -14px rgba(40,20,26,.26);transition:border-color .35s var(--ease),box-shadow .35s var(--ease),background .35s}
.lxstep.above:where(:root.page-newsletters,:root.page-newsletters *){transform:translate(-50%,calc(-100% - 13px))}
.lxstep.below:where(:root.page-newsletters,:root.page-newsletters *){transform:translate(-50%,13px)}
.lxstep .lxs-dot:where(:root.page-newsletters,:root.page-newsletters *){width:22px;height:22px;border-radius:7px;background:var(--paper-2);border:1.5px solid var(--line);display:grid;place-items:center;transition:.35s var(--ease);flex:none;position:relative}
.lxstep .lxs-dot:where(:root.page-newsletters,:root.page-newsletters *)::after{content:"";width:7px;height:4px;border-left:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);transform:rotate(-45deg) translateY(-1px);transition:.35s}
.lxstep b:where(:root.page-newsletters,:root.page-newsletters *){font-size:13px;font-weight:700;letter-spacing:-0.01em;color:var(--ink);transition:color .35s;line-height:1.12}
.lxstep .lxs-sub:where(:root.page-newsletters,:root.page-newsletters *){font-size:10.5px;line-height:1.32;color:var(--ink-3);transition:color .35s;text-wrap:pretty}
.lxstep.lit:where(:root.page-newsletters,:root.page-newsletters *){border-color:var(--wine);box-shadow:0 16px 34px -12px rgba(155,27,46,.4);z-index:6}
.lxstep.lit .lxs-dot:where(:root.page-newsletters,:root.page-newsletters *){border-color:var(--wine);background:var(--wine)}
.lxstep.lit .lxs-dot:where(:root.page-newsletters,:root.page-newsletters *)::after{border-color:#fff}
.lxstep.lit .lxs-sub:where(:root.page-newsletters,:root.page-newsletters *){color:var(--ink-2)}
.loopx-comet:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;left:0;top:0;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;z-index:5; background:radial-gradient(circle,#fff 0%,var(--wine) 55%,rgba(155,27,46,0) 72%); box-shadow:0 0 16px 4px rgba(155,27,46,.7),0 0 5px 1px #fff;pointer-events:none}

/* ============================ INDUSTRY FIT ============================ */
.ind-head:where(:root.page-newsletters,:root.page-newsletters *){display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end;margin-bottom:48px}
.ind-tabswrap:where(:root.page-newsletters,:root.page-newsletters *){position:relative;display:flex;align-items:center;gap:12px;margin-bottom:34px}
.ind-arrow:where(:root.page-newsletters,:root.page-newsletters *){flex:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:20px;line-height:1;display:grid;place-items:center;transition:.2s var(--ease);box-shadow:var(--shadow-sm)}
.ind-arrow:hover:where(:root.page-newsletters,:root.page-newsletters *){border-color:var(--ink);background:var(--paper-2)}
.ind-arrow:disabled:where(:root.page-newsletters,:root.page-newsletters *){opacity:.3;cursor:default;box-shadow:none}
.ind-tabs:where(:root.page-newsletters,:root.page-newsletters *){flex:1 1 auto;min-width:0;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:6px 4px}
.ind-tabs:where(:root.page-newsletters,:root.page-newsletters *)::-webkit-scrollbar{display:none}
.ind-tab:where(:root.page-newsletters,:root.page-newsletters *){flex:none;white-space:nowrap;font-size:14px;font-weight:600;color:#9a9098;padding:9px 18px;border:1px dashed #c7bcc0;border-radius:100px;background:transparent;transition:color .2s,border-color .2s,background .2s}
.ind-tab:hover:where(:root.page-newsletters,:root.page-newsletters *){color:var(--wine);border-color:var(--wine-line)}
.ind-tab.is-active:where(:root.page-newsletters,:root.page-newsletters *){background:var(--wine-soft);color:var(--wine);border-style:solid;border-color:var(--wine)}

/* view-all industries */
.ind-morerow:where(:root.page-newsletters,:root.page-newsletters *){display:flex;justify-content:center;margin:-18px 0 30px}
.ind-more:where(:root.page-newsletters,:root.page-newsletters *){flex:none;white-space:nowrap;font-size:14px;font-weight:600;color:var(--wine);padding:11px 22px;border:1px solid var(--wine);border-radius:100px;background:var(--wine-soft);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.2s var(--ease)}
transition:.2s var(--ease)} .ind-more:hover:where(:root.page-newsletters,:root.page-newsletters *){background:var(--wine);color:#fff}
.ind-more .im-ic:where(:root.page-newsletters,:root.page-newsletters *){font-size:10px;transition:transform .25s var(--ease)}
.ind-more[aria-expanded="true"] .im-ic:where(:root.page-newsletters,:root.page-newsletters *){transform:rotate(180deg)}
.ind-allwrap:where(:root.page-newsletters,:root.page-newsletters *){margin:-14px 0 34px;border:1px solid var(--line);border-radius:20px;background:var(--paper);padding:clamp(20px,2.4vw,30px);box-shadow:var(--shadow-md)}
.ind-all-head:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.ind-all-close:where(:root.page-newsletters,:root.page-newsletters *){width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;font-size:13px;transition:.2s}
.ind-all-close:hover:where(:root.page-newsletters,:root.page-newsletters *){border-color:var(--ink);background:var(--paper-2)}
.ind-allgrid:where(:root.page-newsletters,:root.page-newsletters *){display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ind-allgrid button:where(:root.page-newsletters,:root.page-newsletters *){text-align:left;font-size:14px;font-weight:600;color:var(--ink-2);padding:13px 16px;border:1px dashed var(--line);border-radius:12px;background:transparent;cursor:pointer;transition:.18s var(--ease)}
.ind-allgrid button:hover:where(:root.page-newsletters,:root.page-newsletters *){color:var(--wine);border-color:var(--wine-line);background:var(--wine-soft)}
.ind-allgrid button.is-active:where(:root.page-newsletters,:root.page-newsletters *){color:var(--wine);border-style:solid;border-color:var(--wine);background:var(--wine-soft)}
.ind-tab:where(:root.page-newsletters,:root.page-newsletters *){flex:none;white-space:nowrap;font-size:14px;font-weight:600;color:#9a9098;padding:9px 18px;border:1px dashed #c7bcc0;border-radius:100px;background:transparent;cursor:pointer;transition:color .2s,border-color .2s,background .2s}
.ind-panel:where(:root.page-newsletters,:root.page-newsletters *){display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(24px,3vw,48px);align-items:stretch; border:1px solid var(--line);border-radius:24px;background:var(--paper);padding:clamp(18px,1.8vw,26px);min-height:400px}
.ind-media:where(:root.page-newsletters,:root.page-newsletters *){border-radius:16px;overflow:hidden;background:var(--paper-3);min-height:300px}
.ind-media img:where(:root.page-newsletters,:root.page-newsletters *){width:100%;height:100%;object-fit:cover;display:block}
.ind-content:where(:root.page-newsletters,:root.page-newsletters *){display:flex;flex-direction:column;padding:clamp(8px,1vw,16px) clamp(8px,1.4vw,22px) clamp(8px,1vw,16px) 0}
.ind-toprow:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;justify-content:space-between;gap:16px}
.ind-brand:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;gap:12px}
.ind-glyph:where(:root.page-newsletters,:root.page-newsletters *){width:38px;height:38px;border-radius:10px;background:var(--wine);color:#fff;display:grid;place-items:center;font-weight:700;font-size:16px;flex:none}
.ind-brand b:where(:root.page-newsletters,:root.page-newsletters *){font-size:17px;font-weight:700;letter-spacing:-0.02em;color:var(--ink)}
.ind-counter:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.ind-counter i:where(:root.page-newsletters,:root.page-newsletters *){width:24px;height:1px;background:var(--line);display:inline-block}
.ind-div:where(:root.page-newsletters,:root.page-newsletters *){border:0;border-top:1px solid var(--line);margin:clamp(18px,2vw,26px) 0}
.ind-cols:where(:root.page-newsletters,:root.page-newsletters *){display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,44px);flex:1}
.ind-cA:where(:root.page-newsletters,:root.page-newsletters *){display:flex;flex-direction:column}
.ind-cA h3:where(:root.page-newsletters,:root.page-newsletters *){font-size:clamp(22px,2.4vw,32px);font-weight:700;letter-spacing:-0.03em;line-height:1.08;text-wrap:balance}
.ind-sub:where(:root.page-newsletters,:root.page-newsletters *){font-size:13px;font-weight:500;color:var(--ink-3);margin-top:14px;letter-spacing:-0.005em}
.ind-learn:where(:root.page-newsletters,:root.page-newsletters *){margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15px;color:var(--wine);width:fit-content;padding:10px 18px;border-radius:100px;background:transparent;border:1px solid var(--wine-line);transition:background .22s var(--ease),border-color .22s var(--ease),color .22s}
.ind-learn span:where(:root.page-newsletters,:root.page-newsletters *){transition:transform .25s var(--ease)}
.ind-learn:hover:where(:root.page-newsletters,:root.page-newsletters *){color:var(--wine);background:var(--wine-soft);border-color:var(--wine)}
.ind-learn:hover span:where(:root.page-newsletters,:root.page-newsletters *){transform:translateX(4px)}
.ind-cB:where(:root.page-newsletters,:root.page-newsletters *){display:flex;flex-direction:column}
.ind-cB p:where(:root.page-newsletters,:root.page-newsletters *){font-size:15px;color:var(--ink-2);line-height:1.6}
.ind-rep:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;gap:13px;margin-top:auto;padding-top:24px}
.ind-rep-img:where(:root.page-newsletters,:root.page-newsletters *){width:60px;height:60px;border-radius:12px;object-fit:cover;flex:none;background:var(--paper-3)}
.ind-rep-t b:where(:root.page-newsletters,:root.page-newsletters *){font-size:15px;font-weight:700;letter-spacing:-0.01em;display:block;color:var(--ink)}
.ind-rep-t span:where(:root.page-newsletters,:root.page-newsletters *){font-size:12.5px;color:var(--ink-3);margin-top:2px;display:block}

/* ============================ REASONS (bento) ============================ */
.why-bento:where(:root.page-newsletters,:root.page-newsletters *){display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"a b c" "a d d";gap:16px}
.why-a:where(:root.page-newsletters,:root.page-newsletters *){grid-area:a}
.why-b:where(:root.page-newsletters,:root.page-newsletters *){grid-area:b}
.why-c:where(:root.page-newsletters,:root.page-newsletters *){grid-area:c}
.why-d:where(:root.page-newsletters,:root.page-newsletters *){grid-area:d}
.why-card:where(:root.page-newsletters,:root.page-newsletters *){position:relative;border:1px solid var(--line);border-radius:20px;padding:clamp(24px,2.3vw,34px);background:var(--paper);display:flex;flex-direction:column;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
.why-card:hover:where(:root.page-newsletters,:root.page-newsletters *){transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--ink)}
.why-icon:where(:root.page-newsletters,:root.page-newsletters *){width:48px;height:48px;border-radius:13px;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;flex:none;margin-bottom:22px}
.why-card h3:where(:root.page-newsletters,:root.page-newsletters *){font-size:clamp(19px,2vw,24px);font-weight:700;letter-spacing:-0.02em;margin-bottom:12px}
.why-card p:where(:root.page-newsletters,:root.page-newsletters *){font-size:15px;color:var(--ink-2);line-height:1.6;margin-bottom:18px}
.why-card .wtags:where(:root.page-newsletters,:root.page-newsletters *){display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}

/* feature card */
.why-feat:where(:root.page-newsletters,:root.page-newsletters *){background:linear-gradient(158deg,#B23a4a 0%,#8E1B2C 52%,#67121F 100%);border-color:transparent;color:#fff;justify-content:space-between;overflow:hidden}
.why-feat:where(:root.page-newsletters,:root.page-newsletters *)::after{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.26);pointer-events:none;animation:spinCW 26s linear infinite}
.why-feat:where(:root.page-newsletters,:root.page-newsletters *)::before{content:"";position:absolute;right:-110px;top:-110px;width:340px;height:340px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.16);pointer-events:none;animation:spinCCW 34s linear infinite}
html[data-motion="off"] .why-feat:where(:root.page-newsletters,:root.page-newsletters *)::before,html[data-motion="off"] .why-feat:where(:root.page-newsletters,:root.page-newsletters *)::after{animation:none}
.wf-top:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:1}
.wf-kick:where(:root.page-newsletters,:root.page-newsletters *){margin-top:10px}
.why-icon.wi-light:where(:root.page-newsletters,:root.page-newsletters *){background:rgba(255,255,255,.16);color:#fff;margin-bottom:0}
.wf-kick:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.wf-body:where(:root.page-newsletters,:root.page-newsletters *){position:relative;z-index:1;margin-top:auto;padding-top:40px}
.wf-num:where(:root.page-newsletters,:root.page-newsletters *){font-size:clamp(48px,5.4vw,76px);font-weight:700;letter-spacing:-0.04em;line-height:.9}
.wf-num span:where(:root.page-newsletters,:root.page-newsletters *){font-size:.32em;font-weight:600;letter-spacing:-0.01em;color:rgba(255,255,255,.7)}
.why-feat h3:where(:root.page-newsletters,:root.page-newsletters *){margin:18px 0 12px;font-size:clamp(22px,2.2vw,27px)}
.why-feat p:where(:root.page-newsletters,:root.page-newsletters *){color:rgba(255,255,255,.78);max-width:38ch}
.ctag.onwine:where(:root.page-newsletters,:root.page-newsletters *){color:#fff;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.08)}

/* wide card d */
.why-d-in:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-top:auto;width:100%}
.why-d-stat:where(:root.page-newsletters,:root.page-newsletters *){flex:none;text-align:right}
.why-d-stat b:where(:root.page-newsletters,:root.page-newsletters *){font-size:clamp(34px,3.6vw,52px);font-weight:700;letter-spacing:-0.03em;color:var(--wine);line-height:1;display:block}
.why-d-stat span:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:6px;display:block}
.why-d p:where(:root.page-newsletters,:root.page-newsletters *){margin-bottom:0;max-width:52ch}

/* ============================ INTEGRATIONS (core + dual marquee) ============================ */
.intg:where(:root.page-newsletters,:root.page-newsletters *){background:#F3F1EE}
#industries:where(:root.page-newsletters,:root.page-newsletters *){padding-bottom:0}
.intg-head:where(:root.page-newsletters,:root.page-newsletters *){margin-bottom:40px;max-width:920px}
.intg-stage:where(:root.page-newsletters,:root.page-newsletters *){position:relative;border:0;border-radius:24px;background:var(--paper);overflow:hidden;padding:clamp(28px,3.4vw,48px) 0 clamp(18px,2.2vw,30px)}
.intg-dots:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1.2px,transparent 1.2px);background-size:22px 22px; -webkit-mask-image:radial-gradient(circle at 50% 22%,#000 0%,#000 60%,transparent 92%);mask-image:radial-gradient(circle at 50% 22%,#000 0%,#000 60%,transparent 92%);opacity:.7}

/* core at top */
.intg-core2.intg-core-top:where(:root.page-newsletters,:root.page-newsletters *),#intgCore.intg-core-top:where(:root.page-newsletters,:root.page-newsletters *){position:relative;left:auto;top:auto;transform:none;margin:0 auto;z-index:3}

/* general connection: stem from core → rail, with a packet that splits left/right */
.intg-conn:where(:root.page-newsletters,:root.page-newsletters *){position:relative;z-index:2;height:clamp(48px,5.4vw,72px);margin:0 auto clamp(8px,1.2vw,16px);width:82%;pointer-events:none}
.intg-conn .ic-stem:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;left:50%;top:0;transform:translateX(-50%);width:1.5px;height:62%;background:linear-gradient(180deg,var(--wine),var(--wine-line))}
.intg-conn .ic-rail:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;left:0;right:0;top:62%;height:1.5px;background:linear-gradient(90deg,transparent,var(--wine-line) 10%,var(--wine-line) 90%,transparent)}
.intg-conn .ic-pkt:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;width:7px;height:7px;border-radius:50%;background:var(--wine);box-shadow:0 0 9px 1px rgba(155,27,46,.55)}
.intg-conn .ic-down:where(:root.page-newsletters,:root.page-newsletters *){left:50%;top:0;transform:translate(-50%,-50%);animation:icDown 2.6s linear infinite}
.intg-conn .ic-left:where(:root.page-newsletters,:root.page-newsletters *){left:50%;top:62%;transform:translate(-50%,-50%);animation:icLeft 2.6s ease-in-out infinite}
.intg-conn .ic-right:where(:root.page-newsletters,:root.page-newsletters *){left:50%;top:62%;transform:translate(-50%,-50%);animation:icRight 2.6s ease-in-out infinite}
html[data-motion="off"] .intg-conn .ic-pkt:where(:root.page-newsletters,:root.page-newsletters *){animation:none;opacity:0}

/* single marquee */
.intg-rows:where(:root.page-newsletters,:root.page-newsletters *){position:relative;z-index:2;display:flex;flex-direction:column;gap:clamp(14px,1.6vw,20px)}
.intg-mrow:where(:root.page-newsletters,:root.page-newsletters *){overflow:hidden;padding-block:clamp(12px,1.4vw,18px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.intg-mtrack:where(:root.page-newsletters,:root.page-newsletters *){display:flex;gap:clamp(16px,1.8vw,24px);width:max-content;animation:intgMarq 34s linear infinite}
.intg-mrow:hover .intg-mtrack:where(:root.page-newsletters,:root.page-newsletters *){animation-play-state:paused}
html[data-motion="off"] .intg-mtrack:where(:root.page-newsletters,:root.page-newsletters *){animation:none}
.intg-chip:where(:root.page-newsletters,:root.page-newsletters *){flex:none;display:flex;align-items:center;gap:14px;white-space:nowrap;min-width:clamp(248px,24vw,320px); background:#fff;border:1px solid rgba(20,16,22,.04);border-radius:18px;padding:16px 30px 16px 16px; box-shadow:0 3px 8px rgba(30,22,40,.07),0 8px 18px -10px rgba(30,22,40,.16)}
.intg-chip .ig:where(:root.page-newsletters,:root.page-newsletters *){width:46px;height:46px;border-radius:13px;background:linear-gradient(160deg,#fff,#f4f2ee);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--ink-2);flex:none}
.intg-chip .ig img:where(:root.page-newsletters,:root.page-newsletters *){width:60%;height:60%;object-fit:contain}
.intg-chip .io-t b:where(:root.page-newsletters,:root.page-newsletters *){display:block;font-size:15px;font-weight:600;letter-spacing:-0.01em;color:var(--ink)}
.intg-chip .io-t span:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:3px;display:block}

/* center core */
.intg-core2:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3; width:min(248px,48%);text-align:center;border-radius:22px;padding:26px 24px 22px; background: radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,.14), transparent 60%), linear-gradient(165deg,#B23a4a 0%,#8E1B2C 52%,#67121F 100%); color:#fff;border:1px solid rgba(255,255,255,.18); box-shadow:0 30px 70px -26px rgba(70,18,28,.65), 0 0 0 7px rgba(155,27,46,.10)}
.intg-core2 .ic-ring:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);border-radius:24px;border:1px solid rgba(255,255,255,.3);pointer-events:none;animation:corePulse 3.4s var(--ease) infinite}
.intg-core2 .ic-mark:where(:root.page-newsletters,:root.page-newsletters *){width:54px;height:54px;border-radius:14px;background:#fff;display:grid;place-items:center;margin:0 auto 14px;box-shadow:0 10px 24px -10px rgba(0,0,0,.4)}
.intg-core2 .ic-mark img:where(:root.page-newsletters,:root.page-newsletters *){width:38px;height:38px;object-fit:contain}
.intg-core2 b:where(:root.page-newsletters,:root.page-newsletters *){display:block;font-size:16.5px;font-weight:700;letter-spacing:-0.02em}
.intg-core2 .ic-sub:where(:root.page-newsletters,:root.page-newsletters *){display:block;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.04em;color:rgba(255,255,255,.72);margin-top:9px;line-height:1.5}
.intg-core2 .ic-live:where(:root.page-newsletters,:root.page-newsletters *){display:inline-flex;align-items:center;gap:7px;margin-top:16px;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:100px;padding:5px 11px}
.intg-core2 .ic-live i:where(:root.page-newsletters,:root.page-newsletters *){width:6px;height:6px;border-radius:50%;background:#7CFFB0;box-shadow:0 0 0 0 rgba(124,255,176,.6);animation:livePulse 2.2s infinite}

/* orbit nodes */
.intg-orbit:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:2; display:flex;align-items:center;gap:12px;white-space:nowrap; background:var(--paper);border:1px solid rgba(20,16,22,.05);border-radius:15px;padding:12px 17px 12px 12px; box-shadow:0 18px 40px -20px rgba(42,30,48,.30), 0 4px 12px -6px rgba(42,30,48,.12); transition:box-shadow .25s var(--ease)}
.intg-orbit:hover:where(:root.page-newsletters,:root.page-newsletters *){box-shadow:0 26px 56px -22px rgba(42,30,48,.42), 0 6px 16px -8px rgba(42,30,48,.16);z-index:4}
.intg-orbit .ig:where(:root.page-newsletters,:root.page-newsletters *){width:42px;height:42px;border-radius:12px;background:linear-gradient(160deg,var(--paper),var(--paper-2));border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--ink-2);flex:none;box-shadow:inset 0 1px 0 #fff;overflow:hidden}
.intg-orbit .ig img:where(:root.page-newsletters,:root.page-newsletters *){width:62%;height:62%;object-fit:contain}
.intg-orbit .io-t b:where(:root.page-newsletters,:root.page-newsletters *){display:block;font-size:14px;font-weight:600;letter-spacing:-0.01em;color:var(--ink)}
.intg-orbit .io-t span:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:2px;display:block}

/* stats band — modern cards */
.intg-stats:where(:root.page-newsletters,:root.page-newsletters *){display:flex;justify-content:center;margin-top:6px}
.istat:where(:root.page-newsletters,:root.page-newsletters *){background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:20px 30px;display:flex;flex-direction:row;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center}
ar(--ease):where(:root.page-newsletters,:root.page-newsletters *),transform .25s var(--ease)} .istat:hover:where(:root.page-newsletters,:root.page-newsletters *){box-shadow:var(--shadow-md);transform:translateY(-2px)}
.istat .is-n:where(:root.page-newsletters,:root.page-newsletters *){font-size:clamp(28px,3.2vw,42px);font-weight:700;letter-spacing:-0.03em;line-height:1;color:var(--wine)}
.istat .is-l:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:10px}
.istat .is-langs:where(:root.page-newsletters,:root.page-newsletters *){display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.istat .is-langs span:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:10px;color:var(--ink-2);border:1px solid var(--line);border-radius:6px;padding:4px 8px;background:var(--paper-2)}
.istat:first-child:where(:root.page-newsletters,:root.page-newsletters *){background:linear-gradient(160deg,var(--wine-soft),var(--paper) 70%);border-color:var(--wine-line)}
.istat:first-child .is-l:where(:root.page-newsletters,:root.page-newsletters *){color:var(--wine)}

/* ============================ TESTIMONIALS (bento) ============================ */
.test-head:where(:root.page-newsletters,:root.page-newsletters *){text-align:center;max-width:680px;margin:0 auto clamp(46px,5.5vw,72px)}
.test-head .eyebrow:where(:root.page-newsletters,:root.page-newsletters *){margin-bottom:18px}
.test-head .h-section:where(:root.page-newsletters,:root.page-newsletters *){margin:0 auto}
.test-head .lede:where(:root.page-newsletters,:root.page-newsletters *){margin:20px auto 0;text-align:center}
.test-bento:where(:root.page-newsletters,:root.page-newsletters *){display:grid;grid-template-columns:repeat(3,1fr); grid-template-areas: "a c f" "a d g" "b e g"; gap:18px}
.tb-a:where(:root.page-newsletters,:root.page-newsletters *){grid-area:a}
.tb-b:where(:root.page-newsletters,:root.page-newsletters *){grid-area:b}
.tb-c:where(:root.page-newsletters,:root.page-newsletters *){grid-area:c}
.tb-d:where(:root.page-newsletters,:root.page-newsletters *){grid-area:d}
.tb-e:where(:root.page-newsletters,:root.page-newsletters *){grid-area:e}
.tb-f:where(:root.page-newsletters,:root.page-newsletters *){grid-area:f}
.tb-g:where(:root.page-newsletters,:root.page-newsletters *){grid-area:g}
.tcard:where(:root.page-newsletters,:root.page-newsletters *){position:relative;border:1px solid var(--line);border-radius:18px;background:var(--paper); padding:clamp(24px,2.2vw,32px);display:flex;flex-direction:column;overflow:hidden; transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
.tcard:hover:where(:root.page-newsletters,:root.page-newsletters *){transform:translateY(-3px);box-shadow:var(--shadow-md)}
.tcard .tq:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;right:18px;bottom:-6px;font-family:var(--font-sans);font-weight:700; font-size:104px;line-height:1;color:var(--line);pointer-events:none;user-select:none}
.tcard blockquote:where(:root.page-newsletters,:root.page-newsletters *){position:relative;z-index:1;font-size:15.5px;line-height:1.6;letter-spacing:-0.01em;color:var(--ink);text-wrap:pretty}
.tcard .who:where(:root.page-newsletters,:root.page-newsletters *){position:relative;z-index:1;display:flex;align-items:center;gap:12px;margin-top:22px}
.tcard .av:where(:root.page-newsletters,:root.page-newsletters *){width:46px;height:46px;border-radius:50%;flex:none;object-fit:cover;background:var(--paper-3)}
.tcard .who b:where(:root.page-newsletters,:root.page-newsletters *){font-size:14.5px;font-weight:700;display:block;letter-spacing:-0.01em}
.tcard .who span:where(:root.page-newsletters,:root.page-newsletters *){font-size:12.5px;color:var(--ink-3);margin-top:2px;display:block;line-height:1.35}

/* featured */
.tcard--feat:where(:root.page-newsletters,:root.page-newsletters *){padding:clamp(28px,2.7vw,40px)}
.tcard--feat .stars:where(:root.page-newsletters,:root.page-newsletters *){position:relative;z-index:1;font-size:15px;letter-spacing:3px;margin-bottom:24px}
.tcard--feat blockquote:where(:root.page-newsletters,:root.page-newsletters *){font-size:clamp(17px,1.45vw,20px);line-height:1.5;font-weight:500}
.tcard--feat .who:where(:root.page-newsletters,:root.page-newsletters *){margin-top:auto;padding-top:28px}
.tcard--feat .tq:where(:root.page-newsletters,:root.page-newsletters *){right:24px;top:8px;bottom:auto;font-size:128px}
.tcard--dark:where(:root.page-newsletters,:root.page-newsletters *){background:#F3F1EE;border:1px solid var(--line)}
.tcard--dark blockquote:where(:root.page-newsletters,:root.page-newsletters *),.tcard--dark .who b:where(:root.page-newsletters,:root.page-newsletters *){color:var(--ink)}
.tcard--dark .who span:where(:root.page-newsletters,:root.page-newsletters *){color:var(--ink-3)}
.tcard--dark .stars:where(:root.page-newsletters,:root.page-newsletters *){color:var(--wine)}
.tcard--dark .tq:where(:root.page-newsletters,:root.page-newsletters *){color:rgba(20,16,22,.06)}
.tcard--wine:where(:root.page-newsletters,:root.page-newsletters *){background:linear-gradient(155deg,#A6333E 0%,#7C1623 58%,#5E1020 100%);border-color:transparent}
.tcard--wine blockquote:where(:root.page-newsletters,:root.page-newsletters *),.tcard--wine .who b:where(:root.page-newsletters,:root.page-newsletters *){color:#fff}
.tcard--wine .who span:where(:root.page-newsletters,:root.page-newsletters *){color:rgba(255,255,255,.72)}
.tcard--wine .stars:where(:root.page-newsletters,:root.page-newsletters *){color:#fff}
.tcard--wine .tq:where(:root.page-newsletters,:root.page-newsletters *){color:rgba(255,255,255,.13)}
.tcard--wine .av:where(:root.page-newsletters,:root.page-newsletters *){box-shadow:0 0 0 2px rgba(255,255,255,.28)}
.tcard--dark .av:where(:root.page-newsletters,:root.page-newsletters *){box-shadow:0 0 0 2px rgba(20,16,22,.1)}

/* ============================ FINAL CTA ============================ */
.cta:where(:root.page-newsletters,:root.page-newsletters *){position:relative;background:linear-gradient(165deg,#4E0C18 0%,#6E1320 22%,#9B1B2E 50%,#BF3A40 74%,#E08763 100%);color:#fff;overflow:hidden;border-radius:0;isolation:isolate}
.cta:where(:root.page-newsletters,:root.page-newsletters *)::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background: radial-gradient(75% 55% at 18% 8%, rgba(255,210,190,.40) 0%, transparent 55%), radial-gradient(80% 70% at 92% 30%, rgba(120,12,24,.65) 0%, transparent 60%), radial-gradient(90% 80% at 50% 120%, rgba(50,6,14,.7) 0%, transparent 62%)}
.cta-noise:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.85;mix-blend-mode:soft-light; background-image: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='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:150px 150px}
.cta canvas:where(:root.page-newsletters,:root.page-newsletters *){display:none}
.cta-in:where(:root.page-newsletters,:root.page-newsletters *){position:relative;z-index:2;text-align:center;max-width:1200px;margin:0 auto;padding-block:clamp(60px,7.5vw,100px) clamp(40px,5vw,64px)}
.cta-logo:where(:root.page-newsletters,:root.page-newsletters *){display:inline-grid;place-items:center;width:104px;height:104px;border-radius:26px;margin-bottom:34px; background:linear-gradient(155deg,#ffffff 0%,#efece5 100%); box-shadow:0 2px 1px rgba(255,255,255,.95) inset, 0 -6px 14px rgba(120,18,28,.18) inset, 0 5px 10px rgba(255,255,255,.5) inset, 0 26px 54px -16px rgba(35,5,10,.7)}
.cta-logo img:where(:root.page-newsletters,:root.page-newsletters *){width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 2px 1px rgba(255,255,255,.9)) drop-shadow(0 -1px 1px rgba(120,18,28,.25))}
.cta h2:where(:root.page-newsletters,:root.page-newsletters *){font-size:clamp(34px,4.8vw,62px);font-weight:700;letter-spacing:-0.035em;line-height:1.02;text-wrap:balance;max-width:none;margin:0 auto}
.cta h2 em:where(:root.page-newsletters,:root.page-newsletters *){font-style:normal;color:#fff}
.cta-btns:where(:root.page-newsletters,:root.page-newsletters *){display:flex;gap:14px;justify-content:center;margin-top:32px;flex-wrap:wrap}
.cta .btn-wine:where(:root.page-newsletters,:root.page-newsletters *){box-shadow:0 16px 44px -16px rgba(0,0,0,.55)}
.cta .btn-wine:hover:where(:root.page-newsletters,:root.page-newsletters *){transform:translateY(-2px);box-shadow:0 22px 54px -16px rgba(0,0,0,.6)}
.cta-btns .btn:where(:root.page-newsletters,:root.page-newsletters *){border-radius:100px}
.btn-onwine:where(:root.page-newsletters,:root.page-newsletters *){background:#fff;color:var(--wine-deep)}
.btn-onwine:hover:where(:root.page-newsletters,:root.page-newsletters *){background:#fff;transform:translateY(-2px);box-shadow:0 18px 40px -16px rgba(0,0,0,.5)}
.cta-assure:where(:root.page-newsletters,:root.page-newsletters *){display:flex;justify-content:center;gap:14px 28px;flex-wrap:wrap;margin-top:30px}
.cta-assure span:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:rgba(255,255,255,.82);display:inline-flex;align-items:center;gap:8px}
.cta-assure span:where(:root.page-newsletters,:root.page-newsletters *)::before{content:"\2192";color:#fff;opacity:.7;font-size:13px}

/* product screenshot — top 30% peeking at the bottom */
.cta-shot:where(:root.page-newsletters,:root.page-newsletters *){position:relative;z-index:2;width:min(var(--maxw),calc(100% - var(--gut)*2));margin:0 auto;border-radius:16px 16px 0 0;overflow:hidden; border:1px solid rgba(255,255,255,.22);border-bottom:0; box-shadow:0 -10px 60px -20px rgba(40,6,12,.6), 0 30px 80px -30px rgba(0,0,0,.5);background:#fff}
.cta-shot-bar:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;gap:12px;padding:11px 16px;background:#faf9f7;border-bottom:1px solid #ececec}
.cta-shot-bar .csb-dots:where(:root.page-newsletters,:root.page-newsletters *){display:flex;gap:6px}
.cta-shot-bar .csb-dots i:where(:root.page-newsletters,:root.page-newsletters *){width:10px;height:10px;border-radius:50%;background:#d8d5ce;display:block}
.cta-shot-bar .csb-url:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:11px;color:#9a9a95;background:#fff;border:1px solid #ececec;border-radius:7px;padding:4px 12px}
.cta-shot img:where(:root.page-newsletters,:root.page-newsletters *){display:block;width:100%;height:clamp(128px,17.6vw,208px);object-fit:cover;object-position:top center}

/* footer brand block */
.foot-lead:where(:root.page-newsletters,:root.page-newsletters *){display:grid;grid-template-columns:1.5fr 1fr;gap:40px;padding-bottom:48px;margin-bottom:48px;border-bottom:1px solid var(--line)}
.foot-lead p:where(:root.page-newsletters,:root.page-newsletters *){font-size:15px;color:var(--ink-2);line-height:1.65;max-width:60ch}
.foot-mission:where(:root.page-newsletters,:root.page-newsletters *){border-left:2px solid var(--wine);padding-left:20px}
.foot-mission span:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);display:block;margin-bottom:10px}
.foot-mission p:where(:root.page-newsletters,:root.page-newsletters *){font-size:15px;color:var(--ink);font-weight:500}
.foot-badges:where(:root.page-newsletters,:root.page-newsletters *){display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.foot-bottom:where(:root.page-newsletters,:root.page-newsletters *){display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:48px;padding-top:28px;border-top:1px solid var(--line);flex-wrap:wrap}
.foot-bottom .copy:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:11px;color:var(--ink-3);letter-spacing:.02em}

/* representative deployments strip */
.deploy-strip:where(:root.page-newsletters,:root.page-newsletters *){margin-top:8px}
.deploy-head:where(:root.page-newsletters,:root.page-newsletters *){display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.deploy-grid:where(:root.page-newsletters,:root.page-newsletters *){display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.dep:where(:root.page-newsletters,:root.page-newsletters *){background:var(--paper-2);padding:16px 18px}
.dep .dk:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}
.dep b:where(:root.page-newsletters,:root.page-newsletters *){font-size:13.5px;font-weight:600;display:block;letter-spacing:-0.01em}
.dep span:where(:root.page-newsletters,:root.page-newsletters *){font-size:12px;color:var(--ink-2)}

/* ============================================================================
   PREMIUM SAAS POLISH — updated page only
   ========================================================================== */
:root:where(:root.page-newsletters,:root.page-newsletters *){--shadow-sm:0 1px 2px rgba(34,18,22,.05), 0 1px 1px rgba(34,18,22,.03); --shadow-md:0 24px 64px -34px rgba(46,18,26,.30), 0 8px 22px -16px rgba(46,18,26,.16); --shadow-lg:0 64px 140px -58px rgba(52,20,30,.42), 0 26px 54px -36px rgba(46,18,26,.20)}

/* seamless warm seam where the red hero fades into the white page */
.ecolog:where(:root.page-newsletters,:root.page-newsletters *){background:linear-gradient(180deg,#FFF7F4 0%, #ffffff 72%)}

/* a faint circular-language motif shared by key sections */
.section--tight:where(:root.page-newsletters,:root.page-newsletters *),.cta:where(:root.page-newsletters,:root.page-newsletters *){position:relative}
.section--tight:where(:root.page-newsletters,:root.page-newsletters *)::before{content:"";position:absolute;left:50%;top:50%;width:760px;height:760px; transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:0; background:radial-gradient(circle, color-mix(in srgb,var(--wine) 7%,transparent), transparent 64%)}
.section--tight .wrap:where(:root.page-newsletters,:root.page-newsletters *){position:relative;z-index:1}

/* usage-metrics band — elevated, premium */
.statband:where(:root.page-newsletters,:root.page-newsletters *){border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-md);overflow:hidden; background: radial-gradient(130% 180% at 8% -50%, var(--wine-soft), transparent 58%), radial-gradient(130% 180% at 96% -50%, var(--accent-soft), transparent 58%), var(--paper)}
.statband .sc:where(:root.page-newsletters,:root.page-newsletters *){transition:background .25s var(--ease)}
.statband .sc:hover:where(:root.page-newsletters,:root.page-newsletters *){background:rgba(255,255,255,.6)}
.statband .stat-num:where(:root.page-newsletters,:root.page-newsletters *){color:var(--wine)}

/* premium container radii + softer card depth across the page */
.eco-card:where(:root.page-newsletters,:root.page-newsletters *),.anec-card:where(:root.page-newsletters,:root.page-newsletters *),.tcard:where(:root.page-newsletters,:root.page-newsletters *),.ind-panel:where(:root.page-newsletters,:root.page-newsletters *),.intg-net:where(:root.page-newsletters,:root.page-newsletters *),.why-grid:where(:root.page-newsletters,:root.page-newsletters *),.arch-diagram:where(:root.page-newsletters,:root.page-newsletters *),.gap-answer:where(:root.page-newsletters,:root.page-newsletters *),.media-frame:where(:root.page-newsletters,:root.page-newsletters *){border-radius:20px}
.tcard:hover:where(:root.page-newsletters,:root.page-newsletters *),.eco-card:hover:where(:root.page-newsletters,:root.page-newsletters *){box-shadow:var(--shadow-lg)}
.tcard--dark:hover:where(:root.page-newsletters,:root.page-newsletters *),.tcard--wine:hover:where(:root.page-newsletters,:root.page-newsletters *){box-shadow:var(--shadow-lg)}

/* circular motif echo behind final CTA */
.cta-in:where(:root.page-newsletters,:root.page-newsletters *){position:relative;z-index:2}

/* refined eyebrow accent — premium */
.eyebrow:where(:root.page-newsletters,:root.page-newsletters *)::before{box-shadow:0 0 0 4px var(--wine-soft)}

/* floating-pill nav: center wide mega panels to the viewport so centered
   nav links never push them off-screen; keep narrow menus on their trigger */
.nav-mega:where(:root.page-newsletters,:root.page-newsletters *){position:fixed;left:50%;top:84px;right:auto; transform:translateX(-50%) translateY(8px) scale(.99);transform-origin:top center; width:min(860px,calc(100vw - 40px))}
.nav-mega.nav-mega--cards:where(:root.page-newsletters,:root.page-newsletters *){width:min(680px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons:where(:root.page-newsletters,:root.page-newsletters *){width:min(660px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons.nav-mega--sol:where(:root.page-newsletters,:root.page-newsletters *){width:min(740px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons.has-3:where(:root.page-newsletters,:root.page-newsletters *){width:min(820px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons.nav-mega--res:where(:root.page-newsletters,:root.page-newsletters *){width:min(860px,calc(100vw - 40px))}
.nav-item:hover .nav-mega:where(:root.page-newsletters,:root.page-newsletters *),.nav-item:focus-within .nav-mega:where(:root.page-newsletters,:root.page-newsletters *){transform:translateX(-50%) translateY(0) scale(1)}
.nav-mega:where(:root.page-newsletters,:root.page-newsletters *)::before{left:0;right:0;top:-28px;height:28px}
.nav.is-stuck .nav-mega:where(:root.page-newsletters,:root.page-newsletters *){top:74px}

/* nav CTA buttons → pill to match the bar */
.nav-cta .btn:where(:root.page-newsletters,:root.page-newsletters *){border-radius:100px}
.nav-cta .btn-ghost:where(:root.page-newsletters,:root.page-newsletters *){border-color:var(--line)}

/* ============================ FOOTER (Avoora-style) ============================ */
.foot:where(:root.page-newsletters,:root.page-newsletters *){background:var(--paper);border-top:1px solid var(--line);padding:0 0 32px}
.foot .wrap:where(:root.page-newsletters,:root.page-newsletters *){position:relative}

/* image marquee */
.foot-marquee:where(:root.page-newsletters,:root.page-newsletters *){overflow:hidden;padding:clamp(28px,3.4vw,46px) 0 clamp(20px,2.4vw,30px); -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent); mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.fm-track:where(:root.page-newsletters,:root.page-newsletters *){display:flex;gap:16px;width:max-content;animation:fmScroll 48s linear infinite}
.foot-marquee:hover .fm-track:where(:root.page-newsletters,:root.page-newsletters *){animation-play-state:paused}
html[data-motion="off"] .fm-track:where(:root.page-newsletters,:root.page-newsletters *){animation:none}
.fm-tile:where(:root.page-newsletters,:root.page-newsletters *){margin:0;flex:none;width:clamp(112px,11vw,150px)}
.fm-tile img:where(:root.page-newsletters,:root.page-newsletters *){width:100%;aspect-ratio:5/6;object-fit:cover;border-radius:14px;background:var(--paper-3); filter:grayscale(.1);transition:transform .4s var(--ease),filter .4s}
.fm-tile:hover img:where(:root.page-newsletters,:root.page-newsletters *){transform:translateY(-4px);filter:none}
.fm-tile figcaption:where(:root.page-newsletters,:root.page-newsletters *){display:none}

/* menu cards */
.foot-cards:where(:root.page-newsletters,:root.page-newsletters *){display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:clamp(28px,3vw,44px)}
.foot-card:where(:root.page-newsletters,:root.page-newsletters *){border:0;border-radius:18px;padding:clamp(22px,2vw,30px);background:linear-gradient(180deg,var(--wine-soft) 0%,var(--paper) 64%);transition:box-shadow .25s var(--ease),transform .25s var(--ease)}
.foot-card:hover:where(:root.page-newsletters,:root.page-newsletters *){box-shadow:var(--shadow-md);transform:translateY(-2px)}
.foot-card :is(h3,h4):where(:root.page-newsletters,:root.page-newsletters *){font-size:18px;font-weight:700;letter-spacing:-0.02em;color:var(--ink);margin-bottom:14px;font-family:var(--font-sans);text-transform:none}
.foot-links:where(:root.page-newsletters,:root.page-newsletters *){list-style:none;display:flex;flex-direction:column}
.foot-links li:where(:root.page-newsletters,:root.page-newsletters *){border-top:1px solid var(--wine-line)}
.foot-links li:first-child:where(:root.page-newsletters,:root.page-newsletters *){border-top:0}
.foot-links a:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 2px;font-size:14.5px;font-weight:500;color:var(--ink-2);transition:color .18s var(--ease),padding .18s var(--ease)}
.foot-links a:hover:where(:root.page-newsletters,:root.page-newsletters *){color:var(--wine);padding-left:6px}
.foot-viewall:where(:root.page-newsletters,:root.page-newsletters *){color:var(--wine)!important;font-weight:600}
.foot-card:where(:root.page-newsletters,:root.page-newsletters *){position:relative}
.foot-card:has(.foot-va:hover):where(:root.page-newsletters,:root.page-newsletters *),.foot-card:has(.foot-va:focus-within):where(:root.page-newsletters,:root.page-newsletters *){z-index:40}
.foot-va:where(:root.page-newsletters,:root.page-newsletters *){display:block;margin-top:14px}
.foot-viewall:where(:root.page-newsletters,:root.page-newsletters *){cursor:pointer;display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--wine)}
.foot-viewall .va-arr:where(:root.page-newsletters,:root.page-newsletters *){transition:transform .2s var(--ease)}
.foot-va:hover .va-arr:where(:root.page-newsletters,:root.page-newsletters *),.foot-va:focus-within .va-arr:where(:root.page-newsletters,:root.page-newsletters *){transform:translateX(3px)}
.foot-va-pop:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;left:0;bottom:0;z-index:30;width:min(560px,140%); display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:14px;border-radius:16px;background:var(--paper);border:1px solid var(--line); box-shadow:0 30px 60px -22px rgba(20,16,22,.45),0 8px 20px -10px rgba(20,16,22,.2); opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s}
.foot-va:hover .foot-va-pop:where(:root.page-newsletters,:root.page-newsletters *),.foot-va:focus-within .foot-va-pop:where(:root.page-newsletters,:root.page-newsletters *){opacity:1;visibility:visible;transform:translateY(0)}
.foot-va-pop a:where(:root.page-newsletters,:root.page-newsletters *){display:block;padding:9px 12px;border-radius:9px;font-size:13px;font-weight:500;color:var(--ink-2);transition:background .16s,color .16s}
.foot-va-pop a:hover:where(:root.page-newsletters,:root.page-newsletters *){background:var(--wine-soft);color:var(--wine)}
.foot-h4row:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.foot-h4row .foot-viewall:where(:root.page-newsletters,:root.page-newsletters *){font-size:12px;font-weight:600;text-transform:none;letter-spacing:0}
.fl-arr:where(:root.page-newsletters,:root.page-newsletters *){color:var(--ink-3);font-size:16px;transition:transform .18s var(--ease),color .18s}
.foot-links a:hover .fl-arr:where(:root.page-newsletters,:root.page-newsletters *){color:var(--wine);transform:translateX(3px)}

/* bottom bar */
.foot-bottom:where(:root.page-newsletters,:root.page-newsletters *){display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap; margin-top:clamp(30px,3.4vw,48px);padding:24px 0;border-top:1px solid var(--line)}
.foot-bottom .copy:where(:root.page-newsletters,:root.page-newsletters *){font-size:13px;color:var(--ink-3);letter-spacing:.01em}
.foot-top:where(:root.page-newsletters,:root.page-newsletters *){display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-family:var(--font-mono)}
.foot-top .ft-ic:where(:root.page-newsletters,:root.page-newsletters *){width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:var(--wine);color:#fff;font-size:14px;transition:transform .2s var(--ease)}
.foot-top:hover .ft-ic:where(:root.page-newsletters,:root.page-newsletters *){transform:translateY(-3px)}

/* back-to-top → logo */
.foot-right:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;gap:clamp(14px,1.6vw,22px)}
.foot-social:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;gap:10px}
.foot-social a:where(:root.page-newsletters,:root.page-newsletters *){width:54px;height:54px;border-radius:50%;background:var(--wine-soft);display:grid;place-items:center;color:var(--wine);transition:color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease)}
.foot-social a:hover:where(:root.page-newsletters,:root.page-newsletters *){color:#fff;background:var(--wine);transform:translateY(-2px)}
.foot-social svg:where(:root.page-newsletters,:root.page-newsletters *){width:20px;height:20px;fill:currentColor}
.foot-sep:where(:root.page-newsletters,:root.page-newsletters *){width:1px;height:38px;background:var(--line);flex:none}
.foot-logo:where(:root.page-newsletters,:root.page-newsletters *){display:inline-flex;align-items:center;transition:transform .2s var(--ease)}
.foot-logo img:where(:root.page-newsletters,:root.page-newsletters *){height:52px;width:auto;object-fit:contain}
.foot-logo:hover:where(:root.page-newsletters,:root.page-newsletters *){transform:translateY(-3px)}

/* giant wordmark with people video */
.foot-wordmark:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;gap:clamp(20px,3vw,48px);margin-top:clamp(22px,2.6vw,40px);padding-bottom:clamp(16px,2.4vw,40px)}
.fw-img:where(:root.page-newsletters,:root.page-newsletters *){position:relative;flex:none;width:clamp(120px,14vw,188px);aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:var(--paper-3);display:block;cursor:pointer}
.fw-img video:where(:root.page-newsletters,:root.page-newsletters *),.fw-img img:where(:root.page-newsletters,:root.page-newsletters *){width:100%;height:100%;object-fit:cover;display:block}
.fw-ig:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;color:#fff; background:linear-gradient(160deg,rgba(193,53,132,.55),rgba(131,58,180,.5) 55%,rgba(253,170,90,.45)); opacity:0;transition:opacity .28s var(--ease)}
.fw-ig svg:where(:root.page-newsletters,:root.page-newsletters *){transform:scale(.8);transition:transform .28s var(--ease);filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}
.fw-img:hover .fw-ig:where(:root.page-newsletters,:root.page-newsletters *){opacity:1}
.fw-img:hover .fw-ig svg:where(:root.page-newsletters,:root.page-newsletters *){transform:scale(1)}
.fw-text:where(:root.page-newsletters,:root.page-newsletters *){font-weight:900;line-height:.92;letter-spacing:0.005em;color:#D8D3CC; font-size:clamp(60px,16.6vw,250px);white-space:nowrap;padding-bottom:0.1em;flex:1;text-align:right}

/* touch 1781880837256 */

/* floating Academic Transcripts pill (bottom-left) */
.et-float:where(:root.page-newsletters,:root.page-newsletters *){position:fixed;right:22px;left:auto;bottom:22px;z-index:120;display:inline-flex;flex-direction:row-reverse;align-items:center;gap:0; height:60px;width:60px;padding:8px;border-radius:100px;overflow:hidden; background:#fff;box-shadow:0 14px 34px -12px rgba(20,16,22,.34),0 4px 12px -6px rgba(20,16,22,.2); border:1px solid var(--line);text-decoration:none;white-space:nowrap; transition:width .34s var(--ease),box-shadow .34s var(--ease)}
.et-float .et-ic:where(:root.page-newsletters,:root.page-newsletters *){width:44px;height:44px;border-radius:50%;flex:none;display:grid;place-items:center;overflow:hidden}
.et-float .et-ic img:where(:root.page-newsletters,:root.page-newsletters *){width:100%;height:100%;object-fit:contain;display:block}
.et-float .et-tx:where(:root.page-newsletters,:root.page-newsletters *){font-size:14px;font-weight:700;color:var(--wine);letter-spacing:-0.01em;opacity:0; padding:0 6px 0 14px;transition:opacity .28s var(--ease) .06s}
.et-float:hover:where(:root.page-newsletters,:root.page-newsletters *){width:250px;box-shadow:0 20px 44px -14px rgba(20,16,22,.42)}
.et-float:hover .et-tx:where(:root.page-newsletters,:root.page-newsletters *){opacity:1}
.brand .mark .seal:where(:root.page-newsletters,:root.page-newsletters *){fill:var(--wine)}
.eco-glyph:where(:root.page-newsletters,:root.page-newsletters *),.intg-core .ic-mark:where(:root.page-newsletters,:root.page-newsletters *),.ind-flowcard .ifn:where(:root.page-newsletters,:root.page-newsletters *){transition:background .3s var(--ease)}
.rsw:where(:root.page-newsletters,:root.page-newsletters *){max-width:min(1520px,calc(100vw - 2*var(--gut)));margin-inline:auto}
.rs-hero:where(:root.page-newsletters,:root.page-newsletters *){text-align:center;padding:clamp(150px,15vw,190px) 0 clamp(46px,5vw,80px);position:relative;overflow:hidden;background-image: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='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E"),linear-gradient(180deg,#6E101D 0%,#8C1729 42%,#A82C43 100%);color:#fff}
.rs-hero:where(:root.page-newsletters,:root.page-newsletters *)::before{content:"";position:absolute;left:50%;top:-46%;width:min(1200px,120vw);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:1px dashed rgba(255,255,255,.22);pointer-events:none;animation:rsSpin 90s linear infinite}
.rs-hero:where(:root.page-newsletters,:root.page-newsletters *)::after{content:"";position:absolute;left:50%;top:-30%;width:min(880px,90vw);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:1px dashed rgba(255,255,255,.15);pointer-events:none}
.rs-hero .rsw:where(:root.page-newsletters,:root.page-newsletters *){position:relative}
.rs-k:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--wine);font-weight:500}
.rs-hero .rs-k:where(:root.page-newsletters,:root.page-newsletters *){color:rgba(255,255,255,.8)}
.rs-hero h1:where(:root.page-newsletters,:root.page-newsletters *){margin:14px auto 0;font-size:clamp(34px,4.3vw,56px);line-height:1.02;letter-spacing:-.04em;font-weight:700;max-width:18ch}
.rs-hero p:where(:root.page-newsletters,:root.page-newsletters *){margin:18px auto 0;font-size:clamp(15px,1.35vw,18px);line-height:1.6;color:rgba(255,255,255,.84);max-width:600px}
.rs-search:where(:root.page-newsletters,:root.page-newsletters *){margin:30px auto 0;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.34);backdrop-filter:blur(8px);border-radius:100px;padding:5px 6px 5px 20px;max-width:480px}
.rs-search svg:where(:root.page-newsletters,:root.page-newsletters *){width:17px;height:17px;color:rgba(255,255,255,.7);flex:none}
.rs-search input:where(:root.page-newsletters,:root.page-newsletters *){flex:1;border:0;outline:0;background:none;font-family:inherit;font-size:14.5px;color:#fff;padding:11px 0}
.rs-search input:where(:root.page-newsletters,:root.page-newsletters *)::placeholder{color:rgba(255,255,255,.66)}

/* sticky tabs */
.rs-tabs-wrap:where(:root.page-newsletters,:root.page-newsletters *){position:sticky;top:88px;z-index:30;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.rs-tabs:where(:root.page-newsletters,:root.page-newsletters *){display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:10px 0}
.rs-tabs:where(:root.page-newsletters,:root.page-newsletters *)::-webkit-scrollbar{display:none}
.rs-tab:where(:root.page-newsletters,:root.page-newsletters *){position:relative;border:1px solid transparent;background:none;font-family:inherit;font-size:14.5px;font-weight:500;color:var(--ink-2);padding:10px 18px;border-radius:100px;white-space:nowrap;transition:.22s var(--ease);display:flex;align-items:center;gap:9px}
.rs-tab .c:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3);background:var(--paper-3);border-radius:100px;padding:2px 7px;transition:.22s}
.rs-tab:hover:where(:root.page-newsletters,:root.page-newsletters *){background:var(--paper-2);color:var(--ink)}
.rs-tab.on:where(:root.page-newsletters,:root.page-newsletters *){background:var(--wine-soft);border-color:var(--wine-line);color:var(--wine);font-weight:700}
.rs-tab.on .c:where(:root.page-newsletters,:root.page-newsletters *){background:var(--wine);color:#fff}

/* featured */
.rs-feat:where(:root.page-newsletters,:root.page-newsletters *){display:grid;grid-template-columns:.72fr 1fr;gap:clamp(24px,3.4vw,56px);align-items:center;margin-top:clamp(34px,4vw,56px);padding-bottom:clamp(34px,4vw,56px);border-bottom:1px solid var(--line);cursor:pointer}
.rs-feat-img:where(:root.page-newsletters,:root.page-newsletters *){position:relative;border-radius:18px;overflow:hidden;aspect-ratio:16/11;max-width:520px;background:var(--paper-3)}
.rs-feat-img img:where(:root.page-newsletters,:root.page-newsletters *){width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.rs-feat:hover .rs-feat-img img:where(:root.page-newsletters,:root.page-newsletters *){transform:scale(1.045)}
.rs-badge:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;left:16px;top:16px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;background:var(--wine);color:#fff;padding:6px 11px;border-radius:100px}
.rs-feat h2:where(:root.page-newsletters,:root.page-newsletters *){margin:16px 0 0;font-size:clamp(24px,2.9vw,40px);line-height:1.1;letter-spacing:-.032em;font-weight:700;text-wrap:balance}
.rs-feat:hover h2:where(:root.page-newsletters,:root.page-newsletters *){color:var(--wine)}
.rs-feat p:where(:root.page-newsletters,:root.page-newsletters *){margin:16px 0 0;font-size:15.6px;line-height:1.62;color:var(--ink-2)}
.rs-meta:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;gap:14px;margin-top:20px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.rs-meta i:where(:root.page-newsletters,:root.page-newsletters *){width:4px;height:4px;border-radius:50%;background:var(--ink-3);display:block}

/* list */
.rs-list:where(:root.page-newsletters,:root.page-newsletters *){border-top:1px solid transparent}
.rs-row:where(:root.page-newsletters,:root.page-newsletters *){display:grid;grid-template-columns:270px 1fr auto;gap:clamp(18px,2.6vw,40px);align-items:center;padding:clamp(20px,2.2vw,28px) 10px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .3s var(--ease),padding-left .3s var(--ease);opacity:0;transform:translateY(14px)}
.rs-row.in:where(:root.page-newsletters,:root.page-newsletters *){opacity:1;transform:none;transition:opacity .5s var(--ease),transform .5s var(--ease),background .3s,padding-left .3s}
.rs-row:hover:where(:root.page-newsletters,:root.page-newsletters *){background:var(--paper-2);padding-left:20px}
.rs-thumb:where(:root.page-newsletters,:root.page-newsletters *){border-radius:14px;overflow:hidden;aspect-ratio:16/11;background:var(--paper-3)}
.rs-thumb img:where(:root.page-newsletters,:root.page-newsletters *){width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.rs-row:hover .rs-thumb img:where(:root.page-newsletters,:root.page-newsletters *){transform:scale(1.07)}
.rs-cat:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--wine)}
.rs-row h3:where(:root.page-newsletters,:root.page-newsletters *){margin:9px 0 0;font-size:clamp(17px,1.75vw,23px);line-height:1.22;letter-spacing:-.028em;font-weight:600;text-wrap:pretty}
.rs-row:hover h3:where(:root.page-newsletters,:root.page-newsletters *){color:var(--wine)}
.rs-row p:where(:root.page-newsletters,:root.page-newsletters *){margin:9px 0 0;font-size:15px;line-height:1.55;color:var(--ink-2);max-width:70ch}
.rs-go:where(:root.page-newsletters,:root.page-newsletters *){display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);color:var(--ink-3);flex:none;transition:.28s var(--ease)}
.rs-row:hover .rs-go:where(:root.page-newsletters,:root.page-newsletters *){background:var(--wine);border-color:var(--wine);color:#fff;transform:translateX(4px)}
.rs-empty:where(:root.page-newsletters,:root.page-newsletters *){padding:70px 0;text-align:center;color:var(--ink-3);font-size:15px}
.rs-more:where(:root.page-newsletters,:root.page-newsletters *){display:flex;justify-content:center;margin-top:44px}

/* newsletter */
.rs-nl:where(:root.page-newsletters,:root.page-newsletters *){background:var(--paper-3);border-radius:24px;padding:clamp(32px,4vw,60px);display:flex;flex-wrap:wrap;gap:26px;align-items:center;justify-content:space-between}
.rs-nl h3:where(:root.page-newsletters,:root.page-newsletters *){margin:0;font-size:clamp(23px,2.6vw,36px);line-height:1.1;letter-spacing:-.03em;font-weight:700;max-width:16ch}
.rs-nl p:where(:root.page-newsletters,:root.page-newsletters *){margin:12px 0 0;font-size:15.5px;color:var(--ink-2);max-width:44ch}
.rs-mail:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:100px;padding:5px 5px 5px 20px}
.rs-mail input:where(:root.page-newsletters,:root.page-newsletters *){border:0;outline:0;background:none;font-family:inherit;font-size:14.5px;width:min(250px,44vw);color:var(--ink)}
.rs-mail button:where(:root.page-newsletters,:root.page-newsletters *){border:0;border-radius:100px;background:var(--wine);color:#fff;font-family:inherit;font-weight:700;font-size:14px;padding:12px 22px;cursor:pointer;transition:.2s}
.rs-mail button:hover:where(:root.page-newsletters,:root.page-newsletters *){background:var(--wine-deep)}

/* ---------- article detail ---------- */
.rs-article:where(:root.page-newsletters,:root.page-newsletters *){display:none}
body.rs-detail .rs-index:where(:root.page-newsletters,:root.page-newsletters *){display:none}
body.rs-detail .rs-article:where(:root.page-newsletters,:root.page-newsletters *){display:block}
.rs-prog:where(:root.page-newsletters,:root.page-newsletters *){position:fixed;left:0;top:0;height:3px;background:var(--wine);width:0;z-index:200;transition:width .1s linear}
.ar-hero:where(:root.page-newsletters,:root.page-newsletters *){min-height:clamp(400px,46vw,560px);padding:clamp(150px,15vw,190px) 0 clamp(186px,15vw,196px);position:relative;overflow:hidden;background-image: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='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E"),linear-gradient(180deg,#6E101D 0%,#8C1729 44%,#A82C43 100%);color:#fff;text-align:center}
.ar-hero:where(:root.page-newsletters,:root.page-newsletters *)::before{content:"";position:absolute;left:50%;top:-46%;width:min(1200px,120vw);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:1px dashed rgba(255,255,255,.22);pointer-events:none;animation:rsSpin 90s linear infinite}
.ar-hero:where(:root.page-newsletters,:root.page-newsletters *)::after{content:"";position:absolute;left:50%;top:-30%;width:min(880px,90vw);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:1px dashed rgba(255,255,255,.15);pointer-events:none}
.ar-head:where(:root.page-newsletters,:root.page-newsletters *){max-width:900px;margin-inline:auto;position:relative}
.ar-hero .rs-meta:where(:root.page-newsletters,:root.page-newsletters *){justify-content:center;color:rgba(255,255,255,.74)}
.ar-hero .rs-meta i:where(:root.page-newsletters,:root.page-newsletters *){background:rgba(255,255,255,.6)}
.ar-back:where(:root.page-newsletters,:root.page-newsletters *){display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;color:rgba(255,255,255,.82);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);border-radius:100px;padding:8px 18px;font-family:inherit;cursor:pointer;transition:.22s var(--ease);margin-bottom:24px}
.ar-back:hover:where(:root.page-newsletters,:root.page-newsletters *){color:#fff;background:rgba(255,255,255,.2);gap:13px}
.ar-hero h1:where(:root.page-newsletters,:root.page-newsletters *){margin:20px auto 0;font-size:clamp(30px,4.2vw,58px);line-height:1.05;letter-spacing:-.038em;font-weight:700;max-width:19ch;text-wrap:balance}
.ar-lead:where(:root.page-newsletters,:root.page-newsletters *){margin:20px auto 0;font-size:clamp(16px,1.5vw,20px);line-height:1.58;color:rgba(255,255,255,.84);max-width:62ch}
.ar-cover:where(:root.page-newsletters,:root.page-newsletters *){position:relative;z-index:2;margin:clamp(-160px,-11vw,-110px) auto 0;max-width:1240px;border-radius:26px;overflow:hidden;aspect-ratio:21/8;background:var(--paper-3);box-shadow:0 60px 120px -56px rgba(52,8,16,.55)}
.ar-cover img:where(:root.page-newsletters,:root.page-newsletters *){width:100%;height:100%;object-fit:cover}
.ar-body:where(:root.page-newsletters,:root.page-newsletters *){display:grid;grid-template-columns:230px minmax(0,720px) 1fr;gap:clamp(28px,4vw,72px);padding-block:clamp(44px,5vw,80px)}
.ar-toc:where(:root.page-newsletters,:root.page-newsletters *){position:sticky;top:130px;align-self:start}
.ar-toc h6:where(:root.page-newsletters,:root.page-newsletters *){margin:0 0 14px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500}
.ar-toc a:where(:root.page-newsletters,:root.page-newsletters *){display:block;font-size:13.6px;line-height:1.4;color:var(--ink-3);padding:8px 0 8px 14px;border-left:2px solid var(--line);transition:.22s}
.ar-toc a:hover:where(:root.page-newsletters,:root.page-newsletters *){color:var(--ink)}
.ar-toc a.on:where(:root.page-newsletters,:root.page-newsletters *){color:var(--wine);border-left-color:var(--wine);font-weight:600}
.ar-prose h2:where(:root.page-newsletters,:root.page-newsletters *){margin:44px 0 0;font-size:clamp(22px,2.3vw,30px);line-height:1.15;letter-spacing:-.03em;font-weight:700;scroll-margin-top:130px}
.ar-prose h2:first-child:where(:root.page-newsletters,:root.page-newsletters *){margin-top:0}
.ar-meta:where(:root.page-newsletters,:root.page-newsletters *){margin:0 0 26px;padding-bottom:20px;border-bottom:1px solid var(--line);justify-content:flex-start}
.ar-prose p:where(:root.page-newsletters,:root.page-newsletters *){margin:16px 0 0;font-size:16.6px;line-height:1.72;color:var(--ink-2)}
.ar-prose ul:where(:root.page-newsletters,:root.page-newsletters *){margin:18px 0 0;padding-left:0;list-style:none}
.ar-prose li:where(:root.page-newsletters,:root.page-newsletters *){position:relative;padding-left:24px;margin-top:11px;font-size:16.2px;line-height:1.65;color:var(--ink-2)}
.ar-prose li:where(:root.page-newsletters,:root.page-newsletters *)::before{content:"";position:absolute;left:2px;top:11px;width:7px;height:7px;border-radius:2px;background:var(--wine)}
.ar-pull:where(:root.page-newsletters,:root.page-newsletters *){margin:44px 0;padding:28px 0 28px 30px;border-left:3px solid var(--wine);font-size:clamp(19px,2vw,25px);line-height:1.36;letter-spacing:-.024em;font-weight:600;color:var(--ink)}
.ar-side:where(:root.page-newsletters,:root.page-newsletters *){align-self:start;position:sticky;top:130px}
.ar-cta:where(:root.page-newsletters,:root.page-newsletters *){background:var(--wine);color:#fff;border-radius:18px;padding:26px}
.ar-form:where(:root.page-newsletters,:root.page-newsletters *){background:var(--paper-3);border-radius:18px;padding:24px}
.ar-form>b:where(:root.page-newsletters,:root.page-newsletters *){display:block;font-size:17px;font-weight:700;letter-spacing:-.022em}
.ar-form>p:where(:root.page-newsletters,:root.page-newsletters *){margin:9px 0 18px;font-size:13.5px;line-height:1.55;color:var(--ink-2)}
.ar-form form:where(:root.page-newsletters,:root.page-newsletters *){display:flex;flex-direction:column;gap:11px}
.ar-form label:where(:root.page-newsletters,:root.page-newsletters *){display:flex;flex-direction:column;gap:5px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3)}
.ar-form input:where(:root.page-newsletters,:root.page-newsletters *),.ar-form textarea:where(:root.page-newsletters,:root.page-newsletters *){border:1px solid var(--line);border-radius:9px;background:#fff;padding:10px 12px;font-family:var(--font-sans);font-size:13.6px;color:var(--ink);outline:0;transition:.2s;resize:vertical}
.ar-form input:focus:where(:root.page-newsletters,:root.page-newsletters *),.ar-form textarea:focus:where(:root.page-newsletters,:root.page-newsletters *){border-color:var(--wine);box-shadow:0 0 0 3px rgba(155,27,46,.09)}
.ar-form button:where(:root.page-newsletters,:root.page-newsletters *){margin-top:4px;border:0;border-radius:100px;background:var(--wine);color:#fff;font-family:inherit;font-weight:700;font-size:13.8px;padding:12px 20px;cursor:pointer;transition:.2s}
.ar-form button:hover:where(:root.page-newsletters,:root.page-newsletters *){background:var(--wine-deep)}
.ar-form-note:where(:root.page-newsletters,:root.page-newsletters *){display:block;margin-top:12px;font-size:11.5px;line-height:1.45;color:var(--ink-3)}
.ar-cta b:where(:root.page-newsletters,:root.page-newsletters *){display:block;font-size:17px;font-weight:700;letter-spacing:-.02em}
.ar-cta p:where(:root.page-newsletters,:root.page-newsletters *){margin:10px 0 18px;font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.82)}
.ar-cta a:where(:root.page-newsletters,:root.page-newsletters *){display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--wine);border-radius:100px;padding:10px 18px;font-size:13.5px;font-weight:700}
.ar-share:where(:root.page-newsletters,:root.page-newsletters *){margin-top:22px;display:flex;gap:8px}
.ar-share a:where(:root.page-newsletters,:root.page-newsletters *){width:38px;height:38px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-3);transition:.22s}
.ar-share a:hover:where(:root.page-newsletters,:root.page-newsletters *){border-color:var(--wine);color:var(--wine)}
.ar-share svg:where(:root.page-newsletters,:root.page-newsletters *){width:16px;height:16px;fill:currentColor}
.ar-rel:where(:root.page-newsletters,:root.page-newsletters *){border-top:1px solid var(--line);padding-block:clamp(44px,5vw,76px)}
.ar-rel h3:where(:root.page-newsletters,:root.page-newsletters *){margin:0 0 28px;font-size:clamp(21px,2.2vw,30px);letter-spacing:-.03em;font-weight:700}
.ar-rel-grid:where(:root.page-newsletters,:root.page-newsletters *){display:grid;grid-template-columns:1fr;gap:0}
.ar-rc:where(:root.page-newsletters,:root.page-newsletters *){cursor:pointer;display:grid;grid-template-columns:270px 1fr auto;gap:clamp(18px,2.6vw,40px);align-items:center;padding:clamp(20px,2.2vw,28px) 10px;border-bottom:1px solid var(--line);transition:background .3s var(--ease),padding-left .3s var(--ease)}
.ar-rc:hover:where(:root.page-newsletters,:root.page-newsletters *){background:var(--paper-2);padding-left:20px}
.ar-rc .im:where(:root.page-newsletters,:root.page-newsletters *){border-radius:14px;overflow:hidden;aspect-ratio:16/11;background:var(--paper-3)}
.ar-rc img:where(:root.page-newsletters,:root.page-newsletters *){width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.ar-rc:hover img:where(:root.page-newsletters,:root.page-newsletters *){transform:scale(1.06)}
.ar-rc h4:where(:root.page-newsletters,:root.page-newsletters *){margin:9px 0 0;font-size:clamp(17px,1.75vw,23px);line-height:1.22;letter-spacing:-.028em;font-weight:600}
.ar-rc:hover h4:where(:root.page-newsletters,:root.page-newsletters *){color:var(--wine)}
.ar-rc p:where(:root.page-newsletters,:root.page-newsletters *){margin:9px 0 0;font-size:15px;line-height:1.55;color:var(--ink-2);max-width:70ch}

/* ---------- list: sidebar + grid ---------- */
.rs-shell:where(:root.page-newsletters,:root.page-newsletters *){display:grid;grid-template-columns:284px minmax(0,1fr);gap:clamp(24px,3vw,52px);align-items:start;margin-top:clamp(30px,3.4vw,48px)}
.rs-side-in:where(:root.page-newsletters,:root.page-newsletters *){position:sticky;top:118px;display:flex;flex-direction:column;gap:14px}
.rs-sbox:where(:root.page-newsletters,:root.page-newsletters *){background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}
.rs-sbox h6:where(:root.page-newsletters,:root.page-newsletters *){margin:0 0 13px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500}
.rs-sfield:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:100px;padding:0 8px 0 15px;background:var(--paper-2);transition:.25s var(--ease)}
.rs-sfield:focus-within:where(:root.page-newsletters,:root.page-newsletters *){border-color:var(--wine);background:#fff;box-shadow:0 0 0 3px rgba(155,27,46,.08)}
.rs-sfield svg:where(:root.page-newsletters,:root.page-newsletters *){width:15px;height:15px;color:var(--ink-3);flex:none}
.rs-sfield input:where(:root.page-newsletters,:root.page-newsletters *){flex:1;min-width:0;border:0;outline:0;background:none;font-family:inherit;font-size:14px;color:var(--ink);padding:11px 0}
.rs-sfield input:where(:root.page-newsletters,:root.page-newsletters *)::-webkit-search-cancel-button{display:none}
.rs-sclear:where(:root.page-newsletters,:root.page-newsletters *){border:0;background:none;cursor:pointer;font-size:19px;line-height:1;color:var(--ink-3);padding:4px 6px;transition:color .2s}
.rs-sclear:hover:where(:root.page-newsletters,:root.page-newsletters *){color:var(--wine)}
.rs-scount:where(:root.page-newsletters,:root.page-newsletters *){display:block;margin-top:11px;font-family:var(--font-mono);font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3)}
.rs-cats:where(:root.page-newsletters,:root.page-newsletters *){display:flex;flex-direction:column;gap:2px}
.rs-cat-b:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:0;background:none;cursor:pointer; font-family:inherit;font-size:14px;font-weight:500;color:var(--ink-2);text-align:left;padding:10px 12px;border-radius:11px;transition:.24s var(--ease)}
.rs-cat-b .n:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3);background:var(--paper-3);border-radius:100px;padding:3px 8px;transition:.24s var(--ease)}
.rs-cat-b:hover:where(:root.page-newsletters,:root.page-newsletters *){background:var(--paper-2);color:var(--ink)}
.rs-cat-b.on:where(:root.page-newsletters,:root.page-newsletters *){background:var(--wine-soft);color:var(--wine);font-weight:700}
.rs-cat-b.on .n:where(:root.page-newsletters,:root.page-newsletters *){background:var(--wine);color:#fff}
.rs-sdemo:where(:root.page-newsletters,:root.page-newsletters *){position:relative;overflow:hidden;border-radius:18px;padding:24px;color:#fff; background-image: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='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E"),linear-gradient(155deg,#A6333E 0%,#7C1623 58%,#5E1020 100%)}
.rs-sdemo:where(:root.page-newsletters,:root.page-newsletters *)::after{content:"";position:absolute;right:-40px;top:-40px;width:150px;height:150px;border-radius:50%;border:1px dashed rgba(255,255,255,.3);pointer-events:none}
.rs-sdemo b:where(:root.page-newsletters,:root.page-newsletters *){position:relative;display:block;font-size:17px;font-weight:700;letter-spacing:-.024em}
.rs-sdemo p:where(:root.page-newsletters,:root.page-newsletters *){position:relative;margin:9px 0 18px;font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.82)}
.rs-sbtn:where(:root.page-newsletters,:root.page-newsletters *){position:relative;display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--wine);border-radius:100px;padding:11px 20px;font-size:13.6px;font-weight:700;transition:.25s var(--ease)}
.rs-sbtn:hover:where(:root.page-newsletters,:root.page-newsletters *){gap:12px;box-shadow:0 14px 30px -16px rgba(0,0,0,.4)}
.rs-grid:where(:root.page-newsletters,:root.page-newsletters *){display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.8vw,24px)}
.rs-card:where(:root.page-newsletters,:root.page-newsletters *){display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;cursor:pointer; opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease),transform .5s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease)}
.rs-card.in:where(:root.page-newsletters,:root.page-newsletters *){opacity:1;transform:none}
.rs-card:hover:where(:root.page-newsletters,:root.page-newsletters *){border-color:var(--wine-line);box-shadow:0 34px 68px -44px rgba(20,22,27,.42);transform:translateY(-5px)}
.rs-cthumb:where(:root.page-newsletters,:root.page-newsletters *){position:relative;aspect-ratio:16/10;background:var(--paper-3);overflow:hidden}
.rs-cthumb img:where(:root.page-newsletters,:root.page-newsletters *){width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.rs-card:hover .rs-cthumb img:where(:root.page-newsletters,:root.page-newsletters *){transform:scale(1.06)}
.rs-ctag:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;left:13px;top:13px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase; background:rgba(255,255,255,.92);backdrop-filter:blur(6px);color:var(--wine);padding:6px 11px;border-radius:100px}
.rs-cbody:where(:root.page-newsletters,:root.page-newsletters *){display:flex;flex-direction:column;flex:1;padding:20px}
.rs-card h3:where(:root.page-newsletters,:root.page-newsletters *){margin:0;font-size:17.5px;line-height:1.26;letter-spacing:-.026em;font-weight:700;text-wrap:pretty;transition:color .25s var(--ease)}
.rs-card:hover h3:where(:root.page-newsletters,:root.page-newsletters *){color:var(--wine)}
.rs-card p:where(:root.page-newsletters,:root.page-newsletters *){margin:10px 0 0;font-size:13.5px;line-height:1.56;color:var(--ink-2);text-wrap:pretty}
.rs-card .rs-meta:where(:root.page-newsletters,:root.page-newsletters *){margin-top:auto;padding-top:18px}
.rs-empty:where(:root.page-newsletters,:root.page-newsletters *){padding:70px 0;text-align:center;color:var(--ink-3);font-size:15px}

/* ---------- detail: listen ---------- */
.rs-prog:where(:root.page-newsletters,:root.page-newsletters *){height:4px;box-shadow:0 0 14px rgba(155,27,46,.45)}
.ar-listen:where(:root.page-newsletters,:root.page-newsletters *){margin-left:auto;display:inline-flex;align-items:center;gap:10px;border:1px solid var(--wine-line);background:var(--wine-soft); border-radius:100px;padding:7px 16px 7px 8px;cursor:pointer;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em; text-transform:uppercase;color:var(--wine);transition:.28s var(--ease)}
.ar-listen:hover:where(:root.page-newsletters,:root.page-newsletters *){background:var(--wine);color:#fff;border-color:var(--wine)}
.al-ic:where(:root.page-newsletters,:root.page-newsletters *){display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--wine);flex:none;transition:.28s var(--ease)}
.ar-listen:hover .al-ic:where(:root.page-newsletters,:root.page-newsletters *){background:#fff}
.al-ic svg:where(:root.page-newsletters,:root.page-newsletters *){width:15px;height:15px;fill:#fff;transition:fill .28s var(--ease)}
.ar-listen:hover .al-ic svg:where(:root.page-newsletters,:root.page-newsletters *){fill:var(--wine)}
.al-pause:where(:root.page-newsletters,:root.page-newsletters *),.ar-listen.on .al-play:where(:root.page-newsletters,:root.page-newsletters *){display:none}
.ar-listen.on .al-pause:where(:root.page-newsletters,:root.page-newsletters *){display:block}
.al-wave:where(:root.page-newsletters,:root.page-newsletters *){display:none;align-items:flex-end;gap:2.5px;height:14px}
.ar-listen.on .al-wave:where(:root.page-newsletters,:root.page-newsletters *){display:flex}
.al-wave i:where(:root.page-newsletters,:root.page-newsletters *){width:2.5px;border-radius:2px;background:currentColor;animation:alW .9s ease-in-out infinite}
.al-wave i:nth-child(1):where(:root.page-newsletters,:root.page-newsletters *){height:6px;animation-delay:0s}
.al-wave i:nth-child(2):where(:root.page-newsletters,:root.page-newsletters *){height:13px;animation-delay:.15s}
.al-wave i:nth-child(3):where(:root.page-newsletters,:root.page-newsletters *){height:8px;animation-delay:.3s}
.al-wave i:nth-child(4):where(:root.page-newsletters,:root.page-newsletters *){height:11px;animation-delay:.45s}
html[data-motion="off"] .al-wave i:where(:root.page-newsletters,:root.page-newsletters *){animation:none}

/* ---------- detail: share in rail ---------- */
.ar-shareblk:where(:root.page-newsletters,:root.page-newsletters *){margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
.ar-shareblk h6:where(:root.page-newsletters,:root.page-newsletters *){margin:0 0 12px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500}
.ar-share:where(:root.page-newsletters,:root.page-newsletters *){margin:0;display:flex;flex-wrap:wrap;gap:8px}
.ar-share a:where(:root.page-newsletters,:root.page-newsletters *),.ar-copy:where(:root.page-newsletters,:root.page-newsletters *){width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center; color:var(--ink-3);cursor:pointer;transition:.25s var(--ease)}
.ar-share a:hover:where(:root.page-newsletters,:root.page-newsletters *),.ar-copy:hover:where(:root.page-newsletters,:root.page-newsletters *){border-color:var(--wine);color:#fff;background:var(--wine);transform:translateY(-3px)}
.ar-share svg:where(:root.page-newsletters,:root.page-newsletters *){width:16px;height:16px;fill:currentColor}
.ar-copy svg:where(:root.page-newsletters,:root.page-newsletters *){fill:none;stroke:currentColor}
.ar-copy.done:where(:root.page-newsletters,:root.page-newsletters *){border-color:var(--wine);background:var(--wine);color:#fff}

/* ---------- detail: AI summarise ---------- */
.ar-ai:where(:root.page-newsletters,:root.page-newsletters *){margin-top:56px;border:1px solid var(--line);border-radius:22px;padding:clamp(24px,2.6vw,34px);background:var(--paper-2);position:relative;overflow:hidden}
.ar-ai:where(:root.page-newsletters,:root.page-newsletters *)::before{content:"";position:absolute;right:-70px;top:-70px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(155,27,46,.12),transparent 66%);pointer-events:none}
.ar-ai-k:where(:root.page-newsletters,:root.page-newsletters *){font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--wine)}
.ar-ai h3:where(:root.page-newsletters,:root.page-newsletters *){margin:12px 0 0;font-size:clamp(20px,2.1vw,27px);line-height:1.14;letter-spacing:-.03em;font-weight:700}
.ar-ai-h p:where(:root.page-newsletters,:root.page-newsletters *){margin:10px 0 0;font-size:15px;line-height:1.56;color:var(--ink-2)}
.ar-ai-row:where(:root.page-newsletters,:root.page-newsletters *){position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px}
.ar-ai-b:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;transition:.28s var(--ease)}
.ar-ai-b:hover:where(:root.page-newsletters,:root.page-newsletters *){border-color:var(--wine-line);transform:translateY(-3px);box-shadow:0 22px 44px -30px rgba(20,22,27,.4)}
.aib-m:where(:root.page-newsletters,:root.page-newsletters *){display:grid;place-items:center;width:38px;height:38px;border-radius:11px;flex:none;background:var(--b);color:#fff; font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.02em}
.aib-t:where(:root.page-newsletters,:root.page-newsletters *){display:flex;flex-direction:column;gap:2px;font-size:14.4px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.aib-t i:where(:root.page-newsletters,:root.page-newsletters *){font-style:normal;font-family:var(--font-mono);font-size:9.5px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.ar-ai-note:where(:root.page-newsletters,:root.page-newsletters *){position:relative;margin:16px 0 0;font-size:12px;color:var(--ink-3)}
.ar-body:where(:root.page-newsletters,:root.page-newsletters *){grid-template-columns:250px minmax(0,1fr)}
.ar-prose:where(:root.page-newsletters,:root.page-newsletters *){max-width:820px}
.vd-eyebrow:where(:root.page-newsletters,:root.page-newsletters *){display:inline-flex;align-items:center;gap:10px;padding:7px 16px 7px 13px;border-radius:100px;border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.10);backdrop-filter:blur(6px);font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.94)}
.vd-eyebrow b:where(:root.page-newsletters,:root.page-newsletters *){width:6px;height:6px;border-radius:50%;background:#fff;display:block}

/* subscribe form on the banner */
.nl-form:where(:root.page-newsletters,:root.page-newsletters *){max-width:560px;margin:32px auto 0}
.nl-field:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;gap:10px;padding:6px 6px 6px 18px;border-radius:100px; background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.34);backdrop-filter:blur(8px);transition:.3s var(--ease)}
.nl-field:focus-within:where(:root.page-newsletters,:root.page-newsletters *){background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.6)}
.nl-ic:where(:root.page-newsletters,:root.page-newsletters *){display:grid;place-items:center;flex:none;color:rgba(255,255,255,.72)}
.nl-ic svg:where(:root.page-newsletters,:root.page-newsletters *){width:18px;height:18px}
.nl-field input:where(:root.page-newsletters,:root.page-newsletters *){flex:1;min-width:0;background:none;border:0;font-family:inherit;font-size:15px;color:#fff;padding:13px 0}
.nl-field input:where(:root.page-newsletters,:root.page-newsletters *)::placeholder{color:rgba(255,255,255,.62)}
.nl-field input:focus:where(:root.page-newsletters,:root.page-newsletters *){outline:0}
.nl-sub:where(:root.page-newsletters,:root.page-newsletters *){flex:none;display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:100px;cursor:pointer; background:#fff;border:0;color:var(--wine);font-family:inherit;font-size:14.5px;font-weight:700;letter-spacing:-.012em;transition:.3s var(--ease)}
.nl-sub:hover:where(:root.page-newsletters,:root.page-newsletters *){box-shadow:0 18px 36px -16px rgba(0,0,0,.42)}
.nl-sub .arr:where(:root.page-newsletters,:root.page-newsletters *){transition:transform .3s var(--ease)}
.nl-sub:hover .arr:where(:root.page-newsletters,:root.page-newsletters *){transform:translateX(3px)}
.nl-agree:where(:root.page-newsletters,:root.page-newsletters *){display:flex;align-items:center;justify-content:center;gap:9px;margin-top:16px;font-size:12.6px;line-height:1.5;color:rgba(255,255,255,.78);cursor:pointer}
.nl-agree input:where(:root.page-newsletters,:root.page-newsletters *){flex:none;width:14px;height:14px;accent-color:#fff}
.nl-agree a:where(:root.page-newsletters,:root.page-newsletters *){color:#F6C6CE;text-decoration:underline;text-underline-offset:2px}
.nl-agree a:hover:where(:root.page-newsletters,:root.page-newsletters *){color:#fff}

/* past editions */
.nl-sec:where(:root.page-newsletters,:root.page-newsletters *){padding-block:70px}
.nl-grid:where(:root.page-newsletters,:root.page-newsletters *){display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,26px)}
.nl-card:where(:root.page-newsletters,:root.page-newsletters *){display:flex;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(24px,2.4vw,34px);transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease)}
.nl-card:hover:where(:root.page-newsletters,:root.page-newsletters *){transform:translateY(-5px);border-color:var(--wine-line);box-shadow:0 36px 74px -44px rgba(110,18,28,.45)}
.nl-cal:where(:root.page-newsletters,:root.page-newsletters *){position:relative;display:block;width:64px;height:70px;flex:none;align-self:flex-start}
.nl-cal-top:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;left:0;right:0;top:8px;height:18px;border-radius:5px 5px 0 0;background:var(--ink)}
.nl-cal:where(:root.page-newsletters,:root.page-newsletters *)::before,.nl-cal:where(:root.page-newsletters,:root.page-newsletters *)::after{content:"";position:absolute;top:0;width:4px;height:13px;border-radius:2px;background:var(--ink)}
.nl-cal:where(:root.page-newsletters,:root.page-newsletters *)::before{left:14px}
.nl-cal:where(:root.page-newsletters,:root.page-newsletters *)::after{right:14px}
.nl-cal-m:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;left:0;right:0;top:26px;bottom:8px;border-radius:0 0 5px 5px;background:var(--cm); display:grid;place-items:center;font-size:17px;font-weight:700;letter-spacing:.02em;color:#fff;transition:transform .4s var(--ease)}
.nl-card:hover .nl-cal-m:where(:root.page-newsletters,:root.page-newsletters *){transform:translateY(-2px)}
.nl-ring:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;left:50%;top:52%;border-radius:50%;border:1px dashed var(--wine-line);transform:translate(-50%,-50%);opacity:0;transition:opacity .45s var(--ease)}
.nl-ring-a:where(:root.page-newsletters,:root.page-newsletters *){width:112px;height:112px}
.nl-card:hover .nl-ring:where(:root.page-newsletters,:root.page-newsletters *){opacity:1}
.nl-card h3:where(:root.page-newsletters,:root.page-newsletters *){margin:24px 0 0;font-size:clamp(19px,1.8vw,22px);font-weight:700;letter-spacing:-.03em;line-height:1.22;text-wrap:pretty}
.nl-card p:where(:root.page-newsletters,:root.page-newsletters *){margin:13px 0 0;flex:1;font-size:15px;line-height:1.6;color:var(--ink-2);text-wrap:pretty}
.nl-cta:where(:root.page-newsletters,:root.page-newsletters *){display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:24px;padding:14px 24px;border-radius:100px;cursor:pointer; background:var(--wine);border:0;color:#fff;font-family:inherit;font-size:14px;font-weight:600;letter-spacing:-.012em;transition:.32s var(--ease)}
.nl-cta:hover:where(:root.page-newsletters,:root.page-newsletters *){background:var(--wine-deep);box-shadow:0 20px 42px -20px var(--wine)}
.nl-cta .arr:where(:root.page-newsletters,:root.page-newsletters *){transition:transform .32s var(--ease)}
.nl-cta:hover .arr:where(:root.page-newsletters,:root.page-newsletters *){transform:translateX(3px)}

/* banner cursor-follow glow */
.rs-hero:where(:root.page-newsletters,:root.page-newsletters *){--mx:50%;--my:24%}
.rs-hero:where(:root.page-newsletters,:root.page-newsletters *)::before{z-index:0}
.rs-glow:where(:root.page-newsletters,:root.page-newsletters *){position:absolute;left:var(--mx);top:var(--my);width:640px;height:640px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 66%);opacity:0;transition:opacity .45s var(--ease)}
.rs-hero:hover .rs-glow:where(:root.page-newsletters,:root.page-newsletters *){opacity:1}
.rs-hero .rsw:where(:root.page-newsletters,:root.page-newsletters *){position:relative;z-index:2}
{__TWEAKS_STYLE}


/* ============================================================
   About   (html.page-about)
   ============================================================ */

/* Satoshi — self-hosted @font-face (woff2), inlined for standalone export */

/* touch 1781880837620 */

/* ============================================================================
   TRUECOPY — Enterprise Trust Infrastructure
   base.css · tokens, reset, typography, layout, nav, footer, shared utilities
   ========================================================================== */
:root:where(:root.page-about,:root.page-about *){/* paper / ink */ --paper:#ffffff; --paper-2:#FAF9F7; --paper-3:#F3F1EC; --ink:#14161B; --ink-2:#474C56; --ink-3:#676D78; --line:#E8E6E0; --line-2:#F0EEE9; --hair:#E2DFD8; /* brand — overridable by tweaks */ --wine:#9B1B2E; --wine-deep:#74121F; --wine-soft:#FBF1F2; --wine-line:rgba(155,27,46,.20); /* accent — overridable by tweaks */ --accent:#1B3A8F; --accent-2:#2C4FB0; --accent-soft:#EEF1FA; --accent-line:rgba(27,58,143,.20); --shadow-sm:0 1px 2px rgba(20,22,27,.04), 0 1px 1px rgba(20,22,27,.03); --shadow-md:0 18px 50px -28px rgba(20,22,27,.30), 0 6px 16px -12px rgba(20,22,27,.18); --shadow-lg:0 50px 110px -50px rgba(20,30,60,.45), 0 18px 40px -28px rgba(20,22,27,.22); --maxw:1488px; --gut:clamp(20px,5vw,64px); --font-sans:'Satoshi',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; --font-mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular',monospace; --ease:cubic-bezier(.22,.61,.36,1); --ease-out:cubic-bezier(.16,1,.3,1)}
*:where(:root.page-about,:root.page-about *){margin:0;padding:0;box-sizing:border-box}
html:where(:root.page-about,:root.page-about *){-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body:where(:root.page-about,:root.page-about *){background:var(--paper); color:var(--ink); font-family:var(--font-sans); font-weight:400; line-height:1.5; letter-spacing:-0.011em; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow-x:hidden}
img:where(:root.page-about,:root.page-about *),svg:where(:root.page-about,:root.page-about *){display:block;max-width:100%}
a:where(:root.page-about,:root.page-about *){color:inherit;text-decoration:none}
button:where(:root.page-about,:root.page-about *){font-family:inherit;cursor:pointer}
:where(:root.page-about,:root.page-about *)::selection{background:var(--wine);color:#fff}

/* ---------- layout ---------- */
.wrap:where(:root.page-about,:root.page-about *){max-width:var(--maxw);margin:0 auto;padding-inline:var(--gut)}
.section:where(:root.page-about,:root.page-about *){position:relative;padding-block:clamp(84px,11vw,168px)}
.section--tight:where(:root.page-about,:root.page-about *){padding-block:clamp(64px,8vw,120px)}
.bleed:where(:root.page-about,:root.page-about *){background:var(--paper-2)}
.divider:where(:root.page-about,:root.page-about *){height:1px;background:var(--hair);border:0}

/* ---------- typography ---------- */
.h-display:where(:root.page-about,:root.page-about *){font-weight:700; font-size:clamp(40px,6.6vw,88px); line-height:0.98; letter-spacing:-0.035em; text-wrap:balance}
.h-section:where(:root.page-about,:root.page-about *){font-weight:700; font-size:clamp(28px,4.05vw,52px); line-height:1.02; letter-spacing:-0.03em; text-wrap:balance}
.h-sub:where(:root.page-about,:root.page-about *){font-weight:600; font-size:clamp(22px,2.6vw,32px); line-height:1.1; letter-spacing:-0.02em}
.lede:where(:root.page-about,:root.page-about *){font-size:clamp(17px,1.5vw,20px); line-height:1.55; color:var(--ink-2); font-weight:400; letter-spacing:-0.012em; max-width:62ch; text-wrap:pretty}
.dim:where(:root.page-about,:root.page-about *){color:var(--ink-2)}
.muted:where(:root.page-about,:root.page-about *){color:var(--ink-3)}
.wine-text:where(:root.page-about,:root.page-about *){color:var(--wine)}

/* mono technical label / eyebrow */
.eyebrow:where(:root.page-about,:root.page-about *){display:inline-flex;align-items:center;gap:10px; font-family:var(--font-mono); font-size:12px;font-weight:500; letter-spacing:0.14em;text-transform:uppercase; color:var(--ink-3)}
.eyebrow:where(:root.page-about,:root.page-about *)::before{content:"";width:7px;height:7px;border-radius:2px; background:var(--wine);flex:none}
.eyebrow .num:where(:root.page-about,:root.page-about *){color:var(--wine);font-weight:600}
.kicker:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:11px;font-weight:500; letter-spacing:0.16em;text-transform:uppercase;color:var(--ink-3)}
.tag:where(:root.page-about,:root.page-about *){display:inline-flex;align-items:center;gap:7px; font-family:var(--font-mono);font-size:10.5px;font-weight:500; letter-spacing:0.1em;text-transform:uppercase; color:var(--ink-2); padding:5px 9px;border:1px solid var(--line);border-radius:6px; background:var(--paper)}
.tag .dot:where(:root.page-about,:root.page-about *){width:5px;height:5px;border-radius:50%;background:var(--accent)}
.tag--wine .dot:where(:root.page-about,:root.page-about *){background:var(--wine)}

/* section head block */
.shead:where(:root.page-about,:root.page-about *){max-width:880px}
.shead .h-section:where(:root.page-about,:root.page-about *){margin-top:18px}
.shead .lede:where(:root.page-about,:root.page-about *){margin-top:22px}

/* ---------- buttons ---------- */
.btn:where(:root.page-about,:root.page-about *){display:inline-flex;align-items:center;gap:9px; font-size:15px;font-weight:600;letter-spacing:-0.01em; padding:13px 20px;border-radius:9px;border:1px solid transparent; transition:transform .18s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease), color .2s; white-space:nowrap}
.btn .arr:where(:root.page-about,:root.page-about *){transition:transform .25s var(--ease)}
.btn:hover .arr:where(:root.page-about,:root.page-about *){transform:translateX(3px)}
.btn-primary:where(:root.page-about,:root.page-about *){background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}
.btn-primary:hover:where(:root.page-about,:root.page-about *){background:var(--accent-2);transform:translateY(-1px);box-shadow:var(--shadow-md)}
.btn-wine:where(:root.page-about,:root.page-about *){background:var(--wine);color:#fff}
.btn-wine:hover:where(:root.page-about,:root.page-about *){background:var(--wine-deep);transform:translateY(-1px);box-shadow:0 14px 34px -16px var(--wine)}
.btn-ghost:where(:root.page-about,:root.page-about *){background:transparent;color:var(--ink);border-color:var(--line)}
.btn-ghost:hover:where(:root.page-about,:root.page-about *){border-color:var(--ink);background:var(--paper-2)}
.btn-sm:where(:root.page-about,:root.page-about *){padding:10px 15px;font-size:14px;border-radius:8px}
.link-arrow:where(:root.page-about,:root.page-about *){display:inline-flex;align-items:center;gap:8px; font-weight:600;font-size:15px;color:var(--ink); border-bottom:1px solid transparent;padding-bottom:2px;transition:.2s}
.link-arrow .arr:where(:root.page-about,:root.page-about *){transition:transform .25s var(--ease);color:var(--wine)}
.link-arrow:hover:where(:root.page-about,:root.page-about *){color:var(--wine)}
.link-arrow:hover .arr:where(:root.page-about,:root.page-about *){transform:translateX(4px)}

/* ---------- nav ---------- */
.nav:where(:root.page-about,:root.page-about *){position:fixed;top:0;left:0;right:0;z-index:900;background:transparent;border:0; padding:clamp(12px,1.6vw,20px) clamp(14px,3vw,28px) 0; transition:padding .3s var(--ease)}
.nav.is-stuck:where(:root.page-about,:root.page-about *){padding-top:10px}
.nav-in:where(:root.page-about,:root.page-about *){max-width:1150px;margin:0 auto; height:62px;padding:7px 8px 7px 24px; display:flex;align-items:center;gap:16px; background:rgba(255,255,255,.80); -webkit-backdrop-filter:blur(20px) saturate(165%); backdrop-filter:blur(20px) saturate(165%); border:1px solid rgba(255,255,255,.72); border-radius:100px; box-shadow:0 12px 36px -18px rgba(46,18,26,.30), 0 2px 8px -3px rgba(46,18,26,.12); transition:box-shadow .3s var(--ease), background .3s var(--ease)}
.nav.is-stuck .nav-in:where(:root.page-about,:root.page-about *){background:rgba(255,255,255,.92); box-shadow:0 18px 46px -18px rgba(46,18,26,.40), 0 3px 10px -3px rgba(46,18,26,.16)}
.brand:where(:root.page-about,:root.page-about *){display:flex;align-items:center;flex:none}
.brand .mark:where(:root.page-about,:root.page-about *){height:54px;width:auto;flex:none;object-fit:contain}
.nav-links:where(:root.page-about,:root.page-about *){display:flex;align-items:center;justify-content:center;gap:4px;flex:1 1 auto}
.nav-link:where(:root.page-about,:root.page-about *){font-size:14px;font-weight:500;color:var(--ink-2); padding:9px 14px;border-radius:100px;transition:.18s}
.nav-link:hover:where(:root.page-about,:root.page-about *){color:var(--ink);background:rgba(46,18,26,.06)}
.nav-cta:where(:root.page-about,:root.page-about *){display:flex;align-items:center;gap:8px;flex:none}

/* ---------- nav dropdown ---------- */
.nav-item:where(:root.page-about,:root.page-about *){position:relative;display:flex;align-items:center}
.nav-trigger:where(:root.page-about,:root.page-about *){display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;cursor:pointer;font-family:inherit}
.nav-trigger .caret:where(:root.page-about,:root.page-about *){width:15px;height:15px;color:var(--ink-2);transition:transform .25s var(--ease),color .2s;flex:none}
.nav-trigger .caret path:where(:root.page-about,:root.page-about *){fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav-item:hover .nav-trigger:where(:root.page-about,:root.page-about *),.nav-item:focus-within .nav-trigger:where(:root.page-about,:root.page-about *){color:var(--ink);background:var(--paper-2)}
.nav-item:hover .caret:where(:root.page-about,:root.page-about *),.nav-item:focus-within .caret:where(:root.page-about,:root.page-about *){transform:rotate(180deg);color:var(--wine)}
.nav-menu:where(:root.page-about,:root.page-about *){position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(8px) scale(.985);transform-origin:top center; width:332px;background:var(--paper);border:1px solid var(--line);border-radius:14px; box-shadow:var(--shadow-lg);padding:8px; opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s; z-index:50}
.nav-menu:where(:root.page-about,:root.page-about *)::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nav-item:hover .nav-menu:where(:root.page-about,:root.page-about *),.nav-item:focus-within .nav-menu:where(:root.page-about,:root.page-about *){opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}

/* mega dropdown (Solutions) */
.nav-mega:where(:root.page-about,:root.page-about *){position:absolute;top:calc(100% + 12px);left:0;transform:translateY(8px) scale(.99);transform-origin:top left; width:min(880px,calc(100vw - 48px)); background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg); padding:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px; opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s;z-index:50}
.nav-mega:where(:root.page-about,:root.page-about *)::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nav-item:hover .nav-mega:where(:root.page-about,:root.page-about *),.nav-item:focus-within .nav-mega:where(:root.page-about,:root.page-about *){opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
.mega-col:where(:root.page-about,:root.page-about *){padding:14px 16px;border-radius:12px;border:1px solid transparent;transition:border-color .2s,background .2s}
.mega-col:hover:where(:root.page-about,:root.page-about *){background:var(--paper-2);border-color:var(--line)}
.mega-prod:where(:root.page-about,:root.page-about *){display:flex;align-items:center;gap:10px;padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.mega-prod .mp-glyph:where(:root.page-about,:root.page-about *){width:28px;height:28px;border-radius:8px;background:var(--accent);color:#fff;display:grid;place-items:center;font-family:var(--font-mono);font-size:9px;font-weight:600;flex:none}
.mega-prod b:where(:root.page-about,:root.page-about *){font-size:15px;font-weight:700;letter-spacing:-0.02em;color:var(--ink)}
.mega-prod:hover b:where(:root.page-about,:root.page-about *){color:var(--wine)}
.mega-desc:where(:root.page-about,:root.page-about *){font-size:12.5px;line-height:1.45;color:var(--ink-3);margin:12px 0 14px;min-height:54px}
.mega-sub:where(:root.page-about,:root.page-about *){display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13.5px;font-weight:500;color:var(--ink-2);padding:8px 0;border-top:1px solid var(--line-2);transition:color .15s}
.mega-sub .arr:where(:root.page-about,:root.page-about *){color:var(--ink-3);opacity:0;transform:translateX(-4px);transition:.18s var(--ease)}
.mega-sub:hover:where(:root.page-about,:root.page-about *){color:var(--wine)}
.mega-sub:hover .arr:where(:root.page-about,:root.page-about *){color:var(--wine);opacity:1;transform:translateX(0)}
.nav-menu-link:where(:root.page-about,:root.page-about *){display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:14px;row-gap:2px; padding:11px 13px;border-radius:10px;transition:background .16s var(--ease)}
.nav-menu-link .nml-t:where(:root.page-about,:root.page-about *){font-size:14.5px;font-weight:600;color:var(--ink);letter-spacing:-0.01em}
.nav-menu-link .nml-d:where(:root.page-about,:root.page-about *){grid-column:1;font-size:12px;color:var(--ink-3);line-height:1.35}
.nav-menu-link .nml-arr:where(:root.page-about,:root.page-about *){grid-column:2;grid-row:1/span 2;color:var(--ink-3);font-size:15px;transition:transform .2s var(--ease),color .2s}
.nav-menu-link:hover:where(:root.page-about,:root.page-about *){background:var(--paper-2)}
.nav-menu-link:hover .nml-t:where(:root.page-about,:root.page-about *){color:var(--wine)}
.nav-menu-link:hover .nml-arr:where(:root.page-about,:root.page-about *){color:var(--wine);transform:translate(3px,-1px)}

/* modern icon dropdown (Solutions + Resources + Industries) */
.nav-mega--icons:where(:root.page-about,:root.page-about *){padding:18px;display:block}
.nav-menu.nav-mega--icons:where(:root.page-about,:root.page-about *){width:392px}
.nmi-label:where(:root.page-about,:root.page-about *){display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);padding:0 4px 12px;margin:0 0 12px;border-bottom:1px solid var(--line)}
.nmi-grid:where(:root.page-about,:root.page-about *){display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}
.nmi-grid--3:where(:root.page-about,:root.page-about *){grid-template-columns:1fr 1fr 1fr}
.nmi-grid--1:where(:root.page-about,:root.page-about *){grid-template-columns:1fr;gap:4px}

/* Solutions: vertical list + preview panel */
.nmi-split:where(:root.page-about,:root.page-about *){display:flex;gap:40px}
.nmi-split .nmi-grid--1:where(:root.page-about,:root.page-about *){flex:0 0 42%;min-width:0;gap:9px;grid-template-columns:1fr}
.nmi-preview:where(:root.page-about,:root.page-about *){flex:1 1 58%;min-width:0;display:flex;flex-direction:column;gap:9px}
.nmp-cap:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.nmp-frame:where(:root.page-about,:root.page-about *){flex:1;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper-2);display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}
.nmp-bar:where(:root.page-about,:root.page-about *){display:flex;gap:5px;padding:11px 13px;border-bottom:1px solid var(--line);background:var(--paper)}
.nmp-bar i:where(:root.page-about,:root.page-about *){width:9px;height:9px;border-radius:50%;background:#DAD7D0}
.nmp-body:where(:root.page-about,:root.page-about *){flex:1;display:flex;flex-direction:column;justify-content:center;gap:9px;padding:24px;position:relative;overflow:hidden;transition:background .25s var(--ease)}
.nmp-body:where(:root.page-about,:root.page-about *)::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.5) 1.1px,transparent 1.1px);background-size:16px 16px;opacity:.5}
.nmp-body.c1:where(:root.page-about,:root.page-about *){background:linear-gradient(150deg,#B23a4a,#8E1B2C)}
.nmp-body.c2:where(:root.page-about,:root.page-about *){background:linear-gradient(150deg,#2A6FDB,#1B44A8)}
.nmp-body.c3:where(:root.page-about,:root.page-about *){background:linear-gradient(150deg,#1F8A5B,#136141)}
.nmp-body.c4:where(:root.page-about,:root.page-about *){background:linear-gradient(150deg,#7A4AD1,#4E2B95)}
.nmp-badge:where(:root.page-about,:root.page-about *){position:relative;font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.nmp-title:where(:root.page-about,:root.page-about *){position:relative;font-size:20px;font-weight:700;letter-spacing:-0.02em;color:#fff;line-height:1.1}
.nmp-sub:where(:root.page-about,:root.page-about *){position:relative;font-size:12.5px;color:rgba(255,255,255,.82);line-height:1.45;max-width:30ch}
.nmp-rows:where(:root.page-about,:root.page-about *){position:relative;display:flex;flex-direction:column;gap:6px;margin-top:8px}
.nmp-rows i:where(:root.page-about,:root.page-about *){height:7px;border-radius:4px;background:rgba(255,255,255,.28)}
.nmp-rows i:nth-child(1):where(:root.page-about,:root.page-about *){width:80%}
.nmp-rows i:nth-child(2):where(:root.page-about,:root.page-about *){width:62%}
.nmp-rows i:nth-child(3):where(:root.page-about,:root.page-about *){width:70%}
.nmi-item:where(:root.page-about,:root.page-about *){display:flex;align-items:flex-start;gap:13px;padding:12px;border-radius:14px;transition:background .16s var(--ease)}
.nmi-item:hover:where(:root.page-about,:root.page-about *){background:var(--paper-2)}
.nmi-ic:where(:root.page-about,:root.page-about *){width:42px;height:42px;border-radius:12px;flex:none;display:grid;place-items:center;color:#fff;box-shadow:0 6px 14px -6px rgba(20,16,22,.4)}
.nmi-ic svg:where(:root.page-about,:root.page-about *){width:22px;height:22px;display:block}
.nmi-grid:where(:root.page-about,:root.page-about *){display:grid;grid-template-columns:1fr 1fr;gap:4px}
.nmi-grid--3:where(:root.page-about,:root.page-about *){grid-template-columns:1fr 1fr 1fr}
.nmi-item:where(:root.page-about,:root.page-about *){display:flex;align-items:flex-start;gap:13px;padding:12px;border-radius:14px;transition:background .16s var(--ease)}
.nmi-item--sm:where(:root.page-about,:root.page-about *){gap:11px;padding:10px 11px}
.nmi-item:hover:where(:root.page-about,:root.page-about *){background:var(--paper-2)}
.nmi-ic:where(:root.page-about,:root.page-about *){width:42px;height:42px;border-radius:12px;flex:none;display:grid;place-items:center;color:#fff;box-shadow:0 6px 14px -6px rgba(20,16,22,.4)}
.nmi-item--sm .nmi-ic:where(:root.page-about,:root.page-about *){width:36px;height:36px;border-radius:10px}
.nmi-item--sm .nmi-ic svg:where(:root.page-about,:root.page-about *){width:19px;height:19px}
.nmi-ic svg:where(:root.page-about,:root.page-about *){width:22px;height:22px;display:block}
.nmi-ic.c1:where(:root.page-about,:root.page-about *){background:linear-gradient(150deg,#B23a4a,#8E1B2C)}
.nmi-ic.c2:where(:root.page-about,:root.page-about *){background:linear-gradient(150deg,#3E63B4,#28407e)}
.nmi-ic.c3:where(:root.page-about,:root.page-about *){background:linear-gradient(150deg,#2E9C6E,#1c6b4a)}
.nmi-ic.c4:where(:root.page-about,:root.page-about *){background:linear-gradient(150deg,#C0892E,#8a611c)}
.nmi-ic.c5:where(:root.page-about,:root.page-about *){background:linear-gradient(150deg,#6b52b4,#4a3780)}
.nmi-tx:where(:root.page-about,:root.page-about *){display:flex;flex-direction:column;gap:3px;min-width:0}
.nmi-tx b:where(:root.page-about,:root.page-about *){font-size:14.5px;font-weight:700;color:var(--ink);letter-spacing:-0.01em;transition:color .16s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nmi-item:hover .nmi-tx b:where(:root.page-about,:root.page-about *){color:var(--wine)}
.nmi-tx span:where(:root.page-about,:root.page-about *){font-size:12px;color:var(--ink-3);line-height:1.35; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Solutions single-col: one-line description */
.nmi-grid--1 .nmi-tx span:where(:root.page-about,:root.page-about *){display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:none}

/* card-grid mega (Industries) — reuses Resources nav-menu-link cards */
.nav-mega--cards:where(:root.page-about,:root.page-about *){display:grid;grid-template-columns:repeat(3,1fr);gap:2px;width:min(640px,calc(100vw - 48px));padding:12px}

/* hover-intent: keep dropdown open while travelling to the panel */
.nav-item.is-open .nav-trigger:where(:root.page-about,:root.page-about *){color:var(--ink);background:var(--paper-2)}
.nav-item.is-open .caret:where(:root.page-about,:root.page-about *){transform:rotate(180deg);color:var(--wine)}
.nav-item.is-open .nav-menu:where(:root.page-about,:root.page-about *){opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}
.nav-item.is-open .nav-mega:where(:root.page-about,:root.page-about *){opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}
.nav-item:not(.is-open):hover .nav-menu:where(:root.page-about,:root.page-about *),.nav-item:not(.is-open):hover .nav-mega:where(:root.page-about,:root.page-about *){opacity:0;visibility:hidden;pointer-events:none}

/* ---------- footer ---------- */
.foot:where(:root.page-about,:root.page-about *){background:var(--paper-2);border-top:1px solid var(--line);padding-block:clamp(64px,8vw,104px) 36px}
.foot-grid:where(:root.page-about,:root.page-about *){display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:48px 36px}
.foot :is(h3,h4):where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500;margin-bottom:16px}
.foot-brand:where(:root.page-about,:root.page-about *){margin-bottom:20px}
.foot-brand .mark:where(:root.page-about,:root.page-about *){height:56px;width:auto}
.foot ul:where(:root.page-about,:root.page-about *){list-style:none;display:flex;flex-direction:column;gap:11px}
.foot li a:where(:root.page-about,:root.page-about *){font-size:14.5px;color:var(--ink-2);transition:.15s}
.foot li a:hover:where(:root.page-about,:root.page-about *){color:var(--wine)}
.foot-badge:where(:root.page-about,:root.page-about *){display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--wine);background:var(--wine-soft);padding:3px 7px;border-radius:5px;text-transform:uppercase;white-space:nowrap}

/* ---------- reveal / motion ----------
   Reveal hidden/visible state is driven by JS via inline styles so the
   visible END state is always the static computed style (never dependent on
   the animation clock). The WAAPI keyframe is pure enhancement. */

/* hairline tech grid background */
.grid-bg:where(:root.page-about,:root.page-about *){position:absolute;inset:0;pointer-events:none; background-image:linear-gradient(var(--hair) 1px,transparent 1px),linear-gradient(90deg,var(--hair) 1px,transparent 1px); background-size:64px 64px; -webkit-mask-image:radial-gradient(120% 90% at 70% 0%,#000 0%,transparent 72%); mask-image:radial-gradient(120% 90% at 70% 0%,#000 0%,transparent 72%); opacity:.5}

/* utility */
.mono:where(:root.page-about,:root.page-about *){font-family:var(--font-mono)}
.nowrap:where(:root.page-about,:root.page-about *){white-space:nowrap}
.center:where(:root.page-about,:root.page-about *){text-align:center}
.stat-num:where(:root.page-about,:root.page-about *){font-size:clamp(30px,3.4vw,46px);font-weight:700;letter-spacing:-0.03em;line-height:1;font-variant-numeric:tabular-nums}
.stat-lbl:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:9px}

/* ---------- cookie / privacy bar ---------- */
.cookiebar:where(:root.page-about,:root.page-about *){position:fixed;left:0;right:0;bottom:0;z-index:920; padding:0 clamp(12px,3vw,28px) clamp(12px,2.4vw,22px); pointer-events:none; opacity:0;transform:translateY(130%)}
.cookiebar-in:where(:root.page-about,:root.page-about *){pointer-events:auto;position:relative; max-width:1180px;margin:0 auto; display:flex;align-items:center;gap:clamp(14px,2vw,26px); background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%); border:1px solid var(--line);border-radius:14px; box-shadow:var(--shadow-lg); padding:14px clamp(16px,2vw,22px)}
.cb-ico:where(:root.page-about,:root.page-about *){flex:none;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--wine);background:var(--wine-soft);border:1px solid var(--wine-line)}
.cb-text:where(:root.page-about,:root.page-about *){flex:1;min-width:0;font-size:13.5px;line-height:1.5;color:var(--ink-2);letter-spacing:-0.005em;text-wrap:pretty}
.cb-text a:where(:root.page-about,:root.page-about *){color:var(--wine);font-weight:600;border-bottom:1px solid var(--wine-line);transition:.18s}
.cb-text a:hover:where(:root.page-about,:root.page-about *){border-bottom-color:var(--wine)}
.cb-actions:where(:root.page-about,:root.page-about *){flex:none;display:flex;align-items:center;gap:10px}
.cb-close:where(:root.page-about,:root.page-about *){flex:none;width:30px;height:30px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--ink-3);font-size:20px;line-height:1;display:grid;place-items:center;transition:.18s}
.cb-close:hover:where(:root.page-about,:root.page-about *){background:var(--paper-2);color:var(--ink)}

/* touch 1781880836837 */

/* ============================================================================
   TRUECOPY — sections.css
   ========================================================================== */

/* ============================ HERO (centered SaaS · red gradient) ============================ */
.hero:where(:root.page-about,:root.page-about *){position:relative;isolation:isolate; overflow:hidden;text-align:center;color:#fff; background: linear-gradient(180deg, rgba(255,255,255,.05), transparent 24%), linear-gradient(180deg,#6F1E2A 0%,#892634 15%,#A6333E 30%,#C25551 45%,#DA8377 58%,#F0C2B6 70%,#FBEAE3 78%,#FFFFFF 86%,#FFFFFF 100%)}

/* circular visual language */
.hero-bg:where(:root.page-about,:root.page-about *){position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.hero-noise:where(:root.page-about,:root.page-about *){position:absolute;inset:0;pointer-events:none;opacity:.18;mix-blend-mode:soft-light; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='hn'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23hn)'/%3E%3C/svg%3E");background-size:150px 150px}
.hero-glow:where(:root.page-about,:root.page-about *){position:absolute;left:50%;top:32%;width:680px;height:680px;transform:translate(-50%,-50%); background:radial-gradient(circle,rgba(255,205,188,.26),transparent 64%);filter:blur(12px); animation:heroGlow 9s var(--ease) infinite}
.orbit:where(:root.page-about,:root.page-about *){position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);border-radius:50%; border:1px solid rgba(255,255,255,.16); -webkit-mask-image:radial-gradient(circle,transparent 38%,#000 56%,#000 70%,transparent 86%); mask-image:radial-gradient(circle,transparent 38%,#000 56%,#000 70%,transparent 86%)}
.orbit-1:where(:root.page-about,:root.page-about *){width:680px;height:680px}
.orbit-2:where(:root.page-about,:root.page-about *){width:1080px;height:1080px;border-color:rgba(255,255,255,.10)}
.orbit-2.dashed-spin:where(:root.page-about,:root.page-about *){border-style:dashed;border-width:1.5px;border-color:rgba(255,255,255,.34); -webkit-mask-image:none;mask-image:none;animation:spin 60s linear infinite}
.orbit-3:where(:root.page-about,:root.page-about *){width:1480px;height:1480px;border-color:rgba(255,255,255,.07)}
.orbit-4:where(:root.page-about,:root.page-about *){width:1880px;height:1880px;border-color:rgba(255,255,255,.16)}
.orbit-4.dashed:where(:root.page-about,:root.page-about *){border-style:dashed;border-width:1px;animation:spin 80s linear infinite}
.hero-float-ring:where(:root.page-about,:root.page-about *){position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.30);opacity:.3}
.fr-a:where(:root.page-about,:root.page-about *){width:16px;height:16px;left:8%;top:30%;background:rgba(255,255,255,.14);animation:floatY 7s var(--ease) infinite}
.fr-d:where(:root.page-about,:root.page-about *){width:11px;height:11px;left:12%;top:64%;background:rgba(255,255,255,.55);border:0;animation:floatY 8s var(--ease) infinite reverse}
.fr-b:where(:root.page-about,:root.page-about *){width:30px;height:30px;right:8%;top:28%;animation:floatY 9s var(--ease) infinite reverse}
.fr-c:where(:root.page-about,:root.page-about *){width:11px;height:11px;right:12%;top:64%;background:rgba(255,255,255,.55);border:0;animation:floatY 6s var(--ease) infinite}
.hero-in:where(:root.page-about,:root.page-about *){position:relative;display:block}
.hero-copy:where(:root.page-about,:root.page-about *){max-width:880px;margin:0 auto}

/* social-proof review badge */
.hero-badge:where(:root.page-about,:root.page-about *){display:inline-flex;align-items:center;gap:11px;margin:0 auto;white-space:nowrap; padding:7px 16px 7px 12px;border-radius:100px; background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.26); -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px); font-size:13.5px;font-weight:500;color:rgba(255,255,255,.92);transition:.2s var(--ease)}
.hero-badge:hover:where(:root.page-about,:root.page-about *){background:rgba(255,255,255,.2);transform:translateY(-1px)}
.hero-badge .stars:where(:root.page-about,:root.page-about *){color:#FFD9A0;font-size:12px;letter-spacing:1px}
.hero-badge .hb-tx b:where(:root.page-about,:root.page-about *){font-weight:700;color:#fff}
.hero h1:where(:root.page-about,:root.page-about *){margin:26px auto 0;color:#fff;max-width:none; font-size:clamp(21px,2.6vw,34px);line-height:1.14;letter-spacing:-0.035em}
.hero h1 .ln1:where(:root.page-about,:root.page-about *){display:block;white-space:nowrap}
.hero h1 .ln2:where(:root.page-about,:root.page-about *){display:block;color:#fff;white-space:nowrap}
.hero h1 .ln3:where(:root.page-about,:root.page-about *){color:#fff}
.hero .lede:where(:root.page-about,:root.page-about *){margin:24px auto 0;color:rgba(255,255,255,.84);max-width:60ch;text-align:center;font-size:clamp(16px,1.5vw,19.5px)}
.hero-cta:where(:root.page-about,:root.page-about *){display:flex;align-items:center;justify-content:center;gap:20px;margin-top:38px;flex-wrap:wrap}
.hero-form:where(:root.page-about,:root.page-about *){display:flex;align-items:center;gap:6px;margin:34px auto 0;width:100%;max-width:476px; background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.32);border-radius:100px; padding:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px); box-shadow:0 16px 44px -22px rgba(40,8,12,.42)}
.hero-form:focus-within:where(:root.page-about,:root.page-about *){border-color:rgba(255,255,255,.58);background:rgba(255,255,255,.18)}
.hero-email:where(:root.page-about,:root.page-about *){flex:1 1 auto;min-width:0;background:transparent;border:0;outline:none;color:#fff; font-size:15px;padding:11px 8px 11px 18px;font-family:inherit;letter-spacing:-0.01em}
.hero-email:where(:root.page-about,:root.page-about *)::placeholder{color:rgba(255,255,255,.72)}
.hero-form .btn-hero:where(:root.page-about,:root.page-about *){flex:none}
.btn-hero:where(:root.page-about,:root.page-about *){background:#fff;color:var(--wine-deep);font-weight:700;padding:11px 24px;border-radius:100px; box-shadow:0 14px 34px -16px rgba(40,8,12,.45),0 1px 0 rgba(255,255,255,.5) inset;font-size:15px}
.btn-hero:hover:where(:root.page-about,:root.page-about *){transform:translateY(-2px);background:#fff;box-shadow:0 26px 60px -18px rgba(40,8,12,.62)}
.btn-hero .arr:where(:root.page-about,:root.page-about *){transition:transform .25s var(--ease)}
.btn-hero:hover .arr:where(:root.page-about,:root.page-about *){transform:translateX(4px)}
.hero-play:where(:root.page-about,:root.page-about *){display:inline-flex;align-items:center;gap:11px;color:#fff;font-weight:600;font-size:15px;opacity:.95;transition:.2s}
.hero-play:hover:where(:root.page-about,:root.page-about *){opacity:1}
.hero-play .hp-ic:where(:root.page-about,:root.page-about *){width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none; background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.32);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:.2s var(--ease)}
.hero-play .hp-ic:where(:root.page-about,:root.page-about *)::after{content:"";width:0;height:0;border-left:9px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:3px}
.hero-play:hover .hp-ic:where(:root.page-about,:root.page-about *){background:rgba(255,255,255,.26);transform:scale(1.06)}
.hero-trust:where(:root.page-about,:root.page-about *){display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:42px}
.hero-trust .ht:where(:root.page-about,:root.page-about *){display:flex;align-items:center;gap:10px;padding:9px 16px;border-radius:100px; background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20); -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.hero-trust .ht-ic:where(:root.page-about,:root.page-about *){width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.22);color:#fff;display:grid;place-items:center;font-size:10px;flex:none}
.hero-trust .ht-tx:where(:root.page-about,:root.page-about *){display:flex;flex-direction:column;gap:0;text-align:left;line-height:1.15}
.hero-trust .ht b:where(:root.page-about,:root.page-about *){font-size:13px;font-weight:700;color:#fff}
.hero-trust .ht span:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6)}

/* product mockup floating below */
.hero-stage-wrap:where(:root.page-about,:root.page-about *){position:relative;max-width:955px;margin:clamp(104px,12vw,168px) auto 0;perspective:1800px}
.hero-stage-wrap .stage:where(:root.page-about,:root.page-about *){border-radius:24px;border:15px solid rgba(248,205,197,.6); box-shadow:0 26px 56px -36px rgba(70,22,30,.28); transform:rotateX(3deg);transform-origin:center top;background-clip:padding-box}
.hero-float:where(:root.page-about,:root.page-about *){position:absolute;z-index:4;display:flex;align-items:center;gap:11px; padding:11px 14px;border-radius:13px;background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.8); box-shadow:0 22px 50px -22px rgba(40,8,16,.45)}
.hero-float .hfl-tx:where(:root.page-about,:root.page-about *){display:flex;flex-direction:column;text-align:left;line-height:1.25}
.hero-float .hfl-tx b:where(:root.page-about,:root.page-about *){font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-0.01em}
.hero-float .hfl-tx span:where(:root.page-about,:root.page-about *){font-size:11px;color:var(--ink-3)}
.hf-1:where(:root.page-about,:root.page-about *){left:-30px;top:24%;animation:floatCard 6.5s var(--ease) infinite}
.hf-1 .hfl-dot:where(:root.page-about,:root.page-about *){width:30px;height:30px;border-radius:50%;background:var(--wine-soft);position:relative;flex:none}
.hf-1 .hfl-dot:where(:root.page-about,:root.page-about *)::after{content:"\2713";position:absolute;inset:0;display:grid;place-items:center;color:var(--wine);font-weight:700;font-size:14px}
.hf-2:where(:root.page-about,:root.page-about *){right:-26px;top:54%;animation:floatCard 7.5s var(--ease) infinite reverse}
.hf-2 .hfl-ring:where(:root.page-about,:root.page-about *){position:relative;width:38px;height:38px;flex:none;display:grid;place-items:center}
.hf-2 .hfl-ring svg:where(:root.page-about,:root.page-about *){position:absolute;inset:0;transform:rotate(-90deg)}
.hf-2 .hfl-ring circle:where(:root.page-about,:root.page-about *){fill:none;stroke:var(--line);stroke-width:3}
.hf-2 .hfl-ring circle.prog:where(:root.page-about,:root.page-about *){stroke:var(--accent);stroke-linecap:round;stroke-dasharray:97.4;stroke-dashoffset:2}
.hf-2 .hfl-ring span:where(:root.page-about,:root.page-about *){font-size:10px;font-weight:700;color:var(--ink)}

/* hero product infographics — static icon circles riding the moving ring */

/* chips ride the dashed moving ring — two stacked on the left side, two on the right,
   vertically centred on the ring's centre (left:50%, top:34% — matching .orbit) */
.hero-chips:where(:root.page-about,:root.page-about *){position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;pointer-events:none; --rx:clamp(300px,41vw,500px);--ry:clamp(92px,10vw,150px)}
.hchip:where(:root.page-about,:root.page-about *){position:absolute;width:clamp(122px,11vw,154px);aspect-ratio:1;border-radius:26px;display:grid;place-items:center; pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent; background:linear-gradient(160deg,rgba(255,255,255,.20),rgba(255,255,255,.05))}
.hchip .hc-inner:where(:root.page-about,:root.page-about *){transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.hchip:hover .hc-inner:where(:root.page-about,:root.page-about *){transform:scale(1.05);box-shadow:0 18px 34px -14px rgba(70,18,28,.6)}
.hchip:active .hc-inner:where(:root.page-about,:root.page-about *){transform:scale(.93);transition-duration:.09s}
.hchip:focus-visible:where(:root.page-about,:root.page-about *){outline:2px solid #fff;outline-offset:3px}
.hchip:nth-child(1):where(:root.page-about,:root.page-about *){left:calc(50% - var(--rx) + 30px);top:calc(34% - 150px - var(--ry));transform:translate(-50%,-50%);animation:hchipL 6.5s var(--ease) infinite}
.hchip:nth-child(2):where(:root.page-about,:root.page-about *){left:calc(50% - var(--rx) - 20px);top:calc(34% - 110px + var(--ry));transform:translate(-50%,-50%);animation:hchipL 6.5s var(--ease) infinite;animation-delay:-2.2s}
.hchip:nth-child(3):where(:root.page-about,:root.page-about *){left:calc(50% + var(--rx) - 30px);top:calc(34% - 150px - var(--ry));transform:translate(-50%,-50%);animation:hchipR 6.5s var(--ease) infinite;animation-delay:-1.1s}
.hchip:nth-child(4):where(:root.page-about,:root.page-about *){left:calc(50% + var(--rx) + 30px);top:calc(34% - 110px + var(--ry));transform:translate(-50%,-50%);animation:hchipR 6.5s var(--ease) infinite;animation-delay:-3.4s}
html[data-motion="off"] .hchip:where(:root.page-about,:root.page-about *){animation:none}
.hchip:where(:root.page-about,:root.page-about *)::before{content:"";position:absolute;inset:0;border-radius:26px;padding:1.4px;pointer-events:none; background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.05) 70%,transparent); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.hc-inner:where(:root.page-about,:root.page-about *){width:80%;height:80%;border-radius:18px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:6px; box-shadow:0 12px 26px -12px rgba(70,18,28,.5)}
.hchip .hc-fig:where(:root.page-about,:root.page-about *){height:clamp(44px,4.6vw,58px);width:auto;max-width:92%;display:block}
.hchip:first-child .hc-fig:where(:root.page-about,:root.page-about *){height:clamp(58px,6.1vw,78px)}
.hc-nm:where(:root.page-about,:root.page-about *){font-size:clamp(11px,1vw,13px);font-weight:600;color:var(--wine);letter-spacing:-0.01em}

/* dashboard stage */
.stage:where(:root.page-about,:root.page-about *){position:relative;border-radius:16px;background:var(--paper); border:1px solid var(--line);box-shadow:var(--shadow-lg);overflow:hidden}
.stage-bar:where(:root.page-about,:root.page-about *){display:flex;align-items:center;gap:14px;padding:12px 14px;border-bottom:1px solid var(--line-2);background:var(--paper-2)}
.win-dots:where(:root.page-about,:root.page-about *){display:flex;gap:6px}
.win-dots i:where(:root.page-about,:root.page-about *){width:10px;height:10px;border-radius:50%;background:#DAD7D0;display:block}
.stage-addr:where(:root.page-about,:root.page-about *){flex:1;display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--ink-3);background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:5px 10px;min-width:0}
.stage-addr .lock:where(:root.page-about,:root.page-about *){color:var(--accent)}
.stage-addr .url:where(:root.page-about,:root.page-about *){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stage-live:where(:root.page-about,:root.page-about *){display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:#16804a}
.stage-live i:where(:root.page-about,:root.page-about *){width:6px;height:6px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 0 rgba(22,163,74,.5);animation:livePulse 2.4s infinite}
.stage-tabs:where(:root.page-about,:root.page-about *){position:relative;display:flex;gap:4px;padding:8px 10px;border-bottom:1px solid var(--line-2)}
.tab-ind:where(:root.page-about,:root.page-about *){position:absolute;top:8px;left:0;height:calc(100% - 16px);width:0;background:var(--paper-2);border:1px solid var(--line);border-radius:8px;z-index:0;pointer-events:none}
.stab:where(:root.page-about,:root.page-about *){position:relative;z-index:1;flex:1 1 0;min-width:0;overflow:hidden; display:inline-flex;align-items:center;justify-content:center;gap:6px; font-size:12px;font-weight:600;letter-spacing:-0.01em;color:var(--ink-3); padding:8px 6px;border-radius:8px;border:1px solid transparent;background:transparent;transition:color .2s var(--ease)}
.stab .gl:where(:root.page-about,:root.page-about *){width:17px;height:17px;border-radius:5px;display:grid;place-items:center;font-family:var(--font-mono);font-size:7.5px;font-weight:600;color:#fff;background:var(--ink-3);transition:background .2s;flex:none}
.stab-tx:where(:root.page-about,:root.page-about *){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.stab:hover:where(:root.page-about,:root.page-about *){color:var(--ink)}
.stab.is-active:where(:root.page-about,:root.page-about *){color:var(--ink)}
.stab.is-active .gl:where(:root.page-about,:root.page-about *){background:var(--wine)}
.stage-body:where(:root.page-about,:root.page-about *){position:relative;aspect-ratio:16/10.2;background:var(--paper-2);overflow:hidden}
.panel-track:where(:root.page-about,:root.page-about *){display:flex;height:100%;width:100%;will-change:transform}
.panel:where(:root.page-about,:root.page-about *){flex:0 0 100%;height:100%;padding:20px;opacity:1;pointer-events:auto}

/* video placeholder */
.vplace:where(:root.page-about,:root.page-about *){position:relative;width:100%;height:100%;border-radius:11px;overflow:hidden;background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column}
.vplace-top:where(:root.page-about,:root.page-about *){display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid var(--line-2)}
.vplace-top .vt:where(:root.page-about,:root.page-about *){font-weight:600;font-size:13.5px}
.vplace-top .vmeta:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--ink-3)}
.poster:where(:root.page-about,:root.page-about *){position:relative;flex:1;overflow:hidden;background: radial-gradient(120% 120% at 80% 0%, var(--paper-2), var(--paper))}
.poster-dots:where(:root.page-about,:root.page-about *){position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1px,transparent 1px);background-size:18px 18px;opacity:.6;-webkit-mask-image:linear-gradient(transparent,#000 30%);mask-image:linear-gradient(transparent,#000 30%)}
.play:where(:root.page-about,:root.page-about *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3; width:64px;height:64px;border-radius:50%;background:var(--wine);border:0; display:grid;place-items:center;box-shadow:0 16px 40px -12px rgba(155,27,46,.6);transition:.25s var(--ease)}
.play:where(:root.page-about,:root.page-about *)::after{content:"";width:0;height:0;border-left:17px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:4px}
.play:hover:where(:root.page-about,:root.page-about *){transform:translate(-50%,-50%) scale(1.07)}
.play-ring:where(:root.page-about,:root.page-about *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;border:1px solid var(--wine-line);z-index:2;animation:ring 3s var(--ease) infinite}
.vcap:where(:root.page-about,:root.page-about *){position:absolute;left:14px;bottom:13px;z-index:3;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--ink-3);background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:5px 9px;border-radius:6px;border:1px solid var(--line)}

/* faux dashboard rows inside poster */
.fx:where(:root.page-about,:root.page-about *){position:absolute;border-radius:7px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.fx-row:where(:root.page-about,:root.page-about *){display:flex;align-items:center;gap:9px;padding:9px 12px}
.fx-ic:where(:root.page-about,:root.page-about *){width:24px;height:24px;border-radius:6px;background:var(--accent-soft);flex:none}
.fx-bar:where(:root.page-about,:root.page-about *){height:7px;border-radius:4px;background:var(--paper-3)}
.fx-chip:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:9px;letter-spacing:.05em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:2px 6px}
.fx-col:where(:root.page-about,:root.page-about *){display:flex;flex-direction:column;justify-content:flex-end;gap:0;align-items:center}
.fx-colbar:where(:root.page-about,:root.page-about *){width:18px;border-radius:3px 3px 0 0;background:var(--accent);opacity:.85}
.fx-colbar.lo:where(:root.page-about,:root.page-about *){background:var(--paper-3)}
.fx-colbar.wine:where(:root.page-about,:root.page-about *){background:var(--wine)}

/* floating controls */
.stage-ctrl:where(:root.page-about,:root.page-about *){position:absolute;right:16px;bottom:16px;z-index:6;display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:100px;padding:6px;box-shadow:var(--shadow-md)}
.stage-ctrl button:where(:root.page-about,:root.page-about *){width:30px;height:30px;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--ink-2);display:grid;place-items:center;transition:.18s}
.stage-ctrl button:hover:where(:root.page-about,:root.page-about *){background:var(--paper-2);color:var(--ink)}
.dots:where(:root.page-about,:root.page-about *){display:flex;gap:6px;padding:0 4px}
.dots i:where(:root.page-about,:root.page-about *){width:6px;height:6px;border-radius:50%;background:var(--line);transition:.25s;cursor:pointer}
.dots i.on:where(:root.page-about,:root.page-about *){background:var(--wine);width:18px;border-radius:4px}

/* ============================ TRUST BAR (left text · right logo cloud) ============================ */
.trustbar:where(:root.page-about,:root.page-about *){background:var(--paper);padding-block:clamp(24px,3vw,40px)}
.trustbar-in:where(:root.page-about,:root.page-about *){display:grid;grid-template-columns:minmax(180px,0.66fr) 1.7fr;gap:clamp(20px,3.2vw,48px);align-items:center}
.trustbar-label:where(:root.page-about,:root.page-about *){font-size:clamp(18px,1.95vw,24px);font-weight:600;letter-spacing:-0.01em;color:var(--ink);line-height:1.3;display:block;max-width:22ch}
.tb-marquee:where(:root.page-about,:root.page-about *){position:relative;overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.tb-track:where(:root.page-about,:root.page-about *){display:flex;align-items:center;width:max-content;gap:clamp(34px,3.8vw,60px);animation:tbScroll 36s linear infinite}
.tb-marquee:hover .tb-track:where(:root.page-about,:root.page-about *){animation-play-state:paused}
html[data-motion="off"] .tb-track:where(:root.page-about,:root.page-about *){animation:none}
.tb-logo:where(:root.page-about,:root.page-about *){display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:clamp(18px,1.8vw,23px);letter-spacing:-0.02em;color:var(--ink-3);opacity:.7;white-space:nowrap;transition:color .22s var(--ease),opacity .22s var(--ease)}
.tb-logo:hover:where(:root.page-about,:root.page-about *){color:var(--ink);opacity:1}
.tb-ic:where(:root.page-about,:root.page-about *){width:.92em;height:.92em;fill:currentColor;flex:none}
.tb-sap:where(:root.page-about,:root.page-about *){font-weight:800;letter-spacing:.01em}
.tb-aws:where(:root.page-about,:root.page-about *){font-weight:800;letter-spacing:-.03em;align-items:flex-end;gap:2px}
.tb-aws .tb-smile:where(:root.page-about,:root.page-about *){width:1.5em;height:.4em;fill:currentColor;margin-bottom:3px}

/* ============================ MILESTONE JOURNEY ============================ */
.journey:where(:root.page-about,:root.page-about *){position:relative;--jpt:clamp(57px,6.6vw,92px);padding-block:var(--jpt) 0}
.journey:where(:root.page-about,:root.page-about *)::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;z-index:0;pointer-events:none; background:repeating-linear-gradient(90deg,var(--hair) 0 7px,transparent 7px 15px);background-size:15px 1px;animation:dashFlowX 1.1s linear infinite}
html[data-motion="off"] .journey:where(:root.page-about,:root.page-about *)::before{animation:none}
.journey-head:where(:root.page-about,:root.page-about *){text-align:center;max-width:640px;margin:0 auto clamp(52px,6vw,86px)}
.journey-head .eyebrow:where(:root.page-about,:root.page-about *){margin-bottom:18px}
.journey-head .h-section:where(:root.page-about,:root.page-about *){margin:0 auto}
.journey>.wrap:where(:root.page-about,:root.page-about *){position:relative}
.journey>.wrap:where(:root.page-about,:root.page-about *)::before,.journey>.wrap:where(:root.page-about,:root.page-about *)::after{content:"";position:absolute;top:calc(var(--jpt)*-1);bottom:0;width:1px;z-index:0;pointer-events:none; background:repeating-linear-gradient(180deg,var(--hair) 0 6px,transparent 6px 13px);background-size:1px 13px;animation:dashFlowY 1.1s linear infinite}
.journey>.wrap:where(:root.page-about,:root.page-about *)::before{left:0}
.journey>.wrap:where(:root.page-about,:root.page-about *)::after{right:0}
html[data-motion="off"] .journey>.wrap:where(:root.page-about,:root.page-about *)::before,html[data-motion="off"] .journey>.wrap:where(:root.page-about,:root.page-about *)::after{animation:none}
.journey-map:where(:root.page-about,:root.page-about *){position:relative}
.journey-curve:where(:root.page-about,:root.page-about *){position:absolute;top:0;left:0;width:100%;height:196px;z-index:0;overflow:visible}
.jc-base:where(:root.page-about,:root.page-about *){fill:none;stroke:#d8d5ce;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round}
.jc-line:where(:root.page-about,:root.page-about *){fill:none;stroke:var(--wine);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round}
.journey-row:where(:root.page-about,:root.page-about *){position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr)}
.milestone:where(:root.page-about,:root.page-about *){display:flex;flex-direction:column;align-items:center;text-align:center;padding-inline:clamp(6px,1vw,16px)}
.milestone .dot:where(:root.page-about,:root.page-about *){width:14px;height:14px;border-radius:50%;background:var(--paper);border:2px solid #cbc8c1; margin-top:calc(var(--cy) - 7px);position:relative;z-index:2;box-shadow:0 0 0 5px rgba(20,16,22,.03);transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}
.milestone .dot:where(:root.page-about,:root.page-about *)::after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--wine);transform:scale(0)}
.milestone .dot.lit:where(:root.page-about,:root.page-about *)::after{animation:dotPop .46s cubic-bezier(.34,1.56,.64,1) forwards}
html[data-motion="off"] .milestone .dot.lit:where(:root.page-about,:root.page-about *)::after{animation:none;transform:scale(1)}
.milestone .dot.lit:where(:root.page-about,:root.page-about *){border-color:var(--wine);box-shadow:0 0 0 5px color-mix(in srgb,var(--wine) 9%,transparent)}
.milestone .conn:where(:root.page-about,:root.page-about *){width:1px;height:200px; background:linear-gradient(180deg,var(--wine) calc(var(--fill,0)*100%),#d8d5ce calc(var(--fill,0)*100%))}
.milestone .mcontent:where(:root.page-about,:root.page-about *){margin-top:18px;padding-bottom:clamp(40px,5.5vw,84px)}

/* centered trust badges (top open space, above the arc) */
.journey-badges:where(:root.page-about,:root.page-about *){position:relative;z-index:3;display:inline-flex;gap:0;justify-content:center;margin:0 auto; background:linear-gradient(135deg,var(--wine-soft) 0%,#fff 45%,var(--accent-soft) 100%); border:1px solid var(--wine-line);border-radius:100px;padding:6px;box-shadow:0 18px 40px -22px rgba(120,18,28,.3)}
.journey-badges-wrap:where(:root.page-about,:root.page-about *){display:flex;justify-content:center;margin-bottom:clamp(16px,2vw,28px)}
.journey-badges .jb:where(:root.page-about,:root.page-about *){display:flex;align-items:center;gap:11px;padding:10px 24px;position:relative}
.journey-badges .jb+.jb:where(:root.page-about,:root.page-about *)::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:26px;background:var(--wine-line)}
.journey-badges .jb-ic:where(:root.page-about,:root.page-about *){width:24px;height:24px;border-radius:50%;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}
.journey-badges .jb-t b:where(:root.page-about,:root.page-about *){font-size:14px;font-weight:700;letter-spacing:-0.01em;display:block;line-height:1.05}
.journey-badges .jb-t span:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.mcontent .mnum:where(:root.page-about,:root.page-about *){font-size:clamp(30px,3.4vw,50px);font-weight:700;letter-spacing:-0.03em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.mcontent .mlbl:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:11px}

/* ============================ PRODUCT EXPLORER ============================ */
.prodx:where(:root.page-about,:root.page-about *){padding-block:clamp(76px,9.5vw,140px);background:#F3F1EE}
.prodx-head:where(:root.page-about,:root.page-about *){text-align:center;margin-bottom:clamp(26px,3.2vw,44px)}
.prodx-head .h-section:where(:root.page-about,:root.page-about *){margin:0 auto;max-width:none;font-size:clamp(24px,3.4vw,42px)}
.prodx-card:where(:root.page-about,:root.page-about *){background:var(--paper);border-radius:28px;padding:clamp(22px,2.8vw,42px)}
.prodx-tabs:where(:root.page-about,:root.page-about *){position:relative;display:flex;flex-wrap:nowrap;gap:clamp(8px,2vw,40px);margin-bottom:clamp(26px,3.2vw,44px)}
.prodx-ind:where(:root.page-about,:root.page-about *){position:absolute;top:0;left:0;height:100%;width:0;border-radius:20px 20px 2px 2px;background:var(--wine-soft);z-index:0;pointer-events:none}
.prodx-tab:where(:root.page-about,:root.page-about *){position:relative;z-index:1;flex:1 1 0;min-width:0;text-align:center;font-size:clamp(15px,1.95vw,31px);font-weight:400;letter-spacing:-0.025em;line-height:1;color:#b7adb0;background:transparent;border:0;padding:clamp(16px,1.8vw,26px) 10px;border-radius:20px 20px 2px 2px;cursor:pointer;transition:color .2s var(--ease),background .2s var(--ease)}
.prodx-tab:hover:where(:root.page-about,:root.page-about *){color:var(--wine)}
.prodx-tab:not(.is-active):hover:where(:root.page-about,:root.page-about *){background:color-mix(in srgb,var(--wine) 6%,transparent)}
.prodx-tab.is-active:where(:root.page-about,:root.page-about *){color:var(--wine);font-weight:700}
.prodx-stage:where(:root.page-about,:root.page-about *){display:grid;grid-template-columns:0.82fr 1.18fr;gap:clamp(26px,3.4vw,52px);align-items:center;background:none;border:0;box-shadow:none;padding:0;border-radius:0}
.prodx-info:where(:root.page-about,:root.page-about *){min-width:0;padding-left:clamp(2px,1.2vw,20px)}
.pi-title:where(:root.page-about,:root.page-about *){font-size:clamp(26px,3vw,42px);font-weight:700;letter-spacing:-0.03em;line-height:1.04;margin:0 0 16px;text-wrap:balance}
.pi-desc:where(:root.page-about,:root.page-about *){font-size:16px;color:var(--ink-2);line-height:1.6;max-width:42ch}
.pi-link:where(:root.page-about,:root.page-about *){margin-top:26px}
.pi-link.link-arrow:where(:root.page-about,:root.page-about *){color:var(--wine);border-bottom:0;padding:10px 18px;border-radius:100px;background:transparent;border:1px solid var(--wine-line);transition:background .22s var(--ease),border-color .22s var(--ease),color .22s}
.pi-link.link-arrow:hover:where(:root.page-about,:root.page-about *){background:var(--wine-soft);border-color:var(--wine)}
.pi-link.link-arrow .arr:where(:root.page-about,:root.page-about *){color:var(--wine)}
.prodx-viz:where(:root.page-about,:root.page-about *){position:relative;min-height:360px;border-radius:20px;overflow:visible;padding:0;display:flex;align-items:center;justify-content:center;background:transparent}
.prodx-figstack:where(:root.page-about,:root.page-about *){position:relative;width:100%;aspect-ratio:1536/1024}
.prodx-fig:where(:root.page-about,:root.page-about *){position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(.985);transition:opacity .5s var(--ease),transform .6s var(--ease);pointer-events:none}
.prodx-fig.is-active:where(:root.page-about,:root.page-about *){opacity:1;transform:none}
.prodx-vidframe:where(:root.page-about,:root.page-about *){width:100%;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow-lg)}
.pvf-bar:where(:root.page-about,:root.page-about *){display:flex;align-items:center;gap:12px;padding:11px 16px;background:var(--paper-2);border-bottom:1px solid var(--line-2)}
.pvf-dots:where(:root.page-about,:root.page-about *){display:flex;gap:6px}
.pvf-dots i:where(:root.page-about,:root.page-about *){width:10px;height:10px;border-radius:50%;background:#d8d5ce;display:block}
.pvf-url:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:11px;color:var(--ink-3);background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:4px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pvf-screen:where(:root.page-about,:root.page-about *){position:relative;aspect-ratio:16/10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background: radial-gradient(120% 120% at 50% 0%, var(--paper-2), var(--paper));overflow:hidden}
.pvf-screen:where(:root.page-about,:root.page-about *)::before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1.1px,transparent 1.1px);background-size:22px 22px;opacity:.5;-webkit-mask-image:radial-gradient(circle at 50% 42%,#000,transparent 70%);mask-image:radial-gradient(circle at 50% 42%,#000,transparent 70%)}
.pvf-play:where(:root.page-about,:root.page-about *){position:relative;z-index:1;width:66px;height:66px;border-radius:50%;background:var(--wine);box-shadow:0 16px 40px -12px rgba(155,27,46,.6);display:grid;place-items:center}
.pvf-play:where(:root.page-about,:root.page-about *)::after{content:"";width:0;height:0;border-left:18px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}
.pvf-cap:where(:root.page-about,:root.page-about *){position:relative;z-index:1;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.prodx-viz:where(:root.page-about,:root.page-about *)::before{content:none}
.viz-panel:where(:root.page-about,:root.page-about *){position:absolute;inset:clamp(20px,2.4vw,34px);opacity:0;visibility:hidden;align-items:center}
.viz-panel.is-active:where(:root.page-about,:root.page-about *){position:relative;inset:auto;width:100%;opacity:1;visibility:visible;display:flex}
.vframe:where(:root.page-about,:root.page-about *){width:100%}
.vmedia:where(:root.page-about,:root.page-about *){position:relative;aspect-ratio:16/9;background:var(--ink);overflow:hidden}
.prodx-vid:where(:root.page-about,:root.page-about *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.prodx-shot:where(:root.page-about,:root.page-about *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.pv-float:where(:root.page-about,:root.page-about *){position:absolute;z-index:4;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:13px;padding:11px 14px;box-shadow:0 18px 40px -20px rgba(40,8,16,.5)}
.pv-f1:where(:root.page-about,:root.page-about *){left:-16px;top:20%;animation:floatCard 6.5s var(--ease) infinite}
.pv-f2:where(:root.page-about,:root.page-about *){right:-14px;bottom:15%;flex-direction:column;align-items:flex-start;gap:2px;animation:floatCard 7.5s var(--ease) infinite reverse}
.pv-check:where(:root.page-about,:root.page-about *){width:28px;height:28px;border-radius:50%;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;font-weight:700;font-size:13px;flex:none}
.pv-tx b:where(:root.page-about,:root.page-about *),.pv-big:where(:root.page-about,:root.page-about *){font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-0.01em;display:block}
.pv-big:where(:root.page-about,:root.page-about *){font-size:21px}
.pv-tx span:where(:root.page-about,:root.page-about *),.pv-f2 span:where(:root.page-about,:root.page-about *){font-size:11px;color:var(--ink-3)}
.vframe:where(:root.page-about,:root.page-about *){border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper-2);box-shadow:var(--shadow-sm)}
.vbar:where(:root.page-about,:root.page-about *){display:flex;align-items:center;gap:12px;padding:11px 14px;background:var(--paper);border-bottom:1px solid var(--line-2)}
.vdots:where(:root.page-about,:root.page-about *){display:flex;gap:5px}
.vdots i:where(:root.page-about,:root.page-about *){width:9px;height:9px;border-radius:50%;background:#DAD7D0;display:block}
.vttl:where(:root.page-about,:root.page-about *){font-size:12.5px;font-weight:600;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vlive:where(:root.page-about,:root.page-about *){margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;color:#16804a;flex:none}
.vlive i:where(:root.page-about,:root.page-about *){width:6px;height:6px;border-radius:50%;background:#16a34a;display:block}
.vbody:where(:root.page-about,:root.page-about *){padding:18px;display:flex;flex-direction:column;gap:14px}
.vtop:where(:root.page-about,:root.page-about *){display:flex;gap:16px;align-items:center}
.donut:where(:root.page-about,:root.page-about *){position:relative;width:96px;height:96px;flex:none}
.donut svg:where(:root.page-about,:root.page-about *){width:100%;height:100%;transform:rotate(-90deg)}
.donut .d-bg:where(:root.page-about,:root.page-about *){fill:none;stroke:var(--line);stroke-width:3.4}
.donut .d-fg:where(:root.page-about,:root.page-about *){fill:none;stroke:var(--wine);stroke-width:3.4;stroke-linecap:round;stroke-dasharray:100.5;stroke-dashoffset:100.5}
.donut .d-c:where(:root.page-about,:root.page-about *){position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.donut .d-c b:where(:root.page-about,:root.page-about *){font-size:22px;font-weight:700;letter-spacing:-0.02em}
.donut .d-c i:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:9px;color:var(--ink-3);font-style:normal}
.vtiles:where(:root.page-about,:root.page-about *){display:flex;gap:12px;flex:1}
.vtiles.wide:where(:root.page-about,:root.page-about *){width:100%}
.vtile:where(:root.page-about,:root.page-about *){flex:1;border:1px solid var(--line);border-radius:11px;background:var(--paper);padding:14px 16px}
.vtile b:where(:root.page-about,:root.page-about *){font-size:clamp(20px,2.2vw,26px);font-weight:700;letter-spacing:-0.02em;display:block}
.vtile span:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:6px;display:block}
.vlist:where(:root.page-about,:root.page-about *){display:flex;flex-direction:column;gap:8px}
.vli:where(:root.page-about,:root.page-about *){display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;color:var(--ink-2);background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:9px 12px}
.vli em:where(:root.page-about,:root.page-about *){font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vli-ic:where(:root.page-about,:root.page-about *){width:16px;height:16px;border-radius:4px;background:var(--wine-soft);flex:none}
.vli-tag:where(:root.page-about,:root.page-about *){margin-left:auto;font-size:9px;letter-spacing:.06em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:2px 7px;flex:none}
.vli-tag.ok:where(:root.page-about,:root.page-about *){color:#16804a;border-color:rgba(22,128,74,.3)}
.vpipe:where(:root.page-about,:root.page-about *){display:flex;gap:10px}
.vstage:where(:root.page-about,:root.page-about *){flex:1;border:1px solid var(--line);border-radius:11px;background:var(--paper);padding:13px;text-align:center}
.vstage .vs-n:where(:root.page-about,:root.page-about *){font-size:22px;font-weight:700;letter-spacing:-0.02em;display:block}
.vstage .vs-l:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:5px;display:block}
.vstage.on:where(:root.page-about,:root.page-about *){border-color:var(--wine);background:var(--wine-soft)}
.vchart:where(:root.page-about,:root.page-about *){display:flex;align-items:flex-end;gap:12px;height:92px;padding-top:6px}
.vbarc:where(:root.page-about,:root.page-about *){flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;height:100%}
.vbarc .bf:where(:root.page-about,:root.page-about *){width:100%;border-radius:5px 5px 0 0;background:var(--accent);height:0}
.vbarc .bf.wine:where(:root.page-about,:root.page-about *){background:var(--wine)}
.vbarc i:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:9px;color:var(--ink-3);font-style:normal}
.vfoot:where(:root.page-about,:root.page-about *){display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line-2);padding-top:12px;font-size:13px;color:var(--ink-2)}
.vfoot b:where(:root.page-about,:root.page-about *){color:var(--wine);font-weight:700}
.vflow:where(:root.page-about,:root.page-about *){display:flex;align-items:center;gap:0}
.vnode:where(:root.page-about,:root.page-about *){flex:none;font-family:var(--font-mono);font-size:11px;color:var(--ink-2);border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:var(--paper)}
.vnode.done:where(:root.page-about,:root.page-about *){color:#16804a;border-color:rgba(22,128,74,.3)}
.vnode.cur:where(:root.page-about,:root.page-about *){color:#fff;background:var(--wine);border-color:var(--wine)}
.vlk:where(:root.page-about,:root.page-about *){flex:1;height:1px;background:var(--line);min-width:12px}
.vseg:where(:root.page-about,:root.page-about *){display:flex;height:30px;border-radius:8px;overflow:hidden;border:1px solid var(--line)}
.vseg .sf:where(:root.page-about,:root.page-about *){height:100%;width:0}
.vseg .sf.a:where(:root.page-about,:root.page-about *){background:var(--wine)}
.vseg .sf.b:where(:root.page-about,:root.page-about *){background:var(--accent)}
.vseg .sf.c:where(:root.page-about,:root.page-about *){background:var(--paper-3)}
.vseg-key:where(:root.page-about,:root.page-about *){display:flex;flex-wrap:wrap;gap:14px;font-family:var(--font-mono);font-size:9.5px;color:var(--ink-2)}
.vseg-key i:where(:root.page-about,:root.page-about *){width:9px;height:9px;border-radius:3px;display:inline-block;margin-right:5px;vertical-align:middle}
.vseg-key i.a:where(:root.page-about,:root.page-about *){background:var(--wine)}
.vseg-key i.b:where(:root.page-about,:root.page-about *){background:var(--accent)}
.vseg-key i.c:where(:root.page-about,:root.page-about *){background:var(--paper-3)}

/* stat band */
.statband:where(:root.page-about,:root.page-about *){display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper)}
.statband .sc:where(:root.page-about,:root.page-about *){padding:clamp(26px,3vw,38px) clamp(18px,2vw,30px);border-right:1px solid var(--line)}
.statband .sc:last-child:where(:root.page-about,:root.page-about *){border-right:0}

/* ============================ ANECDOTES (carousel) ============================ */
.anec-head:where(:root.page-about,:root.page-about *){display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:48px}
.anec-nav:where(:root.page-about,:root.page-about *){display:flex;gap:10px}
.anec-nav button:where(:root.page-about,:root.page-about *){width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);display:grid;place-items:center;transition:.2s}
.anec-nav button:hover:where(:root.page-about,:root.page-about *){border-color:var(--ink);background:var(--paper-2)}
.anec-nav button:disabled:where(:root.page-about,:root.page-about *){opacity:.35;cursor:default}
.anec-track-wrap:where(:root.page-about,:root.page-about *){overflow:hidden;padding-block:6px}
.anec-track:where(:root.page-about,:root.page-about *){display:flex;gap:24px}
.anec-card:where(:root.page-about,:root.page-about *){position:relative;flex:0 0 min(680px,90vw);height:clamp(360px,42vw,460px); border-radius:22px;overflow:hidden;background:var(--ink);isolation:isolate}
.anec-img:where(:root.page-about,:root.page-about *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0; transform:scale(1.02);transition:transform .8s var(--ease)}
.anec-card:hover .anec-img:where(:root.page-about,:root.page-about *){transform:scale(1.07)}
.anec-shade:where(:root.page-about,:root.page-about *){position:absolute;inset:0;z-index:1; background:linear-gradient(183deg,rgba(20,16,18,.18) 0%,rgba(20,16,18,0) 26%,rgba(20,16,18,.62) 64%,rgba(20,16,18,.92) 100%)}
.anec-body:where(:root.page-about,:root.page-about *){position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(22px,2.4vw,32px);color:#fff}
.anec-chip:where(:root.page-about,:root.page-about *){align-self:flex-start;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#fff; background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:7px 13px;border-radius:100px}
.anec-bottom h3:where(:root.page-about,:root.page-about *){font-size:clamp(22px,2.2vw,29px);font-weight:700;letter-spacing:-0.025em;line-height:1.08;margin-bottom:12px;text-wrap:balance;max-width:18ch}
.anec-bottom p:where(:root.page-about,:root.page-about *){font-size:15px;line-height:1.55;color:rgba(255,255,255,.82);max-width:46ch;text-wrap:pretty}
.anec-stats:where(:root.page-about,:root.page-about *){display:none}
.anec-link:where(:root.page-about,:root.page-about *){display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-weight:600;font-size:14.5px;color:#fff}
.anec-link .arr:where(:root.page-about,:root.page-about *){transition:transform .25s var(--ease)}
.anec-card:hover .anec-link .arr:where(:root.page-about,:root.page-about *){transform:translateX(4px)}

/* ============================ ECOSYSTEM ============================ */
.eco-head:where(:root.page-about,:root.page-about *){margin-bottom:clamp(48px,6vw,84px)}
.eco-rows:where(:root.page-about,:root.page-about *){display:flex;flex-direction:column;gap:clamp(56px,7vw,110px);margin-bottom:clamp(44px,5vw,72px)}
.eco-row:where(:root.page-about,:root.page-about *){display:grid;grid-template-columns:0.82fr 1.18fr;gap:clamp(36px,5vw,80px);align-items:center}
.eco-info:where(:root.page-about,:root.page-about *){min-width:0}
.eco-rowhead:where(:root.page-about,:root.page-about *){display:flex;align-items:center;gap:13px;margin-bottom:22px}
.eco-num:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--ink-3);letter-spacing:.04em}
.eco-glyph:where(:root.page-about,:root.page-about *){width:44px;height:44px;border-radius:11px;display:grid;place-items:center;font-family:var(--font-mono);font-size:13px;font-weight:600;color:#fff;background:var(--accent);flex:none}
.eco-row[data-k="ts"] .eco-glyph:where(:root.page-about,:root.page-about *){background:var(--accent)}
.eco-row[data-k="cv"] .eco-glyph:where(:root.page-about,:root.page-about *){background:var(--accent)}
.eco-row[data-k="nx"] .eco-glyph:where(:root.page-about,:root.page-about *){background:var(--accent)}
.eco-row[data-k="ck"] .eco-glyph:where(:root.page-about,:root.page-about *){background:var(--accent)}
.eco-badge:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;color:var(--ink-2);border:1px solid var(--line);border-radius:6px;padding:4px 8px;text-transform:uppercase}
.eco-rowhead .eco-badge:where(:root.page-about,:root.page-about *){margin-left:auto}
.eco-name:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--wine);margin-bottom:14px}
.eco-h:where(:root.page-about,:root.page-about *){font-size:clamp(25px,2.9vw,38px);font-weight:700;letter-spacing:-0.03em;line-height:1.04;margin-bottom:18px;text-wrap:balance;max-width:15ch}
.eco-desc:where(:root.page-about,:root.page-about *){font-size:clamp(15px,1.4vw,17px);color:var(--ink-2);line-height:1.6;max-width:46ch;margin-bottom:24px;text-wrap:pretty}
.eco-tags:where(:root.page-about,:root.page-about *){display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.eco-info .link-arrow:where(:root.page-about,:root.page-about *){font-size:15px}

/* product image placeholder (client-provided) */
.eco-media:where(:root.page-about,:root.page-about *){min-width:0}
.media-frame:where(:root.page-about,:root.page-about *){border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper);box-shadow:var(--shadow-md)}
.media-bar:where(:root.page-about,:root.page-about *){display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line-2);background:var(--paper-2)}
.media-bar .md-dots:where(:root.page-about,:root.page-about *){display:flex;gap:6px;flex:none}
.media-bar .md-dots i:where(:root.page-about,:root.page-about *){width:10px;height:10px;border-radius:50%;background:#DAD7D0;display:block}
.media-bar .md-title:where(:root.page-about,:root.page-about *){font-size:13px;font-weight:600;color:var(--ink-2);letter-spacing:-0.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.media-bar .md-tag:where(:root.page-about,:root.page-about *){margin-left:auto;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:3px 7px;flex:none}
.media-body:where(:root.page-about,:root.page-about *){position:relative;aspect-ratio:16/10.5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--paper-2);overflow:hidden}
.media-body:where(:root.page-about,:root.page-about *)::before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1.1px,transparent 1.1px);background-size:22px 22px;opacity:.55;-webkit-mask-image:radial-gradient(circle at 50% 44%,#000,transparent 70%);mask-image:radial-gradient(circle at 50% 44%,#000,transparent 70%)}
.media-icon:where(:root.page-about,:root.page-about *){width:74px;height:74px;border-radius:18px;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow-sm);display:grid;place-items:center;color:var(--ink-3);z-index:1}
.eco-row[data-k="ts"] .media-icon:where(:root.page-about,:root.page-about *){color:var(--accent)}
.eco-row[data-k="cv"] .media-icon:where(:root.page-about,:root.page-about *){color:var(--accent)}
.eco-row[data-k="ck"] .media-icon:where(:root.page-about,:root.page-about *){color:var(--accent)}
.media-cap:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);z-index:1}
.eco-substrate:where(:root.page-about,:root.page-about *){margin-top:0;text-align:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);display:flex;align-items:center;justify-content:center;gap:10px}
.eco-substrate:where(:root.page-about,:root.page-about *)::before,.eco-substrate:where(:root.page-about,:root.page-about *)::after{content:"";height:1px;flex:1;max-width:120px;background:var(--line)}

/* ============================ ENTERPRISE GAP ============================ */
.gap:where(:root.page-about,:root.page-about *){background:var(--paper-2)}
.gap-head:where(:root.page-about,:root.page-about *){max-width:780px;margin-bottom:54px}
.sym-grid:where(:root.page-about,:root.page-about *){display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.sym:where(:root.page-about,:root.page-about *){grid-column:span 2;border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:24px;display:flex;flex-direction:column;transition:.25s var(--ease)}
.sym:nth-child(4):where(:root.page-about,:root.page-about *){grid-column:span 3}
.sym:nth-child(5):where(:root.page-about,:root.page-about *){grid-column:span 3}
.sym:hover:where(:root.page-about,:root.page-about *){box-shadow:var(--shadow-md);transform:translateY(-2px)}
.sym .sk:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--wine);margin-bottom:14px}
.sym h4:where(:root.page-about,:root.page-about *){font-size:17px;font-weight:600;letter-spacing:-0.015em;margin-bottom:9px}
.sym p:where(:root.page-about,:root.page-about *){font-size:13.5px;color:var(--ink-2);line-height:1.5;margin-bottom:18px}
.sym .sviz:where(:root.page-about,:root.page-about *){margin-top:auto;display:flex;flex-direction:column;gap:6px}
.faux-line:where(:root.page-about,:root.page-about *){display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:6px;padding:6px 9px}
.faux-line .t:where(:root.page-about,:root.page-about *){margin-left:auto;color:var(--ink-3)}
.faux-line.bad:where(:root.page-about,:root.page-about *){color:var(--wine);border-color:var(--wine-line);background:var(--wine-soft)}
.gap-answer:where(:root.page-about,:root.page-about *){margin-top:30px;border:1px solid var(--ink);border-radius:18px;background:var(--ink);color:#fff;padding:clamp(32px,4vw,52px);display:grid;grid-template-columns:1.4fr 1fr;gap:36px;align-items:center}
.gap-answer .ga-k:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:18px;display:flex;align-items:center;gap:9px}
.gap-answer .ga-k:where(:root.page-about,:root.page-about *)::before{content:"";width:7px;height:7px;border-radius:2px;background:var(--wine)}
.gap-answer h3:where(:root.page-about,:root.page-about *){font-size:clamp(24px,2.8vw,36px);font-weight:700;letter-spacing:-0.025em;line-height:1.05;text-wrap:balance}
.gap-answer p:where(:root.page-about,:root.page-about *){color:rgba(255,255,255,.72);font-size:15.5px;line-height:1.6;margin-top:18px;max-width:52ch}
.gap-answer .ga-cta:where(:root.page-about,:root.page-about *){display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.btn-wine-ghost:where(:root.page-about,:root.page-about *){background:transparent;color:#fff;border:1px solid rgba(255,255,255,.28)}
.btn-wine-ghost:hover:where(:root.page-about,:root.page-about *){background:rgba(255,255,255,.08);border-color:#fff}

/* ============================ ARCHITECTURE (callout) ============================ */
.archx-callout:where(:root.page-about,:root.page-about *){position:relative;border:1px solid rgba(255,255,255,.18);border-radius:32px;padding:clamp(32px,4.5vw,64px);overflow:hidden; background: radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,.12), transparent 60%), linear-gradient(165deg,#B23a4a 0%,#8E1B2C 52%,#67121F 100%); color:#fff; box-shadow:0 40px 90px -46px rgba(70,18,28,.7), 0 0 0 7px rgba(155,27,46,.08)}
.archx-top:where(:root.page-about,:root.page-about *){position:relative;z-index:1;display:grid;grid-template-columns:42% 1fr;gap:clamp(28px,3.5vw,56px);align-items:center}
.archx-callout:where(:root.page-about,:root.page-about *)::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none; background-image:radial-gradient(circle, rgba(255,255,255,.14) 1.2px, transparent 1.2px);background-size:26px 26px;opacity:.6}
.archx-left:where(:root.page-about,:root.page-about *),.archx-right:where(:root.page-about,:root.page-about *){position:relative;z-index:1}
.archx-left .kicker:where(:root.page-about,:root.page-about *){display:block;margin-bottom:18px;color:rgba(255,255,255,.6)}
.archx-left .kicker:where(:root.page-about,:root.page-about *)::before{background:#fff}
.archx-title:where(:root.page-about,:root.page-about *){font-size:clamp(26px,3.2vw,42px);font-weight:700;letter-spacing:-0.03em;line-height:1.04;text-wrap:balance;margin-bottom:18px;color:#fff}
.archx-lede:where(:root.page-about,:root.page-about *){font-size:clamp(15px,1.35vw,18px);color:rgba(255,255,255,.8);line-height:1.6;max-width:42ch;margin-bottom:28px}
.archx-cta:where(:root.page-about,:root.page-about *){border-radius:100px;background:#fff;color:var(--wine-deep)}
.archx-cta:hover:where(:root.page-about,:root.page-about *){background:#fff;transform:translateY(-2px);box-shadow:0 16px 36px -14px rgba(0,0,0,.45)}

/* diagram placeholder — client to provide */
.archx-diagram--ph:where(:root.page-about,:root.page-about *){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px; min-height:clamp(220px,24vw,300px);border:1.5px dashed rgba(255,255,255,.3);border-radius:18px; background:rgba(255,255,255,.05);text-align:center;padding:30px}
.axd-ph-ic:where(:root.page-about,:root.page-about *){width:60px;height:60px;border-radius:15px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;color:#fff}
.archx-diagram--ph b:where(:root.page-about,:root.page-about *){font-size:16px;font-weight:700;color:#fff;letter-spacing:-0.01em}
.axd-ph-sub:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.axd-col:where(:root.page-about,:root.page-about *){display:flex;flex-direction:column;gap:8px;align-items:stretch;min-width:0}
.axd-lbl:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:4px;text-align:center}
.axd-flow span:where(:root.page-about,:root.page-about *){width:18px;height:2px;border-radius:2px;background:rgba(255,255,255,.3)}
.axd-flow span:nth-child(2):where(:root.page-about,:root.page-about *){width:24px;background:rgba(255,255,255,.6)}
.axd-chip:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--ink-2);background:var(--paper);border:1px solid rgba(20,16,22,.05);border-radius:9px;padding:9px 12px;text-align:center;box-shadow:0 12px 28px -16px rgba(42,30,48,.4)}
.axd-chip.wine:where(:root.page-about,:root.page-about *){color:var(--wine);border-color:var(--wine-line);background:var(--wine-soft)}
.axd-flow:where(:root.page-about,:root.page-about *){display:flex;flex-direction:column;gap:4px;flex:none}
.axd-flow span:where(:root.page-about,:root.page-about *){width:18px;height:2px;border-radius:2px;background:var(--wine-line)}
.axd-flow span:nth-child(2):where(:root.page-about,:root.page-about *){width:24px;background:var(--wine)}
.axd-core:where(:root.page-about,:root.page-about *){background:var(--paper);border:1px solid var(--wine-line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-md);min-width:148px}
.axd-core-top:where(:root.page-about,:root.page-about *){display:flex;align-items:center;justify-content:space-between;padding:2px 4px 8px;border-bottom:1px solid var(--line-2)}
.axd-core-top b:where(:root.page-about,:root.page-about *){font-size:13px;font-weight:700;letter-spacing:-0.01em;white-space:nowrap}
.axd-core-v:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:9px;color:var(--wine)}
.axd-layer:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:10.5px;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:7px;padding:7px 10px;transition:.2s var(--ease)}
.axd-layer:hover:where(:root.page-about,:root.page-about *){background:var(--wine-soft);border-color:var(--wine-line);color:var(--wine)}

/* capability list inside callout — borderless angled cards */
.caplist:where(:root.page-about,:root.page-about *){position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px);margin-top:clamp(34px,4vw,52px);padding-top:8px}
.capx:where(:root.page-about,:root.page-about *){display:flex;gap:13px;align-items:flex-start;position:relative; background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.05)); -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px); border:0;border-radius:16px;padding:22px 22px 24px;overflow:hidden; box-shadow:0 16px 36px -22px rgba(20,6,10,.6);transition:transform .3s var(--ease)}
.capx:hover:where(:root.page-about,:root.page-about *){transform:translateY(-2px)}
.capx:where(:root.page-about,:root.page-about *)::before{display:none}
.capx :is(h3,h4):where(:root.page-about,:root.page-about *){font-size:15.5px;font-weight:700;letter-spacing:-0.015em;margin-bottom:7px;color:#fff}
.capx p:where(:root.page-about,:root.page-about *){font-size:13.5px;color:rgba(255,255,255,.74);line-height:1.55}
.arch-cols:where(:root.page-about,:root.page-about *){position:relative;display:grid;grid-template-columns:1fr auto 1.5fr;gap:0;align-items:stretch}
.arch-sys:where(:root.page-about,:root.page-about *){padding:clamp(26px,3vw,40px);border-right:1px solid var(--line)}
.arch-colhead:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:20px;display:flex;align-items:center;gap:8px}
.sys-node:where(:root.page-about,:root.page-about *){display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper-2);margin-bottom:10px;transition:.25s var(--ease)}
.sys-node:hover:where(:root.page-about,:root.page-about *){border-color:var(--accent-line);background:var(--accent-soft)}
.sys-node .sn-g:where(:root.page-about,:root.page-about *){width:30px;height:30px;border-radius:7px;background:var(--paper);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:9px;font-weight:600;color:var(--ink-2);flex:none}
.sys-node .sn-t b:where(:root.page-about,:root.page-about *){font-size:13.5px;font-weight:600;display:block}
.sys-node .sn-t span:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:9.5px;color:var(--ink-3);letter-spacing:.02em}
.arch-flow:where(:root.page-about,:root.page-about *){width:74px;position:relative;display:grid;place-items:center}
.arch-flow .flowlbl:where(:root.page-about,:root.page-about *){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}
.arch-core:where(:root.page-about,:root.page-about *){padding:clamp(26px,3vw,40px);background:linear-gradient(180deg,var(--wine-soft),var(--paper) 70%)}
.core-card:where(:root.page-about,:root.page-about *){border:1px solid var(--wine-line);border-radius:14px;background:var(--paper);box-shadow:var(--shadow-md);overflow:hidden}
.core-top:where(:root.page-about,:root.page-about *){display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line-2)}
.core-top .ct-t:where(:root.page-about,:root.page-about *){font-size:16px;font-weight:700;letter-spacing:-0.02em}
.core-top .ct-v:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:10px;color:var(--ink-3)}
.core-layers:where(:root.page-about,:root.page-about *){padding:14px}
.layer:where(:root.page-about,:root.page-about *){display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:9px;margin-bottom:6px;transition:.25s var(--ease);border:1px solid transparent}
.layer:hover:where(:root.page-about,:root.page-about *){background:var(--wine-soft);border-color:var(--wine-line)}
.layer .ly-n:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:10px;color:var(--wine);font-weight:600;width:26px;flex:none}
.layer .ly-t b:where(:root.page-about,:root.page-about *){font-size:14px;font-weight:600;display:block;letter-spacing:-0.01em}
.layer .ly-t span:where(:root.page-about,:root.page-about *){font-size:12px;color:var(--ink-3)}
.core-out:where(:root.page-about,:root.page-about *){display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}
.out-card:where(:root.page-about,:root.page-about *){border:1px solid var(--line);border-radius:11px;padding:15px;background:var(--paper)}
.out-card .oc-k:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:9px}
.out-card b:where(:root.page-about,:root.page-about *){font-size:14px;font-weight:600;display:block;letter-spacing:-0.01em;margin-bottom:5px}
.out-card span:where(:root.page-about,:root.page-about *){font-size:12px;color:var(--ink-3);line-height:1.4}

/* capability strip below diagram */
.cap-grid:where(:root.page-about,:root.page-about *){display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:22px}
.cap:where(:root.page-about,:root.page-about *){background:var(--paper);padding:26px 24px}
.cap .cn:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:10px;color:var(--wine);margin-bottom:14px}
.cap h4:where(:root.page-about,:root.page-about *){font-size:16px;font-weight:600;letter-spacing:-0.015em;margin-bottom:9px}
.cap p:where(:root.page-about,:root.page-about *){font-size:13.5px;color:var(--ink-2);line-height:1.5;margin-bottom:14px}
.cap .ctags:where(:root.page-about,:root.page-about *){display:flex;flex-wrap:wrap;gap:6px}
.ctag:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:3px 7px;text-transform:uppercase;white-space:nowrap}

/* flow timeline */

/* ============================ LOOP CIRCUIT (decision flow) ============================ */
.loopx:where(:root.page-about,:root.page-about *){position:relative;margin-top:clamp(56px,7vw,104px);padding:0;background:none;border:0}
.loopx-head:where(:root.page-about,:root.page-about *){max-width:820px;margin:0 auto clamp(20px,2.4vw,34px);text-align:center}
.loopx-title:where(:root.page-about,:root.page-about *){margin:0 auto;text-wrap:balance}
.loopx-sub:where(:root.page-about,:root.page-about *){margin:14px auto 0;font-size:clamp(14.5px,1.4vw,17px);color:var(--ink-2);line-height:1.55;max-width:56ch;text-wrap:pretty}
.loopx-stage:where(:root.page-about,:root.page-about *){position:relative;margin:0 auto}
.sigx:where(:root.page-about,:root.page-about *){position:relative;aspect-ratio:1000/300;max-width:1180px;margin:64px auto;overflow:visible}
.sig-svg:where(:root.page-about,:root.page-about *){position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sig-base:where(:root.page-about,:root.page-about *){fill:none;stroke:#D8D4CD;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.sig-accent path:where(:root.page-about,:root.page-about *){fill:none;stroke:var(--wine);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.5}
.sig-ink:where(:root.page-about,:root.page-about *){fill:none;stroke:var(--wine);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 6px rgba(155,27,46,.28))}
.sig-pegs:where(:root.page-about,:root.page-about *){position:absolute;inset:0;z-index:2;pointer-events:none}
.sig-peg:where(:root.page-about,:root.page-about *){position:absolute;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:#fff;border:2px solid #D8D4CD;box-shadow:0 4px 10px -3px rgba(40,20,26,.3);transition:.35s var(--ease)}
.sig-peg.lit:where(:root.page-about,:root.page-about *){border-color:var(--wine);background:var(--wine);box-shadow:0 0 0 4px rgba(155,27,46,.16),0 6px 14px -4px rgba(155,27,46,.5)}
.sig-stem:where(:root.page-about,:root.page-about *){position:absolute;width:1.6px;margin-left:-0.8px;background:linear-gradient(var(--wine),rgba(155,27,46,.12));transform-origin:top;z-index:2;opacity:.35;transition:opacity .35s var(--ease)}
.sig-stem.lit:where(:root.page-about,:root.page-about *){opacity:1}
.loopx-steps:where(:root.page-about,:root.page-about *){position:absolute;inset:0;z-index:3}
.lxstep:where(:root.page-about,:root.page-about *){position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:clamp(126px,12vw,156px);text-align:left; background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:11px 13px;box-shadow:0 12px 28px -14px rgba(40,20,26,.26);transition:border-color .35s var(--ease),box-shadow .35s var(--ease),background .35s}
.lxstep.above:where(:root.page-about,:root.page-about *){transform:translate(-50%,calc(-100% - 13px))}
.lxstep.below:where(:root.page-about,:root.page-about *){transform:translate(-50%,13px)}
.lxstep .lxs-dot:where(:root.page-about,:root.page-about *){width:22px;height:22px;border-radius:7px;background:var(--paper-2);border:1.5px solid var(--line);display:grid;place-items:center;transition:.35s var(--ease);flex:none;position:relative}
.lxstep .lxs-dot:where(:root.page-about,:root.page-about *)::after{content:"";width:7px;height:4px;border-left:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);transform:rotate(-45deg) translateY(-1px);transition:.35s}
.lxstep b:where(:root.page-about,:root.page-about *){font-size:13px;font-weight:700;letter-spacing:-0.01em;color:var(--ink);transition:color .35s;line-height:1.12}
.lxstep .lxs-sub:where(:root.page-about,:root.page-about *){font-size:10.5px;line-height:1.32;color:var(--ink-3);transition:color .35s;text-wrap:pretty}
.lxstep.lit:where(:root.page-about,:root.page-about *){border-color:var(--wine);box-shadow:0 16px 34px -12px rgba(155,27,46,.4);z-index:6}
.lxstep.lit .lxs-dot:where(:root.page-about,:root.page-about *){border-color:var(--wine);background:var(--wine)}
.lxstep.lit .lxs-dot:where(:root.page-about,:root.page-about *)::after{border-color:#fff}
.lxstep.lit .lxs-sub:where(:root.page-about,:root.page-about *){color:var(--ink-2)}
.loopx-comet:where(:root.page-about,:root.page-about *){position:absolute;left:0;top:0;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;z-index:5; background:radial-gradient(circle,#fff 0%,var(--wine) 55%,rgba(155,27,46,0) 72%); box-shadow:0 0 16px 4px rgba(155,27,46,.7),0 0 5px 1px #fff;pointer-events:none}

/* ============================ INDUSTRY FIT ============================ */
.ind-head:where(:root.page-about,:root.page-about *){display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end;margin-bottom:48px}
.ind-tabswrap:where(:root.page-about,:root.page-about *){position:relative;display:flex;align-items:center;gap:12px;margin-bottom:34px}
.ind-arrow:where(:root.page-about,:root.page-about *){flex:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:20px;line-height:1;display:grid;place-items:center;transition:.2s var(--ease);box-shadow:var(--shadow-sm)}
.ind-arrow:hover:where(:root.page-about,:root.page-about *){border-color:var(--ink);background:var(--paper-2)}
.ind-arrow:disabled:where(:root.page-about,:root.page-about *){opacity:.3;cursor:default;box-shadow:none}
.ind-tabs:where(:root.page-about,:root.page-about *){flex:1 1 auto;min-width:0;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:6px 4px}
.ind-tabs:where(:root.page-about,:root.page-about *)::-webkit-scrollbar{display:none}
.ind-tab:where(:root.page-about,:root.page-about *){flex:none;white-space:nowrap;font-size:14px;font-weight:600;color:#9a9098;padding:9px 18px;border:1px dashed #c7bcc0;border-radius:100px;background:transparent;transition:color .2s,border-color .2s,background .2s}
.ind-tab:hover:where(:root.page-about,:root.page-about *){color:var(--wine);border-color:var(--wine-line)}
.ind-tab.is-active:where(:root.page-about,:root.page-about *){background:var(--wine-soft);color:var(--wine);border-style:solid;border-color:var(--wine)}

/* view-all industries */
.ind-morerow:where(:root.page-about,:root.page-about *){display:flex;justify-content:center;margin:-18px 0 30px}
.ind-more:where(:root.page-about,:root.page-about *){flex:none;white-space:nowrap;font-size:14px;font-weight:600;color:var(--wine);padding:11px 22px;border:1px solid var(--wine);border-radius:100px;background:var(--wine-soft);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.2s var(--ease)}
transition:.2s var(--ease)} .ind-more:hover:where(:root.page-about,:root.page-about *){background:var(--wine);color:#fff}
.ind-more .im-ic:where(:root.page-about,:root.page-about *){font-size:10px;transition:transform .25s var(--ease)}
.ind-more[aria-expanded="true"] .im-ic:where(:root.page-about,:root.page-about *){transform:rotate(180deg)}
.ind-allwrap:where(:root.page-about,:root.page-about *){margin:-14px 0 34px;border:1px solid var(--line);border-radius:20px;background:var(--paper);padding:clamp(20px,2.4vw,30px);box-shadow:var(--shadow-md)}
.ind-all-head:where(:root.page-about,:root.page-about *){display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.ind-all-close:where(:root.page-about,:root.page-about *){width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;font-size:13px;transition:.2s}
.ind-all-close:hover:where(:root.page-about,:root.page-about *){border-color:var(--ink);background:var(--paper-2)}
.ind-allgrid:where(:root.page-about,:root.page-about *){display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ind-allgrid button:where(:root.page-about,:root.page-about *){text-align:left;font-size:14px;font-weight:600;color:var(--ink-2);padding:13px 16px;border:1px dashed var(--line);border-radius:12px;background:transparent;cursor:pointer;transition:.18s var(--ease)}
.ind-allgrid button:hover:where(:root.page-about,:root.page-about *){color:var(--wine);border-color:var(--wine-line);background:var(--wine-soft)}
.ind-allgrid button.is-active:where(:root.page-about,:root.page-about *){color:var(--wine);border-style:solid;border-color:var(--wine);background:var(--wine-soft)}
.ind-tab:where(:root.page-about,:root.page-about *){flex:none;white-space:nowrap;font-size:14px;font-weight:600;color:#9a9098;padding:9px 18px;border:1px dashed #c7bcc0;border-radius:100px;background:transparent;cursor:pointer;transition:color .2s,border-color .2s,background .2s}
.ind-panel:where(:root.page-about,:root.page-about *){display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(24px,3vw,48px);align-items:stretch; border:1px solid var(--line);border-radius:24px;background:var(--paper);padding:clamp(18px,1.8vw,26px);min-height:400px}
.ind-media:where(:root.page-about,:root.page-about *){border-radius:16px;overflow:hidden;background:var(--paper-3);min-height:300px}
.ind-media img:where(:root.page-about,:root.page-about *){width:100%;height:100%;object-fit:cover;display:block}
.ind-content:where(:root.page-about,:root.page-about *){display:flex;flex-direction:column;padding:clamp(8px,1vw,16px) clamp(8px,1.4vw,22px) clamp(8px,1vw,16px) 0}
.ind-toprow:where(:root.page-about,:root.page-about *){display:flex;align-items:center;justify-content:space-between;gap:16px}
.ind-brand:where(:root.page-about,:root.page-about *){display:flex;align-items:center;gap:12px}
.ind-glyph:where(:root.page-about,:root.page-about *){width:38px;height:38px;border-radius:10px;background:var(--wine);color:#fff;display:grid;place-items:center;font-weight:700;font-size:16px;flex:none}
.ind-brand b:where(:root.page-about,:root.page-about *){font-size:17px;font-weight:700;letter-spacing:-0.02em;color:var(--ink)}
.ind-counter:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.ind-counter i:where(:root.page-about,:root.page-about *){width:24px;height:1px;background:var(--line);display:inline-block}
.ind-div:where(:root.page-about,:root.page-about *){border:0;border-top:1px solid var(--line);margin:clamp(18px,2vw,26px) 0}
.ind-cols:where(:root.page-about,:root.page-about *){display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,44px);flex:1}
.ind-cA:where(:root.page-about,:root.page-about *){display:flex;flex-direction:column}
.ind-cA h3:where(:root.page-about,:root.page-about *){font-size:clamp(22px,2.4vw,32px);font-weight:700;letter-spacing:-0.03em;line-height:1.08;text-wrap:balance}
.ind-sub:where(:root.page-about,:root.page-about *){font-size:13px;font-weight:500;color:var(--ink-3);margin-top:14px;letter-spacing:-0.005em}
.ind-learn:where(:root.page-about,:root.page-about *){margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15px;color:var(--wine);width:fit-content;padding:10px 18px;border-radius:100px;background:transparent;border:1px solid var(--wine-line);transition:background .22s var(--ease),border-color .22s var(--ease),color .22s}
.ind-learn span:where(:root.page-about,:root.page-about *){transition:transform .25s var(--ease)}
.ind-learn:hover:where(:root.page-about,:root.page-about *){color:var(--wine);background:var(--wine-soft);border-color:var(--wine)}
.ind-learn:hover span:where(:root.page-about,:root.page-about *){transform:translateX(4px)}
.ind-cB:where(:root.page-about,:root.page-about *){display:flex;flex-direction:column}
.ind-cB p:where(:root.page-about,:root.page-about *){font-size:15px;color:var(--ink-2);line-height:1.6}
.ind-rep:where(:root.page-about,:root.page-about *){display:flex;align-items:center;gap:13px;margin-top:auto;padding-top:24px}
.ind-rep-img:where(:root.page-about,:root.page-about *){width:60px;height:60px;border-radius:12px;object-fit:cover;flex:none;background:var(--paper-3)}
.ind-rep-t b:where(:root.page-about,:root.page-about *){font-size:15px;font-weight:700;letter-spacing:-0.01em;display:block;color:var(--ink)}
.ind-rep-t span:where(:root.page-about,:root.page-about *){font-size:12.5px;color:var(--ink-3);margin-top:2px;display:block}

/* ============================ REASONS (bento) ============================ */
.why-bento:where(:root.page-about,:root.page-about *){display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"a b c" "a d d";gap:16px}
.why-a:where(:root.page-about,:root.page-about *){grid-area:a}
.why-b:where(:root.page-about,:root.page-about *){grid-area:b}
.why-c:where(:root.page-about,:root.page-about *){grid-area:c}
.why-d:where(:root.page-about,:root.page-about *){grid-area:d}
.why-card:where(:root.page-about,:root.page-about *){position:relative;border:1px solid var(--line);border-radius:20px;padding:clamp(24px,2.3vw,34px);background:var(--paper);display:flex;flex-direction:column;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
.why-card:hover:where(:root.page-about,:root.page-about *){transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--ink)}
.why-icon:where(:root.page-about,:root.page-about *){width:48px;height:48px;border-radius:13px;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;flex:none;margin-bottom:22px}
.why-card h3:where(:root.page-about,:root.page-about *){font-size:clamp(19px,2vw,24px);font-weight:700;letter-spacing:-0.02em;margin-bottom:12px}
.why-card p:where(:root.page-about,:root.page-about *){font-size:15px;color:var(--ink-2);line-height:1.6;margin-bottom:18px}
.why-card .wtags:where(:root.page-about,:root.page-about *){display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}

/* feature card */
.why-feat:where(:root.page-about,:root.page-about *){background:linear-gradient(158deg,#B23a4a 0%,#8E1B2C 52%,#67121F 100%);border-color:transparent;color:#fff;justify-content:space-between;overflow:hidden}
.why-feat:where(:root.page-about,:root.page-about *)::after{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.26);pointer-events:none;animation:spinCW 26s linear infinite}
.why-feat:where(:root.page-about,:root.page-about *)::before{content:"";position:absolute;right:-110px;top:-110px;width:340px;height:340px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.16);pointer-events:none;animation:spinCCW 34s linear infinite}
html[data-motion="off"] .why-feat:where(:root.page-about,:root.page-about *)::before,html[data-motion="off"] .why-feat:where(:root.page-about,:root.page-about *)::after{animation:none}
.wf-top:where(:root.page-about,:root.page-about *){display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:1}
.wf-kick:where(:root.page-about,:root.page-about *){margin-top:10px}
.why-icon.wi-light:where(:root.page-about,:root.page-about *){background:rgba(255,255,255,.16);color:#fff;margin-bottom:0}
.wf-kick:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.wf-body:where(:root.page-about,:root.page-about *){position:relative;z-index:1;margin-top:auto;padding-top:40px}
.wf-num:where(:root.page-about,:root.page-about *){font-size:clamp(48px,5.4vw,76px);font-weight:700;letter-spacing:-0.04em;line-height:.9}
.wf-num span:where(:root.page-about,:root.page-about *){font-size:.32em;font-weight:600;letter-spacing:-0.01em;color:rgba(255,255,255,.7)}
.why-feat h3:where(:root.page-about,:root.page-about *){margin:18px 0 12px;font-size:clamp(22px,2.2vw,27px)}
.why-feat p:where(:root.page-about,:root.page-about *){color:rgba(255,255,255,.78);max-width:38ch}
.ctag.onwine:where(:root.page-about,:root.page-about *){color:#fff;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.08)}

/* wide card d */
.why-d-in:where(:root.page-about,:root.page-about *){display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-top:auto;width:100%}
.why-d-stat:where(:root.page-about,:root.page-about *){flex:none;text-align:right}
.why-d-stat b:where(:root.page-about,:root.page-about *){font-size:clamp(34px,3.6vw,52px);font-weight:700;letter-spacing:-0.03em;color:var(--wine);line-height:1;display:block}
.why-d-stat span:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:6px;display:block}
.why-d p:where(:root.page-about,:root.page-about *){margin-bottom:0;max-width:52ch}

/* ============================ INTEGRATIONS (core + dual marquee) ============================ */
.intg:where(:root.page-about,:root.page-about *){background:#F3F1EE}
#industries:where(:root.page-about,:root.page-about *){padding-bottom:0}
.intg-head:where(:root.page-about,:root.page-about *){margin-bottom:40px;max-width:920px}
.intg-stage:where(:root.page-about,:root.page-about *){position:relative;border:0;border-radius:24px;background:var(--paper);overflow:hidden;padding:clamp(28px,3.4vw,48px) 0 clamp(18px,2.2vw,30px)}
.intg-dots:where(:root.page-about,:root.page-about *){position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1.2px,transparent 1.2px);background-size:22px 22px; -webkit-mask-image:radial-gradient(circle at 50% 22%,#000 0%,#000 60%,transparent 92%);mask-image:radial-gradient(circle at 50% 22%,#000 0%,#000 60%,transparent 92%);opacity:.7}

/* core at top */
.intg-core2.intg-core-top:where(:root.page-about,:root.page-about *),#intgCore.intg-core-top:where(:root.page-about,:root.page-about *){position:relative;left:auto;top:auto;transform:none;margin:0 auto;z-index:3}

/* general connection: stem from core → rail, with a packet that splits left/right */
.intg-conn:where(:root.page-about,:root.page-about *){position:relative;z-index:2;height:clamp(48px,5.4vw,72px);margin:0 auto clamp(8px,1.2vw,16px);width:82%;pointer-events:none}
.intg-conn .ic-stem:where(:root.page-about,:root.page-about *){position:absolute;left:50%;top:0;transform:translateX(-50%);width:1.5px;height:62%;background:linear-gradient(180deg,var(--wine),var(--wine-line))}
.intg-conn .ic-rail:where(:root.page-about,:root.page-about *){position:absolute;left:0;right:0;top:62%;height:1.5px;background:linear-gradient(90deg,transparent,var(--wine-line) 10%,var(--wine-line) 90%,transparent)}
.intg-conn .ic-pkt:where(:root.page-about,:root.page-about *){position:absolute;width:7px;height:7px;border-radius:50%;background:var(--wine);box-shadow:0 0 9px 1px rgba(155,27,46,.55)}
.intg-conn .ic-down:where(:root.page-about,:root.page-about *){left:50%;top:0;transform:translate(-50%,-50%);animation:icDown 2.6s linear infinite}
.intg-conn .ic-left:where(:root.page-about,:root.page-about *){left:50%;top:62%;transform:translate(-50%,-50%);animation:icLeft 2.6s ease-in-out infinite}
.intg-conn .ic-right:where(:root.page-about,:root.page-about *){left:50%;top:62%;transform:translate(-50%,-50%);animation:icRight 2.6s ease-in-out infinite}
html[data-motion="off"] .intg-conn .ic-pkt:where(:root.page-about,:root.page-about *){animation:none;opacity:0}

/* single marquee */
.intg-rows:where(:root.page-about,:root.page-about *){position:relative;z-index:2;display:flex;flex-direction:column;gap:clamp(14px,1.6vw,20px)}
.intg-mrow:where(:root.page-about,:root.page-about *){overflow:hidden;padding-block:clamp(12px,1.4vw,18px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.intg-mtrack:where(:root.page-about,:root.page-about *){display:flex;gap:clamp(16px,1.8vw,24px);width:max-content;animation:intgMarq 34s linear infinite}
.intg-mrow:hover .intg-mtrack:where(:root.page-about,:root.page-about *){animation-play-state:paused}
html[data-motion="off"] .intg-mtrack:where(:root.page-about,:root.page-about *){animation:none}
.intg-chip:where(:root.page-about,:root.page-about *){flex:none;display:flex;align-items:center;gap:14px;white-space:nowrap;min-width:clamp(248px,24vw,320px); background:#fff;border:1px solid rgba(20,16,22,.04);border-radius:18px;padding:16px 30px 16px 16px; box-shadow:0 3px 8px rgba(30,22,40,.07),0 8px 18px -10px rgba(30,22,40,.16)}
.intg-chip .ig:where(:root.page-about,:root.page-about *){width:46px;height:46px;border-radius:13px;background:linear-gradient(160deg,#fff,#f4f2ee);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--ink-2);flex:none}
.intg-chip .ig img:where(:root.page-about,:root.page-about *){width:60%;height:60%;object-fit:contain}
.intg-chip .io-t b:where(:root.page-about,:root.page-about *){display:block;font-size:15px;font-weight:600;letter-spacing:-0.01em;color:var(--ink)}
.intg-chip .io-t span:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:3px;display:block}

/* center core */
.intg-core2:where(:root.page-about,:root.page-about *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3; width:min(248px,48%);text-align:center;border-radius:22px;padding:26px 24px 22px; background: radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,.14), transparent 60%), linear-gradient(165deg,#B23a4a 0%,#8E1B2C 52%,#67121F 100%); color:#fff;border:1px solid rgba(255,255,255,.18); box-shadow:0 30px 70px -26px rgba(70,18,28,.65), 0 0 0 7px rgba(155,27,46,.10)}
.intg-core2 .ic-ring:where(:root.page-about,:root.page-about *){position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);border-radius:24px;border:1px solid rgba(255,255,255,.3);pointer-events:none;animation:corePulse 3.4s var(--ease) infinite}
.intg-core2 .ic-mark:where(:root.page-about,:root.page-about *){width:54px;height:54px;border-radius:14px;background:#fff;display:grid;place-items:center;margin:0 auto 14px;box-shadow:0 10px 24px -10px rgba(0,0,0,.4)}
.intg-core2 .ic-mark img:where(:root.page-about,:root.page-about *){width:38px;height:38px;object-fit:contain}
.intg-core2 b:where(:root.page-about,:root.page-about *){display:block;font-size:16.5px;font-weight:700;letter-spacing:-0.02em}
.intg-core2 .ic-sub:where(:root.page-about,:root.page-about *){display:block;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.04em;color:rgba(255,255,255,.72);margin-top:9px;line-height:1.5}
.intg-core2 .ic-live:where(:root.page-about,:root.page-about *){display:inline-flex;align-items:center;gap:7px;margin-top:16px;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:100px;padding:5px 11px}
.intg-core2 .ic-live i:where(:root.page-about,:root.page-about *){width:6px;height:6px;border-radius:50%;background:#7CFFB0;box-shadow:0 0 0 0 rgba(124,255,176,.6);animation:livePulse 2.2s infinite}

/* orbit nodes */
.intg-orbit:where(:root.page-about,:root.page-about *){position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:2; display:flex;align-items:center;gap:12px;white-space:nowrap; background:var(--paper);border:1px solid rgba(20,16,22,.05);border-radius:15px;padding:12px 17px 12px 12px; box-shadow:0 18px 40px -20px rgba(42,30,48,.30), 0 4px 12px -6px rgba(42,30,48,.12); transition:box-shadow .25s var(--ease)}
.intg-orbit:hover:where(:root.page-about,:root.page-about *){box-shadow:0 26px 56px -22px rgba(42,30,48,.42), 0 6px 16px -8px rgba(42,30,48,.16);z-index:4}
.intg-orbit .ig:where(:root.page-about,:root.page-about *){width:42px;height:42px;border-radius:12px;background:linear-gradient(160deg,var(--paper),var(--paper-2));border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--ink-2);flex:none;box-shadow:inset 0 1px 0 #fff;overflow:hidden}
.intg-orbit .ig img:where(:root.page-about,:root.page-about *){width:62%;height:62%;object-fit:contain}
.intg-orbit .io-t b:where(:root.page-about,:root.page-about *){display:block;font-size:14px;font-weight:600;letter-spacing:-0.01em;color:var(--ink)}
.intg-orbit .io-t span:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:2px;display:block}

/* stats band — modern cards */
.intg-stats:where(:root.page-about,:root.page-about *){display:flex;justify-content:center;margin-top:6px}
.istat:where(:root.page-about,:root.page-about *){background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:20px 30px;display:flex;flex-direction:row;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center}
ar(--ease):where(:root.page-about,:root.page-about *),transform .25s var(--ease)} .istat:hover:where(:root.page-about,:root.page-about *){box-shadow:var(--shadow-md);transform:translateY(-2px)}
.istat .is-n:where(:root.page-about,:root.page-about *){font-size:clamp(28px,3.2vw,42px);font-weight:700;letter-spacing:-0.03em;line-height:1;color:var(--wine)}
.istat .is-l:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:10px}
.istat .is-langs:where(:root.page-about,:root.page-about *){display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.istat .is-langs span:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:10px;color:var(--ink-2);border:1px solid var(--line);border-radius:6px;padding:4px 8px;background:var(--paper-2)}
.istat:first-child:where(:root.page-about,:root.page-about *){background:linear-gradient(160deg,var(--wine-soft),var(--paper) 70%);border-color:var(--wine-line)}
.istat:first-child .is-l:where(:root.page-about,:root.page-about *){color:var(--wine)}

/* ============================ TESTIMONIALS (bento) ============================ */
.test-head:where(:root.page-about,:root.page-about *){text-align:center;max-width:680px;margin:0 auto clamp(46px,5.5vw,72px)}
.test-head .eyebrow:where(:root.page-about,:root.page-about *){margin-bottom:18px}
.test-head .h-section:where(:root.page-about,:root.page-about *){margin:0 auto}
.test-head .lede:where(:root.page-about,:root.page-about *){margin:20px auto 0;text-align:center}
.test-bento:where(:root.page-about,:root.page-about *){display:grid;grid-template-columns:repeat(3,1fr); grid-template-areas: "a c f" "a d g" "b e g"; gap:18px}
.tb-a:where(:root.page-about,:root.page-about *){grid-area:a}
.tb-b:where(:root.page-about,:root.page-about *){grid-area:b}
.tb-c:where(:root.page-about,:root.page-about *){grid-area:c}
.tb-d:where(:root.page-about,:root.page-about *){grid-area:d}
.tb-e:where(:root.page-about,:root.page-about *){grid-area:e}
.tb-f:where(:root.page-about,:root.page-about *){grid-area:f}
.tb-g:where(:root.page-about,:root.page-about *){grid-area:g}
.tcard:where(:root.page-about,:root.page-about *){position:relative;border:1px solid var(--line);border-radius:18px;background:var(--paper); padding:clamp(24px,2.2vw,32px);display:flex;flex-direction:column;overflow:hidden; transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
.tcard:hover:where(:root.page-about,:root.page-about *){transform:translateY(-3px);box-shadow:var(--shadow-md)}
.tcard .tq:where(:root.page-about,:root.page-about *){position:absolute;right:18px;bottom:-6px;font-family:var(--font-sans);font-weight:700; font-size:104px;line-height:1;color:var(--line);pointer-events:none;user-select:none}
.tcard blockquote:where(:root.page-about,:root.page-about *){position:relative;z-index:1;font-size:15.5px;line-height:1.6;letter-spacing:-0.01em;color:var(--ink);text-wrap:pretty}
.tcard .who:where(:root.page-about,:root.page-about *){position:relative;z-index:1;display:flex;align-items:center;gap:12px;margin-top:22px}
.tcard .av:where(:root.page-about,:root.page-about *){width:46px;height:46px;border-radius:50%;flex:none;object-fit:cover;background:var(--paper-3)}
.tcard .who b:where(:root.page-about,:root.page-about *){font-size:14.5px;font-weight:700;display:block;letter-spacing:-0.01em}
.tcard .who span:where(:root.page-about,:root.page-about *){font-size:12.5px;color:var(--ink-3);margin-top:2px;display:block;line-height:1.35}

/* featured */
.tcard--feat:where(:root.page-about,:root.page-about *){padding:clamp(28px,2.7vw,40px)}
.tcard--feat .stars:where(:root.page-about,:root.page-about *){position:relative;z-index:1;font-size:15px;letter-spacing:3px;margin-bottom:24px}
.tcard--feat blockquote:where(:root.page-about,:root.page-about *){font-size:clamp(17px,1.45vw,20px);line-height:1.5;font-weight:500}
.tcard--feat .who:where(:root.page-about,:root.page-about *){margin-top:auto;padding-top:28px}
.tcard--feat .tq:where(:root.page-about,:root.page-about *){right:24px;top:8px;bottom:auto;font-size:128px}
.tcard--dark:where(:root.page-about,:root.page-about *){background:#F3F1EE;border:1px solid var(--line)}
.tcard--dark blockquote:where(:root.page-about,:root.page-about *),.tcard--dark .who b:where(:root.page-about,:root.page-about *){color:var(--ink)}
.tcard--dark .who span:where(:root.page-about,:root.page-about *){color:var(--ink-3)}
.tcard--dark .stars:where(:root.page-about,:root.page-about *){color:var(--wine)}
.tcard--dark .tq:where(:root.page-about,:root.page-about *){color:rgba(20,16,22,.06)}
.tcard--wine:where(:root.page-about,:root.page-about *){background:linear-gradient(155deg,#A6333E 0%,#7C1623 58%,#5E1020 100%);border-color:transparent}
.tcard--wine blockquote:where(:root.page-about,:root.page-about *),.tcard--wine .who b:where(:root.page-about,:root.page-about *){color:#fff}
.tcard--wine .who span:where(:root.page-about,:root.page-about *){color:rgba(255,255,255,.72)}
.tcard--wine .stars:where(:root.page-about,:root.page-about *){color:#fff}
.tcard--wine .tq:where(:root.page-about,:root.page-about *){color:rgba(255,255,255,.13)}
.tcard--wine .av:where(:root.page-about,:root.page-about *){box-shadow:0 0 0 2px rgba(255,255,255,.28)}
.tcard--dark .av:where(:root.page-about,:root.page-about *){box-shadow:0 0 0 2px rgba(20,16,22,.1)}

/* ============================ FINAL CTA ============================ */
.cta:where(:root.page-about,:root.page-about *){position:relative;background:linear-gradient(165deg,#4E0C18 0%,#6E1320 22%,#9B1B2E 50%,#BF3A40 74%,#E08763 100%);color:#fff;overflow:hidden;border-radius:0;isolation:isolate}
.cta:where(:root.page-about,:root.page-about *)::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background: radial-gradient(75% 55% at 18% 8%, rgba(255,210,190,.40) 0%, transparent 55%), radial-gradient(80% 70% at 92% 30%, rgba(120,12,24,.65) 0%, transparent 60%), radial-gradient(90% 80% at 50% 120%, rgba(50,6,14,.7) 0%, transparent 62%)}
.cta-noise:where(:root.page-about,:root.page-about *){position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.85;mix-blend-mode:soft-light; background-image: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='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:150px 150px}
.cta canvas:where(:root.page-about,:root.page-about *){display:none}
.cta-in:where(:root.page-about,:root.page-about *){position:relative;z-index:2;text-align:center;max-width:1200px;margin:0 auto;padding-block:clamp(60px,7.5vw,100px) clamp(40px,5vw,64px)}
.cta-logo:where(:root.page-about,:root.page-about *){display:inline-grid;place-items:center;width:104px;height:104px;border-radius:26px;margin-bottom:34px; background:linear-gradient(155deg,#ffffff 0%,#efece5 100%); box-shadow:0 2px 1px rgba(255,255,255,.95) inset, 0 -6px 14px rgba(120,18,28,.18) inset, 0 5px 10px rgba(255,255,255,.5) inset, 0 26px 54px -16px rgba(35,5,10,.7)}
.cta-logo img:where(:root.page-about,:root.page-about *){width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 2px 1px rgba(255,255,255,.9)) drop-shadow(0 -1px 1px rgba(120,18,28,.25))}
.cta h2:where(:root.page-about,:root.page-about *){font-size:clamp(34px,4.8vw,62px);font-weight:700;letter-spacing:-0.035em;line-height:1.02;text-wrap:balance;max-width:none;margin:0 auto}
.cta h2 em:where(:root.page-about,:root.page-about *){font-style:normal;color:#fff}
.cta-btns:where(:root.page-about,:root.page-about *){display:flex;gap:14px;justify-content:center;margin-top:32px;flex-wrap:wrap}
.cta .btn-wine:where(:root.page-about,:root.page-about *){box-shadow:0 16px 44px -16px rgba(0,0,0,.55)}
.cta .btn-wine:hover:where(:root.page-about,:root.page-about *){transform:translateY(-2px);box-shadow:0 22px 54px -16px rgba(0,0,0,.6)}
.cta-btns .btn:where(:root.page-about,:root.page-about *){border-radius:100px}
.btn-onwine:where(:root.page-about,:root.page-about *){background:#fff;color:var(--wine-deep)}
.btn-onwine:hover:where(:root.page-about,:root.page-about *){background:#fff;transform:translateY(-2px);box-shadow:0 18px 40px -16px rgba(0,0,0,.5)}
.cta-assure:where(:root.page-about,:root.page-about *){display:flex;justify-content:center;gap:14px 28px;flex-wrap:wrap;margin-top:30px}
.cta-assure span:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:rgba(255,255,255,.82);display:inline-flex;align-items:center;gap:8px}
.cta-assure span:where(:root.page-about,:root.page-about *)::before{content:"\2192";color:#fff;opacity:.7;font-size:13px}

/* product screenshot — top 30% peeking at the bottom */
.cta-shot:where(:root.page-about,:root.page-about *){position:relative;z-index:2;width:min(var(--maxw),calc(100% - var(--gut)*2));margin:0 auto;border-radius:16px 16px 0 0;overflow:hidden; border:1px solid rgba(255,255,255,.22);border-bottom:0; box-shadow:0 -10px 60px -20px rgba(40,6,12,.6), 0 30px 80px -30px rgba(0,0,0,.5);background:#fff}
.cta-shot-bar:where(:root.page-about,:root.page-about *){display:flex;align-items:center;gap:12px;padding:11px 16px;background:#faf9f7;border-bottom:1px solid #ececec}
.cta-shot-bar .csb-dots:where(:root.page-about,:root.page-about *){display:flex;gap:6px}
.cta-shot-bar .csb-dots i:where(:root.page-about,:root.page-about *){width:10px;height:10px;border-radius:50%;background:#d8d5ce;display:block}
.cta-shot-bar .csb-url:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:11px;color:#9a9a95;background:#fff;border:1px solid #ececec;border-radius:7px;padding:4px 12px}
.cta-shot img:where(:root.page-about,:root.page-about *){display:block;width:100%;height:clamp(128px,17.6vw,208px);object-fit:cover;object-position:top center}

/* footer brand block */
.foot-lead:where(:root.page-about,:root.page-about *){display:grid;grid-template-columns:1.5fr 1fr;gap:40px;padding-bottom:48px;margin-bottom:48px;border-bottom:1px solid var(--line)}
.foot-lead p:where(:root.page-about,:root.page-about *){font-size:15px;color:var(--ink-2);line-height:1.65;max-width:60ch}
.foot-mission:where(:root.page-about,:root.page-about *){border-left:2px solid var(--wine);padding-left:20px}
.foot-mission span:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);display:block;margin-bottom:10px}
.foot-mission p:where(:root.page-about,:root.page-about *){font-size:15px;color:var(--ink);font-weight:500}
.foot-badges:where(:root.page-about,:root.page-about *){display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.foot-bottom:where(:root.page-about,:root.page-about *){display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:48px;padding-top:28px;border-top:1px solid var(--line);flex-wrap:wrap}
.foot-bottom .copy:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:11px;color:var(--ink-3);letter-spacing:.02em}

/* representative deployments strip */
.deploy-strip:where(:root.page-about,:root.page-about *){margin-top:8px}
.deploy-head:where(:root.page-about,:root.page-about *){display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.deploy-grid:where(:root.page-about,:root.page-about *){display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.dep:where(:root.page-about,:root.page-about *){background:var(--paper-2);padding:16px 18px}
.dep .dk:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}
.dep b:where(:root.page-about,:root.page-about *){font-size:13.5px;font-weight:600;display:block;letter-spacing:-0.01em}
.dep span:where(:root.page-about,:root.page-about *){font-size:12px;color:var(--ink-2)}

/* ============================================================================
   PREMIUM SAAS POLISH — updated page only
   ========================================================================== */
:root:where(:root.page-about,:root.page-about *){--shadow-sm:0 1px 2px rgba(34,18,22,.05), 0 1px 1px rgba(34,18,22,.03); --shadow-md:0 24px 64px -34px rgba(46,18,26,.30), 0 8px 22px -16px rgba(46,18,26,.16); --shadow-lg:0 64px 140px -58px rgba(52,20,30,.42), 0 26px 54px -36px rgba(46,18,26,.20)}

/* seamless warm seam where the red hero fades into the white page */
.ecolog:where(:root.page-about,:root.page-about *){background:linear-gradient(180deg,#FFF7F4 0%, #ffffff 72%)}

/* a faint circular-language motif shared by key sections */
.section--tight:where(:root.page-about,:root.page-about *),.cta:where(:root.page-about,:root.page-about *){position:relative}
.section--tight:where(:root.page-about,:root.page-about *)::before{content:"";position:absolute;left:50%;top:50%;width:760px;height:760px; transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:0; background:radial-gradient(circle, color-mix(in srgb,var(--wine) 7%,transparent), transparent 64%)}
.section--tight .wrap:where(:root.page-about,:root.page-about *){position:relative;z-index:1}

/* usage-metrics band — elevated, premium */
.statband:where(:root.page-about,:root.page-about *){border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-md);overflow:hidden; background: radial-gradient(130% 180% at 8% -50%, var(--wine-soft), transparent 58%), radial-gradient(130% 180% at 96% -50%, var(--accent-soft), transparent 58%), var(--paper)}
.statband .sc:where(:root.page-about,:root.page-about *){transition:background .25s var(--ease)}
.statband .sc:hover:where(:root.page-about,:root.page-about *){background:rgba(255,255,255,.6)}
.statband .stat-num:where(:root.page-about,:root.page-about *){color:var(--wine)}

/* premium container radii + softer card depth across the page */
.eco-card:where(:root.page-about,:root.page-about *),.anec-card:where(:root.page-about,:root.page-about *),.tcard:where(:root.page-about,:root.page-about *),.ind-panel:where(:root.page-about,:root.page-about *),.intg-net:where(:root.page-about,:root.page-about *),.why-grid:where(:root.page-about,:root.page-about *),.arch-diagram:where(:root.page-about,:root.page-about *),.gap-answer:where(:root.page-about,:root.page-about *),.media-frame:where(:root.page-about,:root.page-about *){border-radius:20px}
.tcard:hover:where(:root.page-about,:root.page-about *),.eco-card:hover:where(:root.page-about,:root.page-about *){box-shadow:var(--shadow-lg)}
.tcard--dark:hover:where(:root.page-about,:root.page-about *),.tcard--wine:hover:where(:root.page-about,:root.page-about *){box-shadow:var(--shadow-lg)}

/* circular motif echo behind final CTA */
.cta-in:where(:root.page-about,:root.page-about *){position:relative;z-index:2}

/* refined eyebrow accent — premium */
.eyebrow:where(:root.page-about,:root.page-about *)::before{box-shadow:0 0 0 4px var(--wine-soft)}

/* floating-pill nav: center wide mega panels to the viewport so centered
   nav links never push them off-screen; keep narrow menus on their trigger */
.nav-mega:where(:root.page-about,:root.page-about *){position:fixed;left:50%;top:84px;right:auto; transform:translateX(-50%) translateY(8px) scale(.99);transform-origin:top center; width:min(860px,calc(100vw - 40px))}
.nav-mega.nav-mega--cards:where(:root.page-about,:root.page-about *){width:min(680px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons:where(:root.page-about,:root.page-about *){width:min(660px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons.nav-mega--sol:where(:root.page-about,:root.page-about *){width:min(740px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons.has-3:where(:root.page-about,:root.page-about *){width:min(820px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons.nav-mega--res:where(:root.page-about,:root.page-about *){width:min(860px,calc(100vw - 40px))}
.nav-item:hover .nav-mega:where(:root.page-about,:root.page-about *),.nav-item:focus-within .nav-mega:where(:root.page-about,:root.page-about *){transform:translateX(-50%) translateY(0) scale(1)}
.nav-mega:where(:root.page-about,:root.page-about *)::before{left:0;right:0;top:-28px;height:28px}
.nav.is-stuck .nav-mega:where(:root.page-about,:root.page-about *){top:74px}

/* nav CTA buttons → pill to match the bar */
.nav-cta .btn:where(:root.page-about,:root.page-about *){border-radius:100px}
.nav-cta .btn-ghost:where(:root.page-about,:root.page-about *){border-color:var(--line)}

/* ============================ FOOTER (Avoora-style) ============================ */
.foot:where(:root.page-about,:root.page-about *){background:var(--paper);border-top:1px solid var(--line);padding:0 0 32px}
.foot .wrap:where(:root.page-about,:root.page-about *){position:relative}

/* image marquee */
.foot-marquee:where(:root.page-about,:root.page-about *){overflow:hidden;padding:clamp(28px,3.4vw,46px) 0 clamp(20px,2.4vw,30px); -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent); mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.fm-track:where(:root.page-about,:root.page-about *){display:flex;gap:16px;width:max-content;animation:fmScroll 48s linear infinite}
.foot-marquee:hover .fm-track:where(:root.page-about,:root.page-about *){animation-play-state:paused}
html[data-motion="off"] .fm-track:where(:root.page-about,:root.page-about *){animation:none}
.fm-tile:where(:root.page-about,:root.page-about *){margin:0;flex:none;width:clamp(112px,11vw,150px)}
.fm-tile img:where(:root.page-about,:root.page-about *){width:100%;aspect-ratio:5/6;object-fit:cover;border-radius:14px;background:var(--paper-3); filter:grayscale(.1);transition:transform .4s var(--ease),filter .4s}
.fm-tile:hover img:where(:root.page-about,:root.page-about *){transform:translateY(-4px);filter:none}
.fm-tile figcaption:where(:root.page-about,:root.page-about *){display:none}

/* menu cards */
.foot-cards:where(:root.page-about,:root.page-about *){display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:clamp(28px,3vw,44px)}
.foot-card:where(:root.page-about,:root.page-about *){border:0;border-radius:18px;padding:clamp(22px,2vw,30px);background:linear-gradient(180deg,var(--wine-soft) 0%,var(--paper) 64%);transition:box-shadow .25s var(--ease),transform .25s var(--ease)}
.foot-card:hover:where(:root.page-about,:root.page-about *){box-shadow:var(--shadow-md);transform:translateY(-2px)}
.foot-card :is(h3,h4):where(:root.page-about,:root.page-about *){font-size:18px;font-weight:700;letter-spacing:-0.02em;color:var(--ink);margin-bottom:14px;font-family:var(--font-sans);text-transform:none}
.foot-links:where(:root.page-about,:root.page-about *){list-style:none;display:flex;flex-direction:column}
.foot-links li:where(:root.page-about,:root.page-about *){border-top:1px solid var(--wine-line)}
.foot-links li:first-child:where(:root.page-about,:root.page-about *){border-top:0}
.foot-links a:where(:root.page-about,:root.page-about *){display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 2px;font-size:14.5px;font-weight:500;color:var(--ink-2);transition:color .18s var(--ease),padding .18s var(--ease)}
.foot-links a:hover:where(:root.page-about,:root.page-about *){color:var(--wine);padding-left:6px}
.foot-viewall:where(:root.page-about,:root.page-about *){color:var(--wine)!important;font-weight:600}
.foot-card:where(:root.page-about,:root.page-about *){position:relative}
.foot-card:has(.foot-va:hover):where(:root.page-about,:root.page-about *),.foot-card:has(.foot-va:focus-within):where(:root.page-about,:root.page-about *){z-index:40}
.foot-va:where(:root.page-about,:root.page-about *){display:block;margin-top:14px}
.foot-viewall:where(:root.page-about,:root.page-about *){cursor:pointer;display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--wine)}
.foot-viewall .va-arr:where(:root.page-about,:root.page-about *){transition:transform .2s var(--ease)}
.foot-va:hover .va-arr:where(:root.page-about,:root.page-about *),.foot-va:focus-within .va-arr:where(:root.page-about,:root.page-about *){transform:translateX(3px)}
.foot-va-pop:where(:root.page-about,:root.page-about *){position:absolute;left:0;bottom:0;z-index:30;width:min(560px,140%); display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:14px;border-radius:16px;background:var(--paper);border:1px solid var(--line); box-shadow:0 30px 60px -22px rgba(20,16,22,.45),0 8px 20px -10px rgba(20,16,22,.2); opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s}
.foot-va:hover .foot-va-pop:where(:root.page-about,:root.page-about *),.foot-va:focus-within .foot-va-pop:where(:root.page-about,:root.page-about *){opacity:1;visibility:visible;transform:translateY(0)}
.foot-va-pop a:where(:root.page-about,:root.page-about *){display:block;padding:9px 12px;border-radius:9px;font-size:13px;font-weight:500;color:var(--ink-2);transition:background .16s,color .16s}
.foot-va-pop a:hover:where(:root.page-about,:root.page-about *){background:var(--wine-soft);color:var(--wine)}
.foot-h4row:where(:root.page-about,:root.page-about *){display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.foot-h4row .foot-viewall:where(:root.page-about,:root.page-about *){font-size:12px;font-weight:600;text-transform:none;letter-spacing:0}
.fl-arr:where(:root.page-about,:root.page-about *){color:var(--ink-3);font-size:16px;transition:transform .18s var(--ease),color .18s}
.foot-links a:hover .fl-arr:where(:root.page-about,:root.page-about *){color:var(--wine);transform:translateX(3px)}

/* bottom bar */
.foot-bottom:where(:root.page-about,:root.page-about *){display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap; margin-top:clamp(30px,3.4vw,48px);padding:24px 0;border-top:1px solid var(--line)}
.foot-bottom .copy:where(:root.page-about,:root.page-about *){font-size:13px;color:var(--ink-3);letter-spacing:.01em}
.foot-top:where(:root.page-about,:root.page-about *){display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-family:var(--font-mono)}
.foot-top .ft-ic:where(:root.page-about,:root.page-about *){width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:var(--wine);color:#fff;font-size:14px;transition:transform .2s var(--ease)}
.foot-top:hover .ft-ic:where(:root.page-about,:root.page-about *){transform:translateY(-3px)}

/* back-to-top → logo */
.foot-right:where(:root.page-about,:root.page-about *){display:flex;align-items:center;gap:clamp(14px,1.6vw,22px)}
.foot-social:where(:root.page-about,:root.page-about *){display:flex;align-items:center;gap:10px}
.foot-social a:where(:root.page-about,:root.page-about *){width:54px;height:54px;border-radius:50%;background:var(--wine-soft);display:grid;place-items:center;color:var(--wine);transition:color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease)}
.foot-social a:hover:where(:root.page-about,:root.page-about *){color:#fff;background:var(--wine);transform:translateY(-2px)}
.foot-social svg:where(:root.page-about,:root.page-about *){width:20px;height:20px;fill:currentColor}
.foot-sep:where(:root.page-about,:root.page-about *){width:1px;height:38px;background:var(--line);flex:none}
.foot-logo:where(:root.page-about,:root.page-about *){display:inline-flex;align-items:center;transition:transform .2s var(--ease)}
.foot-logo img:where(:root.page-about,:root.page-about *){height:52px;width:auto;object-fit:contain}
.foot-logo:hover:where(:root.page-about,:root.page-about *){transform:translateY(-3px)}

/* giant wordmark with people video */
.foot-wordmark:where(:root.page-about,:root.page-about *){display:flex;align-items:center;gap:clamp(20px,3vw,48px);margin-top:clamp(22px,2.6vw,40px);padding-bottom:clamp(16px,2.4vw,40px)}
.fw-img:where(:root.page-about,:root.page-about *){position:relative;flex:none;width:clamp(120px,14vw,188px);aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:var(--paper-3);display:block;cursor:pointer}
.fw-img video:where(:root.page-about,:root.page-about *),.fw-img img:where(:root.page-about,:root.page-about *){width:100%;height:100%;object-fit:cover;display:block}
.fw-ig:where(:root.page-about,:root.page-about *){position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;color:#fff; background:linear-gradient(160deg,rgba(193,53,132,.55),rgba(131,58,180,.5) 55%,rgba(253,170,90,.45)); opacity:0;transition:opacity .28s var(--ease)}
.fw-ig svg:where(:root.page-about,:root.page-about *){transform:scale(.8);transition:transform .28s var(--ease);filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}
.fw-img:hover .fw-ig:where(:root.page-about,:root.page-about *){opacity:1}
.fw-img:hover .fw-ig svg:where(:root.page-about,:root.page-about *){transform:scale(1)}
.fw-text:where(:root.page-about,:root.page-about *){font-weight:900;line-height:.92;letter-spacing:0.005em;color:#D8D3CC; font-size:clamp(60px,16.6vw,250px);white-space:nowrap;padding-bottom:0.1em;flex:1;text-align:right}

/* touch 1781880837256 */

/* floating Academic Transcripts pill (bottom-left) */
.et-float:where(:root.page-about,:root.page-about *){position:fixed;right:22px;left:auto;bottom:22px;z-index:120;display:inline-flex;flex-direction:row-reverse;align-items:center;gap:0; height:60px;width:60px;padding:8px;border-radius:100px;overflow:hidden; background:#fff;box-shadow:0 14px 34px -12px rgba(20,16,22,.34),0 4px 12px -6px rgba(20,16,22,.2); border:1px solid var(--line);text-decoration:none;white-space:nowrap; transition:width .34s var(--ease),box-shadow .34s var(--ease)}
.et-float .et-ic:where(:root.page-about,:root.page-about *){width:44px;height:44px;border-radius:50%;flex:none;display:grid;place-items:center;overflow:hidden}
.et-float .et-ic img:where(:root.page-about,:root.page-about *){width:100%;height:100%;object-fit:contain;display:block}
.et-float .et-tx:where(:root.page-about,:root.page-about *){font-size:14px;font-weight:700;color:var(--wine);letter-spacing:-0.01em;opacity:0; padding:0 6px 0 14px;transition:opacity .28s var(--ease) .06s}
.et-float:hover:where(:root.page-about,:root.page-about *){width:250px;box-shadow:0 20px 44px -14px rgba(20,16,22,.42)}
.et-float:hover .et-tx:where(:root.page-about,:root.page-about *){opacity:1}
.brand .mark .seal:where(:root.page-about,:root.page-about *){fill:var(--wine)}
.eco-glyph:where(:root.page-about,:root.page-about *),.intg-core .ic-mark:where(:root.page-about,:root.page-about *),.ind-flowcard .ifn:where(:root.page-about,:root.page-about *){transition:background .3s var(--ease)}
.ctw:where(:root.page-about,:root.page-about *){max-width:min(1520px,calc(100vw - 2*var(--gut)));margin-inline:auto}
.ct-hero:where(:root.page-about,:root.page-about *){position:relative;overflow:hidden;min-height:clamp(400px,46vw,560px);padding:clamp(150px,15vw,190px) 0 clamp(46px,5vw,80px);color:#fff; background-image: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='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E"),linear-gradient(180deg,#6E101D 0%,#8C1729 46%,#A82C43 100%)}
.ct-hero:where(:root.page-about,:root.page-about *)::before{content:"";position:absolute;left:50%;top:-46%;width:min(1200px,120vw);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:1px dashed rgba(255,255,255,.2);animation:ctSpin 90s linear infinite;pointer-events:none}
.ct-hero:where(:root.page-about,:root.page-about *)::after{content:"";position:absolute;left:50%;top:-28%;width:min(840px,88vw);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:1px dashed rgba(255,255,255,.13);pointer-events:none}
.ct-hero-in:where(:root.page-about,:root.page-about *){position:relative;text-align:center;max-width:880px;margin-inline:auto}
.ct-k:where(:root.page-about,:root.page-about *){display:inline-flex;align-items:center;gap:9px;padding:7px 16px 7px 13px;border-radius:100px;border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.1);backdrop-filter:blur(6px);font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.ct-k b:where(:root.page-about,:root.page-about *){width:6px;height:6px;border-radius:50%;background:#fff;display:block;animation:ctBlink 2.4s var(--ease) infinite}
.ct-hero h1:where(:root.page-about,:root.page-about *){margin:20px 0 0;font-size:clamp(34px,4.3vw,56px);line-height:1.03;letter-spacing:-.04em;font-weight:700;text-wrap:balance}
.ct-hero p:where(:root.page-about,:root.page-about *){margin:18px auto 0;max-width:640px;font-size:clamp(15px,1.35vw,18px);line-height:1.6;color:rgba(255,255,255,.84)}

/* certifications — static logo boxes */
.ab-certs:where(:root.page-about,:root.page-about *){padding-block:70px;background:#F3F1EE}
.cf-strip:where(:root.page-about,:root.page-about *){display:grid;grid-template-columns:repeat(5,1fr);gap:14px;max-width:1120px;margin-inline:auto}
.cf-p:where(:root.page-about,:root.page-about *){display:grid;place-items:center;min-height:clamp(110px,11vw,140px);padding:22px;background:#fff;border:1px solid var(--line);border-radius:14px}
.cf-lg:where(:root.page-about,:root.page-about *){max-width:78%;max-height:62%;object-fit:contain}
.ab-crumb:where(:root.page-about,:root.page-about *){color:rgba(255,255,255,.94);font-weight:600}
.ab-crumb:hover:where(:root.page-about,:root.page-about *){color:#fff;text-decoration:underline}
.ct-hero p i:where(:root.page-about,:root.page-about *){font-style:normal;color:rgba(255,255,255,.5);margin:0 8px}
.ct-hero p span:where(:root.page-about,:root.page-about *){color:rgba(255,255,255,.7)}

/* shared: kicker tag + section head */
.ab-tag:where(:root.page-about,:root.page-about *){position:relative;display:inline-block;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--wine);padding:9px 14px}
.ab-tag:where(:root.page-about,:root.page-about *)::before{content:"";position:absolute;left:0;top:0;width:34px;height:34px;border-radius:8px;background:var(--wine-soft);z-index:-1}
.ab-tag:where(:root.page-about,:root.page-about *)::after{content:"";position:absolute;left:26px;top:-9px;width:22px;height:22px;border-radius:6px;background:rgba(155,27,46,.09);z-index:-1}
.ab-head:where(:root.page-about,:root.page-about *){text-align:center;max-width:820px;margin:0 auto 40px;isolation:isolate}
.ab-head h2:where(:root.page-about,:root.page-about *){margin:10px 0 0;font-size:clamp(26px,3.2vw,42px);line-height:1.08;letter-spacing:-.034em;font-weight:700}

/* mission / vision */
.ab-mission:where(:root.page-about,:root.page-about *){padding-block:70px}
.ab-mwrap:where(:root.page-about,:root.page-about *){display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.4vw,34px)}
.ab-m:where(:root.page-about,:root.page-about *){isolation:isolate;text-align:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(28px,3vw,44px);transition:.35s var(--ease)}
.ab-m:hover:where(:root.page-about,:root.page-about *){border-color:var(--wine-line);transform:translateY(-4px);box-shadow:0 32px 66px -44px rgba(110,18,28,.42)}
.ab-m h2:where(:root.page-about,:root.page-about *){margin:10px 0 0;font-size:clamp(24px,2.8vw,34px);line-height:1.1;letter-spacing:-.034em;font-weight:700}
.ab-m p:where(:root.page-about,:root.page-about *){margin:16px auto 0;max-width:46ch;font-size:clamp(15px,1.35vw,18px);line-height:1.65;color:var(--ink-2);text-wrap:pretty}

/* who we are */
.ab-who:where(:root.page-about,:root.page-about *){padding-block:70px;background:#F3F1EE}
.ab-split:where(:root.page-about,:root.page-about *){display:grid;grid-template-columns:1fr 1fr;gap:clamp(26px,3.6vw,60px);align-items:center}
.ab-fig:where(:root.page-about,:root.page-about *){position:relative;display:grid;place-items:center;min-height:clamp(300px,32vw,420px);border-radius:22px;background:#fff;border:1px dashed var(--wine-line);overflow:hidden}
.ab-fglow:where(:root.page-about,:root.page-about *){position:absolute;width:68%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(155,27,46,.13),transparent 66%)}
.ab-fph:where(:root.page-about,:root.page-about *){position:relative;font-family:var(--font-mono);font-size:clamp(10px,1vw,12px);letter-spacing:.14em;text-transform:uppercase;color:var(--wine);text-align:center;padding:0 30px}
.ab-copy:where(:root.page-about,:root.page-about *){isolation:isolate}
.ab-copy h2:where(:root.page-about,:root.page-about *){margin:10px 0 0;font-size:clamp(24px,2.8vw,36px);line-height:1.1;letter-spacing:-.034em;font-weight:700}
.ab-copy p:where(:root.page-about,:root.page-about *){margin:18px 0 0;font-size:clamp(15px,1.35vw,18px);line-height:1.65;color:var(--ink-2);text-wrap:pretty}
.ab-btn:where(:root.page-about,:root.page-about *){margin-top:28px;border-radius:100px}

/* history */
.ab-hist-sec:where(:root.page-about,:root.page-about *){padding-block:70px}
.ab-hist:where(:root.page-about,:root.page-about *){position:relative;max-width:1040px;margin-inline:auto}
.ab-road:where(:root.page-about,:root.page-about *){position:relative;height:2px;margin:0 clamp(30px,5vw,70px)}
.ab-roadline:where(:root.page-about,:root.page-about *){position:absolute;inset:0;border-top:2px dashed var(--line)}
.ab-roadfill:where(:root.page-about,:root.page-about *){position:absolute;left:0;top:0;height:2px;width:0;background:var(--wine);transition:width .7s cubic-bezier(.33,1,.68,1)}
.ab-years:where(:root.page-about,:root.page-about *){display:grid;grid-template-columns:repeat(5,1fr);margin-top:-9px}
.ab-y:where(:root.page-about,:root.page-about *){display:flex;flex-direction:column;align-items:center;gap:10px;background:none;border:0;cursor:pointer;font-family:inherit}
.ab-pin:where(:root.page-about,:root.page-about *){width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--line);transition:.4s var(--ease)}
.ab-y b:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:14px;letter-spacing:.04em;color:var(--ink-3);transition:.4s var(--ease)}
.ab-y:hover .ab-pin:where(:root.page-about,:root.page-about *){border-color:var(--wine-line)}
.ab-y.done .ab-pin:where(:root.page-about,:root.page-about *){border-color:var(--wine);background:var(--wine-soft)}
.ab-y.on .ab-pin:where(:root.page-about,:root.page-about *){background:var(--wine);border-color:var(--wine);transform:scale(1.25);box-shadow:0 0 0 6px var(--wine-soft)}
.ab-y.on b:where(:root.page-about,:root.page-about *){color:var(--wine);font-weight:700}
.ab-hpanes:where(:root.page-about,:root.page-about *){position:relative;margin-top:40px;min-height:220px}
.ab-hp:where(:root.page-about,:root.page-about *){position:absolute;left:0;right:0;top:0;max-width:800px;margin-inline:auto;text-align:center;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .55s var(--ease),transform .55s var(--ease)}
.ab-hp.on:where(:root.page-about,:root.page-about *){position:relative;opacity:1;transform:none;pointer-events:auto}
.ab-hy:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;color:var(--wine)}
.ab-hp h3:where(:root.page-about,:root.page-about *){margin:12px 0 0;font-size:clamp(20px,2.2vw,28px);line-height:1.14;letter-spacing:-.03em;font-weight:700}
.ab-hp p:where(:root.page-about,:root.page-about *){margin:14px auto 0;max-width:70ch;font-size:clamp(15px,1.35vw,17px);line-height:1.65;color:var(--ink-2);text-wrap:pretty}

/* values */
.ab-val-sec:where(:root.page-about,:root.page-about *){padding-block:70px;background:#F3F1EE}
.ab-vals:where(:root.page-about,:root.page-about *){display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.8vw,22px)}
.ab-v:where(:root.page-about,:root.page-about *){background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(22px,2.2vw,30px);transition:.35s var(--ease)}
.ab-v:hover:where(:root.page-about,:root.page-about *){border-color:var(--wine-line);transform:translateY(-4px);box-shadow:0 30px 62px -42px rgba(110,18,28,.42)}
.ab-vi:where(:root.page-about,:root.page-about *){display:grid;place-items:center;width:56px;height:56px;margin-bottom:20px;border-radius:50%;border:1px solid var(--wine-line);background:var(--wine-soft);transition:.35s var(--ease)}
.ab-vi svg:where(:root.page-about,:root.page-about *){width:24px;height:24px;fill:none;stroke:var(--wine);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ab-v:hover .ab-vi:where(:root.page-about,:root.page-about *){background:var(--wine)}
.ab-v:hover .ab-vi svg:where(:root.page-about,:root.page-about *){stroke:#fff}
.ab-v h4:where(:root.page-about,:root.page-about *){margin:0;font-size:17px;font-weight:700;letter-spacing:-.024em;line-height:1.25}
.ab-v p:where(:root.page-about,:root.page-about *){margin:10px 0 0;font-size:15px;line-height:1.6;color:var(--ink-2);text-wrap:pretty}

/* numbers on wine */
.ab-num-sec:where(:root.page-about,:root.page-about *){padding-block:70px}
.ab-nums:where(:root.page-about,:root.page-about *){display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-items:stretch}
.ab-nums div:where(:root.page-about,:root.page-about *){display:flex;flex-direction:column;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:.3s var(--ease)}
.ab-nums div:hover:where(:root.page-about,:root.page-about *){background:rgba(255,255,255,.15);transform:translateY(-3px)}
.ab-nn:where(:root.page-about,:root.page-about *){display:flex;align-items:baseline;gap:1px;color:#fff}
.ab-nn b:where(:root.page-about,:root.page-about *){font-size:clamp(26px,3vw,38px);font-weight:700;letter-spacing:-.045em;line-height:1}
.ab-nn i:where(:root.page-about,:root.page-about *){font-style:normal;font-size:clamp(16px,1.8vw,24px);font-weight:600;letter-spacing:-.03em}
.ab-nl:where(:root.page-about,:root.page-about *){margin-top:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.74)}

/* leadership */
.ab-lead-sec:where(:root.page-about,:root.page-about *){padding-block:70px}
.ab-leads:where(:root.page-about,:root.page-about *){display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.8vw,22px)}
.ab-l:where(:root.page-about,:root.page-about *){background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(18px,1.8vw,24px);transition:.35s var(--ease)}
.ab-l:hover:where(:root.page-about,:root.page-about *){border-color:var(--wine-line);transform:translateY(-4px);box-shadow:0 30px 62px -42px rgba(110,18,28,.42)}
.ab-lph:where(:root.page-about,:root.page-about *){display:grid;place-items:center;aspect-ratio:1;border-radius:14px;background:var(--paper-3);border:1px dashed var(--wine-line);margin-bottom:18px}
.ab-lph span:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--wine)}
.ab-l b:where(:root.page-about,:root.page-about *){display:block;font-size:16px;font-weight:700;letter-spacing:-.024em;line-height:1.25}
.ab-l p:where(:root.page-about,:root.page-about *){margin:9px 0 0;font-size:15px;line-height:1.55;color:var(--ink-2);text-wrap:pretty}
.ab-lnote:where(:root.page-about,:root.page-about *){margin:26px 0 0;text-align:center;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3)}

/* life at truecopy */
.ab-life-sec:where(:root.page-about,:root.page-about *){padding-block:70px;background:#F3F1EE}
.ab-life:where(:root.page-about,:root.page-about *){max-width:1000px;margin-inline:auto}
.ab-slides:where(:root.page-about,:root.page-about *){position:relative;aspect-ratio:16/8.4;border-radius:22px;overflow:hidden;background:#fff;border:1px solid var(--line)}
.ab-s:where(:root.page-about,:root.page-about *){position:absolute;inset:0;display:grid;place-items:center;opacity:0;transition:opacity .7s var(--ease); background:linear-gradient(150deg,#FBF8F7,#F3F1EE)}
.ab-s.on:where(:root.page-about,:root.page-about *){opacity:1}
.ab-s span:where(:root.page-about,:root.page-about *){font-family:var(--font-mono);font-size:clamp(10px,1vw,12px);letter-spacing:.14em;text-transform:uppercase;color:var(--wine);text-align:center;padding:0 30px}
.ab-dots:where(:root.page-about,:root.page-about *){display:flex;justify-content:center;gap:10px;margin-top:22px}
.ab-d:where(:root.page-about,:root.page-about *){width:9px;height:9px;border-radius:50%;border:0;cursor:pointer;background:var(--line);transition:.3s var(--ease)}
.ab-d:hover:where(:root.page-about,:root.page-about *){background:var(--wine-line)}
.ab-d.on:where(:root.page-about,:root.page-about *){background:var(--wine);transform:scale(1.35)}
.ab-certs:where(:root.page-about,:root.page-about *){padding-block:70px;background:#fff}
.cta-in:where(:root.page-about,:root.page-about *){position:relative;z-index:2;padding-block:70px}
.cta h2:where(:root.page-about,:root.page-about *){max-width:26ch;margin-inline:auto}
{__TWEAKS_STYLE}


/* ============================================================
   Contact   (html.page-contact)
   ============================================================ */

/* Satoshi — self-hosted @font-face (woff2), inlined for standalone export */

/* touch 1781880837620 */

/* ============================================================================
   TRUECOPY — Enterprise Trust Infrastructure
   base.css · tokens, reset, typography, layout, nav, footer, shared utilities
   ========================================================================== */
:root:where(:root.page-contact,:root.page-contact *){/* paper / ink */ --paper:#ffffff; --paper-2:#FAF9F7; --paper-3:#F3F1EC; --ink:#14161B; --ink-2:#474C56; --ink-3:#676D78; --line:#E8E6E0; --line-2:#F0EEE9; --hair:#E2DFD8; /* brand — overridable by tweaks */ --wine:#9B1B2E; --wine-deep:#74121F; --wine-soft:#FBF1F2; --wine-line:rgba(155,27,46,.20); /* accent — overridable by tweaks */ --accent:#1B3A8F; --accent-2:#2C4FB0; --accent-soft:#EEF1FA; --accent-line:rgba(27,58,143,.20); --shadow-sm:0 1px 2px rgba(20,22,27,.04), 0 1px 1px rgba(20,22,27,.03); --shadow-md:0 18px 50px -28px rgba(20,22,27,.30), 0 6px 16px -12px rgba(20,22,27,.18); --shadow-lg:0 50px 110px -50px rgba(20,30,60,.45), 0 18px 40px -28px rgba(20,22,27,.22); --maxw:1488px; --gut:clamp(20px,5vw,64px); --font-sans:'Satoshi',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; --font-mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular',monospace; --ease:cubic-bezier(.22,.61,.36,1); --ease-out:cubic-bezier(.16,1,.3,1)}
*:where(:root.page-contact,:root.page-contact *){margin:0;padding:0;box-sizing:border-box}
html:where(:root.page-contact,:root.page-contact *){-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body:where(:root.page-contact,:root.page-contact *){background:var(--paper); color:var(--ink); font-family:var(--font-sans); font-weight:400; line-height:1.5; letter-spacing:-0.011em; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow-x:hidden}
img:where(:root.page-contact,:root.page-contact *),svg:where(:root.page-contact,:root.page-contact *){display:block;max-width:100%}
a:where(:root.page-contact,:root.page-contact *){color:inherit;text-decoration:none}
button:where(:root.page-contact,:root.page-contact *){font-family:inherit;cursor:pointer}
:where(:root.page-contact,:root.page-contact *)::selection{background:var(--wine);color:#fff}

/* ---------- layout ---------- */
.wrap:where(:root.page-contact,:root.page-contact *){max-width:var(--maxw);margin:0 auto;padding-inline:var(--gut)}
.section:where(:root.page-contact,:root.page-contact *){position:relative;padding-block:clamp(84px,11vw,168px)}
.section--tight:where(:root.page-contact,:root.page-contact *){padding-block:clamp(64px,8vw,120px)}
.bleed:where(:root.page-contact,:root.page-contact *){background:var(--paper-2)}
.divider:where(:root.page-contact,:root.page-contact *){height:1px;background:var(--hair);border:0}

/* ---------- typography ---------- */
.h-display:where(:root.page-contact,:root.page-contact *){font-weight:700; font-size:clamp(40px,6.6vw,88px); line-height:0.98; letter-spacing:-0.035em; text-wrap:balance}
.h-section:where(:root.page-contact,:root.page-contact *){font-weight:700; font-size:clamp(28px,4.05vw,52px); line-height:1.02; letter-spacing:-0.03em; text-wrap:balance}
.h-sub:where(:root.page-contact,:root.page-contact *){font-weight:600; font-size:clamp(22px,2.6vw,32px); line-height:1.1; letter-spacing:-0.02em}
.lede:where(:root.page-contact,:root.page-contact *){font-size:clamp(17px,1.5vw,20px); line-height:1.55; color:var(--ink-2); font-weight:400; letter-spacing:-0.012em; max-width:62ch; text-wrap:pretty}
.dim:where(:root.page-contact,:root.page-contact *){color:var(--ink-2)}
.muted:where(:root.page-contact,:root.page-contact *){color:var(--ink-3)}
.wine-text:where(:root.page-contact,:root.page-contact *){color:var(--wine)}

/* mono technical label / eyebrow */
.eyebrow:where(:root.page-contact,:root.page-contact *){display:inline-flex;align-items:center;gap:10px; font-family:var(--font-mono); font-size:12px;font-weight:500; letter-spacing:0.14em;text-transform:uppercase; color:var(--ink-3)}
.eyebrow:where(:root.page-contact,:root.page-contact *)::before{content:"";width:7px;height:7px;border-radius:2px; background:var(--wine);flex:none}
.eyebrow .num:where(:root.page-contact,:root.page-contact *){color:var(--wine);font-weight:600}
.kicker:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:11px;font-weight:500; letter-spacing:0.16em;text-transform:uppercase;color:var(--ink-3)}
.tag:where(:root.page-contact,:root.page-contact *){display:inline-flex;align-items:center;gap:7px; font-family:var(--font-mono);font-size:10.5px;font-weight:500; letter-spacing:0.1em;text-transform:uppercase; color:var(--ink-2); padding:5px 9px;border:1px solid var(--line);border-radius:6px; background:var(--paper)}
.tag .dot:where(:root.page-contact,:root.page-contact *){width:5px;height:5px;border-radius:50%;background:var(--accent)}
.tag--wine .dot:where(:root.page-contact,:root.page-contact *){background:var(--wine)}

/* section head block */
.shead:where(:root.page-contact,:root.page-contact *){max-width:880px}
.shead .h-section:where(:root.page-contact,:root.page-contact *){margin-top:18px}
.shead .lede:where(:root.page-contact,:root.page-contact *){margin-top:22px}

/* ---------- buttons ---------- */
.btn:where(:root.page-contact,:root.page-contact *){display:inline-flex;align-items:center;gap:9px; font-size:15px;font-weight:600;letter-spacing:-0.01em; padding:13px 20px;border-radius:9px;border:1px solid transparent; transition:transform .18s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease), color .2s; white-space:nowrap}
.btn .arr:where(:root.page-contact,:root.page-contact *){transition:transform .25s var(--ease)}
.btn:hover .arr:where(:root.page-contact,:root.page-contact *){transform:translateX(3px)}
.btn-primary:where(:root.page-contact,:root.page-contact *){background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}
.btn-primary:hover:where(:root.page-contact,:root.page-contact *){background:var(--accent-2);transform:translateY(-1px);box-shadow:var(--shadow-md)}
.btn-wine:where(:root.page-contact,:root.page-contact *){background:var(--wine);color:#fff}
.btn-wine:hover:where(:root.page-contact,:root.page-contact *){background:var(--wine-deep);transform:translateY(-1px);box-shadow:0 14px 34px -16px var(--wine)}
.btn-ghost:where(:root.page-contact,:root.page-contact *){background:transparent;color:var(--ink);border-color:var(--line)}
.btn-ghost:hover:where(:root.page-contact,:root.page-contact *){border-color:var(--ink);background:var(--paper-2)}
.btn-sm:where(:root.page-contact,:root.page-contact *){padding:10px 15px;font-size:14px;border-radius:8px}
.link-arrow:where(:root.page-contact,:root.page-contact *){display:inline-flex;align-items:center;gap:8px; font-weight:600;font-size:15px;color:var(--ink); border-bottom:1px solid transparent;padding-bottom:2px;transition:.2s}
.link-arrow .arr:where(:root.page-contact,:root.page-contact *){transition:transform .25s var(--ease);color:var(--wine)}
.link-arrow:hover:where(:root.page-contact,:root.page-contact *){color:var(--wine)}
.link-arrow:hover .arr:where(:root.page-contact,:root.page-contact *){transform:translateX(4px)}

/* ---------- nav ---------- */
.nav:where(:root.page-contact,:root.page-contact *){position:fixed;top:0;left:0;right:0;z-index:900;background:transparent;border:0; padding:clamp(12px,1.6vw,20px) clamp(14px,3vw,28px) 0; transition:padding .3s var(--ease)}
.nav.is-stuck:where(:root.page-contact,:root.page-contact *){padding-top:10px}
.nav-in:where(:root.page-contact,:root.page-contact *){max-width:1150px;margin:0 auto; height:62px;padding:7px 8px 7px 24px; display:flex;align-items:center;gap:16px; background:rgba(255,255,255,.80); -webkit-backdrop-filter:blur(20px) saturate(165%); backdrop-filter:blur(20px) saturate(165%); border:1px solid rgba(255,255,255,.72); border-radius:100px; box-shadow:0 12px 36px -18px rgba(46,18,26,.30), 0 2px 8px -3px rgba(46,18,26,.12); transition:box-shadow .3s var(--ease), background .3s var(--ease)}
.nav.is-stuck .nav-in:where(:root.page-contact,:root.page-contact *){background:rgba(255,255,255,.92); box-shadow:0 18px 46px -18px rgba(46,18,26,.40), 0 3px 10px -3px rgba(46,18,26,.16)}
.brand:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;flex:none}
.brand .mark:where(:root.page-contact,:root.page-contact *){height:54px;width:auto;flex:none;object-fit:contain}
.nav-links:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;justify-content:center;gap:4px;flex:1 1 auto}
.nav-link:where(:root.page-contact,:root.page-contact *){font-size:14px;font-weight:500;color:var(--ink-2); padding:9px 14px;border-radius:100px;transition:.18s}
.nav-link:hover:where(:root.page-contact,:root.page-contact *){color:var(--ink);background:rgba(46,18,26,.06)}
.nav-cta:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;gap:8px;flex:none}

/* ---------- nav dropdown ---------- */
.nav-item:where(:root.page-contact,:root.page-contact *){position:relative;display:flex;align-items:center}
.nav-trigger:where(:root.page-contact,:root.page-contact *){display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;cursor:pointer;font-family:inherit}
.nav-trigger .caret:where(:root.page-contact,:root.page-contact *){width:15px;height:15px;color:var(--ink-2);transition:transform .25s var(--ease),color .2s;flex:none}
.nav-trigger .caret path:where(:root.page-contact,:root.page-contact *){fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav-item:hover .nav-trigger:where(:root.page-contact,:root.page-contact *),.nav-item:focus-within .nav-trigger:where(:root.page-contact,:root.page-contact *){color:var(--ink);background:var(--paper-2)}
.nav-item:hover .caret:where(:root.page-contact,:root.page-contact *),.nav-item:focus-within .caret:where(:root.page-contact,:root.page-contact *){transform:rotate(180deg);color:var(--wine)}
.nav-menu:where(:root.page-contact,:root.page-contact *){position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(8px) scale(.985);transform-origin:top center; width:332px;background:var(--paper);border:1px solid var(--line);border-radius:14px; box-shadow:var(--shadow-lg);padding:8px; opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s; z-index:50}
.nav-menu:where(:root.page-contact,:root.page-contact *)::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nav-item:hover .nav-menu:where(:root.page-contact,:root.page-contact *),.nav-item:focus-within .nav-menu:where(:root.page-contact,:root.page-contact *){opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}

/* mega dropdown (Solutions) */
.nav-mega:where(:root.page-contact,:root.page-contact *){position:absolute;top:calc(100% + 12px);left:0;transform:translateY(8px) scale(.99);transform-origin:top left; width:min(880px,calc(100vw - 48px)); background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg); padding:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px; opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s;z-index:50}
.nav-mega:where(:root.page-contact,:root.page-contact *)::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nav-item:hover .nav-mega:where(:root.page-contact,:root.page-contact *),.nav-item:focus-within .nav-mega:where(:root.page-contact,:root.page-contact *){opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
.mega-col:where(:root.page-contact,:root.page-contact *){padding:14px 16px;border-radius:12px;border:1px solid transparent;transition:border-color .2s,background .2s}
.mega-col:hover:where(:root.page-contact,:root.page-contact *){background:var(--paper-2);border-color:var(--line)}
.mega-prod:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;gap:10px;padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.mega-prod .mp-glyph:where(:root.page-contact,:root.page-contact *){width:28px;height:28px;border-radius:8px;background:var(--accent);color:#fff;display:grid;place-items:center;font-family:var(--font-mono);font-size:9px;font-weight:600;flex:none}
.mega-prod b:where(:root.page-contact,:root.page-contact *){font-size:15px;font-weight:700;letter-spacing:-0.02em;color:var(--ink)}
.mega-prod:hover b:where(:root.page-contact,:root.page-contact *){color:var(--wine)}
.mega-desc:where(:root.page-contact,:root.page-contact *){font-size:12.5px;line-height:1.45;color:var(--ink-3);margin:12px 0 14px;min-height:54px}
.mega-sub:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13.5px;font-weight:500;color:var(--ink-2);padding:8px 0;border-top:1px solid var(--line-2);transition:color .15s}
.mega-sub .arr:where(:root.page-contact,:root.page-contact *){color:var(--ink-3);opacity:0;transform:translateX(-4px);transition:.18s var(--ease)}
.mega-sub:hover:where(:root.page-contact,:root.page-contact *){color:var(--wine)}
.mega-sub:hover .arr:where(:root.page-contact,:root.page-contact *){color:var(--wine);opacity:1;transform:translateX(0)}
.nav-menu-link:where(:root.page-contact,:root.page-contact *){display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:14px;row-gap:2px; padding:11px 13px;border-radius:10px;transition:background .16s var(--ease)}
.nav-menu-link .nml-t:where(:root.page-contact,:root.page-contact *){font-size:14.5px;font-weight:600;color:var(--ink);letter-spacing:-0.01em}
.nav-menu-link .nml-d:where(:root.page-contact,:root.page-contact *){grid-column:1;font-size:12px;color:var(--ink-3);line-height:1.35}
.nav-menu-link .nml-arr:where(:root.page-contact,:root.page-contact *){grid-column:2;grid-row:1/span 2;color:var(--ink-3);font-size:15px;transition:transform .2s var(--ease),color .2s}
.nav-menu-link:hover:where(:root.page-contact,:root.page-contact *){background:var(--paper-2)}
.nav-menu-link:hover .nml-t:where(:root.page-contact,:root.page-contact *){color:var(--wine)}
.nav-menu-link:hover .nml-arr:where(:root.page-contact,:root.page-contact *){color:var(--wine);transform:translate(3px,-1px)}

/* modern icon dropdown (Solutions + Resources + Industries) */
.nav-mega--icons:where(:root.page-contact,:root.page-contact *){padding:18px;display:block}
.nav-menu.nav-mega--icons:where(:root.page-contact,:root.page-contact *){width:392px}
.nmi-label:where(:root.page-contact,:root.page-contact *){display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);padding:0 4px 12px;margin:0 0 12px;border-bottom:1px solid var(--line)}
.nmi-grid:where(:root.page-contact,:root.page-contact *){display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}
.nmi-grid--3:where(:root.page-contact,:root.page-contact *){grid-template-columns:1fr 1fr 1fr}
.nmi-grid--1:where(:root.page-contact,:root.page-contact *){grid-template-columns:1fr;gap:4px}

/* Solutions: vertical list + preview panel */
.nmi-split:where(:root.page-contact,:root.page-contact *){display:flex;gap:40px}
.nmi-split .nmi-grid--1:where(:root.page-contact,:root.page-contact *){flex:0 0 42%;min-width:0;gap:9px;grid-template-columns:1fr}
.nmi-preview:where(:root.page-contact,:root.page-contact *){flex:1 1 58%;min-width:0;display:flex;flex-direction:column;gap:9px}
.nmp-cap:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.nmp-frame:where(:root.page-contact,:root.page-contact *){flex:1;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper-2);display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}
.nmp-bar:where(:root.page-contact,:root.page-contact *){display:flex;gap:5px;padding:11px 13px;border-bottom:1px solid var(--line);background:var(--paper)}
.nmp-bar i:where(:root.page-contact,:root.page-contact *){width:9px;height:9px;border-radius:50%;background:#DAD7D0}
.nmp-body:where(:root.page-contact,:root.page-contact *){flex:1;display:flex;flex-direction:column;justify-content:center;gap:9px;padding:24px;position:relative;overflow:hidden;transition:background .25s var(--ease)}
.nmp-body:where(:root.page-contact,:root.page-contact *)::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.5) 1.1px,transparent 1.1px);background-size:16px 16px;opacity:.5}
.nmp-body.c1:where(:root.page-contact,:root.page-contact *){background:linear-gradient(150deg,#B23a4a,#8E1B2C)}
.nmp-body.c2:where(:root.page-contact,:root.page-contact *){background:linear-gradient(150deg,#2A6FDB,#1B44A8)}
.nmp-body.c3:where(:root.page-contact,:root.page-contact *){background:linear-gradient(150deg,#1F8A5B,#136141)}
.nmp-body.c4:where(:root.page-contact,:root.page-contact *){background:linear-gradient(150deg,#7A4AD1,#4E2B95)}
.nmp-badge:where(:root.page-contact,:root.page-contact *){position:relative;font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.nmp-title:where(:root.page-contact,:root.page-contact *){position:relative;font-size:20px;font-weight:700;letter-spacing:-0.02em;color:#fff;line-height:1.1}
.nmp-sub:where(:root.page-contact,:root.page-contact *){position:relative;font-size:12.5px;color:rgba(255,255,255,.82);line-height:1.45;max-width:30ch}
.nmp-rows:where(:root.page-contact,:root.page-contact *){position:relative;display:flex;flex-direction:column;gap:6px;margin-top:8px}
.nmp-rows i:where(:root.page-contact,:root.page-contact *){height:7px;border-radius:4px;background:rgba(255,255,255,.28)}
.nmp-rows i:nth-child(1):where(:root.page-contact,:root.page-contact *){width:80%}
.nmp-rows i:nth-child(2):where(:root.page-contact,:root.page-contact *){width:62%}
.nmp-rows i:nth-child(3):where(:root.page-contact,:root.page-contact *){width:70%}
.nmi-item:where(:root.page-contact,:root.page-contact *){display:flex;align-items:flex-start;gap:13px;padding:12px;border-radius:14px;transition:background .16s var(--ease)}
.nmi-item:hover:where(:root.page-contact,:root.page-contact *){background:var(--paper-2)}
.nmi-ic:where(:root.page-contact,:root.page-contact *){width:42px;height:42px;border-radius:12px;flex:none;display:grid;place-items:center;color:#fff;box-shadow:0 6px 14px -6px rgba(20,16,22,.4)}
.nmi-ic svg:where(:root.page-contact,:root.page-contact *){width:22px;height:22px;display:block}
.nmi-grid:where(:root.page-contact,:root.page-contact *){display:grid;grid-template-columns:1fr 1fr;gap:4px}
.nmi-grid--3:where(:root.page-contact,:root.page-contact *){grid-template-columns:1fr 1fr 1fr}
.nmi-item:where(:root.page-contact,:root.page-contact *){display:flex;align-items:flex-start;gap:13px;padding:12px;border-radius:14px;transition:background .16s var(--ease)}
.nmi-item--sm:where(:root.page-contact,:root.page-contact *){gap:11px;padding:10px 11px}
.nmi-item:hover:where(:root.page-contact,:root.page-contact *){background:var(--paper-2)}
.nmi-ic:where(:root.page-contact,:root.page-contact *){width:42px;height:42px;border-radius:12px;flex:none;display:grid;place-items:center;color:#fff;box-shadow:0 6px 14px -6px rgba(20,16,22,.4)}
.nmi-item--sm .nmi-ic:where(:root.page-contact,:root.page-contact *){width:36px;height:36px;border-radius:10px}
.nmi-item--sm .nmi-ic svg:where(:root.page-contact,:root.page-contact *){width:19px;height:19px}
.nmi-ic svg:where(:root.page-contact,:root.page-contact *){width:22px;height:22px;display:block}
.nmi-ic.c1:where(:root.page-contact,:root.page-contact *){background:linear-gradient(150deg,#B23a4a,#8E1B2C)}
.nmi-ic.c2:where(:root.page-contact,:root.page-contact *){background:linear-gradient(150deg,#3E63B4,#28407e)}
.nmi-ic.c3:where(:root.page-contact,:root.page-contact *){background:linear-gradient(150deg,#2E9C6E,#1c6b4a)}
.nmi-ic.c4:where(:root.page-contact,:root.page-contact *){background:linear-gradient(150deg,#C0892E,#8a611c)}
.nmi-ic.c5:where(:root.page-contact,:root.page-contact *){background:linear-gradient(150deg,#6b52b4,#4a3780)}
.nmi-tx:where(:root.page-contact,:root.page-contact *){display:flex;flex-direction:column;gap:3px;min-width:0}
.nmi-tx b:where(:root.page-contact,:root.page-contact *){font-size:14.5px;font-weight:700;color:var(--ink);letter-spacing:-0.01em;transition:color .16s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nmi-item:hover .nmi-tx b:where(:root.page-contact,:root.page-contact *){color:var(--wine)}
.nmi-tx span:where(:root.page-contact,:root.page-contact *){font-size:12px;color:var(--ink-3);line-height:1.35; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Solutions single-col: one-line description */
.nmi-grid--1 .nmi-tx span:where(:root.page-contact,:root.page-contact *){display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:none}

/* card-grid mega (Industries) — reuses Resources nav-menu-link cards */
.nav-mega--cards:where(:root.page-contact,:root.page-contact *){display:grid;grid-template-columns:repeat(3,1fr);gap:2px;width:min(640px,calc(100vw - 48px));padding:12px}

/* hover-intent: keep dropdown open while travelling to the panel */
.nav-item.is-open .nav-trigger:where(:root.page-contact,:root.page-contact *){color:var(--ink);background:var(--paper-2)}
.nav-item.is-open .caret:where(:root.page-contact,:root.page-contact *){transform:rotate(180deg);color:var(--wine)}
.nav-item.is-open .nav-menu:where(:root.page-contact,:root.page-contact *){opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}
.nav-item.is-open .nav-mega:where(:root.page-contact,:root.page-contact *){opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}
.nav-item:not(.is-open):hover .nav-menu:where(:root.page-contact,:root.page-contact *),.nav-item:not(.is-open):hover .nav-mega:where(:root.page-contact,:root.page-contact *){opacity:0;visibility:hidden;pointer-events:none}

/* ---------- footer ---------- */
.foot:where(:root.page-contact,:root.page-contact *){background:var(--paper-2);border-top:1px solid var(--line);padding-block:clamp(64px,8vw,104px) 36px}
.foot-grid:where(:root.page-contact,:root.page-contact *){display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:48px 36px}
.foot :is(h3,h4):where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500;margin-bottom:16px}
.foot-brand:where(:root.page-contact,:root.page-contact *){margin-bottom:20px}
.foot-brand .mark:where(:root.page-contact,:root.page-contact *){height:56px;width:auto}
.foot ul:where(:root.page-contact,:root.page-contact *){list-style:none;display:flex;flex-direction:column;gap:11px}
.foot li a:where(:root.page-contact,:root.page-contact *){font-size:14.5px;color:var(--ink-2);transition:.15s}
.foot li a:hover:where(:root.page-contact,:root.page-contact *){color:var(--wine)}
.foot-badge:where(:root.page-contact,:root.page-contact *){display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--wine);background:var(--wine-soft);padding:3px 7px;border-radius:5px;text-transform:uppercase;white-space:nowrap}

/* ---------- reveal / motion ----------
   Reveal hidden/visible state is driven by JS via inline styles so the
   visible END state is always the static computed style (never dependent on
   the animation clock). The WAAPI keyframe is pure enhancement. */

/* hairline tech grid background */
.grid-bg:where(:root.page-contact,:root.page-contact *){position:absolute;inset:0;pointer-events:none; background-image:linear-gradient(var(--hair) 1px,transparent 1px),linear-gradient(90deg,var(--hair) 1px,transparent 1px); background-size:64px 64px; -webkit-mask-image:radial-gradient(120% 90% at 70% 0%,#000 0%,transparent 72%); mask-image:radial-gradient(120% 90% at 70% 0%,#000 0%,transparent 72%); opacity:.5}

/* utility */
.mono:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono)}
.nowrap:where(:root.page-contact,:root.page-contact *){white-space:nowrap}
.center:where(:root.page-contact,:root.page-contact *){text-align:center}
.stat-num:where(:root.page-contact,:root.page-contact *){font-size:clamp(30px,3.4vw,46px);font-weight:700;letter-spacing:-0.03em;line-height:1;font-variant-numeric:tabular-nums}
.stat-lbl:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:9px}

/* ---------- cookie / privacy bar ---------- */
.cookiebar:where(:root.page-contact,:root.page-contact *){position:fixed;left:0;right:0;bottom:0;z-index:920; padding:0 clamp(12px,3vw,28px) clamp(12px,2.4vw,22px); pointer-events:none; opacity:0;transform:translateY(130%)}
.cookiebar-in:where(:root.page-contact,:root.page-contact *){pointer-events:auto;position:relative; max-width:1180px;margin:0 auto; display:flex;align-items:center;gap:clamp(14px,2vw,26px); background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%); border:1px solid var(--line);border-radius:14px; box-shadow:var(--shadow-lg); padding:14px clamp(16px,2vw,22px)}
.cb-ico:where(:root.page-contact,:root.page-contact *){flex:none;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--wine);background:var(--wine-soft);border:1px solid var(--wine-line)}
.cb-text:where(:root.page-contact,:root.page-contact *){flex:1;min-width:0;font-size:13.5px;line-height:1.5;color:var(--ink-2);letter-spacing:-0.005em;text-wrap:pretty}
.cb-text a:where(:root.page-contact,:root.page-contact *){color:var(--wine);font-weight:600;border-bottom:1px solid var(--wine-line);transition:.18s}
.cb-text a:hover:where(:root.page-contact,:root.page-contact *){border-bottom-color:var(--wine)}
.cb-actions:where(:root.page-contact,:root.page-contact *){flex:none;display:flex;align-items:center;gap:10px}
.cb-close:where(:root.page-contact,:root.page-contact *){flex:none;width:30px;height:30px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--ink-3);font-size:20px;line-height:1;display:grid;place-items:center;transition:.18s}
.cb-close:hover:where(:root.page-contact,:root.page-contact *){background:var(--paper-2);color:var(--ink)}

/* touch 1781880836837 */

/* ============================================================================
   TRUECOPY — sections.css
   ========================================================================== */

/* ============================ HERO (centered SaaS · red gradient) ============================ */
.hero:where(:root.page-contact,:root.page-contact *){position:relative;isolation:isolate; overflow:hidden;text-align:center;color:#fff; background: linear-gradient(180deg, rgba(255,255,255,.05), transparent 24%), linear-gradient(180deg,#6F1E2A 0%,#892634 15%,#A6333E 30%,#C25551 45%,#DA8377 58%,#F0C2B6 70%,#FBEAE3 78%,#FFFFFF 86%,#FFFFFF 100%)}

/* circular visual language */
.hero-bg:where(:root.page-contact,:root.page-contact *){position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.hero-noise:where(:root.page-contact,:root.page-contact *){position:absolute;inset:0;pointer-events:none;opacity:.18;mix-blend-mode:soft-light; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='hn'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23hn)'/%3E%3C/svg%3E");background-size:150px 150px}
.hero-glow:where(:root.page-contact,:root.page-contact *){position:absolute;left:50%;top:32%;width:680px;height:680px;transform:translate(-50%,-50%); background:radial-gradient(circle,rgba(255,205,188,.26),transparent 64%);filter:blur(12px); animation:heroGlow 9s var(--ease) infinite}
.orbit:where(:root.page-contact,:root.page-contact *){position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);border-radius:50%; border:1px solid rgba(255,255,255,.16); -webkit-mask-image:radial-gradient(circle,transparent 38%,#000 56%,#000 70%,transparent 86%); mask-image:radial-gradient(circle,transparent 38%,#000 56%,#000 70%,transparent 86%)}
.orbit-1:where(:root.page-contact,:root.page-contact *){width:680px;height:680px}
.orbit-2:where(:root.page-contact,:root.page-contact *){width:1080px;height:1080px;border-color:rgba(255,255,255,.10)}
.orbit-2.dashed-spin:where(:root.page-contact,:root.page-contact *){border-style:dashed;border-width:1.5px;border-color:rgba(255,255,255,.34); -webkit-mask-image:none;mask-image:none;animation:spin 60s linear infinite}
.orbit-3:where(:root.page-contact,:root.page-contact *){width:1480px;height:1480px;border-color:rgba(255,255,255,.07)}
.orbit-4:where(:root.page-contact,:root.page-contact *){width:1880px;height:1880px;border-color:rgba(255,255,255,.16)}
.orbit-4.dashed:where(:root.page-contact,:root.page-contact *){border-style:dashed;border-width:1px;animation:spin 80s linear infinite}
.hero-float-ring:where(:root.page-contact,:root.page-contact *){position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.30);opacity:.3}
.fr-a:where(:root.page-contact,:root.page-contact *){width:16px;height:16px;left:8%;top:30%;background:rgba(255,255,255,.14);animation:floatY 7s var(--ease) infinite}
.fr-d:where(:root.page-contact,:root.page-contact *){width:11px;height:11px;left:12%;top:64%;background:rgba(255,255,255,.55);border:0;animation:floatY 8s var(--ease) infinite reverse}
.fr-b:where(:root.page-contact,:root.page-contact *){width:30px;height:30px;right:8%;top:28%;animation:floatY 9s var(--ease) infinite reverse}
.fr-c:where(:root.page-contact,:root.page-contact *){width:11px;height:11px;right:12%;top:64%;background:rgba(255,255,255,.55);border:0;animation:floatY 6s var(--ease) infinite}
.hero-in:where(:root.page-contact,:root.page-contact *){position:relative;display:block}
.hero-copy:where(:root.page-contact,:root.page-contact *){max-width:880px;margin:0 auto}

/* social-proof review badge */
.hero-badge:where(:root.page-contact,:root.page-contact *){display:inline-flex;align-items:center;gap:11px;margin:0 auto;white-space:nowrap; padding:7px 16px 7px 12px;border-radius:100px; background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.26); -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px); font-size:13.5px;font-weight:500;color:rgba(255,255,255,.92);transition:.2s var(--ease)}
.hero-badge:hover:where(:root.page-contact,:root.page-contact *){background:rgba(255,255,255,.2);transform:translateY(-1px)}
.hero-badge .stars:where(:root.page-contact,:root.page-contact *){color:#FFD9A0;font-size:12px;letter-spacing:1px}
.hero-badge .hb-tx b:where(:root.page-contact,:root.page-contact *){font-weight:700;color:#fff}
.hero h1:where(:root.page-contact,:root.page-contact *){margin:26px auto 0;color:#fff;max-width:none; font-size:clamp(21px,2.6vw,34px);line-height:1.14;letter-spacing:-0.035em}
.hero h1 .ln1:where(:root.page-contact,:root.page-contact *){display:block;white-space:nowrap}
.hero h1 .ln2:where(:root.page-contact,:root.page-contact *){display:block;color:#fff;white-space:nowrap}
.hero h1 .ln3:where(:root.page-contact,:root.page-contact *){color:#fff}
.hero .lede:where(:root.page-contact,:root.page-contact *){margin:24px auto 0;color:rgba(255,255,255,.84);max-width:60ch;text-align:center;font-size:clamp(16px,1.5vw,19.5px)}
.hero-cta:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;justify-content:center;gap:20px;margin-top:38px;flex-wrap:wrap}
.hero-form:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;gap:6px;margin:34px auto 0;width:100%;max-width:476px; background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.32);border-radius:100px; padding:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px); box-shadow:0 16px 44px -22px rgba(40,8,12,.42)}
.hero-form:focus-within:where(:root.page-contact,:root.page-contact *){border-color:rgba(255,255,255,.58);background:rgba(255,255,255,.18)}
.hero-email:where(:root.page-contact,:root.page-contact *){flex:1 1 auto;min-width:0;background:transparent;border:0;outline:none;color:#fff; font-size:15px;padding:11px 8px 11px 18px;font-family:inherit;letter-spacing:-0.01em}
.hero-email:where(:root.page-contact,:root.page-contact *)::placeholder{color:rgba(255,255,255,.72)}
.hero-form .btn-hero:where(:root.page-contact,:root.page-contact *){flex:none}
.btn-hero:where(:root.page-contact,:root.page-contact *){background:#fff;color:var(--wine-deep);font-weight:700;padding:11px 24px;border-radius:100px; box-shadow:0 14px 34px -16px rgba(40,8,12,.45),0 1px 0 rgba(255,255,255,.5) inset;font-size:15px}
.btn-hero:hover:where(:root.page-contact,:root.page-contact *){transform:translateY(-2px);background:#fff;box-shadow:0 26px 60px -18px rgba(40,8,12,.62)}
.btn-hero .arr:where(:root.page-contact,:root.page-contact *){transition:transform .25s var(--ease)}
.btn-hero:hover .arr:where(:root.page-contact,:root.page-contact *){transform:translateX(4px)}
.hero-play:where(:root.page-contact,:root.page-contact *){display:inline-flex;align-items:center;gap:11px;color:#fff;font-weight:600;font-size:15px;opacity:.95;transition:.2s}
.hero-play:hover:where(:root.page-contact,:root.page-contact *){opacity:1}
.hero-play .hp-ic:where(:root.page-contact,:root.page-contact *){width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none; background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.32);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:.2s var(--ease)}
.hero-play .hp-ic:where(:root.page-contact,:root.page-contact *)::after{content:"";width:0;height:0;border-left:9px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:3px}
.hero-play:hover .hp-ic:where(:root.page-contact,:root.page-contact *){background:rgba(255,255,255,.26);transform:scale(1.06)}
.hero-trust:where(:root.page-contact,:root.page-contact *){display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:42px}
.hero-trust .ht:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;gap:10px;padding:9px 16px;border-radius:100px; background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20); -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.hero-trust .ht-ic:where(:root.page-contact,:root.page-contact *){width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.22);color:#fff;display:grid;place-items:center;font-size:10px;flex:none}
.hero-trust .ht-tx:where(:root.page-contact,:root.page-contact *){display:flex;flex-direction:column;gap:0;text-align:left;line-height:1.15}
.hero-trust .ht b:where(:root.page-contact,:root.page-contact *){font-size:13px;font-weight:700;color:#fff}
.hero-trust .ht span:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6)}

/* product mockup floating below */
.hero-stage-wrap:where(:root.page-contact,:root.page-contact *){position:relative;max-width:955px;margin:clamp(104px,12vw,168px) auto 0;perspective:1800px}
.hero-stage-wrap .stage:where(:root.page-contact,:root.page-contact *){border-radius:24px;border:15px solid rgba(248,205,197,.6); box-shadow:0 26px 56px -36px rgba(70,22,30,.28); transform:rotateX(3deg);transform-origin:center top;background-clip:padding-box}
.hero-float:where(:root.page-contact,:root.page-contact *){position:absolute;z-index:4;display:flex;align-items:center;gap:11px; padding:11px 14px;border-radius:13px;background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.8); box-shadow:0 22px 50px -22px rgba(40,8,16,.45)}
.hero-float .hfl-tx:where(:root.page-contact,:root.page-contact *){display:flex;flex-direction:column;text-align:left;line-height:1.25}
.hero-float .hfl-tx b:where(:root.page-contact,:root.page-contact *){font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-0.01em}
.hero-float .hfl-tx span:where(:root.page-contact,:root.page-contact *){font-size:11px;color:var(--ink-3)}
.hf-1:where(:root.page-contact,:root.page-contact *){left:-30px;top:24%;animation:floatCard 6.5s var(--ease) infinite}
.hf-1 .hfl-dot:where(:root.page-contact,:root.page-contact *){width:30px;height:30px;border-radius:50%;background:var(--wine-soft);position:relative;flex:none}
.hf-1 .hfl-dot:where(:root.page-contact,:root.page-contact *)::after{content:"\2713";position:absolute;inset:0;display:grid;place-items:center;color:var(--wine);font-weight:700;font-size:14px}
.hf-2:where(:root.page-contact,:root.page-contact *){right:-26px;top:54%;animation:floatCard 7.5s var(--ease) infinite reverse}
.hf-2 .hfl-ring:where(:root.page-contact,:root.page-contact *){position:relative;width:38px;height:38px;flex:none;display:grid;place-items:center}
.hf-2 .hfl-ring svg:where(:root.page-contact,:root.page-contact *){position:absolute;inset:0;transform:rotate(-90deg)}
.hf-2 .hfl-ring circle:where(:root.page-contact,:root.page-contact *){fill:none;stroke:var(--line);stroke-width:3}
.hf-2 .hfl-ring circle.prog:where(:root.page-contact,:root.page-contact *){stroke:var(--accent);stroke-linecap:round;stroke-dasharray:97.4;stroke-dashoffset:2}
.hf-2 .hfl-ring span:where(:root.page-contact,:root.page-contact *){font-size:10px;font-weight:700;color:var(--ink)}

/* hero product infographics — static icon circles riding the moving ring */

/* chips ride the dashed moving ring — two stacked on the left side, two on the right,
   vertically centred on the ring's centre (left:50%, top:34% — matching .orbit) */
.hero-chips:where(:root.page-contact,:root.page-contact *){position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;pointer-events:none; --rx:clamp(300px,41vw,500px);--ry:clamp(92px,10vw,150px)}
.hchip:where(:root.page-contact,:root.page-contact *){position:absolute;width:clamp(122px,11vw,154px);aspect-ratio:1;border-radius:26px;display:grid;place-items:center; pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent; background:linear-gradient(160deg,rgba(255,255,255,.20),rgba(255,255,255,.05))}
.hchip .hc-inner:where(:root.page-contact,:root.page-contact *){transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.hchip:hover .hc-inner:where(:root.page-contact,:root.page-contact *){transform:scale(1.05);box-shadow:0 18px 34px -14px rgba(70,18,28,.6)}
.hchip:active .hc-inner:where(:root.page-contact,:root.page-contact *){transform:scale(.93);transition-duration:.09s}
.hchip:focus-visible:where(:root.page-contact,:root.page-contact *){outline:2px solid #fff;outline-offset:3px}
.hchip:nth-child(1):where(:root.page-contact,:root.page-contact *){left:calc(50% - var(--rx) + 30px);top:calc(34% - 150px - var(--ry));transform:translate(-50%,-50%);animation:hchipL 6.5s var(--ease) infinite}
.hchip:nth-child(2):where(:root.page-contact,:root.page-contact *){left:calc(50% - var(--rx) - 20px);top:calc(34% - 110px + var(--ry));transform:translate(-50%,-50%);animation:hchipL 6.5s var(--ease) infinite;animation-delay:-2.2s}
.hchip:nth-child(3):where(:root.page-contact,:root.page-contact *){left:calc(50% + var(--rx) - 30px);top:calc(34% - 150px - var(--ry));transform:translate(-50%,-50%);animation:hchipR 6.5s var(--ease) infinite;animation-delay:-1.1s}
.hchip:nth-child(4):where(:root.page-contact,:root.page-contact *){left:calc(50% + var(--rx) + 30px);top:calc(34% - 110px + var(--ry));transform:translate(-50%,-50%);animation:hchipR 6.5s var(--ease) infinite;animation-delay:-3.4s}
html[data-motion="off"] .hchip:where(:root.page-contact,:root.page-contact *){animation:none}
.hchip:where(:root.page-contact,:root.page-contact *)::before{content:"";position:absolute;inset:0;border-radius:26px;padding:1.4px;pointer-events:none; background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.05) 70%,transparent); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.hc-inner:where(:root.page-contact,:root.page-contact *){width:80%;height:80%;border-radius:18px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:6px; box-shadow:0 12px 26px -12px rgba(70,18,28,.5)}
.hchip .hc-fig:where(:root.page-contact,:root.page-contact *){height:clamp(44px,4.6vw,58px);width:auto;max-width:92%;display:block}
.hchip:first-child .hc-fig:where(:root.page-contact,:root.page-contact *){height:clamp(58px,6.1vw,78px)}
.hc-nm:where(:root.page-contact,:root.page-contact *){font-size:clamp(11px,1vw,13px);font-weight:600;color:var(--wine);letter-spacing:-0.01em}

/* dashboard stage */
.stage:where(:root.page-contact,:root.page-contact *){position:relative;border-radius:16px;background:var(--paper); border:1px solid var(--line);box-shadow:var(--shadow-lg);overflow:hidden}
.stage-bar:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;gap:14px;padding:12px 14px;border-bottom:1px solid var(--line-2);background:var(--paper-2)}
.win-dots:where(:root.page-contact,:root.page-contact *){display:flex;gap:6px}
.win-dots i:where(:root.page-contact,:root.page-contact *){width:10px;height:10px;border-radius:50%;background:#DAD7D0;display:block}
.stage-addr:where(:root.page-contact,:root.page-contact *){flex:1;display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--ink-3);background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:5px 10px;min-width:0}
.stage-addr .lock:where(:root.page-contact,:root.page-contact *){color:var(--accent)}
.stage-addr .url:where(:root.page-contact,:root.page-contact *){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stage-live:where(:root.page-contact,:root.page-contact *){display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:#16804a}
.stage-live i:where(:root.page-contact,:root.page-contact *){width:6px;height:6px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 0 rgba(22,163,74,.5);animation:livePulse 2.4s infinite}
.stage-tabs:where(:root.page-contact,:root.page-contact *){position:relative;display:flex;gap:4px;padding:8px 10px;border-bottom:1px solid var(--line-2)}
.tab-ind:where(:root.page-contact,:root.page-contact *){position:absolute;top:8px;left:0;height:calc(100% - 16px);width:0;background:var(--paper-2);border:1px solid var(--line);border-radius:8px;z-index:0;pointer-events:none}
.stab:where(:root.page-contact,:root.page-contact *){position:relative;z-index:1;flex:1 1 0;min-width:0;overflow:hidden; display:inline-flex;align-items:center;justify-content:center;gap:6px; font-size:12px;font-weight:600;letter-spacing:-0.01em;color:var(--ink-3); padding:8px 6px;border-radius:8px;border:1px solid transparent;background:transparent;transition:color .2s var(--ease)}
.stab .gl:where(:root.page-contact,:root.page-contact *){width:17px;height:17px;border-radius:5px;display:grid;place-items:center;font-family:var(--font-mono);font-size:7.5px;font-weight:600;color:#fff;background:var(--ink-3);transition:background .2s;flex:none}
.stab-tx:where(:root.page-contact,:root.page-contact *){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.stab:hover:where(:root.page-contact,:root.page-contact *){color:var(--ink)}
.stab.is-active:where(:root.page-contact,:root.page-contact *){color:var(--ink)}
.stab.is-active .gl:where(:root.page-contact,:root.page-contact *){background:var(--wine)}
.stage-body:where(:root.page-contact,:root.page-contact *){position:relative;aspect-ratio:16/10.2;background:var(--paper-2);overflow:hidden}
.panel-track:where(:root.page-contact,:root.page-contact *){display:flex;height:100%;width:100%;will-change:transform}
.panel:where(:root.page-contact,:root.page-contact *){flex:0 0 100%;height:100%;padding:20px;opacity:1;pointer-events:auto}

/* video placeholder */
.vplace:where(:root.page-contact,:root.page-contact *){position:relative;width:100%;height:100%;border-radius:11px;overflow:hidden;background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column}
.vplace-top:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid var(--line-2)}
.vplace-top .vt:where(:root.page-contact,:root.page-contact *){font-weight:600;font-size:13.5px}
.vplace-top .vmeta:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--ink-3)}
.poster:where(:root.page-contact,:root.page-contact *){position:relative;flex:1;overflow:hidden;background: radial-gradient(120% 120% at 80% 0%, var(--paper-2), var(--paper))}
.poster-dots:where(:root.page-contact,:root.page-contact *){position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1px,transparent 1px);background-size:18px 18px;opacity:.6;-webkit-mask-image:linear-gradient(transparent,#000 30%);mask-image:linear-gradient(transparent,#000 30%)}
.play:where(:root.page-contact,:root.page-contact *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3; width:64px;height:64px;border-radius:50%;background:var(--wine);border:0; display:grid;place-items:center;box-shadow:0 16px 40px -12px rgba(155,27,46,.6);transition:.25s var(--ease)}
.play:where(:root.page-contact,:root.page-contact *)::after{content:"";width:0;height:0;border-left:17px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:4px}
.play:hover:where(:root.page-contact,:root.page-contact *){transform:translate(-50%,-50%) scale(1.07)}
.play-ring:where(:root.page-contact,:root.page-contact *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;border:1px solid var(--wine-line);z-index:2;animation:ring 3s var(--ease) infinite}
.vcap:where(:root.page-contact,:root.page-contact *){position:absolute;left:14px;bottom:13px;z-index:3;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--ink-3);background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:5px 9px;border-radius:6px;border:1px solid var(--line)}

/* faux dashboard rows inside poster */
.fx:where(:root.page-contact,:root.page-contact *){position:absolute;border-radius:7px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.fx-row:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;gap:9px;padding:9px 12px}
.fx-ic:where(:root.page-contact,:root.page-contact *){width:24px;height:24px;border-radius:6px;background:var(--accent-soft);flex:none}
.fx-bar:where(:root.page-contact,:root.page-contact *){height:7px;border-radius:4px;background:var(--paper-3)}
.fx-chip:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:9px;letter-spacing:.05em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:2px 6px}
.fx-col:where(:root.page-contact,:root.page-contact *){display:flex;flex-direction:column;justify-content:flex-end;gap:0;align-items:center}
.fx-colbar:where(:root.page-contact,:root.page-contact *){width:18px;border-radius:3px 3px 0 0;background:var(--accent);opacity:.85}
.fx-colbar.lo:where(:root.page-contact,:root.page-contact *){background:var(--paper-3)}
.fx-colbar.wine:where(:root.page-contact,:root.page-contact *){background:var(--wine)}

/* floating controls */
.stage-ctrl:where(:root.page-contact,:root.page-contact *){position:absolute;right:16px;bottom:16px;z-index:6;display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:100px;padding:6px;box-shadow:var(--shadow-md)}
.stage-ctrl button:where(:root.page-contact,:root.page-contact *){width:30px;height:30px;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--ink-2);display:grid;place-items:center;transition:.18s}
.stage-ctrl button:hover:where(:root.page-contact,:root.page-contact *){background:var(--paper-2);color:var(--ink)}
.dots:where(:root.page-contact,:root.page-contact *){display:flex;gap:6px;padding:0 4px}
.dots i:where(:root.page-contact,:root.page-contact *){width:6px;height:6px;border-radius:50%;background:var(--line);transition:.25s;cursor:pointer}
.dots i.on:where(:root.page-contact,:root.page-contact *){background:var(--wine);width:18px;border-radius:4px}

/* ============================ TRUST BAR (left text · right logo cloud) ============================ */
.trustbar:where(:root.page-contact,:root.page-contact *){background:var(--paper);padding-block:clamp(24px,3vw,40px)}
.trustbar-in:where(:root.page-contact,:root.page-contact *){display:grid;grid-template-columns:minmax(180px,0.66fr) 1.7fr;gap:clamp(20px,3.2vw,48px);align-items:center}
.trustbar-label:where(:root.page-contact,:root.page-contact *){font-size:clamp(18px,1.95vw,24px);font-weight:600;letter-spacing:-0.01em;color:var(--ink);line-height:1.3;display:block;max-width:22ch}
.tb-marquee:where(:root.page-contact,:root.page-contact *){position:relative;overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.tb-track:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;width:max-content;gap:clamp(34px,3.8vw,60px);animation:tbScroll 36s linear infinite}
.tb-marquee:hover .tb-track:where(:root.page-contact,:root.page-contact *){animation-play-state:paused}
html[data-motion="off"] .tb-track:where(:root.page-contact,:root.page-contact *){animation:none}
.tb-logo:where(:root.page-contact,:root.page-contact *){display:inline-flex;align-items:center;justify-content:center;flex:none;transition:filter .25s var(--ease),opacity .25s var(--ease)}
.tb-logo img:where(:root.page-contact,:root.page-contact *){display:block;width:auto;object-fit:contain;transition:opacity .25s var(--ease),transform .25s var(--ease)}
.tb-logo.tb-wm img:where(:root.page-contact,:root.page-contact *){height:clamp(20px,1.98vw,26px);max-width:165px}
.tb-logo.tb-sq img:where(:root.page-contact,:root.page-contact *){height:clamp(31px,3.08vw,42px);max-width:77px}
.tb-logo:hover img:where(:root.page-contact,:root.page-contact *){transform:scale(1.06)}
.tb-aws:where(:root.page-contact,:root.page-contact *){font-weight:800;letter-spacing:-.03em;align-items:flex-end;gap:2px}
.tb-aws .tb-smile:where(:root.page-contact,:root.page-contact *){width:1.5em;height:.4em;fill:currentColor;margin-bottom:3px}

/* ============================ MILESTONE JOURNEY ============================ */
.journey:where(:root.page-contact,:root.page-contact *){position:relative;--jpt:clamp(57px,6.6vw,92px);padding-block:var(--jpt) 0}
.journey:where(:root.page-contact,:root.page-contact *)::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;z-index:0;pointer-events:none; background:repeating-linear-gradient(90deg,var(--hair) 0 7px,transparent 7px 15px);background-size:15px 1px;animation:dashFlowX 1.1s linear infinite}
html[data-motion="off"] .journey:where(:root.page-contact,:root.page-contact *)::before{animation:none}
.journey-head:where(:root.page-contact,:root.page-contact *){text-align:center;max-width:640px;margin:0 auto clamp(52px,6vw,86px)}
.journey-head .eyebrow:where(:root.page-contact,:root.page-contact *){margin-bottom:18px}
.journey-head .h-section:where(:root.page-contact,:root.page-contact *){margin:0 auto}
.journey>.wrap:where(:root.page-contact,:root.page-contact *){position:relative}
.journey>.wrap:where(:root.page-contact,:root.page-contact *)::before,.journey>.wrap:where(:root.page-contact,:root.page-contact *)::after{content:"";position:absolute;top:calc(var(--jpt)*-1);bottom:0;width:1px;z-index:0;pointer-events:none; background:repeating-linear-gradient(180deg,var(--hair) 0 6px,transparent 6px 13px);background-size:1px 13px;animation:dashFlowY 1.1s linear infinite}
.journey>.wrap:where(:root.page-contact,:root.page-contact *)::before{left:0}
.journey>.wrap:where(:root.page-contact,:root.page-contact *)::after{right:0}
html[data-motion="off"] .journey>.wrap:where(:root.page-contact,:root.page-contact *)::before,html[data-motion="off"] .journey>.wrap:where(:root.page-contact,:root.page-contact *)::after{animation:none}
.journey-map:where(:root.page-contact,:root.page-contact *){position:relative}
.journey-curve:where(:root.page-contact,:root.page-contact *){position:absolute;top:0;left:0;width:100%;height:196px;z-index:0;overflow:visible}
.jc-base:where(:root.page-contact,:root.page-contact *){fill:none;stroke:#d8d5ce;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round}
.jc-line:where(:root.page-contact,:root.page-contact *){fill:none;stroke:var(--wine);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round}
.journey-row:where(:root.page-contact,:root.page-contact *){position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr)}
.milestone:where(:root.page-contact,:root.page-contact *){display:flex;flex-direction:column;align-items:center;text-align:center;padding-inline:clamp(6px,1vw,16px)}
.milestone .dot:where(:root.page-contact,:root.page-contact *){width:14px;height:14px;border-radius:50%;background:var(--paper);border:2px solid #cbc8c1; margin-top:calc(var(--cy) - 7px);position:relative;z-index:2;box-shadow:0 0 0 5px rgba(20,16,22,.03);transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}
.milestone .dot:where(:root.page-contact,:root.page-contact *)::after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--wine);transform:scale(0)}
.milestone .dot.lit:where(:root.page-contact,:root.page-contact *)::after{animation:dotPop .46s cubic-bezier(.34,1.56,.64,1) forwards}
html[data-motion="off"] .milestone .dot.lit:where(:root.page-contact,:root.page-contact *)::after{animation:none;transform:scale(1)}
.milestone .dot.lit:where(:root.page-contact,:root.page-contact *){border-color:var(--wine);box-shadow:0 0 0 5px color-mix(in srgb,var(--wine) 9%,transparent)}
.milestone .conn:where(:root.page-contact,:root.page-contact *){width:1px;height:200px; background:linear-gradient(180deg,var(--wine) calc(var(--fill,0)*100%),#d8d5ce calc(var(--fill,0)*100%))}
.milestone .mcontent:where(:root.page-contact,:root.page-contact *){margin-top:18px;padding-bottom:clamp(40px,5.5vw,84px)}

/* centered trust badges (top open space, above the arc) */
.journey-badges:where(:root.page-contact,:root.page-contact *){position:relative;z-index:3;display:inline-flex;gap:0;justify-content:center;margin:0 auto; background:linear-gradient(135deg,var(--wine-soft) 0%,#fff 45%,var(--accent-soft) 100%); border:1px solid var(--wine-line);border-radius:100px;padding:6px;box-shadow:0 18px 40px -22px rgba(120,18,28,.3)}
.journey-badges-wrap:where(:root.page-contact,:root.page-contact *){display:flex;justify-content:center;margin-bottom:clamp(16px,2vw,28px)}
.journey-badges .jb:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;gap:11px;padding:10px 24px;position:relative}
.journey-badges .jb+.jb:where(:root.page-contact,:root.page-contact *)::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:26px;background:var(--wine-line)}
.journey-badges .jb-ic:where(:root.page-contact,:root.page-contact *){width:24px;height:24px;border-radius:50%;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}
.journey-badges .jb-t b:where(:root.page-contact,:root.page-contact *){font-size:14px;font-weight:700;letter-spacing:-0.01em;display:block;line-height:1.05}
.journey-badges .jb-t span:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.mcontent .mnum:where(:root.page-contact,:root.page-contact *){font-size:clamp(30px,3.4vw,50px);font-weight:700;letter-spacing:-0.03em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.mcontent .mlbl:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:11px}

/* ============================ PRODUCT EXPLORER ============================ */
.prodx:where(:root.page-contact,:root.page-contact *){padding-block:clamp(76px,9.5vw,140px);background:#F3F1EE}
.prodx-head:where(:root.page-contact,:root.page-contact *){text-align:center;margin-bottom:clamp(26px,3.2vw,44px)}
.prodx-head .h-section:where(:root.page-contact,:root.page-contact *){margin:0 auto;max-width:none;font-size:clamp(24px,3.4vw,42px)}
.prodx-card:where(:root.page-contact,:root.page-contact *){background:var(--paper);border-radius:28px;padding:clamp(22px,2.8vw,42px)}
.prodx-tabs:where(:root.page-contact,:root.page-contact *){position:relative;display:flex;flex-wrap:nowrap;gap:clamp(8px,2vw,40px);margin-bottom:clamp(26px,3.2vw,44px)}
.prodx-ind:where(:root.page-contact,:root.page-contact *){position:absolute;top:0;left:0;height:100%;width:0;border-radius:20px 20px 2px 2px;background:var(--wine-soft);z-index:0;pointer-events:none}
.prodx-tab:where(:root.page-contact,:root.page-contact *){position:relative;z-index:1;flex:1 1 0;min-width:0;text-align:center;font-size:clamp(15px,1.95vw,31px);font-weight:400;letter-spacing:-0.025em;line-height:1;color:#b7adb0;background:transparent;border:0;padding:clamp(16px,1.8vw,26px) 10px;border-radius:20px 20px 2px 2px;cursor:pointer;transition:color .2s var(--ease),background .2s var(--ease)}
.prodx-tab:hover:where(:root.page-contact,:root.page-contact *){color:var(--wine)}
.prodx-tab:not(.is-active):hover:where(:root.page-contact,:root.page-contact *){background:color-mix(in srgb,var(--wine) 6%,transparent)}
.prodx-tab.is-active:where(:root.page-contact,:root.page-contact *){color:var(--wine);font-weight:700}
.prodx-stage:where(:root.page-contact,:root.page-contact *){display:grid;grid-template-columns:0.82fr 1.18fr;gap:clamp(26px,3.4vw,52px);align-items:center;background:none;border:0;box-shadow:none;padding:0;border-radius:0}
.prodx-info:where(:root.page-contact,:root.page-contact *){min-width:0;padding-left:clamp(2px,1.2vw,20px)}
.pi-title:where(:root.page-contact,:root.page-contact *){font-size:clamp(26px,3vw,42px);font-weight:700;letter-spacing:-0.03em;line-height:1.04;margin:0 0 16px;text-wrap:balance}
.pi-desc:where(:root.page-contact,:root.page-contact *){font-size:16px;color:var(--ink-2);line-height:1.6;max-width:42ch}
.pi-link:where(:root.page-contact,:root.page-contact *){margin-top:26px}
.pi-link.link-arrow:where(:root.page-contact,:root.page-contact *){color:var(--wine);border-bottom:0;padding:10px 18px;border-radius:100px;background:transparent;border:1px solid var(--wine-line);transition:background .22s var(--ease),border-color .22s var(--ease),color .22s}
.pi-link.link-arrow:hover:where(:root.page-contact,:root.page-contact *){background:var(--wine-soft);border-color:var(--wine)}
.pi-link.link-arrow .arr:where(:root.page-contact,:root.page-contact *){color:var(--wine)}
.prodx-viz:where(:root.page-contact,:root.page-contact *){position:relative;min-height:360px;border-radius:20px;overflow:visible;padding:0;display:flex;align-items:center;justify-content:center;background:transparent}
.prodx-figstack:where(:root.page-contact,:root.page-contact *){position:relative;width:100%;aspect-ratio:1536/1024}
.prodx-fig:where(:root.page-contact,:root.page-contact *){position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(.985);transition:opacity .5s var(--ease),transform .6s var(--ease);pointer-events:none}
.prodx-fig.is-active:where(:root.page-contact,:root.page-contact *){opacity:1;transform:none}
.prodx-vidframe:where(:root.page-contact,:root.page-contact *){width:100%;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow-lg)}
.pvf-bar:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;gap:12px;padding:11px 16px;background:var(--paper-2);border-bottom:1px solid var(--line-2)}
.pvf-dots:where(:root.page-contact,:root.page-contact *){display:flex;gap:6px}
.pvf-dots i:where(:root.page-contact,:root.page-contact *){width:10px;height:10px;border-radius:50%;background:#d8d5ce;display:block}
.pvf-url:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:11px;color:var(--ink-3);background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:4px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pvf-screen:where(:root.page-contact,:root.page-contact *){position:relative;aspect-ratio:16/10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background: radial-gradient(120% 120% at 50% 0%, var(--paper-2), var(--paper));overflow:hidden}
.pvf-screen:where(:root.page-contact,:root.page-contact *)::before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1.1px,transparent 1.1px);background-size:22px 22px;opacity:.5;-webkit-mask-image:radial-gradient(circle at 50% 42%,#000,transparent 70%);mask-image:radial-gradient(circle at 50% 42%,#000,transparent 70%)}
.pvf-play:where(:root.page-contact,:root.page-contact *){position:relative;z-index:1;width:66px;height:66px;border-radius:50%;background:var(--wine);box-shadow:0 16px 40px -12px rgba(155,27,46,.6);display:grid;place-items:center}
.pvf-play:where(:root.page-contact,:root.page-contact *)::after{content:"";width:0;height:0;border-left:18px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}
.pvf-cap:where(:root.page-contact,:root.page-contact *){position:relative;z-index:1;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.prodx-viz:where(:root.page-contact,:root.page-contact *)::before{content:none}
.viz-panel:where(:root.page-contact,:root.page-contact *){position:absolute;inset:clamp(20px,2.4vw,34px);opacity:0;visibility:hidden;align-items:center}
.viz-panel.is-active:where(:root.page-contact,:root.page-contact *){position:relative;inset:auto;width:100%;opacity:1;visibility:visible;display:flex}
.vframe:where(:root.page-contact,:root.page-contact *){width:100%}
.vmedia:where(:root.page-contact,:root.page-contact *){position:relative;aspect-ratio:16/9;background:var(--ink);overflow:hidden}
.prodx-vid:where(:root.page-contact,:root.page-contact *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.prodx-shot:where(:root.page-contact,:root.page-contact *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.pv-float:where(:root.page-contact,:root.page-contact *){position:absolute;z-index:4;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:13px;padding:11px 14px;box-shadow:0 18px 40px -20px rgba(40,8,16,.5)}
.pv-f1:where(:root.page-contact,:root.page-contact *){left:-16px;top:20%;animation:floatCard 6.5s var(--ease) infinite}
.pv-f2:where(:root.page-contact,:root.page-contact *){right:-14px;bottom:15%;flex-direction:column;align-items:flex-start;gap:2px;animation:floatCard 7.5s var(--ease) infinite reverse}
.pv-check:where(:root.page-contact,:root.page-contact *){width:28px;height:28px;border-radius:50%;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;font-weight:700;font-size:13px;flex:none}
.pv-tx b:where(:root.page-contact,:root.page-contact *),.pv-big:where(:root.page-contact,:root.page-contact *){font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-0.01em;display:block}
.pv-big:where(:root.page-contact,:root.page-contact *){font-size:21px}
.pv-tx span:where(:root.page-contact,:root.page-contact *),.pv-f2 span:where(:root.page-contact,:root.page-contact *){font-size:11px;color:var(--ink-3)}
.vframe:where(:root.page-contact,:root.page-contact *){border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper-2);box-shadow:var(--shadow-sm)}
.vbar:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;gap:12px;padding:11px 14px;background:var(--paper);border-bottom:1px solid var(--line-2)}
.vdots:where(:root.page-contact,:root.page-contact *){display:flex;gap:5px}
.vdots i:where(:root.page-contact,:root.page-contact *){width:9px;height:9px;border-radius:50%;background:#DAD7D0;display:block}
.vttl:where(:root.page-contact,:root.page-contact *){font-size:12.5px;font-weight:600;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vlive:where(:root.page-contact,:root.page-contact *){margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;color:#16804a;flex:none}
.vlive i:where(:root.page-contact,:root.page-contact *){width:6px;height:6px;border-radius:50%;background:#16a34a;display:block}
.vbody:where(:root.page-contact,:root.page-contact *){padding:18px;display:flex;flex-direction:column;gap:14px}
.vtop:where(:root.page-contact,:root.page-contact *){display:flex;gap:16px;align-items:center}
.donut:where(:root.page-contact,:root.page-contact *){position:relative;width:96px;height:96px;flex:none}
.donut svg:where(:root.page-contact,:root.page-contact *){width:100%;height:100%;transform:rotate(-90deg)}
.donut .d-bg:where(:root.page-contact,:root.page-contact *){fill:none;stroke:var(--line);stroke-width:3.4}
.donut .d-fg:where(:root.page-contact,:root.page-contact *){fill:none;stroke:var(--wine);stroke-width:3.4;stroke-linecap:round;stroke-dasharray:100.5;stroke-dashoffset:100.5}
.donut .d-c:where(:root.page-contact,:root.page-contact *){position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.donut .d-c b:where(:root.page-contact,:root.page-contact *){font-size:22px;font-weight:700;letter-spacing:-0.02em}
.donut .d-c i:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:9px;color:var(--ink-3);font-style:normal}
.vtiles:where(:root.page-contact,:root.page-contact *){display:flex;gap:12px;flex:1}
.vtiles.wide:where(:root.page-contact,:root.page-contact *){width:100%}
.vtile:where(:root.page-contact,:root.page-contact *){flex:1;border:1px solid var(--line);border-radius:11px;background:var(--paper);padding:14px 16px}
.vtile b:where(:root.page-contact,:root.page-contact *){font-size:clamp(20px,2.2vw,26px);font-weight:700;letter-spacing:-0.02em;display:block}
.vtile span:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:6px;display:block}
.vlist:where(:root.page-contact,:root.page-contact *){display:flex;flex-direction:column;gap:8px}
.vli:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;color:var(--ink-2);background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:9px 12px}
.vli em:where(:root.page-contact,:root.page-contact *){font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vli-ic:where(:root.page-contact,:root.page-contact *){width:16px;height:16px;border-radius:4px;background:var(--wine-soft);flex:none}
.vli-tag:where(:root.page-contact,:root.page-contact *){margin-left:auto;font-size:9px;letter-spacing:.06em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:2px 7px;flex:none}
.vli-tag.ok:where(:root.page-contact,:root.page-contact *){color:#16804a;border-color:rgba(22,128,74,.3)}
.vpipe:where(:root.page-contact,:root.page-contact *){display:flex;gap:10px}
.vstage:where(:root.page-contact,:root.page-contact *){flex:1;border:1px solid var(--line);border-radius:11px;background:var(--paper);padding:13px;text-align:center}
.vstage .vs-n:where(:root.page-contact,:root.page-contact *){font-size:22px;font-weight:700;letter-spacing:-0.02em;display:block}
.vstage .vs-l:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:5px;display:block}
.vstage.on:where(:root.page-contact,:root.page-contact *){border-color:var(--wine);background:var(--wine-soft)}
.vchart:where(:root.page-contact,:root.page-contact *){display:flex;align-items:flex-end;gap:12px;height:92px;padding-top:6px}
.vbarc:where(:root.page-contact,:root.page-contact *){flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;height:100%}
.vbarc .bf:where(:root.page-contact,:root.page-contact *){width:100%;border-radius:5px 5px 0 0;background:var(--accent);height:0}
.vbarc .bf.wine:where(:root.page-contact,:root.page-contact *){background:var(--wine)}
.vbarc i:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:9px;color:var(--ink-3);font-style:normal}
.vfoot:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line-2);padding-top:12px;font-size:13px;color:var(--ink-2)}
.vfoot b:where(:root.page-contact,:root.page-contact *){color:var(--wine);font-weight:700}
.vflow:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;gap:0}
.vnode:where(:root.page-contact,:root.page-contact *){flex:none;font-family:var(--font-mono);font-size:11px;color:var(--ink-2);border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:var(--paper)}
.vnode.done:where(:root.page-contact,:root.page-contact *){color:#16804a;border-color:rgba(22,128,74,.3)}
.vnode.cur:where(:root.page-contact,:root.page-contact *){color:#fff;background:var(--wine);border-color:var(--wine)}
.vlk:where(:root.page-contact,:root.page-contact *){flex:1;height:1px;background:var(--line);min-width:12px}
.vseg:where(:root.page-contact,:root.page-contact *){display:flex;height:30px;border-radius:8px;overflow:hidden;border:1px solid var(--line)}
.vseg .sf:where(:root.page-contact,:root.page-contact *){height:100%;width:0}
.vseg .sf.a:where(:root.page-contact,:root.page-contact *){background:var(--wine)}
.vseg .sf.b:where(:root.page-contact,:root.page-contact *){background:var(--accent)}
.vseg .sf.c:where(:root.page-contact,:root.page-contact *){background:var(--paper-3)}
.vseg-key:where(:root.page-contact,:root.page-contact *){display:flex;flex-wrap:wrap;gap:14px;font-family:var(--font-mono);font-size:9.5px;color:var(--ink-2)}
.vseg-key i:where(:root.page-contact,:root.page-contact *){width:9px;height:9px;border-radius:3px;display:inline-block;margin-right:5px;vertical-align:middle}
.vseg-key i.a:where(:root.page-contact,:root.page-contact *){background:var(--wine)}
.vseg-key i.b:where(:root.page-contact,:root.page-contact *){background:var(--accent)}
.vseg-key i.c:where(:root.page-contact,:root.page-contact *){background:var(--paper-3)}

/* stat band */
.statband:where(:root.page-contact,:root.page-contact *){display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper)}
.statband .sc:where(:root.page-contact,:root.page-contact *){padding:clamp(26px,3vw,38px) clamp(18px,2vw,30px);border-right:1px solid var(--line)}
.statband .sc:last-child:where(:root.page-contact,:root.page-contact *){border-right:0}

/* ============================ ANECDOTES (carousel) ============================ */
.anec-head:where(:root.page-contact,:root.page-contact *){display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:48px}
.anec-nav:where(:root.page-contact,:root.page-contact *){display:flex;gap:10px}
.anec-nav button:where(:root.page-contact,:root.page-contact *){width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);display:grid;place-items:center;transition:.2s}
.anec-nav button:hover:where(:root.page-contact,:root.page-contact *){border-color:var(--ink);background:var(--paper-2)}
.anec-nav button:disabled:where(:root.page-contact,:root.page-contact *){opacity:.35;cursor:default}
.anec-track-wrap:where(:root.page-contact,:root.page-contact *){overflow:hidden;padding-block:6px}
.anec-track:where(:root.page-contact,:root.page-contact *){display:flex;gap:24px}
.anec-card:where(:root.page-contact,:root.page-contact *){position:relative;flex:0 0 min(680px,90vw);height:clamp(360px,42vw,460px); border-radius:22px;overflow:hidden;background:var(--ink);isolation:isolate}
.anec-img:where(:root.page-contact,:root.page-contact *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0; transform:scale(1.02);transition:transform .8s var(--ease)}
.anec-card:hover .anec-img:where(:root.page-contact,:root.page-contact *){transform:scale(1.07)}
.anec-shade:where(:root.page-contact,:root.page-contact *){position:absolute;inset:0;z-index:1; background:linear-gradient(183deg,rgba(20,16,18,.18) 0%,rgba(20,16,18,0) 26%,rgba(20,16,18,.62) 64%,rgba(20,16,18,.92) 100%)}
.anec-body:where(:root.page-contact,:root.page-contact *){position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(22px,2.4vw,32px);color:#fff}
.anec-chip:where(:root.page-contact,:root.page-contact *){align-self:flex-start;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#fff; background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:7px 13px;border-radius:100px}
.anec-bottom h3:where(:root.page-contact,:root.page-contact *){font-size:clamp(22px,2.2vw,29px);font-weight:700;letter-spacing:-0.025em;line-height:1.08;margin-bottom:12px;text-wrap:balance;max-width:18ch}
.anec-bottom p:where(:root.page-contact,:root.page-contact *){font-size:15px;line-height:1.55;color:rgba(255,255,255,.82);max-width:46ch;text-wrap:pretty}
.anec-stats:where(:root.page-contact,:root.page-contact *){display:none}
.anec-link:where(:root.page-contact,:root.page-contact *){display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-weight:600;font-size:14.5px;color:#fff}
.anec-link .arr:where(:root.page-contact,:root.page-contact *){transition:transform .25s var(--ease)}
.anec-card:hover .anec-link .arr:where(:root.page-contact,:root.page-contact *){transform:translateX(4px)}

/* ============================ ECOSYSTEM ============================ */
.eco-head:where(:root.page-contact,:root.page-contact *){margin-bottom:clamp(48px,6vw,84px)}
.eco-rows:where(:root.page-contact,:root.page-contact *){display:flex;flex-direction:column;gap:clamp(56px,7vw,110px);margin-bottom:clamp(44px,5vw,72px)}
.eco-row:where(:root.page-contact,:root.page-contact *){display:grid;grid-template-columns:0.82fr 1.18fr;gap:clamp(36px,5vw,80px);align-items:center}
.eco-info:where(:root.page-contact,:root.page-contact *){min-width:0}
.eco-rowhead:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;gap:13px;margin-bottom:22px}
.eco-num:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--ink-3);letter-spacing:.04em}
.eco-glyph:where(:root.page-contact,:root.page-contact *){width:44px;height:44px;border-radius:11px;display:grid;place-items:center;font-family:var(--font-mono);font-size:13px;font-weight:600;color:#fff;background:var(--accent);flex:none}
.eco-row[data-k="ts"] .eco-glyph:where(:root.page-contact,:root.page-contact *){background:var(--accent)}
.eco-row[data-k="cv"] .eco-glyph:where(:root.page-contact,:root.page-contact *){background:var(--accent)}
.eco-row[data-k="nx"] .eco-glyph:where(:root.page-contact,:root.page-contact *){background:var(--accent)}
.eco-row[data-k="ck"] .eco-glyph:where(:root.page-contact,:root.page-contact *){background:var(--accent)}
.eco-badge:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;color:var(--ink-2);border:1px solid var(--line);border-radius:6px;padding:4px 8px;text-transform:uppercase}
.eco-rowhead .eco-badge:where(:root.page-contact,:root.page-contact *){margin-left:auto}
.eco-name:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--wine);margin-bottom:14px}
.eco-h:where(:root.page-contact,:root.page-contact *){font-size:clamp(25px,2.9vw,38px);font-weight:700;letter-spacing:-0.03em;line-height:1.04;margin-bottom:18px;text-wrap:balance;max-width:15ch}
.eco-desc:where(:root.page-contact,:root.page-contact *){font-size:clamp(15px,1.4vw,17px);color:var(--ink-2);line-height:1.6;max-width:46ch;margin-bottom:24px;text-wrap:pretty}
.eco-tags:where(:root.page-contact,:root.page-contact *){display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.eco-info .link-arrow:where(:root.page-contact,:root.page-contact *){font-size:15px}

/* product image placeholder (client-provided) */
.eco-media:where(:root.page-contact,:root.page-contact *){min-width:0}
.media-frame:where(:root.page-contact,:root.page-contact *){border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper);box-shadow:var(--shadow-md)}
.media-bar:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line-2);background:var(--paper-2)}
.media-bar .md-dots:where(:root.page-contact,:root.page-contact *){display:flex;gap:6px;flex:none}
.media-bar .md-dots i:where(:root.page-contact,:root.page-contact *){width:10px;height:10px;border-radius:50%;background:#DAD7D0;display:block}
.media-bar .md-title:where(:root.page-contact,:root.page-contact *){font-size:13px;font-weight:600;color:var(--ink-2);letter-spacing:-0.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.media-bar .md-tag:where(:root.page-contact,:root.page-contact *){margin-left:auto;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:3px 7px;flex:none}
.media-body:where(:root.page-contact,:root.page-contact *){position:relative;aspect-ratio:16/10.5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--paper-2);overflow:hidden}
.media-body:where(:root.page-contact,:root.page-contact *)::before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1.1px,transparent 1.1px);background-size:22px 22px;opacity:.55;-webkit-mask-image:radial-gradient(circle at 50% 44%,#000,transparent 70%);mask-image:radial-gradient(circle at 50% 44%,#000,transparent 70%)}
.media-icon:where(:root.page-contact,:root.page-contact *){width:74px;height:74px;border-radius:18px;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow-sm);display:grid;place-items:center;color:var(--ink-3);z-index:1}
.eco-row[data-k="ts"] .media-icon:where(:root.page-contact,:root.page-contact *){color:var(--accent)}
.eco-row[data-k="cv"] .media-icon:where(:root.page-contact,:root.page-contact *){color:var(--accent)}
.eco-row[data-k="ck"] .media-icon:where(:root.page-contact,:root.page-contact *){color:var(--accent)}
.media-cap:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);z-index:1}
.eco-substrate:where(:root.page-contact,:root.page-contact *){margin-top:0;text-align:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);display:flex;align-items:center;justify-content:center;gap:10px}
.eco-substrate:where(:root.page-contact,:root.page-contact *)::before,.eco-substrate:where(:root.page-contact,:root.page-contact *)::after{content:"";height:1px;flex:1;max-width:120px;background:var(--line)}

/* ============================ ENTERPRISE GAP ============================ */
.gap:where(:root.page-contact,:root.page-contact *){background:var(--paper-2)}
.gap-head:where(:root.page-contact,:root.page-contact *){max-width:780px;margin-bottom:54px}
.sym-grid:where(:root.page-contact,:root.page-contact *){display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.sym:where(:root.page-contact,:root.page-contact *){grid-column:span 2;border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:24px;display:flex;flex-direction:column;transition:.25s var(--ease)}
.sym:nth-child(4):where(:root.page-contact,:root.page-contact *){grid-column:span 3}
.sym:nth-child(5):where(:root.page-contact,:root.page-contact *){grid-column:span 3}
.sym:hover:where(:root.page-contact,:root.page-contact *){box-shadow:var(--shadow-md);transform:translateY(-2px)}
.sym .sk:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--wine);margin-bottom:14px}
.sym h4:where(:root.page-contact,:root.page-contact *){font-size:17px;font-weight:600;letter-spacing:-0.015em;margin-bottom:9px}
.sym p:where(:root.page-contact,:root.page-contact *){font-size:13.5px;color:var(--ink-2);line-height:1.5;margin-bottom:18px}
.sym .sviz:where(:root.page-contact,:root.page-contact *){margin-top:auto;display:flex;flex-direction:column;gap:6px}
.faux-line:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:6px;padding:6px 9px}
.faux-line .t:where(:root.page-contact,:root.page-contact *){margin-left:auto;color:var(--ink-3)}
.faux-line.bad:where(:root.page-contact,:root.page-contact *){color:var(--wine);border-color:var(--wine-line);background:var(--wine-soft)}
.gap-answer:where(:root.page-contact,:root.page-contact *){margin-top:30px;border:1px solid var(--ink);border-radius:18px;background:var(--ink);color:#fff;padding:clamp(32px,4vw,52px);display:grid;grid-template-columns:1.4fr 1fr;gap:36px;align-items:center}
.gap-answer .ga-k:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:18px;display:flex;align-items:center;gap:9px}
.gap-answer .ga-k:where(:root.page-contact,:root.page-contact *)::before{content:"";width:7px;height:7px;border-radius:2px;background:var(--wine)}
.gap-answer h3:where(:root.page-contact,:root.page-contact *){font-size:clamp(24px,2.8vw,36px);font-weight:700;letter-spacing:-0.025em;line-height:1.05;text-wrap:balance}
.gap-answer p:where(:root.page-contact,:root.page-contact *){color:rgba(255,255,255,.72);font-size:15.5px;line-height:1.6;margin-top:18px;max-width:52ch}
.gap-answer .ga-cta:where(:root.page-contact,:root.page-contact *){display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.btn-wine-ghost:where(:root.page-contact,:root.page-contact *){background:transparent;color:#fff;border:1px solid rgba(255,255,255,.28)}
.btn-wine-ghost:hover:where(:root.page-contact,:root.page-contact *){background:rgba(255,255,255,.08);border-color:#fff}

/* ============================ ARCHITECTURE (callout) ============================ */
.archx-callout:where(:root.page-contact,:root.page-contact *){position:relative;border:1px solid rgba(255,255,255,.18);border-radius:32px;padding:clamp(32px,4.5vw,64px);overflow:hidden; background: radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,.12), transparent 60%), linear-gradient(165deg,#B23a4a 0%,#8E1B2C 52%,#67121F 100%); color:#fff; box-shadow:0 40px 90px -46px rgba(70,18,28,.7), 0 0 0 7px rgba(155,27,46,.08)}
.archx-top:where(:root.page-contact,:root.page-contact *){position:relative;z-index:1;display:grid;grid-template-columns:42% 1fr;gap:clamp(28px,3.5vw,56px);align-items:center}
.archx-callout:where(:root.page-contact,:root.page-contact *)::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none; background-image:radial-gradient(circle, rgba(255,255,255,.14) 1.2px, transparent 1.2px);background-size:26px 26px;opacity:.6}
.archx-left:where(:root.page-contact,:root.page-contact *),.archx-right:where(:root.page-contact,:root.page-contact *){position:relative;z-index:1}
.archx-left .kicker:where(:root.page-contact,:root.page-contact *){display:block;margin-bottom:18px;color:rgba(255,255,255,.6)}
.archx-left .kicker:where(:root.page-contact,:root.page-contact *)::before{background:#fff}
.archx-title:where(:root.page-contact,:root.page-contact *){font-size:clamp(26px,3.2vw,42px);font-weight:700;letter-spacing:-0.03em;line-height:1.04;text-wrap:balance;margin-bottom:18px;color:#fff}
.archx-lede:where(:root.page-contact,:root.page-contact *){font-size:clamp(15px,1.35vw,18px);color:rgba(255,255,255,.8);line-height:1.6;max-width:42ch;margin-bottom:28px}
.archx-cta:where(:root.page-contact,:root.page-contact *){border-radius:100px;background:#fff;color:var(--wine-deep)}
.archx-cta:hover:where(:root.page-contact,:root.page-contact *){background:#fff;transform:translateY(-2px);box-shadow:0 16px 36px -14px rgba(0,0,0,.45)}

/* diagram placeholder — client to provide */
.archx-diagram--ph:where(:root.page-contact,:root.page-contact *){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px; min-height:clamp(220px,24vw,300px);border:1.5px dashed rgba(255,255,255,.3);border-radius:18px; background:rgba(255,255,255,.05);text-align:center;padding:30px}
.axd-ph-ic:where(:root.page-contact,:root.page-contact *){width:60px;height:60px;border-radius:15px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;color:#fff}
.archx-diagram--ph b:where(:root.page-contact,:root.page-contact *){font-size:16px;font-weight:700;color:#fff;letter-spacing:-0.01em}
.axd-ph-sub:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.axd-col:where(:root.page-contact,:root.page-contact *){display:flex;flex-direction:column;gap:8px;align-items:stretch;min-width:0}
.axd-lbl:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:4px;text-align:center}
.axd-flow span:where(:root.page-contact,:root.page-contact *){width:18px;height:2px;border-radius:2px;background:rgba(255,255,255,.3)}
.axd-flow span:nth-child(2):where(:root.page-contact,:root.page-contact *){width:24px;background:rgba(255,255,255,.6)}
.axd-chip:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--ink-2);background:var(--paper);border:1px solid rgba(20,16,22,.05);border-radius:9px;padding:9px 12px;text-align:center;box-shadow:0 12px 28px -16px rgba(42,30,48,.4)}
.axd-chip.wine:where(:root.page-contact,:root.page-contact *){color:var(--wine);border-color:var(--wine-line);background:var(--wine-soft)}
.axd-flow:where(:root.page-contact,:root.page-contact *){display:flex;flex-direction:column;gap:4px;flex:none}
.axd-flow span:where(:root.page-contact,:root.page-contact *){width:18px;height:2px;border-radius:2px;background:var(--wine-line)}
.axd-flow span:nth-child(2):where(:root.page-contact,:root.page-contact *){width:24px;background:var(--wine)}
.axd-core:where(:root.page-contact,:root.page-contact *){background:var(--paper);border:1px solid var(--wine-line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-md);min-width:148px}
.axd-core-top:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;justify-content:space-between;padding:2px 4px 8px;border-bottom:1px solid var(--line-2)}
.axd-core-top b:where(:root.page-contact,:root.page-contact *){font-size:13px;font-weight:700;letter-spacing:-0.01em;white-space:nowrap}
.axd-core-v:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:9px;color:var(--wine)}
.axd-layer:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:10.5px;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:7px;padding:7px 10px;transition:.2s var(--ease)}
.axd-layer:hover:where(:root.page-contact,:root.page-contact *){background:var(--wine-soft);border-color:var(--wine-line);color:var(--wine)}

/* capability list inside callout — borderless angled cards */
.caplist:where(:root.page-contact,:root.page-contact *){position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px);margin-top:clamp(34px,4vw,52px);padding-top:8px}
.capx:where(:root.page-contact,:root.page-contact *){display:flex;gap:13px;align-items:flex-start;position:relative; background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.05)); -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px); border:0;border-radius:16px;padding:22px 22px 24px;overflow:hidden; box-shadow:0 16px 36px -22px rgba(20,6,10,.6);transition:transform .3s var(--ease)}
.capx:hover:where(:root.page-contact,:root.page-contact *){transform:translateY(-2px)}
.capx:where(:root.page-contact,:root.page-contact *)::before{display:none}
.capx :is(h3,h4):where(:root.page-contact,:root.page-contact *){font-size:15.5px;font-weight:700;letter-spacing:-0.015em;margin-bottom:7px;color:#fff}
.capx p:where(:root.page-contact,:root.page-contact *){font-size:13.5px;color:rgba(255,255,255,.74);line-height:1.55}
.arch-cols:where(:root.page-contact,:root.page-contact *){position:relative;display:grid;grid-template-columns:1fr auto 1.5fr;gap:0;align-items:stretch}
.arch-sys:where(:root.page-contact,:root.page-contact *){padding:clamp(26px,3vw,40px);border-right:1px solid var(--line)}
.arch-colhead:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:20px;display:flex;align-items:center;gap:8px}
.sys-node:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper-2);margin-bottom:10px;transition:.25s var(--ease)}
.sys-node:hover:where(:root.page-contact,:root.page-contact *){border-color:var(--accent-line);background:var(--accent-soft)}
.sys-node .sn-g:where(:root.page-contact,:root.page-contact *){width:30px;height:30px;border-radius:7px;background:var(--paper);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:9px;font-weight:600;color:var(--ink-2);flex:none}
.sys-node .sn-t b:where(:root.page-contact,:root.page-contact *){font-size:13.5px;font-weight:600;display:block}
.sys-node .sn-t span:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:9.5px;color:var(--ink-3);letter-spacing:.02em}
.arch-flow:where(:root.page-contact,:root.page-contact *){width:74px;position:relative;display:grid;place-items:center}
.arch-flow .flowlbl:where(:root.page-contact,:root.page-contact *){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}
.arch-core:where(:root.page-contact,:root.page-contact *){padding:clamp(26px,3vw,40px);background:linear-gradient(180deg,var(--wine-soft),var(--paper) 70%)}
.core-card:where(:root.page-contact,:root.page-contact *){border:1px solid var(--wine-line);border-radius:14px;background:var(--paper);box-shadow:var(--shadow-md);overflow:hidden}
.core-top:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line-2)}
.core-top .ct-t:where(:root.page-contact,:root.page-contact *){font-size:16px;font-weight:700;letter-spacing:-0.02em}
.core-top .ct-v:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:10px;color:var(--ink-3)}
.core-layers:where(:root.page-contact,:root.page-contact *){padding:14px}
.layer:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:9px;margin-bottom:6px;transition:.25s var(--ease);border:1px solid transparent}
.layer:hover:where(:root.page-contact,:root.page-contact *){background:var(--wine-soft);border-color:var(--wine-line)}
.layer .ly-n:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:10px;color:var(--wine);font-weight:600;width:26px;flex:none}
.layer .ly-t b:where(:root.page-contact,:root.page-contact *){font-size:14px;font-weight:600;display:block;letter-spacing:-0.01em}
.layer .ly-t span:where(:root.page-contact,:root.page-contact *){font-size:12px;color:var(--ink-3)}
.core-out:where(:root.page-contact,:root.page-contact *){display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}
.out-card:where(:root.page-contact,:root.page-contact *){border:1px solid var(--line);border-radius:11px;padding:15px;background:var(--paper)}
.out-card .oc-k:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:9px}
.out-card b:where(:root.page-contact,:root.page-contact *){font-size:14px;font-weight:600;display:block;letter-spacing:-0.01em;margin-bottom:5px}
.out-card span:where(:root.page-contact,:root.page-contact *){font-size:12px;color:var(--ink-3);line-height:1.4}

/* capability strip below diagram */
.cap-grid:where(:root.page-contact,:root.page-contact *){display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:22px}
.cap:where(:root.page-contact,:root.page-contact *){background:var(--paper);padding:26px 24px}
.cap .cn:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:10px;color:var(--wine);margin-bottom:14px}
.cap h4:where(:root.page-contact,:root.page-contact *){font-size:16px;font-weight:600;letter-spacing:-0.015em;margin-bottom:9px}
.cap p:where(:root.page-contact,:root.page-contact *){font-size:13.5px;color:var(--ink-2);line-height:1.5;margin-bottom:14px}
.cap .ctags:where(:root.page-contact,:root.page-contact *){display:flex;flex-wrap:wrap;gap:6px}
.ctag:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:3px 7px;text-transform:uppercase;white-space:nowrap}

/* flow timeline */

/* ============================ LOOP CIRCUIT (decision flow) ============================ */
.loopx:where(:root.page-contact,:root.page-contact *){position:relative;margin-top:clamp(56px,7vw,104px);padding:0;background:none;border:0}
.loopx-head:where(:root.page-contact,:root.page-contact *){max-width:820px;margin:0 auto clamp(20px,2.4vw,34px);text-align:center}
.loopx-title:where(:root.page-contact,:root.page-contact *){margin:0 auto;text-wrap:balance}
.loopx-sub:where(:root.page-contact,:root.page-contact *){margin:14px auto 0;font-size:clamp(14.5px,1.4vw,17px);color:var(--ink-2);line-height:1.55;max-width:56ch;text-wrap:pretty}
.loopx-stage:where(:root.page-contact,:root.page-contact *){position:relative;margin:0 auto}
.sigx:where(:root.page-contact,:root.page-contact *){position:relative;aspect-ratio:1000/300;max-width:1180px;margin:64px auto;overflow:visible}
.sig-svg:where(:root.page-contact,:root.page-contact *){position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sig-base:where(:root.page-contact,:root.page-contact *){fill:none;stroke:#D8D4CD;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.sig-accent path:where(:root.page-contact,:root.page-contact *){fill:none;stroke:var(--wine);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.5}
.sig-ink:where(:root.page-contact,:root.page-contact *){fill:none;stroke:var(--wine);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 6px rgba(155,27,46,.28))}
.sig-pegs:where(:root.page-contact,:root.page-contact *){position:absolute;inset:0;z-index:2;pointer-events:none}
.sig-peg:where(:root.page-contact,:root.page-contact *){position:absolute;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:#fff;border:2px solid #D8D4CD;box-shadow:0 4px 10px -3px rgba(40,20,26,.3);transition:.35s var(--ease)}
.sig-peg.lit:where(:root.page-contact,:root.page-contact *){border-color:var(--wine);background:var(--wine);box-shadow:0 0 0 4px rgba(155,27,46,.16),0 6px 14px -4px rgba(155,27,46,.5)}
.sig-stem:where(:root.page-contact,:root.page-contact *){position:absolute;width:1.6px;margin-left:-0.8px;background:linear-gradient(var(--wine),rgba(155,27,46,.12));transform-origin:top;z-index:2;opacity:.35;transition:opacity .35s var(--ease)}
.sig-stem.lit:where(:root.page-contact,:root.page-contact *){opacity:1}
.loopx-steps:where(:root.page-contact,:root.page-contact *){position:absolute;inset:0;z-index:3}
.lxstep:where(:root.page-contact,:root.page-contact *){position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:clamp(126px,12vw,156px);text-align:left; background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:11px 13px;box-shadow:0 12px 28px -14px rgba(40,20,26,.26);transition:border-color .35s var(--ease),box-shadow .35s var(--ease),background .35s}
.lxstep.above:where(:root.page-contact,:root.page-contact *){transform:translate(-50%,calc(-100% - 13px))}
.lxstep.below:where(:root.page-contact,:root.page-contact *){transform:translate(-50%,13px)}
.lxstep .lxs-dot:where(:root.page-contact,:root.page-contact *){width:22px;height:22px;border-radius:7px;background:var(--paper-2);border:1.5px solid var(--line);display:grid;place-items:center;transition:.35s var(--ease);flex:none;position:relative}
.lxstep .lxs-dot:where(:root.page-contact,:root.page-contact *)::after{content:"";width:7px;height:4px;border-left:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);transform:rotate(-45deg) translateY(-1px);transition:.35s}
.lxstep b:where(:root.page-contact,:root.page-contact *){font-size:13px;font-weight:700;letter-spacing:-0.01em;color:var(--ink);transition:color .35s;line-height:1.12}
.lxstep .lxs-sub:where(:root.page-contact,:root.page-contact *){font-size:10.5px;line-height:1.32;color:var(--ink-3);transition:color .35s;text-wrap:pretty}
.lxstep.lit:where(:root.page-contact,:root.page-contact *){border-color:var(--wine);box-shadow:0 16px 34px -12px rgba(155,27,46,.4);z-index:6}
.lxstep.lit .lxs-dot:where(:root.page-contact,:root.page-contact *){border-color:var(--wine);background:var(--wine)}
.lxstep.lit .lxs-dot:where(:root.page-contact,:root.page-contact *)::after{border-color:#fff}
.lxstep.lit .lxs-sub:where(:root.page-contact,:root.page-contact *){color:var(--ink-2)}
.loopx-comet:where(:root.page-contact,:root.page-contact *){position:absolute;left:0;top:0;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;z-index:5; background:radial-gradient(circle,#fff 0%,var(--wine) 55%,rgba(155,27,46,0) 72%); box-shadow:0 0 16px 4px rgba(155,27,46,.7),0 0 5px 1px #fff;pointer-events:none}

/* ============================ INDUSTRY FIT ============================ */
.ind-head:where(:root.page-contact,:root.page-contact *){display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end;margin-bottom:48px}
.ind-tabswrap:where(:root.page-contact,:root.page-contact *){position:relative;display:flex;align-items:center;gap:12px;margin-bottom:34px}
.ind-arrow:where(:root.page-contact,:root.page-contact *){flex:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:20px;line-height:1;display:grid;place-items:center;transition:.2s var(--ease);box-shadow:var(--shadow-sm)}
.ind-arrow:hover:where(:root.page-contact,:root.page-contact *){border-color:var(--ink);background:var(--paper-2)}
.ind-arrow:disabled:where(:root.page-contact,:root.page-contact *){opacity:.3;cursor:default;box-shadow:none}
.ind-tabs:where(:root.page-contact,:root.page-contact *){flex:1 1 auto;min-width:0;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:6px 4px}
.ind-tabs:where(:root.page-contact,:root.page-contact *)::-webkit-scrollbar{display:none}
.ind-tab:where(:root.page-contact,:root.page-contact *){flex:none;white-space:nowrap;font-size:14px;font-weight:600;color:#9a9098;padding:9px 18px;border:1px dashed #c7bcc0;border-radius:100px;background:transparent;transition:color .2s,border-color .2s,background .2s}
.ind-tab:hover:where(:root.page-contact,:root.page-contact *){color:var(--wine);border-color:var(--wine-line)}
.ind-tab.is-active:where(:root.page-contact,:root.page-contact *){background:var(--wine-soft);color:var(--wine);border-style:solid;border-color:var(--wine)}

/* view-all industries */
.ind-morerow:where(:root.page-contact,:root.page-contact *){display:flex;justify-content:center;margin:-18px 0 30px}
.ind-more:where(:root.page-contact,:root.page-contact *){flex:none;white-space:nowrap;font-size:14px;font-weight:600;color:var(--wine);padding:11px 22px;border:1px solid var(--wine);border-radius:100px;background:var(--wine-soft);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.2s var(--ease)}
transition:.2s var(--ease)} .ind-more:hover:where(:root.page-contact,:root.page-contact *){background:var(--wine);color:#fff}
.ind-more .im-ic:where(:root.page-contact,:root.page-contact *){font-size:10px;transition:transform .25s var(--ease)}
.ind-more[aria-expanded="true"] .im-ic:where(:root.page-contact,:root.page-contact *){transform:rotate(180deg)}
.ind-allwrap:where(:root.page-contact,:root.page-contact *){margin:-14px 0 34px;border:1px solid var(--line);border-radius:20px;background:var(--paper);padding:clamp(20px,2.4vw,30px);box-shadow:var(--shadow-md)}
.ind-all-head:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.ind-all-close:where(:root.page-contact,:root.page-contact *){width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;font-size:13px;transition:.2s}
.ind-all-close:hover:where(:root.page-contact,:root.page-contact *){border-color:var(--ink);background:var(--paper-2)}
.ind-allgrid:where(:root.page-contact,:root.page-contact *){display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ind-allgrid button:where(:root.page-contact,:root.page-contact *){text-align:left;font-size:14px;font-weight:600;color:var(--ink-2);padding:13px 16px;border:1px dashed var(--line);border-radius:12px;background:transparent;cursor:pointer;transition:.18s var(--ease)}
.ind-allgrid button:hover:where(:root.page-contact,:root.page-contact *){color:var(--wine);border-color:var(--wine-line);background:var(--wine-soft)}
.ind-allgrid button.is-active:where(:root.page-contact,:root.page-contact *){color:var(--wine);border-style:solid;border-color:var(--wine);background:var(--wine-soft)}
.ind-tab:where(:root.page-contact,:root.page-contact *){flex:none;white-space:nowrap;font-size:14px;font-weight:600;color:#9a9098;padding:9px 18px;border:1px dashed #c7bcc0;border-radius:100px;background:transparent;cursor:pointer;transition:color .2s,border-color .2s,background .2s}
.ind-panel:where(:root.page-contact,:root.page-contact *){display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(24px,3vw,48px);align-items:stretch; border:1px solid var(--line);border-radius:24px;background:var(--paper);padding:clamp(18px,1.8vw,26px);min-height:400px}
.ind-media:where(:root.page-contact,:root.page-contact *){border-radius:16px;overflow:hidden;background:var(--paper-3);min-height:300px}
.ind-media img:where(:root.page-contact,:root.page-contact *){width:100%;height:100%;object-fit:cover;display:block}
.ind-content:where(:root.page-contact,:root.page-contact *){display:flex;flex-direction:column;padding:clamp(8px,1vw,16px) clamp(8px,1.4vw,22px) clamp(8px,1vw,16px) 0}
.ind-toprow:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;justify-content:space-between;gap:16px}
.ind-brand:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;gap:12px}
.ind-glyph:where(:root.page-contact,:root.page-contact *){width:38px;height:38px;border-radius:10px;background:var(--wine);color:#fff;display:grid;place-items:center;font-weight:700;font-size:16px;flex:none}
.ind-brand b:where(:root.page-contact,:root.page-contact *){font-size:17px;font-weight:700;letter-spacing:-0.02em;color:var(--ink)}
.ind-counter:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.ind-counter i:where(:root.page-contact,:root.page-contact *){width:24px;height:1px;background:var(--line);display:inline-block}
.ind-div:where(:root.page-contact,:root.page-contact *){border:0;border-top:1px solid var(--line);margin:clamp(18px,2vw,26px) 0}
.ind-cols:where(:root.page-contact,:root.page-contact *){display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,44px);flex:1}
.ind-cA:where(:root.page-contact,:root.page-contact *){display:flex;flex-direction:column}
.ind-cA h3:where(:root.page-contact,:root.page-contact *){font-size:clamp(22px,2.4vw,32px);font-weight:700;letter-spacing:-0.03em;line-height:1.08;text-wrap:balance}
.ind-sub:where(:root.page-contact,:root.page-contact *){font-size:13px;font-weight:500;color:var(--ink-3);margin-top:14px;letter-spacing:-0.005em}
.ind-learn:where(:root.page-contact,:root.page-contact *){margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15px;color:var(--wine);width:fit-content;padding:10px 18px;border-radius:100px;background:transparent;border:1px solid var(--wine-line);transition:background .22s var(--ease),border-color .22s var(--ease),color .22s}
.ind-learn span:where(:root.page-contact,:root.page-contact *){transition:transform .25s var(--ease)}
.ind-learn:hover:where(:root.page-contact,:root.page-contact *){color:var(--wine);background:var(--wine-soft);border-color:var(--wine)}
.ind-learn:hover span:where(:root.page-contact,:root.page-contact *){transform:translateX(4px)}
.ind-cB:where(:root.page-contact,:root.page-contact *){display:flex;flex-direction:column}
.ind-cB p:where(:root.page-contact,:root.page-contact *){font-size:15px;color:var(--ink-2);line-height:1.6}
.ind-rep:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;gap:13px;margin-top:auto;padding-top:24px}
.ind-rep-img:where(:root.page-contact,:root.page-contact *){width:60px;height:60px;border-radius:12px;object-fit:cover;flex:none;background:var(--paper-3)}
.ind-rep-t b:where(:root.page-contact,:root.page-contact *){font-size:15px;font-weight:700;letter-spacing:-0.01em;display:block;color:var(--ink)}
.ind-rep-t span:where(:root.page-contact,:root.page-contact *){font-size:12.5px;color:var(--ink-3);margin-top:2px;display:block}

/* ============================ REASONS (bento) ============================ */
.why-bento:where(:root.page-contact,:root.page-contact *){display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"a b c" "a d d";gap:16px}
.why-a:where(:root.page-contact,:root.page-contact *){grid-area:a}
.why-b:where(:root.page-contact,:root.page-contact *){grid-area:b}
.why-c:where(:root.page-contact,:root.page-contact *){grid-area:c}
.why-d:where(:root.page-contact,:root.page-contact *){grid-area:d}
.why-card:where(:root.page-contact,:root.page-contact *){position:relative;border:1px solid var(--line);border-radius:20px;padding:clamp(24px,2.3vw,34px);background:var(--paper);display:flex;flex-direction:column;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
.why-card:hover:where(:root.page-contact,:root.page-contact *){transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--ink)}
.why-icon:where(:root.page-contact,:root.page-contact *){width:48px;height:48px;border-radius:13px;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;flex:none;margin-bottom:22px}
.why-card h3:where(:root.page-contact,:root.page-contact *){font-size:clamp(19px,2vw,24px);font-weight:700;letter-spacing:-0.02em;margin-bottom:12px}
.why-card p:where(:root.page-contact,:root.page-contact *){font-size:15px;color:var(--ink-2);line-height:1.6;margin-bottom:18px}
.why-card .wtags:where(:root.page-contact,:root.page-contact *){display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}

/* feature card */
.why-feat:where(:root.page-contact,:root.page-contact *){background:linear-gradient(158deg,#B23a4a 0%,#8E1B2C 52%,#67121F 100%);border-color:transparent;color:#fff;justify-content:space-between;overflow:hidden}
.why-feat:where(:root.page-contact,:root.page-contact *)::after{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.26);pointer-events:none;animation:spinCW 26s linear infinite}
.why-feat:where(:root.page-contact,:root.page-contact *)::before{content:"";position:absolute;right:-110px;top:-110px;width:340px;height:340px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.16);pointer-events:none;animation:spinCCW 34s linear infinite}
html[data-motion="off"] .why-feat:where(:root.page-contact,:root.page-contact *)::before,html[data-motion="off"] .why-feat:where(:root.page-contact,:root.page-contact *)::after{animation:none}
.wf-top:where(:root.page-contact,:root.page-contact *){display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:1}
.wf-kick:where(:root.page-contact,:root.page-contact *){margin-top:10px}
.why-icon.wi-light:where(:root.page-contact,:root.page-contact *){background:rgba(255,255,255,.16);color:#fff;margin-bottom:0}
.wf-kick:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.wf-body:where(:root.page-contact,:root.page-contact *){position:relative;z-index:1;margin-top:auto;padding-top:40px}
.wf-num:where(:root.page-contact,:root.page-contact *){font-size:clamp(48px,5.4vw,76px);font-weight:700;letter-spacing:-0.04em;line-height:.9}
.wf-num span:where(:root.page-contact,:root.page-contact *){font-size:.32em;font-weight:600;letter-spacing:-0.01em;color:rgba(255,255,255,.7)}
.why-feat h3:where(:root.page-contact,:root.page-contact *){margin:18px 0 12px;font-size:clamp(22px,2.2vw,27px)}
.why-feat p:where(:root.page-contact,:root.page-contact *){color:rgba(255,255,255,.78);max-width:38ch}
.ctag.onwine:where(:root.page-contact,:root.page-contact *){color:#fff;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.08)}

/* wide card d */
.why-d-in:where(:root.page-contact,:root.page-contact *){display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-top:auto;width:100%}
.why-d-stat:where(:root.page-contact,:root.page-contact *){flex:none;text-align:right}
.why-d-stat b:where(:root.page-contact,:root.page-contact *){font-size:clamp(34px,3.6vw,52px);font-weight:700;letter-spacing:-0.03em;color:var(--wine);line-height:1;display:block}
.why-d-stat span:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:6px;display:block}
.why-d p:where(:root.page-contact,:root.page-contact *){margin-bottom:0;max-width:52ch}

/* ============================ INTEGRATIONS (core + dual marquee) ============================ */
.intg:where(:root.page-contact,:root.page-contact *){background:#F3F1EE}
#industries:where(:root.page-contact,:root.page-contact *){padding-bottom:0}
.intg-head:where(:root.page-contact,:root.page-contact *){margin-bottom:40px;max-width:920px}
.intg-stage:where(:root.page-contact,:root.page-contact *){position:relative;border:0;border-radius:24px;background:var(--paper);overflow:hidden;padding:clamp(28px,3.4vw,48px) 0 clamp(18px,2.2vw,30px)}
.intg-dots:where(:root.page-contact,:root.page-contact *){position:absolute;inset:0;background-image:radial-gradient(var(--hair) 1.2px,transparent 1.2px);background-size:22px 22px; -webkit-mask-image:radial-gradient(circle at 50% 22%,#000 0%,#000 60%,transparent 92%);mask-image:radial-gradient(circle at 50% 22%,#000 0%,#000 60%,transparent 92%);opacity:.7}

/* core at top */
.intg-core2.intg-core-top:where(:root.page-contact,:root.page-contact *),#intgCore.intg-core-top:where(:root.page-contact,:root.page-contact *){position:relative;left:auto;top:auto;transform:none;margin:0 auto;z-index:3}

/* general connection: stem from core → rail, with a packet that splits left/right */
.intg-conn:where(:root.page-contact,:root.page-contact *){position:relative;z-index:2;height:clamp(48px,5.4vw,72px);margin:0 auto clamp(8px,1.2vw,16px);width:82%;pointer-events:none}
.intg-conn .ic-stem:where(:root.page-contact,:root.page-contact *){position:absolute;left:50%;top:0;transform:translateX(-50%);width:1.5px;height:62%;background:linear-gradient(180deg,var(--wine),var(--wine-line))}
.intg-conn .ic-rail:where(:root.page-contact,:root.page-contact *){position:absolute;left:0;right:0;top:62%;height:1.5px;background:linear-gradient(90deg,transparent,var(--wine-line) 10%,var(--wine-line) 90%,transparent)}
.intg-conn .ic-pkt:where(:root.page-contact,:root.page-contact *){position:absolute;width:7px;height:7px;border-radius:50%;background:var(--wine);box-shadow:0 0 9px 1px rgba(155,27,46,.55)}
.intg-conn .ic-down:where(:root.page-contact,:root.page-contact *){left:50%;top:0;transform:translate(-50%,-50%);animation:icDown 2.6s linear infinite}
.intg-conn .ic-left:where(:root.page-contact,:root.page-contact *){left:50%;top:62%;transform:translate(-50%,-50%);animation:icLeft 2.6s ease-in-out infinite}
.intg-conn .ic-right:where(:root.page-contact,:root.page-contact *){left:50%;top:62%;transform:translate(-50%,-50%);animation:icRight 2.6s ease-in-out infinite}
html[data-motion="off"] .intg-conn .ic-pkt:where(:root.page-contact,:root.page-contact *){animation:none;opacity:0}

/* single marquee */
.intg-rows:where(:root.page-contact,:root.page-contact *){position:relative;z-index:2;display:flex;flex-direction:column;gap:clamp(14px,1.6vw,20px)}
.intg-mrow:where(:root.page-contact,:root.page-contact *){overflow:hidden;padding-block:clamp(12px,1.4vw,18px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.intg-mtrack:where(:root.page-contact,:root.page-contact *){display:flex;gap:clamp(16px,1.8vw,24px);width:max-content;animation:intgMarq 34s linear infinite}
.intg-mrow:hover .intg-mtrack:where(:root.page-contact,:root.page-contact *){animation-play-state:paused}
html[data-motion="off"] .intg-mtrack:where(:root.page-contact,:root.page-contact *){animation:none}
.intg-chip:where(:root.page-contact,:root.page-contact *){flex:none;display:flex;align-items:center;gap:14px;white-space:nowrap;min-width:clamp(248px,24vw,320px); background:#fff;border:1px solid rgba(20,16,22,.04);border-radius:18px;padding:16px 30px 16px 16px; box-shadow:0 3px 8px rgba(30,22,40,.07),0 8px 18px -10px rgba(30,22,40,.16)}
.intg-chip .ig:where(:root.page-contact,:root.page-contact *){width:46px;height:46px;border-radius:13px;background:linear-gradient(160deg,#fff,#f4f2ee);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--ink-2);flex:none}
.intg-chip .ig img:where(:root.page-contact,:root.page-contact *){width:60%;height:60%;object-fit:contain}
.intg-chip .io-t b:where(:root.page-contact,:root.page-contact *){display:block;font-size:15px;font-weight:600;letter-spacing:-0.01em;color:var(--ink)}
.intg-chip .io-t span:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:3px;display:block}

/* center core */
.intg-core2:where(:root.page-contact,:root.page-contact *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3; width:min(248px,48%);text-align:center;border-radius:22px;padding:26px 24px 22px; background: radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,.14), transparent 60%), linear-gradient(165deg,#B23a4a 0%,#8E1B2C 52%,#67121F 100%); color:#fff;border:1px solid rgba(255,255,255,.18); box-shadow:0 30px 70px -26px rgba(70,18,28,.65), 0 0 0 7px rgba(155,27,46,.10)}
.intg-core2 .ic-ring:where(:root.page-contact,:root.page-contact *){position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);border-radius:24px;border:1px solid rgba(255,255,255,.3);pointer-events:none;animation:corePulse 3.4s var(--ease) infinite}
.intg-core2 .ic-mark:where(:root.page-contact,:root.page-contact *){width:54px;height:54px;border-radius:14px;background:#fff;display:grid;place-items:center;margin:0 auto 14px;box-shadow:0 10px 24px -10px rgba(0,0,0,.4)}
.intg-core2 .ic-mark img:where(:root.page-contact,:root.page-contact *){width:38px;height:38px;object-fit:contain}
.intg-core2 b:where(:root.page-contact,:root.page-contact *){display:block;font-size:16.5px;font-weight:700;letter-spacing:-0.02em}
.intg-core2 .ic-sub:where(:root.page-contact,:root.page-contact *){display:block;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.04em;color:rgba(255,255,255,.72);margin-top:9px;line-height:1.5}
.intg-core2 .ic-live:where(:root.page-contact,:root.page-contact *){display:inline-flex;align-items:center;gap:7px;margin-top:16px;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:100px;padding:5px 11px}
.intg-core2 .ic-live i:where(:root.page-contact,:root.page-contact *){width:6px;height:6px;border-radius:50%;background:#7CFFB0;box-shadow:0 0 0 0 rgba(124,255,176,.6);animation:livePulse 2.2s infinite}

/* orbit nodes */
.intg-orbit:where(:root.page-contact,:root.page-contact *){position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:2; display:flex;align-items:center;gap:12px;white-space:nowrap; background:var(--paper);border:1px solid rgba(20,16,22,.05);border-radius:15px;padding:12px 17px 12px 12px; box-shadow:0 18px 40px -20px rgba(42,30,48,.30), 0 4px 12px -6px rgba(42,30,48,.12); transition:box-shadow .25s var(--ease)}
.intg-orbit:hover:where(:root.page-contact,:root.page-contact *){box-shadow:0 26px 56px -22px rgba(42,30,48,.42), 0 6px 16px -8px rgba(42,30,48,.16);z-index:4}
.intg-orbit .ig:where(:root.page-contact,:root.page-contact *){width:42px;height:42px;border-radius:12px;background:linear-gradient(160deg,var(--paper),var(--paper-2));border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--ink-2);flex:none;box-shadow:inset 0 1px 0 #fff;overflow:hidden}
.intg-orbit .ig img:where(:root.page-contact,:root.page-contact *){width:62%;height:62%;object-fit:contain}
.intg-orbit .io-t b:where(:root.page-contact,:root.page-contact *){display:block;font-size:14px;font-weight:600;letter-spacing:-0.01em;color:var(--ink)}
.intg-orbit .io-t span:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:2px;display:block}

/* stats band — modern cards */
.intg-stats:where(:root.page-contact,:root.page-contact *){display:flex;justify-content:center;margin-top:6px}
.istat:where(:root.page-contact,:root.page-contact *){background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:20px 30px;display:flex;flex-direction:row;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center}
ar(--ease):where(:root.page-contact,:root.page-contact *),transform .25s var(--ease)} .istat:hover:where(:root.page-contact,:root.page-contact *){box-shadow:var(--shadow-md);transform:translateY(-2px)}
.istat .is-n:where(:root.page-contact,:root.page-contact *){font-size:clamp(28px,3.2vw,42px);font-weight:700;letter-spacing:-0.03em;line-height:1;color:var(--wine)}
.istat .is-l:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:10px}
.istat .is-langs:where(:root.page-contact,:root.page-contact *){display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.istat .is-langs span:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:10px;color:var(--ink-2);border:1px solid var(--line);border-radius:6px;padding:4px 8px;background:var(--paper-2)}
.istat:first-child:where(:root.page-contact,:root.page-contact *){background:linear-gradient(160deg,var(--wine-soft),var(--paper) 70%);border-color:var(--wine-line)}
.istat:first-child .is-l:where(:root.page-contact,:root.page-contact *){color:var(--wine)}

/* ============================ TESTIMONIALS (bento) ============================ */
.test-head:where(:root.page-contact,:root.page-contact *){text-align:center;max-width:680px;margin:0 auto clamp(46px,5.5vw,72px)}
.test-head .eyebrow:where(:root.page-contact,:root.page-contact *){margin-bottom:18px}
.test-head .h-section:where(:root.page-contact,:root.page-contact *){margin:0 auto}
.test-head .lede:where(:root.page-contact,:root.page-contact *){margin:20px auto 0;text-align:center}
.test-bento:where(:root.page-contact,:root.page-contact *){display:grid;grid-template-columns:repeat(3,1fr); grid-template-areas: "a c f" "a d g" "b e g"; gap:18px}
.tb-a:where(:root.page-contact,:root.page-contact *){grid-area:a}
.tb-b:where(:root.page-contact,:root.page-contact *){grid-area:b}
.tb-c:where(:root.page-contact,:root.page-contact *){grid-area:c}
.tb-d:where(:root.page-contact,:root.page-contact *){grid-area:d}
.tb-e:where(:root.page-contact,:root.page-contact *){grid-area:e}
.tb-f:where(:root.page-contact,:root.page-contact *){grid-area:f}
.tb-g:where(:root.page-contact,:root.page-contact *){grid-area:g}
.tcard:where(:root.page-contact,:root.page-contact *){position:relative;border:1px solid var(--line);border-radius:18px;background:var(--paper); padding:clamp(24px,2.2vw,32px);display:flex;flex-direction:column;overflow:hidden; transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
.tcard:hover:where(:root.page-contact,:root.page-contact *){transform:translateY(-3px);box-shadow:var(--shadow-md)}
.tcard .tq:where(:root.page-contact,:root.page-contact *){position:absolute;right:18px;bottom:-6px;font-family:var(--font-sans);font-weight:700; font-size:104px;line-height:1;color:var(--line);pointer-events:none;user-select:none}
.tcard blockquote:where(:root.page-contact,:root.page-contact *){position:relative;z-index:1;font-size:15.5px;line-height:1.6;letter-spacing:-0.01em;color:var(--ink);text-wrap:pretty}
.tcard .who:where(:root.page-contact,:root.page-contact *){position:relative;z-index:1;display:flex;align-items:center;gap:12px;margin-top:22px}
.tcard .av:where(:root.page-contact,:root.page-contact *){width:46px;height:46px;border-radius:50%;flex:none;object-fit:cover;background:var(--paper-3)}
.tcard .who b:where(:root.page-contact,:root.page-contact *){font-size:14.5px;font-weight:700;display:block;letter-spacing:-0.01em}
.tcard .who span:where(:root.page-contact,:root.page-contact *){font-size:12.5px;color:var(--ink-3);margin-top:2px;display:block;line-height:1.35}

/* featured */
.tcard--feat:where(:root.page-contact,:root.page-contact *){padding:clamp(28px,2.7vw,40px)}
.tcard--feat .stars:where(:root.page-contact,:root.page-contact *){position:relative;z-index:1;font-size:15px;letter-spacing:3px;margin-bottom:24px}
.tcard--feat blockquote:where(:root.page-contact,:root.page-contact *){font-size:clamp(17px,1.45vw,20px);line-height:1.5;font-weight:500}
.tcard--feat .who:where(:root.page-contact,:root.page-contact *){margin-top:auto;padding-top:28px}
.tcard--feat .tq:where(:root.page-contact,:root.page-contact *){right:24px;top:8px;bottom:auto;font-size:128px}
.tcard--dark:where(:root.page-contact,:root.page-contact *){background:#F3F1EE;border:1px solid var(--line)}
.tcard--dark blockquote:where(:root.page-contact,:root.page-contact *),.tcard--dark .who b:where(:root.page-contact,:root.page-contact *){color:var(--ink)}
.tcard--dark .who span:where(:root.page-contact,:root.page-contact *){color:var(--ink-3)}
.tcard--dark .stars:where(:root.page-contact,:root.page-contact *){color:var(--wine)}
.tcard--dark .tq:where(:root.page-contact,:root.page-contact *){color:rgba(20,16,22,.06)}
.tcard--wine:where(:root.page-contact,:root.page-contact *){background:linear-gradient(155deg,#A6333E 0%,#7C1623 58%,#5E1020 100%);border-color:transparent}
.tcard--wine blockquote:where(:root.page-contact,:root.page-contact *),.tcard--wine .who b:where(:root.page-contact,:root.page-contact *){color:#fff}
.tcard--wine .who span:where(:root.page-contact,:root.page-contact *){color:rgba(255,255,255,.72)}
.tcard--wine .stars:where(:root.page-contact,:root.page-contact *){color:#fff}
.tcard--wine .tq:where(:root.page-contact,:root.page-contact *){color:rgba(255,255,255,.13)}
.tcard--wine .av:where(:root.page-contact,:root.page-contact *){box-shadow:0 0 0 2px rgba(255,255,255,.28)}
.tcard--dark .av:where(:root.page-contact,:root.page-contact *){box-shadow:0 0 0 2px rgba(20,16,22,.1)}

/* ============================ FINAL CTA ============================ */
.cta:where(:root.page-contact,:root.page-contact *){position:relative;background:linear-gradient(165deg,#4E0C18 0%,#6E1320 22%,#9B1B2E 50%,#BF3A40 74%,#E08763 100%);color:#fff;overflow:hidden;border-radius:0;isolation:isolate}
.cta:where(:root.page-contact,:root.page-contact *)::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background: radial-gradient(75% 55% at 18% 8%, rgba(255,210,190,.40) 0%, transparent 55%), radial-gradient(80% 70% at 92% 30%, rgba(120,12,24,.65) 0%, transparent 60%), radial-gradient(90% 80% at 50% 120%, rgba(50,6,14,.7) 0%, transparent 62%)}
.cta-noise:where(:root.page-contact,:root.page-contact *){position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.85;mix-blend-mode:soft-light; background-image: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='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:150px 150px}
.cta canvas:where(:root.page-contact,:root.page-contact *){display:none}
.cta-in:where(:root.page-contact,:root.page-contact *){position:relative;z-index:2;text-align:center;max-width:1200px;margin:0 auto;padding-block:clamp(60px,7.5vw,100px) clamp(40px,5vw,64px)}
.cta-logo:where(:root.page-contact,:root.page-contact *){display:inline-grid;place-items:center;width:104px;height:104px;border-radius:26px;margin-bottom:34px; background:linear-gradient(155deg,#ffffff 0%,#efece5 100%); box-shadow:0 2px 1px rgba(255,255,255,.95) inset, 0 -6px 14px rgba(120,18,28,.18) inset, 0 5px 10px rgba(255,255,255,.5) inset, 0 26px 54px -16px rgba(35,5,10,.7)}
.cta-logo img:where(:root.page-contact,:root.page-contact *){width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 2px 1px rgba(255,255,255,.9)) drop-shadow(0 -1px 1px rgba(120,18,28,.25))}
.cta h2:where(:root.page-contact,:root.page-contact *){font-size:clamp(34px,4.8vw,62px);font-weight:700;letter-spacing:-0.035em;line-height:1.02;text-wrap:balance;max-width:none;margin:0 auto}
.cta h2 em:where(:root.page-contact,:root.page-contact *){font-style:normal;color:#fff}
.cta-btns:where(:root.page-contact,:root.page-contact *){display:flex;gap:14px;justify-content:center;margin-top:32px;flex-wrap:wrap}
.cta .btn-wine:where(:root.page-contact,:root.page-contact *){box-shadow:0 16px 44px -16px rgba(0,0,0,.55)}
.cta .btn-wine:hover:where(:root.page-contact,:root.page-contact *){transform:translateY(-2px);box-shadow:0 22px 54px -16px rgba(0,0,0,.6)}
.cta-btns .btn:where(:root.page-contact,:root.page-contact *){border-radius:100px}
.btn-onwine:where(:root.page-contact,:root.page-contact *){background:#fff;color:var(--wine-deep)}
.btn-onwine:hover:where(:root.page-contact,:root.page-contact *){background:#fff;transform:translateY(-2px);box-shadow:0 18px 40px -16px rgba(0,0,0,.5)}
.cta-assure:where(:root.page-contact,:root.page-contact *){display:flex;justify-content:center;gap:14px 28px;flex-wrap:wrap;margin-top:30px}
.cta-assure span:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:rgba(255,255,255,.82);display:inline-flex;align-items:center;gap:8px}
.cta-assure span:where(:root.page-contact,:root.page-contact *)::before{content:"\2192";color:#fff;opacity:.7;font-size:13px}

/* product screenshot — top 30% peeking at the bottom */
.cta-shot:where(:root.page-contact,:root.page-contact *){position:relative;z-index:2;width:min(var(--maxw),calc(100% - var(--gut)*2));margin:0 auto;border-radius:16px 16px 0 0;overflow:hidden; border:1px solid rgba(255,255,255,.22);border-bottom:0; box-shadow:0 -10px 60px -20px rgba(40,6,12,.6), 0 30px 80px -30px rgba(0,0,0,.5);background:#fff}
.cta-shot-bar:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;gap:12px;padding:11px 16px;background:#faf9f7;border-bottom:1px solid #ececec}
.cta-shot-bar .csb-dots:where(:root.page-contact,:root.page-contact *){display:flex;gap:6px}
.cta-shot-bar .csb-dots i:where(:root.page-contact,:root.page-contact *){width:10px;height:10px;border-radius:50%;background:#d8d5ce;display:block}
.cta-shot-bar .csb-url:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:11px;color:#9a9a95;background:#fff;border:1px solid #ececec;border-radius:7px;padding:4px 12px}
.cta-shot img:where(:root.page-contact,:root.page-contact *){display:block;width:100%;height:clamp(128px,17.6vw,208px);object-fit:cover;object-position:top center}

/* footer brand block */
.foot-lead:where(:root.page-contact,:root.page-contact *){display:grid;grid-template-columns:1.5fr 1fr;gap:40px;padding-bottom:48px;margin-bottom:48px;border-bottom:1px solid var(--line)}
.foot-lead p:where(:root.page-contact,:root.page-contact *){font-size:15px;color:var(--ink-2);line-height:1.65;max-width:60ch}
.foot-mission:where(:root.page-contact,:root.page-contact *){border-left:2px solid var(--wine);padding-left:20px}
.foot-mission span:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);display:block;margin-bottom:10px}
.foot-mission p:where(:root.page-contact,:root.page-contact *){font-size:15px;color:var(--ink);font-weight:500}
.foot-badges:where(:root.page-contact,:root.page-contact *){display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.foot-bottom:where(:root.page-contact,:root.page-contact *){display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:48px;padding-top:28px;border-top:1px solid var(--line);flex-wrap:wrap}
.foot-bottom .copy:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:11px;color:var(--ink-3);letter-spacing:.02em}

/* representative deployments strip */
.deploy-strip:where(:root.page-contact,:root.page-contact *){margin-top:8px}
.deploy-head:where(:root.page-contact,:root.page-contact *){display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.deploy-grid:where(:root.page-contact,:root.page-contact *){display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.dep:where(:root.page-contact,:root.page-contact *){background:var(--paper-2);padding:16px 18px}
.dep .dk:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}
.dep b:where(:root.page-contact,:root.page-contact *){font-size:13.5px;font-weight:600;display:block;letter-spacing:-0.01em}
.dep span:where(:root.page-contact,:root.page-contact *){font-size:12px;color:var(--ink-2)}

/* ============================================================================
   PREMIUM SAAS POLISH — updated page only
   ========================================================================== */
:root:where(:root.page-contact,:root.page-contact *){--shadow-sm:0 1px 2px rgba(34,18,22,.05), 0 1px 1px rgba(34,18,22,.03); --shadow-md:0 24px 64px -34px rgba(46,18,26,.30), 0 8px 22px -16px rgba(46,18,26,.16); --shadow-lg:0 64px 140px -58px rgba(52,20,30,.42), 0 26px 54px -36px rgba(46,18,26,.20)}

/* seamless warm seam where the red hero fades into the white page */
.ecolog:where(:root.page-contact,:root.page-contact *){background:linear-gradient(180deg,#FFF7F4 0%, #ffffff 72%)}

/* a faint circular-language motif shared by key sections */
.section--tight:where(:root.page-contact,:root.page-contact *),.cta:where(:root.page-contact,:root.page-contact *){position:relative}
.section--tight:where(:root.page-contact,:root.page-contact *)::before{content:"";position:absolute;left:50%;top:50%;width:760px;height:760px; transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:0; background:radial-gradient(circle, color-mix(in srgb,var(--wine) 7%,transparent), transparent 64%)}
.section--tight .wrap:where(:root.page-contact,:root.page-contact *){position:relative;z-index:1}

/* usage-metrics band — elevated, premium */
.statband:where(:root.page-contact,:root.page-contact *){border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-md);overflow:hidden; background: radial-gradient(130% 180% at 8% -50%, var(--wine-soft), transparent 58%), radial-gradient(130% 180% at 96% -50%, var(--accent-soft), transparent 58%), var(--paper)}
.statband .sc:where(:root.page-contact,:root.page-contact *){transition:background .25s var(--ease)}
.statband .sc:hover:where(:root.page-contact,:root.page-contact *){background:rgba(255,255,255,.6)}
.statband .stat-num:where(:root.page-contact,:root.page-contact *){color:var(--wine)}

/* premium container radii + softer card depth across the page */
.eco-card:where(:root.page-contact,:root.page-contact *),.anec-card:where(:root.page-contact,:root.page-contact *),.tcard:where(:root.page-contact,:root.page-contact *),.ind-panel:where(:root.page-contact,:root.page-contact *),.intg-net:where(:root.page-contact,:root.page-contact *),.why-grid:where(:root.page-contact,:root.page-contact *),.arch-diagram:where(:root.page-contact,:root.page-contact *),.gap-answer:where(:root.page-contact,:root.page-contact *),.media-frame:where(:root.page-contact,:root.page-contact *){border-radius:20px}
.tcard:hover:where(:root.page-contact,:root.page-contact *),.eco-card:hover:where(:root.page-contact,:root.page-contact *){box-shadow:var(--shadow-lg)}
.tcard--dark:hover:where(:root.page-contact,:root.page-contact *),.tcard--wine:hover:where(:root.page-contact,:root.page-contact *){box-shadow:var(--shadow-lg)}

/* circular motif echo behind final CTA */
.cta-in:where(:root.page-contact,:root.page-contact *){position:relative;z-index:2}

/* refined eyebrow accent — premium */
.eyebrow:where(:root.page-contact,:root.page-contact *)::before{box-shadow:0 0 0 4px var(--wine-soft)}

/* floating-pill nav: center wide mega panels to the viewport so centered
   nav links never push them off-screen; keep narrow menus on their trigger */
.nav-mega:where(:root.page-contact,:root.page-contact *){position:fixed;left:50%;top:84px;right:auto; transform:translateX(-50%) translateY(8px) scale(.99);transform-origin:top center; width:min(860px,calc(100vw - 40px))}
.nav-mega.nav-mega--cards:where(:root.page-contact,:root.page-contact *){width:min(680px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons:where(:root.page-contact,:root.page-contact *){width:min(660px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons.nav-mega--sol:where(:root.page-contact,:root.page-contact *){width:min(740px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons.has-3:where(:root.page-contact,:root.page-contact *){width:min(820px,calc(100vw - 40px))}
.nav-mega.nav-mega--icons.nav-mega--res:where(:root.page-contact,:root.page-contact *){width:min(860px,calc(100vw - 40px))}
.nav-item:hover .nav-mega:where(:root.page-contact,:root.page-contact *),.nav-item:focus-within .nav-mega:where(:root.page-contact,:root.page-contact *){transform:translateX(-50%) translateY(0) scale(1)}
.nav-mega:where(:root.page-contact,:root.page-contact *)::before{left:0;right:0;top:-28px;height:28px}
.nav.is-stuck .nav-mega:where(:root.page-contact,:root.page-contact *){top:74px}

/* nav CTA buttons → pill to match the bar */
.nav-cta .btn:where(:root.page-contact,:root.page-contact *){border-radius:100px}
.nav-cta .btn-ghost:where(:root.page-contact,:root.page-contact *){border-color:var(--line)}

/* ============================ FOOTER (Avoora-style) ============================ */
.foot:where(:root.page-contact,:root.page-contact *){background:var(--paper);border-top:1px solid var(--line);padding:0 0 32px}
.foot .wrap:where(:root.page-contact,:root.page-contact *){position:relative}

/* image marquee */
.foot-marquee:where(:root.page-contact,:root.page-contact *){overflow:hidden;padding:clamp(28px,3.4vw,46px) 0 clamp(20px,2.4vw,30px); -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent); mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.fm-track:where(:root.page-contact,:root.page-contact *){display:flex;gap:16px;width:max-content;animation:fmScroll 48s linear infinite}
.foot-marquee:hover .fm-track:where(:root.page-contact,:root.page-contact *){animation-play-state:paused}
html[data-motion="off"] .fm-track:where(:root.page-contact,:root.page-contact *){animation:none}
.fm-tile:where(:root.page-contact,:root.page-contact *){margin:0;flex:none;width:clamp(112px,11vw,150px)}
.fm-tile img:where(:root.page-contact,:root.page-contact *){width:100%;aspect-ratio:5/6;object-fit:cover;border-radius:14px;background:var(--paper-3); filter:grayscale(.1);transition:transform .4s var(--ease),filter .4s}
.fm-tile:hover img:where(:root.page-contact,:root.page-contact *){transform:translateY(-4px);filter:none}
.fm-tile figcaption:where(:root.page-contact,:root.page-contact *){display:none}

/* menu cards */
.foot-cards:where(:root.page-contact,:root.page-contact *){display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:clamp(28px,3vw,44px)}
.foot-card:where(:root.page-contact,:root.page-contact *){border:0;border-radius:18px;padding:clamp(22px,2vw,30px);background:linear-gradient(180deg,var(--wine-soft) 0%,var(--paper) 64%);transition:box-shadow .25s var(--ease),transform .25s var(--ease)}
.foot-card:hover:where(:root.page-contact,:root.page-contact *){box-shadow:var(--shadow-md);transform:translateY(-2px)}
.foot-card :is(h3,h4):where(:root.page-contact,:root.page-contact *){font-size:18px;font-weight:700;letter-spacing:-0.02em;color:var(--ink);margin-bottom:14px;font-family:var(--font-sans);text-transform:none}
.foot-links:where(:root.page-contact,:root.page-contact *){list-style:none;display:flex;flex-direction:column}
.foot-links li:where(:root.page-contact,:root.page-contact *){border-top:1px solid var(--wine-line)}
.foot-links li:first-child:where(:root.page-contact,:root.page-contact *){border-top:0}
.foot-links a:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 2px;font-size:14.5px;font-weight:500;color:var(--ink-2);transition:color .18s var(--ease),padding .18s var(--ease)}
.foot-links a:hover:where(:root.page-contact,:root.page-contact *){color:var(--wine);padding-left:6px}
.foot-viewall:where(:root.page-contact,:root.page-contact *){color:var(--wine)!important;font-weight:600}
.foot-card:where(:root.page-contact,:root.page-contact *){position:relative}
.foot-card:has(.foot-va:hover):where(:root.page-contact,:root.page-contact *),.foot-card:has(.foot-va:focus-within):where(:root.page-contact,:root.page-contact *){z-index:40}
.foot-va:where(:root.page-contact,:root.page-contact *){display:block;margin-top:14px}
.foot-viewall:where(:root.page-contact,:root.page-contact *){cursor:pointer;display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--wine)}
.foot-viewall .va-arr:where(:root.page-contact,:root.page-contact *){transition:transform .2s var(--ease)}
.foot-va:hover .va-arr:where(:root.page-contact,:root.page-contact *),.foot-va:focus-within .va-arr:where(:root.page-contact,:root.page-contact *){transform:translateX(3px)}
.foot-va-pop:where(:root.page-contact,:root.page-contact *){position:absolute;left:0;bottom:0;z-index:30;width:min(560px,140%); display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:14px;border-radius:16px;background:var(--paper);border:1px solid var(--line); box-shadow:0 30px 60px -22px rgba(20,16,22,.45),0 8px 20px -10px rgba(20,16,22,.2); opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s}
.foot-va:hover .foot-va-pop:where(:root.page-contact,:root.page-contact *),.foot-va:focus-within .foot-va-pop:where(:root.page-contact,:root.page-contact *){opacity:1;visibility:visible;transform:translateY(0)}
.foot-va-pop a:where(:root.page-contact,:root.page-contact *){display:block;padding:9px 12px;border-radius:9px;font-size:13px;font-weight:500;color:var(--ink-2);transition:background .16s,color .16s}
.foot-va-pop a:hover:where(:root.page-contact,:root.page-contact *){background:var(--wine-soft);color:var(--wine)}
.foot-h4row:where(:root.page-contact,:root.page-contact *){display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.foot-h4row .foot-viewall:where(:root.page-contact,:root.page-contact *){font-size:12px;font-weight:600;text-transform:none;letter-spacing:0}
.fl-arr:where(:root.page-contact,:root.page-contact *){color:var(--ink-3);font-size:16px;transition:transform .18s var(--ease),color .18s}
.foot-links a:hover .fl-arr:where(:root.page-contact,:root.page-contact *){color:var(--wine);transform:translateX(3px)}

/* bottom bar */
.foot-bottom:where(:root.page-contact,:root.page-contact *){display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap; margin-top:clamp(30px,3.4vw,48px);padding:24px 0;border-top:1px solid var(--line)}
.foot-bottom .copy:where(:root.page-contact,:root.page-contact *){font-size:13px;color:var(--ink-3);letter-spacing:.01em}
.foot-top:where(:root.page-contact,:root.page-contact *){display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-family:var(--font-mono)}
.foot-top .ft-ic:where(:root.page-contact,:root.page-contact *){width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:var(--wine);color:#fff;font-size:14px;transition:transform .2s var(--ease)}
.foot-top:hover .ft-ic:where(:root.page-contact,:root.page-contact *){transform:translateY(-3px)}

/* back-to-top → logo */
.foot-right:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;gap:clamp(14px,1.6vw,22px)}
.foot-social:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;gap:10px}
.foot-social a:where(:root.page-contact,:root.page-contact *){width:54px;height:54px;border-radius:50%;background:var(--wine-soft);display:grid;place-items:center;color:var(--wine);transition:color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease)}
.foot-social a:hover:where(:root.page-contact,:root.page-contact *){color:#fff;background:var(--wine);transform:translateY(-2px)}
.foot-social svg:where(:root.page-contact,:root.page-contact *){width:20px;height:20px;fill:currentColor}
.foot-sep:where(:root.page-contact,:root.page-contact *){width:1px;height:38px;background:var(--line);flex:none}
.foot-logo:where(:root.page-contact,:root.page-contact *){display:inline-flex;align-items:center;transition:transform .2s var(--ease)}
.foot-logo img:where(:root.page-contact,:root.page-contact *){height:52px;width:auto;object-fit:contain}
.foot-logo:hover:where(:root.page-contact,:root.page-contact *){transform:translateY(-3px)}

/* giant wordmark with people video */
.foot-wordmark:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;gap:clamp(20px,3vw,48px);margin-top:clamp(22px,2.6vw,40px);padding-bottom:clamp(16px,2.4vw,40px)}
.fw-img:where(:root.page-contact,:root.page-contact *){position:relative;flex:none;width:clamp(120px,14vw,188px);aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:var(--paper-3);display:block;cursor:pointer}
.fw-img video:where(:root.page-contact,:root.page-contact *),.fw-img img:where(:root.page-contact,:root.page-contact *){width:100%;height:100%;object-fit:cover;display:block}
.fw-ig:where(:root.page-contact,:root.page-contact *){position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;color:#fff; background:linear-gradient(160deg,rgba(193,53,132,.55),rgba(131,58,180,.5) 55%,rgba(253,170,90,.45)); opacity:0;transition:opacity .28s var(--ease)}
.fw-ig svg:where(:root.page-contact,:root.page-contact *){transform:scale(.8);transition:transform .28s var(--ease);filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}
.fw-img:hover .fw-ig:where(:root.page-contact,:root.page-contact *){opacity:1}
.fw-img:hover .fw-ig svg:where(:root.page-contact,:root.page-contact *){transform:scale(1)}
.fw-text:where(:root.page-contact,:root.page-contact *){font-weight:900;line-height:.92;letter-spacing:0.005em;color:#D8D3CC; font-size:clamp(60px,16.6vw,250px);white-space:nowrap;padding-bottom:0.1em;flex:1;text-align:right}

/* touch 1781880837256 */

/* floating Academic Transcripts pill (bottom-left) */
.et-float:where(:root.page-contact,:root.page-contact *){position:fixed;right:22px;left:auto;bottom:22px;z-index:120;display:inline-flex;flex-direction:row-reverse;align-items:center;gap:0; height:60px;width:60px;padding:8px;border-radius:100px;overflow:hidden; background:#fff;box-shadow:0 14px 34px -12px rgba(20,16,22,.34),0 4px 12px -6px rgba(20,16,22,.2); border:1px solid var(--line);text-decoration:none;white-space:nowrap; transition:width .34s var(--ease),box-shadow .34s var(--ease)}
.et-float .et-ic:where(:root.page-contact,:root.page-contact *){width:44px;height:44px;border-radius:50%;flex:none;display:grid;place-items:center;overflow:hidden}
.et-float .et-ic img:where(:root.page-contact,:root.page-contact *){width:100%;height:100%;object-fit:contain;display:block}
.et-float .et-tx:where(:root.page-contact,:root.page-contact *){font-size:14px;font-weight:700;color:var(--wine);letter-spacing:-0.01em;opacity:0; padding:0 6px 0 14px;transition:opacity .28s var(--ease) .06s}
.et-float:hover:where(:root.page-contact,:root.page-contact *){width:250px;box-shadow:0 20px 44px -14px rgba(20,16,22,.42)}
.et-float:hover .et-tx:where(:root.page-contact,:root.page-contact *){opacity:1}
.brand .mark .seal:where(:root.page-contact,:root.page-contact *){fill:var(--wine)}
.eco-glyph:where(:root.page-contact,:root.page-contact *),.intg-core .ic-mark:where(:root.page-contact,:root.page-contact *),.ind-flowcard .ifn:where(:root.page-contact,:root.page-contact *){transition:background .3s var(--ease)}
.ctw:where(:root.page-contact,:root.page-contact *){max-width:min(1520px,calc(100vw - 2*var(--gut)));margin-inline:auto}
.ct-hero:where(:root.page-contact,:root.page-contact *){position:relative;overflow:hidden;min-height:clamp(400px,46vw,560px);padding:clamp(150px,15vw,190px) 0 clamp(46px,5vw,80px);color:#fff; background-image: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='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E"),linear-gradient(180deg,#6E101D 0%,#8C1729 46%,#A82C43 100%)}
.ct-hero:where(:root.page-contact,:root.page-contact *)::before{content:"";position:absolute;left:50%;top:-46%;width:min(1200px,120vw);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:1px dashed rgba(255,255,255,.2);animation:ctSpin 90s linear infinite;pointer-events:none}
.ct-hero:where(:root.page-contact,:root.page-contact *)::after{content:"";position:absolute;left:50%;top:-28%;width:min(840px,88vw);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:1px dashed rgba(255,255,255,.13);pointer-events:none}
.ct-hero-in:where(:root.page-contact,:root.page-contact *){position:relative;text-align:center;max-width:880px;margin-inline:auto}
.ct-k:where(:root.page-contact,:root.page-contact *){display:inline-flex;align-items:center;gap:9px;padding:7px 16px 7px 13px;border-radius:100px;border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.1);backdrop-filter:blur(6px);font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.ct-k b:where(:root.page-contact,:root.page-contact *){width:6px;height:6px;border-radius:50%;background:#fff;display:block;animation:ctBlink 2.4s var(--ease) infinite}
.ct-hero h1:where(:root.page-contact,:root.page-contact *){margin:20px 0 0;font-size:clamp(34px,4.3vw,56px);line-height:1.03;letter-spacing:-.04em;font-weight:700;text-wrap:balance}
.ct-hero p:where(:root.page-contact,:root.page-contact *){margin:18px auto 0;max-width:810px;font-size:clamp(15px,1.35vw,18px);line-height:1.6;color:rgba(255,255,255,.84)}

/* ---------- the surprise: routing console ---------- */
.ct-console:where(:root.page-contact,:root.page-contact *){position:relative;margin:clamp(-110px,-11vw,-160px) auto 0;max-width:1240px;background:#fff;border-radius:26px;box-shadow:0 60px 120px -56px rgba(52,8,16,.55);overflow:hidden;display:grid;grid-template-columns:340px 1fr}
.ct-side:where(:root.page-contact,:root.page-contact *){background:var(--paper-2);border-right:1px solid var(--line);padding:clamp(24px,2.6vw,34px)}
.ct-side h6:where(:root.page-contact,:root.page-contact *){margin:0 0 6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500}
.ct-side .hint:where(:root.page-contact,:root.page-contact *){margin:0 0 20px;font-size:13px;line-height:1.5;color:var(--ink-3)}

/* form */
.ct-form:where(:root.page-contact,:root.page-contact *){padding:clamp(26px,3vw,42px);position:relative}
.ct-grid:where(:root.page-contact,:root.page-contact *){display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ct-f:where(:root.page-contact,:root.page-contact *){position:relative}
.ct-f.full:where(:root.page-contact,:root.page-contact *){grid-column:1/-1}
/* Contact form: No. of documents always starts a row (stays paired with Document type when e-stamps is hidden) */
.ct-f--row:where(:root.page-contact,:root.page-contact *){grid-column-start:1}
.ct-f[hidden]:where(:root.page-contact,:root.page-contact *){display:none}
/* Contact form: Phone sits next to "Select your solution" – line its box up with the chips (below their heading) */
@media(min-width:641px){.ct-f--chiprow:where(:root.page-contact,:root.page-contact *){margin-top:17px}}
.ct-f label:where(:root.page-contact,:root.page-contact *){position:absolute;left:15px;top:15px;font-size:14px;color:var(--ink-3);pointer-events:none;transition:.22s var(--ease);background:#fff;padding:0 4px}
.ct-f input:where(:root.page-contact,:root.page-contact *),.ct-f textarea:where(:root.page-contact,:root.page-contact *),.ct-f select:where(:root.page-contact,:root.page-contact *){width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;font-family:inherit;font-size:14.5px;color:var(--ink);padding:15px;outline:0;transition:.24s var(--ease);resize:vertical}
.ct-f textarea:where(:root.page-contact,:root.page-contact *){min-height:112px}
.ct-f input:focus:where(:root.page-contact,:root.page-contact *),.ct-f textarea:focus:where(:root.page-contact,:root.page-contact *),.ct-f select:focus:where(:root.page-contact,:root.page-contact *){border-color:var(--wine);box-shadow:0 0 0 4px var(--wine-soft)}
.ct-f input:focus+label:where(:root.page-contact,:root.page-contact *),.ct-f textarea:focus+label:where(:root.page-contact,:root.page-contact *),.ct-f input:not(:placeholder-shown)+label:where(:root.page-contact,:root.page-contact *),.ct-f textarea:not(:placeholder-shown)+label:where(:root.page-contact,:root.page-contact *){top:-8px;left:12px;font-size:11px;color:var(--wine);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase}
.ct-chips:where(:root.page-contact,:root.page-contact *){display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.ct-chip:where(:root.page-contact,:root.page-contact *){border:1px solid var(--line);background:#fff;border-radius:100px;padding:9px 15px;font-family:inherit;font-size:13px;color:var(--ink-2);cursor:pointer;transition:.24s var(--ease)}
.ct-chip:hover:where(:root.page-contact,:root.page-contact *){border-color:var(--wine-line);color:var(--wine)}
.ct-chip.on:where(:root.page-contact,:root.page-contact *){background:var(--wine-soft);border-color:var(--wine);color:var(--wine);font-weight:600}
.ct-lbl:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:9px;display:block}
.ct-foot:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px;flex-wrap:wrap}
.ct-note:where(:root.page-contact,:root.page-contact *){font-size:12.4px;color:var(--ink-3);max-width:44ch;line-height:1.5}
.ct-submit:where(:root.page-contact,:root.page-contact *){display:inline-flex;align-items:center;gap:10px;border:0;border-radius:100px;background:var(--wine);color:#fff;font-family:inherit;font-weight:700;font-size:14.5px;padding:14px 26px;cursor:pointer;transition:.26s var(--ease);position:relative;overflow:hidden}
.ct-submit:hover:where(:root.page-contact,:root.page-contact *){background:var(--wine-deep);transform:translateY(-1px);box-shadow:0 16px 30px -18px var(--wine)}
.ct-submit .arr:where(:root.page-contact,:root.page-contact *){transition:transform .26s var(--ease)}
.ct-submit:hover .arr:where(:root.page-contact,:root.page-contact *){transform:translateX(4px)}

/* direct lines in sidebar */
.ct-dl:where(:root.page-contact,:root.page-contact *){display:flex;flex-direction:column;gap:8px}
.ct-d:where(:root.page-contact,:root.page-contact *){display:flex;align-items:flex-start;gap:12px;padding:14px 15px;border-radius:13px;background:#fff;border:1px solid var(--line);transition:.28s var(--ease)}
.ct-d:not(.as-block):hover:where(:root.page-contact,:root.page-contact *){border-color:var(--wine-line);background:var(--wine-soft);transform:translateY(-2px)}
.ct-d .ic:where(:root.page-contact,:root.page-contact *){width:34px;height:34px;border-radius:10px;background:var(--wine-soft);border:1px solid var(--wine-line);display:grid;place-items:center;color:var(--wine);flex:none}
.ct-d .ic svg:where(:root.page-contact,:root.page-contact *){width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ct-d .k:where(:root.page-contact,:root.page-contact *){display:block;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3)}
.ct-d b:where(:root.page-contact,:root.page-contact *){display:block;margin-top:4px;font-size:14px;font-weight:600;letter-spacing:-.015em;color:var(--ink)}
.ct-d .ad:where(:root.page-contact,:root.page-contact *){display:block;margin-top:6px;font-size:12.6px;line-height:1.5;color:var(--ink-2)}
.ct-hours:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;gap:9px;margin-top:16px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.ct-hours i:where(:root.page-contact,:root.page-contact *){width:5px;height:5px;border-radius:50%;background:#2E9E6B;box-shadow:0 0 0 3px rgba(46,158,107,.16);display:block}
.ct-stud:where(:root.page-contact,:root.page-contact *){display:block;margin-top:22px;padding:18px 19px;border-radius:14px;background:var(--wine);color:#fff;position:relative;overflow:hidden;transition:.3s var(--ease)}
.ct-stud:where(:root.page-contact,:root.page-contact *)::after{content:"";position:absolute;right:-60px;bottom:-70px;width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,.08)}
.ct-stud:hover:where(:root.page-contact,:root.page-contact *){transform:translateY(-3px);box-shadow:0 22px 40px -24px var(--wine)}
.ct-stud .k:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.ct-stud b:where(:root.page-contact,:root.page-contact *){display:block;margin-top:6px;font-size:16px;font-weight:700;letter-spacing:-.02em}
.ct-stud .d:where(:root.page-contact,:root.page-contact *){display:block;margin-top:8px;font-size:12.6px;color:rgba(255,255,255,.82)}
.ct-stud .ar:where(:root.page-contact,:root.page-contact *){display:inline-block;transition:transform .28s var(--ease)}
.ct-stud:hover .ar:where(:root.page-contact,:root.page-contact *){transform:translateX(4px)}

/* form head + consent */
.ct-fh:where(:root.page-contact,:root.page-contact *){margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.ct-fh h2:where(:root.page-contact,:root.page-contact *){margin:0;font-size:clamp(24px,2.9vw,38px);line-height:1.1;letter-spacing:-.032em;font-weight:700}
.ct-fh p:where(:root.page-contact,:root.page-contact *){margin:11px 0 0;font-size:clamp(15px,1.35vw,18px);line-height:1.6;color:var(--ink-2);max-width:75ch}
.ct-consent:where(:root.page-contact,:root.page-contact *){display:flex;align-items:flex-start;gap:10px;font-size:12.4px;line-height:1.5;color:var(--ink-3);max-width:46ch;cursor:pointer}
.ct-consent input:where(:root.page-contact,:root.page-contact *){position:absolute;opacity:0;pointer-events:none}
.ct-consent .bx:where(:root.page-contact,:root.page-contact *){width:17px;height:17px;border-radius:5px;border:1px solid var(--line);flex:none;margin-top:1px;position:relative;transition:.22s var(--ease)}
.ct-consent .bx:where(:root.page-contact,:root.page-contact *)::after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(40deg) scale(.5);opacity:0;transition:.22s var(--ease)}
.ct-consent input:checked+.bx:where(:root.page-contact,:root.page-contact *){background:var(--wine);border-color:var(--wine)}
.ct-consent input:checked+.bx:where(:root.page-contact,:root.page-contact *)::after{opacity:1;transform:rotate(40deg) scale(1)}
.ct-consent a:where(:root.page-contact,:root.page-contact *){color:var(--wine)}
.ct-hp:where(:root.page-contact,:root.page-contact *){position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ct-f.err input:where(:root.page-contact,:root.page-contact *),.ct-f.err textarea:where(:root.page-contact,:root.page-contact *){border-color:#c0392b}
.ct-f.err label:where(:root.page-contact,:root.page-contact *){color:#c0392b}
.ct-err:where(:root.page-contact,:root.page-contact *){display:block;margin-top:6px;font-size:12px;color:#c0392b}
.ct-consent.err .bx:where(:root.page-contact,:root.page-contact *){border-color:#c0392b}
.ct-alert:where(:root.page-contact,:root.page-contact *){margin:20px 0 0;padding:12px 16px;border:1px solid #f1c0ba;border-radius:12px;background:#fdf1ef;color:#a5281b;font-size:13.5px;line-height:1.5}
/* Contact form: reCAPTCHA checkbox (Google's widget is a fixed-size iframe) */
.ct-captcha:where(:root.page-contact,:root.page-contact *){margin-top:20px}
.ct-captcha>div:where(:root.page-contact,:root.page-contact *){display:inline-block;vertical-align:top}
.ct-captcha[hidden]:where(:root.page-contact,:root.page-contact *){display:none}
.ct-captcha.err>div:where(:root.page-contact,:root.page-contact *){outline:1px solid #c0392b;outline-offset:2px;border-radius:3px}
@media(max-width:360px){.ct-captcha>div:where(:root.page-contact,:root.page-contact *){transform:scale(.88);transform-origin:0 0}}
.ct-submit[disabled]:where(:root.page-contact,:root.page-contact *){opacity:.7;cursor:wait;transform:none;box-shadow:none}
.ct-solo:where(:root.page-contact,:root.page-contact *){grid-template-columns:1fr;max-width:1120px}
.ct-details:where(:root.page-contact,:root.page-contact *){display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:840px;margin:clamp(26px,3vw,40px) auto 0}
.ct-details .ct-d:where(:root.page-contact,:root.page-contact *){align-items:flex-start}
.ct-hours--center:where(:root.page-contact,:root.page-contact *){justify-content:center;margin-top:20px}
.ct-reach:where(:root.page-contact,:root.page-contact *){max-width:1120px;margin:70px auto 70px}
.ct-reachlist:where(:root.page-contact,:root.page-contact *){display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-items:stretch}
.ct-rc:where(:root.page-contact,:root.page-contact *){display:flex;flex-direction:column;justify-content:flex-start;min-height:112px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:18px 19px;backdrop-filter:blur(4px);transition:.3s var(--ease)}
.ct-rc:hover:where(:root.page-contact,:root.page-contact *){background:rgba(255,255,255,.13);transform:translateY(-3px)}
.ct-rc .k:where(:root.page-contact,:root.page-contact *){display:block;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.ct-rc b:where(:root.page-contact,:root.page-contact *){display:block;margin-top:7px;font-size:14.5px;font-weight:700;letter-spacing:-.015em;color:#fff}
.ct-rc .ad:where(:root.page-contact,:root.page-contact *){display:block;margin-top:7px;font-size:12.6px;line-height:1.5;color:rgba(255,255,255,.72)}

/* reach card icons */
.ct-rc .rcic:where(:root.page-contact,:root.page-contact *){display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);margin-bottom:12px}
.ct-rc .rcic svg:where(:root.page-contact,:root.page-contact *){width:17px;height:17px;color:#fff}

/* video */
.ct-video:where(:root.page-contact,:root.page-contact *){padding-block:0 70px}
.cv-head:where(:root.page-contact,:root.page-contact *),.cf-head:where(:root.page-contact,:root.page-contact *){text-align:center;max-width:620px;margin:0 auto 40px}
.cv-head h2:where(:root.page-contact,:root.page-contact *),.cf-head h2:where(:root.page-contact,:root.page-contact *){margin:14px 0 0;font-size:clamp(26px,3.2vw,42px);line-height:1.08;letter-spacing:-.034em;font-weight:700;text-wrap:balance}
.cv-frame:where(:root.page-contact,:root.page-contact *){position:relative;max-width:1120px;margin-inline:auto;border-radius:24px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 50px 110px -60px rgba(52,8,16,.5)}
.cv-glow:where(:root.page-contact,:root.page-contact *){position:absolute;left:50%;top:-30%;width:70%;height:80%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(155,27,46,.14),transparent 68%);pointer-events:none}
.cv-bar:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--line);order:-1;position:relative;z-index:2;background:var(--paper-2)}
.cv-dot:where(:root.page-contact,:root.page-contact *){width:9px;height:9px;border-radius:50%;background:var(--line)}
.cv-t:where(:root.page-contact,:root.page-contact *){margin-left:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.cv-frame:where(:root.page-contact,:root.page-contact *){display:flex;flex-direction:column}
.cv-inner:where(:root.page-contact,:root.page-contact *){position:relative;display:grid;place-items:center;gap:20px;aspect-ratio:16/8.4;background:linear-gradient(150deg,#FBF8F7,#F3F1EE)}
.cv-ph:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:clamp(10px,1vw,12px);letter-spacing:.14em;text-transform:uppercase;color:var(--wine);background:var(--wine-soft);border:1px dashed var(--wine-line);border-radius:100px;padding:11px 22px}
.cv-play:where(:root.page-contact,:root.page-contact *){width:72px;height:72px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;background:var(--wine);box-shadow:0 18px 40px -18px var(--wine);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.cv-play svg:where(:root.page-contact,:root.page-contact *){width:26px;height:26px;fill:#fff;margin-left:2px}
.cv-play:where(:root.page-contact,:root.page-contact *)::after{content:"";position:absolute;width:72px;height:72px;border-radius:50%;border:1px solid var(--wine-line);animation:cvPulse 2.6s ease-out infinite}
.cv-play:hover:where(:root.page-contact,:root.page-contact *){transform:scale(1.07);box-shadow:0 24px 52px -18px var(--wine)}
html[data-motion="off"] .cv-play:where(:root.page-contact,:root.page-contact *)::after{animation:none}
.cv-poster:where(:root.page-contact,:root.page-contact *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cv-inner.has-video .cv-play:where(:root.page-contact,:root.page-contact *){position:relative;z-index:1}
.cv-player:where(:root.page-contact,:root.page-contact *){position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}

/* certificates */
.ct-certs:where(:root.page-contact,:root.page-contact *){padding-block:70px;background:#F3F1EE}
.cf-grid:where(:root.page-contact,:root.page-contact *){display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1120px;margin-inline:auto}
.cf-card:where(:root.page-contact,:root.page-contact *){background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 22px;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.cf-card:hover:where(:root.page-contact,:root.page-contact *){transform:translateY(-4px);box-shadow:0 26px 54px -34px rgba(20,22,27,.4)}
.cf-mark:where(:root.page-contact,:root.page-contact *){display:grid;place-items:center;width:52px;height:52px;border-radius:13px;background:var(--wine-soft);border:1px solid var(--wine-line);color:var(--wine);font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;margin-bottom:16px}
.cf-card b:where(:root.page-contact,:root.page-contact *){display:block;font-size:15.5px;font-weight:700;letter-spacing:-.018em}
.cf-s:where(:root.page-contact,:root.page-contact *){display:block;margin-top:6px;font-size:13px;line-height:1.5;color:var(--ink-2)}

/* trust bar (ported) */
.ct-trustbar:where(:root.page-contact,:root.page-contact *){background:#fff;padding-block:70px;border-block:1px solid var(--line)}
.trustbar-in:where(:root.page-contact,:root.page-contact *){display:grid;grid-template-columns:minmax(180px,0.66fr) 1.7fr;gap:clamp(20px,3.2vw,48px);align-items:center}
.trustbar-label:where(:root.page-contact,:root.page-contact *){font-size:clamp(18px,1.95vw,24px);font-weight:600;letter-spacing:-.01em;color:var(--ink);line-height:1.3;display:block;max-width:22ch}
.tb-marquee:where(:root.page-contact,:root.page-contact *){position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.tb-track:where(:root.page-contact,:root.page-contact *){display:flex;align-items:center;width:max-content;gap:clamp(34px,3.8vw,60px);animation:tbScroll 36s linear infinite}
.tb-marquee:hover .tb-track:where(:root.page-contact,:root.page-contact *){animation-play-state:paused}
html[data-motion="off"] .tb-track:where(:root.page-contact,:root.page-contact *){animation:none}
.tb-logo:where(:root.page-contact,:root.page-contact *){display:inline-flex;align-items:center;justify-content:center;flex:none;transition:filter .25s var(--ease),opacity .25s var(--ease)}
.tb-logo img:where(:root.page-contact,:root.page-contact *){display:block;width:auto;object-fit:contain;transition:opacity .25s var(--ease),transform .25s var(--ease)}
.tb-logo.tb-wm img:where(:root.page-contact,:root.page-contact *){height:clamp(20px,1.98vw,26px);max-width:165px}
.tb-logo.tb-sq img:where(:root.page-contact,:root.page-contact *){height:clamp(31px,3.08vw,42px);max-width:77px}
.tb-logo:hover img:where(:root.page-contact,:root.page-contact *){transform:scale(1.06)}

/* stats band */
.ct-stats:where(:root.page-contact,:root.page-contact *){padding-block:70px}
.cs-band:where(:root.page-contact,:root.page-contact *){position:relative;overflow:hidden;border-radius:26px;padding:clamp(34px,4vw,56px);background:linear-gradient(150deg,#A6333E 0%,#7C1623 56%,#5E1020 100%);display:grid;grid-template-columns:0.9fr 1.3fr;gap:clamp(28px,3.4vw,52px);align-items:center}
.cs-band:where(:root.page-contact,:root.page-contact *)::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);background-size:18px 18px;pointer-events:none}
.cs-copy:where(:root.page-contact,:root.page-contact *){position:relative;z-index:2}
.cs-copy .kicker:where(:root.page-contact,:root.page-contact *){color:rgba(255,255,255,.72)}
.cs-copy h2:where(:root.page-contact,:root.page-contact *){margin:14px 0 0;font-size:clamp(24px,2.7vw,36px);line-height:1.1;letter-spacing:-.032em;font-weight:700;color:#fff;text-wrap:balance}
.cs-grid:where(:root.page-contact,:root.page-contact *){position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.2);border-radius:18px;overflow:hidden}
.cs-stat:where(:root.page-contact,:root.page-contact *){background:rgba(255,255,255,.06);padding:clamp(20px,2.2vw,30px);backdrop-filter:blur(3px);transition:background .35s var(--ease)}
.cs-stat:hover:where(:root.page-contact,:root.page-contact *){background:rgba(255,255,255,.14)}
.cs-n:where(:root.page-contact,:root.page-contact *){display:flex;align-items:baseline;gap:1px;color:#fff}
.cs-n b:where(:root.page-contact,:root.page-contact *){font-size:clamp(30px,3.6vw,50px);font-weight:700;letter-spacing:-.045em;line-height:1}
.cs-n i:where(:root.page-contact,:root.page-contact *){font-style:normal;font-size:clamp(18px,2vw,28px);font-weight:600;letter-spacing:-.03em}
.cs-l:where(:root.page-contact,:root.page-contact *){display:block;margin-top:10px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.72)}

/* testimonials (ported) */
.test-head:where(:root.page-contact,:root.page-contact *){text-align:center;max-width:680px;margin:0 auto 40px}
.test-head .h-section:where(:root.page-contact,:root.page-contact *){margin:0 auto;font-size:clamp(26px,3.2vw,42px);line-height:1.08;letter-spacing:-.034em}
.test-head .lede:where(:root.page-contact,:root.page-contact *){margin:20px auto 0;text-align:center;font-size:clamp(15px,1.35vw,18px);line-height:1.6}
.test-bento:where(:root.page-contact,:root.page-contact *){display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"a c f" "a d g" "b e g";gap:18px}
.tb-a:where(:root.page-contact,:root.page-contact *){grid-area:a}
.tb-b:where(:root.page-contact,:root.page-contact *){grid-area:b}
.tb-c:where(:root.page-contact,:root.page-contact *){grid-area:c}
.tb-d:where(:root.page-contact,:root.page-contact *){grid-area:d}
.tb-e:where(:root.page-contact,:root.page-contact *){grid-area:e}
.tb-f:where(:root.page-contact,:root.page-contact *){grid-area:f}
.tb-g:where(:root.page-contact,:root.page-contact *){grid-area:g}
.tcard:where(:root.page-contact,:root.page-contact *){position:relative;border:1px solid var(--line);border-radius:18px;background:var(--paper);padding:clamp(24px,2.2vw,32px);display:flex;flex-direction:column;overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
.tcard:hover:where(:root.page-contact,:root.page-contact *){transform:translateY(-3px);box-shadow:var(--shadow-md)}
.tcard .tq:where(:root.page-contact,:root.page-contact *){position:absolute;right:18px;bottom:-6px;font-family:var(--font-sans);font-weight:700;font-size:104px;line-height:1;color:var(--line);pointer-events:none;user-select:none}
.tcard blockquote:where(:root.page-contact,:root.page-contact *){position:relative;z-index:1;font-size:15.5px;line-height:1.6;letter-spacing:-.01em;color:var(--ink);text-wrap:pretty;margin:0}
.tcard .who:where(:root.page-contact,:root.page-contact *){position:relative;z-index:1;display:flex;align-items:center;gap:12px;margin-top:22px}
.tcard .av:where(:root.page-contact,:root.page-contact *){width:46px;height:46px;border-radius:50%;flex:none;object-fit:cover;background:var(--paper-3)}
.tcard .who b:where(:root.page-contact,:root.page-contact *){font-size:14.5px;font-weight:700;display:block;letter-spacing:-.01em}
.tcard .who span:where(:root.page-contact,:root.page-contact *){font-size:12.5px;color:var(--ink-3);margin-top:2px;display:block;line-height:1.35}
.tcard--feat:where(:root.page-contact,:root.page-contact *){padding:clamp(28px,2.7vw,40px)}
.tcard--feat .stars:where(:root.page-contact,:root.page-contact *){position:relative;z-index:1;font-size:15px;letter-spacing:3px;margin-bottom:24px}
.tcard--feat blockquote:where(:root.page-contact,:root.page-contact *){font-size:clamp(17px,1.45vw,20px);line-height:1.5;font-weight:500}
.tcard--feat .who:where(:root.page-contact,:root.page-contact *){margin-top:auto;padding-top:28px}
.tcard--feat .tq:where(:root.page-contact,:root.page-contact *){right:24px;top:8px;bottom:auto;font-size:128px}
.tcard--dark:where(:root.page-contact,:root.page-contact *){background:#F3F1EE;border:1px solid var(--line)}
.tcard--dark .stars:where(:root.page-contact,:root.page-contact *){color:var(--wine)}
.tcard--dark .tq:where(:root.page-contact,:root.page-contact *){color:rgba(20,16,22,.06)}
.tcard--dark .av:where(:root.page-contact,:root.page-contact *){box-shadow:0 0 0 2px rgba(20,16,22,.1)}
.tcard--wine:where(:root.page-contact,:root.page-contact *){background:linear-gradient(155deg,#A6333E 0%,#7C1623 58%,#5E1020 100%);border-color:transparent}
.tcard--wine blockquote:where(:root.page-contact,:root.page-contact *),.tcard--wine .who b:where(:root.page-contact,:root.page-contact *){color:#fff}
.tcard--wine .who span:where(:root.page-contact,:root.page-contact *){color:rgba(255,255,255,.72)}
.tcard--wine .stars:where(:root.page-contact,:root.page-contact *){color:#fff}
.tcard--wine .tq:where(:root.page-contact,:root.page-contact *){color:rgba(255,255,255,.13)}
.tcard--wine .av:where(:root.page-contact,:root.page-contact *){box-shadow:0 0 0 2px rgba(255,255,255,.28)}

/* certifications — static logo boxes */
.ct-certs:where(:root.page-contact,:root.page-contact *){padding-block:70px;background:#F3F1EE}
.cf-strip:where(:root.page-contact,:root.page-contact *){display:grid;grid-template-columns:repeat(5,1fr);gap:14px;max-width:1120px;margin-inline:auto}
.cf-p:where(:root.page-contact,:root.page-contact *){display:grid;place-items:center;min-height:clamp(110px,11vw,140px);padding:22px;background:#fff;border:1px solid var(--line);border-radius:14px}
.cf-lg:where(:root.page-contact,:root.page-contact *){max-width:78%;max-height:62%;object-fit:contain}
.ct-testi:where(:root.page-contact,:root.page-contact *){padding-block:0 70px}

/* by the numbers — 4 boxes in a row on wine */
.ct-stats:where(:root.page-contact,:root.page-contact *){padding-block:70px}
.cn-list:where(:root.page-contact,:root.page-contact *){max-width:1120px;margin-inline:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cn-box:where(:root.page-contact,:root.page-contact *){position:relative;overflow:hidden;display:flex;flex-direction:column;border-radius:18px;padding:clamp(22px,2.3vw,32px); background:linear-gradient(150deg,#A6333E 0%,#7C1623 56%,#5E1020 100%);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.cn-box:where(:root.page-contact,:root.page-contact *)::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;pointer-events:none}
.cn-box:hover:where(:root.page-contact,:root.page-contact *){transform:translateY(-4px);box-shadow:0 32px 66px -40px rgba(110,18,28,.6)}
.cn-box>*:where(:root.page-contact,:root.page-contact *){position:relative;z-index:1}
.cn-n:where(:root.page-contact,:root.page-contact *){display:flex;align-items:baseline;gap:1px;color:#fff}
.cn-n b:where(:root.page-contact,:root.page-contact *){font-size:clamp(30px,3.4vw,46px);font-weight:700;letter-spacing:-.05em;line-height:1}
.cn-n i:where(:root.page-contact,:root.page-contact *){font-style:normal;font-size:clamp(18px,2vw,26px);font-weight:600;letter-spacing:-.035em}
.cn-tx:where(:root.page-contact,:root.page-contact *){display:flex;flex-direction:column;gap:6px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.24)}
.cn-tx b:where(:root.page-contact,:root.page-contact *){font-size:14.5px;font-weight:700;letter-spacing:-.02em;color:#fff}
.cn-tx span:where(:root.page-contact,:root.page-contact *){font-size:13px;line-height:1.55;color:rgba(255,255,255,.82);text-wrap:pretty}

/* success check + home link */
.ct-check path:where(:root.page-contact,:root.page-contact *){fill:none;stroke:var(--wine);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:46;stroke-dashoffset:46}
.ct-console.sent .ct-check path:where(:root.page-contact,:root.page-contact *){animation:ctTick .7s cubic-bezier(.65,0,.35,1) .25s forwards}
.ct-home:where(:root.page-contact,:root.page-contact *){display:inline-flex;align-items:center;gap:8px;margin-top:24px;padding:13px 26px;border-radius:100px;background:var(--wine);color:#fff;font-size:14px;font-weight:600;letter-spacing:-.012em;transition:.3s var(--ease)}
.ct-home:hover:where(:root.page-contact,:root.page-contact *){background:var(--wine-deep);transform:translateY(-2px);box-shadow:0 18px 38px -20px var(--wine)}

/* map */
.ct-mapwrap:where(:root.page-contact,:root.page-contact *){padding-block:clamp(44px,5vw,80px)}
.ct-map:where(:root.page-contact,:root.page-contact *){position:relative;border-radius:24px;overflow:hidden;height:clamp(340px,42vw,520px);background:var(--paper-3);box-shadow:0 40px 90px -56px rgba(20,22,27,.5)}
.ct-map iframe:where(:root.page-contact,:root.page-contact *){width:100%;height:100%;border:0;display:block;filter:grayscale(1) contrast(1.04);transition:filter .6s var(--ease)}
.ct-map:hover iframe:where(:root.page-contact,:root.page-contact *){filter:grayscale(0) contrast(1)}
.ct-mapcard:where(:root.page-contact,:root.page-contact *){position:absolute;left:clamp(16px,2vw,30px);bottom:clamp(16px,2vw,30px);max-width:340px;background:#fff;border-radius:18px;padding:22px 23px;box-shadow:0 28px 60px -34px rgba(20,22,27,.5)}
.ct-mapcard .k:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--wine)}
.ct-mapcard b:where(:root.page-contact,:root.page-contact *){display:block;margin-top:8px;font-size:16px;font-weight:700;letter-spacing:-.022em}
.ct-mapcard p:where(:root.page-contact,:root.page-contact *){margin:9px 0 0;font-size:13.5px;line-height:1.55;color:var(--ink-2)}
.ct-mapcard a:where(:root.page-contact,:root.page-contact *){display:inline-flex;align-items:center;gap:7px;margin-top:14px;font-size:13px;font-weight:600;color:var(--wine)}
.ct-mapcard a .ar:where(:root.page-contact,:root.page-contact *){transition:transform .26s var(--ease)}
.ct-mapcard a:hover .ar:where(:root.page-contact,:root.page-contact *){transform:translateX(4px)}

/* sent state — signature seal */
.ct-sent:where(:root.page-contact,:root.page-contact *){position:absolute;inset:0;background:#fff;display:grid;place-items:center;text-align:center;padding:40px;opacity:0;pointer-events:none;transition:opacity .5s var(--ease);z-index:5}
.ct-console.sent .ct-sent:where(:root.page-contact,:root.page-contact *){opacity:1;pointer-events:auto}
.ct-seal:where(:root.page-contact,:root.page-contact *){width:96px;height:96px;margin:0 auto 22px;border-radius:50%;border:1px dashed var(--wine-line);display:grid;place-items:center;position:relative}
.ct-seal:where(:root.page-contact,:root.page-contact *)::after{content:"";position:absolute;inset:-9px;border-radius:50%;border:1px solid var(--wine-line);opacity:0;transform:scale(.8)}
.ct-console.sent .ct-seal:where(:root.page-contact,:root.page-contact *)::after{animation:ctRing 1.4s var(--ease) .3s forwards}
.ct-seal .ct-check:where(:root.page-contact,:root.page-contact *){width:60px;height:60px;overflow:visible}
.ct-sent h3:where(:root.page-contact,:root.page-contact *){margin:0;font-size:clamp(22px,2.4vw,31px);letter-spacing:-.03em;font-weight:700}
.ct-sent p:where(:root.page-contact,:root.page-contact *){margin:12px auto 0;max-width:44ch;font-size:15px;line-height:1.6;color:var(--ink-2)}
.ct-sent .ref:where(:root.page-contact,:root.page-contact *){margin-top:18px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
/* Thank You page: the success panel as normal page content (on the form it overlays the fields) */
.ct-ty-sec:where(:root.page-contact,:root.page-contact *){padding-block:clamp(48px,6vw,84px)}
.ct-ty:where(:root.page-contact,:root.page-contact *){opacity:1;transform:none;max-width:720px;margin-inline:auto}
.ct-ty .ct-sent:where(:root.page-contact,:root.page-contact *){position:static;opacity:1;pointer-events:auto;padding:clamp(36px,5vw,60px) 24px}

/* direct lines */
.ct-lines:where(:root.page-contact,:root.page-contact *){display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden;margin-top:clamp(44px,5vw,80px)}
.ct-line:where(:root.page-contact,:root.page-contact *){background:#fff;padding:clamp(24px,2.6vw,34px);transition:background .3s var(--ease);position:relative;overflow:hidden}
.ct-line:where(:root.page-contact,:root.page-contact *)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--wine);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.ct-line:hover:where(:root.page-contact,:root.page-contact *){background:var(--paper-2)}
.ct-line:hover:where(:root.page-contact,:root.page-contact *)::after{transform:scaleX(1)}
.ct-line span.k:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3)}
.ct-line b:where(:root.page-contact,:root.page-contact *){display:block;margin-top:12px;font-size:clamp(17px,1.7vw,22px);font-weight:600;letter-spacing:-.025em}
.ct-line a:where(:root.page-contact,:root.page-contact *){color:var(--wine)}
.ct-line p:where(:root.page-contact,:root.page-contact *){margin:9px 0 0;font-size:13.5px;line-height:1.55;color:var(--ink-2)}

/* offices */
.ct-off:where(:root.page-contact,:root.page-contact *){display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,4vw,64px);align-items:start;margin-top:clamp(40px,4.6vw,72px)}
.ct-off-head .k:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--wine);font-weight:500}
.ct-off-head h2:where(:root.page-contact,:root.page-contact *){margin:14px 0 0;font-size:clamp(26px,3vw,42px);line-height:1.08;letter-spacing:-.034em;font-weight:700}
.ct-off-head p:where(:root.page-contact,:root.page-contact *){margin:14px 0 0;font-size:15.6px;line-height:1.6;color:var(--ink-2);max-width:46ch}
.ct-off-list:where(:root.page-contact,:root.page-contact *){display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ct-oc:where(:root.page-contact,:root.page-contact *){border:1px solid var(--line);border-radius:16px;padding:20px 21px;background:#fff;transition:.3s var(--ease)}
.ct-oc:hover:where(:root.page-contact,:root.page-contact *){border-color:var(--wine-line);background:var(--wine-soft);transform:translateY(-3px)}
.ct-oc b:where(:root.page-contact,:root.page-contact *){display:block;font-size:15px;font-weight:700;letter-spacing:-.02em}
.ct-oc .r:where(:root.page-contact,:root.page-contact *){font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--wine);margin-top:5px;display:block}
.ct-oc p:where(:root.page-contact,:root.page-contact *){margin:11px 0 0;font-size:13.5px;line-height:1.55;color:var(--ink-2)}
.ct-oc .t:where(:root.page-contact,:root.page-contact *){margin-top:11px;display:block;font-size:13.2px;color:var(--ink-3)}

/* faq strip */
.ct-faq:where(:root.page-contact,:root.page-contact *){margin-top:clamp(44px,5vw,80px);border-top:1px solid var(--line)}
.ct-faq details:where(:root.page-contact,:root.page-contact *){border-bottom:1px solid var(--line);transition:background .3s}
.ct-faq details[open]:where(:root.page-contact,:root.page-contact *){background:var(--paper-2)}
.ct-faq summary:where(:root.page-contact,:root.page-contact *){list-style:none;cursor:pointer;padding:21px 40px 21px 0;position:relative;font-size:clamp(15.5px,1.4vw,18px);font-weight:600;letter-spacing:-.02em;transition:padding-left .3s var(--ease)}
.ct-faq summary:where(:root.page-contact,:root.page-contact *)::-webkit-details-marker{display:none}
.ct-faq summary:hover:where(:root.page-contact,:root.page-contact *),.ct-faq details[open] summary:where(:root.page-contact,:root.page-contact *){padding-left:16px;color:var(--wine)}
.ct-faq summary:where(:root.page-contact,:root.page-contact *)::after{content:"";position:absolute;right:8px;top:50%;width:10px;height:10px;border-right:1.6px solid var(--ink-3);border-bottom:1.6px solid var(--ink-3);transform:translateY(-70%) rotate(45deg);transition:.25s var(--ease)}
.ct-faq details[open] summary:where(:root.page-contact,:root.page-contact *)::after{transform:translateY(-30%) rotate(225deg);border-color:var(--wine)}
.ct-faq .ans:where(:root.page-contact,:root.page-contact *){padding:0 60px 22px 16px;font-size:14.6px;line-height:1.65;color:var(--ink-2)}
.ct-rv:where(:root.page-contact,:root.page-contact *){opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.ct-rv.in:where(:root.page-contact,:root.page-contact *){opacity:1;transform:none}
[data-cd="1"]:where(:root.page-contact,:root.page-contact *){transition-delay:.08s}
[data-cd="2"]:where(:root.page-contact,:root.page-contact *){transition-delay:.16s}
[data-cd="3"]:where(:root.page-contact,:root.page-contact *){transition-delay:.24s}
[data-cd="4"]:where(:root.page-contact,:root.page-contact *){transition-delay:.32s}

/* banner cursor-follow glow */
.rs-hero:where(:root.page-contact,:root.page-contact *),.ar-hero:where(:root.page-contact,:root.page-contact *),.ct-hero:where(:root.page-contact,:root.page-contact *){--mx:50%;--my:24%}
.rs-hero:where(:root.page-contact,:root.page-contact *)::before,.ar-hero:where(:root.page-contact,:root.page-contact *)::before,.ct-hero:where(:root.page-contact,:root.page-contact *)::before{z-index:0}
.rs-glow:where(:root.page-contact,:root.page-contact *){position:absolute;left:var(--mx);top:var(--my);width:640px;height:640px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 66%);opacity:0;transition:opacity .45s var(--ease)}
.rs-hero:hover .rs-glow:where(:root.page-contact,:root.page-contact *),.ar-hero:hover .rs-glow:where(:root.page-contact,:root.page-contact *),.ct-hero:hover .rs-glow:where(:root.page-contact,:root.page-contact *){opacity:1}
.rs-hero .rsw:where(:root.page-contact,:root.page-contact *),.ar-hero .rsw:where(:root.page-contact,:root.page-contact *),.ct-hero .ctw:where(:root.page-contact,:root.page-contact *){position:relative;z-index:2}
{__TWEAKS_STYLE}


/* ============================================================
   Utilities & instance values migrated from inline style=""
   ============================================================ */

/* section background / spacing modifiers */
.section--paper0{background:#fff;padding-block:70px}
.section--paper3{background:#F3F1EE}
.section--flush{padding-top:0}
.hw2{background:var(--paper-2)}

/* home — milestone vertical offsets */
.journey-row .milestone:nth-child(1),.journey-row .milestone:nth-child(4){--cy:76px}
.journey-row .milestone:nth-child(2),.journey-row .milestone:nth-child(3){--cy:136px}

/* home — trust-core brand mark colours */
.itg-m.mc-sap{--mc:#0FAAFF}
.itg-m.mc-oracle{--mc:#C74634}
.itg-m.mc-ariba{--mc:#1B7EC2}
.itg-m.mc-sharepoint{--mc:#036C70}
.itg-m.mc-navision{--mc:#002050}
.itg-m.mc-google{--mc:#4285F4}
.itg-m.mc-darwinbox{--mc:#6C3AF2}
.itg-m.mc-hubspot{--mc:#FF7A59}
.itg-m.mc-zoho{--mc:#E42527}

/* products — signing-mode list stagger */
.sw-list li:nth-child(1){--d:.05s}
.sw-list li:nth-child(2){--d:.095s}
.sw-list li:nth-child(3){--d:.14s}
.sw-list li:nth-child(4){--d:.185s}
.sw-list li:nth-child(5){--d:.23s}
.sw-list li:nth-child(6){--d:.275s}
.sw-list li:nth-child(7){--d:.32s}
.sw-list li:nth-child(8){--d:.365s}

/* integrations — card reveal stagger */
.ig-card:nth-child(1){--d:0s}
.ig-card:nth-child(2){--d:.04s}
.ig-card:nth-child(3){--d:.09s}
.ig-card:nth-child(4){--d:.14s}
.ig-card:nth-child(5){--d:.18s}
.ig-card:nth-child(6){--d:.22s}
.ig-card:nth-child(7){--d:.27s}
.ig-card:nth-child(8){--d:.32s}
.ig-card:nth-child(9){--d:.36s}
.ig-card:nth-child(10){--d:.4s}
.ig-card:nth-child(11){--d:.45s}
.ig-card:nth-child(12){--d:.49s}
.ig-card:nth-child(13){--d:.54s}

/* integration detail — ledger row index */
.id-zig .id-z:nth-child(2){--i:0}
.id-zig .id-z:nth-child(3){--i:1}
.id-zig .id-z:nth-child(4){--i:2}
.id-zig .id-z:nth-child(5){--i:3}
.id-zig .id-z:nth-child(6){--i:4}

/* integration detail — outcome dial node positions */
.id-dial .id-node6[data-i="0"]{left:50%;top:19%}
.id-dial .id-node6[data-i="1"]{left:76.847%;top:34.5%}
.id-dial .id-node6[data-i="2"]{left:76.847%;top:65.5%}
.id-dial .id-node6[data-i="3"]{left:50%;top:81%}
.id-dial .id-node6[data-i="4"]{left:23.153%;top:65.5%}
.id-dial .id-node6[data-i="5"]{left:23.153%;top:34.5%}

/* videos — card reveal stagger */
.vd-grid .vd-card:nth-child(1){--d:.00s}
.vd-grid .vd-card:nth-child(2){--d:.05s}
.vd-grid .vd-card:nth-child(3){--d:.10s}
.vd-grid .vd-card:nth-child(4){--d:.15s}
.vd-grid .vd-card:nth-child(5){--d:.20s}
.vd-grid .vd-card:nth-child(6){--d:.25s}
.vd-grid .vd-card:nth-child(7){--d:.30s}
.vd-grid .vd-card:nth-child(8){--d:.35s}
.vd-grid .vd-card:nth-child(9){--d:.40s}
.vd-grid .vd-card:nth-child(10){--d:.45s}
.vd-grid .vd-card:nth-child(11){--d:.50s}
.vd-grid .vd-card:nth-child(12){--d:.55s}
.vd-grid .vd-card:nth-child(13){--d:.60s}
.vd-grid .vd-card:nth-child(14){--d:.65s}
.vd-grid .vd-card:nth-child(15){--d:.70s}
.vd-grid .vd-card:nth-child(16){--d:.75s}
.vd-grid .vd-card:nth-child(17){--d:.80s}
.vd-grid .vd-card:nth-child(18){--d:.85s}
.vd-grid .vd-card:nth-child(19){--d:.90s}
.vd-grid .vd-card:nth-child(20){--d:.95s}
.vd-grid .vd-card:nth-child(21){--d:1.00s}
.vd-grid .vd-card:nth-child(22){--d:1.05s}
.vd-grid .vd-card:nth-child(23){--d:1.10s}
.vd-grid .vd-card:nth-child(24){--d:1.15s}
.vd-grid .vd-card:nth-child(25){--d:1.20s}
.vd-grid .vd-card:nth-child(26){--d:1.25s}
.vd-grid .vd-card:nth-child(27){--d:1.30s}
.vd-grid .vd-card:nth-child(28){--d:1.35s}
.vd-grid .vd-card:nth-child(29){--d:1.40s}
.vd-grid .vd-card:nth-child(30){--d:1.45s}

/* blog — list shell + empty state */
.rs-shell{padding-bottom:clamp(50px,6vw,90px)}
.rs-empty{display:none}

/* newsletters — calendar chip accent */
.nl-grid .nl-card:nth-child(1) .nl-cal{--cm:var(--wine-deep)}
.nl-grid .nl-card:nth-child(2) .nl-cal{--cm:var(--wine)}
.nl-grid .nl-card:nth-child(3) .nl-cal{--cm:#A6333E}





/* ============================================================
   2026-09 updates — city pin scale, partner logo marquee, footer tagline
   (appended last; these intentionally override the per-page blocks above)
   ============================================================ */

/* city landscape — larger industry tags */

/* "We are aligned with" — supplied partner logos */
.tb-logo.tb-img{display:inline-flex;align-items:center;justify-content:center;flex:none}
.tb-logo.tb-img img{display:block;width:auto;height:clamp(40px,4.2vw,54px);object-fit:contain;border-radius:6px;
  transition:transform .25s var(--ease)}
.tb-logo.tb-img:hover img{transform:scale(1.06)}

/* footer wordmark: brand name with its tagline stacked beneath, left-aligned */
.fw-copy{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.fw-copy{align-items:flex-start}
.fw-tag{margin-top:-30px;margin-left:55px;display:block;
  font-size:clamp(8.4px,1.49vw,22.4px);font-weight:700;letter-spacing:.01em;word-spacing:.34em;line-height:1.2;
  color:#A49C93;white-space:nowrap}
@media(max-width:760px){.fw-tag{white-space:normal;word-spacing:.1em;font-size:13px;margin-top:6px;margin-left:0}}


/* ============================================================
   ABOUT — redesign (seal seam · document stack · hash-chain ledger)
   Prefixed with html.page-about so it outranks the earlier scoped rules.
   ============================================================ */

/* --- shared reveal --- */
html.page-about .ab-m,html.page-about .ab-v,html.page-about .ab-l,html.page-about .ab-doc{
  opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
html.page-about .ab-m.in,html.page-about .ab-v.in,html.page-about .ab-l.in,html.page-about .ab-doc.in{opacity:1;transform:none}
html.page-about .ab-v:nth-child(2){transition-delay:.08s}
html.page-about .ab-v:nth-child(3){transition-delay:.16s}
html.page-about .ab-v:nth-child(4){transition-delay:.24s}
html.page-about .ab-l:nth-child(2){transition-delay:.08s}
html.page-about .ab-l:nth-child(3){transition-delay:.16s}
html.page-about .ab-l:nth-child(4){transition-delay:.24s}
html[data-motion="off"].page-about .ab-m,html[data-motion="off"].page-about .ab-v,
html[data-motion="off"].page-about .ab-l,html[data-motion="off"].page-about .ab-doc{opacity:1;transform:none}

/* --- mission / vision: two halves across a sealed seam --- */
html.page-about .ab-mwrap{grid-template-columns:1fr clamp(128px,13.6vw,156px) 1fr;align-items:start;
  column-gap:clamp(20px,2.6vw,40px)}
html.page-about .ab-m{background:none;border:0;border-radius:0;padding:0;text-align:right;box-shadow:none;transform:none}
html.page-about .ab-m.in{transform:none}
html.page-about .ab-m:hover{background:none;border:0;box-shadow:none;transform:none}
html.page-about .ab-m--r{text-align:left}
html.page-about .ab-mk{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--wine)}
html.page-about .ab-ghost{margin:14px 0 0;font-size:clamp(40px,6.4vw,88px);line-height:.92;letter-spacing:-.05em;
  font-weight:800;color:var(--wine-soft);-webkit-text-stroke:2px var(--wine);text-stroke:2px var(--wine)}
html.page-about .ab-m p{margin:20px 0 0;max-width:40ch;font-size:clamp(15px,1.4vw,18px);line-height:1.65;
  color:var(--ink-2);text-wrap:pretty}
html.page-about .ab-m:not(.ab-m--r) p{margin-left:auto}
html.page-about .ab-seam{position:relative;align-self:stretch;justify-self:center;width:1px;min-height:clamp(210px,24vw,280px);
  background:repeating-linear-gradient(to bottom,var(--wine-line) 0 7px,transparent 7px 14px)}
html.page-about .ab-seal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:clamp(88px,9.6vw,112px);aspect-ratio:1;border-radius:50%;background:#fff;
  border:1px dashed var(--wine);display:grid;place-items:center;
  box-shadow:0 18px 40px -22px rgba(110,18,28,.5);animation:abSpin 26s linear infinite}
html.page-about .ab-seal::before{content:"";position:absolute;inset:7px;border-radius:50%;border:1px solid var(--wine-line)}
html.page-about .ab-seal img{width:66%;height:auto;display:block;animation:abSpinR 26s linear infinite}
@keyframes abSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes abSpinR{to{transform:rotate(-360deg)}}
html[data-motion="off"].page-about .ab-seal,html[data-motion="off"].page-about .ab-seal img{animation:none}

/* --- history: hash-chain ledger --- */
html.page-about .ab-chain{max-width:1000px;margin-inline:auto}
html.page-about .ab-blk{position:relative;display:grid;grid-template-columns:128px minmax(0,1fr);
  gap:clamp(22px,2.8vw,46px);padding-block:clamp(14px,1.8vw,22px)}
html.page-about .ab-blk::before,html.page-about .ab-blk::after{content:"";position:absolute;left:128px;top:0;bottom:0;width:0}
html.page-about .ab-blk::before{border-left:1px dashed var(--wine-line)}
html.page-about .ab-blk::after{border-left:1px solid var(--wine);transform:scaleY(0);transform-origin:top;
  transition:transform .85s cubic-bezier(.33,1,.68,1)}
html.page-about .ab-blk.in::after{transform:scaleY(1)}
html.page-about .ab-blk:last-child::before,html.page-about .ab-blk:last-child::after{bottom:auto;height:50%}
html.page-about .ab-node{position:absolute;left:128px;top:clamp(30px,3.4vw,42px);transform:translate(-50%,-50%);
  width:15px;height:15px;border-radius:50%;background:#fff;border:2px solid var(--line);z-index:2;
  transition:.5s var(--ease) .35s}
html.page-about .ab-blk.in .ab-node{background:var(--wine);border-color:var(--wine);box-shadow:0 0 0 6px var(--wine-soft)}
html.page-about .ab-bmeta{text-align:right;padding-top:clamp(16px,1.9vw,24px);padding-right:24px}
html.page-about .ab-bmeta b{display:block;font-size:clamp(24px,2.9vw,38px);font-weight:800;letter-spacing:-.045em;
  line-height:1;color:var(--wine-line);transition:color .5s var(--ease) .3s}
html.page-about .ab-blk.in .ab-bmeta b{color:var(--wine)}
html.page-about .ab-bmeta span{display:block;margin-top:8px;font-family:var(--font-mono);font-size:9.5px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
html.page-about .ab-bcard{background:#fff;border:1px solid var(--line);border-radius:18px;
  padding:clamp(20px,2.1vw,30px);opacity:0;transform:translateX(18px);
  transition:opacity .8s var(--ease) .12s,transform .8s var(--ease) .12s,border-color .35s var(--ease),box-shadow .35s var(--ease)}
html.page-about .ab-blk.in .ab-bcard{opacity:1;transform:none}
html.page-about .ab-bcard:hover{border-color:var(--wine-line);box-shadow:0 30px 62px -42px rgba(110,18,28,.42)}
html.page-about .ab-bcard h3{margin:0;font-size:clamp(18px,1.9vw,23px);font-weight:700;letter-spacing:-.026em;line-height:1.22}
html.page-about .ab-bcard p{margin:11px 0 0;font-size:15px;line-height:1.65;color:var(--ink-2);text-wrap:pretty}
html.page-about .ab-bhash{display:inline-flex;align-items:center;gap:7px;margin-top:16px;padding:6px 12px;
  border-radius:100px;background:var(--paper-3);font-family:var(--font-mono);font-size:10px;
  letter-spacing:.09em;color:var(--ink-3)}
html.page-about .ab-bhash svg{width:13px;height:13px;flex:none;fill:none;stroke:var(--wine);stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
html[data-motion="off"].page-about .ab-bcard{opacity:1;transform:none}
html[data-motion="off"].page-about .ab-blk::after{transform:scaleY(1)}

/* 1. hero 20% shorter */
html.page-about .ct-hero{min-height:clamp(320px,37vw,448px);padding:clamp(120px,12vw,152px) 0 clamp(38px,4vw,64px)}

/* 3. section kicker: plain mono red, like every other page */
html.page-about .ab-tag{padding:0;font-size:11px;letter-spacing:.14em;font-weight:500}
html.page-about .ab-tag::before,html.page-about .ab-tag::after{display:none}
html.page-about .ab-head{isolation:auto}

/* ---- Case Studies: banner matched to About ---- */
html.page-blog .cs-page .rs-hero{min-height:clamp(320px,37vw,448px);padding:clamp(120px,12vw,152px) 0 clamp(38px,4vw,64px);display:flex;flex-direction:column;justify-content:center}

/* ---- Partner: banner matched to About ---- */
html.page-contact .pn-page .ct-hero{min-height:clamp(320px,37vw,448px);padding:clamp(120px,12vw,152px) 0 clamp(38px,4vw,64px)}
html.page-contact .pn-page .ct-lede{margin:18px auto 0;max-width:62ch;font-size:clamp(15px,1.35vw,18px);line-height:1.6;color:rgba(255,255,255,.86);text-wrap:pretty}

/* "We are aligned with" — de-framed bitmap marks, normalised then +10% */
html.page-home .tb-logo.tb-img img{height:47px;width:auto;max-width:176px;object-fit:contain}
@media(max-width:900px){html.page-home .tb-logo.tb-img img{height:38px;max-width:142px}}

/* --- values: oversized watermark tiles --- */
html.page-about .ab-v{position:relative;overflow:hidden;isolation:isolate;padding:clamp(24px,2.4vw,34px)}
html.page-about .ab-v::after{content:"";position:absolute;inset:auto 0 0 0;height:100%;z-index:-1;
  background:linear-gradient(to top,var(--wine-soft),transparent 70%);
  transform:translateY(100%);transition:transform .55s cubic-bezier(.33,1,.68,1)}
html.page-about .ab-v:hover::after{transform:none}
html.page-about .ab-vwm{position:absolute;right:clamp(16px,1.8vw,24px);top:clamp(18px,2vw,26px);bottom:auto;z-index:0;
  transition:transform .6s cubic-bezier(.33,1,.68,1),opacity .4s var(--ease)}
html.page-about .ab-vwm svg{width:clamp(38px,3.8vw,48px);height:auto;fill:none;stroke:var(--wine);
  stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.42}
html.page-about .ab-v:hover .ab-vwm{transform:scale(1.08)}
html.page-about .ab-v:hover .ab-vwm svg{opacity:1}
html.page-about .ab-vno{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;
  color:var(--wine);margin-bottom:clamp(26px,3vw,40px)}
html.page-about .ab-v h4{font-size:clamp(17px,1.7vw,20px);line-height:1.22;padding-right:clamp(50px,5.6vw,68px)}
html.page-about .ab-v p{margin-top:11px}

/* --- numbers: hairline ledger inside the wine band --- */
html.page-about .ab-nums{gap:0}
html.page-about .ab-nums div{background:none;border:0;border-radius:0;-webkit-backdrop-filter:none;
  backdrop-filter:none;padding:clamp(18px,2vw,26px) clamp(14px,1.6vw,22px);
  border-top:1px solid rgba(255,255,255,.2);transition:background .4s var(--ease)}
html.page-about .ab-nums div:nth-child(even){border-left:1px solid rgba(255,255,255,.2)}
html.page-about .ab-nums div:hover{background:rgba(255,255,255,.08);transform:none}
html.page-about .ab-nn b{font-size:clamp(30px,3.7vw,50px)}
html.page-about .ab-nl{margin-top:9px}

/* --- leadership: portrait frames with a lifting plate --- */
html.page-about .ab-l{position:relative;overflow:hidden;padding:0;border-radius:20px}
html.page-about .ab-lph{position:relative;aspect-ratio:3/3.7;display:grid;place-items:center;border:0;border-radius:0;
  background:linear-gradient(165deg,#F7F2F1,#EFE7E6 58%,#E7DCDC)}
html.page-about .ab-lph::after{content:"";position:absolute;inset:0;
  background:radial-gradient(60% 46% at 50% 22%,rgba(155,27,46,.12),transparent 70%)}
html.page-about .ab-lph span{position:relative;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--wine);opacity:.65}
html.page-about .ab-lmeta{position:absolute;left:12px;right:12px;bottom:12px;background:rgba(255,255,255,.94);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:14px;
  padding:14px 16px;transition:transform .45s cubic-bezier(.33,1,.68,1),border-color .4s var(--ease)}
html.page-about .ab-l:hover .ab-lmeta{border-color:var(--wine-line)}
html.page-about .ab-lmeta b{display:block;font-size:14.5px;font-weight:700;letter-spacing:-.018em;line-height:1.3}
html.page-about .ab-lbio{display:grid;grid-template-rows:0fr;
  transition:grid-template-rows .5s cubic-bezier(.33,1,.68,1)}
html.page-about .ab-l:hover .ab-lbio{grid-template-rows:1fr}
html.page-about .ab-lmeta p{min-height:0;overflow:hidden;margin:0;font-size:13.5px;line-height:1.55;
  color:var(--ink-2);opacity:0;transition:opacity .4s var(--ease),padding-top .5s var(--ease)}
html.page-about .ab-l:hover .ab-lmeta p{opacity:1;padding-top:8px}


/* --- about: banner sub-line, glow, collage, pinboard, assurance --- */
html.page-about .ab-crumbs{margin:14px 0 0;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:rgba(255,255,255,.62)}
html.page-about .ab-crumbs i{font-style:normal;margin:0 6px;opacity:.5}
html.page-about .ab-crumbs span{color:#fff}
html.page-about .ab-crumb{color:rgba(255,255,255,.72)}
html.page-about .ab-crumb:hover{color:#fff}
html.page-about .ab-lede{margin:18px auto 0;max-width:62ch;font-size:clamp(15px,1.35vw,18px);line-height:1.65;
  color:rgba(255,255,255,.84);text-wrap:pretty}
html.page-about .ct-hero{--mx:50%;--my:24%}
html.page-about .rs-glow{position:absolute;left:var(--mx);top:var(--my);width:640px;height:640px;
  transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:0;
  background:radial-gradient(circle,rgba(255,255,255,.14),transparent 66%);
  opacity:0;transition:opacity .45s var(--ease)}
html.page-about .ct-hero:hover .rs-glow{opacity:1}
html.page-about .ct-hero .ctw{position:relative;z-index:2}

/* team collage */
html.page-about .ab-collage{position:relative;display:grid;grid-template-columns:repeat(6,1fr);
  grid-template-rows:repeat(4,1fr);gap:clamp(8px,1vw,14px);aspect-ratio:1/.92;
  opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
html.page-about .ab-collage.in{opacity:1;transform:none}
html[data-motion="off"].page-about .ab-collage{opacity:1;transform:none}
html.page-about .ab-ci{margin:0;overflow:hidden;border-radius:14px;background:var(--paper-3);
  border:1px solid rgba(255,255,255,.8);box-shadow:0 22px 48px -32px rgba(20,22,27,.42);
  transition:transform .5s cubic-bezier(.33,1,.68,1),box-shadow .5s var(--ease)}
html.page-about .ab-ci img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .7s cubic-bezier(.33,1,.68,1)}
html.page-about .ab-ci:hover{transform:translateY(-5px);box-shadow:0 32px 64px -32px rgba(110,18,28,.45);z-index:3}
html.page-about .ab-ci:hover img{transform:scale(1.06)}
html.page-about .ab-ci.c1{grid-area:1/1/3/4}
html.page-about .ab-ci.c2{grid-area:1/4/3/7}
html.page-about .ab-ci.c3{grid-area:3/5/5/7}
html.page-about .ab-ci.c4{grid-area:3/1/5/3}
html.page-about .ab-ci.c5{grid-area:3/3/5/5}
html.page-about .ab-cseal{position:absolute;left:calc(50% - 4px);top:calc(50% + 2px);transform:translate(-50%,-50%);
  z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:clamp(76px,8.4vw,102px);aspect-ratio:1;border-radius:50%;
  background:#fff;border:1px solid var(--wine-line);color:var(--wine);text-align:center;
  box-shadow:0 20px 44px -24px rgba(110,18,28,.5)}
html.page-about .ab-cseal b{font-family:var(--font-mono);font-size:9px;letter-spacing:.09em;line-height:1;text-transform:uppercase;opacity:.7}
html.page-about .ab-cseal i{font-style:normal;font-size:clamp(17px,1.9vw,23px);font-weight:800;letter-spacing:-.03em;line-height:1}

/* life at truecopy: pinboard */
html.page-about .ab-life-sec{background:#F3F1EE}
html.page-about .ab-board{position:relative;display:grid;grid-template-columns:repeat(5,1fr);
  gap:clamp(12px,1.8vw,26px);align-items:start;
  padding:clamp(26px,3.2vw,46px) clamp(20px,2.4vw,34px);border-radius:24px;background:#fff;
  border:1px solid var(--line);
  background-image:radial-gradient(rgba(155,27,46,.13) 1.1px,transparent 1.1px);background-size:17px 17px}
html.page-about .ab-pf{position:relative;margin:0;padding:10px 10px 0;background:#fff;border:1px solid var(--line);
  border-radius:4px;box-shadow:0 20px 44px -28px rgba(20,22,27,.45);
  transition:transform .5s cubic-bezier(.33,1,.68,1),box-shadow .5s var(--ease)}
html.page-about .ab-pf.p1{transform:rotate(-2.6deg)}
html.page-about .ab-pf.p2{transform:rotate(1.8deg) translateY(16px)}
html.page-about .ab-pf.p3{transform:rotate(-1.2deg) translateY(-8px)}
html.page-about .ab-pf.p4{transform:rotate(2.4deg) translateY(12px)}
html.page-about .ab-pf.p5{transform:rotate(-1.9deg) translateY(-4px)}
html.page-about .ab-pf:hover{transform:rotate(0) translateY(-8px) scale(1.03);
  box-shadow:0 34px 66px -30px rgba(110,18,28,.45);z-index:3}
html.page-about .ab-pin2{position:absolute;left:50%;top:-7px;transform:translateX(-50%);width:14px;height:14px;
  border-radius:50%;background:var(--wine);box-shadow:0 3px 7px rgba(110,18,28,.5),inset 0 -2px 3px rgba(0,0,0,.2);z-index:2}
html.page-about .ab-pfill{display:grid;place-items:center;aspect-ratio:3/3.6;border-radius:2px;
  background:linear-gradient(165deg,#F7F2F1,#EFE7E6 58%,#E7DCDC);padding:12px}
html.page-about .ab-pfill span{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--wine);opacity:.62;text-align:center;line-height:1.5}
html.page-about .ab-pf figcaption{padding:11px 2px 12px;font-family:var(--font-mono);font-size:10px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);text-align:center}

/* assurance strip: centred head (contact-scoped rules do not reach this page) */
html.page-about .cf-head{text-align:center;max-width:660px;margin:0 auto 40px}
html.page-about .cf-head h2{margin:14px 0 0;font-size:clamp(26px,3.2vw,42px);line-height:1.08;
  letter-spacing:-.034em;font-weight:700}
html.page-about .cf-strip{justify-content:center;margin-inline:auto}


/* ============================================================
   CAREERS (shares the page-about scope; .cr-* markup exists only here)
   ============================================================ */
html.page-about .cr-r,html.page-about .cr-b,html.page-about .cr-console{
  opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
html.page-about .cr-r.in,html.page-about .cr-b.in,html.page-about .cr-console.in{opacity:1;transform:none}
html.page-about .cr-r:nth-child(2),html.page-about .cr-b:nth-child(2){transition-delay:.07s}
html.page-about .cr-r:nth-child(3),html.page-about .cr-b:nth-child(3){transition-delay:.14s}
html.page-about .cr-r:nth-child(4),html.page-about .cr-b:nth-child(4){transition-delay:.21s}
html.page-about .cr-r:nth-child(5),html.page-about .cr-b:nth-child(5){transition-delay:.28s}
html.page-about .cr-r:nth-child(6),html.page-about .cr-b:nth-child(6){transition-delay:.35s}
html[data-motion="off"].page-about .cr-r,html[data-motion="off"].page-about .cr-b,
html[data-motion="off"].page-about .cr-console{opacity:1;transform:none}

/* open positions */
html.page-about .cr-roles-sec{padding-block:70px}
html.page-about .cr-roles{display:flex;flex-direction:column;gap:12px;max-width:940px;margin-inline:auto}
html.page-about .cr-r{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;
  transition:opacity .8s var(--ease),transform .8s var(--ease),border-color .4s var(--ease),box-shadow .4s var(--ease)}
html.page-about .cr-r.on{border-color:var(--wine-line);box-shadow:0 30px 64px -44px rgba(110,18,28,.45)}
html.page-about .cr-rhead{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;
  gap:clamp(14px,1.8vw,26px);padding:clamp(18px,2vw,26px) clamp(20px,2.2vw,32px);
  background:none;border:0;cursor:pointer;text-align:left;font-family:inherit}
html.page-about .cr-rno{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;color:var(--wine)}
html.page-about .cr-rt{font-size:clamp(17px,1.9vw,22px);font-weight:700;letter-spacing:-.026em;line-height:1.24;
  color:var(--ink-2);transition:color .35s var(--ease)}
html.page-about .cr-r.on .cr-rt{color:var(--wine)}
html.page-about .cr-rhead:hover .cr-rt{color:var(--ink)}
html.page-about .cr-rchev{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;
  border:1px solid var(--line);transition:.45s var(--ease)}
html.page-about .cr-rchev svg{width:16px;height:16px;fill:none;stroke:var(--ink-2);stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s var(--ease)}
html.page-about .cr-r.on .cr-rchev{border-color:var(--wine);background:var(--wine-soft);transform:rotate(180deg)}
html.page-about .cr-r.on .cr-rchev svg{stroke:var(--wine)}
html.page-about .cr-rpanel{display:grid;grid-template-rows:0fr;
  transition:grid-template-rows .55s cubic-bezier(.33,1,.68,1)}
html.page-about .cr-r.on .cr-rpanel{grid-template-rows:1fr}
html.page-about .cr-rin{min-height:0;overflow:hidden;padding:0 clamp(20px,2.2vw,32px)}
html.page-about .cr-rin p{margin:0;padding-bottom:18px;max-width:78ch;font-size:15px;line-height:1.65;
  color:var(--ink-2);text-wrap:pretty}
html.page-about .cr-apply{display:inline-flex;align-items:center;gap:8px;margin-bottom:clamp(20px,2.2vw,28px);
  padding:12px 24px;border:0;border-radius:100px;cursor:pointer;background:var(--wine);color:#fff;
  font-family:inherit;font-size:13.8px;font-weight:600;letter-spacing:-.012em;transition:.32s var(--ease)}
html.page-about .cr-apply:hover{background:var(--wine-deep);box-shadow:0 20px 42px -22px var(--wine)}
html.page-about .cr-apply .arr{transition:transform .3s var(--ease)}
html.page-about .cr-apply:hover .arr{transform:translateX(4px)}
html.page-about .cr-life-sec{padding-block:0 70px}
html.page-about .cr-note{margin:0;text-align:center;font-size:14.5px;color:var(--ink-2)}
html.page-about .cr-note b{color:var(--ink)}

/* benefits */
html.page-about .cr-ben-sec{padding-block:70px;background:#F3F1EE}
html.page-about .cr-bens{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,22px)}
html.page-about .cr-b{position:relative;overflow:hidden;isolation:isolate;background:#fff;
  border:1px solid var(--line);border-radius:18px;padding:clamp(24px,2.4vw,34px);
  transition:opacity .8s var(--ease),transform .5s cubic-bezier(.33,1,.68,1),border-color .35s var(--ease),box-shadow .35s var(--ease)}
html.page-about .cr-b.in:hover{border-color:var(--wine-line);transform:translateY(-5px);
  box-shadow:0 30px 62px -42px rgba(110,18,28,.42)}
html.page-about .cr-b::after{content:"";position:absolute;inset:auto 0 0 0;height:100%;z-index:-1;
  background:linear-gradient(to top,var(--wine-soft),transparent 70%);
  transform:translateY(100%);transition:transform .55s cubic-bezier(.33,1,.68,1)}
html.page-about .cr-b:hover::after{transform:none}
html.page-about .cr-bwm{position:absolute;right:-14px;bottom:-18px;z-index:-1;
  transition:transform .6s cubic-bezier(.33,1,.68,1),opacity .4s var(--ease)}
html.page-about .cr-bwm svg{width:clamp(96px,10vw,128px);height:auto;fill:none;stroke:var(--wine);
  stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;opacity:.13}
html.page-about .cr-b:hover .cr-bwm{transform:translate(-4px,-6px) rotate(-6deg)}
html.page-about .cr-b:hover .cr-bwm svg{opacity:.24}
html.page-about .cr-bno{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;
  color:var(--wine);margin-bottom:clamp(36px,4.4vw,64px)}
html.page-about .cr-b h4{margin:0;font-size:clamp(17px,1.7vw,20px);font-weight:700;letter-spacing:-.024em;line-height:1.22}
html.page-about .cr-b p{margin:11px 0 0;font-size:15px;line-height:1.6;color:var(--ink-2);text-wrap:pretty}

/* application form */
html.page-about .cr-form-sec{padding-block:70px}
html.page-about .cr-console{position:relative;max-width:920px;margin-inline:auto;background:#fff;
  border:1px solid var(--line);border-radius:24px;padding:clamp(26px,3.2vw,48px);
  box-shadow:0 46px 96px -60px rgba(20,22,27,.36)}
html.page-about .cr-fh{text-align:center;max-width:560px;margin:0 auto 34px;isolation:isolate}
html.page-about .cr-fh h2{margin:10px 0 0;font-size:clamp(26px,3.2vw,42px);line-height:1.08;
  letter-spacing:-.034em;font-weight:700}
html.page-about .cr-fh p{margin:14px 0 0;font-size:15.5px;line-height:1.6;color:var(--ink-2)}
html.page-about .cr-form{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.6vw,20px)}
html.page-about .cr-f{display:flex;flex-direction:column;gap:8px}
html.page-about .cr-f--full{grid-column:1/-1}
html.page-about .cr-f>span{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-3)}
html.page-about .cr-f>span i{font-style:normal;text-transform:none;letter-spacing:.04em;opacity:.8}
html.page-about .cr-f input[type=text],html.page-about .cr-f input[type=email],
html.page-about .cr-f input[type=tel],html.page-about .cr-f select,html.page-about .cr-f textarea{
  width:100%;font-family:inherit;font-size:15px;color:var(--ink);background:var(--paper-2);
  border:1px solid var(--line);border-radius:12px;padding:13px 15px;transition:.28s var(--ease)}
html.page-about .cr-f textarea{resize:vertical;line-height:1.55}
html.page-about .cr-f select{appearance:none;-webkit-appearance:none;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,var(--ink-3) 50%),linear-gradient(135deg,var(--ink-3) 50%,transparent 50%);
  background-position:calc(100% - 20px) 21px,calc(100% - 15px) 21px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
html.page-about .cr-f input:focus,html.page-about .cr-f select:focus,html.page-about .cr-f textarea:focus{
  outline:0;background:#fff;border-color:var(--wine);box-shadow:0 0 0 4px var(--wine-soft)}
html.page-about .cr-f input::placeholder,html.page-about .cr-f textarea::placeholder{color:var(--ink-3)}
html.page-about .cr-file{position:relative;display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  background:var(--paper-2);border:1px dashed var(--wine-line);border-radius:12px;padding:12px 14px;
  transition:.28s var(--ease)}
html.page-about .cr-file:hover{border-color:var(--wine);background:#fff}
/* Careers form: field errors, error alert, busy button, honeypot */
html.page-about .cr-f.err input,html.page-about .cr-f.err select,html.page-about .cr-f.err textarea{border-color:#c0392b}
html.page-about .cr-f.err .cr-file{border-color:#c0392b;border-style:solid}
html.page-about .cr-f.err>span:first-child{color:#c0392b}
/* .cr-f>span in the selector: the error is a <span> inside the field, and the label rule above would otherwise win */
html.page-about .cr-err,html.page-about .cr-f>span.cr-err{font-family:inherit;font-size:12px;color:#c0392b;text-transform:none;letter-spacing:0}
html.page-about .cr-alert{grid-column:1/-1;margin:0;padding:12px 16px;border:1px solid #f1c0ba;border-radius:12px;background:#fdf1ef;color:#a5281b;font-size:13.5px;line-height:1.5}
/* Careers form: reCAPTCHA checkbox (Google's widget is a fixed-size iframe) */
html.page-about .cr-captcha{grid-column:1/-1}
html.page-about .cr-captcha>div{display:inline-block;vertical-align:top}
html.page-about .cr-captcha[hidden]{display:none}
html.page-about .cr-captcha .cr-err{display:block;margin-top:6px}
html.page-about .cr-captcha.err>div{outline:1px solid #c0392b;outline-offset:2px;border-radius:3px}
@media(max-width:360px){html.page-about .cr-captcha>div{transform:scale(.88);transform-origin:0 0}}
html.page-about .cr-submit[disabled]{opacity:.7;cursor:wait;transform:none;box-shadow:none}
html.page-about .ct-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
html.page-about .cr-file input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
html.page-about .cr-fbtn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:100px;
  background:var(--wine);color:#fff;font-size:13.4px;font-weight:600;letter-spacing:-.012em;white-space:nowrap}
html.page-about .cr-fbtn svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round}
html.page-about .cr-fname{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;color:var(--ink-3)}
html.page-about .cr-fname.has{color:var(--wine)}
html.page-about .cr-submit{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;gap:9px;
  margin-top:6px;padding:15px 30px;border:0;border-radius:100px;cursor:pointer;background:var(--wine);
  color:#fff;font-family:inherit;font-size:14.5px;font-weight:600;letter-spacing:-.012em;transition:.32s var(--ease)}
html.page-about .cr-submit:hover{background:var(--wine-deep);box-shadow:0 22px 46px -22px var(--wine)}
html.page-about .cr-submit .arr{transition:transform .3s var(--ease)}
html.page-about .cr-submit:hover .arr{transform:translateX(4px)}

/* receipt */
html.page-about .cr-done{display:none;text-align:center;padding:clamp(10px,1.4vw,20px) 0}
html.page-about .cr-console.sent .cr-form,html.page-about .cr-console.sent .cr-fh{display:none}
html.page-about .cr-console.sent .cr-done{display:block}
html.page-about .cr-check{display:grid;place-items:center;width:84px;height:84px;margin:0 auto 22px;
  border-radius:50%;background:var(--wine-soft);border:1px solid var(--wine-line)}
html.page-about .cr-check svg{width:52px;height:52px;overflow:visible}
html.page-about .cr-check path{fill:none;stroke:var(--wine);stroke-width:3.4;stroke-linecap:round;
  stroke-linejoin:round;stroke-dasharray:46;stroke-dashoffset:46}
html.page-about .cr-console.sent .cr-check path{animation:crTick .7s cubic-bezier(.65,0,.35,1) .15s forwards}
@keyframes crTick{to{stroke-dashoffset:0}}
html.page-about .cr-done b{display:block;font-size:clamp(20px,2.3vw,27px);font-weight:700;letter-spacing:-.03em}
html.page-about .cr-done p{margin:11px auto 0;max-width:44ch;font-size:15.5px;line-height:1.6;color:var(--ink-2)}
html.page-about .cr-ref{display:inline-block;margin-top:20px;padding:7px 14px;border-radius:100px;
  background:var(--paper-3);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;color:var(--ink-3)}


/* --- contract verse: single client testimonial --- */
html.page-contractverse .cvt-sec{position:relative;overflow:hidden;background:#F3F1EE;border-top:1px solid var(--line)}
html.page-contractverse .cvt-dots{position:absolute;left:0;top:0;width:min(280px,26%);height:60%;
  background-image:radial-gradient(rgba(155,27,46,.16) 1.2px,transparent 1.2px);background-size:18px 18px;
  -webkit-mask-image:linear-gradient(160deg,#000,transparent 70%);mask-image:linear-gradient(160deg,#000,transparent 70%);
  pointer-events:none}
html.page-contractverse .cvt-head{position:relative;z-index:2;margin-bottom:34px}
html.page-contractverse .cvt-k{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--wine)}
html.page-contractverse .cvt-head h2{margin:8px 0 0;font-size:clamp(26px,3.2vw,42px);line-height:1.08;
  letter-spacing:-.034em;font-weight:700}
html.page-contractverse .cvt-stage{position:relative;z-index:2;max-width:820px;margin-inline:auto}
html.page-contractverse .cvt-card{position:relative;margin:0;background:#fff;border:1px solid var(--line);
  border-radius:22px;padding:clamp(28px,3.2vw,46px);text-align:center;
  box-shadow:0 40px 84px -56px rgba(20,22,27,.36)}
html.page-contractverse .cvt-q{position:absolute;right:clamp(20px,2.4vw,34px);top:clamp(10px,1.4vw,20px);
  font-family:Georgia,serif;font-size:clamp(56px,7vw,92px);line-height:1;color:var(--wine-line);
  pointer-events:none;user-select:none}
html.page-contractverse .cvt-card figcaption{display:flex;flex-direction:column;align-items:center;gap:5px}
html.page-contractverse .cvt-card figcaption b{font-size:16.5px;font-weight:700;letter-spacing:-.02em}
html.page-contractverse .cvt-card figcaption span.cvt-role{font-size:13px;color:var(--ink-3)}
html.page-contractverse .cvt-stars{color:var(--wine);letter-spacing:3px;font-size:13px;margin-top:3px}
html.page-contractverse .cvt-card blockquote{margin:20px auto 0;max-width:62ch;
  font-size:clamp(15px,1.4vw,17.5px);line-height:1.7;color:var(--ink-2);text-wrap:pretty}
html.page-contractverse .cvt-nav{display:flex;justify-content:center;gap:9px;margin-top:26px}
html.page-contractverse .cvt-d{width:9px;height:9px;border-radius:50%;border:0;padding:0;cursor:pointer;
  background:var(--line);transition:.3s var(--ease)}
html.page-contractverse .cvt-d.on{background:var(--wine);transform:scale(1.25)}
@media(max-width:760px){html.page-contractverse .cvt-dots{display:none}}


/* industries cards on this page have no chip, so the lone .anec-bottom must be
   pinned to the dark end of the scrim rather than parked by space-between */
html.page-contractverse .uc-sec .anec-body{justify-content:flex-end}


/* --- contract verse: adoption gauges --- */
html.page-contractverse .cva-sec{position:relative;overflow:hidden}
html.page-contractverse .cva-sec::before{content:"";position:absolute;left:50%;top:-18%;width:min(820px,86%);
  aspect-ratio:1;transform:translateX(-50%);border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,var(--wine-soft),transparent 66%)}
html.page-contractverse .cva-head{position:relative;z-index:2;text-align:center;max-width:780px;margin:0 auto 40px}
html.page-contractverse .cva-k{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--wine)}
html.page-contractverse .cva-head h2{margin:14px 0 0;font-size:clamp(26px,3.2vw,42px);line-height:1.1;
  letter-spacing:-.034em;font-weight:700;text-wrap:balance}
html.page-contractverse .cva-head h2 em{font-style:normal;color:var(--wine)}
html.page-contractverse .cva-head p{margin:18px auto 0;max-width:68ch;font-size:clamp(15px,1.35vw,18px);
  line-height:1.65;color:var(--ink-2);text-wrap:pretty}
html.page-contractverse .cva-gauges{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(18px,2.4vw,34px);max-width:960px;margin-inline:auto}
html.page-contractverse .cvg{display:flex;flex-direction:column;align-items:center;text-align:center;
  padding-top:clamp(6px,1vw,14px);opacity:0;transform:translateY(20px);
  transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--i) * .1s)}
html.page-contractverse .cvg.in{opacity:1;transform:none}
html.page-contractverse .cvg-dial{position:relative;display:grid;place-items:center;
  width:clamp(150px,16vw,196px);aspect-ratio:1}
html.page-contractverse .cvg-dial svg{position:absolute;inset:0;width:100%;height:100%;
  transform:rotate(135deg);overflow:visible}
html.page-contractverse .cvg-dial circle{fill:none;stroke-width:5;stroke-linecap:round;
  stroke-dasharray:var(--dash) 999}
html.page-contractverse .cvg-t{stroke:var(--line)}
html.page-contractverse .cvg-f{stroke:var(--wine);stroke-dashoffset:var(--dash);
  transition:stroke-dashoffset 1.5s cubic-bezier(.33,1,.68,1) .15s}
html.page-contractverse .cvg.in .cvg-f{stroke-dashoffset:var(--off)}
html.page-contractverse .cvg-n{position:relative;display:flex;align-items:baseline;gap:1px;color:var(--ink)}
html.page-contractverse .cvg-n b{font-size:clamp(34px,4.4vw,58px);font-weight:800;letter-spacing:-.05em;line-height:1}
html.page-contractverse .cvg-n i{font-style:normal;font-size:clamp(17px,2vw,27px);font-weight:600;
  letter-spacing:-.03em;color:var(--wine)}
html.page-contractverse .cvg-l{display:block;margin-top:clamp(14px,1.6vw,20px);max-width:22ch;
  font-size:15px;line-height:1.5;font-weight:600;letter-spacing:-.018em;color:var(--ink-2)}
html.page-contractverse .cvg:hover .cvg-f{stroke:var(--wine-deep)}
html[data-motion="off"].page-contractverse .cvg{opacity:1;transform:none}
html[data-motion="off"].page-contractverse .cvg-f{stroke-dashoffset:var(--off);transition:none}
@media(max-width:780px){
  html.page-contractverse .cva-gauges{grid-template-columns:1fr;gap:30px}
  html.page-contractverse .cva-sec::before{display:none}
}


/* --- contract verse: lifecycle control band (redesign) --- */
html.page-contractverse .cvband-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:center;gap:clamp(26px,4vw,72px);padding-block:70px}
html.page-contractverse .cvb-k{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--wine)}
html.page-contractverse .cvb-copy h2{margin:14px 0 0;font-size:clamp(24px,2.9vw,38px);line-height:1.14;
  letter-spacing:-.032em;font-weight:700;text-wrap:pretty}
html.page-contractverse .cvb-copy p{margin:16px 0 0;max-width:52ch;font-size:clamp(15px,1.35vw,17px);
  line-height:1.65;color:var(--ink-2);text-wrap:pretty}
html.page-contractverse .cvband-in .btn{margin-top:26px}
html.page-contractverse .cvb-stages{list-style:none;margin:0;padding:0;position:relative}
html.page-contractverse .cvb-stages::before{content:"";position:absolute;left:17px;top:18px;bottom:18px;width:0;
  border-left:1px dashed var(--wine-line)}
html.page-contractverse .cvb-s{position:relative;display:grid;grid-template-columns:auto 1fr;
  column-gap:16px;padding:clamp(9px,1.1vw,13px) 0;align-items:baseline;
  opacity:0;transform:translateX(16px);
  transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--i) * .09s)}
html.page-contractverse .cvb-s.in{opacity:1;transform:none}
html.page-contractverse .cvb-node{grid-row:1/3;align-self:center;display:grid;place-items:center;
  width:35px;height:35px;border-radius:50%;background:#fff;border:1px solid var(--wine-line);
  transition:background .45s var(--ease) .2s,border-color .45s var(--ease) .2s,box-shadow .45s var(--ease) .2s}
html.page-contractverse .cvb-s.in .cvb-node{background:var(--wine);border-color:var(--wine);
  box-shadow:0 10px 22px -12px var(--wine)}
html.page-contractverse .cvb-node svg{width:17px;height:17px;fill:none;stroke:var(--wine-line);stroke-width:2.4;
  stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:22;stroke-dashoffset:22;
  transition:stroke .3s var(--ease) .3s}
html.page-contractverse .cvb-s.in .cvb-node svg{stroke:#fff;animation:cvbTick .55s cubic-bezier(.65,0,.35,1) .3s forwards}
@keyframes cvbTick{to{stroke-dashoffset:0}}
html.page-contractverse .cvb-s b{font-size:16.5px;font-weight:700;letter-spacing:-.022em;line-height:1.3}
html.page-contractverse .cvb-d{grid-column:2;font-size:14.4px;line-height:1.5;color:var(--ink-2);margin-top:3px}
html[data-motion="off"].page-contractverse .cvb-s{opacity:1;transform:none}
html[data-motion="off"].page-contractverse .cvb-node svg{stroke-dashoffset:0;animation:none}
@media(max-width:860px){
  html.page-contractverse .cvband-in{grid-template-columns:1fr;gap:30px}
}


/* --- contract verse: roster logos --- */
html.page-contractverse .cvcl-row{display:flex;flex-wrap:wrap;align-items:center;
  justify-content:center;gap:clamp(24px,3.4vw,56px)}
html.page-contractverse .cvcl-c{display:inline-flex;align-items:center;justify-content:center;flex:none;
  background:none;border:0;padding:0;font-size:0}
html.page-contractverse .cvcl-c img{display:block;width:auto;height:clamp(40px,4.4vw,56px);
  object-fit:contain;transition:opacity .25s var(--ease),transform .25s var(--ease)}
html.page-contractverse .cvcl-c:hover img{transform:scale(1.06)}

html.page-contractverse .cvband-in .btn{border-radius:100px}


/* --- contract verse: form + industries rail polish --- */
html.page-contractverse .cvf-send{border-radius:100px;padding:14px 26px}



/* --- contract verse: form + industries rail polish --- */
html.page-truesigner .cvf-send{border-radius:100px;padding:14px 26px}
html.page-contractverse .cvf-chk{align-items:center;gap:12px}

html.page-truesigner .cvf-chk{align-items:center;gap:12px}
html.page-contractverse .cvf-chk i{margin-top:0;width:18px;height:18px;border-radius:6px}

html.page-truesigner .cvf-chk i{margin-top:0;width:18px;height:18px;border-radius:6px}
html.page-contractverse .cvf-act{margin-top:10px}

html.page-truesigner .cvf-act{margin-top:10px}

html.page-contractverse .uc-head{display:flex;align-items:flex-end;justify-content:space-between;
  gap:24px;flex-wrap:wrap}


html.page-truesigner .uc-head{display:flex;align-items:flex-end;justify-content:space-between;
  gap:24px;flex-wrap:wrap}
html.page-contractverse .uc-head .ts-head{margin-bottom:0}

html.page-truesigner .uc-head .ts-head{margin-bottom:0}
html.page-contractverse .uc-nav{display:flex;gap:10px;flex:none;margin-bottom:6px}

html.page-truesigner .uc-nav{display:flex;gap:10px;flex:none;margin-bottom:6px}
html.page-contractverse .uc-arr{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;
  cursor:pointer;background:#fff;border:1px solid var(--line);transition:.3s var(--ease)}

html.page-truesigner .uc-arr{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;
  cursor:pointer;background:#fff;border:1px solid var(--line);transition:.3s var(--ease)}
html.page-contractverse .uc-arr svg{width:19px;height:19px;fill:none;stroke:var(--ink-2);stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s var(--ease)}

html.page-truesigner .uc-arr svg{width:19px;height:19px;fill:none;stroke:var(--ink-2);stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s var(--ease)}
html.page-contractverse .uc-arr:hover:not(:disabled){border-color:var(--wine);background:var(--wine);
  box-shadow:0 14px 30px -14px var(--wine)}

html.page-truesigner .uc-arr:hover:not(:disabled){border-color:var(--wine);background:var(--wine);
  box-shadow:0 14px 30px -14px var(--wine)}
html.page-contractverse .uc-arr:hover:not(:disabled) svg{stroke:#fff}

html.page-truesigner .uc-arr:hover:not(:disabled) svg{stroke:#fff}
html.page-contractverse .uc-arr:disabled{opacity:.35;cursor:default}

html.page-truesigner .uc-arr:disabled{opacity:.35;cursor:default}
html.page-contractverse .uc-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/3);
  gap:20px;margin-top:40px;overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;padding-bottom:4px}

html.page-truesigner .uc-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/3);
  gap:20px;margin-top:40px;overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;padding-bottom:4px}
html.page-contractverse .uc-rail::-webkit-scrollbar{display:none}

html.page-truesigner .uc-rail::-webkit-scrollbar{display:none}
html.page-contractverse .uc-rail .anec-card{flex:none;width:auto;height:clamp(290px,30vw,350px);
  scroll-snap-align:start}

html.page-truesigner .uc-rail .anec-card{flex:none;width:auto;height:clamp(290px,30vw,350px);
  scroll-snap-align:start}
@media(max-width:900px){
  html.page-contractverse .uc-rail{grid-auto-columns:calc((100% - 20px)/2)}

  html.page-truesigner .uc-rail{grid-auto-columns:calc((100% - 20px)/2)}
}
@media(max-width:620px){
  html.page-contractverse .uc-rail{grid-auto-columns:86%}

  html.page-truesigner .uc-rail{grid-auto-columns:86%}
  html.page-contractverse .uc-nav{margin-bottom:0}

  html.page-truesigner .uc-nav{margin-bottom:0}
}


/* --- contract verse: client roster marquee --- */
html.page-contractverse .cvcl-marquee{position:relative;overflow:hidden;margin-top:8px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
html.page-contractverse .cvcl-row{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;
  width:max-content;gap:clamp(40px,4.6vw,76px);animation:cvclScroll 56s linear infinite}
html.page-contractverse .cvcl-marquee:hover .cvcl-row{animation-play-state:paused}
@keyframes cvclScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
html[data-motion="off"].page-contractverse .cvcl-row{animation:none}
html.page-contractverse .cvcl-c img{height:clamp(58px,6vw,78px);max-height:none;max-width:none;
  width:auto;mix-blend-mode:multiply}
@media(max-width:760px){
  html.page-contractverse .cvcl-row{gap:34px;animation-duration:42s}
  html.page-contractverse .cvcl-c img{height:52px}
}


/* --- contract verse: numeral nudge + section rhythm audit --- */
html.page-contractverse .cv-w::before{right:20px}

/* section padding comes from .section; per-class overrides would defeat the responsive clamp */
html.page-contractverse .cva-head,
html.page-contractverse .cv-why-head,
html.page-contractverse .cvcl-head,
html.page-contractverse .uc-head,
html.page-contractverse .ts-head,
html.page-contractverse .test-head,
html.page-contractverse .faq-head{margin-bottom:40px}


/* section padding comes from .section; per-class overrides would defeat the responsive clamp */
html.page-truesigner .cva-head,
html.page-truesigner .cv-why-head,
html.page-truesigner .cvcl-head,
html.page-truesigner .uc-head,
html.page-truesigner .ts-head,
html.page-truesigner .test-head,
html.page-truesigner .faq-head{margin-bottom:40px}
html.page-contractverse .uc-head .ts-head{margin-bottom:0}

html.page-truesigner .uc-head .ts-head{margin-bottom:0}
html.page-contractverse .uc-rail{margin-top:0}

html.page-truesigner .uc-rail{margin-top:0}

/* top padding removed on request (bottom padding still scales with .section) */
html.page-contractverse .cvv-sec,
html.page-contractverse .sm-sec,
html.page-contractverse .uc-sec,
html.page-contractverse .uc-sec{padding-top:0}
html.page-contractverse .cvcl-sec{padding-top:0!important}
html.page-contractverse .faq-sec{padding-top:70px!important}


/* --- contract verse: watch section (split editorial) --- */
html.page-contractverse .cvv-sec{position:relative;overflow:hidden;background:#fff}
html.page-contractverse .cvv-tex{position:absolute;right:0;top:0;width:min(420px,38%);height:72%;
  background-image:radial-gradient(rgba(155,27,46,.14) 1.2px,transparent 1.2px);background-size:19px 19px;
  -webkit-mask-image:linear-gradient(215deg,#000,transparent 72%);mask-image:linear-gradient(215deg,#000,transparent 72%);
  pointer-events:none}
html.page-contractverse .cvv-wrap{position:relative;z-index:2;display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,4vw,64px);align-items:center}
html.page-contractverse .cvv-k{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--wine)}
html.page-contractverse .cvv-side h2{margin:14px 0 0;font-size:clamp(25px,3vw,40px);line-height:1.12;
  letter-spacing:-.034em;font-weight:700;text-wrap:pretty}
html.page-contractverse .cvv-side h2 em{font-style:normal;color:var(--wine)}
html.page-contractverse .cvv-side p{margin:18px 0 0;font-size:15px;line-height:1.7;color:var(--ink-2);text-wrap:pretty}
html.page-contractverse .cvv-pts{list-style:none;display:flex;flex-wrap:wrap;gap:clamp(18px,2.4vw,38px);
  margin:26px 0 0;padding:22px 0 0;border-top:1px solid var(--line)}
html.page-contractverse .cvv-pts li{display:flex;flex-direction:column;gap:5px}
html.page-contractverse .cvv-pts b{font-size:clamp(23px,2.6vw,32px);font-weight:800;letter-spacing:-.04em;
  line-height:1;color:var(--wine)}
html.page-contractverse .cvv-pts span{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-3);max-width:16ch;line-height:1.5}
html.page-contractverse .cvv-media{position:relative;margin:0}
html.page-contractverse .cvv-halo{position:absolute;left:-8%;top:-12%;width:116%;height:124%;border-radius:50%;
  background:radial-gradient(circle,var(--wine-soft),transparent 66%);pointer-events:none}
html.page-contractverse .cvv-frame{position:relative;border-radius:20px;overflow:hidden;background:#fff;
  border:1px solid var(--line);box-shadow:0 48px 100px -58px rgba(20,22,27,.42)}
html.page-contractverse .cvv-media figcaption{display:flex;align-items:center;gap:9px;margin-top:16px;
  font-family:var(--font-mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3)}
html.page-contractverse .cvv-dot{width:7px;height:7px;border-radius:50%;background:var(--wine);flex:none;
  box-shadow:0 0 0 4px var(--wine-soft)}
@media(max-width:900px){
  html.page-contractverse .cvv-wrap{grid-template-columns:1fr;gap:30px}
  html.page-contractverse .cvv-tex{display:none}
}

/* roster + what-is: the larger top padding, matched on both */
html.page-contractverse .sigt-scroll{padding-top:140px}
html.page-contractverse .cvcl-sec{padding-top:0;padding-bottom:0}
html.page-contractverse .sigt-sticky{padding-bottom:140px}


/* ============================================================
   TRUESIGNER CREDENTIALS (shares the page-contractverse scope)
   ============================================================ */
html.page-contractverse .crd-k{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--wine)}
html.page-contractverse .crd-how{background:#fff}
html.page-contractverse .crd-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  gap:clamp(28px,4vw,64px);align-items:center}
html.page-contractverse .crd-dia{position:relative;margin:0}
html.page-contractverse .crd-halo{position:absolute;left:-6%;top:-10%;width:112%;height:120%;border-radius:50%;
  background:radial-gradient(circle,var(--wine-soft),transparent 66%);pointer-events:none}
html.page-contractverse .crd-frame{position:relative;display:grid;place-items:center;aspect-ratio:4/3;
  border-radius:20px;background:var(--paper-2);border:1px dashed var(--wine-line)}
html.page-contractverse .crd-ph{font-family:var(--font-mono);font-size:clamp(10px,1vw,12px);letter-spacing:.14em;
  text-transform:uppercase;color:var(--wine);text-align:center;padding:0 28px;line-height:1.6}
html.page-contractverse .crd-dia figcaption{display:flex;align-items:center;gap:9px;margin-top:16px;
  font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
html.page-contractverse .crd-dot{width:7px;height:7px;border-radius:50%;background:var(--wine);flex:none;
  box-shadow:0 0 0 4px var(--wine-soft)}
html.page-contractverse .crd-side h2{margin:10px 0 0;font-size:clamp(26px,3.2vw,42px);line-height:1.08;
  letter-spacing:-.034em;font-weight:700}
html.page-contractverse .crd-steps{list-style:none;margin:32px 0 0;padding:0}
html.page-contractverse .crd-steps li{display:grid;grid-template-columns:auto 1fr;gap:15px;align-items:start;
  padding:15px 0;border-bottom:1px dashed var(--line);font-size:15px;line-height:1.65;color:var(--ink-2);
  text-wrap:pretty}
html.page-contractverse .crd-steps li:last-child{border-bottom:0}
html.page-contractverse .crd-n{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;
  color:var(--wine);padding-top:4px}
html.page-contractverse .crd-dl{display:inline-flex;align-items:center;gap:14px;margin-top:26px;
  padding:12px 22px 12px 12px;border:1px solid var(--line);border-radius:100px;background:#fff;
  transition:.35s var(--ease)}
html.page-contractverse .crd-dl:hover{border-color:var(--wine);transform:translateY(-3px);
  box-shadow:0 22px 46px -28px rgba(110,18,28,.5)}
html.page-contractverse .crd-dli{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;
  flex:none;background:var(--wine-soft);border:1px solid var(--wine-line);transition:.35s var(--ease)}
html.page-contractverse .crd-dli svg{width:22px;height:22px;fill:none;stroke:var(--wine);stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round;transition:stroke .35s var(--ease)}
html.page-contractverse .crd-dl:hover .crd-dli{background:var(--wine);border-color:var(--wine)}
html.page-contractverse .crd-dl:hover .crd-dli svg{stroke:#fff}
html.page-contractverse .crd-dlt{display:flex;flex-direction:column;gap:3px;font-size:14.5px;font-weight:700;
  letter-spacing:-.022em;color:var(--ink)}
html.page-contractverse .crd-dlt i{font-style:normal;font-family:var(--font-mono);font-size:9.5px;
  font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}

html.page-contractverse .crd-ben{background:#F3F1EE}
html.page-contractverse .crd-bhead{text-align:center;max-width:620px;margin:0 auto 40px}
html.page-contractverse .crd-bhead h2{margin-inline:auto}
html.page-contractverse .crd-bgrid{display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(14px,1.8vw,22px);max-width:1080px;margin-inline:auto}
html.page-contractverse .crd-b{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;
  background:#fff;border:1px solid var(--line);border-radius:16px;padding:clamp(20px,2vw,26px);
  transition:transform .4s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease)}
html.page-contractverse .crd-b:hover{border-color:var(--wine-line);transform:translateY(-4px);
  box-shadow:0 28px 58px -40px rgba(110,18,28,.42)}
html.page-contractverse .crd-btick{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;
  flex:none;background:var(--wine);box-shadow:0 10px 22px -12px var(--wine)}
html.page-contractverse .crd-btick svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2.4;
  stroke-linecap:round;stroke-linejoin:round}
html.page-contractverse .crd-b p{margin:0;font-size:15px;line-height:1.6;color:var(--ink-2);text-wrap:pretty}

html.page-contractverse .crd-uc{position:relative;overflow:hidden;background:#fff}
html.page-contractverse .crd-uctex{position:absolute;left:50%;top:0;width:min(560px,60%);height:100%;
  transform:translateX(-50%);
  background-image:radial-gradient(rgba(155,27,46,.13) 1.2px,transparent 1.2px);background-size:19px 19px;
  -webkit-mask-image:radial-gradient(60% 60% at 50% 40%,#000,transparent 72%);
  mask-image:radial-gradient(60% 60% at 50% 40%,#000,transparent 72%);pointer-events:none}
html.page-contractverse .crd-ucin{position:relative;z-index:2;max-width:760px;margin-inline:auto;text-align:center}
html.page-contractverse .crd-ucin h2{margin:10px 0 0;font-size:clamp(26px,3.2vw,42px);line-height:1.08;
  letter-spacing:-.034em;font-weight:700}
html.page-contractverse .crd-ucin p{margin:22px 0 0;font-size:clamp(15px,1.4vw,17.5px);line-height:1.7;
  color:var(--ink-2);text-wrap:pretty}
html.page-contractverse .crd-ucin p b{color:var(--wine);font-weight:700}
@media(max-width:900px){
  html.page-contractverse .crd-wrap{grid-template-columns:1fr;gap:30px}
  html.page-contractverse .crd-bgrid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  html.page-contractverse .crd-bgrid{grid-template-columns:1fr}
  html.page-contractverse .crd-uctex{display:none}
}

/* credentials: benefits on white (cv-why treatment), 70px above how-it-works */
html.page-contractverse .crd-ben{background:#fff}
html.page-contractverse .crd-how{padding-top:70px}


/* ============================================================
   CONSENT KEEPER (shares the page-contractverse scope)
   ============================================================ */
html.page-contractverse .ck-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);
  gap:clamp(28px,4vw,60px);align-items:center;text-align:left}
html.page-contractverse .ck-hcopy h1{margin:20px 0 0;font-size:clamp(30px,3.9vw,52px);line-height:1.06;
  letter-spacing:-.04em;font-weight:700;text-wrap:pretty}
html.page-contractverse .ck-hcopy h1 em{font-style:normal;color:#FFD9DE}
html.page-contractverse .ck-hcopy .tsh-sub{margin:18px 0 0;max-width:46ch}
html.page-contractverse .ck-ticks{list-style:none;display:grid;grid-template-columns:1fr 1fr;
  gap:11px clamp(14px,2vw,26px);margin:24px 0 0;padding:0}
html.page-contractverse .ck-ticks li{display:flex;align-items:center;gap:9px;font-size:14px;
  color:rgba(255,255,255,.9)}
html.page-contractverse .ck-tk{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;
  flex:none;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.34)}
html.page-contractverse .ck-tk svg{width:12px;height:12px;fill:none;stroke:#fff;stroke-width:2.6;
  stroke-linecap:round;stroke-linejoin:round}
html.page-contractverse .ck-hcta{margin-top:28px}
html.page-contractverse .ck-hmock{position:relative}
html.page-contractverse .ck-hmock .tsm{margin:0;max-width:none}
html.page-contractverse .ck-chip{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:7px;
  padding:8px 14px;border-radius:100px;background:#fff;border:1px solid var(--line);
  font-size:12.4px;font-weight:600;letter-spacing:-.012em;color:var(--ink);
  box-shadow:0 18px 40px -22px rgba(20,22,27,.5)}
html.page-contractverse .ck-chip svg{width:14px;height:14px;fill:none;stroke:var(--wine);stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round}
html.page-contractverse .ck-chip--a{left:-18px;top:34%}
html.page-contractverse .ck-chip--b{right:-14px;bottom:16%}

html.page-contractverse .ck-feat{background:#fff}
html.page-contractverse .cv-why-head h2 em,html.page-contractverse .ck-chead h2 em{font-style:normal;color:var(--wine)}
html.page-contractverse .cv-why-head p,html.page-contractverse .ck-chead p{margin:16px auto 0;max-width:58ch;
  font-size:clamp(15px,1.35vw,17px);line-height:1.65;color:var(--ink-2)}
html.page-contractverse .ck-why8{grid-template-columns:repeat(4,1fr)}
html.page-contractverse .ck-why8 .cv-w:nth-child(3n+2){margin-top:0}
html.page-contractverse .ck-why8 .cv-w:nth-child(4n+2),
html.page-contractverse .ck-why8 .cv-w:nth-child(4n+4){margin-top:clamp(18px,2.2vw,34px)}
html.page-contractverse .ck-how{background:var(--paper-2)}
html.page-contractverse .ck-chead{text-align:center;max-width:680px;margin:0 auto 40px}
html.page-contractverse .ck-chead h2{margin-inline:auto}

/* compliance timeline on wine */
html.page-contractverse .ck-tl{position:relative;overflow:hidden;
  background:linear-gradient(165deg,#A6333E 0%,#7C1623 56%,#5E1020 100%)}
html.page-contractverse .ck-tltex{position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.14) 1.1px,transparent 1.1px);background-size:19px 19px}
html.page-contractverse .ck-tlin{position:relative;z-index:2}
html.page-contractverse .ck-tlhead{text-align:center;max-width:660px;margin:0 auto 40px}
html.page-contractverse .ck-tlk{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:rgba(255,255,255,.72)}
html.page-contractverse .ck-tlhead h2{margin:12px 0 0;font-size:clamp(26px,3.2vw,42px);line-height:1.08;
  letter-spacing:-.034em;font-weight:700;color:#fff}
html.page-contractverse .ck-tlhead h2 em{font-style:normal;color:#FFD9DE}
html.page-contractverse .ck-tlhead p{margin:16px auto 0;max-width:56ch;font-size:15px;line-height:1.65;
  color:rgba(255,255,255,.82)}
html.page-contractverse .ck-tlist{list-style:none;position:relative;margin:0 auto;padding:0;max-width:820px}
html.page-contractverse .ck-tlist::before{content:"";position:absolute;left:50%;top:14px;bottom:14px;width:0;
  border-left:1px dashed rgba(255,255,255,.34)}
html.page-contractverse .ck-ti{position:relative;display:grid;grid-template-columns:1fr 1fr;
  align-items:center;gap:clamp(20px,3vw,44px);padding:clamp(10px,1.4vw,18px) 0}
html.page-contractverse .ck-ti:nth-child(even) .ck-tcard{grid-column:1;grid-row:1}
html.page-contractverse .ck-ti:nth-child(odd) .ck-tcard{grid-column:2;grid-row:1}
html.page-contractverse .ck-tno{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;
  display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;color:var(--wine);
  font-family:var(--font-mono);font-size:12px;font-weight:600;box-shadow:0 10px 24px -10px rgba(0,0,0,.5)}
html.page-contractverse .ck-tcard{background:#fff;border-radius:14px;padding:18px 20px;
  box-shadow:0 28px 58px -34px rgba(0,0,0,.5);transition:transform .4s var(--ease)}
html.page-contractverse .ck-tcard:hover{transform:translateY(-4px)}
html.page-contractverse .ck-tbadge{display:inline-block;padding:5px 11px;border-radius:100px;
  background:var(--wine-soft);border:1px solid var(--wine-line);color:var(--wine);
  font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase}
html.page-contractverse .ck-tcard b{display:block;margin-top:11px;font-size:17px;font-weight:700;letter-spacing:-.024em}
html.page-contractverse .ck-tcard p{margin:7px 0 0;font-size:15px;line-height:1.55;color:var(--ink-2)}
html.page-contractverse .ck-trule{display:block;margin-top:10px;font-family:var(--font-mono);font-size:10px;
  letter-spacing:.1em;color:var(--wine)}

/* integrations + deployment */
html.page-contractverse .ck-int{background:#fff}
html.page-contractverse .ck-intwrap{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);
  gap:clamp(26px,3.6vw,58px);align-items:start}
html.page-contractverse .ck-ik{display:block;font-family:var(--font-mono);font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--wine)}
html.page-contractverse .ck-intcol h2{margin:12px 0 0;font-size:clamp(24px,2.9vw,38px);line-height:1.1;
  letter-spacing:-.034em;font-weight:700}
html.page-contractverse .ck-intcol h2 em{font-style:normal;color:var(--wine)}
html.page-contractverse .ck-intcol>p{margin:16px 0 0;max-width:52ch;font-size:15px;line-height:1.65;color:var(--ink-2)}
html.page-contractverse .ck-igrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
html.page-contractverse .ck-i{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 18px;
  transition:.35s var(--ease)}
html.page-contractverse .ck-i:hover{border-color:var(--wine-line);transform:translateY(-4px);
  box-shadow:0 26px 54px -38px rgba(110,18,28,.42)}
html.page-contractverse .ck-i b{display:block;font-size:14.5px;font-weight:700;letter-spacing:-.02em}
html.page-contractverse .ck-i span{display:block;margin-top:7px;font-size:13.2px;line-height:1.55;color:var(--ink-2)}
html.page-contractverse .ck-depcol h3{margin:0 0 18px;font-size:19px;font-weight:700;letter-spacing:-.026em}
html.page-contractverse .ck-dep{position:relative;background:#fff;border:1px solid var(--line);
  border-radius:16px;padding:20px 20px;margin-bottom:12px}
html.page-contractverse .ck-dep--rec{border-color:var(--wine);background:var(--wine-soft)}
html.page-contractverse .ck-deptag{position:relative;display:inline-block;margin-bottom:12px;padding:5px 12px;
  border-radius:100px;background:var(--wine);color:#fff;font-family:var(--font-mono);font-size:9.5px;
  letter-spacing:.13em;text-transform:uppercase}
html.page-contractverse .ck-dep b{display:block;font-size:16.5px;font-weight:700;letter-spacing:-.024em}
html.page-contractverse .ck-dep p{margin:8px 0 0;font-size:13.5px;line-height:1.6;color:var(--ink-2)}
html.page-contractverse .ck-depnote{margin:16px 0 0;padding:16px 18px;border-radius:14px;
  background:var(--wine-soft);border:1px dashed var(--wine-line);font-size:13.2px;line-height:1.6;color:var(--ink-2)}
html.page-contractverse .ck-depnote b{color:var(--wine)}

/* compliance CTA badges */
html.page-contractverse .ck-ctasub{margin:18px auto 0;max-width:60ch;font-size:15.5px;line-height:1.65;
  color:rgba(255,255,255,.84)}
html.page-contractverse .ck-badges{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;
  gap:clamp(14px,2vw,30px);margin:30px 0 0;padding:0}
html.page-contractverse .ck-badges li{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);
  font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.8)}
html.page-contractverse .ck-badges i{width:6px;height:6px;border-radius:50%;background:#fff;flex:none;
  box-shadow:0 0 0 3px rgba(255,255,255,.2)}

@media(max-width:1000px){
  html.page-contractverse .ck-hero,html.page-contractverse .ck-intwrap{grid-template-columns:1fr;gap:32px}
  html.page-contractverse .ck-why8{grid-template-columns:repeat(2,1fr)}
  html.page-contractverse .ck-why8 .cv-w{margin-top:0!important}
  html.page-contractverse .ck-igrid{grid-template-columns:repeat(2,1fr)}
  html.page-contractverse .ck-chip{display:none}
}
@media(max-width:620px){
  html.page-contractverse .ck-ticks,html.page-contractverse .ck-why8,
  html.page-contractverse .ck-igrid{grid-template-columns:1fr}
  html.page-contractverse .ck-ti{grid-template-columns:1fr;gap:0;padding-left:28px}
  html.page-contractverse .ck-ti .ck-tcard{grid-column:1!important}
  html.page-contractverse .ck-tlist::before{left:0}
  html.page-contractverse .ck-tno{left:0}
}


/* --- consent keeper: revised sections --- */
html.page-contractverse .ck-frows{display:grid;grid-template-columns:repeat(2,1fr);
  column-gap:clamp(24px,3.4vw,58px);row-gap:0;max-width:1080px;margin-inline:auto}
html.page-contractverse .ck-fr{position:relative;display:grid;grid-template-columns:auto 1fr;
  column-gap:18px;padding:clamp(20px,2.2vw,28px) 0;border-top:1px solid var(--line)}
html.page-contractverse .ck-fr::after{content:"";position:absolute;left:0;top:-1px;width:0;height:2px;
  background:var(--wine);transition:width .55s cubic-bezier(.33,1,.68,1)}
html.page-contractverse .ck-fr:hover::after{width:56px}
html.page-contractverse .ck-frn{grid-row:1/3;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;
  color:var(--wine);padding-top:5px}
html.page-contractverse .ck-fr h4{margin:0;font-size:clamp(16.5px,1.6vw,19px);font-weight:700;
  letter-spacing:-.024em;line-height:1.25;transition:color .3s var(--ease)}
html.page-contractverse .ck-fr:hover h4{color:var(--wine)}
html.page-contractverse .ck-fr p{grid-column:2;margin:9px 0 0;font-size:15px;line-height:1.6;
  color:var(--ink-2);text-wrap:pretty}
@media(max-width:820px){html.page-contractverse .ck-frows{grid-template-columns:1fr}}

/* timeline zigzag on wine */
html.page-contractverse .ck-zig .id-spine{border-left-color:rgba(255,255,255,.34)}
html.page-contractverse .ck-zig .id-zn{color:rgba(255,255,255,.22);-webkit-text-stroke:2px rgba(255,255,255,.7)}
html.page-contractverse .ck-zig .id-z:hover .id-zn{color:rgba(255,255,255,.5);-webkit-text-stroke:2px #fff}
html.page-contractverse .ck-zig .id-zdot{background:#fff;border-color:#fff}
html.page-contractverse .ck-zig .id-z.in .id-zdot,html.page-contractverse .ck-zig .id-z:hover .id-zdot{
  background:#fff;border-color:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.22)}
html.page-contractverse .ck-zig .id-zc{background:#fff;border-color:transparent;
  box-shadow:0 28px 58px -34px rgba(0,0,0,.5)}
html.page-contractverse .ck-zig .id-zc b{display:block;margin-top:11px;font-size:17px;font-weight:700;letter-spacing:-.024em}
html.page-contractverse .ck-zig .id-zc p{margin:7px 0 0;font-size:15px;line-height:1.55;color:var(--ink-2)}

/* deployment as its own section */
html.page-contractverse .ck-dep-sec{background:var(--paper-2)}
html.page-contractverse .ck-depwrap{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  gap:clamp(26px,3.6vw,56px);align-items:center}
html.page-contractverse .ck-depcopy h2{margin:12px 0 0;font-size:clamp(24px,2.9vw,38px);line-height:1.1;
  letter-spacing:-.034em;font-weight:700}
html.page-contractverse .ck-depcards{display:grid;gap:14px}
html.page-contractverse .ck-dep{margin-bottom:0}
html.page-contractverse .ck-depcopy .ck-depnote{margin-top:20px}
@media(max-width:900px){html.page-contractverse .ck-depwrap{grid-template-columns:1fr;gap:28px}}

/* ck timeline: no scroll-reveal observer on this page — show the cards outright */
html.page-contractverse .ck-zig .id-z{opacity:1;transform:none}



/* ============================ PARTNER WITH US (page-contact scope) ============================ */
html.page-contact .pn-hcta{margin-top:26px}
html.page-contact .pn-k{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--wine)}
html.page-contact .pn-head{max-width:760px;margin-bottom:40px}
html.page-contact .pn-head h2{margin:12px 0 0;font-size:clamp(26px,3.2vw,42px);line-height:1.08;letter-spacing:-.034em;font-weight:700}
html.page-contact .pn-head p{margin:14px 0 0;max-width:56ch;font-size:clamp(15px,1.35vw,18px);line-height:1.65;color:var(--ink-2)}
html.page-contact .pn-head--c{margin-inline:auto;text-align:center}
html.page-contact .pn-head--c p{margin-inline:auto}

/* win-win */
html.page-contact .pn-win{padding-block:70px}
html.page-contact .pn-winwrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,4vw,72px);align-items:center}
html.page-contact .pn-wincopy h2{margin:12px 0 0;font-size:clamp(26px,3.2vw,42px);line-height:1.08;letter-spacing:-.034em;font-weight:700}
html.page-contact .pn-wincopy p{margin:18px 0 0;font-size:clamp(15px,1.35vw,18px);line-height:1.7;color:var(--ink-2);text-wrap:pretty}
html.page-contact .pn-wincopy .btn{margin-top:28px}
html.page-contact .pn-winvis{position:relative;display:grid;place-items:center;padding:clamp(20px,3vw,44px)}
html.page-contact .pn-vring{position:absolute;width:min(560px,100%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(155,27,46,.13),transparent 66%);pointer-events:none}
html.page-contact .pn-card{position:relative;width:100%;max-width:520px;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 44px 96px -58px rgba(52,8,16,.5)}
html.page-contact .pn-cbar{display:flex;align-items:center;gap:7px;padding:13px 17px;border-bottom:1px solid var(--line);background:var(--paper-2)}
html.page-contact .pn-cbar span{width:9px;height:9px;border-radius:50%;background:var(--line);flex:none}
html.page-contact .pn-cbar b{margin-left:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:400}
html.page-contact .pn-cbody{padding:8px 0}
html.page-contact .pn-crow{display:flex;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px dashed var(--line)}
html.page-contact .pn-crow:last-child{border-bottom:0}
html.page-contact .pn-cdot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--wine);box-shadow:0 0 0 4px var(--wine-soft)}
html.page-contact .pn-ct{flex:1;min-width:0;font-size:13.6px;color:var(--ink-2)}
html.page-contact .pn-cs{flex:none;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3);border:1px solid var(--line);border-radius:100px;padding:5px 11px}
html.page-contact .pn-cs--on{color:var(--wine);border-color:var(--wine-line);background:var(--wine-soft)}
@media(max-width:900px){html.page-contact .pn-winwrap{grid-template-columns:1fr;gap:30px}}

/* why partner */
html.page-contact .pn-why-sec{padding-block:70px;background:#F3F1EE}
html.page-contact .pn-why{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.8vw,22px)}
html.page-contact .pn-w{background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(22px,2.2vw,30px);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease)}
html.page-contact .pn-w:hover{transform:translateY(-4px);border-color:var(--wine-line);box-shadow:0 30px 62px -40px rgba(110,18,28,.45)}
html.page-contact .pn-wi{display:grid;place-items:center;width:58px;height:58px;margin-bottom:18px;border-radius:50%;border:1px solid var(--wine-line);background:var(--wine-soft);transition:.35s var(--ease)}
html.page-contact .pn-wi svg{width:25px;height:25px;fill:none;stroke:var(--wine);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html.page-contact .pn-w:hover .pn-wi{background:var(--wine)}
html.page-contact .pn-w:hover .pn-wi svg{stroke:#fff}
html.page-contact .pn-w h4{margin:0;font-size:17px;font-weight:700;letter-spacing:-.024em}
html.page-contact .pn-w p{margin:9px 0 0;font-size:15px;line-height:1.6;color:var(--ink-2);text-wrap:pretty}
@media(max-width:1000px){html.page-contact .pn-why{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){html.page-contact .pn-why{grid-template-columns:1fr}}

/* partner tracks */
html.page-contact .pn-tracks-sec{padding-block:70px}
html.page-contact .pn-tracks{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,1.8vw,22px)}
html.page-contact .pn-t{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(24px,2.4vw,34px);transition:.4s var(--ease)}
html.page-contact .pn-t::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--wine);transform:scaleY(0);transform-origin:top;transition:transform .5s var(--ease)}
html.page-contact .pn-t:hover{border-color:var(--wine-line);box-shadow:0 34px 72px -46px rgba(110,18,28,.45);transform:translateY(-4px)}
html.page-contact .pn-t:hover::before{transform:scaleY(1)}
html.page-contact .pn-tn{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--ink-3);transition:color .4s var(--ease)}
html.page-contact .pn-t:hover .pn-tn{color:var(--wine)}
html.page-contact .pn-t h4{margin:14px 0 0;font-size:clamp(19px,1.9vw,23px);font-weight:700;letter-spacing:-.028em;line-height:1.18}
html.page-contact .pn-t p{margin:11px 0 0;font-size:15px;line-height:1.62;color:var(--ink-2);text-wrap:pretty}
html.page-contact .pn-tl{list-style:none;margin:20px 0 0;padding:18px 0 0;border-top:1px dashed var(--line);display:flex;flex-wrap:wrap;gap:8px}
html.page-contact .pn-tl li{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);background:var(--paper-3);border:1px solid var(--line);border-radius:100px;padding:6px 12px;transition:.3s var(--ease)}
html.page-contact .pn-t:hover .pn-tl li{color:var(--wine);border-color:var(--wine-line);background:var(--wine-soft)}
@media(max-width:820px){html.page-contact .pn-tracks{grid-template-columns:1fr}}

/* how to join — steps on the wine callout */
html.page-contact .pn-steps-sec{padding:70px 0}
html.page-contact .pn-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
html.page-contact .pn-steps li{display:flex;gap:16px;padding:16px 0;border-bottom:1px dashed rgba(255,255,255,.22)}
html.page-contact .pn-steps li:last-child{border-bottom:0}
html.page-contact .pn-si{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);font-family:var(--font-mono);font-size:12px;color:#fff}
html.page-contact .pn-st b{display:block;font-size:16px;font-weight:700;letter-spacing:-.022em;color:#fff}
html.page-contact .pn-st span{display:block;margin-top:5px;font-size:14px;line-height:1.6;color:rgba(255,255,255,.76);text-wrap:pretty}

/* form + faq */
html.page-contact .pn-form-sec{padding-block:70px}
html.page-contact .pn-faq-sec{padding-block:70px;background:#F3F1EE}
html.page-contact .pn-faqwrap{max-width:860px;margin-inline:auto}
/* Partner "Why" + Careers "We Offer": About's stand-for card (placed after the
   originals so equal-specificity rules win; Careers declares class="page-about") */
html.page-contact .pn-w,html.page-about .cr-b{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;
  padding:clamp(22px,2.2vw,30px);overflow:hidden;transition:.35s var(--ease)}
html.page-contact .pn-w:hover,html.page-about .cr-b:hover{border-color:var(--wine-line);transform:translateY(-4px);box-shadow:0 30px 62px -42px rgba(110,18,28,.42)}
html.page-contact .pn-wi,html.page-about .cr-bwm{position:absolute;right:clamp(16px,1.8vw,24px);top:clamp(18px,2vw,26px);
  left:auto;bottom:auto;width:auto;height:auto;margin:0;padding:0;border:0;background:none;border-radius:0;display:block;z-index:0;
  transition:transform .6s cubic-bezier(.33,1,.68,1),opacity .4s var(--ease)}
html.page-contact .pn-wi svg,html.page-about .cr-bwm svg{width:clamp(38px,3.8vw,48px);height:auto;fill:none;stroke:var(--wine);
  stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.42}
html.page-contact .pn-w:hover .pn-wi,html.page-about .cr-b:hover .cr-bwm{transform:scale(1.08);background:none}
html.page-contact .pn-w:hover .pn-wi svg,html.page-about .cr-b:hover .cr-bwm svg{opacity:1;stroke:var(--wine)}
html.page-contact .pn-wno,html.page-about .cr-bno{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;
  color:var(--wine);margin-bottom:clamp(26px,3vw,40px)}
html.page-contact .pn-w h4,html.page-about .cr-b h4{margin:0;font-size:clamp(17px,1.7vw,20px);font-weight:700;letter-spacing:-.024em;
  line-height:1.22;padding-right:clamp(50px,5.6vw,68px)}
html.page-contact .pn-w p,html.page-about .cr-b p{margin:10px 0 0;font-size:15px;line-height:1.55;color:var(--ink-2);text-wrap:pretty}

/* Careers: apply form on cream, We Offer on white */
html.page-about .cr-form-sec{background:#F3F1EE}
html.page-about .cr-ben-sec{background:#fff}

/* blog strip — .rs-* is not declared for page-contact */
html.page-contact .rs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.8vw,24px)}
html.page-contact .rs-grid--4{grid-template-columns:repeat(4,1fr)}
html.page-contact .rs-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;cursor:pointer;transition:border-color .3s var(--ease),box-shadow .3s var(--ease),transform .3s var(--ease)}
html.page-contact .rs-card:hover{border-color:var(--wine-line);box-shadow:0 34px 68px -44px rgba(20,22,27,.42);transform:translateY(-5px)}
html.page-contact .rs-cthumb{position:relative;aspect-ratio:16/10;background:var(--paper-3);overflow:hidden}
html.page-contact .rs-cthumb img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
html.page-contact .rs-card:hover .rs-cthumb img{transform:scale(1.06)}
html.page-contact .rs-ctag{position:absolute;left:13px;top:13px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--wine);padding:6px 11px;border-radius:100px}
html.page-contact .rs-cbody{display:flex;flex-direction:column;flex:1;padding:20px}
html.page-contact .rs-card h3{margin:0;font-size:17px;line-height:1.26;letter-spacing:-.026em;font-weight:700;text-wrap:pretty;transition:color .25s var(--ease)}
html.page-contact .rs-card:hover h3{color:var(--wine)}
html.page-contact .rs-card p{margin:10px 0 0;font-size:15px;line-height:1.56;color:var(--ink-2);text-wrap:pretty}
html.page-contact .rs-card .rs-meta{margin-top:auto;padding-top:18px;display:flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
html.page-contact .rs-card .rs-meta i{width:3px;height:3px;border-radius:50%;background:var(--line);flex:none}
html.page-contact .pn-blog-sec{padding-block:70px}
html.page-contact .pn-blogcta{display:flex;justify-content:center;margin-top:clamp(28px,3vw,42px)}
@media(max-width:1080px){html.page-contact .rs-grid--4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){html.page-contact .rs-grid,html.page-contact .rs-grid--4{grid-template-columns:1fr}}

/* stats label: .cn-l has no colour rule (Contact uses .cn-tx) — it inherits ink on wine */
html.page-contact .cn-l{display:block;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.24);font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.86);text-wrap:pretty}

/* buttons are pill-shaped site-wide; the .btn base is 9px and only .cta-btns overrides it */
html.page-contact .pn-win .btn,
html.page-contact .pn-blogcta .btn{border-radius:100px;padding:14px 26px}

/* form on cream, matching the product pages */
html.page-contact .pn-form-sec{padding-block:70px;background:#F3F1EE;max-width:none}
html.page-contact .pn-form-sec>.ct-console{margin:0 auto;max-width:min(1120px,calc(100vw - 2*var(--gut)))}
html.page-contact .pn-faq-sec{padding:0 0 70px;background:#fff}

html.page-contact .faq{margin-top:0;border-top:1px solid var(--line)}
html.page-contact .faq details{border-bottom:1px solid var(--line);background:#fff;transition:background .3s var(--ease)}
html.page-contact .faq details[open]{background:var(--paper-2)}
html.page-contact .faq summary{list-style:none;cursor:pointer;position:relative;padding:22px 56px 22px 22px;font-size:clamp(16px,1.5vw,19px);font-weight:600;letter-spacing:-.02em;transition:padding-left .3s var(--ease)}
html.page-contact .faq summary::-webkit-details-marker{display:none}
html.page-contact .faq summary::after{content:"";position:absolute;right:24px;top:50%;width:11px;height:11px;border-right:1.6px solid var(--ink-3);border-bottom:1.6px solid var(--ink-3);transform:translateY(-70%) rotate(45deg);transition:.25s var(--ease)}
html.page-contact .faq details[open] summary{color:var(--wine);padding-left:30px}
html.page-contact .faq summary:hover{padding-left:30px}
html.page-contact .faq details[open] summary::after{transform:translateY(-30%) rotate(225deg);border-color:var(--wine)}
html.page-contact .faq .ans{padding:0 56px 24px 22px;font-size:14.8px;line-height:1.65;color:var(--ink-2)}
html.page-contact .faq details[open] .ans{padding-left:30px}
html.can-anim .faq details[open] .ans:where(:root.page-contact,:root.page-contact *){animation:faqIn .5s var(--ease) both}

/* select label must float on its own trigger — :placeholder-shown cannot match a select */
html.page-contact .ct-f select:focus+label,
html.page-contact .ct-f select:valid+label{top:-7px;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--wine);font-family:var(--font-mono)}

/* ---- legal pages: wine banner (ct-hero is scoped to other pages) ---- */
html.page-contractverse .lg-hero{position:relative;overflow:hidden;color:#fff;--mx:50%;--my:24%;
  padding:clamp(150px,15vw,190px) 0 clamp(46px,5vw,80px);
  background-image: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='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E"),linear-gradient(180deg,#6E101D 0%,#8C1729 46%,#A82C43 100%)}
html.page-contractverse .lg-hero::before{content:"";position:absolute;left:50%;top:-46%;width:min(1200px,120vw);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:1px dashed rgba(255,255,255,.2);animation:ctSpin 90s linear infinite;pointer-events:none}
html.page-contractverse .lg-hero::after{content:"";position:absolute;left:50%;top:-28%;width:min(840px,88vw);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:1px dashed rgba(255,255,255,.16);pointer-events:none}
html.page-contractverse .lg-hero .rs-glow{position:absolute;left:var(--mx);top:var(--my);width:640px;height:640px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 66%);opacity:0;transition:opacity .45s var(--ease)}
html.page-contractverse .lg-hero:hover .rs-glow{opacity:1}
html.page-contractverse .lg-hero .ct-hero-in{position:relative;z-index:2;text-align:center;max-width:880px;margin-inline:auto}
html.page-contractverse .lg-hero .ct-k{display:inline-flex;align-items:center;gap:9px;padding:7px 16px 7px 13px;border-radius:100px;border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.94)}
html.page-contractverse .lg-hero .ct-k b{width:6px;height:6px;border-radius:50%;background:#fff;display:block;animation:ctBlink 2.4s var(--ease) infinite}
html.page-contractverse .lg-hero h1{margin:20px 0 0;font-size:clamp(34px,4.3vw,56px);line-height:1.03;letter-spacing:-.04em;font-weight:700;color:#fff;text-wrap:balance}
html.page-contractverse .lg-hero .lg-sub{margin:18px auto 0;max-width:56ch;font-size:clamp(15px,1.35vw,18px);line-height:1.65;color:rgba(255,255,255,.84);text-wrap:pretty}

/* ---- legal pages ---- */

html.page-contractverse .lg-hero h1{max-width:22ch;margin-inline:auto}
html.page-contractverse .lg-sec{padding-top:70px}
html.page-contractverse .lg-body>h3:first-child{margin-top:0}
html.page-contractverse .lg-wrap{max-width:860px;margin-inline:auto}
html.page-contractverse .lg-head{margin-bottom:40px}
html.page-contractverse .lg-k{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--wine)}
html.page-contractverse .lg-head h2{margin:12px 0 0;font-size:clamp(26px,3.2vw,42px);line-height:1.08;letter-spacing:-.034em;font-weight:700}
html.page-contractverse .lg-body{font-size:16px;line-height:1.72;color:var(--ink-2)}
html.page-contractverse .lg-body p{margin:0 0 18px}
html.page-contractverse .lg-body b{color:var(--ink);font-weight:700}
html.page-contractverse .lg-body a{color:var(--wine);text-decoration:underline;text-underline-offset:3px}
html.page-contractverse .lg-body h3{margin:44px 0 14px;font-size:clamp(19px,1.9vw,24px);line-height:1.2;letter-spacing:-.028em;font-weight:700;color:var(--ink)}
html.page-contractverse .lg-body h3:first-child{margin-top:0}
html.page-contractverse .lg-body ul,html.page-contractverse .lg-body ol{margin:0 0 18px;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:12px}
html.page-contractverse .lg-body li{position:relative;padding-left:26px}
html.page-contractverse .lg-body ul li::before{content:"";position:absolute;left:4px;top:10px;width:6px;height:6px;border-radius:50%;background:var(--wine)}
html.page-contractverse .lg-body ol{counter-reset:lg}
html.page-contractverse .lg-body ol li{counter-increment:lg}
html.page-contractverse .lg-body ol li::before{content:counter(lg);position:absolute;left:0;top:0;font-family:var(--font-mono);font-size:12px;color:var(--wine);font-weight:600}
html.page-contractverse .lg-eff{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);font-size:14.5px;color:var(--ink-3)}
html.page-contractverse .lg-toc{margin:0 0 44px;padding:22px 24px;background:var(--paper-3);border:1px solid var(--line);border-radius:16px}
html.page-contractverse .lg-toc b{display:block;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);margin-bottom:14px}
html.page-contractverse .lg-toc ol{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:9px 24px}
html.page-contractverse .lg-toc a{text-decoration:none;font-size:14px;color:var(--ink-2)}
html.page-contractverse .lg-toc a:hover{color:var(--wine)}
@media(max-width:700px){html.page-contractverse .lg-toc ol{grid-template-columns:1fr}}

/* ---- footer legal links ---- */
html .foot-bottom .copy{font-size:11px}
html .foot-legal{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-right:auto}
html .foot-legal::before{content:"";width:1px;height:13px;background:var(--line);flex:none}
html .foot-legal a{font-size:13px;color:var(--ink-3);transition:color .2s}
html .foot-legal a:hover{color:var(--wine)}
@media(max-width:760px){html .foot-legal{margin-right:0;gap:14px}html .foot-legal::before{display:none}}

/* ============================ INDUSTRY PAGE ============================ */
html.page-integration-detail .iv-hcta{margin-top:28px}
html.page-integration-detail .iv-ph{position:relative;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--wine);text-align:center;padding:0 26px;line-height:1.7}

html.page-integration-detail .iv-context{padding:70px 0}
html.page-integration-detail .iv-cx{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(24px,4vw,64px);align-items:start}
html.page-integration-detail .iv-cxbody p{margin:0 0 16px;font-size:clamp(15px,1.35vw,18px);line-height:1.68;color:var(--ink-2);text-wrap:pretty}
html.page-integration-detail .iv-cxbody p:last-child{margin-bottom:0}

html.page-integration-detail .iv-uc-sec{padding:70px 0;background:#F3F1EE}
html.page-integration-detail .iv-uchead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px}
html.page-integration-detail .iv-count{font-family:var(--font-mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}
html.page-integration-detail .iv-tabs{position:relative;display:flex;gap:4px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:8px;overflow-x:auto;scrollbar-width:none}
html.page-integration-detail .iv-tabs::-webkit-scrollbar{display:none}
html.page-integration-detail .iv-tab{flex:1 0 auto;min-width:118px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 14px 18px;border:0;background:none;cursor:pointer;border-radius:12px;transition:background .3s var(--ease)}
html.page-integration-detail .iv-tab:hover{background:var(--paper-3)}
html.page-integration-detail .iv-tic{width:30px;height:30px;border-radius:9px;background:var(--paper-3);border:1px solid var(--line);transition:.35s var(--ease)}
html.page-integration-detail .iv-tl{font-family:var(--font-mono);font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;transition:color .3s var(--ease)}
html.page-integration-detail .iv-tab.on .iv-tic{background:var(--wine-soft);border-color:var(--wine);box-shadow:0 8px 18px -10px var(--wine)}
html.page-integration-detail .iv-tab.on .iv-tl{color:var(--wine);font-weight:600}
html.page-integration-detail .iv-ind{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--wine);border-radius:2px;transition:transform .5s cubic-bezier(.33,1,.68,1),width .5s cubic-bezier(.33,1,.68,1);pointer-events:none}
html.page-integration-detail .iv-panes{position:relative;margin-top:clamp(26px,3vw,40px);min-height:clamp(340px,36vw,430px)}
html.page-integration-detail .iv-pane{position:absolute;inset:0;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,3.4vw,56px);align-items:center;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .5s var(--ease),transform .5s var(--ease),visibility .5s}
html.page-integration-detail .iv-pane.on{opacity:1;visibility:visible;transform:none;position:relative}
html.page-integration-detail .iv-vis{position:relative;display:grid;place-items:center;height:100%;min-height:clamp(300px,32vw,390px);border-radius:20px;background:#fff;border:1px dashed var(--wine-line);overflow:hidden}
html.page-integration-detail .iv-glow{position:absolute;width:66%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(155,27,46,.12),transparent 66%)}
html.page-integration-detail .iv-idx{font-family:var(--font-mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3)}
html.page-integration-detail .iv-copy h3{margin:14px 0 0;font-size:clamp(20px,2vw,26px);line-height:1.08;letter-spacing:-.036em;font-weight:700}
html.page-integration-detail .iv-copy p{margin:16px 0 0;max-width:48ch;font-size:clamp(15px,1.35vw,18px);line-height:1.65;color:var(--ink-2);text-wrap:pretty}
html.page-integration-detail .iv-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}
html.page-integration-detail .iv-chips span{font-size:13.5px;font-weight:500;letter-spacing:-.008em;color:var(--ink-2);background:#fff;border:1px solid var(--line);border-radius:100px;padding:9px 16px;transition:.28s var(--ease)}
html.page-integration-detail .iv-chips span:hover{border-color:var(--wine);color:var(--wine);transform:translateY(-2px)}

html.page-integration-detail .iv-sol-sec{padding:70px 0}
html.page-integration-detail .iv-sols{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.9vw,24px)}
html.page-integration-detail .iv-sc{position:relative;display:flex;flex-direction:column;background:var(--paper-2);border:1px solid var(--line);border-radius:20px;padding:clamp(24px,2.4vw,32px);transition:.35s var(--ease)}
html.page-integration-detail .iv-sc:hover{border-color:var(--wine-line);background:#fff;transform:translateY(-5px);box-shadow:0 34px 70px -44px rgba(110,18,28,.45)}
html.page-integration-detail .iv-sn{position:absolute;right:clamp(20px,2.2vw,28px);top:clamp(22px,2.2vw,30px);font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--ink-3)}
html.page-integration-detail .iv-si{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;border:1px solid var(--wine-line);background:var(--wine-soft);margin-bottom:20px;transition:.35s var(--ease)}
html.page-integration-detail .iv-si svg{width:23px;height:23px;color:var(--wine)}
html.page-integration-detail .iv-sc:hover .iv-si{background:var(--wine)}
html.page-integration-detail .iv-sc:hover .iv-si svg{color:#fff}
html.page-integration-detail .iv-sc h3{margin:0;font-size:clamp(17px,1.7vw,20px);font-weight:700;letter-spacing:-.028em}
html.page-integration-detail .iv-sc p{margin:11px 0 0;font-size:15px;line-height:1.6;color:var(--ink-2);text-wrap:pretty}
html.page-integration-detail .iv-sx{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:24px;font-size:13.5px;font-weight:600;letter-spacing:-.012em;color:var(--wine)}
html.page-integration-detail .iv-sx .arr{transition:transform .3s var(--ease)}
html.page-integration-detail .iv-sx:hover .arr{transform:translateX(4px)}

html.page-integration-detail .iv-ben-sec{padding:70px 0;background:#F3F1EE}
html.page-integration-detail .iv-bens{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.7vw,20px)}

html.page-integration-detail .iv-cl-sec{padding:70px 0}
html.page-integration-detail .iv-sol-sec .id-head,html.page-integration-detail .iv-ben-sec .id-head,html.page-integration-detail .iv-cl-sec .id-head{margin-bottom:40px}

@media(max-width:1080px){
  html.page-integration-detail .iv-hero-in,html.page-integration-detail .iv-cx{grid-template-columns:1fr}
  html.page-integration-detail .iv-pane,html.page-integration-detail .iv-pane.on{grid-template-columns:1fr}
  html.page-integration-detail .iv-sols{grid-template-columns:1fr 1fr}
  html.page-integration-detail .iv-bens{grid-template-columns:1fr 1fr}
  html.page-integration-detail .iv-panes{min-height:0}
}
@media(max-width:620px){
  html.page-integration-detail .iv-sols,html.page-integration-detail .iv-bens{grid-template-columns:1fr}
  html.page-integration-detail .iv-uchead{flex-direction:column;align-items:flex-start}
  html.page-integration-detail .iv-tab{min-width:104px}
}

html.page-integration-detail .iv-k{display:inline-block;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--wine)}
html.page-integration-detail .iv-ctasub{margin:16px 0 0;font-size:clamp(15px,1.35vw,18px);line-height:1.6;color:rgba(255,255,255,.82);text-wrap:pretty}

/* hero: wine banner with dashed rings (shared .tsh) + video frame */
html.page-integration-detail .iv-hcta{margin-top:30px}
html.page-integration-detail .iv-vbar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--paper-2)}
html.page-integration-detail .iv-vbar i{width:9px;height:9px;border-radius:50%;background:var(--line);flex:none}
html.page-integration-detail .iv-vbar b{margin-left:10px;font-family:var(--font-mono);font-size:11px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
html.page-integration-detail .iv-vbody{position:relative;display:grid;place-items:center;gap:20px;aspect-ratio:16/8.4;background:linear-gradient(150deg,#FBF8F7,#F3F1EE)}
html.page-integration-detail .iv-vglow{position:absolute;width:64%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(155,27,46,.13),transparent 66%)}
html.page-integration-detail .iv-vplay{position:relative;width:72px;height:72px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;background:var(--wine);box-shadow:0 18px 40px -18px var(--wine);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
html.page-integration-detail .iv-vplay svg{width:26px;height:26px;fill:#fff;margin-left:2px}
html.page-integration-detail .iv-vplay::after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid var(--wine-line);animation:ivPulse 2.6s ease-out infinite}
@keyframes ivPulse{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.9);opacity:0}}
html.page-integration-detail[data-motion="off"] .iv-vplay::after{animation:none}
html.page-integration-detail .iv-vplay:hover{transform:scale(1.07);box-shadow:0 24px 52px -18px var(--wine)}

/* context: centred head, paragraphs below */
html.page-integration-detail .iv-cx{display:block}
html.page-integration-detail .iv-cxhead{text-align:center;max-width:680px;margin:0 auto 40px}
html.page-integration-detail .iv-cxhead h2{margin-inline:auto}
html.page-integration-detail .iv-cxbody{max-width:820px;margin-inline:auto;text-align:center}

/* benefits: the About-page watermark tiles */
html.page-integration-detail .iv-bc{position:relative;overflow:hidden;isolation:isolate;background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(24px,2.4vw,34px);transition:.35s var(--ease)}
html.page-integration-detail .iv-bc:hover{border-color:var(--wine-line);transform:translateY(-4px);box-shadow:0 30px 62px -42px rgba(110,18,28,.42)}
html.page-integration-detail .iv-bc::after{content:"";position:absolute;inset:auto 0 0 0;height:100%;z-index:-1;background:linear-gradient(to top,var(--wine-soft),transparent 70%);transform:translateY(100%);transition:transform .55s cubic-bezier(.33,1,.68,1)}
html.page-integration-detail .iv-bc:hover::after{transform:none}
html.page-integration-detail .iv-bwm{position:absolute;right:clamp(16px,1.8vw,24px);top:clamp(18px,2vw,26px);z-index:0;transition:transform .6s cubic-bezier(.33,1,.68,1),opacity .4s var(--ease)}
html.page-integration-detail .iv-bwm svg{width:clamp(38px,3.8vw,48px);height:auto;fill:none;stroke:var(--wine);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.42}
html.page-integration-detail .iv-bc:hover .iv-bwm{transform:scale(1.08)}
html.page-integration-detail .iv-bc:hover .iv-bwm svg{opacity:1}
html.page-integration-detail .iv-bno{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;color:var(--wine);margin-bottom:clamp(26px,3vw,40px)}
html.page-integration-detail .iv-bc h4{margin:0;font-size:clamp(17px,1.7vw,20px);line-height:1.22;font-weight:700;letter-spacing:-.024em;padding-right:clamp(50px,5.6vw,68px)}
html.page-integration-detail .iv-bc p{margin:11px 0 0;font-size:15px;line-height:1.58;color:var(--ink-2);text-wrap:pretty}

/* clients: the homepage trust bar */

html.page-integration-detail .iv-hcta .btn{border-radius:100px}

/* industry hero — .tsh family ported from the product pages */
html.page-integration-detail .btn-onwine{background:#fff;color:var(--wine-deep)}
html.page-integration-detail .btn-onwine:hover{background:#fff;transform:translateY(-2px);box-shadow:0 18px 40px -16px rgba(0,0,0,.5)}
html.page-integration-detail .tsh{position:relative;isolation:isolate;overflow:visible;min-height:clamp(400px,46vw,560px);padding:clamp(150px,15vw,190px) 0 clamp(118px,12vw,152px);background-image: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='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E"),linear-gradient(180deg,#6E101D 0%,#8C1729 46%,#A82C43 100%)}
html.page-integration-detail .tsh-rings{position:absolute;left:50%;top:8%;width:min(1500px,132vw);aspect-ratio:1;transform:translateX(-50%);z-index:-1;pointer-events:none}
html.page-integration-detail .tsh-rings span{position:absolute;inset:0;border-radius:50%;border:1px dashed rgba(255,255,255,.22)}
html.page-integration-detail .tsh-rings span:nth-child(2){inset:13%;border-color:rgba(255,255,255,.16)}
html.page-integration-detail .tsh-rings span:nth-child(3){inset:26%;border-color:rgba(255,255,255,.12)}
html.page-integration-detail .tsh-rings span:nth-child(1){animation:tsSpin 90s linear infinite}
html.page-integration-detail .tsh-rings span:nth-child(3){animation:tsSpin 70s linear infinite reverse}
html.page-integration-detail .tsh-in{position:relative;text-align:center;color:#fff;max-width:1000px;margin-inline:auto}
html.page-integration-detail .tsh-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:7px 16px 7px 13px;border-radius:100px;border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.10);backdrop-filter:blur(6px);font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.94)}
html.page-integration-detail .tsh-eyebrow b{width:6px;height:6px;border-radius:50%;background:#fff;display:block}
html.page-integration-detail .tsh h1{margin:22px 0 0;font-size:clamp(34px,4.3vw,56px);line-height:1.18;padding-bottom:.08em;letter-spacing:-.035em;font-weight:700;text-wrap:balance}
html.page-integration-detail .tsh h1 em{font-style:normal;color:#F6C6CE}
html.page-integration-detail .tsh-sub{margin:20px auto 0;max-width:720px;font-size:clamp(15px,1.35vw,18px);line-height:1.6;color:rgba(255,255,255,.84)}
html.page-integration-detail .tsh-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px}
html.page-integration-detail .tsh-mail{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.34);border-radius:100px;padding:5px 5px 5px 20px;backdrop-filter:blur(8px)}
html.page-integration-detail .tsh-mail input{background:none;border:0;outline:0;color:#fff;font-family:inherit;font-size:14.5px;width:min(240px,42vw)}
html.page-integration-detail .tsh-mail input::placeholder{color:rgba(255,255,255,.66)}
html.page-integration-detail .tsh-mail button{border:0;border-radius:100px;background:#fff;color:var(--wine);font-family:inherit;font-weight:700;font-size:14px;padding:11px 20px;cursor:pointer;transition:.2s var(--ease)}
html.page-integration-detail .tsh-mail button:hover{background:#F6C6CE}
html.page-integration-detail .tsh-legal{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;margin-top:26px;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.72)}
html.page-integration-detail .tsh-legal span{display:flex;align-items:center;gap:8px}
html.page-integration-detail .tsh-legal span::before{content:"";width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.6)}
html.page-integration-detail .tsh h1 .wd{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.16em;margin-bottom:-.16em}
html.page-integration-detail .tsh h1 .wd i{display:inline-block;font-style:normal;transition:transform .95s cubic-bezier(.19,1,.22,1),opacity .7s var(--ease)}
html.page-integration-detail .tsh.armed h1 .wd i{transform:translateY(105%);opacity:0}
html.page-integration-detail .tsh.armed.lit h1 .wd i{transform:none;opacity:1}
html.page-integration-detail .tsh-eyebrow,html.page-integration-detail .tsh-sub{transition:opacity .8s var(--ease),transform .8s var(--ease)}
html.page-integration-detail .tsh.armed .tsh-eyebrow,html.page-integration-detail .tsh.armed .tsh-sub{opacity:0;transform:translateY(16px)}
html.page-integration-detail .tsh.armed.lit .tsh-eyebrow{opacity:1;transform:none;transition-delay:.05s}
html.page-integration-detail .tsh.armed.lit .tsh-sub{opacity:1;transform:none;transition-delay:.5s}
html.page-integration-detail .tsh{--mx:50%;--my:22%}
html.page-integration-detail .tsh::after{content:"";position:absolute;left:var(--mx);top:var(--my);width:640px;height:640px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 66%);opacity:0;transition:opacity .45s var(--ease)}
html.page-integration-detail .tsh:hover::after{opacity:1}
html.page-integration-detail .tsh-in,html.page-integration-detail .tsm{position:relative;z-index:2}
html.page-integration-detail .iv-hcta .btn{border-radius:100px}

/* clients: homepage trust bar, ported verbatim */
html.page-integration-detail .trustbar{background:var(--paper);padding-block:70px}
html.page-integration-detail .trustbar-in{display:grid;grid-template-columns:minmax(180px,0.66fr) 1.7fr;gap:clamp(20px,3.2vw,48px);align-items:center}
html.page-integration-detail .trustbar-label{font-size:clamp(18px,1.95vw,24px);font-weight:600;letter-spacing:-0.01em;color:var(--ink);line-height:1.3;display:block;max-width:22ch}
html.page-integration-detail .tb-marquee{position:relative;overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
html.page-integration-detail .tb-track{display:flex;align-items:center;width:max-content;gap:clamp(34px,3.8vw,60px);animation:tbScroll 36s linear infinite}
html.page-integration-detail .tb-marquee:hover .tb-track{animation-play-state:paused}
html.page-integration-detail[data-motion="off"] .tb-track{animation:none}
html.page-integration-detail .tb-logo{display:inline-flex;align-items:center;justify-content:center;flex:none;transition:filter .25s var(--ease),opacity .25s var(--ease)}
html.page-integration-detail .tb-logo img{display:block;width:auto;object-fit:contain;transition:opacity .25s var(--ease),transform .25s var(--ease)}
html.page-integration-detail .tb-logo.tb-wm img{height:clamp(20px,1.98vw,26px);max-width:165px}
html.page-integration-detail .tb-logo.tb-sq img{height:clamp(31px,3.08vw,42px);max-width:77px}
html.page-integration-detail .tb-logo:hover img{transform:scale(1.06)}

/* hero: two-column — copy left, video right */
html.page-integration-detail .iv-hero2{padding-block:clamp(140px,13vw,172px) clamp(70px,8vw,104px);min-height:0}
html.page-integration-detail .iv-hsplit{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(28px,4vw,60px);align-items:center;text-align:left;
  max-width:calc(1150px + clamp(14px,3vw,28px)*2);
  padding-inline:calc(clamp(14px,3vw,28px) + 25px) calc(clamp(14px,3vw,28px) + 9px)}
html.page-integration-detail .iv-hsplit .tsh-eyebrow,html.page-integration-detail .iv-hsplit h1,html.page-integration-detail .iv-hsplit .tsh-sub{margin-inline:0}
html.page-integration-detail .iv-hsplit .tsh-sub{max-width:44ch}
html.page-integration-detail .iv-hcta{margin-top:30px}
html.page-integration-detail .iv-vid{display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.5);box-shadow:0 50px 110px -56px rgba(30,4,10,.62)}

/* use cases: overview row, then left-aligned head with count on the right */
html.page-integration-detail .iv-ovw{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3.4vw,56px);align-items:center;margin-bottom:70px}
html.page-integration-detail .iv-ovcopy .k{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--wine)}
html.page-integration-detail .iv-ovcopy h2{margin:14px 0 0;font-size:clamp(26px,3.2vw,42px);line-height:1.08;letter-spacing:-.034em;font-weight:700;text-wrap:balance}
html.page-integration-detail .iv-ovcopy p{margin:18px 0 0;font-size:clamp(15px,1.35vw,18px);line-height:1.66;color:var(--ink-2);text-wrap:pretty}
html.page-integration-detail .iv-ovimg{display:grid;place-items:center;aspect-ratio:16/10;border-radius:20px;background:#fff;border:1px dashed var(--wine-line)}
html.page-integration-detail .iv-uchead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px}
html.page-integration-detail .iv-uchead h2{margin:0;font-size:clamp(26px,3.2vw,42px);line-height:1.08;letter-spacing:-.034em;font-weight:700}

/* tab icons */
html.page-integration-detail .iv-tic{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--paper-3);border:1px solid var(--line);transition:.35s var(--ease)}
html.page-integration-detail .iv-tic svg{width:19px;height:19px;color:var(--ink-3);transition:color .35s var(--ease)}
html.page-integration-detail .iv-tab.on .iv-tic svg{color:var(--wine)}
html.page-integration-detail .iv-tab:hover .iv-tic svg{color:var(--wine)}

/* clients: match the homepage logo scale */
html.page-integration-detail .tb-logo.tb-img img{height:47px;width:auto;max-width:176px;object-fit:contain}

@media(max-width:820px){
  html.page-integration-detail .iv-hsplit,html.page-integration-detail .iv-ovw{grid-template-columns:1fr}
  html.page-integration-detail .iv-ovw{margin-bottom:48px}
}
@media(max-width:900px){
  html.page-integration-detail .tb-logo.tb-img img{height:38px;max-width:142px}
}

/* play button centred in the video frame, caption pinned below */
html.page-integration-detail .iv-vbody{gap:0;place-items:stretch}
html.page-integration-detail .iv-vplay{grid-area:1/1;place-self:center;z-index:2}
html.page-integration-detail .iv-vbody .iv-ph{grid-area:1/1;align-self:end;justify-self:center;padding-bottom:clamp(18px,2.4vw,30px)}
html.page-integration-detail .iv-vglow{grid-area:1/1;place-self:center}

/* case-study tabs: light wine hover */
html.page-integration-detail .iv-tab:hover{background:var(--wine-soft)}
html.page-integration-detail .iv-tab:hover .iv-tl{color:var(--wine)}
html.page-integration-detail .iv-tab:hover .iv-tic{background:#fff;border-color:var(--wine-line)}

/* ============================ ENTERPRISE NX ============================ */
html.page-contractverse .nx-what{padding-block:70px}
html.page-contractverse .nx-prob{padding-block:70px}
html.page-contractverse .nx-does{padding-block:70px}
html.page-contractverse .nx-pillars{padding-block:70px;background:#fff}
html.page-contractverse .nx-ba{padding-block:70px}
html.page-contractverse .nx-faq{padding-block:70px}
html.page-contractverse .nx-why4{grid-template-columns:repeat(4,1fr)}
html.page-contractverse .nx-ba-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,24px)}
html.page-contractverse .nx-bacard{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(24px,2.6vw,34px);transition:.35s var(--ease)}
html.page-contractverse .nx-bacard:hover{transform:translateY(-4px);box-shadow:0 30px 62px -42px rgba(20,22,27,.4)}
html.page-contractverse .nx-bacard--after{background:linear-gradient(155deg,#A6333E,#7C1623 58%,#5E1020);border-color:transparent}
html.page-contractverse .nx-batag{display:inline-block;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--wine);background:var(--wine-soft);border:1px solid var(--wine-line);border-radius:100px;padding:6px 14px;margin-bottom:22px}
html.page-contractverse .nx-bacard--after .nx-batag{color:#fff;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3)}
html.page-contractverse .nx-bacard ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
html.page-contractverse .nx-bacard li{position:relative;padding:13px 0 13px 26px;border-bottom:1px dashed var(--line);font-size:15px;line-height:1.6;color:var(--ink-2);text-wrap:pretty}
html.page-contractverse .nx-bacard li:last-child{border-bottom:0}
html.page-contractverse .nx-bacard li::before{content:"";position:absolute;left:2px;top:21px;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--line)}
html.page-contractverse .nx-bacard--after li{border-bottom-color:rgba(255,255,255,.22);color:rgba(255,255,255,.88)}
html.page-contractverse .nx-bacard--after li::before{background:#fff;border-color:#fff}
@media(max-width:1080px){html.page-contractverse .nx-why4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){html.page-contractverse .nx-ba-grid,html.page-contractverse .nx-why4{grid-template-columns:1fr}}

html.page-contractverse .nx-tbd{display:inline-block;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--wine);background:var(--wine-soft);border:1px dashed var(--wine-line);border-radius:100px;padding:7px 14px}
html.page-contractverse .nx-bacard .nx-tbd{margin-top:4px}
html.page-contractverse .nx-why26-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(26px,3vw,40px);text-align:center}
html.page-contractverse .nx-scen-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.8vw,22px)}
html.page-contractverse .nx-sc{background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(20px,2.2vw,28px);transition:.35s var(--ease)}
html.page-contractverse .nx-sc:hover{transform:translateY(-4px);border-color:var(--wine-line);box-shadow:0 30px 62px -42px rgba(110,18,28,.42)}
html.page-contractverse .nx-scn{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-family:var(--font-mono);font-size:13px;color:var(--wine);background:var(--wine-soft);border:1px solid var(--wine-line);margin-bottom:16px}
html.page-contractverse .nx-sc h4{margin:0 0 12px;font-size:17px;font-weight:700;letter-spacing:-.024em}
@media(max-width:900px){html.page-contractverse .nx-scen-rail{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){html.page-contractverse .nx-scen-rail{grid-template-columns:1fr}}

html.page-contractverse .tsh-cta .btn{border-radius:100px}

/* ============ Industry page: one section format ============ */
/* every section head is left-aligned eyebrow + h2 with 40px beneath */
html.page-integration-detail .iv-context .ts-head,
html.page-integration-detail .iv-sol-sec .ts-head,
html.page-integration-detail .iv-ben-sec .ts-head{text-align:left;max-width:820px;margin:0 0 40px}
html.page-integration-detail .iv-context .ts-head h2,
html.page-integration-detail .iv-sol-sec .ts-head h2,
html.page-integration-detail .iv-ben-sec .ts-head h2{margin-inline:0;font-size:clamp(26px,3.2vw,42px);line-height:1.08;letter-spacing:-.034em}

/* context: two-column reading measure, left-aligned */
html.page-integration-detail .iv-cx{display:block}
html.page-integration-detail .iv-cxbody{max-width:none;margin:0;text-align:left;columns:2;column-gap:clamp(32px,4vw,72px)}
html.page-integration-detail .iv-cxbody p{margin:0 0 18px;break-inside:avoid}
html.page-integration-detail .iv-cxbody p:last-child{margin-bottom:0}
@media(max-width:820px){html.page-integration-detail .iv-cxbody{columns:1}}

/* use cases: overview row IS the section head, count sits above the tabs */
html.page-integration-detail .iv-ovw{margin-bottom:40px}
html.page-integration-detail .iv-uclbl{display:flex;justify-content:flex-end;margin-bottom:12px}

/* alternation: white / cream / white / cream / white */
html.page-integration-detail .iv-context{background:#fff}
html.page-integration-detail .iv-uc-sec{background:#F3F1EE}
html.page-integration-detail .iv-sol-sec{background:#fff}
html.page-integration-detail .iv-ben-sec{background:#F3F1EE}
html.page-integration-detail .trustbar{background:#fff;border-top:1px solid var(--line)}


/* solutions: 3 cards stay 3-up, then 1-up — never 2-up with an orphan */
html.page-integration-detail .iv-sols{grid-template-columns:repeat(3,1fr)}
@media(max-width:700px){html.page-integration-detail .iv-sols{grid-template-columns:1fr}}

/* card anatomy: number top-left, icon top-right (Benefits pattern) everywhere */
html.page-integration-detail .iv-sn{position:static;display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;color:var(--wine);margin-bottom:clamp(26px,3vw,40px)}
html.page-integration-detail .iv-si{position:absolute;right:clamp(16px,1.8vw,24px);top:clamp(18px,2vw,26px);width:auto;height:auto;margin:0;border:0;background:none;border-radius:0}
html.page-integration-detail .iv-si svg{width:clamp(38px,3.8vw,48px);height:auto;color:var(--wine);opacity:.42;transition:opacity .4s var(--ease),transform .6s cubic-bezier(.33,1,.68,1)}
html.page-integration-detail .iv-sc:hover .iv-si{background:none}
html.page-integration-detail .iv-sc:hover .iv-si svg{opacity:1;transform:scale(1.08)}
html.page-integration-detail .iv-sc h3{padding-right:clamp(50px,5.6vw,68px)}

html.page-contractverse .nx-bap{margin:10px 0 0;font-size:15px;line-height:1.6;color:var(--ink-2);text-wrap:pretty}
html.page-contractverse .nx-bacard--after .nx-bap{color:rgba(255,255,255,.86)}
html.page-contractverse .nx-why26-card p{margin:0;font-size:clamp(15px,1.35vw,18px);line-height:1.66;color:var(--ink-2);text-wrap:pretty;max-width:78ch;margin-inline:auto}

html.page-contractverse .nx-sc p{margin:0;font-size:13.5px;line-height:1.58;color:var(--ink-2);text-wrap:pretty}
html.page-contractverse .archx-lede{font-size:clamp(15px,1.35vw,18px)}

@media(max-width:1080px){
  html.page-contractverse .nx-scen-rail{grid-template-columns:repeat(2,1fr)}
  html.page-contractverse .caplist--4{grid-template-columns:1fr}
}

@media(max-width:1080px){
  html.page-contractverse .archx-top{grid-template-columns:1fr;gap:32px}
}

/* ---- what is NX: two qualifiers per row so the copy has measure ---- */
html.page-contractverse .caplist--4{grid-template-columns:repeat(2,1fr)}

/* ---- why now: three shifts ---- */
html.page-contractverse .nx-shifts{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}
html.page-contractverse .nx-shift{padding:clamp(24px,2.6vw,34px) clamp(20px,2.2vw,30px) clamp(24px,2.6vw,34px) 0;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}
html.page-contractverse .nx-shift:last-child{border-right:0}
html.page-contractverse .nx-shift:not(:first-child){padding-left:clamp(20px,2.2vw,30px)}
html.page-contractverse .nx-shn{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;color:var(--wine);margin-bottom:clamp(20px,2.4vw,30px)}
html.page-contractverse .nx-shift h4{margin:0;font-size:clamp(19px,2vw,24px);font-weight:700;letter-spacing:-.028em}
html.page-contractverse .nx-shift p{margin:10px 0 0;font-size:15px;line-height:1.6;color:var(--ink-2);text-wrap:pretty}
html.page-contractverse .nx-whyline{margin:clamp(28px,3vw,42px) 0 0;max-width:62ch;font-size:clamp(18px,2vw,24px);line-height:1.42;letter-spacing:-.024em;font-weight:500;color:var(--ink);text-wrap:pretty}
@media(max-width:820px){html.page-contractverse .nx-shifts{grid-template-columns:1fr}html.page-contractverse .nx-shift,html.page-contractverse .nx-shift:not(:first-child){border-right:0;padding-left:0}}

/* ---- before / after: row comparison ---- */
html.page-contractverse .nx-cmp{border-top:1px solid var(--line)}
html.page-contractverse .nx-cmp-hd,html.page-contractverse .nx-cmp-r{display:grid;grid-template-columns:minmax(120px,.7fr) 1fr 1fr;gap:clamp(14px,2vw,32px);align-items:start;
  padding:clamp(15px,1.7vw,22px) 0;border-bottom:1px solid var(--line)}
html.page-contractverse .nx-cmp-hd{padding-block:12px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase}
html.page-contractverse .nx-cmp-hd .nx-cmp-b{color:var(--ink-3)}
html.page-contractverse .nx-cmp-hd .nx-cmp-a{color:var(--wine)}
html.page-contractverse .nx-cmp-k{font-size:13.5px;font-weight:700;letter-spacing:-.016em;color:var(--ink)}
html.page-contractverse .nx-cmp-r .nx-cmp-b,html.page-contractverse .nx-cmp-r .nx-cmp-a{display:flex;gap:10px;font-size:15px;line-height:1.55;text-wrap:pretty}
html.page-contractverse .nx-cmp-r .nx-cmp-b{color:var(--ink-3)}
html.page-contractverse .nx-cmp-r .nx-cmp-a{color:var(--ink)}
html.page-contractverse .nx-cmp-r i{flex:none;width:15px;height:15px;margin-top:4px;border-radius:50%;position:relative}
html.page-contractverse .nx-cmp-r .nx-cmp-b i{border:1px solid var(--line)}
html.page-contractverse .nx-cmp-r .nx-cmp-b i::before,html.page-contractverse .nx-cmp-r .nx-cmp-b i::after{content:"";position:absolute;left:3px;right:3px;top:50%;height:1px;background:var(--ink-3);transform:rotate(45deg)}
html.page-contractverse .nx-cmp-r .nx-cmp-b i::after{transform:rotate(-45deg)}
html.page-contractverse .nx-cmp-r .nx-cmp-a i{background:var(--wine)}
html.page-contractverse .nx-cmp-r .nx-cmp-a i::before{content:"";position:absolute;left:4px;top:7px;width:3px;height:3px;border-left:1.4px solid #fff;border-bottom:1.4px solid #fff;transform:rotate(-45deg)}
html.page-contractverse .nx-cmp-r:hover{background:var(--wine-soft)}
@media(max-width:760px){
  html.page-contractverse .nx-cmp-hd{display:none}
  html.page-contractverse .nx-cmp-r{grid-template-columns:1fr;gap:8px}
}

/* ---- rollout: About "we stand for" tiles on cream ---- */
html.page-contractverse .nx-scen{background:#F3F1EE}
html.page-contractverse .nx-rollout{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.7vw,20px)}
html.page-contractverse .nx-ro{position:relative;overflow:hidden;isolation:isolate;background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(24px,2.4vw,34px);transition:.35s var(--ease)}
html.page-contractverse .nx-ro:hover{border-color:var(--wine-line);transform:translateY(-4px);box-shadow:0 30px 62px -42px rgba(110,18,28,.42)}
html.page-contractverse .nx-ro::after{content:"";position:absolute;inset:auto 0 0 0;height:100%;z-index:-1;background:linear-gradient(to top,var(--wine-soft),transparent 70%);transform:translateY(100%);transition:transform .5s var(--ease)}
html.page-contractverse .nx-ro:hover::after{transform:none}
html.page-contractverse .nx-rowm{position:absolute;right:clamp(16px,1.8vw,24px);top:clamp(18px,2vw,26px);z-index:0;transition:transform .6s cubic-bezier(.33,1,.68,1)}
html.page-contractverse .nx-rowm svg{width:clamp(38px,3.8vw,48px);height:auto;fill:none;stroke:var(--wine);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.42;transition:opacity .4s var(--ease)}
html.page-contractverse .nx-ro:hover .nx-rowm{transform:scale(1.08)}
html.page-contractverse .nx-ro:hover .nx-rowm svg{opacity:1}
html.page-contractverse .nx-rono{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;color:var(--wine);margin-bottom:clamp(26px,3vw,40px)}
html.page-contractverse .nx-ro h4{margin:0;font-size:clamp(17px,1.7vw,20px);line-height:1.22;font-weight:700;letter-spacing:-.024em;padding-right:clamp(50px,5.6vw,68px)}
html.page-contractverse .nx-ro p{margin:11px 0 0;font-size:13.5px;line-height:1.58;color:var(--ink-2);text-wrap:pretty}
@media(max-width:1080px){html.page-contractverse .nx-rollout{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){html.page-contractverse .nx-rollout{grid-template-columns:1fr}}

/* ---- four pillars: 2 x 2 ---- */
html.page-contractverse .cv-why{grid-template-columns:repeat(2,1fr)}
@media(max-width:620px){html.page-contractverse .cv-why{grid-template-columns:1fr}}

html.page-contractverse .nx-who{padding-block:70px}
@media(max-width:1080px){html.page-contractverse .nx-shifts{grid-template-columns:1fr}html.page-contractverse .nx-shift,html.page-contractverse .nx-shift:not(:first-child){border-right:0;padding-left:0}}

/* ---- NX problem section: normal rhythm, white band (the 140px pair is Contract Verse only) ---- */
html.page-contractverse .nx-prob{padding-top:70px;background:#fff}
html.page-contractverse .nx-prob .sigt-sticky{padding-bottom:0}

/* ---- NX band alternation ---- */
html.page-contractverse .nx-what{background:#fff}
html.page-contractverse .nx-why26{background:#F3F1EE}
html.page-contractverse .nx-does{background:#fff}
html.page-contractverse .nx-pillars{background:#F3F1EE}
html.page-contractverse .nx-ba{background:#fff}

/* ---- why now: closing line small, wine, one line ---- */
html.page-contractverse .nx-whyline{margin:clamp(26px,2.8vw,38px) 0 0;max-width:none;font-size:clamp(14px,1.4vw,17px);line-height:1.4;
  font-weight:600;letter-spacing:-.012em;color:var(--wine);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:700px){html.page-contractverse .nx-whyline{white-space:normal}}

/* ---- before / after: paired transition rows ---- */
html.page-contractverse .nx-tr{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:clamp(12px,2vw,28px);row-gap:10px}
html.page-contractverse .nx-tr-col{padding-bottom:6px}
html.page-contractverse .nx-tr-tag{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase}
html.page-contractverse .nx-tr-col--b .nx-tr-tag{color:var(--ink-3)}
html.page-contractverse .nx-tr-col--a .nx-tr-tag{color:var(--wine)}
html.page-contractverse .nx-tr-gut{width:clamp(34px,4vw,54px)}
html.page-contractverse .nx-tr-b,html.page-contractverse .nx-tr-a{font-size:15px;line-height:1.5;padding:clamp(14px,1.5vw,18px) clamp(16px,1.8vw,22px);border-radius:14px;text-wrap:pretty}
html.page-contractverse .nx-tr-b{background:var(--paper-2);border:1px dashed var(--line);color:var(--ink-2)}
html.page-contractverse .nx-tr-a{background:#fff;border:1px solid var(--wine-line);color:var(--ink);font-weight:500;box-shadow:0 18px 40px -30px rgba(110,18,28,.4)}
html.page-contractverse .nx-tr-arr{display:grid;place-items:center;width:clamp(34px,4vw,54px);height:34px}
html.page-contractverse .nx-tr-arr svg{width:22px;height:22px;fill:none;stroke:var(--wine);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.5;transition:opacity .3s var(--ease),transform .3s var(--ease)}
html.page-contractverse .nx-tr-b:hover,html.page-contractverse .nx-tr-a:hover{transform:translateY(-2px)}
html.page-contractverse .nx-tr-b,html.page-contractverse .nx-tr-a{transition:transform .3s var(--ease)}
html.page-contractverse .nx-tr-b:hover + .nx-tr-arr svg,html.page-contractverse .nx-tr-arr:hover svg{opacity:1;transform:translateX(3px)}
@media(max-width:760px){
  html.page-contractverse .nx-tr{grid-template-columns:1fr;row-gap:8px}
  html.page-contractverse .nx-tr-gut,html.page-contractverse .nx-tr-col--a,html.page-contractverse .nx-tr-arr{display:none}
  html.page-contractverse .nx-tr-a{margin-bottom:12px}
}

.trustbar:where(:root.page-contact,:root.page-contact *){background:var(--paper);padding-block:70px}

/* marquee logos: same sizing as the homepage (tb-img) */
html.page-contact .tb-logo.tb-img img{height:47px;width:auto;max-width:176px;object-fit:contain}
@media(max-width:900px){html.page-contact .tb-logo.tb-img img{height:38px;max-width:142px}}

/* Contact only: marquee sits on the same 1120px grid as the contact form */
html.page-contact .ct-tbgrid .trustbar-in{max-width:min(1120px,calc(100vw - 2*var(--gut)));padding-inline:0;margin-inline:auto}



/* footer: certifications in the bottom row, legal bar under the wordmark */
.foot-certs{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(8px,1.6vw,22px)}
.foot-certs img{height:38px;width:auto;max-width:80px;object-fit:contain;display:block}
.foot-legalbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:clamp(20px,2.4vw,32px);padding-top:18px;border-top:1px solid var(--line)}
.foot-legalbar .copy{font-size:12.5px;color:var(--ink-3)}
html .foot-legalbar .foot-legal{display:flex;gap:22px;flex-wrap:wrap;margin:0 0 0 auto}
.foot-legalbar .foot-legal a{font-size:13px;color:var(--ink-2)}
.foot-legalbar .foot-legal a:hover{color:var(--wine)}

/* footer cert title */
.foot-certs-k{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;margin-right:4px}

/* ---- product tabs (replaces scroll-pinned sections; Industry tab pattern) ---- */
html .pt-sec{padding-block:70px}
html .pt-tabs{position:relative;display:flex;gap:4px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:8px;overflow-x:auto;scrollbar-width:none}
html .pt-tabs::-webkit-scrollbar{display:none}
html .pt-tab{flex:1 0 auto;min-width:150px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 14px 18px;border:0;background:none;cursor:pointer;border-radius:12px;font:inherit;transition:background .3s var(--ease)}
html .pt-tab:hover{background:var(--wine-soft)}
html .pt-n{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--paper-3);border:1px solid var(--line);font-family:var(--font-mono);font-size:11.5px;color:var(--ink-3);transition:.35s var(--ease)}
html .pt-l{font-family:var(--font-mono);font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;transition:color .3s var(--ease)}
html .pt-tab:hover .pt-l{color:var(--wine)}
html .pt-tab:hover .pt-n{background:#fff;border-color:var(--wine-line)}
html .pt-tab.on .pt-n{background:var(--wine-soft);border-color:var(--wine);color:var(--wine);box-shadow:0 8px 18px -10px var(--wine)}
html .pt-tab.on .pt-l{color:var(--wine);font-weight:600}
html .pt-ind{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--wine);border-radius:2px;transition:transform .5s cubic-bezier(.33,1,.68,1),width .5s cubic-bezier(.33,1,.68,1)}
html .pt-panes{position:relative;margin-top:clamp(26px,3vw,40px)}
html .pt-pane{display:none;animation:ptIn .5s var(--ease)}
html .pt-pane.on{display:block}
html .pt-pane--split.on{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,3.4vw,56px);align-items:center}
html .pt-pane h3{margin:0;font-size:clamp(22px,2.4vw,30px);font-weight:700;letter-spacing:-.03em;line-height:1.15}
html .pt-pane .lead{margin:14px 0 0;font-size:15px;line-height:1.65;color:var(--ink-2)}
html .pt-pane .sigt-uses{margin-top:22px}
html .pt-pane .sigt-ph{margin:0;min-height:clamp(260px,28vw,340px)}
@keyframes ptIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:900px){html .pt-pane--split.on{grid-template-columns:1fr}html .pt-tab{min-width:130px}}

/* ---- NX before/after: drag-to-compare wipe ---- */
html .nx-cmp{position:relative;border-radius:24px;overflow:hidden;min-height:clamp(420px,40vw,480px);border:1px solid var(--line);user-select:none;touch-action:pan-y}
html .nx-cmp-layer{position:absolute;inset:0;padding:clamp(28px,3.2vw,46px) clamp(26px,4vw,64px);display:flex;flex-direction:column}
html .nx-cmp-before{background:#F3F1EE;background-image:radial-gradient(rgba(20,16,22,.07) 1px,transparent 1px);background-size:18px 18px}
html .nx-cmp-after{background:linear-gradient(135deg,#A6333E 0%,#7C1623 58%,#5E1020 100%);clip-path:inset(0 0 0 var(--x));color:#fff}
html .nx-cmp-after::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:18px 18px;pointer-events:none}
html .nx-cmp-tag{align-self:flex-start;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:7px 14px;border-radius:100px;border:1px dashed rgba(20,16,22,.25);color:var(--ink-3)}
html .nx-cmp-after .nx-cmp-tag{align-self:flex-end;border:1px solid rgba(255,255,255,.4);color:#fff;background:rgba(255,255,255,.1)}
html .nx-cmp-list{list-style:none;margin:clamp(18px,2.4vw,30px) 0 0;padding:0;display:flex;flex-direction:column;gap:12px;position:relative}
html .nx-cmp-it{display:flex;align-items:center;gap:14px;font-size:15.5px;line-height:1.35}
html .nx-cmp-before .nx-cmp-it{align-self:flex-start;margin-left:var(--o);transform:rotate(var(--r));background:#fff;border:1px dashed rgba(20,16,22,.18);border-radius:12px;padding:11px 16px 11px 12px;color:var(--ink-2);box-shadow:0 10px 22px -18px rgba(20,16,22,.5)}
html .nx-cmp-before .nx-cmp-it span:last-child{text-decoration:line-through;text-decoration-color:rgba(155,27,46,.45)}
html .nx-cmp-after .nx-cmp-it{align-self:stretch;width:100%;justify-content:flex-start;padding:12px 16px 12px 12px;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);font-weight:600}
html .nx-cmp-ic{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;flex:none}
html .nx-cmp-ic svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html .nx-cmp-before .nx-cmp-ic{background:var(--paper-3);color:var(--ink-3)}
html .nx-cmp-after .nx-cmp-ic{background:#fff;color:var(--wine)}
html .nx-cmp-n{margin-left:auto;font-style:normal;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;color:rgba(255,255,255,.6);font-weight:400}
html .nx-cmp-handle{position:absolute;top:0;bottom:0;left:var(--x);width:2px;background:#fff;transform:translateX(-1px);box-shadow:0 0 0 1px rgba(155,27,46,.25);pointer-events:none;z-index:3}
html .nx-cmp-knob{position:absolute;top:50%;left:50%;width:48px;height:48px;border-radius:50%;transform:translate(-50%,-50%);background:#fff;display:grid;place-items:center;box-shadow:0 14px 30px -12px rgba(110,18,28,.6);border:1px solid var(--wine-line)}
html .nx-cmp-knob svg{width:20px;height:20px;fill:none;stroke:var(--wine);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html .nx-cmp-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:4;margin:0}
html .nx-cmp-hint{margin:14px 0 0;text-align:center;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
html .nx-cmp-after .nx-cmp-list{margin-left:auto;width:calc(50% - 24px)}
html .nx-cmp-before .nx-cmp-list{width:calc(50% - 24px)}
/* shared-width tabs so long problem titles never overflow the row */
html .pt-tab{flex:1 1 0;min-width:0}
html .pt-l{white-space:normal;text-align:center;line-height:1.35;max-width:24ch}
@media(max-width:760px){html .nx-cmp{min-height:560px}html .nx-cmp-before .nx-cmp-it{margin-left:0}html .nx-cmp-before .nx-cmp-list,html .nx-cmp-after .nx-cmp-list{width:calc(50% - 12px)}html .nx-cmp-it{font-size:13.5px}html .pt-tab{flex:0 0 auto;min-width:150px}}

/* compare panel sizes to the taller layer (both layers share one grid cell) */
html .nx-cmp{display:grid;min-height:0}
html .nx-cmp-layer{position:relative;inset:auto;grid-area:1/1}
@media(max-width:760px){html .nx-cmp{min-height:0}}

/* tabs: short labels, one line */
html .pt-l{white-space:nowrap;max-width:none}
html .pt-pane .sigt-ph{display:grid;place-items:center;min-height:clamp(280px,30vw,360px);border:1px dashed var(--wine-line);border-radius:20px;background:var(--paper-2);position:relative;overflow:hidden}
html .pt-pane .sigt-ph span{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--wine);text-align:center;padding:0 24px}
/* NX compare: static seam with the Truecopy mark */
html .nx-cmp{user-select:auto}
html .nx-cmp-logo{width:64px;height:64px;padding:12px;border:1px solid var(--wine-line)}
html .nx-cmp-logo img{width:100%;height:100%;object-fit:contain;display:block}

/* Industry: homepage trust bar */
.trustbar:where(:root.page-integration-detail,:root.page-integration-detail *){background:var(--paper);padding-block:70px}
.trustbar-in:where(:root.page-integration-detail,:root.page-integration-detail *){display:grid;grid-template-columns:minmax(180px,0.66fr) 1.7fr;gap:clamp(20px,3.2vw,48px);align-items:center}
.trustbar-label:where(:root.page-integration-detail,:root.page-integration-detail *){font-size:clamp(18px,1.95vw,24px);font-weight:600;letter-spacing:-0.01em;color:var(--ink);line-height:1.3;display:block;max-width:22ch}
.tb-marquee:where(:root.page-integration-detail,:root.page-integration-detail *){position:relative;overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.tb-track:where(:root.page-integration-detail,:root.page-integration-detail *){display:flex;align-items:center;width:max-content;gap:clamp(34px,3.8vw,60px);animation:tbScroll 36s linear infinite}
.tb-marquee:hover .tb-track:where(:root.page-integration-detail,:root.page-integration-detail *){animation-play-state:paused}
html[data-motion="off"] .tb-track:where(:root.page-integration-detail,:root.page-integration-detail *){animation:none}
.tb-logo:where(:root.page-integration-detail,:root.page-integration-detail *){display:inline-flex;align-items:center;justify-content:center;flex:none;transition:filter .25s var(--ease),opacity .25s var(--ease)}
.tb-logo img:where(:root.page-integration-detail,:root.page-integration-detail *){display:block;width:auto;object-fit:contain;transition:opacity .25s var(--ease),transform .25s var(--ease)}
.tb-logo.tb-wm img:where(:root.page-integration-detail,:root.page-integration-detail *){height:clamp(20px,1.98vw,26px);max-width:165px}
.tb-logo.tb-sq img:where(:root.page-integration-detail,:root.page-integration-detail *){height:clamp(31px,3.08vw,42px);max-width:77px}
.tb-logo:hover img:where(:root.page-integration-detail,:root.page-integration-detail *){transform:scale(1.06)}
html.page-integration-detail .tb-logo.tb-img img{height:47px;width:auto;max-width:176px;object-fit:contain}
@media(max-width:900px){html.page-integration-detail .tb-logo.tb-img img{height:38px;max-width:142px}}

/* NX before/after: 980 container, balanced padding, mark dead-centre */
html .nx-ba .nx-cmp{max-width:980px;margin-inline:auto}
html .nx-ba .ts-head{max-width:980px;margin-inline:auto}
html .nx-cmp-layer{padding:clamp(30px,3.4vw,48px) clamp(24px,3vw,44px)}
html .nx-cmp-before .nx-cmp-list{width:calc(50% - 56px)}
html .nx-cmp-after .nx-cmp-list{width:calc(50% - 56px);margin-left:auto}
html .nx-cmp-after .nx-cmp-it{padding:14px 18px 14px 14px}
html .nx-cmp-before .nx-cmp-tag{margin-bottom:6px}
html .nx-cmp-after .nx-cmp-tag{margin-bottom:6px}
html .nx-cmp-handle{left:50%}
html .nx-cmp-after{clip-path:inset(0 0 0 50%)}
html .nx-cmp-knob.nx-cmp-logo{top:50%;left:50%;transform:translate(-50%,-50%);margin:0}
@media(max-width:760px){html .nx-cmp-before .nx-cmp-list,html .nx-cmp-after .nx-cmp-list{width:calc(50% - 36px)}html .nx-cmp-logo{width:52px;height:52px;padding:10px}}

/* Contract Verse: homepage trust bar */
.trustbar:where(:root.page-contractverse,:root.page-contractverse *){background:var(--paper);padding-block:70px}
.trustbar-in:where(:root.page-contractverse,:root.page-contractverse *){display:grid;grid-template-columns:minmax(180px,0.66fr) 1.7fr;gap:clamp(20px,3.2vw,48px);align-items:center}
.trustbar-label:where(:root.page-contractverse,:root.page-contractverse *){font-size:clamp(18px,1.95vw,24px);font-weight:600;letter-spacing:-0.01em;color:var(--ink);line-height:1.3;display:block;max-width:22ch}
.tb-marquee:where(:root.page-contractverse,:root.page-contractverse *){position:relative;overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.tb-track:where(:root.page-contractverse,:root.page-contractverse *){display:flex;align-items:center;width:max-content;gap:clamp(34px,3.8vw,60px);animation:tbScroll 36s linear infinite}
.tb-marquee:hover .tb-track:where(:root.page-contractverse,:root.page-contractverse *){animation-play-state:paused}
html[data-motion="off"] .tb-track:where(:root.page-contractverse,:root.page-contractverse *){animation:none}
.tb-logo:where(:root.page-contractverse,:root.page-contractverse *){display:inline-flex;align-items:center;justify-content:center;flex:none;transition:filter .25s var(--ease),opacity .25s var(--ease)}
.tb-logo img:where(:root.page-contractverse,:root.page-contractverse *){display:block;width:auto;object-fit:contain;transition:opacity .25s var(--ease),transform .25s var(--ease)}
.tb-logo.tb-wm img:where(:root.page-contractverse,:root.page-contractverse *){height:clamp(20px,1.98vw,26px);max-width:165px}
.tb-logo.tb-sq img:where(:root.page-contractverse,:root.page-contractverse *){height:clamp(31px,3.08vw,42px);max-width:77px}
.tb-logo:hover img:where(:root.page-contractverse,:root.page-contractverse *){transform:scale(1.06)}
html.page-contractverse .tb-logo.tb-img img{height:47px;width:auto;max-width:176px;object-fit:contain}
@media(max-width:900px){html.page-contractverse .tb-logo.tb-img img{height:38px;max-width:142px}}

/* Contract Verse marquee: drop text-era dimming and per-page height so it matches the homepage */
html.page-contractverse .trustbar .tb-logo{opacity:1;font-size:inherit;font-weight:inherit;color:inherit}
html.page-contractverse .trustbar .tb-logo.tb-img img{height:clamp(40px,4.2vw,54px);max-width:none}

/* Partner: no top padding on these three */
html.page-contact .pn-tb,html.page-contact .pn-steps-sec,html.page-contact .pn-stats{padding-top:0!important}

/* section top padding removals */
html.page-about .cr-ben-sec{padding-top:0!important}
html.page-about .ab-hist-sec{padding-top:0!important}
html.page-contact .ct-tbgrid{padding-top:0!important}
/* small section titles in brand red */
html.page-about .ab-certs .kicker,html.page-contact .ct-video .kicker,html.page-contact .ct-certs .kicker{color:var(--wine)!important;background:none!important;border:0!important;padding:0!important;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
html.page-about .ab-certs .kicker::before,html.page-contact .ct-video .kicker::before,html.page-contact .ct-certs .kicker::before{display:none!important}

/* Integration Detail: Overview eyebrow in red, text-logo trust bar */
html.page-integration-detail .id-intro .kicker{color:var(--wine)!important;background:none!important;border:0!important;padding:0!important;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
html.page-integration-detail .id-intro .kicker::before{display:none!important}
html.page-integration-detail .id-tb{padding-top:0!important}
html.page-integration-detail .tb-logo.tb-word{font-weight:700;font-size:clamp(18px,1.8vw,23px);letter-spacing:-.02em;color:var(--ink-2);white-space:nowrap}
/* top padding removals */
html.page-contractverse .cv-nopt{padding-top:0!important}
html.page-integration-detail .ind-nopt{padding-top:0!important}
/* Contract Verse client logos a step larger */
html.page-contractverse .trustbar .tb-logo.tb-img img{height:clamp(52px,5.2vw,68px)}

html.page-integration-detail .id-tb .tb-logo.tb-word{opacity:1}

html.page-integration-detail .id-tb{border-top:0!important;border-bottom:0!important}
html.page-integration-detail .id-tb .trustbar-in{border-top:0!important}
html.page-integration-detail .id-testi-sec{padding-bottom:70px!important}

/* footer certification badges +50% */
.foot-certs img{height:57px;max-width:120px}
/* Contact: smaller badges, no inner box padding */
html.page-contact .cf-p{padding:0!important;min-height:clamp(90px,9vw,112px)}
html.page-contact .cf-lg{max-width:55%!important;max-height:44%!important}
/* NX before/after: no strike, no numbers */
html .nx-cmp-before .nx-cmp-it span:last-child{text-decoration:none}
html .nx-cmp-n{display:none}
/* product tabs: compact, icon glyphs */
html .pt-tabs{justify-content:center;gap:2px}
html .pt-tab{flex:0 0 auto;min-width:0;padding:14px clamp(16px,1.8vw,26px) 16px}
html .pt-n svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html .pt-n{color:var(--ink-3)}
html .pt-tab:hover .pt-n,html .pt-tab.on .pt-n{color:var(--wine)}
/* final CTA banners: one line, max two */
html .cta h2{max-width:26em!important;margin-inline:auto;text-wrap:balance}

/* footer certification badges +20% */
.foot-certs img{height:68px;max-width:144px}
/* Contact certification logos +25% */
html.page-contact .cf-lg{max-width:69%!important;max-height:55%!important}
/* product tabs: no pill container, underline only; icon and title side by side */
html .pt-tabs{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0;gap:clamp(18px,2.4vw,40px)}
html .pt-tab{flex-direction:row;align-items:center;gap:10px;padding:14px 2px 16px;border-radius:0;background:none!important}
html .pt-n{width:auto;height:auto;border:0!important;background:none!important;box-shadow:none!important;border-radius:0}
html .pt-n svg{width:20px;height:20px}
html .pt-ind{height:2px;bottom:-1px}

html.page-about .cta h2{font-size:clamp(26px,3.2vw,42px)!important;line-height:1.08;letter-spacing:-.034em}

/* Contact certifications: open logos, no boxes, 20% smaller */
html.page-contact .cf-p{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
html.page-contact .cf-lg{max-width:55%!important;max-height:44%!important}
/* product tab sections: centred head */
html .pt-sec .ts-head{max-width:820px;margin-inline:auto;text-align:center}
html .pt-sec .ts-head h2,html .pt-sec .ts-head p{margin-inline:auto}

html.page-contact .ct-certs .cf-p{min-height:0!important;padding:0!important}
html.page-contact .ct-certs .cf-lg{max-width:none!important;max-height:none!important;height:51px;width:auto}


/* Contact certifications: boxes back, logos at a normal size */
html.page-contact .ct-certs .cf-p{display:grid!important;place-items:center;min-height:clamp(120px,11vw,140px)!important;padding:18px!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:14px!important}
html.page-contact .ct-certs .cf-lg{height:auto!important;width:auto!important;max-width:78%!important;max-height:78px!important}


html.page-contact .ct-certs .cf-lg[alt^="SOC"]{max-width:92%!important;max-height:60px!important}

/* About certifications: same boxes and logo sizing as Contact */
html.page-about .ab-certs .cf-p{display:grid!important;place-items:center;min-height:clamp(120px,11vw,140px)!important;padding:18px!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:none!important}
html.page-about .ab-certs .cf-lg{height:auto!important;width:auto!important;max-width:78%!important;max-height:78px!important;object-fit:contain}
html.page-about .ab-certs .cf-lg[alt^="SOC"]{max-width:92%!important;max-height:60px!important}

/* blog tag listing */
html.page-blog .bt-sec{padding-block:70px}
html.page-blog .bt-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:40px}
html.page-blog .bt-back{font-size:14px;font-weight:600;color:var(--wine)}
html.page-blog .bt-back:hover{text-decoration:underline}
html.page-blog .bt-count{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
html.page-blog .bt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.8vw,24px)}
html.page-blog .bt-grid .rs-card{opacity:1;transform:none}
html.page-blog .bt-empty{font-size:15px;color:var(--ink-2)}
html.page-blog .ar-tgl a{color:var(--wine);text-decoration:none}
html.page-blog .ar-tgl a:hover{text-decoration:underline}
@media(max-width:1000px){html.page-blog .bt-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){html.page-blog .bt-grid{grid-template-columns:1fr}}
/* Contract Verse watch stats: spread across the row, labels on one or two lines */
html.page-contractverse .cvv-pts{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px)}
html.page-contractverse .cvv-pts span{max-width:none;font-size:11px}
/* Consent Keeper timeline: drop the rule references */
html.page-contractverse .ck-trule{display:none}

/* ---------- blog article: FAQ (after the content; same accordion pattern as the site's other FAQs) ---------- */
html.page-blog .ar-faq{margin-top:56px;padding-top:40px;border-top:1px solid var(--line);scroll-margin-top:130px}
html.page-blog .ar-faq h2{margin:0 0 18px}
html.page-blog .ar-faq-list{border-top:1px solid var(--line)}
html.page-blog .ar-faq details{border-bottom:1px solid var(--line);transition:background .3s var(--ease)}
html.page-blog .ar-faq details[open]{background:var(--paper-2)}
html.page-blog .ar-faq summary{list-style:none;cursor:pointer;position:relative;padding:20px 48px 20px 0;
  font-size:clamp(15.5px,1.3vw,17.5px);font-weight:600;line-height:1.4;letter-spacing:-.015em;color:var(--ink);
  transition:padding-left .3s var(--ease),color .2s}
html.page-blog .ar-faq summary::-webkit-details-marker{display:none}
html.page-blog .ar-faq summary::after{content:"";position:absolute;right:18px;top:50%;width:10px;height:10px;
  border-right:1.6px solid var(--ink-3);border-bottom:1.6px solid var(--ink-3);transform:translateY(-70%) rotate(45deg);transition:.25s var(--ease)}
html.page-blog .ar-faq details[open] summary{padding-left:16px}
/* hover indent only where hover is real; on touch a tapped question stays ":hover" and would stay indented after closing */
@media(hover:hover){ html.page-blog .ar-faq summary:hover{padding-left:16px} }
html.page-blog .ar-faq details[open] summary{color:var(--wine)}
html.page-blog .ar-faq details[open] summary::after{transform:translateY(-30%) rotate(225deg);border-color:var(--wine)}
html.page-blog .ar-faq summary:focus-visible{outline:2px solid var(--wine);outline-offset:2px}
html.page-blog .ar-faq-a{padding:0 48px 22px 16px;color:var(--ink-2);font-size:15.5px;line-height:1.7}
html.page-blog .ar-faq-a>*{margin:0}
html.page-blog .ar-faq-a>*+*{margin-top:10px}
html.page-blog .ar-faq-a a{color:var(--wine);text-decoration:underline;text-underline-offset:2px}
/* closing: drop the open styling straight away while the answer slides shut */
html.page-blog .ar-faq details.is-closing{background:transparent}
html.page-blog .ar-faq details.is-closing summary{padding-left:0;color:var(--ink)}
html.page-blog .ar-faq details.is-closing summary::after{transform:translateY(-70%) rotate(45deg);border-color:var(--ink-3)}
@media(max-width:600px){
  html.page-blog .ar-faq{margin-top:40px;padding-top:28px}
  html.page-blog .ar-faq summary{padding-right:40px}
  html.page-blog .ar-faq summary::after{right:12px}
  html.page-blog .ar-faq-a{padding-right:16px}
}

/* footer certifications: thin divider between the logos, matching the social/logo .foot-sep */
.foot-cert-sep{width:1px;height:38px;background:var(--line);flex:none}
@media(max-width:760px){.foot-cert-sep{height:26px}.foot-certs-k{flex-basis:100%}}

/* ==== Site search: header search bar + results page (copied from design style.css) ==== */
/* ---- site search (all pages) ---- */
.nav-in{position:relative}
.nav-sbtn{display:inline-grid;place-items:center;width:40px;height:40px;flex:none;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;transition:border-color .25s var(--ease),color .25s var(--ease),background .25s var(--ease)}
.nav-sbtn svg{width:17px;height:17px}
.nav-sbtn:hover{border-color:var(--wine);color:var(--wine)}
.nav-sform{position:absolute;z-index:899;display:flex;align-items:center;gap:10px;height:52px;padding:0 6px 0 20px;margin:0;box-sizing:border-box;
  background:#fff;border:1px solid var(--line);border-radius:100px;box-shadow:0 18px 40px -24px rgba(40,6,14,.45);
  opacity:0;transform:translateY(-14px);pointer-events:none;visibility:hidden;
  transition:opacity .3s var(--ease),transform .4s cubic-bezier(.33,1,.68,1),visibility 0s linear .4s}
.nav.is-searching .nav-sform{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .3s var(--ease),transform .4s cubic-bezier(.33,1,.68,1),visibility 0s}
.nav.is-searching .nav-sbtn{border-color:var(--wine);color:var(--wine)}
.nav-sgo{flex:none;height:40px;padding:0 20px;border:0;border-radius:100px;background:var(--wine);color:#fff;font:inherit;font-size:14px;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:background .25s var(--ease)}
.nav-sgo:hover{background:var(--wine-deep)}
.nav-sic{display:grid;place-items:center;color:var(--wine);flex:none}
.nav-sic svg{width:17px;height:17px}
.nav-sform input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;font:inherit;font-size:15px;color:var(--ink)}
.nav-sform input::placeholder{color:var(--ink-3)}
.nav-sform input::-webkit-search-cancel-button{display:none}
.nav-sx{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:50%;border:0;background:var(--paper-3);color:var(--ink-2);cursor:pointer;transition:background .25s var(--ease),color .25s var(--ease)}
.nav-sx svg{width:15px;height:15px}
.nav-sx:hover{background:var(--wine-soft);color:var(--wine)}

/* ---- search results page ---- */
html.page-blog .sr-sec{padding-block:70px}
html.page-blog .sr-form{display:flex;align-items:center;gap:10px;max-width:640px;margin:28px auto 0;padding:6px 6px 6px 20px;background:#fff;border-radius:100px;box-shadow:0 18px 40px -24px rgba(40,6,14,.6)}
html.page-blog .sr-form input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;font-size:15px;color:var(--ink)}
html.page-blog .sr-form button{border-radius:100px}
html.page-blog .sr-count{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:0 0 40px}
html.page-blog .sr-group{margin-bottom:56px}
html.page-blog .sr-group:last-child{margin-bottom:0}
html.page-blog .sr-gh{display:flex;align-items:baseline;gap:12px;margin:0 0 20px;padding-bottom:14px;border-bottom:1px solid var(--line)}
html.page-blog .sr-gh h2{margin:0;font-size:22px;font-weight:700;letter-spacing:-.024em}
html.page-blog .sr-gh span{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--wine)}
html.page-blog .sr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.8vw,24px)}
html.page-blog .sr-grid .rs-card{opacity:1;transform:none}
html.page-blog .sr-card{position:relative;display:flex;flex-direction:column;padding:22px 24px;background:#fff;border:1px solid var(--line);border-radius:18px;transition:border-color .3s var(--ease),box-shadow .3s var(--ease),transform .3s var(--ease)}
html.page-blog .sr-card:hover{border-color:var(--wine-line);box-shadow:0 30px 60px -42px rgba(20,22,27,.42);transform:translateY(-4px)}
html.page-blog .sr-card .sr-t{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--wine)}
html.page-blog .sr-card h3{margin:12px 0 0;font-size:18px;font-weight:700;letter-spacing:-.024em;color:var(--ink);padding-right:28px}
html.page-blog .sr-card p{margin:8px 0 0;font-size:15px;line-height:1.55;color:var(--ink-2)}
html.page-blog .sr-card .sr-arr{position:absolute;right:22px;top:22px;color:var(--ink-3);transition:transform .3s var(--ease),color .3s var(--ease)}
html.page-blog .sr-card:hover .sr-arr{color:var(--wine);transform:translateX(3px)}
html.page-blog .sr-card mark,html.page-blog .rs-card mark{background:var(--wine-soft);color:var(--wine);border-radius:3px;padding:0 2px}
html.page-blog .sr-empty{text-align:center;padding:40px 0;font-size:15px;color:var(--ink-2)}
html.page-blog .sr-empty b{display:block;font-size:22px;color:var(--ink);margin-bottom:8px}
@media(max-width:1000px){html.page-blog .sr-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){html.page-blog .sr-grid{grid-template-columns:1fr}}

@media(max-width:1000px){.nav-sbtn.is-mob{display:inline-grid;margin-left:auto;margin-right:8px;width:38px;height:38px}}
@media(max-width:1000px){.nav-sbtn.is-mob + .nav-burger{margin-left:0}}

/* search: transcripts redirect notice */
html.page-blog .sr-note{display:flex;gap:18px;align-items:flex-start;margin:0 0 48px;padding:24px 26px;border-radius:18px;background:var(--wine-soft);border:1px solid var(--wine-line)}
html.page-blog .sr-note-ic{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:50%;background:var(--wine);color:#fff}
html.page-blog .sr-note-ic svg{width:22px;height:22px}
html.page-blog .sr-note-tx b{display:block;font-size:18px;font-weight:700;letter-spacing:-.022em;color:var(--ink)}
html.page-blog .sr-note-tx p{margin:8px 0 0;font-size:15px;line-height:1.55;color:var(--ink-2)}
html.page-blog .sr-note-tx a{color:var(--wine);font-weight:600;text-decoration:underline;text-underline-offset:3px;word-break:break-all}
html.page-blog .sr-note-tx a:hover{color:var(--wine-deep)}
@media(max-width:620px){html.page-blog .sr-note{flex-direction:column;gap:14px;padding:20px}}

/* Solutions mega-menu: a product screenshot from Theme Settings replaces the whole placeholder panel (header is on every page) */
.nmp-shot{display:none}
.nmi-preview.has-shot .nmp-shot.is-on{display:block;width:100%;height:auto;border-radius:14px}
.nmi-preview.has-shot .nmp-cap,.nmi-preview.has-shot .nmp-frame{display:none}

/* Product "Watch" section: cover image + player swapped in on play (template-parts/sections/product-video.php) */
.cvv-stage .cvv-poster,.cvv-stage .cvv-player{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.cvv-stage .cvv-player{background:#000}
.cvv-stage .cvv-play{z-index:1}

/* TRUESigner ONE hero: video cover on its own (Hero → Video URL / Video Cover) — no window bar, border or background; click opens the pop-up */
.tsm.tsm--video{border:0;background:none;box-shadow:none}
.tsm-cover{position:relative;display:block;width:100%;aspect-ratio:10/4;padding:0;border:0;border-radius:inherit;overflow:hidden;cursor:pointer;background:var(--paper-2)}
.tsm-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease),filter .3s var(--ease)}
.tsm-cover:hover img{transform:scale(1.015);filter:brightness(1.04)}
.tsm-cover:focus-visible{outline:3px solid var(--wine);outline-offset:3px}
/* video pop-up (same as the homepage player, front-page.css) */
html:is(.page-truesigner,.page-contractverse) .pvm{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:clamp(16px,4vw,48px)}
html:is(.page-truesigner,.page-contractverse) .pvm[hidden]{display:none}
html:is(.page-truesigner,.page-contractverse) .pvm-back{position:absolute;inset:0;background:rgba(20,15,20,.82);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
html:is(.page-truesigner,.page-contractverse) .pvm-sheet{position:relative;width:min(1100px,100%,(100vh - 2 * clamp(16px,4vw,48px) - 100px) * 16 / 9)}
@supports(height:100dvh){html:is(.page-truesigner,.page-contractverse) .pvm-sheet{width:min(1100px,100%,(100dvh - 2 * clamp(16px,4vw,48px) - 100px) * 16 / 9)}}
html:is(.page-truesigner,.page-contractverse) .pvm-embed{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#140F14;box-shadow:0 60px 120px -50px rgba(0,0,0,.7)}
html:is(.page-truesigner,.page-contractverse) .pvm-embed iframe,html:is(.page-truesigner,.page-contractverse) .pvm-embed video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;object-fit:contain}
html:is(.page-truesigner,.page-contractverse) .pvm-x{position:absolute;right:0;top:-46px;width:36px;height:36px;padding:0;display:grid;place-items:center;border-radius:50%;cursor:pointer;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:20px;line-height:1;transition:.3s var(--ease)}
html:is(.page-truesigner,.page-contractverse) .pvm-x:hover{background:#fff;color:var(--wine);border-color:#fff}
@media(max-width:760px){html:is(.page-truesigner,.page-contractverse) .pvm-embed{border-radius:12px}html:is(.page-truesigner,.page-contractverse) .pvm-x{width:40px;height:40px}}

/* Stats grid (.tstats): lines drawn by each cell instead of a grey grid background, so an incomplete last row stays white */
.tstats{background:#fff}
.tstats > div{box-shadow:0 0 0 1px var(--line)}
/* two-up stats (≤1000px): an odd last stat spans the full row */
@media(max-width:1000px){.tstats > div:last-child:nth-child(odd){grid-column:1 / -1}}
/* ContractVerse "Watch" section in image mode: the image is shown in full (no 16:9 crop) */
.cvv-stage.cvv-stage--img{display:block;aspect-ratio:auto;background:none}
.cvv-stage--img img{display:block;width:100%;height:auto}

@media(min-width:1100px){
.ar-toc-links {
    max-height: 220px;
    overflow: auto;
}
}
/* Accessibility (Lighthouse): readable text contrast */
.fw-tag{color:#7A7168}
/* the big footer wordmark is a decorative logotype (hidden from screen readers), drawn from data-text */
.fw-text::before{content:attr(data-text)}
/* hero orbit pink nodes: white text needs a deeper pink to stay readable (4.5:1) */
.ho-node.fill-pink{background:#C8475B}
/* footer social icons: title on mobile only, styled like "Certified & compliant" */
.foot-social-k{display:none}
@media(max-width:760px){
  .foot-right{flex-wrap:wrap}
  .foot-social-k{display:block;flex-basis:100%;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
}