@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,300,0,0");@font-face{font-family:OpenDyslexic;src:url(/fonts/OpenDyslexic-Regular.woff2) format("woff2"),url(/fonts/OpenDyslexic-Regular.woff) format("woff");font-weight:400;font-display:swap}.classicom-landing-wrapper{--background:hsl(0,0%,100%);--background-alt:hsl(220,33%,97%);--foreground:hsl(220,20%,25%);--muted-foreground:hsl(220,15%,50%);--border:hsl(220,25%,90%);--radius-lg:1.25rem;--radius:0.75rem;--radius-sm:0.5rem;--color-classicom-accent:#db2777;--color-classicom-light:#fce7f3;--color-classicom-hover:#be185d;--shadow-sm:0 1px 3px rgba(0,0,0,0.05);--shadow:0 4px 10px -2px rgb(0 0 0/0.05);--shadow-lg:0 10px 20px -5px rgb(0 0 0/0.1);--shadow-xl:0 20px 40px -10px rgb(0 0 0/0.15);--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--transition-base:0.3s cubic-bezier(0.4,0,0.2,1);font-family:"Figtree Variable",var(--font-sans,system-ui,sans-serif);background-color:var(--background);color:var(--foreground);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;font-weight:400;box-sizing:border-box}.classicom-landing-wrapper *,.classicom-landing-wrapper :after,.classicom-landing-wrapper :before{box-sizing:inherit;margin:0;padding:0}.classicom-landing-wrapper .demo-text-block.dyslexic-mode,.classicom-landing-wrapper .demo-text-block.dyslexic-mode *{font-family:OpenDyslexic,Comic Sans MS,cursive!important}.classicom-landing-wrapper .material-symbols-rounded{user-select:none;-webkit-user-select:none;-webkit-user-drag:none;pointer-events:none;font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}.classicom-landing-wrapper .container{width:90%;max-width:1100px;margin:0 auto}.classicom-landing-wrapper .site-header{position:fixed;top:0;z-index:100;width:100%;padding:.8rem 0;background-color:hsla(0,0%,100%,0);border-bottom:1px solid transparent;transition:all var(--transition-base)}.classicom-landing-wrapper .site-header.scrolled{background-color:hsla(0,0%,100%,.85);backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.classicom-landing-wrapper .header-content{display:flex;justify-content:space-between;align-items:center}.classicom-landing-wrapper .header-logo{display:flex;align-items:center;text-decoration:none;gap:.75rem}.classicom-landing-wrapper .main-logo-img{height:30px;width:auto;transition:transform var(--transition-base)}.classicom-landing-wrapper .header-logo:hover .main-logo-img{transform:scale(1.03)}.classicom-landing-wrapper .header-text{font-weight:700;font-size:1.3rem;color:#8147d1;letter-spacing:-.02em}.classicom-landing-wrapper .header-nav{display:flex;align-items:center;gap:1rem}.classicom-landing-wrapper .nav-link{display:flex;align-items:center;gap:.5rem;color:var(--foreground);text-decoration:none;font-weight:600;font-size:.95rem;transition:color var(--transition-fast)}.classicom-landing-wrapper .nav-link:hover{color:var(--color-classicom-accent)}.classicom-landing-wrapper .nav-link .material-symbols-rounded{font-size:1.2rem;color:var(--color-classicom-accent)}.classicom-landing-wrapper .powered-by-container{display:flex;align-items:center;gap:.5rem;padding-left:1rem}.classicom-landing-wrapper .powered-by-container img{height:30px;width:auto;opacity:.6;transition:opacity var(--transition-fast)}.classicom-landing-wrapper .powered-by-container a:hover img{opacity:1}@media (max-width:768px){.classicom-landing-wrapper .nav-link span:not(.material-symbols-rounded){display:none}}.classicom-landing-wrapper .hero-section{position:relative;min-height:100vh;display:flex;align-items:center;padding:7rem 0 5rem;overflow:hidden;background-color:var(--background)}.classicom-landing-wrapper .hero-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(1200px 800px at 70% 30%,hsla(330,90%,94%,.8),transparent 60%),radial-gradient(900px 700px at 10% 70%,hsla(220,80%,97%,.9),transparent 55%),linear-gradient(145deg,hsl(0,0%,100%),hsl(220,33%,98%))}.classicom-landing-wrapper .hero-inner{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}@media (max-width:960px){.classicom-landing-wrapper .hero-inner{grid-template-columns:1fr;text-align:center}.classicom-landing-wrapper .hero-copy{max-width:600px;margin:0 auto}.classicom-landing-wrapper .hero-cta-row{justify-content:center}.classicom-landing-wrapper .hero-eyebrow{margin-left:auto;margin-right:auto}}.classicom-landing-wrapper .hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;background-color:white;border:1px solid var(--color-classicom-light);color:var(--color-classicom-accent);font-size:.85rem;font-weight:600;padding:.4rem 1rem;border-radius:999px;margin-bottom:1.5rem;box-shadow:0 4px 12px rgba(219,39,119,.08);animation:lp-fade-up .8s ease-out both}.classicom-landing-wrapper .hero-title{font-size:clamp(2.5rem,5vw,3rem);font-weight:700;line-height:1.1;color:var(--foreground);animation:lp-fade-up .8s ease-out .1s both;letter-spacing:-.02em}.classicom-landing-wrapper .highlight-text{color:var(--color-classicom-accent);font-weight:700}.classicom-landing-wrapper .hero-subtitle{font-size:1.15rem;color:var(--muted-foreground);margin-top:1.5rem;line-height:1.6;animation:lp-fade-up .8s ease-out .2s both;font-weight:400}.classicom-landing-wrapper .hero-cta-row{display:flex;gap:1rem;flex-wrap:wrap}.classicom-landing-wrapper .hero-cta-group{margin-top:2.5rem;display:flex;flex-direction:column;gap:1.25rem;animation:lp-fade-up .8s ease-out .35s both}.classicom-landing-wrapper .other-platform-link{font-size:.95rem;color:var(--muted-foreground);font-weight:500;animation:lp-fade-up .8s ease-out .45s both}.classicom-landing-wrapper .other-platform-link a{color:var(--color-classicom-accent);text-decoration:none;font-weight:700;margin-left:.25rem;border-bottom:1.5px solid transparent;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:.35rem;vertical-align:middle}.classicom-landing-wrapper .other-platform-link a .material-symbols-rounded{font-size:1.1rem}.classicom-landing-wrapper .other-platform-link a:hover{border-color:var(--color-classicom-accent);opacity:.8}.classicom-landing-wrapper .btn-primary{display:inline-flex;align-items:center;gap:.5rem;background-color:var(--color-classicom-accent);color:white;text-decoration:none;padding:.9rem 2rem;border-radius:var(--radius);font-weight:600;font-size:1.05rem;font-family:inherit;border:none;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 14px rgba(219,39,119,.35)}.classicom-landing-wrapper .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(219,39,119,.45);background-color:var(--color-classicom-hover)}.classicom-landing-wrapper .btn-secondary{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--border);color:var(--foreground);padding:.9rem 1.8rem;border-radius:var(--radius);font-weight:600;font-size:1.05rem;font-family:inherit;background:white;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.classicom-landing-wrapper .btn-secondary:hover{border-color:var(--color-classicom-accent);color:var(--color-classicom-accent);box-shadow:var(--shadow);transform:translateY(-1px)}@keyframes lp-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.classicom-landing-wrapper .hero-mockup-col{animation:lp-fade-up .8s ease-out .5s both;position:relative;width:100%}.classicom-landing-wrapper .sim-wrapper{position:relative;transform:perspective(1200px) rotateY(-8deg) rotateX(4deg);transform-style:preserve-3d;transition:transform .8s cubic-bezier(.175,.885,.32,1.275);border-radius:12px;box-shadow:var(--shadow-xl)}.classicom-landing-wrapper .hero-mockup-col:hover .sim-wrapper{transform:perspective(1200px) rotateY(0deg) rotateX(0deg) translateY(-5px)}@media (max-width:768px){.classicom-landing-wrapper .hero-mockup-col{width:100%}.classicom-landing-wrapper .sim-wrapper{transform:none;box-shadow:var(--shadow-lg)}}.classicom-landing-wrapper .sim-window{background:#ffffff;border-radius:12px;border:1px solid rgba(0,0,0,.08);overflow:hidden;display:flex;flex-direction:column;width:100%;aspect-ratio:16/9;font-family:Figtree Variable,sans-serif;position:relative}.classicom-landing-wrapper .sim-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;height:36px;display:flex;align-items:center;position:relative;flex-shrink:0}.classicom-landing-wrapper .mac-dots{display:flex;gap:6px;position:absolute;left:12px}.classicom-landing-wrapper .mac-dot{width:10px;height:10px;border-radius:50%}.classicom-landing-wrapper .mac-dot.mac-r{background:#ff5f56}.classicom-landing-wrapper .mac-dot.mac-y{background:#ffbd2e}.classicom-landing-wrapper .mac-dot.mac-g{background:#27c93f}.classicom-landing-wrapper .sim-body{display:flex;flex:1;background:#fff1f2;position:relative;overflow:hidden;min-height:0}.classicom-landing-wrapper .sim-sidebar{width:26%;background:white;border-right:1px solid var(--border);padding:.75rem .6rem;display:flex;flex-direction:column;gap:2px;flex-shrink:0}.classicom-landing-wrapper .sim-nav-item{padding:.4rem .6rem;border-radius:6px;font-size:.85rem;font-weight:500;color:var(--foreground);display:flex;align-items:center;gap:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.classicom-landing-wrapper .sim-nav-item.is-active{background:linear-gradient(90deg,#db2777,#f472b6);color:white;font-weight:600}.classicom-landing-wrapper .nav-icon{width:14px;height:14px;border-radius:3px;flex-shrink:0}.classicom-landing-wrapper .nav-fra .nav-icon{background:#ec4899}.classicom-landing-wrapper .nav-fra.is-active .nav-icon{background:rgba(255,255,255,.5)}.classicom-landing-wrapper .nav-math .nav-icon{background:#10b981}.classicom-landing-wrapper .nav-hist .nav-icon{background:#eab308}.classicom-landing-wrapper .sim-main{flex:1;display:flex;flex-direction:column;min-width:0}.classicom-landing-wrapper .sim-topbar{padding:.6rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #fecdd3;background:white;flex-shrink:0}.classicom-landing-wrapper .sim-title{font-size:.95rem;font-weight:700;display:flex;align-items:center;gap:6px;color:var(--foreground)}.classicom-landing-wrapper .mockup-flag{width:20px;height:14px;background:linear-gradient(90deg,#002395 33.33%,#ffffff 33.33% 66.66%,#ed2939 66.66%);border-radius:3px;flex-shrink:0}.classicom-landing-wrapper .sim-search{width:80px;height:20px;background:#fdf2f8;border:1px solid #fce7f3;border-radius:4px}.classicom-landing-wrapper .sim-content-grid{padding:.75rem;display:grid;grid-template-columns:1fr 1fr;gap:.75rem;flex:1;min-height:0}.classicom-landing-wrapper .sim-column{background:white;border:1px solid #fecdd3;border-radius:8px;display:flex;flex-direction:column}.classicom-landing-wrapper .sim-col-header{padding:.4rem .6rem;font-size:.75rem;font-weight:700;color:#be123c;background:#ffe4e6;border-bottom:1px solid #fecdd3;flex-shrink:0;border-top-left-radius:7px;border-top-right-radius:7px}.classicom-landing-wrapper .sim-col-body{padding:.6rem;display:flex;flex-direction:column;gap:6px;flex:1;position:relative;min-height:0;border-bottom-left-radius:7px;border-bottom-right-radius:7px}.classicom-landing-wrapper .sim-doc{background:white;padding:.5rem .6rem;border-radius:4px;border:1px solid #e2e8f0;display:flex;align-items:center;gap:6px;box-shadow:0 1px 2px rgba(0,0,0,.04);position:relative}.classicom-landing-wrapper .doc-icon{width:24px;height:24px;border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.classicom-landing-wrapper .doc-icon .material-symbols-rounded{font-size:18px}.classicom-landing-wrapper .doc-blue{background:rgba(59,130,246,.1);color:#3b82f6}.classicom-landing-wrapper .doc-green{background:rgba(16,185,129,.1);color:#10b981}.classicom-landing-wrapper .doc-purple{background:rgba(139,92,246,.1);color:#8b5cf6}.classicom-landing-wrapper .doc-lines{flex:1;height:5px;background:#e2e8f0;border-radius:2px}.classicom-landing-wrapper .doc-lines:after{content:"";display:block;width:55%;height:5px;background:#e2e8f0;border-radius:2px;margin-top:3px}.classicom-landing-wrapper .anim-doc-move{position:absolute;top:.6rem;left:.6rem;right:.6rem;z-index:50;animation:lp-drag-anim 6s cubic-bezier(.4,0,.2,1) infinite}.classicom-landing-wrapper .anim-cursor-precise{position:absolute;z-index:100;pointer-events:none;animation:lp-mouse-anim 6s cubic-bezier(.4,0,.2,1) infinite;display:flex;align-items:center;justify-content:center;color:#1e293b;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.classicom-landing-wrapper .anim-cursor-precise .material-symbols-rounded{font-size:28px}@keyframes lp-mouse-anim{0%{left:5%;top:80%}10%{left:45%;top:38%}30%{left:45%;top:38%}45%{left:85%;top:38%}50%{left:85%;top:50%}65%{left:85%;top:50%}80%{left:55%;top:55%}to{left:5%;top:80%}}@keyframes lp-drag-anim{0%{transform:translate(0) scale(.9);opacity:0}10%{transform:translate(0) scale(1);opacity:1;box-shadow:0 1px 2px rgba(0,0,0,.04);border-color:#e2e8f0}30%{transform:translate(0) scale(1.06);box-shadow:0 12px 24px rgba(0,0,0,.15);border-color:#db2777}45%{transform:translate(calc(100% + 1.95rem + 2px)) scale(1.06);opacity:1;border-color:#db2777;box-shadow:0 12px 24px rgba(0,0,0,.15)}50%{transform:translate(calc(100% + 1.95rem + 2px),44px) scale(1);border-color:#e2e8f0;box-shadow:0 1px 2px rgba(0,0,0,.04)}85%{transform:translate(calc(100% + 1.95rem + 2px),44px) scale(1);opacity:1}95%{transform:translate(calc(100% + 1.95rem + 2px),44px) scale(1);opacity:0}to{transform:translate(0) scale(1);opacity:0}}.classicom-landing-wrapper .section{padding:7rem 0;background-color:var(--background)}.classicom-landing-wrapper .section-header{text-align:center;margin-bottom:4rem}.classicom-landing-wrapper .section-title{font-size:clamp(2rem,3.5vw,2.75rem);font-weight:700;line-height:1.2;color:var(--foreground);letter-spacing:-.02em}.classicom-landing-wrapper .section-sub{margin:1.2rem auto 0;font-size:1.15rem;color:var(--muted-foreground);max-width:600px;line-height:1.6}.classicom-landing-wrapper .demo-layout{display:flex;gap:3rem;align-items:stretch}@media (max-width:860px){.classicom-landing-wrapper .demo-layout{flex-direction:column}}.classicom-landing-wrapper .demo-text-block{background:white;border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-lg);transition:all var(--transition-base);position:relative;overflow:hidden;flex:1;display:flex;align-items:center}.classicom-landing-wrapper .demo-text-block p{font-size:1.1rem;line-height:1.8;color:var(--foreground);position:relative;z-index:2;transition:all var(--transition-fast)}.classicom-landing-wrapper .reading-ruler{display:none;position:absolute;left:0;right:0;height:2.5rem;background:rgba(219,39,119,.1);border-top:2px solid rgba(219,39,119,.4);border-bottom:2px solid rgba(219,39,119,.4);pointer-events:none;transition:top .08s linear;z-index:1}.classicom-landing-wrapper .demo-text-block.ruler-active .reading-ruler{display:block}.classicom-landing-wrapper .demo-text-block.high-contrast-block{background:#111!important;border-color:#333}.classicom-landing-wrapper .demo-text-block.high-contrast-block p{color:#facc15!important}.classicom-landing-wrapper .demo-text-block.spacing-active p{letter-spacing:.05em;line-height:2.2;word-spacing:.15em}.classicom-landing-wrapper .demo-switches{display:flex;flex-direction:column;justify-content:space-between;flex:1;gap:1rem}.classicom-landing-wrapper .switch-row{display:flex;align-items:center;justify-content:space-between;background:white;border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);cursor:pointer;flex:1}.classicom-landing-wrapper .switch-row:hover{box-shadow:var(--shadow);border-color:#cbd5e1}.classicom-landing-wrapper .switch-row.is-on{border-color:var(--color-classicom-accent);background:var(--color-classicom-light)}.classicom-landing-wrapper .switch-label{display:flex;flex-direction:column;gap:.15rem}.classicom-landing-wrapper .switch-name{font-weight:600;font-size:1.05rem;color:var(--foreground)}.classicom-landing-wrapper .switch-desc{font-size:.85rem;color:var(--muted-foreground)}.classicom-landing-wrapper .switch-toggle{width:44px;height:24px;border-radius:999px;background:#e2e8f0;position:relative;transition:background var(--transition-fast);flex-shrink:0}.classicom-landing-wrapper .switch-toggle:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:white;top:3px;left:3px;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:transform var(--transition-fast)}.classicom-landing-wrapper .switch-row.is-on .switch-toggle{background:var(--color-classicom-accent)}.classicom-landing-wrapper .switch-row.is-on .switch-toggle:after{transform:translateX(20px)}.classicom-landing-wrapper .feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:3rem}@media (max-width:768px){.classicom-landing-wrapper .feature-grid{grid-template-columns:1fr;gap:3rem}}.classicom-landing-wrapper .feature-item{display:flex;align-items:flex-start;gap:1.5rem}.classicom-landing-wrapper .feature-icon{flex-shrink:0;width:48px;height:48px;background:var(--background-alt);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--foreground)}.classicom-landing-wrapper .feature-icon .material-symbols-rounded{font-size:24px}.classicom-landing-wrapper .feature-content h3{font-size:1.15rem;font-weight:600;margin-bottom:.5rem;color:var(--foreground)}.classicom-landing-wrapper .feature-content p{font-size:1rem;color:var(--muted-foreground);line-height:1.6}.classicom-landing-wrapper .reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s cubic-bezier(.175,.885,.32,1.275)}.classicom-landing-wrapper .reveal.in-view{opacity:1;transform:translateY(0)}.classicom-landing-wrapper .final-cta{text-align:center;padding-bottom:8rem}.classicom-landing-wrapper .lp-footer{padding:4rem 0 3rem;background-color:#1e1b4b;border-top:1px solid rgba(255,255,255,.05);color:rgba(255,255,255,.6)}.classicom-landing-wrapper .footer-content{display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center}.classicom-landing-wrapper .footer-brand{display:flex;align-items:center;gap:2rem}.classicom-landing-wrapper .footer-divider{width:1px;height:24px;background:rgba(255,255,255,.15)}.classicom-landing-wrapper .footer-logo{opacity:.8;transition:opacity .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center}.classicom-landing-wrapper .footer-logo:hover{opacity:1}.classicom-landing-wrapper .footer-logo img{height:32px;width:auto;transition:transform .3s cubic-bezier(.4,0,.2,1)}.classicom-landing-wrapper .footer-logo:hover img{transform:translateY(-2px)}.classicom-landing-wrapper .lab-logo{filter:brightness(0) invert(1);height:28px!important}.classicom-landing-wrapper .footer-info p{font-size:.85rem;letter-spacing:.01em;font-weight:400}@media (max-width:640px){.classicom-landing-wrapper .footer-brand{flex-direction:column;gap:1.5rem}.classicom-landing-wrapper .footer-divider{display:none}}