@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Silkscreen:wght@400;700&display=swap');

:root { --ink:#080d13; --panel:#111923; --line:#35434f; --paper:#e5ecee; --muted:#9baab2; --pink:#77c8d4; --hot:#d9fbff; --metal:#c5ced1; --mono:'Silkscreen','DM Mono',monospace; --sans:'Manrope',sans-serif; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--ink); color:var(--paper); font-family:var(--sans); font-size:16px; line-height:1.5; overflow-x:hidden; } a { color:inherit; text-decoration:none; } .noise { position:fixed; inset:0; z-index:20; pointer-events:none; opacity:.035; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E"); }
.site-header { height:112px; padding:0 clamp(22px,5vw,72px); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); position:relative; isolation:isolate; z-index:2; overflow:hidden; } .site-header::before { content:""; position:absolute; inset:-180px -8%; z-index:-1; pointer-events:none; opacity:.26; transform-origin:clamp(56px,8vw,106px) 50%; background:radial-gradient(circle at clamp(56px,8vw,106px) 50%,transparent 0 22px,rgba(141,226,233,.34) 23px 24px,transparent 25px 44px,rgba(141,226,233,.17) 45px 46px,transparent 47px); animation:header-ping 5.4s linear infinite; } .site-header::after { content:""; position:absolute; inset:-180px -8%; z-index:-1; pointer-events:none; opacity:.16; transform-origin:clamp(56px,8vw,106px) 50%; background:radial-gradient(circle at clamp(56px,8vw,106px) 50%,transparent 0 26px,rgba(112,209,219,.28) 27px 28px,transparent 29px 52px,rgba(112,209,219,.12) 53px 54px,transparent 55px); animation:header-ping 5.4s 2.7s linear infinite; } @keyframes header-ping { from { opacity:.34; transform:scale(.32); } to { opacity:0; transform:scale(3.1); } } .brand { display:flex; align-items:center; gap:14px; font:500 11px/1.05 var(--mono); letter-spacing:.08em; } .brand img { width:68px; height:68px; object-fit:contain; } nav { display:flex; gap:30px; font:500 15px var(--mono); color:var(--muted); } nav a:hover,.text-link:hover { color:var(--hot); } .nav-cta { font:500 15px var(--mono); color:var(--pink); } .nav-cta span,.text-link span { margin-left:5px; }
main { max-width:1440px; margin:auto; } .hero { min-height:calc(88svh - 112px); padding:clamp(52px,7vw,96px) clamp(22px,8vw,128px) 56px; display:grid; grid-template-columns:minmax(0,1.28fr) minmax(340px,.72fr); align-items:center; gap:clamp(42px,7vw,110px); position:relative; } .pulse { width:7px; height:7px; display:inline-block; background:var(--pink); border-radius:50%; margin-right:8px; box-shadow:0 0 0 0 rgba(119,200,212,.65); animation:pulse 2s infinite; } @keyframes pulse { 70% { box-shadow:0 0 0 7px rgba(119,200,212,0); } 100% { box-shadow:0 0 0 0 rgba(119,200,212,0); } } h1,h2,h3,p { margin-top:0; } h1 { font-size:clamp(58px,8.3vw,122px); font-weight:600; line-height:.88; letter-spacing:-.065em; margin:0 0 16px; } .hero h1 { font-size:clamp(31px,5.3vw,76px); line-height:.92; white-space:nowrap; } em { font:inherit; font-style:normal; font-weight:inherit; letter-spacing:inherit; } .hero-tagline { margin:0 0 24px; color:#a8c8ce; font-size:clamp(25px,2.5vw,40px); font-weight:600; line-height:1.02; letter-spacing:-.045em; } .lede { max-width:455px; color:#c0c4ca; font-size:16px; line-height:1.6; } .hero-actions { display:flex; align-items:center; gap:26px; margin-top:30px; } .button { display:inline-flex; align-items:center; gap:26px; padding:14px 18px; font:500 11px var(--mono); letter-spacing:.03em; border:1px solid var(--pink); transition:background .2s,color .2s,transform .2s; } .button:hover { background:var(--pink); color:var(--ink); transform:translateY(-2px); } .button span { font-size:17px; } .text-link { font:500 11px var(--mono); text-decoration:underline; text-underline-offset:5px; color:#d5d7d9; }
.hero-art { height:min(48vw,550px); min-height:420px; position:relative; overflow:hidden; background:var(--pink); color:#1f1420; isolation:isolate; } .hero-art::before { content:""; position:absolute; inset:-30%; background:radial-gradient(ellipse at 50% 50%,transparent 0 12%,rgba(86,30,58,.22) 12.5% 13%,transparent 13.5% 26%,rgba(86,30,58,.25) 26.5% 27%,transparent 27.5% 42%,rgba(86,30,58,.3) 42.5% 43%,transparent 43.5%); animation:drift 18s linear infinite; z-index:-1; } @keyframes drift { to { transform:rotate(360deg); } } .signal-grid { position:absolute; inset:0; opacity:.3; background-image:linear-gradient(#743952 1px,transparent 1px),linear-gradient(90deg,#743952 1px,transparent 1px); background-size:42px 42px; mask-image:radial-gradient(circle at center,black,transparent 75%); } .orbit { position:absolute; border:1px solid rgba(67,22,43,.7); border-radius:50%; top:50%; left:50%; } .orbit-one { width:58%; aspect-ratio:1; transform:translate(-50%,-50%); } .orbit-two { width:90%; aspect-ratio:1; transform:translate(-50%,-50%) rotate(-40deg); border-radius:45% 55% 48% 52%; } .signal-dot { width:8px; height:8px; border-radius:50%; background:#3a1a2c; position:absolute; box-shadow:0 0 16px 5px rgba(58,26,44,.35); } .dot-one { left:48%; top:47%; width:14px; height:14px; animation:flicker 3s infinite; } .dot-two { left:75%; top:38%; } .dot-three { left:26%; top:68%; width:5px; height:5px; } @keyframes flicker { 50% { opacity:.2; transform:scale(1.7); } } .art-caption,.coordinate { position:absolute; font:500 10px/1.5 var(--mono); letter-spacing:.1em; } .art-caption { left:24px; bottom:22px; } .coordinate { right:18px; top:20px; writing-mode:vertical-rl; }
.statement { border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:clamp(50px,6vw,82px) clamp(22px,8vw,128px); display:grid; grid-template-columns:1fr 2.15fr; gap:30px; } .statement h2 { font-size:clamp(36px,4.7vw,66px); line-height:.98; letter-spacing:-.055em; font-weight:600; margin-bottom:20px; max-width:800px; } .statement p:last-child { max-width:590px; color:#b2b7c0; font-size:16px; line-height:1.65; }
.chain { padding:clamp(58px,7vw,96px) clamp(22px,8vw,128px); display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:clamp(45px,7vw,110px); } h2 { font-size:clamp(42px,5.1vw,74px); line-height:.93; letter-spacing:-.055em; font-weight:600; } .chain-intro > p:not(.section-number),.fit-copy>p:not(.section-number) { color:#b2b7c0; max-width:410px; line-height:1.65; } .chain-map { height:350px; background:#171d29; position:relative; overflow:hidden; border:1px solid #2b3343; } .chain-map::before { content:""; position:absolute; inset:0; opacity:.25; background-image:radial-gradient(#748094 1px,transparent 1.2px); background-size:21px 21px; } .map-node { position:absolute; width:88px; aspect-ratio:1; border:1px solid var(--pink); border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; background:#1c202c; z-index:1; font:500 20px var(--mono); color:var(--pink); } .map-node small { font:400 8px var(--mono); color:#aab0bb; margin-top:4px; } .home { left:43%; top:37%; width:116px; color:var(--paper); border-color:var(--paper); } .c2 { left:14%; top:20%; } .c3 { right:10%; bottom:16%; } .map-line { height:1px; background:var(--pink); opacity:.75; position:absolute; transform-origin:left; } .line-a { width:32%; top:39%; left:25%; transform:rotate(26deg); } .line-b { width:30%; top:59%; left:51%; transform:rotate(28deg); } .chain-map > span { position:absolute; bottom:15px; left:16px; z-index:2; font:500 9px var(--mono); letter-spacing:.1em; color:#aab0bb; }
.activities { background:#e7e4dc; color:#12151d; padding:clamp(65px,8vw,115px) clamp(22px,8vw,128px); } .activity-head { display:flex; justify-content:space-between; align-items:flex-start; border-bottom:1px solid #aeb0b1; margin-bottom:20px; } .activity-head .section-number { color:#59616b; }.activity-head >p:last-child { max-width:240px; font-size:13px; color:#4f5660; } .activity-grid { display:grid; grid-template-columns:repeat(4,1fr); } .activity-grid article { padding:30px 28px 18px 0; min-height:230px; border-right:1px solid #b7b7b4; } .activity-grid article+article { padding-left:27px; } .activity-grid article:last-child { border:0; } .activity-grid span { font:500 10px var(--mono); color:#b13f6b; }.activity-grid h3 { font-size:21px; letter-spacing:-.04em; margin:60px 0 12px; }.activity-grid p { font-size:13px; color:#545963; max-width:190px; line-height:1.65; }
.record { padding:clamp(75px,10vw,145px) clamp(22px,8vw,128px); }.record-top { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:35px; }.record-top h2 { margin:0; }.live-label { font:500 10px var(--mono); color:var(--muted); margin:0 0 8px; }.stat-grid { border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:grid; grid-template-columns:repeat(5,1fr); }.stat { min-height:175px; padding:24px 28px; border-right:1px solid var(--line); display:flex; flex-direction:column; }.stat:first-child { padding-left:0; }.stat:last-child { border:0; }.stat span,.stat small { font:500 10px var(--mono); color:var(--muted); }.stat strong { font-size:clamp(32px,4vw,56px); font-weight:500; letter-spacing:-.07em; margin-top:auto; line-height:1; }.stat small { margin-top:12px; color:#69717f; }.record-foot { padding-top:18px; display:flex; justify-content:space-between; font-size:11px; color:var(--muted); }.record-foot p { margin:0; }
.fit { padding:clamp(65px,9vw,125px) clamp(22px,8vw,128px); background:#151a25; display:grid; grid-template-columns:1fr 1fr; gap:clamp(50px,9vw,135px); align-items:center; }.pink-frame { height:420px; background:var(--pink); color:#3a1a2c; display:flex; align-items:flex-end; padding:24px; position:relative; overflow:hidden; font:500 10px/1.5 var(--mono); letter-spacing:.09em; }.pink-frame::before { content:""; position:absolute; width:130%; aspect-ratio:1; border:1px solid rgba(68,24,45,.55); border-radius:50%; top:-52%; left:-15%; box-shadow:0 0 0 45px rgba(68,24,45,.04),0 0 0 90px rgba(68,24,45,.04); }.pink-frame span { z-index:1; }.fit-copy h2 { margin-bottom:26px; }.fit-copy ul { margin:27px 0 0; padding:0; list-style:none; border-top:1px solid #303748; }.fit-copy li { border-bottom:1px solid #303748; padding:12px 0 12px 22px; font-size:12px; color:#c5c8cf; position:relative; }.fit-copy li::before { content:'+'; position:absolute; left:0; color:var(--pink); font:14px var(--mono); }
.join { text-align:center; padding:clamp(68px,9vw,110px) 22px; background:linear-gradient(150deg,#111827 0%,#0d1017 55%); }.join .section-number { color:var(--pink); }.join h2 { font-size:clamp(48px,6vw,86px); margin:0 auto 18px; }.join > p:not(.section-number) { margin:0 auto 25px; max-width:440px; color:#aeb5c0; font-size:15px; }.join .button { text-align:left; } footer { max-width:1440px; margin:auto; padding:20px clamp(22px,5vw,72px); color:#808895; border-top:1px solid var(--line); font:500 9px var(--mono); letter-spacing:.08em; display:flex; justify-content:space-between; }

/* Tighter section rhythm: headings stay in one family and labels remain legible. */
.activities { padding-block:clamp(52px,6vw,82px); }
.activity-head { margin-bottom:12px; }
.activity-grid article { padding-top:24px; padding-bottom:16px; min-height:200px; }
.activity-grid h3 { margin:42px 0 10px; }
.activity-grid p { line-height:1.55; }
.record { padding-block:clamp(58px,7vw,96px); }
.record-top { margin-bottom:26px; }
.stat { min-height:155px; padding-top:20px; padding-bottom:20px; }
.stat small { margin-top:10px; }
.record-foot { padding-top:14px; }
.fit { padding-block:clamp(55px,7vw,92px); gap:clamp(45px,7vw,105px); }
.pink-frame { height:360px; }
.fit-copy h2 { margin-bottom:20px; }
.fit-copy ul { margin-top:22px; }
.fit-copy li { padding-block:10px; }

/* Cold metal palette and a restrained "lost transmission" receiver display. */
body { background:var(--ink); }
nav,.nav-cta { font-size:15px; }
.brand { font-family:'Silkscreen',var(--mono); }
.hero-art { background:linear-gradient(145deg,#080d13,#101924 54%,#090e15); color:#b9d7dc; }
.hero-art::before { opacity:.3; background:radial-gradient(circle at 50% 50%,rgba(117,163,177,.12) 0 1%,transparent 1.6% 17%,rgba(117,163,177,.14) 17.3% 17.6%,transparent 18% 31%,rgba(117,163,177,.11) 31.3% 31.6%,transparent 32% 46%,rgba(169,205,211,.09) 46.3% 46.6%,transparent 47%); animation:none; z-index:0; }
@keyframes receiver-drift { to { transform:rotate(360deg); } }
.shader-canvas { position:absolute; inset:0; width:100%; height:100%; z-index:0; opacity:.82; }
.signal-grid { z-index:1; opacity:.15; background-image:linear-gradient(rgba(112,143,157,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(112,143,157,.15) 1px,transparent 1px); background-size:36px 36px; animation:none; }
@keyframes grid-shift { to { background-position:42px 42px; } }
.signal-sweep { position:absolute; left:50%; top:50%; width:min(95%,500px); aspect-ratio:1; z-index:2; border-radius:50%; transform:translate(-50%,-50%); transform-origin:center; background:conic-gradient(from 300deg,transparent 0deg 10deg,rgba(164,217,227,.62) 10deg 11deg,rgba(92,157,177,.09) 11deg 42deg,rgba(164,217,227,.62) 42deg 43deg,transparent 43deg 360deg); animation:dscan-sweep 10s linear infinite; }
@keyframes dscan-sweep { to { transform:translate(-50%,-50%) rotate(360deg); } }
.signal-sweep::before { content:""; position:absolute; inset:0; border-radius:50%; background:radial-gradient(circle at center,transparent 0 96.7%,rgba(184,228,234,.7) 97.1% 98.1%,transparent 98.5%); -webkit-mask-image:conic-gradient(from 300deg,transparent 0deg 10deg,#000 10deg 43deg,transparent 43deg 360deg); mask-image:conic-gradient(from 300deg,transparent 0deg 10deg,#000 10deg 43deg,transparent 43deg 360deg); }
.signal-sweep::after { content:""; position:absolute; inset:0; border-radius:50%; background:radial-gradient(circle at center,transparent 0 24.3%,rgba(144,190,201,.28) 24.7% 25.3%,transparent 25.7%),radial-gradient(circle at center,transparent 0 49.3%,rgba(144,190,201,.28) 49.7% 50.3%,transparent 50.7%),radial-gradient(circle at center,transparent 0 74.3%,rgba(144,190,201,.28) 74.7% 75.3%,transparent 75.7%); -webkit-mask-image:conic-gradient(from 300deg,transparent 0deg 10deg,#000 10deg 43deg,transparent 43deg 360deg); mask-image:conic-gradient(from 300deg,transparent 0deg 10deg,#000 10deg 43deg,transparent 43deg 360deg); }
.signal-shimmer { display:none; }
@keyframes signal-noise { 50% { opacity:.24; transform:translateY(2px); } }
.orbit { top:50%; left:50%; z-index:3; border-color:rgba(119,155,170,.28); box-shadow:none; }
.orbit-one { width:min(22%,120px); }
.orbit-two { width:min(44%,230px); border-radius:50%; transform:translate(-50%,-50%); }
.orbit-three { width:min(66%,350px); aspect-ratio:1; transform:translate(-50%,-50%); }
.orbit-four { width:min(88%,460px); aspect-ratio:1; transform:translate(-50%,-50%); }
.planet { position:absolute; width:8px; height:8px; border:1px solid rgba(174,207,216,.72); border-radius:50%; background:#537985; box-shadow:0 0 6px rgba(123,177,190,.2); transform:translate(-50%,-50%); }
.planet-one { left:95%; top:28%; width:6px; height:6px; }
.planet-two { left:20%; top:10%; width:10px; height:10px; background:#71898f; }
.planet-three { left:9%; top:79%; width:7px; height:7px; background:#4e707d; }
.planet-four { left:70%; top:96%; width:11px; height:11px; background:#82999b; }
.dot-one { left:50%; top:50%; transform:translate(-50%,-50%); animation:none; }
@keyframes flicker { 50% { opacity:.2; transform:scale(1.7); } }
.signal-contacts { position:absolute; inset:0; z-index:4; pointer-events:none; overflow:hidden; }
.signal-contact { position:absolute; width:240px; height:240px; overflow:visible; pointer-events:none; }
.signal-contact-ring { fill:none; stroke:rgba(183,250,253,.9); stroke-width:1.5; }
.signal-contact-point { fill:#d5ffff; filter:drop-shadow(0 0 4px rgba(126,232,238,.9)); }
.signal-dot { z-index:4; background:#c8fbff; box-shadow:0 0 16px 5px rgba(104,214,225,.38); }
.art-caption,.coordinate { z-index:5; }
.map-node { border-color:var(--pink); color:#a6edf3; background:#111e28; }
.home { color:var(--paper); border-color:var(--paper); }
.map-line { background:var(--pink); }
.map-connections { position:absolute; inset:0; width:100%; height:100%; z-index:0; overflow:visible; }
.map-connections path { fill:none; stroke:rgba(119,200,212,.72); stroke-width:2.7; vector-effect:non-scaling-stroke; }
.chain-map .map-node { width:clamp(100px,20%,142px); height:76px; aspect-ratio:auto; border-radius:0; transform:translateY(-50%); background:rgba(17,30,40,.94); border-color:rgba(119,200,212,.7); color:#b8e9ed; box-shadow:0 0 24px rgba(88,183,194,.08); }
.chain-map .map-node,.chain-map .map-node small,.chain-map > span { font-family:var(--mono); }
.chain-map .map-node b { font-size:clamp(18px,2vw,25px); letter-spacing:.04em; }
.chain-map .map-node small { font-size:10px; font-weight:500; letter-spacing:.12em; color:#91a8b1; }

/* Compact interface text uses one readable pixel-label baseline. */
.brand,.eyebrow,.section-number,.button,.text-link,.art-caption,.coordinate,.chain-map > span,.activity-grid span,.live-label,.stat span,.stat small,.pink-frame,footer { font-size:12px; font-weight:700; }
.eyebrow,.section-number { font-weight:500; }
.chain-map .map-node small { font-size:12px; font-weight:600; color:#a6c0c8; }
.record-foot { font-size:12px; font-weight:500; }
.fit-copy li { font-size:13px; font-weight:500; }
.chain-map .home { left:8%; top:50%; width:clamp(132px,31%,190px); height:104px; color:#e5ecee; border-color:#d8eaec; }
.chain-map .home b { font-size:clamp(23px,2.8vw,34px); }
.chain-map .c2 { left:67%; top:25%; }
.chain-map .c3 { right:auto; left:67%; top:75%; bottom:auto; }
.pink-frame { background:linear-gradient(135deg,#b9c4c7,#e8eeee 48%,#8e9b9f); color:#17242b; }
.pink-frame::before { border-color:rgba(34,66,73,.45); box-shadow:0 0 0 45px rgba(34,66,73,.05),0 0 0 90px rgba(34,66,73,.05); }
.activities { background:var(--metal); }
.activity-grid span { color:#1e7180; }
.join .section-number { color:var(--pink); }

/* Header transmissions use the real logo position as their source point. */
.site-header::before,.site-header::after { content:none; animation:none; }
.header-pings { position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none; }
.site-header > :not(.header-pings) { position:relative; z-index:1; }
.header-ping { position:absolute; overflow:visible; pointer-events:none; }
.header-ping-ring { fill:none; stroke:rgba(143,229,235,.55); stroke-width:1.25; }

/* Shared site language: cool alloy surfaces, quiet dividers, and direct type. */
:root { --surface:#101822; --surface-raised:#151f2b; --line-soft:rgba(151,178,187,.26); --copy:#b8c3c8; --copy-dim:#8999a2; }
body { text-rendering:optimizeLegibility; }
.statement,.record,footer { border-color:var(--line-soft); }
.statement p:last-child,.chain-intro > p:not(.section-number),.fit-copy > p:not(.section-number) { color:var(--copy); }
.lede,.join > p:not(.section-number) { color:var(--copy); }
.activities { background:linear-gradient(135deg,#cbd4d6,#b8c3c7); }
.activity-head { border-color:rgba(47,68,77,.36); }
.activity-head .section-number { color:#46616b; }
.activity-head > p:last-child,.activity-grid p { color:#41545d; }
.activity-grid article { border-color:rgba(52,73,81,.3); }
.activity-grid h3 { font-weight:600; }
.record-foot { color:var(--copy-dim); }
.stat-grid { border-color:var(--line-soft); }
.stat { border-color:var(--line-soft); }
.stat strong { font-weight:600; }
.fit { background:linear-gradient(140deg,#111a25,#151e29); }
.fit-copy ul,.fit-copy li { border-color:rgba(145,171,181,.24); }
.join { background:radial-gradient(circle at 50% 0%,#172634 0%,#0b1119 56%); }
.button { min-height:46px; box-shadow:inset 0 0 0 1px rgba(217,251,255,.08); }
.text-link { text-decoration-thickness:1px; }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; } }
@media (max-width:760px) { .site-header { height:92px; }.site-header .brand img { width:68px; height:68px; }.site-header nav,.nav-cta { display:none; }.hero { min-height:auto; padding-top:52px; padding-bottom:46px; grid-template-columns:1fr; }.hero .eyebrow { font-size:12px; }.hero-art { height:70vw; min-height:310px; }.statement,.chain,.fit { grid-template-columns:1fr; }.statement { padding:48px 22px; gap:0; }.chain { padding:54px 22px; }.chain-map { height:300px; }.activity-head { display:block; }.activity-grid { grid-template-columns:1fr 1fr; }.activity-grid article,.activity-grid article+article { padding:20px 16px 20px 0; }.activity-grid article:nth-child(2) { padding-left:16px; border:0; }.activity-grid article:nth-child(3) { border-top:1px solid #b7b7b4; }.activity-grid article:nth-child(4) { padding-left:16px; border-top:1px solid #b7b7b4; border-right:0; }.activity-grid h3 { margin-top:30px; }.record-top,.record-foot { display:block; }.live-label { margin-top:18px; }.stat-grid { grid-template-columns:1fr 1fr; }.stat { min-height:135px; padding:18px; border-bottom:1px solid var(--line); }.stat:nth-child(odd) { padding-left:0; }.stat:nth-child(even) { border-right:0; }.stat:last-child { border-bottom:0; }.record-foot .text-link { display:inline-block; margin-top:15px; } .fit { padding:54px 22px; }.pink-frame { height:300px; }.fit-copy { order:-1; } footer { display:block; line-height:2; } footer span { display:block; } }

/* Give the scanner more presence while preserving room for the one-line title. */
.hero { grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr); gap:clamp(24px,4vw,64px); }
.hero-art { height:min(52vw,580px); min-height:430px; }
.statement { display:block; }
.statement h2 { max-width:none; }
.statement p:last-child { max-width:760px; }
.fit-copy li { font-size:14px; line-height:1.5; }

@media (max-width:760px) {
  .hero { grid-template-columns:1fr; }
  .hero-art { height:70vw; min-height:310px; }
}

/* Activity band: a distinct, darker instrument panel rather than a bright break. */
.activities { background:linear-gradient(135deg,#182734,#0d161f 72%); color:var(--paper); }
.activity-head { border-color:rgba(155,191,201,.26); margin-bottom:0; }
.activity-head > p:last-child { max-width:none; margin:0; padding-bottom:13px; color:#aebfc5; font-size:clamp(10px,1.15vw,14px); line-height:1.25; white-space:nowrap; }
.activity-grid article { border-color:rgba(155,191,201,.2); }
.activity-grid article,.activity-grid article + article { min-height:0; padding-top:22px; padding-bottom:22px; }
.activity-grid h3 { margin:0 0 8px; color:#e1ecee; }
.activity-grid p { color:#a9bbc1; }

/* Shared receiver frame for the live scanner and chain display. */
.hero-art,.chain-map {
  border:1px solid rgba(163,220,226,.62);
  outline:1px solid rgba(117,200,212,.18);
  outline-offset:4px;
  box-shadow:0 0 0 4px rgba(117,200,212,.045),0 14px 34px rgba(0,0,0,.3),inset 0 0 0 1px rgba(218,248,251,.1);
}

.skip-link { position:fixed; top:12px; left:12px; z-index:30; padding:10px 14px; background:var(--hot); color:var(--ink); font:700 11px var(--mono); transform:translateY(-160%); transition:transform .16s ease; }
.skip-link:focus { transform:translateY(0); }
a:focus-visible { outline:2px solid var(--hot); outline-offset:4px; }
main:focus { outline:none; }

@media (max-width:760px) {
  .activity-grid article:nth-child(3),.activity-grid article:nth-child(4) { border-top-color:rgba(155,191,201,.2); }
}