:root { color-scheme: light; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; color:#10284a; background:#dceeff; }
* { box-sizing:border-box; }
body { min-height:100dvh; margin:0; background:radial-gradient(circle at 70% 18%,rgba(255,255,255,.96),transparent 30%),linear-gradient(150deg,#f7fbff 0%,#dceeff 58%,#c5e3ff 100%); }
main { min-height:100dvh; display:grid; align-content:center; padding:36px max(24px,6vw); position:relative; overflow:hidden; }
.brand { position:absolute; left:max(24px,6vw); top:30px; color:#123f91; font-size:20px; font-weight:900; letter-spacing:.08em; text-decoration:none; }
section { width:min(760px,100%); position:relative; z-index:1; padding:90px 0 60px; }
.coordinate,.eyebrow { color:#2470b7; font-size:11px; font-weight:850; letter-spacing:.18em; }
.eyebrow { margin:26px 0 16px; }
h1 { margin:0; font-size:clamp(48px,8vw,90px); line-height:1.03; letter-spacing:-.055em; }
section>p:not(.eyebrow) { margin:28px 0 0; color:#557391; font-size:17px; line-height:1.9; }
.actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:38px; }
.actions a { min-height:48px; display:inline-flex; align-items:center; justify-content:center; padding:0 24px; border:1px solid #8db5d9; border-radius:999px; color:#123f91; font-weight:800; text-decoration:none; }
.actions .primary { border-color:#123f91; color:white; background:#123f91; }
.orbit { width:min(520px,62vw); aspect-ratio:1; position:absolute; z-index:-1; left:58%; top:50%; border:1px solid rgba(18,63,145,.18); border-radius:50%; transform:translate(-10%,-50%); }
.orbit::before,.orbit::after { content:""; position:absolute; inset:16%; border:1px solid rgba(18,63,145,.15); border-radius:50%; }
.orbit::after { inset:34%; background:radial-gradient(circle at 35% 30%,#fff,#8cc9f4 65%,#3a85c9); box-shadow:0 34px 90px rgba(21,81,143,.28); }
.orbit i { width:18px; height:18px; position:absolute; right:7%; top:29%; border-radius:50%; background:#20a7d8; box-shadow:0 0 0 8px rgba(32,167,216,.12); }
@media (max-width:680px) { main { align-content:end; padding-bottom:10vh; }.orbit { width:90vw; left:28%; top:24%; }.coordinate { display:none; } section { padding-bottom:0; } h1 { font-size:clamp(44px,14vw,66px); } section>p:not(.eyebrow) { font-size:15px; }.actions a { width:100%; } }
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto !important; } }