:root {
  --ink: #080705;
  --deep: #11100c;
  --paper: #f3e6c8;
  --cream: #ffe9ba;
  --sepia: #a47b4c;
  --rust: #5f3d26;
  --line: rgba(255, 233, 186, 0.28);
  --glow: 0 0 18px rgba(255, 224, 166, 0.6), 0 0 55px rgba(164, 123, 76, 0.25);
  --display: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; color: var(--paper); background: var(--ink); font-family: var(--mono); overflow-x: hidden; cursor: crosshair; }
button, a, input { font: inherit; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
::selection { color: var(--ink); background: var(--cream); }

#signal-trail { position: fixed; inset: 0; z-index: 60; pointer-events: none; }
.grain { position: fixed; inset: 0; z-index: 50; pointer-events: none; opacity: .13; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E"); mix-blend-mode: screen; }
.page-wipe { position: fixed; inset: 0; z-index: 100; background: var(--cream); color: var(--ink); display: grid; place-items: center; font-weight: 900; letter-spacing: .18em; transform: translateY(-105%); pointer-events: none; }
.page-wipe::after { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(0deg, transparent 0 4px, rgba(0,0,0,.2) 5px); }
.page-wipe.active { animation: wipe .78s steps(9); }
@keyframes wipe { 0%{transform:translateY(-105%)} 35%,60%{transform:translateY(0)} 100%{transform:translateY(105%)} }

.topbar { position: fixed; z-index: 40; top: 0; left: 0; right: 0; min-height: 74px; border-bottom: 1px solid var(--line); background: rgba(8,7,5,.82); backdrop-filter: blur(14px); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 10px 22px; }
.wordmark { display: flex; align-items: center; gap: 10px; font-weight: 900; letter-spacing: -.03em; }
.wordmark small { color: var(--sepia); font-size: 9px; letter-spacing: .12em; }
.mark { display: grid; place-items: center; width: 42px; height: 42px; border: 2px solid var(--cream); border-radius: 42% 42% 42% 14%; font-family: var(--display); font-size: 28px; color: var(--cream); box-shadow: var(--glow); }
.status { display: flex; align-items: center; gap: 8px; color: var(--sepia); font-size: 10px; letter-spacing: .12em; }
.status i { width: 7px; height: 7px; border-radius: 50%; background: var(--cream); box-shadow: 0 0 13px var(--cream); animation: blink 1.2s steps(2) infinite; }
@keyframes blink { 50% { opacity: .2; } }
.top-actions { justify-self: end; display: flex; gap: 7px; }
.icon-button, .buy-button { border: 1px solid var(--line); background: rgba(255,255,255,.02); padding: 11px 13px; font-size: 10px; letter-spacing: .08em; cursor: pointer; transition: .25s ease; }
.icon-button:hover { border-color: var(--cream); background: rgba(255,233,186,.08); }
.buy-button { background: var(--cream); color: var(--ink); font-weight: 900; border-color: var(--cream); box-shadow: 4px 4px 0 var(--rust); }
.buy-button:hover { transform: translate(2px,2px); box-shadow: 2px 2px 0 var(--rust); }

.frequency-nav { position: fixed; z-index: 35; right: 18px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 7px; align-items: flex-end; }
.frequency-nav button { position:relative; width:28px; height:28px; padding:0; border: 0; background: none; display: flex; align-items: center; cursor: pointer; opacity: .4; transition: .3s; }
.frequency-nav b { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid var(--line); font-size: 9px; }
.frequency-nav span { position:absolute; right:37px; max-width: 0; overflow: hidden; white-space: nowrap; font-size: 9px; letter-spacing: .1em; transition: max-width .35s; text-align:right; pointer-events:none; }
.frequency-nav button:hover span, .frequency-nav button.active span { max-width: 120px; }
.frequency-nav button.active { opacity: 1; color: var(--cream); }

.panel { position: relative; min-height: 100svh; padding: 120px clamp(28px, 7vw, 110px) 80px; overflow: hidden; isolation: isolate; }
.panel::before { content: ""; position: absolute; inset: 0; z-index: -3; opacity: .18; background-image: radial-gradient(circle at 30% 20%, var(--sepia) 0 1px, transparent 2px), radial-gradient(circle at 70% 65%, var(--cream) 0 1px, transparent 2px); background-size: 37px 37px, 53px 53px; }
.eyebrow { color: var(--sepia); font-size: 11px; letter-spacing: .18em; font-weight: 800; }
h1, h2, h3 { font-family: var(--display); margin: 0; font-weight: 900; line-height: .78; letter-spacing: -.045em; text-transform: uppercase; }
em { color: transparent; font-style: normal; -webkit-text-stroke: 1.5px var(--cream); text-shadow: 0 0 12px rgba(255,233,186,.3); }
.section-number { position: absolute; top: 94px; left: clamp(28px, 7vw, 110px); color: var(--sepia); font-size: 10px; letter-spacing: .16em; }
.primary, .secondary { border: 1px solid var(--cream); padding: 15px 17px; display: inline-flex; gap: 30px; align-items: center; justify-content: space-between; font-size: 11px; letter-spacing: .09em; font-weight: 900; background: var(--cream); color: var(--ink); cursor: pointer; box-shadow: 5px 5px 0 var(--rust); transition: .25s; }
.primary:hover { transform: translate(3px,3px); box-shadow: 2px 2px 0 var(--rust); }
.secondary { background: transparent; color: var(--cream); box-shadow: none; }
.secondary:hover { background: rgba(255,233,186,.08); }

.hero { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; background: radial-gradient(circle at 72% 48%, #2d2115 0, #0c0a07 33%, #050504 68%); }
.hero::after { content:""; position: absolute; inset: 0; z-index:-2; background: linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px); background-size: 44px 44px; mask-image: radial-gradient(circle, black, transparent 75%); }
.hero-copy { z-index: 2; max-width: 630px; }
.hero h1 { font-size: clamp(86px, 12vw, 190px); }
.hero h1 span { color: var(--cream); text-shadow: 8px 8px 0 var(--rust), var(--glow); }
.hero-dek { max-width: 550px; font-size: clamp(14px,1.3vw,18px); line-height: 1.7; color: #c5b89d; }
.hero-ctas { display: flex; align-items: center; gap: 24px; margin-top: 28px; }
.text-button { border: 0; border-bottom: 1px solid var(--line); background: transparent; padding: 12px 0; cursor: pointer; font-size: 11px; letter-spacing: .08em; }
.text-button span { color: var(--sepia); margin-left: 18px; }
.portrait-wrap { position: relative; width: min(48vw, 690px); aspect-ratio: 1; justify-self: center; display: grid; place-items: center; perspective: 900px; }
.portrait-card { width: 75%; height: 75%; position: relative; clip-path: polygon(8% 0, 92% 0, 100% 8%, 100% 92%, 92% 100%, 8% 100%, 0 92%, 0 8%); filter: sepia(.15) contrast(1.08); box-shadow: var(--glow); transform-style: preserve-3d; transition: transform .12s linear; }
.portrait-card img { width: 100%; height: 100%; object-fit: cover; display: block; }
.portrait-card::after { content:""; position:absolute; inset: 0; border: 12px solid rgba(255,233,186,.12); box-shadow: inset 0 0 60px #000; }
.scanline { position:absolute; inset:0; background: repeating-linear-gradient(0deg, transparent 0 4px, rgba(255,239,201,.07) 5px 6px); animation: scan 8s linear infinite; }
@keyframes scan { to { background-position: 0 160px; } }
.orbit-ring { position: absolute; border: 1px dashed rgba(255,233,186,.23); border-radius: 50%; animation: spin 24s linear infinite; }
.ring-a { inset: 2%; }
.ring-b { inset: 12%; animation-direction: reverse; animation-duration: 18s; }
.ring-a::after, .ring-b::after { content:"✦"; position:absolute; top:-10px; left:50%; color:var(--cream); text-shadow:var(--glow); }
@keyframes spin { to { transform:rotate(360deg); } }
.hotspot { position:absolute; z-index:3; border:1px solid var(--cream); background:var(--ink); color:var(--cream); width:34px; height:34px; border-radius:50%; cursor:pointer; box-shadow:var(--glow); animation:pulse 2s infinite; }
.hotspot-one { top:31%; right:19%; }.hotspot-two { left:27%; bottom:21%; }
@keyframes pulse { 50% { transform:scale(1.12); box-shadow:0 0 30px var(--cream); } }
.whisper { position:absolute; bottom:-10px; left:50%; transform:translateX(-50%); width:80%; text-align:center; color:var(--sepia); font-size:10px; letter-spacing:.1em; min-height:28px; }
.floating-label { position:absolute; border:1px solid var(--line); padding:7px 9px; color:var(--sepia); font-size:9px; letter-spacing:.12em; transform:rotate(-3deg); }
.label-one { top:18%; left:42%; }.label-two { bottom:18%; left:10%; transform:rotate(2deg); }
.ticker { position:absolute; bottom:0; left:0; width:100%; overflow:hidden; border-top:1px solid var(--line); padding:12px 0; color:var(--sepia); font-size:10px; white-space:nowrap; }
.ticker div { width:max-content; animation:ticker 24s linear infinite; }
@keyframes ticker { to { transform:translateX(-50%); } }
.sprite { position:absolute; background-image:url('assets/agency-objects.png'); background-repeat:no-repeat; pointer-events:none; filter:drop-shadow(0 0 18px rgba(255,224,166,.22)); opacity:.7; z-index:-1; }
.sprite-phone { width:220px; height:330px; background-size:620px; background-position:0 0; right:-80px; bottom:3%; transform:rotate(14deg); }
.sprite-cross { width:110px; height:250px; background-size:620px; background-position:-255px -10px; left:40%; top:8%; transform:rotate(-10deg) scale(.65); }
.sprite-headphones { width:280px; height:330px; background-size:620px; background-position:-350px -5px; left:-160px; bottom:-80px; transform:rotate(-20deg); }

.story { min-height: 150vh; background: linear-gradient(145deg, #e9dbbc, #c3a676); color:var(--ink); }
.story::before { opacity:.2; background-image: radial-gradient(#17120c 1px, transparent 1px); background-size:7px 7px; }
.story .section-number, .story .eyebrow { color:var(--rust); }
.story-title { max-width:630px; }
.story h2 { font-size:clamp(70px,9vw,140px); }
.story em { -webkit-text-stroke-color:var(--ink); text-shadow:none; }
.case-paper { position:absolute; width:min(38vw,510px); background:#f7eccf; border:1px solid #4e3926; padding:38px 34px 30px; box-shadow:10px 12px 0 rgba(63,40,23,.3); line-height:1.75; font-family:Georgia,serif; cursor:grab; user-select:none; transform:rotate(var(--tilt)); touch-action:none; }
.case-paper:active { cursor:grabbing; }
.case-paper:nth-of-type(1) { left:51%; top:15%; }
.case-paper:nth-of-type(2) { left:43%; top:42%; }
.case-paper:nth-of-type(3) { left:57%; top:68%; }
.case-paper strong { font-family:var(--mono); }
.dark-paper { background:#17130e; color:var(--paper); border-color:var(--cream); }
.paper-tab { position:absolute; top:-14px; left:22px; background:var(--rust); color:var(--paper); padding:7px 12px; font:10px var(--mono); letter-spacing:.12em; }
.evidence-board { position:absolute; left:7%; top:49%; width:300px; padding:18px; background:#2d2015; color:var(--paper); transform:rotate(-4deg); box-shadow:8px 8px 0 rgba(63,40,23,.28); }
.evidence-board img { width:100%; filter:sepia(.4) contrast(1.15); }
.evidence-board p { margin-bottom:0; font-size:9px; letter-spacing:.08em; }
.pin { position:absolute; top:6px; left:50%; width:14px; height:14px; border-radius:50%; background:var(--cream); box-shadow:0 2px 4px #000; }
.story-footer { position:absolute; bottom:6%; left:7%; width:42%; }
.story-footer p { font-size:12px; letter-spacing:.08em; }
blockquote { margin:10px 0 0; font-family:var(--display); font-size:clamp(28px,4vw,64px); line-height:.95; }
.story .sprite { filter: sepia(1) contrast(1.2); opacity:.2; }
.sprite-beanie { width:310px;height:260px;background-size:620px;background-position:0 -360px;right:-80px;top:34%;transform:rotate(18deg); }
.sprite-courier { width:240px;height:260px;background-size:620px;background-position:-350px -365px;left:30%;bottom:-20px;transform:rotate(-8deg); }

.switchboard { background:linear-gradient(160deg,#0b0907,#191209 60%,#060505); display:grid; grid-template-columns:.8fr 1.25fr .7fr; gap:clamp(20px,4vw,60px); align-items:center; }
.switch-intro h2, .roadmap h2, .desk h2 { font-size:clamp(62px,7vw,112px); }
.switch-intro>p:last-child, .roadmap-copy>p:last-child, .closing-copy>p { line-height:1.7; color:#b9aa8e; max-width:470px; }
.receiver { border:1px solid var(--line); background:#13100b; padding:28px; box-shadow:11px 11px 0 #332315; }
.receiver-top { display:flex; justify-content:space-between; font-size:11px; color:var(--sepia); }
.scope { margin:20px 0; height:240px; border:1px solid var(--line); background:radial-gradient(circle,rgba(255,233,186,.08),transparent 60%), repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 24px), repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 24px); }
#waveform { width:100%; height:100%; }
.receiver label { display:block; font-size:9px; letter-spacing:.15em; margin-bottom:12px; }
#tuner { width:100%; accent-color:var(--cream); }
.received-message { min-height:72px; margin-top:22px; border-left:2px solid var(--cream); padding:14px; background:rgba(255,233,186,.05); line-height:1.6; font-size:12px; }
.signal-dots { display:flex; gap:8px; margin-top:14px; }
.signal-dots i { width:12px;height:12px;border:1px solid var(--sepia);transform:rotate(45deg); }
.signal-dots i.on { background:var(--cream);box-shadow:var(--glow); }
.phone-pad { border:1px solid var(--line); padding:18px; background:#0d0b08; transform:rotate(1.5deg); }
.phone-screen { border:1px solid var(--line); padding:12px; display:flex; flex-direction:column; gap:8px; color:var(--cream); background:#1d170e; }
.phone-screen small, .phone-pad>p { color:var(--sepia); font-size:8px; letter-spacing:.12em; }
.keys { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-top:15px; }
.keys button { aspect-ratio:1; border:1px solid var(--line); background:#17130e; cursor:pointer; font-weight:900; }
.keys button:hover { background:var(--cream); color:var(--ink); }
.keys small { display:block;font-size:6px;color:var(--sepia); }
.clear-dial { width:100%; border:0; border-bottom:1px solid var(--line); margin-top:12px; padding:8px; background:none; font-size:8px; cursor:pointer; }
.clearance { position:absolute; right:7%; bottom:5%; border:3px double var(--cream); padding:14px 20px; text-align:center; transform:rotate(-8deg) scale(0); color:var(--cream); }
.clearance.show { animation:stamp .45s cubic-bezier(.17,.89,.32,1.49) forwards; }
.clearance span,.clearance small { display:block;font-size:8px;letter-spacing:.16em; }.clearance strong{font-family:var(--display);font-size:24px;}
@keyframes stamp { to { transform:rotate(-8deg) scale(1); } }

.roadmap { background:radial-gradient(circle at 55% 50%,#2a1c10,#0b0906 48%,#050504); display:grid; grid-template-columns:.72fr 1.2fr .62fr; gap:35px; align-items:center; }
.orbit-machine { position:relative; aspect-ratio:1; outline:none; cursor:grab; transform:rotate(var(--orbit-rotation,0deg)); transition:transform .5s cubic-bezier(.17,.89,.32,1.2); touch-action:none; }
.orbit-machine:active { cursor:grabbing; }
.orbit-core { position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(calc(-1 * var(--orbit-rotation,0deg)));width:145px;height:145px;border:5px double var(--cream);border-radius:43% 43% 43% 13%;display:grid;place-items:center;background:var(--ink);box-shadow:var(--glow);z-index:3;transition:transform .5s; }
.orbit-core span { font:88px/1 var(--display); }.orbit-core small{position:absolute;bottom:15px;font-size:8px;color:var(--sepia);}
.orbit-track { position:absolute;inset:9%;border:1px dashed var(--sepia);border-radius:50%; }.track-two{inset:25%;border-style:solid;opacity:.35;}
.phase { position:absolute; width:145px; min-height:70px; padding:12px; border:1px solid var(--line); background:#110e0a;color:var(--paper);cursor:pointer;text-align:left;box-shadow:4px 4px 0 #382517;transition:.25s;transform:rotate(calc(-1 * var(--orbit-rotation,0deg))); }
.phase:hover,.phase.active{border-color:var(--cream);color:var(--cream);box-shadow:var(--glow);}.phase b{font-family:var(--display);font-size:24px;margin-right:8px}.phase span{font-size:8px;letter-spacing:.1em}
.phase-a{top:0;left:50%;}.phase-b{right:0;top:50%;}.phase-c{bottom:0;left:33%;}.phase-d{left:0;top:38%;}
.orbit-cursor { position:absolute;left:50%;bottom:14%;transform:translateX(-50%) rotate(calc(-1 * var(--orbit-rotation,0deg)));font-size:8px;color:var(--sepia); }
.phase-file { border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:25px 0; }
.phase-file small{color:var(--sepia);letter-spacing:.1em}.phase-file h3{font-size:36px;line-height:.9;margin:15px 0}.phase-file p,.phase-file li{font-size:11px;line-height:1.65;color:#b9aa8e}.phase-file ul{padding-left:18px;}

.desk { background:#e9dbbc;color:var(--ink);padding-bottom:0; }
.desk::before { opacity:.15;background-image:linear-gradient(45deg,#000 25%,transparent 25%),linear-gradient(-45deg,#000 25%,transparent 25%);background-size:8px 8px; }
.desk .eyebrow { color:var(--rust); }.desk h2 em{-webkit-text-stroke-color:var(--ink);text-shadow:none}.closing-copy>p{color:#594833;}
.desk-grid { display:grid;grid-template-columns:1fr .85fr;gap:7vw;align-items:center; }
.desk-actions { display:flex;gap:12px;flex-wrap:wrap;margin-top:30px;}.desk .primary{background:var(--ink);color:var(--cream);border-color:var(--ink)}.desk .secondary{color:var(--ink);border-color:var(--ink)}
.final-portrait { position:relative; padding:16px; background:#17120c; transform:rotate(2deg);box-shadow:12px 12px 0 rgba(63,40,23,.35); }
.final-portrait img{display:block;width:100%;filter:sepia(.28) contrast(1.08);}.answer-call{position:absolute;left:-30px;bottom:30px;background:var(--cream);border:2px solid var(--ink);padding:12px;font-weight:900;font-size:10px;box-shadow:6px 6px 0 var(--ink);animation:ring 1.3s steps(2) infinite}.answer-call button{background:var(--ink);color:var(--cream);border:0;padding:8px;margin-left:10px;cursor:pointer;}
@keyframes ring { 50% { transform:rotate(-2deg) translateX(4px); } }
.contract-card { grid-column:1/-1;border:1px solid var(--ink);display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:16px 18px;margin-top:20px;font-size:10px; }.contract-card code{overflow:hidden;text-overflow:ellipsis}.contract-card button{border:0;background:var(--ink);color:var(--cream);padding:10px;cursor:pointer;}
footer { margin:90px calc(-1 * clamp(28px,7vw,110px)) 0; padding:20px clamp(28px,7vw,110px); border-top:1px solid var(--ink);display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.1em; }footer>div{display:flex;align-items:center;gap:10px}footer .mark{width:28px;height:28px;font-size:18px;color:var(--ink);border-color:var(--ink);box-shadow:none}footer button{border:0;background:none;cursor:pointer;}

.toast { position:fixed;z-index:110;left:50%;bottom:24px;transform:translate(-50%,130px);background:var(--cream);color:var(--ink);border:2px solid var(--ink);padding:12px 18px;box-shadow:6px 6px 0 var(--rust);font-size:10px;letter-spacing:.1em;transition:.35s; }.toast.show{transform:translate(-50%,0)}
.call-modal { position:fixed;z-index:90;inset:0;background:rgba(0,0,0,.88);display:grid;place-items:center;opacity:0;pointer-events:none;transition:.35s; }.call-modal.open{opacity:1;pointer-events:auto}.call-box{position:relative;width:min(90vw,520px);background:var(--cream);color:var(--ink);border:3px solid var(--ink);padding:44px;text-align:center;box-shadow:0 0 0 10px var(--cream),0 0 80px rgba(255,233,186,.4)}.call-box>small{letter-spacing:.12em}.close-call{position:absolute;right:12px;top:9px;border:0;background:none;font-size:25px;cursor:pointer}.call-avatar{margin:30px auto;width:120px;height:120px;border:8px double var(--ink);border-radius:44% 44% 44% 12%;display:grid;place-items:center;font:80px var(--display);animation:pulse 2s infinite}.call-box h2{font-size:56px}.call-box p{line-height:1.6}.call-box .primary{background:var(--ink);color:var(--cream);margin-top:14px}

@media (max-width: 1000px) {
  .topbar{grid-template-columns:1fr auto}.status{display:none}.top-actions .icon-button:first-child{display:none}.frequency-nav{display:none}
  .hero{grid-template-columns:1fr;padding-top:130px}.hero-copy{text-align:center;justify-self:center}.hero-ctas{justify-content:center}.portrait-wrap{width:min(88vw,650px)}.floating-label{display:none}
  .story{min-height:1800px}.case-paper{width:min(74vw,520px)}.case-paper:nth-of-type(1){left:20%;top:26%}.case-paper:nth-of-type(2){left:8%;top:48%}.case-paper:nth-of-type(3){left:22%;top:69%}.evidence-board{display:none}.story-footer{left:8%;width:76%;bottom:3%}
  .switchboard{grid-template-columns:1fr 1fr}.switch-intro{grid-column:1/-1}.phone-pad{max-width:360px}.clearance{right:10%;bottom:2%}
  .roadmap{grid-template-columns:1fr}.orbit-machine{width:min(85vw,620px);justify-self:center}.phase-file{max-width:500px;justify-self:center}.roadmap-copy{text-align:center}
}
@media (max-width: 650px) {
  .topbar{padding:9px 12px}.wordmark small,.top-actions .icon-button{display:none}.wordmark>span:nth-child(2){font-size:12px}.buy-button{padding:10px;font-size:8px}.panel{padding-left:20px;padding-right:20px}.hero h1{font-size:76px}.hero-dek{font-size:13px}.hero-ctas{flex-direction:column}.portrait-wrap{width:104vw;margin-left:-7vw}.sprite{opacity:.35}
  .story{min-height:1700px}.story h2,.switch-intro h2,.roadmap h2,.desk h2{font-size:58px}.case-paper{width:82vw;padding:30px 24px;font-size:14px}.case-paper:nth-of-type(1){left:9%;top:25%}.case-paper:nth-of-type(2){left:8%;top:48%}.case-paper:nth-of-type(3){left:9%;top:69%}.story-footer{width:84%;left:8%;}.story-footer blockquote{font-size:31px}
  .switchboard{grid-template-columns:1fr;gap:36px}.receiver{padding:18px}.scope{height:180px}.phone-pad{width:100%;justify-self:center}.clearance{position:relative;right:auto;bottom:auto;justify-self:center;margin-top:10px}
  .orbit-machine{width:100%;margin:40px 0}.orbit-core{width:100px;height:100px}.orbit-core span{font-size:60px}.phase{width:105px;min-height:58px;padding:8px}.phase b{font-size:18px}.phase span{font-size:6px}.phase-b{right:-10px}.phase-d{left:-10px}
  .desk-grid{grid-template-columns:1fr}.closing-copy{text-align:center}.desk-actions{justify-content:center}.contract-card{grid-template-columns:1fr;text-align:center}.final-portrait{margin-top:20px}footer{flex-direction:column;gap:18px;text-align:center}
}
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important; } #signal-trail{display:none} }