@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--ink:#10233f;--muted:#64748b;--cream:#fbfaf6;--violet:#6957e8;--deep:#17253f;--line:#e6e9ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.site-header{height:82px;max-width:1240px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center;font:800 20px Manrope}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:var(--violet);color:white;font-size:19px}.site-header nav{display:flex;gap:34px;color:#475569;font-weight:600;font-size:14px}.site-header nav a:hover{color:var(--violet)}.login-button,.primary-button{display:inline-flex;align-items:center;gap:17px;background:var(--ink);color:#fff;padding:12px 20px;border-radius:12px;font-weight:700}.login-button span,.primary-button span,.cta>a span{font-size:19px}.hero{max-width:1240px;margin:auto;min-height:680px;padding:70px 28px 90px;display:grid;grid-template-columns:1.03fr .97fr;gap:70px;align-items:center}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--violet);font-size:12px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase}.eyebrow span{width:24px;height:2px;background:currentColor}.hero h1{font:800 clamp(43px,5vw,70px)/1.07 Manrope;margin:21px 0 24px;letter-spacing:-3.5px}.hero h1 em{color:var(--violet);font-style:normal}.hero-lead{max-width:630px;color:var(--muted);font-size:19px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:34px}.primary-button{background:var(--violet);padding:15px 23px}.text-button{font-weight:700}.hero-proof{display:flex;gap:34px;margin-top:55px}.hero-proof div{display:flex;flex-direction:column;gap:5px}.hero-proof strong{font:700 14px Manrope}.hero-proof span{color:#8490a3;font-size:12px}.hero-visual{position:relative;padding:25px}.dashboard-card{position:relative;z-index:2;padding:24px;border:1px solid rgba(255,255,255,.8);border-radius:25px;background:rgba(255,255,255,.92);box-shadow:0 35px 85px rgba(40,34,103,.16);transform:rotate(1.5deg)}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:270px;height:270px;background:#e3dfff;right:-30px;top:-35px}.orb-two{width:210px;height:210px;background:#d9f5ee;left:-20px;bottom:-25px}.dash-top{display:flex;align-items:center;gap:10px;color:#69748a;font-size:13px}.dash-top i{margin-left:auto}.mini-brand{display:grid;place-items:center;width:30px;height:30px;background:var(--violet);color:white;border-radius:9px;font-weight:800}.stage-row{display:flex;justify-content:space-between;align-items:end;margin-top:28px}.stage-row div{display:flex;flex-direction:column}.stage-row small{color:var(--violet);font-weight:800;font-size:9px;letter-spacing:1px}.stage-row strong{font:800 27px Manrope;margin-top:4px}.stage-row span{font-size:12px;color:#7a8699}.stage-row>b{font-size:21px;color:var(--violet)}.progress{height:8px;background:#ebeaf5;border-radius:10px;margin:13px 0 21px}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6957e8,#8f7cff)}.skill-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.skill-grid article{position:relative;display:flex;flex-direction:column;padding:15px;border-radius:14px}.skill-grid article>span{width:28px;height:25px;border-radius:7px;background:rgba(255,255,255,.8);display:grid;place-items:center;font-size:10px;font-weight:800}.skill-grid b{font-size:12px;margin-top:10px}.skill-grid small{font-size:9px;opacity:.65}.skill-grid i{position:absolute;right:13px;top:15px;font-style:normal;font-weight:700;font-size:11px}.violet{background:#eeebff}.coral{background:#fff0e8}.cyan{background:#e8f6fb}.lime{background:#ecf8ec}.next-lesson{margin-top:12px;padding:13px;background:#17253f;color:#fff;border-radius:14px;display:flex;align-items:center;gap:12px}.next-lesson>span{display:grid;place-items:center;background:var(--violet);border-radius:9px;width:34px;height:34px;font-size:10px}.next-lesson div{display:flex;flex-direction:column}.next-lesson small{font-size:8px;opacity:.55}.next-lesson b{font-size:11px;margin-top:3px}.next-lesson em{margin-left:auto;font-style:normal;font-size:9px;opacity:.6}.feature-section,.dsd-section{max-width:1240px;margin:auto;padding:105px 28px}.section-heading{text-align:center;max-width:720px;margin:0 auto 58px}.section-heading .eyebrow{justify-content:center}.section-heading h2,.curriculum-copy h2,.cta h2{font:800 clamp(34px,4vw,52px)/1.15 Manrope;letter-spacing:-2px;margin:17px 0}.section-heading>p:last-child,.curriculum-copy>p{color:var(--muted);font-size:17px;line-height:1.65}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid article{background:white;border:1px solid var(--line);border-radius:19px;padding:28px;transition:.25s}.feature-grid article:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(30,41,59,.08)}.icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;font:800 15px Manrope}.purple{background:#eeeaff;color:#6754e8}.orange{background:#fff0e4;color:#e06b24}.blue{background:#e5f4fc;color:#2787b6}.green{background:#e5f7e9;color:#32954c}.pink{background:#fce9f2;color:#d24f8e}.yellow{background:#fff6d8;color:#b38200}.feature-grid h3{font:700 17px Manrope;margin:21px 0 9px}.feature-grid p{color:var(--muted);line-height:1.6;font-size:14px;margin:0}.curriculum-section{background:var(--deep);color:white;padding:105px max(28px,calc((100vw - 1184px)/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.eyebrow.light{color:#a99cff}.curriculum-copy>p{color:#aeb7c7}.curriculum-copy>a{display:inline-flex;gap:12px;margin-top:20px;color:#c8c1ff;font-weight:700}.path{position:relative}.path:before{content:"";position:absolute;left:25px;top:20px;bottom:20px;width:1px;background:#40506a}.path article{position:relative;display:flex;gap:27px;padding:20px 0}.path article>span{z-index:1;flex:0 0 51px;height:51px;display:grid;place-items:center;border:1px solid #53627a;background:var(--deep);border-radius:50%;font-weight:800;color:#9ba7ba}.path article.active>span{background:var(--violet);border-color:var(--violet);color:white}.path small{font-size:10px;letter-spacing:1px;color:#a99cff;font-weight:800}.path h3{font:700 20px Manrope;margin:5px 0}.path p{color:#9eabbf;margin:0;line-height:1.5;font-size:14px}.dsd-flow{display:flex;align-items:stretch;gap:12px}.dsd-flow>div{flex:1;background:white;border:1px solid var(--line);padding:24px;border-radius:18px;display:flex;flex-direction:column}.dsd-flow b{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#eeeaff;color:var(--violet)}.dsd-flow strong{font:700 17px Manrope;margin:17px 0 6px}.dsd-flow span{font-size:13px;color:var(--muted);line-height:1.5}.dsd-flow>i{align-self:center;color:#a5afbd;font-style:normal}.cta{max-width:1184px;margin:35px auto 100px;background:linear-gradient(120deg,#6957e8,#5140d0);color:white;border-radius:28px;padding:52px 58px;display:flex;justify-content:space-between;align-items:center;gap:40px}.cta h2{margin:11px 0}.cta p{color:#e4e0ff;margin:0}.cta>a{flex:0 0 auto;display:flex;align-items:center;gap:18px;background:white;color:var(--ink);padding:15px 21px;border-radius:12px;font-weight:800}footer{max-width:1184px;margin:auto;border-top:1px solid var(--line);padding:32px 0 45px;display:flex;align-items:center;gap:30px;color:#7b8799;font-size:13px}footer p{margin-right:auto}@media(max-width:900px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:45px}.hero-visual{max-width:590px;margin:auto}.feature-grid{grid-template-columns:1fr 1fr}.curriculum-section{grid-template-columns:1fr;gap:50px}.dsd-flow{display:grid;grid-template-columns:1fr 1fr}.dsd-flow>i{display:none}.cta{margin-left:20px;margin-right:20px}}@media(max-width:600px){.site-header{height:70px;padding:0 18px}.brand{font-size:17px}.login-button{padding:10px 14px}.hero{padding:42px 18px 70px;gap:35px}.hero h1{letter-spacing:-2px}.hero-proof{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hero-visual{padding:0}.dashboard-card{padding:16px}.feature-section,.dsd-section{padding:75px 18px}.feature-grid,.dsd-flow{grid-template-columns:1fr}.curriculum-section{padding:75px 20px}.cta{padding:35px 25px;flex-direction:column;align-items:flex-start}.cta>a{width:100%;justify-content:space-between}footer{margin:0 18px;flex-wrap:wrap}footer p{order:3;width:100%}}