/* Mantika skies theme (lane G, 23 Oct 2026): sketch D r4's <style> moved out of the page (snapshots/d-r4/src/page.html, SHA-256 9ace846a…537),
   then the chrome of every page, the inner-page kinds (hero, band, tiles, figures, cta) and Arabic. FINAL-SITE-PLAN.md r2 4.1 to 4.6.
   One sky behind every page; no white or light-grey ground anywhere (team item 11); figures in --blue, accents in --blue-l (ART-BRIEF 8.2, 8.3).
   Logical properties only (qa/check.mjs fails on left, right, width, height). reading.css and pilot.css (lane F) follow this file. */

@font-face{font-family:Manrope;src:url(theme/fonts/manrope-var.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
:root{
  --night-0:#060a19;--night-1:#0d1640;--night-2:#0b1030;--sky-black:#04060f;
  --core:#004ded;--core-d:#0044bd;--blue:#4a6cff;--blue-l:#7394ff;--ice:#cfdcff;
  --text-d:#eef1fa;--muted-d:#a3adca;--slate:#93a1b4;--ink:#282e42;
  --rule-d:rgba(115,148,255,.22);--line-d:rgba(238,241,250,.4);
  --pad:32px;--gap:32px;--sec:128px;--max:1440px;--hdr:72px;
  --e-expo:cubic-bezier(.19,1,.22,1);--e-out:cubic-bezier(.215,.61,.355,1);--e-io:cubic-bezier(.645,.045,.355,1);
  --dir:1;color-scheme:dark;
}
[dir=rtl]{--dir:-1}
@media (max-width:1100px){:root{--sec:96px}}
@media (max-width:760px){:root{--pad:24px;--gap:16px;--sec:80px}}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--night-0);-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:no-preference){html:not([data-motion=paused]){scroll-behavior:smooth}}
[id]{scroll-margin-block-start:calc(var(--hdr) + 8px)}
body{margin:0;background:var(--night-0);color:var(--text-d);font-family:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:18px;line-height:28px;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"tnum" 1;overflow-x:clip}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
img,svg,canvas{display:block;max-inline-size:100%}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0;padding:0}
ul,ol{list-style:none}
.visually-hidden{position:absolute!important;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;margin:-1px;padding:0;border:0}
.wrap{max-inline-size:var(--max);margin-inline:auto;padding-inline:var(--pad)}
.skip{position:fixed;inset-inline-start:16px;inset-block-start:-64px;z-index:200;background:var(--night-1);color:#fff;padding:8px 16px;border:1px solid var(--blue-l)}
.skip:focus{inset-block-start:16px}
:focus-visible{outline:2px solid var(--blue-l);outline-offset:3px}
.accent{color:var(--blue-l)}
.arr{display:inline-block;scale:var(--dir) 1;transition:translate 240ms var(--e-out)}
.kick{font-size:11px;line-height:16px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-d)}

/* ---------- the sky: one fixed canvas, a still for no-script / reduced motion, one fixed overlay layer ---------- */
#sky{position:fixed;inset:0;inline-size:100%;block-size:100%;z-index:0;pointer-events:none;opacity:0;transition:opacity 600ms ease}
html.sky-on #sky{opacity:1}
.sky-still{position:fixed;inset:0;inline-size:100%;block-size:100%;max-inline-size:none;object-fit:cover;object-position:50% 0;z-index:0;pointer-events:none;opacity:0;transition:opacity 600ms ease;background:var(--night-0)}
html:not(.js) .sky-still,html.nogl .sky-still,html.sky-wait .sky-still{opacity:1}
html:not(.js) #sky,html.nogl #sky{display:none}
.ov{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden;contain:strict}
.ov svg{position:absolute;inset:0;inline-size:100%;block-size:100%;overflow:visible;max-inline-size:none}
/* the pill layer stays left to right in every language, so the core's screen coordinates stay physical (SCENE-API 3.4) */
#ov-html{position:absolute;inset:0;direction:ltr}
#labs{position:absolute;inset:0}
html.still .ov,html.nogl .ov,html:not(.js) .ov{display:none}
html.bare main,html.bare .hdr,html.bare footer,html.bare .skip{visibility:hidden}

/* the constellations: hairlines, no glow, one lit at a time */
.cst{opacity:0;transition:opacity 300ms ease}
.cst.on{opacity:1;transition:opacity 200ms ease}
.chain,.outl{fill:none;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:1;transition:stroke-dashoffset 0s linear 300ms}
/* the Argus moment: thin transfer paths, moving points, the ring through the senders, the device links, the held transfer and its
   decision point; every value is set per frame by the home scene from its time (no CSS transitions) */
.a-tp{fill:none;stroke:#9fb4ff;stroke-width:1;stroke-linecap:round}
.a-ring{fill:none;stroke:#cfdcff;stroke-width:1.1;stroke-dasharray:1 1}
.a-dev{fill:none;stroke:#8fe0d4;stroke-width:1;stroke-dasharray:2 4}
.a-held{fill:none;stroke:#e6edff;stroke-width:1.2;stroke-linecap:round}
.a-dia{fill:rgba(6,10,25,.55);stroke:#e6edff;stroke-width:1.2;vector-effect:non-scaling-stroke}
.a-acc,.a-pt .h{fill:url(#a-glow)}
.a-pt .c{fill:#f4f7ff}
.a-pt--held .c{fill:#ffffff}
.t3d-lab.apill{visibility:visible;transition:none;opacity:0}
.ret{fill:none;stroke:#cfdcff;stroke-opacity:.8;stroke-width:1;stroke-dasharray:1 1;stroke-dashoffset:1;transition:stroke-dashoffset 0s linear 300ms}
.chain{stroke:#cfdcff;stroke-width:1;stroke-opacity:.2}
/* the Tessera names' leaders and anchors, one treatment for all four groups; positions written per frame by the core */
#c-lead{visibility:hidden;transition:opacity 420ms ease,visibility 0s 420ms}
#c-lead.on{visibility:visible;transition:opacity 500ms ease 250ms,visibility 0s}
.ld{fill:none;stroke:var(--c);stroke-opacity:.42;stroke-width:1;stroke-linecap:round;transition:stroke-opacity 300ms ease}
.ld.f{stroke-opacity:.72}
.ld.hv{stroke-opacity:.9}
.an-r{fill:none;stroke:var(--c);stroke-opacity:.5;stroke-width:1;transition:stroke-opacity 300ms ease}
.an-d{fill:var(--c)}
.an.f .an-r{stroke-opacity:.8}
.an.hv .an-r{stroke-opacity:1}
.cst.on .ret--st{stroke-dashoffset:0;transition:stroke-dashoffset 600ms var(--e-out) 120ms}
.cst.on .chain{stroke-dashoffset:0;transition:stroke-dashoffset 1800ms var(--e-io) 100ms}
html.cap .cst,html.cap .cst *,html.cap .t3d-lab,html.cap .sky-pill,html.cap #sky,html.cap .sky-still{transition:none!important}
html.cap [data-rise] .w{animation:none}
/* the scenes' shared marks (SCENE-API 3.3): a hairline 1 px, #b7cbff, drawn on through stroke-dashoffset (pathLength 1); the dashed ring of the missing star */
.sky-line{fill:none;stroke:#b7cbff;stroke-width:1;stroke-opacity:.35;stroke-linecap:round;vector-effect:non-scaling-stroke}
.sky-line--draw{stroke-dasharray:1;stroke-dashoffset:1}
.sky-ret{fill:none;stroke:#cfdcff;stroke-opacity:.8;stroke-width:1;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}

/* the pills: the Tessera galaxy's names (.t3d-lab) and the scenes' pills (.sky-pill, SCENE-API 3.4), one look */
/* placed by the core with a transform in screen pixels: anchored to the physical top left whatever the pill's own direction (dir="auto";
   an Arabic pill would otherwise anchor at the right edge) */
.t3d-lab,.sky-pill{position:absolute;inset:0 auto auto 0;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:5px 12px 5px 10px;border-radius:999px;
  background:rgba(7,11,30,.9);border:1px solid rgba(214,224,255,.14);font:500 13px/16px Manrope,system-ui,sans-serif;letter-spacing:.005em;color:#dfe5f5;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 28px rgba(2,4,14,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;will-change:transform,opacity}
.t3d-lab{visibility:hidden;transition:opacity 300ms ease,visibility 0s linear 300ms,border-color 300ms ease,box-shadow 300ms ease,color 300ms ease}
.sky-pill{visibility:visible;transition:none}
.t3d-lab .dot,.sky-pill .dot{inline-size:6px;block-size:6px;border-radius:50%;flex:none;background:var(--c,#7394ff);box-shadow:0 0 0 3px color-mix(in srgb,var(--c,#7394ff) 20%,transparent)}
.t3d-lab.sel,.sky-pill.sel{color:#fff;font-weight:600;border-color:color-mix(in srgb,var(--c,#7394ff) 52%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 22px color-mix(in srgb,var(--c,#7394ff) 20%,transparent),0 10px 28px rgba(2,4,14,.5)}
.t3d-lab.hv{color:#fff;border-color:color-mix(in srgb,var(--c) 70%,transparent)}
.t3d-lab.on{opacity:1;visibility:visible;transition:opacity 300ms ease calc(var(--k) * 150ms),visibility 0s,border-color 300ms ease,box-shadow 300ms ease}
.t3d-lab.meas{visibility:hidden!important;opacity:0!important;transition:none!important}
html:lang(ar) .t3d-lab,html:lang(ar) .sky-pill{font-family:"Plex Arabic",Manrope,system-ui,sans-serif}

/* ---------- header: transparent over the hero, a solid night bar from 8 px of scroll (team item 2) ---------- */
.hdr{position:fixed;z-index:60;inset-block-start:0;inset-inline:0;block-size:var(--hdr);color:#fff}
.hdr::before{content:"";position:absolute;inset:0;background:var(--night-0);box-shadow:inset 0 -1px 0 rgba(115,148,255,.14);opacity:0;transition:opacity 240ms ease-in-out}
.hdr.solid::before,.hdr.is-open::before,html:not(.js) .hdr::before{opacity:1}
.hdr-in{position:relative;block-size:100%;display:flex;align-items:center;gap:24px;max-inline-size:none;padding-inline:var(--pad)}
.brand{display:flex;flex:none;align-items:center;block-size:40px;margin-inline-end:auto}
.hdr-cta,.menu-btn{flex:none}
.brand img{block-size:28px;inline-size:auto}
.nav-wrap{display:flex;align-items:center}
.nav{display:flex;align-items:center;gap:28px;font-size:15px;line-height:20px;font-weight:500}
.nav>li>a,.nav summary{display:inline-flex;align-items:center;gap:6px;block-size:40px;color:rgba(255,255,255,.92);transition:color 240ms ease}
.nav>li>a:hover,.nav summary:hover,.nav>li>a[aria-current]{color:#fff}
.nav>li>a[aria-current]{box-shadow:inset 0 -1px 0 rgba(255,255,255,.6)}
.nav details{position:relative}
.nav summary{cursor:pointer;list-style:none}
.nav summary::-webkit-details-marker{display:none}
.nav details.sub summary::after{content:"";inline-size:6px;block-size:6px;border-inline-end:1.5px solid currentColor;border-block-end:1.5px solid currentColor;rotate:45deg;translate:0 -2px;opacity:.8}
.nav details.sub[open] summary::after{rotate:-135deg;translate:0 2px}
.dd{position:absolute;inset-block-start:calc(100% + 16px);inset-inline-start:-20px;inline-size:340px;display:grid;gap:4px;padding:12px;background:var(--night-0);border:1px solid var(--rule-d);box-shadow:0 24px 64px rgba(2,4,14,.7)}
.dd a{display:grid;grid-template-columns:32px 1fr;column-gap:14px;align-items:center;padding:12px;transition:background-color 240ms ease}
.dd a:hover,.dd a:focus-visible{background:rgba(115,148,255,.08)}
.dd img{inline-size:32px;block-size:32px;grid-row:span 2}
.dd b{font-weight:500;font-size:15px;line-height:20px;color:#fff}
.dd span{font-size:14px;line-height:20px;color:var(--muted-d)}
/* the language switch: the current language's two letters, then the four languages, each written in its own language */
.lang-switch summary{color:var(--muted-d)!important}
.lang-switch summary:hover{color:#fff!important}
.lang-switch>ul{position:absolute;inset-block-start:calc(100% + 16px);inset-inline-end:-12px;min-inline-size:200px;display:grid;gap:2px;padding:8px;background:var(--night-0);border:1px solid var(--rule-d);box-shadow:0 24px 64px rgba(2,4,14,.7)}
.lang-switch>ul a{display:block;padding:10px 12px;font-size:15px;line-height:20px;color:var(--text-d);transition:background-color 240ms ease}
.lang-switch>ul a:hover{background:rgba(115,148,255,.08);color:#fff}
.lang-switch>ul a[aria-current]{color:#fff;box-shadow:inset 2px 0 0 var(--blue-l)}
[dir=rtl] .lang-switch>ul a[aria-current]{box-shadow:inset -2px 0 0 var(--blue-l)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;block-size:40px;padding-inline:20px;font-size:15px;line-height:1;font-weight:500;letter-spacing:-.005em;border:1px solid transparent;white-space:nowrap;
  transition:background-color 240ms ease-in-out,color 240ms ease-in-out,border-color 240ms ease-in-out}
.btn-primary{background:#fff;color:var(--ink);border-color:#fff}
.btn-primary:hover{background:transparent;color:#fff}
/* lane K integration fix (23 Oct, G6): a night fill, so a bright star behind a ghost button never lowers its text contrast below 4.5:1 */
.btn-ghost{background:var(--night-0);color:#fff;border-color:rgba(255,255,255,.55)}
.btn-ghost:hover{background:var(--night-1);border-color:#fff}
.menu-btn{display:none;align-items:center;gap:12px;block-size:40px;padding-inline:16px 14px;border:1px solid rgba(255,255,255,.55);font-size:15px;font-weight:500;line-height:1}
.menu-btn::after{content:"";inline-size:16px;block-size:11px;background:linear-gradient(currentColor,currentColor) 0 0/100% 1.5px no-repeat,linear-gradient(currentColor,currentColor) 0 50%/100% 1.5px no-repeat,linear-gradient(currentColor,currentColor) 0 100%/100% 1.5px no-repeat}
/* G12 fix (23 Oct, critic finding A2): the close icon is two crossed bars (an X), not one diagonal */
.hdr.is-open .menu-btn::after{inline-size:14px;block-size:14px;rotate:none;background:linear-gradient(45deg,transparent calc(50% - .9px),currentColor calc(50% - .9px),currentColor calc(50% + .9px),transparent calc(50% + .9px)),linear-gradient(-45deg,transparent calc(50% - .9px),currentColor calc(50% - .9px),currentColor calc(50% + .9px),transparent calc(50% + .9px))}
.menu{display:none}
.menu a{display:block;font-size:32px;line-height:40px;font-weight:500;letter-spacing:-.02em;padding-block:10px;border-block-end:1px solid var(--rule-d);color:#fff}
.menu a span{display:block;font-size:15px;line-height:22px;color:var(--muted-d);letter-spacing:0;font-weight:400}
.menu a[aria-current]{color:var(--blue-l)}
.menu-lang{margin-block-start:32px}
.menu-lang .lang-row{display:flex;flex-wrap:wrap;gap:8px 24px}
.menu-lang .lang-row a{font-size:18px;line-height:28px;border:0;padding-block:6px;color:var(--muted-d)}
.menu-lang .lang-row a[aria-current]{color:#fff}

/* ---------- home hero: the photograph, the heading in the middle of the first screen (r4, F4), client names beneath ---------- */
main{position:relative;z-index:2}
.hero{position:relative;min-block-size:100vh;min-block-size:100svh;display:flex;align-items:center}
.hero-sky{position:absolute;inset-block-start:88px;inset-inline-end:0;inline-size:50%;block-size:calc(72% - 88px);pointer-events:none}
.hero-in{inline-size:100%;max-inline-size:var(--max);margin-inline:auto;padding-inline:var(--pad);padding-block:calc(var(--hdr) + 24px) 40px}
.h1{font-weight:500;font-size:clamp(64px,7.4vw,120px);line-height:1;letter-spacing:-.04em;max-inline-size:8.6em;color:#fff;text-wrap:balance}
[data-rise] .w{display:inline-block;animation:rise 1000ms var(--e-expo) both;animation-delay:calc(var(--i) * 55ms + 200ms)}
@keyframes rise{from{opacity:0;translate:0 .5em}to{opacity:1;translate:0 0}}
.clients{margin-block-start:28px}
.clients ul{display:flex;flex-wrap:nowrap;gap:40px;font-size:18px;line-height:28px;font-weight:500;color:var(--muted-d);white-space:nowrap}
.clients .regions li{direction:ltr;unicode-bidi:isolate} /* client names stay in Latin script, isolated, on Arabic pages */
.pp{position:absolute;inset-inline-end:var(--pad);inset-block-end:40px;z-index:3;inline-size:40px;block-size:40px;border:1px solid rgba(255,255,255,.6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;
  transition:background-color 240ms ease-in-out}
.pp:hover{background:rgba(255,255,255,.14)}
html:not(.js) .pp{display:none}
.ic-pause{inline-size:9px;block-size:11px;border-inline:2px solid currentColor}
.ic-play{display:none;inline-size:0;block-size:0;border-inline-start:10px solid currentColor;border-block:6px solid transparent;margin-inline-start:3px}
[dir=rtl] .ic-play{scale:-1 1}
.pp[aria-pressed=true] .ic-pause{display:none}
.pp[aria-pressed=true] .ic-play{display:block}

/* the Company hero: the statement, prominent, over the home sky (team items 14 and 15); the three office stars at the end */
.hero--company .hero-sky{inset-inline-start:58%;inline-size:auto;inset-block:120px 14%;block-size:auto}
.h1--stmt{font-size:clamp(52px,5.8vw,96px);line-height:1.02;max-inline-size:11.5em}
.hero--company .hero-in{padding-block:calc(var(--hdr) + 48px) 72px}
.hero--company .h1--stmt,.hero--company .clients{max-inline-size:min(100%,62%)}
.hero-b{margin-block-start:24px;font-size:22px;line-height:32px;color:var(--text-d);max-inline-size:30em}
.chips-row{display:flex;flex-wrap:wrap;gap:8px 40px;font-size:18px;line-height:28px;font-weight:500;color:var(--muted-d)}
.chips-row li{position:relative}
.chips-row li+li::before{content:"";position:absolute;inset-inline-start:-22px;inset-block-start:13px;inline-size:4px;block-size:4px;border-radius:50%;background:var(--blue-l);opacity:.7}

/* ---------- statement ---------- */
.stmt .wrap{padding-block:var(--sec)}
.stmt p{font-weight:500;font-size:72px;line-height:72px;letter-spacing:-.04em;max-inline-size:11.6em;color:#fff;text-wrap:balance}

/* ---------- products: text at the start, the moment at the end ---------- */
.prods{padding-block-start:var(--sec)}
.prods>.wrap>.kick{padding-block-end:8px;border-block-end:1px solid var(--rule-d)}
.prod{position:relative;max-inline-size:var(--max);margin-inline:auto;padding-inline:var(--pad);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:center}
.prod--argus{min-block-size:100vh;padding-block:calc(var(--hdr) + 16px) 32px}
.prod--tessera{block-size:100vh;min-block-size:660px}
.prod-txt{grid-column:1/span 6;position:relative;z-index:1}
.prod-sky{position:absolute;pointer-events:none}
.prod--argus .prod-sky{inset-inline:50% 0;inset-block:42% 6%}
.prod--tessera .prod-sky{inset-inline:40% 0;inset-block:calc(var(--hdr) + 12px) 20px;margin:0}
.p-head{display:flex;align-items:center;gap:12px}
.p-head img{inline-size:36px;block-size:36px}
.p-name{font-weight:500;font-size:128px;line-height:128px;letter-spacing:-.05em;color:#fff;margin-block-start:8px;margin-inline-start:-.04em}
.p-line{font-size:24px;line-height:32px;color:var(--text-d);margin-block-start:12px;max-inline-size:22em}
.p-links{display:flex;flex-wrap:wrap;gap:12px 32px;margin-block-start:24px}
.lnk{display:inline-flex;align-items:center;gap:10px;font-weight:500;font-size:18px;line-height:28px;color:#fff;border-block-end:1px solid var(--line-d);padding-block-end:2px;transition:border-color 240ms ease}
.lnk:hover{border-color:#fff}
.lnk:hover .arr{translate:calc(4px * var(--dir)) 0}
.lnk--q{color:var(--blue-l);border-color:rgba(115,148,255,.4)}

/* the Argus decision card (team item 7: static, real text) */
.dcard{position:relative;margin-block-start:40px;max-inline-size:660px;padding:24px 28px 18px;border-radius:16px;color:var(--text-d);
  background:linear-gradient(180deg,rgba(18,30,92,.94),rgba(11,19,64,.95));border:1px solid rgba(115,148,255,.34);
  box-shadow:0 0 0 1px rgba(115,148,255,.12),0 0 48px rgba(74,108,255,.18),0 32px 80px rgba(2,4,14,.6)}
.dc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.dc-eye{display:flex;align-items:center;gap:10px;font-size:12px;line-height:16px;font-weight:600;letter-spacing:.14em;color:var(--blue-l)}
.dm{display:inline-block;inline-size:9px;block-size:9px;rotate:45deg;background:currentColor;flex:none}
.dc-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;border:1px solid rgba(61,220,151,.45);background:rgba(61,220,151,.06);color:#3ddc97;font-size:13px;line-height:18px;font-weight:600;white-space:nowrap}
.dc-chip .dm{inline-size:7px;block-size:7px}
.dc-title{font-size:30px;line-height:36px;font-weight:600;letter-spacing:-.02em;color:#fff;margin-block-start:8px}
.dc-sub{font-size:14px;line-height:20px;color:var(--muted-d);margin-block-start:6px}
.dc-body{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:24px;margin-block-start:18px}
.dc-left{border:1px solid rgba(115,148,255,.28);border-radius:12px;padding:10px;background:rgba(6,10,40,.35)}
.dc-stamp{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:8px;border-radius:10px;border:1.5px solid rgba(207,220,255,.75);box-shadow:0 0 18px rgba(74,108,255,.35)}
.dc-b{display:inline-flex;align-items:center;white-space:nowrap;padding:5px 12px;border-radius:8px;background:var(--core);color:#fff;font-weight:700;font-size:22px;line-height:30px;letter-spacing:-.02em;box-shadow:0 0 16px rgba(0,77,237,.6)}
.dc-ms{font-size:14px;line-height:20px;color:var(--text-d);white-space:nowrap}
.dc-ms b{font-size:22px;font-weight:600;margin-inline:4px;color:#fff}
.dc-facts{display:grid;gap:6px;margin-block-start:10px;padding-inline:6px;font-size:14px;line-height:20px}
.dc-facts div{display:flex;justify-content:space-between;gap:12px}
.dc-facts dt{color:var(--muted-d)}
.dc-facts dd{color:#fff;font-weight:500;display:flex;align-items:center;gap:6px}
.dc-v{display:inline-block;padding:0 6px;border:1px solid rgba(115,148,255,.45);border-radius:5px;color:var(--blue-l);font-size:12px;line-height:18px}
.dc-cap{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.14em;color:var(--blue-l);text-transform:uppercase}
.dc-why{font-size:15px;line-height:23px;color:var(--text-d);margin-block-start:8px}
.dc-why b{color:#cfdcff;font-weight:600}
.dc-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-block-start:16px;padding-block-start:12px;border-block-start:1px solid rgba(115,148,255,.22);font-size:14px;line-height:20px}
.dc-rows{display:flex;align-items:center;gap:10px;color:var(--muted-d)}
.dc-rows li{display:flex;align-items:center;gap:6px;white-space:nowrap}
.dc-rows li+li::before{content:"";inline-size:12px;block-size:1px;background:rgba(163,173,202,.45);margin-inline-end:4px}
.dc-rows .dm{inline-size:7px;block-size:7px;color:rgba(115,148,255,.55)}
.dc-rows .on{color:#fff}
.dc-rows .on .dm{color:#fff;box-shadow:0 0 8px rgba(207,220,255,.8)}
.dc-foot p{color:#fff;font-weight:500;white-space:nowrap}

/* still pictures (reduced motion, paused, no script, no WebGL2): rendered by the sky itself; words as HTML in the page language */
.rm-pic{position:absolute;inset:0;display:none;margin:0}
.rm-pic img{inline-size:100%;block-size:100%;object-fit:contain;-webkit-mask-image:radial-gradient(closest-side,#000 62%,transparent 100%);mask-image:radial-gradient(closest-side,#000 62%,transparent 100%)}
html.still .rm-pic,html.nogl .rm-pic,html:not(.js) .rm-pic{display:block}
.rm-pic .t3d-lab{opacity:1;visibility:visible;inset:var(--y) auto auto var(--x);translate:-50% -50%;transition:none} /* shares of the picture, physical (the picture is never mirrored) */
.rm-pic .t3d-lab.ph{display:none}
.rm-pic .rm-ld{position:absolute;inset:0;inline-size:100%;block-size:100%;max-inline-size:none;overflow:visible;pointer-events:none}
.rm-pic .rm-ld .ph{display:none}
#rm-gal{container-type:size}
.rm-pic picture{display:contents}
.rm-box{position:absolute;inset:0;margin:auto;inline-size:min(100cqw,100cqh * var(--ar,1));block-size:min(100cqh,100cqw / var(--ar,1))}
.rm-an{position:absolute;inset:var(--y) auto auto var(--x);inline-size:3.6px;block-size:3.6px;margin:-1.8px;border-radius:50%;background:var(--c);outline:1px solid color-mix(in srgb,var(--c) 50%,transparent);outline-offset:2.6px}
.rm-an.f{inline-size:4.6px;block-size:4.6px;margin:-2.3px;outline-color:color-mix(in srgb,var(--c) 80%,transparent);outline-offset:3px}
/* the Argus still: the formation alone on alpha (no mask), its box keeps the picture's ratio so the two HTML pills sit on their stars */
.rm-ring{container-type:size}
.rm-ring img{-webkit-mask-image:none;mask-image:none}
.rm-ring-d,.rm-ring-p{position:absolute;inset:0;margin:auto;inline-size:min(100cqw,100cqh * var(--ar));block-size:min(100cqh,100cqw / var(--ar))}
.rm-ring-d{--ar:1.5385}
.rm-ring-p{--ar:.8104;display:none}

/* ---------- essence, proof ---------- */
.ess .wrap{padding-block:calc(var(--sec) * 1.25)}
.ess h2{font-weight:500;font-size:96px;line-height:96px;letter-spacing:-.04em;color:#fff;max-inline-size:9em;text-wrap:balance}
.proof .wrap{padding-block:var(--sec)}
.proof h2{font-weight:500;font-size:48px;line-height:52px;letter-spacing:-.025em;color:#fff}
.proof-l{margin-block-start:20px;max-inline-size:36em}
.proof-l{font-size:18px;line-height:28px;color:var(--text-d)}
.proof-l a{font-size:18px;line-height:28px;color:var(--text-d);transition:color 240ms ease}
.proof-l a:hover{color:#fff}
.proof-l a .arr{margin-inline-start:8px;color:var(--blue-l)}
.proof-l a:hover .arr{translate:calc(4px * var(--dir)) 0}
.figs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--gap);margin-block-start:72px}
.fig{border-block-start:1px solid var(--rule-d);padding-block-start:24px}
.fig .num{display:block;font-weight:500;font-size:96px;line-height:96px;letter-spacing:-.045em;color:var(--blue);margin-inline-start:-.04em;white-space:nowrap;direction:ltr;text-align:start;unicode-bidi:isolate}
.fig .what{display:block;margin-block-start:20px;font-size:18px;line-height:28px;color:var(--muted-d);max-inline-size:15em}
/* TRANSLATE pt-BR r2 (23 Oct, native critic): Brazilian notation ("US$ 1,5 mi", "US$ 1 bi+") is longer than "$1.5M"; in the four- and
   two-column rows the pt figures scale to their own column so one never runs into the next. Other languages are unchanged. */
@media (min-width:761px){html:lang(pt) .fig{container-type:inline-size}html:lang(pt) .fig .num{font-size:min(96px,21cqi)}}
@media (min-width:761px) and (max-width:1100px){html:lang(pt) .fig .num{font-size:min(72px,21cqi)}}
@media (min-width:761px){html:lang(es) .fig{container-type:inline-size}html:lang(es) .fig .num{font-size:min(96px,22cqi)}}
@media (min-width:761px) and (max-width:1100px){html:lang(es) .fig .num{font-size:min(72px,22cqi)}}

/* ---------- the pilot close (every page) ---------- */
.pilot .wrap{padding-block:var(--sec)}
.ask{display:grid;grid-template-columns:7fr 5fr;gap:16px}
.ask--one{grid-template-columns:minmax(0,1fr)}
.ask-side{display:grid;grid-template-rows:1fr 1fr;gap:16px}
.blk{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-block-size:280px;padding:32px;border-radius:4px;overflow:hidden;transition:background-color 240ms ease-in-out,border-color 240ms ease-in-out}
.blk .t{position:relative;z-index:1;font-weight:500;font-size:56px;line-height:56px;letter-spacing:-.035em;max-inline-size:7.5em;text-wrap:balance}
.blk .b{position:relative;z-index:1;font-size:18px;line-height:28px;max-inline-size:20em}
.k-main{background:var(--core-d);color:#fff}
.k-main:hover{background:#003da9}
.k-main .b{color:#e4ebff;max-inline-size:calc(60% - 96px)}
.ask--one .k-main{min-block-size:240px}
.ask--one .k-main .b{max-inline-size:28em}
.k-main .arr-i{display:inline-block;margin-inline-start:16px;font-size:28px;line-height:28px;font-weight:300;scale:var(--dir) 1;transition:translate 240ms var(--e-out)}
.k-main:hover .arr-i{translate:calc(8px * var(--dir)) 0}
.stripes{position:absolute;inset-inline-end:0;inset-block:40% 0;inline-size:40%;pointer-events:none}
.stripes svg{inline-size:100%;block-size:100%}
.stripes rect{transform-box:fill-box;transform-origin:50% 100%;transition:transform 600ms var(--e-expo)}
.k-main:hover .stripes rect{transform:scaleY(.6)}
[dir=rtl] .stripes svg{scale:-1 1}
.k-side,.k-mail{min-block-size:132px;padding:24px 32px;background:rgba(13,22,64,.7);border:1px solid var(--rule-d);color:var(--text-d)}
.k-side:hover,.k-mail:hover{background:rgba(13,22,64,.9);border-color:rgba(115,148,255,.4)}
.k-side{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:24px}
.k-side .b{color:var(--muted-d);align-self:flex-start;flex:1 1 auto}
.k-side .t,.k-mail .t{font-size:40px;line-height:44px;letter-spacing:-.03em}
.k-side .arr{font-size:32px;line-height:40px}
.k-side:hover .arr{translate:calc(4px * var(--dir)) -4px}
.k-mail .mail{position:relative;z-index:1;display:flex;align-items:center;gap:16px;font-weight:500;font-size:24px;line-height:32px;letter-spacing:-.02em;color:var(--muted-d)}
.k-mail:hover .mail{color:#fff}
.k-mail:hover .arr{translate:calc(4px * var(--dir)) 0}
.ask--one .k-side{min-block-size:160px}
.ask-panel{max-inline-size:40em}
.ask-t{font-weight:500;font-size:48px;line-height:52px;letter-spacing:-.03em;color:#fff}
.ask-b{margin-block-start:16px;font-size:20px;line-height:30px;color:var(--muted-d)}
.ask-side--row{grid-template-rows:none;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-block-start:32px}

/* ---------- inner pages: the hero with its moment, or the calm reading hero ---------- */
.phero{position:relative;display:flex;align-items:flex-end;min-block-size:min(88vh,880px);min-block-size:min(88svh,880px)}
.phero--read{min-block-size:0;align-items:flex-start}
.phero-in{position:relative;z-index:1;inline-size:100%;padding-block:calc(var(--hdr) + 120px) 72px}
.phero--read .phero-in{padding-block:calc(var(--hdr) + 112px) 56px}
.phero--moment .phero-txt,.phero--moment .phero-act{max-inline-size:min(54%,800px)}
.phero-t{font-weight:500;font-size:clamp(48px,5.4vw,88px);line-height:1.02;letter-spacing:-.035em;color:#fff;text-wrap:balance;max-inline-size:13em}
.phero--read .phero-t{font-size:clamp(40px,4.2vw,64px);line-height:1.06;max-inline-size:18em}
.phero-t .accent{color:var(--blue-l)}
.phero-kick{margin-block-end:20px}
.phero .p-head{margin-block-end:24px}
.phero .p-head .kick{font-size:13px;letter-spacing:.06em}
.phero-b{margin-block-start:24px;font-size:22px;line-height:32px;color:var(--text-d);max-inline-size:30em}
.phero-note{margin-block-start:12px;color:var(--muted-d);font-size:15px;line-height:24px}
.phero-act{margin-block-start:36px}
.phero-acts{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}
.phero-acts .btn{block-size:48px;padding-inline:24px;font-size:16px}
.phero-links{display:flex;flex-wrap:wrap;gap:16px 36px}
.phero-sky{position:absolute;inset-block:calc(var(--hdr) + 24px) 6%;inset-inline:52% 0;pointer-events:none}
.phero--lost .phero-sky{inset-inline:58% 4%}

/* ---------- bands: one large statement, its line, and its words, products or links ---------- */
.band .wrap{padding-block:var(--sec)}
.band-t{font-weight:500;font-size:56px;line-height:60px;letter-spacing:-.035em;color:#fff;max-inline-size:14em;text-wrap:balance}
.band-b{margin-block-start:24px;font-size:22px;line-height:32px;color:var(--muted-d);max-inline-size:30em}
.outcomes{display:flex;flex-wrap:wrap;margin-block-start:56px;border-block-start:1px solid var(--rule-d)}
.outcomes li{flex:1 1 0;min-inline-size:150px;padding-block:28px 8px;padding-inline:0 24px;font-weight:500;font-size:40px;line-height:44px;letter-spacing:-.03em;color:#fff}
.outcomes li+li{border-inline-start:1px solid var(--rule-d);padding-inline-start:24px}
.lockups{display:flex;flex-wrap:wrap;gap:24px 72px;align-items:center;margin-block-start:48px}
.lockups img{block-size:40px;inline-size:auto}
.lockup-t{font-weight:500;font-size:28px;color:#fff}
.band-acts{display:flex;flex-wrap:wrap;gap:12px 32px;margin-block-start:32px}

/* ---------- tiles: night tiles, a 1 px rule, no white ground ---------- */
.tiles-s .wrap{padding-block:calc(var(--sec) * .75)}
.tiles-t{font-weight:500;font-size:48px;line-height:52px;letter-spacing:-.03em;color:#fff;max-inline-size:16em;text-wrap:balance}
.tiles-b{margin-block-start:16px;font-size:20px;line-height:30px;color:var(--muted-d);max-inline-size:32em}
.tiles{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:16px;margin-block-start:48px}
.tiles-head+.tiles{margin-block-start:48px}
.tiles:first-child{margin-block-start:0}
.tiles--1{--n:1;max-inline-size:440px}
.tiles--2{--n:2}
.tiles--3{--n:3}
.tiles--4{--n:4}
.tile{position:relative;display:flex;flex-direction:column;gap:10px;min-block-size:0;padding:28px 32px;border-radius:4px;background:rgba(13,22,64,.7);border:1px solid var(--rule-d);transition:background-color 240ms ease-in-out,border-color 240ms ease-in-out}
.tile-t{font-weight:500;font-size:26px;line-height:32px;letter-spacing:-.02em;color:#fff;text-wrap:balance}
.tile-sub{font-size:15px;line-height:22px;color:var(--blue-l)}
.tile-x{font-size:17px;line-height:26px;color:var(--muted-d)}
.tile--link:hover{background:rgba(13,22,64,.9);border-color:rgba(115,148,255,.4)}
.tile--link .tile-t a::after{content:"";position:absolute;inset:0;border-radius:4px}
.tile--link .tile-t a:focus-visible{outline:0}
.tile--link:has(a:focus-visible){outline:2px solid var(--blue-l);outline-offset:3px}
.tile-go{margin-block-start:auto;padding-block-start:16px;font-size:24px;line-height:28px;color:var(--blue-l);display:inline-block;scale:var(--dir) 1;align-self:flex-start;transition:translate 240ms var(--e-out)}
.tile--link:hover .tile-go{translate:calc(6px * var(--dir)) 0}
.tile--link{min-block-size:180px}
.tiles--4 .tile{min-block-size:150px;justify-content:flex-end}
.tile--person{min-block-size:0}
.tile--person .tile-t{font-size:28px;line-height:34px}

/* ---------- the default sections (kinds without a theme hook) stay readable on the night ---------- */
.s .wrap{padding-block:calc(var(--sec) * .6)}
.s-title{font-weight:500;font-size:40px;line-height:46px;letter-spacing:-.025em;color:#fff;max-inline-size:20em}
.s-body{margin-block-start:16px;font-size:20px;line-height:30px;color:var(--muted-d);max-inline-size:34em}
.s p{max-inline-size:40em}
.clients-s .wrap{padding-block:48px}

/* ---------- footer: over the darkest sky ---------- */
.foot{position:relative;z-index:2;padding-block:112px 48px;color:var(--text-d);background:linear-gradient(180deg,rgba(6,10,25,0),rgba(6,10,25,.55) 30%,rgba(6,10,25,.7))}
.signoff img{block-size:32px;inline-size:auto;margin-block-end:48px}
.signoff p{font-weight:500;font-size:48px;line-height:56px;letter-spacing:-.03em;max-inline-size:16em;text-wrap:balance;color:#fff}
.signoff .acc{color:var(--blue-l);display:block}
.cols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:var(--gap);margin-block-start:96px}
.col{border-block-start:1px solid var(--rule-d);padding-block-start:16px;min-inline-size:0}
.col h2{color:var(--muted-d);margin-block-end:24px;font-size:11px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;font-weight:500}
.col a{display:block;font-size:18px;line-height:28px;padding-block:2px;color:var(--text-d)}
.col a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.copy-line{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;padding-block:2px}
.copy-line .addr{font-size:18px;line-height:28px;color:var(--text-d);overflow-wrap:anywhere}
.foot .copy-btn{display:inline-flex;align-items:center;min-block-size:28px;padding:2px 12px;border:1px solid var(--rule-d);border-radius:999px;font-size:13px;line-height:20px;font-weight:500;color:var(--muted-d);transition:color 240ms ease,border-color 240ms ease}
.foot .copy-btn:hover{color:#fff;border-color:rgba(115,148,255,.5)}
.offices dl div{padding-block-end:16px}
.offices dt{font-size:18px;line-height:28px}
.offices dd a{display:inline-block;color:var(--muted-d);font-size:15px;line-height:24px;padding:0}
.lang-row a{display:inline-block}
.lang-row a[aria-current]{color:#fff}
.foot-bar{display:flex;flex-wrap:wrap;gap:16px 32px;justify-content:space-between;align-items:center;margin-block-start:96px;border-block-start:1px solid var(--rule-d);padding-block-start:24px;color:var(--muted-d);font-size:15px;line-height:24px}
.legal{display:flex;gap:8px 24px;flex-wrap:wrap;align-items:center}
.legal a{display:inline-flex;align-items:center;min-block-size:28px}
.foot-bar a:hover{color:#fff}
.motion-toggle{display:inline-flex;align-items:center;gap:8px;color:var(--muted-d);min-block-size:28px}
.motion-toggle::before{content:"";inline-size:8px;block-size:8px;border-radius:50%;background:var(--blue-l)}
.motion-toggle:hover{color:#fff}
html[data-motion=paused] .motion-toggle::before{background:transparent;box-shadow:inset 0 0 0 1px var(--muted-d)}
html:not(.js) .motion-toggle{display:none}

/* ---------- the language chooser (root) and the root 404's language row ---------- */
html.lang-go body{visibility:hidden}
.chooser{position:relative;z-index:2;min-block-size:100vh;min-block-size:100svh;display:grid;place-items:center;text-align:center;padding:48px var(--pad)}
.chooser .s-title{font-size:clamp(40px,5vw,72px);line-height:1.04;letter-spacing:-.035em;margin-inline:auto}
.chooser .s-body{margin:16px auto 0;color:var(--muted-d)}
.lang-list{display:grid;gap:12px;max-inline-size:22rem;margin:40px auto 0}
.lang-btn{display:block;padding:16px 20px;border:1px solid var(--rule-d);border-radius:4px;background:rgba(13,22,64,.7);font-weight:500;font-size:20px;line-height:28px;color:#fff;transition:background-color 240ms ease,border-color 240ms ease}
.lang-btn:hover{background:rgba(13,22,64,.9);border-color:rgba(115,148,255,.5)}
.lang-row-404{display:flex;flex-wrap:wrap;gap:12px 28px;padding-block:24px 0;font-size:18px;color:var(--muted-d)}
.lang-row-404 a:hover{color:#fff}
.preview-banner,.owner-todo{background:#3a2f00;color:#ffe9a3}

/* ---------- safety net for the form (lane F's pilot.css dresses it): the honeypot off screen, the form hidden without script ---------- */
.hp{position:absolute!important;inset-inline-start:-9999px;inline-size:1px;block-size:1px;overflow:hidden}
html:not(.js) .pilot-form[data-needs-js]>:not(noscript){display:none}
.form-sent[hidden],.form-error[hidden],.form-note[hidden],.field-error[hidden]{display:none}

/* ---------- 1100 and 760 ---------- */
@media (max-width:1100px){
  .stmt p{font-size:56px;line-height:58px}
  .p-name{font-size:96px;line-height:96px}
  .ess h2{font-size:72px;line-height:72px}
  .fig .num{font-size:72px;line-height:72px}
  .figs{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:48px}
  .cols{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:48px}
  .prod-txt{grid-column:1/span 7}
  .nav{gap:20px}
  .band-t{font-size:48px;line-height:52px}
  .outcomes li{font-size:32px;line-height:36px}
  .tiles--3,.tiles--4{--n:2}
  .phero--moment .phero-txt,.phero--moment .phero-act{max-inline-size:min(62%,800px)}
  .hero--company .h1--stmt,.hero--company .clients{max-inline-size:none}
}
@media (max-width:760px){
  .nav{display:none}
  .menu-btn:not([hidden]){display:inline-flex}
  .hdr .btn-primary{padding-inline:14px}
  .hdr-in{gap:12px}
  /* the phone menu: a solid night ground under the header; while it is open the page behind is hidden, so focus stays in the menu */
  .nav-wrap{display:none}
  .hdr.is-open .nav-wrap{display:block;position:fixed;inset:var(--hdr) 0 0;z-index:59;background:var(--night-0);padding:24px var(--pad) 48px;overflow:auto}
  .hdr.is-open .menu{display:block;background:var(--night-0)}
  html:has(.hdr.is-open){overflow:hidden}
  html:has(.hdr.is-open) :is(main,.foot,.skip,.ov,#sky){visibility:hidden}
  .hero-sky{inline-size:100%;block-size:45%}
  .h1{font-size:clamp(44px,12.5vw,56px);line-height:1.04}
  .clients ul{flex-wrap:wrap;white-space:normal;gap:4px 20px;font-size:15px;line-height:24px;max-inline-size:22em}
  .clients{margin-block-start:20px}
  .hero{align-items:flex-end}
  .hero-in{padding-block:0 96px;min-block-size:55svh;display:flex;flex-direction:column;justify-content:center}
  .pp{inset-block-end:24px}
  .hero--company{align-items:flex-end}
  .hero--company .hero-sky{inset:88px 0 auto;block-size:36%}
  .h1--stmt{font-size:clamp(36px,10vw,48px);line-height:1.08}
  .hero-b{font-size:18px;line-height:28px}
  .chips-row{flex-direction:column;gap:4px;font-size:15px;line-height:24px}
  .chips-row li+li::before{display:none}
  .stmt p{font-size:36px;line-height:40px}
  .prod{display:flex;flex-direction:column;align-items:stretch;padding-block:0 32px;min-block-size:0;block-size:auto}
  .prod-sky{position:relative;inset:auto!important;order:-1;inline-size:100%}
  .prod--argus .prod-sky{block-size:50vh;block-size:50svh}
  .prod--tessera .prod-sky{block-size:56vh;block-size:56svh}
  .prod--argus{padding-block-start:0}
  .p-name{font-size:56px;line-height:56px}
  .p-line{font-size:20px;line-height:28px}
  .dcard{padding:18px 16px 14px;margin-block-start:32px}
  .dc-top{flex-direction:column-reverse;gap:10px}
  .dc-title{font-size:24px;line-height:30px}
  .dc-body{grid-template-columns:1fr;gap:16px}
  .dc-foot{flex-direction:column;align-items:flex-start;gap:10px}
  .dc-rows{flex-wrap:wrap;gap:8px}
  .rm-ring-d{display:none}
  .rm-ring-p{display:block}
  .ess h2{font-size:48px;line-height:52px}
  .proof h2{font-size:32px;line-height:36px}
  .proof-l,.proof-l a{font-size:16px;line-height:24px}
  .figs{grid-template-columns:1fr;row-gap:32px;margin-block-start:48px}
  .fig .num{font-size:52px;line-height:56px}
  .fig .what{font-size:16px;line-height:24px;margin-block-start:12px}
  .ask{grid-template-columns:1fr}
  .blk{min-block-size:220px;padding:24px}
  .blk .t{font-size:40px;line-height:44px}
  .k-main .b{max-inline-size:none}
  .stripes{inline-size:55%;inset-block:55% 0}
  .k-side .t,.k-mail .t{font-size:32px;line-height:36px}
  .k-mail .mail{font-size:18px;line-height:28px}
  .ask-t{font-size:32px;line-height:36px}
  .phero{flex-direction:column;align-items:stretch;justify-content:flex-end;min-block-size:0}
  .phero--moment{padding-block-start:var(--hdr)}
  .phero .phero-sky{position:relative;inset:auto;order:-1;inline-size:100%;block-size:40vh;block-size:40svh}
  .phero-in{padding-block:24px 48px}
  .phero--read .phero-in{padding-block:calc(var(--hdr) + 56px) 40px}
  .phero--moment .phero-txt,.phero--moment .phero-act{max-inline-size:none}
  .phero-t,.phero--read .phero-t{font-size:clamp(36px,10vw,44px);line-height:1.08}
  .phero-b{font-size:18px;line-height:28px}
  .band-t{font-size:32px;line-height:36px}
  .band-b{font-size:18px;line-height:28px}
  .outcomes{flex-direction:column;margin-block-start:32px}
  .outcomes li{font-size:28px;line-height:32px;padding:16px 0;border-block-end:1px solid var(--rule-d)}
  .outcomes li+li{border-inline-start:0;padding-inline-start:0}
  .lockups{gap:20px 40px}
  .lockups img{block-size:32px}
  .tiles-t{font-size:32px;line-height:36px}
  .tiles,.tiles--3,.tiles--4,.tiles--2{--n:1}
  .tile{min-block-size:0;padding:24px}
  .signoff p{font-size:32px;line-height:40px}
  .cols{grid-template-columns:1fr 1fr}
  .foot{padding-block-start:80px}
}

/* ---------- motion: the rise stops for reduced motion and when paused (the sky core stops itself) ---------- */
@media (prefers-reduced-motion:reduce){[data-rise] .w{animation:none}.t3d-lab,.cst,.sky-pill{transition:none!important}.pp{display:none}html{scroll-behavior:auto}}
html[data-motion=paused] [data-rise] .w{animation:none}

/* ---------- Arabic: IBM Plex Sans Arabic (OFL, assets/fonts/OFL-IBM-Plex-Sans-Arabic.txt), weights 200 to 700 as Manrope's; unicode-range keeps
   Latin words, brand names and figures in Manrope. Joined script: no tracking, no forced capitals; display sizes about 0.85x (plan 4.6). ---------- */
@font-face{font-family:"Plex Arabic";src:url(theme/fonts/plex-arabic-200.woff2) format("woff2");font-weight:200;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Plex Arabic";src:url(theme/fonts/plex-arabic-300.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Plex Arabic";src:url(theme/fonts/plex-arabic-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Plex Arabic";src:url(theme/fonts/plex-arabic-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Plex Arabic";src:url(theme/fonts/plex-arabic-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Plex Arabic";src:url(theme/fonts/plex-arabic-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
html:lang(ar) body{font-family:"Plex Arabic",Manrope,system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif}
:lang(ar){letter-spacing:0!important;text-transform:none!important}
html:lang(ar) .h1{font-size:clamp(54px,6.3vw,102px);line-height:1.2}
html:lang(ar) .h1--stmt{font-size:clamp(44px,4.9vw,82px);line-height:1.25}
html:lang(ar) .stmt p{font-size:61px;line-height:1.25}
html:lang(ar) .ess h2{font-size:82px;line-height:1.2}
html:lang(ar) :is(.phero-t,.band-t,.tiles-t,.ask-t,.proof h2,.signoff p){line-height:1.3}
html:lang(ar) .phero-t{font-size:clamp(42px,4.6vw,75px)}
html:lang(ar) .phero--read .phero-t{font-size:clamp(34px,3.6vw,54px)}
html:lang(ar) .band-t{font-size:48px}
html:lang(ar) .blk .t{font-size:48px;line-height:1.2}
html:lang(ar) :is(.k-side,.k-mail) .t{font-size:34px;line-height:1.3}
html:lang(ar) .outcomes li{font-size:34px;line-height:1.3}
html:lang(ar) .signoff p{font-size:41px}
html:lang(ar) .dc-title{line-height:1.3}
@media (max-width:1100px){html:lang(ar) .stmt p{font-size:48px}html:lang(ar) .ess h2{font-size:61px}html:lang(ar) .band-t{font-size:41px}}
@media (max-width:760px){
  html:lang(ar) .h1{font-size:clamp(38px,10.6vw,48px)}
  html:lang(ar) .h1--stmt{font-size:clamp(31px,8.5vw,41px)}
  html:lang(ar) .stmt p{font-size:31px}
  html:lang(ar) .ess h2{font-size:41px}
  html:lang(ar) :is(.phero-t,.phero--read .phero-t){font-size:clamp(31px,8.5vw,38px)}
  html:lang(ar) .band-t{font-size:28px}
  html:lang(ar) .blk .t{font-size:34px}
  html:lang(ar) :is(.k-side,.k-mail) .t{font-size:28px}
  html:lang(ar) .signoff p{font-size:28px}
}

/* ---------- narrow phones: the Menu button keeps its name for readers and shows only its icon, the logo steps down, so the header never overflows ---------- */
@media (max-width:440px){.menu-btn:not([hidden]){font-size:0;gap:0;padding-inline:12px}.brand img{block-size:24px}.hdr .btn-primary{padding-inline:12px;font-size:14px}}

/* ---------- G12 fixes (23 Oct 2026, the art critic's round 1, G12-r1.md) ---------- */
/* P10: eyebrows keep a night halo, so a star passing behind never crosses their letters */
.kick{text-shadow:0 0 6px var(--night-0),0 0 14px var(--night-0)}
/* P1: the outcome words carry the decision card's mark; Step up is lit as on the card */
.outcomes li{display:flex;align-items:center;gap:14px}
.outcomes .dm{inline-size:10px;block-size:10px;color:rgba(115,148,255,.55)}
.outcomes .on{color:#fff}
.outcomes .on .dm{color:#fff;box-shadow:0 0 10px rgba(207,220,255,.85)}
/* P1: the Argus Shadow and copilot cards, in the decision card's night glass */
.scard,.ccard{margin-block-start:0;max-inline-size:600px}
.sc-eye{text-transform:uppercase}
.dc-chip--sh{border-color:rgba(167,139,250,.5);background:rgba(167,139,250,.08);color:#c4b5fd}
.dc-chip--draft{border-color:rgba(255,196,107,.5);background:rgba(255,196,107,.07);color:#ffd28a}
.sc-lanes{display:grid;gap:12px;margin-block-start:18px}
.sc-lane{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:16px;padding:12px 14px;border:1px solid rgba(115,148,255,.28);border-radius:12px;background:rgba(6,10,40,.35)}
.sc-lane--sh{border-style:dashed;border-color:rgba(167,139,250,.45)}
.sc-tag{display:flex;align-items:center;gap:10px;font-size:15px;line-height:20px;font-weight:600;color:#fff}
.dc-v--sh{border-color:rgba(167,139,250,.55);color:#c4b5fd}
.sc-row{display:flex;justify-content:space-between;align-items:center;gap:6px}
.sc-m{display:inline-block;inline-size:10px;block-size:10px;rotate:45deg;border-radius:1px;flex:none;background:rgba(115,148,255,.5)}
.sc-m--s{background:var(--core);box-shadow:0 0 10px rgba(0,77,237,.9);outline:1px solid rgba(207,220,255,.7)}
.sc-m--r{background:#ffc46b}
.sc-m--chg{box-shadow:0 0 0 3px rgba(167,139,250,.3),0 0 14px rgba(167,139,250,.7)}
.sc-legend{display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--muted-d)}
.sc-legend li{display:flex;align-items:center;gap:8px;white-space:nowrap}
.sc-legend .sc-m{inline-size:8px;block-size:8px}
.scard .dc-foot{flex-wrap:wrap}
.scard .dc-foot p{white-space:normal}
.cc-line{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:baseline;margin-block-start:18px;padding-block-start:14px;border-block-start:1px solid rgba(115,148,255,.18)}
.ccard .dc-top+.cc-line{border-block-start:0;padding-block-start:0}
.cc-text{font-size:18px;line-height:27px;color:#fff;font-weight:500}
.cc-cited{display:flex;flex-wrap:wrap;gap:8px}
.cc-cited li{padding:3px 10px;border:1px solid rgba(115,148,255,.4);border-radius:6px;font-size:13px;line-height:18px;color:var(--ice)}
.cc-foot{flex-direction:column;align-items:flex-start;gap:6px}
.cc-foot .cc-ok{color:#3ddc97;font-weight:600;white-space:nowrap}
.cc-foot .cc-note{color:var(--muted-d);font-weight:400;white-space:normal}
/* A1: How it works, the customer map: the galaxy far and dim, its named groups each carrying "Computed" */
.cmap{position:relative;margin:0}
.cm-pic{display:block;aspect-ratio:1296/1194}
.cm-pic img{display:block;inline-size:100%;block-size:100%;object-fit:contain;opacity:.82;-webkit-mask-image:radial-gradient(closest-side,#000 64%,transparent 100%);mask-image:radial-gradient(closest-side,#000 64%,transparent 100%)}
.cm-labs{position:absolute;inset:0;pointer-events:none}
.cm-lab{position:absolute;inset:var(--y) auto auto var(--x);translate:-50% -50%;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:5px 6px 5px 10px;border-radius:999px;
  background:rgba(7,11,30,.9);border:1px solid color-mix(in srgb,var(--c) 45%,transparent);font:500 13px/16px Manrope,system-ui,sans-serif;color:#eef1fa;box-shadow:0 10px 28px rgba(2,4,14,.5)}
html:lang(ar) .cm-lab{font-family:"Plex Arabic",Manrope,system-ui,sans-serif}
.cm-lab .dot{inline-size:6px;block-size:6px;border-radius:50%;flex:none;background:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 22%,transparent)}
.cm-chip{display:inline-flex;align-items:center;gap:5px;padding:1px 8px;border-radius:999px;background:color-mix(in srgb,var(--c) 16%,transparent);color:color-mix(in srgb,var(--c) 70%,#fff);font-size:11px;line-height:16px;font-weight:600}
.cm-chip .dm{inline-size:5px;block-size:5px}
/* P7: How it works, the event transformer, drawn */
.tfig{margin:0}
.tfig svg{display:block;inline-size:100%;block-size:auto;max-inline-size:640px}
/* G12 content r1 B1: the figure's five steps under their columns (five equal cells = the drawing's column centres), then one caption */
.tfig-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));max-inline-size:640px;margin-block-start:4px;text-align:center;font-size:14px;line-height:19px;font-weight:500;color:var(--text-d)}
.tfig-steps li{padding-inline:2px;overflow-wrap:break-word;hyphens:auto}
.tfig-steps .nx{color:#a8c9ff}
.tfig-cap{max-inline-size:640px;margin-block-start:20px;font-size:15px;line-height:22px;color:var(--muted-d)}
html[dir="rtl"] .tfig svg{transform:scaleX(-1)}
@media (max-width:760px){.tfig-steps{font-size:12px;line-height:16px}}
/* P7: the base of all Mantika products: two symbols and names, equal size, on one hairline */
.bases{display:flex;flex-wrap:wrap;gap:24px 96px;margin-block-start:56px;padding-block-end:28px;border-block-end:1px solid var(--rule-d);max-inline-size:760px}
.base-p{display:flex;align-items:center;gap:18px}
.base-sym{inline-size:56px;block-size:56px}
.base-n{display:grid;gap:2px}
.base-name{font-weight:500;font-size:40px;line-height:44px;letter-spacing:-.03em;color:#fff}
/* P2: Tessera predictions, short tiles with a small cluster in a galaxy group's hue */
.tiles .tile--g{flex-direction:row;align-items:center;justify-content:flex-start;gap:16px;min-block-size:96px;padding:20px 24px}
.tile-g{flex:none;inline-size:40px;block-size:40px}
.tile--g .tile-t{font-size:24px;line-height:30px}
@media (max-width:760px){
  .bases{gap:20px 40px;margin-block-start:32px}
  .base-sym{inline-size:44px;block-size:44px}
  .base-name{font-size:30px;line-height:34px}
  .sc-lane{grid-template-columns:minmax(0,1fr);gap:10px}
  .cc-line{grid-template-columns:minmax(0,1fr);gap:6px}
  .cm-labs{position:static;display:flex;flex-wrap:wrap;gap:10px;margin-block-start:-24px}
  .cm-lab{position:static;translate:none}
  .tiles .tile--g{min-block-size:0}
}
/* P10: Arabic footer heads and kickers at a readable size */
html:lang(ar) .col h2{font-size:14px;line-height:20px;color:var(--text-d)}
html:lang(ar) .kick{font-size:14px;line-height:20px}
html:lang(ar) .phero .p-head .kick{font-size:15px}
html:lang(ar) .dc-eye,html:lang(ar) .dc-cap{font-size:14px;line-height:20px}
html:lang(ar) .base-name{line-height:1.3}
/* ---------- content round 2, page group home (23 Oct): the hero sub-line and button (S1), "Trusted by" (S2), the compact decision card
   on the home Argus tile, the Tessera engine note (S7), and the USD 30 billion line at the weight of the strongest proof ---------- */
.hero-sub{margin-block-start:28px;font-size:24px;line-height:34px;color:var(--text-d);max-inline-size:27em;text-wrap:pretty}
.hero-acts{display:flex;flex-wrap:wrap;gap:12px;margin-block-start:32px}
.hero .clients{margin-block-start:48px}
.clients-k{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-l);margin-block-end:10px}
.p-note{font-size:16px;line-height:24px;color:var(--muted-d);margin-block-start:12px;max-inline-size:30em}
.dcard--c{max-inline-size:560px}
.dc-chip--step{border-color:rgba(115,148,255,.6);background:rgba(0,77,237,.4);color:#fff}
.dc-chip--step .dm{color:var(--ice)}
.dc-gloss{font-size:16px;line-height:24px;color:var(--text-d)}
.dc-row{display:grid;grid-template-columns:minmax(0,9.5em) minmax(0,1fr);gap:16px;align-items:baseline;margin-block-start:14px;padding-block-start:12px;border-block-start:1px solid rgba(115,148,255,.22)}
.dc-sig{display:grid;grid-template-columns:repeat(2,max-content);gap:6px 24px;font-size:14px;line-height:20px}
.dc-sig li+li::before{display:none}
.dcard--c .dc-why{margin-block-start:0}
.dc-rec{margin-block-start:14px;font-size:13px;line-height:18px;color:var(--muted-d)}
.proof[data-hold="proof"] .proof-l{max-inline-size:none}
.proof[data-hold="proof"] .proof-l a{font-size:clamp(24px,2.2vw,32px);line-height:1.3;font-weight:500;color:#fff;letter-spacing:-.01em}
html:lang(ar) .clients-k{font-size:14px;line-height:20px;letter-spacing:0}
@media (max-width:760px){
  .hero-sub{font-size:18px;line-height:27px;margin-block-start:18px}
  .hero-acts{margin-block-start:22px}
  .hero .clients{margin-block-start:28px}
  .dc-row{grid-template-columns:minmax(0,1fr);gap:6px}
  .proof[data-hold="proof"] .proof-l a{font-size:20px;line-height:28px}
}

/* ---------- content round 3, page group home (23 Oct): the h1 one sentence per line, balanced product lines, the ring pill's label
   ("One fraud ring" over its counts), the Argus card legend, and the Tessera tile's compact card (groups and what the team does) ---------- */
.hero #h1 .accent{display:block}
.prod .p-line{text-wrap:balance}
.sky-pill .pk,.rm-pic .t3d-lab .pk{display:block;font-size:11px;line-height:14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-l);margin-block-end:2px}
.sky-pill:has(.pk),.rm-pic .t3d-lab:has(.pk){border-radius:14px;padding-block:6px;align-items:center}
html:lang(ar) .sky-pill .pk,html:lang(ar) .rm-pic .t3d-lab .pk{letter-spacing:0;font-size:12px;line-height:16px}
.dc-lit{display:flex;align-items:center;gap:6px;margin-block-start:8px;font-size:12px;line-height:16px;color:var(--muted-d)}
.dc-lit .dm{inline-size:7px;block-size:7px;color:#fff;box-shadow:0 0 8px rgba(207,220,255,.8)}
.tc-rows{display:grid;gap:0;margin-block-start:14px}
.tc-rows li{display:grid;grid-template-columns:minmax(0,13em) minmax(0,1fr);gap:16px;align-items:baseline;padding-block:10px;border-block-start:1px solid rgba(115,148,255,.22);font-size:15px;line-height:22px}
.tc-g{display:inline-flex;align-items:center;gap:8px;color:var(--muted-d);font-weight:500}
.tc-g .dot{inline-size:7px;block-size:7px;border-radius:50%;flex:none;background:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 20%,transparent)}
.tc-a{color:var(--text-d)}
.tc-rows li.on .tc-g{color:#fff}
.tc-rows li.on .tc-a{color:#fff;font-weight:500}
@media (max-width:760px){
  .tc-rows li{grid-template-columns:minmax(0,1fr);gap:2px;padding-block:8px}
}

/* ---------- POLISH ar r1 (23 Oct, native critic): Arabic proof figures (figures.mjs .num-u). The digits stay left to right in a <bdi>; the
   Arabic unit sits beside them, smaller, in the page direction. en, es and pt-BR figures have no .num-u and are unchanged. ---------- */
.fig .num.num-u{direction:inherit;text-align:start}
.fig .num-u .unit{font-size:.34em;line-height:1;letter-spacing:0;margin-inline-start:.1em}
@media (min-width:761px){html:lang(ar) .fig{container-type:inline-size}html:lang(ar) .fig .num.num-u{font-size:min(96px,26cqi)}}
@media (min-width:761px) and (max-width:1100px){html:lang(ar) .fig .num.num-u{font-size:min(72px,26cqi)}}
/* POLISH ar r1: no orphan word on the last line of Arabic copy (critic: the Tessera hero left "معه." alone at 1440); headings balanced */
html:lang(ar) :is(main,footer) p{text-wrap:pretty}
html:lang(ar) :is(h1,h2,.dc-title,.phero-b){text-wrap:balance}

/* Mantika skies theme: the text and list sections (lane F, FINAL-SITE-PLAN.md r2 5.4 and 4.2).
   Reading pages (careers, news, insights, the three articles, privacy, terms) sit on the quiet sky; the same sections also serve the product and
   company pages with a larger display variant. Tokens come from theme.css (sketch D r4); every var() has its r4 value as fallback.
   Logical properties only (QA fails on left, right, width, height). No white or light backgrounds. Nothing here animates except a 240 ms hover. */

.rd {
  --rd-rule: var(--rule-d, rgba(115, 148, 255, .22));
  --rd-line: var(--line-d, rgba(238, 241, 250, .4));
  --rd-text: var(--text-d, #eef1fa);
  --rd-muted: var(--muted-d, #a3adca);
  --rd-blue-l: var(--blue-l, #7394ff);
  --rd-hdr: var(--hdr, 72px);
  --rd-gap: var(--gap, 32px);
  --rd-ease: var(--e-out, cubic-bezier(.215, .61, .355, 1));
  position: relative;
  scroll-margin-block-start: calc(var(--rd-hdr) + 8px);
}
.rd > .wrap { padding-block: 0; }

/* ---------- the frame: head at the start, body beside it (12 columns) ---------- */
.rd-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--rd-gap);
  row-gap: 20px;
  align-items: start;
  padding-block: 40px 48px;
  border-block-start: 1px solid var(--rd-rule);
}
.rd-head { grid-column: 1 / span 4; min-inline-size: 0; }
.rd-body { grid-column: 5 / span 7; min-inline-size: 0; }
.rd--bare .rd-body { grid-column: 1 / -1; }
.rd-kick { margin-block-end: 12px; }
.rd-title { margin: 0; font-weight: 500; color: #fff; text-wrap: balance; overflow-wrap: break-word; }
.rd-title .accent { color: var(--rd-blue-l); }

/* ---------- reading pages: calm headings, a measured column ---------- */
.rd--legal .rd-title { font-size: 24px; line-height: 32px; letter-spacing: -.02em; }
.rd--legal .rd-head { position: sticky; inset-block-start: calc(var(--rd-hdr) + 24px); }
.rd--legal .rd-body, .rd--article .rd-body, .rd--news .rd-body { font-size: 18px; line-height: 28px; color: var(--rd-text); }
.rd-lead { margin: 0; color: #fff; max-inline-size: 40em; }
.rd-body > p { margin: 0; max-inline-size: 40em; }
.rd-body > p + p, .rd-body > p + * , .rd-body > * + p { margin-block-start: 16px; }
.rd-body > .rd-lead + * { margin-block-start: 16px; }

/* the three articles: one reading column, larger type */
.rd--article .rd-body { grid-column: 1 / span 8; font-size: 20px; line-height: 32px; }
.rd--article .rd-body > p { max-inline-size: 36em; }
.rd--article .rd-body > p + p { margin-block-start: 28px; }
.rd--article .rd-grid { padding-block: 56px 72px; }

/* ---------- product and company pages: one statement, or a split with a larger heading ---------- */
.rd--stmt > .wrap, .rd--letter > .wrap { padding-block: 0; }
.rd--stmt .rd-grid { display: block; border-block-start: 0; padding-block: calc(var(--sec, 128px) * .75) calc(var(--sec, 128px) * .25); }
.rd--stmt .rd-title { font-size: clamp(36px, 5.2vw, 72px); line-height: 1.04; letter-spacing: -.04em; max-inline-size: 11.6em; }
.rd--stmt .rd-lead { margin-block-start: 24px; font-size: 24px; line-height: 32px; color: var(--rd-text); max-inline-size: 22em; }
.rd--stmt .rd-body > p:not(.rd-lead) { margin-block-start: 16px; font-size: 18px; line-height: 28px; color: var(--rd-muted); }
.rd--stmt .rd-body, .rd--stmt .rd-head { max-inline-size: 760px; }

.rd--split .rd-title { font-size: clamp(30px, 3.8vw, 52px); line-height: 1.08; letter-spacing: -.035em; }
.rd--split .rd-grid { padding-block: calc(var(--sec, 128px) * .5); }
.rd--split .rd-head { grid-column: 1 / span 5; }
.rd--split .rd-body { grid-column: 6 / span 7; font-size: 18px; line-height: 28px; color: var(--rd-text); }

/* the CEO letter (Company) */
.rd--letter .rd-grid { padding-block: calc(var(--sec, 128px) * .6); }
.rd--letter .rd-title { font-size: clamp(30px, 3.8vw, 52px); line-height: 1.08; letter-spacing: -.035em; }
.rd--letter .rd-head { grid-column: 1 / span 4; }
.rd--letter .rd-body { grid-column: 5 / span 7; font-size: 20px; line-height: 32px; color: var(--rd-text); }
.rd--letter .rd-body > p { max-inline-size: 34em; }
.rd--letter .rd-body > p + p { margin-block-start: 24px; }
.signature { margin-block-start: 40px; font-size: 16px; line-height: 24px; color: var(--rd-muted); }
.signature strong { display: block; font-weight: 600; color: #fff; font-size: 20px; line-height: 28px; }

/* ---------- links inside the text ---------- */
.rd-body p:not(.actions) a:not(.btn):not(.copy-btn) {
  color: var(--rd-blue-l); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px;
  text-decoration-color: rgba(115, 148, 255, .5); transition: color 240ms ease, text-decoration-color 240ms ease;
}
.rd-body p:not(.actions) a:not(.btn):not(.copy-btn):hover { color: #fff; text-decoration-color: #fff; }
.rd .actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 32px; margin: 24px 0 0; }
.rd .actions .link, .rd .actions a.link {
  display: inline-flex; align-items: center; gap: 10px; font-weight: 500; font-size: 18px; line-height: 28px; color: #fff;
  border-block-end: 1px solid var(--rd-line); padding-block-end: 2px; text-decoration: none; transition: border-color 240ms ease;
}
.rd .actions .link:hover { border-color: #fff; }
.rd .addr { color: var(--rd-muted); font-weight: 500; }

/* ---------- arrows (mirrored in right-to-left) ---------- */
.rd .arr { display: inline-block; scale: var(--dir, 1) 1; transition: translate 240ms var(--rd-ease); }
[dir="rtl"] .rd .arr { scale: -1 1; }

/* ---------- facts: label and value rows (company details, write or call, trust) ---------- */
.rd .facts { display: grid; margin: 0; padding: 0; }
.rd .facts > div {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 6px 24px; align-items: baseline;
  padding-block: 18px; border-block-end: 1px solid var(--rd-rule);
}
.rd .facts > div:first-child { border-block-start: 1px solid var(--rd-rule); }
.rd .facts dt { margin: 0; font-size: 15px; line-height: 24px; color: var(--rd-muted); }
.rd .facts dd {
  margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; min-inline-size: 0; text-align: start;
  font-size: 22px; line-height: 30px; font-weight: 500; letter-spacing: -.01em; color: #fff; overflow-wrap: anywhere;
}
.rd .rd-body .facts dd a { color: inherit; text-decoration: none; border-block-end: 1px solid var(--rd-line); transition: border-color 240ms ease; unicode-bidi: isolate; }
.rd .rd-body .facts dd a:hover { color: #fff; border-color: #fff; }
.rd .facts dd bdi, .rd .facts dd [dir="ltr"] { unicode-bidi: isolate; }
.rd .facts .hint { flex-basis: 100%; font-size: 15px; line-height: 24px; font-weight: 400; letter-spacing: 0; color: var(--rd-muted); }

/* ---------- cards without pictures: the principle rows (Trust, Tessera) ---------- */
.rd .cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); column-gap: var(--rd-gap); row-gap: 0; }
.rd .card { padding-block: 22px 28px; border-block-start: 1px solid var(--rd-rule); min-inline-size: 0; }
.rd .card-title { margin: 0; font-size: 24px; line-height: 32px; font-weight: 500; letter-spacing: -.02em; color: #fff; text-wrap: balance; }
.rd .card-title::before {
  content: ""; display: inline-block; inline-size: 7px; block-size: 7px; rotate: 45deg; margin-inline-end: 14px;
  background: var(--rd-blue-l); vertical-align: middle; translate: 0 -2px;
}
.rd .card-text, .rd .card-sub { margin: 10px 0 0; font-size: 16px; line-height: 24px; color: var(--rd-muted); }

/* ---------- steps (How it connects: the way to a pilot) ---------- */
.rd .steps { margin: 0; padding: 0; list-style: none; }
.rd .steps li { display: grid; grid-template-columns: 56px minmax(0, 1fr); align-items: baseline; padding-block: 20px; border-block-start: 1px solid var(--rd-rule); }
.rd .steps li:last-child { border-block-end: 1px solid var(--rd-rule); }
.rd .step-n { font-size: 15px; line-height: 24px; font-weight: 600; color: var(--rd-blue-l); font-variant-numeric: tabular-nums; direction: ltr; text-align: start; unicode-bidi: isolate; }
.rd .step-b strong { display: block; font-size: 24px; line-height: 32px; font-weight: 500; letter-spacing: -.02em; color: #fff; }
.rd .step-b span { display: block; margin-block-start: 6px; font-size: 16px; line-height: 24px; color: var(--rd-muted); }

/* ---------- columns (How it connects: from your sources to your teams' tools) ---------- */
.rd-body--cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--rd-gap); row-gap: 32px; }
.rd-body--cols > * { margin: 0 !important; }
.rd .col { padding: 0; border: 0; }
.rd .col h3 { margin: 0 0 8px; font-size: 11px; line-height: 16px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--rd-muted); padding-block-end: 8px; border-block-end: 1px solid var(--rd-rule); }
.rd .col ul { margin: 0; padding: 0; list-style: none; }
.rd .col li { padding-block: 12px; border-block-end: 1px solid var(--rd-rule); font-size: 22px; line-height: 30px; font-weight: 500; letter-spacing: -.01em; color: #fff; }
.rd .col li strong { font-weight: 600; }

/* ---------- news ---------- */
.rd--news .rd-grid { padding-block: 0 8px; border-block-start: 0; }
.rd--news .rd-body { grid-column: 1 / -1; }
.rd--news.rd .rd-head { grid-column: 1 / -1; }
.rd-news-item { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--rd-gap); padding-block: 36px 44px; border-block-start: 1px solid var(--rd-rule); }
.rd-news-item:last-child { border-block-end: 0; }
.rd-date { grid-column: 1 / span 4; margin: 10px 0 0 !important; font-size: 15px; line-height: 24px; color: var(--rd-muted); font-variant-numeric: tabular-nums; }
.rd-news-main { grid-column: 5 / span 8; min-inline-size: 0; }
.rd-news-title { margin: 0; font-size: clamp(26px, 3vw, 40px); line-height: 1.14; letter-spacing: -.03em; font-weight: 500; color: #fff; text-wrap: balance; }
.rd-news-title a { color: inherit; text-decoration: none; transition: color 240ms ease; }
.rd-news-title a .arr { margin-inline-start: 6px; font-size: .8em; color: var(--rd-blue-l); }
.rd-news-title a:hover .arr { translate: calc(3px * var(--dir, 1)) -3px; }
.rd-news-title a:hover { color: var(--rd-blue-l); }
.rd-news-text { margin: 16px 0 0 !important; font-size: 20px; line-height: 30px; color: var(--rd-text); max-inline-size: 32em; }

/* ---------- reading pages other sections: the closing blocks and tiles keep the theme's own look ---------- */

/* ---------- Arabic: no tracking, no capitals, display sizes a little smaller ---------- */
:lang(ar) .rd-title, :lang(ar) .rd-news-title, :lang(ar) .rd .card-title, :lang(ar) .rd .step-b strong, :lang(ar) .rd .facts dd, :lang(ar) .rd .col li { letter-spacing: 0; }
:lang(ar) .rd .col h3, :lang(ar) .rd-kick { letter-spacing: 0; text-transform: none; }
:lang(ar) .rd--stmt .rd-title { font-size: clamp(32px, 4.4vw, 62px); line-height: 1.2; }
:lang(ar) .rd--split .rd-title, :lang(ar) .rd--letter .rd-title { line-height: 1.25; }
:lang(ar) .rd--legal .rd-title { line-height: 1.5; }

/* ---------- 1100 and 760 ---------- */
@media (max-width: 1100px) {
  .rd-head, .rd--split .rd-head, .rd--letter .rd-head { grid-column: 1 / span 5; }
  .rd-body, .rd--split .rd-body, .rd--letter .rd-body { grid-column: 6 / span 7; }
  .rd--article .rd-body { grid-column: 1 / span 10; }
  .rd-date { grid-column: 1 / span 4; }
  .rd-news-main { grid-column: 5 / span 8; }
}
@media (max-width: 760px) {
  .rd-grid { display: block; padding-block: 32px 36px; }
  .rd--stmt .rd-grid, .rd--split .rd-grid, .rd--letter .rd-grid { padding-block: 56px; }
  .rd-head, .rd--legal .rd-head { position: static; margin-block-end: 16px; }
  .rd--article .rd-body { font-size: 18px; line-height: 30px; }
  .rd--article .rd-grid { padding-block: 40px 56px; }
  .rd--stmt .rd-lead { font-size: 20px; line-height: 28px; }
  .rd--letter .rd-body { font-size: 18px; line-height: 30px; }
  .rd .facts > div { grid-template-columns: minmax(0, 1fr); gap: 2px; padding-block: 16px; }
  .rd .facts dd { font-size: 20px; line-height: 28px; }
  .rd-body--cols { grid-template-columns: minmax(0, 1fr); row-gap: 24px; }
  .rd .step-b strong, .rd .card-title { font-size: 20px; line-height: 28px; }
  .rd .steps li { grid-template-columns: 40px minmax(0, 1fr); }
  .rd-news-item { display: block; padding-block: 28px 32px; }
  .rd-date { margin: 0 0 10px !important; }
  .rd-news-text { font-size: 18px; line-height: 28px; }
  .rd .col li { font-size: 20px; line-height: 28px; }
}
@media (prefers-reduced-motion: reduce) {
  .rd .arr, .rd-body a, .rd-news-title a, .rd .facts dd a { transition: none; }
}
@media (forced-colors: active) {
  .rd .card-title::before { background: CanvasText; }
}

/* ---------- G12 fixes (23 Oct 2026, the art critic's round 1, G12-r1.md) ---------- */
/* A1, P1, P7: a one-statement section with its picture at the end of the row (Argus Shadow and copilot, How it works) */
.rd--stmt.rd--fig .rd-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--rd-gap); row-gap: 0; align-items: center; }
.rd--fig .rd-head { grid-column: 1 / span 5; grid-row: 1; align-self: end; }
.rd--fig .rd-body { grid-column: 1 / span 5; grid-row: 2; align-self: start; }
.rd--fig .rd-fig { grid-column: 7 / span 6; grid-row: 1 / span 2; min-inline-size: 0; }
/* P3: four statements as a 2 x 2 grid; each names its product in small type with its symbol */
.rd .cards--n4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rd .card-prod { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; font-size: 13px; line-height: 20px; font-weight: 600; letter-spacing: .04em; color: var(--rd-muted); }
.rd .card-sym { inline-size: 24px; block-size: 24px; }
.rd .card--prod .card-title::before { display: none; }
.rd .card--prod { padding-block: 24px 32px; }
/* P8: the end of an article: back to Insights, and the next article */
.rd-next { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px 40px; margin-block-start: 48px !important; padding-block-start: 24px; border-block-start: 1px solid var(--rd-rule); max-inline-size: 36em; }
.rd-next .lnk { font-size: 18px; line-height: 28px; }
.rd-next-a { max-inline-size: 22em; text-align: end; }
.rd .arr--back { scale: var(--dir, 1) 1; }
[dir="rtl"] .rd .arr--back { scale: -1 1; }
.rd-next .lnk--back:hover .arr { translate: calc(-4px * var(--dir, 1)) 0; }
@media (max-width: 1100px) {
  .rd--fig .rd-head, .rd--fig .rd-body { grid-column: 1 / span 6; }
  .rd--fig .rd-fig { grid-column: 7 / span 6; }
}
@media (max-width: 760px) {
  .rd--stmt.rd--fig .rd-grid { display: block; }
  .rd--fig .rd-fig { margin-block-start: 32px; }
  .rd .cards--n4 { grid-template-columns: minmax(0, 1fr); }
  .rd-next { flex-direction: column; }
  .rd-next-a { text-align: start; }
}
:lang(ar) .rd .card-prod { letter-spacing: 0; }

/* Mantika skies theme: the pilot page's form, its states and the Copy button (lane F, FINAL-SITE-PLAN.md r2 section 7 and 4.2).
   The form is the build's own markup (.pilot-form, .field, .field-error, .form-note, .form-sent, .form-error, .hp, .consent). It posts as JSON from
   src/client/site.js; this file only dresses it. Dark panel (night-1 at 70%, 1 px rule, 4 px corners, as the side blocks of the home pilot block);
   the one strong action is the white button. Logical properties only. No light backgrounds. */

.pf {
  --pf-rule: var(--rule-d, rgba(115, 148, 255, .22));
  --pf-text: var(--text-d, #eef1fa);
  --pf-muted: var(--muted-d, #a3adca);
  --pf-blue-l: var(--blue-l, #7394ff);
  --pf-hdr: var(--hdr, 72px);
  --pf-err: #ffb4a8;
  position: relative;
  scroll-margin-block-start: calc(var(--pf-hdr) + 8px);
}
.pf > .wrap { padding-block: 0; }
.pf-grid {
  display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gap, 32px); align-items: start;
  padding-block: 56px calc(var(--sec, 128px) * .75); border-block-start: 1px solid var(--pf-rule);
}
.pf-side { grid-column: 1 / span 5; min-inline-size: 0; position: sticky; inset-block-start: calc(var(--pf-hdr) + 32px); }
.pf-main { grid-column: 6 / span 7; min-inline-size: 0; }
.pf-intro .rd-title { font-size: clamp(32px, 3.6vw, 52px); line-height: 1.08; letter-spacing: -.035em; font-weight: 500; color: #fff; text-wrap: balance; margin: 0; }
.pf-intro .rd-title .accent { color: var(--pf-blue-l); }
.pf-intro .rd-lead { margin: 20px 0 0; font-size: 18px; line-height: 28px; color: var(--pf-text); max-inline-size: 26em; }
/* the chain's sky area: empty on purpose, the scene draws its stars here (data-sky-anchor); it holds its height without the scene */
.pf-sky { margin-block-start: 40px; min-block-size: clamp(200px, 30vh, 340px); pointer-events: none; }

/* ---------- the panel ---------- */
.pf .pilot-form {
  position: relative; color-scheme: dark; padding: 32px; border-radius: 4px;
  background: rgba(13, 22, 64, .7); border: 1px solid var(--pf-rule);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  display: grid; row-gap: 20px;
}
.pf .pilot-form .field { margin: 0; display: grid; gap: 8px; min-inline-size: 0; }
.pf .pilot-form label { font-size: 15px; line-height: 20px; font-weight: 500; color: var(--pf-text); }
.pf .pilot-form .req { color: var(--pf-blue-l); margin-inline-start: 2px; }
.pf .pilot-form input[type="text"], .pf .pilot-form input[type="email"], .pf .pilot-form textarea, .pf .pilot-form select {
  inline-size: 100%; box-sizing: border-box; min-block-size: 52px; padding: 12px 16px; border-radius: 2px;
  font: inherit; font-size: 18px; line-height: 28px; color: #fff; caret-color: var(--pf-blue-l);
  background: rgba(6, 10, 25, .66); border: 1px solid rgba(163, 173, 202, .38);
  transition: border-color 240ms ease, background-color 240ms ease;
}
.pf .pilot-form textarea { min-block-size: 176px; resize: vertical; }
.pf .pilot-form input:hover, .pf .pilot-form textarea:hover { border-color: rgba(163, 173, 202, .62); }
.pf .pilot-form input:focus, .pf .pilot-form textarea:focus { outline: 2px solid var(--pf-blue-l); outline-offset: 2px; border-color: var(--pf-blue-l); background: rgba(6, 10, 25, .8); }
.pf .pilot-form input:-webkit-autofill, .pf .pilot-form textarea:-webkit-autofill {
  -webkit-text-fill-color: #fff; box-shadow: 0 0 0 1000px #0a1030 inset; transition: background-color 9999s ease-out;
}
.pf .pilot-form input[aria-invalid="true"], .pf .pilot-form textarea[aria-invalid="true"] { border-color: var(--pf-err); }
.pf .pilot-form .field-error { display: block; font-size: 14px; line-height: 20px; font-weight: 500; color: var(--pf-err); }
.pf .pilot-form .field-error[hidden] { display: none; }
.pf .pilot-form .field-error::before { content: ""; display: inline-block; inline-size: 6px; block-size: 6px; margin-inline-end: 8px; rotate: 45deg; background: currentColor; vertical-align: middle; translate: 0 -1px; }

/* honeypot: present for robots, absent for people and for assistive tech (aria-hidden container, tabindex -1) */
.pf .pilot-form .hp { position: absolute; inline-size: 1px; block-size: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; opacity: 0; pointer-events: none; }
.pf .pilot-form [data-challenge-slot] { display: none; }

/* the submit button: the one strong action, white on night */
.pf .pilot-form .form-submit { margin: 4px 0 0; }
.pf .pilot-form .btn-primary {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-block-size: 52px; padding-inline: 28px; border-radius: 0;
  font: inherit; font-size: 16px; line-height: 1; font-weight: 500; letter-spacing: -.005em; cursor: pointer;
  background: #fff; color: var(--ink, #282e42); border: 1px solid #fff; transition: background-color 240ms ease-in-out, color 240ms ease-in-out;
}
.pf .pilot-form .btn-primary:hover:not(:disabled) { background: transparent; color: #fff; }
.pf .pilot-form .btn-primary:disabled { opacity: .72; cursor: progress; }
.pf .pilot-form[aria-busy="true"] { cursor: progress; }
.pf .pilot-form .consent { margin: 0; font-size: 14px; line-height: 22px; color: var(--pf-muted); max-inline-size: 38em; }
.pf .pilot-form .consent a { color: var(--pf-text); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; transition: color 240ms ease; }
.pf .pilot-form .consent a:hover { color: #fff; }

/* ---------- states ---------- */
.pf .pilot-form .form-note { margin: 0; font-size: 15px; line-height: 24px; color: var(--pf-text); }
.pf .pilot-form .form-note[hidden], .pf .pilot-form .form-state[hidden] { display: none; }
.pf .pilot-form .form-state { padding: 20px 24px; border-radius: 2px; background: rgba(6, 10, 25, .55); border: 1px solid var(--pf-rule); }
.pf .pilot-form .form-state h3 { margin: 0; font-size: 28px; line-height: 36px; letter-spacing: -.025em; font-weight: 500; color: #fff; }
.pf .pilot-form .form-state p { margin: 8px 0 0; font-size: 18px; line-height: 28px; color: var(--pf-text); }
.pf .pilot-form .form-error { border-color: rgba(255, 180, 168, .55); }
.pf .pilot-form .form-error p { margin: 0; color: var(--pf-err); }
.pf .pilot-form .form-sent { border-color: rgba(115, 148, 255, .5); }
.pf .pilot-form .form-next-act { margin-block-start: 20px !important; }
/* after "sent" the fields step aside and only the thank-you stays (a browser without :has keeps the disabled form under it, which is also fine) */
.pf .pilot-form:has(.form-sent:not([hidden])) > :not(.form-sent):not(noscript) { display: none; }
.pf .pilot-form:has(.form-sent:not([hidden])) { row-gap: 0; padding: 12px; }
.pf .pilot-form .form-sent:not([hidden]) { padding: 28px; }

/* no script: the form cannot send, so the page says so and offers the calendar instead */
html:not(.js) .pf .pilot-form[data-needs-js] > :not(noscript) { display: none; }
.pf .pilot-form noscript { display: block; }
.pf .pilot-form .form-error-static { margin: 0; font-size: 18px; line-height: 28px; color: var(--pf-text); }

/* secondary button (the calendar link in the sent and no-script states): outline, same height as the submit */
.pf .btn-secondary {
  display: inline-flex; align-items: center; justify-content: center; min-block-size: 52px; padding-inline: 28px; border-radius: 0; text-decoration: none;
  font-size: 16px; line-height: 1; font-weight: 500; color: #fff; background: transparent; border: 1px solid rgba(255, 255, 255, .6);
  transition: background-color 240ms ease-in-out, border-color 240ms ease-in-out;
}
.pf .btn-secondary:hover { background: rgba(255, 255, 255, .12); border-color: #fff; }
.pf .form-next-act { margin: 20px 0 0; }

/* ---------- Copy button (the pilot page and the footer): a small outline pill, an action, never a link to the mail app ---------- */
.copy-btn {
  display: inline-flex; align-items: center; justify-content: center; min-block-size: 32px; padding: 4px 14px; border-radius: 999px;
  font: inherit; font-size: 13px; line-height: 20px; font-weight: 500; letter-spacing: .01em; color: var(--blue-l, #7394ff);
  background: transparent; border: 1px solid rgba(115, 148, 255, .5); cursor: pointer; vertical-align: middle;
  transition: color 240ms ease, border-color 240ms ease, background-color 240ms ease;
}
.copy-btn:hover { color: #fff; border-color: #fff; background: rgba(115, 148, 255, .14); }
.copy-btn[data-done], .copy-btn.is-done { color: #fff; border-color: rgba(115, 148, 255, .9); }
.copy-line { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; }

/* ---------- Arabic ---------- */
:lang(ar) .pf-intro .rd-title { letter-spacing: 0; line-height: 1.25; font-size: clamp(30px, 3.2vw, 46px); }
:lang(ar) .pf .pilot-form .form-state h3 { letter-spacing: 0; }
.pf .pilot-form input[type="email"] { text-align: start; }

/* ---------- 1100 and 760 ---------- */
@media (max-width: 1100px) {
  .pf-side { grid-column: 1 / span 5; }
  .pf-main { grid-column: 6 / span 7; }
  .pf-sky { min-block-size: 200px; }
}
@media (max-width: 760px) {
  .pf-grid { display: block; padding-block: 40px 56px; }
  .pf-side { position: static; margin-block-end: 24px; }
  .pf-sky { min-block-size: 132px; margin-block-start: 8px; }
  .pf .pilot-form { padding: 20px 16px; }
  .pf .pilot-form .btn-primary, .pf .btn-secondary { inline-size: 100%; }
  .pf .pilot-form .form-state h3 { font-size: 24px; line-height: 30px; }
}
@media (prefers-reduced-motion: reduce) {
  .pf .pilot-form input, .pf .pilot-form textarea, .pf .pilot-form .btn-primary, .pf .btn-secondary, .copy-btn { transition: none; }
}
@media (forced-colors: active) {
  .pf .pilot-form { border-color: CanvasText; }
  .pf .pilot-form input[aria-invalid="true"], .pf .pilot-form textarea[aria-invalid="true"] { border-color: Mark; }
}

/* G12 fix (23 Oct, critic finding P4): Book a call in the form's column, in the home side block's shape and height */
.pf-book { margin-block-start: 24px; }
.pf-book .k-side { min-block-size: 112px; align-items: center; }
.pf-book .k-side .t { font-size: 36px; line-height: 40px; }
@media (max-width: 760px) { .pf-book .k-side { min-block-size: 96px; } .pf-book .k-side .t { font-size: 28px; line-height: 32px; } }