:root{
  --ink:#073f43;--ink-soft:#3f6868;--turquoise:#13c5c3;--turquoise-deep:#079c9e;
  --aqua-pale:#daf6f2;--sun:#ffd02c;--cream:#fffdf3;--white:#fff;
  --shadow:0 24px 60px rgba(7,63,67,.16)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{
  margin:0;color:var(--ink);
  background:radial-gradient(circle at 12% 8%,rgba(255,208,44,.26),transparent 26rem),
    radial-gradient(circle at 94% 18%,rgba(19,197,195,.2),transparent 30rem),var(--cream);
  font-family:"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
a{color:inherit}.shell{width:min(1160px,calc(100% - 32px));margin:0 auto}
.sunrays{position:fixed;inset:-15rem auto auto -15rem;width:34rem;height:34rem;border-radius:50%;background:repeating-conic-gradient(from -6deg,rgba(255,208,44,.15) 0 7deg,transparent 7deg 15deg);pointer-events:none;z-index:-1}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0}
.company{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:900;letter-spacing:-.02em}
.company-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:var(--ink);background:var(--sun);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--turquoise);font-size:23px}
.brand-pill{padding:9px 14px;border:1px solid rgba(7,63,67,.15);border-radius:999px;background:rgba(255,255,255,.76);color:var(--ink-soft);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.hero{position:relative;overflow:hidden;margin-top:8px;padding:76px 34px 62px;text-align:center;border:1px solid rgba(7,63,67,.1);border-radius:38px;background:radial-gradient(circle at 13% 20%,rgba(255,208,44,.34),transparent 24%),radial-gradient(circle at 86% 24%,rgba(19,197,195,.32),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.95),rgba(238,252,247,.84));box-shadow:0 22px 64px rgba(7,63,67,.11)}
.hero:before{content:"";position:absolute;inset:auto -10% -115% 42%;width:630px;height:630px;border:1px solid rgba(7,63,67,.09);border-radius:50%;box-shadow:0 0 0 42px rgba(255,255,255,.26),0 0 0 84px rgba(19,197,195,.06)}
.hero>*{position:relative;z-index:1}.hero-orbit{position:absolute;display:grid;place-items:center;width:60px;height:60px;border:3px solid var(--ink);border-radius:50%;background:var(--sun);box-shadow:6px 6px 0 var(--turquoise);font-size:28px}
.orbit-one{top:42px;left:7%;transform:rotate(-9deg)}.orbit-two{right:8%;bottom:48px;width:45px;height:45px;background:var(--turquoise);box-shadow:5px 5px 0 var(--sun);font-size:18px}
.eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--turquoise-deep);font-size:.79rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.eyebrow:before{content:"";width:30px;height:4px;border-radius:99px;background:var(--sun)}
h1,h2,p{margin-top:0}h1{max-width:850px;margin:18px auto;font:800 clamp(2.5rem,8vw,5.5rem)/.96 Manrope,"DM Sans",sans-serif;letter-spacing:-.065em}
.hero-copy{max-width:650px;margin:0 auto;color:var(--ink-soft);font-size:clamp(1rem,2.3vw,1.22rem);line-height:1.65}
.story-jump{display:inline-block;margin-top:25px;padding-bottom:4px;border-bottom:2px solid var(--sun);font-weight:900;text-decoration:none}
.division-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:28px 0 58px}
.division{display:flex;min-height:470px;flex-direction:column;overflow:hidden;border:1px solid rgba(7,63,67,.1);border-radius:30px;background:rgba(255,255,255,.92);box-shadow:var(--shadow);transition:.2s ease}
.division:hover{transform:translateY(-6px);box-shadow:0 30px 72px rgba(7,63,67,.22)}
.division-visual{position:relative;display:grid;min-height:225px;place-items:center;padding:24px;overflow:hidden}
.division-visual:after{content:"";position:absolute;width:250px;height:250px;border:1px solid rgba(7,63,67,.11);border-radius:50%;transform:translate(42%,35%)}
.market .division-visual{background:linear-gradient(145deg,#36d0d1,#c6f3ed)}
.marketing .division-visual{background:linear-gradient(145deg,#0baeb0,#8be9df)}
.arcade .division-visual{background:linear-gradient(145deg,#073f43,#087f84)}
.division-logo{position:relative;z-index:1;width:158px;height:158px;object-fit:cover;filter:drop-shadow(0 15px 18px rgba(7,63,67,.22))}
.market-logo{border-radius:50%}.marketing-logo{border-radius:20px}
.game-emblem{position:relative;z-index:1;display:grid;width:150px;height:150px;place-items:center;border:5px solid var(--cream);border-radius:34px;background:var(--turquoise);box-shadow:10px 12px 0 var(--sun);font-size:76px;transform:rotate(-3deg)}
.division-body{display:flex;flex:1;flex-direction:column;padding:28px}.division-kicker{color:var(--turquoise-deep);font-size:.75rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.division h2{margin:7px 0 10px;font:800 1.65rem/1.1 Manrope,sans-serif;letter-spacing:-.04em}.division p{color:var(--ink-soft);line-height:1.55}
.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding:14px 17px;border-radius:16px;color:var(--ink);background:var(--sun);font-weight:900;text-decoration:none}.cta.dark{color:#fff;background:var(--ink)}.cta.turq{background:var(--turquoise)}
.company-story{position:relative;overflow:hidden;margin-top:28px;padding:90px 0;color:#fff;background:linear-gradient(135deg,#073f43 0%,#07676a 56%,#079c9e 100%)}
.company-story:before{content:"";position:absolute;inset:-270px -170px auto auto;width:630px;height:630px;border-radius:50%;background:repeating-conic-gradient(rgba(255,208,44,.1) 0 7deg,transparent 7deg 15deg)}
.story-grid{position:relative;display:grid;grid-template-columns:1.25fr .75fr;gap:55px;align-items:start}.story-copy .eyebrow{color:#84f0e7}
.story-copy h2{max-width:720px;margin:17px 0 24px;font:800 clamp(2.25rem,5vw,4.5rem)/1 Manrope,sans-serif;letter-spacing:-.06em}
.story-copy>p{max-width:700px;color:#d5eeeb;font-size:1.05rem;line-height:1.72}.story-path{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:35px}
.story-path>div{padding:20px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:rgba(255,255,255,.07)}
.story-path span{display:block;margin-bottom:22px;color:var(--sun);font-weight:900}.story-path strong{display:block;margin-bottom:7px;font:800 1rem Manrope,sans-serif}.story-path small{display:block;color:#c8e4e1;line-height:1.45}
.owner-card{padding:30px;border:1px solid rgba(255,255,255,.18);border-radius:28px;background:rgba(255,255,255,.1);box-shadow:0 25px 55px rgba(0,0,0,.16);backdrop-filter:blur(10px)}
.owner-top{display:flex;align-items:center;gap:17px;margin-bottom:20px}.owner-monogram{display:grid;flex:0 0 76px;width:76px;height:76px;place-items:center;border-radius:50%;background:var(--sun);color:var(--ink);border:4px solid #fff;box-shadow:7px 7px 0 var(--turquoise);font:800 1.25rem Manrope,sans-serif}
.owner-kicker{display:block;color:#8ff5ec;font-size:.7rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.owner-card h2{margin:4px 0 0;font:800 2rem/1 Manrope,sans-serif}.owner-card p{color:#d5eeeb;line-height:1.65}
.owner-tags{display:flex;flex-wrap:wrap;gap:7px;margin:21px 0}.owner-tags span{padding:7px 10px;border:1px solid rgba(255,255,255,.17);border-radius:999px;background:rgba(255,255,255,.08);color:#e8f8f6;font-size:.73rem;font-weight:800}.owner-card .cta{margin-top:8px}
.site-footer{padding:30px 0;color:var(--ink-soft);font-size:.88rem;text-align:center}
@media(max-width:900px){.division-grid{grid-template-columns:1fr;max-width:650px}.division{min-height:0}.story-grid{grid-template-columns:1fr}.story-path{grid-template-columns:1fr}.division-visual{min-height:205px}}
@media(max-width:600px){.shell{width:min(100% - 24px,1160px)}.topbar{padding:15px 0}.company{font-size:.9rem}.company-mark{width:40px;height:40px}.brand-pill{display:none}.hero{padding:62px 20px 44px;border-radius:28px}.hero h1{font-size:clamp(3rem,16vw,4.5rem)}.hero-orbit{width:46px;height:46px;font-size:21px}.orbit-one{top:22px;left:20px}.orbit-two{right:22px;bottom:24px}.division-grid{padding-top:20px}.division{border-radius:24px}.company-story{padding:68px 0}.owner-card{padding:24px}.story-copy h2{font-size:2.6rem}}
