/* RefugeBot homepage: field intelligence, intentionally scoped to .home-overhaul. */
.home-overhaul { --home-max: 1180px; --home-pad: clamp(22px, 4vw, 54px); --home-bone: #e8e0d2; --home-cyan: #78d5dc; --home-green: #80d99b; --home-amber: #ff6b1a; --home-dark: #090b0e; --home-panel: #10151a; --home-line: rgba(224, 232, 225, .14); background: var(--home-dark); color: var(--home-bone); }
.home-overhaul *, .home-overhaul *::before, .home-overhaul *::after { box-sizing: border-box; }
.home-overhaul a { color: inherit; }
.home-wrap { width: min(var(--home-max), calc(100% - var(--home-pad) * 2)); margin: 0 auto; }
.home-nav { position: sticky; top: var(--strip-total); z-index: 30; border-bottom: 1px solid var(--home-line); background: rgba(9, 11, 14, .9); backdrop-filter: blur(18px); }
.home-nav-inner { min-height: 70px; display: flex; align-items: center; gap: 26px; }
.home-brand { display: grid; grid-template-columns: 36px auto; grid-template-rows: 1fr 1fr; column-gap: 10px; align-items: center; min-width: max-content; text-decoration: none; }
.home-brand > span { grid-row: 1 / 3; display: grid; place-items: center; width: 36px; height: 36px; color: var(--home-amber); border: 1px solid var(--home-amber); clip-path: polygon(0 0, 86% 0, 100% 22%, 100% 100%, 14% 100%, 0 78%); font: 700 12px var(--display); letter-spacing: .08em; }
.home-brand b { color: var(--home-bone); font: 600 15px/1 var(--display); letter-spacing: .09em; text-transform: uppercase; }.home-brand small { color: #89938d; font: 500 9px/1 var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.home-nav-links { display: flex; gap: clamp(12px, 2vw, 26px); margin-left: auto; }.home-nav-links a, .home-footer a { color: #b3bbb6; font: 500 10px var(--mono); letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }.home-nav-links a:hover, .home-footer a:hover { color: var(--home-cyan); }
.home-nav-hub { display: inline-flex; gap: 8px; align-items: center; padding: 10px 13px; color: #15100c !important; background: var(--home-amber); clip-path: polygon(0 0, 92% 0, 100% 24%, 100% 100%, 8% 100%, 0 76%); font: 600 11px var(--display); letter-spacing: .08em; text-decoration: none; text-transform: uppercase; white-space: nowrap; }.home-nav-hub:hover { background: #ff8a48; }
.home-eyebrow { display: flex; align-items: center; gap: 9px; margin: 0; color: var(--home-cyan); font: 500 10px/1.3 var(--mono); letter-spacing: .17em; text-transform: uppercase; }.home-eyebrow i { display: inline-block; width: 8px; height: 8px; background: currentColor; transform: rotate(45deg); }
.home-hero { position: relative; overflow: hidden; border-bottom: 1px solid var(--home-line); }.home-hero-art { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(9,11,14,.98) 0%, rgba(9,11,14,.92) 44%, rgba(9,11,14,.55) 100%), linear-gradient(0deg, rgba(9,11,14,.98) 0%, transparent 55%), url('/landing/art/hero-city.webp') center / cover; opacity: .88; }.home-hero-art::after { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 73% 40%, transparent 0 22%, rgba(9,11,14,.5) 56%), repeating-linear-gradient(90deg, transparent 0 58px, rgba(120,213,220,.1) 59px 60px); }
.home-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(330px, .75fr); align-items: center; gap: clamp(36px, 6vw, 88px); min-height: 655px; padding: 92px 0 184px; }.home-hero-copy { position: relative; z-index: 1; max-width: 770px; }.home-hero h1 { margin: 18px 0 12px; color: var(--home-amber); font: 700 clamp(68px, 9vw, 118px)/.85 var(--display); letter-spacing: -.04em; }.home-hero-title { margin: 0 0 22px; color: var(--home-bone); font: 600 clamp(30px, 3.7vw, 52px)/1.02 var(--display); letter-spacing: -.02em; }.home-hero-lead { max-width: 690px; margin: 0; color: #c6cec8; font: 400 clamp(16px, 1.5vw, 20px)/1.58 var(--sans); }
.home-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 11px; margin-top: 29px; }.home-button { display: inline-flex; min-height: 45px; align-items: center; justify-content: center; gap: 10px; padding: 11px 17px; border: 1px solid rgba(232,224,210,.32); color: var(--home-bone) !important; font: 600 12px var(--display); letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }.home-button.primary { color: #170e09 !important; border-color: var(--home-amber); background: var(--home-amber); clip-path: polygon(0 0, 91% 0, 100% 22%, 100% 100%, 9% 100%, 0 78%); }.home-button.primary:hover { background: #ff9251; }.home-button.ghost { background: rgba(9,11,14,.46); }.home-button.ghost:hover { border-color: var(--home-cyan); color: var(--home-cyan) !important; }.home-text-link { color: var(--home-cyan) !important; font: 500 11px var(--mono); letter-spacing: .07em; text-decoration: none; text-transform: uppercase; }.home-text-link:hover { color: var(--home-bone) !important; }
.home-proof-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 27px; }.home-proof-chips span { padding: 7px 9px; border: 1px solid rgba(120,213,220,.25); background: rgba(9,16,19,.6); color: #b6c3c0; font: 500 10px var(--mono); }.home-proof-chips b { color: var(--home-cyan); font-weight: 600; }
.signal-map { position: relative; z-index: 1; align-self: center; padding: 17px; border: 1px solid rgba(120,213,220,.48); background: rgba(9,17,20,.82); box-shadow: inset 0 0 0 1px rgba(120,213,220,.08), 0 20px 70px rgba(0,0,0,.25); clip-path: polygon(0 0, 96% 0, 100% 6%, 100% 100%, 4% 100%, 0 94%); }.signal-map::before { content: ''; position: absolute; inset: 0; background: repeating-linear-gradient(0deg, transparent 0 25px, rgba(120,213,220,.06) 26px), repeating-linear-gradient(90deg, transparent 0 25px, rgba(120,213,220,.06) 26px); pointer-events: none; }.signal-map > * { position: relative; }.signal-map-head, .signal-map-foot, .product-frame header, .product-frame footer { display: flex; justify-content: space-between; gap: 12px; color: #8d9b96; font: 500 9px var(--mono); letter-spacing: .1em; }.signal-map-head b { color: var(--home-green); }.signal-route { display: grid; grid-template-columns: 1fr minmax(82px, .75fr) 1fr; align-items: center; min-height: 216px; }.signal-node { position: relative; min-height: 132px; padding: 17px 13px; border: 1px solid rgba(232,224,210,.3); background: rgba(8,13,15,.84); }.signal-node i { display: block; margin-bottom: 27px; color: var(--home-cyan); font: 500 9px var(--mono); font-style: normal; }.signal-node strong { display: block; color: var(--home-bone); font: 600 18px/1.07 var(--display); }.signal-node small { display: block; margin-top: 12px; color: #8e9793; font: 500 8px var(--mono); letter-spacing: .1em; }.signal-node.hub { border-color: rgba(255,107,26,.8); }.signal-node.hub i { color: var(--home-amber); }.signal-line { position: relative; padding: 0 9px; text-align: center; }.signal-line span, .signal-line small { display: block; color: #aeb9b5; font: 500 8px/1.35 var(--mono); letter-spacing: .08em; }.signal-line i { display: block; position: relative; height: 2px; margin: 14px 0 9px; background: var(--home-cyan); }.signal-line i::after { content: ''; position: absolute; right: -1px; top: -4px; border-left: 8px solid var(--home-cyan); border-top: 5px solid transparent; border-bottom: 5px solid transparent; }.signal-map-foot { padding-top: 14px; border-top: 1px solid rgba(120,213,220,.2); }.signal-map-foot span:nth-child(even) { color: var(--home-amber); }
.pricing-rail { position: relative; z-index: 2; display: grid; grid-template-columns: 215px 1fr; gap: 22px; margin-top: -105px; padding: 18px 20px 18px 25px; border: 1px solid rgba(232,224,210,.22); background: #12171a; box-shadow: 0 18px 45px rgba(0,0,0,.3); }.pricing-rail-title { display: flex; flex-direction: column; justify-content: center; border-right: 1px solid var(--home-line); }.pricing-rail-title h2 { margin: 7px 0 0; color: var(--home-bone); font: 600 21px/1.08 var(--display); }.price-rail-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; }.price-rail-card { display: grid; padding: 8px 15px; border-left: 1px solid var(--home-line); text-decoration: none; }.price-rail-card:first-child { border-left: 0; }.price-rail-card:hover { background: rgba(120,213,220,.08); }.price-rail-card small { color: #929e99; font: 500 9px var(--mono); letter-spacing: .12em; }.price-rail-card strong { margin: 5px 0; color: var(--home-amber); font: 600 29px/1 var(--display); }.price-rail-card span { color: #b9c1bc; font: 500 10px/1.35 var(--mono); }
.home-section { padding: clamp(78px, 9vw, 128px) 0; border-bottom: 1px solid var(--home-line); }.connection-section { background: linear-gradient(135deg, #d9d0be 0%, #c7beae 47%, #b8af9f 100%); color: #20251f; }.home-section-heading { max-width: 770px; margin-bottom: 44px; }.home-section-heading h2, .evidence-heading h2, .handoff-section h2, .home-final h2 { margin: 13px 0; color: inherit; font: 600 clamp(35px, 4.3vw, 58px)/1.02 var(--display); letter-spacing: -.025em; }.home-section-heading > p { color: #aeb8b2; font-size: 17px; line-height: 1.6; }.connection-section .home-eyebrow { color: #28626a; }.connection-section .split-heading { display: grid; grid-template-columns: 1.05fr .75fr; gap: clamp(35px, 7vw, 110px); max-width: none; }.connection-section .split-heading > p { align-self: end; margin: 0 0 5px; color: #3d4940; }.connection-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 27px; }.install-steps { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(27,37,30,.23); }.install-steps li { display: grid; grid-template-columns: 70px 1fr; gap: 20px; padding: 22px 0; border-bottom: 1px solid rgba(27,37,30,.23); }.install-steps li > b { color: #e85d19; font: 600 19px var(--display); }.install-steps small, .connection-note .note-badge { color: #41616a; font: 600 9px var(--mono); letter-spacing: .13em; }.install-steps h3 { margin: 5px 0 7px; font: 600 22px/1.1 var(--display); }.install-steps p { max-width: 610px; margin: 0; color: #3d4940; line-height: 1.55; }.install-steps code { color: #1e5962; font-size: .86em; }.connection-note { align-self: start; padding: 25px; border: 1px solid rgba(27,37,30,.4); background: rgba(244,239,228,.42); }.connection-note h3 { margin: 15px 0 9px; font: 600 26px/1.1 var(--display); }.connection-note p { color: #3d4940; line-height: 1.55; }.connection-note .muted-note { padding-top: 14px; border-top: 1px solid rgba(27,37,30,.2); font-size: 13px; }.connection-note a { color: #1d5f68; font: 600 11px var(--mono); letter-spacing: .05em; text-decoration: none; text-transform: uppercase; }
.connection-section { background: linear-gradient(135deg, #101719 0%, #131a1b 52%, #0d1315 100%); color: var(--home-bone); }.connection-section .home-eyebrow, .connection-section .install-steps small, .connection-section .connection-note .note-badge { color: var(--home-cyan); }.connection-section .split-heading > p, .connection-section .install-steps p, .connection-section .connection-note p { color: #b9c4be; }.connection-section .install-steps, .connection-section .install-steps li { border-color: rgba(120,213,220,.2); }.connection-section .install-steps code, .connection-section .connection-note a { color: var(--home-cyan); }.connection-section .connection-note { border-color: rgba(120,213,220,.3); background: rgba(255,255,255,.035); }.connection-section .connection-note .muted-note { border-top-color: rgba(120,213,220,.2); }
.evidence-section { overflow: hidden; background: #0e1316; }.evidence-heading { display: flex; justify-content: space-between; gap: 30px; align-items: end; margin-bottom: 34px; }.evidence-heading h2 { max-width: 720px; }.evidence-heading > p { max-width: 290px; margin: 0 0 13px; color: #aeb8b2; line-height: 1.55; }.showcase { position: relative; }.showcase-tools { display: flex; justify-content: space-between; align-items: center; gap: 15px; margin-bottom: 13px; }.showcase-pause, .showcase-arrow { border: 1px solid rgba(120,213,220,.34); background: transparent; color: var(--home-cyan); font: 500 10px var(--mono); letter-spacing: .07em; cursor: pointer; }.showcase-pause { padding: 7px 10px; }.showcase-pause:hover, .showcase-arrow:hover { border-color: var(--home-cyan); background: rgba(120,213,220,.12); }.showcase-status { color: #8f9d97; font: 500 10px var(--mono); }.showcase-tabs { display: flex; overflow-x: auto; gap: 0; border: 1px solid var(--home-line); scrollbar-width: thin; }.showcase-tabs button { flex: 1 0 max-content; padding: 12px 13px; border: 0; border-left: 1px solid var(--home-line); background: #11191b; color: #9ea9a4; font: 500 10px var(--mono); letter-spacing: .045em; cursor: pointer; text-align: left; }.showcase-tabs button:first-child { border-left: 0; }.showcase-tabs button b { display: inline-block; margin-right: 6px; color: #65706c; font-weight: 500; }.showcase-tabs button[aria-selected="true"] { color: #12100d; background: var(--home-bone); }.showcase-tabs button[aria-selected="true"] b { color: #d95417; }.showcase-viewport { overflow: hidden; border: 1px solid var(--home-line); border-top: 0; }.showcase-track { display: flex; width: 100%; transition: transform 520ms cubic-bezier(.2,.82,.24,1); }.showcase-slide { flex: 0 0 100%; display: grid; grid-template-columns: .78fr 1.22fr; min-height: 490px; padding: clamp(23px, 4vw, 50px); gap: clamp(27px, 5vw, 66px); align-items: center; background: linear-gradient(135deg, rgba(120,213,220,.08), transparent 45%), #0c1214; }.showcase-slide[aria-hidden="true"] { visibility: hidden; }.showcase-slide:not([aria-hidden="true"]) { visibility: visible; }.slide-copy { max-width: 370px; }.capability { display: inline-block; padding: 6px 8px; border: 1px solid currentColor; font: 600 9px var(--mono); letter-spacing: .1em; }.capability.core { color: var(--home-cyan); }.capability.monitor { color: var(--home-green); }.slide-index { margin: 23px 0 7px; color: var(--home-amber); font: 500 10px var(--mono); letter-spacing: .13em; }.slide-copy h3 { margin: 0 0 13px; color: var(--home-bone); font: 600 clamp(28px, 3vw, 40px)/1.04 var(--display); letter-spacing: -.02em; }.slide-copy > p:not(.slide-index) { color: #b7c1bb; line-height: 1.58; }.slide-copy small { display: block; padding-top: 14px; color: #84908a; border-top: 1px solid var(--home-line); font: 500 10px/1.45 var(--mono); }.product-frame { position: relative; min-height: 330px; overflow: hidden; border: 1px solid rgba(120,213,220,.38); background: #111c1e; box-shadow: inset 0 0 0 1px rgba(120,213,220,.08); }.product-frame header, .product-frame footer { position: relative; z-index: 2; min-height: 37px; align-items: center; padding: 0 13px; border-bottom: 1px solid rgba(120,213,220,.22); background: rgba(9,16,18,.88); }.product-frame header b { color: var(--home-bone); font-weight: 500; }.product-frame header span { color: var(--home-cyan); }.product-frame footer { position: absolute; right: 0; bottom: 0; left: 0; border-top: 1px solid rgba(120,213,220,.22); border-bottom: 0; }.product-frame footer b { color: var(--home-cyan); }.map-replay .replay-map { position: absolute; inset: 37px 0; overflow: hidden; background: linear-gradient(25deg, transparent 0 42%, rgba(120,213,220,.25) 42.5% 43%, transparent 43.5%), repeating-radial-gradient(ellipse at 50% 52%, transparent 0 18px, rgba(120,213,220,.12) 19px 20px, transparent 21px 40px), #162b2a; }.replay-map::before { content: ''; position: absolute; inset: 0; opacity: .55; background-image: repeating-linear-gradient(0deg, transparent 0 35px, rgba(232,224,210,.13) 36px), repeating-linear-gradient(90deg, transparent 0 35px, rgba(232,224,210,.13) 36px); }.replay-map .route-a, .replay-map .route-b { position: absolute; z-index: 1; height: 70px; border-top: 3px solid var(--home-amber); border-radius: 50%; transform: rotate(-20deg); }.replay-map .route-a { top: 43%; left: 15%; width: 45%; }.replay-map .route-b { top: 24%; right: 12%; width: 35%; border-color: var(--home-cyan); transform: rotate(43deg); }.map-pin { position: absolute; z-index: 2; display: grid; width: 26px; height: 26px; place-items: center; color: #10110e; background: var(--home-amber); border-radius: 50%; font: 600 11px var(--mono); }.map-pin.a { top: 48%; left: 28%; }.map-pin.b { top: 30%; right: 24%; color: #092124; background: var(--home-cyan); }.replay-map small { position: absolute; z-index: 2; top: 15px; right: 15px; color: var(--home-bone); font: 500 9px var(--mono); }.map-replay footer i { flex: 1; height: 4px; background: linear-gradient(90deg, var(--home-amber) 0 61%, #547d7d 61%); }
.capture-frame img { display: block; width: 100%; height: calc(100% - 37px); object-fit: cover; object-position: top center; }.capture-frame footer { z-index: 3; }.inventory-grid .loadout { display: grid; grid-template-columns: .6fr 1fr; gap: 14px; padding: 18px; }.avatar-slot { display: grid; min-height: 210px; place-items: center; color: #7ed1d7; border: 1px dashed rgba(120,213,220,.38); background: linear-gradient(145deg, rgba(120,213,220,.21), transparent); font: 600 11px var(--mono); letter-spacing: .08em; }.item-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; }.item-grid i { position: relative; display: grid; min-height: 76px; place-items: center; color: #bdc8c3; border: 1px solid rgba(232,224,210,.24); background: #182021; font-style: normal; }.item-grid img { width: 54px; height: 54px; object-fit: contain; image-rendering: auto; }.item-grid em { position: absolute; right: 5px; bottom: 3px; color: var(--home-cyan); font: 500 9px var(--mono); }.showcase-controls { display: flex; justify-content: center; align-items: center; gap: 14px; margin-top: 16px; }.showcase-arrow { width: 34px; height: 30px; font-size: 18px; }.showcase-dots { display: flex; gap: 5px; }.showcase-dots i { width: 19px; height: 2px; background: #45514d; }.showcase-dots i.active { background: var(--home-amber); }
.sleuth-demo-stage, .world-demo-stage { position: absolute; inset: 37px 0; overflow: hidden; background: #102022; }.sleuth-demo-stage > img, .world-demo-stage > img { display: block; width: 100%; height: 100%; object-fit: cover; filter: brightness(.56) saturate(.72) contrast(1.08); }.sleuth-demo-stage::after, .world-demo-stage::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(5,12,14,.22), transparent 46%, rgba(5,12,14,.18)), repeating-linear-gradient(0deg, transparent 0 28px, rgba(120,213,220,.09) 29px 30px), repeating-linear-gradient(90deg, transparent 0 28px, rgba(120,213,220,.07) 29px 30px); }.sleuth-routes { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; }.sleuth-routes path { fill: none; stroke-width: 1.25; vector-effect: non-scaling-stroke; }.sleuth-route-a { stroke: var(--home-amber); fill: var(--home-amber); }.sleuth-route-b { stroke: var(--home-cyan); fill: var(--home-cyan); }.sleuth-event { position: absolute; z-index: 2; padding: 3px 5px; border: 1px solid currentColor; background: rgba(7,13,15,.9); font: 600 8px var(--mono); letter-spacing: .07em; }.event-join { top: 21%; left: 23%; color: var(--home-cyan); }.event-teleport { top: 43%; left: 54%; color: var(--home-amber); }.event-death { top: 26%; right: 16%; color: #e9867d; }.sleuth-inventory-delta { position: absolute; z-index: 2; right: 13px; bottom: 36px; width: min(38%, 178px); padding: 9px; border: 1px solid rgba(120,213,220,.48); background: rgba(7,14,16,.91); }.sleuth-inventory-delta small, .sleuth-inventory-delta b, .sleuth-inventory-delta span { display: block; }.sleuth-inventory-delta small { color: var(--home-cyan); font: 500 7px var(--mono); letter-spacing: .08em; }.sleuth-inventory-delta b { margin: 5px 0 2px; color: #d8e7df; font: 600 11px var(--display); }.sleuth-inventory-delta span { color: #d8a49a; font: 500 9px var(--mono); }.sleuth-timeline { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: auto 1fr auto auto; align-items: center; gap: 8px; min-height: 30px; padding: 6px 10px; border-top: 1px solid rgba(120,213,220,.35); background: rgba(7,13,15,.92); color: #aab8b3; font: 500 8px var(--mono); }.sleuth-timeline i { position: relative; height: 3px; background: linear-gradient(90deg, var(--home-cyan) 0 58%, #476465 58%); }.sleuth-timeline i b { position: absolute; top: -4px; left: 58%; width: 10px; height: 10px; background: var(--home-amber); transform: rotate(45deg); }.sleuth-timeline strong { color: var(--home-cyan); font-weight: 600; }.world-zone { position: absolute; z-index: 1; display: grid; place-items: center; border: 2px solid currentColor; background: color-mix(in srgb, currentColor 16%, transparent); font: 600 8px var(--mono); letter-spacing: .08em; }.claim-area { top: 18%; left: 43%; width: 28%; height: 30%; color: var(--home-amber); }.safe-zone { bottom: 16%; left: 10%; width: 24%; height: 25%; color: var(--home-cyan); }.pvp-area { right: 10%; bottom: 18%; width: 22%; height: 28%; color: #e9867d; }.world-marker { position: absolute; z-index: 2; display: grid; grid-template-columns: 18px auto; align-items: center; gap: 4px; padding: 4px 5px; border: 1px solid rgba(232,224,210,.42); background: rgba(7,13,15,.9); color: #e6eee8; font: 600 8px var(--mono); letter-spacing: .07em; }.world-marker i { display: grid; place-items: center; width: 14px; height: 14px; color: #101619; background: var(--home-green); font-style: normal; }.poi-marker { top: 23%; left: 18%; }.waypoint-marker { right: 16%; top: 20%; }.waypoint-marker i { background: var(--home-cyan); }.world-demo-legend { position: absolute; z-index: 2; right: 9px; bottom: 8px; display: grid; grid-template-columns: repeat(2, auto); gap: 4px 8px; padding: 7px; border: 1px solid rgba(120,213,220,.28); background: rgba(7,13,15,.9); color: #c5d0cb; font: 500 8px var(--mono); }.world-demo-legend span { display: flex; align-items: center; gap: 4px; }.world-demo-legend i { display: inline-block; width: 7px; height: 7px; border: 1px solid currentColor; }.legend-claim { color: var(--home-amber); }.legend-safe { color: var(--home-cyan); }.legend-pvp { color: #e9867d; }.legend-poi { color: var(--home-green); }.legend-waypoint { color: #d6d27b; }
.native-section { background: #101418; }.native-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--home-line); }.native-grid article { min-height: 244px; padding: 22px; border-left: 1px solid var(--home-line); background: linear-gradient(155deg, rgba(120,213,220,.08), transparent 53%); }.native-grid article:first-child { border-left: 0; }.native-grid span { color: var(--home-cyan); font: 500 10px var(--mono); }.native-grid h3 { margin: 40px 0 10px; color: var(--home-bone); font: 600 22px/1.1 var(--display); }.native-grid p { color: #aeb8b2; font-size: 14px; line-height: 1.55; }.handoff-section { background: #161c1e; }.handoff-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(40px, 9vw, 140px); align-items: center; }.handoff-grid > div:first-child p:not(.home-eyebrow) { max-width: 500px; color: #b8c1bb; font-size: 17px; line-height: 1.6; }.handoff-panel { overflow: hidden; border: 1px solid rgba(255,107,26,.5); background: #0d1113; box-shadow: inset 0 0 65px rgba(255,107,26,.07); }.handoff-panel-top, .handoff-panel footer { display: flex; justify-content: space-between; align-items: center; padding: 13px 15px; border-bottom: 1px solid rgba(255,107,26,.26); color: var(--home-amber); font: 600 12px var(--display); letter-spacing: .1em; }.handoff-panel-top small, .handoff-panel footer span { color: #87928d; font: 500 9px var(--mono); }.handoff-panel-tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; padding: 18px; }.handoff-panel-tiles b { display: grid; min-height: 86px; place-items: center; color: #d6ded8; border: 1px solid #38413e; background: linear-gradient(135deg, #172123, #0f1516); font: 600 14px var(--display); letter-spacing: .08em; }.handoff-panel footer { border-top: 1px solid rgba(255,107,26,.26); border-bottom: 0; }.handoff-panel footer i { color: var(--home-amber); font: 500 10px var(--mono); font-style: normal; }.home-final { padding: clamp(74px, 9vw, 118px) 0; background: linear-gradient(120deg, rgba(255,107,26,.17), transparent 47%), #0b0e10; border-bottom: 1px solid var(--home-line); }.home-final-inner { display: flex; justify-content: space-between; align-items: end; gap: 35px; }.home-final p:not(.home-eyebrow) { color: #b3bcb6; font-size: 17px; }.home-footer { background: #090b0e; }.home-footer-inner { display: flex; align-items: center; min-height: 102px; gap: 28px; }.home-footer-inner > div { display: flex; flex-wrap: wrap; gap: 15px; margin-left: auto; }.home-footer-inner > small { color: #78827e; font: 500 9px var(--mono); white-space: nowrap; }
@media (max-width: 1060px) { .home-hero-grid { grid-template-columns: 1fr; padding-bottom: 135px; }.signal-map { max-width: 650px; }.pricing-rail { grid-template-columns: 1fr; margin-top: -66px; }.pricing-rail-title { border-right: 0; }.price-rail-cards { border-top: 1px solid var(--home-line); padding-top: 12px; }.connection-grid, .handoff-grid { grid-template-columns: 1fr; }.connection-note { max-width: 650px; }.native-grid { grid-template-columns: 1fr 1fr; }.native-grid article:nth-child(3) { border-left: 0; border-top: 1px solid var(--home-line); }.native-grid article:nth-child(4) { border-top: 1px solid var(--home-line); } }
@media (max-width: 760px) { .home-nav-inner { min-height: 61px; }.home-nav-links { display: none; }.home-nav-hub { margin-left: auto; }.home-brand { grid-template-columns: 31px auto; column-gap: 7px; }.home-brand > span { width: 31px; height: 31px; }.home-brand small { display: none; }.home-hero-grid { min-height: 0; padding: 48px 0 88px; }.home-hero h1 { font-size: clamp(58px, 17vw, 86px); }.home-hero-title { font-size: clamp(30px, 9vw, 43px); }.home-hero-lead { font-size: 16px; }.signal-map { width: 100%; }.signal-route { grid-template-columns: 1fr 58px 1fr; gap: 0; min-height: 154px; padding: 12px 0; }.signal-node { min-height: 122px; padding: 12px 8px; }.signal-node i { margin-bottom: 12px; }.signal-node strong { font-size: 15px; }.signal-node small { margin-top: 8px; font-size: 7px; }.signal-line { display: block; padding: 0 6px; }.signal-line i { margin: 11px 0 8px; }.pricing-rail { margin-top: -47px; padding: 17px; }.price-rail-cards { grid-template-columns: 1fr 1fr; }.price-rail-card { border-top: 1px solid var(--home-line); }.price-rail-card:nth-child(odd) { border-left: 0; }.price-rail-card:nth-child(-n+2) { border-top: 0; }.home-section { padding: 54px 0; }.connection-section .split-heading { grid-template-columns: 1fr; gap: 12px; }.connection-section .split-heading > p { margin: 0; }.install-steps li { grid-template-columns: 47px 1fr; gap: 10px; padding: 16px 0; }.install-steps h3 { font-size: 19px; }.connection-note { padding: 19px; }.connection-note h3 { font-size: 23px; }.evidence-heading { display: block; }.evidence-heading > p { margin-top: 12px; }.showcase-tools { margin-bottom: 9px; }.showcase-tabs { margin-right: calc(var(--home-pad) * -1); padding-right: var(--home-pad); }.showcase-tabs button { flex-basis: 122px; }.showcase-viewport { overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }.showcase-track { width: max-content; transform: none !important; transition: none; }.showcase-slide { width: min(86vw, 460px); flex-basis: min(86vw, 460px); grid-template-columns: 1fr; align-content: start; min-height: 0; padding: 22px; gap: 24px; scroll-snap-align: start; }.showcase-slide[aria-hidden="true"] { visibility: visible; }.slide-copy h3 { font-size: 30px; }.product-frame { min-height: 296px; }.showcase-controls { display: none; }.native-grid { grid-template-columns: repeat(2, 1fr); }.native-grid article, .native-grid article:nth-child(3), .native-grid article:nth-child(4) { min-height: 0; padding: 17px 14px; border-top: 1px solid var(--home-line); border-left: 1px solid var(--home-line); }.native-grid article:nth-child(odd) { border-left: 0; }.native-grid article:nth-child(-n+2) { border-top: 0; }.native-grid h3 { margin: 16px 0 8px; font-size: 18px; }.native-grid p { margin: 0; font-size: 12px; }.handoff-panel-tiles b { min-height: 64px; font-size: 11px; }.home-final-inner { align-items: flex-start; flex-direction: column; }.home-footer-inner { align-items: flex-start; flex-direction: column; padding: 27px 0; }.home-footer-inner > div { margin-left: 0; }.home-footer-inner > small { white-space: normal; }.home-proof-chips span { font-size: 9px; } }
@media (max-width: 760px) { .showcase-tabs, .showcase-viewport { scrollbar-width: none; }.showcase-tabs::-webkit-scrollbar, .showcase-viewport::-webkit-scrollbar { display: none; } }
@media (prefers-reduced-motion: reduce) { .showcase-track { transition: none; }.home-overhaul * { scroll-behavior: auto !important; } }