:root{--green:#1D4ED8;--muted:#4B5563;--cream:#FFFFFF;--line:#E5E7EB;--lime:#FACC15}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--green);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #1D4ED8;outline-offset:5px}header{display:flex;align-items:center;gap:25px;padding:22px 5%;border-bottom:1px solid var(--line);background:var(--cream)}.brand{font-size:29px;font-weight:700;letter-spacing:-1.3px;display:inline-flex;align-items:center;gap:9px}.brandmark{background:var(--green);color:var(--lime);width:35px;height:38px;text-align:center;border-radius:8px;font-family:Georgia,serif;font-size:34px}.branddot{color:#8ba754;font-size:24px;margin-left:1px}nav{display:flex;gap:25px;margin:auto;font-size:13px}.button{border:0;background:var(--green);color:#fff;border-radius:99px;padding:17px 25px;display:inline-flex;align-items:center;justify-content:center;gap:25px;font-size:13px;font-weight:500;transition:transform .2s}.button:hover{transform:translateY(-2px)}.button.small{padding:13px 20px}.button.outline{border:1px solid #9CA3AF;background:transparent;color:var(--green)}.textbtn{border:0;background:transparent;color:var(--muted);font-size:12px}#menu{display:none}.wrap{width:min(1200px,90%);margin:auto}.hero{padding:64px 0 48px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:600;display:flex;align-items:center;gap:12px}.spark{color:#1D4ED8;font-size:24px}.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:65px;align-items:center;margin-top:28px}h1{font-size:clamp(45px,5.3vw,76px);line-height:1.07;font-weight:500;letter-spacing:-3.7px;margin:0 0 26px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1 em{color:#1D4ED8}.lead{color:#4B5563;font-size:17px;line-height:1.7}.actions{display:flex;gap:13px;margin-top:30px}.note{font-size:11px;color:#4B5563;margin-top:28px;display:flex;align-items:center;gap:9px}.tinycircle{border:1px solid #9CA3AF;border-radius:50%;padding:2px 4px}.study-card{background:var(--green);color:#fff;border-radius:15px;padding:27px 29px 0;box-shadow:12px 16px 0 #F3F4F6;transform:rotate(1deg)}.card-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.8px;color:#FFFFFF}.card-top>span:last-child{font-size:27px;color:var(--lime)}.card-heading{font-size:35px;line-height:1.22;letter-spacing:-1.2px;margin:23px 0 31px}.card-heading em{color:var(--lime)}.dayline{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#FFFFFF;margin-bottom:11px}.pill{background:#1E40AF;border-radius:30px;padding:6px 9px;font-size:9px}.study-row{display:flex;align-items:center;gap:17px;padding:20px 0;border-top:1px solid #5C83E8}.number{font-size:10px;color:#FACC15}.study-row>div{flex:1}.study-row strong{font-weight:500;font-size:14px}.study-row small{display:block;margin-top:7px;font-size:10px;color:#FFFFFF}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #5C83E8;padding:18px 0;font-size:8px;letter-spacing:1.4px;color:#FFFFFF}.card-bottom>span:last-child{font-family:Georgia,serif;font-size:35px;color:var(--lime)}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:22px 0 40px}.benefits div{border-top:1px solid var(--line);padding-top:20px}.benefits strong{font-size:19px;font-weight:500}.benefits span{display:block;color:var(--muted);font-size:12px;margin-top:9px}.launch{background:#F3F4F6}.launch>.wrap{display:flex;align-items:center;gap:32px;padding:19px 0}.launch span{font-size:9px;letter-spacing:1.3px}.launch p{font-size:13px;margin:0}.launch strong{font-weight:500}.launch a{margin-left:auto;font-size:11px}.section{padding-top:80px;padding-bottom:80px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:38px}h2{font-size:44px;line-height:1.14;font-weight:500;letter-spacing:-1.9px;margin:20px 0 0}.section-head p{max-width:350px;font-size:14px;line-height:1.8;color:var(--muted);margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.feature-grid article{border:1px solid var(--line);border-radius:12px;overflow:hidden}.feature-art{height:220px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column}.mint{background:#EFF6FF}.sand{background:#FEF9C3}.lavender{background:#F3F4F6}.bigicon{font-family:Georgia,serif;font-size:84px;font-style:italic;letter-spacing:-8px}.art-label{position:absolute;bottom:18px;left:22px;font-size:8px;letter-spacing:1.5px}.chat-bubble{font-size:12px;background:#fff;padding:15px 20px;border-radius:13px 13px 13px 0;align-self:flex-start;margin:0 25px 12px;box-shadow:0 4px 15px #76563a08}.chat-bubble.answer{background:#1D4ED8;color:#fff;align-self:flex-end;border-radius:13px 13px 0 13px}.bars{height:100px;display:flex;align-items:end;gap:10px}.bars i{width:24px;background:#9CA3AF;border-radius:5px 5px 0 0;height:28%}.bars i:nth-child(2){height:45%}.bars i:nth-child(3){height:60%}.bars i:nth-child(4){height:76%}.bars i:nth-child(5){height:95%;background:#1D4ED8}.feature-copy{padding:25px}.feature-copy small{font-size:10px;color:var(--muted)}h3{font-size:23px;letter-spacing:-.5px;font-weight:500;margin:15px 0}.feature-copy p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.practice-section{background:#F3F4F6;padding:75px 0}.practice-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:center}.practice-grid h2{font-size:49px}.practice-grid p{font-size:14px;line-height:1.8;max-width:350px;color:var(--muted)}.muted{color:var(--muted);font-size:12px;line-height:1.7}.question-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:30px}.question-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.question-card h3{font-size:22px;line-height:1.45;margin:25px 0}.option{display:flex;align-items:center;gap:13px;width:100%;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--green);text-align:left;padding:13px 15px;margin-bottom:10px;font-size:13px}.option span{font-size:10px;background:#F3F4F6;padding:6px 8px;border-radius:5px}.option.correct{background:#EFF6FF;border-color:#1D4ED8}.option.wrong{background:#F3F4F6;border-color:#6B7280}.option:disabled{cursor:default}.feedback{background:#EFF6FF;border-left:3px solid #1D4ED8;padding:15px;font-size:13px;line-height:1.7;margin:15px 0}#next{margin-top:14px}.subject-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.subject-grid button{background:transparent;color:var(--green);border:1px solid var(--line);border-radius:10px;padding:25px;text-align:left;font-size:15px;transition:background .2s}.subject-grid button:hover{background:#EFF6FF}.subject-grid span{display:block;font-size:29px;font-family:Georgia,serif;margin-bottom:24px}.subject-grid small{display:block;font-size:10px;color:var(--muted);margin-top:9px}.dark{background:var(--green);color:#fff}.dark .eyebrow{color:#FFFFFF}.dark .section-head p,.habit-grid p{color:#FFFFFF}.habit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:45px 0}.habit-grid>div{border-top:1px solid #5C83E8;padding-top:23px}.habit-grid small{color:#FACC15;font-size:11px}.habit-grid h3{font-size:23px;margin-top:23px}.habit-grid p{font-size:13px;line-height:1.8}.light{background:var(--lime);color:var(--green)}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:100px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:15px}details p{font-size:13px;line-height:1.8;color:var(--muted)}.final-cta{text-align:center;border-top:1px solid var(--line);padding:65px 0 80px}.final-cta .eyebrow{justify-content:center}.final-cta h2{font-size:59px;margin:22px 0 32px}.final-cta em{color:#1D4ED8}footer{border-top:1px solid var(--line);padding:40px 0 25px;display:flex;justify-content:space-between;flex-wrap:wrap}footer p{font-size:12px;color:var(--muted)}footer>div:nth-child(2){display:flex;gap:30px;font-size:12px;padding-top:15px}.footer-bottom{width:100%;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px;margin-top:25px;font-size:10px;color:var(--muted)}dialog{width:min(920px,94%);max-height:90vh;border:0;border-radius:16px;padding:32px;background:var(--cream);color:var(--green)}dialog::backdrop{background:#172554CD;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between}.dialog-top button{border:0;background:transparent;font-size:22px;color:var(--green)}.demo-label{font-size:10px;letter-spacing:1.5px;margin-top:28px}dialog h2{font-size:34px}#selection{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}#selection button{border:1px solid var(--line);background:#fff;color:var(--green);border-radius:30px;padding:10px 14px;font-size:12px}#selection button.selected{background:var(--green);color:#fff}#selection-note{font-size:12px;color:var(--muted)}.dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.dashboard>div{background:#F3F4F6;border-radius:10px;padding:20px}.dashboard small{font-size:11px;color:var(--muted)}.dashboard strong{display:block;font-size:30px;font-weight:500;margin-top:12px}.dashboard strong.next-step{font-size:17px}.demo-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line)}.demo-tabs button{border:0;background:none;padding:15px 0;color:var(--muted);font-size:13px}.demo-tabs .active{color:var(--green);border-bottom:2px solid var(--green)}.plan-row{padding:18px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}.plan-row strong{font-size:14px}.plan-row small{display:block;margin-top:5px;color:var(--muted);font-size:11px}.plan-row button{padding:10px 15px}#mock{font-size:13px;line-height:1.7}#mock-content{padding-top:15px}.timer{font-size:18px;font-weight:700}body:has(dialog[open]){overflow:hidden}@media(max-width:1050px){nav{gap:15px}.textbtn{display:none}.hero-grid{gap:35px}h1{font-size:58px}.card-heading{font-size:29px}.practice-grid{gap:50px}}@media(max-width:760px){header{padding:16px 5%;gap:10px}.brand{font-size:25px}.branddot{display:none}header>.button{margin-left:auto;padding:11px 15px;font-size:11px}#menu{display:block;background:transparent;border:0;color:var(--green);font-size:24px}nav{display:none;position:absolute;top:75px;left:0;right:0;padding:25px;background:var(--cream);z-index:5;flex-direction:column;border-bottom:1px solid var(--line)}nav.show{display:flex}.hero{padding-top:36px}.hero-grid{grid-template-columns:1fr;gap:40px}.eyebrow{font-size:8px;letter-spacing:1.2px}h1{font-size:49px;letter-spacing:-2.6px}.lead{font-size:15px}.actions{flex-wrap:wrap}.actions .button{font-size:12px;padding:15px 20px;gap:15px}.note{font-size:10px}.study-card{transform:none;box-shadow:7px 9px 0 #F3F4F6}.card-heading{font-size:34px}.benefits{gap:15px}.benefits strong{font-size:15px}.benefits span{font-size:10px;line-height:1.6}.launch>.wrap{flex-wrap:wrap;gap:12px}.launch span{width:100%}.launch a{margin:0}.section{padding-top:50px;padding-bottom:50px}.section-head{display:block}.section-head p{margin-top:22px;max-width:100%}h2{font-size:36px}.feature-grid{grid-template-columns:1fr}.feature-art{height:210px}.practice-grid{grid-template-columns:1fr;gap:30px}.practice-section{padding:50px 0}.practice-grid h2{font-size:39px}.question-card{padding:22px}.subject-grid{grid-template-columns:repeat(2,1fr);gap:12px}.subject-grid button{padding:20px 15px;font-size:13px}.habit-grid{grid-template-columns:1fr;gap:22px}.habit-grid h3{margin-top:15px}.faq{grid-template-columns:1fr;gap:20px}.final-cta h2{font-size:43px}footer>div:nth-child(2){width:100%;margin-top:15px}.footer-bottom{gap:15px;flex-direction:column}dialog{padding:23px}dialog h2{font-size:29px}.dashboard{gap:7px}.dashboard>div{padding:12px}.dashboard small{font-size:9px}.dashboard strong{font-size:24px}.dashboard strong.next-step{font-size:14px}.plan-row .button{font-size:10px;white-space:nowrap}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Royal & Sunny theme details */
.branddot{color:var(--green)}.brandmark,.light{color:#172554;background:#FACC15}.hero h1 em,.final-cta em{color:#1D4ED8;text-decoration:underline;text-decoration-color:#FACC15;text-decoration-thickness:5px;text-underline-offset:7px}.launch{box-shadow:inset 0 3px #FACC15}.pill{background:#FACC15;color:#172554}.card-top>span:last-child{color:#FACC15}.card-bottom>span:last-child{color:#FACC15}.chat-bubble.answer{color:#FFFFFF}.option.correct{background:#EFF6FF}.option.correct span{background:#FACC15;color:#172554}.option.wrong{color:#374151}.feedback{color:#374151}.dark .light{background:#FACC15;color:#172554}.study-card .card-heading em{color:#FACC15}
.study-card .number{color:#FFFFFF}
/* Editorial studio direction — Royal & Sunny */
:root{--ink:#172554;--yellow:#FACC15;--blue:#1D4ED8;--gray:#4B5563}body{color:var(--ink)}.wrap{width:min(1400px,92%)}header{padding:19px 4%;color:var(--ink);gap:30px}header .brand{font-weight:600}.brandmark{border-radius:0}.branddot{display:none}nav{margin-left:auto;margin-right:40px}nav a{font-size:12px}.button{border-radius:0;padding:17px 22px}.button:hover{transform:translateY(-2px)}.skip-link{position:absolute;left:20px;top:-100px;z-index:100;background:white;padding:14px}.skip-link:focus{top:15px}.studio-hero{position:relative;background:var(--blue);color:white;overflow:hidden;min-height:710px;display:flex;flex-direction:column;justify-content:space-between}.hero-meta{display:flex;justify-content:space-between;padding:28px 4%;font-size:10px;letter-spacing:1.5px}.hero-type{position:relative;padding:30px 4% 18px;isolation:isolate}.outline-word{font-size:clamp(70px,12vw,180px);font-weight:700;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px #FFFFFF90;line-height:.95;display:block}.hero-type h1{position:relative;z-index:2;font-size:clamp(85px,15.2vw,225px);font-weight:700;line-height:1;letter-spacing:-.075em;margin:0 0 14px;color:white}.hero-period{color:var(--yellow)}.orbit{position:absolute;right:8%;top:-5%;width:clamp(170px,27vw,390px);aspect-ratio:1;border-radius:50%;background:var(--yellow);z-index:-1;transform:rotate(-18deg);box-shadow:inset -28px -22px 0 #1725541A;display:flex;align-items:center;justify-content:center;animation:float-orbit 8s ease-in-out infinite}.orbit span{font-size:clamp(100px,19vw,290px);font-family:Georgia,serif;font-style:italic;color:var(--blue);line-height:1}.brand-ribbon{position:relative;z-index:3;display:grid;grid-template-columns:1.25fr 1fr 1fr auto;align-items:center;background:var(--yellow);color:var(--ink);gap:35px;padding:21px 4%;font-size:13px;line-height:1.3}.ribbon-logo{font-size:clamp(36px,5vw,73px);letter-spacing:-.06em;line-height:1}.ribbon-arrow{font-size:44px}.hero-bottom{padding:32px 4%;display:flex;align-items:center;gap:45px}.hero-bottom p{font-size:15px;line-height:1.5;margin:0;flex:1}.hero-start{background:white;color:var(--blue);font-size:14px}.scroll-link{font-size:10px;letter-spacing:1px;margin-left:35px}.benefits{padding-top:30px;padding-bottom:30px}.benefits strong{font-size:16px}.benefits span{font-size:12px}.launch{background:var(--yellow);box-shadow:none}.launch>.wrap{padding:15px 0;color:var(--ink)}.launch a,.launch p{font-size:12px}.section{padding-top:95px;padding-bottom:95px}.section-head{align-items:start;gap:70px}.section-head h2{font-size:clamp(40px,5vw,74px);font-weight:500;letter-spacing:-.055em;line-height:1.02;margin-top:22px}.section-head p{padding-top:44px;font-size:15px}.eyebrow{color:var(--gray);font-weight:400}.feature-grid{gap:16px}.feature-grid article{border:0;border-radius:0}.feature-art{height:340px;overflow:hidden}.mint{background:var(--blue);color:white}.sand{background:var(--yellow)}.lavender{background:#E5E7EB;color:var(--blue)}.bigicon{font-size:190px;font-family:Arial,sans-serif;font-weight:600;letter-spacing:-.09em;font-style:normal}.art-label{font-size:10px;left:24px;bottom:24px;color:inherit}.chat-bubble{border-radius:0;font-size:16px;padding:22px;margin:0 30px 18px;color:var(--ink);box-shadow:none;transform:rotate(-5deg);max-width:80%}.chat-bubble.answer{background:var(--blue);transform:rotate(5deg)}.feature-copy{padding:22px 0}.feature-copy h3{font-size:25px;color:var(--ink)}.feature-copy p{font-size:14px}.bold-mock{font-size:76px;font-weight:600;letter-spacing:-5px}.bold-mock span{display:block;font-size:10px;font-weight:400;letter-spacing:3px;text-align:center;margin-top:12px}.practice-section{background:var(--blue);color:white;padding:90px 0}.practice-section .eyebrow,.practice-grid p,.practice-grid .muted{color:white}.practice-grid h2{font-size:clamp(43px,5vw,70px);font-weight:500;letter-spacing:-.05em;line-height:1.04}.practice-grid h2 em{font-family:Arial,sans-serif;font-style:normal;color:var(--yellow)}.question-card{border:0;border-radius:0;color:var(--ink);padding:36px}.question-card h3{font-size:24px}.option{border-radius:0;font-size:14px}.option span{border-radius:0}.subject-grid{gap:0;border-top:1px solid #D1D5DB;border-left:1px solid #D1D5DB}.subject-grid button{border:0;border-right:1px solid #D1D5DB;border-bottom:1px solid #D1D5DB;border-radius:0;padding:33px 24px;color:var(--ink);font-size:18px;min-height:190px}.subject-grid span{font-size:40px;color:var(--blue)}.subject-grid button:hover{background:var(--yellow)}.subject-grid small{font-size:12px}.dark{background:#F3F4F6;color:var(--ink)}.dark .eyebrow,.dark .section-head p,.habit-grid p{color:var(--gray)}.habit-grid>div{border-color:#D1D5DB}.habit-grid small{color:var(--blue);font-size:12px}.habit-grid h3{font-size:27px}.habit-grid p{font-size:14px}.dark .light{background:var(--blue);color:white}.faq h2{font-size:58px;font-weight:500;letter-spacing:-3px}.faq details{padding:24px 0}.faq summary{font-size:17px}.faq details p{font-size:14px}.final-cta{position:relative;text-align:left;background:var(--yellow);width:100%;padding:65px 4%;border:0;overflow:hidden}.final-cta .eyebrow{justify-content:start;color:var(--ink)}.final-cta h2{font-size:clamp(70px,12vw,185px);line-height:.94;letter-spacing:-.065em;font-weight:600;margin:38px 0}.final-cta h2 em{font-family:Arial,sans-serif;font-style:normal;color:var(--blue);text-decoration:none}.cta-arrow{position:absolute;right:5%;top:25%;font-size:clamp(90px,20vw,280px);color:var(--blue)}footer{padding-top:45px}footer .brand{font-size:38px}.footer-bottom{font-size:11px}dialog{border-radius:0;color:var(--ink)}.dashboard>div{border-radius:0}.plan-row strong{font-size:15px}#selection button{border-radius:0}.feedback{border-radius:0}.demo-tabs button{font-size:14px}@keyframes float-orbit{0%,100%{transform:translateY(0) rotate(-18deg)}50%{transform:translateY(18px) rotate(-10deg)}}@media(max-width:1050px){nav{margin-right:15px;gap:17px}.brand-ribbon{gap:22px}.hero-bottom{gap:20px}.scroll-link{margin-left:10px}.feature-art{height:280px}.bold-mock{font-size:58px}.chat-bubble{font-size:13px;margin:0 20px 18px;padding:17px}}@media(max-width:760px){header{padding:16px 4%;gap:12px}header>.button{border-radius:0}nav{margin:0}.studio-hero{min-height:610px}.hero-meta{font-size:8px;gap:25px;padding:22px 4%}.hero-meta span:last-child{text-align:right}.hero-type{padding-top:50px;padding-bottom:35px}.hero-type h1{font-size:17vw;letter-spacing:-.07em;line-height:1.05}.outline-word{font-size:15vw}.orbit{right:8%;width:48vw;top:-10%}.orbit span{font-size:32vw}.brand-ribbon{grid-template-columns:1fr 1fr auto;gap:12px;padding:22px 4%}.ribbon-logo{font-size:39px}.brand-ribbon>span{font-size:10px}.brand-ribbon>span:nth-child(3){display:none}.ribbon-arrow{font-size:31px}.hero-bottom{flex-wrap:wrap;padding:30px 4%;gap:22px}.hero-bottom p{flex-basis:100%;font-size:14px}.hero-start{font-size:12px;padding:16px;gap:12px}.scroll-link{margin-left:auto;font-size:8px}.section{padding-top:60px;padding-bottom:60px}.section-head h2{font-size:45px}.section-head p{padding-top:0}.feature-art{height:310px}.chat-bubble{font-size:16px}.bold-mock{font-size:76px}.feature-grid{gap:30px}.feature-copy h3{font-size:25px}.practice-section{padding:55px 0}.practice-grid h2{font-size:48px}.question-card{padding:24px}.question-card h3{font-size:21px}.subject-grid button{padding:25px 18px;min-height:170px;font-size:16px}.subject-grid small{font-size:11px;line-height:1.5}.subject-grid span{margin-bottom:25px}.faq h2{font-size:45px}.final-cta{padding:55px 4%}.final-cta h2{font-size:15vw}.cta-arrow{top:35%;font-size:25vw;right:4%}.final-cta .eyebrow{font-size:8px}.benefits{gap:15px}.benefits strong{font-size:14px}.benefits span{font-size:11px}.dashboard strong.next-step{font-size:13px}}@media(prefers-reduced-motion:reduce){.orbit{animation:none}}
