:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#193255;background:#f6f9ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;overflow-x:hidden;background:radial-gradient(ellipse at 12% 7%,#dceaff 0,transparent 43%),radial-gradient(ellipse at 91% 86%,#d9f5f5 0,transparent 38%),#f8faff}
.background-grid{position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(#7896bf25 .8px,transparent .8px);background-size:24px 24px;mask-image:linear-gradient(145deg,#0008,transparent 48%,#0006)}
main{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:72px 24px 44px;text-align:center}
.brand-scene{position:relative;width:290px;height:180px;display:grid;place-items:center;margin-bottom:27px}
.icon-halo{position:absolute;width:122px;height:122px;border-radius:35px;background:#fff9;border:1px solid #fff;box-shadow:0 14px 50px #346ddb0c;transform:rotate(-11deg)}
.brand-mark{position:relative;width:96px;height:96px;filter:drop-shadow(0 16px 21px #2865c72b)}
.orbit{position:absolute;inset:18px 7px;border:1px solid #a4bbde4a;border-radius:50%;transform:rotate(-20deg)}
.orbit-two{inset:29px 0;border-color:#98ccdf40;transform:rotate(24deg)}
.orbital-point{position:absolute;width:8px;height:8px;border:2px solid #f6f9ff;border-radius:50%;box-shadow:0 0 0 5px #6096ee0a}
.point-one{left:9px;top:104px;background:#81a8ee}
.point-two{right:18px;top:113px;background:#60ccd2;width:7px;height:7px}
.brand-copy{position:relative}
.eyebrow{margin:0 0 14px;font-size:10px;font-weight:700;letter-spacing:3.4px;color:#7592b5}
h1{margin:0;color:#17345d;font-size:clamp(36px,6.7vw,62px);font-weight:750;line-height:1.15;letter-spacing:-2.9px}
h1>span:first-child{color:#2869ed}
.brand-dot{color:#26b9ce}
.tagline{margin:20px 0 0;color:#7b8fa8;font-size:14px;font-weight:400;line-height:1.7;letter-spacing:.1px}
.signature-line{display:block;width:38px;height:3px;margin:32px auto 0;border-radius:3px;background:linear-gradient(90deg,#3778f3,#58ced5)}
footer{position:relative;text-align:center;padding:28px 20px 30px;color:#9aaac0;font-size:10px;letter-spacing:1.5px}
@media(max-width:480px){main{padding:48px 18px 34px}.brand-scene{transform:scale(.9);margin-bottom:12px}h1{letter-spacing:-1.8px}.eyebrow{font-size:9px;letter-spacing:2.8px}.tagline{font-size:12px;margin-top:17px}footer{font-size:9px}}
@media(max-height:550px) and (min-width:481px){main{padding-top:25px;padding-bottom:20px}.brand-scene{height:140px;margin-bottom:12px}.eyebrow{margin-bottom:10px}.signature-line{margin-top:18px}footer{padding:15px}}