.trial-header{height:76px;padding:0 max(24px,calc((100% - 1120px)/2));background:#fff;border-bottom:1px solid #e6e0ef;display:flex;align-items:center;justify-content:space-between}.trial-header img{display:block;width:166px;height:auto}.trial-header span,.intro-copy .eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.15em;color:#7041ec}.trial-header[hidden]{display:none!important}#introMain{max-width:1168px;margin:42px auto 72px;padding:0 24px}.trial-intro{min-height:560px;border-radius:34px;padding:clamp(28px,6vw,76px);background:linear-gradient(125deg,#6e3ee9,#9457e7 64%,#bd61b6);color:#fff;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;overflow:hidden;position:relative}.intro-copy{position:relative;z-index:1;max-width:600px}.intro-copy .eyebrow{color:#eee3ff}.intro-copy h1{font-size:clamp(2.5rem,6vw,4.4rem);line-height:1.04;letter-spacing:-.055em;margin:16px 0}.intro-copy>p{font-size:1.15rem;max-width:520px;color:#f3ebff}.intro-copy form{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;max-width:540px;margin-top:30px}.intro-copy label{font-weight:750;font-size:.9rem}.intro-copy input,.intro-copy select{min-width:0;width:100%;height:52px;border:1px solid #ddd4f4;border-radius:14px;padding:0 14px;color:#211c3e;background:#fff}.intro-copy form button{grid-column:1/-1;margin-top:8px}.button{min-height:48px;padding:11px 18px;border:0;border-radius:14px;font-weight:800;cursor:pointer;transition:transform .15s,filter .15s}.button-primary{color:#fff;background:linear-gradient(110deg,#814eff,#6230dd);box-shadow:0 9px 24px #3f17912b}.intro-copy .button-primary{color:#5429c8;background:#fff}.privacy-note{display:block;margin-top:14px;color:#eee4ff}.intro-mascot{align-self:end;position:relative;text-align:center;margin-bottom:-76px}.intro-mascot img{width:min(100%,340px);max-height:390px;object-fit:contain;object-position:bottom}.speech{position:absolute;z-index:1;top:8px;right:0;background:#fff198;color:#38245d;border-radius:40px 40px 12px 40px;padding:16px 22px;font-weight:900;font-size:1.5rem;transform:rotate(4deg);box-shadow:0 8px 25px #3c176e25}.speech small{display:block;font-size:.86rem;font-weight:700}

.trial-app{position:relative;min-height:100vh;padding:0 0 calc(175px + env(safe-area-inset-bottom));background:var(--bg,#faf9fe)}.trial-classroom{overflow-x:hidden}.trial-classroom #demoMain{max-width:none;margin:0;padding-top:12px;padding-right:30px;padding-bottom:155px}.demo-notice{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 34px 16px;padding:10px 14px;border:1px solid #eadfb8;border-radius:14px;background:#fff8d9;color:#67520c;font-size:12px}.demo-notice b{font-size:12px}.demo-notice button{flex:none}.trial-classroom .parent-nav{z-index:55}.trial-classroom .parent-nav nav button{min-height:44px}.demo-child-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:25px 26px;border-radius:28px;background:linear-gradient(112deg,#fff1f6,#edf2ff)}.demo-child-heading h2{margin:5px 0 6px}.demo-child-heading p{max-width:530px}.demo-stats{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.demo-lesson-grid .lesson{min-width:0}.demo-lesson-grid .lesson h3{font-size:19px}.demo-lesson-grid .lesson p{min-height:22px}.sample-tag{display:inline-flex;margin:10px 0 18px;padding:7px 11px;border-radius:999px;background:#fff1b6;color:#75530b;font-size:11px;font-weight:900;letter-spacing:.06em}.demo-week-grid{margin-top:14px}.demo-week-grid article{min-width:0}.demo-week-grid article span{font-size:12px}.demo-month-grid>div{position:relative;min-height:72px;padding:6px;border:1px solid #eee9f3;background:#fff}.demo-month-grid>div:has(small){background:#f5f0ff}.demo-month-grid small{display:block;margin-top:5px;color:#6037cb;font-size:10px;line-height:1.25}.demo-calendar-events{display:grid;gap:9px}.demo-calendar-events article{display:flex;align-items:center;gap:14px;padding:13px 16px;border:1px solid #e6e0ef;border-radius:14px;background:#fff}.demo-calendar-events time{min-width:70px;color:#6037cb;font-weight:850}.demo-calendar-events article span{display:grid}.demo-calendar-events small{color:#716d80}.demo-question-actions{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.demo-answer-grid .answer.selected{border-color:#7046ed;background:#f0eaff;color:#5429c8}.demo-answer-grid .answer:disabled{opacity:.78}.demo-chat-reply{margin-top:12px;padding:12px;border-radius:12px;background:#f1edff;color:#514479;font-size:13px}.tour-callout{position:fixed;right:24px;bottom:22px;z-index:80;display:grid;grid-template-columns:42px minmax(220px,390px);gap:4px 12px;width:min(470px,calc(100vw - 48px));padding:18px 20px;border:1px solid #ded2f6;border-radius:20px;background:#fff;box-shadow:0 18px 50px #21154430}.tour-callout[hidden]{display:none!important}.tour-arrow{grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:#f0eaff;color:#7041ec;font-size:26px;font-weight:900}.tour-copy{min-width:0}.tour-count{color:#7041ec;font-size:10px;font-weight:900;letter-spacing:.12em}.tour-copy h2{margin:2px 0;font-size:18px;line-height:1.2}.tour-copy p{color:#716d80;font-size:13px;line-height:1.45}.tour-actions{grid-column:2;display:flex;justify-content:flex-end;gap:6px;margin-top:6px}.tour-actions button{min-height:37px}.tour-actions button:disabled{opacity:.55}.tour-target{position:relative!important;z-index:56!important;outline:3px solid #ffc94e!important;outline-offset:4px!important;box-shadow:0 0 0 7px #ffc94e42,0 12px 32px #34254a20!important;border-radius:16px!important;scroll-margin:120px}.trial-classroom .parent-nav .parent-nav-bottom{display:block}.trial-classroom .parent-nav .parent-user{align-items:center}.trial-classroom .parent-nav .parent-user>span{flex:none}

@media(max-width:760px){.trial-header{height:64px;padding:0 18px}.trial-header img{width:140px}.trial-header span{font-size:.58rem;letter-spacing:.08em}#introMain{margin:18px auto 40px;padding:0 14px}.trial-intro{min-height:0;padding:28px 22px 0;border-radius:24px;grid-template-columns:1fr;overflow:hidden}.intro-copy h1{font-size:clamp(2.4rem,11vw,3.7rem)}.intro-copy>p{font-size:1rem}.intro-copy form{grid-template-columns:1fr;gap:8px;margin-top:22px}.intro-copy form button{grid-column:auto}.intro-mascot{height:190px;margin:4px auto 0;width:100%;max-width:300px}.intro-mascot img{height:200px;width:210px}.speech{top:14px;right:-6px;font-size:1.2rem}.trial-classroom .parent-nav{position:fixed;top:0;right:0;bottom:auto;left:0;width:100%;height:auto;min-height:0;padding:8px 10px 6px;border:0;border-bottom:1px solid var(--line,#ece8f5);background:#fff;box-shadow:0 5px 18px #25183f0b}.trial-classroom .parent-nav-logo,.trial-classroom .parent-nav-bottom{display:none}.trial-classroom .parent-nav nav{display:flex;flex-direction:row;gap:5px;overflow-x:auto;overscroll-behavior-x:contain;white-space:nowrap}.trial-classroom .parent-nav nav button{flex:0 0 auto;width:auto;min-height:42px;padding:9px 12px;border-radius:12px;font-size:12px}.trial-classroom #demoMain{padding:62px 0 calc(190px + env(safe-area-inset-bottom));margin:0}.demo-notice{align-items:flex-start;margin:10px 12px 12px;padding:9px 10px;font-size:10px}.demo-notice b{font-size:10px}.demo-notice button{min-height:34px;padding:7px 9px;font-size:10px}.student-mode #child,.student-mode #lesson,.student-mode .inner-page{padding:18px 13px 35px}.demo-child-heading{align-items:flex-start;flex-direction:column;gap:10px;padding:20px;border-radius:22px}.demo-child-heading h2{font-size:28px}.demo-child-heading p{font-size:13px}.demo-stats{justify-content:flex-start}.demo-lesson-grid{grid-template-columns:1fr}.demo-lesson-grid .lesson{padding:20px}.demo-week-grid{grid-template-columns:1fr}.demo-week-grid article{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-week-grid article>b,.demo-week-grid article>strong{grid-column:1/-1}.demo-month-grid>div{min-height:50px;padding:4px;font-size:11px}.demo-month-grid small{font-size:8px}.demo-calendar-events article{align-items:flex-start;padding:11px}.demo-calendar-events time{min-width:54px;font-size:12px}.demo-question-actions{flex-direction:column}.demo-question-actions button{width:100%}.tour-callout{right:10px;bottom:calc(10px + env(safe-area-inset-bottom));left:10px;width:auto;grid-template-columns:34px minmax(0,1fr);gap:4px 9px;padding:13px;border-radius:18px;box-shadow:0 10px 34px #2115443b}.tour-arrow{width:32px;height:32px;border-radius:11px;font-size:21px}.tour-copy h2{font-size:16px}.tour-copy p{font-size:12px}.tour-actions{gap:3px}.tour-actions button{padding:8px 10px;font-size:11px}.tour-target{scroll-margin:90px}}