:root{
  --ink:#0b1733;
  --ink-soft:#526077;
  --paper:#fbfaf7;
  --white:#fff;
  --line:#e8e8e5;
  --blue:#145cff;
  --blue-2:#19a4ff;
  --purple:#7047f5;
  --pink:#f04d8a;
  --orange:#ff8a3d;
  --radius:28px;
  --shadow:0 24px 80px rgba(13,26,57,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,select{font:inherit}
.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.skip-link{position:absolute;left:-9999px;top:8px;background:#fff;padding:10px 14px;z-index:99;border-radius:8px}.skip-link:focus{left:12px}
.site-header{position:sticky;top:0;z-index:40;background:rgba(251,250,247,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(232,232,229,.72)}
.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:inline-flex;align-items:center;gap:11px}
.brand-mark{width:38px;height:38px;flex:none;object-fit:contain}.brand-wordmark{display:block;width:168px;height:auto;object-fit:contain}
.desktop-nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:650;color:#36435a}.desktop-nav a:hover{color:var(--blue)}
.header-actions{display:flex;align-items:center;gap:12px}.language-control{height:40px;display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 9px;font-size:12px;color:#4b5870}.language-control select{border:0;background:transparent;font-weight:800;color:var(--ink);outline:none;cursor:pointer}
.menu-toggle{display:none;border:0;background:transparent;width:42px;height:42px;position:relative}.menu-toggle span{display:block;width:20px;height:2px;background:var(--ink);position:absolute;left:11px;transition:.2s}.menu-toggle span:first-child{top:16px}.menu-toggle span:last-child{top:24px}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
.mobile-nav{display:none}
.hero{min-height:720px;padding:88px 0 86px;display:grid;grid-template-columns:1.03fr .97fr;gap:60px;align-items:center}
.hero-copy{max-width:620px}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:850;color:#647087}.eyebrow>span:first-child{width:26px;height:2px;background:linear-gradient(90deg,var(--blue),var(--purple));border-radius:999px}
h1{font-size:clamp(52px,6.2vw,82px);line-height:.98;letter-spacing:-.065em;margin:24px 0 24px;max-width:780px}h2{font-size:clamp(40px,5vw,66px);line-height:1.02;letter-spacing:-.055em;margin:16px 0}p{line-height:1.65}.hero-copy>p{font-size:18px;color:var(--ink-soft);max-width:610px;margin:0}
.hero-cta{display:flex;align-items:center;gap:25px;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:15px;font-size:14px;font-weight:800}.primary{background:var(--ink);color:#fff;box-shadow:0 12px 30px rgba(11,23,51,.16)}.primary:hover{transform:translateY(-1px)}.text-link{display:inline-flex;gap:8px;align-items:center;font-size:14px;font-weight:800;color:#314058}.text-link:hover{color:var(--blue)}
.hero-art{position:relative;min-height:520px;isolation:isolate}.orb{position:absolute;border-radius:999px;filter:blur(2px);opacity:.38}.orb-a{width:390px;height:390px;background:radial-gradient(circle at 40% 40%,#f2caff 0,#c6dcff 42%,transparent 74%);top:28px;left:55px}.orb-b{width:300px;height:300px;background:radial-gradient(circle,#ffe4b5 0,#ffd9ec 40%,transparent 74%);right:0;bottom:10px}.hero-wordmark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:900;letter-spacing:-.06em;font-size:44px;z-index:1;color:#102856;opacity:.1}
.float-card{position:absolute;z-index:3;width:340px;min-height:116px;padding:19px 20px;border:1px solid rgba(255,255,255,.9);border-radius:24px;background:rgba(255,255,255,.83);box-shadow:var(--shadow);backdrop-filter:blur(18px);display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.float-card b{font-size:17px}.float-card small{display:block;color:#6d7890;margin-top:5px;line-height:1.35}.mini-logo{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#7a4df6,#437cff);color:white;font-weight:900;font-size:20px}.mini-logo.heart{background:linear-gradient(135deg,#ff6a7e,#ff4da1)}.mini-logo.friends{background:linear-gradient(135deg,#3759e8,#22a0ff)}.score{font-weight:900;font-size:24px;color:#5769df}.pill{font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:7px 9px;border-radius:999px;background:#eff2f7;color:#59667c;font-weight:800}.card-vibe{top:66px;left:0;transform:rotate(-3deg)}.card-love{right:4px;top:211px;transform:rotate(2.5deg)}.card-friends{left:40px;bottom:40px;transform:rotate(-1.5deg)}
.section{padding:112px 0}.section-head{display:grid;grid-template-columns:1fr 380px;gap:70px;align-items:end;margin-bottom:42px}.section-head p{color:var(--ink-soft);margin:0 0 8px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden;min-height:530px;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}.product-card:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(18,32,62,.09)}.product-top{display:flex;justify-content:space-between;align-items:center;padding:22px 24px 6px}.product-number{font-size:12px;color:#9aa1ad;font-weight:800}.product-badge{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:850;background:#f0f1f3;color:#667084;border-radius:999px;padding:7px 10px}.product-badge.live{background:#eaf8ef;color:#238548}.product-visual{height:250px;margin:14px 18px 0;border-radius:22px;position:relative;overflow:hidden;display:grid;place-items:center}.vibe-visual{background:radial-gradient(circle at 74% 22%,#a38cff 0,transparent 28%),linear-gradient(140deg,#f2efff,#dbe4ff)}.friends-visual{background:radial-gradient(circle at 28% 23%,#8fd9ff 0,transparent 27%),linear-gradient(140deg,#eaf2ff,#d7e1ff)}.love-visual{background:radial-gradient(circle at 75% 24%,#ffb8d3 0,transparent 27%),linear-gradient(140deg,#fff0f5,#ffe0e7)}.product-visual>span{font-size:76px;font-weight:900;letter-spacing:-.08em;color:#fff;text-shadow:0 20px 40px rgba(52,50,100,.18)}.product-visual>i{position:absolute;width:130px;height:130px;border:1px solid rgba(255,255,255,.7);border-radius:50%;font-style:normal;display:grid;place-items:center;font-size:45px;color:#fff}.product-visual>em{position:absolute;right:19px;bottom:17px;background:rgba(255,255,255,.78);backdrop-filter:blur(8px);border-radius:12px;padding:8px 11px;font-style:normal;font-weight:900;color:#4e59a9}.product-copy{padding:24px 26px 28px;display:flex;flex-direction:column;flex:1}.product-copy h3{font-size:26px;letter-spacing:-.04em;margin:0 0 9px}.product-copy p{font-size:14px;color:var(--ink-soft);margin:0}.product-link{margin-top:auto;padding-top:22px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:850;color:#30415d}.product-link:hover{color:var(--blue)}.product-link.muted{color:#9aa1ad;cursor:default}
.games-wrap{background:var(--ink);color:#fff;padding:108px 0;overflow:hidden}.games-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.section-kicker.light{color:#aeb7c9}.games-copy h2{color:#fff}.games-copy p{color:#c2cad8;max-width:510px;font-size:17px}.launch-pill{display:inline-flex;gap:10px;align-items:center;margin-top:22px;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:10px 14px;font-size:12px;color:#d4d9e4}.launch-pill i{width:7px;height:7px;border-radius:50%;background:#ffb038;box-shadow:0 0 0 5px rgba(255,176,56,.12)}.games-cards{position:relative;min-height:410px}.game-ticket{position:absolute;width:310px;height:210px;border-radius:25px;padding:24px;display:flex;flex-direction:column;box-shadow:0 30px 70px rgba(0,0,0,.25)}.game-ticket>span{font-size:11px;font-weight:850;opacity:.62}.game-ticket b{font-size:30px;margin-top:auto;letter-spacing:-.04em}.game-ticket small{margin-top:4px;max-width:220px;line-height:1.35;opacity:.72}.game-ticket strong{position:absolute;right:22px;top:20px;font-size:30px}.ticket-one{left:0;top:34px;background:linear-gradient(135deg,#6950f0,#5068ff);transform:rotate(-7deg)}.ticket-two{right:16px;top:0;background:linear-gradient(135deg,#f45c95,#ff855f);transform:rotate(7deg)}.ticket-three{left:145px;bottom:0;background:linear-gradient(135deg,#fcab45,#ef6a42);transform:rotate(-1deg);z-index:3}
.studio-section{padding-top:120px}.studio-panel{border:1px solid var(--line);border-radius:34px;background:#fff;padding:50px;display:grid;grid-template-columns:120px 1fr;gap:22px 44px;box-shadow:0 20px 70px rgba(15,26,52,.05)}.studio-mark{width:110px;height:110px;border-radius:28px;background:#f2f6ff;color:var(--blue);display:grid;place-items:center}.studio-mark svg{width:60px}.studio-copy h2{font-size:clamp(36px,4.6vw,58px);margin-top:12px}.studio-copy p{max-width:700px;color:var(--ink-soft);font-size:16px}.values{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:24px;padding-top:28px}.values>div{padding:8px 22px;border-right:1px solid var(--line)}.values>div:first-child{padding-left:0}.values>div:last-child{border-right:0}.values span{font-size:10px;color:#9aa1ad;font-weight:850}.values b{display:block;margin:10px 0 5px}.values small{color:#758097;line-height:1.45;display:block}
.closing{padding:50px 0 130px;display:flex;align-items:end;justify-content:space-between;gap:40px}.closing h2{font-size:clamp(56px,8vw,100px);margin-bottom:0;background:linear-gradient(90deg,#1e5ef0,#824ce6,#e84f8c);-webkit-background-clip:text;background-clip:text;color:transparent}
