@font-face{font-family:Fredoka;src:url('/media/lia/fredoka-600.ttf');font-weight:600;font-display:swap}@font-face{font-family:Jakarta;src:url('/media/lia/61f3d372952e3dd5.woff2');font-weight:400 700;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f9fd;color:#111727;font:400 15px/1.55 Jakarta,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #f5b82e;outline-offset:4px}.shell{width:min(1200px,calc(100% - 64px));margin-inline:auto}.nav-wrap{background:#f8f9fd}.nav{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font:600 23px Fredoka,system-ui}.brand img{border-radius:11px}.brand-divider{color:#c8ccd9}.brand-suffix{color:#7c8394}.nav-links{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:700}.nav-links>a:not(.nav-cta){color:#697184}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:999px;font-weight:700}.nav-cta{background:#e9edfc;padding:13px 19px;color:#253d98}.hero{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:60px;padding-block:65px 90px}.eyebrow,.section-label{font-size:11px;letter-spacing:.13em;font-weight:700;color:#5c6c9a}.eyebrow{display:flex;align-items:center;gap:9px}.sparkle{font-size:21px;color:#2f5bff}.hero h1,.section-header h2,.builders h2{font-family:Fredoka,system-ui;letter-spacing:-.045em;font-weight:600;line-height:1}.hero h1{font-size:clamp(56px,6.6vw,87px);margin:21px 0 22px}.hero h1 span{color:#2f5bff}.hero-copy>p{font-size:17px;line-height:1.7;color:#70798d;max-width:420px;margin:0}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:30px}.button{padding:17px 23px;font-size:13px}.button-dark{background:#141c32;color:white}.text-link{font-size:13px;font-weight:700;color:#526082}.hero-note{margin-top:44px;display:flex;align-items:center;gap:13px;color:#8a92a2;font-size:12px}.note-icons{display:flex;padding-left:3px}.note-icons img{border:2px solid #f8f9fd;border-radius:11px;margin-left:-4px}.hero-visual{border-radius:29px;overflow:hidden;background:#101945;color:#d9e1ff;position:relative}.hero-visual img{width:100%;height:auto;aspect-ratio:1.1;object-fit:cover;object-position:78% center;display:block}.visual-top,.visual-bottom{position:absolute;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;letter-spacing:.13em;z-index:1}.visual-top{top:23px}.visual-top span:last-child{font-size:20px}.visual-bottom{bottom:23px}.visual-bottom span:last-child{display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff66;border-radius:50%;font-size:18px}.discover{padding:45px 0 80px}.section-header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-label{margin:0;color:#7180a5}.section-label span{color:#2f5bff}.section-header h2{font-size:clamp(40px,4.4vw,56px);margin:12px 0 0}.section-header>p{max-width:345px;color:#7c8597;font-size:14px;margin:0}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 20px}.app-card{min-width:0}.app-art{position:relative;overflow:hidden;background:#101945;border-radius:22px;aspect-ratio:1.7}.app-art>img{width:100%;height:100%;object-fit:cover;object-position:75% center;display:block;transition:filter .2s ease}.app-card:hover .app-art>img{filter:brightness(1.14)}.app-category{position:absolute;top:16px;left:16px;background:#ffffffed;color:#313b5a;border-radius:99px;padding:7px 10px;font-size:9px;letter-spacing:.08em;font-weight:700}.app-go{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;background:#ffffffed;border-radius:50%;width:38px;height:38px;font-size:19px}.app-info{display:flex;gap:13px;align-items:center;padding:15px 2px 0}.app-icon{width:50px;height:50px;border-radius:15px;object-fit:cover}.app-info h3{font:600 20px Fredoka,system-ui;margin:0}.app-info p{font-size:12px;color:#8991a1;margin:4px 0 0}.more-note{border-top:1px solid #e8eaf2;margin:42px 0 0;padding-top:25px;font-size:13px;color:#8991a1}.more-note a{color:#2f5bff;font-weight:700}.builders{padding-bottom:80px}.builders-inner{border-radius:28px;background:#e8edff;display:flex;align-items:center;gap:28px;padding:40px 45px}.builders-mark{width:70px;height:70px;flex:none;border-radius:22px;display:grid;place-items:center;background:#2f5bff;color:white;font-size:35px}.builders-copy{flex:1}.builders h2{font-size:34px;margin:12px 0}.builders p{color:#77829c;font-size:13px;margin:0}.button-light{background:white;color:#1d2a57;white-space:nowrap}.footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #e7e9f1;padding-block:27px 36px;color:#929aaa;font-size:12px}.footer .brand{font-size:19px;color:#171c2c}.footer div{display:flex;gap:24px}@media(max-width:760px){.shell{width:calc(100% - 36px)}.nav{height:70px}.nav-links{gap:13px}.nav-links>a:not(.nav-cta){display:none}.nav-cta{padding:11px 15px;font-size:12px}.hero{grid-template-columns:1fr;gap:34px;padding-block:46px 55px}.hero h1{font-size:clamp(52px,12vw,72px)}.hero-copy>p{font-size:15px}.hero-note{margin-top:30px}.hero-visual img{aspect-ratio:1.45}.discover{padding-top:35px}.section-header{display:block}.section-header>p{margin-top:14px}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.app-art{border-radius:17px;aspect-ratio:1.2}.app-info{gap:9px;padding-top:12px;align-items:flex-start}.app-icon{width:39px;height:39px;border-radius:12px}.app-info h3{font-size:16px}.app-info p{font-size:11px;line-height:1.4}.app-category{top:10px;left:10px;font-size:8px}.app-go{right:10px;bottom:10px;width:30px;height:30px}.builders-inner{padding:28px;display:block}.builders-mark{width:50px;height:50px;border-radius:16px;font-size:26px;margin-bottom:23px}.builders h2{font-size:31px}.builders .button{margin-top:23px}.footer{align-items:flex-start;flex-wrap:wrap}.footer div{width:100%;gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.app-art>img{transition:none}}
/* A quieter discovery page with more of the collection visible above the fold. */
body{background:#fbfbfc}.nav-wrap{background:#fbfbfc}.nav{height:80px}.hero{padding-block:40px 64px;gap:54px}.hero h1{font-size:clamp(52px,5.6vw,75px);margin:17px 0 18px}.hero-copy>p{font-size:16px;max-width:400px}.hero-actions{margin-top:26px}.hero-note{margin-top:30px}.hero-visual{border-radius:24px}.hero-visual img{aspect-ratio:1.55;object-position:82% center}.visual-top,.visual-bottom{left:22px;right:22px}.visual-top{top:20px}.visual-bottom{bottom:20px}.discover{border-top:1px solid #eceef4;padding-top:65px}.section-header h2{font-size:clamp(38px,4vw,50px)}.app-art{aspect-ratio:2/1;border-radius:18px}.app-category{background:#101945a8;color:white;backdrop-filter:blur(8px)}.app-go{width:34px;height:34px}.app-info h3{font-size:19px}.app-info p{color:#777f90}.builders-inner{background:#eef1ff}.footer{margin-top:0}@media(max-width:760px){.nav{height:70px}.hero{padding-block:34px 48px;gap:28px}.hero h1{font-size:clamp(48px,12vw,64px)}.hero-note{margin-top:24px}.hero-visual img{aspect-ratio:1.7}.discover{padding-top:48px}.app-grid{gap:24px 12px}.app-art{aspect-ratio:1.35;border-radius:16px}.app-info h3{font-size:16px}.app-category{backdrop-filter:none}}
/* Language selector and long localized text. */
.language-form{margin:0}.language-form select{max-width:145px;padding:9px 26px 9px 11px;border:1px solid #e2e6f1;border-radius:99px;background:#fff;color:#555f78;font:600 12px Jakarta,system-ui,sans-serif;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero h1,.section-header h2,.builders h2,.app-info h3,.app-info p{overflow-wrap:anywhere}.app-category{max-width:calc(100% - 32px);white-space:normal;line-height:1.3}.app-go{inset-inline-end:16px;inset-inline-start:auto}[dir=rtl] .app-category{left:auto;right:16px}[dir=rtl] .nav-links,[dir=rtl] .hero-actions{direction:rtl}[dir=rtl] .visual-top,[dir=rtl] .visual-bottom{direction:rtl}@media(max-width:760px){.nav-links{gap:8px}.language-form select{max-width:125px;font-size:11px;padding:9px 20px 9px 8px}.nav-cta{max-width:140px;text-align:center;line-height:1.25}.app-category{max-width:calc(100% - 20px)}.app-go{inset-inline-end:10px}.hero h1{font-size:clamp(40px,11vw,64px)}}@media(max-width:360px){.brand{font-size:19px}.brand img{width:32px;height:32px}.language-form select{max-width:95px}.nav-cta{padding:10px;font-size:11px}}
.button-light{white-space:normal;max-width:100%;text-align:center;overflow-wrap:anywhere}
.brand{white-space:nowrap;flex-shrink:0}@media(max-width:360px){.brand{font-size:17px;gap:6px}.brand img{width:29px;height:29px}.language-form select{max-width:82px}.nav-cta{max-width:86px;padding:8px}.nav-links{gap:6px}}
/* A rounded navigation tab, in the same spirit as lialabs.org. */
.nav-wrap{position:relative;z-index:2;width:min(1100px,calc(100% - 32px));margin:0 auto;background:#fff;border-radius:0 0 30px 30px;border:1px solid #ebedf3;border-top:0}.nav{width:100%;height:74px;padding:0 14px 0 22px}.nav-links{gap:20px}.nav-links>a:not(.nav-cta){padding:11px 12px;border-radius:14px}.nav-links>a:not(.nav-cta):hover{background:#f3f5fb}.nav-cta{background:#2f5bff;color:white;padding:13px 18px;border-radius:15px}.language-form{display:flex;align-items:center;gap:6px;background:#eef1ff;color:#375bf2;border-radius:15px;padding:0 8px 0 12px}.language-form svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}.language-form select{border:0;outline-offset:2px;background:transparent;color:#375bf2;padding:11px 16px 11px 0;font-weight:600}.language-form select:focus-visible{outline:3px solid #f5b82e}.language-form select option{background:white;color:#141720}[dir=rtl] .language-form{padding:0 12px 0 8px}[dir=rtl] .language-form select{padding:11px 0 11px 16px}@media(max-width:760px){.nav-wrap{width:calc(100% - 20px);border-radius:0 0 25px 25px}.nav{height:66px;padding:0 10px 0 14px}.nav-links{gap:7px}.nav-cta{padding:11px 13px;border-radius:13px}.language-form{border-radius:13px;padding:0 5px 0 9px}.language-form svg{width:14px;height:14px}.language-form select{max-width:110px;font-size:11px;padding:10px 13px 10px 0}[dir=rtl] .language-form{padding:0 9px 0 5px}[dir=rtl] .language-form select{padding:10px 0 10px 13px}}@media(max-width:360px){.nav{padding-inline:10px}.language-form select{max-width:78px}.nav-cta{max-width:92px;padding:9px;font-size:11px}}
/* Floating like the main Lia navigation. */
.nav-wrap{position:sticky;top:10px;margin-top:10px;border-top:1px solid #ebedf3;border-radius:24px;z-index:20}.nav{height:66px}@media(max-width:760px){.nav-wrap{top:8px;margin-top:8px;border-radius:21px}.nav{height:60px}}
/* Lia website dark palette. */
:root[data-theme=dark]{color-scheme:dark}:root[data-theme=dark] body,:root[data-theme=dark] .nav-wrap{background:#09090b;color:#f5f5f7}:root[data-theme=dark] .nav-wrap{background:#111114;border-color:#232328}:root[data-theme=dark] .nav-links>a:not(.nav-cta){color:#c8c9d0}:root[data-theme=dark] .nav-links>a:not(.nav-cta):hover{background:#24242a}:root[data-theme=dark] .hero-copy>p,:root[data-theme=dark] .section-header>p,:root[data-theme=dark] .app-info p,:root[data-theme=dark] .hero-note,:root[data-theme=dark] .more-note,:root[data-theme=dark] .builders p,:root[data-theme=dark] .footer{color:#9799a6}:root[data-theme=dark] .note-icons img{border-color:#09090b}:root[data-theme=dark] .discover,:root[data-theme=dark] .more-note,:root[data-theme=dark] .footer{border-color:#232328}:root[data-theme=dark] .button-dark{background:#f5f5f7;color:#0b0b0f}:root[data-theme=dark] .text-link,:root[data-theme=dark] .section-label,:root[data-theme=dark] .eyebrow{color:#a5afd2}:root[data-theme=dark] .builders-inner{background:#18203f}:root[data-theme=dark] .button-light{background:#f5f5f7;color:#141720}:root[data-theme=dark] .footer .brand{color:#f5f5f7}
@media(max-width:760px){.nav-links{gap:6px}}@media(max-width:360px){.nav{padding-inline:8px}.nav-cta{max-width:75px;padding:9px 7px}.brand{gap:4px}.brand img{width:28px;height:28px}}
/* The arrow sits on a light disc in both themes, so keep its mark dark. */
.app-go{color:#141b31}
@media(prefers-reduced-motion:no-preference){.app-card .app-icon{transition:transform .24s ease}.app-card .app-go{transition:transform .24s ease,background-color .24s ease}.app-card:hover .app-icon,.app-card:focus-visible .app-icon{transform:translateY(-3px)}.app-card:hover .app-go,.app-card:focus-visible .app-go{transform:translate(2px,-2px)}.note-icons img{animation:lia-icon-wave 3.6s ease-in-out infinite}.note-icons img:nth-child(2){animation-delay:.18s}.note-icons img:nth-child(3){animation-delay:.36s}@keyframes lia-icon-wave{0%,78%,100%{transform:translateY(0)}86%{transform:translateY(-3px)}}}