:root{--ink:#1d1d1b;--muted:#676760;--paper:#f4f1e9;--white:#fff;--orange:#ff6038;--lime:#d9ff70;--line:#d8d4ca;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.section{padding:120px max(5vw,24px)}.header{height:88px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:20}.logo{font:600 23px Unbounded,sans-serif;display:flex;align-items:center;gap:9px}.logo span,.mini-logo{display:grid;place-items:center;background:var(--orange);color:white;border-radius:50%;width:34px;height:34px}.nav{display:flex;gap:35px;font-size:14px;font-weight:600}.nav a{transition:.2s}.nav a:hover{color:var(--orange)}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:100px;padding:17px 24px;font-weight:700;font-size:14px;transition:.25s}.button:hover{transform:translateY(-2px)}.button-small{padding:12px 20px}.button-dark{background:var(--ink);color:white}.button-primary{background:var(--orange);color:white}.menu-button{display:none;border:0;background:none}.hero{min-height:740px;display:grid;grid-template-columns:1.03fr .97fr;gap:5vw;align-items:center;padding-top:72px;padding-bottom:95px}.eyebrow{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.13em;display:flex;align-items:center;gap:10px}.eyebrow span{width:8px;height:8px;border-radius:50%;background:var(--orange)}h1,h2,h3,p{margin-top:0}.hero h1{font:600 clamp(38px,4.25vw,64px)/1.06 Unbounded,sans-serif;letter-spacing:-.05em;margin:23px 0 27px}.hero h1 em,.how h2 em,.clarity-title em{color:var(--orange);font-style:normal}.hero-text{font-size:18px;line-height:1.65;max-width:680px;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:30px;margin:35px 0 27px}.text-link{font-weight:700;font-size:14px;border-bottom:1px solid;padding-bottom:4px}.hero-note{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:13px}.hero-note span{color:#4f8a3b}.platform-preview{background:#242421;border-radius:30px;padding:18px;box-shadow:0 35px 70px #40382828;position:relative;transform:rotate(1.5deg)}.preview-top{height:50px;display:flex;align-items:center}.mini-logo{width:30px;height:30px;font:600 13px Unbounded}.window-dots{display:flex;gap:5px;margin:auto}.window-dots i{width:5px;height:5px;background:#6e6e68;border-radius:50%}.avatar{background:var(--lime);width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:800}.preview-body{background:#f7f6f1;border-radius:19px;min-height:410px;display:grid;grid-template-columns:115px 1fr;overflow:hidden}.preview-side{background:#eceae3;padding:27px 15px;display:flex;flex-direction:column;gap:25px;font-size:10px;color:#777}.preview-side b{font-size:12px;color:#222;margin-bottom:9px}.preview-side .active{background:#fff;color:#222;margin:-8px;padding:10px 8px;border-radius:6px;font-weight:800}.preview-content{padding:32px 25px}.preview-content>p{font-size:9px;color:#777;margin-bottom:7px}.preview-content>h3{font-size:18px;margin-bottom:22px}.lesson-card{display:grid;grid-template-columns:43% 57%;background:white;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #25251e0d}.lesson-image{min-height:145px;background:linear-gradient(145deg,#ff6038,#ffbd6e);display:grid;place-items:center;position:relative}.play{background:white;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:11px;padding-left:2px}.lesson-image small{position:absolute;right:8px;bottom:8px;background:#222;color:#fff;border-radius:4px;padding:3px 6px;font-size:7px}.lesson-info{padding:17px 14px}.tag{font-size:7px;color:#fa5833;font-weight:800}.lesson-info b{font-size:13px;display:block;margin:9px 0 3px}.lesson-info p,.lesson-info small{font-size:7px;color:#888}.progress{height:4px;background:#eee;border-radius:5px;margin:17px 0 4px}.progress i{display:block;background:var(--orange);height:100%;width:72%;border-radius:5px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.stat-row div{background:#eceae3;border-radius:10px;padding:11px}.stat-row b,.stat-row span{display:block}.stat-row b{font-size:14px}.stat-row span{font-size:7px;color:#777}.float-card{position:absolute;background:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 10px 35px #1f1d1840;display:flex;align-items:center;gap:10px;font-size:10px}.float-card>span{background:var(--lime);width:29px;height:29px;display:grid;place-items:center;border-radius:50%;font-weight:800}.float-card b,.float-card small{display:block}.float-card small{color:#888;margin-top:2px}.float-one{right:-27px;top:100px}.float-two{left:-35px;bottom:45px}.float-two>span{background:var(--orange);color:white}.marquee{background:var(--ink);color:white;overflow:hidden;white-space:nowrap;padding:20px 0;font:500 15px Unbounded}.marquee-track{display:flex;width:max-content;animation:marquee 28s linear infinite}.marquee-track>span{display:block;flex:none}.marquee i{font-style:normal;color:var(--orange);margin:0 22px}@keyframes marquee{to{transform:translateX(-50%)}}.section-label{font-size:11px;letter-spacing:.15em;font-weight:800;border-top:1px solid var(--line);padding-top:14px}.intro-copy{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;margin:55px 0 65px}.intro-copy h2,.clarity-title h2,.faq h2{font:600 clamp(38px,5vw,68px)/1.05 Unbounded;letter-spacing:-.05em;margin:0}.intro-copy h2 span{color:#a5a198}.intro-copy p,.how-heading p,.clarity-title p{font-size:17px;line-height:1.7;color:var(--muted);max-width:530px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.feature{min-height:340px;border:1px solid var(--line);border-radius:var(--radius);padding:25px;display:flex;flex-direction:column}.feature-number{font-size:10px;color:#888}.feature-icon{margin:auto 0 45px;width:60px;height:60px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font:600 18px Unbounded}.feature h3{font-size:20px;margin-bottom:10px}.feature p{color:var(--muted);font-size:13px;line-height:1.65;margin:0}.feature-accent{background:var(--orange);color:white;border:0;transform:translateY(-12px)}.feature-accent p,.feature-accent .feature-number{color:#ffe2da}.feature-accent .feature-icon{border-color:#ff9a81}.feature-lime{background:var(--lime);border-color:var(--lime)}.feature-lime .feature-icon{border-color:#a9cb4e;background:#e7ff9f}.feature-lime p{color:#4f5b2e}.feature-dark{background:var(--ink);color:white}.feature-dark p{color:#aaa}.how{background:var(--ink);color:#fff}.section-label.light{border-color:#484844;color:#aaa}.how-heading{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;margin:55px 0 80px}.how h2{font:500 clamp(40px,5vw,70px)/1.05 Unbounded;letter-spacing:-.05em;margin:0}.how-heading p{color:#aaa}.steps{list-style:none;margin:0;padding:0;border-top:1px solid #444}.steps li{display:grid;grid-template-columns:17% 83%;padding:35px 0;border-bottom:1px solid #444}.steps>li>span{color:var(--orange);font:500 14px Unbounded}.steps li div{display:grid;grid-template-columns:42% 58%}.steps h3{font-size:24px}.steps p{color:#aaa;line-height:1.6;max-width:490px}.clarity-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:7vw;margin-top:55px}.asterisk{width:65px;height:65px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-size:30px;margin-bottom:40px}.clarity-title h2{font-size:clamp(36px,4vw,58px);margin-bottom:25px}.compare{border:1px solid var(--line);border-radius:var(--radius);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:#faf8f2}.compare-column{padding:32px}.compare-column+div{border-left:1px solid var(--line)}.compare h3{font-size:15px;padding-bottom:22px;border-bottom:1px solid var(--line)}.compare h3 span{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;margin-right:8px}.yes h3 span{background:var(--lime)}.no h3 span{background:#eadfd9;color:#a34432}.compare ul{list-style:none;margin:0;padding:0}.compare li{padding:13px 0;border-bottom:1px solid #e8e4dc;font-size:13px}.compare li:before{content:'—';color:#aaa;margin-right:9px}.access{padding-top:20px}.access-card{position:relative;background:var(--orange);color:white;border-radius:35px;min-height:490px;padding:65px 7%;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden}.access-copy h2{font:600 clamp(45px,5vw,72px)/1.02 Unbounded;letter-spacing:-.05em;margin:25px 0}.access-copy p{max-width:540px;line-height:1.6;color:#ffe1d9}.orbit{height:390px;position:relative;display:grid;place-items:center}.orbit-core{width:130px;height:130px;border-radius:50%;background:var(--ink);display:grid;place-items:center;font:600 55px Unbounded;z-index:2}.orbit-line{position:absolute;border:1px solid #ff967c;border-radius:50%}.orbit-line.one{width:320px;height:320px}.orbit-line.two{width:440px;height:230px;transform:rotate(-25deg)}.planet{position:absolute;background:var(--lime);color:var(--ink);border-radius:50%;width:54px;height:54px;display:grid;place-items:center;font:600 13px Unbounded;z-index:3}.p1{top:25px;left:22%}.p2{right:8%;top:48%}.p3{bottom:30px;left:25%;background:white}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;margin-top:55px}.accordion{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{font:700 17px Manrope;width:100%;padding:25px 0;border:0;background:none;display:flex;justify-content:space-between;text-align:left;cursor:pointer}.faq-item button span{font-size:25px;font-weight:400;transition:.25s}.faq-item.open button span{transform:rotate(45deg)}.answer{display:grid;grid-template-rows:0fr;transition:.3s}.answer p{overflow:hidden;color:var(--muted);line-height:1.6;max-width:620px;margin:0}.faq-item.open .answer{grid-template-rows:1fr}.faq-item.open .answer p{padding-bottom:25px}.footer{background:var(--ink);color:white;padding:30px max(5vw,24px);display:grid;grid-template-columns:1fr auto auto;gap:35px;align-items:center}.logo-light span{color:white}.footer p{color:#aaa;max-width:420px;margin:0;font-size:12px}.footer>div{display:flex;gap:30px;justify-content:flex-end;font-size:12px}.footer small{color:#777;white-space:nowrap}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.nav,.header>.button{display:none}.menu-button{display:block}.menu-button span{display:block;width:25px;height:2px;background:#222;margin:6px}.header.menu-open{background:var(--paper);position:fixed;width:100%}.header.menu-open .nav{position:absolute;display:flex;flex-direction:column;top:88px;left:0;width:100%;padding:30px max(5vw,24px);background:var(--paper);font-size:20px;border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr;padding-top:65px}.platform-preview{max-width:650px;width:90%;margin:30px auto 0}.intro-copy,.how-heading,.clarity-grid,.faq-layout{grid-template-columns:1fr;gap:35px}.feature-grid{grid-template-columns:1fr 1fr}.feature-accent{transform:none}.access-card{grid-template-columns:1fr}.orbit{position:absolute;opacity:.18;right:-100px}.access-copy{position:relative;z-index:2}.steps li div{grid-template-columns:1fr}.footer{grid-template-columns:1fr}.footer>div{justify-content:flex-start}.footer small{grid-column:auto}}@media(max-width:600px){.section{padding:85px 20px}.header{height:72px;padding:0 20px}.header.menu-open .nav{top:72px}.hero{padding-top:55px}.hero h1{font-size:35px}.hero-text{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.platform-preview{width:100%;padding:10px;border-radius:20px}.preview-body{grid-template-columns:1fr;min-height:auto}.preview-side{display:none}.preview-content{padding:22px 16px}.float-card{display:none}.intro-copy{margin:40px 0}.feature-grid{grid-template-columns:1fr}.feature{min-height:270px}.feature-icon{margin:auto 0 28px}.how-heading{margin-bottom:50px}.steps li{grid-template-columns:1fr;gap:20px}.compare{grid-template-columns:1fr}.compare-column+div{border-left:0;border-top:1px solid var(--line)}.access{padding-top:0}.access-card{padding:50px 25px;min-height:520px;border-radius:25px}.orbit{right:-190px;bottom:-30px}.faq h2{font-size:42px}.footer>div{flex-direction:row;flex-wrap:wrap;gap:15px}.marquee{font-size:12px}}
