:root{--ink:#111827;--paper:#f6f2e9;--coral:#ff5f46;--aqua:#7de7dc;--lime:#d8f25c;--muted:#616a78;--line:rgba(17,24,39,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.5}a{color:inherit}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:900;font-size:1.35rem;letter-spacing:-.04em}.mark{width:34px;height:27px;border-radius:9px 16px 16px 9px;background:var(--coral);display:inline-grid;place-items:center}.mark:after{content:"";width:9px;height:9px;border-radius:50%;background:var(--ink)}.nav-links{display:flex;align-items:center;gap:26px;font-weight:700}.nav-links a{text-decoration:none}.lang{border:1px solid var(--line);background:transparent;border-radius:99px;padding:9px 13px;font:inherit;font-weight:800;cursor:pointer}.hero{min-height:calc(100vh - 84px);display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:64px;padding:52px 0 92px}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:850;font-size:.77rem}.eyebrow:before{content:"";width:30px;height:3px;background:var(--coral)}h1{font-size:clamp(4rem,8vw,7.7rem);line-height:.86;letter-spacing:-.075em;margin:27px 0 32px;max-width:850px}.hero-copy{font-size:clamp(1.13rem,1.8vw,1.45rem);max-width:640px;color:#394252}.actions{display:flex;gap:12px;margin-top:36px}.button{display:inline-flex;align-items:center;gap:16px;border-radius:999px;padding:15px 21px;text-decoration:none;font-weight:850;border:1px solid var(--ink);transition:.2s transform,.2s box-shadow}.button.primary{background:var(--ink);color:white}.button:hover{transform:translateY(-3px);box-shadow:0 8px 0 var(--coral)}.art{aspect-ratio:1;border:1.5px solid var(--ink);border-radius:42% 58% 55% 45%/46% 39% 61% 54%;position:relative;background:var(--aqua);overflow:hidden;box-shadow:18px 18px 0 var(--ink)}.art:before{content:"ODD\A ROOK";white-space:pre;position:absolute;inset:0;display:grid;place-items:center;text-align:center;font-size:clamp(4rem,8vw,8rem);font-weight:950;line-height:.7;letter-spacing:-.1em;transform:rotate(-8deg)}.art:after{content:"";position:absolute;width:42%;aspect-ratio:1;border-radius:50%;background:var(--coral);right:-10%;bottom:-10%;mix-blend-mode:multiply}.ticker{background:var(--ink);color:white;overflow:hidden;padding:15px 0;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.ticker div{white-space:nowrap;display:flex;gap:24px;justify-content:center}.section{padding:110px 0}.section-head{display:grid;grid-template-columns:.45fr 1fr;gap:60px;margin-bottom:60px}.kicker{color:var(--coral);font-weight:900;text-transform:uppercase;letter-spacing:.12em}.section h2{font-size:clamp(2.7rem,5vw,5rem);line-height:.95;letter-spacing:-.06em;margin:0}.section-lead{font-size:1.2rem;color:var(--muted);max-width:660px}.game-card{background:var(--ink);color:white;border-radius:34px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;min-height:510px}.game-visual{background:linear-gradient(155deg,#15c6e3,#1671b9 56%,#072d63);position:relative;display:grid;place-items:center;overflow:hidden}.bubble{position:absolute;border-radius:50%;border:2px solid rgba(255,255,255,.45);background:rgba(255,255,255,.12);box-shadow:inset -8px -10px 18px rgba(12,82,146,.25)}.b1{width:100px;height:100px;left:12%;top:17%}.b2{width:52px;height:52px;right:18%;top:12%}.b3{width:74px;height:74px;right:10%;bottom:15%}.frog{width:min(62%,340px);height:auto;filter:drop-shadow(0 18px 16px rgba(0,0,0,.28));transform:rotate(-6deg)}.game-copy{padding:64px;display:flex;flex-direction:column;justify-content:center}.game-copy small{color:var(--aqua);font-weight:900;letter-spacing:.14em}.game-copy h3{font-size:clamp(3rem,5vw,5.6rem);letter-spacing:-.06em;line-height:.9;margin:18px 0}.game-copy p{color:#cad3df;font-size:1.15rem;max-width:460px}.game-copy .button{align-self:flex-start;border-color:white;margin-top:22px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.value{padding:32px;border-top:1px solid var(--line)}.num{font-size:.78rem;font-weight:900;color:var(--coral);letter-spacing:.12em}.value h3{font-size:1.55rem;margin:50px 0 10px}.value p{color:var(--muted)}.contact{background:var(--coral);border-radius:36px;padding:64px;display:flex;justify-content:space-between;align-items:end;gap:40px}.contact h2{max-width:760px}.contact a{font-size:1.1rem;font-weight:900;text-decoration:none;border-bottom:2px solid}.footer{display:flex;justify-content:space-between;padding:38px 0 48px;color:var(--muted);font-size:.9rem}.reveal{opacity:0;transform:translateY(20px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:850px){.nav-links>a{display:none}.hero{grid-template-columns:1fr;gap:45px;padding-top:35px}.art{max-width:570px;width:92%;justify-self:center}.section-head{grid-template-columns:1fr;gap:18px}.game-card{grid-template-columns:1fr}.game-visual{min-height:390px}.values{grid-template-columns:1fr}.contact{align-items:flex-start;flex-direction:column}.game-copy,.contact{padding:38px}.ticker div{justify-content:flex-start}.footer{gap:16px;flex-direction:column}}
@media(max-width:520px){.shell{width:min(100% - 24px,1180px)}.nav{height:70px}h1{font-size:3.7rem}.hero{min-height:auto;padding-bottom:70px}.actions{align-items:stretch;flex-direction:column}.button{justify-content:center}.section{padding:78px 0}.game-copy{padding:32px 25px}.contact{padding:34px 25px;border-radius:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}