/* Three generated identities, six poses each; CSS atlas cells preserve the art. */
.human{position:relative;aspect-ratio:1;width:16cqw;margin:0;isolation:isolate;flex:none}
.human::before{content:'';position:absolute;inset:17% 3% 0;border-radius:48% 52% 34% 46%;background:linear-gradient(145deg,#ffe6b5,#ffd1b8);z-index:-1;transform:rotate(-8deg)}
.person{width:100%;height:100%;background-repeat:no-repeat;background-size:300% 200%;clip-path:inset(1% 4.5% 1% 4.5%);filter:drop-shadow(0 .5cqw .6cqw #47223b15)}
.person-teacher{background-image:url('assets/teacher-cast.webp')}.person-leader{background-image:url('assets/leader-cast.webp')}.person-parent{background-image:url('assets/parent-cast.webp')}
.pose-0{background-position:0 0}.pose-1{background-position:50% 0}.pose-2{background-position:100% 0}.pose-3{background-position:0 100%}.pose-4{background-position:50% 100%}.pose-5{background-position:100% 100%}
.cover-human{position:absolute;left:-3cqw;bottom:5cqw;width:19cqw;z-index:2}
.cover-human::before{background:linear-gradient(145deg,#ffc878,#f7b09b)}
.cover .answer-note{z-index:4}.cover .hero-phone{z-index:3}
.product-human{position:absolute;width:19cqw;left:-1cqw;bottom:2.5cqw;z-index:1}
.ask-phones,.leader-product,.parent-product,.concerns-product,.calendar-product{justify-content:flex-end}
.ask-phones .device-figure,.leader-product .device-figure,.parent-product .device-figure,.concerns-product .device-figure,.calendar-product .device-figure{z-index:3}
.ask-phones .product-human{bottom:5cqw}.parent-product .product-human{bottom:4cqw}
.parent-product .mini-badge{z-index:4;left:-1cqw;bottom:0}
.parent-product .product-human::before{background:linear-gradient(150deg,#ffddb3,#ffd2c9)}
.leader-product .product-human::before{background:linear-gradient(150deg,#ceebc7,#9ddbd0)}
.concerns-product .product-human::before{background:linear-gradient(150deg,#fee3a9,#ffc9bd)}
.calendar-product .product-human{width:15cqw;left:-2cqw}
.calendar-product .product-human::before{background:linear-gradient(150deg,#d3f0dc,#b0e0e7)}
.problem-human{position:absolute;right:-1cqw;bottom:-.8cqw;width:22cqw;z-index:2}
.problem-human::before{background:linear-gradient(145deg,#f7b976,#df8292);opacity:.85}
.chat-storm .bubble{z-index:3}.chat-storm .b1{left:0;right:auto;max-width:28cqw}.chat-storm .b2{left:0;right:auto;max-width:25cqw}.chat-storm .b3{left:0;right:auto;max-width:22cqw}.chat-storm .b4{left:0;right:auto;max-width:21cqw}
.confirmation-human{width:10cqw;margin:.3cqw auto}
.confirmation-human::before{background:linear-gradient(150deg,#d4e5ff,#bad9ed)}
.confirm-demo{padding-top:1.1cqw}.confirm-demo>p{margin:.5cqw 0}.action-preview{margin-top:.8cqw}
.teaching-scene{position:relative;width:100%;height:31cqw;overflow:hidden;border-radius:1.1cqw;background:linear-gradient(145deg,#fff0ce,#ffdfbe 65%,#f7c5a5)}
.teaching-human{position:absolute;width:31cqw;left:-2cqw;bottom:0;z-index:2}
.teaching-human::before{display:none}.lesson-sun{position:absolute;width:13cqw;height:13cqw;right:-2cqw;top:-2cqw;border-radius:50%;background:#ffc66e}
.lesson-board{position:absolute;left:2cqw;top:3cqw;width:14cqw;padding:1cqw 1.4cqw;background:#226e61;color:#fff7d5;border:5px solid #c78f53;border-radius:.6cqw;font-size:3cqw;font-weight:700;transform:rotate(-7deg);box-shadow:0 .6cqw 1.3cqw #9b61351f}
.lesson-board i{font-style:normal;color:#ffcd78;margin-left:1cqw}.lesson-books{position:absolute;right:1cqw;bottom:1cqw;display:flex;gap:.35cqw;align-items:flex-end;transform:rotate(5deg)}.lesson-books i{display:block;width:1.5cqw;height:7cqw;background:#e57555;border-radius:.2cqw;box-shadow:inset 0 -.6cqw #0001}.lesson-books i:nth-child(2){height:9cqw;background:#ebb748}.lesson-books i:nth-child(3){height:6cqw;background:#489e95}
.teacher .photo-caption{z-index:3;background:#fff8e9e8;color:#633a21;left:1cqw;top:1cqw;font-size:1.1cqw;font-weight:700}
.teacher .attendance-demo{z-index:4;top:12.5cqw;right:-1cqw;width:25cqw;box-shadow:0 1cqw 2.5cqw #98603030}
.illustration-note{display:block;font-size:.85cqw;line-height:1.4;color:#564331;margin-top:1cqw}
.admission-human{position:absolute;right:0;top:0;width:20cqw;z-index:1}
.admission-human::before{background:linear-gradient(145deg,#ffd1b6,#ffb9a4)}
.kit-scene .standee{width:17cqw;height:32cqw;left:.5cqw;top:3.5cqw;z-index:2;padding:1.5cqw}
.kit-scene .standee h3{font-size:2.4cqw}.kit-scene .standee>img{height:7cqw;width:7cqw}.kit-scene .standee>p{font-size:1cqw}
.kit-scene .school-placeholder{font-size:.65cqw}.kit-scene .kit-bottom>span{font-size:.75cqw}.kit-scene .kit-bottom small{font-size:.56cqw}
.kit-scene .desk-flyer{width:16.5cqw;height:21cqw;right:-.5cqw;bottom:0;z-index:3;padding:1.2cqw}
.kit-scene .desk-flyer>b{font-size:2.3cqw}.kit-scene .desk-flyer>span{font-size:.95cqw}.kit-scene .desk-flyer>img{height:2.3cqw;margin-bottom:.4cqw}
.kit-scene .kit-note{left:.5cqw;bottom:-3cqw;font-size:1cqw}
.privacy-emblem{position:relative}.privacy-human{width:17cqw;margin:0 auto .5cqw}.privacy-human::before{background:linear-gradient(150deg,#c1e9d7,#a6d9d5)}
.privacy-emblem .shield{position:absolute;top:9cqw;right:0;width:6cqw;height:7cqw;font-size:3cqw;z-index:3}
.privacy-emblem>strong{font-size:3cqw}.privacy-emblem>span{margin:.6cqw 0}
.onboarding-track article{isolation:isolate}.onboarding-human{position:absolute;width:7.5cqw;right:0;top:-1.5cqw}
.onboarding-human::before{inset:22% 0 0;background:#ffddb0}.onboarding-track article:nth-child(2) .human::before{background:#cfebdb}.onboarding-track article:nth-child(3) .human::before{background:#ffd1c8}.onboarding-track article:nth-child(4) .human::before{background:#dde0ff}
.faq-human{position:absolute;right:5cqw;top:6cqw;width:14cqw}.faq-human::before{background:linear-gradient(150deg,#f9d8bc,#e9c9e8)}
.trial-card{position:relative}.offer-human{position:absolute;width:12cqw;right:0;top:3cqw;z-index:1}.offer-human::before{background:linear-gradient(145deg,#ffc777,#f6aa82)}
.trial-card .trial-number{position:relative;z-index:2;font-size:9cqw;gap:1cqw}.trial-number>span{font-size:2.5cqw}.trial-card>h3,.trial-card>p,.trial-card .trial-rule{position:relative;z-index:2}
.people-team{position:relative;display:flex;justify-content:center;align-items:flex-end;width:36cqw;margin-top:-3cqw;z-index:2}
.people-team .human{width:13cqw;margin-left:-1.1cqw}.people-team .human:first-child{margin-left:0}.people-team .human::before{inset:32% 0 0}
.people-team .team-teacher::before{background:#d4efe4}.people-team .team-leader::before{background:#ffe4b6}.people-team .team-parent::before{background:#ffd4c7}
.final-art .final-robot{width:13cqw;height:14cqw}.final-art .qr-card{position:relative;z-index:3;margin-top:.5cqw}
/* Warm accents support the people and the emotion of each story. */
.leader .sheet{background:linear-gradient(120deg,#fff 58%,#f0f9ef)}.leader h2 em{color:#0d7762}
.teacher .sheet{background:linear-gradient(120deg,#fffcf5,#fff9ec)}.teacher h2 em{color:#087766}
.parent .sheet{background:linear-gradient(120deg,#fff 55%,#fff0e7)}.parent h2 em{color:#b94a36}
.admissions .sheet{background:linear-gradient(120deg,#fffaf2,#fff2eb)}.admissions h2 em{color:#ad4a2e}
.privacy .sheet{background:linear-gradient(120deg,#f3fbf7,#eff8f6)}.privacy h2 em{color:#0e776a}
.onboarding h2 em{color:#996022}.faq-page h2 em{color:#995081}.features h2 em{color:#087b81}
.checked .sheet{background:linear-gradient(120deg,#fafbff,#f3f7fc)}.checked h2 em{color:#345d99}
.ask-page .sheet{background:linear-gradient(120deg,#fff 65%,#fffcf3)}.communication .sheet{background:linear-gradient(120deg,#fff 65%,#fff7ec)}
@media screen and (min-width:768px) and (max-width:1279px){
 .product-human{width:17cqw;bottom:2cqw;left:-3cqw}.ask-phones .product-human{bottom:4.5cqw}.parent-product .product-human{bottom:4cqw}.calendar-product .product-human{width:16cqw;left:-6cqw}
 .cover-human{width:22cqw;left:-4cqw;bottom:2cqw}.problem-human{width:24cqw;bottom:0;right:-1cqw}
 .chat-storm .b1{max-width:29cqw}.chat-storm .b2{max-width:25cqw}.chat-storm .b3,.chat-storm .b4{max-width:23cqw}
 .confirmation-human{width:14cqw}.confirm-demo{padding:18px}.confirm-demo>.fine{font-size:15px}
 .teaching-scene{height:420px}.teaching-human{width:36cqw;left:-3cqw}.teacher .attendance-demo{top:240px;width:30cqw;padding:18px;right:0}.teacher .photo-caption{font-size:14px;padding:9px 12px}.illustration-note{font-size:12px}
 .kit-scene .standee{width:22cqw;height:42cqw;top:55px;left:0;padding:1.5cqw}.kit-scene .standee h3{font-size:3.1cqw}.kit-scene .standee>img{width:11cqw;height:11cqw}.kit-scene .standee>p{font-size:1.4cqw}.kit-scene .school-placeholder{font-size:1cqw}.kit-scene .kit-bottom>span{font-size:1.05cqw}.kit-scene .kit-bottom small{font-size:.75cqw}
 .admission-human{width:24cqw;top:20px;right:-1cqw}.kit-scene .desk-flyer{width:21cqw;height:30cqw;bottom:15px;padding:1.5cqw}.kit-scene .desk-flyer>b{font-size:3cqw}.kit-scene .desk-flyer>span{font-size:1.3cqw}.kit-scene .desk-flyer>img{height:3cqw;margin-bottom:.7cqw}.kit-scene .kit-note{font-size:14px;bottom:-30px}
 .privacy-human{width:21cqw}.privacy-emblem .shield{width:8cqw;height:9cqw;top:12cqw;right:-1cqw}.privacy-emblem>strong{font-size:4cqw}.privacy-emblem>p{font-size:18px}
 .faq-human{width:16cqw;right:3cqw;top:6cqw}.offer-human{width:13cqw;top:4cqw;right:0}
 .final-art .final-robot{width:17cqw;height:19cqw}.people-team{width:35cqw;margin-top:-3cqw}.people-team .human{width:13cqw}.final-art .qr-card{margin-top:15px}
}
@media screen and (max-width:767px){
 .human{width:160px}.cover-human{width:180px;left:-12px;bottom:65px}.cover .hero-phone{right:0}.cover-art .answer-note{bottom:0;left:0}
 .product-human{width:165px;left:-12px;bottom:28px}.ask-phones .product-human{bottom:65px}.parent-product .product-human{bottom:50px}
 .ask-phones,.leader-product,.parent-product,.concerns-product,.calendar-product{justify-content:flex-end}.calendar-product .product-human{width:160px;left:-12px}
 .parent-product .mini-badge{left:0;bottom:0}.problem-human{width:185px;right:-16px;bottom:-10px}
 .chat-storm{height:490px}.chat-storm .b1{max-width:280px}.chat-storm .b2{max-width:240px}.chat-storm .b3{max-width:210px}.chat-storm .b4{max-width:190px;top:335px}
 .confirmation-human{width:150px;margin:8px auto}.confirm-demo{padding:22px}.confirm-demo>.fine{font-size:15px}
 .teacher-visual{height:675px}.teaching-scene{height:365px;border-radius:14px}.teaching-human{width:350px;max-width:110%;left:-12px;bottom:0}
 .lesson-sun{width:160px;height:160px;right:-20px;top:-20px}.lesson-board{left:14px;top:60px;width:130px;font-size:32px;padding:12px 16px;border-width:4px;border-radius:8px}.lesson-books{right:10px;bottom:15px;gap:4px}.lesson-books i{width:18px;height:80px}.lesson-books i:nth-child(2){height:100px}.lesson-books i:nth-child(3){height:70px}
 .teacher .photo-caption{left:10px;top:12px;font-size:13px;padding:8px 12px}.teacher .attendance-demo{top:270px;right:0;width:280px;max-width:95%;padding:18px}.illustration-note{font-size:12px;margin-top:16px}
 .kit-scene{height:650px}.admission-human{width:200px;top:25px;right:-15px}
 .kit-scene .standee{width:185px;height:420px;left:0;top:80px;padding:19px}.kit-scene .standee h3{font-size:28px}.kit-scene .school-placeholder{font-size:7px}.kit-scene .standee>img{height:100px;width:100px}.kit-scene .standee>p{font-size:12px}.kit-scene .kit-bottom>span{font-size:9px}.kit-scene .kit-bottom small{font-size:6px}
 .kit-scene .desk-flyer{width:170px;height:255px;right:-5px;bottom:65px;padding:18px}.kit-scene .desk-flyer>b{font-size:29px}.kit-scene .desk-flyer>span{font-size:12px}.kit-scene .desk-flyer>img{height:29px;margin-bottom:10px}.kit-scene .kit-note{font-size:14px;left:0;bottom:0}
 .privacy-human{width:235px;margin:0 auto 10px}.privacy-emblem .shield{width:85px;height:95px;top:145px;right:5px;font-size:40px}.privacy-emblem>strong{font-size:44px}.privacy-emblem>span{margin:12px 0}
 .onboarding-human{width:110px;right:5px;top:-12px}.onboarding-track article>span{margin-bottom:23px}.onboarding-track article>small{position:relative;z-index:2}
 .faq-human{position:relative;float:right;width:145px;top:auto;right:auto;margin:0 0 18px 15px}.faq-grid{clear:both}.faq-intro{padding-top:10px}
 .offer-human{width:110px;top:55px;right:5px}.trial-card .trial-number{font-size:100px;gap:12px}.trial-number>span{font-size:30px}
 .final-art .final-robot{width:140px;height:155px}.people-team{width:310px;max-width:100%;margin-top:-30px}.people-team .human{width:115px;margin-left:-18px}.final-art .qr-card{margin-top:15px}
}
@media print{
 .human{print-color-adjust:exact;-webkit-print-color-adjust:exact;break-inside:avoid}
 .product-human{width:15cqw}.cover-human{width:17cqw;bottom:4cqw}.confirmation-human{width:7cqw}
 .teaching-scene{height:25cqw}.teaching-human{width:26cqw}.teacher .attendance-demo{top:9cqw;width:22cqw}.illustration-note{font-size:.6cqw}
 .kit-scene .standee{height:30cqw}.kit-scene .desk-flyer{height:20cqw}.kit-scene .kit-note{bottom:-1.5cqw}.admission-human{width:18cqw}
 .privacy-human{width:14cqw}.privacy-emblem .shield{top:7cqw;width:5cqw;height:6cqw;font-size:2.7cqw}
 .onboarding-human{width:6cqw;top:-1.3cqw}.faq-human{width:11cqw;top:6cqw}.offer-human{width:10cqw;top:4cqw}
 .trial-card .trial-number{font-size:8cqw}.people-team{width:32cqw}.people-team .human{width:11.5cqw}
 .final-art .final-robot{width:11cqw;height:12cqw}.final-art .qr-card{margin-top:0}
}
.cover-qr{display:flex;align-items:center;gap:18px;width:max-content;max-width:100%;padding:12px 18px 12px 12px;margin-top:18px;background:#fff;border:1px solid #ddd5ed;border-radius:12px;box-shadow:0 6px 18px #34204e0b}
.cover-qr>img{display:block;width:168px;height:168px;flex:none;image-rendering:crisp-edges}
.cover-qr b,.cover-qr span,.cover-qr strong{display:block;line-height:1.4}.cover-qr b{font-size:22px;color:#261f72;max-width:250px}.cover-qr span{font-size:18px;color:#40394f;margin-top:7px}.cover-qr strong{font-size:22px;margin-top:8px;color:#181528}
.final-art .qr-card>img{width:13.5cqw;height:13.5cqw;image-rendering:crisp-edges}.final-art .qr-card{gap:1cqw;padding:1.2cqw}
.final-art .qr-card small{font-weight:600;color:#285c48}
@media screen and (min-width:768px) and (max-width:1279px){.cover .sheet{min-height:950px}.cover-qr{padding:10px;gap:12px}.cover-qr>img{width:142px;height:142px}.cover-qr b{font-size:19px}.cover-qr span{font-size:16px}.cover-qr strong{font-size:20px}.final-art .qr-card>img{width:170px;height:170px}}
@media screen and (max-width:767px){.cover-qr{gap:10px;padding:9px;margin-top:20px}.cover-qr>img{width:125px;height:125px}.cover-qr b{font-size:16px}.cover-qr span{font-size:13px}.cover-qr strong{font-size:16px}.final-art .qr-card{flex-direction:column;text-align:center;padding:20px}.final-art .qr-card>img{width:210px;height:210px}.final-art .qr-card b{font-size:20px}.final-art .qr-card small,.final-art .qr-card span{font-size:14px}}
@media print{.print-qr{display:none!important}.cover-qr>img{width:28mm;height:28mm}.cover-qr{gap:3mm;padding:2mm;margin-top:3mm}.cover-qr b,.cover-qr strong{font-size:10pt}.cover-qr span{font-size:8pt}.final-art .qr-card>img{width:35mm;height:35mm}}

/* Branding is part of every sheet, so HTML and PDF share the same position. */
.slide-logo{position:absolute;right:3.5%;top:24px;height:44px;width:auto;max-width:30%;object-fit:contain;z-index:5}
.sheet>.eyebrow{padding-right:310px}.cover .eyebrow::after{display:none!important}
@media screen and (max-width:767px){.slide-logo{top:32px;right:20px;height:24px;max-width:46%}.sheet>.eyebrow{padding-right:158px;min-height:40px;line-height:1.4}.sheet>.eyebrow .line{flex:none}}
@media screen and (min-width:1280px) and (max-width:1535px){.cover.page{height:auto;min-height:100svh}.cover .sheet{aspect-ratio:auto;min-height:800px}}
@media print{.slide-logo{height:8mm;top:6mm;right:13mm;max-width:30%}.sheet>.eyebrow{padding-right:58mm}}
