:root{font-family:Manrope,'DM Sans',sans-serif;color:#241b3e;background:#faf7ff;--navy:#f8f4ff;--panel:#fff;--line:#e1d7ed;--mint:#23bd6b;--yellow:#ffcf70;--lilac:#8d68f1;--coral:#ff987a}body{background:#faf8ff;color:#241b3e}h1,h2,h3,.brand,.page-title{font-family:Manrope,'DM Sans',sans-serif!important;font-weight:800!important}.shell{max-width:none}.sidebar{background:#fff;border-right:1px solid #e8e1f1;box-shadow:12px 0 28px #5121ea08}.brand{color:#281746;font-size:20px}.brand small{color:#5121ea}.mark{background:#5121ea;color:#fff}.nav button,.mobile-nav button{color:#6a6078}.nav button.active,.mobile-nav button.active{background:#efe7ff;color:#5121ea}.nav button:hover,.mobile-nav button:hover{background:#f5f0ff;color:#5121ea}.side-note{background:#f1ebff;border-color:#e0d3ff;color:#66587a}.side-note strong{color:#5121ea}.main{background:radial-gradient(circle at 100% 0,#eee4ff 0,transparent 35%),#faf8ff}.topbar{color:#837291}.pill{background:#fff;border-color:#e3d7ed;color:#5e4a7b}.spark{background:#e8dcff;color:#5121ea}.eyebrow{color:#5121ea}.lead,.muted{color:#766986}.hero{border:1px solid #dfd0f8;background:#f0eaff}.journey-hero{min-height:525px;background:radial-gradient(circle at 78% 35%,#fff7e7 0,#fff7e7 17%,transparent 35%),linear-gradient(120deg,#e9dfff,#f5ecff 55%,#e3f9ee);box-shadow:0 24px 65px #5121ea12;overflow:hidden}.journey-hero:before{right:0;top:0;transform:translate(20%,-24%);width:590px;height:590px;border:2px dashed #b39be585;box-shadow:0 0 0 55px #ffffff45,0 0 0 115px #ffffff27}.journey-hero h1{color:#291a54;font-size:clamp(48px,5.3vw,78px);line-height:1.03}.journey-hero h1 em,.page-title em{font-family:Fraunces,Georgia,serif;font-weight:600;font-style:italic;color:#5121ea}.journey-hero p{color:#5c5174;font-size:17px}.hero-caption{color:#856d9d;margin-top:26px;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.hero-mascot{right:8%;bottom:8%;width:min(35%,350px)}.hero-mascot svg{animation:kiri-fly 3.8s ease-in-out infinite}.hero-mascot .speech{position:absolute;top:-14px;right:-20px;background:white;color:#40215f;padding:14px 18px;border-radius:20px 20px 20px 4px;box-shadow:0 12px 30px #5121ea21;font-size:13px;font-weight:800;animation:bob 3.8s ease-in-out infinite}.kiri-wing{transform-origin:85px 135px;animation:wing 1.6s ease-in-out infinite}.orbit{position:absolute;display:grid;place-items:center;border-radius:50%;font-weight:800;box-shadow:0 11px 20px #5121ea17}.orbit-one{right:35%;top:17%;width:63px;height:63px;background:#ffdc90;color:#765011;animation:bob 4s ease-in-out infinite}.orbit-two{right:5%;bottom:20%;width:48px;height:48px;background:#c7f4d9;color:#22824e;animation:bob 3s ease-in-out infinite reverse}.btn{background:#5121ea;color:white;box-shadow:0 5px 0 #331093}.btn:hover{box-shadow:0 3px 0 #331093}.btn:active{box-shadow:0 1px 0 #331093}.btn.secondary{background:#efe7ff;color:#5121ea;border:1px solid #dac8ff}.btn.ghost{color:#5121ea;border-color:#cbb8e8}.card,.trail-step{background:#fff;border-color:#e2d8ed;box-shadow:0 16px 35px #5121ea0a}.card h3,.trail-step h3{color:#2d2050}.card p,.trail-step p{color:#776b88}.card .icon{width:53px;height:53px;background:#eee7ff;border-radius:17px;display:grid;place-items:center;color:#5121ea}.card:nth-child(2) .icon{background:#e5f8ec;color:#168650}.card:nth-child(3) .icon{background:#fff1dc;color:#be7326}.metric{color:#128348}.trail-step{position:relative}.trail-step:not(:last-child):after{content:'';position:absolute;left:48px;top:100%;height:15px;border-left:3px dashed #c7b2e4}.step-icon{background:#eee6ff;color:#5121ea}.trail-step.done .step-icon{background:#daf6e5;color:#128348}.stage-row select,.field,select{background:#fff;color:#281d3f;border-color:#cdbfdc}.field::placeholder{color:#988ca6}label{color:#5b4b70}.game-board{background:radial-gradient(circle at 85% 0,#e3d4ff,#fff 55%);border-color:#d9c8ea;box-shadow:0 20px 45px #5121ea0e;color:#281d40}.game-board .scenario{color:#6c617b}.budget,.allocation{background:#faf7ff;border-color:#e2d7f0}.budget strong{color:#5121ea}.allocation small{color:#8c7d9f}.allocation input[type=range]{accent-color:#5121ea}.outcome{background:#e7f8ee;border-color:#b5e7c8;color:#274b38}.outcome strong{color:#128348}.event{background:#fff2df;color:#774b12}.side-stack .card{background:#fff}.progress{background:#ece6f3}.progress>span{background:linear-gradient(90deg,#8b64f5,#23bd6b)}.habit-row{background:#fff;border-color:#e0d6e9}.habit-row.checked{border-color:#67c794}.habit-row small{color:#8a7c98}.check{background:#f1eaff;color:#5121ea;border-color:#d6c6ef}.habit-row.checked .check{background:#d8f5e4;color:#128348}.goal-ring{background:conic-gradient(#23bd6b var(--pct),#eee7f5 0)}.goal-ring:before{background:#fff;color:#5121ea}.notice{background:#f4edff;border-color:#dfd0f4;color:#655476}.toast{background:#e7f8ee;color:#175a37}.demo-badge{color:#936d35}.journey-ribbon{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:24px 0 15px}.journey-ribbon span{min-height:80px;background:white;border:1px solid #e9def0;border-radius:16px;padding:14px;color:#9d88b0;font-size:12px;font-weight:800}.journey-ribbon b{display:block;color:#37245a;margin-top:7px;font-size:13px}.journey-ribbon span:nth-child(2n){background:#f1eaff}.journey-ribbon span:nth-child(3n){background:#e6f7ed}.journey-progress{max-width:870px;display:flex;align-items:center;gap:16px;margin:24px 0;font-weight:800;color:#5121ea}.journey-progress .progress{flex:1}.lesson-stage{display:grid;grid-template-columns:.85fr 1fr;gap:22px;background:#fff;border:1px solid #e5d8f0;border-radius:30px;padding:18px;margin-top:26px;box-shadow:0 20px 45px #5121ea0d}.lesson-art{min-height:430px;background:linear-gradient(155deg,#c9eddb,#e5d9ff 65%,#fff4d8);border-radius:22px;position:relative;overflow:hidden}.lesson-person{position:absolute;width:52%;bottom:5%;left:23%;filter:drop-shadow(0 15px 12px #5121ea25);animation:kiri-fly 4s ease-in-out infinite}.lesson-sun{position:absolute;right:13%;top:8%;font-size:72px;color:#ffcf70;animation:bob 4s ease-in-out infinite}.lesson-path{position:absolute;bottom:-110px;left:-10%;right:-10%;height:200px;background:#fff7e2;border-radius:50%;border-top:4px dashed #b18ce1}.lesson-copy{padding:clamp(14px,3vw,40px);display:flex;flex-direction:column;align-items:flex-start}.lesson-copy h2{font-size:clamp(28px,3vw,42px);line-height:1.15;color:#2d1b50;letter-spacing:-.04em;margin:18px 0}.lesson-copy p{color:#70627f;line-height:1.7}.story-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0}.story-tabs button{border:1px solid #d8c8ed;color:#614b83;background:#f8f3ff;border-radius:99px;padding:10px 13px;font-weight:800}.story-tabs button.active{background:#5121ea;color:white}.story-reveal{background:#f2ecff;border-radius:17px;padding:17px;color:#50346f;line-height:1.55;margin-bottom:20px;min-height:90px}.family-art{min-height:240px;background:linear-gradient(120deg,#e7f7eb,#eee5ff);border-radius:18px;display:flex;align-items:center;justify-content:center;position:relative}.family-art svg{width:170px;animation:kiri-fly 4s ease-in-out infinite}.family-art span{position:absolute;bottom:15px;font-weight:800;color:#5121ea}.mobile-nav{background:#fff;border-color:#e1d4ef}@keyframes kiri-fly{50%{transform:translateY(-16px) rotate(3deg)}}@keyframes wing{50%{transform:rotate(14deg)}}@keyframes bob{50%{transform:translateY(-7px)}}@media(max-width:1100px){.journey-ribbon{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.lesson-stage{grid-template-columns:1fr}.lesson-art{min-height:280px}.lesson-person{width:190px;left:calc(50% - 95px)}.journey-hero{min-height:470px}}@media(max-width:580px){.journey-ribbon{grid-template-columns:repeat(2,1fr)}.journey-hero{min-height:490px}.journey-hero .hero-content{max-width:100%}.journey-hero h1{font-size:45px}.hero-mascot{right:-18px;bottom:-62px;width:155px;opacity:.65}.hero-mascot .speech{display:none}.orbit-one{right:8%;top:4%}.orbit-two{display:none}.journey-progress{display:block}.lesson-art{min-height:240px}}@media(prefers-reduced-motion:reduce){.kiri-wing,.hero-mascot svg,.lesson-person,.lesson-sun,.orbit,.family-art svg{animation:none!important}}
