:root{color-scheme:light;--ink:#25234c;--muted:#696780;--purple:#7860c1;--paper:#fbf9ff;--line:#dfd9ed;font-family:ui-rounded,"Avenir Next",Avenir,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #8468ce;outline-offset:4px}.play-area{height:100vh;height:100svh;display:flex;flex-direction:column;background:#efeff2}.game-frame{display:block;border:0;width:100%;height:calc(100% - 44px);flex:1;min-height:0;background:#efeff2}.scroll-cue{height:44px;flex:none;display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:#fff;color:#615a80;border-top:1px solid #e9e4f2}.scroll-arrow{font-size:20px;color:#8e67c6;line-height:1}.content{overflow:hidden;background:radial-gradient(ellipse at 90% 2%,#e9e0fc 0%,transparent 28%),#fbf9ff}.intro,.section-block,.site-footer{max-width:1200px;margin:0 auto}.intro{padding:94px 40px 100px}.brand-line,.footer-brand{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.16em;font-weight:850;color:#756d90}.brand-mark{width:35px;height:35px;border-radius:12px;background:#efe8fa;display:inline-flex;align-items:center;justify-content:center;position:relative;flex:none}.brand-mark i{position:absolute;display:block;width:9px;height:9px;border-radius:50%;background:#ec817d;top:8px;left:8px}.brand-mark i:nth-child(2){background:#719ce9;top:18px;left:12px}.brand-mark i:nth-child(3){background:#b498e6;top:11px;left:21px}.intro-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end;margin-top:83px}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:850;color:#9273c4;margin:0 0 20px}.intro h1{font-size:clamp(14px,1.4vw,17px);margin:0 0 20px;color:#79728e;font-weight:750;letter-spacing:.01em}.lead{font-size:clamp(48px,6.6vw,83px);letter-spacing:-.055em;line-height:1.02;font-weight:800;margin:0}.lead em,.details h2 em,.faq h2 em{color:#a886d4;font-style:normal}.intro-copy{max-width:380px;padding-bottom:5px}.intro-copy p,.section-head>p,.steps p,.detail-list p,.faq-list p{font-size:15px;line-height:1.85;color:var(--muted)}.intro-copy p{font-size:17px;margin:0 0 24px}.play-link{display:inline-flex;align-items:center;gap:24px;text-decoration:none;font-weight:800;font-size:13px;border-bottom:1px solid #8f6cc4;padding:0 0 8px;color:#665196}.play-link span{font-size:18px}.section-block{padding:80px 40px}.how{border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.section-head h2,.details h2,.faq h2{font-size:clamp(32px,4vw,49px);letter-spacing:-.045em;line-height:1.12;margin:0}.section-head>p{margin:0 0 5px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps article{position:relative;border:1px solid #e6dff0;border-radius:22px;padding:25px;background:#fff;min-height:290px}.step-number{font-size:11px;font-weight:900;color:#a8a0b9;letter-spacing:.12em}.step-art{height:104px;display:flex;align-items:center;position:relative;margin:7px 0 15px}.step-art b{display:block;width:36px;height:36px;border-radius:50%;background:#f28280;box-shadow:inset -3px -5px #0000000d;z-index:1}.step-art b:nth-child(2){margin-left:88px}.step-art span:not(.art-three span){position:absolute;left:18px;width:125px;height:3px;border-radius:4px;background:#f0c3c3}.art-two b{background:#8d91e9}.art-two span{background:#c4b7ec!important;transform:rotate(-13deg)}.art-three b{background:#84caac}.art-three span{color:#e7b549;font-size:27px;position:absolute;left:74px}.steps h3,.detail-list h3{font-size:17px;margin:0 0 8px;letter-spacing:-.015em}.steps p,.detail-list p{margin:0;font-size:14px}.details{padding-top:50px}.details-panel{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#eee8fa;border:1px solid #e0d6f3;border-radius:26px;padding:60px}.details h2{font-size:clamp(38px,4.5vw,57px)}.detail-list{display:grid;gap:24px}.detail-list article{display:flex;gap:18px}.detail-list article>span{width:37px;height:37px;flex:none;border-radius:13px;display:grid;place-items:center;background:white;color:#a580d1;font-size:20px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding-top:100px;padding-bottom:110px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:15px;font-weight:800;font-size:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:23px;font-weight:400;color:#9675c3}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:14px;max-width:560px;margin:12px 30px 0 0}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:32px 40px 40px}.footer-brand{color:#393050;font-size:15px;letter-spacing:0}.footer-brand small{display:block;color:#aaa0b9;letter-spacing:.13em;font-size:9px;margin-top:4px}.site-footer p,.site-footer>a{color:#898298;font-size:12px}.site-footer>a{font-weight:800;text-decoration:none}@media(max-width:760px){.intro{padding:64px 24px 65px}.intro-grid{grid-template-columns:1fr;gap:25px;margin-top:58px}.lead{font-size:clamp(45px,11vw,66px)}.intro-copy{max-width:100%}.intro-copy p{font-size:15px}.section-block{padding:60px 24px}.section-head{display:block}.section-head>p{margin-top:12px}.steps{grid-template-columns:1fr}.steps article{min-height:0}.step-art{height:75px;margin:0 0 8px}.details{padding-top:20px}.details-panel{padding:32px 24px;grid-template-columns:1fr;gap:32px}.faq{grid-template-columns:1fr;gap:32px}.site-footer{margin:0 24px;padding:26px 0;flex-wrap:wrap}.site-footer p{display:none}.scroll-cue{font-size:10px}}
