:root{--ink:#252a25;--muted:#777a70;--paper:#f5f4ef;--lime:#d1f05a;--line:#d8d9cf;--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1320px,calc(100% - 112px));margin:auto}.skip-link{position:absolute;top:-100px;left:10px;background:#fff;padding:12px;z-index:10}.skip-link:focus{top:10px}.header{border-bottom:1px solid var(--line)}.header-inner{height:84px;display:flex;align-items:center;gap:40px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:.055em;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:#fff;font-size:19px;letter-spacing:-.08em}.brand-mark span{color:var(--lime)}nav{display:flex;gap:35px;margin:auto;font-size:13px;color:#62665e}nav a:hover,.header-link:hover{color:#839c24}.header-link{font-size:12px;font-weight:700}.header-link span{margin-left:10px}.menu-toggle{display:none}.hero{position:relative;min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding-top:56px;padding-bottom:92px}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;line-height:1.5}.status-dot{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#95bb31;vertical-align:middle}.hero h1,.section-intro h2,.about h2{font-size:clamp(72px,8.5vw,132px);line-height:.91;letter-spacing:-.075em;margin:38px 0;font-weight:650}.hero h1 em,.section-intro h2 em,.feature h3 em,.about h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.075em}.hero-description{font-size:15px;line-height:2;color:#696e63;margin:0 0 30px}.round-link{display:inline-flex;gap:20px;align-items:center;font-size:12px;font-weight:700}.arrow-circle{width:38px;height:38px;border:1px solid #999d91;border-radius:50%;display:grid;place-items:center;font-size:17px;transition:background .2s,transform .2s}.round-link:hover .arrow-circle{background:var(--lime);transform:translate(3px,-3px)}.hero-art{height:480px;position:relative;overflow:hidden}.art-grid{position:absolute;inset:4% 0;background-image:linear-gradient(#dfe1d8 1px,transparent 1px),linear-gradient(90deg,#dfe1d8 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse,#000,transparent 72%)}.art-disc{position:absolute;width:320px;height:320px;border-radius:50%;background:var(--lime);top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;box-shadow:inset -20px -20px 0 #c4e44e}.disc-inner{border:1px solid #a4c13b;width:70%;height:70%;border-radius:50%;display:grid;place-items:center;text-align:center;font-size:22px;line-height:1.12;letter-spacing:-.06em;font-weight:900;transform:rotate(-12deg)}.disc-period{color:#f7f7eb}.orbit{position:absolute;border:1px solid #afb4a5;border-radius:50%;width:410px;height:410px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(30deg) scaleY(.64)}.orbit-two{transform:translate(-50%,-50%) rotate(-38deg) scaleY(.74)}.art-star{position:absolute;font-size:40px}.star-one{top:64px;right:16%}.star-two{bottom:85px;left:12%;font-size:26px}.art-label{position:absolute;font-size:9px;line-height:1.5;letter-spacing:.12em;font-weight:700;color:#8a8d82}.label-top{top:48px;left:9%}.label-bottom{bottom:42px;right:6%}.hero-bottom{position:absolute;bottom:25px;left:0;right:0;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em;color:#85897d}.hero-bottom span:last-child{font-weight:700}.ticker{overflow:hidden;background:var(--ink);color:#f6f6ee;padding:16px 0;white-space:nowrap;font-size:10px;letter-spacing:.2em;font-weight:700}.ticker div{width:max-content;animation:slide 30s linear infinite}.ticker span{color:var(--lime);padding:0 35px;font-size:16px}@keyframes slide{to{transform:translateX(-45%)}}.work{padding-top:135px;padding-bottom:130px}.section-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:65px}.section-intro h2,.about h2{font-size:clamp(56px,6vw,90px);margin:23px 0 0}.section-intro>p{font-size:14px;line-height:1.9;color:var(--muted);margin:0 0 5px}.feature{display:grid;grid-template-columns:1.1fr .9fr;min-height:510px;margin-bottom:24px}.feature.reverse{grid-template-columns:.9fr 1.1fr}.reverse .feature-visual{order:2}.feature-visual{position:relative;min-height:480px;overflow:hidden;padding:29px;display:flex;flex-direction:column;justify-content:space-between}.games-visual{background:#d3e993}.ai-visual{background:#d9d6ee}.visual-top,.visual-bottom{display:flex;justify-content:space-between;position:relative;z-index:1;font-size:9px;font-weight:800;letter-spacing:.13em}.visual-bottom span{font-size:24px}.game-shape{position:absolute;left:50%;top:50%;width:255px;height:255px;transform:translate(-50%,-50%) rotate(-9deg);background:#f8f7ef;border:2px solid var(--ink);border-radius:32% 32% 39% 39%;box-shadow:12px 14px 0 rgba(38,46,30,.18)}.game-face{position:absolute;inset:65px 50px}.game-face i{position:absolute;top:15px;width:17px;height:26px;background:var(--ink);border-radius:50%}.game-face i:nth-child(2){right:0}.game-face b{position:absolute;top:60px;left:50%;width:38px;height:20px;border:4px solid var(--ink);border-top:0;border-radius:0 0 40px 40px;transform:translateX(-50%)}.pixel{position:absolute;background:var(--ink)}.p1{width:20px;height:60px;left:-51px;top:50px}.p2{height:20px;width:60px;left:-71px;top:70px}.p3{width:12px;height:35px;right:-55px;bottom:45px}.p4{height:12px;width:35px;right:-66px;bottom:56px}.feature-copy{background:#eaece3;padding:38px 48px;display:flex;flex-direction:column;justify-content:space-between}.reverse .feature-copy{background:#e9e8ef}.feature-number,.feature-foot{font-size:9px;letter-spacing:.12em;font-weight:800;color:#858a7d}.feature h3{font-size:clamp(48px,4.5vw,68px);line-height:1;letter-spacing:-.06em;margin:16px 0 25px}.feature-copy>div:nth-child(2)>p:not(.eyebrow){max-width:360px;font-size:14px;color:#696e63;line-height:2}.text-link{display:inline-flex;gap:30px;margin-top:18px;font-size:12px;font-weight:700;color:#62685b}.feature-foot{display:flex;gap:25px}.ai-object{position:absolute;width:280px;height:280px;left:50%;top:50%;transform:translate(-50%,-50%)}.ai-ring{position:absolute;inset:35px;border:2px solid #3a3b43;border-radius:50%}.ring-a{transform:rotate(25deg) scaleX(.45)}.ring-b{transform:rotate(-35deg) scaleX(.45)}.ring-c{transform:rotate(90deg) scaleX(.45)}.ai-core{position:absolute;inset:88px;border-radius:50%;display:grid;place-items:center;background:#faf9f0;font-size:54px;box-shadow:8px 8px 0 #bbb7d2}.node{position:absolute;width:17px;height:17px;border-radius:50%;background:#30333a}.n1{top:39px;left:125px}.n2{bottom:64px;left:42px}.n3{right:46px;bottom:75px}.about{background:var(--lime);padding:115px 0 125px}.about-inner{display:grid;grid-template-columns:1fr .6fr;gap:80px}.about h2{margin-top:30px}.about-spark{font-family:Arial;font-size:38px;vertical-align:top}.about-copy{padding-top:36px;max-width:430px;font-size:14px;line-height:2;color:#53612f}.about-lead{font-size:20px;font-weight:700;color:var(--ink)}.about-copy .round-link{color:var(--ink);margin-top:15px}footer{background:var(--ink);color:#e7e9df}.footer-inner{min-height:130px;display:flex;align-items:center;gap:35px}.footer-brand .brand-mark{background:var(--lime);color:var(--ink)}.footer-brand .brand-mark span{color:#fff}.footer-inner p{color:#a0a69a;font-size:12px;margin-right:auto}.footer-inner>span,.footer-inner>a:last-child{font-size:9px;letter-spacing:.1em;color:#a0a69a}.footer-inner>a:last-child{color:#e7e9df}.menu-toggle{background:none;border:0;padding:10px;cursor:pointer}.menu-toggle span{display:block;width:23px;height:2px;background:var(--ink);margin:5px 0}@media(max-width:800px){.container{width:calc(100% - 40px)}.header-inner{height:70px;justify-content:space-between}.menu-toggle{display:block;margin-left:auto}.header-link{display:none}nav{display:none;position:absolute;z-index:5;top:69px;left:0;right:0;background:var(--paper);padding:20px;box-shadow:0 12px 15px #0000000d}nav.open{display:flex;flex-direction:column;gap:0}nav a{padding:13px 0;border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr;padding-top:70px;min-height:0}.hero h1{font-size:clamp(76px,19vw,120px);margin:28px 0}.hero-art{height:360px;margin-top:20px}.art-disc{width:240px;height:240px}.disc-inner{font-size:17px}.orbit{width:300px;height:300px}.star-one{top:30px}.hero-bottom{font-size:9px}.work{padding-top:85px;padding-bottom:80px}.section-intro{display:block;margin-bottom:40px}.section-intro>p{margin-top:24px}.feature,.feature.reverse{grid-template-columns:1fr}.feature-visual{min-height:360px}.reverse .feature-visual{order:0}.feature-copy{min-height:370px;padding:30px}.feature h3{font-size:52px}.game-shape{width:210px;height:210px}.game-face{inset:50px 40px}.about{padding:80px 0}.about-inner{grid-template-columns:1fr;gap:20px}.about-copy{padding-top:0}.footer-inner{padding:35px 0;min-height:0;display:grid;grid-template-columns:1fr auto;gap:20px}.footer-inner p{grid-column:1/-1;margin:0}.footer-inner>span{grid-column:1}.footer-inner>a:last-child{grid-column:2;grid-row:3}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}*{transition:none!important}}
