:root{--color-primary: #ef5707;--color-primary-light: #ffbb99;--color-primary-dark: #995500;--color-secondary: #5588ff;--color-secondary-light: #90b4ff;--color-secondary-dark: #113399;--color-accent: #ff7700;--color-text: #223355;--color-text-light: #446677;--color-text-muted: #668899;--color-bg: #fefefe;--color-bg-alt: #f8fafc;--color-bg-card: #ffffff;--color-bg-dark: #001133;--color-border: rgba(2, 19, 51, .16);--color-surface-blue: #eef5ff;--color-surface-orange: #fff3ea;--gradient-accent: linear-gradient(135deg, #fffefe 20%, #ffaa55 150%);--gradient-soft-orange: linear-gradient(135deg, #fffaf3 10%, #ffe0cf 100%);--gradient-soft-blue: linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%);--gradient-dark-blue: linear-gradient(180deg, #113399 0%, #001133 100%);--shadow-sm: 0 10px 24px rgba(0, 17, 51, .06);--shadow-md: 0 18px 40px rgba(0, 17, 51, .1);--shadow-lg: 0 28px 50px rgba(0, 17, 51, .12);--shadow-orange: 0 18px 34px rgba(239, 87, 7, .18);--shadow-blue: 0 18px 36px rgba(85, 136, 255, .18);--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 999px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Public Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--color-text);background:var(--color-bg);line-height:1.6;overflow-x:hidden}a{color:inherit}button,input,textarea,select{font:inherit}h1,h2,h3,h4{font-family:Manrope,sans-serif;font-weight:800;line-height:1.08}h1{font-size:clamp(2.7rem,5vw,4.2rem)}h2{font-size:clamp(2rem,3.6vw,3rem)}h1 span,h2 span{color:var(--color-primary)}h3{font-size:1.4rem}.container{width:100%;max-width:1180px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1.5rem;border-radius:var(--radius-md);font-weight:800;font-size:1rem;text-decoration:none;cursor:pointer;transition:.2s ease;border:2px solid transparent}.btn:hover{transform:translateY(-2px)}.btn[disabled]{cursor:wait;opacity:.72;transform:none}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 10px 20px #ef57073d}.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-secondary{background:#fff;color:var(--color-text);border-color:var(--color-secondary-light)}.btn-secondary:hover{background:#eef5ff}.btn-large{padding:1rem 2rem;font-size:1.0625rem}.header{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);background:#ffffffe6;border-bottom:1px solid var(--color-border)}.header-container{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:84px}.logo{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none}.logo-icon{width:2.5rem;height:2.5rem}.logo-text{font-weight:900;font-size:1.15rem}.nav{display:flex;align-items:center;gap:1.5rem}.nav-link{text-decoration:none;color:var(--color-text-light);font-weight:700}.nav-link:hover{color:var(--color-primary)}.nav-cta{display:flex;gap:.75rem}.hero{position:relative;padding:5rem 0 5.5rem}.hero:before{content:"";position:absolute;inset:auto -12rem 6rem auto;width:32rem;height:32rem;background:radial-gradient(circle,rgba(85,136,255,.18),transparent 66%);pointer-events:none}.hero-container,.platform-container,.two-col-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem;align-items:center}.hero-subtitle,.platform-description,.feature-description,.section-description,.feature-text,.role-features span,.step p,.motivation-note,.publish-url,.student-activity p,.faq-answer,.footer-copy-block{color:var(--color-text-light)}.hero-subtitle{margin:1.5rem 0 2rem;font-size:1.2rem;max-width:58ch}.hero-cta,.cta-buttons{display:flex;gap:1rem;flex-wrap:wrap}.hero-media,.platform-media{position:relative}.app-preview{background:linear-gradient(180deg,#fff,#eef5ff);border:2px solid var(--color-secondary-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-blue);padding:1.2rem}.preview-window{overflow:hidden;border:1px solid var(--color-border);border-radius:1rem;background:#fffffff0;box-shadow:var(--shadow-md)}.preview-bar{display:flex;align-items:center;gap:.4rem;padding:0 1rem;height:2.4rem;background:var(--color-bg-dark)}.preview-dot{width:.56rem;height:.56rem;border-radius:50%;background:var(--color-secondary-light)}.preview-dot:first-child{background:var(--color-primary)}.preview-body{display:grid;grid-template-columns:.9fr 1.1fr;gap:1rem;padding:1rem}.preview-menu,.preview-panel{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:.9rem;padding:1rem}.preview-pill,.preview-line{height:.82rem;margin-bottom:.75rem;border-radius:var(--radius-full);background:#dde9ff}.preview-pill:nth-child(2),.preview-line:nth-child(3){width:72%;background:#ffdcca}.preview-pill:nth-child(3){width:54%}.preview-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1rem}.preview-card{aspect-ratio:1.35;border-radius:.8rem;border:1px solid var(--color-secondary-light);background:linear-gradient(135deg,#fff,#e0ecff)}section{padding:6rem 0}.features-intro,.features-pro,.teachers-students,.steps-demo,.faq{background:#fff}.platform-teachers,.motivation,.pricing{background:var(--gradient-soft-orange)}.platform-students,.how-it-works,.for-teachers{background:var(--gradient-soft-blue)}.for-students{background:linear-gradient(180deg,#08204d,#013);color:#fff}.for-students h2,.for-students .section-description,.for-students .check-list li,.for-students .activity-name,.for-students .student-streak,.for-students .student-weekly-header,.for-students .student-weekly-labels,.for-students .activity-meta{color:#fff}.section-header{text-align:center;max-width:56rem;margin:0 auto 3rem}.section-title span,.platform-content h2 span,.text-accent{color:var(--color-primary)}.section-tag{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:1rem;padding:.45rem .8rem;border-radius:var(--radius-full);background:#5588ff1f;color:var(--color-secondary-dark);font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.section-tag.light{background:#ffffff1f;color:#fff}.text-left{text-align:left}.features-grid,.steps,.steps-demo-grid,.pricing-grid,.roles-grid{display:grid;gap:1.5rem}.features-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card,.role-card,.step,.step-demo-card,.pricing-card,.faq-item,.comparison-col,.settings-card,.streaks-mockup,.student-phone{border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.feature-card,.role-card,.step,.step-demo-card,.faq-item,.comparison-col,.settings-card,.streaks-mockup{background:var(--color-bg-card)}.feature-card{padding:2rem;border:2px solid #dce8ff;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.feature-card:hover,.role-card:hover,.step-demo-card:hover,.pricing-card:hover,.step:hover,.comparison-col:hover,.settings-card:hover,.student-phone:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.feature-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-orange)}.feature-icon,.role-icon,.settings-icon,.check-circle,.activity-icon{display:inline-flex;align-items:center;justify-content:center}.feature-icon,.role-icon{width:3rem;height:3rem;border-radius:.85rem;background:#ef570714;color:var(--color-primary);margin-bottom:1.25rem}.feature-card p b,.feature-text strong,.role-link,.pricing-badge,.status-badge,.student-streak,.streaks-count{font-weight:800}.platform-features,.pricing-features,.footer-links,.role-features,.check-list{list-style:none}.platform-features li,.pricing-features li,.check-list li{display:flex;gap:.8rem;align-items:flex-start}.platform-features li+li,.pricing-features li+li,.check-list li+li,.role-features li+li{margin-top:.85rem}.platform-features li:before,.pricing-features li:before{content:"✓";color:var(--color-primary);font-weight:900}.comparison-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.comparison-col{padding:2rem}.comparison-col.current{background:linear-gradient(180deg,#fff,#f8fbff)}.comparison-col.solution{border:2px solid rgba(239,87,7,.25);background:linear-gradient(180deg,#fff8f4,#fff)}.col-header{margin-bottom:1.25rem;color:var(--color-text);font-size:1.2rem;font-weight:900}.feature-item{display:grid;grid-template-columns:3rem 1fr;gap:1rem}.feature-item+.feature-item{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--color-border)}.feature-text strong{display:block;margin-bottom:.25rem;color:var(--color-text)}.roles-grid,.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.roles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.role-card{padding:2rem}.role-icon.accent{background:#5588ff1a;color:var(--color-secondary-dark)}.role-features li{display:grid;grid-template-columns:1.2rem 1fr;gap:.75rem;align-items:start}.role-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.5rem;text-decoration:none;color:var(--color-primary)}.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.step,.step-demo-card{padding:2rem}.step-number,.step-demo-number{width:3rem;height:3rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:1rem;background:var(--color-primary);color:#fff;font-weight:900}.streaks-mockup{max-width:36rem;margin:0 auto 1rem;padding:2rem}.streaks-header,.student-phone-header,.publish-status,.student-weekly-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.weekly-progress,.student-weekly-bars,.student-weekly-labels,.social-dots,.dots{display:flex;gap:.65rem}.weekly-progress{margin-top:1.25rem;justify-content:space-between}.day,.bar,.dot,.social-dot{border-radius:999px}.day{width:2.5rem;height:2.5rem;display:inline-flex;align-items:center;justify-content:center;background:#edf3ff;color:var(--color-text-light);font-weight:800}.day.done,.day.active,.bar.active{background:var(--color-primary);color:#fff}.steps-demo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.step-demo-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.draggable-items,.drop-zone,.settings-list{display:grid;gap:.85rem}.draggable-item,.routine-item,.routine-placeholder,.settings-row,.student-activity{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-radius:.9rem;border:1px solid var(--color-border);background:#fff}.routine-placeholder{justify-content:center;border-style:dashed;color:var(--color-text-muted)}.item-number,.settings-swatch{flex:none}.item-number{width:2rem;height:2rem;border-radius:50%;background:#eef5ff;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800}.publish-demo{display:grid;gap:1rem}.status-badge,.student-streak{padding:.35rem .7rem;border-radius:var(--radius-full);background:#ef57071f;color:var(--color-primary)}.share-button{border:0;border-radius:.9rem;background:var(--color-secondary);color:#fff;padding:.9rem 1rem;font-weight:800;cursor:pointer}.settings-card{padding:1.5rem}.settings-card-header,.settings-avatar,.settings-row-left{display:flex;align-items:center;justify-content:space-between;gap:1rem}.avatar-circle,.settings-swatch,.social-dot{width:2.5rem;height:2.5rem}.avatar-circle,.settings-swatch,.social-dot,.settings-icon,.check-circle,.activity-icon,.dot{display:inline-flex;align-items:center;justify-content:center}.avatar-circle{border-radius:50%;background:linear-gradient(135deg,var(--color-primary),#ff8f52);color:#fff;font-weight:900}.settings-row{justify-content:space-between}.settings-row.column{align-items:flex-start;flex-direction:column}.settings-icon,.check-circle,.activity-icon{width:2rem;height:2rem;border-radius:50%}.settings-icon.primary,.check-circle,.activity-icon.done{background:#ef57071f;color:var(--color-primary)}.settings-icon.secondary,.activity-icon.in-progress{background:#5588ff24;color:var(--color-secondary-dark)}.settings-icon.accent1,.activity-icon.lock{background:#49bb7829;color:#2f8c59}.settings-icon.accent2{background:#ab62ff24;color:#6a3dc6}.settings-swatch{border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))}.settings-value.success{color:#2f8c59;font-weight:800}.social-dot{border-radius:50%;color:#fff}.social-dot.pink{background:#ea4c89}.social-dot.blue{background:#1877f2}.social-dot.red{background:#f33}.dot{width:.7rem;height:.7rem}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.check-list li{color:inherit}.check-circle.light{background:#ffffff24;color:#fff}.student-phone{padding:1.5rem;background:linear-gradient(180deg,#ffffff1f,#ffffff0f);border-color:#ffffff2e;box-shadow:0 20px 42px #00000040}.student-activity{margin-top:.9rem;background:#ffffff14;border-color:#ffffff1f}.activity-name{font-weight:800}.activity-meta{font-size:.92rem;color:#ffffffc2}.mini-progress{width:5rem;height:.4rem;margin-left:auto;border-radius:var(--radius-full);background:#ffffff2e;overflow:hidden}.mini-progress span{display:block;width:65%;height:100%;background:var(--color-primary)}.student-weekly{margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.14)}.bar{flex:1;height:.5rem;background:#ffffff2e}.student-weekly-labels{justify-content:space-between;margin-top:.6rem;font-size:.82rem}.pricing{background:var(--gradient-accent)}.pricing-card{position:relative;padding:2.4rem 2rem;background:linear-gradient(180deg,#fff7f1,#fff);border:2px solid rgba(239,87,7,.15)}.pricing-card.featured{transform:scale(1.03);border-color:#ef570759;box-shadow:var(--shadow-orange)}.pricing-badge{position:absolute;top:-.8rem;left:50%;transform:translate(-50%);padding:.45rem .9rem;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;font-size:.82rem}.pricing-header{text-align:center;margin-bottom:1.5rem}.pricing-price{font-size:3rem;color:var(--color-primary-dark)}.pricing-period{color:var(--color-text-light)}.pricing-features li{padding:.55rem 0;border-bottom:1px solid rgba(2,19,51,.08)}.pricing-features li:last-child{border-bottom:0}.pricing-card .btn{width:100%}.billing-message{margin-top:1.25rem;color:#c0392b;text-align:center;font-weight:800}.billing-message[hidden]{display:none}.cta{background:var(--gradient-dark-blue);color:#fff;text-align:center}.cta h2{color:#fff}.cta .btn-primary{background:#fff;color:var(--color-primary-dark);border-color:#fff}.cta .btn-secondary{background:transparent;color:#fff;border-color:#ffffff4d}.faq-list{display:grid;gap:1rem;max-width:54rem;margin:0 auto}.faq-item{padding:0;overflow:hidden}.faq-question{width:100%;border:0;background:#fff;text-align:left;padding:1.2rem 1.4rem;font-weight:800;color:var(--color-text);cursor:pointer}.faq-answer{display:none;padding:0 1.4rem 1.25rem}.faq-item.is-open .faq-answer{display:block}.footer{background:var(--color-bg-dark);color:#fff;padding:4rem 0 2rem}.footer-container{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:2rem;margin-bottom:2rem}.footer-column h3{margin-bottom:1rem}.footer-copy-block,.footer-links a,.footer-bottom{color:#ffffffb8}.footer-links li+li{margin-top:.65rem}.footer-links a{text-decoration:none}.footer-links a:hover{color:#fff}.footer-bottom{text-align:center;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08)}.animate-on-scroll{opacity:0;transform:translateY(22px);transition:opacity .5s ease,transform .5s ease}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}@media(max-width:1024px){.features-grid,.pricing-grid,.steps-demo-grid,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-container,.platform-container,.two-col-grid,.comparison-table,.footer-container{grid-template-columns:1fr}.pricing-card.featured{transform:none}}@media(max-width:768px){.container{padding:0 1rem}.header-container,.nav,.nav-cta,.hero-cta,.cta-buttons{flex-direction:column}.nav{width:100%;align-items:stretch;gap:.75rem;padding-bottom:1rem}.features-grid,.pricing-grid,.steps-demo-grid,.steps,.roles-grid,.preview-body,.comparison-table,.feature-item{grid-template-columns:1fr}.weekly-progress{gap:.4rem}.day{width:2.1rem;height:2.1rem;font-size:.82rem}section{padding:4.5rem 0}}