:root { color-scheme: dark; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; background:#090e16; color:#f5f7fb; }
* {box-sizing:border-box}
body {margin:0; min-height:100vh; background:radial-gradient(circle at 6% 0%,#23334f 0,#101827 36%,#090e16 75%)}
.shell {max-width:1000px; margin:auto; padding:30px 22px 45px}
.masthead {display:flex; align-items:center; gap:22px; padding:18px 0 30px; border-bottom:1px solid #28374d}
.brand-mark {width:90px;height:90px;flex:none;display:grid;place-items:center;font-size:74px;line-height:1;color:#e4bd66;background:#1c2a42;border:2px solid #866d39;border-radius:24px}
.eyebrow {letter-spacing:.2em; font-size:12px; color:#f0cd7f; font-weight:800; margin:0 0 6px}
h1 {font-size:clamp(29px,5.6vw,52px); margin:0; letter-spacing:-.035em}
h2 {font-size:23px;margin:0 0 10px}
.lede {margin:8px 0 0;font-size:19px;color:#c5d2e4}
.notice {margin:28px 0;background:#172336;border:1px solid #405575;border-radius:18px;padding:20px 24px;font-size:17px;line-height:1.55}
.notice p {margin:8px 0}
.subtle {color:#b7c6da;font-size:15px}
.section-title {display:flex;justify-content:space-between;align-items:baseline;margin:30px 0 12px}
.section-title span {color:#b6c7de}
.apps {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}
.app-card {background:#152238;border:1px solid #33465f;border-radius:18px;padding:22px;display:flex;flex-direction:column;min-height:215px}
.app-card h3 {font-size:23px;margin:0 0 5px}
.app-card p {font-size:16px;line-height:1.5;color:#c5d2e4;margin:10px 0 14px;flex:1}
.version {font-size:14px;color:#9fd4ee}
.download {display:block;text-align:center;background:#efc46e;color:#10131b;text-decoration:none;font-weight:850;font-size:19px;padding:15px;border-radius:10px;outline-offset:4px}
.download:hover,.download:focus {background:#ffe4a0; outline:3px solid white}
.status {font-size:18px;color:#c5d2e4;margin:20px 0}
footer {border-top:1px solid #2e3b50;margin-top:40px;padding-top:18px;color:#a7b6c9;font-size:14px;line-height:1.5}
@media(max-width:600px){.brand-mark{width:62px;height:62px;font-size:51px}.masthead{gap:13px}.shell{padding:20px 14px}.notice{padding:18px}}

.legacy {margin-top:12px;background:#263c58;color:#e4edf7;font-size:16px;border:1px solid #617b9b}
.download:focus {transform:scale(1.02)}
@media(prefers-reduced-motion:no-preference){.download{transition:background .15s,transform .15s}}
.masthead{gap:42px;padding:20px 0 32px;min-height:280px}
.crow-brand{margin:0;text-align:center;flex:0 0 230px}
.crow-brand img{display:block;width:200px;height:200px;object-fit:contain;margin:auto}
.crow-brand figcaption{font-size:14px;letter-spacing:.025em;color:#9fcbed;margin-top:8px;white-space:nowrap}
.brand-title{flex:1;text-align:center}
.crown{display:block;width:240px;height:140px;object-fit:contain;margin:0 auto 12px}
h1{font-size:clamp(29px,4vw,44px)}
@media(max-width:650px){.masthead{gap:18px;flex-direction:column}.crow-brand{flex-basis:auto}.crow-brand img{width:155px;height:155px}.crown{width:200px;height:110px}.brand-title{width:100%}}
.crow-portrait{position:relative;width:200px;height:200px;margin:auto}
.eye-glow{position:absolute;top:41.4%;width:7%;height:3.6%;border-radius:50%;transform:translate(-50%,-50%) rotate(12deg);background:radial-gradient(ellipse,#e9ffff 0%,#4ae5ff 20%,#009dff 48%,transparent 75%);box-shadow:0 0 7px 2px #00bfff,0 0 18px 5px #007bffb0;mix-blend-mode:screen;pointer-events:none;animation:watching-pulse 2.6s ease-in-out infinite}
.eye-left{left:35.1%}.eye-right{left:65.9%;transform:translate(-50%,-50%) rotate(-12deg)}
@keyframes watching-pulse{0%,100%{opacity:.48;filter:brightness(.9);box-shadow:0 0 4px 1px #00bfff,0 0 11px 3px #007bff70}50%{opacity:1;filter:brightness(1.6);box-shadow:0 0 9px 3px #00d5ff,0 0 24px 7px #008cffbb}}
@media(max-width:650px){.crow-portrait{width:155px;height:155px}}
@media(prefers-reduced-motion:reduce){.eye-glow{animation:none;opacity:.8}}
/* Deep sapphire eye glow */
.eye-glow{background:radial-gradient(ellipse,#163eac 0%,#082777 30%,#020e45 60%,transparent 80%);box-shadow:0 0 5px 2px #031a80,0 0 13px 4px #00105c99;mix-blend-mode:normal}
@keyframes watching-pulse{0%,100%{opacity:.8;filter:brightness(.65);box-shadow:0 0 3px 1px #041365,0 0 8px 2px #000b454d}50%{opacity:1;filter:brightness(.95);box-shadow:0 0 6px 2px #092794,0 0 15px 4px #00126680}}
/* Bright pulse in saturated deep blue, without cyan highlights. */
.eye-glow{background:radial-gradient(ellipse,#3660ff 0%,#153cdd 28%,#071c88 58%,transparent 82%);mix-blend-mode:normal}
@keyframes watching-pulse{0%,100%{opacity:.8;filter:brightness(.8);box-shadow:0 0 4px 1px #1025b8,0 0 10px 3px #06137680}50%{opacity:1;filter:brightness(2.2) saturate(1.6);box-shadow:0 0 9px 3px #2449ff,0 0 22px 7px #102debd9,0 0 32px 10px #08188c80}}