.tupai-landing.tp-rd{--rd-edge:30px;--rd-hero-y:32px;--rd-section-y:40px;--rd-card-pad:16px;--rd-card-pad-sm:16px;--rd-gap:12px;--rd-stack:16px;--rd-max:1120px;--rd-measure:680px;--rd-h1:32px;--rd-h1-lh:1.2;--rd-h2:24px;--rd-h2-lh:1.3;--rd-title:20px;--rd-title-lh:1.4;--rd-title-sm:16px;--rd-title-sm-lh:1.5;--rd-text:16px;--rd-text-lh:1.5;--rd-card-text:14px;--rd-card-text-lh:1.4;--rd-ui:16px;--rd-ui-lh:1.5;--rd-caption:14px;--rd-caption-lh:1.4;--rd-tracking:0;--rd-btn-h:48px;--rd-btn-pad-y:12px;--rd-btn-pad-x:16px;--rd-btn-min-w:0px;--rd-pair-w:280px}@media (min-width:1024px){.tupai-landing.tp-rd{--rd-edge:80px;--rd-hero-y:64px;--rd-section-y:64px;--rd-card-pad:32px;--rd-card-pad-sm:24px;--rd-gap:24px;--rd-stack:24px;--rd-h1:44px;--rd-h1-lh:1.15;--rd-h2:32px;--rd-h2-lh:1.25;--rd-title:24px;--rd-title-lh:1.3;--rd-title-sm:20px;--rd-title-sm-lh:1.4;--rd-text:18px;--rd-text-lh:1.6;--rd-card-text:16px;--rd-card-text-lh:1.5;--rd-caption:13px;--rd-tracking:.01em;--rd-btn-pad-y:16px;--rd-btn-pad-x:32px;--rd-btn-min-w:180px}}.tp-rd main *,.tp-rd main :before,.tp-rd main :after{box-sizing:border-box}.tp-rd main p,.tp-rd main figure,.tp-rd main blockquote{margin:0}.tp-rd main{letter-spacing:var(--rd-tracking)}.tp-rd .tp-rd-wrap{width:100%;max-width:var(--rd-max);margin:0 auto}.tp-rd h1{font-size:var(--rd-h1);line-height:var(--rd-h1-lh);text-wrap:balance}.tp-rd main h2{font-size:var(--rd-h2);line-height:var(--rd-h2-lh);text-align:center;margin:0}.tp-rd main .tp-cta-primary,.tp-rd main .tp-cta-invert,.tp-rd footer .tp-cta-primary{min-height:var(--rd-btn-h);min-width:var(--rd-btn-min-w);padding:var(--rd-btn-pad-y) var(--rd-btn-pad-x);font-size:var(--rd-ui);line-height:1}.tp-rd main .tp-cta-pair>.tp-cta-primary+.tp-cta-primary{background:var(--color-parent-primary)}.tp-rd main .tp-cta-pair>.tp-cta-primary+.tp-cta-primary:hover{background:var(--color-parent-primary-press)}@media (max-width:479px){.tp-rd main .tp-cta-pair{align-items:center;max-width:none;margin:0 auto}.tp-rd main .tp-cta-pair>*{width:100%;max-width:var(--rd-pair-w)}}.tp-rd .tp-rd-orange{background:var(--color-primary);color:var(--color-content)}.tp-rd .tp-rd-orange h1,.tp-rd .tp-rd-orange h2,.tp-rd .tp-rd-orange h3{color:var(--color-surface)}.tp-rd .tp-rd-orange .tp-swipe-dots>span{background:var(--color-surface)}.tp-rd .tp-rd-orange .tp-swipe-dots>span.tp-on{background:var(--color-content)}.tp-rd .tp-rd-swipe{gap:var(--rd-gap);padding:0 var(--rd-edge);scroll-snap-type:x mandatory;scroll-padding-left:var(--rd-edge);scrollbar-width:none;display:flex;overflow-x:auto}.tp-rd .tp-rd-swipe::-webkit-scrollbar{display:none}.tp-rd .tp-rd-swipe:after{content:"";flex:0 0 calc(var(--rd-edge) - var(--rd-gap))}.tp-rd .tp-rd-swipe>*{scroll-snap-align:start}.tp-rd .tp-swipe-dots{justify-content:center;gap:16px;margin-top:16px;display:flex}.tp-rd .tp-swipe-dots>span{border-radius:var(--rounded-pill);background:var(--color-border);width:8px;height:8px;transition:width var(--duration) var(--ease)}.tp-rd .tp-fill-primary .tp-swipe-dots>span{background:var(--color-surface)}.tp-rd .tp-swipe-dots>span.tp-on{background:var(--color-content);width:20px}@media (min-width:768px){.tp-rd .tp-rd-swipe{display:grid;overflow:visible}.tp-rd .tp-rd-swipe:after,.tp-rd .tp-swipe-dots{display:none}}.tp-rd #as-seen-on{padding:var(--rd-section-y) 0!important;border-bottom:none!important;border-top-color:var(--color-border-light)!important}.tp-rd #as-seen-on .tp-wrap{margin-bottom:var(--rd-stack)!important}.tp-rd footer h2{font-size:var(--rd-h2);line-height:var(--rd-h2-lh)}.tp-rd footer .tp-lead{font-size:var(--rd-text);line-height:var(--rd-text-lh)}.tp-rd footer .tp-cta-primary{min-height:var(--rd-btn-h)}.tp-rd footer nav a{font-size:var(--rd-ui)!important;font-weight:400!important}.tp-rd footer .tp-wrap:last-child>div:first-child{line-height:var(--rd-caption-lh);font-size:var(--rd-caption)!important}.tp-rd footer .tp-wrap:last-child span{font-size:var(--rd-caption)!important}.tp-rd footer .tp-wrap:last-child nav a{font-size:14px!important}@media (min-width:1024px){.tp-rd footer .tp-wrap:last-child nav a{font-size:15px!important}}@media (max-width:767px){.tp-rd header.tp-site .tp-wrap{padding-left:16px;padding-right:4px}.tp-rd #as-seen-on .tp-wrap{padding:0 var(--rd-edge)!important}.tp-rd footer .tp-wrap{padding-left:var(--rd-edge)!important;padding-right:var(--rd-edge)!important}}
.tp-hp .tp-hp-hero{padding:var(--rd-hero-y) var(--rd-edge);background:var(--color-tint-peach)}.tp-hp .tp-hp-hero-inner{flex-direction:column;gap:24px;display:flex}.tp-hp .tp-hp-hero-text{gap:var(--rd-stack);flex-direction:column;display:flex}.tp-hp .tp-hp-hero h1>span{display:block}.tp-hp .tp-hp-hero h1>span+span{margin-top:var(--rd-stack)}.tp-hp .tp-hl-student{color:var(--color-primary-press)}.tp-hp .tp-hl-parent{color:var(--color-parent-primary)}.tp-hp .tp-hp-hero-sub{max-width:var(--rd-measure);font-size:var(--rd-text);line-height:var(--rd-text-lh)}.tp-hp .tp-hp-hero-media{border-radius:30px;align-self:center;width:210px;height:auto;margin-top:8px;display:block}@media (max-width:479px){.tp-hp .tp-hp-hero .tp-cta-pair{flex-direction:row}.tp-hp .tp-hp-hero .tp-cta-pair>*{flex:1 1 0;min-width:0;max-width:none}}.tp-hp .tp-br-lg{display:none}.tp-hp .tp-hp-facts{padding:var(--rd-section-y) var(--rd-edge) calc(var(--rd-section-y) / 2)}.tp-hp .tp-hp-facts-grid{gap:var(--rd-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tp-hp .tp-hp-fact{padding:var(--rd-card-pad);border-radius:var(--rounded-lg);background:var(--color-bg);flex-direction:column;gap:8px;display:flex}.tp-hp .tp-hp-fact-icon{border-radius:var(--rounded-pill);background:var(--color-tint-peach);width:40px;height:40px;color:var(--color-primary);justify-content:center;align-items:center;display:flex}.tp-hp .tp-hp-fact-title{font-size:var(--rd-title-sm);font-weight:700;line-height:var(--rd-title-sm-lh)}.tp-hp .tp-hp-fact-body{font-size:var(--rd-card-text);line-height:var(--rd-card-text-lh);color:var(--text-secondary)}.tp-hp .tp-hp-system{padding:calc(var(--rd-section-y) / 2) var(--rd-edge) var(--rd-section-y)}.tp-hp .tp-hp-system .tp-rd-wrap{gap:var(--rd-stack);flex-direction:column;display:flex}.tp-hp .tp-hp-system-grid{gap:var(--rd-stack);display:grid}.tp-hp .tp-hp-app{padding:var(--rd-card-pad);border-radius:var(--rounded-lg);--text-secondary:var(--color-content);flex-direction:column;gap:16px;display:flex}.tp-hp .tp-hp-app-student{background:var(--color-tint-peach)}.tp-hp .tp-hp-app-parent{background:var(--color-tint-blue)}.tp-hp .tp-hp-app-head{align-items:center;gap:16px;display:flex}.tp-hp .tp-hp-app-head img{border-radius:14px;flex:none;width:64px;height:64px;display:block}.tp-hp .tp-hp-app-head>div{flex-direction:column;display:flex}.tp-hp .tp-hp-app-label{font-size:var(--rd-ui);font-weight:700;line-height:var(--rd-ui-lh)}.tp-hp .tp-hp-app-title{font-family:var(--font-display);font-size:var(--rd-title);line-height:var(--rd-title-lh)}.tp-hp .tp-hp-app p{font-size:var(--rd-ui);line-height:var(--rd-ui-lh);flex:1}.tp-hp .tp-hp-app-link{min-height:var(--rd-btn-h);padding:var(--rd-btn-pad-y) var(--rd-btn-pad-x);border-radius:var(--rounded-md);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-content);font-size:var(--rd-ui);justify-content:center;align-items:center;gap:8px;font-weight:700;line-height:1;text-decoration:none;display:flex}.tp-hp .tp-hp-app-link:hover{background:var(--color-bg);text-decoration:none}.tp-hp .tp-hp-chat{padding:var(--rd-card-pad);border-radius:var(--rounded-lg);background:var(--color-deep);align-items:flex-end;gap:12px;display:flex}.tp-hp .tp-hp-chat img{border-radius:var(--rounded-md);object-fit:cover;flex:none;width:48px;height:48px;display:block}.tp-hp .tp-hp-chat p{background:var(--color-surface);color:var(--color-content);font-size:var(--rd-ui);line-height:var(--rd-ui-lh);border-radius:18px 18px 18px 4px;padding:16px}.tp-hp .tp-hp-steps{padding:var(--rd-section-y) 0}.tp-hp .tp-hp-steps h2,.tp-hp .tp-hp-steps-lead{padding:0 var(--rd-edge)}.tp-hp .tp-hp-steps-lead{margin-top:var(--rd-stack);text-align:center;font-size:var(--rd-text);line-height:var(--rd-text-lh)}.tp-hp .tp-hp-steps-row{margin-top:var(--rd-stack)}.tp-hp .tp-hp-step{padding:var(--rd-card-pad-sm);border-radius:var(--rounded-lg);background:var(--color-surface);flex-direction:column;flex:0 0 300px;gap:8px;display:flex}.tp-hp .tp-hp-step-badge{border-radius:var(--rounded-pill);background:var(--color-tint-peach);width:40px;height:40px;font-size:var(--rd-caption);font-weight:700;line-height:var(--rd-caption-lh);justify-content:center;align-items:center;display:flex}.tp-hp .tp-hp-step-title{font-family:var(--font-display);font-size:var(--rd-title);line-height:var(--rd-title-lh)}.tp-hp .tp-hp-step-body{font-size:var(--rd-card-text);line-height:var(--rd-card-text-lh);color:var(--color-muted)}.tp-hp .tp-hp-step-shot{object-fit:cover;object-position:top;border-radius:14px;width:100%;height:300px;margin-top:auto;display:block}.tp-hp .tp-hp-syllabus{padding:var(--rd-section-y) var(--rd-edge);background:var(--color-tint-blue)}.tp-hp .tp-hp-syllabus-grid{gap:var(--rd-gap);margin-top:var(--rd-stack);flex-direction:column;display:flex}.tp-hp .tp-hp-course{padding:var(--rd-card-pad);border-radius:var(--rounded-lg);background:var(--color-surface);border:1px solid var(--color-border);flex-direction:column;display:flex}.tp-hp .tp-hp-course-name{font-size:var(--rd-title-sm);font-weight:700;line-height:var(--rd-title-sm-lh)}.tp-hp .tp-hp-course-detail{font-size:var(--rd-card-text);line-height:var(--rd-card-text-lh);color:var(--color-muted)}.tp-hp .tp-hp-quotes{padding:var(--rd-section-y) 0}.tp-hp .tp-hp-quotes h2{padding:0 var(--rd-edge)}.tp-hp .tp-hp-quotes-row{margin-top:var(--rd-stack);align-items:stretch}.tp-hp .tp-hp-quote,.tp-hp .tp-hp-video{border-radius:var(--rounded-lg);flex:0 0 300px}.tp-hp .tp-hp-quote{padding:var(--rd-card-pad-sm);flex-direction:column;gap:16px;display:flex}.tp-hp .tp-hp-quote blockquote{font-size:var(--rd-ui);line-height:var(--rd-ui-lh);flex:1}.tp-hp .tp-hp-quote figcaption{font-size:var(--rd-caption);line-height:var(--rd-caption-lh);align-items:center;gap:12px;display:flex}.tp-hp .tp-hp-quote figcaption img{border-radius:var(--rounded-pill);object-fit:cover;flex:none;width:48px;height:48px;display:block}.tp-hp .tp-hp-quote figcaption strong{display:block}.tp-hp .tp-hp-quote-blue{background:var(--color-secondary);color:var(--color-surface)}.tp-hp .tp-hp-quote-orange{background:var(--color-primary);color:var(--color-content)}.tp-hp .tp-hp-quote-peach{background:var(--color-tint-peach);color:var(--color-content)}.tp-hp .tp-hp-video{background:var(--color-content);min-height:420px;color:var(--color-surface);text-decoration:none;display:flex;position:relative;overflow:hidden}.tp-hp .tp-hp-video:hover{text-decoration:none}.tp-hp .tp-hp-video-shade{background:linear-gradient(#0000 25%,#0000001a 45%,#000c 100%);position:absolute;inset:0}.tp-hp .tp-hp-video-text{padding:var(--rd-card-pad-sm);flex-direction:column;flex:1;justify-content:space-between;display:flex;position:relative}.tp-hp .tp-hp-video-play{border-radius:var(--rounded-pill);background:var(--color-surface);width:56px;height:56px;color:var(--color-secondary);justify-content:center;align-items:center;display:flex}.tp-hp .tp-hp-video-text strong{font-size:var(--rd-ui);line-height:var(--rd-ui-lh);color:var(--color-surface);display:block}.tp-hp .tp-hp-video-cta{font-size:var(--rd-ui);line-height:var(--rd-ui-lh);text-decoration:underline}.tp-hp .tp-hp-quotes-row>.tp-hp-desktop-only,.tp-hp .tp-hp-quotes-dots{display:none}.tp-hp .tp-hp-closing{padding:var(--rd-section-y) var(--rd-edge);text-align:center}.tp-hp .tp-hp-closing .tp-rd-wrap{align-items:center;gap:var(--rd-stack);flex-direction:column;display:flex}.tp-hp .tp-hp-closing .tp-rd-wrap>div{width:100%}@media (min-width:768px){.tp-hp .tp-hp-hero-inner{flex-direction:row;align-items:center;gap:48px}.tp-hp .tp-hp-hero-text{flex:1}.tp-hp .tp-hp-hero-media{flex:none;margin-top:0}.tp-hp .tp-hp-hero .tp-cta-pair{flex-direction:row;justify-content:flex-start}.tp-hp .tp-hp-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tp-hp .tp-hp-app-link{align-self:flex-start}.tp-hp .tp-hp-chat{justify-content:center}.tp-hp .tp-hp-steps-row,.tp-hp .tp-hp-quotes-row{grid-template-columns:repeat(2,minmax(0,1fr))}.tp-hp .tp-hp-syllabus-grid{flex-direction:row}.tp-hp .tp-hp-syllabus-grid>*{flex:1 1 0}.tp-hp .tp-hp-closing .tp-rd-wrap>div{width:auto}}@media (min-width:1024px){.tp-hp .tp-hp-hero-inner{flex-direction:row-reverse;gap:64px}.tp-hp .tp-hp-hero-media{width:300px}.tp-hp .tp-br-lg{display:inline}.tp-hp .tp-hp-facts{padding-bottom:40px}.tp-hp .tp-hp-facts-grid{grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;column-gap:64px}.tp-hp .tp-hp-fact{text-align:center;background:0 0;align-items:center;max-width:220px;padding:0}.tp-hp .tp-hp-fact-icon{flex:none;width:88px;height:88px;margin-bottom:8px}.tp-hp .tp-hp-fact-icon svg{stroke-width:1.5px;width:36px;height:36px}.tp-hp .tp-hp-fact-title{font-family:var(--font-display);font-weight:400}.tp-hp .tp-hp-system{padding-top:96px}.tp-hp .tp-hp-app-head img{border-radius:16px;width:72px;height:72px}.tp-hp .tp-hp-app-link{align-self:center}.tp-hp .tp-hp-chat{gap:16px}.tp-hp .tp-hp-chat img{width:56px;height:56px}.tp-hp .tp-hp-chat p{max-width:800px;padding:16px 24px}.tp-hp .tp-hp-steps,.tp-hp .tp-hp-quotes{padding:var(--rd-section-y) var(--rd-edge)}.tp-hp .tp-hp-steps h2,.tp-hp .tp-hp-steps-lead,.tp-hp .tp-hp-quotes h2{padding:0}.tp-hp .tp-hp-steps-lead{max-width:var(--rd-measure);margin:var(--rd-stack) auto 0}.tp-hp .tp-hp-steps-row,.tp-hp .tp-hp-quotes-row{grid-template-columns:repeat(4,minmax(0,1fr));padding:0}.tp-hp .tp-hp-step-shot{height:280px}.tp-hp .tp-hp-quotes-row{margin:var(--rd-stack) calc(-1 * var(--rd-edge)) 0;padding:0 var(--rd-edge);display:flex;overflow-x:auto}.tp-hp .tp-hp-quotes-row:after{order:3;display:block}.tp-hp .tp-hp-quotes-row>*{flex:0 0 calc((100% - 3 * var(--rd-gap)) / 4)}.tp-hp .tp-hp-quotes-row>.tp-hp-desktop-only{display:flex}.tp-hp .tp-hp-video-student{order:1}.tp-hp .tp-hp-after-video{order:2}.tp-hp .tp-hp-quotes-dots{margin-top:var(--rd-stack);justify-content:center;gap:4px;display:flex}.tp-hp .tp-hp-quotes-dots button{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}.tp-hp .tp-hp-quotes-dots button:before{content:"";border-radius:var(--rounded-pill);background:var(--color-border);width:8px;height:8px;transition:width var(--duration) var(--ease)}.tp-hp .tp-hp-quotes-dots button.tp-on:before{background:var(--color-content);width:24px}}
