@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#10172a;--deep:#131c35;--deep2:#1a2644;--twilight:#514987;--violet:#8e80c4;--mint:#9ff3d2;--mint2:#61c9b1;--coral:#ff9b85;--gold:#ffe39b;--cream:#fff1c7;--muted:rgba(255,241,199,.65);--line:rgba(255,241,199,.18);--shadow:rgba(4,11,26,.44)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:Manrope,"Noto Sans SC","PingFang SC",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.site-shell{position:relative;overflow:hidden;background:linear-gradient(180deg,#10172a 0%,#1c2a4a 40%,#222d4a 65%,#131a30 100%)}.grain{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.07;background-image:radial-gradient(rgba(255,255,255,.8) .5px,transparent .5px);background-size:4px 4px;mix-blend-mode:screen}.fireflies{position:absolute;inset:0;z-index:2;pointer-events:none}.fireflies i{position:absolute;background:var(--gold);box-shadow:0 0 12px 3px rgba(255,227,155,.6);animation:float 4.7s ease-in-out infinite}.site-nav{position:fixed;z-index:50;top:18px;left:50%;width:min(1180px,calc(100% - 44px));height:64px;transform:translateX(-50%);display:flex;align-items:center;gap:32px;padding:0 18px;background:rgba(13,21,43,.3);border:1px solid rgba(255,241,199,.18);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);clip-path:polygon(0 8px,8px 8px,8px 0,calc(100% - 8px) 0,calc(100% - 8px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 8px),0 calc(100% - 8px));transition:background .2s ease,box-shadow .2s ease}.site-nav.scrolled{background:rgba(13,21,43,.8);box-shadow:0 12px 32px rgba(4,11,26,.23)}.brand{display:flex;align-items:center;gap:10px;min-width:220px}.brand-avatar{display:grid;place-items:center;width:36px;height:36px;background:rgba(159,243,210,.12);border:1px solid rgba(159,243,210,.35);box-shadow:4px 4px 0 rgba(4,11,26,.23);clip-path:polygon(0 5px,5px 5px,5px 0,31px 0,31px 5px,36px 5px,36px 31px,31px 31px,31px 36px,5px 36px,5px 31px,0 31px)}.brand-avatar img{width:27px;height:27px;object-fit:cover;image-rendering:pixelated}.brand-text{display:flex;flex-direction:column;line-height:1}.brand-text strong{font-size:15px;letter-spacing:-.04em}.brand-text small{margin-top:5px;color:rgba(255,241,199,.5);font:9px "DM Mono",monospace;letter-spacing:.11em}.main-nav{display:flex;align-items:center;gap:23px;flex:1}.main-nav a{position:relative;font-size:12px;color:rgba(255,241,199,.66);transition:color .18s ease,transform .18s ease}.main-nav a:hover,.main-nav a.active{color:var(--cream);transform:translateY(-1px)}.main-nav a.active:after{content:"";position:absolute;left:50%;bottom:-10px;width:4px;height:4px;background:var(--gold);box-shadow:0 0 10px var(--gold);transform:translateX(-50%)}.nav-cta{font:11px "DM Mono",monospace;color:var(--mint);white-space:nowrap}.nav-cta span{color:var(--gold);font-size:16px;margin-left:5px}.hero{position:relative;min-height:840px;isolation:isolate;overflow:hidden;padding:170px max(6vw,28px) 78px}.hero-scene,.hero-scene-image,.hero-vignette,.hero-grid{position:absolute;inset:0}.hero-scene{z-index:-1}.hero-scene-image{background:url('/lillia-home-hero.webp?v=20261016') center/cover no-repeat;transform:scale(1.02);transition:transform .5s ease}.hero-vignette{background:linear-gradient(90deg,rgba(12,18,38,.97) 0%,rgba(12,18,38,.82) 34%,rgba(12,18,38,.28) 66%,rgba(12,18,38,.08) 100%),linear-gradient(0deg,rgba(11,18,35,.84),transparent 24%,rgba(11,18,35,.15) 80%)}.hero-grid{opacity:.16;background-image:linear-gradient(rgba(159,243,210,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(159,243,210,.22) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,black,transparent 75%)}.hero-layout{position:relative;z-index:3;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:48% 52%;align-items:center;gap:3%}.hero-copy{padding-bottom:24px}.eyebrow{margin:0 0 22px;color:var(--mint);font:11px "DM Mono",monospace;letter-spacing:.12em}.eyebrow span:not(.eyebrow-star){color:rgba(255,241,199,.4)}.eyebrow-star{color:var(--gold);font-size:16px;margin-right:8px}.hero h1{margin:0;max-width:650px;color:var(--cream);font-size:clamp(45px,5.2vw,78px);line-height:1.04;letter-spacing:-.08em;font-weight:800;text-shadow:0 10px 28px rgba(5,12,28,.22)}h1 em,h2 em{font-style:normal;color:var(--coral)}.hero-lede{max-width:480px;margin:24px 0 0;color:rgba(255,241,199,.72);font-size:15px;line-height:1.9}.hero-actions{display:flex;gap:12px;margin-top:30px}.button{height:48px;display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:0 21px;font-size:13px;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.button:hover{transform:translateY(-3px);filter:brightness(1.08)}.button-primary{color:#16243a;background:linear-gradient(135deg,var(--mint),#68cbae);box-shadow:5px 5px 0 rgba(4,11,26,.34);clip-path:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px))}.button-ghost{color:var(--cream);border:1px solid rgba(255,241,199,.34);background:rgba(16,26,50,.34)}.hero-meta{display:flex;align-items:center;gap:9px;margin-top:27px;color:rgba(255,241,199,.48);font:10px "DM Mono",monospace;letter-spacing:.04em}.hero-meta i{width:1px;height:12px;background:rgba(255,241,199,.23);margin:0 5px}.online-dot,.terminal-status i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(159,243,210,.1),0 0 14px rgba(159,243,210,.8)}.hero-terminal-wrap{position:relative;padding:20px 0 0}.terminal-frame{position:relative;overflow:hidden;background:rgba(12,24,46,.83);border:1px solid rgba(255,241,199,.24);box-shadow:0 28px 80px rgba(4,11,26,.43),inset 0 0 0 1px rgba(159,243,210,.06);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);clip-path:polygon(0 13px,13px 13px,13px 0,calc(100% - 13px) 0,calc(100% - 13px) 13px,100% 13px,100% calc(100% - 13px),calc(100% - 13px) calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,13px calc(100% - 13px),0 calc(100% - 13px))}.hero-terminal{max-width:620px;margin-left:auto}.terminal-top{height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 18px;color:rgba(255,241,199,.54);font:11px "DM Mono",monospace}.terminal-tabs{display:flex;gap:18px}.terminal-tabs .selected{color:var(--mint);position:relative}.terminal-tabs .selected:after{content:"";position:absolute;left:0;right:0;bottom:-17px;height:2px;background:var(--mint);box-shadow:0 0 10px var(--mint)}.terminal-status{display:flex;align-items:center;gap:8px;color:var(--mint)}.terminal-path{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid rgba(255,241,199,.11);font:12px "DM Mono",monospace;color:rgba(255,241,199,.68)}.terminal-path b{padding:4px 7px;color:#152239;background:var(--mint);font-size:10px}.terminal-body{padding:20px 22px}.terminal-label{color:rgba(255,241,199,.38);font:10px "DM Mono",monospace;letter-spacing:.14em}.terminal-label span{float:right;color:var(--mint);letter-spacing:.05em}.terminal-body pre{margin:11px 0 17px;white-space:pre-wrap;color:#9bd2e5;font:12px/1.75 "DM Mono",monospace}.terminal-body code{font:inherit}.terminal-divider{height:1px;background:rgba(255,241,199,.12);margin:3px 0 18px}.response-code{color:#b7e9d2!important}.terminal-bottom{display:flex;gap:17px;align-items:center;padding:12px 18px;border-top:1px solid rgba(255,241,199,.11);color:rgba(255,241,199,.42);font:10px "DM Mono",monospace}.terminal-cost{margin-left:auto}.copy-button{border:1px solid rgba(159,243,210,.3);padding:5px 9px;color:var(--mint);background:rgba(159,243,210,.08);font:10px "DM Mono",monospace;cursor:pointer}.terminal-caption{margin:13px 5px 0;text-align:right;color:rgba(255,241,199,.4);font:10px "DM Mono",monospace}.terminal-caption span{color:var(--gold);margin-right:8px}.hero-scroll{position:absolute;z-index:3;bottom:25px;left:50%;display:flex;align-items:center;gap:9px;transform:translateX(-50%);color:rgba(255,241,199,.45);font:10px "DM Mono",monospace;letter-spacing:.1em}.hero-scroll span{width:1px;height:28px;background:linear-gradient(var(--mint),transparent)}.proof-ribbon{position:relative;z-index:4;max-width:1180px;margin:-1px auto 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(13,24,45,.7);backdrop-filter:blur(14px)}.proof-item{display:flex;align-items:center;gap:13px;min-height:92px;padding:0 24px;border-right:1px solid rgba(255,241,199,.12)}.proof-item:last-child{border-right:0}.proof-icon{display:grid;place-items:center;width:32px;height:32px;color:var(--gold);border:1px solid rgba(255,227,155,.36);background:rgba(255,227,155,.06);font-size:16px}.proof-item strong{display:block;font-size:12px}.proof-item small{display:block;margin-top:4px;color:rgba(255,241,199,.45);font-size:10px}.section-pad{max-width:1180px;margin:0 auto;padding:132px 0}.section-intro{max-width:520px}.section-intro h2,.workflow h2{margin:0;color:var(--cream);font-size:46px;line-height:1.08;letter-spacing:-.07em}.section-intro>p:last-child{margin-top:20px;color:var(--muted);font-size:14px}.forest-story{position:relative}.forest-story:before{content:"";position:absolute;inset:0 -50vw;background:radial-gradient(ellipse 45% 70% at 84% 38%,rgba(121,97,171,.23),transparent 68%),linear-gradient(180deg,rgba(23,36,65,.45),rgba(13,24,45,.05));z-index:-1}.story-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:56px}.story-card{position:relative;min-height:288px;padding:25px 23px;background:rgba(30,44,73,.72);border:1px solid var(--line);box-shadow:0 18px 45px rgba(4,11,26,.2);transition:transform .2s ease,border-color .2s ease,background .2s ease;clip-path:polygon(0 12px,12px 12px,12px 0,calc(100% - 12px) 0,calc(100% - 12px) 12px,100% 12px,100% calc(100% - 12px),calc(100% - 12px) calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,12px calc(100% - 12px),0 calc(100% - 12px))}.story-card:hover{transform:translateY(-8px);background:rgba(44,62,96,.88);border-color:rgba(255,241,199,.44)}.card-mint{border-top:2px solid var(--mint)}.card-coral{border-top:2px solid var(--coral)}.card-lavender{border-top:2px solid var(--violet)}.card-gold{border-top:2px solid var(--gold)}.card-number{font:10px "DM Mono",monospace;color:rgba(255,241,199,.43)}.card-glyph{position:absolute;right:22px;top:17px;color:var(--mint);font-size:26px;text-shadow:0 0 15px rgba(159,243,210,.45)}.card-coral .card-glyph{color:var(--coral)}.card-lavender .card-glyph{color:var(--violet)}.card-gold .card-glyph{color:var(--gold)}.story-card h3{margin:57px 0 12px;color:var(--cream);font-size:20px;letter-spacing:-.04em}.story-card p{min-height:68px;color:rgba(255,241,199,.6);font-size:12px;line-height:1.8}.story-card a,.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--mint);font:11px "DM Mono",monospace}.story-card a span,.text-link span{color:var(--gold);font-size:15px}.api-section{position:relative;max-width:none;padding-left:max(6vw,28px);padding-right:max(6vw,28px);background:linear-gradient(180deg,#15213d,#11182d)}.api-section:before{content:"";position:absolute;inset:0;opacity:.22;background:linear-gradient(90deg,transparent,rgba(106,78,157,.3),transparent),repeating-linear-gradient(135deg,rgba(159,243,210,.16) 0 1px,transparent 1px 16px);mask-image:linear-gradient(90deg,transparent,black 25%,black 75%,transparent)}.api-layout{position:relative;z-index:1;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:42% 58%;align-items:center;gap:8%}.api-copy h2{margin:0;color:var(--cream);font-size:48px;line-height:1.08;letter-spacing:-.07em}.api-copy>p:not(.eyebrow){max-width:390px;margin:23px 0;color:var(--muted);font-size:14px;line-height:1.9}.compatibility{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0 27px;align-items:center}.compatibility span{margin-right:3px;color:rgba(255,241,199,.42);font:10px "DM Mono",monospace}.compatibility b{padding:6px 9px;border:1px solid rgba(159,243,210,.2);color:rgba(255,241,199,.7);background:rgba(159,243,210,.05);font:10px "DM Mono",monospace}.code-window{max-width:640px;margin-left:auto}.code-window-top{height:47px;display:flex;align-items:center;gap:14px;padding:0 16px;border-bottom:1px solid var(--line);font:10px "DM Mono",monospace}.code-window-top>span{display:flex;gap:5px}.code-window-top>span i{width:7px;height:7px;border-radius:50%;background:var(--coral)}.code-window-top>span i:nth-child(2){background:var(--gold)}.code-window-top>span i:nth-child(3){background:var(--mint)}.code-window-top small{color:rgba(255,241,199,.46)}.code-window-top .copy-button{margin-left:auto}.code-window pre{margin:0;padding:26px 27px;min-height:300px;white-space:pre-wrap;color:#a6d9e8;font:12px/1.9 "DM Mono",monospace}.code-comment{color:rgba(255,241,199,.38)}.code-keyword{color:var(--mint)}.code-string{color:var(--gold)}.code-window-foot{display:flex;align-items:center;gap:9px;padding:12px 18px;border-top:1px solid rgba(255,241,199,.12);color:rgba(255,241,199,.45);font:10px "DM Mono",monospace}.code-window-foot span:last-child{margin-left:auto}.api-orb{position:absolute;width:260px;height:260px;border-radius:50%;filter:blur(40px);pointer-events:none}.api-orb-one{right:5%;top:12%;background:rgba(121,97,171,.2)}.api-orb-two{left:3%;bottom:5%;background:rgba(62,184,163,.13)}.workflow{position:relative;text-align:center;background:linear-gradient(180deg,#11182d,#17213b)}.workflow-heading{position:relative;z-index:1}.workflow-heading .eyebrow{margin-bottom:20px}.workflow-line{position:absolute;left:17%;right:17%;top:277px;height:1px;background:linear-gradient(90deg,transparent,var(--mint),var(--coral),var(--gold),transparent);opacity:.55}.workflow-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:75px}.workflow-item{position:relative}.step-dot{position:absolute;top:-13px;right:calc(50% - 45px);display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--cream);color:var(--ink);font:bold 11px "DM Mono",monospace;box-shadow:0 0 0 6px rgba(255,241,199,.08)}.step-icon{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 25px;color:var(--mint);border:1px solid rgba(159,243,210,.35);background:rgba(159,243,210,.07);font-size:25px;box-shadow:0 10px 28px rgba(4,11,26,.2)}.workflow-item:nth-child(2) .step-icon{color:var(--coral);border-color:rgba(255,155,133,.35);background:rgba(255,155,133,.07)}.workflow-item:nth-child(3) .step-icon{color:var(--gold);border-color:rgba(255,227,155,.35);background:rgba(255,227,155,.07)}.workflow-item h3{margin:0 0 9px;font-size:18px}.workflow-item p{max-width:220px;margin:0 auto;color:var(--muted);font-size:12px;line-height:1.8}.workflow-button{margin-top:55px}.final-cta{position:relative;display:grid;grid-template-columns:45% 55%;align-items:center;min-height:610px;padding:88px max(6vw,28px);overflow:hidden;background:linear-gradient(115deg,#221e4e 0%,#5b3f83 49%,#b76d76 100%)}.final-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,19,54,.96),rgba(44,28,75,.52) 55%,rgba(34,23,53,.12)),url('/lillia-home-art.png?v=lillia-scene-20261016') 90% 42%/min(720px,58vw) auto no-repeat;opacity:.74}.final-art{position:absolute;right:-3%;bottom:-19%;z-index:1;width:min(690px,57vw);pointer-events:none}.final-art img{display:block;width:100%;image-rendering:pixelated;filter:drop-shadow(0 25px 42px rgba(8,9,30,.35))}.final-copy{position:relative;z-index:2;max-width:500px}.final-copy h2{margin:0;color:var(--cream);font-size:clamp(42px,5vw,70px);line-height:1.03;letter-spacing:-.08em}.final-copy>p:not(.eyebrow){max-width:360px;margin:23px 0;color:rgba(255,241,199,.7);font-size:14px;line-height:1.85}.final-actions{display:flex;align-items:center;gap:22px;margin-top:29px}.site-footer{display:flex;align-items:center;gap:30px;max-width:1180px;min-height:100px;margin:0 auto;padding:0 4px;color:rgba(255,241,199,.45);font:10px "DM Mono",monospace}.footer-brand{display:flex;align-items:center;gap:8px;color:var(--cream);font-family:Manrope;font-size:12px}.footer-brand img{width:23px;height:23px;object-fit:cover;image-rendering:pixelated}.footer-brand span{margin-left:7px;color:rgba(255,241,199,.38);font:10px "DM Mono",monospace}.footer-links{display:flex;gap:18px;margin-left:auto}.footer-links a:hover{color:var(--mint)}.footer-copy{color:rgba(255,241,199,.32)}
@keyframes float{0%,100%{transform:translateY(0);opacity:.28}50%{transform:translateY(-15px);opacity:1}}@media (max-width:980px){.site-nav{gap:18px}.brand{min-width:190px}.main-nav{gap:14px}.hero{padding-top:140px}.hero-layout{grid-template-columns:1fr;gap:55px}.hero-copy{max-width:680px}.hero-terminal{margin:0;max-width:700px}.proof-ribbon{margin:0 28px}.api-layout{grid-template-columns:1fr;gap:48px}.code-window{margin:0;max-width:780px}.story-grid{grid-template-columns:repeat(2,1fr)}.final-cta{grid-template-columns:1fr;min-height:700px}.final-art{right:-11%;width:min(610px,70vw);opacity:.75}.final-copy{max-width:500px}}
@media (max-width:680px){.site-nav{top:10px;width:calc(100% - 24px);height:57px;padding:0 12px}.brand{min-width:0}.brand-text small,.nav-cta{display:none}.main-nav{justify-content:flex-end;gap:11px}.main-nav a{font-size:10px}.main-nav a:nth-child(3),.main-nav a:nth-child(4),.main-nav a:nth-child(6){display:none}.hero{min-height:840px;padding:128px 20px 70px}.hero-scene-image{background-position:62% center}.hero-vignette{background:linear-gradient(90deg,rgba(12,18,38,.96),rgba(12,18,38,.6) 66%,rgba(12,18,38,.22)),linear-gradient(0deg,rgba(11,18,35,.92),transparent 45%)}.hero h1{font-size:47px}.hero-lede{font-size:13px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-meta{font-size:9px;flex-wrap:wrap}.hero-meta i{display:none}.hero-terminal-wrap{padding:0}.terminal-body{padding:16px}.terminal-body pre{font-size:10px}.terminal-bottom{gap:8px;font-size:8px}.terminal-bottom .copy-button{display:none}.proof-ribbon{grid-template-columns:1fr 1fr;margin:0 20px}.proof-item{min-height:77px;padding:0 13px;border-bottom:1px solid rgba(255,241,199,.12)}.proof-item:nth-child(2){border-right:0}.proof-item strong{font-size:10px}.proof-item small{font-size:9px}.section-pad{padding:90px 20px}.section-intro h2,.api-copy h2,.workflow h2{font-size:38px}.story-grid{grid-template-columns:1fr;gap:9px}.story-card{min-height:225px}.story-card h3{margin-top:48px}.api-section{padding-left:20px;padding-right:20px}.code-window pre{padding:20px 16px;font-size:10px}.workflow-grid{grid-template-columns:1fr;gap:44px;margin-top:54px}.workflow-line{left:50%;top:392px;bottom:150px;width:1px;height:auto;background:linear-gradient(180deg,transparent,var(--mint),var(--coral),var(--gold),transparent)}.step-dot{right:calc(50% - 44px)}.final-cta{min-height:700px;padding:70px 20px}.final-cta:before{background:linear-gradient(180deg,rgba(22,19,54,.95),rgba(44,28,75,.6)),url('/lillia-home-art.png?v=lillia-scene-20261016') 90% 90%/480px auto no-repeat}.final-art{right:-25%;bottom:-8%;width:520px;opacity:.68}.final-copy h2{font-size:49px}.final-actions{display:grid;gap:18px}.final-actions .button{width:100%}.site-footer{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:23px 20px;font-size:9px}.footer-brand{grid-column:1/-1}.footer-links{margin:0;gap:11px;flex-wrap:wrap}.footer-copy{justify-self:end}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-scene-image,.story-card,.button{transition:none}.fireflies i{animation:none}.hero-scene-image{transform:none}}