:root { --ink:#080b0c; --ink-soft:#101718; --ink-panel:#151e1d; --paper:#f0eee4; --muted:#929c96; --line:rgba(240,238,228,.16); --line-strong:rgba(240,238,228,.34); --red:#ed4038; --red-dark:#a62b29; --signal:#9bd8bf; --amber:#d3a35d; --display:"Barlow Condensed",Impact,sans-serif; --body:"Inter",system-ui,sans-serif; }
* { box-sizing:border-box; }
html { background:var(--ink); scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--paper); font-family:var(--body); }
body::selection { background:var(--red); color:var(--paper); }
a { color:inherit; text-decoration:none; }
button,input { font:inherit; }
button:focus-visible,a:focus-visible,input:focus-visible { outline:2px solid var(--signal); outline-offset:4px; }
img { display:block; max-width:100%; }
.shell { margin:0 auto; max-width:1440px; padding-left:clamp(24px,6vw,96px); padding-right:clamp(24px,6vw,96px); }
.topbar { align-items:center; background:rgba(8,11,12,.9); backdrop-filter:blur(16px); border-bottom:1px solid var(--line); display:flex; height:76px; justify-content:space-between; left:0; padding:0 clamp(24px,4.5vw,72px); position:fixed; right:0; top:0; z-index:20; }
.brand { align-items:center; display:inline-flex; flex:none; font-family:var(--display); font-size:20px; font-weight:800; letter-spacing:.08em; }
.brand-mark { align-items:center; border:1px solid var(--red); color:var(--red); display:inline-flex; font-size:18px; height:31px; justify-content:center; margin-right:12px; transform:skew(-8deg); width:29px; }
.nav-links { display:flex; gap:clamp(20px,3vw,52px); margin-left:auto; margin-right:clamp(24px,4vw,64px); }
.nav-links a,.topbar-cta,.sound-toggle { color:var(--muted); font-size:10px; font-weight:600; letter-spacing:.17em; text-transform:uppercase; transition:color 180ms ease; }
.nav-links a:hover,.topbar-cta:hover,.sound-toggle:hover { color:var(--paper); }
.topbar-actions { align-items:center; display:flex; gap:28px; }
.topbar-cta { color:var(--paper); }
.sound-toggle { align-items:center; background:transparent; border:0; cursor:pointer; display:inline-flex; gap:8px; padding:10px 0; }
.sound-dot { background:var(--muted); border-radius:50%; height:5px; width:5px; }
.sound-toggle[aria-pressed="true"] .sound-dot { background:var(--signal); box-shadow:0 0 0 4px rgba(155,216,191,.18); }
.hero { align-items:center; display:flex; min-height:100svh; overflow:hidden; padding-top:76px; position:relative; }
.hero-image { height:100%; inset:0; object-fit:cover; object-position:center; position:absolute; width:100%; }
.hero-overlay { background:linear-gradient(90deg,rgba(8,11,12,.99) 0%,rgba(8,11,12,.91) 27%,rgba(8,11,12,.36) 61%,rgba(8,11,12,.16) 100%),linear-gradient(0deg,rgba(8,11,12,.86),transparent 43%,rgba(8,11,12,.28)); inset:0; position:absolute; }
.hero-gridline { background:rgba(240,238,228,.13); height:100%; position:absolute; top:0; width:1px; }
.hero-gridline-left { left:20%; }
.hero-gridline-right { left:78%; opacity:.5; }
.hero-content { padding-bottom:9vh; padding-top:10vh; position:relative; width:100%; z-index:2; }
.hero-kicker { align-items:center; color:var(--red); display:flex; font-size:10px; font-weight:700; gap:11px; letter-spacing:.2em; margin-bottom:38px; text-transform:uppercase; }
.hero-location { color:var(--muted); margin-left:14px; }
.signal-pulse { border:1px solid var(--red); border-radius:50%; box-shadow:0 0 0 5px rgba(237,64,56,.12); display:inline-block; height:7px; flex:none; width:7px; }
.eyebrow,.field-label { color:var(--red); font-size:10px; font-weight:700; letter-spacing:.22em; text-transform:uppercase; }
.eyebrow { margin:0 0 14px; }
h1,h2,h3 { font-family:var(--display); text-transform:uppercase; }
h1 { font-size:clamp(68px,8.2vw,132px); font-weight:800; letter-spacing:-.055em; line-height:.8; margin:0; max-width:720px; }
.hero-lede { color:var(--signal); font-family:var(--display); font-size:clamp(30px,3.6vw,56px); font-weight:600; letter-spacing:-.025em; line-height:.9; margin:31px 0 17px; max-width:600px; }
.hero-description { color:#c6cec8; font-size:14px; line-height:1.75; margin:0; max-width:550px; }
.hero-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.hero-tags span { border:1px solid rgba(155,216,191,.4); color:#d1e9dc; font-size:9px; letter-spacing:.12em; padding:8px 10px; text-transform:uppercase; }
.beta-form { max-width:590px; }
.hero-form { margin-top:31px; }
.form-heading { align-items:baseline; display:flex; justify-content:space-between; margin-bottom:10px; }
.field-label { color:var(--paper); display:block; }
.form-counter { color:var(--muted); font-size:9px; letter-spacing:.17em; }
.input-row { display:flex; }
.input-row input { background:rgba(8,11,12,.7); border:1px solid var(--line-strong); color:var(--paper); min-width:0; padding:17px 18px; width:100%; }
.input-row input::placeholder { color:#8b9690; }
.input-row input:focus { border-color:var(--signal); outline:2px solid rgba(155,216,191,.22); outline-offset:2px; }
.button { align-items:center; border:1px solid var(--paper); cursor:pointer; display:inline-flex; font-size:10px; font-weight:800; gap:18px; justify-content:center; letter-spacing:.08em; padding:17px 21px; text-transform:uppercase; transition:background 180ms ease,border-color 180ms ease,color 180ms ease,transform 180ms ease; }
.button-primary { background:var(--red); border-color:var(--red); color:var(--paper); min-width:210px; white-space:nowrap; }
.button-primary:hover { background:var(--paper); border-color:var(--paper); color:var(--ink); transform:translateY(-2px); }
.button:disabled { cursor:wait; opacity:.6; transform:none; }
.consent-label { align-items:flex-start; color:#b1b9b3; display:flex; font-size:11px; gap:8px; line-height:1.45; margin-top:12px; }
.consent-label input { accent-color:var(--red); flex:none; margin:2px 0 0; }
.consent-label a { color:var(--paper); text-decoration:underline; text-underline-offset:3px; }
.form-status { color:#c6cec8; font-size:12px; line-height:1.45; margin:10px 0 0; min-height:18px; }
.form-status[data-state="success"] { color:#a7d5ad; }
.form-status[data-state="error"] { color:#ff9b94; }
.hero-footnote { align-items:center; color:var(--muted); display:flex; font-size:9px; gap:12px; letter-spacing:.16em; margin-top:43px; text-transform:uppercase; }
.footnote-line { background:var(--signal); height:1px; width:42px; }
.hero-index { bottom:28px; color:rgba(240,238,228,.65); display:flex; font-family:var(--display); font-size:13px; gap:30px; letter-spacing:.12em; position:absolute; right:clamp(24px,5vw,78px); transform:rotate(-2deg); z-index:2; }
.proof-strip { border-bottom:1px solid var(--line); border-top:1px solid var(--line); display:grid; grid-template-columns:repeat(3,1fr); padding-bottom:22px; padding-top:22px; }
.proof-strip > div { align-items:center; border-right:1px solid var(--line); display:flex; gap:17px; padding:0 25px; }
.proof-strip > div:first-child { padding-left:0; }
.proof-strip > div:last-child { border-right:0; }
.proof-strip span:last-child { color:#c4cdc6; font-size:11px; letter-spacing:.1em; text-transform:uppercase; }
.proof-value { color:var(--red); font-family:var(--display); font-size:25px; }
.map-section { align-items:center; display:grid; gap:clamp(40px,7vw,120px); grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr); padding-bottom:145px; padding-top:145px; }
.map-copy { max-width:580px; }
h2 { font-size:clamp(58px,7vw,110px); letter-spacing:-.05em; line-height:.84; margin:0; }
h2 em { color:var(--red); font-style:normal; }
.map-copy > p:not(.eyebrow),.feature-copy > p:not(.eyebrow) { color:#b7c0b9; font-size:15px; line-height:1.8; margin:28px 0 0; max-width:480px; }
.feature-points { border-top:1px solid var(--line); display:flex; flex-direction:column; margin-top:42px; max-width:430px; }
.feature-points span { border-bottom:1px solid var(--line); color:#c5cec7; font-size:11px; letter-spacing:.1em; padding:14px 0; text-transform:uppercase; }
.feature-points b { color:var(--signal); margin-right:13px; }
.phone-stage { align-items:center; display:flex; flex-direction:column; }
.phone-device { background:#151a1a; border:1px solid rgba(240,238,228,.43); border-radius:38px; box-shadow:0 35px 80px rgba(0,0,0,.5),0 0 0 8px rgba(240,238,228,.04); max-width:390px; padding:12px; transform:rotate(2.5deg); width:100%; }
.phone-speaker { background:#252d2b; border-radius:8px; height:5px; margin:0 auto 9px; width:54px; }
.phone-screen { background:#0c1515; border-radius:27px; overflow:hidden; }
.phone-status { align-items:center; background:rgba(6,13,13,.88); color:#bacac0; display:flex; font-size:8px; justify-content:space-between; letter-spacing:.11em; padding:16px 17px 12px; }
.live-status { color:var(--signal); }
.live-status i { background:var(--signal); border-radius:50%; display:inline-block; height:5px; margin-right:5px; width:5px; }
.phone-map { background:linear-gradient(145deg,#1b3433,#0f2021 55%,#111a19); height:475px; overflow:hidden; position:relative; }
.phone-map::before { background-image:linear-gradient(rgba(155,216,191,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(155,216,191,.1) 1px,transparent 1px); background-size:52px 52px; content:""; inset:-30px; opacity:.8; position:absolute; transform:rotate(-10deg) scale(1.2); }
.phone-map::after { border:1px solid rgba(155,216,191,.24); border-radius:50%; content:""; height:260px; left:50%; position:absolute; top:55%; transform:translate(-50%,-50%); width:260px; }
.map-road { background:rgba(192,214,197,.17); display:block; height:6px; position:absolute; transform:rotate(-32deg); width:150%; z-index:1; }
.map-road-one { left:-34%; top:38%; }
.map-road-two { left:-15%; top:66%; transform:rotate(23deg); }
.map-road-three { left:27%; top:18%; transform:rotate(74deg); width:95%; }
.infection-zone { background:rgba(237,64,56,.14); border:1px solid rgba(237,64,56,.4); border-radius:48% 52% 42% 58%; display:block; position:absolute; z-index:1; }
.infection-zone-one { height:155px; left:-28px; top:112px; transform:rotate(19deg); width:190px; }
.infection-zone-two { bottom:88px; height:130px; right:-30px; transform:rotate(-24deg); width:170px; }
.map-marker { background:transparent; border:0; cursor:pointer; padding:0; position:absolute; transition:filter 180ms ease,transform 180ms ease; z-index:3; }
.map-marker:hover,.map-marker:focus-visible { filter:drop-shadow(0 0 9px rgba(155,216,191,.8)); transform:scale(1.14); }
.map-marker img { height:38px; width:38px; }
.marker-food { left:24%; top:28%; }.marker-water { left:54%; top:51%; }.marker-meds { right:20%; top:23%; }.marker-scrap { bottom:26%; right:26%; }
.player-position { align-items:center; background:rgba(155,216,191,.2); border:1px solid var(--signal); border-radius:50%; display:flex; height:28px; justify-content:center; left:47%; position:absolute; top:58%; width:28px; z-index:3; }
.player-position i { background:var(--paper); border-radius:50%; height:8px; width:8px; }
.map-alert { background:rgba(6,13,13,.9); border-left:2px solid var(--red); bottom:17px; display:flex; flex-direction:column; gap:4px; left:17px; padding:12px 13px; position:absolute; z-index:4; }
.map-alert strong { font-family:var(--display); font-size:24px; letter-spacing:.04em; }
.map-alert span:last-child { color:#aebbb2; font-size:10px; }
.readout-label { color:var(--muted); font-size:8px; letter-spacing:.17em; }
.phone-hud { align-items:center; background:#0b1111; border-top:1px solid rgba(155,216,191,.22); display:flex; justify-content:space-between; padding:14px 15px; }
.phone-hud div { display:flex; flex-direction:column; gap:3px; }.phone-hud span { color:var(--muted); font-size:8px; letter-spacing:.15em; }.phone-hud strong { font-family:var(--display); font-size:21px; }.phone-hud div:first-child strong { color:var(--red); }
.phone-scan { background:var(--red); border:0; color:var(--paper); cursor:pointer; font-size:9px; font-weight:800; letter-spacing:.1em; padding:12px 10px; }
.phone-caption { align-items:center; color:var(--muted); display:flex; font-size:9px; gap:10px; letter-spacing:.1em; margin:28px 0 0; text-transform:uppercase; }
.phone-caption .signal-pulse { border-color:var(--signal); box-shadow:0 0 0 5px rgba(155,216,191,.12); }
.intro-section { padding-bottom:150px; }
.section-heading { max-width:700px; }.section-lede { color:#afb9b1; font-size:15px; line-height:1.7; margin:28px 0 0; max-width:410px; }
.loop-grid { display:grid; gap:18px; grid-template-columns:repeat(4,1fr); margin-top:70px; }
.loop-card { background:var(--ink-soft); border:1px solid var(--line); min-width:0; }.card-media { aspect-ratio:1.1; overflow:hidden; position:relative; }.card-media::after { background:linear-gradient(0deg,rgba(8,11,12,.65),transparent 48%); content:""; inset:0; position:absolute; }.card-media img { height:100%; object-fit:cover; transition:transform 700ms cubic-bezier(.2,.8,.2,1); width:100%; }.loop-card:hover .card-media img { transform:scale(1.05); }.card-number { bottom:17px; color:var(--paper); font-family:var(--display); font-size:40px; left:19px; position:absolute; z-index:1; }.card-copy { padding:22px 20px 25px; }.card-kicker { color:var(--red); font-size:10px; font-weight:700; letter-spacing:.2em; margin:0 0 10px; text-transform:uppercase; } h3 { font-size:clamp(29px,2.6vw,44px); letter-spacing:-.035em; line-height:.9; margin:0; }.card-copy p:last-child { color:#aeb8b0; font-size:12px; line-height:1.65; margin:15px 0 0; }
.signal-demo-section { align-items:center; background:#0d1717; display:grid; gap:clamp(35px,7vw,120px); grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr); min-height:640px; overflow:hidden; padding:110px clamp(24px,8vw,130px); position:relative; }.signal-demo-section::before { background:radial-gradient(circle at 64% 44%,rgba(47,102,90,.3),transparent 45%); content:""; inset:0; pointer-events:none; position:absolute; }.signal-demo-copy,.signal-radar { position:relative; z-index:1; }.signal-demo-copy { max-width:450px; }.signal-demo-copy h2 { font-size:clamp(55px,6vw,96px); }.signal-demo-copy > p:not(.eyebrow):not(.demo-disclaimer) { color:#b7c3ba; font-size:15px; line-height:1.8; margin:28px 0 32px; max-width:390px; }.button-scan { background:transparent; border-color:var(--line-strong); color:var(--paper); min-width:220px; }.button-scan:hover { background:var(--paper); border-color:var(--paper); color:var(--ink); }.scan-button-dot { border:1px solid var(--red); border-radius:50%; height:7px; width:7px; }.demo-disclaimer { color:var(--muted); font-size:10px; letter-spacing:.08em; margin:15px 0 0; }
.signal-radar { aspect-ratio:1.35; background:linear-gradient(145deg,rgba(18,47,43,.86),rgba(4,13,13,.96)); border:1px solid rgba(155,216,191,.25); box-shadow:0 25px 80px rgba(0,0,0,.35),inset 0 0 80px rgba(72,130,111,.08); min-height:360px; overflow:hidden; }.radar-grid { background-image:linear-gradient(rgba(155,216,191,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(155,216,191,.1) 1px,transparent 1px); background-size:64px 64px; inset:0; opacity:.45; position:absolute; transform:perspective(500px) rotateX(58deg) scale(1.45); transform-origin:center bottom; }.radar-skyline { align-items:flex-end; bottom:18%; display:flex; gap:8px; height:50%; left:7%; opacity:.4; position:absolute; right:7%; }.radar-skyline span { background:#15302d; border:1px solid rgba(155,216,191,.14); display:block; flex:1; height:48%; }.radar-skyline span:nth-child(2) { height:75%; }.radar-skyline span:nth-child(3) { height:34%; }.radar-skyline span:nth-child(4) { height:90%; }.radar-skyline span:nth-child(5) { height:57%; }.radar-skyline span:nth-child(6) { height:69%; }.radar-skyline span:nth-child(7) { height:42%; }.radar-ring { border:1px solid rgba(155,216,191,.22); border-radius:50%; left:50%; position:absolute; top:50%; transform:translate(-50%,-50%); }.radar-ring-large { height:70%; width:70%; }.radar-ring-small { height:38%; width:38%; }.radar-sweep { background:linear-gradient(90deg,transparent,rgba(154,221,175,.42)); height:1px; left:50%; position:absolute; top:50%; transform-origin:left center; width:48%; }.signal-node { background:transparent; border:0; cursor:default; height:34px; padding:0; position:absolute; width:34px; z-index:3; }.signal-node span { background:rgba(155,216,191,.28); border:1px solid rgba(155,216,191,.6); border-radius:50%; display:block; height:8px; left:13px; position:absolute; top:13px; width:8px; }.signal-node-a { left:25%; top:39%; }.signal-node-b { left:70%; top:30%; }.signal-node-target { left:59%; top:65%; }.signal-node-target span { background:var(--red); border-color:var(--red); box-shadow:0 0 0 7px rgba(237,64,56,.12),0 0 22px rgba(237,64,56,.8); opacity:.25; }.radar-readout { background:rgba(5,13,13,.8); border-left:2px solid var(--red); bottom:25px; display:flex; flex-direction:column; gap:5px; left:25px; min-width:205px; padding:13px 16px; position:absolute; z-index:4; }.radar-readout strong { color:var(--paper); font-family:var(--display); font-size:25px; letter-spacing:.05em; }.radar-readout span:last-child { color:#aeb7ae; font-size:11px; }.signal-radar[data-state="scanning"] .radar-sweep { animation:radar-scan 1.1s ease-in-out infinite; }.signal-radar[data-state="scanning"] .signal-node-target span { animation:signal-ping 1s ease-in-out infinite; }.signal-radar[data-state="found"] .signal-node-target span { opacity:1; }.signal-radar[data-state="found"] .radar-readout { border-color:var(--red); }
@keyframes radar-scan { from { transform:rotate(0deg); } to { transform:rotate(360deg); } } @keyframes signal-ping { 0%,100% { box-shadow:0 0 0 7px rgba(237,64,56,.12),0 0 22px rgba(237,64,56,.5); } 50% { box-shadow:0 0 0 17px rgba(237,64,56,0),0 0 34px rgba(237,64,56,.9); } }
.feature-section { align-items:stretch; display:grid; grid-template-columns:1fr 1fr; min-height:720px; }.feature-image-wrap { min-height:560px; overflow:hidden; position:relative; }.feature-image-wrap::after { background:linear-gradient(90deg,rgba(8,11,12,.5),transparent 40%),linear-gradient(0deg,rgba(8,11,12,.35),transparent 35%); content:""; inset:0; pointer-events:none; position:absolute; }.feature-image-wrap img { height:100%; object-fit:cover; width:100%; }.image-stamp { bottom:27px; color:rgba(240,238,228,.72); font-size:9px; letter-spacing:.2em; position:absolute; right:30px; text-transform:uppercase; z-index:1; }.feature-copy { align-self:center; max-width:600px; padding:80px clamp(35px,7vw,120px); }.feature-copy h2 { font-size:clamp(55px,6vw,95px); }.feature-shelter { background:var(--ink); }.feature-shelter .feature-image-wrap { order:2; }.shelter-list { border-top:1px solid var(--line); display:flex; flex-direction:column; margin-top:40px; max-width:390px; }.shelter-list span { border-bottom:1px solid var(--line); color:#c2ccc4; font-size:11px; letter-spacing:.1em; padding:14px 0; text-transform:uppercase; }.shelter-list b { color:var(--red); margin-right:13px; }
.beta-section { padding-bottom:150px; padding-top:150px; }.beta-panel { align-items:center; background:linear-gradient(125deg,#192321,#0e1414 62%,#1d1312); border:1px solid var(--line); display:grid; gap:70px; grid-template-columns:1fr 1fr; overflow:hidden; padding:clamp(38px,6vw,90px); position:relative; }.beta-panel::after { border:1px solid rgba(237,64,56,.28); content:""; height:230px; position:absolute; right:-70px; top:-80px; transform:rotate(35deg); width:230px; }.beta-panel > div { position:relative; z-index:1; }.beta-panel h2 { font-size:clamp(52px,6vw,95px); }.beta-panel > div > p:last-child { color:#b7c2ba; font-size:14px; line-height:1.7; margin:26px 0 0; max-width:390px; }.beta-form-final { position:relative; z-index:1; }.footer { align-items:center; border-top:1px solid var(--line); color:var(--muted); display:flex; font-size:9px; justify-content:space-between; letter-spacing:.17em; padding-bottom:27px; padding-top:27px; text-transform:uppercase; }.footer a { text-decoration:underline; text-underline-offset:3px; }.sr-only { clip:rect(0,0,0,0); clip-path:inset(50%); height:1px; overflow:hidden; position:absolute; white-space:nowrap; width:1px; }.privacy-page { margin:0 auto; max-width:720px; min-height:100svh; padding:18vh 25px 10vh; }.privacy-page h1 { font-size:clamp(54px,8vw,92px); margin:12px 0 28px; }.privacy-page p:not(.eyebrow) { color:#c1c2bc; font-size:14px; line-height:1.8; max-width:650px; }.privacy-page a { color:var(--paper); text-decoration:underline; text-underline-offset:3px; }
@media(max-width:1180px) { .loop-grid { grid-template-columns:repeat(2,1fr); } .phone-map { height:430px; } }
@media(max-width:980px) { .nav-links { gap:20px; margin-right:20px; }.hero { min-height:900px; }.hero-content { padding-bottom:80px; padding-top:100px; }.hero-image { object-position:58% center; }.hero-overlay { background:linear-gradient(90deg,rgba(8,11,12,.99),rgba(8,11,12,.72) 48%,rgba(8,11,12,.18)),linear-gradient(0deg,rgba(8,11,12,.86),transparent 45%); }.map-section { gap:45px; grid-template-columns:1fr 1fr; }.phone-device { max-width:330px; }.phone-map { height:390px; }.feature-copy { padding:60px 40px; }.beta-panel { gap:35px; padding:55px 40px; } }
@media(max-width:700px) { .topbar { height:64px; padding:0 16px; }.brand { font-size:16px; }.nav-links { display:none; }.topbar-actions { gap:18px; }.topbar-cta,.sound-toggle { font-size:9px; letter-spacing:.1em; }.hero { min-height:890px; }.hero-content { padding-bottom:72px; padding-top:85px; }.hero-gridline-left { left:12%; }.hero-gridline-right { display:none; }.hero-kicker { font-size:9px; gap:8px; margin-bottom:28px; }.hero-location { display:none; }h1 { font-size:clamp(60px,17vw,90px); max-width:500px; }.hero-lede { font-size:35px; margin-top:25px; }.hero-description { font-size:13px; max-width:390px; }.hero-tags { gap:6px; margin-top:20px; }.hero-tags span { font-size:8px; padding:7px 8px; }.hero-form { margin-top:27px; }.input-row { display:block; }.input-row .button { margin-top:9px; width:100%; }.button-primary { min-width:0; }.hero-footnote { align-items:flex-start; flex-wrap:wrap; font-size:8px; margin-top:32px; }.hero-index { bottom:20px; font-size:10px; gap:14px; right:20px; }.proof-strip { display:flex; flex-direction:column; gap:0; padding-bottom:0; padding-top:0; }.proof-strip > div,.proof-strip > div:first-child { border-bottom:1px solid var(--line); border-right:0; padding:17px 0; }.proof-strip > div:last-child { border-bottom:0; }.proof-value { font-size:22px; }.map-section { display:flex; flex-direction:column; padding-bottom:90px; padding-top:90px; }.map-copy { width:100%; }.map-copy h2 { font-size:clamp(55px,16vw,78px); }.phone-stage { width:100%; }.phone-device { max-width:335px; transform:rotate(1deg); }.phone-map { height:405px; }.intro-section { padding-bottom:90px; }.section-lede { font-size:14px; }.loop-grid { grid-template-columns:1fr; margin-top:45px; }.loop-card .card-media { aspect-ratio:1.55; }.signal-demo-section { display:flex; flex-direction:column; gap:40px; min-height:0; padding:85px 25px; }.signal-demo-copy { width:100%; }.signal-demo-copy h2 { font-size:clamp(55px,16vw,78px); }.signal-radar { min-height:330px; width:100%; }.feature-section { display:flex; flex-direction:column; min-height:auto; }.feature-shelter .feature-image-wrap { order:1; }.feature-shelter .feature-copy { order:2; }.feature-copy { padding:70px 25px 80px; }.feature-image-wrap { min-height:340px; }.feature-copy h2 { font-size:clamp(54px,15vw,80px); }.beta-section { padding-bottom:90px; padding-top:90px; }.beta-panel { display:block; padding:45px 25px 38px; }.beta-panel h2 { font-size:clamp(54px,15vw,80px); }.beta-form-final { margin-top:45px; }.footer { align-items:flex-start; flex-direction:column; gap:14px; padding-bottom:25px; padding-top:25px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }