@charset "UTF-8";
:root{color-scheme:dark;--bg:#0d1e31;--text:#edf7ff;--muted:#a8bfd3;--accent:#a7ddff;--line:#8ecbff24;font-family:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}
body{background-image:radial-gradient(ellipse at 79% 45%,#24598770,transparent 57%),radial-gradient(ellipse at 6% 0%,#24466b60,transparent 60%)}
.page{max-width:1800px;margin:auto;min-height:100svh;padding:0 clamp(24px,5.1vw,96px);display:flex;flex-direction:column}
.header{min-height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}
.identity{display:flex;align-items:center;font-size:18px;font-weight:600;letter-spacing:-.6px;white-space:nowrap}
.monogram{display:grid;place-items:center;width:34px;height:34px;border:1px solid #8dcfff55;border-radius:50%;font-size:17px;letter-spacing:-1px;color:var(--accent);margin-right:15px}
.identity-dot{color:var(--accent)}
.status{font-family:monospace;font-size:11px;letter-spacing:.06em;color:#b4d4eb;display:flex;align-items:center;gap:9px}
.status-dot{width:6px;height:6px;background:#a7e5ff;border-radius:50%;box-shadow:0 0 14px #6bccff99}
main{flex:1;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:4vw;padding:clamp(36px,6vh,76px) 0;min-height:0}
.eyebrow{font-family:monospace;text-transform:uppercase;letter-spacing:.16em;font-size:11px;line-height:1.8;margin:0 0 30px;color:#aacbe3}
.eyebrow span{color:var(--accent);margin-right:17px}
h1{font-size:clamp(48px,5.7vw,94px);line-height:1.04;letter-spacing:-.065em;font-weight:500;margin:0}
h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em;color:var(--accent);text-shadow:0 0 45px #72bcff1a}
.description{font-size:15px;line-height:1.75;color:var(--muted);margin:30px 0 0;letter-spacing:-.1px}
.visual{position:relative;width:100%;aspect-ratio:1;max-width:min(540px,calc(100svh - 340px));justify-self:center;display:grid;place-items:center;isolation:isolate}
.visual:before,.visual:after{content:"";position:absolute;background:var(--line);z-index:-1}
.visual:before{width:100%;height:1px}
.visual:after{height:100%;width:1px}
.orbit{position:absolute;width:76%;height:76%;border-radius:50%;border:1px solid #91cfff35}
.orbit-one{box-shadow:0 0 65px #69c8ff0d,inset 0 0 65px #69c8ff0d}
.orbit-one:after{content:"";position:absolute;top:14%;right:14%;width:9px;height:9px;border-radius:50%;background:#b0eaff;box-shadow:0 0 22px #6bceffb3}
.orbit-two{width:59%;height:59%;border:1px dashed #91cfff40;animation:turn 100s linear infinite}
.orbit-three{width:89%;height:89%;border-color:transparent;border-top-color:#a7ddff80;transform:rotate(-35deg);animation:turn 32s linear infinite}
.core{width:39%;height:39%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 32% 25%,#e3f8ff 0,#a8deff 30%,#57a5d8 61%,#285b86 85%);border:1px solid #bcecff85;box-shadow:inset -16px -12px 25px #0b365533,0 18px 48px #020c2059,0 0 70px #55bbff24}
.core span{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:clamp(44px,5.5vw,82px);letter-spacing:-.09em;color:#143d5c;transform:translate(-4px,-3px)}
.coordinate{position:absolute;font:9px monospace;letter-spacing:.16em;color:#a1c1db;background:var(--bg);padding:8px 10px}
.coordinate-top{top:-4px}.coordinate-bottom{bottom:-4px;font-size:8px}
.cross{position:absolute;color:#91c5eb;font:17px monospace;background:var(--bg);padding:4px}
.cross-one{left:0}.cross-two{right:0}
footer{min-height:82px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font:11px monospace;letter-spacing:.04em;color:#9dbbd2}
.footer-note{color:#b1d5ed;display:flex;align-items:center;gap:28px}
.arrow{font-family:Arial,Helvetica,sans-serif;font-size:20px;color:var(--accent)}
@keyframes turn{to{transform:rotate(325deg)}}
@media(min-width:1600px) and (min-height:1000px){main{min-height:700px}}
@media(max-width:800px){.header{min-height:90px}.identity{font-size:16px}.monogram{margin-right:10px}.status{font-size:10px}main{gap:24px;grid-template-columns:1fr;padding:57px 0 48px;min-height:auto}h1{font-size:clamp(48px,8.7vw,72px)}.description{font-size:14px;margin-top:25px}.eyebrow{margin-bottom:24px}.visual{width:min(70%,360px);max-width:none;justify-self:center;margin:18px 0 12px}.core span{font-size:53px}.coordinate{font-size:7px}.coordinate-bottom{font-size:6px}footer{min-height:72px}}
@media(max-width:380px){.identity{font-size:14px}.monogram{width:28px;height:28px;font-size:14px}.status{font-size:9px;gap:6px}h1{font-size:44px}.page{padding:0 20px}.visual{width:82%}.footer-note{gap:12px}footer{font-size:10px}}
@media(prefers-reduced-motion:reduce){.orbit{animation:none}}