.learner-home{min-height:100vh;color:var(--ink);background:var(--page);overflow:hidden}.learner-home .site-header{max-width:1320px;padding:20px clamp(22px,5vw,76px)}.learner-home .brand{gap:10px}.brand-wordmark{gap:1px;line-height:1;display:grid}.brand-wordmark strong{letter-spacing:-.045em;font-size:1.02rem}.brand-wordmark>span{color:var(--green);letter-spacing:.2em;font-size:.55rem}.learner-home .brand-logo{width:45px;height:45px}.learner-home .header-tools{gap:clamp(12px,2vw,27px)}.learner-home .theme-picker{color:var(--muted)}.learner-home .header-link{color:var(--ink)}.welcome-hero{grid-template-columns:minmax(0,.94fr) minmax(400px,1.06fr);align-items:center;gap:35px;width:min(1320px,100%);min-height:580px;margin:auto;padding:48px clamp(22px,5vw,76px) 70px;display:grid}.welcome-copy{z-index:1;max-width:580px;position:relative}.welcome-copy .eyebrow,.ready-intro .eyebrow,.section-heading .eyebrow{color:var(--green)}.welcome-copy h1{letter-spacing:-.085em;margin:20px 0 18px;font-size:clamp(3.5rem,7.4vw,6.4rem);line-height:.98}.welcome-copy h1 em{color:var(--green);font-style:normal}.welcome-copy .hero-text{max-width:470px;color:var(--muted);font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.75}.welcome-copy .hero-actions{flex-wrap:wrap;gap:13px;margin-top:29px}.welcome-copy .primary-link{background:var(--dark);border-radius:12px;gap:28px;min-height:54px;padding:0 22px;box-shadow:0 8px 20px #104e4027}.welcome-copy .primary-link:hover{transform:translateY(-2px);box-shadow:0 12px 22px #104e4030}.secondary-link{min-height:48px;color:var(--ink);align-items:center;gap:12px;padding:0 15px;font-size:.84rem;font-weight:750;display:inline-flex}.secondary-link span{color:var(--green)}.secure-note{color:var(--muted);align-items:center;gap:8px;margin-top:23px;font-size:.75rem;display:flex}.secure-note span{color:#bd914a;font-size:1rem}.welcome-art{isolation:isolate;place-items:center;min-height:500px;display:grid;position:relative}.welcome-art:before{content:"";aspect-ratio:1.08;z-index:-2;background:#e4eee4;border-radius:44% 56% 56% 44%/48% 43% 57% 52%;width:min(485px,90%);position:absolute;transform:rotate(-12deg)}.art-orbit{z-index:-1;border:1px solid #b9d5c2;border-radius:50%;position:absolute}.orbit-one{width:440px;max-width:95%;height:310px;transform:rotate(25deg)}.orbit-two{width:400px;max-width:88%;height:360px;transform:rotate(-28deg)}.lesson-preview-card{background:#fff;border:1px solid #d9e5da;border-radius:21px;width:min(465px,94%);padding:17px;transform:rotate(1.2deg);box-shadow:0 28px 80px #153d3523}.preview-topline{color:#527167;letter-spacing:.14em;align-items:center;gap:9px;min-height:32px;font-size:.6rem;font-weight:850;display:flex}.live-indicator{background:#76b48b;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #e7f2e8}.preview-menu{color:#9aafa3;letter-spacing:.14em;margin-left:auto;font-size:.7rem}.preview-people{grid-template-columns:1fr 1fr;gap:11px;display:grid}.person-tile{border-radius:15px;place-items:center;height:230px;display:grid;position:relative;overflow:hidden}.tutor-tile{background:linear-gradient(145deg,#cde4d5,#b8d8c9)}.learner-tile{background:linear-gradient(145deg,#f0e7d2,#e6d9b9)}.person-avatar{color:#fff;border:5px solid #ffffff70;border-radius:50%;place-items:center;width:84px;height:84px;font-size:2rem;font-weight:800;display:grid;box-shadow:0 8px 20px #153d3520}.avatar-tutor{background:linear-gradient(145deg,#57937a,#347761)}.avatar-learner{background:linear-gradient(145deg,#ddb968,#bc9045)}.person-caption{color:#355a4c;background:#fffdf2dc;border:1px solid #ffffff8c;border-radius:8px;padding:7px 10px;font-size:.69rem;font-weight:800;position:absolute;bottom:12px;left:12px}.person-caption b{color:#bc9145;margin-left:5px}.tile-sparkle{color:#fff7d7;font-size:1.5rem;position:absolute;top:26px;right:25px}.book-shape{opacity:.7;border:2px solid #b79251;border-radius:3px 7px 7px 3px;width:25px;height:32px;position:absolute;top:22px;right:25px;transform:rotate(10deg)}.preview-bottom{color:#658278;align-items:end;gap:10px;height:43px;padding:0 3px 1px;font-size:.72rem;font-weight:700;display:flex}.reaction-preview{color:#526c61;border-top:1px solid #e5ece6;gap:7px;padding:9px 3px 1px;font-size:.7rem;display:grid}.reaction-preview-label{font-weight:800}.reaction-preview-feedback{color:#71877e;min-height:1.2em}.reaction-preview .reaction-button{color:#244b3c;background:#f8fbf8;border-color:#dce7dd}.reaction-preview .reaction-button:hover,.reaction-preview .reaction-button[aria-pressed=true]{background:#e9f4eb;border-color:#69a484}.sound-bars{align-items:center;gap:2px;height:13px;display:flex}.sound-bars i{background:#67a889;border-radius:4px;width:3px}.sound-bars i:first-child,.sound-bars i:nth-child(5){height:5px}.sound-bars i:nth-child(2),.sound-bars i:nth-child(4){height:10px}.sound-bars i:nth-child(3){height:13px}.preview-heart{color:#d8847c;margin-left:auto;font-size:1.1rem}.art-note{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;padding:11px 15px;font-size:.75rem;font-weight:800;position:absolute;box-shadow:0 10px 25px #153d3517}.art-note span{color:#bd914a;margin-right:5px}.note-top{top:42px;right:1%;transform:rotate(5deg)}.note-bottom{bottom:2px;left:1%;transform:rotate(-5deg)}.ready-section{grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(35px,8vw,110px);width:min(1320px,100%);margin:0 auto;padding:77px clamp(22px,5vw,76px) 95px;display:grid}.ready-intro h2,.section-heading h2{letter-spacing:-.065em;margin:17px 0 16px;font-size:clamp(2.1rem,4vw,3.5rem);line-height:1.08}.ready-intro>p:not(.eyebrow){max-width:400px;color:var(--muted);font-size:.95rem;line-height:1.75}.ready-checklist{color:var(--muted);gap:12px;margin:24px 0 0;padding:0;font-size:.79rem;list-style:none;display:grid}.ready-checklist li{align-items:center;gap:9px;display:flex}.ready-checklist li span{color:#377354;background:#e2efe3;border-radius:50%;place-items:center;width:19px;height:19px;font-size:.68rem;font-weight:900;display:grid}.device-card{border:1px solid var(--line);background:var(--surface);border-radius:19px;padding:clamp(20px,3vw,32px);box-shadow:0 18px 48px #153d350e}.device-card-heading{align-items:center;gap:13px;display:flex}.device-icon{background:var(--surface-muted);width:43px;height:43px;color:var(--green);border-radius:13px;place-items:center;font-size:1.3rem;display:grid}.device-card-heading .eyebrow{color:var(--green);margin:0 0 5px;font-size:.58rem}.device-card-heading h3{letter-spacing:-.03em;margin:0;font-size:1.1rem}.device-description{color:var(--muted);margin:16px 0;font-size:.8rem;line-height:1.6}.device-preview{background:radial-gradient(at 50% 20%,#f5e8c6 0,#e4eee5 50%,#d6e6dc 100%);border-radius:12px;place-items:center;min-height:180px;display:grid;position:relative;overflow:hidden}.device-preview video{object-fit:cover;width:100%;height:240px;display:block;transform:scaleX(-1)}.device-preview-live{background:#182622}.device-placeholder{color:#3f6659;text-align:center;place-items:center;gap:7px;display:grid}.device-placeholder>span{color:#36836c;background:#fff9;border-radius:50%;place-items:center;width:58px;height:58px;margin-bottom:4px;font-size:1.8rem;display:grid}.device-placeholder strong{font-size:.8rem}.device-placeholder small{color:#668278;font-size:.68rem}.device-status{color:#fff;background:#13241edb;border-radius:7px;padding:7px 9px;font-size:.68rem;position:absolute;bottom:10px;left:10px}.status-on{color:#80d2a0}.status-off{color:#df9b90}.device-error{color:#8b3128;background:#fff0ed;border-radius:9px;margin:12px 0 0;padding:10px 12px;font-size:.75rem;line-height:1.5}.device-actions{flex-wrap:wrap;align-items:center;gap:9px;min-height:48px;margin-top:13px;display:flex}.device-check-button{background:var(--dark);color:#fff;width:100%;min-height:46px;font:inherit;cursor:pointer;border:0;border-radius:10px;justify-content:space-between;align-items:center;padding:0 15px;font-size:.78rem;font-weight:800;display:flex}.device-check-button:disabled{opacity:.65;cursor:wait}.device-control{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--ink);font:inherit;cursor:pointer;border-radius:8px;padding:0 11px;font-size:.7rem;font-weight:750}.device-text-button{color:var(--green);font:inherit;cursor:pointer;background:0 0;border:0;font-size:.72rem;font-weight:800}.device-check-button:focus-visible,.device-control:focus-visible,.device-text-button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.privacy-caption{color:var(--muted);align-items:center;gap:7px;margin:12px 0 0;font-size:.67rem;display:flex}.privacy-caption span{color:var(--green)}.steps-section{background:var(--surface-muted);grid-template-columns:.72fr 1.28fr;gap:clamp(32px,7vw,92px);padding:81px max(22px,50vw - 584px) 91px;display:grid}.section-heading h2{margin-bottom:0}.step-list{gap:12px;display:grid}.step-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:48px 1fr 20px;align-items:center;gap:17px;min-height:100px;padding:19px 22px;transition:transform .18s,box-shadow .18s;display:grid}.step-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #153d3510}.step-number{background:var(--surface-muted);width:42px;height:42px;color:var(--green);border-radius:13px;place-items:center;font-size:.74rem;font-weight:900;display:grid}.step-card h3{letter-spacing:-.025em;margin:0 0 5px;font-size:.95rem}.step-card p{color:var(--muted);margin:0;font-size:.76rem;line-height:1.55}.step-arrow{color:#b49258;font-size:1.1rem}.support-section{grid-template-columns:1fr 1fr;gap:16px;width:min(1120px,100%);margin:0 auto;padding:62px 22px 70px;display:grid}.continuity-section{grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(28px,6vw,78px);width:min(1120px,100%);margin:0 auto;padding:68px 22px 22px;display:grid}.continuity-copy h2{letter-spacing:-.07em;max-width:12ch;margin:14px 0;font-size:clamp(2.2rem,4.5vw,3.6rem);line-height:1.02}.continuity-copy>p:last-child{max-width:48ch;color:var(--muted);line-height:1.7}.continuity-preview{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:clamp(18px,3vw,28px);box-shadow:0 18px 45px #153d3510}.continuity-preview-label{color:var(--green);letter-spacing:.13em;font-size:.66rem;font-weight:850}.continuity-preview .practice-steps{margin-top:.7rem}.support-card{border:1px solid var(--line);background:var(--surface);border-radius:13px;grid-template-columns:44px 1fr auto;align-items:center;gap:13px;min-height:98px;padding:16px;transition:border-color .15s,transform .15s;display:grid}.support-card:hover{border-color:#8ab69d;transform:translateY(-2px)}.support-icon{background:var(--surface-muted);width:42px;height:42px;color:var(--green);border-radius:12px;place-items:center;font-size:1.2rem;display:grid}.support-copy{gap:5px;display:grid}.support-copy strong{font-size:.84rem}.support-copy>span{color:var(--muted);font-size:.68rem;line-height:1.4}.support-action{color:var(--green);font-size:.68rem;font-weight:800}.support-action b{margin-left:5px}.learner-home .site-footer{border-top:1px solid var(--line);max-width:1320px;color:var(--muted)}.footer-brand{color:var(--ink);align-items:center;gap:7px;font-weight:800;display:inline-flex}.footer-brand img{object-fit:contain}.footer-brand span{color:#b39359}:root[data-theme=dark] .welcome-art:before{background-color:#263b33}:root[data-theme=dark] .orbit-one,:root[data-theme=dark] .orbit-two{border-color:#435a4f}:root[data-theme=dark] .lesson-preview-card{background:var(--surface);border-color:var(--line)}:root[data-theme=dark] .person-caption{color:var(--ink);background:#17221ee8}:root[data-theme=dark] .device-placeholder{color:#24473c}:root[data-theme=dark] .device-placeholder small{color:#315d4e}@media (prefers-color-scheme:dark){:root[data-theme=system] .welcome-art:before{background:#263b33}:root[data-theme=system] .lesson-preview-card{background:var(--surface);border-color:var(--line)}:root[data-theme=system] .person-caption{color:var(--ink);background:#17221ee8}}@media (max-width:850px){.welcome-hero{grid-template-columns:1fr;gap:5px;min-height:0;padding-top:58px}.welcome-copy{max-width:680px}.welcome-art{min-height:390px}.ready-section{grid-template-columns:1fr;gap:28px}.ready-intro>p:not(.eyebrow){max-width:600px}.steps-section{grid-template-columns:1fr;gap:27px}.continuity-section{grid-template-columns:1fr;gap:18px}}@media (max-width:600px){.learner-home .site-header{padding:15px 19px}.learner-home .header-tools{gap:10px}.learner-home .header-link{font-size:.7rem}.learner-home .theme-picker{gap:0}.learner-home .theme-picker>span{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.learner-home .theme-picker select{min-height:34px;padding:5px 20px 5px 7px;font-size:.69rem}.welcome-hero{padding-top:47px}.welcome-copy h1{font-size:clamp(3.3rem,15vw,5rem)}.welcome-art{min-height:430px;margin:2px -12px 0}.lesson-preview-card{padding:12px}.person-tile{height:clamp(150px,48vw,205px)}.person-avatar{width:67px;height:67px;font-size:1.6rem}.art-note{padding:9px 11px;font-size:.65rem}.note-top{top:9px}.note-bottom{bottom:8px}.ready-section{padding-top:58px;padding-bottom:65px}.device-card{padding:19px}.device-preview{min-height:160px}.steps-section{padding-top:59px;padding-bottom:62px}.step-card{grid-template-columns:40px 1fr 15px;gap:12px;padding:15px}.step-number{width:36px;height:36px}.support-section{grid-template-columns:1fr;padding-top:42px;padding-bottom:50px}.continuity-section{padding-top:48px}.support-card{grid-template-columns:39px 1fr}.support-icon{width:38px;height:38px}.support-action{grid-column:2;margin-top:-3px}.learner-home .site-footer{gap:12px;font-size:.65rem}}@media (prefers-reduced-motion:reduce){.step-card,.support-card,.welcome-copy .primary-link{transition:none}}
