@charset "UTF-8";
:root{--paper:#f8f7f2;--ink:#22251f;--muted:#70716b;--purple:#7350d6;--lime:#ddf28d;--line:#dedfd6;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--purple);outline-offset:5px}::selection{background:#dacaef}.wrap{width:min(1240px,calc(100% - 100px));margin-inline:auto}.skip{position:absolute;top:-60px;left:20px;padding:15px;background:var(--ink);color:white;z-index:20}.skip:focus{top:12px}.header{display:flex;align-items:center;justify-content:space-between;height:114px}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:750;letter-spacing:2px}.brand small{display:block;font-size:8px;letter-spacing:2.9px;margin-top:5px}.brand-icon{display:grid;grid-template-columns:repeat(2,13px);gap:3px;transform:rotate(-8deg)}.brand-icon i{width:13px;height:13px;border-radius:4px;background:var(--purple)}.brand-icon i:last-child{background:#b2ca67}.header nav{display:flex;align-items:center;gap:35px;font-size:13px}.header nav a:hover{color:var(--purple)}.header button{cursor:pointer;background:transparent;border:1px solid #c9cabe;border-radius:24px;padding:10px 17px;font-size:12px;display:flex;gap:20px}.header button:hover{background:#eae8e0}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:660px;padding-top:30px;padding-bottom:90px;gap:28px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;display:flex;align-items:center;gap:8px}.eyebrow>span:first-child:not(:only-child){width:6px;height:6px;background:var(--purple);border-radius:50%}h1{font-size:clamp(50px,5.6vw,80px);line-height:1.22;letter-spacing:-3px;margin:29px 0 24px;font-weight:680}.purple{color:var(--purple)}.intro{font-size:15px;line-height:1.95;color:var(--muted);max-width:400px}.button{display:inline-flex;background:var(--ink);color:white;border-radius:40px;padding:18px 24px;gap:55px;font-size:13px;margin-top:19px;transition:transform .2s,background .2s}.button:hover{background:var(--purple);transform:translateY(-3px)}.hero-note{font-size:11px;letter-spacing:1px;margin-top:24px;color:var(--muted)}.play-art{position:relative;height:500px;isolation:isolate;background:radial-gradient(ellipse at 50% 60%,#eee6f8 0%,transparent 68%)}.art-label{position:absolute;left:22px;top:35px;font-size:9px;letter-spacing:1.7px;color:#7b7a77}.game-board{position:absolute;top:138px;left:50%;width:300px;height:300px;border-radius:38px;background:#e8e7e0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:22px;transform:translateX(-50%) rotate(-28deg) skew(8deg,8deg);box-shadow:-1px 3px #d0cfc6,-2px 6px #d0cfc6,-3px 9px #d0cfc6,-4px 12px #d0cfc6,-5px 15px #d0cfc6,-6px 18px #d0cfc6,-16px 37px 38px #26202020}.board-cell{position:relative;border-radius:18px;background:#d8d8cf;box-shadow:inset 0 3px 4px #00000012}.piece{display:block;position:absolute;inset:0;border-radius:17px;transform:translateY(-10px);box-shadow:0 5px 0 var(--shade),0 10px 0 var(--shade),0 12px 4px #00000018}.piece-lilac{background:#aa8ee5;--shade:#7b5bb5}.piece-lime{background:#d9ee8d;--shade:#adc65c}.piece-orange{background:#f9b26d;--shade:#cf894e}.piece-pink{background:#eebfc5;--shade:#c18d9b}.game-board .board-cell:nth-child(2) .piece{transform:translate(28px,-73px);box-shadow:0 5px 0 var(--shade),0 10px 0 var(--shade),0 12px 4px #00000018,0 80px 20px #00000015}.orbit{position:absolute;left:50%;top:50%;border:1px solid #d4d3c8;border-radius:50%;z-index:-1;transform:translate(-50%,-38%) rotate(-22deg)}.orbit-one{width:480px;height:280px}.orbit-two{width:470px;height:390px;border-style:dashed;border-color:#dedbd0}.floating-star{position:absolute;right:20px;top:75px;font-size:74px;color:var(--purple);transform:rotate(15deg)}.small-dot{width:20px;height:20px;background:#afc968;border-radius:50%;position:absolute;bottom:72px;left:15px}.art-tag{font-size:13px;letter-spacing:.3px;position:absolute;bottom:12px;right:12px;transform:rotate(-7deg);border:1px solid var(--ink);border-radius:30px;padding:11px 18px}.spark{position:absolute;font-size:25px;font-weight:200;color:#8a8c7f}.spark-one{top:94px;left:79px}.spark-two{bottom:89px;right:26px}.ribbon{background:var(--lime);overflow:hidden;padding:21px 0}.ribbon>div{display:flex;justify-content:center;align-items:center;gap:48px;white-space:nowrap;font-size:16px;font-weight:650;letter-spacing:2px}.ribbon span{font-size:29px}.section{padding-top:110px;padding-bottom:110px}.section-label{display:flex;gap:24px;font-size:11px;font-weight:600;letter-spacing:1px;align-items:center}.index{color:var(--purple);font-size:10px}.about{display:grid;grid-template-columns:1fr 2fr;gap:50px}.about>.section-label{align-self:start;margin-top:12px}h2{font-size:clamp(32px,3.5vw,48px);font-weight:620;line-height:1.38;letter-spacing:-1.4px;margin:0}.about-copy>p{max-width:600px;font-size:15px;line-height:2.15;color:var(--muted);margin-top:28px}.company-detail{display:flex;gap:32px;border-top:1px solid var(--line);padding-top:24px;margin-top:38px;font-size:12px}.company-detail>span{color:var(--muted)}.company-detail strong{font-weight:500}.direction{background:#eeeee6}.direction-heading{display:flex;justify-content:space-between;align-items:end;margin-top:32px;margin-bottom:44px;gap:30px}.direction-heading>p{font-size:13px;line-height:1.9;color:var(--muted);margin:0;max-width:310px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.principle-art{height:200px;border-radius:5px;position:relative;overflow:hidden}.art-simple{background:#dcd3eb;display:flex;align-items:center;justify-content:center;gap:12px}.art-simple span{display:block;width:50px;height:50px;background:var(--purple);border-radius:13px;box-shadow:0 8px #5f40b3;transform:rotate(-12deg)}.art-simple span:nth-child(2){background:#b499e3;box-shadow:0 8px #9475c4;transform:translateY(-15px) rotate(12deg)}.art-simple span:nth-child(3){background:#e7dcf8;box-shadow:0 8px #b8a6d3;transform:rotate(-6deg)}.art-discover{background:#e3edc6;display:flex;align-items:center;justify-content:center}.art-discover span{font-size:150px;line-height:1;color:#627b33;transform:rotate(20deg)}.art-discover i{position:absolute;width:33px;height:33px;background:#fff5de;border-radius:50%;right:28%;top:39%}.art-everyday{background:#f2decb}.sun{position:absolute;width:76px;height:76px;border-radius:50%;background:#f19a54;left:calc(50% - 38px);top:38px}.art-everyday i{width:240px;height:140px;border-radius:50%;background:#bfd38b;position:absolute;top:115px;left:-25px;transform:rotate(-15deg)}.art-everyday i:last-child{background:#7f9860;left:40%;top:135px;transform:rotate(18deg)}.card-number{display:block;font-size:10px;color:#8a8b80;margin-top:25px;letter-spacing:2px}.principle h3{font-size:21px;font-weight:580;margin:14px 0}.principle>p{font-size:13px;line-height:1.95;color:var(--muted);max-width:300px;margin:0}.closing{position:relative;text-align:center;padding-block:105px}.closing .eyebrow{justify-content:center;color:var(--muted);margin-bottom:26px}.closing h2{font-size:clamp(42px,5vw,70px);display:inline-block;position:relative}.closing h2 span{position:absolute;right:-70px;top:10px;font-size:63px;font-weight:400;color:var(--purple);transform:rotate(15deg)}.closing>p:last-of-type{font-size:13px;color:var(--muted);margin-top:22px}.back-top{display:inline-flex;gap:38px;border-bottom:1px solid #b5b6aa;padding:12px 0;font-size:11px;margin-top:23px}.back-top:hover{color:var(--purple)}.footer{border-top:1px solid var(--line);padding-block:32px;display:flex;justify-content:space-between;gap:25px;font-size:10px;color:var(--muted)}.footer strong{font-size:15px;color:var(--ink);font-weight:600;letter-spacing:1px}.footer p{margin:11px 0 0}.footer-right{text-align:right}.footer a{text-decoration:underline;text-underline-offset:4px}.privacy-main{max-width:760px;padding-top:65px;padding-bottom:90px;min-height:65vh}.privacy-main h1{font-size:42px;letter-spacing:-1px}.privacy-main h2{font-size:20px;margin-top:35px;letter-spacing:0}.privacy-main p,.privacy-main li{font-size:14px;color:var(--muted);line-height:1.95}.privacy-main ul{padding-left:20px}.privacy-date{font-size:11px!important}
@media(min-width:1450px){.hero{min-height:700px}}
@media(max-width:1000px){.wrap{width:calc(100% - 60px)}.hero{gap:0;min-height:610px}.play-art{transform:scale(.85);transform-origin:center right}.hero-copy{min-width:330px}.intro{max-width:320px}.principles{gap:20px}.principle-art{height:170px}.ribbon>div{gap:30px;font-size:13px}.about{grid-template-columns:1fr 2.1fr;gap:25px}.section{padding-block:80px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:86px}.brand{font-size:20px;gap:9px}.brand small{font-size:7px}.header nav{gap:18px;font-size:11px}.header nav a:nth-child(2){display:none}.header button{padding:8px 11px;gap:12px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:31px;padding-bottom:55px;gap:0}.hero-copy{min-width:0}.eyebrow{font-size:9px;letter-spacing:1.6px}h1{font-size:56px;margin:25px 0 20px;letter-spacing:-2px}.intro{font-size:14px;max-width:390px}.button{margin-top:12px;padding:16px 23px}.hero-note{font-size:10px}.play-art{width:100%;height:380px;transform:scale(.88);transform-origin:center center;margin-top:0;margin-bottom:-25px}.game-board{top:100px;width:260px;height:260px;padding:18px;gap:8px;border-radius:29px}.board-cell,.piece{border-radius:14px}.art-label{top:12px;left:0;font-size:8px}.orbit-one{width:350px;height:240px}.orbit-two{width:345px;height:320px}.floating-star{right:-2px;top:38px;font-size:60px}.art-tag{bottom:-5px;right:2px;font-size:11px}.spark-one{left:15px;top:57px}.small-dot{left:-7px;bottom:35px}.spark-two{right:-7px;bottom:50px}.ribbon{padding-block:17px}.ribbon>div{font-size:12px;gap:23px}.ribbon span{font-size:22px}.section{padding-block:65px}.about{display:block}.about-copy{margin-top:28px}h2{font-size:34px;letter-spacing:-1px}.about-copy>p{font-size:14px;line-height:2}.company-detail{flex-direction:column;gap:12px;margin-top:26px;padding-top:20px}.direction-heading{display:block;margin-top:28px;margin-bottom:30px}.direction-heading>p{margin-top:21px;font-size:12px}.principles{grid-template-columns:1fr;gap:38px}.principle-art{height:210px}.principle>p{max-width:none;font-size:13px}.card-number{margin-top:19px}.principle h3{margin:11px 0}.closing{padding-block:78px}.closing h2{font-size:47px}.closing h2 span{font-size:37px;right:-35px;top:-15px}.closing>p:last-of-type{font-size:12px}.footer{flex-direction:column;padding-block:27px;gap:24px}.footer-right{text-align:left}.privacy-main h1{font-size:32px}.privacy-main{padding-block:35px 60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}