@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500;600&family=Inter:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg:#171814;--surface:#20211c;--cream:#f5f0e3;--muted:#aaa99e;--lime:#c8ff3d;--amber:#ffb547;--olive:#83906a;--border:#3a3d32;--ink:#202118;--light:#f4efe2;color:var(--cream);background:var(--bg);font-synthesis:none;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--bg);min-width:320px;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--lime)}h1,h2,h3,.logo{font-family:Space Grotesk,sans-serif}.container{width:min(1440px,100% - 7vw);margin:auto}.section{padding:110px 0}.eyebrow{color:var(--lime);letter-spacing:.12em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:.85rem}.button{background:var(--lime);color:#11150a;cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;gap:14px;padding:18px 28px;font-weight:700;transition:all .25s;display:inline-flex}.button:hover{transform:translateY(-2px);box-shadow:0 12px 35px #c8ff3d22}.button svg{width:19px}.secondary{color:var(--cream);background:0 0;border:1px solid #aaa68b}.header{z-index:50;transition:all .25s;position:fixed;inset:0 0 auto}.header.scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#171814dc;border-bottom:1px solid #ffffff0c}.header-inner{justify-content:space-between;align-items:center;width:min(1460px,100% - 6vw);height:96px;margin:auto;display:flex}.logo{align-items:center;gap:12px;font-size:2rem;font-weight:700;display:inline-flex}.logo-mark{border:4px solid var(--lime);width:48px;height:48px;color:var(--lime);border-radius:17px 17px 17px 6px;place-items:center;display:grid}.logo-mark svg{width:27px}.nav{align-items:center;gap:44px;display:flex}.nav a{font-size:.95rem}.nav-cta{padding:17px 24px}.menu-button{color:var(--cream);background:0 0;border:0;display:none}.hero{background:radial-gradient(circle at 67% 42%,#ffb54710,#0000 28%),radial-gradient(circle at 12% 52%,#83906a1b,#0000 35%);min-height:920px;padding:142px 0 70px}.hero-grid{grid-template-columns:41% 59%;align-items:center;display:grid}.hero-copy{padding-right:4vw;animation:.8s both rise}.hero h1{letter-spacing:-.05em;margin:30px 0 24px;font-size:clamp(3rem,4.35vw,5.2rem);line-height:1.05}.hero h1 span{color:var(--lime)}.hero-lead{color:#deddd4;max-width:650px;font-size:clamp(1rem,1.35vw,1.3rem);line-height:1.7}.hero-actions{gap:16px;margin:38px 0;display:flex}.trust{color:#b8b895;align-items:center;gap:12px;margin-top:40px;display:flex}.trust svg{color:var(--olive)}.product-demo{border:1px solid var(--border);background:#1b1d18e8;border-radius:26px;grid-template-columns:71% 29%;height:680px;animation:.8s .15s both rise;display:grid;position:relative;box-shadow:0 30px 90px #0006}.practice{padding:28px;position:relative}.demo-top{justify-content:space-between;align-items:center;font-size:1.2rem;display:flex}.demo-top strong{align-items:center;gap:10px;display:flex}.demo-top i{background:var(--lime);border-radius:50%;width:10px;height:10px}.demo-top button{color:var(--cream);border:1px solid var(--border);background:#24251f;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;display:flex}.demo-top svg{width:17px}.prompt{background:var(--cream);color:#171814;border-radius:18px;padding:20px 30px 20px 70px;font-weight:600;line-height:1.45;position:absolute;top:105px;right:45px}.prompt span{background:var(--amber);border-radius:50%;padding:9px;display:grid;position:absolute;top:23px;left:18px}.prompt svg{width:20px}.waveform{height:70px;color:var(--amber);justify-content:flex-end;align-items:center;gap:5px;margin-top:140px;display:flex}.waveform i{background:var(--amber);border-radius:9px;width:4px;animation:1.2s ease-in-out infinite alternate wave}.waveform i:nth-child(3n){animation-delay:-.5s}.timer{text-align:center;margin-top:12px;font:600 2rem IBM Plex Mono}.timer small{color:var(--muted);margin-top:8px;font:400 .8rem Inter;display:block}.ai-feedback{z-index:3;background:#272921f4;border:1px solid #4a4d3d;border-radius:20px;gap:18px;width:72%;padding:24px;display:flex;position:absolute;bottom:72px;right:-30px}.ai-feedback>span{background:var(--lime);color:#222;border-radius:50%;flex:0 0 50px;place-items:center;height:50px;display:grid}.ai-feedback strong{font-size:1rem;display:block}.ai-feedback em{color:var(--lime);background:#3d481e;border-radius:20px;margin-left:8px;padding:5px 9px;font:500 .65rem Inter}.ai-feedback p{margin:12px 0 8px}.ai-feedback small{color:var(--muted)}.demo-side{border-left:1px solid var(--border);flex-direction:column;gap:12px;padding:20px 16px;display:flex}.metric,.confidence,.chart{border:1px solid var(--border);border-radius:15px;padding:17px}.metric{justify-content:space-between;align-items:center;display:flex}.metric small,.confidence small{display:block}.metric strong,.confidence strong{color:var(--lime);font:600 2rem IBM Plex Mono}.ring{--score:300deg;background:conic-gradient(var(--lime) var(--score),#3b3e34 0);border-radius:50%;width:52px;height:52px;position:relative}.ring:after{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:5px}.confidence span{color:var(--muted);align-items:center;font-size:.65rem;display:flex}.confidence svg{width:14px;color:var(--lime)}.chart{margin-top:auto}.chart>div{justify-content:space-between;display:flex}.chart small{color:var(--muted);font-size:.6rem}.chart svg{width:100%;margin-top:14px;overflow:visible}.chart path{fill:none;stroke:var(--lime);stroke-width:2px}.chart .area{fill:#c8ff3d17;stroke:none}.chart circle{fill:var(--lime)}.teacher-card{background:var(--cream);color:var(--ink);z-index:4;border-radius:20px;align-items:center;gap:18px;padding:18px 24px;display:flex;position:absolute;bottom:-55px;left:6%;right:20%}.teacher-card>span{background:var(--olive);color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.teacher-card div{flex:1}.teacher-card small,.teacher-card strong,.teacher-card p{display:block}.teacher-card strong{margin:5px 0;font-size:1.3rem}.teacher-card p{color:#747462;margin:0;font-size:.85rem}.teacher-card button{background:0 0;border:1px solid #9da083;border-radius:11px;padding:12px}.section-heading{max-width:760px;margin-bottom:55px}.section-heading h2,.tech-copy h2,.contact h2{letter-spacing:-.04em;margin:15px 0;font-size:clamp(2.4rem,4vw,4rem);line-height:1.08}.section-heading>p:last-child,.tech-copy>p,.contact-copy>p{color:var(--muted);font-size:1.05rem;line-height:1.7}.light{background:var(--light);color:var(--ink);border-radius:50px 50px 0 0}.light .eyebrow{color:#687130}.light .section-heading>p:last-child,.light article p{color:#69695e}.problem-grid,.institution-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.problem-card,.institution-grid article{background:#fffaf0;border:1px solid #ded8c9;border-radius:20px;min-height:260px;padding:30px;transition:all .25s;position:relative}.problem-card:hover,.institution-grid article:hover,.feature-card:hover{transform:translateY(-6px)}.problem-card>span{color:#a09d8c;font:500 .8rem IBM Plex Mono;position:absolute;top:24px;right:24px}.problem-card svg,.institution-grid svg{color:#79853b;width:34px;height:34px}.problem-card h3,.institution-grid h3,.feature-card h3{margin:50px 0 12px;font-size:1.25rem}.problem-card p,.institution-grid p,.feature-card p{line-height:1.65}.solution-grid{grid-template-columns:repeat(6,1fr);gap:18px;display:grid}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;grid-column:span 2;padding:30px;transition:all .25s}.feature-card:nth-child(4),.feature-card:nth-child(5){grid-column:span 3}.feature-card>svg{color:var(--lime);width:35px}.feature-card>span{color:#adb592;gap:8px;margin-top:25px;font-size:.75rem;display:flex}.feature-card>span svg{width:16px}.feature-card h3{margin-top:40px}.feature-card p{color:var(--muted)}.workflow{background:#1d1e19}.workflow-list{grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.workflow-list li{border-left:1px solid var(--border);padding:25px 35px;position:relative}.workflow-list li>span{border:1px solid var(--lime);width:42px;height:42px;color:var(--lime);border-radius:50%;place-items:center;font:600 .9rem IBM Plex Mono;display:grid}.workflow-list h3{margin-top:30px;font-size:1rem;line-height:1.5}.workflow-list li>svg{color:var(--lime);z-index:2;position:absolute;top:35px;right:-12px}.institution-grid article h3{margin-top:55px}.results-panel{border:1px solid var(--border);border-radius:25px;grid-template-columns:repeat(3,1fr) 2fr;display:grid;overflow:hidden}.results-panel>div{border-right:1px solid var(--border);flex-direction:column;justify-content:center;padding:36px;display:flex}.results-panel strong{color:var(--lime);font:600 3.2rem IBM Plex Mono}.results-panel span,.results-panel small{color:var(--muted)}.mini-chart svg{width:100%;height:100px}.mini-chart path{fill:none;stroke:var(--amber);stroke-width:3px}.technology{background:radial-gradient(circle at 75%,#c8ff3d0d,#0000 28%)}.technology .container,.contact .container{grid-template-columns:1fr 1fr;align-items:center;gap:8vw;display:grid}.tech-copy>span{color:#b7bc9e;gap:10px;margin-top:30px;display:flex}.ecosystem{gap:10px;display:grid}.ecosystem div{background:var(--surface);border:1px solid var(--border);border-radius:14px;align-items:center;gap:15px;padding:15px;display:flex}.ecosystem i{width:38px;height:38px;color:var(--lime);background:#303328;border-radius:10px;place-items:center;display:grid}.ecosystem svg{width:19px}.ecosystem span{font:500 .8rem IBM Plex Mono}.contact{background:#20221b}.contact-copy>div{color:#ccd0b5;gap:10px;margin:14px 0;display:flex}.contact-copy svg{width:20px;color:var(--lime)}.contact form{background:var(--cream);color:var(--ink);border-radius:24px;padding:35px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.field{flex-direction:column;gap:8px;font-size:.85rem;font-weight:600;display:flex}.field:last-child{grid-column:span 2}.field input,.field textarea{background:#fff;border:1px solid #cbc7b9;border-radius:10px;width:100%;padding:14px}.field textarea{resize:vertical;height:90px}.field small{color:#a02d2d}.contact form>.button{margin-top:22px}.form-success{color:#3a672a;align-items:center;gap:8px;font-size:.85rem;display:flex}.form-success svg{width:18px}footer{background:#11120f;padding:70px 0 20px}footer .container{grid-template-columns:2fr 1fr 1fr;gap:70px;display:grid}footer .logo{font-size:1.5rem}footer .logo-mark{border-width:3px;width:38px;height:38px}footer p,footer span{color:var(--muted);max-width:470px;line-height:1.7}footer .container>div{flex-direction:column;gap:14px;display:flex}.copyright{text-align:center;border-top:1px solid #ffffff10;margin:50px 3vw 0;padding-top:20px;font-size:.75rem}.auth-page{grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.auth-brand{background:radial-gradient(circle at 45% 60%,#c8ff3d14,#0000 36%);flex-direction:column;justify-content:space-between;padding:55px 7vw;display:flex}.auth-brand h1{max-width:700px;font-size:clamp(3rem,5vw,5.8rem);line-height:1}.auth-brand div>p:last-child{color:var(--muted);font-size:1.2rem}.login-panel{background:var(--cream);color:var(--ink);place-items:center;padding:30px;display:grid}.login-panel form{width:min(460px,100%)}.back{color:#747566;gap:8px;margin-bottom:70px;display:flex}.back svg{width:18px}.login-panel h2{margin-bottom:5px;font-size:2.6rem}.login-panel>form>p{color:#717267}.login-panel form>label{margin-top:25px;font-weight:600;display:block}.login-panel label>div{background:#fff;border:1px solid #c9c6b9;border-radius:12px;align-items:center;margin-top:8px;padding:0 14px;display:flex}.login-panel label svg{color:#858775;width:18px}.login-panel input{background:0 0;border:0;outline:0;width:100%;padding:15px}.login-options{justify-content:space-between;align-items:center;margin:20px 0;display:flex}.login-options label{font-weight:400}.login-options button{color:#5c662e;background:0 0;border:0}.login-panel .button{width:100%}.login-panel form>small{color:#858578;text-align:center;margin-top:25px;display:block}.not-found{text-align:center;place-content:center;justify-items:center;min-height:100vh;padding:25px;display:grid}.not-found .eyebrow{margin-top:70px}.not-found h1{margin:10px;font-size:clamp(2.5rem,6vw,5rem)}.not-found>p:not(.eyebrow){color:var(--muted);margin-bottom:30px}@keyframes wave{to{opacity:.6;transform:scaleY(.55)}}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media (width<=1100px){.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:760px;margin-bottom:60px;padding:0}.product-demo{width:100%}.problem-grid,.institution-grid{grid-template-columns:repeat(2,1fr)}.results-panel{grid-template-columns:repeat(3,1fr)}.mini-chart{grid-column:span 3}.nav{gap:22px}.nav a:not(.nav-cta){display:none}}@media (width<=720px){.container{width:min(100% - 32px,1440px)}.section{padding:75px 0}.header-inner{width:calc(100% - 32px);height:74px}.logo{font-size:1.55rem}.logo-mark{border-width:3px;width:40px;height:40px}.menu-button{display:block}.nav{border-bottom:1px solid var(--border);background:#191a16;flex-direction:column;align-items:stretch;padding:25px;display:none;position:absolute;top:74px;left:0;right:0}.nav.open{display:flex}.nav a:not(.nav-cta){display:block}.hero{min-height:auto;padding-top:110px}.hero h1{font-size:2.75rem}.hero-actions{flex-direction:column}.product-demo{height:auto;display:block}.practice{height:560px;padding:20px}.demo-side{border-left:0;border-top:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid}.chart{grid-column:span 2}.teacher-card{bottom:-40px;left:15px;right:15px}.teacher-card button{display:none}.prompt{top:85px;left:18px;right:18px}.ai-feedback{width:auto;bottom:40px;left:15px;right:15px}.problem-grid,.institution-grid,.solution-grid,.workflow-list,.technology .container,.contact .container,.form-grid,footer .container,.auth-page{grid-template-columns:1fr}.feature-card,.feature-card:nth-child(4),.feature-card:nth-child(5){grid-column:auto}.workflow-list li{border-left:0;border-top:1px solid var(--border)}.workflow-list li>svg{display:none}.results-panel{grid-template-columns:1fr}.mini-chart{grid-column:auto}.results-panel>div{border-right:0;border-bottom:1px solid var(--border)}.field:last-child{grid-column:auto}.contact .container{gap:45px}footer .container{gap:40px}.auth-brand{min-height:42vh;padding:30px 25px}.auth-brand h1{font-size:3rem}.login-panel{padding:55px 25px}.back{margin-bottom:45px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.logo-image{object-fit:contain;width:48px;height:48px;display:block}footer .logo-image{width:38px;height:38px}@media (width<=720px){.logo-image{width:40px;height:40px}}.ai-feedback>div{min-width:0}.feedback-heading{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.feedback-heading strong{font-size:1rem}.feedback-heading span{white-space:nowrap;color:var(--lime);background:#3d481e;border-radius:999px;flex:none;padding:5px 9px;font:500 .65rem Inter;display:inline-flex}.problem-card{isolation:isolate;background:linear-gradient(145deg,#fffaf0,#f4eddd);min-height:250px;overflow:hidden;box-shadow:0 16px 45px #35351b0f}.problem-card:before{content:"";z-index:2;background:linear-gradient(90deg,#a4bd42,#83906a 55%,#0000);height:3px;position:absolute;inset:0 0 auto}.problem-index{background:#eef0d9;border:1px solid #9ca86d;border-radius:999px;justify-content:center;align-items:center;width:46px;height:28px;display:inline-flex;color:#687130!important;font:600 .72rem IBM Plex Mono,monospace!important;position:relative!important;inset:auto!important}.problem-pattern{z-index:-1;opacity:.34;background:repeating-radial-gradient(circle,#0000 0 12px,#bac28e 13px 14px);border-radius:50%;width:145px;height:145px;position:absolute;top:25px;right:-25px}.problem-card:nth-child(2) .problem-pattern{background:repeating-linear-gradient(90deg,#0000 0 13px,#bac28e 14px 16px);transform:rotate(-18deg)}.problem-card:nth-child(3) .problem-pattern{background:radial-gradient(circle,#aeb97b 2px,#0000 3px) 0 0/16px 16px}.problem-card:nth-child(4) .problem-pattern{background:repeating-linear-gradient(135deg,#0000 0 12px,#bac28e 13px 14px)}.problem-card h3{max-width:85%;margin:64px 0 12px}@media (width<=480px){.ai-feedback{gap:12px;padding:18px}.ai-feedback>span{flex-basis:42px;height:42px}.feedback-heading{flex-direction:column;align-items:flex-start;gap:6px}.ai-feedback p{font-size:.95rem}.ai-feedback small{line-height:1.45;display:block}}
