:root{--paper:#f6f7f2;--ink:#17221a;--muted:#69726b;--lime:#c5f56b;--line:#dfe3d9;--radius:26px;--font:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #48732b;outline-offset:5px}::selection{color:var(--ink);background:var(--lime)}.container{max-width:1240px;padding-left:32px;padding-right:32px}.section-pad{padding:105px 0}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.eyebrow{font-size:11px;font-weight:650;letter-spacing:2px;display:flex;align-items:center;gap:10px;margin-bottom:29px}.tiny-dot{width:7px;height:7px;border-radius:50%;background:#567e37;display:inline-block}.button{min-height:54px;padding:16px 24px;display:inline-flex;gap:23px;align-items:center;justify-content:center;border:0;border-radius:50px;font-size:14px;font-weight:600;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}.button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #17221a14}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#2c3b2e;color:white}.button-lime{background:var(--lime);color:var(--ink)}.button-lime:hover{background:#d5ff87}.button-small{min-height:42px;padding:10px 17px;gap:18px;font-size:12px}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:550}.text-link .icon{transition:transform .2s}.text-link:hover .icon{transform:translateX(3px)}h1,h2,h3,p{margin:0}h2{font-weight:750;font-size:clamp(34px,4.1vw,48px);line-height:1.3;letter-spacing:-1.8px}p{line-height:1.85}.skip-link{position:fixed;left:20px;top:-60px;z-index:100;background:var(--ink);color:white;padding:10px 20px;border-radius:8px}.skip-link:focus{top:10px}.site-header{background:#f6f7f2ed;backdrop-filter:blur(14px);position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line)}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:28px;line-height:1;letter-spacing:-1.6px;font-weight:800;display:inline-flex;align-items:center}.brand-mark{font-size:34px;line-height:1;margin-right:10px;color:#24462b}.brand-light{font-weight:450}.brand-dot{color:#609b39}.desktop-nav{display:flex;gap:36px}.desktop-nav a{font-size:13px;color:#586259;transition:color .2s}.desktop-nav a:hover{color:#17221a}.menu-toggle,.mobile-nav{display:none}
.hero{padding-top:61px;padding-bottom:0;overflow:hidden}.hero-row{min-height:587px}.hero .eyebrow{margin-bottom:28px;font-size:10px;letter-spacing:1.9px}.hero h1{font-size:clamp(46px,5.8vw,74px);line-height:1.17;font-weight:800;letter-spacing:-3.7px}.highlight-word{position:relative;display:inline-block}.highlight-word svg{position:absolute;width:100%;height:17px;bottom:-7px;left:0;overflow:visible;stroke:#9bcc49;stroke-width:8;stroke-linecap:round;fill:none;z-index:-1}.title-period{color:#77a843}.hero-description{font-size:15px;color:var(--muted);line-height:1.9;margin-top:29px}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:29px}.hero-note{display:flex;align-items:center;gap:10px;font-size:11px;color:#7b837b;margin-top:31px}.note-lines{display:flex;gap:3px;align-items:center;height:17px}.note-lines i{width:3px;height:8px;background:#84977a;border-radius:3px}.note-lines i:nth-child(2){height:15px}.note-lines i:nth-child(3){height:11px}.world-card{position:relative;height:510px;border:1px solid #dbe3cf;border-radius:34px;background:#e9efdf;overflow:hidden;isolation:isolate}.world-card:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#74876b4d .8px,transparent .8px);background-size:20px 20px;mask-image:linear-gradient(black,#0005);z-index:-1}.world-topline,.world-bottomline{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.1px;font-weight:650;color:#5c6a55;position:absolute;left:24px;right:24px;z-index:2}.world-topline{top:26px}.world-topline span:first-child{display:flex;gap:7px;align-items:center}.status-dot{width:6px;height:6px;border-radius:50%;background:#b8e965;display:inline-block;box-shadow:0 0 0 3px #b8e96519}.world-topline .status-dot{background:#467341;box-shadow:none}.world-bottomline{bottom:24px;font-size:8px;letter-spacing:.3px}.world-bottomline .icon{width:19px;height:19px;opacity:.6}.world-canvas{position:absolute;inset:26px -55px 15px;display:flex;align-items:center;justify-content:center}.world-illustration{width:112%;height:auto;animation:island-float 8s ease-in-out infinite;will-change:transform}.floating-tag{display:flex;align-items:center;gap:9px;position:absolute;z-index:2;box-shadow:0 9px 23px #17221a0b;border:1px solid #ffffffa6;backdrop-filter:blur(10px);font-size:10px;font-weight:550}.tag-idea{top:103px;left:23px;padding:12px 14px;border-radius:50px;background:#ffffffb8;transform:rotate(-5deg)}.tag-idea .icon{width:15px;height:15px;color:#567741}.tag-play{bottom:84px;right:22px;border-radius:13px;padding:12px 13px;background:#17221a;color:#e5ecd9;letter-spacing:1px;font-size:8px;transform:rotate(5deg);border-color:#344536}.tag-play-icon{background:var(--lime);color:#17221a;border-radius:50%;height:23px;width:23px;display:grid;place-items:center;padding-left:2px;font-size:8px}.hero-bottom{display:flex;align-items:center;justify-content:space-between;padding:47px 0 27px;color:#868c83;font-size:10px;letter-spacing:.5px}.hero-bottom a{display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:1.4px}.hero-bottom .icon{width:15px;height:15px}.idea-strip{background:var(--ink);color:#dbe6d2;overflow:hidden}.strip-inner{min-height:69px;display:flex;justify-content:space-between;align-items:center;gap:25px;white-space:nowrap;font-size:10px;letter-spacing:1.5px}.strip-inner i{font-style:normal;color:var(--lime);font-size:24px}.strip-inner span:last-child{font-size:8px}.muted-eyebrow{color:#86947c}.about-section{background:#19271d;color:#f4f6ed}.muted-heading{color:#8d9e86}.about-copy{padding-top:40px}.about-copy p{font-size:17px;line-height:1.9}.about-copy .secondary-copy{font-size:13px;color:#a0ad97;margin-top:23px}.principle-grid{margin-top:58px}.principle{position:relative;border-top:1px solid #e9f5e025;padding-top:32px;height:100%}.principle-number{font-size:10px;color:#8a9a7f;letter-spacing:1px}.principle-icon{width:27px;height:27px;position:absolute;top:26px;right:14px;fill:none;stroke:var(--lime);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.principle h3{font-size:20px;font-weight:600;margin-top:22px;margin-bottom:13px;letter-spacing:-.5px}.principle p{color:#9eac97;font-size:12px;max-width:300px;line-height:1.9}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:43px}.section-heading p{font-size:13px;color:var(--muted);padding-bottom:5px}.playground{display:grid;grid-template-columns:.82fr 1.18fr;background:#18221c;color:white;border-radius:30px;overflow:hidden;min-height:556px}.game-description{padding:44px 40px;background:linear-gradient(135deg,#283a2a,#18251d);position:relative}.pill{display:inline-flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid #ffffff25;border-radius:100px;font-size:8px;letter-spacing:1px}.pill-light{color:#b8c6ad}.pill .tiny-dot{background:var(--lime);width:5px;height:5px}.game-description h3{font-size:35px;margin-top:33px;font-weight:650;letter-spacing:-1px}.game-description h3 span{display:block;color:#90a585;font-size:13px;margin-top:9px;letter-spacing:.5px;font-weight:450}.game-description>p{font-size:12px;color:#b5c1af;margin-top:23px;line-height:1.9}.game-instructions{display:grid;grid-template-columns:23px 1fr;gap:10px;margin:31px 0}.game-instructions>span{font-size:9px;color:#7e9874;padding-top:4px}.game-instructions p{font-size:10px;color:#c2ccbb}.game-description .button{min-height:45px;padding:12px 22px;font-size:11px;gap:30px}.game-small-note{display:block;font-size:9px;color:#8da080;margin-top:17px}.game-panel{padding:27px 32px 17px;background:#152019}.game-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;font-size:8px;letter-spacing:1px;color:#c9d6bf}.game-toolbar>span{display:flex;align-items:center;gap:8px}.game-toolbar button{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#a8b69f;font-size:9px;padding:5px}.game-toolbar button:hover{color:var(--lime)}.game-toolbar .icon{width:14px;height:14px}.game-board{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.memory-card{height:99px;border:1px solid #405044;border-radius:13px;background:#233229;display:grid;place-items:center;color:#62816b;position:relative;cursor:pointer;transition:background .22s,transform .22s,border-color .22s,color .22s}.memory-card:hover:not(:disabled){background:#2d4032;border-color:#81a96d;transform:translateY(-3px)}.memory-card:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.card-back{font-size:32px;font-weight:300;opacity:.5;transition:opacity .16s,transform .22s}.card-front{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:scale(.4) rotate(-12deg);transition:opacity .2s,transform .2s}.card-front svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.memory-card.is-revealed .card-back,.memory-card.is-matched .card-back{opacity:0;transform:scale(.5)}.memory-card.is-revealed .card-front,.memory-card.is-matched .card-front{opacity:1;transform:scale(1) rotate(0)}.memory-card.is-revealed,.memory-card.is-matched{background:#d8e8c8;color:#304a2b;border-color:#d8e8c8}.memory-card[data-symbol="moon"].is-revealed,.memory-card[data-symbol="moon"].is-matched{background:#d6ccfa;color:#64508e;border-color:#d6ccfa}.memory-card[data-symbol="sparkles"].is-revealed,.memory-card[data-symbol="sparkles"].is-matched{background:#f8d9ab;color:#815931;border-color:#f8d9ab}.memory-card[data-symbol="heart"].is-revealed,.memory-card[data-symbol="heart"].is-matched{background:#f4c8c8;color:#895556;border-color:#f4c8c8}.memory-card[data-symbol="orbit"].is-revealed,.memory-card[data-symbol="orbit"].is-matched{background:#bde4e6;color:#37767c;border-color:#bde4e6}.memory-card.is-matched{opacity:.73;cursor:default}.game-stats{display:flex;justify-content:space-between;gap:12px;margin-top:22px;border-top:1px solid #91a28a25;padding-top:16px;font-size:8px;color:#91a48a}.game-stats strong{display:block;color:#e0ead7;font-size:18px;letter-spacing:1px;font-weight:500;margin-top:3px;font-variant-numeric:tabular-nums}.game-stats small{font-size:11px;color:#718868;letter-spacing:0}.game-status{min-height:32px;color:#a9b99f;font-size:9px;line-height:1.7;margin-top:13px}.game-status.is-complete{color:var(--lime)}.demo-caption{display:grid;grid-template-columns:1fr 1.25fr;gap:50px;align-items:start;margin-top:26px}.demo-caption>span{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:550}.demo-caption .icon{width:17px;height:17px;color:#698d42}.demo-caption p{font-size:11px;color:#7f8978;line-height:1.9}.process-section{padding-top:25px}.process-list{border-top:1px solid var(--line)}.process-row{display:grid;grid-template-columns:70px 1fr 1.55fr auto;align-items:center;gap:30px;border-bottom:1px solid var(--line);padding:30px 0;transition:padding .2s}.step-index{font-size:13px;font-variant-numeric:tabular-nums;color:#8a9781}.step-title h3{font-size:21px;font-weight:600;letter-spacing:-.7px}.step-title span{display:block;font-size:8px;letter-spacing:2px;color:#87957d;margin-top:8px}.process-row p{font-size:11px;line-height:1.9;color:#6f7b67;max-width:410px}.step-tag{font-size:9px;background:#e9eddf;border-radius:100px;padding:8px 12px;color:#6b785d;white-space:nowrap}.faq-section{background:#eef1e7;padding:80px 0}.faq-intro{font-size:12px;color:#7a8670;margin-top:20px}.faq-list details{border-top:1px solid #cfd6c5;padding:19px 0}.faq-list details:last-child{border-bottom:1px solid #cfd6c5}.faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:18px;align-items:center;cursor:pointer;font-size:13px;font-weight:550;line-height:1.7}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:22px;font-weight:300;color:#697d57;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:#77846d;font-size:11px;line-height:1.9;margin-top:14px;max-width:570px}.closing-section{padding:79px 0 57px}.closing-card{background:var(--lime);border-radius:26px;padding:53px 56px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;isolation:isolate}.closing-card .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:22px}.closing-card h2{font-size:39px;letter-spacing:-1.5px}.closing-card .button{margin-right:40px}.closing-star{font-size:280px;position:absolute;right:-14px;top:-65px;color:#b2de5b;z-index:-1;line-height:1;transform:rotate(13deg)}.site-footer{padding-bottom:29px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);padding-top:29px}.site-footer .brand{font-size:23px}.site-footer span:not(.brand-light):not(.brand-dot){font-size:9px;color:#828a7a}.site-footer .text-link{font-size:10px}.site-footer .icon{height:15px;width:15px}.reveal-ready{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}.reveal-ready.is-visible{opacity:1;transform:translateY(0)}
@keyframes island-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(min-width:1500px){.hero h1{font-size:78px}.container{max-width:1320px}.world-card{height:535px}}
@media(max-width:1199px){.container{padding-left:28px;padding-right:28px}.hero h1{font-size:61px}.world-card{height:480px}.hero-actions{gap:20px}.button{padding-left:20px;padding-right:20px}.hero-actions .text-link{font-size:11px}.game-description{padding:36px 28px}.game-panel{padding:27px 24px 15px}.memory-card{height:91px}.process-row{gap:20px;grid-template-columns:45px 1fr 1.4fr}.step-tag{display:none}.world-bottomline span:last-child{font-size:7px}.strip-inner{font-size:8px;gap:15px}.strip-inner span:last-child{font-size:7px}}
@media(max-width:991px){.section-pad{padding:76px 0}.hero{padding-top:48px;padding-bottom:0}.hero h1{font-size:72px}.hero-copy{max-width:650px}.hero-row{min-height:0;--bs-gutter-y:45px}.world-card{max-width:650px;height:550px;margin:auto}.world-canvas{inset:15px -20px 0}.world-illustration{width:110%}.hero-bottom{padding-top:35px}.about-copy{padding-top:0}.principle-grid{margin-top:33px}.playground{grid-template-columns:.82fr 1.18fr;min-height:0}.game-description{padding:32px 25px}.game-description h3{font-size:29px}.memory-card{height:82px}.game-board{gap:8px}.game-panel{padding:24px 20px 16px}.game-toolbar{font-size:7px}.game-toolbar button span{display:none}.game-instructions{margin:23px 0}.game-small-note{font-size:8px}.game-status{font-size:8px}.faq-intro{margin-bottom:0}.process-section{padding-top:10px}.closing-card{padding:42px}.closing-card h2{font-size:33px}.closing-card .button{margin-right:0}.desktop-nav{gap:25px}.faq-section .row{--bs-gutter-y:35px}.hero .eyebrow{margin-bottom:24px}}
@media(max-width:767px){.container{padding-left:22px;padding-right:22px}.header-inner{height:72px}.brand{font-size:26px}.brand-mark{font-size:30px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex;flex-direction:column;gap:6px;padding:12px;background:transparent;border:1px solid #dbe1d1;border-radius:50%;width:39px;height:39px;justify-content:center;align-items:center}.menu-toggle span{height:1px;width:16px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav:not([hidden]){display:flex;flex-direction:column;padding:0 22px 20px;gap:0}.mobile-nav a{font-size:14px;padding:13px 0;border-top:1px solid var(--line)}.hero h1{font-size:clamp(47px,10vw,67px);letter-spacing:-2.8px}.hero-description{font-size:13px;margin-top:26px}.hero .eyebrow{font-size:9px;letter-spacing:1.3px}.hero-actions .text-link{font-size:11px}.hero-actions .button{font-size:12px;padding:14px 19px;min-height:48px;gap:15px}.hero-actions{gap:20px}.hero-note{font-size:9px;margin-top:27px}.world-card{height:440px;border-radius:27px}.world-topline{left:18px;right:18px;font-size:7px;top:22px}.world-bottomline{left:18px;right:18px;bottom:20px;font-size:8px}.world-bottomline span:last-child{font-size:6px}.world-canvas{inset:40px -40px 20px}.world-illustration{width:110%}.tag-idea{left:18px;top:82px;font-size:9px;padding:10px}.tag-play{bottom:63px;right:15px;font-size:7px}.hero-bottom{font-size:8px;padding-bottom:24px}.hero-bottom a span{display:none}.strip-inner{min-height:57px;justify-content:flex-start;gap:22px;font-size:7px;letter-spacing:.8px}.strip-inner i{font-size:20px}.strip-inner span:last-child{display:none}.strip-inner i:last-of-type{display:none}h2{font-size:34px;letter-spacing:-1.4px}.eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:22px}.about-copy p{font-size:14px}.about-copy .secondary-copy{font-size:12px;margin-top:16px}.about-section .row{--bs-gutter-y:30px}.principle-grid{margin-top:32px!important}.principle{padding-top:24px}.principle h3{font-size:20px;margin-top:17px}.principle p{max-width:none;font-size:12px}.principle-icon{top:20px}.section-heading{align-items:start;flex-direction:column;gap:20px;margin-bottom:31px}.section-heading p{font-size:12px}.playground{grid-template-columns:1fr;border-radius:24px}.game-description{padding:31px 27px}.game-description h3{margin-top:24px;font-size:30px}.game-description>p{margin-top:17px}.game-instructions{display:none}.game-description .button{margin-top:23px}.game-small-note{margin-top:14px}.game-panel{padding:23px 20px 18px}.game-toolbar{font-size:8px}.game-toolbar button span{display:inline}.game-board{gap:9px}.memory-card{height:87px}.card-front svg{height:32px;width:32px}.game-stats{font-size:9px}.game-stats strong{font-size:20px}.game-status{font-size:9px;min-height:32px}.demo-caption{grid-template-columns:1fr;gap:13px;margin-top:23px}.demo-caption p{font-size:10px}.process-row{grid-template-columns:27px 1fr;gap:12px 18px;padding:26px 0}.step-title h3{font-size:20px}.process-row p{grid-column:2;font-size:11px;max-width:none}.step-index{align-self:start;margin-top:5px;font-size:12px}.faq-section{padding:61px 0}.faq-list summary{font-size:12px}.faq-list details p{font-size:11px}.closing-section{padding:61px 0 41px}.closing-card{padding:34px 28px;flex-direction:column;align-items:start;gap:26px;border-radius:23px}.closing-card h2{font-size:32px}.closing-card .eyebrow{font-size:7px;margin-bottom:17px}.closing-card .button{font-size:12px;min-height:46px}.closing-star{right:-33px;top:40px;font-size:230px}.footer-inner{flex-wrap:wrap;gap:20px;padding-top:25px}.site-footer .brand{font-size:22px}.site-footer .footer-inner>span{order:3;flex-basis:100%;font-size:8px}.site-footer .text-link{margin-left:auto}.section-pad{padding:65px 0}.hero{padding-top:39px;padding-bottom:0}.process-section{padding-top:0}}
@media(max-width:390px){.container{padding-left:18px;padding-right:18px}.hero h1{font-size:47px}.hero-actions{gap:15px}.hero-actions .button{padding:13px 15px;font-size:11px}.hero-actions .text-link{font-size:10px}.world-card{height:360px}.tag-idea{font-size:8px;top:69px}.world-topline{font-size:6px}.world-bottomline span:last-child{display:none}.memory-card{height:76px}.game-panel{padding-left:16px;padding-right:16px}.game-board{gap:7px}.strip-inner{gap:14px;font-size:6px}.closing-card h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.world-illustration{will-change:auto}.reveal-ready{opacity:1;transform:none}}
