:root{--ink:#111827;--muted:#667085;--blue:#635bff;--purple:#8b5cf6;--cyan:#38bdf8;--soft:#f7f8fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff}.glass-nav{background:rgba(255,255,255,.84);backdrop-filter:blur(16px);border-bottom:1px solid rgba(17,24,39,.06)}.navbar-brand{font-size:1.35rem}.brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:6px;border-radius:9px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff}.nav-link{font-weight:500;color:#475467}.hero{min-height:760px;padding-top:80px;background:radial-gradient(circle at 78% 25%,#e8e7ff 0,transparent 28%),radial-gradient(circle at 88% 70%,#e7f8ff 0,transparent 25%),linear-gradient(180deg,#fff,#fbfbfe)}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.15em;color:#6d5dfc}.gradient-text{background:linear-gradient(90deg,#5b54e8,#a855f7,#0ea5e9);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-visual{height:520px}.app-window{position:absolute;background:rgba(255,255,255,.96);border:1px solid rgba(17,24,39,.08);border-radius:24px;overflow:hidden}.lesson-window{width:75%;left:0;top:30px;transform:rotate(-2deg)}.schedule-window{width:65%;right:0;bottom:20px;transform:rotate(3deg)}.window-top{height:36px;padding:12px 16px;background:#fafafa;border-bottom:1px solid #eee}.window-top span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ddd;margin-right:5px}.icon-bubble,.product-logo{display:grid;place-items:center;border-radius:16px}.icon-bubble{width:46px;height:46px}.icon-bubble.lesson,.product-logo.lesson{background:#ecebff;color:#6257ed}.icon-bubble.schedule,.product-logo.schedule{background:#e6f7ff;color:#0c91cf}.lesson-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #eee}.lesson-row i{font-size:1.5rem;color:#655cf2}.lesson-row small,.event small,.flow-step small{display:block;color:#98a2b3}.event{display:grid;grid-template-columns:48px 4px 1fr;gap:12px;align-items:center;padding:12px 0}.time{font-size:.75rem;color:#98a2b3}.event-bar{height:42px;border-radius:99px}.purple{background:#8b5cf6}.blue{background:#38bdf8}.green{background:#34d399}.section-pad{padding:100px 0}.section-heading{max-width:720px}.product-card{padding:42px;border-radius:30px;border:1px solid #eaecf0;transition:.25s ease}.product-card:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgba(17,24,39,.08)}.lesson-card{background:linear-gradient(145deg,#fff,#f7f6ff)}.schedule-card{background:linear-gradient(145deg,#fff,#f3fbff)}.product-logo{width:60px;height:60px;font-size:1.6rem}.feature-list{list-style:none;padding:0;margin:28px 0}.feature-list li{margin:14px 0;color:#475467}.feature-list i{margin-right:10px;color:#12b76a}.product-link{font-weight:700;text-decoration:none;color:#344054}.bg-soft{background:var(--soft)}.mini-feature{padding:20px}.mini-feature>i{font-size:1.8rem;color:#655cf2}.mini-feature h5{margin-top:18px;font-weight:700}.mini-feature p{color:var(--muted);margin-bottom:0}.workflow-box{display:flex;align-items:center;gap:18px;padding:30px;background:#fafafa;border:1px solid #eaecf0;border-radius:28px}.flow-step{flex:1;text-align:center}.flow-step>span{display:grid;place-items:center;margin:0 auto 12px;width:42px;height:42px;border-radius:50%;background:#111827;color:#fff;font-weight:700}.flow-arrow{color:#98a2b3}.cta{padding:70px 24px;border-radius:36px;color:#fff;background:linear-gradient(135deg,#26233f,#4f46e5 55%,#0ea5e9)}.cta p{max-width:650px}.cta .form-control{border:0;padding-left:22px}.btn-primary{background:#5d55e7;border-color:#5d55e7}.btn-primary:hover{background:#4f46d4;border-color:#4f46d4}@media(max-width:991px){.hero{min-height:auto}.hero-visual{margin-top:20px}.workflow-box{flex-direction:column}.flow-arrow{transform:rotate(90deg)}}@media(max-width:576px){.hero{padding-top:100px}.hero-visual{height:470px}.lesson-window{width:88%}.schedule-window{width:80%}.section-pad{padding:70px 0}.product-card{padding:28px}.cta{padding:52px 20px}.display-3{font-size:3rem}}
