:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#0b0d12;color:#f3f3f8}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}header,footer{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1440px;margin:auto;padding:28px 6vw}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;letter-spacing:-.6px}.brand img{object-fit:contain}nav{display:flex;gap:30px;align-items:center;font-size:13px;color:#adaebd}.small-button{padding:12px 18px;border:1px solid #ffffff25;border-radius:11px;color:#e5e2f3}.hero{max-width:1440px;margin:30px auto 60px;padding:0 6vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#b6a2f5}h1{font-size:clamp(64px,7.4vw,110px);line-height:1.01;letter-spacing:-.07em;font-weight:600;margin:25px 0}em{font-style:normal;color:#c5b5ff}.hero-copy p{font-size:18px;line-height:1.65;color:#a6a7b8;margin:25px 0 32px}.primary{background:#c5b5ff;color:#191127;display:inline-flex;align-items:center;gap:58px;padding:18px 24px;font-weight:650;border-radius:13px;font-size:15px}.primary:hover{background:#d7cdff}.hero-copy small{display:block;color:#717585;font-size:11px;margin-top:18px}.hero-art{position:relative;background:radial-gradient(ellipse at 50% 42%,#242137,#101217 70%);border:1px solid #ffffff10;border-radius:26px;overflow:hidden;aspect-ratio:.94}.hero-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 25px #c7a4ff20);padding:20px}.art-label{position:absolute;bottom:24px;left:25px;right:25px;display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:2px;color:#9895a9}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:6vw;max-width:1440px;margin:0 auto;padding:38px 6vw 58px;border-top:1px solid #ffffff0c}.features>div>span{font-size:10px;color:#8e7bbb}h2{font-size:20px;font-weight:550;letter-spacing:-.5px;margin:14px 0 10px}.features p{color:#9295a7;font-size:13px;line-height:1.7;margin:0}footer{border-top:1px solid #ffffff0c;padding-top:24px;padding-bottom:24px}footer .brand{font-size:16px}footer nav{font-size:11px;gap:24px}footer small{color:#686c7a;font-size:10px}:focus-visible{outline:2px solid #c5b5ff;outline-offset:5px}@media(max-width:720px){header{padding:20px}.brand{font-size:20px}header nav{gap:16px;font-size:11px}header .small-button{padding:10px 12px}.hero{grid-template-columns:1fr;margin:28px auto 35px;padding:0 24px;gap:32px}h1{font-size:70px}.hero-copy p{font-size:16px}.hero-art{aspect-ratio:1.15}.hero-art img{padding:18px 30px}.features{grid-template-columns:1fr;padding:32px 24px;gap:26px}.features>div{display:grid;grid-template-columns:26px 1fr;gap:0 10px}.features>div>span{grid-row:1/3;margin-top:5px}.features h2{margin:0 0 7px}.features p{grid-column:2}footer{padding:24px;flex-wrap:wrap}footer nav{gap:18px}footer small{width:100%}}footer nav{flex-wrap:wrap;row-gap:12px}
header nav a{white-space:nowrap}@media(max-width:600px){header .account-nav{display:inline-flex}header .small-button{display:none}}
/* Public surfaces share readable type, generous targets and a restrained rhythm. */
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
header{padding-top:20px;padding-bottom:20px;gap:16px}
header .brand{flex-shrink:0;min-height:44px}
header .brand img{width:48px;height:30px}
header nav{gap:24px;font-size:14px}
header nav a,footer nav a{display:inline-flex;align-items:center;min-height:44px}
.small-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px}
.hero{gap:clamp(32px,6vw,86px);margin-top:32px}
.hero-copy,.hero-art{min-width:0}
.hero-copy small{font-size:13px;color:#a5a7b7}
.features p{font-size:14px;color:#a5a7b7}
footer{gap:20px;flex-wrap:wrap}
footer nav{gap:4px 20px;font-size:13px}
footer small{font-size:12px;color:#a5a7b7}
@media(max-width:720px){
 header{padding:14px 20px;gap:12px}header nav{gap:14px;font-size:13px}
 header .brand{font-size:18px;gap:8px}header .brand img{width:40px;height:28px}
 header .small-button{padding:10px 12px}
 .hero{padding:0 20px;margin:24px auto 32px;gap:24px}
 h1{font-size:clamp(52px,12vw,76px);margin:18px 0;letter-spacing:-.06em}
 .hero-copy p{margin:20px 0 24px}.primary{min-height:50px;padding:15px 20px}
 .features{padding:28px 20px;gap:24px}footer{padding:20px;gap:12px}
}
@media(max-width:359px){header{padding-inline:16px;gap:8px}header nav{gap:10px}header .brand{font-size:16px;gap:6px}header .brand img{width:32px}header .small-button{padding-inline:9px}.hero,.features{padding-inline:16px}}

/* Keep the first action and a useful preview together on smaller screens. */
@media(max-width:720px){.hero-art{aspect-ratio:1.5;max-height:320px}.hero-copy small{margin-top:12px}.hero-copy p{margin-block:16px 20px}.hero{gap:20px}.hero-copy h1{font-size:clamp(48px,11vw,70px)}}