/*
Theme Name: Kryora
Theme URI: https://kryora.ai/
Author: Kryora AI
Description: Custom website theme for Kryora cooling-system intelligence.
Version: 1.0.1
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: kryora
*/

@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("assets/fonts/geist-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Geist Mono";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("assets/fonts/geist-mono-latin.woff2") format("woff2");
}

:root {
  --font-geist-sans: "Geist", Aptos, "Segoe UI", Arial, sans-serif;
  --font-geist-mono: "Geist Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --ink: #06162d;
  --ink-soft: #17385f;
  --navy: #030c1d;
  --navy-2: #071a35;
  --paper: #f4f7fb;
  --white: #ffffff;
  --ice: #d9f5ff;
  --aqua: #20b9f2;
  --blue: #2b7fe2;
  --muted: #61728a;
  --line: #ccd8e6;
  --max: 1220px;
}

body.admin-bar .site-header { top: 32px; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.form-status { margin: 0 0 22px; padding: 13px 15px; border: 1px solid rgba(32,185,242,.35); background: rgba(32,185,242,.09); color: #d9f5ff; font-size: 13px; line-height: 1.5; }
.form-status.error { border-color: rgba(255,135,135,.45); background: rgba(255,80,80,.08); color: #ffd7d7; }
.kryora-hp { position: absolute !important; left: -10000px !important; opacity: 0 !important; pointer-events: none !important; }
@media (max-width: 782px) { body.admin-bar .site-header { top: 46px; } }

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--paper) !important; }
body.wp-theme-kryora { margin: 0; background-color: var(--paper) !important; background-image: none !important; color: var(--ink); font-family: var(--font-geist-sans), Arial, sans-serif; }
a { color: inherit; text-decoration: none; }
p { margin: 0; }
.shell { width: min(var(--max), calc(100% - 48px)); margin-inline: auto; }
.site-header { position: absolute; inset: 0 0 auto; z-index: 20; color: white; border-bottom: 1px solid rgba(255,255,255,.12); }
.nav-wrap { height: 84px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 44px; }
.logo { display: inline-flex; align-items: center; width: max-content; }
.logo-wordmark { display: block; width: 190px; height: auto; object-fit: contain; }
.desktop-nav { display: flex; align-items: center; gap: 36px; font-size: 14px; color: rgba(255,255,255,.76); }
.desktop-nav a { transition: color .2s ease; }
.desktop-nav a:hover { color: white; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 50px; padding: 0 22px; font-size: 14px; font-weight: 620; border-radius: 3px; transition: transform .2s ease, background .2s ease, border .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-nav { justify-self: end; border: 1px solid rgba(255,255,255,.45); min-height: 43px; padding-inline: 18px; }
.button-nav:hover { background: rgba(255,255,255,.08); border-color: white; }
.button-primary { background: linear-gradient(135deg, #30c8f6, #2686e7); color: white; box-shadow: 0 14px 38px rgba(38,134,231,.25); }
.button-primary:hover { background: linear-gradient(135deg, #5ad7f8, #3a94eb); }
.button-light { background: var(--paper); color: var(--navy); white-space: nowrap; }
.button-light:hover { background: white; }
.text-link { display: inline-flex; align-items: center; gap: 16px; font-size: 14px; font-weight: 650; border-bottom: 1px solid var(--ink); padding-bottom: 5px; }
.text-link.light { color: white; border-color: rgba(255,255,255,.4); }
.text-link span { transition: transform .2s ease; }
.text-link:hover span { transform: translateX(4px); }
.mobile-nav { display: none; }

.hero { min-height: 860px; padding-top: 84px; color: white; background: radial-gradient(circle at 78% 48%, #103d70 0, #082348 25%, var(--navy) 58%); position: relative; overflow: hidden; }
.hero:after { content: ""; position: absolute; width: 520px; height: 520px; border: 1px solid rgba(32,185,242,.18); border-radius: 50%; right: -220px; bottom: -270px; box-shadow: 0 0 0 70px rgba(32,185,242,.03), 0 0 0 150px rgba(43,127,226,.02); }
.hero-grid-overlay { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 80px 80px; mask-image: linear-gradient(to bottom, black, transparent 82%); }
.hero-layout { position: relative; z-index: 2; display: grid; grid-template-columns: 52% 48%; align-items: center; min-height: 776px; }
.hero-copy { padding: 82px 40px 72px 0; }
.eyebrow { display: flex; align-items: center; gap: 11px; color: var(--aqua); font: 600 12px/1.4 var(--font-geist-mono), monospace; text-transform: uppercase; letter-spacing: .12em; }
.eyebrow span { width: 22px; height: 1px; background: currentColor; }
.eyebrow.dark { color: #157fc5; }
.eyebrow.light { color: var(--aqua); }
.hero h1 { max-width: 720px; margin: 25px 0 26px; font-size: clamp(58px, 6.2vw, 88px); line-height: .96; letter-spacing: -.06em; font-weight: 515; }
.hero h1 em { font-style: normal; color: var(--ice); }
.hero-lede { max-width: 640px; color: #bdc9da; font-size: 18px; line-height: 1.65; }
.button-row { display: flex; align-items: center; gap: 32px; margin-top: 36px; }
.hero-proof { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 64px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.13); max-width: 640px; }
.hero-proof div { display: flex; flex-direction: column; gap: 4px; }
.hero-proof b { color: white; font-size: 12px; font-weight: 580; }
.hero-proof span { color: #7f94b2; font-size: 11px; }
.hero-visual { height: 100%; position: relative; display: flex; align-items: center; padding-left: 44px; }
.thermal-halo { position: absolute; width: 470px; height: 470px; border-radius: 50%; background: radial-gradient(circle, rgba(35,183,244,.22), rgba(43,127,226,.06) 46%, transparent 70%); right: -40px; top: 175px; filter: blur(2px); }
.signal-chart { position: relative; z-index: 2; width: 520px; min-height: 494px; padding: 25px; border: 1px solid rgba(120,199,255,.24); background: linear-gradient(145deg, rgba(11,39,78,.96), rgba(4,19,43,.93)); backdrop-filter: blur(16px); border-radius: 6px; box-shadow: 0 40px 90px rgba(0,0,0,.3); transform: perspective(1000px) rotateY(-4deg) rotateX(1deg); }
.chart-head { display: flex; justify-content: space-between; padding-bottom: 19px; border-bottom: 1px solid rgba(255,255,255,.1); font-size: 12px; color: #c8d6d8; }
.chart-head > span { color: #6f8a91; font: 500 10px var(--font-geist-mono), monospace; text-transform: uppercase; }
.pulse-dot { display: inline-block; width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; background: var(--aqua); box-shadow: 0 0 0 4px rgba(32,185,242,.14); }
.chart-value-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; padding: 22px 0 18px; }
.chart-value-row > div { display: flex; flex-direction: column; }
.chart-value-row small { color: #799096; font-size: 10px; }
.chart-value-row strong { font-size: 29px; letter-spacing: -.04em; font-weight: 550; margin-top: 5px; }
.chart-value-row strong.accent { color: var(--aqua); }
.chart-value-row em { font-size: 11px; font-style: normal; font-weight: 450; letter-spacing: 0; }
.plot { height: 200px; position: relative; overflow: hidden; border: 1px solid rgba(255,255,255,.07); background: rgba(1,14,19,.3); }
.plot-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px); background-size: 100% 40px, 78px 100%; }
.line { position: absolute; inset: 28px 10px 43px; }
.line:before { content: ""; position: absolute; inset: 0; background: currentColor; clip-path: polygon(0 55%, 7% 43%, 14% 50%, 21% 28%, 29% 42%, 36% 35%, 44% 51%, 51% 44%, 58% 65%, 66% 57%, 73% 68%, 81% 50%, 89% 59%, 100% 38%, 100% 41%, 89% 62%, 81% 53%, 73% 71%, 66% 60%, 58% 68%, 51% 47%, 44% 54%, 36% 38%, 29% 45%, 21% 31%, 14% 53%, 7% 46%, 0 58%); }
.line.observed { color: rgba(119,184,255,.7); }
.line.optimized { color: var(--aqua); transform: translateY(35px); }
.plot-tag { position: absolute; right: 17px; top: 76px; padding: 5px 7px; color: var(--aqua); background: #0a2d52; border: 1px solid rgba(32,185,242,.28); font: 500 8px var(--font-geist-mono), monospace; }
.plot-legend { position: absolute; left: 14px; bottom: 12px; display: flex; align-items: center; gap: 7px; color: #789096; font-size: 8px; }
.legend-observed, .legend-optimized { width: 15px; height: 2px; background: var(--blue); }
.legend-optimized { background: var(--aqua); margin-left: 9px; }
.insight-row { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding-top: 21px; }
.insight-icon { width: 33px; height: 33px; display: grid; place-items: center; border: 1px solid rgba(32,185,242,.3); color: var(--aqua); font: 500 9px var(--font-geist-mono), monospace; }
.insight-row div { display: flex; flex-direction: column; gap: 3px; }
.insight-row b { font-size: 11px; }
.insight-row small { color: #779097; font-size: 9px; }
.impact { color: var(--ice); background: rgba(32,185,242,.1); padding: 5px 7px; font: 500 8px var(--font-geist-mono), monospace; text-transform: uppercase; }
.floating-card { position: absolute; z-index: 4; width: 238px; padding: 15px; display: flex; align-items: center; gap: 11px; background: rgba(245,247,241,.97); color: var(--ink); border-radius: 4px; box-shadow: 0 18px 48px rgba(0,0,0,.22); }
.floating-card span:first-child { flex: 0 0 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; }
.status-check { color: #146bbf; background: #dff2ff; }
.spark { color: #3b70ae; background: #e5effb; }
.floating-card div { display: flex; flex-direction: column; gap: 3px; }
.floating-card b { font-size: 10px; }
.floating-card small { font-size: 8px; line-height: 1.35; color: #6d7e82; }
.floating-top { right: -26px; top: 204px; }
.floating-bottom { left: 1px; bottom: 168px; }

.trust-strip { background: #eaf0f7; border-bottom: 1px solid #d2ddea; }
.trust-grid { min-height: 108px; display: grid; grid-template-columns: 1.3fr repeat(5, auto); gap: 32px; align-items: center; }
.trust-grid p { max-width: 170px; color: var(--muted); font: 500 10px/1.45 var(--font-geist-mono), monospace; text-transform: uppercase; letter-spacing: .06em; }
.trust-grid span { color: #607279; font-size: 11px; font-weight: 620; white-space: nowrap; }

.section-pad { padding: 128px 0; }
.section-heading h2, .evidence h2, .cta-card h2 { margin: 18px 0 0; letter-spacing: -.05em; font-size: clamp(42px, 4.4vw, 64px); line-height: 1.04; font-weight: 520; }
.split-heading { display: grid; grid-template-columns: 1.45fr .65fr; gap: 110px; align-items: end; margin-bottom: 66px; }
.split-heading > p { color: var(--muted); font-size: 16px; line-height: 1.65; padding-bottom: 4px; }
.problem-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.problem-grid article { min-height: 406px; padding: 27px 28px 30px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); display: flex; flex-direction: column; }
.card-number { color: #7a8e92; font: 500 10px var(--font-geist-mono), monospace; }
.line-art { height: 150px; margin: 34px 0 28px; position: relative; overflow: hidden; }
.temperature-art:before { content: ""; position: absolute; width: 104px; height: 104px; border: 1px solid #8da9ca; border-radius: 50%; left: 50%; top: 20px; transform: translateX(-50%); box-shadow: 0 0 0 18px rgba(43,127,226,.05), 0 0 0 36px rgba(32,185,242,.03); }
.temperature-art i { position: absolute; width: 1px; height: 145px; background: #6f91ba; left: 50%; top: 0; transform-origin: bottom; }
.temperature-art i:nth-child(1) { transform: rotate(0deg); }
.temperature-art i:nth-child(2) { transform: rotate(60deg); }
.temperature-art i:nth-child(3) { transform: rotate(-60deg); }
.signal-art { background-image: linear-gradient(90deg, rgba(87,122,121,.12) 1px, transparent 1px), linear-gradient(rgba(87,122,121,.12) 1px, transparent 1px); background-size: 42px 42px; }
.signal-art i { position: absolute; width: 120%; height: 3px; left: -10%; background: #3f89c9; clip-path: polygon(0 50%, 10% 50%, 15% 10%, 20% 90%, 25% 50%, 43% 50%, 49% 22%, 55% 78%, 62% 50%, 100% 50%, 100% 70%, 62% 70%, 55% 98%, 49% 42%, 43% 70%, 25% 70%, 20% 100%, 15% 30%, 10% 70%, 0 70%); }
.signal-art i:nth-child(1) { top: 32px; opacity: .35; }
.signal-art i:nth-child(2) { top: 73px; }
.signal-art i:nth-child(3) { top: 112px; opacity: .55; }
.noise-art i { position: absolute; border: 1px solid #6c91bd; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.noise-art i:nth-child(1) { width: 44px; height: 44px; background: rgba(32,185,242,.16); }
.noise-art i:nth-child(2) { width: 92px; height: 92px; opacity: .65; }
.noise-art i:nth-child(3) { width: 142px; height: 142px; opacity: .3; }
.problem-grid h3 { margin: auto 0 10px; font-size: 20px; letter-spacing: -.025em; font-weight: 620; }
.problem-grid p { color: var(--muted); font-size: 13px; line-height: 1.65; }

.how { background: var(--navy); color: white; position: relative; overflow: hidden; }
.how:before { content: ""; position: absolute; width: 670px; height: 670px; border: 1px solid rgba(32,185,242,.12); border-radius: 50%; left: 50%; top: -470px; transform: translateX(-50%); box-shadow: 0 0 0 85px rgba(43,127,226,.02); }
.centered { position: relative; text-align: center; max-width: 760px; margin: 0 auto 76px; }
.centered .eyebrow { justify-content: center; }
.centered > p:last-child { max-width: 580px; margin: 22px auto 0; color: #8ca1a6; line-height: 1.65; }
.process-stage { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.12); }
.process-stage article { min-height: 305px; padding: 32px 28px; background: #071a35; position: relative; }
.process-stage article:hover { background: #0a2448; }
.process-stage article > span { display: grid; place-items: center; width: 39px; height: 39px; border: 1px solid rgba(32,185,242,.38); color: var(--aqua); border-radius: 50%; font: 500 9px var(--font-geist-mono), monospace; }
.process-stage h3 { margin: 85px 0 13px; font-size: 18px; font-weight: 580; }
.process-stage p { color: #81969b; font-size: 12px; line-height: 1.7; }
.process-line { position: absolute; left: 49px; right: 49px; top: 51px; height: 1px; background: linear-gradient(90deg, var(--aqua), rgba(43,127,226,.14)); z-index: 0; }
.process-stage article > * { position: relative; z-index: 1; }
.how-link { text-align: center; margin-top: 47px; }

.evidence-layout { display: grid; grid-template-columns: .86fr 1.14fr; gap: 110px; align-items: center; }
.evidence-copy > p:not(.eyebrow):not(.fine-print) { color: #334e55; font-size: 18px; line-height: 1.7; margin: 28px 0 15px; }
.evidence-copy strong { color: var(--ink); font-weight: 650; }
.fine-print { color: #708096; font-size: 11px; line-height: 1.6; margin: 0 0 30px; padding-left: 14px; border-left: 2px solid #78a9dc; }
.evidence-panel { background: var(--white); border: 1px solid #d4ddda; box-shadow: 0 25px 80px rgba(27,62,65,.08); }
.metric-main { padding: 32px 36px 28px; display: grid; grid-template-columns: 1fr auto; align-items: end; border-bottom: 1px solid #dce3e0; }
.metric-main > span { color: var(--muted); font: 500 10px var(--font-geist-mono), monospace; text-transform: uppercase; letter-spacing: .06em; align-self: start; }
.metric-main strong { font-size: 78px; line-height: .9; letter-spacing: -.07em; color: #167fc9; font-weight: 520; }
.metric-main strong small { font-size: 34px; }
.metric-main em { grid-column: 1 / -1; color: #77898d; font-size: 11px; font-style: normal; margin-top: 18px; }
.finding-list > div { min-height: 83px; display: grid; grid-template-columns: 48px 1fr; align-items: center; gap: 8px; padding: 12px 30px; border-bottom: 1px solid #e3e8e5; }
.finding-list > div > span { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; background: #e2f2ff; color: #167fc9; font: 500 8px var(--font-geist-mono), monospace; }
.finding-list p { display: flex; flex-direction: column; gap: 5px; }
.finding-list b { font-size: 13px; }
.finding-list small { color: #76888c; font-size: 10px; }
.panel-note { padding: 17px 30px; color: #8b999b; font: 500 8px var(--font-geist-mono), monospace; text-transform: uppercase; letter-spacing: .04em; }

.outcomes { background: #e9eff6; }
.split-heading.compact { grid-template-columns: 1.25fr .55fr; }
.outcome-grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 1px; background: #bdcadd; border: 1px solid #bdcadd; }
.outcome-grid article { background: var(--paper); min-height: 272px; padding: 28px; display: flex; flex-direction: column; }
.outcome-grid article > span { color: #6a8285; font: 500 9px var(--font-geist-mono), monospace; text-transform: uppercase; }
.outcome-grid h3 { margin: auto 0 12px; max-width: 310px; font-size: 25px; line-height: 1.15; letter-spacing: -.035em; font-weight: 560; }
.outcome-grid p { max-width: 330px; color: var(--muted); font-size: 12px; line-height: 1.6; }
.outcome-feature { grid-row: span 2; min-height: 545px !important; background: var(--navy-2) !important; color: white; }
.outcome-feature > span { color: var(--aqua) !important; }
.outcome-feature h3 { font-size: 38px; }
.outcome-feature p { color: #8ba0a5; }
.bars { display: flex; align-items: end; gap: 9px; height: 148px; margin: 40px 0 32px; border-bottom: 1px solid rgba(255,255,255,.13); }
.bars i { flex: 1; height: 50%; background: linear-gradient(to top, rgba(43,127,226,.18), rgba(32,185,242,.82)); }
.bars i:nth-child(2) { height: 73%; }.bars i:nth-child(3) { height: 62%;}.bars i:nth-child(4) { height: 86%;}.bars i:nth-child(5) { height: 58%;}.bars i:nth-child(6) { height: 48%;}.bars i:nth-child(7) { height: 37%; background: linear-gradient(to top, rgba(119,184,255,.15), rgba(119,184,255,.75)); }

.cta-section { background: #e9eff6; padding: 0 0 96px; }
.cta-card { min-height: 350px; padding: 64px 62px; background: linear-gradient(115deg, #0a315d, var(--navy)); color: white; display: grid; grid-template-columns: auto 1fr auto; gap: 60px; align-items: center; position: relative; overflow: hidden; }
.cta-copy { position: relative; z-index: 2; max-width: 690px; }
.cta-card h2 { font-size: clamp(40px, 4vw, 58px); }
.cta-copy > p:last-child { margin-top: 20px; max-width: 630px; color: #95a9ad; line-height: 1.65; }
.cta-card .button { position: relative; z-index: 2; }
.cta-orbit { width: 92px; height: 92px; position: relative; opacity: .7; }
.cta-orbit i { position: absolute; inset: 0; border: 1px solid rgba(32,185,242,.58); border-radius: 50%; transform: scaleX(.35); }
.cta-orbit i:nth-child(2) { transform: rotate(60deg) scaleX(.35); }
.cta-orbit i:nth-child(3) { transform: rotate(-60deg) scaleX(.35); }
.cta-card:after { content: ""; position: absolute; width: 450px; height: 450px; border: 1px solid rgba(32,185,242,.09); border-radius: 50%; right: -240px; top: -190px; box-shadow: 0 0 0 70px rgba(32,185,242,.03), 0 0 0 145px rgba(43,127,226,.02); }

.site-footer { background: var(--navy); color: white; padding: 72px 0 25px; border-top: 1px solid rgba(255,255,255,.1); }
.footer-grid { display: grid; grid-template-columns: 1fr 170px 210px; gap: 60px; padding-bottom: 70px; }
.footer-grid > div:first-child p { margin-top: 14px; color: #7f969b; font-size: 12px; }
.footer-links { display: flex; flex-direction: column; gap: 12px; color: #b9c7c9; font-size: 12px; }
.footer-links span { color: #60787d; font: 500 9px var(--font-geist-mono), monospace; text-transform: uppercase; margin-bottom: 5px; }
.footer-links a:hover { color: var(--aqua); }
.footer-bottom { display: flex; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.1); padding-top: 23px; color: #5f787d; font-size: 9px; }

/* Interior pages */
.inner-hero { position: relative; overflow: hidden; background: radial-gradient(circle at 78% 38%, #103d70 0, #082348 27%, var(--navy) 62%); color: white; padding-top: 84px; }
.inner-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px); background-size: 82px 82px; mask-image: linear-gradient(to bottom, black 10%, transparent 90%); }
.inner-hero-copy { position: relative; z-index: 2; padding-top: 120px; }
.inner-hero-copy h1 { margin: 25px 0; font-size: clamp(58px, 6.3vw, 92px); line-height: .97; letter-spacing: -.06em; font-weight: 510; }
.inner-hero-copy h1 em { color: var(--ice); font-style: normal; }
.inner-hero-copy > p:not(.eyebrow) { max-width: 670px; color: #9db0b4; font-size: 18px; line-height: 1.67; }
.inner-hero-copy > .button { margin-top: 35px; }

.platform-hero { min-height: 1060px; }
.platform-hero .inner-hero-copy { text-align: center; display: flex; flex-direction: column; align-items: center; }
.platform-hero .eyebrow { justify-content: center; }
.platform-hero h1 { font-size: clamp(62px, 7vw, 102px); }
.platform-screen { position: relative; z-index: 3; margin-top: 86px; }
.recommendation-ui { width: 100%; min-height: 516px; border: 1px solid rgba(133,204,255,.26); border-radius: 7px 7px 0 0; background: #09254a; box-shadow: 0 35px 100px rgba(0,0,0,.35); overflow: hidden; }
.ui-top { height: 57px; padding: 0 22px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(255,255,255,.1); color: #c1d0d2; font-size: 11px; }
.ui-top i { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--aqua); margin-right: 8px; }
.ui-top small { color: #668087; font: 500 8px var(--font-geist-mono), monospace; text-transform: uppercase; }
.ui-body { display: grid; grid-template-columns: 185px 1fr; min-height: 458px; }
.ui-body aside { padding: 27px 17px; display: flex; flex-direction: column; gap: 8px; border-right: 1px solid rgba(255,255,255,.09); background: #061b38; }
.ui-body aside span { padding: 11px 13px; color: #6e878d; font-size: 10px; border-radius: 3px; }
.ui-body aside span.active { color: white; background: rgba(32,185,242,.09); border-left: 2px solid var(--aqua); }
.ui-body aside b { float: right; min-width: 17px; height: 17px; display: inline-grid; place-items: center; border-radius: 50%; color: var(--aqua); background: rgba(32,185,242,.11); font-size: 8px; }
.ui-main { padding: 29px 33px; }
.ui-title { display: flex; justify-content: space-between; gap: 30px; align-items: center; }
.ui-title small { color: var(--aqua); font: 500 8px var(--font-geist-mono), monospace; text-transform: uppercase; }
.ui-title h3 { margin: 7px 0 0; font-size: 21px; font-weight: 570; }
.ui-title > span { color: var(--ice); border: 1px solid rgba(32,185,242,.27); padding: 7px 9px; font: 500 8px var(--font-geist-mono), monospace; text-transform: uppercase; }
.ui-metrics { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid rgba(255,255,255,.1); margin-top: 24px; }
.ui-metrics div { padding: 17px 18px; display: flex; flex-direction: column; gap: 6px; border-right: 1px solid rgba(255,255,255,.1); }
.ui-metrics div:last-child { border: 0; }
.ui-metrics small { color: #71888e; font-size: 8px; }
.ui-metrics b { font-size: 19px; font-weight: 540; }
.ui-metrics b.safe { color: var(--aqua); font-size: 13px; }
.ui-trace { margin-top: 18px; padding: 17px 18px; min-height: 156px; background: #071f40; border: 1px solid rgba(255,255,255,.08); position: relative; overflow: hidden; }
.ui-trace > span { color: #6d878d; font: 500 8px var(--font-geist-mono), monospace; text-transform: uppercase; }
.ui-trace p { width: 54%; margin-top: 10px; color: #b1c1c3; font-size: 10px; line-height: 1.55; }
.trace-plot { position: absolute; right: 18px; top: 20px; bottom: 20px; width: 39%; display: flex; align-items: flex-end; gap: 6px; border-bottom: 1px solid rgba(255,255,255,.1); }
.trace-plot i { flex: 1; height: 40%; background: rgba(119,184,255,.45); }
.trace-plot i:nth-child(2) {height:68%}.trace-plot i:nth-child(3) {height:43%}.trace-plot i:nth-child(4) {height:73%}.trace-plot i:nth-child(5) {height:82%;background:rgba(32,185,242,.75)}.trace-plot i:nth-child(6) {height:65%;background:rgba(32,185,242,.68)}.trace-plot i:nth-child(7) {height:51%;background:rgba(43,127,226,.6)}.trace-plot i:nth-child(8) {height:43%;background:rgba(43,127,226,.52)}.trace-plot i:nth-child(9) {height:38%;background:rgba(43,127,226,.46)}
.ui-action { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 18px; }
.ui-action div { display: flex; flex-direction: column; gap: 4px; }
.ui-action small { color: #688188; font-size: 8px; }
.ui-action p { color: #b7c5c7; font-size: 10px; }
.ui-action > span { color: var(--aqua); font-size: 9px; }
.principle-bar { background: #e8eef6; border-bottom: 1px solid #ccd8e6; }
.principle-bar > div { min-height: 127px; display: grid; grid-template-columns: 190px 1fr; gap: 50px; align-items: center; }
.principle-bar p { color: #5d7479; font: 500 9px var(--font-geist-mono), monospace; text-transform: uppercase; letter-spacing: .07em; }
.mini-diagram { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: 24px; }
.mini-diagram > div { display: grid; grid-template-columns: 33px 1fr; column-gap: 12px; }
.mini-diagram b { font-size: 11px; font-weight: 630; }
.mini-diagram small { grid-column: 2; color: #75868a; font-size: 9px; margin-top: 3px; }
.mini-diagram > i { color: #8aa19f; font-style: normal; }
.mini-icon { grid-row: span 2; width: 33px; height: 33px; border: 1px solid #81a8d3; position: relative; }
.mini-icon:before,.mini-icon:after { content:""; position:absolute; background:#4f83b9; }
.data-icon:before { width:17px;height:1px;left:7px;top:10px;box-shadow:0 5px #4f83b9,0 10px #4f83b9; }
.model-icon:before { width:7px;height:7px;border-radius:50%;left:12px;top:12px;box-shadow:-8px -7px 0 -2px #4f83b9,8px -7px 0 -2px #4f83b9,-8px 7px 0 -2px #4f83b9,8px 7px 0 -2px #4f83b9; }
.action-icon:before { width:15px;height:8px;left:8px;top:8px;border-left:1px solid #4f83b9;border-bottom:1px solid #4f83b9;background:transparent;transform:rotate(-45deg); }
.capability-rows { border-top: 1px solid #c7d3e1; }
.capability-rows article { min-height: 119px; display: grid; grid-template-columns: 90px 1fr 1.2fr 30px; align-items: center; gap: 30px; border-bottom: 1px solid #c7d3e1; }
.capability-rows article > span { color: #6d8588; font: 500 10px var(--font-geist-mono), monospace; }
.capability-rows h3 { font-size: 19px; font-weight: 590; letter-spacing: -.025em; }
.capability-rows p { color: var(--muted); font-size: 12px; line-height: 1.65; }
.capability-rows article > i { color: #6e908b; font-style: normal; }
.explainability { background: var(--navy); color: white; }
.explain-layout { display: grid; grid-template-columns: 1fr .84fr; gap: 110px; align-items: center; }
.evidence-stack { position: relative; padding: 20px 0; }
.evidence-stack:before { content:"";position:absolute;left:24px;top:22px;bottom:22px;width:1px;background:linear-gradient(var(--aqua),rgba(43,127,226,.12)); }
.evidence-stack > div { min-height: 89px; display: grid; grid-template-columns: 50px 1fr; align-items:center; column-gap:20px; padding: 12px 20px 12px 0; position:relative; }
.evidence-stack > div:before { content:"";width:9px;height:9px;border-radius:50%;background:#133a40;border:1px solid var(--aqua);position:absolute;left:20px;z-index:1; }
.evidence-stack span { grid-column:2;color:var(--aqua);font:500 8px var(--font-geist-mono),monospace;text-transform:uppercase; }
.evidence-stack b { grid-column:2;font-size:15px;margin-top:4px; }
.evidence-stack small { grid-column:2;color:#688187;font-size:9px;margin-top:4px; }
.explain-copy h2 { margin:18px 0 25px;font-size:clamp(43px,4.3vw,62px);line-height:1.04;letter-spacing:-.05em;font-weight:520; }
.explain-copy > p:not(.eyebrow) { color:#94a7ab;line-height:1.7; }
.explain-copy ul { list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:13px; }
.explain-copy li { color:#c5d0d2;font-size:11px;padding-left:18px;position:relative; }
.explain-copy li:before { content:"✓";position:absolute;left:0;color:var(--aqua); }
.dark-center h2 { color:var(--ink); }
.dark-center > p:last-child { color:var(--muted); }
.deployment-path { display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #c6d3e2; }
.deployment-path article { min-height:330px;padding:28px 25px;border-right:1px solid #c6d3e2;display:flex;flex-direction:column;position:relative; }
.deployment-path article:last-child{border:0}.deployment-path article.current{background:#e2f1ff;}
.deployment-path article > span{color:#657d9b;font:500 9px var(--font-geist-mono),monospace}.deployment-path article > small{position:absolute;right:20px;top:24px;color:#176fae;font:500 8px var(--font-geist-mono),monospace;text-transform:uppercase}.deployment-path h3{margin:auto 0 12px;font-size:21px;font-weight:580}.deployment-path p{color:var(--muted);font-size:11px;line-height:1.65}

/* Opportunity Scan */
.poc-hero { min-height: 760px; }
.poc-hero-layout { position:relative;z-index:2;display:grid;grid-template-columns:1.25fr .65fr;gap:110px;align-items:center;min-height:676px;padding-top:55px; }
.poc-hero-layout .inner-hero-copy { padding: 50px 0 70px; }
.poc-hero-layout h1 { font-size:clamp(58px,6vw,86px); }
.poc-summary-card { border:1px solid rgba(255,255,255,.17);background:rgba(7,29,61,.78);backdrop-filter:blur(15px);padding:25px 27px; }
.summary-label { display:block;color:#789096;font:500 9px var(--font-geist-mono),monospace;text-transform:uppercase;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.1); }
.poc-summary-card > div { display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:center;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.08); }
.poc-summary-card div small { width:28px;height:28px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(32,185,242,.28);color:var(--aqua);font:500 8px var(--font-geist-mono),monospace; }
.poc-summary-card div p { display:flex;flex-direction:column;gap:3px;color:#82989d;font-size:9px; }
.poc-summary-card div b { color:white;font-size:11px; }
.summary-note { margin-top:17px;color:var(--aqua);font-size:9px; }
.poc-step-grid { border-top:1px solid #c7d3e1; }
.poc-step-grid article { display:grid;grid-template-columns:80px 1fr;min-height:180px;border-bottom:1px solid #c7d3e1;padding:26px 0; }
.poc-step-grid article > span { color:#4b83bd;font:500 10px var(--font-geist-mono),monospace;padding-top:5px; }
.poc-step-grid article > div { display:grid;grid-template-columns:1fr 1.2fr 120px 1fr;gap:28px;align-items:start; }
.poc-step-grid h3 { margin:0;font-size:20px;font-weight:590;letter-spacing:-.025em; }
.poc-step-grid p { color:var(--muted);font-size:12px;line-height:1.65; }
.poc-step-grid small { color:#778a8d;font:500 8px var(--font-geist-mono),monospace;text-transform:uppercase;padding-top:5px; }
.poc-step-grid b { font-size:11px;font-weight:600;padding-top:3px; }
.data-section { background:var(--navy);color:white; }
.data-layout { display:grid;grid-template-columns:.75fr 1.25fr;gap:100px;align-items:center; }
.data-copy h2 { margin:18px 0 24px;font-size:clamp(43px,4.5vw,64px);line-height:1.04;letter-spacing:-.05em;font-weight:520; }
.data-copy > p:not(.eyebrow) { color:#91a5a9;line-height:1.7; }
.data-note { margin-top:22px!important;padding-left:15px;border-left:2px solid var(--aqua);font-size:11px; }
.data-table { border-top:1px solid rgba(255,255,255,.14); }
.data-table > div { min-height:88px;display:grid;grid-template-columns:150px 1fr;gap:30px;align-items:center;border-bottom:1px solid rgba(255,255,255,.14); }
.data-table b { color:#d1dbdc;font-size:12px; }
.data-table span { color:#7f959a;font-size:11px;line-height:1.55; }
.success-grid { display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #c7d3e1; }
.success-grid article { min-height:300px;padding:27px 25px;border-right:1px solid #c7d3e1;display:flex;flex-direction:column; }
.success-grid article:last-child{border:0}.success-grid span{color:#5e7fa5;font:500 9px var(--font-geist-mono),monospace}.success-grid h3{margin:auto 0 13px;font-size:20px;font-weight:590}.success-grid p{color:var(--muted);font-size:11px;line-height:1.65}
.poc-proof { background:#e9eff6; }
.poc-proof-card { display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;background:var(--navy-2);color:white;padding:62px; }
.poc-proof-card h2 { margin:24px 0 0;color:var(--aqua);font-size:82px;letter-spacing:-.07em;font-weight:520; }
.poc-proof-card h2 small { display:block;color:#c5d1d3;font-size:14px;letter-spacing:0;font-weight:500;margin-top:10px; }
.poc-proof-card > div:last-child > p { color:#a6b6b9;font-size:17px;line-height:1.7; }
.poc-proof-card ul { margin:26px 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px; }
.poc-proof-card li { padding:8px 10px;border:1px solid rgba(32,185,242,.28);color:var(--ice);font-size:9px; }
.proof-disclaimer { display:block;color:#637d82;font-size:9px;line-height:1.6; }

/* About */
.about-hero { min-height: 690px; }
.about-hero-layout { position:relative;z-index:2;display:grid;grid-template-columns:1fr .8fr;gap:100px;align-items:end;min-height:606px;padding-bottom:100px; }
.about-hero-layout .inner-hero-copy { padding:0; }
.about-intro { padding-bottom:7px;display:flex;flex-direction:column;gap:22px;color:#a0b2b6;font-size:17px;line-height:1.7; }
.belief-layout { display:grid;grid-template-columns:1.25fr .65fr;gap:120px;align-items:center; }
.belief-layout h2 { margin:18px 0 0;font-size:clamp(45px,5vw,70px);line-height:1.03;letter-spacing:-.055em;font-weight:520; }
.belief-layout > div:last-child { display:flex;flex-direction:column;gap:20px;color:var(--muted);line-height:1.75; }
.principles { background:var(--navy);color:white; }
.principles .split-heading > p { color:#81969a; }
.principles-grid { display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.13); }
.principles-grid article { min-height:350px;padding:28px 25px;border-right:1px solid rgba(255,255,255,.13);display:flex;flex-direction:column; }
.principles-grid article:last-child{border:0}.principles-grid span{color:var(--aqua);font:500 9px var(--font-geist-mono),monospace}.principles-grid h3{margin:auto 0 13px;font-size:21px;font-weight:580}.principles-grid p{color:#7f969b;font-size:11px;line-height:1.7}
.intersection-layout { display:grid;grid-template-columns:1fr .85fr;gap:120px;align-items:center; }
.intersection-layout > div:last-child h2 { margin:18px 0 28px;font-size:clamp(43px,4.5vw,64px);line-height:1.04;letter-spacing:-.05em;font-weight:520; }
.intersection-layout > div:last-child > p:not(.eyebrow) { color:var(--muted);line-height:1.75;margin-top:16px; }
.intersection-graphic { height:480px;position:relative; }
.intersection-graphic > div { position:absolute;width:255px;height:255px;border:1px solid #759ac4;border-radius:50%;display:grid;place-items:center;color:#4f7299;font:500 10px/1.5 var(--font-geist-mono),monospace;text-transform:uppercase;text-align:center; }
.intersection-graphic > div:nth-child(1){left:50%;top:0;transform:translateX(-50%)}.intersection-graphic > div:nth-child(2){left:55px;bottom:0}.intersection-graphic > div:nth-child(3){right:55px;bottom:0}.intersection-graphic b{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:var(--aqua);font-size:22px;font-weight:550}
.vision { background:#e9eff6;padding-bottom:0; }
.vision-card { background:var(--navy);color:white;padding:70px 65px; }
.vision-card h2 { margin:22px 0 60px;max-width:970px;font-size:clamp(42px,5vw,70px);line-height:1.06;letter-spacing:-.05em;font-weight:510; }
.vision-steps { display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.13);padding-top:25px;color:#b6c5c7;font:500 10px var(--font-geist-mono),monospace;text-transform:uppercase; }
.vision-steps i { color:var(--aqua);font-style:normal; }

/* Contact */
.contact-page { min-height:980px;padding-top:84px;background:radial-gradient(circle at 15% 60%,#103b6b 0,#082348 31%,var(--navy) 64%);color:white;position:relative;overflow:hidden; }
.contact-layout { position:relative;z-index:2;display:grid;grid-template-columns:.85fr 1fr;gap:120px;padding:120px 0 100px; }
.contact-copy h1 { margin:24px 0 26px;font-size:clamp(57px,6vw,85px);line-height:.98;letter-spacing:-.06em;font-weight:510; }
.contact-copy > p:not(.eyebrow) { color:#9db0b4;font-size:17px;line-height:1.7;max-width:560px; }
.email-link { margin-top:38px;padding:17px 0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center; }
.email-link small{color:#718a8f;font-size:9px}.email-link b{font-size:13px}.email-link span{color:var(--aqua)}
.contact-expect { margin-top:58px; }
.contact-expect > span { color:#6e878c;font:500 9px var(--font-geist-mono),monospace;text-transform:uppercase; }
.contact-expect ol { list-style:none;margin:18px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.1); }
.contact-expect li { padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:130px 1fr;gap:20px; }
.contact-expect b{font-size:11px}.contact-expect small{color:#71898e;font-size:9px}
.contact-form { background:#f4f5ef;color:var(--ink);padding:37px 38px;box-shadow:0 30px 90px rgba(0,0,0,.25); }
.form-head { display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid #ccd5d2;margin-bottom:25px; }
.form-head span{font-size:15px;font-weight:630}.form-head small{color:#859598;font-size:8px}
.contact-form label { display:flex;flex-direction:column;gap:8px;margin-bottom:18px; }
.contact-form label > span { color:#596e73;font-size:9px;font-weight:620;text-transform:uppercase;letter-spacing:.04em; }
.contact-form input,.contact-form textarea,.contact-form select { width:100%;border:1px solid #c9d3d0;background:#fff;padding:13px 14px;color:var(--ink);font:400 12px var(--font-geist-sans),sans-serif;border-radius:0;outline:none; }
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#2b8ed8;box-shadow:0 0 0 2px rgba(43,142,216,.12)}
.contact-form textarea{resize:vertical}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form .button{border:0;cursor:pointer;width:100%;margin-top:5px}.form-note{margin-top:13px;color:#8a989a;font-size:8px;line-height:1.5}

@media (max-width: 1100px) {
  .hero-layout { grid-template-columns: 54% 46%; }
  .signal-chart { width: 470px; }
  .floating-top { right: -18px; }
  .trust-grid { gap: 18px; }
  .trust-grid span { font-size: 9px; }
  .cta-card { grid-template-columns: 1fr auto; }
  .cta-orbit { display: none; }
}

@media (max-width: 900px) {
  .shell { width: min(100% - 34px, var(--max)); }
  .desktop-nav, .button-nav { display: none; }
  .nav-wrap { grid-template-columns: 1fr auto; }
  .mobile-nav { display: block; position: relative; }
  .mobile-nav summary { width: 42px; height: 42px; display: grid; place-content: center; gap: 6px; border: 1px solid rgba(255,255,255,.25); list-style: none; cursor: pointer; }
  .mobile-nav summary::-webkit-details-marker { display: none; }
  .mobile-nav summary span { display: block; width: 18px; height: 1px; background: white; }
  .mobile-nav nav { position: absolute; right: 0; top: 49px; width: 220px; padding: 20px; display: flex; flex-direction: column; gap: 17px; background: #071d3a; border: 1px solid rgba(255,255,255,.15); color: white; }
  .hero { min-height: auto; }
  .hero-layout { display: block; padding: 90px 0 80px; }
  .hero-copy { padding: 40px 0; }
  .hero-visual { height: 590px; padding-left: 8%; }
  .signal-chart { width: 88%; }
  .floating-top { right: 0; }
  .floating-bottom { left: 0; bottom: 50px; }
  .trust-grid { grid-template-columns: repeat(3, 1fr); padding: 26px 0; }
  .trust-grid p { grid-column: 1 / -1; max-width: none; }
  .section-pad { padding: 96px 0; }
  .split-heading, .evidence-layout { grid-template-columns: 1fr; gap: 32px; }
  .problem-grid { grid-template-columns: 1fr; }
  .problem-grid article { min-height: 330px; }
  .process-stage { grid-template-columns: repeat(2,1fr); }
  .process-line { display: none; }
  .outcome-grid { grid-template-columns: 1fr 1fr; }
  .outcome-feature { grid-row: auto; grid-column: 1 / -1; min-height: 460px !important; }
  .cta-card { grid-template-columns: 1fr; padding: 48px 40px; }
  .cta-card .button { justify-self: start; }
  .platform-hero { min-height: 980px; }
  .ui-body { grid-template-columns: 130px 1fr; }
  .principle-bar > div { grid-template-columns:1fr;padding:27px 0;gap:20px; }
  .capability-rows article { grid-template-columns:55px 1fr;gap:14px;padding:22px 0; }
  .capability-rows p { grid-column:2; }.capability-rows article>i{display:none}
  .explain-layout,.data-layout,.intersection-layout,.contact-layout { grid-template-columns:1fr;gap:60px; }
  .deployment-path,.success-grid,.principles-grid { grid-template-columns:1fr 1fr; }
  .deployment-path article,.success-grid article,.principles-grid article{border-bottom:1px solid #c6d3e2}.principles-grid article{border-color:rgba(255,255,255,.13)}
  .poc-hero-layout,.about-hero-layout,.belief-layout { grid-template-columns:1fr;gap:50px; }
  .poc-hero-layout { padding:110px 0 80px; }.poc-hero-layout .inner-hero-copy{padding:30px 0}.poc-summary-card{max-width:560px}
  .poc-step-grid article > div { grid-template-columns:1fr 1fr; }.poc-step-grid small{grid-column:1}.poc-proof-card{grid-template-columns:1fr;gap:45px}
  .about-hero-layout { padding:130px 0 80px;align-items:start }.about-hero-layout .inner-hero-copy{padding:0}.about-intro{max-width:650px}
  .contact-layout{padding-top:90px}.contact-copy{max-width:650px}.contact-form{max-width:700px;width:100%}
}

@media (max-width: 580px) {
  .hero h1 { font-size: 52px; }
  .hero-lede { font-size: 16px; }
  .button-row { align-items: flex-start; flex-direction: column; }
  .hero-proof { grid-template-columns: 1fr; gap: 14px; margin-top: 44px; }
  .hero-visual { height: 500px; padding: 0; }
  .signal-chart { width: 100%; min-height: 440px; padding: 17px; transform: none; }
  .floating-card { display: none; }
  .trust-grid { grid-template-columns: 1fr 1fr; }
  .section-pad { padding: 76px 0; }
  .section-heading h2, .evidence h2 { font-size: 41px; }
  .problem-grid article { min-height: 360px; }
  .process-stage { grid-template-columns: 1fr; }
  .process-stage article { min-height: 260px; }
  .process-stage h3 { margin-top: 60px; }
  .metric-main { padding: 27px 24px; }
  .metric-main strong { font-size: 62px; }
  .outcome-grid { grid-template-columns: 1fr; }
  .outcome-feature { grid-column: auto; }
  .cta-card { padding: 42px 28px; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-grid > div:first-child { grid-column: 1 / -1; }
  .footer-bottom { flex-direction: column; gap: 8px; }
}

@media (max-width: 680px) {
  .inner-hero-copy { padding-top:90px; }.inner-hero-copy h1{font-size:52px}
  .platform-hero{min-height:850px}.platform-screen{margin-top:55px}.recommendation-ui{min-height:460px}.ui-body{grid-template-columns:1fr}.ui-body aside{display:none}.ui-main{padding:22px 18px}.ui-title{align-items:flex-start}.ui-title h3{font-size:16px}.ui-title>span{display:none}.ui-metrics div{padding:13px 10px}.ui-metrics b{font-size:15px}.ui-trace p{width:100%}.trace-plot{display:none}
  .mini-diagram{grid-template-columns:1fr;gap:13px}.mini-diagram>i{transform:rotate(90deg);justify-self:center}.deployment-path,.success-grid,.principles-grid{grid-template-columns:1fr}.deployment-path article,.success-grid article,.principles-grid article{min-height:250px;border-right:0}
  .poc-hero-layout h1{font-size:50px}.poc-step-grid article{grid-template-columns:45px 1fr}.poc-step-grid article>div{grid-template-columns:1fr}.poc-step-grid small{grid-column:auto;margin-top:10px}.data-table>div{grid-template-columns:1fr;gap:8px;padding:20px 0}.poc-proof-card{padding:38px 28px}.poc-proof-card h2{font-size:65px}
  .about-hero-layout{padding-top:115px}.intersection-graphic{transform:scale(.72);margin:-50px -70px}.vision-card{padding:45px 28px}.vision-steps{display:grid;grid-template-columns:1fr auto;gap:16px}.vision-steps i{display:none}
  .contact-layout{padding-top:80px}.contact-copy h1{font-size:52px}.contact-form{padding:30px 22px}.form-two{grid-template-columns:1fr}.email-link{grid-template-columns:1fr auto}.email-link small{grid-column:1/-1}.contact-expect li{grid-template-columns:1fr;gap:5px}
}