:root {
  --ink: #070a12;
  --ink-2: #0b1020;
  --ink-3: #10172a;
  --paper: #f3f6f3;
  --paper-2: #e8eee9;
  --text: #eef5f2;
  --muted: #aab7b2;
  --dark-text: #111b1a;
  --dark-muted: #53615d;
  --line: rgba(255,255,255,.11);
  --dark-line: rgba(12,24,21,.12);
  --jade: #71f6c4;
  --jade-2: #24c991;
  --violet: #8b78ff;
  --blue: #62a8ff;
  --amber: #ffbd5b;
  --rose: #ff7096;
  --cyan: #58dfef;
  --radius: 22px;
  --shadow: 0 24px 80px rgba(0,0,0,.22);
}

html { scroll-behavior: smooth; scroll-padding-top: 96px; background: var(--ink); }
body { margin: 0; overflow-x: hidden; background: var(--ink); color: var(--text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
body::before { content: ""; position: fixed; inset: 0; z-index: 9999; pointer-events: none; opacity: .035; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); }
::selection { color: #06110d; background: var(--jade); }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { color: inherit; }
img { max-width: 100%; }
[hidden] { display: none !important; }
.shell { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
.skip-link { position: fixed; z-index: 10001; left: 16px; top: 12px; padding: 11px 16px; color: var(--ink); background: var(--jade); border-radius: 999px; font-weight: 800; transform: translateY(-160%); transition: transform .2s; }
.skip-link:focus { transform: translateY(0); }
.icon { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.mini-icon { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.scroll-progress { position: fixed; z-index: 10000; inset: 0 0 auto; height: 2px; pointer-events: none; background: transparent; }
.scroll-progress span { display: block; width: 100%; height: 100%; background: linear-gradient(90deg,var(--jade),var(--violet),var(--cyan)); transform: scaleX(0); transform-origin: left; }
.cursor-glow { position: fixed; z-index: 0; width: 420px; height: 420px; border-radius: 50%; pointer-events: none; opacity: .08; background: radial-gradient(circle,var(--jade),transparent 68%); transform: translate(-50%,-50%); transition: opacity .2s; }

/* Header */
.site-header { position: fixed; z-index: 1000; inset: 0 0 auto; border-bottom: 1px solid transparent; transition: background .25s, border-color .25s, transform .25s; }
.site-header.is-scrolled { background: rgba(7,10,18,.82); border-color: rgba(255,255,255,.08); backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px); }
.header-inner { height: 82px; display: flex; align-items: center; gap: 26px; }
.brand { display: inline-flex; align-items: center; flex: 0 0 auto; gap: 10px; font-weight: 850; letter-spacing: -.04em; }
.brand-mark { width: 36px; height: 36px; display: inline-grid; place-items: center; }
.brand-mark svg { width: 100%; height: 100%; overflow: visible; }
.brand-ring { fill: rgba(13,19,36,.9); stroke: var(--jade); stroke-width: 2; }
.brand-blade { fill: url(#brandGradient); fill: var(--jade); }
.brand-pulse { fill: none; stroke: #fff; stroke-width: 2; stroke-linecap: round; }
.brand-word { font-size: 21px; color: #fff; }
.brand-word span { color: var(--jade); }
.desktop-nav { display: flex; align-items: center; justify-content: center; gap: 4px; margin-left: auto; }
.nav-link { position: relative; padding: 9px 9px; color: #c7d1ce; font-size: 13px; font-weight: 650; border-radius: 9px; transition: color .2s, background .2s; }
.nav-link:hover, .nav-link.is-active { color: #fff; background: rgba(255,255,255,.06); }
.nav-link.is-active::after { content: ""; position: absolute; left: 10px; right: 10px; bottom: 3px; height: 1px; background: var(--jade); }
.header-cta { display: inline-flex; align-items: center; gap: 8px; margin-left: 4px; padding: 10px 15px; color: var(--ink); background: var(--jade); border: 1px solid var(--jade); border-radius: 999px; font-size: 12px; font-weight: 850; white-space: nowrap; transition: transform .2s, box-shadow .2s; }
.header-cta:hover { transform: translateY(-2px); box-shadow: 0 10px 32px rgba(113,246,196,.25); }
.nav-toggle { display: none; width: 42px; height: 42px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.04); align-items: center; justify-content: center; flex-direction: column; gap: 6px; }
.nav-toggle span:not(.sr-only) { width: 18px; height: 1px; background: #fff; transition: transform .2s; }
.nav-toggle[aria-expanded="true"] span:nth-last-child(2) { transform: translateY(3.5px) rotate(45deg); }
.nav-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
.mobile-menu { border-top: 1px solid var(--line); background: rgba(7,10,18,.97); backdrop-filter: blur(20px); }
.mobile-menu-inner { padding-block: 16px 24px; }
.mobile-link { display: flex; align-items: center; justify-content: space-between; padding: 14px 4px; border-bottom: 1px solid var(--line); color: #dbe4e1; font-weight: 700; }
.mobile-link.is-active { color: var(--jade); }
.mobile-menu-cta { margin-top: 20px; width: 100%; justify-content: center; }

/* Shared typography and controls */
.eyebrow { margin: 0 0 16px; color: var(--jade-2); font-size: 11px; line-height: 1.2; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
.gradient-text { color: transparent; background: linear-gradient(115deg,var(--jade) 5%,#c8fff0 40%,var(--violet) 85%); -webkit-background-clip: text; background-clip: text; }
.btn { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 12px 19px; border: 1px solid transparent; border-radius: 999px; font-size: 13px; font-weight: 850; letter-spacing: -.01em; cursor: pointer; transition: transform .2s, box-shadow .2s, border-color .2s, background .2s; }
.btn:hover { transform: translateY(-2px); }
.btn-primary { color: #07110e; background: linear-gradient(135deg,var(--jade),#a7ffe0); box-shadow: 0 14px 45px rgba(74,220,168,.18); }
.btn-primary:hover { box-shadow: 0 18px 55px rgba(74,220,168,.28); }
.btn-secondary { color: #eef7f4; border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.04); }
.btn-secondary:hover { border-color: rgba(113,246,196,.5); background: rgba(113,246,196,.06); }
.dark-btn { color: var(--dark-text); border-color: rgba(15,35,29,.18); background: rgba(255,255,255,.55); }
.dark-btn:hover { border-color: rgba(15,35,29,.38); background: #fff; }
.btn-light { color: var(--ink); background: #fff; box-shadow: 0 14px 48px rgba(1,12,8,.16); }
.text-link { display: inline-flex; align-items: center; gap: 7px; color: var(--jade-2); font-size: 13px; font-weight: 850; }
.text-link .mini-icon { transition: transform .2s; }
.text-link:hover .mini-icon { transform: translateX(4px); }
.text-link.large { font-size: 15px; }
.section { position: relative; padding: 112px 0; }
.section-dark { color: var(--text); background: var(--ink); }
.section-lighter { color: var(--dark-text); background: var(--paper); }
.compact-section { padding-block: 78px 92px; }
.section-heading { max-width: 760px; margin-bottom: 46px; }
.section-heading h2, .split-heading h2, .ai-copy h2, .guide-preview-copy h2, .architecture-grid h2, .controls-copy h2, .payload-grid h2, .reliability-grid h2, .about-grid h2, .methodology-layout h2, .editorial-grid h2 { margin: 0; font-size: clamp(37px,5vw,65px); line-height: .99; letter-spacing: -.055em; font-weight: 850; text-wrap: balance; }
.section-heading > p:last-child, .feature-lede { max-width: 690px; margin: 20px 0 0; color: inherit; opacity: .7; font-size: 17px; line-height: 1.75; }
.section-heading.compact { max-width: 530px; margin-bottom: 0; }
.section-heading.compact h2 { font-size: clamp(34px,4vw,53px); }
.section-heading.compact > p:last-child { font-size: 16px; }

/* Home hero */
.hero { position: relative; min-height: 900px; display: grid; align-items: center; overflow: hidden; background: radial-gradient(circle at 72% 46%,rgba(71,93,191,.2),transparent 30%), radial-gradient(circle at 20% 26%,rgba(30,200,144,.11),transparent 28%), var(--ink); }
.hero::after { content: ""; position: absolute; inset: auto 0 0; height: 180px; background: linear-gradient(transparent,var(--ink)); pointer-events: none; }
.hero-canvas { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .72; }
.hero-grid-lines { position: absolute; inset: 0; opacity: .14; background-image: linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px); background-size: 76px 76px; mask-image: linear-gradient(to bottom,black,transparent 92%); }
.hero-layout { position: relative; z-index: 2; display: grid; grid-template-columns: 1.04fr .96fr; align-items: center; gap: 72px; padding-top: 118px; padding-bottom: 90px; }
.hero-copy { max-width: 650px; }
.hero-kicker { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 28px; padding: 7px 10px 7px 8px; border: 1px solid var(--line); border-radius: 999px; color: #c9d6d1; background: rgba(255,255,255,.035); font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.hero-kicker > span { width: 8px; height: 8px; border-radius: 50%; background: var(--jade); box-shadow: 0 0 0 5px rgba(113,246,196,.1),0 0 18px rgba(113,246,196,.55); }
.hero-kicker b { padding: 4px 7px; color: var(--ink); background: var(--jade); border-radius: 999px; font-size: 8px; letter-spacing: .08em; }
.hero-title { max-width: 760px; margin: 0; font-size: clamp(68px,8.2vw,124px); line-height: .82; letter-spacing: -.075em; font-weight: 900; text-wrap: balance; }
.hero-lede { max-width: 590px; margin: 30px 0 0; color: #b4c0bc; font-size: clamp(17px,1.65vw,21px); line-height: 1.68; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 36px; }
.hero-metrics { display: flex; gap: 34px; margin: 44px 0 0; }
.hero-metrics div { display: grid; grid-template-columns: auto 1fr; align-items: baseline; gap: 8px; }
.hero-metrics dt { color: #fff; font-size: 26px; font-weight: 900; letter-spacing: -.05em; }
.hero-metrics dd { margin: 0; color: #899792; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.hero-console { position: relative; min-height: 540px; border: 1px solid rgba(255,255,255,.13); border-radius: 30px; background: linear-gradient(150deg,rgba(17,25,46,.88),rgba(6,10,18,.84)); box-shadow: 0 50px 120px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.08); backdrop-filter: blur(16px); transform: perspective(1200px) rotateY(-5deg) rotateX(2deg); }
.hero-console::before { content: ""; position: absolute; inset: -1px; border-radius: inherit; padding: 1px; background: linear-gradient(140deg,rgba(113,246,196,.6),transparent 24%,transparent 70%,rgba(139,120,255,.45)); -webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
.console-top { height: 54px; display: flex; align-items: center; gap: 15px; padding: 0 18px; border-bottom: 1px solid var(--line); color: #9aa9a4; font-size: 9px; letter-spacing: .12em; }
.console-top > span { display: flex; gap: 5px; }
.console-top i { width: 7px; height: 7px; border-radius: 50%; background: #38433f; }
.console-top b { font-weight: 800; }
.console-top em { margin-left: auto; padding: 4px 7px; color: var(--jade); border: 1px solid rgba(113,246,196,.28); border-radius: 999px; font-style: normal; }
.console-stage { position: relative; height: 390px; overflow: hidden; }
.console-stage::before { content: ""; position: absolute; inset: 0; opacity: .14; background-image: linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size: 38px 38px; }
.route-node { position: absolute; z-index: 2; width: 130px; min-height: 96px; padding: 15px; border: 1px solid var(--line); border-radius: 16px; background: rgba(8,13,24,.88); box-shadow: 0 18px 45px rgba(0,0,0,.28); }
.route-node > span { width: 32px; height: 32px; display: grid; place-items: center; margin-bottom: 10px; color: var(--jade); border-radius: 9px; background: rgba(113,246,196,.08); }
.route-node .icon { width: 17px; height: 17px; }
.route-node b { display: block; font-size: 10px; letter-spacing: .12em; }
.route-node small { display: block; margin-top: 4px; color: #75847f; font-size: 9px; }
.node-in { left: 28px; top: 40px; }
.node-policy { left: 48%; top: 30px; transform: translateX(-50%); }
.node-ai { left: 48%; bottom: 34px; transform: translateX(-50%); }
.node-out { right: 28px; top: 150px; }
.route-line { position: absolute; z-index: 1; height: 1px; transform-origin: left; background: linear-gradient(90deg,var(--jade),rgba(113,246,196,.06)); box-shadow: 0 0 12px rgba(113,246,196,.28); }
.line-one { width: 168px; left: 151px; top: 88px; transform: rotate(-3deg); }
.line-two { width: 132px; left: 51%; top: 119px; transform: rotate(55deg); }
.line-three { width: 158px; left: 51%; top: 301px; transform: rotate(-43deg); }
.console-packet { position: absolute; z-index: 3; width: 28px; height: 20px; display: grid; place-items: center; color: var(--ink); background: var(--jade); border-radius: 6px; font-size: 8px; font-weight: 900; box-shadow: 0 0 20px rgba(113,246,196,.4); animation: packetFloat 3.6s ease-in-out infinite; }
.packet-one { left: 37%; top: 78px; }
.packet-two { left: 53%; top: 200px; animation-delay: -1.2s; background: var(--violet); }
.packet-three { right: 25%; top: 260px; animation-delay: -2.1s; background: var(--cyan); }
.console-log { display: grid; gap: 8px; padding: 15px 18px; border-top: 1px solid var(--line); color: #8f9e99; font-family: ui-monospace,SFMono-Regular,Menlo,monospace; font-size: 9px; }
.console-log span { display: flex; align-items: center; gap: 8px; }
.console-log i { width: 6px; height: 6px; border-radius: 50%; }
.console-log .ok { background: var(--jade); box-shadow: 0 0 10px rgba(113,246,196,.6); }
.console-log .wait { background: var(--amber); }
.scroll-cue { position: absolute; z-index: 3; left: 50%; bottom: 24px; display: flex; align-items: center; gap: 12px; transform: translateX(-50%); color: #6f7d78; font-size: 9px; letter-spacing: .14em; text-transform: uppercase; }
.scroll-cue i { width: 42px; height: 1px; position: relative; background: rgba(255,255,255,.16); overflow: hidden; }
.scroll-cue i::after { content: ""; position: absolute; width: 12px; height: 1px; background: var(--jade); animation: cue 2s infinite; }

/* Provider marquee */
.provider-marquee-section { position: relative; z-index: 2; padding: 24px 0 34px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #080c16; overflow: hidden; }
.marquee-heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.marquee-heading p { color: #7c8b86; font-size: 10px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.marquee-heading a { display: flex; align-items: center; gap: 7px; color: var(--jade); font-size: 11px; font-weight: 800; }
.marquee-window { overflow: hidden; mask-image: linear-gradient(90deg,transparent,black 7%,black 93%,transparent); }
.marquee-track { width: max-content; display: flex; gap: 10px; animation: marquee 58s linear infinite; }
.marquee-window:hover .marquee-track { animation-play-state: paused; }
.marquee-logo { min-width: 170px; height: 68px; display: flex; align-items: center; gap: 11px; padding: 0 15px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.025); color: #c9d3d0; font-size: 12px; font-weight: 750; transition: border-color .2s, background .2s, transform .2s; }
.marquee-logo:hover { transform: translateY(-2px); border-color: rgba(113,246,196,.32); background: rgba(113,246,196,.045); }
.provider-logo-wrap { width: 42px; height: 42px; flex: 0 0 auto; display: grid; place-items: center; padding: 8px; border: 1px solid rgba(255,255,255,.09); border-radius: 12px; background: #fff; box-shadow: 0 8px 24px rgba(0,0,0,.12); }
.provider-logo { width: 100%; height: 100%; object-fit: contain; }

/* Home sections */
.discipline-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.solution-card { --accent: var(--jade); position: relative; min-height: 174px; display: grid; grid-template-columns: auto 1fr auto; align-items: start; gap: 16px; padding: 24px; border: 1px solid var(--line); border-radius: 20px; background: linear-gradient(140deg,rgba(255,255,255,.055),rgba(255,255,255,.015)); overflow: hidden; transition: transform .25s,border-color .25s,background .25s; }
.solution-card::after { content: ""; position: absolute; width: 180px; height: 180px; right: -80px; bottom: -100px; border-radius: 50%; background: radial-gradient(circle,var(--accent),transparent 67%); opacity: .12; transition: opacity .25s,transform .25s; }
.solution-card:hover { transform: translateY(-6px); border-color: color-mix(in srgb,var(--accent) 45%,transparent); background: linear-gradient(140deg,rgba(255,255,255,.08),rgba(255,255,255,.02)); }
.solution-card:hover::after { opacity: .22; transform: scale(1.2); }
.solution-icon { width: 42px; height: 42px; display: grid; place-items: center; color: var(--accent); border: 1px solid color-mix(in srgb,var(--accent) 28%,transparent); border-radius: 13px; background: color-mix(in srgb,var(--accent) 8%,transparent); }
.solution-icon .icon { width: 20px; height: 20px; }
.solution-card strong { display: block; margin: 4px 0 9px; color: #fff; font-size: 18px; letter-spacing: -.025em; }
.solution-card small { display: block; color: #8f9e99; font-size: 13px; line-height: 1.65; }
.solution-arrow { margin-top: 10px; color: #66736f; transition: transform .2s,color .2s; }
.solution-card:hover .solution-arrow { color: var(--accent); transform: translateX(4px); }
.accent-violet { --accent: var(--violet); }.accent-jade{--accent:var(--jade)}.accent-blue{--accent:var(--blue)}.accent-amber{--accent:var(--amber)}.accent-rose{--accent:var(--rose)}.accent-cyan{--accent:var(--cyan)}
.split-heading { display: grid; grid-template-columns: 1fr .68fr; align-items: end; gap: 80px; margin-bottom: 56px; }
.signal-card { display: flex; align-items: flex-start; gap: 15px; padding: 20px; border: 1px solid var(--dark-line); border-radius: 17px; background: rgba(255,255,255,.55); }
.signal-card > span { width: 38px; height: 38px; flex: 0 0 auto; display: grid; place-items: center; color: #087956; border-radius: 12px; background: rgba(20,180,128,.1); }
.signal-card .icon { width: 19px; height: 19px; }
.signal-card p { margin: 0; color: var(--dark-muted); font-size: 13px; line-height: 1.65; }
.signal-card strong { display: block; color: var(--dark-text); margin-bottom: 3px; }
.stack-map { position: relative; display: grid; grid-template-columns: repeat(5,1fr); border: 1px solid var(--dark-line); border-radius: 22px; background: rgba(255,255,255,.45); overflow: hidden; }
.stack-map article { position: relative; min-height: 260px; padding: 26px 22px; border-right: 1px solid var(--dark-line); }
.stack-map article:last-child { border-right: 0; }
.stack-map article > span { color: #0b8b63; font-size: 11px; font-weight: 900; letter-spacing: .12em; }
.stack-map article div { position: absolute; left: 22px; right: 22px; bottom: 28px; }
.stack-map h3 { margin: 0 0 10px; font-size: 19px; letter-spacing: -.03em; }
.stack-map p { margin: 0; color: var(--dark-muted); font-size: 12px; line-height: 1.65; }
.stack-map article::after { content: ""; position: absolute; left: 22px; top: 62px; width: 8px; height: 8px; border-radius: 50%; background: var(--paper); border: 2px solid #20bf87; box-shadow: 0 0 0 5px rgba(32,191,135,.1); }
.stack-rail { position: absolute; left: 28px; right: 28px; top: 65px; height: 1px; background: linear-gradient(90deg,#20bf87,rgba(32,191,135,.15)); }
.ai-feature-grid { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 90px; }
.ai-copy p:not(.eyebrow) { max-width: 580px; margin: 24px 0; color: #9ca9a5; font-size: 17px; line-height: 1.75; }
.pill-row { display: flex; flex-wrap: wrap; gap: 8px; margin: 28px 0; }
.pill-row span { padding: 8px 11px; border: 1px solid var(--line); border-radius: 999px; color: #aab7b2; font-size: 10px; font-weight: 750; }
.agent-terminal { border: 1px solid var(--line); border-radius: 24px; background: #0a0f1d; box-shadow: var(--shadow); overflow: hidden; }
.agent-terminal-top { height: 52px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; border-bottom: 1px solid var(--line); color: #71817b; font-size: 9px; letter-spacing: .13em; }
.agent-terminal-top b { color: #bcc8c4; font-family: ui-monospace,monospace; font-weight: 500; letter-spacing: 0; }
.agent-terminal pre { margin: 0; padding: 32px; overflow: auto; color: #aebbb7; font: 13px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace; }
.agent-terminal code span { color: var(--violet); }.agent-terminal code b{color:var(--jade);font-weight:600}.agent-terminal code em{color:var(--amber);font-style:normal}
.terminal-result { display: flex; align-items: center; gap: 9px; padding: 17px 20px; border-top: 1px solid var(--line); color: #94a39e; font-size: 11px; }
.terminal-result i { width: 8px; height: 8px; border-radius: 50%; background: var(--jade); box-shadow: 0 0 14px rgba(113,246,196,.6); }
.terminal-result strong { margin-left: auto; color: var(--jade); }
.integration-orbit { position: relative; min-height: 620px; max-width: 980px; margin: 20px auto 0; }
.integration-orbit::before,.integration-orbit::after { content:""; position:absolute; left:50%; top:50%; border:1px dashed rgba(15,36,30,.18); border-radius:50%; transform:translate(-50%,-50%); }
.integration-orbit::before{width:650px;height:420px}.integration-orbit::after{width:430px;height:260px}
.integration-center { position: absolute; z-index: 3; left: 50%; top: 50%; width: 220px; height: 220px; display: grid; place-content: center; justify-items: center; transform: translate(-50%,-50%); border: 1px solid rgba(12,40,31,.17); border-radius: 50%; background: linear-gradient(145deg,#fff,#e8f3ed); box-shadow: 0 30px 80px rgba(26,70,55,.13); }
.integration-center > span { width: 58px; height: 58px; display: grid; place-items: center; margin-bottom: 15px; color: #07835c; border-radius: 18px; background: rgba(32,191,135,.12); }
.integration-center strong { font-size: 14px; letter-spacing: .16em; }.integration-center small{margin-top:5px;color:#73807c;font-size:9px}
.orbit-item { position: absolute; z-index: 3; width: 170px; padding: 18px; border: 1px solid var(--dark-line); border-radius: 17px; background: rgba(255,255,255,.78); box-shadow: 0 18px 45px rgba(30,64,53,.09); transition: transform .2s,border-color .2s; }
.orbit-item:hover { transform: translateY(-5px); border-color: rgba(16,148,104,.35); }
.orbit-item b { display:block;font-size:14px}.orbit-item span{display:block;margin-top:4px;color:var(--dark-muted);font-size:11px}
.orbit-1{left:3%;top:17%}.orbit-2{left:7%;bottom:15%}.orbit-3{left:42%;bottom:0}.orbit-4{right:7%;bottom:15%}.orbit-5{right:3%;top:17%}.orbit-6{left:42%;top:0}
.guide-preview { display: grid; grid-template-columns: .72fr 1.28fr; gap: 90px; }
.guide-preview-copy p:not(.eyebrow) { color:#99a7a2;line-height:1.7;margin:23px 0 }
.guide-preview-list { border-top:1px solid var(--line) }
.guide-preview-list a { position:relative;display:grid;grid-template-columns:120px 1fr 1.2fr auto;align-items:center;gap:24px;padding:24px 0;border-bottom:1px solid var(--line);transition:padding .2s,background .2s }
.guide-preview-list a:hover{padding-left:10px}.guide-preview-list a>span{color:#6d7c77;font-size:10px;font-weight:800;letter-spacing:.08em}.guide-preview-list h3{margin:0;font-size:17px;letter-spacing:-.025em}.guide-preview-list p{margin:0;color:#84938e;font-size:12px;line-height:1.55}.guide-preview-list b{display:flex;align-items:center;gap:6px;color:var(--jade);font-size:10px;white-space:nowrap}

/* FAQ and CTA */
.faq-grid { display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:start }
.faq-grid .section-heading { position:sticky;top:130px;margin:0 }
.faq-list { border-top:1px solid currentColor; border-color:rgba(255,255,255,.13) }
.section-lighter .faq-list{border-color:var(--dark-line)}
.faq-list details { border-bottom:1px solid rgba(255,255,255,.11) }.section-lighter .faq-list details{border-color:var(--dark-line)}
.faq-list summary { list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;cursor:pointer;font-size:16px;font-weight:800;letter-spacing:-.02em }.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{width:28px;height:28px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;opacity:.55;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-list details>div { padding:0 46px 23px 0;color:inherit;opacity:.67;font-size:14px;line-height:1.75 }
.cta-band { position:relative;color:#06100d;background:linear-gradient(115deg,#5ce7b2,#a4ffdf 55%,#b5aaff);overflow:hidden }
.cta-band::after { content:"";position:absolute;width:560px;height:560px;right:-180px;top:-330px;border:1px solid rgba(5,30,20,.15);border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.08),0 0 0 160px rgba(255,255,255,.05) }
.cta-inner { position:relative;z-index:2;min-height:310px;display:flex;align-items:center;justify-content:space-between;gap:60px;padding-block:58px }
.cta-inner .eyebrow{color:#0a694c}.cta-inner h2{margin:0;font-size:clamp(36px,5vw,64px);line-height:.97;letter-spacing:-.055em}.cta-inner p:not(.eyebrow){max-width:620px;margin:16px 0 0;color:rgba(4,22,15,.65);font-size:16px;line-height:1.6}.cta-inner .btn{flex:0 0 auto}

/* Footer */
.site-footer { padding:82px 0 26px;background:#05070c;border-top:1px solid var(--line) }
.footer-grid { display:grid;grid-template-columns:1.5fr repeat(3,.7fr);gap:70px;padding-bottom:62px }
.footer-brand p{max-width:390px;margin:22px 0;color:#7e8c87;font-size:13px;line-height:1.7}.footer-status{display:flex;align-items:center;gap:9px;color:#81908b;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.footer-status span{width:7px;height:7px;border-radius:50%;background:var(--jade);box-shadow:0 0 12px rgba(113,246,196,.55)}
.footer-grid h2{margin:5px 0 18px;color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.13em}.footer-grid>div:not(.footer-brand) a{display:block;margin:11px 0;color:#7e8c87;font-size:12px;transition:color .2s}.footer-grid>div:not(.footer-brand) a:hover{color:var(--jade)}
.footer-bottom { display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:24px;border-top:1px solid var(--line);color:#56635f;font-size:9px;line-height:1.6 }.footer-bottom p{max-width:780px}.footer-bottom div{display:flex;gap:18px;white-space:nowrap}.footer-bottom a:hover{color:var(--jade)}

/* Subheroes and breadcrumbs */
.subhero { position:relative;min-height:570px;display:flex;align-items:flex-end;padding:150px 0 82px;overflow:hidden;background:radial-gradient(circle at 82% 23%,rgba(139,120,255,.2),transparent 25%),radial-gradient(circle at 12% 50%,rgba(113,246,196,.1),transparent 28%),#080b14 }
.subhero::before{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent)}
.subhero-orb{position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:inset 0 0 80px rgba(139,120,255,.08)}.orb-one{width:460px;height:460px;right:-90px;top:60px}.orb-two{width:240px;height:240px;right:270px;top:180px;border-color:rgba(113,246,196,.14)}
.subhero-inner{position:relative;z-index:2}.breadcrumbs{margin-bottom:48px}.breadcrumbs ol{display:flex;align-items:center;gap:9px;margin:0;padding:0;list-style:none;color:#687772;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.1em}.breadcrumbs a:hover{color:var(--jade)}.breadcrumbs li[aria-current]{color:#a8b4b0}
.subhero-grid{display:grid;grid-template-columns:1fr auto;align-items:end;gap:80px}.subhero h1{max-width:900px;margin:0;font-size:clamp(52px,7vw,92px);line-height:.93;letter-spacing:-.065em;text-wrap:balance}.subhero-grid>div:first-child>p:last-child{max-width:760px;margin:24px 0 0;color:#9aa8a3;font-size:18px;line-height:1.7}.subhero-stat{min-width:220px;padding:24px;border-left:1px solid var(--line)}.subhero-stat strong{display:block;color:var(--jade);font-size:72px;line-height:.8;letter-spacing:-.06em}.subhero-stat span{display:block;margin-top:17px;font-size:13px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.subhero-stat small{display:block;margin-top:6px;color:#75837e;font-size:10px}

/* Provider directory */
.directory-toolbar { position:sticky;z-index:10;top:94px;display:grid;grid-template-columns:minmax(260px,1fr) auto auto;align-items:center;gap:18px;margin-bottom:34px;padding:14px;border:1px solid var(--dark-line);border-radius:18px;background:rgba(243,246,243,.92);box-shadow:0 16px 50px rgba(20,50,40,.08);backdrop-filter:blur(16px) }
.provider-search { height:46px;display:flex;align-items:center;gap:9px;padding:0 14px;border:1px solid var(--dark-line);border-radius:12px;background:#fff;color:#6a7873 }.provider-search input{width:100%;border:0;outline:0;background:transparent;color:var(--dark-text);font-size:12px}.provider-search input::placeholder{color:#87938f}.filter-row{display:flex;gap:6px;flex-wrap:wrap}.filter-button{padding:9px 11px;border:1px solid transparent;border-radius:999px;background:transparent;color:#65726e;font-size:10px;font-weight:800;cursor:pointer}.filter-button:hover,.filter-button.is-active{color:#075c43;border-color:rgba(18,140,97,.18);background:rgba(28,183,129,.1)}.directory-count{margin:0;color:#66736f;font-size:10px;white-space:nowrap}.directory-count span{color:#087d59;font-weight:900}
.provider-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.provider-card{display:flex;flex-direction:column;min-height:455px;padding:22px;border:1px solid var(--dark-line);border-radius:20px;background:rgba(255,255,255,.6);transition:transform .22s,border-color .22s,box-shadow .22s}.provider-card:hover{transform:translateY(-5px);border-color:rgba(17,140,99,.25);box-shadow:0 22px 55px rgba(28,63,51,.1)}.provider-card[hidden]{display:none!important}.provider-card-top{display:flex;align-items:start;justify-content:space-between}.provider-card .provider-logo-wrap{width:52px;height:52px;border-color:rgba(12,26,22,.1)}.provider-number{color:#9ba6a2;font-size:10px;font-weight:850;letter-spacing:.09em}.provider-card h3{margin:22px 0 9px;font-size:19px;letter-spacing:-.03em}.provider-card>p{margin:0;color:var(--dark-muted);font-size:12px;line-height:1.7}.provider-tags{display:flex;flex-wrap:wrap;gap:5px;margin:18px 0}.provider-tags span{padding:5px 7px;border:1px solid rgba(15,38,31,.1);border-radius:999px;color:#53645e;background:rgba(255,255,255,.55);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.provider-card dl{margin:auto 0 18px}.provider-card dl>div{padding:10px 0;border-top:1px solid var(--dark-line)}.provider-card dt{color:#82908b;font-size:8px;text-transform:uppercase;letter-spacing:.08em;font-weight:850}.provider-card dd{margin:4px 0 0;color:#25332f;font-size:10px;line-height:1.4}.directory-empty{text-align:center;padding:90px 20px}.directory-empty>span{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 20px;border-radius:20px;background:rgba(27,178,126,.1);color:#0b805b}.directory-empty h2{font-size:28px;margin:0}.directory-empty p{color:var(--dark-muted)}.provider-disclaimer{max-width:900px;margin:32px auto 0;text-align:center;color:#76837f;font-size:10px;line-height:1.65}
.comparison-wrap{border:1px solid var(--line);border-radius:20px;overflow:auto;background:rgba(255,255,255,.025)}.section-lighter .comparison-wrap{border-color:var(--dark-line);background:rgba(255,255,255,.45)}.comparison-table{width:100%;min-width:1050px;border-collapse:collapse;text-align:left}.comparison-table th,.comparison-table td{padding:16px 17px;border-bottom:1px solid var(--line);font-size:10px;vertical-align:middle}.section-lighter .comparison-table th,.section-lighter .comparison-table td{border-color:var(--dark-line)}.comparison-table thead th{position:sticky;top:0;color:#71817b;background:#0c111e;font-size:8px;text-transform:uppercase;letter-spacing:.09em}.section-lighter .comparison-table thead th{color:#65736e;background:#e4ebe6}.comparison-table tbody th{font-weight:800}.comparison-table tbody td{color:#8d9b96}.section-lighter .comparison-table tbody td{color:#4e5d58}.table-provider{min-width:190px;display:flex;align-items:center;gap:11px}.table-provider .provider-logo-wrap{width:34px;height:34px;padding:6px}.table-provider span{color:#fff}.section-lighter .table-provider span{color:var(--dark-text)}
.selection-grid{display:grid;grid-template-columns:.68fr 1.32fr;gap:100px}.number-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--dark-line)}.number-list li{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:21px 0;border-bottom:1px solid var(--dark-line)}.number-list li>span{color:#0a8a62;font-size:10px;font-weight:900;letter-spacing:.1em}.number-list strong{display:block;font-size:15px}.number-list p{margin:6px 0 0;color:var(--dark-muted);font-size:12px;line-height:1.6}

/* Hub feature sections */
.jump-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:42px}.jump-grid.five{grid-template-columns:repeat(5,1fr)}.jump-grid.six{grid-template-columns:repeat(3,1fr)}.jump-grid a{display:flex;align-items:center;gap:11px;padding:15px;border:1px solid var(--dark-line);border-radius:12px;background:rgba(255,255,255,.45);color:#35433f;font-size:11px;font-weight:800;transition:transform .2s,border-color .2s,background .2s}.jump-grid a:hover{transform:translateY(-3px);border-color:rgba(14,137,96,.3);background:#fff}.jump-grid span{color:#0b8b63;font-size:8px;letter-spacing:.08em}
.feature-sections{padding:20px 0}.feature-band{min-height:700px;display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:100px;padding:110px 0;border-bottom:1px solid var(--line)}.feature-band:last-child{border-bottom:0}.feature-band.feature-reverse .feature-copy{order:2}.feature-band.feature-reverse .feature-visual{order:1}.feature-copy h2{margin:0;font-size:clamp(45px,6vw,76px);line-height:.96;letter-spacing:-.06em}.feature-copy .feature-lede{max-width:650px;color:#a0ada8;opacity:1}.check-list{display:grid;gap:12px;margin:30px 0;padding:0;list-style:none}.check-list li{display:flex;align-items:flex-start;gap:10px;color:#a6b3af;font-size:13px;line-height:1.6}.check-list .mini-icon{flex:0 0 auto;margin-top:2px;color:var(--jade)}.feature-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:30px}.feature-meta>div{padding:15px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.feature-meta span{display:block;color:#63726d;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.feature-meta strong{display:block;margin-top:6px;color:#c8d3cf;font-size:11px;line-height:1.5}
.feature-visual{position:relative;min-height:440px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:radial-gradient(circle,rgba(113,246,196,.08),transparent 60%)}.feature-visual::before,.feature-visual::after{content:"";position:absolute;border:1px dashed rgba(255,255,255,.12);border-radius:50%}.feature-visual::before{inset:12%}.feature-visual::after{inset:28%}.visual-orbit{position:absolute;inset:5%;border:1px solid rgba(139,120,255,.15);border-radius:50%;animation:spin 18s linear infinite}.visual-orbit::after{content:"";position:absolute;left:10%;top:15%;width:12px;height:12px;border-radius:50%;background:var(--violet);box-shadow:0 0 25px var(--violet)}.visual-icon{position:relative;z-index:2;width:120px;height:120px;display:grid;place-items:center;color:var(--jade);border:1px solid rgba(113,246,196,.3);border-radius:34px;background:#0b1320;box-shadow:0 0 70px rgba(113,246,196,.13);transform:rotate(-5deg)}.visual-icon .icon{width:46px;height:46px}.visual-chip{position:absolute;z-index:3;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:#0c1220;color:#899892;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.chip-a{left:10%;top:23%}.chip-b{right:7%;top:45%}.chip-c{left:22%;bottom:12%}

/* Business diagrams */
.mailflow-diagram,.bridge-pipeline{display:flex;align-items:center;gap:10px;margin-top:48px}.flow-card,.bridge-pipeline article{position:relative;min-height:165px;flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;border:1px solid var(--dark-line);border-radius:16px;background:rgba(255,255,255,.5)}.flow-card>span,.bridge-pipeline article>span{position:absolute;left:16px;top:14px;color:#0b8b63;font-size:8px;font-weight:900}.flow-card>.icon,.bridge-pipeline article>.icon{width:28px;height:28px;margin-bottom:auto;color:#0a875f}.flow-card strong,.bridge-pipeline b{font-size:13px}.flow-card small,.bridge-pipeline small{margin-top:4px;color:#71807b;font-size:9px}.mailflow-diagram>i,.bridge-pipeline>i{color:#2c7a61}.architecture-grid,.payload-grid,.guardrail-layout{display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:90px}.dns-stack{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dns-stack article{display:grid;grid-template-columns:60px 1fr;align-items:center;gap:14px;padding:20px;border:1px solid var(--dark-line);border-radius:14px;background:rgba(255,255,255,.55)}.dns-stack article>span{width:50px;height:50px;display:grid;place-items:center;color:#087956;border-radius:13px;background:rgba(32,191,135,.11);font-size:10px;font-weight:900}.dns-stack strong{font-size:12px}.dns-stack p{margin:4px 0 0;color:var(--dark-muted);font-size:10px;line-height:1.5}.architecture-grid .btn{margin-top:28px}
.runbook-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.runbook-card,.risk-board{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.025);overflow:hidden}.runbook-card{padding:30px}.runbook-card h2{margin:0;font-size:38px;letter-spacing:-.045em}.runbook-card ol{display:grid;gap:10px;margin:25px 0 0;padding:0;list-style:none}.runbook-card li{display:flex;align-items:flex-start;gap:12px;color:#9ba9a4;font-size:11px;line-height:1.55}.runbook-card li span{width:24px;height:24px;flex:0 0 auto;display:grid;place-items:center;color:var(--jade);border:1px solid rgba(113,246,196,.2);border-radius:8px;font-size:8px}.risk-top{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line);color:#7f8f89;font-size:9px;font-weight:800;letter-spacing:.1em}.risk-top b{color:var(--jade)}.risk-row{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:14px;padding:22px;border-bottom:1px solid var(--line);font-size:11px}.risk-row:last-child{border-bottom:0}.risk-row>b{color:#76847f;font-weight:500}.risk-row i{min-width:42px;padding:5px 7px;text-align:center;border-radius:999px;font-size:7px;font-style:normal;font-weight:900}.risk-row .low{color:var(--jade);background:rgba(113,246,196,.09)}.risk-row .med{color:var(--amber);background:rgba(255,189,91,.09)}.risk-row .high{color:var(--rose);background:rgba(255,112,150,.09)}

/* Client diagrams */
.device-stage{position:relative;min-height:520px;margin-top:35px;border:1px solid var(--dark-line);border-radius:24px;background:radial-gradient(circle at 50% 50%,rgba(33,192,136,.13),transparent 42%),rgba(255,255,255,.4);overflow:hidden}.device-stage::before{content:"";position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(18,40,33,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(18,40,33,.12) 1px,transparent 1px);background-size:46px 46px}.device{position:absolute;z-index:2;padding:9px;border:2px solid #16231f;background:#101a18;box-shadow:0 24px 50px rgba(26,62,50,.2)}.desktop-device{left:8%;bottom:12%;width:44%;height:55%;border-radius:13px}.desktop-device::after{content:"";position:absolute;left:35%;right:35%;bottom:-48px;height:46px;border-bottom:8px solid #16231f;border-left:14px solid transparent;border-right:14px solid transparent}.tablet-device{right:15%;top:12%;width:27%;height:58%;border-radius:20px}.phone-device{right:7%;bottom:7%;width:15%;height:45%;border-radius:25px}.device-screen{width:100%;height:100%;display:grid;place-content:center;justify-items:center;border-radius:8px;background:linear-gradient(145deg,#0e1825,#0b1020);color:#fff}.tablet-device .device-screen,.phone-device .device-screen{border-radius:13px}.device-screen>span{width:46px;height:46px;display:grid;place-items:center;margin-bottom:12px;color:var(--jade);border-radius:14px;background:rgba(113,246,196,.08)}.device-screen b{font-size:14px}.device-screen small{margin-top:4px;color:#75847f;font-size:9px}.device-cloud{position:absolute;z-index:3;left:44%;top:10%;display:flex;align-items:center;gap:11px;padding:14px;border:1px solid var(--dark-line);border-radius:14px;background:#fff;box-shadow:0 16px 42px rgba(25,64,50,.14)}.device-cloud>span{color:#0a875f}.device-cloud .icon{width:22px}.device-cloud b{font-size:11px}.device-cloud small{display:block;color:#71807b;font-size:8px}
.scorecard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.scorecard-grid article{min-height:210px;padding:24px;border:1px solid var(--dark-line);border-radius:18px;background:rgba(255,255,255,.55)}.scorecard-grid span{color:#0b8b63;font-size:9px;font-weight:900;letter-spacing:.1em}.scorecard-grid h3{margin:42px 0 8px;font-size:20px}.scorecard-grid p{margin:0;color:var(--dark-muted);font-size:12px;line-height:1.65}.client-policy-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.policy-console{max-width:520px;margin-left:auto;border:1px solid var(--line);border-radius:22px;background:#0a101d;overflow:hidden}.policy-console>div{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line);color:#778680;font-size:9px;letter-spacing:.1em}.policy-console>div b{color:var(--jade)}.policy-console ul{display:grid;gap:12px;margin:0;padding:24px;list-style:none;color:#a6b3af;font-size:11px}.policy-console li{display:flex;align-items:center;gap:9px}.policy-console li .mini-icon{color:var(--jade)}.policy-console>p{display:flex;align-items:center;gap:9px;margin:0;padding:16px 20px;border-top:1px solid var(--line);color:#82908b;font-size:9px}.policy-console>p i{width:7px;height:7px;border-radius:50%;background:var(--jade);box-shadow:0 0 12px rgba(113,246,196,.55)}

/* Intelligence diagrams */
.authority-ladder{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:42px}.authority-ladder article{position:relative;min-height:230px;display:flex;flex-direction:column;padding:20px;border:1px solid var(--dark-line);border-radius:16px;background:rgba(255,255,255,.52);overflow:hidden}.authority-ladder article::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--jade),var(--violet));transform:scaleX(var(--level,.2));transform-origin:left}.authority-ladder article:nth-child(2){--level:.4}.authority-ladder article:nth-child(3){--level:.6}.authority-ladder article:nth-child(4){--level:.8}.authority-ladder article:nth-child(5){--level:1}.authority-ladder span{color:#0b8b63;font-size:9px;font-weight:900}.authority-ladder b{margin-top:auto;font-size:18px}.authority-ladder p{margin:7px 0 18px;color:var(--dark-muted);font-size:11px;line-height:1.55}.authority-ladder i{color:#788681;font-size:7px;font-style:normal;font-weight:900;letter-spacing:.09em}
.guardrail-diagram{position:relative;min-height:420px;display:grid;grid-template-columns:1fr .7fr 1fr;align-items:center;gap:14px;padding:24px;border:1px solid var(--dark-line);border-radius:22px;background:rgba(255,255,255,.55)}.guardrail-source,.guardrail-target{min-height:190px;display:grid;place-content:center;justify-items:center;text-align:center;border:1px solid var(--dark-line);border-radius:18px;background:#fff}.guardrail-source>span,.guardrail-target>span{width:50px;height:50px;display:grid;place-items:center;margin-bottom:14px;border-radius:15px}.guardrail-source>span{color:#bd425f;background:rgba(255,112,150,.11)}.guardrail-target>span{color:#07825b;background:rgba(113,246,196,.15)}.guardrail-source b,.guardrail-target b{font-size:10px;letter-spacing:.1em}.guardrail-source small,.guardrail-target small{margin-top:5px;color:#77847f;font-size:8px}.guardrail-wall{min-height:260px;position:relative;display:grid;place-content:center;text-align:center;border-left:2px solid #1cba82;border-right:2px solid #1cba82;background:linear-gradient(90deg,transparent,rgba(32,191,135,.08),transparent)}.guardrail-wall i{position:absolute;left:50%;width:14px;height:14px;border-radius:50%;background:var(--jade);box-shadow:0 0 18px rgba(113,246,196,.5);transform:translateX(-50%)}.guardrail-wall i:nth-child(1){top:20%}.guardrail-wall i:nth-child(2){top:48%}.guardrail-wall i:nth-child(3){top:76%}.guardrail-wall strong{font-size:9px;letter-spacing:.11em}.guardrail-wall small{max-width:100px;margin:5px auto 0;color:#66736f;font-size:8px}.guardrail-tools{position:absolute;right:30px;bottom:25px;display:flex;gap:6px}.guardrail-tools span{padding:5px 7px;border:1px solid var(--dark-line);border-radius:999px;background:#fff;color:#687570;font-size:7px;font-weight:800}.controls-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:90px}.controls-copy p:not(.eyebrow){color:#94a19d;line-height:1.7}.control-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.control-cards article{min-height:190px;padding:22px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.025)}.control-cards article:last-child{grid-column:1/-1;min-height:150px}.control-cards span{color:var(--jade);font-size:9px;font-weight:900}.control-cards h3{margin:38px 0 7px;font-size:18px}.control-cards p{margin:0;color:#84928d;font-size:11px;line-height:1.65}

/* Integrations */
.bridge-pipeline{margin-top:45px}.bridge-pipeline article{min-height:170px}.payload-console{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}.payload-source,.payload-output{border:1px solid var(--dark-line);border-radius:16px;background:#fff;overflow:hidden}.payload-source>span,.payload-output>span{display:block;padding:13px 16px;border-bottom:1px solid var(--dark-line);color:#72807b;font-size:8px;font-weight:900;letter-spacing:.1em}.payload-source pre,.payload-output pre{margin:0;padding:20px;white-space:pre-wrap;color:#394841;font:10px/1.75 ui-monospace,monospace}.payload-output{border-color:rgba(22,157,109,.25);box-shadow:0 16px 48px rgba(26,100,73,.1)}.payload-arrow{color:#07855d}.reliability-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:90px}.reliability-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.reliability-cards article{min-height:195px;padding:20px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.reliability-cards span{color:var(--jade);font-size:8px;font-weight:900;letter-spacing:.1em}.reliability-cards h3{margin:42px 0 8px;font-size:16px}.reliability-cards p{margin:0;color:#84918d;font-size:10px;line-height:1.6}

/* Guides */
.guides-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.guide-card{position:relative;min-height:390px;display:flex;flex-direction:column;padding:28px;border:1px solid var(--dark-line);border-radius:22px;background:rgba(255,255,255,.56);overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}.guide-card:first-child{grid-column:1/-1;min-height:360px}.guide-card::after{content:"";position:absolute;width:250px;height:250px;right:-130px;bottom:-140px;border-radius:50%;background:radial-gradient(circle,rgba(30,190,135,.25),transparent 68%)}.guide-card:hover{transform:translateY(-5px);border-color:rgba(15,142,99,.3);box-shadow:0 25px 65px rgba(28,62,51,.1)}.guide-card-top{display:flex;justify-content:space-between;color:#77847f;font-size:9px;font-weight:800;letter-spacing:.08em}.guide-card-icon{width:54px;height:54px;display:grid;place-items:center;margin:45px 0 22px;color:#087c59;border-radius:17px;background:rgba(28,185,130,.11)}.guide-card h2{max-width:700px;margin:0;font-size:clamp(28px,4vw,46px);line-height:1;letter-spacing:-.05em}.guide-card p{max-width:720px;margin:16px 0;color:var(--dark-muted);font-size:13px;line-height:1.7}.guide-card>strong{display:flex;align-items:center;gap:7px;margin-top:auto;color:#087c59;font-size:11px}.guide-method-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.method-steps{display:grid;grid-template-columns:1fr 1fr;gap:10px}.method-steps article{min-height:160px;padding:20px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.method-steps span{color:var(--jade);font-size:8px;font-weight:900}.method-steps b{display:block;margin:35px 0 6px;font-size:17px}.method-steps p{margin:0;color:#84928d;font-size:10px}
.article-hero{position:relative;padding:170px 0 82px;background:radial-gradient(circle at 78% 20%,rgba(139,120,255,.2),transparent 25%),radial-gradient(circle at 16% 62%,rgba(113,246,196,.09),transparent 30%),#080b14;overflow:hidden}.article-hero::before{content:"";position:absolute;inset:0;opacity:.1;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:70px 70px}.article-hero-inner{position:relative;z-index:1}.article-hero h1{max-width:980px;margin:0;font-size:clamp(53px,7.8vw,102px);line-height:.91;letter-spacing:-.067em;text-wrap:balance}.article-deck{max-width:820px;margin:28px 0 0;color:#a0aca8;font-size:19px;line-height:1.7}.article-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.article-meta span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:#7f8e89;font-size:9px;font-weight:750}.article-layout{display:grid;grid-template-columns:270px minmax(0,760px);justify-content:space-between;gap:90px;padding-top:90px;padding-bottom:110px}.article-toc{position:sticky;top:120px;align-self:start}.article-toc>p{margin:0 0 13px;color:#fff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.article-toc>a{display:flex;align-items:flex-start;gap:10px;padding:8px 0;color:#6f7e79;font-size:10px;line-height:1.35;transition:color .2s,transform .2s}.article-toc>a span{color:#40504a;font-size:8px}.article-toc>a:hover,.article-toc>a.is-active{color:var(--jade);transform:translateX(4px)}.toc-note{display:flex;align-items:flex-start;gap:10px;margin-top:24px;padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.toc-note>span{color:var(--jade)}.toc-note .icon{width:18px}.toc-note p{margin:0;color:#75837e;font-size:9px;line-height:1.6}.toc-note strong{display:block;color:#9ca9a5}.article-content{font-family:Georgia,"Times New Roman",serif;color:#ced7d4}.article-intro{margin:0 0 70px;color:#eff6f4;font-size:24px;line-height:1.65}.article-content section{scroll-margin-top:110px;margin:0 0 66px}.article-content h2{margin:0 0 22px;color:#fff;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:-.045em}.article-content p{margin:0 0 20px;color:#b0bcb8;font-size:17px;line-height:1.88}.article-content ul,.article-content ol{display:grid;gap:10px;margin:25px 0;padding-left:25px;color:#b0bcb8;font-size:16px;line-height:1.75}.article-content li::marker{color:var(--jade)}.article-content blockquote{margin:30px 0;padding:24px 26px;border-left:3px solid var(--jade);background:rgba(113,246,196,.05);color:#e7f0ed;font-size:20px;line-height:1.6;font-style:italic}.article-takeaways{padding:30px;border:1px solid rgba(113,246,196,.2);border-radius:20px;background:rgba(113,246,196,.045)}.article-takeaways ul{padding:0;list-style:none}.article-takeaways li{display:flex;gap:10px}.article-takeaways .mini-icon{flex:0 0 auto;margin-top:5px;color:var(--jade)}.article-updated{display:flex;gap:15px;margin-top:40px;padding:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:Inter,ui-sans-serif,sans-serif}.article-updated>span{color:var(--jade)}.article-updated strong{font-size:11px}.article-updated p{margin:4px 0 0;color:#6f7e79;font-family:Inter,ui-sans-serif,sans-serif;font-size:10px;line-height:1.55}.related-guides .section-heading{margin-bottom:36px}.related-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related-guide-grid a{min-height:260px;display:flex;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.025);transition:transform .2s,border-color .2s}.related-guide-grid a:hover{transform:translateY(-4px);border-color:rgba(113,246,196,.25)}.related-guide-grid span{color:#6f7e79;font-size:8px}.related-guide-grid h3{margin:38px 0 10px;font-size:18px;letter-spacing:-.03em}.related-guide-grid p{margin:0;color:#82908b;font-size:10px;line-height:1.6}.related-guide-grid b{display:flex;align-items:center;gap:6px;margin-top:auto;color:var(--jade);font-size:9px}

/* About, contact, legal */
.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.about-grid>div:first-child>p:not(.eyebrow){color:var(--dark-muted);font-size:14px;line-height:1.8}.about-manifesto{display:grid;grid-template-columns:1fr 1fr;gap:10px}.about-manifesto article{min-height:210px;padding:22px;border:1px solid var(--dark-line);border-radius:17px;background:rgba(255,255,255,.55)}.about-manifesto span{color:#0a8a62;font-size:9px;font-weight:900}.about-manifesto h3{margin:50px 0 8px;font-size:18px}.about-manifesto p{margin:0;color:var(--dark-muted);font-size:11px;line-height:1.6}.methodology-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.criteria-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.criteria-grid article{min-height:150px;padding:19px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}.criteria-grid span{color:var(--jade);font-size:8px;font-weight:900;letter-spacing:.08em}.criteria-grid p{margin:48px 0 0;color:#899792;font-size:10px;line-height:1.55}.editorial-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:90px}.editorial-list{border-top:1px solid var(--dark-line)}.editorial-list article{display:grid;grid-template-columns:170px 1fr;gap:25px;padding:22px 0;border-bottom:1px solid var(--dark-line)}.editorial-list b{font-size:13px}.editorial-list p{margin:0;color:var(--dark-muted);font-size:12px;line-height:1.65}.editorial-list a{color:#087c59;font-weight:750}
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.contact-primary{position:sticky;top:120px;align-self:start}.contact-primary h2{margin:0;font-size:clamp(35px,5vw,58px);letter-spacing:-.055em}.contact-primary h2 a{border-bottom:2px solid #1abd83}.contact-primary>p:not(.eyebrow){margin:23px 0;color:var(--dark-muted);font-size:14px;line-height:1.75}.contact-actions{display:flex;flex-wrap:wrap;gap:10px}.copy-status{min-height:18px;color:#07805a!important;font-size:10px!important}.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contact-cards article{min-height:220px;padding:23px;border:1px solid var(--dark-line);border-radius:18px;background:rgba(255,255,255,.55)}.contact-cards article>span{width:42px;height:42px;display:grid;place-items:center;color:#07805a;border-radius:13px;background:rgba(28,185,130,.11)}.contact-cards article>span .icon{width:20px}.contact-cards h3{margin:42px 0 8px;font-size:18px}.contact-cards p{margin:0;color:var(--dark-muted);font-size:11px;line-height:1.65}.contact-expectations{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.contact-expectations h2{margin:0;font-size:50px;letter-spacing:-.05em}
.legal-hero{padding:160px 0 65px;background:#080b14;border-bottom:1px solid var(--line)}.legal-hero .breadcrumbs{margin-bottom:35px}.legal-hero h1{margin:0;font-size:clamp(50px,7vw,80px);letter-spacing:-.06em}.legal-hero>div>p:last-child{color:#6f7e79;font-size:10px}.legal-layout{display:grid;grid-template-columns:220px minmax(0,760px);justify-content:space-between;gap:100px}.legal-layout>aside{position:sticky;top:120px;align-self:start;display:grid;border-left:1px solid var(--dark-line)}.legal-layout>aside a{padding:8px 0 8px 15px;color:#73807c;font-size:10px}.legal-layout>aside a:hover{color:#07805a}.legal-content section{scroll-margin-top:120px;margin-bottom:55px}.legal-content h2{margin:0 0 16px;font-size:30px;letter-spacing:-.04em}.legal-content p{margin:0;color:var(--dark-muted);font-size:14px;line-height:1.85}.legal-content a{color:#087c59;font-weight:750}
.not-found{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(139,120,255,.18),transparent 30%),#070a12}.not-found-inner{position:relative;z-index:2;text-align:center;padding:150px 0 90px}.not-found-inner>strong{display:block;color:rgba(255,255,255,.08);font-size:clamp(80px,17vw,230px);line-height:.7;letter-spacing:-.08em}.not-found h1{margin:35px 0 15px;font-size:clamp(42px,6vw,75px);letter-spacing:-.06em}.not-found p:not(.eyebrow){color:#8e9d98}.not-found-inner>div{display:flex;justify-content:center;gap:10px;margin-top:30px}

/* Animations and responsive */
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes packetFloat{0%,100%{transform:translateY(-4px)}50%{transform:translateY(5px)}}@keyframes cue{0%{transform:translateX(-14px)}100%{transform:translateX(48px)}}
[data-reveal]{will-change:transform,opacity}.no-gsap [data-reveal]{opacity:1!important;transform:none!important}
@media (max-width:1100px){
  .desktop-nav{display:none}.nav-toggle{display:flex}.header-cta{margin-left:auto}.hero-layout{grid-template-columns:1fr;gap:54px;padding-top:150px}.hero-copy{max-width:780px}.hero-console{max-width:720px;width:100%;margin-inline:auto;transform:none}.hero{min-height:auto}.provider-grid{grid-template-columns:repeat(3,1fr)}.directory-toolbar{grid-template-columns:1fr;position:relative;top:auto}.directory-count{display:none}.discipline-grid{grid-template-columns:repeat(2,1fr)}.stack-map{grid-template-columns:repeat(3,1fr)}.stack-map article:nth-child(3){border-right:0}.stack-map article:nth-child(n+4){border-top:1px solid var(--dark-line)}.stack-map article:nth-child(5){border-right:0}.stack-rail{display:none}.ai-feature-grid,.architecture-grid,.guardrail-layout,.payload-grid{gap:50px}.feature-band{gap:60px}.integration-orbit{transform:scale(.9);margin-block:-30px}.guide-preview{grid-template-columns:1fr;gap:50px}.directory-toolbar .filter-row{justify-content:flex-start}.authority-ladder{grid-template-columns:repeat(3,1fr)}.authority-ladder article:nth-child(n+4){min-height:190px}.controls-grid,.reliability-grid,.methodology-layout,.editorial-grid{grid-template-columns:1fr;gap:50px}.article-layout{grid-template-columns:220px minmax(0,1fr);gap:55px}.footer-grid{grid-template-columns:1.2fr repeat(3,.8fr);gap:35px}
}
@media (max-width:820px){
  .shell{width:min(100% - 28px,720px)}.header-inner{height:70px}.header-cta{display:none}.section{padding:82px 0}.section-heading h2,.split-heading h2,.ai-copy h2,.guide-preview-copy h2,.architecture-grid h2,.controls-copy h2,.payload-grid h2,.reliability-grid h2,.about-grid h2,.methodology-layout h2,.editorial-grid h2{font-size:clamp(36px,9vw,55px)}
  .hero-layout{padding-top:122px}.hero-title{font-size:clamp(62px,17vw,105px)}.hero-console{min-height:500px}.hero-metrics{gap:18px;flex-wrap:wrap}.scroll-cue{display:none}.marquee-heading a{display:none}.discipline-grid{grid-template-columns:1fr}.split-heading,.ai-feature-grid,.faq-grid,.selection-grid,.feature-band,.architecture-grid,.runbook-grid,.client-policy-grid,.guardrail-layout,.controls-grid,.payload-grid,.reliability-grid,.guide-method-grid,.about-grid,.methodology-layout,.editorial-grid,.contact-layout,.contact-expectations{grid-template-columns:1fr;gap:45px}.signal-card{max-width:560px}.stack-map{grid-template-columns:1fr 1fr}.stack-map article{border-right:1px solid var(--dark-line)!important;border-top:1px solid var(--dark-line)}.stack-map article:nth-child(odd){border-right:1px solid var(--dark-line)!important}.stack-map article:nth-child(even){border-right:0!important}.stack-map article:first-child,.stack-map article:nth-child(2){border-top:0}.ai-feature-grid .agent-terminal{order:2}.integration-orbit{min-height:760px;transform:none}.integration-orbit::before{width:400px;height:600px}.integration-orbit::after{width:260px;height:420px}.orbit-1{left:0;top:17%}.orbit-2{left:0;bottom:17%}.orbit-3{left:50%;bottom:0;transform:translateX(-50%)}.orbit-4{right:0;bottom:17%}.orbit-5{right:0;top:17%}.orbit-6{left:50%;top:0;transform:translateX(-50%)}.orbit-3:hover,.orbit-6:hover{transform:translateX(-50%) translateY(-5px)}.guide-preview-list a{grid-template-columns:90px 1fr auto}.guide-preview-list p{display:none}.faq-grid .section-heading{position:relative;top:auto}.cta-inner{align-items:flex-start;flex-direction:column;gap:25px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column}.subhero{min-height:520px;padding-top:130px}.subhero-grid{grid-template-columns:1fr;gap:35px}.subhero-stat{display:none}.provider-grid{grid-template-columns:repeat(2,1fr)}.feature-band{min-height:0;padding:80px 0}.feature-band.feature-reverse .feature-copy{order:1}.feature-band.feature-reverse .feature-visual{order:2}.feature-visual{max-width:520px;width:100%;min-height:420px;margin-inline:auto}.jump-grid,.jump-grid.five,.jump-grid.six{grid-template-columns:1fr 1fr}.mailflow-diagram,.bridge-pipeline{display:grid;grid-template-columns:1fr 1fr}.mailflow-diagram>i,.bridge-pipeline>i{display:none}.flow-card,.bridge-pipeline article{min-height:145px}.scorecard-grid{grid-template-columns:1fr 1fr}.device-stage{min-height:620px}.desktop-device{left:4%;width:64%;height:43%}.tablet-device{right:5%;top:8%;width:36%;height:45%}.phone-device{right:7%;bottom:7%;width:22%;height:38%}.device-cloud{left:6%;top:6%}.authority-ladder{grid-template-columns:1fr 1fr}.guardrail-diagram{grid-template-columns:1fr}.guardrail-wall{min-height:120px;border:0;border-top:2px solid #1cba82;border-bottom:2px solid #1cba82}.guardrail-wall i{top:50%!important}.guardrail-wall i:nth-child(1){left:22%}.guardrail-wall i:nth-child(2){left:50%}.guardrail-wall i:nth-child(3){left:78%}.guardrail-tools{position:relative;right:auto;bottom:auto;justify-content:center}.reliability-cards{grid-template-columns:1fr 1fr}.guides-grid{grid-template-columns:1fr}.guide-card:first-child{grid-column:auto}.article-layout{grid-template-columns:1fr;padding-top:55px}.article-toc{position:relative;top:auto;display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.article-toc>p,.toc-note{grid-column:1/-1}.related-guide-grid{grid-template-columns:1fr}.about-manifesto,.contact-cards{grid-template-columns:1fr 1fr}.contact-primary{position:relative;top:auto}.legal-layout{grid-template-columns:1fr;gap:45px}.legal-layout>aside{position:relative;top:auto;grid-template-columns:1fr 1fr}.criteria-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .shell{width:calc(100% - 24px)}.brand-word{font-size:19px}.hero-title{font-size:58px}.hero-lede{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.hero-console{min-height:455px}.console-stage{height:345px}.route-node{width:108px;min-height:84px;padding:12px}.node-in{left:14px;top:35px}.node-policy{top:25px}.node-ai{bottom:25px}.node-out{right:14px;top:133px}.route-line{opacity:.55}.console-log{display:none}.provider-grid{grid-template-columns:1fr}.provider-card{min-height:410px}.discipline-grid{gap:10px}.solution-card{min-height:160px;padding:20px}.stack-map{grid-template-columns:1fr}.stack-map article{border-right:0!important}.stack-map article:nth-child(2){border-top:1px solid var(--dark-line)}.integration-orbit{min-height:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}.integration-orbit::before,.integration-orbit::after{display:none}.integration-center,.orbit-item{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:auto}.integration-center{grid-column:1/-1;width:100%;height:170px;border-radius:22px}.orbit-item{min-height:95px}.guide-preview-list a{grid-template-columns:1fr auto;gap:10px}.guide-preview-list a>span{grid-column:1/-1}.guide-preview-list h3{font-size:15px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.subhero h1{font-size:47px}.breadcrumbs{margin-bottom:32px}.jump-grid,.jump-grid.five,.jump-grid.six{grid-template-columns:1fr}.feature-copy h2{font-size:44px}.feature-visual{min-height:330px}.visual-icon{width:94px;height:94px}.feature-meta{grid-template-columns:1fr}.mailflow-diagram,.bridge-pipeline{grid-template-columns:1fr}.dns-stack{grid-template-columns:1fr}.risk-row{grid-template-columns:1fr auto}.risk-row>b{grid-column:1/-1;grid-row:2}.scorecard-grid,.authority-ladder,.control-cards,.reliability-cards,.method-steps,.about-manifesto,.contact-cards,.criteria-grid{grid-template-columns:1fr}.control-cards article:last-child{grid-column:auto}.device-stage{min-height:540px}.desktop-device{left:4%;width:78%;height:38%}.tablet-device{right:4%;top:24%;width:43%;height:38%}.phone-device{width:26%;height:33%}.device-cloud{left:4%;right:4%;top:5%}.payload-console{grid-template-columns:1fr}.payload-arrow{transform:rotate(90deg);justify-self:center}.guides-grid .guide-card{min-height:340px}.article-hero{padding-top:140px}.article-hero h1{font-size:48px}.article-deck{font-size:16px}.article-toc{grid-template-columns:1fr}.article-intro{font-size:20px}.article-content p{font-size:16px}.editorial-list article{grid-template-columns:1fr;gap:8px}.legal-layout>aside{grid-template-columns:1fr}.not-found-inner>div{flex-direction:column}.footer-bottom div{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track,.visual-orbit,.console-packet,.scroll-cue i::after{animation:none!important}.cursor-glow{display:none}.hero-console{transform:none!important}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}