:root{--bg:#06090e;--panel:#0b111a;--border:#1b2a39;--text:#f3f6fa;--muted:#8799aa;--blue:#1fa7ff;--cyan:#58d7ff;--max:1120px}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;display:flex;flex-direction:column;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.header{width:100%;max-width:var(--max);height:78px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}
.logo{font-size:20px;font-weight:900;letter-spacing:-.04em}
.logo span{color:var(--cyan)}
.header nav a{font-size:14px;color:#a8b6c4;font-weight:650}
.header nav a:hover{color:#fff}
main{flex:1;width:100%;max-width:var(--max);margin:auto;padding:0 24px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:56px}
.pin{width:clamp(180px,24vw,300px);height:auto;display:block;filter:drop-shadow(0 26px 42px rgba(217,32,255,.22))}
.copy{padding:64px 0}
.badge{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border:1px solid var(--border);border-radius:999px;background:var(--panel);color:#a8b6c4;font-size:13px;font-weight:700;letter-spacing:.02em}
.dot{width:8px;height:8px;border-radius:50%;background:#dfb66c;box-shadow:0 0 0 4px rgba(223,182,108,.14)}
h1{margin:22px 0 0;color:var(--cyan);font-size:clamp(52px,7vw,84px);line-height:.95;letter-spacing:-.065em}
h2{margin:16px 0 0;font-size:clamp(26px,3.4vw,40px);line-height:1.14;letter-spacing:-.045em}
.copy p{margin:16px 0 0;max-width:560px;color:var(--muted);font-size:18px}
.actions{margin-top:32px;display:flex;gap:12px;flex-wrap:wrap}
.actions a{min-height:52px;padding:0 22px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-weight:750;font-size:15px;transition:.18s}
.primary-button{background:var(--blue);color:#fff}
.primary-button:hover{background:#42b6ff}
footer{width:100%;max-width:var(--max);margin:0 auto;padding:26px 24px 30px;border-top:1px solid var(--border);color:#5f7181;font-size:12px}
footer p{margin:0;max-width:650px}
footer small{display:block;margin-top:10px}
@media(max-width:850px){main{grid-template-columns:1fr;justify-items:center;text-align:center;gap:24px;padding-top:48px}.pin{order:-1;width:clamp(150px,42vw,230px)}.copy{padding:0 0 48px}.copy p{margin-left:auto;margin-right:auto}.actions{justify-content:center}}
@media(max-width:600px){.header{height:68px;padding:0 18px}.logo{font-size:17px}main{padding:36px 18px 0}.actions a{width:100%}footer{padding:22px 18px 26px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}