:root {
  --ink: #07111f;
  --ink-2: #0b1729;
  --ink-3: #12223a;
  --paper: #f7f8fc;
  --paper-2: #eef1f8;
  --text: #fbfcff;
  --muted: #9aa8bb;
  --line: rgba(255,255,255,.12);
  --indigo: #7d8cff;
  --indigo-2: #5969ea;
  --cyan: #68d8ff;
  --coral: #ff9b7a;
  --dark-text: #101a2c;
  --dark-muted: #667184;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--text); background: var(--ink); font-family: "DM Sans", sans-serif; overflow-x: hidden; }
button, input, select { font: inherit; }
button, select { cursor: pointer; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, p { margin-top: 0; }
.shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; position: relative; z-index: 2; }
.ambient { position: absolute; width: 650px; height: 650px; border-radius: 50%; filter: blur(145px); pointer-events: none; opacity: .13; }
.ambient-one { background: #546dff; right: -330px; top: -40px; }
.ambient-two { background: #64d8ff; left: -420px; top: 760px; opacity: .06; }

.site-header { min-height: 84px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 36px; border-bottom: 1px solid var(--line); }
.brand { display: inline-flex; align-items: center; gap: 11px; font: 800 20px/1 "Manrope", sans-serif; letter-spacing: -.5px; }
.brand-mark, .railora-node-icon { display: flex; align-items: flex-end; gap: 3px; width: 25px; height: 24px; transform: skew(-11deg); }
.brand-mark span, .railora-node-icon i { display: block; width: 6px; border-radius: 2px 2px 0 0; background: linear-gradient(180deg, var(--cyan), var(--indigo)); }
.brand-mark span:nth-child(1), .railora-node-icon i:nth-child(1) { height: 11px; }
.brand-mark span:nth-child(2), .railora-node-icon i:nth-child(2) { height: 18px; }
.brand-mark span:nth-child(3), .railora-node-icon i:nth-child(3) { height: 24px; }
.main-nav { display: flex; justify-content: center; align-items: center; gap: 28px; }
.main-nav a { color: #b8c2d0; font-size: 14px; transition: color .2s; }
.main-nav a:hover { color: #fff; }
.header-actions { display: flex; align-items: center; gap: 12px; }
.header-link { color:#aeb9c8; font-size:12px; transition:color .2s; }
.header-link:hover { color:#fff; }
.prototype-badge { color: #aeb9c8; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
.small-button { padding: 10px 13px; border: 1px solid rgba(255,255,255,.16); border-radius: 8px; font-size: 13px; font-weight: 700; background: rgba(255,255,255,.04); }

.eyebrow { margin: 0 0 19px; color: #8999ad; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.eyebrow span { color: #aeb8ff; }
.hero { min-height: 690px; display: grid; grid-template-columns: .92fr 1.08fr; gap: 72px; align-items: center; padding-block: 72px 80px; }
.hero-copy { align-self: center; }
h1 { max-width: 690px; margin-bottom: 27px; font: 700 clamp(52px, 6vw, 82px)/.99 "Manrope", sans-serif; letter-spacing: -.06em; }
h1 em { color: transparent; font-style: normal; background: linear-gradient(90deg, #b1b9ff, #64d9ff); background-clip: text; -webkit-background-clip: text; }
.hero-lede { max-width: 620px; color: #b0bdca; font-size: 18px; line-height: 1.65; }
.hero-points { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.hero-points span { padding: 9px 12px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; color: #d3dae4; font-size: 13px; background: rgba(255,255,255,.035); }
.hero-note { margin: 20px 0 0; color: #718198; font-size: 13px; line-height: 1.5; }

.quote-card { position: relative; padding: 30px; border: 1px solid rgba(151,163,255,.26); border-radius: 22px; color: var(--dark-text); background: linear-gradient(180deg,#fff,#f7f8fc); box-shadow: 0 35px 90px rgba(0,0,0,.3), 0 0 0 8px rgba(128,143,255,.035); overflow: hidden; }
.quote-card::before { content:""; position:absolute; top:0; left:0; right:0; height:3px; background: linear-gradient(90deg,var(--indigo),var(--cyan),var(--coral)); }
.quote-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 25px; }
.quote-kicker { display: block; margin-bottom: 6px; color: #677287; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; }
.quote-card h2 { margin: 0; font: 700 29px/1.15 "Manrope", sans-serif; letter-spacing: -.035em; }
.secure-pill { flex: 0 0 auto; padding: 8px 10px; border-radius: 999px; color: #4d5cb8; background: #eef0ff; font-size: 11px; font-weight: 700; }
.quote-label { display: block; margin-bottom: 8px; color: #626f83; font-size: 13px; font-weight: 700; }
.quote-input-row { height: 66px; display: grid; grid-template-columns: 1fr 118px; align-items: center; border: 1px solid #d5dae5; border-radius: 12px; background: white; overflow: hidden; transition: border .2s, box-shadow .2s; }
.quote-input-row:focus-within { border-color: #8793f1; box-shadow: 0 0 0 4px rgba(125,140,255,.1); }
.quote-input-row input { min-width: 0; width: 100%; height: 100%; padding: 0 18px; border: 0; outline: 0; color: #111a2a; background: transparent; font: 700 27px "Manrope", sans-serif; }
.quote-input-row select { height: calc(100% - 10px); margin-right: 5px; padding: 0 14px; border: 0; border-radius: 9px; outline: 0; color: #fff; background: var(--ink-2); font-size: 14px; font-weight: 700; }
.route-connector { height: 34px; position: relative; display: flex; justify-content: center; }
.route-connector span { position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; background: #d9dde7; }
.route-connector i { position: relative; z-index: 1; align-self: center; width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; color: #6370d8; background: #eef0ff; font-size: 12px; font-style: normal; }
.quote-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.quote-grid select { width: 100%; height: 52px; padding: 0 13px; border: 1px solid #d5dae5; border-radius: 10px; outline: 0; color: #1c2738; background: white; font-size: 14px; }
.receive-panel { margin-top: 15px; padding: 18px; border: 1px solid #dfe3ff; border-radius: 13px; background: linear-gradient(135deg,#f0f2ff,#edf8ff); }
.receive-panel span { display: block; color: #667287; font-size: 13px; font-weight: 700; }
.receive-panel strong { display: block; margin: 4px 0; color: #3445b2; font: 700 29px "Manrope", sans-serif; letter-spacing: -.03em; }
.receive-panel small { color: #6e7a8d; font-size: 13px; }
.quote-breakdown { margin: 17px 0; }
.quote-breakdown div { display: flex; justify-content: space-between; gap: 20px; padding: 6px 0; color: #778397; font-size: 13px; }
.quote-breakdown strong { color: #344052; font-weight: 700; text-align: right; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 16px; padding: 15px 18px; border: 0; border-radius: 9px; font-size: 14px; font-weight: 700; transition: transform .2s, filter .2s; }
.button:hover { transform: translateY(-2px); filter: brightness(1.05); }
.button-primary { color: white; background: linear-gradient(135deg,#7686ff,#5868e8); box-shadow: 0 14px 35px rgba(77,94,214,.26); }
.quote-button { width: 100%; }
.quote-button.confirmed { background: linear-gradient(135deg,#3345b6,#253487); }

.trust-strip { min-height: 95px; display: grid; grid-template-columns: repeat(3,1fr); align-items: center; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.trust-strip div { min-height: 38px; display: flex; align-items: center; gap: 13px; padding: 0 26px; border-right: 1px solid var(--line); }
.trust-strip div:first-child { padding-left: 0; }
.trust-strip div:last-child { border-right: 0; }
.trust-strip span { color: #6f7c93; font: 700 12px "Manrope", sans-serif; }
.trust-strip strong { color: #c4ceda; font-size: 14px; font-weight: 600; }

.audience-section, .products-section, .corridor-section { padding-top: 105px; }
.section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 48px; margin-bottom: 40px; }
.section-heading h2 { max-width: 760px; margin-bottom: 0; font: 700 clamp(36px,4.2vw,55px)/1.04 "Manrope", sans-serif; letter-spacing: -.05em; }
.section-heading > p { max-width: 420px; margin: 0; color: #8493a7; font-size: 15px; line-height: 1.65; }
.section-heading.compact h2 { font-size: clamp(34px,3.8vw,50px); }
.audience-tabs { display: grid; grid-template-columns: repeat(4,1fr); border-bottom: 1px solid var(--line); }
.audience-tab { padding: 17px 10px; border: 0; border-bottom: 2px solid transparent; color: #7f8da1; background: transparent; font-size: 14px; font-weight: 700; }
.audience-tab.active { color: #fff; border-bottom-color: var(--cyan); }
.audience-stage { min-height: 410px; display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; align-items: center; padding: 54px; border: 1px solid var(--line); border-top: 0; border-radius: 0 0 18px 18px; background: radial-gradient(circle at 82% 18%,rgba(102,120,255,.16),transparent 35%),linear-gradient(135deg,#0d192d,#091423); }
.audience-index { display: block; margin-bottom: 22px; color: #8f9cff; font: 700 12px "Manrope", sans-serif; letter-spacing: .12em; }
.audience-copy h3 { margin-bottom: 17px; font: 700 clamp(29px,3vw,42px)/1.1 "Manrope",sans-serif; letter-spacing: -.04em; }
.audience-copy p { color: #9eacbc; font-size: 16px; line-height: 1.65; }
.audience-copy ul { display: grid; gap: 10px; margin: 24px 0 0; padding: 0; list-style: none; }
.audience-copy li { color: #c5cfda; font-size: 14px; }
.audience-copy li::before { content:"—"; margin-right: 9px; color: #7d8cff; }
.audience-console { border: 1px solid rgba(255,255,255,.13); border-radius: 14px; background: rgba(7,16,31,.68); box-shadow: 0 25px 60px rgba(0,0,0,.2); overflow: hidden; }
.console-top { display: flex; align-items: center; justify-content: space-between; padding: 15px 18px; border-bottom: 1px solid var(--line); color: #8898ac; font-size: 12px; font-weight: 700; letter-spacing: .09em; }
.console-top i { padding: 5px 8px; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; color: #99a7b9; font-size: 10px; font-style: normal; }
.console-route { min-height: 155px; display: grid; grid-template-columns: 1fr 40px 1fr; align-items: center; padding: 24px; }
.console-route > span { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; color: var(--cyan); background: rgba(104,216,255,.1); }
.console-route div { min-width: 0; }
.console-route small { display: block; margin-bottom: 8px; color: #74849a; font-size: 11px; letter-spacing: .08em; }
.console-route strong { display: block; overflow: hidden; text-overflow: ellipsis; color: #fff; font: 700 21px "Manrope", sans-serif; white-space: nowrap; }
.console-statuses { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); }
.console-statuses span { position: relative; padding: 15px 10px 15px 28px; color: #708096; font-size: 11px; border-right: 1px solid var(--line); }
.console-statuses span:last-child { border-right: 0; }
.console-statuses span::before { content:""; position:absolute; left:13px; top:19px; width:6px; height:6px; border-radius:50%; background:#41516a; }
.console-statuses .done { color: #a9b6c5; }.console-statuses .done::before { background: var(--indigo); }
.console-statuses .active { color: #dbe2eb; }.console-statuses .active::before { background: var(--cyan); box-shadow:0 0 12px rgba(104,216,255,.8); }

.demo-section { margin-top: 110px; padding: 100px 0 108px; color: var(--dark-text); background: var(--paper); }
.demo-section .section-heading > p { color: #697487; }
.demo-section .eyebrow { color: #687487; }.demo-section .eyebrow span { color: #5969dc; }
.scenario-tabs { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid #d8dde8; border-bottom: 0; border-radius: 12px 12px 0 0; overflow: hidden; }
.scenario-tab { min-width: 0; display: flex; align-items: center; gap: 12px; padding: 18px; border: 0; border-right: 1px solid #d8dde8; color: #384457; background: #eef1f7; text-align: left; }
.scenario-tab:last-child { border-right: 0; }
.scenario-tab.active { color: #fff; background: var(--ink-2); }
.tab-index { color: #7b8698; font: 700 11px "Manrope",sans-serif; letter-spacing: .1em; }
.scenario-tab.active .tab-index { color: #aeb8ff; }
.scenario-tab strong { display: block; font: 700 14px "Manrope",sans-serif; }
.scenario-tab small { display: block; margin-top: 4px; color: #8994a5; font-size: 11px; }
.demo-card { display: grid; grid-template-columns: minmax(0,1.58fr) minmax(320px,.72fr); border: 1px solid #d8dde8; border-radius: 0 0 15px 15px; overflow: hidden; box-shadow: 0 28px 70px rgba(21,31,47,.1); }
.flow-panel { min-width: 0; padding: 38px; color: #fff; background: linear-gradient(145deg,#0d1a2e,#081321); }
.flow-topline { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.live-indicator { color: #9dacff; font-size: 11px; font-weight: 700; letter-spacing: .14em; }
.live-indicator::before { content:""; display:inline-block; width:7px; height:7px; margin-right:8px; border-radius:50%; background:var(--cyan); box-shadow:0 0 12px rgba(104,216,255,.8); }
.flow-topline h3 { margin: 12px 0 0; font: 700 clamp(27px,3vw,39px)/1.1 "Manrope",sans-serif; letter-spacing: -.04em; }
.replay-button { padding: 10px 13px; border: 1px solid rgba(255,255,255,.13); border-radius: 8px; color: #b8c3d0; background: rgba(255,255,255,.035); font-size: 12px; }
.flow-canvas { position: relative; min-height: 220px; display: grid; grid-template-columns: repeat(4,1fr); align-items: center; gap: 15px; margin: 25px 0 18px; }
.flow-line { position: absolute; left: 7%; right: 7%; top: calc(50% - 17px); height: 1px; background: linear-gradient(90deg,rgba(125,140,255,.24),rgba(104,216,255,.76),rgba(125,140,255,.24)); }
.flow-node { position: relative; z-index: 2; min-width: 0; display: flex; flex-direction: column; align-items: center; text-align: center; opacity: .4; transition: opacity .25s, transform .25s; }
.flow-node.active, .flow-node.complete { opacity: 1; }.flow-node.active { transform: translateY(-4px); }
.node-icon { width: 58px; height: 58px; display: grid; place-items: center; margin-bottom: 12px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; color: #aeb9ca; background: #0d1b30; font: 700 18px "Manrope",sans-serif; }
.flow-node.active .node-icon { border-color: #8c99ff; box-shadow: 0 0 0 8px rgba(125,140,255,.06),0 0 30px rgba(104,216,255,.16); }
.platform-node .node-icon { background: linear-gradient(145deg,#7d8cff,#5869e7); }
.railora-node-icon { display: flex; padding: 15px; align-items: flex-end; justify-content: center; }
.railora-node-icon i { width: 4px; background: var(--ink); }
.railora-node-icon i:nth-child(1){height:10px}.railora-node-icon i:nth-child(2){height:17px}.railora-node-icon i:nth-child(3){height:23px}
.node-step { color: #61738c; font-size: 10px; font-weight: 700; letter-spacing: .12em; }
.flow-node strong { margin-top: 5px; font: 700 14px "Manrope",sans-serif; }
.flow-node small { max-width: 130px; margin-top: 5px; color: #8191a5; font-size: 11px; line-height: 1.4; }
.flow-value-pill { position:absolute; z-index:4; left:5%; top:43px; padding:6px 9px; border-radius:999px; color:#fff; background:#6575ed; font-size:10px; font-weight:700; box-shadow:0 5px 18px rgba(89,105,234,.35); transition:left .45s; }
.packet { position:absolute; z-index:3; top:calc(50% - 20px); width:7px; height:7px; border-radius:50%; background:var(--cyan); box-shadow:0 0 12px rgba(104,216,255,.9); opacity:0; }
.flow-canvas.animating .p-one{animation:hop1 1.7s ease-in-out forwards}.flow-canvas.animating .p-two{animation:hop2 1.7s .65s ease-in-out forwards}.flow-canvas.animating .p-three{animation:hop3 1.7s 1.3s ease-in-out forwards}
@keyframes hop1{0%{left:11%;opacity:0}15%{opacity:1}100%{left:36%;opacity:0}}@keyframes hop2{0%{left:36%;opacity:0}15%{opacity:1}100%{left:63%;opacity:0}}@keyframes hop3{0%{left:63%;opacity:0}15%{opacity:1}100%{left:88%;opacity:0}}
.flow-story { min-height: 94px; display: grid; grid-template-columns: 48px 1fr; gap: 16px; align-items: start; padding: 18px; border: 1px solid rgba(255,255,255,.1); border-radius: 10px; background: rgba(255,255,255,.03); }
.story-number { width: 44px; height: 44px; display:grid; place-items:center; border-radius:8px; color:#b0baff; background:rgba(125,140,255,.15); font-size:12px; font-weight:700; }
.flow-story strong { font: 700 14px "Manrope",sans-serif; }.flow-story p { margin:5px 0 0; color:#8e9caf; font-size:13px; line-height:1.5; }
.capability-strip { display:flex; flex-wrap:wrap; gap:22px; margin-top:18px; color:#7f8ea1; font-size:12px; }
.capability-strip span::before { content:"✓"; margin-right:7px; color:#87dcff; }
.config-panel { padding: 32px; background: #fff; }
.config-heading { display:flex; justify-content:space-between; align-items:flex-start; padding-bottom:20px; margin-bottom:22px; border-bottom:1px solid #e1e5ed; }
.config-heading p { margin-bottom:5px; color:#8390a1; font-size:11px; text-transform:uppercase; letter-spacing:.12em; }
.config-heading h3 { margin:0; font:700 21px "Manrope",sans-serif; }
.config-heading > span { padding:7px 9px; border-radius:7px; color:#5261c7; background:#eef0ff; font-size:11px; font-weight:700; }
.field-label { display:block; margin-bottom:8px; color:#5f6b7c; font-size:13px; font-weight:700; }
.money-input { height:55px; display:flex; align-items:center; padding:0 13px; border:1px solid #d5dae4; border-radius:10px; }
.money-input input { min-width:0; flex:1; border:0; outline:0; color:#111a2a; font:700 22px "Manrope",sans-serif; }
.currency-tag { color:#6672d9; font-size:12px; font-weight:700; }
.range { width:100%; margin:16px 0 2px; accent-color:var(--indigo-2); }.range-accent{margin-top:5px;}
.range-scale { display:flex; justify-content:space-between; color:#9aa4b1; font-size:11px; }
.config-group { margin-top:23px; }.inline-label { display:flex; align-items:baseline; justify-content:space-between; }.inline-label output{color:#5868d8;font-size:13px;font-weight:700;}
.segmented { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; }
.speed-button { padding:10px 4px; border:1px solid #dce0e8; border-radius:8px; color:#5b6779; background:#f2f4f8; font-size:12px; }
.speed-button small { display:block; margin-top:3px; color:#909aa8; font-size:10px; }.speed-button.active{border-color:var(--ink);color:#fff;background:var(--ink);}.speed-button.active small{color:#aeb8ff;}
.economics { margin-top:24px; padding:15px 0 8px; border-top:1px solid #e1e5ed; border-bottom:1px solid #e1e5ed; }
.economics > div { display:flex; justify-content:space-between; gap:16px; margin-bottom:10px; color:#778295; font-size:12px; }.economics strong{color:#384456;text-align:right;}.economics-total{padding-top:10px;border-top:1px dashed #d8dde5;color:#223047!important;}.economics-total strong{color:#4e5fd3;font-size:14px;}
.settlement-result { display:grid; grid-template-columns:36px 1fr auto; align-items:center; gap:10px; margin-top:17px; padding:12px; border:1px solid #dde1ff; border-radius:9px; background:#f0f2ff; }
.settlement-icon { width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#6676ee;font-weight:700;}.settlement-result small{display:block;color:#77819c;font-size:10px;letter-spacing:.09em;}.settlement-result strong{font-size:13px;}.result-status{color:#5262d2;font-size:10px;font-weight:700;}.fine-print{margin:12px 0 0;color:#9099a6;font-size:11px;line-height:1.5;}

.product-grid { display:grid; grid-template-columns:1.15fr 1fr 1fr; gap:15px; }
.product-card { min-height:380px; position:relative; padding:32px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.025); }
.product-card.featured { color:var(--dark-text); border-color:#d3d8ff; background:linear-gradient(145deg,#f4f5ff,#e1e5ff); }
.product-number { position:absolute; top:26px; right:27px; color:#607087; font-size:12px; font-weight:700; }.featured .product-number{color:#6875bf;}
.product-label { margin-bottom:62px;color:#8f9cff;font-size:11px;font-weight:700;letter-spacing:.13em;}.featured .product-label{color:#5968cc;}
.product-card h3 { margin-bottom:15px;font:700 24px/1.17 "Manrope",sans-serif;letter-spacing:-.03em;}.product-card > p:not(.product-label){color:#8d9bad;font-size:14px;line-height:1.65;}.featured > p:not(.product-label){color:#56627b;}
.product-card ul { display:grid; gap:9px; margin:27px 0 0; padding:18px 0 0; border-top:1px solid var(--line); list-style:none; }.product-card li{color:#bdc7d3;font-size:13px;}.product-card li::before{content:"＋";margin-right:8px;color:#96a2ff;}
.product-route { display:flex; align-items:center; margin-top:32px; color:#25304a;font-size:11px;font-weight:700;letter-spacing:.08em;}.product-route i{flex:1;height:1px;margin:0 8px;background:#8d96bc;position:relative}.product-route i::after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:#5968d8;}

.developer-section { margin-top:110px; padding:98px 0; background:linear-gradient(130deg,#101d35,#08131f); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.developer-grid { display:grid; grid-template-columns:.92fr 1.08fr; gap:80px; align-items:center; }.developer-copy h2{margin-bottom:20px;font:700 clamp(38px,4.5vw,57px)/1.04 "Manrope",sans-serif;letter-spacing:-.05em;}.developer-copy > p:not(.eyebrow){max-width:540px;color:#9eacbd;font-size:16px;line-height:1.7;}
.api-features { display:flex; flex-wrap:wrap; gap:9px; margin-top:29px; }.api-features span{padding:9px 12px;border:1px solid rgba(255,255,255,.12);border-radius:7px;color:#c3cdd8;font-size:12px;}
.code-window { border:1px solid rgba(255,255,255,.13);border-radius:14px;background:#050c17;box-shadow:0 30px 70px rgba(0,0,0,.28);overflow:hidden;}.code-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:15px 18px;border-bottom:1px solid var(--line);color:#aeb9c8;font-size:12px;}.code-head > span{display:flex;gap:5px}.code-head i{display:block;width:7px;height:7px;border-radius:50%;background:#354258}.code-head i:nth-child(2){background:#5968d8}.code-head i:nth-child(3){background:#68d8ff}.code-head em{color:#728097;font-size:10px;font-style:normal;text-transform:uppercase;letter-spacing:.08em;}.code-window pre{margin:0;padding:28px;overflow:auto;color:#b8c3ff;font:500 14px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;}.code-response{display:flex;justify-content:space-between;gap:18px;padding:15px 18px;border-top:1px solid var(--line);font:600 11px ui-monospace,SFMono-Regular,Consolas,monospace;}.code-response span{color:#72daf9;}.code-response strong{color:#8d9bb0;}

.corridor-section { padding-bottom:105px; }.corridor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.corridor-grid article{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.corridor-grid article > span{width:42px;height:42px;display:grid;place-items:center;border-radius:9px;color:#aeb8ff;background:rgba(125,140,255,.12);font-size:12px;font-weight:700;}.corridor-grid strong{display:block;font:700 15px "Manrope",sans-serif}.corridor-grid small{display:block;margin-top:4px;color:#7f8da2;font-size:11px;}
.closing-panel { display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:end;margin-bottom:30px;padding:60px;border:1px solid rgba(145,157,255,.18);border-radius:18px;background:radial-gradient(circle at 85% 0,rgba(104,216,255,.12),transparent 32%),linear-gradient(125deg,#14223c,#0a1426);}.closing-panel h2{margin:0;font:700 clamp(36px,4.4vw,56px)/1.04 "Manrope",sans-serif;letter-spacing:-.05em}.closing-copy p{color:#9eacbd;font-size:15px;line-height:1.7}.button-light{margin-top:12px;color:var(--ink);background:#fff;}.closing-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.closing-link{margin-top:12px;color:#aeb9c8;font-size:12px;font-weight:600}.closing-link:hover{color:#fff}
footer { min-height:165px;display:grid;grid-template-columns:180px 1fr auto;gap:36px;align-items:center;color:#6f7f93;font-size:11px;line-height:1.55;}.footer-brand{color:#fff}footer p{max-width:610px;margin:0;}footer > span{text-align:right;letter-spacing:.08em;}

@media (max-width: 980px) {
  .main-nav { display:none; }
  .site-header { grid-template-columns:1fr auto; }
  .hero { grid-template-columns:1fr; gap:45px; }
  .hero-copy { max-width:760px; }
  .quote-card { max-width:650px; }
  .section-heading { align-items:flex-start; flex-direction:column; gap:20px; }
  .audience-stage, .developer-grid, .closing-panel { grid-template-columns:1fr; gap:42px; }
  .product-grid { grid-template-columns:1fr 1fr; }.product-card.featured{grid-column:1/-1;}
  .corridor-grid { grid-template-columns:1fr 1fr; }
  footer { grid-template-columns:1fr; padding-block:45px; gap:18px; } footer > span{text-align:left;}
}

@media (max-width: 700px) {
  .shell { width:min(100% - 28px,1180px); }
  .site-header { min-height:72px; }.header-actions .prototype-badge,.header-link{display:none}.small-button{font-size:12px;}
  .hero { padding-block:54px 65px; }.hero h1{font-size:clamp(44px,14vw,63px)}.hero-lede{font-size:16px}.hero-points{gap:7px}.hero-points span{font-size:11px;padding:8px 9px}
  .quote-card { padding:23px 18px;border-radius:16px; }.quote-card-head{align-items:center}.quote-card h2{font-size:25px}.secure-pill{font-size:9px}.quote-input-row{grid-template-columns:1fr 100px}.quote-grid{grid-template-columns:1fr}.receive-panel strong{font-size:25px}
  .trust-strip { grid-template-columns:1fr;padding-block:12px}.trust-strip div,.trust-strip div:first-child{padding:15px 0;border-right:0;border-bottom:1px solid var(--line)}.trust-strip div:last-child{border-bottom:0}
  .audience-section,.products-section,.corridor-section{padding-top:75px}.section-heading h2{font-size:clamp(34px,10vw,47px)}
  .audience-tabs { display:flex;overflow-x:auto;scrollbar-width:none; }.audience-tabs::-webkit-scrollbar{display:none}.audience-tab{flex:0 0 auto;padding:15px 17px}.audience-stage{padding:30px 20px;min-height:0}.audience-copy h3{font-size:31px}.console-route{grid-template-columns:1fr;gap:17px}.console-route > span{transform:rotate(90deg)}.console-statuses{grid-template-columns:1fr}.console-statuses span{border-right:0;border-bottom:1px solid var(--line)}.console-statuses span:last-child{border-bottom:0}
  .demo-section { margin-top:75px;padding-block:74px }.scenario-tabs{display:flex;overflow-x:auto;gap:8px;padding-bottom:10px;border:0;border-radius:0;scroll-snap-type:x mandatory;scrollbar-width:none}.scenario-tabs::-webkit-scrollbar{display:none}.scenario-tab{flex:0 0 74%;min-width:215px;border:1px solid #d8dde8;border-radius:10px;scroll-snap-align:start}.demo-card{grid-template-columns:1fr;border-radius:13px}.flow-panel,.config-panel{padding:25px 18px}.flow-topline h3{font-size:28px}.replay-button{font-size:0}.replay-button span{font-size:16px}
  .flow-canvas{min-height:0;grid-template-columns:1fr;gap:9px;margin:28px 0 18px}.flow-line,.flow-value-pill,.packet{display:none}.flow-node{width:100%;min-height:72px;display:grid;grid-template-columns:48px 1fr;column-gap:13px;padding:11px 14px;border:1px solid rgba(255,255,255,.08);border-radius:9px;text-align:left;background:rgba(255,255,255,.025)}.flow-node.active{transform:none;background:rgba(125,140,255,.1);border-color:rgba(140,153,255,.45)}.node-icon{grid-column:1;grid-row:1/3;width:44px;height:44px;margin:0;align-self:center}.node-step{position:absolute;right:13px;top:11px}.flow-node strong{grid-column:2;align-self:end}.flow-node small{grid-column:2;align-self:start;max-width:calc(100% - 20px)}.capability-strip{flex-direction:column;gap:7px}
  .product-grid,.corridor-grid{grid-template-columns:1fr}.product-card.featured{grid-column:auto}.product-card{min-height:340px}.product-label{margin-bottom:45px}
  .developer-section{margin-top:75px;padding-block:74px}.developer-copy h2{font-size:40px}.code-window pre{padding:20px;font-size:12px}.code-head{grid-template-columns:auto 1fr}.code-head em{display:none}
  .closing-panel{padding:36px 24px}.closing-panel h2{font-size:39px}
}

@media (prefers-reduced-motion: reduce) { *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;} }