/* Skynet Telemetry landing page. Static decoration only; no simulated readings. */
:root{color-scheme:dark;--bg:#03080f;--ink:#edf5f6;--muted:#a8bbc7;--dim:#86a1b2;--line:rgba(131,207,226,.23);--cyan:#a0edec;--green:#aeefb8}
*{box-sizing:border-box}
html{min-height:100%;scroll-behavior:smooth}
body{margin:0;min-width:280px;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
a{color:inherit;text-underline-offset:4px}
a:focus-visible{outline:2px solid var(--green);outline-offset:6px;border-radius:4px}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:12px;left:12px;z-index:10;transform:translateY(-180%);background:#132935;padding:12px 18px;border:1px solid var(--cyan);border-radius:8px}
.skip-link:focus{transform:translateY(0)}
.atmosphere{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 88% 18%,rgba(29,105,117,.19),transparent 46%),radial-gradient(ellipse at 2% 44%,rgba(46,51,99,.23),transparent 48%),linear-gradient(155deg,#050912,#02070e 70%)}
.atmosphere::after{content:"";position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(91,152,172,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(91,152,172,.09) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(#000,transparent 90%)}
.shell{width:min(1160px,100%);margin:auto;padding:calc(24px + env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px))}
.page-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin-bottom:48px}
.nav-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;border:1px solid var(--line);border-radius:999px;padding:8px 17px;font-size:.78rem;letter-spacing:.06em;text-decoration:none;background:rgba(5,16,26,.65)}
.nav-link:hover{border-color:var(--cyan);background:#0a1b28}
.wordmark{text-decoration:none;font-size:.9rem;letter-spacing:.04em;color:var(--muted)}
.wordmark span{color:var(--green)}
.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;column-gap:12px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(140deg,rgba(11,25,40,.86),rgba(3,12,21,.76));box-shadow:0 25px 60px rgba(0,0,0,.23),inset 0 1px 0 rgba(207,242,255,.04);padding:clamp(26px,4.5vw,52px) clamp(24px,4.5vw,50px) 0}
.hero-copy{position:relative;z-index:1;min-width:0;overflow-wrap:anywhere;padding-bottom:40px}
.eyebrow{margin:0 0 20px;color:var(--green);font-size:.65rem;letter-spacing:.17em;font-weight:600;text-transform:uppercase}
h1{margin:0;font-size:clamp(3.15rem,7.8vw,6.25rem);line-height:.97;letter-spacing:-.065em;font-weight:550}
h1 span{display:block;font-size:.78em;color:var(--cyan);font-weight:350;letter-spacing:-.045em;margin-top:10px}
.hero-line{margin:28px 0 12px;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:450;letter-spacing:-.02em}
.intro{max-width:48ch;margin:0;color:var(--muted);font-size:.94rem;line-height:1.8}
.primary-link{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:48px;max-width:100%;margin-top:28px;padding:12px 18px;background:#b1e6de;color:#071b22;text-decoration:none;border:1px solid #cbf3e9;border-radius:8px;font-size:.82rem;font-weight:650;line-height:1.4}
.primary-link:hover{background:#d5f6ed}
.primary-link>span[aria-hidden]{font-size:1.2rem}
.orbit{position:relative;justify-self:center;width:100%;max-width:350px;aspect-ratio:1;isolation:isolate;margin-top:-20px}
.orbit::before,.orbit::after{content:"";position:absolute;top:50%;left:7%;right:7%;height:1px;background:linear-gradient(90deg,transparent,rgba(149,217,235,.17),transparent)}
.orbit::after{transform:rotate(90deg)}
.orbit-ring{position:absolute;inset:10%;border:1px solid rgba(146,213,232,.18);border-radius:50%;box-shadow:0 0 40px rgba(45,142,163,.045)}
.orbit-ring--outer{inset:1%;border-style:dashed;border-color:rgba(146,213,232,.16)}
.orbit-ring--middle{inset:14%;border-top-color:rgba(174,239,184,.65);transform:rotate(-38deg)}
.orbit-ring--middle::before{content:"";position:absolute;top:12%;left:12%;width:6px;height:6px;border-radius:50%;background:#bcf5d0;box-shadow:0 0 12px rgba(161,246,207,.8)}
.orbit-ring--inner{inset:30%;border-color:rgba(146,213,232,.29);background:radial-gradient(circle,rgba(43,108,128,.13),transparent 72%)}
.orbit-core{position:absolute;inset:46%;border:1px solid rgba(240,143,143,.7);border-radius:50%;background:radial-gradient(circle,#f3b5ae,#a74643 40%,#481b25 70%);box-shadow:0 0 24px rgba(204,68,65,.28)}
.orbit-caption{position:absolute;top:105%;width:100%;text-align:center;font-size:.51rem;text-transform:uppercase;letter-spacing:.17em;color:var(--dim)}
.project-strip{grid-column:1/-1;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px 20px;padding:18px 0;border-top:1px solid var(--line);color:var(--dim);font-size:.65rem;letter-spacing:.03em}
.project-strip>span:first-child{display:flex;align-items:center;gap:9px}
.project-strip i{width:5px;height:5px;border-radius:50%;background:var(--green)}
.project-strip time{color:#c0d4db}
.observations{margin-top:56px}
.section-heading{margin-bottom:24px}
.section-heading .eyebrow,.next-layer .eyebrow{margin-bottom:9px}
h2{margin:0;font-size:clamp(1.5rem,3.5vw,2rem);letter-spacing:-.04em;font-weight:450;line-height:1.3}
.observation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.observation{padding:22px 0 0;border-top:1px solid var(--line)}
.section-number{font-size:.65rem;letter-spacing:.08em;color:#86b9c6}
h3{font-size:1.01rem;font-weight:500;margin:12px 0 9px;letter-spacing:-.015em}
.observation p{margin:0;max-width:42ch;font-size:.85rem;line-height:1.85;color:var(--muted)}
.next-layer{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:20px;margin-top:44px;padding:28px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(120deg,rgba(18,39,47,.55),rgba(7,16,28,.55))}
.next-marker{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(174,239,184,.28);border-radius:50%;font-weight:300;font-size:1.6rem;line-height:1;color:var(--green)}
.next-layer p:last-child{max-width:72ch;margin:12px 0 0;color:var(--muted);font-size:.87rem;line-height:1.8}
.next-layer a{color:var(--cyan)}
.page-footer{padding:28px 0 0;color:var(--dim);font-size:.64rem}
.page-footer p{max-width:85ch;margin:0 0 18px}
.page-footer>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center}
.page-footer a{display:inline-flex;align-items:center;gap:14px;min-height:44px;text-decoration:none;color:var(--muted)}
@media(max-width:700px){.page-nav{margin-bottom:28px}.hero{grid-template-columns:1fr}.hero-copy{padding-bottom:28px}.orbit{display:none}.project-strip{padding:16px 0;gap:8px;font-size:.61rem}.observation-grid{grid-template-columns:1fr;gap:22px}.observation{padding-top:17px}.observation p{max-width:none}.section-number{float:right;margin-top:6px}.observation h3{margin-top:0}.observations{margin-top:36px}.next-layer{margin-top:32px;padding:23px;gap:15px;grid-template-columns:30px minmax(0,1fr)}.next-marker{width:30px;height:30px;font-size:1.2rem}.next-layer h2{font-size:1.45rem}}
@media(max-width:380px){.shell{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.page-nav{gap:10px}.nav-link{font-size:.69rem;padding:8px 13px}.wordmark{font-size:.77rem}.hero{padding-left:20px;padding-right:20px}.eyebrow{font-size:.59rem;letter-spacing:.1em}.primary-link{font-size:.76rem;gap:12px;padding:12px 14px}.next-layer{grid-template-columns:1fr}.next-marker{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}