.landing-page{--void:hsl(var(--background));--void-warm:hsl(var(--muted));--surface:hsl(var(--card));--surface-raised:hsl(var(--muted));--primary:hsl(25 85% 38%);--primary-hover:hsl(25 85% 33%);--primary-soft:hsl(32 70% 90%);--primary-dark:hsl(25 85% 24%);--orchid-1:hsl(28 78% 56%);--orchid-2:hsl(28 78% 46%);--orchid-3:hsl(25 85% 38%);--gradient-flow:linear-gradient(135deg,hsl(25 85% 38%),hsl(28 78% 46%));--orchid-glow:0 12px 40px hsl(31 20% 12%/0.06);--shadow-primary:0 12px 30px hsl(31 20% 12%/0.12);--text-1:hsl(var(--foreground));--text-2:hsl(var(--muted-foreground));--text-3:hsl(var(--muted-foreground));--text-label:hsl(var(--border-strong));--border-subtle:hsl(var(--border));--font-display:var(--font-bricolage),"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;--font-body:var(--font-inter),"Inter",ui-sans-serif,system-ui,-apple-system,sans-serif;--font-marker:var(--font-bricolage),"Bricolage Grotesque",ui-sans-serif,sans-serif;background:var(--void);color:var(--text-1);font-family:var(--font-body);overflow-x:hidden;line-height:1.6}.landing-page a{color:inherit;text-decoration:none}.landing-page button{font-family:var(--font-body)}.landing-page ::selection{background:hsl(25 85% 38%/.18);color:hsl(var(--foreground))}.display-xl{font-size:clamp(56px,9vw,128px);line-height:.95;letter-spacing:-.02em}.display-lg,.display-xl{font-family:var(--font-display);font-weight:700;color:var(--text-1)}.display-lg{font-size:clamp(36px,5.5vw,72px);line-height:1;letter-spacing:-.015em}.label-xs{font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}.body-lg{font-size:18px;font-weight:400;line-height:1.7;color:var(--text-2)}.micro-scale{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.micro-scale:hover{transform:scale(1.04)}.micro-scale:active{transform:scale(.97)}.standalone-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:28px 48px;display:flex;align-items:center;justify-content:space-between;transition:background .5s,padding .5s,backdrop-filter .5s}.standalone-nav.scrolled{background:hsl(var(--background)/.88);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:16px 48px;box-shadow:0 1px 0 rgba(0,0,0,.06)}.nav-logo-standalone{display:flex;align-items:center;gap:10px}.nav-logo-standalone img{width:auto;height:40px;object-fit:contain}.nav-wordmark{font-size:15px;font-weight:600;color:var(--text-1);letter-spacing:-.01em}.nav-links-standalone{display:flex;gap:36px}.nav-link-s{font-size:13px;font-weight:400;color:hsl(var(--muted-foreground));transition:color .25s}.nav-link-s:hover{color:hsl(var(--foreground))}.nav-cta{padding:10px 24px;font-size:12px;font-weight:600;color:#fff;border:none;border-radius:100px;cursor:pointer;letter-spacing:.02em}.hero-section{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:160px 40px 100px;position:relative;overflow:hidden}.hero-glow{position:absolute;width:900px;height:700px;border-radius:50%;background:radial-gradient(ellipse,hsl(25 85% 38%/.05) 0,transparent 65%);pointer-events:none;filter:blur(40px);z-index:0}.hero-mockup-wrapper{position:relative;max-width:920px;width:100%;margin-top:72px;z-index:1;transition:transform .1s linear}.hero-mockup-wrapper:before{inset:-80px;border-radius:40px;background:radial-gradient(ellipse at center,hsl(25 85% 38%/.04) 0,transparent 65%)}.hero-mockup-wrapper:after,.hero-mockup-wrapper:before{content:"";position:absolute;filter:blur(50px);pointer-events:none}.hero-mockup-wrapper:after{bottom:-50px;left:12%;right:12%;height:100px;background:rgba(0,0,0,.03);border-radius:50%}.scroll-indicator{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-label);z-index:2}.scroll-line{width:1px;height:36px;background:linear-gradient(to bottom,var(--primary),transparent);animation:scrollPulse 2.5s ease infinite}@keyframes scrollPulse{0%,to{opacity:.2;transform:scaleY(.8)}50%{opacity:.8;transform:scaleY(1)}}.classroom-mockup{width:100%;border-radius:14px;overflow:hidden;background:hsl(var(--card));border:1px solid rgba(0,0,0,.1);position:relative;box-shadow:0 0 0 1px rgba(0,0,0,.03),0 24px 80px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.04)}.cm-chrome{display:flex;align-items:center;padding:9px 14px;background:hsl(var(--muted));border-bottom:1px solid rgba(0,0,0,.06);gap:12px}.cm-dots{display:flex;gap:6px}.cm-dots span{width:9px;height:9px;border-radius:50%}.cm-url{flex:1;text-align:center;font-size:10px;color:var(--text-3);background:rgba(0,0,0,.04);padding:4px 14px;border-radius:5px}.cm-header{justify-content:space-between;padding:7px 14px;border-bottom:1px solid rgba(0,0,0,.06);background:hsl(var(--muted))}.cm-header,.cm-header-left{display:flex;align-items:center}.cm-header-left{gap:7px}.cm-logo-mark{width:18px;height:18px;border-radius:5px;object-fit:contain}.cm-brand{font-size:12px;font-weight:600;color:hsl(var(--foreground));letter-spacing:-.01em}.cm-tabs{display:flex;gap:2px}.cm-tab{padding:4px 12px;border-radius:5px;font-size:10px;font-weight:500;color:hsl(var(--muted-foreground));cursor:default}.cm-tab-active{font-weight:600}.cm-header-right{gap:8px}.cm-header-right,.cm-timer{display:flex;align-items:center}.cm-timer{gap:5px;font-size:11px;font-weight:600;color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums}.cm-timer-dot{width:5px;height:5px;border-radius:50%}.cm-controls{display:flex;gap:3px}.cm-ctrl-btn{width:24px;height:24px;border-radius:5px;display:flex;align-items:center;justify-content:center}.cm-body{display:flex;min-height:240px;background:hsl(var(--card))}.cm-teach{display:flex;flex:1;gap:1px;background:rgba(0,0,0,.06)}.cm-whiteboard{flex:1.3;background:hsl(var(--card));padding:14px}.cm-wb-title,.cm-whiteboard{display:flex;flex-direction:column}.cm-wb-title{padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid;gap:2px}.cm-wb-content{flex:1}.cm-video-panel{flex:0.7;background:hsl(var(--background));padding:10px;display:flex;flex-direction:column;gap:6px}.cm-tutor-video{border-radius:10px;height:100px;display:flex;align-items:center;justify-content:center;position:relative}.cm-tutor-label{position:absolute;bottom:7px;left:8px;font-size:9px;font-weight:600;color:#fff;background:rgba(0,0,0,.45);padding:2px 7px;border-radius:4px;backdrop-filter:blur(4px);display:flex;align-items:center;gap:4px}.cm-live-dot{width:5px;height:5px;border-radius:50%;background:#4ade80;animation:livePulse 2s ease infinite}@keyframes livePulse{0%,to{opacity:.6}50%{opacity:1}}.cm-student-videos{display:flex;gap:4px}.cm-student-thumb{flex:1;height:40px;border-radius:7px;display:flex;align-items:center;justify-content:center}.cm-chat{flex:1;border-radius:8px;background:hsl(var(--card));border:1px solid rgba(0,0,0,.07);overflow:hidden;display:flex;flex-direction:column}.cm-chat-header{display:flex;align-items:center;gap:5px;padding:6px 8px;border-bottom:1px solid rgba(0,0,0,.06)}.cm-chat-messages{padding:6px 8px;display:flex;flex-direction:column;gap:3px;flex:1}.cm-chat-msg{font-size:8px;color:hsl(var(--muted-foreground));line-height:1.5}.cm-boards-strip{display:flex;gap:5px;padding:8px 14px;border-top:1px solid rgba(0,0,0,.06);background:hsl(var(--muted));align-items:center}.cm-mini-board{flex:1;background:hsl(var(--card));border:1px solid rgba(0,0,0,.07);border-radius:7px;padding:5px 7px;min-height:52px}.cm-mini-board-header{display:flex;align-items:center;gap:4px;margin-bottom:3px}.cm-mini-avatar{width:13px;height:13px;border-radius:50%;font-size:6px;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}.cm-mini-name{font-size:8px;font-weight:500;color:hsl(var(--muted-foreground))}.cm-mini-canvas{height:26px;position:relative}.cm-page-nav{font-size:9px;color:hsl(var(--border-strong));white-space:nowrap;margin-left:auto;padding-left:8px}.cm-assess-card{background:hsl(var(--background));border:1px solid rgba(0,0,0,.07);border-radius:10px;padding:14px}.cm-speaking-ring{position:absolute;inset:0;border-radius:inherit;border:2px solid;opacity:0;animation:speakPulse 1.8s ease infinite;z-index:1}.cm-speaking-ring-sm{position:absolute;inset:0;border-radius:inherit;border:1.5px solid;opacity:0;animation:speakPulse 2s ease .3s infinite}@keyframes speakPulse{0%,to{opacity:0;transform:scale(1)}30%{opacity:.6;transform:scale(1.02)}60%{opacity:0;transform:scale(1.04)}}.cm-cursor-blink{width:2px;height:12px;border-radius:1px;animation:cursorBlink 1s step-end infinite;opacity:.8}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.cm-typing{display:inline-flex;gap:3px;align-items:center;margin-left:2px}.cm-typing-dot{width:4px;height:4px;border-radius:50%;opacity:.3;animation:typingBounce 1.2s ease infinite}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.3}30%{transform:translateY(-3px);opacity:1}}.cm-timer-bar{height:100%;border-radius:2px;animation:timerShrink 8s linear infinite}@keyframes timerShrink{0%{width:70%}to{width:20%}}.cm-poll-bar{display:flex;justify-content:space-between;padding:5px 8px;border-radius:5px;font-size:9px;position:relative;overflow:hidden}.cm-poll-fill{position:absolute;top:0;left:0;bottom:0;border-radius:5px;animation:pollGrow 1.5s ease .5s forwards;transform-origin:left}@keyframes pollGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.cm-dice{width:36px;height:36px;border-radius:8px;border:2px solid;display:grid;grid-template-columns:repeat(2,1fr);gap:3px;padding:5px;margin:4px auto;animation:diceShake 4s ease infinite}.cm-dice-dot{width:8px;height:8px;border-radius:50%}@keyframes diceShake{0%,90%,to{transform:rotate(0)}92%{transform:rotate(-4deg)}94%{transform:rotate(4deg)}96%{transform:rotate(-2deg)}98%{transform:rotate(2deg)}}.cm-ai-shimmer{width:40px;height:4px;border-radius:2px;margin-left:auto;background:linear-gradient(90deg,transparent,hsl(25 85% 38%/.2),transparent);background-size:200% 100%;animation:shimmer 2s linear infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.numbers-section{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:140px 40px;background:var(--void-warm)}.numbers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border-subtle);width:100%;max-width:1200px}.number-cell{background:var(--void-warm);padding:56px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.number-value{font-family:var(--font-display);font-size:clamp(44px,5.5vw,76px);font-weight:700;line-height:1;color:var(--text-1);letter-spacing:-.02em}.number-label{font-size:11px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--text-label)}.number-desc{font-size:12px;color:var(--text-3);line-height:1.5;max-width:180px}.showcase-section{position:relative}.showcase-sticky{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0 48px}.showcase-content{display:flex;align-items:center;gap:72px;max-width:1200px;width:100%}.showcase-mockup{flex:1.3;transition:transform .05s linear}.showcase-text{flex:0.7;padding:40px 0;position:relative;min-height:260px}.showcase-feature{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(24px);transition:opacity .55s ease,transform .55s ease;pointer-events:none}.showcase-feature.active{opacity:1;transform:translateY(0);position:relative;pointer-events:auto}.showcase-feature-title{font-family:var(--font-display);font-size:clamp(28px,3.5vw,48px);font-weight:700;line-height:1.1;color:var(--text-1);margin-bottom:16px}.showcase-feature-desc{font-size:15px;color:var(--text-2);line-height:1.75;max-width:380px}.showcase-nav{display:flex;gap:6px;margin-top:32px}.showcase-dot{width:28px;height:2px;border-radius:1px;background:var(--text-label);transition:background .4s,width .4s cubic-bezier(.34,1.56,.64,1)}.showcase-dot.active{background:var(--primary);width:44px}.colorways-section{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:140px 40px;transition:background-color .12s ease;position:relative}.colorway-options{display:flex;gap:28px}.colorway-swatch{width:44px;height:44px;border-radius:50%;cursor:pointer;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;border:2px solid transparent}.colorway-swatch:hover{transform:scale(1.18)}.colorway-swatch.active{border-color:rgba(0,0,0,.2)}.colorway-label{font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-label);text-align:center;transition:color .15s}.cta-section{min-height:100vh;position:relative;overflow:hidden;background:var(--void)}.cta-reveal,.cta-section{display:flex;align-items:center;justify-content:center}.cta-reveal{position:absolute;inset:0;flex-direction:column;padding:40px;transition:clip-path 1.6s cubic-bezier(.77,0,.175,1)}.cta-form{display:flex;gap:0;max-width:420px;width:100%}.cta-input{flex:1;padding:15px 20px;font-size:14px;font-family:var(--font-body);color:var(--text-1);background:hsl(var(--card));border:1px solid rgba(0,0,0,.12);border-right:none;border-radius:100px 0 0 100px;outline:none}.cta-input::placeholder{color:var(--text-label)}.cta-input:focus{border-color:var(--primary)}.cta-submit{padding:15px 28px;font-size:13px;font-weight:600;color:#fff;border:none;border-radius:0 100px 100px 0;cursor:pointer;white-space:nowrap;letter-spacing:.02em;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.cta-submit:hover{transform:scale(1.03)}.standalone-footer{padding:48px;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;width:100%}@media (max-width:1024px){.numbers-grid{grid-template-columns:repeat(2,1fr)}.showcase-content{flex-direction:column;gap:32px}.showcase-text{min-height:auto}.showcase-feature{position:relative}.standalone-nav{padding:20px 28px}.standalone-nav.scrolled{padding:14px 28px}}@media (max-width:768px){.hero-section{padding:120px 24px 80px}.hero-mockup-wrapper{margin-top:48px}.numbers-section{padding:100px 24px}.numbers-grid{grid-template-columns:1fr 1fr}.number-cell{padding:36px 20px}.colorways-section{padding:100px 24px}.colorway-options{gap:16px}.nav-links-standalone{display:none}.showcase-sticky{padding:0 24px}.showcase-content{gap:24px}.cm-boards-strip,.cm-video-panel{display:none}.cm-teach{display:flex}.cm-whiteboard{flex:1}.standalone-footer{flex-direction:column;gap:20px;text-align:center;padding:36px 24px}.standalone-footer>div:nth-child(2){flex-wrap:wrap;justify-content:center;gap:20px}.cta-form{flex-direction:column;gap:10px}.cta-input{border-right:1px solid rgba(0,0,0,.12)}.cta-input,.cta-submit{border-radius:100px}}@media (max-width:480px){.numbers-grid{grid-template-columns:1fr}.display-xl{font-size:clamp(48px,12vw,72px)}}@media (prefers-reduced-motion:reduce){.landing-page *,.landing-page :after,.landing-page :before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}