:root{--background:0 0% 14%;--surface:250 19% 13%;--surface-2:250 16% 17%;--secondary:250 14% 19%;--border:250 14% 24%;--border-strong:250 13% 34%;--foreground:250 20% 96%;--body:250 14% 80%;--muted:248 12% 66%;--ink:250 22% 10%;--screen:0 0% 7%;--screen-inner:0 0% 10%;--purple:252 95% 76%;--purple-fill:251 72% 62%;--purple-tint:252 40% 18%;--purple-pastel:252 95% 90%;--iris:230 95% 76%;--iris-tint:230 45% 18%;--iris-pastel:228 100% 88%;--magenta:308 88% 76%;--magenta-tint:306 44% 19%;--magenta-pastel:310 92% 90%;--aqua:185 72% 62%;--aqua-tint:186 42% 15%;--aqua-pastel:185 72% 84%;--citron:55 92% 70%;--citron-tint:52 50% 16%;--citron-pastel:55 95% 82%;--success-on:142 55% 66%;--laptop-line:250 24% 90%;--laptop-stroke:1.25px;--laptop-stroke-inner:1.25px;--radius:16px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-inter);background:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;overflow-x:hidden}.page{max-width:480px;margin:0 auto;padding:0 20px;position:relative}header{z-index:5;align-items:center;padding:18px 0 6px;display:flex;position:relative}.logo{align-items:center;display:inline-flex}.logo-mark{opacity:.95;width:auto;height:30px;display:block}.hero{z-index:2;text-align:center;padding-top:20px;position:relative}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.scene{width:100%;max-width:400px;margin:34px auto 8px;padding:44px 0 30px;position:relative}.laptop{z-index:2;position:relative}.screen{background:hsl(var(--screen));border:var(--laptop-stroke) solid hsl(var(--laptop-line) / .8);border-radius:18px 18px 4px 4px;padding:10px 10px 14px;box-shadow:0 10px 28px -18px #0000008c}.screen-inner{background:hsl(var(--screen-inner));border:var(--laptop-stroke-inner) solid hsl(var(--laptop-line) / .55);border-radius:10px;padding:40px 22px 34px;position:relative;overflow:hidden}.screen-inner h1,.screen-inner .waveform{z-index:1;position:relative}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.screen-inner h1{opacity:0;animation:.55s ease-out .45s forwards riseIn}.screen-inner .waveform{opacity:0;animation:.55s ease-out .65s forwards riseIn}.camera{border:var(--laptop-stroke-inner) solid hsl(var(--laptop-line));background:0 0;border-radius:50%;width:7px;height:7px;margin:0 auto 7px}h1{font-family:var(--font-cardo);letter-spacing:-.01em;font-size:clamp(26px,7.4vw,32px);font-weight:400;line-height:1.22}h1 .quiet{color:hsl(var(--foreground))}h1 .grad{color:hsl(var(--purple));font-style:normal;font-weight:400}.waveform{justify-content:center;align-items:center;gap:3px;height:22px;margin-top:22px;display:flex}.waveform span{background:hsl(var(--purple));opacity:.85;border-radius:2px;width:3px;animation:1.9s ease-in-out infinite wave}.waveform span:nth-child(odd){opacity:.55}@keyframes wave{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.waveform span{transform-origin:50%;height:20px}.waveform span:first-child{animation-delay:0s}.waveform span:nth-child(2){animation-delay:.12s}.waveform span:nth-child(3){animation-delay:.24s}.waveform span:nth-child(4){animation-delay:.36s}.waveform span:nth-child(5){animation-delay:.48s}.waveform span:nth-child(6){animation-delay:.36s}.waveform span:nth-child(7){animation-delay:.24s}.waveform span:nth-child(8){animation-delay:.12s}.waveform span:nth-child(9){animation-delay:0s}.base{background:hsl(var(--screen));border:var(--laptop-stroke) solid hsl(var(--laptop-line) / .8);border-radius:5px 5px 16px 16px;width:114%;height:15px;margin-top:3px;margin-left:-7%;position:relative}.base:after{content:"";background:hsl(var(--screen));border:var(--laptop-stroke) solid hsl(var(--laptop-line) / .8);border-top:none;border-radius:0 0 7px 7px;width:70px;height:7px;position:absolute;top:-1.5px;left:50%;transform:translate(-50%)}.note{z-index:3;width:78px;font-family:var(--font-caveat);color:hsl(var(--ink));transform:rotate(var(--r,0deg));border-radius:2px;padding:8px 8px 10px;font-size:14.5px;font-weight:600;line-height:1.05;position:absolute;box-shadow:0 8px 16px #00000061}.note:before{content:"";background:#ffffff47;border-left:1px dashed #00000014;border-right:1px dashed #00000014;width:32px;height:12px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(-2deg)}.n1{--r:-7deg;background:hsl(var(--citron-pastel));top:60px;left:-6px}.n2{--r:5deg;background:hsl(var(--magenta-pastel));top:52px;right:-4px}.n3{--r:-4deg;background:hsl(var(--iris-pastel));width:84px;bottom:72px;left:-22px}.n4{--r:6deg;background:hsl(var(--aqua-pastel));bottom:102px;right:-8px}.note .scribble{opacity:.7;margin-top:2px;font-size:11.5px;font-weight:500;display:block}.subhead{color:hsl(var(--body));margin-top:18px;padding:0 6px;font-size:15.5px;line-height:1.6}.subhead strong{color:hsl(var(--foreground));font-weight:600}.cta-block{flex-direction:column;align-items:center;gap:12px;margin-top:26px;display:flex}.btn-primary{background:hsl(var(--purple-fill));color:#f9f9fb;width:100%;max-width:340px;font-family:var(--font-inter);letter-spacing:-.01em;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:17px 24px;font-size:16.5px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex;box-shadow:0 1px 2px #07041080}.btn-primary:hover,.btn-primary:focus-visible{background:#7f67e9;transform:translateY(-1px);box-shadow:0 4px 14px -4px #371daf99}.btn-primary .arrow{transition:transform .15s}.micro{color:hsl(var(--muted));align-items:center;gap:14px;font-size:12.5px;display:flex}.micro span{align-items:center;gap:5px;display:inline-flex}.micro .check{color:hsl(var(--success-on));font-size:13px}.btn-secondary{color:hsl(var(--foreground));border-bottom:1px solid #0000;align-items:center;gap:8px;padding:10px 4px;font-size:14.5px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.btn-secondary:hover{color:hsl(var(--purple))}.play-dot{border:1px solid hsl(var(--border-strong));width:26px;height:26px;color:hsl(var(--purple));border-radius:50%;justify-content:center;align-items:center;font-size:9px;display:inline-flex}.proof{border-top:1px solid hsl(var(--border));text-align:center;margin-top:44px;padding:22px 0 26px}.proof p{letter-spacing:.14em;text-transform:uppercase;color:hsl(var(--muted));margin-bottom:16px;font-size:11.5px;font-weight:600}.schools{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.school{letter-spacing:.01em;color:hsl(var(--body));border:1px solid hsl(var(--border));background:hsl(var(--surface));border-radius:99px;padding:8px 14px;font-size:13px;font-weight:600}.demo{text-align:center;padding:34px 0 10px}.section-title{font-family:var(--font-cardo);letter-spacing:-.01em;color:hsl(var(--foreground));margin-bottom:22px;font-size:24px;font-weight:400}.clip{border-radius:var(--radius);border:1px solid hsl(var(--border-strong));background:hsl(var(--surface));aspect-ratio:16/10;cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.clip .chip{letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--muted));border:1px solid hsl(var(--border));background:hsl(var(--background) / .6);border-radius:99px;padding:5px 10px;font-size:10.5px;font-weight:600;position:absolute;top:12px;left:12px}.play{border:1px solid hsl(var(--border-strong));backdrop-filter:blur(4px);background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;transition:transform .2s,background .2s;display:flex}.clip:hover .play{background:hsl(var(--purple) / .18);transform:scale(1.08)}.play:after{content:"";border-left:16px solid hsl(var(--foreground));border-top:10px solid #0000;border-bottom:10px solid #0000;width:0;height:0;margin-left:4px}.steps{text-align:left;flex-direction:column;gap:20px;margin-top:22px;display:flex}.step{background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:var(--radius);align-items:flex-start;gap:14px;padding:16px;display:flex}.step .ic{border-radius:11px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.step .ic svg{width:20px;height:20px}.ic--iris{background:hsl(var(--iris-tint));color:hsl(var(--iris));border:1px solid hsl(var(--iris) / .28)}.ic--magenta{background:hsl(var(--magenta-tint));color:hsl(var(--magenta));border:1px solid hsl(var(--magenta) / .28)}.ic--aqua{background:hsl(var(--aqua-tint));color:hsl(var(--aqua));border:1px solid hsl(var(--aqua) / .28)}.step h3{color:hsl(var(--foreground));margin-bottom:3px;font-size:14.5px;font-weight:600}.step p{color:hsl(var(--muted));font-size:13px;line-height:1.55}.final{text-align:center;margin:44px 0 0}footer{text-align:center;color:hsl(var(--muted));padding:30px 0 40px;font-size:12px}footer .logo{margin-bottom:6px;font-size:14px;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.note{opacity:1;transform:rotate(var(--r,0deg))}.screen-inner h1,.screen-inner .waveform{opacity:1!important;transform:none!important}}@media (width>=440px){.note{width:86px;font-size:15.5px}}:root{--laptop-stroke:1.75px;--laptop-stroke-inner:1.75px;--cta-shadow:#e9ddd4}.btn-primary{border:1px solid hsl(var(--foreground));box-shadow:4px 4px 0 0 var(--cta-shadow);transition:transform .12s,box-shadow .12s,background .12s}.btn-primary:hover,.btn-primary:focus-visible{background:hsl(var(--purple-fill));box-shadow:1px 1px 0 0 var(--cta-shadow);transform:translate(3px,3px)}.btn-primary:hover .arrow{transform:translate(3px)}.play-dot{border:1px solid hsl(var(--foreground));box-shadow:2px 2px 0 0 hsl(var(--purple))}.note{border:1px solid hsl(var(--ink));box-shadow:3px 3px 0 0 hsl(var(--purple-fill))}.school{border:1px solid hsl(var(--border-strong));box-shadow:2px 2px 0 0 hsl(var(--iris) / .55)}.clip{border:1px solid hsl(var(--foreground));box-shadow:5px 5px 0 0 hsl(var(--magenta));transition:transform .12s,box-shadow .12s}.clip:hover{box-shadow:2px 2px 0 0 hsl(var(--magenta));transform:translate(3px,3px)}.play{border:1px solid hsl(var(--foreground));box-shadow:3px 3px 0 0 hsl(var(--purple))}.step{border:1px solid hsl(var(--foreground))}.steps .step:first-child{box-shadow:4px 4px 0 0 hsl(var(--iris))}.steps .step:nth-child(2){box-shadow:4px 4px 0 0 hsl(var(--magenta))}.steps .step:nth-child(3){box-shadow:4px 4px 0 0 hsl(var(--aqua))}.step .ic{border-width:1px}.logo-marquee{position:relative;overflow:hidden;mask-image:linear-gradient(90deg,#0000 0,#000 12% 88%,#0000 100%)}.logo-track{align-items:center;gap:48px;width:max-content;animation:24s linear infinite logoScroll;display:flex}.logo-track:hover{animation-play-state:paused}@keyframes logoScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.school-logo{flex:none;align-items:center;display:inline-flex}.logo-img{filter:brightness(0)invert();opacity:.62;width:auto;height:26px;transition:opacity .2s;display:block}.school-logo:hover .logo-img{opacity:1}.logo--rutgers{height:42px}.logo--franklin{height:30px}.logo--ucla{height:26px}.logo--gatech{height:20px}.logo--rtc{height:24px}.testimonial-wrap{padding:6px 0 4px}.testimonial{text-align:left;background:hsl(var(--surface));border:1px solid hsl(var(--border-strong));box-shadow:5px 5px 0 0 hsl(var(--purple-fill));border-radius:16px;margin:0;padding:20px 20px 18px}.quote-mark{font-family:var(--font-cardo);color:hsl(var(--purple) / .5);margin-bottom:12px;font-size:44px;line-height:.6;display:block}.testimonial blockquote{font-family:var(--font-cardo);color:hsl(var(--foreground));margin:0;font-size:19px;line-height:1.5}.testimonial blockquote strong{color:hsl(var(--purple));font-weight:700}.testimonial figcaption{border-top:1px solid hsl(var(--border));align-items:center;gap:11px;margin-top:18px;padding-top:16px;display:flex}.testimonial .avatar{background:hsl(var(--magenta-pastel));width:38px;height:38px;color:hsl(var(--ink));font-family:var(--font-inter);border:1px solid hsl(var(--ink) / .25);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:inline-flex}.testimonial .who{flex-direction:column;gap:2px;display:flex}.testimonial .name{color:hsl(var(--foreground));font-size:14.5px;font-weight:700}.testimonial .role{color:hsl(var(--muted));font-size:13px}@media (width>=700px){.page{max-width:600px;padding:0 32px}h1{font-size:36px}.scene{max-width:480px}.subhead{max-width:520px;margin-left:auto;margin-right:auto;font-size:16.5px}.section-title{font-size:28px}}@media (width>=1000px){.page{max-width:720px;padding:0 40px}header{padding:26px 0 10px}.logo-mark{height:34px}.hero{padding-top:34px}h1{font-size:42px;line-height:1.2}.scene{max-width:560px;margin-top:44px;padding:56px 0 38px}.subhead{max-width:560px;margin-top:24px;font-size:17.5px;line-height:1.65}.cta-block{margin-top:34px}.btn-primary{max-width:380px;padding:19px 28px;font-size:16px}.note{width:104px;font-size:17px}.note .scribble{font-size:13px}.n3{width:104px}.proof{margin-top:60px;padding:28px 0 32px}.logo-track{gap:64px}.logo-img{height:30px}.logo--rutgers{height:50px}.logo--franklin{height:36px}.logo--ucla{height:30px}.logo--gatech{height:24px}.logo--rtc{height:28px}.testimonial{box-shadow:6px 6px 0 0 hsl(var(--purple-fill));padding:30px 30px 26px}.testimonial blockquote{font-size:22px;line-height:1.55}.quote-mark{font-size:54px}.testimonial .avatar{width:44px;height:44px;font-size:17px}.testimonial .name{font-size:15.5px}.testimonial .role{font-size:14px}.demo{padding:56px 0 10px}.section-title{margin-bottom:28px;font-size:32px}.clip{box-shadow:7px 7px 0 0 hsl(var(--magenta))}.play{width:76px;height:76px}.final{margin-top:60px}footer{padding:44px 0 56px;font-size:13.5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}a:focus-visible,button:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible{outline:3px solid hsl(var(--accent));outline-offset:3px;border-radius:8px}