:root{--ink:#080b16;--ink2:#10172b;--card:#17223e;--card2:#202d50;--purple:#9b8cff;--cyan:#58d9e8;--soft:#aeb9d3;--white:#f7f8ff;--line:#31405f;--orange:#ffb86b;--green:#79d7a7;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 82% 10%,#202c55 0,transparent 28%),linear-gradient(180deg,#121b36 0,#080b16 32%,#070a13 100%);color:var(--white);font-family:Inter,system-ui,sans-serif;line-height:1.5;overflow-x:hidden}.ambient{position:fixed;pointer-events:none;filter:blur(60px);opacity:.18;border-radius:50%;z-index:-1}.ambient-a{width:360px;height:360px;background:#6658ff;top:12%;left:-220px}.ambient-b{width:400px;height:400px;background:#20bcd2;right:-260px;top:45%}
a{color:inherit;text-decoration:none}.site-header{height:78px;max-width:var(--max);margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:28px;position:sticky;top:0;z-index:20;background:rgba(8,11,22,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.05)}.brand{display:flex;align-items:center;gap:10px;font-family:"Space Grotesk";font-size:18px;white-space:nowrap}.brand b{color:var(--purple)}.brand-mark{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#8b7cf5,#39b9cf);box-shadow:0 10px 28px #6c5df455}.nav{display:flex;gap:28px;color:#aeb9d3;font-size:13px;font-weight:600}.nav a:hover{color:#fff}.header-cta{padding:11px 16px;border:1px solid #485677;border-radius:12px;font-size:13px;font-weight:700}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:22px}
.section{max-width:var(--max);margin:auto;padding:96px 24px}.hero{min-height:720px;display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center;padding-top:90px}.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--cyan);font-weight:800}.pulse,.tiny-dot,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px #58d9e81c;margin-right:8px}.hero h1,h2{font-family:"Space Grotesk";letter-spacing:-.05em;line-height:.98}.hero h1{font-size:clamp(54px,7vw,88px);margin:20px 0 24px}.hero h1 em,h2 em{font-style:normal;color:var(--purple)}.hero-lead{font-size:18px;line-height:1.7;color:var(--soft);max-width:590px}.hero-actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:14px;padding:14px 20px;font:700 14px Inter;cursor:pointer;transition:.2s transform,.2s box-shadow,.2s background}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#9b8cff,#6e7ae8);color:#fff;box-shadow:0 14px 32px #7567df33}.btn-ghost{border:1px solid #405071;color:#dbe2f3}.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:25px;color:#7f8daa;font-size:11px;font-weight:600}.hero-card-wrap{position:relative}.glow-card{border:1px solid #3a4a70;background:linear-gradient(155deg,#26375e,#111a31);border-radius:30px;box-shadow:0 30px 90px #0007,0 0 80px #7062db16;padding:18px}.hero-card{transform:rotate(1.5deg)}.card-top,.panel-title,.answer-head{display:flex;align-items:center;justify-content:space-between}.card-top{padding:5px 6px 16px;color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.14em}.bolt{color:#ffd36b;font-size:25px}.mini-question{background:#101a31;border:1px solid #31405e;border-radius:18px;padding:18px;margin-bottom:12px}.mini-label{color:#7f8daa;font-size:9px;letter-spacing:.15em;font-weight:800}.mini-question p{margin:8px 0 0;color:#e8ecf7;font-size:15px;line-height:1.6}.mini-answer{padding:18px;background:linear-gradient(145deg,#263758,#17233f);border-radius:18px}.answer-head{justify-content:flex-start;gap:10px}.orb,.empty-orb{display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#8d7ef5,#42bdd0);color:#fff}.orb{width:38px;height:38px}.answer-head b,.answer-head small{display:block}.answer-head small{color:var(--cyan);font-size:10px;margin-top:2px}.step{display:grid;grid-template-columns:27px 1fr;gap:10px;margin-top:16px}.step>span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#554b91;font-size:11px;font-weight:800}.step b{font-size:12px}.step p{margin:3px 0;color:#9da9c4;font-size:11px}.step code{display:block;background:#0c1427;border-radius:9px;padding:8px;color:var(--cyan);font-size:11px;margin-top:6px}.final-answer{border-top:1px solid #465476;margin-top:16px;padding-top:14px}.final-answer small{display:block;color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:.14em}.final-answer strong{display:block;font-family:"Space Grotesk";font-size:23px;margin-top:5px}.floating-chip{position:absolute;padding:10px 13px;border:1px solid #3f4d6b;background:#10172bdb;backdrop-filter:blur(10px);border-radius:13px;color:#dce3f4;font-size:11px;font-weight:700;box-shadow:0 12px 35px #0006}.chip-one{left:-34px;bottom:70px}.chip-two{right:-25px;top:70px}
.stats{padding-top:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border-top:1px solid #26324d;border-bottom:1px solid #26324d}.stats div{padding:25px 15px;text-align:center;border-right:1px solid #26324d}.stats div:last-child{border:0}.stats strong{display:block;font:700 30px "Space Grotesk"}.stats span{color:#7f8daa;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:40px}.section-heading h2{font-size:clamp(38px,5vw,62px);margin:13px 0 0}.section-heading>p{max-width:430px;color:var(--soft);font-size:14px}.center{display:block;text-align:center}.center>p{margin:18px auto 0}
.solver-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{border:1px solid #30405f;background:linear-gradient(155deg,#1e2d4e,#111a31);border-radius:26px;padding:22px;box-shadow:0 22px 70px #0003}.panel-title{margin-bottom:20px}.panel-title b,.panel-title small{display:block}.panel-title small{color:#8e9ab5;font-size:11px;margin-top:3px}.bolt.big{font-size:27px}label[for=question]{display:block;color:#9ba8c2;font-size:11px;font-weight:700;margin-bottom:8px}.solver-panel textarea{width:100%;height:155px;resize:vertical;border-radius:17px;border:1px solid #394a6b;background:#0e172b;color:#fff;padding:15px;font:14px Inter;outline:none}.solver-panel textarea:focus{border-color:var(--purple);box-shadow:0 0 0 4px #9b8cff14}.solver-panel textarea::placeholder{color:#697795}.upload-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.upload-btn{display:flex;align-items:center;justify-content:center;height:48px;border:1px solid #53627f;border-radius:14px;cursor:pointer;color:#e8ecf6;font-size:13px;font-weight:700}.upload-btn input{display:none}.solve-btn{height:48px}.image-status{font-size:11px;color:var(--cyan);min-height:18px;padding:8px 2px 0}.subject-picker{border-top:1px solid #2d3b58;margin-top:13px;padding-top:16px}.subject-picker>span{font-size:9px;letter-spacing:.14em;color:#74829e;font-weight:800}.subject-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px}.subject-tab{border:1px solid #31405f;background:#111a30;color:#8e9ab5;border-radius:11px;padding:10px 5px;font-size:11px;cursor:pointer}.subject-tab.active{background:#2c355f;border-color:#6658b9;color:#fff}.subject-tab span{display:block;margin-top:2px}.demo-note{font-size:10px;color:#687795;margin:15px 2px 0}.solution-panel{min-height:490px;display:flex;align-items:center;justify-content:center}.empty-state{text-align:center;max-width:360px;color:#8f9bb5}.empty-orb{width:60px;height:60px;margin:0 auto 18px;border-radius:20px;font-size:25px}.empty-state h3{color:#eef1f9;font:700 19px "Space Grotesk";margin:0}.empty-state p{font-size:12px}.suggestions{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin-top:18px}.suggestions button{border:1px solid #394a69;background:#121c32;color:#aeb9d3;border-radius:10px;padding:8px 10px;font-size:10px;cursor:pointer}.hidden{display:none}.solution{width:100%}.solution .answer-head{margin-bottom:18px}.solution h3{font:700 19px "Space Grotesk";margin:4px 0}.solution .topic{color:var(--cyan);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.solution-step{display:grid;grid-template-columns:30px 1fr;gap:11px;margin:15px 0}.solution-step>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#51468e;font-size:11px;font-weight:800}.solution-step b{font-size:12px}.solution-step p{font-size:11px;color:#a9b4ca;margin:3px 0}.solution-step code{display:block;background:#0c1427;color:var(--cyan);border-radius:9px;padding:9px;font-size:11px;margin-top:6px}.answer-final{border-top:1px solid #465477;margin-top:17px;padding-top:14px}.answer-final small{color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:.12em}.answer-final strong{display:block;font:700 24px "Space Grotesk";margin-top:4px}
.subject-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.subject-card{min-height:300px;padding:22px;border:1px solid #30405f;background:linear-gradient(160deg,#1e2b4a,#121b31);border-radius:24px;position:relative;overflow:hidden}.subject-card:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-100px;top:-100px;background:currentColor;filter:blur(40px);opacity:.08}.subject-icon{width:53px;height:53px;border-radius:17px;display:grid;place-items:center;font:700 21px "Space Grotesk";background:currentColor;color:#fff1;margin-bottom:30px}.tag{font-size:9px;letter-spacing:.14em;font-weight:800}.subject-card h3{font:700 23px "Space Grotesk";margin:8px 0}.subject-card p{font-size:12px;color:#9aa6c0;line-height:1.7}.subject-card a{position:absolute;bottom:20px;font-size:11px;font-weight:800}.purple{color:var(--purple)}.cyan{color:var(--cyan)}.orange{color:var(--orange)}.green{color:var(--green)}
.how-section{background:linear-gradient(180deg,transparent,#0b1020 40%,transparent)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.how-step{border-top:1px solid #354462;padding:22px 10px 0}.how-step>span{font:700 11px "Space Grotesk";color:#687795}.how-icon{font-size:27px;margin:26px 0 20px;color:var(--purple)}.how-step h3{font:700 19px "Space Grotesk";margin:0}.how-step p{color:#929fba;font-size:12px;max-width:290px}
.practice-card{display:grid;grid-template-columns:1fr 360px;gap:40px;padding:38px;border-radius:30px;border:1px solid #4b4c79;background:radial-gradient(circle at 80% 10%,#5444a433,transparent 35%),linear-gradient(140deg,#272c59,#151d37);overflow:hidden}.practice-card h2{font-size:clamp(40px,5vw,62px);margin:14px 0}.practice-card p{color:#aab5cd;max-width:450px}.quiz-preview{background:#10182d;border:1px solid #3a4969;border-radius:20px;padding:18px}.quiz-preview>span{color:var(--cyan);font-size:9px;letter-spacing:.12em;font-weight:800}.quiz-preview h3{font:700 18px "Space Grotesk";line-height:1.25}.quiz-option{padding:11px 12px;border:1px solid #2f3e5c;border-radius:11px;margin:7px 0;font-size:11px;color:#9da9c0;display:flex;gap:10px}.quiz-option b{color:#e9edf6}.quiz-option.correct{border-color:#58d9e855;background:#58d9e80d}.quiz-option span{margin-left:auto;color:var(--cyan)}
.faq-list{max-width:850px;margin:auto;border-top:1px solid #2d3a56}.faq-list details{border-bottom:1px solid #2d3a56;padding:20px 0}.faq-list summary{list-style:none;cursor:pointer;font:600 15px "Space Grotesk";display:flex;justify-content:space-between}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#8d9ab5}.faq-list p{color:#909db7;font-size:12px;max-width:720px;margin:13px 0 0}.cta-section{text-align:center;padding-bottom:120px}.cta-inner{padding:72px 20px;border-radius:30px;background:linear-gradient(145deg,#1d2850,#11182d);border:1px solid #334362}.cta-inner h2{font-size:clamp(42px,6vw,70px);margin:16px 0}.cta-inner p{color:#99a5be;margin-bottom:28px}
.footer{max-width:var(--max);margin:auto;border-top:1px solid #222e48;padding:45px 24px 55px;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:25px}.footer-brand{font-family:"Space Grotesk";font-size:16px}.footer-brand .brand-mark{display:inline-grid;margin-right:8px}.footer-brand p{font:12px Inter;color:#697795;margin:9px 0 0}.footer-links{display:flex;gap:22px;color:#8290aa;font-size:11px}.footer-links a:hover{color:#fff}.footer-copy{text-align:right;color:#58657f;font-size:10px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#eaf0ff;color:#10172b;padding:11px 15px;border-radius:11px;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:.25s;z-index:50}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.nav{display:none}.menu-btn{display:block}.hero{grid-template-columns:1fr;min-height:auto;padding-top:65px}.hero-card-wrap{max-width:650px;margin:20px auto 0;width:100%}.subject-grid{grid-template-columns:1fr 1fr}.solver-layout{grid-template-columns:1fr}.practice-card{grid-template-columns:1fr}.footer{grid-template-columns:1fr 1fr}.footer-copy{text-align:left;grid-column:1/-1}.stats{grid-template-columns:repeat(2,1fr)}.stats div:nth-child(2){border-right:0}.section-heading{display:block}.section-heading>p{margin-top:18px}}
@media(max-width:560px){.site-header{padding:0 16px}.header-cta{display:none}.section{padding:70px 17px}.hero{padding-top:45px}.hero h1{font-size:52px}.hero-lead{font-size:15px}.hero-actions{flex-direction:column}.trust-row{gap:9px;display:grid}.floating-chip{display:none}.stats{margin:0 17px}.stats div{padding:20px 7px}.subject-grid,.steps-grid{grid-template-columns:1fr}.subject-card{min-height:250px}.upload-row{grid-template-columns:1fr}.subject-tabs{grid-template-columns:repeat(2,1fr)}.practice-card{padding:24px}.footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.footer-copy{grid-column:auto}.solver-panel,.solution-panel{padding:17px}.section-heading h2{font-size:40px}}
