*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'DM Sans',system-ui,sans-serif;color:#14122B;background:#F5F6FA;line-height:1.5;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:#4B3FD1}a:hover{color:#14122B}
h1,h2,h3{font-family:'Bricolage Grotesque',system-ui,sans-serif;margin:0}
p{margin:0}
.wrap{max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px}
.dark{background:#14122B;color:#FFFFFF}
.white{background:#FFFFFF}
.lime{color:#C6F432}

/* nav */
.nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:20px;padding-bottom:20px}
.brand{display:flex;align-items:center;gap:12px;color:#FFFFFF;text-decoration:none}
.brand:hover{color:#FFFFFF}
.wordmark{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:800;font-size:24px;letter-spacing:-0.5px}
.wordmark .sub{font-family:'DM Sans',system-ui,sans-serif;font-weight:700;font-size:11px;letter-spacing:4px;color:#C6F432}
.navlinks{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.navlinks a{color:#E4E2F5;text-decoration:none;padding:12px 14px;font-weight:500}
.navlinks a:hover{color:#FFFFFF}

/* buttons */
.btn{display:inline-block;text-decoration:none;border-radius:999px;font-weight:700;padding:12px 20px}
.navlinks .btn-lime,.btn-lime{background:#C6F432;color:#14122B}
.navlinks .btn-lime:hover,.btn-lime:hover{background:#D6FA63;color:#14122B}
.btn-ghost{color:#FFFFFF;border:1px solid #6B6796}
.btn-ghost:hover{color:#FFFFFF;border-color:#C9C6E2}
.btn-dark{background:#14122B;color:#FFFFFF}
.btn-dark:hover{background:#26234A;color:#FFFFFF}
.btn-lg{padding:16px 28px;font-size:17px}

/* hero */
.hero{display:flex;flex-wrap:wrap;align-items:center;gap:56px;padding-top:96px;padding-bottom:120px}
.hero-copy{flex:1 1 520px;min-width:0;display:flex;flex-direction:column;gap:28px}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chips span{border:1px solid #4A4673;color:#E4E2F5;padding:6px 14px;border-radius:999px;font-size:14px}
.hero h1{font-weight:800;font-size:clamp(44px,6vw,80px);line-height:1;letter-spacing:-2px}
.hero p{font-size:20px;line-height:1.6;color:#C9C6E2;max-width:560px}
.actions{display:flex;flex-wrap:wrap;gap:14px}
.hero-art{flex:1 1 360px;min-width:0;display:flex;justify-content:center}
.hero-art .tile{width:100%;max-width:420px;aspect-ratio:1;border-radius:48px;background:#6D5DF6;display:flex;align-items:center;justify-content:center}
.hero-art svg{width:62%}

/* sections */
.section{padding-top:112px;padding-bottom:112px}
.section h2{font-weight:800;font-size:48px;letter-spacing:-1px}
.section-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:40px}
.section-head p{color:#4B4867;font-size:18px}

/* game cards */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.card{background:#FFFFFF;border-radius:24px;overflow:hidden;display:flex;flex-direction:column}
.card-dashed{border:2px dashed #C9C8D8}
.card-art{height:260px;display:flex;align-items:center;justify-content:center;font-weight:700}
.card-art.navy{background:#151A3D}
.card-art.navy img{width:100%;height:100%;object-fit:contain}
.card-art.mist{background:#ECEDF3;color:#4B4867}
.card-body{padding:28px;display:flex;flex-direction:column;gap:12px}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:2px;color:#4B3FD1;text-transform:uppercase}
.card h3{font-size:28px}
.card p{color:#4B4867;line-height:1.6}
.soon{align-self:flex-start;margin-top:4px;background:#ECEDF3;color:#14122B;font-weight:700;font-size:14px;padding:8px 14px;border-radius:999px}

/* studio */
.studio{display:flex;flex-wrap:wrap;gap:56px}
.studio-copy{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:20px}
.studio-copy p{font-size:19px;line-height:1.7;color:#4B4867}
.values{flex:1 1 420px;min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
.value{background:#F5F6FA;border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:10px}
.value h3{font-family:'DM Sans',system-ui,sans-serif;font-size:20px}
.value p{color:#4B4867;line-height:1.6}

/* cta */
.cta{background:#6D5DF6;color:#FFFFFF;border-radius:32px;padding:56px 40px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:32px}
.cta>div{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:12px}
.cta h2{font-size:44px}
.cta p{font-size:18px;line-height:1.6;color:#F1EFFF}

/* footer */
.footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:40px;padding-bottom:40px;font-size:15px;color:#C9C6E2}
.footlinks{display:flex;flex-wrap:wrap;gap:8px}
.footlinks a{color:#E4E2F5;text-decoration:none;padding:10px 12px}
.footlinks a:hover{color:#FFFFFF}

/* privacy */
.page-head{max-width:820px;margin:0 auto;padding:56px 24px 72px;display:flex;flex-direction:column;gap:12px}
.page-head h1{font-weight:800;font-size:clamp(40px,5vw,60px);letter-spacing:-1.5px;line-height:1.05}
.page-head p{color:#C9C6E2;font-size:17px}
.legal{max-width:820px;margin:0 auto;padding:56px 24px 96px;display:flex;flex-direction:column;gap:40px;font-size:17px;line-height:1.7;color:#2E2B47}
.legal section{display:flex;flex-direction:column;gap:14px}
.legal h2{font-size:30px;color:#14122B}
.legal h3{font-family:'DM Sans',system-ui,sans-serif;font-size:19px;color:#14122B;margin-top:8px}
.legal ul{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px}
.legal .summary{background:#FFFFFF;border-radius:24px;padding:32px}
.legal .summary h2{font-size:26px}
.legal .note{color:#4B4867;font-size:15px}
.table-wrap{overflow-x:auto;background:#FFFFFF;border-radius:20px}
.legal table{width:100%;min-width:640px;border-collapse:collapse;font-size:15px;line-height:1.5}
.legal th{background:#14122B;color:#FFFFFF;text-align:left;padding:14px 16px}
.legal td{padding:14px 16px;border-bottom:1px solid #E4E4EE;vertical-align:top}
.legal tr:last-child td{border-bottom:none}
.legal td:first-child{font-weight:700}
.legal .contact-box{background:#6D5DF6;color:#FFFFFF;border-radius:24px;padding:32px;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.legal .contact-box h2{color:#FFFFFF;font-size:26px}
.legal .contact-box p{color:#F1EFFF}

@media (max-width:600px){
.hero{padding-top:56px;padding-bottom:80px;gap:40px}
.section{padding-top:72px;padding-bottom:72px}
.section h2{font-size:38px}
.cta{padding:40px 24px}
.cta h2{font-size:36px}
}

/* Blank Dash tile logo (built from Blank Dash brand tokens) */
.bd-logo{display:flex;flex-direction:column;gap:14px}
.bd-row{display:flex;gap:7px}
.bd-row span{width:54px;height:59px;border-radius:10px;background:#FFF6E3;box-shadow:0 5px 0 #D9C79E;color:#151A3D;font-family:'Lilita One',system-ui,sans-serif;font-size:38px;line-height:59px;text-align:center}
.bd-row .bd-blank{background:#FFB020;box-shadow:0 5px 0 #B86E00;position:relative}
.bd-row .bd-blank::after{content:"";position:absolute;left:14px;right:14px;bottom:11px;height:5px;border-radius:2px;background:#151A3D}