:root{--bg:#080b0c;--ink:#f6f9f8;--muted:#c0ceca;--accent:#f20b88;--line:#2a3c38;--mint:#173a33;color-scheme:dark}
body{background:#080b0c}header{max-width:none;background:#152224;padding-left:max(5%,calc((100% - 1296px)/2));padding-right:max(5%,calc((100% - 1296px)/2));min-height:100px}.brand img{background:transparent}.button{background:#db006d}.glass{border:1px solid #bddfd926;background:linear-gradient(135deg,#294e49cc,#142d2cda);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 14px 42px #00000024}.creator{background:linear-gradient(135deg,#173b32,#101c1b)}.soon{border-color:#516a62}.prose a{color:#ff70b1}.skip{background:#182925}.feature:hover{box-shadow:0 20px 40px #00000040}
.hero-wide{position:relative;display:block;max-width:none;width:100%;padding:0;margin:0;isolation:isolate;min-height:860px;height:calc(100svh - 100px)}.hero-wide .hero-visual{position:absolute;inset:0;border-radius:0;min-height:0;box-shadow:none;background:#0b1918;background-position:center;background-size:cover;z-index:-2}.hero-wide .hero-visual video{display:block;object-fit:cover;width:100%;height:100%;border-radius:0}.hero-wide .visual-shade{background:linear-gradient(180deg,#00000020,#00000016 45%,#080b0c60)}.hero-panels{width:min(1160px,90%);height:100%;min-height:inherit;margin:0 auto;padding:70px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(70px,11vw,230px);align-items:center}.hero-left{height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:55px}.hero-panel{padding:30px;border-radius:32px;min-width:0;color:#fff}.hero-panel h1,.hero-panel h2{font-family:'DM Sans',sans-serif;letter-spacing:-.025em;font-weight:600;line-height:1.4;font-size:clamp(20px,1.55vw,28px);margin:0 0 26px}.hero-wide h1{margin-bottom:26px}.hero-benefits{padding:0;list-style:none;display:grid;gap:16px;margin:0;font-size:clamp(17px,1.25vw,23px);font-weight:400;line-height:1.45;color:#e6eeec}.hero-benefits li{position:relative;padding-left:25px}.hero-benefits li:before{content:'•';position:absolute;left:0;color:#fff}.hero-panel .actions{gap:24px;margin-top:28px}.hero-panel .text-link{color:#fff;border-color:#a4c8bc66;font-size:14px}.recognition-panel{padding:32px 30px}.recognition-panel h2{font-size:17px;text-align:center;line-height:1.6;margin-bottom:25px;letter-spacing:-.015em}.recognition-list{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:24px}.recognition-list li{display:flex;align-items:center;gap:20px;min-height:78px}.award-symbol{flex-shrink:0;width:44px;height:54px;display:grid;place-items:center;font-size:42px;color:#d9f0e5;font-weight:400}.recognition-list strong{display:block;font-size:17px;line-height:1.4;letter-spacing:-.02em}.recognition-list li div>span{display:block;color:#d2ddd8;font-size:15px;margin-top:4px}.recognition-panel>.text-link{display:block;text-align:center;font-size:12px;border-bottom:0}.platform-panel{background:linear-gradient(130deg,rgb(73 123 114 / 45%),rgb(37 78 72 / 45%))}.play-panel{background:linear-gradient(130deg,rgb(56 110 104 / 45%),rgb(24 62 57 / 45%))}.recognition-panel{background:linear-gradient(130deg,rgb(54 95 84 / 45%),rgb(16 54 50 / 45%))}
@media(min-width:1800px){.hero-panels{width:1220px;column-gap:200px;padding:85px 0}.hero-panel{padding:35px}.recognition-panel{padding:38px 35px}.recognition-list{gap:32px}.recognition-list li{min-height:90px}}
@media(max-width:1100px) and (min-width:761px){.hero-panels{width:90%;column-gap:40px;padding:50px 0}.hero-panel{padding:25px}.hero-benefits{font-size:17px}.hero-panel h1,.hero-panel h2{font-size:22px}.recognition-panel h2{font-size:15px}.recognition-list strong{font-size:15px}.recognition-list li div>span{font-size:13px}.recognition-list{gap:20px}.award-symbol{width:30px;font-size:34px}.recognition-list li{gap:12px}.hero-wide{min-height:800px}}
@media(max-width:760px){header{padding:20px 6%;min-height:85px}.hero-wide{min-height:0;height:auto;padding-bottom:50px}.hero-wide .hero-visual{position:absolute;inset:0 0 auto;height:440px;min-height:0;background-color:#152224;z-index:-2}.hero-wide .hero-visual video{object-position:center}.hero-wide .visual-shade{background:linear-gradient(180deg,#00000000 40%,#080b0c 100%)}.hero-panels{width:88%;height:auto;min-height:0;display:grid;grid-template-columns:1fr;gap:24px;padding:270px 0 0}.hero-left{height:auto;gap:24px}.hero-panel{padding:25px;border-radius:24px}.hero-panel h1,.hero-panel h2{font-size:23px;margin-bottom:20px}.hero-benefits{font-size:17px;gap:13px}.hero-panel .actions{gap:18px}.recognition-panel h2{font-size:16px}.recognition-list{gap:18px}.recognition-list strong{font-size:16px}.recognition-list li div>span{font-size:14px}.recognition-list li{min-height:65px}.award-symbol{font-size:36px;width:35px}.recognition-panel>.text-link{font-size:12px}.hero-wide .hero-visual video{border-radius:0}}
@media(prefers-reduced-motion:reduce){.hero-wide .hero-visual video{display:none}}
/* Keep a visible backdrop behind every translucent panel on mobile. */
@media(max-width:760px){
  .hero-wide{overflow:clip}
  .hero-wide .hero-visual{inset:0;height:auto;overflow:visible}
  .hero-wide .hero-visual video{position:sticky;inset:auto;top:0;height:100svh;object-fit:cover;object-position:center}
  .hero-wide .visual-shade{background:linear-gradient(180deg,rgb(0 0 0 / 12%),rgb(8 11 12 / 20%))}
  .hero-panel{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
}