@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Nunito:wght@600;700;800;900&display=swap');:root{--ink:#24334f;--muted:#63718b;--purple:#7767d8;--yellow:#ffcb58;--cream:#fffaf0;--line:#e5e4ee;--mint:#d7f3e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fffdf8;color:var(--ink);font-family:'DM Sans',system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin-top:0}.header{max-width:1250px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:22px;padding:20px 30px}.brand{display:flex;align-items:center;font-family:Nunito,sans-serif;font-size:15px;font-weight:900;line-height:1.1;letter-spacing:.025em}.brand b{color:var(--purple)}.brand-icon{font-size:34px;color:#efb33f;margin-right:10px}.header nav{display:flex;gap:28px;font-size:13px;font-weight:700}.header nav a:hover{color:var(--purple)}.top-cta{background:#ede9ff;color:#6255ba;padding:12px 18px;border-radius:30px;font-size:13px;font-weight:800}.hero{background:linear-gradient(125deg,#fff5e3,#fffaf0 54%,#f0edff);min-height:550px;display:grid;grid-template-columns:1.1fr .9fr;padding:70px max(32px,calc((100vw - 1190px)/2));overflow:hidden;gap:26px}.hero-copy{position:relative;z-index:2}.eyebrow,.tag{display:inline-block;color:#8068cd;background:#eee9ff;border-radius:40px;padding:8px 13px;font-size:11px;font-weight:900;letter-spacing:.08em;margin-bottom:22px}.eyebrow{background:#ffe8b2;color:#9a6326}h1,h2,h3{font-family:Nunito,sans-serif;font-weight:900}h1{font-size:clamp(42px,5vw,68px);line-height:1.08;letter-spacing:-.055em;max-width:750px;margin-bottom:24px}h1 em,h2 em{color:#7665d5;font-style:normal}h1 .underline{text-decoration:underline;text-decoration-color:#f7c451;text-decoration-thickness:7px;text-underline-offset:6px}.hero-copy>p{font-size:17px;line-height:1.75;color:var(--muted);max-width:520px}.actions{display:flex;flex-wrap:wrap;gap:13px;margin:28px 0}.btn{display:inline-flex;justify-content:center;align-items:center;gap:14px;padding:15px 24px;border-radius:35px;font-weight:800;font-size:14px;border:0;cursor:pointer;transition:transform .15s}.btn:hover:not(.disabled){transform:translateY(-2px)}.primary{background:var(--purple);color:#fff;box-shadow:0 8px 18px #7767d82d}.ghost{background:#fff;color:#5b5d78;border:1px solid var(--line)}.light{background:#fff;color:#6d5ccf}.disabled{background:#aaa7b7;box-shadow:none;cursor:not-allowed}.trust{display:flex;flex-wrap:wrap;gap:16px;color:#66728a;font-size:11px;font-weight:700;margin-top:30px}.hero-art{position:relative;min-height:390px;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border-radius:50%;border:2px dashed #ded4ff}.orbit1{width:440px;height:440px}.orbit2{width:315px;height:315px}.case-sheet{position:relative;background:white;border:2px solid #5c65b0;box-shadow:19px 22px 0 #eadfff,0 28px 50px #4c3b8f16;width:310px;height:355px;transform:rotate(7deg);padding:22px;border-radius:8px;text-align:center}.sheet-top{display:flex;justify-content:space-between;font-size:9px;font-weight:800;color:#6d7298}.sheet-icon{font-size:77px;margin:28px 0 10px}.sheet-title{color:#7866d4;font-size:27px;font-weight:900;font-family:Nunito}.sheet-detail{font-size:13px;margin:8px}.sheet-line{height:6px;border-radius:4px;background:#e7e4fa;margin:24px 20px 10px}.sheet-line.short{width:60%;margin:0 auto}.seal{position:absolute;bottom:-23px;right:-32px;transform:rotate(-17deg);background:#ffd361;color:#6a4d11;border:4px solid #fff;border-radius:50%;width:96px;height:96px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px;box-shadow:0 8px 20px #5141292a}.float-note{position:absolute;z-index:2;background:white;border-radius:40px;padding:13px 18px;box-shadow:0 8px 30px #5e468e25;font-weight:800;font-size:12px}.note1{top:45px;left:-7px;transform:rotate(-7deg)}.note2{bottom:32px;left:10px;transform:rotate(6deg)}.section{max-width:1180px;margin:auto;padding:100px 26px}.section-head{text-align:center;max-width:720px;margin:0 auto 46px}.section-head h2,.resource-copy h2{font-size:clamp(31px,4vw,46px);letter-spacing:-.04em;line-height:1.18;margin-bottom:15px}.section-head p,.resource-copy p{color:var(--muted);line-height:1.7}.idea-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.idea{min-height:255px;border-radius:20px;padding:25px;position:relative;overflow:hidden}.idea.i{background:#e7f8ee}.idea.d{background:#ffefca}.idea.e{background:#eae7fc}.idea.a{background:#fce7e7}.idea-icon{font-size:36px}.letter{position:absolute;right:17px;top:6px;color:#ffffffbd;font-size:115px;font-family:Nunito;font-weight:900}.idea h3{font-size:24px;margin:30px 0 9px;position:relative}.idea p{color:#5e677b;font-size:14px;line-height:1.7;position:relative}.characters{padding-top:40px}.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.character{border-radius:22px;border:1px solid var(--line);overflow:hidden;background:#fff;box-shadow:0 8px 26px #242d4d08}.portrait{height:250px;position:relative;display:flex;justify-content:center;align-items:center}.mint{background:#d8f4ea}.peach{background:#ffe5d9}.lilac{background:#ece6ff}.char-face{width:138px;height:144px;background:#e1a978;border-radius:47% 47% 40% 40%;position:relative;box-shadow:0 -25px 0 9px #4a3456;display:flex;flex-direction:column;align-items:center;justify-content:center}.char-face.blue{background:#c68d5d;box-shadow:0 -22px 0 8px #3b536a}.hair{font-size:40px;line-height:1;color:#352d48;margin-top:-8px}.eyes{font-size:31px;font-weight:900;color:#222}.body-shirt{position:absolute;bottom:-28px;width:130px;height:65px;border-radius:60px 60px 16px 16px;background:#8c7ce0;color:#fff;text-align:center;padding:12px;font-size:29px}.blue .body-shirt{background:#ffb94e}.char-bubble{position:absolute;top:22px;right:40px;font-size:36px;transform:rotate(11deg)}.mascot{width:170px;height:170px;border-radius:50%;background:#fbcd62;display:flex;align-items:center;justify-content:center;color:#ffffff;font-size:118px;position:relative;filter:drop-shadow(0 12px 0 #d0b8eb)}.mascot span{position:absolute;font-size:19px;color:#4b3c77;top:69px}.mascot small{position:absolute;color:#4b3c77;top:85px;font-size:19px}.char-info{padding:24px}.char-role{color:#8a73ce;font-size:10px;letter-spacing:.09em;font-weight:900}.char-info h3{font-size:25px;margin:8px 0}.char-info p{color:var(--muted);line-height:1.7;font-size:14px;margin-bottom:0}.play{padding-top:48px}.game{max-width:810px;margin:auto;border:1px solid #ded9f0;background:#fff;border-radius:26px;box-shadow:0 18px 65px #322b6614;overflow:hidden}.game-heading{background:#7165c8;color:white;display:flex;justify-content:space-between;gap:15px;padding:17px 24px;font-weight:900;font-size:12px}.progress{height:7px;background:#edeaf9}.progress span{display:block;height:100%;background:#ffce65;width:25%;transition:width .25s}.game-body{padding:35px}.game-body h3{font-size:29px;margin:0 0 13px}.game-body p{line-height:1.8;color:#606e82}.game-label{font-size:11px;font-weight:900;letter-spacing:.12em;color:#8c6dc1}.evidence{background:#f7f8fe;border:1px solid #e9eaf8;border-radius:13px;padding:17px 20px;margin:20px 0}.evidence li{margin:8px 0}.choices{display:grid;gap:10px;margin:18px 0}.choice{border:1px solid #dddbea;border-radius:12px;padding:15px 18px;background:#fff;text-align:left;cursor:pointer;color:#33415e}.choice:hover,.choice.selected{border-color:#7767d8;background:#f1efff}.game-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}.inline-hint{background:#e6f7ef;padding:15px;border-radius:12px;color:#315e4c}.resources{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:80px}.resource-illustration{min-height:440px;background:#fff0d6;border-radius:35px;display:flex;align-items:center;justify-content:center}.guide-cover{width:250px;min-height:330px;background:#fdf8e9;box-shadow:15px 15px 0 #ebb956,0 20px 35px #be97633d;transform:rotate(-6deg);padding:25px;display:flex;flex-direction:column;border:3px solid #6557aa;border-radius:8px}.guide-cover>span{font-weight:900;color:#6d60b8;font-size:11px}.cover-star{font-size:47px;color:#f2bd48;margin:14px 0}.guide-cover strong{font-family:Nunito;font-size:29px;line-height:1.05}.guide-cover small{font-size:9px;margin-top:11px;font-weight:800;color:#68718b}.cover-footer{margin-top:auto;background:#7667cf;color:#fff;font-size:11px;font-weight:900;text-align:center;border-radius:5px;padding:10px}.guide-state{background:#fff4d8;border:1px solid #efd894;padding:12px 14px;border-radius:12px;font-size:13px;margin:17px 0;color:#765b27}.privacy{font-size:12px}.cta-section{margin:40px auto 0;background:#7165c8;color:#fff;padding:70px max(35px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-section .tag{background:#8b7de0;color:#fff}.cta-section h2{font-size:38px;margin-bottom:10px}.cta-section p{color:#eeecff}footer{text-align:center;padding:45px 20px;color:#6a7282;font-size:13px}.footer-brand{font-weight:900;color:#6455be;font-size:16px;margin-bottom:15px}footer small{font-size:11px}@media(max-width:950px){.header nav{display:none}.hero{padding:65px 35px;grid-template-columns:1fr}.hero-art{min-height:410px}.idea-grid{grid-template-columns:repeat(2,1fr)}.resources{gap:30px}}@media(max-width:650px){.header{padding:15px 18px}.top-cta{font-size:11px;padding:11px}.hero{padding:50px 20px}.hero-art{min-height:360px}.case-sheet{transform:rotate(5deg) scale(.85)}.orbit1{width:350px;height:350px}.note1{left:5px}.trust{gap:9px}.section{padding:65px 18px}.idea-grid{gap:10px}.idea{padding:17px;min-height:240px}.idea h3{font-size:21px}.idea p{font-size:12px}.character-grid{grid-template-columns:1fr}.portrait{height:200px}.resources{grid-template-columns:1fr}.resource-illustration{min-height:380px}.cta-section{padding:50px 25px;flex-direction:column;align-items:flex-start}.game-body{padding:22px}.game-heading{font-size:10px}.section-head{margin-bottom:30px}}
