:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,sans-serif;--ink:#123f48;--muted:#46616a;--accent:#087983;--line:#c9dfe2}
*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(ellipse at 90% 0,#b8eaf17a,transparent 50rem),linear-gradient(165deg,#f4fbfd,#fffcf1)}
a{color:#086b77;text-underline-offset:4px}a:focus-visible{outline:3px solid #e39448;outline-offset:5px}header,main,footer{width:min(1160px,calc(100% - 40px));margin:auto}
header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-weight:850;letter-spacing:.12em}.mark{display:block;width:52px;height:52px;border-radius:17px;border:1px solid #cde8ec}.contact{font-size:.8rem;letter-spacing:.12em;font-weight:750;text-decoration:none}
.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:28px;padding:42px 0 60px}.hero-art{width:100%;height:auto;border-radius:38% 38% 28% 28%;box-shadow:0 26px 70px #1b6e7815}.eyebrow{color:#277986;font-size:.74rem;letter-spacing:.17em;font-weight:800}
h1{margin:.28em 0;font-size:clamp(2.6rem,4.9vw,4.8rem);line-height:1.04;letter-spacing:-.065em}p{color:var(--muted);line-height:1.75}.lede{font-size:1.08rem;max-width:490px}.links{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.links a{padding:13px 18px;border-radius:12px;text-decoration:none;font-size:.9rem;font-weight:750}.primary{background:var(--accent);color:#fff}.secondary{border:1px solid #98c5ca;background:#ffffff60}.games{margin:12px auto 0}.section-label{font-size:.74rem;letter-spacing:.18em;margin:0 0 18px;font-weight:800}
.card{display:grid;grid-template-columns:.8fr 1.2fr;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:#ffffffa8;box-shadow:0 16px 60px #1a4f5810}.art{display:grid;place-items:center;min-height:340px;background:radial-gradient(circle at center,#b2e3ec,#eaf8f7 68%)}.game-icon{width:160px;height:160px;border-radius:34px;box-shadow:0 18px 38px #16445225;transform:rotate(-5deg)}.copy{align-self:center;padding:clamp(26px,4vw,54px)}h2{margin:.25em 0;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.045em}.policy-links{font-size:.82rem;display:flex;gap:20px;flex-wrap:wrap;margin-top:24px}
.popflux-card{margin-top:28px;scroll-margin-top:28px;grid-template-columns:.95fr 1.05fr}.popflux-art{background:radial-gradient(ellipse at 80% 25%,#433669,transparent 65%),linear-gradient(170deg,#171d39,#163341);overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:24px 16px 0;gap:14px}.popflux-cover{width:100%;height:auto;display:block;border-radius:14px}.popflux-shot-wrap{width:min(65%,265px);height:360px;overflow:hidden;border-radius:18px 18px 0 0;border:1px solid #8ba7bf66;border-bottom:none;box-shadow:0 14px 54px #090f2990}.popflux-shot{width:100%;height:auto;display:block}.popflux-label{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.coming-soon{font-size:.74rem;font-weight:800;background:#e8e3fb;color:#554188;border:1px solid #cbc0e7;border-radius:999px;padding:7px 13px;white-space:nowrap}.popflux-tagline{font-weight:750;color:#426573;font-size:1.15rem;margin:.45em 0}.popflux-features{list-style:none;margin:22px 0;padding:0;display:grid;gap:15px}.popflux-features li{padding-left:17px;border-left:3px solid #9981c6;display:grid;gap:4px}.popflux-features strong{font-size:.9rem;color:#244958}.popflux-features span{font-size:.86rem;line-height:1.6;color:var(--muted)}.launch-note{font-size:.82rem;line-height:1.7;background:#eef5f5;border-radius:12px;padding:12px 15px}
footer{padding:44px 0 46px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.8rem}.footer-brand{letter-spacing:.1em;font-weight:800;display:flex;align-items:center;gap:10px}.footer-brand img{width:32px;height:32px;border-radius:10px}
body.legal{max-width:800px;margin:0 auto;padding:28px 24px 64px;line-height:1.7}.legal nav{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:52px;font-size:.85rem}.legal h1{font-size:clamp(2.2rem,5vw,3.4rem);letter-spacing:-.045em}.legal h2{font-size:1.35rem;letter-spacing:-.025em;margin-top:2rem}.legal .notice{padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:#ffffffb8}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding-top:22px;gap:30px}.hero-copy{order:1}.hero-art{order:0;width:min(100%,390px);justify-self:center}.hero h1{font-size:clamp(2.8rem,9vw,4rem)}.card{grid-template-columns:1fr}.art{min-height:240px}.game-icon{width:140px;height:140px}.hero-copy .lede{max-width:none}footer{align-items:flex-start;flex-direction:column}.brand{letter-spacing:.08em;font-size:.88rem}.contact{font-size:.7rem}header{min-height:85px}.legal nav{margin-bottom:32px}}
@media(max-width:760px){.popflux-art{padding:18px 18px 0}.popflux-cover{max-width:540px}.popflux-shot-wrap{height:230px;width:min(58%,225px)}.popflux-card .copy{padding:26px}.popflux-label{align-items:flex-start}}
@media(prefers-reduced-motion:no-preference){.links a{transition:transform .18s,box-shadow .18s}.links a:hover{transform:translateY(-2px);box-shadow:0 5px 16px #1b6e7820}}