@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=Unbounded:wght@500;600;700&display=swap');

:root{--pine:#102a25;--jade:#183b34;--ice:#e8f0eb;--white:#f5f8f6;--ink:#14221e;--orange:#ff7a30;--cyan:#75dce2;--yellow:#f3d969;--line:#397066;--muted:#a9c1b9;--max:1180px;--cut:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--pine);color:var(--white);font-family:Sora,system-ui,sans-serif;line-height:1.65;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}button,input{font:inherit}h1,h2,h3{font-family:Unbounded,system-ui,sans-serif;line-height:1.08;margin:0 0 1.15rem;letter-spacing:-.035em}h1{font-size:clamp(2.55rem,6vw,5.8rem);max-width:13ch}h2{font-size:clamp(2rem,4vw,3.7rem);max-width:18ch}h3{font-size:1.05rem;line-height:1.3;letter-spacing:-.015em}p{margin:0 0 1rem}.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-160%);background:var(--yellow);color:var(--ink);padding:10px 16px;z-index:1000}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:50;background:rgba(16,42,37,.96);border-bottom:1px solid var(--line)}.nav-wrap{min-height:78px;display:flex;align-items:center;gap:28px}.logo{text-decoration:none;font:700 1.05rem Unbounded,system-ui;color:var(--white);white-space:nowrap}.logo-dot{color:var(--orange)}.main-nav{margin-left:auto;display:flex;align-items:center;gap:6px}.main-nav a{text-decoration:none;font-size:.78rem;font-weight:600;padding:10px 12px;border:1px solid transparent}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--cyan);border-color:var(--line)}.age-chip{display:inline-grid;place-items:center;min-width:44px;height:36px;border:1px solid var(--yellow);color:var(--yellow);font-weight:700;font-size:.78rem}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 20px;background:var(--orange);color:var(--ink);font-weight:700;text-decoration:none;border:1px solid var(--orange);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:transform .2s,box-shadow .2s}.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--cyan)}.btn-secondary{background:transparent;color:var(--white);border-color:var(--line)}.btn-small{min-height:40px;padding:0 15px;font-size:.78rem}.menu-toggle{display:none;margin-left:auto;border:1px solid var(--line);background:transparent;color:var(--white);width:44px;height:40px}.menu-toggle span{display:block;width:20px;height:2px;background:currentColor;margin:4px auto}.hero{position:relative;min-height:760px;display:grid;align-items:center;background-image:linear-gradient(rgba(117,220,226,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(117,220,226,.045) 1px,transparent 1px);background-size:48px 48px}.hero:after{content:"SYSTEM / ENTERTAINMENT";position:absolute;right:-95px;top:50%;font:600 .65rem Unbounded;letter-spacing:.3em;transform:rotate(90deg);color:var(--line)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center;padding-block:100px}.eyebrow,.module-index{display:flex;align-items:center;gap:10px;font-size:.68rem;letter-spacing:.18em;font-weight:700;text-transform:uppercase;color:var(--cyan);margin-bottom:24px}.eyebrow:before,.module-index:before{content:"";width:26px;border-top:2px solid currentColor}.hero-copy>p{max-width:690px;color:var(--muted);font-size:1.06rem}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}.microline{font-size:.74rem!important;color:var(--white)!important;letter-spacing:.05em;border-top:1px dashed var(--line);padding-top:16px}.orbit-panel{aspect-ratio:1;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%}.orbit.o1{inset:7%;border-style:dashed;animation:spin 24s linear infinite}.orbit.o2{inset:21%;border-color:var(--cyan);animation:spin 14s linear infinite reverse}.orbit.o3{inset:35%;border-width:8px;border-color:var(--orange) var(--line) var(--line) var(--line);animation:spin 8s linear infinite}.orbit-node{position:absolute;width:16px;height:16px;background:var(--yellow);box-shadow:0 0 0 7px rgba(243,217,105,.12);top:14%;left:19%;animation:pulse 2s ease-in-out infinite}.counter{position:relative;z-index:3;width:152px;background:var(--ice);color:var(--ink);padding:16px;border:5px solid var(--pine);box-shadow:12px 12px 0 rgba(117,220,226,.15)}.counter small{display:block;font-size:.55rem;letter-spacing:.15em;text-transform:uppercase}.counter strong{font:600 1.8rem Unbounded}.symbol{position:absolute;font:600 1rem Unbounded;border:1px solid var(--line);width:52px;height:52px;display:grid;place-items:center;background:var(--jade)}.s1{right:6%;top:28%;color:var(--orange)}.s2{bottom:13%;left:15%;color:var(--cyan)}.section{padding:110px 0;position:relative}.section-light{background:var(--ice);color:var(--ink)}.section-jade{background:var(--jade)}.section-head{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;margin-bottom:54px}.section-intro{max-width:660px;color:inherit;opacity:.78}.statement-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px}.statement-copy{font-size:1.12rem;max-width:720px}.pullquote{align-self:end;border-left:5px solid var(--orange);padding:28px;font:600 clamp(1.35rem,3vw,2.4rem) Unbounded;line-height:1.25;background:var(--jade);color:var(--white);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.module-card{position:relative;padding:30px;min-height:245px;border:1px solid var(--line);background:var(--jade);clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)));transition:transform .2s,background .2s}.module-card:hover{transform:translateY(-5px);background:#1d463d}.module-card:before{content:attr(data-mark);display:block;color:var(--orange);font:600 .68rem Unbounded;margin-bottom:38px}.module-card p{color:var(--muted);font-size:.88rem}.icon-line{width:34px;height:6px;border-top:2px solid var(--cyan);border-bottom:1px solid var(--cyan);margin-bottom:22px}.games-mount:empty{display:none}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.game-card{border:1px solid var(--line);background:var(--jade);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));overflow:hidden;transition:transform .2s}.game-card:hover,.game-card:focus-within{transform:translateY(-5px)}.game-card img{aspect-ratio:16/10;object-fit:cover}.game-card-body{padding:22px}.game-card-meta{font-size:.68rem;color:var(--cyan);text-transform:uppercase;letter-spacing:.12em}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px dashed var(--line)}.principle{padding:38px;border-right:1px dashed var(--line)}.principle:last-child{border-right:0}.principle-num{font:600 4rem Unbounded;color:rgba(117,220,226,.2);line-height:1}.cta{padding:90px 0;background:var(--orange);color:var(--ink)}.cta-inner{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end}.cta .btn{background:var(--pine);border-color:var(--pine);color:var(--white)}.cta-note{font-size:.75rem;margin-top:12px}.page-hero{padding:110px 0 80px;border-bottom:1px solid var(--line);background-image:linear-gradient(90deg,transparent 49.9%,rgba(117,220,226,.06) 50%)}.page-hero p{max-width:780px;color:var(--muted);font-size:1.05rem}.page-hero h1{font-size:clamp(2.5rem,5vw,4.8rem)}.toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 2fr;gap:18px;margin-bottom:34px}.search-input{width:100%;background:transparent;border:1px solid var(--line);color:var(--white);padding:14px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{background:transparent;color:var(--white);border:1px solid var(--line);padding:10px 14px;font-weight:600;cursor:pointer}.filter-btn[aria-pressed=true],.filter-btn:hover{background:var(--cyan);color:var(--ink)}.info-panel{margin-top:32px;padding:22px;border:1px dashed var(--cyan);display:flex;gap:14px;align-items:flex-start}.info-panel:before{content:"i";flex:0 0 28px;height:28px;display:grid;place-items:center;background:var(--cyan);color:var(--ink);font-weight:700}.feature-list,.legal-list{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}.feature-row,.legal-item{background:var(--ice);color:var(--ink);padding:42px;display:grid;grid-template-columns:90px 1fr 1.2fr;gap:28px}.row-num{font:600 1.25rem Unbounded;color:var(--orange)}.feature-row p,.legal-item p{opacity:.78}.big-line{font:600 clamp(1.7rem,4vw,3.5rem) Unbounded;line-height:1.2;padding-top:70px;max-width:980px}.about-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.about-sticky{position:sticky;top:120px;align-self:start}.prose{max-width:760px}.prose p{margin-bottom:1.35rem}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:50px}.value{border:1px solid var(--line);padding:22px;font-weight:700;color:var(--cyan)}.contact-card{max-width:750px;padding:48px;border:1px solid var(--line);background:var(--jade);clip-path:polygon(0 0,calc(100% - 25px) 0,100% 25px,100% 100%,25px 100%,0 calc(100% - 25px))}.email-display{font:600 clamp(1.15rem,4vw,2rem) Unbounded;color:var(--cyan);word-break:break-word;margin:12px 0 35px}.game-stage{aspect-ratio:16/9;background:var(--jade);border:1px solid var(--line);position:relative;overflow:hidden}.game-stage:before,.game-stage:after{content:"";position:absolute;border:1px dashed var(--line);border-radius:50%;inset:15%;animation:spin 18s linear infinite}.game-stage:after{inset:32%;border-color:var(--orange);animation-direction:reverse}.game-stage-slot{width:100%;height:100%;border:0;position:relative;z-index:2}.site-footer{background:#0b201c;border-top:1px solid var(--line);padding:70px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr .6fr .8fr;gap:60px}.footer-brand p{color:var(--muted);max-width:420px;margin-top:18px}.footer-col h2{font:600 .65rem Unbounded;letter-spacing:.12em;color:var(--cyan);margin-bottom:18px}.footer-col a{display:block;text-decoration:none;color:var(--muted);font-size:.85rem;margin:9px 0}.footer-col a:hover{color:var(--white)}.footer-bottom{margin-top:55px;padding-top:20px;border-top:1px dashed var(--line);display:flex;justify-content:space-between;gap:18px;font-size:.72rem;color:var(--muted)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s,transform .55s}.reveal.visible{opacity:1;transform:none}:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.25)}}
@media(max-width:900px){.header-cta{display:none}.menu-toggle{display:block}.main-nav{position:absolute;display:none;top:78px;left:0;right:0;background:var(--pine);padding:20px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.main-nav a{text-align:center}.main-nav .age-chip{align-self:center}.hero-grid,.section-head,.statement-grid,.cta-inner,.about-layout{grid-template-columns:1fr}.hero{min-height:auto}.orbit-panel{max-width:480px;width:100%;margin:auto}.module-grid,.game-grid{grid-template-columns:repeat(2,1fr)}.feature-row,.legal-item{grid-template-columns:55px 1fr}.feature-row p,.legal-item p{grid-column:2}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:620px){.container{width:min(calc(100% - 28px),var(--max))}.section{padding:76px 0}.hero-grid{padding-block:72px}.hero:after{display:none}.module-grid,.game-grid,.principles,.value-grid{grid-template-columns:1fr}.principle{border-right:0;border-bottom:1px dashed var(--line)}.toolbar{grid-template-columns:1fr}.feature-row,.legal-item{padding:28px 22px;grid-template-columns:1fr}.feature-row p,.legal-item p{grid-column:1}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column}.contact-card{padding:30px 22px}.game-stage{aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.footer-contact{margin-top:22px;padding-top:18px;border-top:1px dashed var(--line);font-size:.75rem;color:var(--muted);font-style:normal;line-height:1.7}.footer-contact span{display:block}.contact-details{display:grid;gap:10px;margin:26px 0 34px;padding-left:18px;border-left:3px solid var(--cyan);font-style:normal;font-weight:600}.contact-details span{display:block}.legal-contact{display:block;margin-top:12px;padding-left:14px;border-left:3px solid var(--orange);font-style:normal;line-height:1.65}.legal-contact span{display:block}
