*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--livi-navy);background:#f5f6fb;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;isolation:isolate}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--livi-navy);outline-offset:5px}.ambient{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 22% 20%,#fff 0%,#ffffffa6 30%,transparent 60%),linear-gradient(125deg,#f9fbff,#edf0fa 60%,#eef9f7)}.ambient span{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;width:600px;height:600px}.ambient span:nth-child(1){background:#afc2eb;right:-120px;top:-50px}.ambient span:nth-child(2){background:#d0c9f2;right:200px;bottom:-380px}.ambient span:nth-child(3){background:#91dfe0;right:-230px;bottom:-300px}.glass{background:linear-gradient(125deg,#ffffffb8,#ffffff40);border:1px solid #ffffffe6;box-shadow:0 12px 35px #516d9e0b,inset 0 1px 1px white,inset 0 -1px 1px #ffffff80;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.navigation{max-width:1320px;margin:26px auto 0;display:flex;align-items:center;justify-content:space-between;padding:16px 23px;border-radius:25px;gap:25px}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:650;letter-spacing:-.8px;white-space:nowrap}.brand b{font-weight:450}.brand-symbol{font-size:28px}.navigation nav{display:flex;align-items:center;gap:29px;font-size:12px;font-weight:500}.navigation nav a{padding:10px 0;transition:opacity .2s}.navigation nav a:hover{opacity:.6}.nav-cta{background:#ffffff75;box-shadow:inset 0 1px white,0 3px 12px #25396308;border:1px solid white;border-radius:15px;padding:12px 19px;font-size:12px}.menu-toggle{display:none}main{max-width:1240px;margin:auto;padding:0 30px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:690px;gap:30px;padding:46px 0 42px}.eyebrow{font-size:11px;letter-spacing:1.8px;color:#687792;display:flex;align-items:center;gap:9px}.spark{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#ffffff90;border:1px solid white;font-size:20px;color:#657eb4}h1{font-size:clamp(62px,6.8vw,92px);font-weight:550;letter-spacing:-5.5px;line-height:1.04;margin:27px 0 24px}h1 span{background:linear-gradient(110deg,#526faa 5%,#9386bb 55%,#568f99);background-clip:text;-webkit-background-clip:text;color:transparent}.subheadline{font-size:25px;letter-spacing:-.6px;margin:0 0 19px;font-weight:450}.description{max-width:475px;color:#65708a;font-size:15px;line-height:1.8;margin:0}.personalization{font-size:13px;line-height:1.9;color:#65708a;margin:21px 0 29px}.personalization strong{font-weight:550;color:var(--livi-navy)}.hero-actions{display:flex;gap:12px;align-items:stretch}.app-store{background:var(--livi-navy);color:white;border:1px solid #ffffff50;border-radius:18px;padding:13px 23px 14px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 9px 20px #2539631a,inset 0 1px 1px #ffffff30;transition:transform .2s}.app-store svg{width:23px;height:28px}.app-store span{display:flex;flex-direction:column;align-items:flex-start}.app-store small{font-size:10px;line-height:1.4}.app-store b{font-size:21px;letter-spacing:-.5px;font-weight:500;line-height:1.1}.explore{padding:20px 23px;border-radius:18px;display:flex;align-items:center;justify-content:center;gap:25px;font-size:12px;font-weight:550;transition:transform .2s}.explore span{font-size:18px}.app-store:hover,.explore:hover{transform:translateY(-3px)}.microcopy{font-size:10px;color:#8590a6;margin-top:21px;display:flex;gap:8px;align-items:center}.tiny-stars{font-size:17px;color:#788ab1}.hero-visual{position:relative;height:570px;display:flex;align-items:center;justify-content:center;padding-left:18px}.orb{position:absolute;border-radius:50%;pointer-events:none}.orb-one{width:385px;height:385px;top:55px;right:5px;background:radial-gradient(circle at 28% 22%,#ffffffe6,transparent 38%),linear-gradient(135deg,#afc2eb70,#d0c9f285 55%,#91dfe080);border:1px solid #ffffffc0;box-shadow:inset 7px 9px 26px #ffffffb3,inset -12px -10px 25px #91a8d133,0 25px 60px #6177aa12}.orb-two{width:72px;height:72px;bottom:30px;left:20px;background:radial-gradient(circle at 30% 22%,white,#d0c9f290 50%,#afc2ebaa);border:1px solid white;box-shadow:inset -6px -5px 14px #afc2eb,0 10px 20px #6177aa18}.orbit{position:absolute;width:520px;height:280px;border:1px solid #ffffffbd;border-radius:50%;transform:rotate(-35deg);box-shadow:0 1px 2px #647bab0a}.phone{width:265px;height:528px;position:relative;transform:rotate(7deg);border-radius:43px;padding:8px;background:linear-gradient(130deg,#fff,#e3e9f8aa 40%,#fff 80%);border:1px solid #fff;box-shadow:9px 22px 40px #46608c20,inset -2px -2px 4px #a1b4d540,inset 2px 2px 2px #fff;z-index:1}.phone:before{content:'';position:absolute;left:-3px;top:90px;width:3px;height:33px;border-radius:5px;background:#cbd5e8}.phone-screen{height:100%;border:1px solid #c7d2e557;overflow:hidden;border-radius:35px;background:linear-gradient(155deg,#f8faff,#eaf0fb 55%,#f6f5fd);padding:13px 19px 10px;position:relative}.phone-top{font-size:9px;font-weight:650;display:flex;justify-content:space-between;align-items:center}.phone-top:after{content:'';position:absolute;top:10px;left:50%;transform:translateX(-50%);width:68px;height:17px;border-radius:30px;background:#253963}.app-header{display:flex;justify-content:space-between;align-items:center;margin:23px 0 16px}.app-logo{font-size:22px;letter-spacing:-1px;font-weight:650}.avatar{border:1px solid white;background:#d0c9f270;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:10px}.app-greeting{font-size:8px;color:#7e89a0}.phone h2{font-size:27px;line-height:1.15;letter-spacing:-1px;font-weight:550;margin:8px 0 15px}.phone h2 span{color:#8594bd}.path-card{padding:16px;border-radius:22px;border:1px solid #fff;background:linear-gradient(130deg,#d3dff6b3,#ded8f599 65%,#b8ebea99);box-shadow:inset 0 1px 1px white,0 8px 18px #6177aa0d}.path-title{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;font-weight:650}.path-card h3{font-size:23px;line-height:1.12;letter-spacing:-.8px;font-weight:550;margin:15px 0 12px}.path-tags{display:flex;gap:5px}.path-tags span{font-size:8px;padding:5px 8px;border:1px solid #fff9;border-radius:15px;background:#ffffff50}.path-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-size:8px}.round-arrow{display:grid;place-items:center;width:26px;height:26px;background:#ffffff7d;border:1px solid white;border-radius:50%;font-size:14px}.app-section{display:flex;justify-content:space-between;margin:19px 0 10px;font-size:10px}.app-section b{font-weight:550}.interest-row{display:flex;gap:5px}.interest-row span{background:#ffffffa0;border:1px solid #fff;border-radius:12px;padding:7px 9px;font-size:8px}.lesson{display:flex;gap:9px;align-items:center;border:1px solid white;background:#ffffff80;border-radius:16px;margin-top:12px;padding:9px}.lesson-icon{background:#91dfe04d;border-radius:10px;padding:6px;font-size:18px}.lesson div:nth-child(2){flex:1}.lesson b{display:block;font-size:9px;font-weight:550}.lesson small{display:block;font-size:7px;color:#7c88a0;margin-top:4px}.lesson>span{font-size:12px}.app-tabs{position:absolute;bottom:12px;left:16px;right:16px;display:flex;justify-content:space-around;border-top:1px solid #2539630a;padding-top:9px}.app-tabs span{font-size:15px;color:#98a4bd;text-align:center}.app-tabs small{display:block;font-size:6px;margin-top:2px}.app-tabs .active{color:#536eae}.float-tag{position:absolute;border-radius:50px;display:flex;align-items:center;gap:9px;padding:13px 18px;font-size:11px;font-weight:500;z-index:2;white-space:nowrap}.tag-top{top:45px;left:7px;transform:rotate(-7deg)}.tag-top span{font-size:20px;color:#8996bd}.tag-bottom{right:-7px;bottom:49px;transform:rotate(-5deg)}.mint-dot{width:7px;height:7px;background:#78c7c6;border-radius:50%;box-shadow:0 0 0 4px #91dfe030}.float-card{position:absolute;left:-17px;bottom:118px;z-index:2;padding:18px 22px 18px 16px;border-radius:24px;display:flex;gap:12px;align-items:center;transform:rotate(-8deg)}.float-icon{font-size:29px;background:linear-gradient(145deg,#ffffffa0,#d0c9f2aa);border:1px solid white;border-radius:16px;width:49px;height:53px;display:grid;place-items:center}.float-card strong{font-size:13px;line-height:1.4;font-weight:550}.float-card p{font-size:8px;color:#6e7c97;margin:6px 0 0}.preview-label{position:absolute;bottom:0;right:90px;color:#8b97ab;font-size:9px;letter-spacing:.3px}.hero-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff;padding:24px 0 30px;gap:20px}.hero-footer>span{font-size:9px;letter-spacing:2px;color:#7d89a2}.hero-footer>div{display:flex;align-items:center;gap:25px;font-size:12px;color:#697794}.hero-footer i{font-style:normal;font-size:19px;color:#9da9c3}.hero-footer>a{display:grid;place-items:center;background:#ffffff60;border:1px solid white;border-radius:50%;width:34px;height:34px;font-size:16px}dialog{border:1px solid white;border-radius:30px;padding:40px;max-width:500px;width:calc(100% - 40px);background:linear-gradient(135deg,#fafcff,#eeedf8);color:var(--livi-navy);box-shadow:0 35px 100px #25396330}dialog::backdrop{background:#25396330;backdrop-filter:blur(8px)}dialog h2{font-size:30px;letter-spacing:-1px;font-weight:500}dialog p{font-size:14px;line-height:1.8;color:#65708a}.close{position:absolute;top:12px;right:17px;border:0;background:none;font-size:25px;color:#65708a}.dialog-pills{display:flex;flex-wrap:wrap;gap:8px}.dialog-pills span{border:1px solid white;background:#d0c9f260;border-radius:20px;padding:9px 13px;font-size:12px}
@media(min-width:1500px){.hero{min-height:750px}}@media(max-width:1400px){.navigation{margin-left:30px;margin-right:30px}}@media(max-width:1100px){.navigation nav{gap:17px}.hero{gap:5px}h1{font-size:75px}.hero-actions{gap:8px}.explore{padding:18px 15px;gap:10px}.app-store{padding-left:15px;padding-right:17px}.hero-visual{transform:scale(.9);transform-origin:center; margin-left:-15px}.float-card{left:-8px}.tag-bottom{right:-2px}}@media(max-width:850px){.navigation{position:relative;flex-wrap:wrap;gap:0;padding:15px 20px}.menu-toggle{display:flex;gap:10px;background:#ffffff70;border:1px solid white;padding:10px 14px;border-radius:13px;font-size:11px;color:var(--livi-navy)}.nav-cta{display:none}.navigation nav{display:none;width:100%;flex-wrap:wrap;justify-content:center;margin-top:15px;border-top:1px solid white;padding-top:12px;gap:12px 22px}.navigation.menu-open nav{display:flex}.hero{grid-template-columns:1fr 1fr;min-height:620px}.hero-copy{position:relative;z-index:3}h1{font-size:62px;letter-spacing:-3.5px}.eyebrow{font-size:9px;letter-spacing:1px}.description{font-size:13px}.personalization{font-size:12px}.subheadline{font-size:21px}.hero-actions{flex-direction:column;align-items:flex-start}.explore{padding:16px 20px}.hero-visual{transform:scale(.75);margin-left:-40px;margin-right:-35px}.hero-footer>div{gap:10px;font-size:10px}.hero-footer>span{font-size:8px;letter-spacing:1px}.microcopy{max-width:250px;line-height:1.6}}@media(max-width:650px){.navigation{margin:16px 18px 0;border-radius:22px}.brand{font-size:18px}.brand-symbol{font-size:24px}main{padding:0 25px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:42px 0 20px;gap:0}.hero-copy{padding:0 5px}.eyebrow{font-size:9px}h1{font-size:clamp(60px,13vw,80px);margin:23px 0 21px;letter-spacing:-4px}.subheadline{font-size:23px}.description{font-size:14px;max-width:440px}.personalization{font-size:12px;margin-top:17px;margin-bottom:24px}.hero-actions{flex-direction:row;align-items:stretch;gap:9px}.app-store{padding:12px 15px;gap:9px}.app-store b{font-size:19px}.app-store svg{width:21px}.explore{font-size:10px;gap:9px;padding:16px 13px}.microcopy{max-width:none;font-size:9px}.hero-visual{transform:none;height:580px;width:min(100%,460px);margin:35px auto 0;padding-left:15px}.orb-one{width:320px;height:320px;top:85px;right:0}.orbit{width:390px;height:240px}.tag-top{left:0;top:32px}.float-card{left:-4px;bottom:118px;padding:15px}.tag-bottom{right:0;bottom:46px;font-size:10px}.hero-footer{flex-wrap:wrap;padding-top:20px;gap:18px}.hero-footer>div{order:3;width:100%;justify-content:space-between;gap:8px;font-size:10px}.hero-footer>span{font-size:9px}.preview-label{right:80px}dialog{padding:35px 26px}}@media(max-width:370px){main{padding:0 18px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-visual{transform:scale(.9);height:530px;transform-origin:top center;margin-bottom:-40px}.orbit{width:340px}.float-card{left:-5px}.tag-bottom{right:-7px}.hero-footer>div{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Leave room for the preview's bottom navigation. */
.phone{height:550px}
@media(max-width:650px){.orbit{width:290px;height:200px}}