@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#172039;--muted:#667085;--violet:#665cf6;--cyan:#39c6e8;--pale:#f5f6ff;--line:#e8eaf1}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}
.nav{height:82px;max-width:1200px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-weight:800;font-size:19px}.mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#7468ff,#42c7e8);box-shadow:0 5px 16px #665cf633}.nav nav{display:flex;align-items:center;gap:30px;font-size:14px;color:#515a70}.pill{border:1px solid #dfe1ea;padding:10px 17px;border-radius:99px;background:#fff}
.hero{min-height:650px;max-width:1200px;margin:auto;padding:82px 28px 100px;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.eyebrow,.kicker{font-size:11px;letter-spacing:.18em;font-weight:700;color:var(--violet);margin-bottom:20px}.hero h1{font:800 65px/1.05 Manrope,sans-serif;letter-spacing:-.045em;margin:0 0 26px}.hero h1 span{background:linear-gradient(100deg,#665cf6,#38bfe0);-webkit-background-clip:text;color:transparent}.lead{font-size:18px;line-height:1.75;color:#5e677a;max-width:610px}.cta{display:inline-flex;gap:18px;align-items:center;background:var(--ink);color:white;padding:15px 20px;border-radius:10px;margin-top:15px;font-weight:600;font-size:14px}.micro{margin-top:23px;color:#8b92a2;font-size:12px}.micro i{display:inline-block;width:7px;height:7px;background:#62d5b1;border-radius:50%;margin-right:8px}
.visual{height:440px;position:relative;background:radial-gradient(circle at 50% 50%,#eef0ff 0,#fafaff 48%,transparent 70%);display:grid;place-items:center}.learning-card{position:relative;z-index:3;width:370px;padding:28px;border-radius:24px;background:#fff;box-shadow:0 25px 70px #414c7720;border:1px solid #eff0f5;transform:rotate(-2deg)}.cardtop{display:flex;gap:13px;align-items:center}.avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#6d63f7,#43c8e7);color:white}.cardtop b,.cardtop small,.insight b,.insight small{display:block}.cardtop b{font-size:14px}.cardtop small,.insight small{font-size:10px;color:#939aaa;margin-top:4px}.path{display:flex;align-items:center;margin:35px 5px 7px}.node{width:31px;height:31px;border:2px solid #e5e7ee;border-radius:50%;display:grid;place-items:center;font-size:10px;color:#a5aaba;background:white}.node.done{background:#665cf6;color:#fff;border-color:#665cf6}.node.current{border-color:#6a60f5;color:#665cf6}.line{height:2px;flex:1;background:#e9eaf0}.line.active{background:#7066f5}.labels{display:flex;justify-content:space-between;font-size:9px;color:#9ba1ae}.insight{margin-top:28px;background:#f7f7ff;padding:14px;border-radius:13px;display:flex;gap:10px}.insight span{color:#665cf6}.insight b{font-size:11px}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb1{width:210px;height:210px;right:20px;top:25px;background:linear-gradient(135deg,#9a8cff33,#47d8ec25)}.orb2{width:150px;height:150px;left:20px;bottom:25px;background:#5fd7ca1b}.float{position:absolute;z-index:5;background:#fff;padding:12px 15px;border-radius:12px;box-shadow:0 12px 30px #3d45651c;font-size:11px}.f1{right:0;top:92px;color:#655bf4}.f1 b{color:#343b50;margin-left:5px}.f2{left:0;bottom:85px;color:#687084}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#55d1ac;margin-right:6px}
.statement{text-align:center;padding:110px 28px 75px;background:#fafaff}.statement h2,.future h2,.launch h2{font:700 39px/1.25 Manrope,sans-serif;letter-spacing:-.035em;margin:0 auto 24px}.statement p{max-width:760px;margin:auto;color:#697185;line-height:1.8;font-size:16px}
.features{background:#fafaff;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:0 max(28px,calc((100% - 1144px)/2)) 110px}.features article{background:white;padding:32px;border:1px solid #eceef4;border-radius:18px}.icon{width:43px;height:43px;border-radius:12px;background:#f0efff;color:#665cf6;display:grid;place-items:center;font-size:20px;margin-bottom:22px}.features h3,.principles h3{font:700 18px Manrope,sans-serif}.features p,.principles p{color:#70788a;line-height:1.7;font-size:14px}
.future{max-width:1120px;margin:auto;padding:125px 28px;display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.future-copy p{color:#687185;line-height:1.8}.future-art{height:400px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#f1f0ff,transparent 65%)}.planet{width:190px;height:190px;border-radius:50%;background:linear-gradient(145deg,#6b60f6,#40c6e5);display:grid;place-items:center;box-shadow:0 30px 70px #665cf633;position:relative}.planet span{font-size:48px;color:white}.ring{position:absolute;width:290px;height:90px;border:2px solid #8d86f650;border-radius:50%;transform:rotate(-18deg)}.dot{position:absolute;border-radius:50%;background:#6b61f5}.d1{width:12px;height:12px;top:75px;left:55px}.d2{width:7px;height:7px;right:45px;bottom:70px;background:#3cc7df}.d3{width:5px;height:5px;right:80px;top:45px}
.principles{max-width:1120px;margin:auto;padding:0 28px 120px;display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.principles>div{border-top:1px solid var(--line);padding-top:25px}.principles strong{font-size:11px;color:#776ef5}.principles h3{margin:12px 0 10px}
.launch{text-align:center;padding:110px 28px;background:linear-gradient(145deg,#171d37,#24284a);color:white}.launch .spark{font-size:34px;color:#7b72ff;margin-bottom:25px}.launch .kicker{color:#8c85ff}.launch h2{font-size:42px}.launch p{color:#aeb4c8;max-width:600px;margin:0 auto 30px;line-height:1.7}.domain{display:inline-block;border:1px solid #ffffff24;background:#ffffff08;border-radius:99px;padding:12px 20px;color:#d8dbee;font-size:13px}
footer{max-width:1120px;margin:auto;padding:55px 28px 45px;display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center}.footer-copy{font-size:13px;color:#8c93a2}.legal{display:flex;gap:22px;font-size:12px;color:#6e7687;grid-row:1;grid-column:2}.copyright{grid-column:2;font-size:11px;color:#a1a6b1;text-align:right}
.legal-page{max-width:800px;margin:70px auto 120px;padding:0 28px}.legal-page h1{font:700 42px Manrope,sans-serif}.legal-page h2{font:700 20px Manrope,sans-serif;margin-top:35px}.legal-page p,.legal-page li{line-height:1.75;color:#60697b}
@media(max-width:800px){.nav nav a:not(.pill){display:none}.hero{grid-template-columns:1fr;padding-top:50px}.hero h1{font-size:48px}.visual{height:400px}.learning-card{width:min(340px,88vw)}.features{grid-template-columns:1fr}.future{grid-template-columns:1fr;gap:30px}.future-art{order:2}.principles{grid-template-columns:1fr 1fr}.statement h2,.future h2,.launch h2{font-size:32px}footer{grid-template-columns:1fr}.legal,.copyright{grid-column:1;grid-row:auto;text-align:left}}
@media(max-width:480px){.hero h1{font-size:40px}.principles{grid-template-columns:1fr}.float{display:none}.nav{padding:0 18px}.hero{padding-left:20px;padding-right:20px}}
