:root {
  --ink: #071a2b;
  --ink-soft: #405064;
  --muted: #5b6a7d;
  --white: #ffffff;
  --canvas: #f6f9fc;
  --canvas-blue: #edf4ff;
  --line: #dce5ec;
  --line-strong: #c9d7e3;
  --blue: #155dff;
  --blue-dark: #0a46cf;
  --cyan: #17b8cf;
  --teal: #0a6f7a;
  --navy: #071624;
  --navy-2: #0b2235;
  --warm: #ffb15b;
  --green: #1aa875;
  --purple: #8c6cf1;
  /* --*-text variants: the fills above are fine as backgrounds but fail
     contrast when used for text on light surfaces. */
  --green-text: #0d7d54;
  --purple-text: #6b46d6;
  --cyan-text: #0b7080;
  --radius: 22px;
  --radius-lg: 30px;
  --shadow-sm: 0 16px 50px rgba(14, 35, 56, .08);
  --shadow-lg: 0 34px 80px rgba(14, 35, 56, .14);
  --font-display: "Manrope", "Inter", Arial, sans-serif;
  --font-body: "Inter", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", monospace;
}

* { box-sizing: border-box; }

/* One visible focus ring for everything. Any rule that sets outline:none
   below must not apply to :focus-visible. */
:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; border-radius: 4px; }
.doc-sla :focus-visible, .site-footer :focus-visible, .final-cta :focus-visible,
.gonka-hero :focus-visible, .dark-cta-section :focus-visible { outline-color: #7fe3ec; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--canvas); font-family: var(--font-body); font-size: 16px; line-height: 1.65; overflow-x: hidden; }
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
button { color: inherit; }
svg { display: block; }
::selection { color: var(--white); background: var(--blue); }

.page-grid { position: fixed; inset: 0; pointer-events: none; z-index: -5; opacity: .2; background-image: linear-gradient(rgba(22, 79, 123, .055) 1px, transparent 1px), linear-gradient(90deg, rgba(22, 79, 123, .055) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom, black, transparent 75%); }
.container { width: min(1240px, calc(100% - 48px)); margin: 0 auto; }
.section-pad { padding: 120px 0; }

.site-header { position: fixed; inset: 0 0 auto; z-index: 100; height: 82px; transition: background .3s ease, box-shadow .3s ease; }
.site-header.scrolled { height: 72px; background: rgba(249, 252, 255, .9); backdrop-filter: blur(18px); border-bottom: 1px solid rgba(210, 224, 235, .8); box-shadow: 0 8px 30px rgba(15, 34, 52, .05); }
.nav-wrap { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 32px; }
/* Official Hyperfusion lockup. width/height on the <img> are the intrinsic
   pixel dimensions so the aspect ratio is reserved before the file loads;
   CSS height drives the rendered size. Dark surfaces use logo-light.png,
   which whitens the wordmark and keeps the blue dot cluster. */
.brand { display: inline-flex; align-items: center; }
.brand-logo { height: 44px; width: auto; display: block; }
.desktop-nav { display: flex; align-items: center; gap: 29px; margin-left: auto; }
.desktop-nav > a, .nav-item > button { position: relative; border: 0; padding: 29px 0; background: none; font-size: 14px; font-weight: 600; cursor: pointer; color: #2c3c4f; }
.nav-item { position: relative; }
.nav-item > button span { display: inline-block; margin-left: 4px; font-size: 12px; }
.desktop-nav > a::after, .nav-item > button::after { position: absolute; content: ""; left: 0; right: 100%; bottom: 19px; height: 2px; background: var(--blue); transition: right .25s ease; }
.desktop-nav > a:hover::after, .nav-item:hover > button::after { right: 0; }
.mega-menu { position: absolute; top: 72px; left: -26px; width: 330px; padding: 12px; border: 1px solid var(--line); background: rgba(255,255,255,.98); border-radius: 16px; box-shadow: var(--shadow-lg); opacity: 0; visibility: hidden; transform: translateY(10px); transition: .25s ease; }
.nav-item:hover .mega-menu, .nav-item:focus-within .mega-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.mega-menu a { display: block; padding: 12px 14px; border-radius: 11px; transition: background .2s; }
.mega-menu a:hover { background: var(--canvas-blue); }
.mega-menu strong, .mega-menu small { display: block; }
.mega-menu strong { font-size: 14px; }
.mega-menu small { margin-top: 2px; color: var(--muted); font-size: 12px; }
.nav-actions { display: flex; align-items: center; gap: 17px; }
.text-link { font-size: 14px; font-weight: 700; }
.menu-toggle { position: relative; width: 44px; height: 44px; padding: 0; display: none; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: rgba(255,255,255,.8); cursor: pointer; }
/* both bars occupy the same grid cell, so they are centred by place-items
   rather than by an absolute static position (which Safari resolves
   differently from Chromium) */
.menu-toggle span { grid-area: 1 / 1; width: 17px; height: 2px; border-radius: 2px; background: var(--ink); transition: transform .25s; }
.menu-toggle span:first-child { transform: translateY(-4px); }
.menu-toggle span:last-child { transform: translateY(4px); }
.menu-toggle.active span:first-child { transform: rotate(45deg); }
.menu-toggle.active span:last-child { transform: rotate(-45deg); }
/* Opaque, no backdrop-filter: on iOS Safari a blurred backdrop on a
   transform-animated fixed element drops its own background layer, which made
   the panel see-through on the inner pages. */
.mobile-menu { position: fixed; z-index: 120; top: 72px; right: 0; bottom: 0; left: 0; display: none; visibility: hidden; flex-direction: column; padding: 28px 24px; background: #f7fafc; transform: translateX(100%); transition: transform .35s ease, visibility 0s linear .35s; }
.mobile-menu.open { visibility: visible; transform: translateX(0); transition: transform .35s ease, visibility 0s; }
.mobile-menu > a { padding: 14px 0; border-bottom: 1px solid var(--line); font-family: var(--font-display); font-size: 22px; font-weight: 700; }
.mobile-menu-actions { margin-top: auto; display: grid; gap: 12px; }

.button { min-height: 52px; padding: 0 23px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; border: 1px solid transparent; border-radius: 999px; font-size: 14px; font-weight: 700; line-height: 1; transition: transform .2s ease, background .2s ease, border .2s ease, box-shadow .2s ease; cursor: pointer; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: var(--white); background: var(--blue); box-shadow: 0 12px 28px rgba(21, 93, 255, .2); }
.button-primary:hover { background: var(--blue-dark); box-shadow: 0 16px 34px rgba(21, 93, 255, .28); }
.button-secondary { color: var(--ink); border-color: var(--line-strong); background: rgba(255,255,255,.75); }
.button-secondary:hover { border-color: #aebdcc; background: var(--white); }
.button-small { min-height: 42px; padding: 0 18px; }
.button-full { width: 100%; }
.button-light { color: var(--ink); background: var(--white); }
.button-white { color: var(--ink); background: var(--white); }
.button-outline-light { color: var(--white); border-color: rgba(255,255,255,.5); background: transparent; }

.signal-dot { width: 7px; height: 7px; display: inline-block; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 5px rgba(23,184,207,.12); }
h1, h2, h3 { margin: 0; font-family: var(--font-display); line-height: 1.08; letter-spacing: -.045em; }
h1 { max-width: 760px; font-size: clamp(48px, 6vw, 82px); }
h2 { font-size: clamp(38px, 4.3vw, 60px); }
h3 { font-size: 30px; }
.gradient-text { color: var(--blue); }

.hero { position: relative; padding-top: 170px; padding-bottom: 65px; min-height: 970px; overflow: hidden; background: radial-gradient(circle at 74% 28%, rgba(87, 171, 255, .12), transparent 26%), radial-gradient(circle at 10% 28%, rgba(23,184,207,.08), transparent 28%), linear-gradient(180deg, #fbfdff 0%, #f4f8fc 82%, #f6f9fc 100%); }
.hero::before { position: absolute; content: ""; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(14, 68, 110, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(14, 68, 110, .045) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(90deg, transparent 2%, black 35%, black 85%, transparent); }
.hero-grid { position: relative; display: grid; grid-template-columns: 1.02fr .98fr; align-items: center; gap: 60px; z-index: 2; }
.hero-copy { padding-top: 15px; }
.hero-lede { max-width: 680px; margin: 28px 0 32px; color: var(--ink-soft); font-size: 18px; line-height: 1.65; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.hero-trust { margin-top: 29px; display: flex; flex-wrap: wrap; gap: 21px; color: #536175; font-size: 13px; font-weight: 600; }
.hero-trust span { display: inline-flex; align-items: center; gap: 6px; }
.hero-trust svg { width: 17px; height: 17px; fill: none; stroke: var(--teal); stroke-width: 2.2; }
.hero-orbit { position: absolute; border: 1px solid rgba(25, 110, 180, .12); border-radius: 50%; pointer-events: none; }
.orbit-one { width: 720px; height: 720px; right: -350px; top: -140px; }
.orbit-two { width: 420px; height: 420px; left: -260px; bottom: 120px; }

.hero-console { position: relative; }
.console-shell { position: relative; overflow: hidden; border: 1px solid rgba(193, 211, 225, .9); border-radius: 25px; background: rgba(255,255,255,.9); box-shadow: 0 40px 90px rgba(24, 58, 87, .17), inset 0 1px 0 rgba(255,255,255,.8); backdrop-filter: blur(20px); }
.console-shell::after { position: absolute; content: ""; inset: 0; pointer-events: none; background: linear-gradient(125deg, rgba(255,255,255,.65), transparent 28%); }
.console-topbar { position: relative; z-index: 2; height: 58px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); background: rgba(249,252,255,.88); font-family: var(--font-mono); font-size: 11px; }
.console-brand { display: flex; align-items: center; gap: 8px; font-weight: 600; }
.console-brand span { width: 10px; height: 10px; border-radius: 3px; background: var(--blue); box-shadow: 8px 8px 0 rgba(23,184,207,.55); transform: translateY(-4px); }
.console-status { display: flex; align-items: center; gap: 7px; color: var(--muted); }
.console-status i { width: 7px; height: 7px; border-radius: 50%; background: #24bd81; box-shadow: 0 0 0 4px rgba(36,189,129,.11); }
.console-body { position: relative; z-index: 2; padding: 22px; }
.task-label { margin-bottom: 7px; color: var(--muted); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.task-input { min-height: 74px; padding: 16px; display: flex; align-items: flex-start; gap: 10px; border: 1px solid #cbd9e5; border-radius: 13px; background: var(--white); color: #213348; font-size: 13px; line-height: 1.55; box-shadow: inset 0 1px 4px rgba(8,38,64,.03); }
.prompt-symbol { color: var(--blue); font-family: var(--font-mono); font-weight: 700; }
.typing-caret { width: 1px; height: 18px; margin-left: -5px; display: inline-block; background: var(--blue); animation: blink 1s infinite; }
@keyframes blink { 50% { opacity: 0; } }
.quick-prompts { margin: 9px 0 19px; display: flex; gap: 7px; overflow-x: auto; scrollbar-width: none; }
.quick-prompts::-webkit-scrollbar { display: none; }
.quick-prompts button { white-space: nowrap; padding: 7px 10px; border: 1px solid var(--line); border-radius: 999px; background: #f8fbfe; color: #536478; font-size: 10px; font-weight: 700; cursor: pointer; transition: .2s; }
.quick-prompts button:hover { color: var(--blue); border-color: #b9cef0; background: var(--canvas-blue); }
.architecture-line { display: grid; grid-template-columns: auto 1fr auto 1fr auto; align-items: center; margin: 2px 0 17px; }
.architecture-node { display: flex; align-items: center; gap: 6px; color: #68798b; font-family: var(--font-mono); font-size: 10px; text-transform: uppercase; }
.architecture-node span { width: 20px; height: 20px; display: grid; place-items: center; border: 1px solid var(--line-strong); border-radius: 50%; background: var(--white); color: var(--muted); }
.architecture-node.active { color: var(--blue); }
.architecture-node.active span { color: var(--white); border-color: var(--blue); background: var(--blue); }
.architecture-line > i { height: 1px; margin: 0 7px; background: repeating-linear-gradient(90deg, #bbcbd8 0 4px, transparent 4px 8px); }
.result-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.result-card { min-height: 106px; padding: 14px; position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: 13px; background: #fbfdff; }
.result-card small, .calc-output-grid small { display: block; margin-bottom: 4px; color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .05em; }
.result-card strong { font-family: var(--font-display); font-size: 16px; }
.accent-card { color: var(--white); border-color: var(--blue); background: linear-gradient(135deg, #1059ef, #1445bf); }
.accent-card::after { position: absolute; content: ""; width: 120px; height: 120px; right: -55px; bottom: -65px; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; box-shadow: 0 0 0 15px rgba(255,255,255,.035), 0 0 0 34px rgba(255,255,255,.025); }
.accent-card small { color: rgba(255,255,255,.65); }
.result-meta { position: absolute; left: 14px; bottom: 12px; display: flex; gap: 5px; }
.result-meta span { padding: 3px 6px; border: 1px solid rgba(255,255,255,.2); border-radius: 99px; color: rgba(255,255,255,.8); font-size: 10px; }
.mini-map { position: absolute; inset: auto 10px 10px; height: 32px; }
.mini-map svg { width: 100%; height: 100%; fill: none; stroke: rgba(21,93,255,.33); stroke-width: 1.2; stroke-dasharray: 3 3; }
.map-node { position: absolute; z-index: 2; width: 6px; height: 6px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 4px rgba(21,93,255,.1); }
.map-uae { left: 8%; top: 55%; }.map-eu { left: 48%; top: 9%; }.map-india { right: 10%; top: 42%; }
.latency-spark { position: absolute; left: 14px; right: 14px; bottom: 12px; height: 34px; width: calc(100% - 28px); }
.deployment-status { position: absolute; left: 14px; bottom: 14px; display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: 10px; }
.deployment-status span { width: 6px; height: 6px; border-radius: 50%; background: #25b97f; }
.console-footer { position: relative; z-index: 2; min-height: 73px; padding: 13px 20px; display: flex; align-items: center; justify-content: space-between; gap: 15px; border-top: 1px solid var(--line); background: #f7fafc; }
.console-footer div span, .console-footer div strong { display: block; }
.console-footer div span { color: var(--muted); font-size: 10px; text-transform: uppercase; }
.console-footer div strong { font-size: 13px; }
.console-footer .console-cta { padding: 10px 14px; border-radius: 9px; color: var(--white); background: var(--ink); font-size: 11px; font-weight: 700; }
.floating-chip { position: absolute; z-index: 3; display: flex; align-items: center; gap: 8px; padding: 8px 13px 8px 8px; border: 1px solid rgba(193,211,225,.85); border-radius: 999px; background: rgba(255,255,255,.93); box-shadow: 0 16px 35px rgba(12,49,79,.13); color: #526274; font-size: 10px; font-weight: 700; backdrop-filter: blur(12px); }
.floating-chip span { width: 34px; height: 25px; display: grid; place-items: center; border-radius: 999px; color: var(--white); background: var(--ink); font-family: var(--font-mono); font-size: 10px; }
.chip-one { top: -20px; right: 24px; animation: floaty 5s ease-in-out infinite; }.chip-two { left: -38px; bottom: 92px; animation: floaty 5.5s ease-in-out .7s infinite; }
.chip-two span { background: var(--teal); }
@keyframes floaty { 50% { transform: translateY(-8px); } }
.proof-strip { position: relative; z-index: 2; margin-top: 70px; padding: 25px 0; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.proof-strip > div { padding: 0 28px; border-right: 1px solid var(--line); }
.proof-strip > div:first-child { padding-left: 0; }
.proof-strip > div:last-child { border-right: 0; }
.proof-strip strong, .proof-strip span { display: block; }
.proof-strip strong { font-family: var(--font-display); font-size: 21px; letter-spacing: -.03em; }
.proof-strip span { color: var(--muted); font-size: 12px; }

.brand-rail { padding: 22px 0; border-bottom: 1px solid var(--line); background: var(--white); }
.brand-rail-inner { display: flex; align-items: center; gap: 50px; }
.brand-rail-label { color: var(--muted); font-family: var(--font-mono); font-size: 10px; text-transform: uppercase; letter-spacing: .07em; white-space: nowrap; }
.brand-logos { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 24px; color: #5f6d7d; font-family: var(--font-display); font-weight: 700; letter-spacing: -.03em; }

.section-heading { margin-bottom: 54px; display: grid; grid-template-columns: 1.25fr .75fr; align-items: end; gap: 80px; }
.section-heading h2 { max-width: 760px; }
.section-heading p { max-width: 500px; margin: 0 0 6px; color: var(--ink-soft); }
.platform-section { background: var(--white); }
.platform-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
/* padding-bottom reserves the space taken by the absolutely positioned
   .service-visual (28px offset + 150px height + 24px gap) so the
   "Explore …" link can never overlap it. min-height is only a floor. */
.platform-card { min-height: 595px; padding: 30px 30px 202px; display: flex; flex-direction: column; overflow: hidden; position: relative; border: 1px solid var(--line); border-radius: var(--radius-lg); background: #f7fafc; }
.platform-card-gpu { color: var(--white); border-color: #122d44; background: linear-gradient(145deg, #071a2b 0%, #0d2a40 100%); }
.card-topline { display: flex; justify-content: space-between; align-items: center; }
.card-topline > span { color: var(--muted); font-family: var(--font-mono); font-size: 11px; }
.platform-card-gpu .card-topline > span { color: #718799; }
.service-icon { width: 50px; height: 50px; position: relative; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 14px; background: var(--white); }
.icon-api i { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: var(--blue); }
.icon-api i:nth-child(1) { transform: translate(-9px, 7px); }.icon-api i:nth-child(2) { transform: translate(0,-8px); }.icon-api i:nth-child(3) { transform: translate(9px,7px); }
.icon-api::before, .icon-api::after { position:absolute; content:""; width: 19px; height: 1px; background:#a9c3ea; transform-origin:left; }
.icon-api::before { transform: translate(-7px,1px) rotate(-54deg); }.icon-api::after { transform: translate(-7px,2px) rotate(54deg); }
.icon-gpu { border-color: rgba(255,255,255,.15); background: rgba(255,255,255,.06); }
.icon-gpu i { width: 8px; height: 8px; border: 1px solid rgba(255,255,255,.65); }
.icon-gpu { grid-template-columns: repeat(2, 8px); gap: 4px; }
.platform-card-content { position: relative; z-index: 2; max-width: 490px; margin-top: 46px; }
.label-pill { width: max-content; padding: 6px 10px; border-radius: 999px; color: var(--blue); background: #e7f0ff; font-family: var(--font-mono); font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; }
.platform-card-gpu .label-pill { color: #89eaf0; background: rgba(41, 207, 218, .12); }
.platform-card h3 { margin: 16px 0 16px; font-size: 40px; }
.platform-card p { margin: 0; color: var(--ink-soft); }
.platform-card-gpu p { color: #afc0ce; }
.clean-list { margin: 24px 0 27px; padding: 0; list-style: none; }
.clean-list li { padding: 9px 0; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid var(--line); font-size: 13px; font-weight: 600; }
.platform-card-gpu .clean-list li { border-color: rgba(255,255,255,.11); }
.clean-list li::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--cyan); }
.platform-card-content > a { font-size: 13px; font-weight: 700; }
.platform-card-content > a span { display: inline-block; margin-left: 6px; transition: transform .2s; }
.platform-card-content > a:hover span { transform: translateX(5px); }
.service-visual { position: absolute; right: 28px; bottom: 28px; left: 28px; height: 150px; overflow: hidden; border-radius: 18px; }
.api-visual { border: 1px solid #d4e0ea; background: linear-gradient(135deg, #fff, #eef5fd); }
.api-code { position: absolute; top: 18px; left: 18px; right: 18px; padding: 10px; border: 1px solid var(--line); border-radius: 9px; background: rgba(255,255,255,.85); font-family: var(--font-mono); font-size: 10px; }
.api-code span { margin-right: 8px; color: var(--teal); font-weight: 700; }
.api-flow { position: absolute; left: 38px; right: 38px; bottom: 34px; display: flex; align-items: center; }
.api-flow i { width: 16px; height: 16px; border: 3px solid var(--white); border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 1px #bed0df; }
.api-flow b { flex: 1; height: 1px; background: repeating-linear-gradient(90deg, #7aa8e9 0 4px, transparent 4px 8px); }
.api-response { position: absolute; right: 17px; bottom: 15px; padding: 6px 9px; border-radius: 8px; background: var(--white); box-shadow: var(--shadow-sm); }
.api-response small, .api-response strong { display:block; }.api-response small{font-size:10px;color:var(--muted)}.api-response strong{color:var(--green);font-family:var(--font-mono);font-size:10px}
.rack-visual { border: 1px solid rgba(255,255,255,.13); background: radial-gradient(circle at 70% 50%, rgba(23,184,207,.16), transparent 35%), rgba(4,17,28,.54); }
.rack { position: absolute; left: 38px; top: 19px; width: 155px; height: 113px; padding: 12px; display: grid; gap: 5px; border: 1px solid rgba(255,255,255,.2); border-radius: 9px; background: #07131e; transform: perspective(380px) rotateY(10deg); box-shadow: -15px 18px 35px rgba(0,0,0,.25); }
.rack span { position: relative; border: 1px solid rgba(255,255,255,.12); border-radius: 2px; background: #102a3d; }
.rack span::after { position:absolute; content:""; width:3px;height:3px;right:6px;top:4px;border-radius:50%;background:#3de19e;box-shadow:-7px 0 0 #28a8ff; }
.rack-metric { position:absolute;right:29px;top:48px; padding-left:18px;border-left:1px solid rgba(255,255,255,.18); }
.rack-metric small,.rack-metric strong{display:block}.rack-metric small{color:#7890a4;font-size:10px;text-transform:uppercase}.rack-metric strong{margin-top:4px;font-family:var(--font-mono);font-size:13px;color:#7feaf0}

.pricing-section { background: linear-gradient(180deg, #f0f6fc, #f7fafc); }
.pricing-layout { display: grid; grid-template-columns: .86fr 1.14fr; align-items: center; gap: 90px; }
.pricing-copy h2 { max-width: 630px; }
.pricing-copy > p { max-width: 580px; margin: 25px 0 30px; color: var(--ink-soft); }
.pricing-proof { display: grid; gap: 3px; margin-bottom: 27px; }
.pricing-proof > div { padding: 15px 0; display: grid; grid-template-columns: 38px 1fr; gap: 12px; border-bottom: 1px solid var(--line); }
.pricing-proof > div > span { color: var(--blue); font-family: var(--font-mono); font-size: 10px; }
.pricing-proof p { margin: 0; color: var(--ink-soft); font-size: 13px; }
.pricing-proof strong { color: var(--ink); }
.text-arrow { display: inline-flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 700; }
.scope-calculator { border: 1px solid var(--line-strong); border-radius: 25px; background: var(--white); box-shadow: var(--shadow-lg); overflow: hidden; }
.calc-header { height: 62px; padding: 0 22px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); background: #f8fbfd; }
.calc-header > div { display: flex; align-items: center; gap: 10px; font-size: 13px; }
.calc-header > small { color: var(--muted); font-size: 10px; font-family: var(--font-mono); text-transform: uppercase; }
.calc-body { padding: 24px; }
.calc-body > label, .range-row label, .select-grid label { color: var(--muted); font-size: 10px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.segmented { margin: 7px 0 24px; padding: 4px; display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); border-radius: 12px; background: #f5f8fb; }
.segmented button { padding: 10px 8px; border: 0; border-radius: 8px; background: transparent; color: var(--muted); font-size: 11px; font-weight: 700; cursor: pointer; }
.segmented button.active { color: var(--white); background: var(--ink); box-shadow: 0 7px 15px rgba(7,26,43,.14); }
.range-row > div:first-child { display: flex; align-items: center; justify-content: space-between; }
.range-row strong { font-family: var(--font-mono); color: var(--blue); font-size: 11px; }
/* The input itself is a 44px drag target (WCAG 2.5.5); the 4px visual track
   is painted on the pseudo-elements. script.js writes the fill gradient to
   --range-fill rather than to background, so the hit area stays transparent. */
input[type="range"] { --range-fill: linear-gradient(90deg, var(--blue) 50%, #dce5ec 50%);
  width: 100%; height: 44px; margin: 4px 0; appearance: none; background: transparent; cursor: pointer; }
input[type="range"]::-webkit-slider-runnable-track { height: 4px; border-radius: 999px; background: var(--range-fill); }
input[type="range"]::-moz-range-track { height: 4px; border-radius: 999px; background: var(--range-fill); }
input[type="range"]::-webkit-slider-thumb { width: 18px; height: 18px; margin-top: -7px; appearance:none; border: 4px solid var(--white); border-radius:50%; background:var(--blue); box-shadow:0 0 0 1px var(--blue),0 4px 12px rgba(21,93,255,.25); cursor:pointer; }
input[type="range"]::-moz-range-thumb { width: 18px; height: 18px; border: 4px solid var(--white); border-radius:50%; background:var(--blue); box-shadow:0 0 0 1px var(--blue); cursor:pointer; }
.range-scale { display:flex;justify-content:space-between;color:var(--muted);font-family:var(--font-mono);font-size:10px; }
.select-grid { margin: 25px 0; display:grid;grid-template-columns:1fr 1fr;gap:11px; }
.select-grid label { display:grid; gap:6px; }
.select-grid select { width:100%;height:45px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--white);color:var(--ink);font-size:11px;font-weight:600; }
.calc-result { padding:18px;border:1px solid #c9ddfb;border-radius:15px;background:linear-gradient(145deg,#f1f6ff,#f8fbff); }
.calc-result-top { margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase; }
.status-badge { padding:4px 8px;border-radius:99px;color:#076e4e;background:#dcf7ec;font-size:10px; }
.calc-output-grid { display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:17px; }
.calc-output-grid strong{font-family:var(--font-display);font-size:13px;letter-spacing:-.02em}.calc-output-grid>div{padding-bottom:9px;border-bottom:1px solid #d9e6f4}

.map-section { position:relative;overflow:hidden;color:var(--white);background:radial-gradient(circle at 75% 42%,rgba(33,128,178,.2),transparent 34%),linear-gradient(145deg,#061421,#092239); }
.map-section::before { position:absolute;content:"";inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to right,transparent,black 45%); }
.map-layout { position:relative;z-index:2;display:grid;grid-template-columns:.84fr 1.16fr;align-items:center;gap:40px; }
.map-copy h2 { max-width:610px; }
.map-copy > p { max-width:540px;margin:24px 0 29px;color:#aec0cd; }
.location-card { max-width:510px;padding:15px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.055); }
.location-card small,.location-card strong{display:block}.location-card small{color:#7890a4;font-size:10px;text-transform:uppercase}.location-card strong{font-size:13px}.location-card>span{padding:5px 7px;border-radius:6px;color:#74e4ec;background:rgba(23,184,207,.12);font-family:var(--font-mono);font-size:10px}
.flag-uae { position:relative;width:38px;height:27px;overflow:hidden;border-radius:3px;display:grid;grid-template-rows:repeat(3,1fr);padding-left:10px; }.flag-uae i:nth-child(1){background:#168b52}.flag-uae i:nth-child(2){background:#fff}.flag-uae i:nth-child(3){background:#111}.flag-uae b{position:absolute;left:0;top:0;bottom:0;width:10px;background:#d9343f}
.dark-stats { max-width:530px;margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr); }
.dark-stats>div{padding:0 20px;border-right:1px solid rgba(255,255,255,.1)}.dark-stats>div:first-child{padding-left:0}.dark-stats>div:last-child{border:0}.dark-stats strong,.dark-stats span{display:block}.dark-stats strong{font-family:var(--font-display);font-size:24px}.dark-stats .token-count{font-size:15px;line-height:2;font-variant-numeric:tabular-nums;letter-spacing:0}.dark-stats span{color:#778fa1;font-size:10px}
.region-map { position:relative;min-height:610px;border:1px solid rgba(255,255,255,.11);border-radius:28px;background:radial-gradient(circle at 50% 52%,rgba(43,142,199,.16),transparent 26%),rgba(3,16,27,.35);overflow:hidden; }
.map-grid-lines { position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:55px 55px;mask-image:radial-gradient(circle,black,transparent 78%); }
.network-svg { position:absolute;inset:0;width:100%;height:100%; }
.route { fill:none;stroke:url(#routeGradient);stroke-width:1.5;stroke-dasharray:6 8;opacity:.65;animation:routeMove 12s linear infinite; }
.route-a{stroke-width:1.5;opacity:.55}.route-b{animation-duration:16s;stroke-width:2.2;opacity:.85}.route-c{animation-duration:14s;stroke-width:2;opacity:.75}.route-d{animation-duration:18s;stroke-width:1.2;opacity:.45}.route-e{animation-duration:13s;stroke-width:1.7;opacity:.6}
.packet{filter:url(#glow)}
@keyframes routeMove { to { stroke-dashoffset:-140; } }
.pulse-ring { fill:none;stroke:#3fd7df;stroke-width:1;opacity:.7;filter:url(#glow);animation:pulseMap 2.8s ease-out infinite;transform-origin:378px 316px}.pulse-ring-two{animation-delay:1.25s}
@keyframes pulseMap { 0%{transform:scale(.7);opacity:.85}100%{transform:scale(1.8);opacity:0} }
.map-point { position:absolute;z-index:3;padding-left:20px; }
.map-point i { position:absolute;left:0;top:7px;width:9px;height:9px;border:2px solid #83e9ef;border-radius:50%;background:#08233a;box-shadow:0 0 0 5px rgba(65,216,226,.1); }
.map-point strong,.map-point span{display:block}.map-point strong{font-size:12px}.map-point span{color:#7290a5;font-family:var(--font-mono);font-size:10px}
.point-uae{left:47%;top:49%}.point-uae i{width:13px;height:13px;left:-1px;top:5px;background:#36d4dd;box-shadow:0 0 0 7px rgba(65,216,226,.13),0 0 18px #41d8e2}.point-uae strong{color:#83eef1;font-size:14px}
.point-europe{left:11%;top:20%}.point-mena{left:9%;top:74%}.point-india{right:8%;top:48%}.point-sea{right:7%;bottom:16%}.point-turkey{right:25%;top:11%}
.map-tech-label{position:absolute;padding:6px 9px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:rgba(255,255,255,.045);color:#7290a5;font-family:var(--font-mono);font-size:10px}.tech-label-one{left:27%;bottom:20%}.tech-label-two{right:22%;top:32%}.tech-label-three{left:37%;top:21%}
.footnote { position:relative;z-index:2;margin-top:25px;color:#8ba0b2;font-size:10px; }

.solutions-section { background:var(--white); }
.usecase-layout { min-height:600px;display:grid;grid-template-columns:350px 1fr;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:#f7fafc; }
.usecase-tabs { padding:18px;background:#f1f5f9;border-right:1px solid var(--line); }
.usecase-tabs button { width:100%;padding:17px 16px;display:block;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:#607084;font-size:13px;font-weight:700;cursor:pointer;transition:.2s; }
.usecase-tabs button span{color:#9ba8b5;font-family:var(--font-mono);font-size:10px;padding-top:3px}.usecase-tabs button:hover{color:var(--blue)}.usecase-tabs button.active{color:var(--white);border-radius:12px;border-bottom-color:transparent;background:var(--ink);box-shadow:0 12px 25px rgba(7,26,43,.13)}.usecase-tabs button.active span{color:#62dde4}
.usecase-panel { display:grid;grid-template-columns:.83fr 1.17fr; }
.usecase-copy { padding:55px 45px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center; }
.usecase-copy h3 { margin:18px 0;font-size:40px; }
.usecase-copy p { margin:0;color:var(--ink-soft); }
.usecase-tags { margin:25px 0;display:flex;flex-wrap:wrap;gap:7px; }.usecase-tags span{padding:6px 9px;border:1px solid var(--line);border-radius:99px;background:var(--white);color:#657589;font-size:10px;font-weight:700}.usecase-copy>a{font-size:13px;font-weight:700}
.usecase-visual { min-height:100%;padding:28px;display:grid;place-items:center;background:radial-gradient(circle at 65% 35%,rgba(20,93,255,.13),transparent 35%),linear-gradient(145deg,#eaf2fb,#f7fafc); }
.conversation-ui { width:min(100%,430px);padding:16px;border:1px solid #ccdbe6;border-radius:17px;background:rgba(255,255,255,.86);box-shadow:var(--shadow-lg);transform:rotate(1.5deg); }
.conversation-top{padding:4px 3px 14px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:10px;font-weight:700}.conversation-top span{display:flex;align-items:center;gap:6px}.conversation-top i{width:7px;height:7px;border-radius:50%;background:#25bc80}.conversation-top small{color:var(--muted)}
.message{margin-top:13px;padding:12px;border-radius:11px;font-size:10px}.message span{display:block;margin-bottom:4px;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:700}.message p{margin:0;line-height:1.55}.user-message{margin-left:40px;background:#eef3f8}.ai-message{margin-right:25px;border:1px solid #c9daf3;background:#edf4ff}.message-meta{margin-top:10px;display:flex;gap:6px}.message-meta b{padding:4px 6px;border-radius:5px;background:var(--white);color:#54708e;font-family:var(--font-mono);font-size:10px}
.visual-agent,.visual-rag,.visual-multimodal,.visual-tuning,.visual-enterprise{width:min(100%,430px);min-height:350px;position:relative;border:1px solid #cbdce8;border-radius:18px;background:rgba(255,255,255,.83);box-shadow:var(--shadow-lg);}
.visual-agent .agent-node{position:absolute;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:white;font-size:10px;font-weight:700}.visual-agent .n1{left:35px;top:45px}.visual-agent .n2{right:35px;top:45px}.visual-agent .n3{left:50%;bottom:48px;transform:translateX(-50%);background:var(--ink);color:white}.visual-agent::before,.visual-agent::after{position:absolute;content:"";height:1px;background:#8fb0da;transform-origin:left}.visual-agent::before{width:250px;left:90px;top:84px;transform:rotate(31deg)}.visual-agent::after{width:250px;right:90px;top:84px;transform:rotate(149deg);transform-origin:right}
.visual-rag{padding:24px}.visual-rag .search-bar{padding:12px;border:1px solid var(--line);border-radius:9px;background:white;font-size:10px;color:var(--muted)}.visual-rag .doc-list{margin-top:14px;display:grid;gap:9px}.visual-rag .doc-list i{height:56px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(90deg,#edf4ff 22%,#fff 22%)}
.visual-multimodal{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.visual-multimodal i{border:1px solid var(--line);border-radius:10px;background:#fff}.visual-multimodal i:nth-child(1){grid-row:span 2;background:linear-gradient(145deg,#155dff,#17b8cf)}.visual-multimodal i:nth-child(4){grid-column:span 2;height:70px;background:repeating-linear-gradient(90deg,#eef4fa 0 8px,#fff 8px 16px)}
.visual-tuning{padding:25px}.tuning-line{height:190px;position:relative;border-left:1px solid #ccdbe7;border-bottom:1px solid #ccdbe7}.tuning-line svg{width:100%;height:100%;fill:none;stroke:var(--blue);stroke-width:3}.tuning-metrics{display:flex;justify-content:space-between;margin-top:25px}.tuning-metrics span{padding:7px 9px;border-radius:7px;background:#edf4ff;color:#42607e;font-size:10px;font-weight:700}
.visual-enterprise{display:grid;place-items:center}.enterprise-shield{width:125px;height:145px;display:grid;place-items:center;clip-path:polygon(50% 0,90% 16%,90% 58%,50% 100%,10% 58%,10% 16%);background:linear-gradient(145deg,var(--blue),var(--teal));color:white;font-family:var(--font-mono);font-size:12px;font-weight:700}.enterprise-rings{position:absolute;width:260px;height:260px;border:1px solid #cbdce8;border-radius:50%;box-shadow:0 0 0 28px rgba(21,93,255,.035),0 0 0 57px rgba(21,93,255,.025)}

.security-section { color:var(--white);background:#061421; }
.security-layout{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:100px}.security-architecture{height:600px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);border-radius:28px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(29,120,175,.15),transparent 38%)}
.security-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle,black,transparent 82%)}
.arch-label{z-index:2;padding:11px 18px;border:1px solid rgba(255,255,255,.14);border-radius:99px;background:rgba(255,255,255,.06);font-family:var(--font-mono);font-size:10px}.arch-connector{z-index:2;width:1px;height:45px;background:linear-gradient(#4ae2e8,rgba(74,226,232,.1));position:relative}.arch-connector i{position:absolute;width:5px;height:5px;left:-2px;border-radius:50%;background:#65e8ed;box-shadow:0 0 10px #65e8ed;animation:flowDown 1.8s infinite}.connector-two i{animation-delay:.5s}.connector-three i{animation-delay:1s}@keyframes flowDown{from{top:0}to{top:40px;opacity:.2}}
.arch-layer{z-index:2;width:78%;padding:16px;display:grid;grid-template-columns:48px 1fr;align-items:center;gap:15px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(255,255,255,.055);backdrop-filter:blur(8px)}.arch-layer>span{width:43px;height:43px;display:grid;place-items:center;border-radius:10px;color:#7debf0;background:rgba(23,184,207,.1);font-family:var(--font-mono);font-size:10px}.arch-layer strong,.arch-layer small{display:block}.arch-layer strong{font-size:12px}.arch-layer small{color:#6d889b;font-size:10px}.arch-gpu{background:linear-gradient(90deg,rgba(21,93,255,.18),rgba(23,184,207,.08))}
.shield-badge{position:absolute;right:22px;bottom:20px;display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:99px;color:#7ce7ec;background:rgba(23,184,207,.11);font-size:10px;font-weight:700}.shield-badge svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}
.security-copy h2{font-size:54px}.security-copy>p{margin:23px 0 28px;color:#a8bdca}.security-acc{margin-bottom:32px;border-top:1px solid rgba(255,255,255,.12)}
.security-acc details{border-bottom:1px solid rgba(255,255,255,.12)}
.security-acc summary{padding:16px 0;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;list-style:none;color:var(--white);font-size:14px;font-weight:700}
.security-acc summary::-webkit-details-marker{display:none}
.security-acc summary::after{content:"+";color:#63dfe7;font-size:18px;font-weight:400;line-height:1;transition:transform .25s ease}
.security-acc details[open] summary::after{transform:rotate(45deg)}
.security-acc details p{max-width:52ch;margin:0 0 17px;color:#8fa5b5;font-size:13px;line-height:1.6}

.process-section { background:var(--white); }
.process-line{display:grid;grid-template-columns:1fr 100px 1fr 100px 1fr;align-items:start}.process-line article{padding:27px;border:1px solid var(--line);border-radius:20px;background:#f8fbfd}.process-line article>span{color:var(--blue);font-family:var(--font-mono);font-size:10px}.process-line h3{margin:22px 0 10px;font-size:28px}.process-line p{margin:0;color:var(--ink-soft);font-size:13px}.process-connector{height:1px;margin-top:78px;background:repeating-linear-gradient(90deg,#a8bfda 0 5px,transparent 5px 10px)}
.process-icon{width:62px;height:62px;margin-top:23px;position:relative;display:grid;place-items:center;border:1px solid var(--line);border-radius:16px;background:white}.process-icon i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--blue)}.process-icon i:nth-child(1){transform:translate(-14px,10px)}.process-icon i:nth-child(2){transform:translate(0,-12px)}.process-icon i:nth-child(3){transform:translate(14px,10px)}.configure-icon i{width:27px;height:3px;border-radius:99px;background:#8caccc}.configure-icon i:nth-child(1){transform:translateY(-12px)}.configure-icon i:nth-child(2){transform:translateY(0)}.configure-icon i:nth-child(3){transform:translateY(12px)}.configure-icon i::after{position:absolute;content:"";width:7px;height:7px;top:-2px;border-radius:50%;background:var(--blue)}.configure-icon i:nth-child(1)::after{left:4px}.configure-icon i:nth-child(2)::after{right:4px}.configure-icon i:nth-child(3)::after{left:10px}.deploy-icon{display:grid;grid-template-columns:repeat(3,8px);gap:4px}.deploy-icon i{position:static;width:8px;height:24px;border-radius:3px;background:linear-gradient(var(--cyan),var(--blue));transform:none!important}.deploy-icon i:nth-child(2){height:35px}

.models-section { background:linear-gradient(180deg,#edf4fb,#f7fafc); }
.models-layout{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:85px}.models-copy>p{max-width:560px;margin:23px 0;color:var(--ink-soft)}.model-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:29px}.model-pills span{padding:7px 10px;border:1px solid var(--line-strong);border-radius:99px;background:rgba(255,255,255,.7);font-family:var(--font-mono);font-size:10px;font-weight:600}
.code-window{overflow:hidden;border:1px solid #18364e;border-radius:22px;background:#071521;box-shadow:var(--shadow-lg)}.code-topbar{height:54px;padding:0 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.09);color:#7890a3;font-family:var(--font-mono);font-size:10px}.code-topbar>div{display:flex;gap:5px}.code-topbar i{width:8px;height:8px;border-radius:50%;background:#fa6767}.code-topbar i:nth-child(2){background:#f7bd58}.code-topbar i:nth-child(3){background:#35c985}.code-topbar small{text-align:right}.code-window pre{min-height:390px;margin:0;padding:32px;overflow:auto;color:#cad9e4;font-family:var(--font-mono);font-size:12px;line-height:1.8}.code-purple{color:#ca90ff}.code-green{color:#8be3ae}.code-blue{color:#6cadff}.code-orange{color:#ffb764}.code-status{height:49px;padding:0 19px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.09);color:#8196a7;font-family:var(--font-mono);font-size:10px}.code-status span{display:flex;align-items:center;gap:7px}.code-status i{width:6px;height:6px;border-radius:50%;background:#35c985}.code-status strong{color:#74e4eb}

.evidence-section { background:var(--white); }
.token-metric{text-align:right}.token-metric strong,.token-metric span{display:block}.token-metric strong{font-family:var(--font-mono);font-size:18px}.token-metric span{color:var(--muted);font-size:10px}
.evidence-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:18px}.quote-card,.metric-card{min-height:330px;padding:30px;border:1px solid var(--line);border-radius:22px;background:#f7fafc}.quote-card{display:flex;flex-direction:column}.quote-mark{color:var(--blue);font-family:Georgia,serif;font-size:64px;line-height:.7}.quote-card>p{max-width:600px;margin:25px 0;font-family:var(--font-display);font-size:23px;font-weight:600;line-height:1.45;letter-spacing:-.025em}.quote-person{margin-top:auto;display:flex;align-items:center;gap:11px}.quote-person>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:white;background:var(--ink);font-weight:800}.quote-person strong,.quote-person small{display:block}.quote-person strong{font-size:12px}.quote-person small{color:var(--muted);font-size:10px}.metric-card{position:relative;overflow:hidden}.metric-card>small{color:var(--muted);font-size:10px;text-transform:uppercase}.metric-card>strong{display:block;margin:20px 0 7px;font-family:var(--font-display);font-size:60px;line-height:1}.metric-card>strong span{margin-left:4px;color:var(--blue);font-size:15px}.metric-card>p{margin:0;color:var(--ink-soft);font-size:11px}.metric-chart{position:absolute;right:27px;bottom:26px;left:27px;height:75px;display:flex;align-items:end;gap:7px}.metric-chart i{flex:1;border-radius:3px 3px 0 0;background:#d8e4f2}.metric-chart i:nth-child(1){height:20%}.metric-chart i:nth-child(2){height:35%}.metric-chart i:nth-child(3){height:47%}.metric-chart i:nth-child(4){height:65%}.metric-chart i:nth-child(5){height:56%}.metric-chart i:nth-child(6){height:75%;background:#94bafa}.metric-chart i:nth-child(7){height:84%;background:#5b96f8}.metric-chart i:nth-child(8){height:100%;background:var(--blue)}.deployment-icons{position:absolute;right:25px;bottom:25px;left:25px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.deployment-icons i{height:53px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:white;color:#61748a;font-family:var(--font-mono);font-size:10px;font-style:normal;font-weight:600}.deployment-icons i:nth-child(2){color:white;border-color:var(--blue);background:var(--blue)}

.final-cta{position:relative;padding:120px 0;overflow:hidden;color:white;background:linear-gradient(125deg,#0b3e94,#0b74b9 55%,#0a6f78)}.cta-pattern{position:absolute;inset:0;opacity:.2;background-image:radial-gradient(circle at center,transparent 0 12%,rgba(255,255,255,.18) 12.2% 12.5%,transparent 12.7% 22%,rgba(255,255,255,.14) 22.2% 22.5%,transparent 22.7%),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:900px 900px,70px 70px;background-position:center,center}.final-cta-inner{position:relative;z-index:2;text-align:center}
/* company.html's CTA has no lede paragraph, so the button row would otherwise
   sit flush against the heading. Match the 32px the paragraph gives elsewhere. */
.final-cta-inner h2 + div{margin-top:32px}.final-cta h2{max-width:950px;margin:0 auto;font-size:clamp(42px,5.5vw,74px)}.final-cta p{max-width:660px;margin:25px auto 32px;color:rgba(255,255,255,.75);font-size:17px}.centered-actions{justify-content:center}

.site-footer{padding:80px 0 30px;color:#acc0ce;background:#061421}.footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:50px}.footer-brand p{max-width:310px;margin:22px 0;color:#7890a3;font-size:13px}.footer-location{display:flex;align-items:center;gap:8px;color:#7890a3;font-size:10px}.footer-location i{width:7px;height:7px;border-radius:50%;background:#4edee6}.footer-column{display:flex;flex-direction:column;gap:10px}.footer-column strong{margin-bottom:9px;color:white;font-size:12px}.footer-column a{font-size:11px;transition:color .2s}.footer-column a:hover{color:white}.footer-bottom{margin-top:65px;padding-top:22px;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.09);color:#8497a8;font-size:10px}.footer-bottom div{display:flex;gap:19px}

/* Scoped to .js (set by script.js on line 1) so that if the script fails to
   load the content is never left permanently invisible. */
.js .reveal { opacity:0; transform:translateY(24px); transition:opacity .7s ease, transform .7s ease; }.reveal.visible{opacity:1;transform:none}.reveal-delay-1{transition-delay:.12s}.reveal-delay-2{transition-delay:.22s}

/* Accessible label that is visible to screen readers only. */
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* Keyboard skip link — hidden until focused. */
.skip-link{position:absolute;top:-100px;left:16px;z-index:200;padding:12px 20px;border-radius:0 0 12px 12px;background:var(--blue);color:#fff;font-size:13px;font-weight:600;text-decoration:none;transition:top .18s ease}
.skip-link:focus{top:0}
main:focus{outline:none}

/* Resource cards: the heading link stretches over the whole card so the card
   is clickable, while remaining a single real link for keyboard and AT. */
.resource-grid article{position:relative}
.resource-grid h3 .resource-link{color:inherit;text-decoration:none}
.resource-grid h3 .resource-link::after{content:"";position:absolute;inset:0;z-index:1}
.resource-grid h3 .resource-link:hover{color:var(--blue)}
.resource-grid h3 .resource-link:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:4px}

/* Newsletter form status message. */
.newsletter-form{flex-wrap:wrap}
.newsletter-status{flex-basis:100%;margin:4px 0 0;min-height:17px;font-size:12px;color:#a0b7c7}
.newsletter-status.error{color:#ffb4a8}
.newsletter-status.success{color:#7ce7c6}
.newsletter-form input[aria-invalid="true"]{border-color:#ff8b78}
.newsletter-form input:disabled{opacity:.6}

@media (max-width: 1120px) {
  .desktop-nav { gap: 18px; }.desktop-nav > a,.nav-item>button{font-size:13px}.hide-tablet{display:none}.hero-grid{gap:35px}.hero h1{font-size:62px}.pricing-layout{gap:45px}.security-layout{gap:45px}.usecase-layout{grid-template-columns:300px 1fr}.usecase-panel{grid-template-columns:1fr}.usecase-visual{min-height:370px}.evidence-grid{grid-template-columns:1.1fr .9fr}.evidence-grid article:last-child{grid-column:span 2}.models-layout{gap:45px}
}

@media (max-width: 900px) {
  .container { width:min(100% - 32px, 760px); }.section-pad{padding:90px 0}.desktop-nav{display:none}.menu-toggle{display:grid}.mobile-menu{display:flex}.hero{padding-top:135px;min-height:auto}.hero-grid,.pricing-layout,.map-layout,.security-layout,.models-layout{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-lede{margin-left:auto;margin-right:auto}.hero-actions,.hero-trust{justify-content:center}.hero-console{margin-top:35px}.chip-two{left:10px}.proof-strip{grid-template-columns:1fr 1fr}.proof-strip>div{padding:16px;border-bottom:1px solid var(--line)}.proof-strip>div:nth-child(2){border-right:0}.proof-strip>div:nth-child(3),.proof-strip>div:nth-child(4){border-bottom:0}.brand-rail-inner{align-items:flex-start;flex-direction:column;gap:16px}.brand-logos{flex-wrap:wrap;justify-content:flex-start}.section-heading{grid-template-columns:1fr;gap:20px}.platform-grid{grid-template-columns:1fr}.platform-card{min-height:580px}.pricing-layout{gap:60px}.map-layout{gap:60px}.region-map{min-height:560px}.security-architecture{order:2}.security-copy{order:1}.process-line{grid-template-columns:1fr}.process-connector{width:1px;height:50px;margin:0 0 0 50px;background:repeating-linear-gradient(180deg,#a8bfda 0 5px,transparent 5px 10px)}.usecase-layout{grid-template-columns:1fr}.usecase-tabs{padding:9px;display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.usecase-tabs button{min-width:205px;border-bottom:0}.usecase-panel{grid-template-columns:1fr 1fr}.evidence-grid{grid-template-columns:1fr 1fr}.quote-card{grid-column:span 2}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-column:last-child{grid-column:2}.footer-brand{grid-row:span 2}
}

@media (max-width: 640px) {
  .container{width:min(100% - 24px, 560px)}.section-pad{padding:72px 0}.site-header{height:70px}.site-header.scrolled{height:64px}.hide-mobile{display:none}.brand-logo{height:36px}.hero{padding-top:116px;padding-bottom:40px}.hero h1{font-size:45px}.hero-lede{font-size:16px}.hero-actions{display:grid}.button{width:100%}.hero-trust{gap:12px;font-size:11px}.console-body{padding:15px}.result-grid{grid-template-columns:1fr}.result-card{min-height:91px}.architecture-line{display:none}.console-footer{align-items:flex-start}.console-footer button{white-space:nowrap}.floating-chip{display:none}.proof-strip{margin-top:48px}.proof-strip>div{padding:14px 8px}.proof-strip strong{font-size:18px}.proof-strip span{font-size:10px}.brand-logos{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:14px}.section-heading{margin-bottom:37px}.section-heading h2,h2{font-size:38px}.platform-card{min-height:610px;padding:22px 22px 198px}.platform-card h3{font-size:34px}.service-visual{right:20px;left:20px}.rack{left:20px}.rack-metric{right:15px}.select-grid{grid-template-columns:1fr}.calc-output-grid{grid-template-columns:1fr}.map-copy h2{font-size:40px}.dark-stats{grid-template-columns:1fr;gap:0}.dark-stats>div{padding:12px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.region-map{min-height:450px}.point-mena{left:5%;top:72%}.point-sea{right:4%;bottom:13%}.point-turkey{right:12%;top:13%}.map-tech-label{display:none}.usecase-panel{grid-template-columns:1fr}.usecase-copy{padding:35px 25px}.usecase-copy h3{font-size:33px}.usecase-visual{min-height:330px;padding:20px}.security-architecture{height:520px}.arch-layer{width:88%;grid-template-columns:38px 1fr}.arch-layer>span{width:36px;height:36px}.security-copy h2{font-size:39px}.security-list{grid-template-columns:1fr}.process-line article{padding:22px}.models-copy h2{font-size:42px}.code-window pre{padding:21px;font-size:10px}.evidence-grid{grid-template-columns:1fr}.quote-card{grid-column:auto}.evidence-grid article:last-child{grid-column:auto}.quote-card>p{font-size:19px}.token-metric{text-align:left}.final-cta{padding:90px 0}.final-cta h2{font-size:41px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:span 2;grid-row:auto}.footer-column:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:10px}.menu-toggle{width:40px;height:40px}
}

/* ===== Multi-page extensions ===== */
.desktop-nav > a.active{color:var(--blue)}
.desktop-nav > a.active::after{right:0}
.inner-page .site-header{background:rgba(249,252,255,.78);backdrop-filter:blur(16px)}
.subhero{position:relative;padding:180px 0 110px;overflow:hidden;background:radial-gradient(circle at 78% 22%,rgba(21,93,255,.11),transparent 28%),radial-gradient(circle at 14% 35%,rgba(23,184,207,.08),transparent 30%),linear-gradient(180deg,#fbfdff,#f2f7fb)}
.subhero:before{position:absolute;content:"";inset:0;background-image:linear-gradient(rgba(14,68,110,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(14,68,110,.045) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 95%);pointer-events:none}
.subhero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:76px;align-items:center;z-index:2}
.subhero-copy h1{font-size:clamp(48px,5.5vw,76px)}
.subhero-copy>p{max-width:680px;margin:27px 0 32px;color:var(--ink-soft);font-size:18px}
.centered-hero{position:relative;z-index:2;text-align:center}
.centered-hero h1{margin:auto}.centered-hero>p{max-width:760px;margin:25px auto 0;color:var(--ink-soft);font-size:19px}
/* The decorative .capability-orbit is pinned to the right of this hero; keep
   the lede narrow enough that its text never runs underneath the circle.
   Below 1225px the container is too tight for both, so the circle is dropped
   the same way it already is on small screens (see the media query further
   down, after the .capability-orbit base rules). */
.usecases-hero .centered-hero>p{max-width:600px}
.soft-section{background:#edf4fa;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.dark-cta-section{color:white;background:linear-gradient(130deg,#061522,#0b2b43)}
.dark-cta-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.dark-cta-grid h2{max-width:760px}.dark-cta-grid p{max-width:680px;color:#9fb5c6;font-size:17px}.dark-cta-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.text-arrow{display:inline-flex;align-items:center;gap:12px;margin-top:18px;color:var(--blue);font-weight:700}.text-arrow span{transition:transform .2s}.text-arrow:hover span{transform:translateX(4px)}
.check-list{padding:0;margin:25px 0;list-style:none}.check-list li{position:relative;padding:9px 0 9px 30px;color:var(--ink-soft)}.check-list li:before{position:absolute;left:0;top:12px;content:"✓";width:19px;height:19px;display:grid;place-items:center;border-radius:50%;color:var(--teal);background:rgba(7,129,142,.1);font-size:11px;font-weight:800}
.tag-row{display:flex;flex-wrap:wrap;gap:7px}.tag-row span,.detail-tags span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:#5d6d80;background:#f8fbfd;font-size:10px;font-weight:600}
/* Solutions */
.solution-switcher{min-height:485px;padding:14px;border:1px solid var(--line-strong);border-radius:28px;background:rgba(255,255,255,.88);box-shadow:var(--shadow-lg)}
.switcher-tabs{display:grid;grid-template-columns:1fr 1fr;padding:5px;border-radius:13px;background:#edf3f8}.switcher-tabs button{padding:12px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:12px;font-weight:700;cursor:pointer}.switcher-tabs button.active{color:white;background:var(--ink);box-shadow:0 8px 20px rgba(7,26,43,.15)}
.solution-switch-panel{display:none;padding:20px 12px 5px}.solution-switch-panel.active{display:block}.mini-console-head{display:flex;align-items:center;justify-content:space-between;padding:13px 5px 18px;color:var(--muted);font-family:var(--font-mono);font-size:10px}.mini-console-head span{display:flex;align-items:center;gap:8px}.mini-console-head i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(26,168,117,.1)}
.solution-stack{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:9px;align-items:center;padding:25px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#f9fcff,#edf5fc)}.solution-stack>div{min-height:104px;padding:16px;display:flex;flex-direction:column;justify-content:center;border:1px solid #d8e3eb;border-radius:12px;background:white}.solution-stack span{color:var(--blue);font-family:var(--font-mono);font-size:10px}.solution-stack strong{margin-top:7px;font-size:13px}.solution-stack>b{color:#9eafbd}.solution-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.solution-metrics span{padding:13px;border-radius:11px;background:#f3f7fa}.solution-metrics small,.solution-metrics strong{display:block}.solution-metrics small{color:var(--muted);font-size:10px;text-transform:uppercase}.solution-metrics strong{margin-top:4px;font-size:11px}
.gpu-grid-visual{height:208px;padding:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border-radius:18px;background:#071a2b}.gpu-grid-visual i{position:relative;border:1px solid rgba(76,202,226,.24);border-radius:8px;background:linear-gradient(145deg,#102c43,#081722)}.gpu-grid-visual i:before{position:absolute;content:"";inset:10px;border:1px solid rgba(104,220,233,.18);border-radius:5px;background:repeating-linear-gradient(90deg,rgba(59,216,231,.14) 0 2px,transparent 2px 7px)}
.feature-bento{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.bento-card{position:relative;min-height:330px;padding:34px;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:white;box-shadow:var(--shadow-sm)}.bento-card.bento-wide{grid-column:span 2;min-height:285px}.bento-index{color:var(--blue);font-family:var(--font-mono);font-size:11px}.bento-card h3{max-width:580px;margin:25px 0 12px}.bento-card p{max-width:690px;color:var(--ink-soft)}.code-line{margin-top:35px;padding:18px;border:1px solid #d5e3ec;border-radius:12px;background:#f1f7fb;font-family:var(--font-mono);font-size:12px}.code-line span{color:var(--purple)}.code-line b{margin:0 8px;color:#7c8a98}.code-line em{color:var(--teal);font-style:normal}.metric-orbit{position:absolute;right:34px;bottom:30px;width:130px;height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #cfe0ec;border-radius:50%;background:radial-gradient(circle,white 45%,#edf7ff)}.metric-orbit:before,.metric-orbit:after{position:absolute;content:"";border:1px solid #d9e8f1;border-radius:50%}.metric-orbit:before{inset:-15px}.metric-orbit:after{inset:-33px;opacity:.5}.metric-orbit strong{font-size:25px}.metric-orbit span{color:var(--muted);font-size:10px}.lifecycle-line{margin-top:45px;display:flex;align-items:center;gap:10px}.lifecycle-line span{padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#f7fafc;font-size:10px;font-weight:700}.lifecycle-line i{flex:1;height:1px;background:linear-gradient(90deg,var(--blue),var(--cyan))}.language-cloud{margin-top:35px;display:flex;flex-wrap:wrap;gap:10px}.language-cloud span{padding:12px 17px;border-radius:999px;background:#edf5ff;color:#163b63;font-size:13px;font-weight:700}.split-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.split-copy>p{color:var(--ink-soft);font-size:17px}.infrastructure-panel{padding:18px;border:1px solid #c9d9e5;border-radius:24px;background:white;box-shadow:var(--shadow-lg)}.infra-panel-top{display:flex;justify-content:space-between;padding:8px 8px 18px;color:var(--muted);font-family:var(--font-mono);font-size:10px}.rack-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px;border-radius:17px;background:#071a2b}.rack-unit{height:245px;padding:11px;display:flex;flex-direction:column;gap:7px;border:1px solid rgba(80,195,217,.2);border-radius:10px;background:#0b2235}.rack-unit>span{margin-bottom:auto;color:#6fdde8;font-family:var(--font-mono);font-size:10px}.rack-unit i{height:34px;border:1px solid rgba(128,215,229,.12);border-radius:5px;background:repeating-linear-gradient(90deg,#102f47 0 4px,#0c263a 4px 8px)}.fabric-line{margin:12px 0;padding:13px 15px;display:flex;align-items:center;gap:13px;border-radius:10px;background:#eaf4fc}.fabric-line b{font-size:11px}.fabric-line i{flex:1;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan))}.fabric-line span{color:var(--muted);font-size:10px}.infra-data{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.infra-data span{padding:12px;border:1px solid var(--line);border-radius:10px}.infra-data small,.infra-data strong{display:block}.infra-data small{color:var(--muted);font-size:10px}.infra-data strong{font-size:10px}.solution-matrix{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:white;box-shadow:var(--shadow-sm)}.solution-matrix>div{display:grid;grid-template-columns:1.5fr repeat(3,1fr)}.solution-matrix>div>*{padding:18px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.solution-matrix>div>*:last-child{border-right:0}.solution-matrix>div:last-child>*{border-bottom:0}.matrix-head{color:white;background:var(--ink);font-size:11px;font-weight:700}.solution-matrix strong{font-size:13px}.solution-matrix i{color:var(--ink-soft);font-size:12px;font-style:normal}
/* Use cases */
.usecases-hero{padding-bottom:150px}.capability-orbit{position:absolute;right:0;bottom:-105px;width:260px;height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(21,93,255,.15);border-radius:50%;background:rgba(255,255,255,.6);box-shadow:var(--shadow-sm)}.capability-orbit:before,.capability-orbit:after{position:absolute;content:"";border:1px solid rgba(23,184,207,.15);border-radius:50%}.capability-orbit:before{inset:28px}.capability-orbit:after{inset:60px}.capability-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--blue)}.capability-orbit i:nth-child(1){top:18px}.capability-orbit i:nth-child(2){right:23px}.capability-orbit i:nth-child(3){bottom:24px}.capability-orbit i:nth-child(4){left:23px}.capability-orbit b{font-family:var(--font-display);font-size:55px}.capability-orbit span{color:var(--muted);font-family:var(--font-mono);font-size:10px;text-transform:uppercase}.library-toolbar{margin-bottom:32px;display:flex;align-items:center;justify-content:space-between;gap:30px}.library-toolbar>div:first-child span,.library-toolbar>div:first-child strong{display:block}.library-toolbar span{color:var(--muted);font-size:10px;text-transform:uppercase}.library-toolbar strong{font-size:15px}.filter-pills{display:flex;flex-wrap:wrap;gap:8px}.filter-pills button{padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:white;color:var(--muted);font-size:10px;font-weight:700;cursor:pointer}.filter-pills button.active{color:white;border-color:var(--ink);background:var(--ink)}.usecase-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.usecase-card{min-height:420px;padding:27px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:21px;background:white;box-shadow:0 12px 35px rgba(14,35,56,.05);transition:transform .25s,box-shadow .25s,border .25s}.usecase-card:hover{transform:translateY(-5px);border-color:#bad0e2;box-shadow:var(--shadow-sm)}.usecase-card.hidden{display:none}.usecase-card-top{display:flex;align-items:center;justify-content:space-between}.usecase-number{color:var(--blue);font-family:var(--font-mono);font-size:10px}.usecase-symbol{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:var(--blue);background:#edf4ff;font-size:17px;font-style:normal}.usecase-card h3{margin:40px 0 12px;font-size:25px}.usecase-card>strong{font-size:13px}.usecase-card>p{color:var(--ink-soft);font-size:13px}.usecase-card .tag-row{margin-top:auto;padding-top:20px}.usecase-detail-trigger{margin-top:22px;padding:0;border:0;background:none;text-align:left;color:var(--blue);font-size:11px;font-weight:700;cursor:pointer}.deployment-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.deployment-cards article{position:relative;min-height:390px;padding:31px;border:1px solid var(--line);border-radius:23px;background:white}
.deployment-cards .featured>.label-pill{position:absolute;top:27px;right:27px}.deployment-cards article.featured{transform:translateY(-15px);color:white;border-color:var(--blue);background:linear-gradient(145deg,#155dff,#0b3da5);box-shadow:0 25px 50px rgba(21,93,255,.2)}.deployment-cards article>span{font-family:var(--font-mono);font-size:10px}.deployment-cards h3{margin:44px 0 14px}.deployment-cards p{color:var(--ink-soft)}.deployment-cards .featured p{color:#c8d9ff}.deployment-cards ul{padding-left:18px;color:var(--ink-soft);font-size:12px}.deployment-cards .featured ul{color:#e6edff}.api-ready-banner{padding:60px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;border:1px solid var(--line);border-radius:29px;background:white;box-shadow:var(--shadow-sm)}.api-ready-banner p{color:var(--ink-soft)}.api-ready-code{overflow:hidden;border:1px solid #d2e0e9;border-radius:15px;background:#071a2b;color:white}.api-ready-code>div{padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.1);font-family:var(--font-mono);font-size:10px}.api-ready-code>div span{margin-right:8px;color:#6ee1e8}.api-ready-code pre{margin:0;padding:22px;color:#c3d5e2;font-size:11px;white-space:pre-wrap}.case-modal{position:fixed;inset:0;z-index:300;display:none}.case-modal.open{display:block}.case-modal-backdrop{position:absolute;inset:0;background:rgba(4,17,28,.66);backdrop-filter:blur(8px)}.case-modal-panel{position:absolute;right:0;top:0;bottom:0;width:min(660px,100%);padding:80px 55px;overflow-y:auto;background:#f8fbfd;box-shadow:-30px 0 80px rgba(0,0,0,.2)}.case-modal-close{position:absolute;right:25px;top:22px;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:white;font-size:25px;cursor:pointer}.modal-lede{color:var(--ink-soft);font-size:17px}.modal-architecture{margin:34px 0;padding:18px;display:flex;align-items:center;gap:8px;overflow-x:auto;border:1px solid var(--line);border-radius:15px;background:white}.modal-architecture span{min-width:max-content;padding:11px;border-radius:8px;background:#edf4fa;font-size:10px;font-weight:700}.modal-architecture i{color:var(--blue);font-style:normal}.modal-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.modal-two-col>div{padding:21px;border:1px solid var(--line);border-radius:15px;background:white}.modal-two-col strong{font-size:11px}.modal-two-col ul{padding-left:18px;color:var(--ink-soft);font-size:12px}.modal-two-col p{color:var(--ink-soft);font-size:12px}.modal-actions{margin-top:28px;display:flex;gap:10px;flex-wrap:wrap}
@media (max-width: 1225px){ .capability-orbit{display:none} .usecases-hero{padding-bottom:110px} }
/* Pricing */
.pricing-risk-card{padding:28px;border:1px solid var(--line);border-radius:25px;background:rgba(255,255,255,.88);box-shadow:var(--shadow-lg)}.risk-label{margin-bottom:22px;color:var(--muted);font-family:var(--font-mono);font-size:10px;text-transform:uppercase}.risk-row{padding:22px;border:1px solid var(--line);border-radius:17px;background:#f7fafc}.risk-row+.risk-row{margin-top:12px}.risk-row>span,.risk-row>strong{display:block}.risk-row>span{font-size:11px}.risk-row>strong{margin:3px 0 13px;font-size:25px}.risk-row small{display:block;margin-top:9px;color:var(--muted);font-size:10px}.risk-meter{height:8px;border-radius:999px;background:#dce5ec;overflow:hidden}.risk-meter i{display:block;height:100%;border-radius:inherit}.risk-row.old i{width:88%;background:#ef8f75}.risk-row.new{border-color:#b7d3ff;background:#edf4ff}.risk-row.new i{width:22%;background:var(--blue)}.estimator-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.estimator-copy p{color:var(--ink-soft)}.estimator-note{margin-top:30px;padding:16px;display:flex;gap:12px;border:1px solid var(--line);border-radius:13px;background:white}.estimator-note>span{width:24px;height:24px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:white;background:var(--blue);font-weight:800}.estimator-note p{margin:0;font-size:11px}.pricing-estimator{padding:25px;border:1px solid var(--line-strong);border-radius:25px;background:white;box-shadow:var(--shadow-lg)}.estimator-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.estimator-head span{display:flex;align-items:center;gap:8px;color:var(--green);font-size:10px}.estimator-head i{width:7px;height:7px;border-radius:50%;background:var(--green)}.estimator-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.estimator-fields label,.gonka-calculator label{color:var(--muted);font-size:10px;text-transform:uppercase}.estimator-fields select,.gonka-calculator select{width:100%;margin-top:6px;padding:13px;border:1px solid var(--line);border-radius:10px;background:#f8fbfd;color:var(--ink);font-size:12px;text-transform:none}.estimate-output{margin:17px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.estimate-output>div{padding:14px;border-radius:11px;background:#edf4fa}.estimate-output small,.estimate-output strong{display:block}.estimate-output small{color:var(--muted);font-size:10px}.estimate-output strong{margin-top:5px;font-size:11px}.comparison-table{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:white}.comparison-table>div{display:grid;grid-template-columns:1.2fr 1fr 1fr}.comparison-table>div>*{padding:18px 23px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.comparison-table>div>*:last-child{border-right:0}.comparison-table>div:last-child>*{border-bottom:0}.comparison-head{color:white;background:var(--ink);font-size:11px;font-weight:700}
/* The generic `.comparison-table span` rule below sets the body-row grey, which
   is unreadable on the dark header. Re-assert white for the header cells. */
.comparison-table .comparison-head span{color:#fff}
.comparison-table .comparison-head span.hyper-col{color:#80e8ee}.comparison-table strong{font-size:12px}.comparison-table span{color:var(--ink-soft);font-size:11px}.comparison-table .hyper-col{color:#80e8ee;background:#0a2b41}.pricing-model-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.pricing-model-cards article{position:relative;min-height:495px;padding:30px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:23px;background:white}
/* The "featured" badge is pinned to the card corner instead of sitting in the
   column flow — in flow it pushed the icon and heading down by its own height,
   so the featured card's title no longer lined up with its two siblings. */
.pricing-model-cards .featured>.label-pill{position:absolute;top:26px;right:26px}.pricing-model-cards article.featured{color:white;border-color:#155dff;background:linear-gradient(145deg,#155dff,#0c47c6);box-shadow:0 30px 70px rgba(21,93,255,.2)}.price-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:var(--blue);background:#edf4ff;font-size:20px;font-weight:800}.featured .price-icon{color:#174fb7;background:white}.pricing-model-cards h3{margin:30px 0 12px}.pricing-model-cards p{color:var(--ink-soft)}.pricing-model-cards .featured p{color:#d4e0ff}.price-example{margin:25px 0;padding:18px;border-radius:13px;background:#f3f7fa}.featured .price-example{background:rgba(255,255,255,.12)}.price-example small,.price-example strong{display:block}.price-example small{color:var(--muted);font-size:10px;text-transform:uppercase}.featured .price-example small{color:#b9ccff}.price-example strong{margin-top:7px;font-size:12px}.pricing-model-cards ul{margin-top:auto;padding-left:18px;color:var(--ink-soft);font-size:12px}.featured ul{color:#e6edff}.risk-section{color:white;background:linear-gradient(120deg,#061522,#0d304a)}.risk-commitment{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.risk-commitment p{color:#9eb6c8}.risk-badges{display:grid;grid-template-columns:1fr 1fr;gap:10px}.risk-badges span{padding:20px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.05);font-size:12px;font-weight:700}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.faq-list article{border-top:1px solid var(--line)}.faq-list article:last-child{border-bottom:1px solid var(--line)}.faq-list button{width:100%;padding:22px 0;display:flex;align-items:center;justify-content:space-between;border:0;background:none;text-align:left;font-weight:700;cursor:pointer}.faq-list button span{font-size:22px;transition:transform .2s}.faq-list article.open button span{transform:rotate(45deg)}.faq-list article>div{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.faq-list article.open>div{grid-template-rows:1fr}.faq-list article>div>p{overflow:hidden;min-height:0}.faq-list p{margin:0 0 22px;color:var(--ink-soft);font-size:13px}
/* How it works */
.how-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.architect-mini{padding:18px;border:1px solid var(--line-strong);border-radius:24px;background:white;box-shadow:var(--shadow-lg)}.architect-mini-top{display:flex;justify-content:space-between;padding:7px 5px 18px;color:var(--muted);font-family:var(--font-mono);font-size:10px}.architect-mini-top span{display:flex;align-items:center;gap:8px}.architect-mini-top i{width:7px;height:7px;border-radius:50%;background:var(--green)}.architect-mini>p{padding:23px;border:1px solid var(--line);border-radius:14px;background:#f5f9fc;font-weight:600}.architect-thinking{display:flex;align-items:center;gap:10px;padding:18px;color:var(--muted);font-size:11px}.architect-thinking i{width:15px;height:15px;border:2px solid #d5e1e9;border-top-color:var(--blue);border-radius:50%;animation:spin 1.2s linear infinite}.architect-mini-result{display:grid;grid-template-columns:1fr 1fr;gap:8px}.architect-mini-result span{padding:15px;border-radius:11px;background:#edf4fa}.architect-mini-result small,.architect-mini-result strong{display:block}.architect-mini-result small{color:var(--muted);font-size:10px}.architect-mini-result strong{font-size:11px}.vertical-process article{position:relative;min-height:430px;display:grid;grid-template-columns:115px 1fr 1fr;gap:48px;align-items:center;border-top:1px solid var(--line)}.vertical-process article:last-child{border-bottom:1px solid var(--line)}.process-big-number{color:#7d8fa1;font-family:var(--font-display);font-size:70px;font-weight:800}.process-copy>span{color:var(--blue);font-family:var(--font-mono);font-size:10px;text-transform:uppercase}.process-copy h3{margin:18px 0 12px}.process-copy p{color:var(--ink-soft)}.prompt-examples{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.prompt-examples button,.prompt-stack button{padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:white;color:var(--ink-soft);font-size:10px;font-weight:700;cursor:pointer}.process-visual{min-height:265px;padding:25px;border:1px solid var(--line);border-radius:20px;background:white;box-shadow:var(--shadow-sm)}.describe-visual>div{padding:17px;display:flex;gap:10px;border:1px solid var(--line);border-radius:11px;background:#f6f9fc}.describe-visual p{margin:0;color:var(--muted);font-size:11px}.describe-visual>i{display:block;height:11px;margin-top:18px;border-radius:999px;background:#e8eff4}.describe-visual>i:nth-child(2){width:88%}.describe-visual>i:nth-child(3){width:72%}.describe-visual>i:nth-child(4){width:45%}.configure-visual{display:grid;grid-template-columns:1fr;gap:8px;align-content:center}.config-node{padding:16px;border:1px solid var(--line);border-radius:11px;background:#f5f9fc}.config-node small,.config-node strong{display:block}.config-node small{color:var(--blue);font-family:var(--font-mono);font-size:10px}.config-node strong{font-size:12px}.configure-visual>b{text-align:center;color:#9bb0bf}.deployment-proof{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.deployment-proof span{padding:8px 10px;border-radius:999px;background:#edf7f2;color:#31745b;font-size:10px;font-weight:700}.deployment-proof i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--green)}.deploy-window{overflow:hidden;border:1px solid #173a54;border-radius:14px;background:#071a2b;color:#c6d7e3}.deploy-window>div{padding:12px;display:flex;gap:5px;border-bottom:1px solid rgba(255,255,255,.08)}.deploy-window>div i{width:6px;height:6px;border-radius:50%;background:#527087}.deploy-window pre{margin:0;padding:35px 20px;font-size:11px}.deploy-window>span{display:block;padding:10px 18px;border-top:1px solid rgba(255,255,255,.08);color:#65dce6;font-family:var(--font-mono);font-size:10px}.architect-lab{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.architect-lab-copy p{color:var(--ink-soft)}.prompt-stack{display:grid;gap:8px;margin-top:25px}.prompt-stack button{text-align:left;border-radius:10px}.architect-console{padding:25px;border:1px solid var(--line);border-radius:25px;background:white;box-shadow:var(--shadow-lg)}.architect-console-head{display:flex;justify-content:space-between;margin-bottom:17px;font-family:var(--font-mono);font-size:10px}.architect-console-head small{display:flex;align-items:center;gap:7px;color:var(--green)}.architect-console-head i{width:6px;height:6px;border-radius:50%;background:var(--green)}.architect-console textarea{width:100%;min-height:120px;padding:17px;resize:vertical;border:1px solid var(--line);border-radius:12px;background:#f7fafc;color:var(--ink);font-size:12px}.architect-options{margin:10px 0;display:grid;grid-template-columns:1fr 1fr;gap:9px}.architect-options label{color:var(--muted);font-size:10px;text-transform:uppercase}.architect-options select{width:100%;margin-top:5px;padding:11px;border:1px solid var(--line);border-radius:9px;background:white;font-size:10px}.architect-output{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.architect-output>div{padding:13px;border-radius:10px;background:#edf4fa}.architect-output small,.architect-output strong{display:block}.architect-output small{color:var(--muted);font-size:10px;text-transform:uppercase}.architect-output strong{margin-top:4px;font-size:10px}.ops-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ops-grid article{min-height:300px;padding:25px;border:1px solid var(--line);border-radius:20px;background:white}.ops-grid span{color:var(--blue);font-family:var(--font-mono);font-size:10px}.ops-grid h3{margin:45px 0 12px;font-size:24px}.ops-grid p{color:var(--ink-soft);font-size:12px}.compact-code{overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:15px;background:#06121d}.compact-code pre{margin:0;padding:25px;color:#c4d7e4;font-size:12px}
/* Company */
.company-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.company-manifesto{padding:40px;border:1px solid var(--line);border-radius:25px;background:white;box-shadow:var(--shadow-lg)}.company-manifesto>span{color:var(--blue);font-family:var(--font-mono);font-size:10px}.company-manifesto>p{margin:25px 0;color:var(--ink-soft);font-family:var(--font-display);font-size:24px;line-height:1.35;letter-spacing:-.03em}.company-manifesto>strong{font-size:14px}.manifesto-cities{display:flex;flex-wrap:wrap;gap:7px;margin-top:30px}.manifesto-cities i{padding:7px 9px;border-radius:999px;background:#edf4fa;color:#566779;font-size:10px;font-style:normal}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.principle-grid article{min-height:350px;padding:31px;border:1px solid var(--line);border-radius:22px;background:white}.principle-grid span{color:var(--blue);font-family:var(--font-mono);font-size:10px}.principle-grid h3{margin:62px 0 14px}.principle-grid p{color:var(--ink-soft)}.geography-section{color:white;background:linear-gradient(135deg,#061521,#0b2b43)}.geography-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.geo-copy p{color:#a5bbca}.geo-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:28px 0}.geo-tabs button{padding:8px 10px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:transparent;color:#a9bfce;font-size:10px;font-weight:700;cursor:pointer}.geo-tabs button.active{color:var(--ink);border-color:white;background:white}.geo-detail{padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.05)}.geo-detail strong,.geo-detail span{display:block}.geo-detail span{margin:3px 0 11px;color:#6edce6;font-family:var(--font-mono);font-size:10px;text-transform:uppercase}.geo-detail p{margin:0;font-size:11px}.regional-map{position:relative;min-height:500px}.regional-map svg{width:100%;height:100%}.map-land{fill:rgba(255,255,255,.035);stroke:rgba(140,203,218,.16);stroke-width:1}.route{fill:none;stroke:#2fd0dc;stroke-width:1.5;stroke-dasharray:5 6;opacity:.7}.map-hub{position:absolute;left:46%;top:53%;width:110px;height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(91,222,230,.45);border-radius:50%;background:rgba(15,73,94,.75);box-shadow:0 0 0 20px rgba(41,199,211,.05)}.map-hub i{width:8px;height:8px;border-radius:50%;background:#60e1e7}.map-hub strong{font-size:18px}.map-hub span{color:#8fc2d0;font-size:10px}.map-destination{position:absolute;padding:7px 9px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(3,21,33,.75);color:#b6cbd7;font-size:10px}.d1{left:12%;top:23%}.d2{right:7%;top:45%}.d3{right:2%;bottom:14%}.d4{left:9%;bottom:12%}.infrastructure-spec-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:14px}.infrastructure-spec-grid article{min-height:340px;padding:26px;border:1px solid var(--line);border-radius:20px;background:white}.spec-feature{background:linear-gradient(145deg,#eef7ff,#fff)!important}.spec-chip{height:135px;padding:13px;display:grid;grid-template-columns:repeat(2,1fr);gap:6px;border-radius:13px;background:#071a2b}.spec-chip span{grid-column:span 2;color:#67dfe7;font-family:var(--font-mono);font-size:10px}.spec-chip i{border:1px solid rgba(79,203,221,.2);border-radius:5px;background:repeating-linear-gradient(90deg,#12334b 0 3px,#0b2538 3px 6px)}.infrastructure-spec-grid h3{margin:35px 0 12px;font-size:23px}.infrastructure-spec-grid p{color:var(--ink-soft);font-size:12px}.spec-icon{height:135px;display:flex;align-items:center;justify-content:center;border-radius:13px;color:var(--blue);background:#edf4ff;font-family:var(--font-display);font-size:31px;font-weight:800}.security-company{color:white;background:#071624}.security-company-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.security-company-copy p{color:#a3b8c7}.security-company-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:25px}.security-company-list span{padding:11px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:rgba(255,255,255,.04);font-size:10px}.security-status{padding:20px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:#0b2235}.security-status>div{padding:18px;border-bottom:1px solid rgba(255,255,255,.09)}.security-status>div:last-of-type{border-bottom:0}.security-status small,.security-status strong{display:block}.security-status small{color:#62d9e2;font-family:var(--font-mono);font-size:10px}.security-status strong{margin-top:6px;font-size:12px}.security-status p{padding:15px;margin:0;color:#7f98aa;font-size:10px}.company-belief{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.company-belief blockquote{margin:0;color:var(--blue);font-family:var(--font-display);font-size:clamp(35px,4vw,58px);font-weight:700;line-height:1.15;letter-spacing:-.045em}.company-belief>div>strong{font-size:12px}
/* Gonka */
.gonka-page .site-header{background:rgba(4,17,28,.65);border-bottom:1px solid rgba(255,255,255,.08)}.gonka-page .desktop-nav>a,.gonka-page .text-link{color:white}.gonka-page .menu-toggle{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.08)}.gonka-page .menu-toggle span{background:white}.gonka-page .mobile-menu{background:#061421}.gonka-page .mobile-menu>a{color:#fff;border-bottom-color:rgba(255,255,255,.12)}.gonka-hero{color:white;background:radial-gradient(circle at 75% 35%,rgba(56,217,207,.14),transparent 28%),linear-gradient(135deg,#03101a,#082536)}.gonka-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(89,214,220,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(89,214,220,.06) 1px,transparent 1px);background-size:45px 45px;mask-image:radial-gradient(circle at 65% 45%,black,transparent 68%)}.gonka-hero-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;z-index:2}.gonka-hero .subhero-copy>p{color:#a9bfcd}.gonka-lockup{display:flex;align-items:center;gap:12px;margin-bottom:28px;color:#c4d6df;font-family:var(--font-display);font-weight:700}.gonka-lockup .gonka-g{width:42px;height:42px;display:grid;place-items:center;border:1px solid #4fd4d7;border-radius:12px;color:#58e1df;background:rgba(69,205,209,.08);font-size:22px}.gonka-lockup i{color:#617d8e;font-style:normal}.gonka-node-panel{padding:18px;border:1px solid rgba(111,221,224,.22);border-radius:25px;background:rgba(5,28,41,.85);box-shadow:0 35px 80px rgba(0,0,0,.3)}.node-panel-top{display:flex;justify-content:space-between;padding:8px;color:#7f9eae;font-family:var(--font-mono);font-size:10px}.node-panel-top span{display:flex;align-items:center;gap:8px}.node-panel-top i{width:7px;height:7px;border-radius:50%;background:#58e1df;box-shadow:0 0 0 5px rgba(88,225,223,.08)}.node-core{position:relative;height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center}.node-rings,.node-rings:before,.node-rings:after{position:absolute;border:1px solid rgba(83,219,218,.18);border-radius:50%}.node-rings{width:215px;height:215px}.node-rings:before,.node-rings:after{content:""}.node-rings:before{inset:28px}.node-rings:after{inset:60px;background:radial-gradient(circle,rgba(44,190,193,.15),transparent)}.node-core strong{position:relative;font-size:54px}.node-core span{position:relative;color:#7fa0b2;font-size:10px}.node-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.node-stats span{padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.03)}.node-stats small,.node-stats strong{display:block}.node-stats small{color:#6f8d9e;font-size:10px}.node-stats strong{margin-top:5px;font-size:10px}.gonka-value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gonka-value-grid article{min-height:335px;padding:27px;border:1px solid var(--line);border-radius:20px;background:white}.gonka-value-grid span{color:var(--teal);font-family:var(--font-mono);font-size:10px}.gonka-value-grid h3{margin:60px 0 12px;font-size:23px}.gonka-value-grid p{color:var(--ink-soft);font-size:12px}.gonka-estimator-section{color:white;background:linear-gradient(135deg,#061521,#0a3044)}.gonka-estimator-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.gonka-estimator-copy p{color:#a3bac8}.gonka-warning{margin-top:25px;padding:15px;border:1px solid rgba(255,181,91,.24);border-radius:12px;color:#d6bb9a;background:rgba(255,177,91,.06);font-size:10px}.gonka-calculator{padding:24px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:rgba(255,255,255,.06)}.gonka-calculator-head{display:flex;justify-content:space-between;margin-bottom:20px}.gonka-calculator-head span{color:#62dce2;font-size:10px}.gonka-calculator label{display:block;margin-top:11px;color:#93aebb}.gonka-calculator select{border-color:rgba(255,255,255,.12);background:#092335;color:white}.gonka-output{margin:14px 0;display:grid;gap:7px}.gonka-output>div{padding:13px;border-radius:10px;background:rgba(255,255,255,.06)}.gonka-output small,.gonka-output strong{display:block}.gonka-output small{color:#7898a9;font-size:10px}.gonka-output strong{margin-top:4px;font-size:10px}.gonka-architecture{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:center}.gonka-arch-column{padding:20px;border:1px solid var(--line);border-radius:18px;background:white}.gonka-arch-column>span{color:var(--teal);font-family:var(--font-mono);font-size:10px}.gonka-arch-column>div{margin-top:11px;padding:15px;border-radius:10px;background:#edf4fa}.gonka-arch-column small,.gonka-arch-column strong{display:block}.gonka-arch-column small{color:var(--muted);font-size:10px}.gonka-arch-column strong{margin-top:4px;font-size:10px}.gonka-architecture>i{color:var(--teal);font-style:normal}.tracker-banner{padding:55px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;border:1px solid var(--line);border-radius:27px;background:white}.tracker-banner p{color:var(--ink-soft)}.tracker-window{padding:18px;border-radius:17px;background:#071a2b;color:white}.tracker-window>div:first-child{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px}.tracker-window>div:first-child i{color:#5de0df;font-style:normal}.tracker-bars{height:170px;display:flex;align-items:end;gap:7px;padding:25px 0}.tracker-bars i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(#4fd9da,#147b8e)}.tracker-bars i:nth-child(1){height:33%}.tracker-bars i:nth-child(2){height:48%}.tracker-bars i:nth-child(3){height:42%}.tracker-bars i:nth-child(4){height:72%}.tracker-bars i:nth-child(5){height:61%}.tracker-bars i:nth-child(6){height:83%}.tracker-bars i:nth-child(7){height:76%}.tracker-bars i:nth-child(8){height:94%}.tracker-window p{margin:0;color:#7693a5;font-size:10px}.gonka-final{background:linear-gradient(135deg,#072533,#0b4a54)}
/* Resources */
.resource-search{max-width:590px;margin:35px auto 0;padding:13px 18px;display:flex;align-items:center;gap:11px;border:1px solid var(--line-strong);border-radius:999px;background:white;box-shadow:var(--shadow-sm)}.resource-search span{color:var(--blue)}.resource-search input{width:100%;border:0;background:transparent;color:var(--ink)}
.resource-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(21,93,255,.15)}
.resource-search input:focus{outline:none}.resource-featured{padding:48px;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;border:1px solid var(--line);border-radius:28px;background:white;box-shadow:var(--shadow-sm)}.resource-featured-copy p{color:var(--ink-soft)}.resource-meta{display:flex;gap:13px;margin:19px 0;color:var(--muted);font-size:10px}.guide-cover{position:relative;min-height:390px;padding:30px;overflow:hidden;border-radius:20px;color:white;background:linear-gradient(145deg,#071a2b,#0a4262)}.guide-cover>span{font-family:var(--font-mono);font-size:10px}.guide-cover>strong{position:absolute;left:30px;bottom:38px;font-family:var(--font-display);font-size:36px;line-height:1.12}.guide-cover i{position:absolute;border:1px solid rgba(80,220,228,.25);border-radius:50%}.guide-cover i:nth-of-type(1){width:240px;height:240px;right:-70px;top:-50px}.guide-cover i:nth-of-type(2){width:160px;height:160px;right:-20px;top:40px}.guide-cover i:nth-of-type(3){width:10px;height:10px;right:85px;top:115px;background:#54dfe2}.resource-toolbar{margin:65px 0 25px;display:flex;justify-content:space-between;align-items:center;gap:20px}.resource-toolbar>span{color:var(--muted);font-size:10px}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.resource-grid article{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:white;transition:transform .2s,box-shadow .2s}.resource-grid article:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}.resource-grid article.hidden{display:none}.resource-grid article>div:last-child{padding:23px}.resource-type{color:var(--blue);font-family:var(--font-mono);font-size:10px;text-transform:uppercase}.resource-grid h3{margin:14px 0 10px;font-size:22px}.resource-grid p{color:var(--ink-soft);font-size:12px}.resource-art{position:relative;height:210px;overflow:hidden;background:#edf4fa}.art-market{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#071a2b,#0b3854)}.art-market span{color:white;font-size:50px;font-weight:800}.art-market i{position:absolute;width:100px;height:100px;border:1px solid rgba(67,220,227,.2);border-radius:50%}.art-market i:nth-of-type(1){transform:scale(1)}.art-market i:nth-of-type(2){transform:scale(1.5)}.art-market i:nth-of-type(3){transform:scale(2)}.art-price{display:flex;align-items:center;justify-content:center;gap:15px;background:#eef6ff}.art-price strong{font-size:70px;color:var(--blue)}.art-price span{padding:7px 10px;border-radius:999px;color:white;background:var(--ink);font-size:10px}.art-api{padding:55px 28px;background:#071a2b;color:white}.art-api span{display:inline-block;margin-bottom:17px;padding:5px 7px;border-radius:5px;color:#62e0e5;background:#0c344b;font-size:10px}.art-api code{display:block;font-size:18px}.art-map i{position:absolute;border:1px solid #a7cce8;border-radius:50%}.art-map i:nth-child(1){width:180px;height:180px;left:40px;top:20px}.art-map i:nth-child(2){width:105px;height:105px;right:25px;top:60px}.art-map i:nth-child(3){width:9px;height:9px;left:50%;top:50%;background:var(--blue)}.art-map b{position:absolute;left:44%;top:57%;font-size:11px}.art-model{display:grid;place-items:center;background:linear-gradient(145deg,#e8f3ff,#fff)}.art-model span{font-size:57px;font-weight:800;color:var(--blue)}.art-model i{position:absolute;width:160px;height:160px;border:1px solid #bdd7ee;border-radius:20px;transform:rotate(45deg)}.art-customer{padding:30px;color:white;background:linear-gradient(145deg,#155dff,#0a3da8)}.art-customer span{font-size:70px;line-height:1}.art-customer strong{position:absolute;right:25px;bottom:25px;text-align:right;font-size:22px}.art-latency{display:flex;align-items:center;justify-content:center;background:#071a2b;color:white}.art-latency strong{font-size:72px}.art-latency span{margin:25px 0 0 6px;color:#63dde4}.art-latency i{position:absolute;left:30px;right:30px;bottom:35px;height:2px;background:linear-gradient(90deg,#54dde3,transparent)}.art-eval{padding:35px;background:#edf6ff}.art-eval svg{width:100%;height:100%}.art-eval path{fill:none;stroke:var(--blue);stroke-width:4}.art-gonka{display:grid;place-items:center;color:white;background:#082433}.art-gonka strong{font-size:74px;color:#5ce0df}.art-gonka i{position:absolute;border:1px solid rgba(92,224,223,.24);border-radius:50%}.art-gonka i:nth-of-type(1){width:130px;height:130px}.art-gonka i:nth-of-type(2){width:190px;height:190px}.newsletter-section{color:white;background:linear-gradient(135deg,#071624,#0b3450)}.newsletter-panel{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center}.newsletter-panel p{color:#a0b7c7}.newsletter-form{display:flex;gap:9px}.newsletter-form input{flex:1;padding:0 18px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.06);color:white}
.newsletter-form input:focus-visible{outline:2px solid #7fe3ec;outline-offset:2px}.docs-banner{padding:50px;display:flex;align-items:center;justify-content:space-between;gap:40px;border:1px solid var(--line);border-radius:25px;background:white}.docs-banner>div>span{color:var(--blue);font-family:var(--font-mono);font-size:10px}.docs-banner h2{margin:10px 0}.docs-banner p{margin:0;color:var(--ink-soft)}
/* Detail template */
.back-link{display:inline-block;margin-bottom:26px;color:var(--muted);font-size:11px;font-weight:700}.detail-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.detail-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.conversation-demo{padding:18px;border:1px solid var(--line-strong);border-radius:24px;background:white;box-shadow:var(--shadow-lg)}.conversation-demo-top{display:flex;justify-content:space-between;padding:7px 5px 20px;color:var(--muted);font-family:var(--font-mono);font-size:10px}.conversation-demo-top span{display:flex;align-items:center;gap:8px}.conversation-demo-top i{width:7px;height:7px;border-radius:50%;background:var(--green)}.demo-message{max-width:88%;padding:16px;border-radius:14px}.demo-message small{font-size:10px}.demo-message p{margin:6px 0 0;font-size:12px}.demo-message.user{margin-left:auto;background:#edf4fa}.demo-message.ai{margin-top:13px;color:white;background:var(--blue)}.demo-message.ai div{display:flex;gap:7px;margin-top:13px}.demo-message.ai div span{padding:5px 7px;border-radius:999px;background:rgba(255,255,255,.13);font-size:10px}.detail-outcome-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.detail-sticky{position:sticky;top:120px;align-self:start}.detail-sticky p{color:var(--ink-soft)}.detail-outcomes{display:grid;grid-template-columns:1fr 1fr;gap:14px}.detail-outcomes article{min-height:290px;padding:25px;border:1px solid var(--line);border-radius:20px;background:white}.detail-outcomes span{color:var(--blue);font-family:var(--font-mono);font-size:10px}.detail-outcomes h3{margin:42px 0 12px;font-size:23px}.detail-outcomes p{color:var(--ink-soft);font-size:12px}.reference-architecture{display:grid;grid-template-columns:repeat(4,1fr auto);align-items:center;gap:8px}.reference-architecture>div{min-height:130px;padding:20px;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--line);border-radius:15px;background:white}.reference-architecture>div.active{color:white;border-color:var(--blue);background:var(--blue)}.reference-architecture span,.reference-architecture strong{display:block}.reference-architecture span{color:var(--blue);font-family:var(--font-mono);font-size:10px}.reference-architecture .active span{color:#cfe0ff}.reference-architecture strong{margin-top:8px;font-size:10px}.reference-architecture>i{color:var(--blue);font-style:normal}.detail-spec-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.detail-spec-copy p{color:var(--ink-soft)}.detail-spec-card{padding:18px;border:1px solid var(--line);border-radius:20px;background:white}.detail-spec-card>div{padding:17px;border-bottom:1px solid var(--line)}.detail-spec-card>div:last-child{border-bottom:0}.detail-spec-card small,.detail-spec-card strong{display:block}.detail-spec-card small{color:var(--blue);font-family:var(--font-mono);font-size:10px}.detail-spec-card strong{margin-top:5px;font-size:11px}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1000px){
 .subhero-grid,.how-hero-grid,.company-hero-grid,.gonka-hero-grid,.detail-hero-grid,.split-feature,.estimator-layout,.architect-lab,.geography-layout,.security-company-layout,.gonka-estimator-layout,.resource-featured,.tracker-banner,.api-ready-banner,.newsletter-panel,.detail-spec-layout{grid-template-columns:1fr}
 .subhero-copy{text-align:center}.subhero-copy>p{margin-left:auto;margin-right:auto}.subhero-copy .hero-actions{justify-content:center}
 .feature-bento,.usecase-card-grid,.pricing-model-cards,.deployment-cards,.principle-grid,.gonka-value-grid,.resource-grid{grid-template-columns:1fr 1fr}.bento-wide{grid-column:span 2!important}
 .infrastructure-spec-grid,.ops-grid{grid-template-columns:1fr 1fr}.solution-matrix{overflow-x:auto}.solution-matrix>div{min-width:760px}
 .vertical-process article{grid-template-columns:80px 1fr}.vertical-process .process-visual{grid-column:2}.process-big-number{font-size:55px}
 .gonka-architecture{grid-template-columns:1fr}.gonka-architecture>i{transform:rotate(90deg);text-align:center}
 .reference-architecture{grid-template-columns:1fr}.reference-architecture>i{transform:rotate(90deg);text-align:center}
 .capability-orbit{display:none}.usecases-hero{padding-bottom:110px}
 .company-belief,.risk-commitment,.faq-layout,.detail-outcome-grid{grid-template-columns:1fr}.detail-sticky{position:static}
}
@media(max-width:760px){
 .subhero{padding:130px 0 72px}.subhero-copy h1{font-size:43px}.subhero-copy>p{font-size:15px}
 .desktop-nav{display:none}.menu-toggle{display:grid}.mobile-menu{display:flex}
 .feature-bento,.usecase-card-grid,.pricing-model-cards,.deployment-cards,.principle-grid,.gonka-value-grid,.resource-grid,.infrastructure-spec-grid,.ops-grid,.detail-outcomes{grid-template-columns:1fr}.bento-wide{grid-column:auto!important}
 .solution-stack{grid-template-columns:1fr}.solution-stack>b{transform:rotate(90deg);text-align:center}.solution-metrics,.infra-data,.estimate-output,.node-stats{grid-template-columns:1fr}.rack-row{grid-template-columns:1fr}.rack-unit{height:140px}
 .library-toolbar,.resource-toolbar{align-items:flex-start;flex-direction:column}.filter-pills{flex-wrap:nowrap;width:100%;overflow-x:auto;padding-bottom:5px}.filter-pills button{white-space:nowrap}.usecase-card{min-height:390px}
 .deployment-cards article.featured{transform:none}.api-ready-banner,.resource-featured,.tracker-banner,.docs-banner{padding:28px}.api-ready-code pre{font-size:10px}.case-modal-panel{padding:75px 24px 35px}.modal-two-col{grid-template-columns:1fr}.modal-actions{display:grid}.modal-actions .button{width:100%}
 .estimator-fields,.architect-options,.architect-output,.risk-badges,.security-company-list{grid-template-columns:1fr}.comparison-table{overflow-x:auto}.comparison-table>div{min-width:720px}.pricing-model-cards article{min-height:440px}.faq-layout{gap:25px}
 .vertical-process article{grid-template-columns:1fr;padding:45px 0;gap:20px}.vertical-process .process-visual{grid-column:auto}.process-big-number{font-size:45px}.architect-console{padding:18px}.ops-grid article{min-height:250px}
 .regional-map{min-height:390px}.map-hub{width:85px;height:85px;left:40%}.security-status{padding:12px}.company-belief blockquote{font-size:37px}
 .gonka-hero .subhero-copy{text-align:center}.gonka-lockup,.gonka-hero .hero-actions{justify-content:center}.node-core{height:230px}.gonka-architecture{gap:8px}
 .resource-featured{gap:35px}.guide-cover{min-height:330px}.resource-grid h3{font-size:21px}.newsletter-form{display:grid}.newsletter-form input{min-height:52px}.docs-banner{align-items:flex-start;flex-direction:column}
 .detail-tags{justify-content:center}.reference-architecture>div{min-height:100px}.dark-cta-grid{grid-template-columns:1fr}.dark-cta-actions{justify-content:flex-start}
}

@media (prefers-reduced-motion: reduce){
  /* Blanket rule: the previous enumerated list missed four hover transforms. */
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}
  .js .reveal{opacity:1;transform:none}
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
  .route,.pulse-ring,.arch-connector i,.typing-caret,.architect-thinking i{animation:none}
  .route{stroke-dasharray:none}
  .packet{display:none}
  .button:hover{transform:none}
  .site-header,.mega-menu,.mobile-menu{transition:none}
}



/* ============================================================ Legal documents
   privacy-policy.html and terms-of-service.html.

   These are contracts, not marketing pages, so the design job is orientation:
   the reader needs to know where they are, how much is left, and which clauses
   actually bind them. The left rail carries the document's own numbering and
   doubles as a progress indicator; every other treatment below exists because
   the source document genuinely has that shape (a glossary, three parallel
   services, an availability table, a list of prohibitions, a two-party
   responsibility split) rather than to decorate flat prose. */

.doc-page{--doc-rail:236px}

/* ------------------------------------------------------------------- hero */
.doc-hero{position:relative;padding:158px 0 66px;overflow:hidden;background:linear-gradient(180deg,#fbfdff 0%,#eef4fa 100%)}
.doc-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(21,93,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(21,93,255,.045) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 82% 40%,black,transparent 72%);pointer-events:none}
.doc-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 366px;gap:64px;align-items:end}
.doc-hero h1{margin:0;font-size:66px;line-height:1.02;letter-spacing:-.035em}
.doc-hero-lede{max-width:52ch;margin:24px 0 0;color:var(--ink-soft);font-size:17px;line-height:1.7}

.doc-meta{padding:26px 28px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.92);box-shadow:var(--shadow-sm);backdrop-filter:blur(6px)}
.doc-meta dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:15px 20px;margin:0}
.doc-meta dt{color:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.doc-meta dd{margin:0;color:var(--ink);font-size:13px;font-weight:600;line-height:1.5;text-align:right}
.doc-meta dd span{display:block;color:var(--ink-soft);font-weight:400}

/* ---------------------------------------------------------- at a glance */
.doc-glance{padding:0 0 20px;background:linear-gradient(180deg,#eef4fa,#f6f9fc)}
.doc-glance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.doc-glance article{padding:22px 22px 24px;border:1px solid var(--line);border-radius:18px;background:var(--white)}
.doc-glance h2{margin:0 0 8px;font-size:15px;line-height:1.3}
.doc-glance p{margin:0;color:var(--ink-soft);font-size:12.5px;line-height:1.6}
.doc-glance a{color:var(--blue);font-weight:600}
.doc-glance-mark{width:34px;height:34px;margin-bottom:16px;display:grid;place-items:center;border-radius:10px;background:var(--canvas-blue);color:var(--blue)}
.doc-glance-mark svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ------------------------------------------------------------------ body */
.doc-body{padding:74px 0 90px;background:var(--canvas)}
.doc-layout{display:grid;grid-template-columns:var(--doc-rail) minmax(0,1fr);gap:64px;align-items:start}

/* left rail: the document's own numbering, doubling as progress */
.doc-rail{position:sticky;top:112px}
.doc-rail-head{margin:0 0 14px;color:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.doc-rail nav{position:relative;padding-left:1px}
.doc-rail nav:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;border-radius:2px;background:var(--line)}
.doc-rail-progress{position:absolute;left:0;top:6px;width:2px;height:0;border-radius:2px;background:linear-gradient(180deg,var(--blue),var(--cyan));transition:height .18s linear}
.doc-rail a{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);gap:9px;align-items:baseline;padding:6px 0 6px 15px;color:var(--muted);font-size:12.5px;line-height:1.4;transition:color .18s}
.doc-rail a b{color:#616f81;font-family:var(--font-mono);font-size:10.5px;font-weight:500;transition:color .18s}
.doc-rail a:hover,.doc-rail a:hover b{color:var(--ink)}
.doc-rail a.active{color:var(--blue);font-weight:600}
.doc-rail a.active b{color:var(--blue)}
.doc-rail-sep{margin:14px 0 6px 15px;color:var(--muted);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase}

/* ------------------------------------------------------------- sections */
.doc-content{max-width:790px;min-width:0}
.doc-content>section{scroll-margin-top:104px}
.doc-content>section+section{margin-top:56px}
.doc-shead{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:baseline;margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.doc-shead b{color:var(--blue);font-family:var(--font-mono);font-size:13px;font-weight:600}
.doc-shead h2{margin:0;font-size:29px;line-height:1.2;letter-spacing:-.02em}
.doc-content p{margin:0 0 15px;color:var(--ink-soft);font-size:15px;line-height:1.78}
.doc-content p:last-child{margin-bottom:0}
.doc-content a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.doc-lede{font-size:16px}

/* run-in clause headings — the source document already writes clauses as
   "By you. …" / "Limitation. …", so the lead phrase becomes the label */
.doc-clause{margin:0 0 13px;padding-left:16px;border-left:2px solid var(--line);color:var(--ink-soft);font-size:14.5px;line-height:1.72}
.doc-clause strong{display:block;margin-bottom:2px;color:var(--ink);font-size:13px}

/* glossary */
.doc-defs{display:grid;gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--line)}
.doc-defs>div{display:grid;grid-template-columns:210px minmax(0,1fr);gap:22px;padding:16px 20px;background:var(--white)}
.doc-defs dt{margin:0;color:var(--ink);font-family:var(--font-mono);font-size:12.5px;font-weight:600}
.doc-defs dd{margin:0;color:var(--ink-soft);font-size:13.5px;line-height:1.65}

/* three parallel services */
.doc-services{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.doc-service{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--white)}
.doc-service h3{margin:0 0 4px;font-size:18px}
.doc-service>span{display:block;margin-bottom:16px;color:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.07em;text-transform:uppercase}
.doc-service dl{margin:0}
.doc-service dt{margin-top:13px;color:var(--ink);font-size:12.5px;font-weight:700}
.doc-service dt:first-child{margin-top:0}
.doc-service dd{margin:3px 0 0;color:var(--ink-soft);font-size:12.5px;line-height:1.6}

/* data tables */
.doc-table{width:100%;margin:0 0 4px;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--white);font-size:13.5px}
.doc-table th,.doc-table td{padding:14px 18px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.doc-table thead th{color:var(--white);background:var(--ink);font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}
.doc-table tbody tr:last-child th,.doc-table tbody tr:last-child td{border-bottom:0}
.doc-table tbody th{color:var(--ink);font-weight:700}
.doc-table td{color:var(--ink-soft);line-height:1.6}
.doc-table .num{color:var(--ink);font-family:var(--font-mono);font-weight:600;white-space:nowrap}
.doc-table-scroll{overflow-x:auto}
.doc-table-note{margin:12px 0 0;color:var(--muted);font-size:12px}

/* the SLA earns the dark treatment: it is the only part of the document that
   is a measurable commitment rather than a term */
.doc-sla{margin-top:56px;padding:44px;border-radius:26px;color:var(--white);background:linear-gradient(150deg,#061421 0%,#0b2f45 100%);scroll-margin-top:104px}
.doc-sla .doc-shead{border-bottom-color:rgba(255,255,255,.14)}
.doc-sla .doc-shead b{color:var(--cyan)}
.doc-sla .doc-shead h2{color:var(--white)}
.doc-sla>p{color:#9fb6c6;font-size:14px}
.doc-sla h3{margin:34px 0 14px;color:var(--white);font-size:17px}
.doc-sla .doc-table{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.04)}
.doc-sla .doc-table thead th{color:#8feaf1;background:rgba(255,255,255,.07)}
.doc-sla .doc-table th,.doc-sla .doc-table td{border-bottom-color:rgba(255,255,255,.09)}
.doc-sla .doc-table tbody th{color:var(--white)}
.doc-sla .doc-table td{color:#a9bfcd}
.doc-sla .doc-table .num{color:#8feaf1}
.doc-sla .doc-clause{border-left-color:rgba(255,255,255,.16);color:#a9bfcd}
.doc-sla .doc-clause strong{color:var(--white)}
.doc-sla .doc-table-note{color:#7d97a8}

/* prohibitions: the one place the page leaves the blue system, because
   "you must not" should not look like everything else on the page */
.doc-prohibit{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.doc-prohibit li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:14px;align-items:start;padding:15px 18px;border:1px solid #f2d3cd;border-radius:14px;background:#fdf6f4;color:#6d3a30;font-size:13.5px;line-height:1.62}
.doc-prohibit li:before{content:"";width:20px;height:20px;margin-top:1px;border-radius:50%;background:#e5705c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E") center/12px no-repeat}
.doc-enforce{margin-top:14px;padding:15px 18px;border:1px solid var(--line);border-radius:14px;background:var(--white);color:var(--ink-soft);font-size:13.5px;line-height:1.62}
.doc-enforce strong{color:var(--ink)}

/* two-party responsibility split */
.doc-split{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:stretch}
.doc-split>div{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--white)}
.doc-split>div>span{display:block;margin-bottom:10px;font-size:14px;font-weight:700}
.doc-split .side-provider{border-color:#bcd3f7;background:linear-gradient(160deg,#f4f8ff,#fff)}
.doc-split .side-provider>span{color:var(--blue)}
.doc-split .side-customer{border-color:#b9e3e8;background:linear-gradient(160deg,#f2fbfc,#fff)}
.doc-split .side-customer>span{color:#0f8c9e}
.doc-split p{margin:0;font-size:13.5px;line-height:1.68}
.doc-split-line{display:grid;place-items:center;color:var(--line-strong);font-family:var(--font-mono);font-size:16px}

.doc-contact{margin-top:56px;padding:30px 32px;border:1px solid var(--line);border-radius:20px;background:var(--white)}
.doc-contact h2{margin:0 0 8px;font-size:20px}
.doc-contact p{margin:0}

@media (max-width: 1080px){
  .doc-hero-grid{grid-template-columns:1fr;gap:34px;align-items:start}
  .doc-hero h1{font-size:52px}
  .doc-meta dd{text-align:left}
  .doc-glance-grid{grid-template-columns:1fr 1fr}
  .doc-layout{grid-template-columns:minmax(0,1fr);gap:34px}
  .doc-rail{position:static}
  .doc-rail nav:before,.doc-rail-progress{display:none}
  .doc-rail nav{display:flex;flex-wrap:wrap;gap:7px}
  .doc-rail a{padding:7px 13px;border:1px solid var(--line);border-radius:999px;background:var(--white);font-size:12px}
  .doc-rail a.active{border-color:var(--blue)}
  .doc-rail-sep{display:none}
  .doc-content{max-width:none}
  .doc-services{grid-template-columns:1fr}
  .doc-split{grid-template-columns:1fr}
  .doc-split-line{display:none}
}
@media (max-width: 640px){
  .doc-hero{padding:116px 0 44px}
  .doc-hero h1{font-size:36px}
  .doc-hero-lede{font-size:15.5px}
  .doc-meta{padding:20px}
  .doc-meta dl{grid-template-columns:1fr;gap:4px 0}
  .doc-meta dd{margin-bottom:10px}
  .doc-glance-grid{grid-template-columns:1fr}
  .doc-body{padding:44px 0 60px}
  .doc-shead{grid-template-columns:1fr;gap:6px}
  .doc-shead h2{font-size:23px}
  .doc-defs>div{grid-template-columns:1fr;gap:5px}
  .doc-sla{padding:26px 20px;border-radius:20px}
  .doc-contact{padding:22px}
}
@media print{
  .site-header,.doc-rail,.site-footer,.skip-link,.doc-glance,.page-grid{display:none!important}
  .doc-layout{grid-template-columns:1fr}
  .doc-hero{padding:0 0 24px;background:none}
  .doc-hero:after{display:none}
  .doc-body{padding:0;background:none}
  .doc-sla{color:#000;background:none;border:1px solid #999}
  .doc-sla .doc-shead h2,.doc-sla h3,.doc-sla .doc-table tbody th{color:#000}
  .doc-sla .doc-table td,.doc-sla>p,.doc-sla .doc-clause{color:#333}
  .doc-sla .doc-table thead th{color:#000;background:#eee}
  .doc-content>section{break-inside:avoid}
}

/* ------------------------------------------------------------------ 404 */
.error-code{margin:0 0 18px;color:var(--line-strong);font-family:var(--font-display);font-size:96px;font-weight:800;line-height:1;letter-spacing:-.04em}
.error-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.error-links a{padding:22px 24px;min-height:44px;display:block;border:1px solid var(--line);border-radius:18px;background:var(--white);transition:transform .2s,box-shadow .2s}
.error-links a:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}
.error-links strong{display:block;margin-bottom:6px;color:var(--ink);font-size:16px}
.error-links span{color:var(--ink-soft);font-size:13px;line-height:1.55}
@media (max-width:900px){.error-links{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.error-links{grid-template-columns:1fr}.error-code{font-size:64px}}

/* ------------------------------------------------- touch target minimums
   WCAG 2.5.5: every standalone control gets a 44px hit area. Inline links
   inside prose are exempt and are left alone. */
.footer-column a,.footer-bottom a{display:inline-flex;align-items:center;min-height:44px}
.footer-bottom div{align-items:center}
.filter-pills button,.geo-tabs button,.quick-prompts button,.segmented button,
.usecase-tabs button,.switcher-tabs button,.doc-rail a,.back-link,.text-arrow,
.usecase-detail-trigger,.console-cta{min-height:44px;display:inline-flex;align-items:center}
.filter-pills button,.geo-tabs button,.quick-prompts button{padding-top:10px;padding-bottom:10px}
.menu-toggle{width:44px;height:44px}
.resource-grid h3 .resource-link{display:inline-block;min-height:24px}

/* the tab row was a nowrap flex strip: at 200% zoom four of six tabs sat
   off-screen with no affordance that content continued */
@media (max-width: 780px){
  .usecase-tabs{flex-wrap:wrap}
  .usecase-tabs button{min-width:auto;flex:1 1 46%}
}
/* edge fade so the two horizontally scrolling tables read as scrollable */
.comparison-table,.solution-matrix{position:relative}
.comparison-table:after,.solution-matrix:after{content:"";position:absolute;top:0;right:0;bottom:0;width:38px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.92));border-radius:0 22px 22px 0}
@media (min-width:1100px){.comparison-table:after,.solution-matrix:after{display:none}}
/* the at-a-glance cards on the legal pages sat at the same outline level as
   the numbered sections; they are card titles, not document sections */
.doc-glance h3{margin:0 0 8px;font-size:15px;line-height:1.3}

/* the remaining sub-44px standalone controls found at 390px */
.brand{min-height:44px}
.platform-card-content > a,.usecase-copy > a,.detail-spec-copy > a,.split-copy > a{min-height:44px;display:inline-flex;align-items:center}
.footer-bottom a{padding:0 8px;min-width:44px;justify-content:center}
.footer-bottom div{margin-right:-8px}
.filter-pills button{min-width:44px;justify-content:center}
.resource-search{padding:0 18px;min-height:52px}
.resource-search input{min-height:50px}
.prompt-examples button,.prompt-stack button,.architect-console .button-full,.geo-tabs button{min-height:44px;min-width:44px}
.architect-options select,.gonka-calculator select{min-height:44px}