/* BoiOrbit — Deep Navy design system */
:root{--bg:#0D1024;--bg-2:#111630;--surface:#151B38;--surface-2:#1A2142;--purple:#8B6CFF;--cyan:#51D8E8;--pink:#F58AC8;--gold:#F5C76B;--text:#F6F7FF;--muted:#A6AEC9;--line:rgba(177,188,231,.13);--font:'DM Sans',sans-serif;--display:'Outfit',sans-serif}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.ambient{position:absolute;pointer-events:none;filter:blur(100px);opacity:.16;border-radius:50%;z-index:-1}.ambient-one{width:420px;height:420px;background:var(--purple);top:100px;left:-230px}.ambient-two{width:380px;height:380px;background:#176d9b;top:540px;right:-220px}.site-header{height:82px;position:sticky;top:0;z-index:50;background:rgba(13,16,36,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.055)}.navbar{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;font:800 24px var(--display);letter-spacing:-1px}.brand>span:last-child>span{color:var(--purple)}.brand-mark{width:29px;height:29px;display:flex;align-items:center;justify-content:center;gap:2px;transform:skew(-15deg)}.brand-mark span{display:block;width:6px;border-radius:6px;background:linear-gradient(180deg,var(--cyan),var(--purple))}.brand-mark span:nth-child(1){height:14px}.brand-mark span:nth-child(2){height:25px}.brand-mark span:nth-child(3){height:19px}.nav-links{display:flex;align-items:center;gap:31px}.nav-links>a:not(.btn){font-size:13px;color:#C4C9DC;transition:color .2s}.nav-links>a:not(.btn):hover{color:white}.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:14px 22px;border-radius:10px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(110deg,#8B6CFF,#6D75F8 60%,#55CDE1);color:white;box-shadow:0 9px 30px rgba(125,105,255,.22)}.btn-primary:hover{box-shadow:0 12px 34px rgba(125,105,255,.35)}.btn-outline{border:1px solid rgba(176,163,255,.45);color:#E7E4FF;background:rgba(139,108,255,.07)}.btn-outline:hover{border-color:var(--purple);background:rgba(139,108,255,.14)}.btn-small{padding:10px 16px;font-size:12px}.btn-quiet{color:#D4D8E9;padding-inline:12px}.btn-quiet:hover{color:white}.play-icon{width:25px;height:25px;border:1px solid #656D8D;border-radius:50%;display:grid;place-items:center;font-size:9px;padding-left:2px}.menu-toggle{display:none;background:none;border:0}.hero{min-height:690px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;position:relative;padding-top:40px;padding-bottom:90px}.hero-copy{position:relative;z-index:2;padding-bottom:12px}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:800;color:#AFA2FF;display:flex;align-items:center;gap:9px}.eyebrow-dot{width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan)}h1,h2,h3{font-family:var(--display);letter-spacing:-1.6px}h1{font-size:clamp(52px,6vw,76px);line-height:1.04;font-weight:700;margin:24px 0 20px}h2{font-size:clamp(38px,4.5vw,54px);line-height:1.08;font-weight:650;margin:17px 0}.gradient-text{background:linear-gradient(100deg,#A996FF 5%,#70DCEB 85%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{font-size:15px;color:var(--muted);max-width:480px;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:17px;margin-top:31px}.hero-proof{display:flex;align-items:center;gap:13px;margin-top:45px}.proof-avatars{display:flex;padding-left:3px}.proof-avatars span{width:30px;height:30px;margin-left:-4px;border-radius:50%;display:grid;place-items:center;background:#302A60;border:2px solid var(--bg);font-size:12px;font-weight:700}.proof-avatars span:nth-child(2){background:#174C5B}.proof-avatars span:nth-child(3){background:#593A65}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:11px}.hero-proof small{font-size:10px;color:#8F98B8;margin-top:2px}.hero-visual{height:540px;position:relative;display:grid;place-items:center}.phone{width:264px;height:520px;padding:8px;border-radius:35px;background:linear-gradient(145deg,#A8B1D4,#333B63 18%,#080B19 55%,#6C5BB3);box-shadow:0 35px 90px rgba(0,0,0,.55),0 0 70px rgba(139,108,255,.2);position:relative;z-index:2;transform:rotate(3deg)}.phone:before{content:"";position:absolute;inset:3px;border-radius:33px;border:1px solid rgba(255,255,255,.35);pointer-events:none}.phone-island{position:absolute;top:13px;left:50%;transform:translateX(-50%);width:75px;height:17px;border-radius:20px;background:#070914;z-index:4}.phone-screen{height:100%;border-radius:28px;background:#10152D;padding:36px 14px 12px;overflow:hidden}.app-top{display:flex;align-items:center;justify-content:space-between}.app-top small,.streak-card small{display:block;font-size:7px;letter-spacing:1px;color:#939DBE}.app-top b{font-size:13px;display:block;margin-top:2px}.app-avatar{width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,var(--purple),#4A9FE4);display:grid;place-items:center;font-weight:800}.streak-card{margin-top:17px;padding:13px;border-radius:12px;background:linear-gradient(110deg,#352A69,#1A4D67);display:flex;justify-content:space-between;align-items:center}.streak-card b{font:600 12px var(--display);display:block;margin-top:4px}.streak-flame{width:31px;height:31px;border-radius:10px;background:#FFFFFF20;display:grid;place-items:center;color:#8FE8F1}.phone-section-title{display:flex;justify-content:space-between;align-items:center;margin:17px 0 9px;font-size:10px}.phone-section-title small{color:var(--cyan);font-size:8px}.subject-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.subject{height:76px;border-radius:10px;padding:9px;display:flex;flex-direction:column;justify-content:space-between}.subject>span{font-size:17px;font-weight:700}.subject b{font-size:9px}.subject small{font-size:7px;color:#D3D8EA}.subject-purple{background:linear-gradient(140deg,#493A82,#29294E)}.subject-cyan{background:linear-gradient(140deg,#1D6575,#203B5B)}.subject-pink{background:linear-gradient(140deg,#78456F,#392C57)}.subject-gold{background:linear-gradient(140deg,#80613B,#493C4D)}.continue-card{background:#1B2342;border:1px solid #30385A;border-radius:10px;padding:9px;display:flex;align-items:center;gap:9px}.book-icon{width:30px;height:30px;border-radius:8px;background:#55448B;display:grid;place-items:center}.continue-card b,.continue-card small{display:block}.continue-card b{font-size:9px}.continue-card small{font-size:7px;color:#A0A9C5}.continue-card>span{margin-left:auto;color:var(--cyan)}.phone-nav{display:flex;justify-content:space-around;margin-top:16px;color:#77809F;text-align:center}.phone-nav>span{font-size:14px}.phone-nav small{display:block;font-size:7px}.phone-nav .active{color:var(--cyan)}.orbit{position:absolute;border:1px solid rgba(157,143,255,.23);border-radius:50%;transform:rotate(-22deg)}.orbit-a{width:490px;height:230px}.orbit-b{width:420px;height:330px;transform:rotate(54deg);border-color:rgba(81,216,232,.18)}.orbit-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}.dot-a{top:93px;right:78px}.dot-b{bottom:75px;left:62px;background:var(--pink);box-shadow:0 0 18px var(--pink)}.floating-note{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:12px 14px;background:rgba(28,34,67,.88);border:1px solid rgba(190,195,255,.17);backdrop-filter:blur(12px);border-radius:12px;box-shadow:0 15px 35px #05071480}.floating-note b,.floating-note small{display:block}.floating-note b{font-size:10px}.floating-note small{font-size:8px;color:#A5ADC7;margin-top:2px}.note-icon{width:29px;height:29px;border-radius:9px;display:grid;place-items:center}.note-icon.cyan{background:#51D8E822;color:var(--cyan)}.note-icon.purple{background:#8B6CFF28;color:#B9A9FF}.note-top{top:95px;right:-5px}.note-bottom{bottom:75px;left:-22px}.scroll-cue{position:absolute;bottom:28px;left:0;color:#747E9E;font-size:8px;letter-spacing:2px;display:flex;align-items:center;gap:10px}.scroll-cue span{height:25px;width:15px;border:1px solid #606A8B;border-radius:12px;position:relative}.scroll-cue span:after{content:"";position:absolute;width:2px;height:5px;background:var(--cyan);top:5px;left:5px;border-radius:2px}.trust-strip{border-block:1px solid var(--line);background:rgba(255,255,255,.015)}.trust-inner{height:76px;display:flex;align-items:center;justify-content:center;gap:30px;color:#AAB2CE}.trust-inner>span{font-size:9px;letter-spacing:1.8px;color:#747E9C}.trust-inner b{font:700 11px var(--display);letter-spacing:1.5px;color:#D8DCEF}.trust-inner i{width:4px;height:4px;border-radius:50%;background:var(--purple)}.section{padding-top:112px;padding-bottom:112px}.section-heading{text-align:center;max-width:620px;margin:0 auto 48px}.section-heading .eyebrow{justify-content:center}.section-heading p,.classes-copy p,.faq-intro p{color:var(--muted);font-size:14px;line-height:1.85}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.feature-card{min-height:295px;padding:28px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,rgba(29,36,71,.9),rgba(18,23,48,.85));position:relative;overflow:hidden}.feature-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(139,108,255,.08);filter:blur(50px);right:-90px;bottom:-100px}.feature-large{grid-row:span 2;min-height:610px}.feature-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:20px;margin-bottom:24px}.purple-bg{background:#8B6CFF24;color:#B6A4FF}.cyan-bg{background:#51D8E824;color:var(--cyan)}.pink-bg{background:#F58AC824;color:var(--pink)}.gold-bg{background:#F5C76B24;color:var(--gold)}.card-kicker{font-size:8px;letter-spacing:1.8px;color:#858EAE;font-weight:800}.feature-card h3{font-size:23px;margin:9px 0}.feature-card p{font-size:12px;line-height:1.8;color:var(--muted);max-width:390px}.mini-chapters{margin-top:36px;display:grid;gap:10px;max-width:380px}.mini-chapters span{display:grid;grid-template-columns:85px 1fr 20px;align-items:center;padding:13px 14px;border-radius:9px;background:#20274A;border:1px solid #343B60;color:#929CBC;font-size:9px}.mini-chapters b{color:#E6E9F7;font-size:10px}.mini-chapters em{font-style:normal;color:var(--cyan)}.quiz-preview{margin-top:23px;padding:15px;border-radius:11px;background:#10162F;border:1px solid #30395D}.quiz-preview>span{font-size:7px;letter-spacing:1.4px;color:var(--cyan)}.quiz-preview>b{display:block;font-size:13px;margin:7px 0 12px}.quiz-preview>div{display:flex;gap:7px}.quiz-preview i{height:7px;border-radius:5px;background:#4C4A84;flex:1}.quiz-preview i:first-child{background:var(--purple)}.solution-line{display:flex;align-items:center;gap:11px;margin-top:25px;padding:12px;border-radius:10px;background:#102F3B}.solution-line>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#51D8E822;color:var(--cyan)}.solution-line b,.solution-line small{display:block}.solution-line b{font-size:10px}.solution-line small{font-size:8px;color:#9AA9C5}.test-progress{margin-top:30px;padding:14px;border-radius:10px;background:#292747}.test-progress>div{display:flex;justify-content:space-between;font-size:9px}.test-progress>div span{color:#C2BEDD}.test-progress>div b{color:var(--gold)}.test-progress>i{display:block;height:5px;background:#514C72;border-radius:5px;margin-top:12px;overflow:hidden}.test-progress>i span{display:block;width:67%;height:100%;background:linear-gradient(90deg,var(--purple),var(--cyan));border-radius:5px}.classes-section{padding:105px 0;background:linear-gradient(110deg,#111630,#151A39 50%,#10162C);border-block:1px solid var(--line)}.classes-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:center}.classes-copy h2{font-size:53px}.classes-copy p{max-width:350px;margin-bottom:24px}.text-link{color:#B9ACFF;font-size:12px;font-weight:700}.text-link span{margin-left:8px}.class-panel{padding:25px;border-radius:18px;border:1px solid #363D64;background:rgba(9,14,34,.52);box-shadow:0 25px 65px #05081955}.class-panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.class-panel-top small,.class-panel-top b{display:block}.class-panel-top small{font-size:8px;letter-spacing:1.6px;color:#9099B9}.class-panel-top b{font:600 18px var(--display);margin-top:3px}.class-spark{font-size:23px;color:var(--cyan)}.class-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.class-item{border:1px solid #353D61;background:#1B2242;border-radius:10px;min-height:88px;color:#F5F6FF;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:12px;cursor:pointer;transition:.2s}.class-item small{font-size:7px;letter-spacing:1.2px;color:#8E98B9}.class-item b{font:700 25px var(--display);line-height:1.3}.class-item:hover,.class-item.selected{transform:translateY(-3px);border-color:var(--purple);background:linear-gradient(145deg,#41356F,#1C2D50);box-shadow:0 8px 22px #6C58C333}.class-selection{margin-top:17px;padding-top:13px;border-top:1px solid var(--line);font-size:10px;color:#A4AEC9;display:flex;justify-content:space-between}.class-selection span{color:var(--cyan)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.step{position:relative;padding:4px 12px}.step-number{font:700 35px var(--display);color:#9B87FF}.step-line{height:1px;background:linear-gradient(90deg,#7663D8,transparent);margin:17px 0 22px;position:relative}.step-line:before{content:"";position:absolute;left:0;top:-3px;width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan)}.step h3{font-size:19px;letter-spacing:-.5px;margin-bottom:8px}.step p{font-size:12px;color:var(--muted);max-width:270px;line-height:1.8}.pricing-section{padding:105px 0;background:#10152D;border-block:1px solid var(--line)}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:790px;margin:0 auto}.price-card{padding:29px;border-radius:17px;background:#171E3B;border:1px solid #303858;position:relative}.premium-card{border-color:#7865D7;background:linear-gradient(150deg,#26234F,#171F3C 65%);box-shadow:0 20px 55px #080B1D80}.popular-tag{position:absolute;top:0;right:25px;padding:7px 12px;border-radius:0 0 8px 8px;background:linear-gradient(90deg,var(--purple),#5E91E5);font-size:7px;letter-spacing:1px;font-weight:800}.price-label{font-size:8px;letter-spacing:1.8px;color:#A89AFF;font-weight:800}.price-card h3{font-size:30px;margin-top:9px}.price-description{font-size:11px;color:var(--muted);margin-top:4px}.price-amount{font:700 28px var(--display);margin:22px 0}.price-amount small{font:400 10px var(--font);color:#9CA5C2}.btn-full{width:100%}.price-divider{height:1px;background:var(--line);margin:23px 0}.price-card ul{list-style:none;display:grid;gap:12px}.price-card li{font-size:11px;color:#B9C0D7;display:flex;gap:10px;align-items:center}.price-card li:before{content:"✓";color:var(--cyan);font-weight:800}.price-card .check-highlight{color:#DCD6FF}.pricing-note{text-align:center;font-size:9px;color:#77819F;margin-top:20px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-intro h2{font-size:45px}.faq-intro p{max-width:300px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;background:none;border:0;color:#EEF0FC;padding:20px 2px;font:600 14px var(--display);cursor:pointer}.faq-question span{font-size:20px;color:#A99AFF;transition:transform .2s}.faq-question[aria-expanded="true"] span{transform:rotate(45deg)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s}.faq-answer p{overflow:hidden;color:var(--muted);font-size:11px;line-height:1.8;padding:0 25px 0 2px}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-item.open .faq-answer p{padding-bottom:19px}.download-section{padding-bottom:105px}.download-card{min-height:355px;border-radius:22px;position:relative;overflow:hidden;padding:55px 65px;background:linear-gradient(110deg,#282257,#202B57 60%,#16485C);border:1px solid #6961A7;display:flex;align-items:center}.download-content{position:relative;z-index:2;max-width:510px}.download-content h2{font-size:45px}.download-content p{font-size:12px;color:#C2C7DE;max-width:390px;line-height:1.8;margin-bottom:23px}.download-content>small{display:block;font-size:9px;color:#A8B1D0;margin-top:12px}.download-art{position:absolute;right:90px;top:50%;transform:translateY(-50%);width:260px;height:260px;display:grid;place-items:center}.download-ring{position:absolute;border:1px solid #B7C6FF55;border-radius:50%;transform:rotate(-25deg)}.ring-one{width:250px;height:110px}.ring-two{width:190px;height:230px;transform:rotate(45deg)}.download-book{width:115px;height:135px;border-radius:12px 20px 20px 12px;background:linear-gradient(135deg,#B5A2FF,#6956C8 55%,#314C91);box-shadow:14px 17px 35px #070A2180,inset 5px 0 0 #FFFFFF25;display:grid;place-items:center;font:800 65px var(--display);position:relative}.download-book span{position:absolute;font-size:20px;right:20px;top:17px;color:#BDF6FF}.download-star{position:absolute;color:#C6F5FF;font-size:24px}.star-one{top:20px;right:22px}.star-two{bottom:26px;left:16px;color:#E9B7FF}.download-orb{position:absolute;width:300px;height:300px;border-radius:50%;background:#6F7BFF;filter:blur(110px);opacity:.35;right:130px}.footer{background:#090D1F;border-top:1px solid var(--line)}.footer-main{padding:55px 0 45px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}.footer-brand p{font-size:10px;color:#8791AE;line-height:1.8;margin-top:14px}.footer-column{display:flex;flex-direction:column;gap:11px}.footer-column b{font-size:10px;margin-bottom:5px}.footer-column a{font-size:10px;color:#929BB7}.footer-column a:hover{color:var(--cyan)}.footer-bottom{border-top:1px solid var(--line);padding:17px 0;display:flex;justify-content:space-between;color:#737E9D;font-size:9px}.footer-bottom b{color:var(--purple)}