:root{--ink:#17213d;--muted:#68718b;--purple:#7447ea;--purple-dark:#5c31d2;--blue:#16b8cf;--coral:#ff786d;--cream:#fbfaff;--font-body:"Trebuchet MS",Arial,sans-serif;--font-display:"Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;width:100%;max-width:100%;margin:0;overflow-x:clip}body{width:100%;max-width:100%;color:var(--ink);font-family:var(--font-body), sans-serif;background:#fff;margin:0;overflow-x:clip}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a,a:hover,a:focus,a:visited,u,ins{text-decoration:none!important}button{cursor:pointer}.shell{width:min(1160px,100% - 40px);margin-inline:auto}.nav{z-index:5;align-items:center;gap:30px;height:84px;display:flex;position:relative}.brand{color:var(--ink);align-items:center;margin-right:auto;text-decoration:none;display:flex}.nav>.brand{transform:translateY(16px)}.brand img{width:108px;height:auto;display:block}.brand>span:last-child>span{color:var(--purple)}.brand-mark{color:#fff;background:linear-gradient(145deg,var(--blue),#43d6c6);border-radius:13px;place-items:center;width:40px;height:40px;display:grid;transform:rotate(-3deg);box-shadow:0 8px 20px #16b8cf40}.nav-links{gap:30px;display:flex}.nav-links a{color:#566079;font-size:14px;font-weight:700;text-decoration:none}.btn{border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:0 18px;font-weight:800;transition:all .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--purple);color:#fff;box-shadow:0 8px 18px #7447ea30}.btn-primary:hover{background:var(--purple-dark)}.btn-ghost{color:var(--purple);background:0 0}.btn-light{color:var(--ink);background:#fff;box-shadow:0 8px 30px #2d245214}.btn-large{min-height:54px;padding-inline:23px}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:55px;min-height:650px;padding-block:55px 90px;display:grid}.hero-copy{z-index:2;position:relative}.eyebrow{color:var(--purple);text-transform:uppercase;letter-spacing:1px;background:#f0ecff;border-radius:99px;align-items:center;gap:7px;padding:8px 13px;font-size:11px;font-weight:900;display:inline-flex}h1,h2,h3,p{margin-top:0}.hero h1{font:700 clamp(44px,5.2vw,66px)/1.03 var(--font-display),sans-serif;letter-spacing:-3px;max-width:620px;margin:24px 0}.hero h1 span{color:var(--purple);position:relative}.hero-copy>p{color:var(--muted);max-width:560px;font-size:19px;line-height:1.65}.hero-actions{gap:12px;margin-top:32px;display:flex}.trust-row{color:var(--muted);align-items:center;gap:13px;margin-top:34px;font-size:12px;line-height:1.4;display:flex}.trust-row strong{color:var(--ink)}.faces{width:40px;height:40px;color:var(--purple);background:#f0ecff;border-radius:12px;place-items:center;padding:0;display:grid}.hero-visual{place-items:center;height:500px;display:grid;position:relative}.hero-visual:before{content:"";background:linear-gradient(145deg,#f0eaff,#eafcfd);border-radius:48% 52% 43% 57%/45% 39% 61% 55%;position:absolute;inset:2% -8%;transform:rotate(-4deg)}.blob{border-radius:50%;position:absolute}.blob-one{background:#ffd969;width:70px;height:70px;top:3%;right:2%}.blob-two{background:var(--coral);width:25px;height:25px;bottom:8%;left:0}.quiz-card{z-index:1;background:#fff;border-radius:24px;width:min(440px,90%);padding:25px;position:relative;transform:rotate(1.5deg);box-shadow:0 28px 80px #432d7d25}.quiz-top,.quiz-footer{justify-content:space-between;align-items:center;display:flex}.quiz-top span{color:#f24d57;background:#ffedf0;border-radius:8px;align-items:center;gap:5px;padding:6px 9px;font-size:11px;font-weight:900;display:flex}.quiz-top b{color:var(--purple);font:700 16px var(--font-display)}.quiz-card>p{color:#8b92a6;margin:22px 0 8px;font-size:12px;font-weight:800}.quiz-card h2{font:700 23px/1.25 var(--font-display);letter-spacing:-.6px}.answers{gap:9px;display:grid}.answers button{text-align:left;color:#444c65;background:#fff;border:1.5px solid #eceaf4;border-radius:12px;align-items:center;gap:11px;min-height:50px;padding:0 14px;font-weight:700;display:flex}.answers i{width:28px;height:28px;color:var(--purple);background:#f2effc;border-radius:8px;place-items:center;font-style:normal;display:grid}.answers .selected{border-color:var(--purple);color:var(--purple-dark);background:#f5f1ff}.answers .selected svg{margin-left:auto}.quiz-footer{color:#8990a4;border-top:1px solid #eeeef4;margin-top:20px;padding-top:16px;font-size:11px;font-weight:800}.quiz-footer span:last-child{align-items:center;gap:5px;display:flex}.floating-card{z-index:2;background:#fff;border-radius:15px;padding:12px 17px;position:absolute;box-shadow:0 15px 45px #3526682b}.score{display:grid;top:21%;right:-4%;transform:rotate(4deg)}.score span{color:#1bad8d;font:800 23px var(--font-display)}.score small,.rank small{color:#8a91a5;align-items:center;gap:4px;font-weight:700;display:flex}.rank{align-items:center;gap:10px;font-size:25px;display:flex;bottom:14%;left:-3%;transform:rotate(-4deg)}.rank span{font-size:11px;display:grid}.rank b{color:var(--ink);font-size:13px}.product-devices{isolation:isolate;overflow:visible}.product-devices:before{background:linear-gradient(145deg,#f1ecff,#ebfbfd);border-radius:48% 52% 43% 57%/45% 39% 61% 55%;inset:3% -12%;box-shadow:-25px 35px 70px #7651df12}.product-devices:after{content:"";z-index:1;opacity:.28;filter:drop-shadow(-520px 390px #8060eb);pointer-events:none;background:radial-gradient(circle,#8060eb 2px,#0000 2.5px) 0 0/13px 13px;width:78px;height:78px;position:absolute;top:7%;right:-5%}.devices-backdrop{z-index:0;background:#7950e519;border-radius:50%;width:420px;height:390px;position:absolute;bottom:-2%;right:-9%;box-shadow:-340px -190px 0 -170px #ffd25d}.interactive-monitor{z-index:1;filter:drop-shadow(0 22px 28px #29204e25);width:92%;position:absolute;top:0;right:-10%}.monitor-screen{aspect-ratio:1493/738;background:#f7f7fb;border:9px solid #202020;border-radius:11px;position:relative;overflow:hidden}.monitor-screen img{object-fit:cover}.monitor-neck{background:linear-gradient(90deg,#bbb,#eee,#aaa);width:11%;height:30px;margin:auto;display:block}.monitor-base{background:#858585;border-radius:50%;width:30%;height:9px;margin:auto;display:block;box-shadow:0 5px 12px #0002}.professor-device{z-index:2;object-fit:contain;filter:drop-shadow(0 20px 25px #30245225);width:82%;height:auto;position:absolute;bottom:-7%;left:-16%}.student-device{z-index:3;object-fit:contain;filter:drop-shadow(0 18px 22px #30245230);width:35%;height:auto;position:absolute;bottom:-8%;right:-7%}.devices-composite{z-index:2;filter:drop-shadow(0 16px 20px #1711262b)drop-shadow(0 30px 42px #37295720);border-radius:24px;width:121%;max-width:none;height:auto;display:block;position:relative;transform:translate(-3%,-7%)}.how{padding:90px 0 100px}.section-heading{text-align:center;max-width:660px;margin:0 auto 55px}.section-heading>span{color:var(--purple);text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:900}.section-heading h2{font:700 clamp(32px,4vw,46px)/1.1 var(--font-display);letter-spacing:-1.8px;margin:14px 0}.section-heading p{color:var(--muted)}.steps{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.steps article{background:#fff;border:1px solid #efedf6;border-radius:22px;padding:30px;position:relative;box-shadow:0 12px 40px #382d5b0a}.steps em{font:700 38px var(--font-display);color:#eeeaf8;font-style:normal;position:absolute;top:25px;right:25px}.step-icon{color:#fff;border-radius:15px;place-items:center;width:52px;height:52px;margin-bottom:24px;display:grid}.step-icon.purple{background:var(--purple)}.step-icon.blue{background:var(--blue)}.step-icon.coral{background:var(--coral)}.steps h3{font:700 20px var(--font-display);margin-bottom:9px}.steps p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.feature-strip{color:#fff;background:#1d2340;padding:32px 0}.feature-inner{grid-template-columns:repeat(4,1fr);display:grid}.feature-inner>div{border-right:1px solid #ffffff20;grid-template-columns:auto 1fr;column-gap:12px;padding:0 25px;display:grid}.feature-inner>div:last-child{border:0}.feature-inner span{color:#8f72f2;background:#ffffff10;border-radius:11px;grid-row:1/3;align-self:center;place-items:center;width:38px;height:38px;display:grid}.feature-inner span svg{width:21px;height:21px}.feature-inner strong{font-size:13px}.feature-inner small{color:#aeb5ce;font-size:11px}.demo-cta{background:#f8f6ff;padding:90px 0}.demo-card{background:#fff;border:1px solid #ede9f8;border-radius:28px;grid-template-columns:.8fr 1.2fr;align-items:center;gap:60px;padding:50px;display:grid;box-shadow:0 24px 70px #3e2b7912}.demo-card h2{font:700 36px/1.12 var(--font-display);letter-spacing:-1.4px;margin:18px 0 12px}.demo-card p{color:var(--muted);margin:0;line-height:1.6}.demo-links{gap:10px;display:grid}.demo-link{color:var(--ink);border:1px solid #e9e6f2;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;column-gap:14px;padding:14px 16px;text-decoration:none;transition:all .2s;display:grid}.demo-link:hover{border-color:#c7baf4;transform:translate(5px);box-shadow:0 8px 25px #6249ae12}.demo-link>span{width:42px;height:42px;color:var(--purple);background:#f1edff;border-radius:12px;grid-row:1/3;place-items:center;display:grid}.demo-link>span svg{width:22px;height:22px}.demo-link b{font-size:14px}.demo-link small{color:var(--muted);font-size:11px}.demo-link>svg{color:var(--purple);grid-area:1/3/3}.footer{min-height:110px;color:var(--muted);align-items:center;gap:28px;display:flex}.footer .brand{margin-right:0}.footer .brand img{width:86px}.footer p{margin:0 auto;font-size:13px}.footer small{font-size:11px}.not-found{text-align:center;background:radial-gradient(circle at 50% 20%,#eee8ff,#fff 55%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.not-found-mark{background:linear-gradient(145deg,var(--blue),var(--purple));color:#fff;border-radius:25px;place-items:center;width:82px;height:82px;display:grid;transform:rotate(-5deg);box-shadow:0 20px 45px #7447ea35}.not-found>span{color:var(--purple);letter-spacing:3px;margin-top:30px;font-weight:900}.not-found h1{font:700 clamp(34px,5vw,52px)/1.1 var(--font-display);letter-spacing:-2px;margin:12px 0}.not-found p{color:var(--muted);max-width:520px;margin-bottom:25px;line-height:1.6}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#17213dcc;place-items:center;padding:20px;animation:.2s fade;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:26px;width:min(460px,100%);max-height:calc(100vh - 30px);padding:38px;animation:.25s pop;position:relative;overflow:auto;box-shadow:0 30px 100px #0005}.modal-close{color:#70778c;background:#f3f1f8;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:18px;right:18px}.modal-icon{width:58px;height:58px;color:var(--purple);background:#eee9ff;border-radius:18px;place-items:center;margin:auto;display:grid}.modal h2{text-align:center;font:700 30px var(--font-display);margin:18px 0 6px}.modal form>p{text-align:center;color:var(--muted)}.avatar-list{justify-content:center;gap:7px;margin:22px 0;display:flex}.avatar-list button{background:#f5f3f9;border:2px solid #0000;border-radius:14px;width:48px;height:48px;font-size:24px}.avatar-list button.active{border-color:var(--purple);background:#ede7ff;transform:translateY(-3px)}.modal label{gap:7px;margin-top:15px;font-size:12px;font-weight:900;display:grid}.modal input{border:1.5px solid #e5e2ed;border-radius:12px;outline:none;min-height:50px;padding:0 14px;font-size:15px}.modal input:focus{border-color:var(--purple);box-shadow:0 0 0 4px #7447ea12}.full{width:100%;margin-top:22px}.waiting{text-align:center;padding:20px 0}.big-avatar{background:#f2edff;border-radius:35px;place-items:center;width:110px;height:110px;margin:0 auto 22px;font-size:62px;animation:2s ease-in-out infinite float;display:grid}.success-pill{color:#149b7e;background:#e7faf5;border-radius:99px;align-items:center;gap:5px;padding:7px 11px;font-size:12px;font-weight:900;display:inline-flex}.waiting p{color:var(--muted)}.waiting-dots{justify-content:center;align-items:center;gap:6px;height:45px;display:flex}.waiting-dots i{background:var(--purple);border-radius:50%;width:8px;height:8px;animation:1.2s infinite bounce}.waiting-dots i:nth-child(2){animation-delay:.15s}.waiting-dots i:nth-child(3){animation-delay:.3s}.waiting>b{color:#656d84;font-size:13px}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.95)translateY(10px)}}@keyframes float{50%{transform:translateY(-8px)rotate(2deg)}}@keyframes bounce{50%{opacity:.45;transform:translateY(-7px)}}@media (min-width:601px) and (max-width:1100px){.hero-copy{text-align:center}.hero-copy h1,.hero-copy>p{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}}@media (max-width:900px){.nav-links,.nav .btn-ghost{display:none}.hero{grid-template-columns:1fr;padding-top:40px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}.hero-visual{height:auto}.product-devices{width:min(680px,100%);margin:25px auto 0}.devices-composite{width:100%;transform:none}.steps{grid-template-columns:1fr}.feature-inner{grid-template-columns:1fr 1fr;gap:25px}.feature-inner>div{border:0}.how{padding-top:60px}.demo-card{grid-template-columns:1fr;gap:30px}}@media (max-width:600px){.shell{width:min(100% - 28px,1160px)}.nav{height:72px}.nav>.btn-primary{width:44px;padding:0;font-size:0}.nav>.btn-primary svg{margin:0}.hero{gap:10px;padding:35px 0 55px}.hero h1{letter-spacing:-2px;font-size:40px}.hero-copy>p{font-size:16px}.hero-actions{display:grid}.hero-visual{height:auto}.product-devices{width:calc(100% + 12px);margin-inline:-6px;overflow:hidden}.devices-composite{width:100%;transform:none}.how{padding-bottom:65px}.feature-inner{grid-template-columns:1fr}.feature-inner>div{padding:0}.modal{padding:32px 22px}.avatar-list{gap:4px}.avatar-list button{width:45px;height:45px}.brand{font-size:20px}.demo-cta{padding:55px 0}.demo-card{padding:28px 20px}.demo-card h2{font-size:29px}.footer{flex-direction:column;justify-content:center;gap:12px;padding:30px 0}.footer p{margin:0}}