/* Riangoka identity: violet navigation, warm action accents, quiet reading surfaces. */
:root{--cream:#fffdf8;--ink:#2e2544;--muted:#6c617d;--teal:#6238b6;--line:#e5ddef;--yellow:#ffd35c;--violet:#6238b6;--lavender:#eee5ff;--coral:#ffb89b;--mint:#dff5ec}
body{color:var(--ink);background:#fffdf8;font-family:'Trebuchet MS',ui-rounded,system-ui,sans-serif}.site-header{background:#fffdf8f5;border-color:#eae1f4}.brand{color:#372354;font-size:27px;letter-spacing:-1.2px}.brand>span:last-child{color:#6238b6}.brand-mark{background:#6238b6;border-radius:13px;transform:rotate(-7deg);color:#ffd35c;width:42px;height:42px}.brand-mark img{width:42px;height:42px;border-radius:13px}.header-inner nav{background:#f1ebfa;border-radius:30px;gap:5px;padding:4px}.header-inner nav a{padding:7px 16px;font-size:12px}.header-inner nav a:hover{background:white;border-radius:20px;text-decoration:none}.button{background:#6238b6;border-color:#6238b6;box-shadow:0 4px 0 #46277f;border-radius:14px}.button:hover{background:#4b298f}.button.outline{background:white;color:#543299;border:1.5px solid #d5c5ee;box-shadow:none}.button.outline:hover{background:#f0e9fd}.intro{padding:65px 0 72px;overflow:hidden;background:radial-gradient(ellipse at 80% 40%,#e9dcff,transparent 53%),#faf6ff}.hero-grid{grid-template-columns:1.05fr 1fr;gap:36px}.hero-copy h1{font-size:clamp(44px,4.7vw,65px);line-height:1.08;letter-spacing:-3px}.hero-copy h1 span{color:#6238b6}.hero-copy>p{color:#665478;font-size:16px}.hero-primary{background:#ffd35c;color:#39294f;border-color:#ffd35c;box-shadow:0 4px 0 #dcae38}.hero-primary:hover{background:#ffdc7c}.hero-actions{gap:15px;margin-top:27px}.hero-ticks{color:#6c5a80}.brand-promise{font-size:12px!important;font-weight:bold;margin-top:22px;color:#735992!important}.discovery-world{height:460px;position:relative;isolation:isolate}.world-orbit{position:absolute;inset:48px 10px 10px 20px;background:#dcc9fa;border-radius:47% 53% 37% 63%/56% 43% 57% 44%;transform:rotate(-7deg);z-index:-1}.world-orbit:after{content:'';position:absolute;inset:23px;border:2px dashed #b89add;border-radius:50%}.riko-hero{position:absolute;width:370px;max-width:85%;left:50%;top:91px;transform:translateX(-50%) rotate(-6deg);filter:drop-shadow(0 14px 8px #60389018)}.world-bubble{position:absolute;top:0;left:55px;z-index:2;transform:rotate(-4deg);border:2px solid #d4beec;border-radius:23px 23px 23px 5px;padding:14px 24px;background:white;box-shadow:0 6px 0 #d9c5ef55}.world-bubble span{font-size:11px;color:#6b4e96;display:block}.world-bubble b{font-size:16px;color:#382456;display:block}.world-token{position:absolute;display:grid;place-items:center;padding:13px;width:106px;border-radius:23px;box-shadow:0 8px 0 #48236b0f;z-index:3;border:3px solid white}.world-token b{font-size:35px;line-height:1.2;letter-spacing:-1px}.world-token span{font-size:10px;font-weight:bold}.token-math{right:-1px;top:70px;background:#dff5ec;transform:rotate(10deg);color:#23634b}.token-words{left:0;top:195px;background:#ffd3bd;transform:rotate(-12deg);color:#8b3d23}.token-science{right:11px;bottom:60px;background:#fff1b6;transform:rotate(10deg);color:#856014}.world-floor{position:absolute;bottom:0;left:15%;right:9%;text-align:center;color:#4d2b82;font-size:10px;font-weight:800;letter-spacing:1px;background:#fff8e7;padding:12px 15px;border-radius:15px;transform:rotate(-3deg);border:2px solid #e0cef4}.world-floor span{color:#b57922;margin-right:7px}.discovery-ribbon{display:flex;justify-content:center;gap:50px;flex-wrap:wrap;background:#6238b6;color:#fff;padding:19px 22px;font-size:13px;font-weight:bold;border-block:3px solid #512a9c}.discovery-ribbon span:nth-child(2){color:#ffdd8a}.discovery-ribbon span:nth-child(3){color:#e1d1ff}.discovery-ribbon span:nth-child(4){color:#cdf3df}.try-section{padding:78px 0 55px;background:#fffdf8}.try-grid{display:grid;grid-template-columns:.85fr 1fr;gap:100px;align-items:center;max-width:1050px}.try-copy h2{font-size:52px;line-height:1.1}.try-copy h2 span{color:#6238b6}.try-copy>p{font-size:15px;color:#6c617d;margin:20px 0}.try-guide{display:flex;flex-direction:column;gap:15px;font-size:13px;color:#9876c3;margin-top:26px}.try-guide b{color:#423053;margin-left:15px;font-size:15px}.try-copy .try-tip{border-left:3px solid #efb753;padding:7px 0 7px 15px;font-size:12px;color:#70594a}.demo-panel{border:2px solid #dfd2f1;box-shadow:8px 8px 0 #e9def9;padding:25px;background:white}.demo-sticker{background:#ffb89b;color:#763c24;border:2px solid white;border-radius:12px}.demo-doodle{color:#9b75ce}.topic-tag{background:#f1eafa;color:#614587}.demo-top{border-color:#ece5f4}.demo-progress-label,.demo-instruction,.demo-foot{color:#746782}.meter{background:#ede7f4}.meter>span{background:#8057c2}.count-picture{background:#f6f2fc}.dot-group i{background:#8057c2;box-shadow:inset 0 -3px #3e18752b}.amber-dots i{background:#efa94d}.demo-options button{border-color:#d8c8e9;box-shadow:0 3px #e8ddf5;color:#422b62}.demo-options button:hover:not(:disabled){background:#f0e7fc;border-color:#6238b6}.demo-options .is-correct{background:#dcf3e4;border-color:#297a50;color:#175334}.demo-options .is-chosen{background:#fff0da;border-color:#b77428;color:#70410f}.facts{background:white;border:0;padding:20px 0;gap:15px;border-radius:0}.facts>div{padding:25px 12px;border:0!important;border-radius:24px;background:#efe6ff;transform:rotate(-1deg)}.facts>div:nth-child(2){background:#fff0bd;transform:rotate(1deg)}.facts>div:nth-child(3){background:#ffe2d2;transform:rotate(-1deg)}.facts>div:nth-child(4){background:#ddf2e9;transform:rotate(1deg)}.facts b{color:#452d69;font-size:34px}.facts span{color:#625274}.section{padding:80px 0}h2{color:#35264d}.section-heading>p{color:#6c617d}.steps-grid{gap:22px}.step-card{border:0;border-radius:28px;padding:28px;box-shadow:0 5px 0 #4326650b}.sage{background:#e1f4eb}.peach{background:#ffeadc}.lilac{background:#ede3ff}.step-card p{color:#61516a}.step-top{color:#63477d}.subject-section{background:#f3edff;border-color:#e7dcf6}.year-tabs{background:white;border-radius:18px;padding:8px;width:fit-content;gap:5px}.year-tabs button{border:0;color:#68547f;background:white}.year-tabs button[aria-pressed=true]{background:#6238b6;border-radius:13px;box-shadow:0 3px #432477}.subject-tile{border:2px solid #e4d9ef;border-radius:19px;box-shadow:0 4px #e8ddf3;gap:15px}.subject-symbol{color:#503177;border-radius:16px}.subject-tile:hover{box-shadow:0 9px 0 #dfcff0}.subject-arrow{color:#8763b3}.subject-count,.curriculum-note{color:#705c86}.parent-preview{border:2px solid #ddd0f0;border-radius:25px;box-shadow:-12px 12px 0 #ffdd8b;transform:rotate(2deg)}.preview-scores>div{background:#eee6fc}.preview-scores>div:last-child{background:#ffe9d9}.preview-scores b{color:#67409d}.preview-bars i{background:#8a65c6}.preview-profile>span:first-child{background:#ffcfba;color:#794120}.preview-tip{background:#f2eafa;border-color:#e1d0f4}.parent-copy em{color:#6238b6}.check-list li:before{color:#6238b6}.pricing-section{background:#30204e;border:0;color:#fff;border-radius:52px 52px 0 0}.pricing-section h2{color:#fff}.pricing-section .eyebrow{color:#ffd674}.center-heading p{color:#e0d3f1}.payment-status{background:#43305f;border-color:#654e83;color:#f3eaff}.price-card{border:0;border-radius:27px;background:#fffdf9;color:#30204e}.price-card.featured{border:3px solid #ffd35c;background:#fff7df;box-shadow:0 15px 35px #11062130}.featured-label{background:#ffd35c;color:#4b2f21;top:-16px;border-radius:9px}.plan-icon{background:#ece0fc;color:#6740a1}.featured .plan-icon{background:#ffd35c;color:#65451d}.amount{color:#40275f}.price-card>p{color:#6a567f}.price-card .check-list{border-color:#ded0ed}.featured .button{background:#6238b6}.renewal-note{color:#f6eefa}.renewal-note>span{color:#ffd35c}.renewal-note p{color:#e2d6ef}.faq-list details{border-color:#e5d9f1}.faq-list p{color:#6c617d}.faq-grid img{width:190px}.closing{background:#f2e7ff;color:#442762;position:relative;border:0;padding:55px 0 65px}.closing h2{color:#442762}.closing>.wrap>span{color:#8958ba;font-size:45px}.closing .button{background:#ffd35c;color:#39294f;border-color:#ffd35c;box-shadow:0 4px #dcae38}.closing p{color:#715a8a}.footer-inner p,.footer-inner>a:last-child{color:#6c617d}.button:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a24d14;outline-offset:5px}
.demo-game-score{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin:15px 0;background:#eee5fb;border:1px solid #daccf0;border-radius:13px;color:#57357d;font-size:12px}.demo-game-score span{font-size:11px;font-weight:bold}.demo-game-score b{font-size:12px}
/* The same identity continues through the family account and learning app. */
.layout{background:#faf7ff}.layout aside{background:#fff;border-color:#e7def1}.layout .logo,.layout .logo a{color:#43275f}.layout .logo span{color:#7044b3}.layout .slogan,.layout .sidefoot{color:#736283}.layout .sidefoot:before{background-image:url('/illustrations/riko.svg')}.layout nav button.active{background:#eee4ff;color:#5c32a4;box-shadow:inset 3px 0 #7448bc}.layout nav button:hover{background:#f4edfc}.layout .hero{background:#eee3ff;border:2px solid #d7bff2;box-shadow:0 5px 0 #e5d8f5;color:#382553}.layout .hero h1{color:#412567}.layout .hero p{color:#69517d}.layout .hero small{color:#674391}.layout .btn{background:#6238b6;border-color:transparent;box-shadow:0 3px #45237d;color:#fff}.layout .btn:hover{background:#4e288f}.layout .btn.yellow{background:#ffd35c;color:#38264f;box-shadow:0 3px #d9ab34}.layout .btn.secondary{background:#f0e8fc;color:#593495;border-color:#e1d1f0;box-shadow:0 3px #e0d1ee}.layout .textbutton,.layout .back-welcome{color:#6336aa}.layout .chip{background:#f3edfc;color:#6336aa;border-color:#dccbef}.layout .muted,.layout .notice{color:#6c617d}.layout .eyebrow{color:#725293}.layout .pill{background:#f1eaf9;color:#6a5083}.layout .card{border-color:#e0d6ee;box-shadow:0 4px 0 #eee5f7}.layout .card.subject{border-bottom-color:var(--subject-accent)}.layout .stat{color:#583283}.layout .progress{background:#eae1f3}.layout .progress i{background:#8b60c6}.layout .learning-stats .card:nth-child(1){background:#eee4ff;border-color:#ddc9f3}.layout .learning-stats .card:nth-child(2){background:#fff1bc;border-color:#ecd98d}.layout .learning-stats .card:nth-child(3){background:#ffe4d6;border-color:#efc6b2}.layout .visual-banner{background:#e6f5ee;border-color:#c4e1d1}.layout .visual-hub-hero{background:#ede4fc;border-color:#ddc9f2}.layout .visual-controls{background:#f2edf9}.layout .visual-canvas{background:#fdfbff;border-color:#e6ddf0}.layout .daily-card{background:#fff2c8;border-color:#ebd38e}.layout .example{background:#f5f0fc;border-left-color:#f0ba4c}.layout .feedback{background:#f2ecfb}.layout .feedback.good{background:#e2f4e9;color:#28573e}.layout .feedback.wrong{background:#fff0db;color:#79521e}.layout .plan-selected{border:2px solid #7446b8;background:#f1e8ff}.layout .plan-card .price,.layout .price,.layout .plan-pick{color:#6238b6}.layout .subject-picked,.layout .renewal-selected{border-color:#7446b8;background:#f2eaff}.layout .menu-card{color:#422c5b}.layout .menu-card>span:first-child{background:#eee2fc;color:#64399a}.layout .menu-card small{color:#6c617d}.layout .account-chip{background:#f1e9fb;color:#694398;border-color:#dfcff1}.layout select{color:#503666;border-color:#dacbea}.layout .answers button:hover:not(:disabled){border-color:#7446b8;background:#f4edfc}.layout .answer-letter{background:#eee3fb;color:#5a318e}.layout .mascot-label{background:#fff1bb;color:#6d4f22}.layout .badge{background:#ffedbb;color:#735015}.layout .slogan{font-size:11px}
@media(max-width:1000px){.discovery-world{height:410px}.riko-hero{top:95px;width:320px}.world-token{width:90px;padding:10px}.world-token b{font-size:29px}.token-words{left:-5px;top:180px}.token-math{right:0}.world-bubble{left:32px}.world-floor{font-size:8px}.try-grid{gap:55px}.header-inner nav a{padding:7px 12px}.hero-copy h1{letter-spacing:-2.5px}}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr;gap:20px}.intro{padding:36px 0 28px}.hero-copy h1{font-size:47px;letter-spacing:-2px;line-height:1.08;margin:19px 0}.hero-copy h1 br:last-child{display:none}.hero-copy>p{font-size:14px}.hero-actions{gap:10px}.hero-actions .button{font-size:13px;padding:14px 16px;gap:12px}.brand-promise{font-size:11px!important;margin-top:19px}.discovery-world{height:330px;width:100%;max-width:430px;margin:12px auto 0}.world-bubble{left:24px;padding:10px 18px;top:0}.world-bubble b{font-size:13px}.world-bubble span{font-size:10px}.world-orbit{inset:45px 16px 13px}.riko-hero{width:270px;top:67px}.world-token{width:77px;padding:9px;border-radius:19px}.world-token b{font-size:25px}.world-token span{font-size:8px}.token-math{right:6px;top:63px}.token-words{left:0;top:151px}.token-science{right:8px;bottom:43px}.world-floor{bottom:0;left:12%;right:10%;font-size:8px;padding:9px}.discovery-ribbon{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;padding:18px 23px;font-size:11px}.try-section{padding:43px 0 35px}.try-grid{grid-template-columns:1fr;gap:36px}.try-copy h2{font-size:37px}.try-copy h2 br{display:none}.try-copy h2 span{margin-left:8px}.try-copy>p{font-size:13px;margin:14px 0}.try-guide{flex-direction:row;gap:10px;margin-top:19px}.try-guide>span{flex:1;font-size:10px}.try-guide b{display:block;margin:4px 0 0;font-size:12px}.try-copy .try-tip{font-size:11px}.demo-panel{padding:20px}.demo-doodle{display:none}.facts{padding:15px 0;gap:10px}.facts>div{padding:20px 9px;border-radius:19px}.facts b{font-size:29px}.facts span{font-size:10px}.section{padding:50px 0}.step-card{padding:22px;border-radius:22px}.year-tabs{width:100%;padding:7px}.subject-tile{border-radius:16px}.subject-tile b{font-size:13px}.parent-preview{box-shadow:-5px 7px 0 #ffdd8b;transform:none}.pricing-section{border-radius:32px 32px 0 0}.price-card{padding:27px}.price-card.featured{padding:25px}.faq-grid img{width:100px;top:6px}.closing{padding:40px 0 48px}.layout .mobile-nav button.active{box-shadow:none;background:#eee3fc;color:#6238b6}.layout nav{background:#fff;border-color:#e1d6ee}.layout .hero.welcome-hero{background:#eee3ff}.layout .welcome-art{width:133px;margin-left:-14px}.layout .welcome-art img{aspect-ratio:1.1}.header-inner .brand{font-size:25px}.header-inner .button{font-size:10px;padding:10px 12px}.brand-mark,.brand-mark img{width:33px;height:33px;border-radius:10px}}
@media(max-width:360px){.hero-copy h1{font-size:42px}.world-token{width:70px}.riko-hero{width:245px;top:75px}.try-guide b{font-size:11px}.header-inner .brand{font-size:23px}.hero-actions .button{font-size:12px;padding:12px}.layout .hero.welcome-hero{grid-template-columns:minmax(0,1fr) 95px}.layout .hero.welcome-hero h1{font-size:22px}.layout .welcome-art{width:111px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
@media print{.layout{background:white}.layout .card,.layout .hero{box-shadow:none}.layout .worksheet .card{background:white;color:#222}}