@font-face{font-family:Space Grotesk;src:url("./fonts/space-grotesk-latin-normal-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Space Grotesk;src:url("./fonts/space-grotesk-latin-normal-700.woff2") format("woff2");font-weight:700;font-display:swap}
*{box-sizing:border-box}html{color-scheme:dark;background:#101522}body{margin:0;color:#d8dfea;font:16px/1.65 "Space Grotesk",system-ui,sans-serif;background:radial-gradient(ellipse at 85% 10%,#24304c70,transparent 60%),#101522}a{color:inherit}a:focus-visible{outline:3px solid #8dbdff;outline-offset:5px}
.brand{max-width:1200px;margin:auto;padding:28px 32px;border-bottom:1px solid #ffffff1c;display:flex;justify-content:space-between;gap:16px;color:#b4bfd3;font-size:13px}.brand span:first-child{font-size:17px;font-weight:700;color:#f6f7fb}
main{max-width:1200px;margin:auto;padding:42px 32px 28px}.eyebrow{margin:0 0 14px;color:#f3bf60;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700}h1{font-size:38px;line-height:1.18;letter-spacing:-.025em;color:#fff;margin:0 0 20px}h1 span{color:#f6c46d}h2{font-size:23px;line-height:1.3;color:#fff;margin:0 0 16px}.intro{max-width:800px;margin:0 0 22px;font-size:16px}
.action{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:12px 24px;color:#21180a;background:#f5bf55;border:1px solid #efc87f;border-radius:8px;text-decoration:none;font-size:16px;font-weight:700}.action:hover{background:#ffcf78}.connect-note{max-width:780px;font-size:13px;color:#adb9cd;margin:16px 0 30px}
.improvements{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:32px;background:#ffffff03;border:1px solid #ffffff1b;border-radius:12px;padding:26px}.improvements ul{list-style:none;display:grid;gap:12px;padding:0;margin:0;font-size:14px}.improvements li{position:relative;padding-left:15px}.improvements li::before{content:"";position:absolute;left:0;top:.75em;height:4px;width:4px;border-radius:50%;background:#f5bf55}
.fees{border-left:1px solid #ffffff1b;padding-left:28px}.fee-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.fee{padding:12px 4px;display:flex;flex-direction:column;text-align:center;border:1px solid #ffffff26;border-radius:8px;min-width:0}.fee>span:first-child{text-transform:uppercase;font-size:11px;font-weight:700}.fee strong{font-size:31px;letter-spacing:-.04em;color:#fff;white-space:nowrap}.fee small{font-size:18px}.fee>span:last-child{font-size:10px;white-space:nowrap}.live{border-color:#c89841;background:#f5bf550b}.live>span:last-child{color:#b2de99}.fees>p:last-child{font-size:12px;margin:14px 0 0;color:#adb9cd}.thanks{margin:28px 0 0;font-size:14px;color:#c3ccdb}footer{max-width:1200px;margin:auto;padding:22px 32px;border-top:1px solid #ffffff1c;color:#98a7bf;font-size:12px}
@media(max-width:750px){.brand{padding:20px 18px;font-size:11px;align-items:center}.brand span:first-child{font-size:15px}main{padding:28px 18px}h1{font-size:28px}.intro{font-size:14px}.action{width:100%;padding:11px 12px;font-size:15px}.improvements{grid-template-columns:minmax(0,1fr);gap:22px;padding:20px 16px}.fees{border-left:0;border-top:1px solid #ffffff1b;padding:18px 0 0}h2{font-size:21px}footer{padding:20px 18px}.fee strong{font-size:30px}.connect-note{font-size:12px}.thanks{font-size:13px}}