.landing{--mesh-pink:#ff55991a;--mesh-cyan:#14e8d41f;--surface-med:#0a0a0f08;--noise-opacity:.03;--nav-bg:#fbfaf6d9;--brand-dim:#e5d446;--purple:#7c6bff;--pink:#f59;--cyan:#14e8d4;--green:#35dba6}:root[data-theme=dark] .landing{--mesh-pink:#ff55991a;--mesh-cyan:#14e8d414;--surface-med:#ffffff0a;--noise-opacity:.06;--nav-bg:#06060ab3}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .landing{--mesh-pink:#ff55991a;--mesh-cyan:#14e8d414;--surface-med:#ffffff0a;--noise-opacity:.06;--nav-bg:#06060ab3}}.landing *{box-sizing:border-box}.landing a{color:inherit;text-decoration:none}.landing .mono{font-family:JetBrains Mono,monospace}.landing .l-nav{z-index:100;background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 32px;transition:background .3s,border-color .3s;display:flex;position:fixed;top:0;left:0;right:0}.landing .l-logo{color:var(--fg);align-items:center;gap:10px;font-weight:700;display:flex}.landing .l-logo-mark{background:linear-gradient(135deg, var(--brand), var(--purple));width:28px;height:28px;color:var(--brand-fg);border-radius:8px;place-items:center;font-size:15px;font-weight:800;display:grid}.landing .l-links{color:var(--fg-2);gap:28px;font-size:13px;display:flex}.landing .l-links a{transition:color .15s}.landing .l-links a:hover{color:var(--fg)}.landing .l-actions{align-items:center;gap:10px;display:flex}.landing .l-theme-toggle{background:var(--surface-hi);border:1px solid var(--line);width:36px;height:36px;color:var(--fg-2);cursor:pointer;border-radius:8px;place-items:center;transition:background .15s,color .15s,border-color .15s;display:grid}.landing .l-theme-toggle:hover{color:var(--fg);border-color:var(--line-2)}.landing .l-btn-primary{background:var(--brand);color:var(--brand-fg);border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700;transition:transform .15s,box-shadow .15s}.landing .l-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px -4px #ffed4e66}.landing .l-hero{align-items:center;min-height:100vh;padding:140px 32px 80px;display:flex;position:relative;overflow:hidden}.landing .l-hero:before{content:"";background:radial-gradient(ellipse at 20% 30%, var(--mesh-yellow), transparent 40%), radial-gradient(ellipse at 80% 40%, var(--mesh-purple), transparent 50%), radial-gradient(ellipse at 60% 80%, var(--mesh-pink), transparent 45%), radial-gradient(ellipse at 30% 70%, var(--mesh-cyan), transparent 40%);pointer-events:none;animation:20s ease-in-out infinite l-meshMove;position:absolute;inset:0}@keyframes l-meshMove{0%,to{transform:translate(0)scale(1)}33%{transform:translate(20px,-20px)scale(1.05)}66%{transform:translate(-20px,20px)scale(.95)}}.landing .l-hero:after{content:"";pointer-events:none;opacity:var(--noise-opacity);mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9'/></filter><rect width='200' height='200' filter='url(%23n)' opacity='0.4'/></svg>");position:absolute;inset:0}.landing .l-hero-inner{z-index:2;grid-template-columns:1.15fr 1fr;align-items:center;gap:60px;width:100%;max-width:1280px;margin:0 auto;display:grid;position:relative}.landing .l-badge{border:1px solid var(--line-2);color:var(--fg-2);background:var(--surface-lo);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 12px;font-size:12px;display:inline-flex}.landing .l-badge-dot{background:var(--green);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite l-pulseDot}@keyframes l-pulseDot{0%,to{transform:scale(1);box-shadow:0 0 #35dba699}50%{transform:scale(1.15);box-shadow:0 0 0 6px #35dba600}}.landing .l-h1{letter-spacing:-.045em;color:var(--fg);margin:0 0 24px;font-family:Space Grotesk,sans-serif;font-size:clamp(56px,8vw,108px);font-weight:700;line-height:.92}.landing .l-gradient-word{background:linear-gradient(90deg,#ffed4e 0%,#7c6bff 50%,#f59 100%) 0 0/200%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite l-gradientShift}@keyframes l-gradientShift{to{background-position:200%}}.landing .l-sub{color:var(--fg-2);max-width:480px;margin:0 0 36px;font-size:18px;line-height:1.55}.landing .l-ctas{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;display:flex}.landing .l-btn-hero{background:var(--brand);color:var(--brand-fg);border-radius:12px;align-items:center;gap:10px;padding:14px 26px;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex;position:relative;overflow:hidden}.landing .l-btn-hero:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);position:absolute;inset:0;transform:translate(-100%)}.landing .l-btn-hero:hover{transform:translateY(-2px);box-shadow:0 10px 30px -8px #ffed4e80}.landing .l-btn-hero:hover:after{transition:transform .7s;transform:translate(100%)}.landing .l-btn-secondary{border:1px solid var(--line-2);color:var(--fg);border-radius:12px;padding:14px 22px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s}.landing .l-btn-secondary:hover{background:var(--surface-hi);border-color:var(--line-2)}.landing .l-fine{color:var(--fg-3);font-size:12px}.landing .l-demo-card{background:linear-gradient(180deg, var(--bg-3), var(--bg-2));border:1px solid var(--line);box-shadow:var(--demo-shadow);border-radius:20px;position:relative;overflow:hidden}.landing .l-demo-card:before{content:"";background:linear-gradient(90deg, transparent, var(--brand), transparent);opacity:.4;height:1px;position:absolute;top:-1px;left:20%;right:20%}.landing .l-demo-tab{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.landing .l-demo-tab .dots{gap:6px;display:flex}.landing .l-demo-tab .dot{border-radius:50%;width:10px;height:10px}.landing .l-demo-tab .dot.r{background:#ff5f57}.landing .l-demo-tab .dot.y{background:#ffbd2e}.landing .l-demo-tab .dot.g{background:#27c93f}.landing .l-demo-tab .model{background:var(--purple-tint);border:1px solid var(--purple-border);color:var(--purple);border-radius:6px;align-items:center;gap:8px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.landing .l-demo-tab .model-dot{background:var(--purple);border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite l-pulseDot}.landing .l-demo-body{flex-direction:column;gap:18px;min-height:320px;padding:22px 24px;display:flex}.landing .l-msg{max-width:420px}.landing .l-msg.me{background:var(--surface-hi);color:var(--fg);border-radius:14px 14px 4px;align-self:flex-end;padding:12px 16px;font-size:14px}.landing .l-msg.ai .label{color:var(--fg-3);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:6px;margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.landing .l-msg.ai .bubble{background:linear-gradient(180deg, var(--brand-tint), var(--brand-tint));border:1px solid var(--brand-border);color:var(--fg);border-radius:14px 14px 14px 4px;padding:14px 18px;font-size:14px;line-height:1.7}.landing .l-cursor{background:var(--fg);vertical-align:text-bottom;width:6px;height:15px;margin-left:2px;animation:1s step-end infinite l-blink;display:inline-block}@keyframes l-blink{50%{opacity:0}}.landing .l-demo-foot{border-top:1px solid var(--line);background:var(--demo-foot-bg);align-items:center;gap:10px;padding:14px 20px;display:flex}.landing .l-demo-foot .input{background:var(--surface-hi);color:var(--fg-3);border-radius:10px;flex:1;padding:10px 14px;font-size:13px}.landing .l-demo-foot .send{background:var(--brand);width:34px;height:34px;color:var(--brand-fg);border-radius:10px;place-items:center;display:grid}.landing .l-marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--marquee-bg);padding:22px 0;overflow:hidden}.landing .l-marquee-track{white-space:nowrap;align-items:center;gap:60px;animation:40s linear infinite l-scroll;display:flex}.landing .l-marquee-track span{color:var(--fg-3);letter-spacing:-.01em;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:600}.landing .l-marquee-track .sep{color:var(--purple)}@keyframes l-scroll{to{transform:translate(-50%)}}.landing section{padding:96px 32px;position:relative}.landing .l-head{max-width:1280px;margin:0 auto 60px}.landing .l-eyebrow{color:var(--accent-yellow);text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:8px;margin-bottom:16px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.landing .l-eyebrow:before{content:"";background:currentColor;width:24px;height:1px}.landing .l-h2{letter-spacing:-.035em;max-width:800px;color:var(--fg);margin:0 0 12px;font-family:Space Grotesk,sans-serif;font-size:clamp(40px,5vw,64px);font-weight:700;line-height:.98}.landing .l-dek{color:var(--fg-2);max-width:560px;font-size:17px;line-height:1.5}.landing .l-bento{grid-template-rows:240px 240px;grid-template-columns:2fr 1fr 1fr;gap:16px;max-width:1280px;margin:0 auto;display:grid}.landing .l-tile{background:var(--bg-3);border:1px solid var(--line);cursor:pointer;color:var(--fg);border-radius:20px;flex-direction:column;justify-content:space-between;padding:28px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.landing .l-tile:hover{border-color:var(--line-2);box-shadow:var(--tile-hover-shadow);transform:translateY(-4px)}.landing .l-tile .n{color:var(--fg-3);letter-spacing:.15em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:11px}.landing .l-tile .t{letter-spacing:-.02em;margin:12px 0 8px;font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:600;line-height:1.05}.landing .l-tile .d{color:var(--fg-2);font-size:13px;line-height:1.55}.landing .l-tile.text{grid-area:1/1/span 2}.landing .l-tile.text .t{font-size:36px}.landing .l-tile.text .chips{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.landing .l-tile.text .chip{background:var(--surface-hi);color:var(--fg-2);border-radius:999px;padding:5px 10px;font-family:JetBrains Mono,monospace;font-size:11px}.landing .l-tile.image{grid-area:1/2}.landing .l-tile.image:after{content:"";background:radial-gradient(circle at 70% 30%, var(--cyan-tint), transparent 60%);pointer-events:none;position:absolute;inset:0}.landing .l-tile.video{grid-area:1/3}.landing .l-tile.video:after{content:"";background:radial-gradient(circle at 30% 70%, var(--pink-tint), transparent 60%);pointer-events:none;position:absolute;inset:0}.landing .l-tile.audio{flex-direction:row;grid-area:2/2/auto/span 2;justify-content:space-between;align-items:center;gap:24px}.landing .l-wave{align-items:end;gap:3px;height:60px;display:flex}.landing .l-wave span{background:var(--accent-yellow);border-radius:2px;width:3px;animation:1.2s ease-in-out infinite l-waveBounce;display:block}.landing .l-wave span:first-child{height:22px;animation-delay:-.1s}.landing .l-wave span:nth-child(2){height:40px;animation-delay:-.3s}.landing .l-wave span:nth-child(3){height:55px;animation-delay:-.5s}.landing .l-wave span:nth-child(4){height:30px;animation-delay:-.7s}.landing .l-wave span:nth-child(5){height:50px;animation-delay:-.2s}.landing .l-wave span:nth-child(6){height:18px;animation-delay:-.4s}.landing .l-wave span:nth-child(7){height:42px;animation-delay:-.6s}.landing .l-wave span:nth-child(8){height:26px;animation-delay:-.8s}.landing .l-wave span:nth-child(9){height:48px;animation-delay:-.1s}.landing .l-wave span:nth-child(10){height:32px;animation-delay:-.3s}.landing .l-wave span:nth-child(11){height:20px;animation-delay:-.5s}.landing .l-wave span:nth-child(12){height:45px;animation-delay:-.7s}@keyframes l-waveBounce{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.landing .l-tile .ico{background:var(--surface-hi);border:1px solid var(--line);border-radius:10px;place-items:center;width:36px;height:36px;margin-bottom:16px;display:grid}.landing .l-tile.text .ico{background:var(--brand-tint);border-color:var(--brand-border)}.landing .l-tile.image .ico{background:var(--cyan-tint);border-color:var(--cyan-border)}.landing .l-tile.video .ico{background:var(--pink-tint);border-color:var(--pink-border)}.landing .l-tile.audio .ico{background:var(--purple-tint);border-color:var(--purple-border)}.landing .l-how{background:linear-gradient(180deg, transparent, var(--surface-lo) 20%, transparent)}.landing .l-steps{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1280px;margin:0 auto;display:grid;position:relative}.landing .l-step{background:var(--bg-3);border:1px solid var(--line);opacity:0;color:var(--fg);border-radius:20px;padding:32px;transition:opacity .6s,transform .6s;position:relative;transform:translateY(30px)}.landing .l-step.in{opacity:1;transform:translateY(0)}.landing .l-step .num{background:var(--number-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-family:Space Grotesk,sans-serif;font-size:64px;font-weight:700;line-height:1}.landing .l-step h3{letter-spacing:-.01em;color:var(--fg);margin:0 0 10px;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:600}.landing .l-step p{color:var(--fg-2);margin:0;font-size:14px;line-height:1.6}.landing .l-step:after{content:"→";color:var(--accent-yellow);font-family:JetBrains Mono,monospace;font-size:20px;position:absolute;top:50%;right:-22px;transform:translateY(-50%)}.landing .l-step:last-child:after{display:none}.landing .l-showcase-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:260px;gap:16px;max-width:1280px;margin:0 auto;display:grid}.landing .l-show{border:1px solid var(--line);cursor:pointer;background:var(--bg-2);border-radius:20px;transition:transform .3s;position:relative;overflow:hidden}.landing .l-show:hover{transform:scale(1.02)}.landing .l-show video,.landing .l-show img{display:block}.landing .l-show .l-show-overlay{z-index:1;pointer-events:none;background:linear-gradient(#00000059 0%,#0000 25% 60%,#000000a6 100%);position:absolute;inset:0}.landing .l-show .tag{z-index:2;letter-spacing:.08em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffed4e;background:#060608bf;border-radius:5px;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;position:absolute;top:14px;left:14px}.landing .l-show .title{z-index:2;color:#fff;font-family:Space Grotesk,sans-serif;font-weight:600;position:absolute;bottom:14px;left:14px;right:14px}.landing .l-show-music .title{right:244px}@media (max-width:720px){.landing .l-show-music .title{bottom:62px;right:14px}}.landing .l-show .title strong{letter-spacing:-.02em;margin-bottom:4px;font-size:22px;line-height:1;display:block}.landing .l-show .title span{color:#ffffffb3;font-family:Inter,sans-serif;font-size:12px;font-weight:400}.landing .l-show-cat{background:#0a0a15;grid-area:1/1/auto/span 2}.landing .l-show-logo{background:linear-gradient(135deg,#f96,#f58);grid-area:1/3}.landing .l-show-mountain{background:linear-gradient(#f97316,#6366f1 70%);grid-area:2/1}.landing .l-show-music{background:linear-gradient(135deg,#7c6bff,#c084fc);grid-area:2/2/auto/span 2}.landing .l-price-grid{grid-template-columns:repeat(3,1fr);gap:16px;max-width:1280px;margin:0 auto;display:grid}.landing .l-plan{background:var(--bg-3);border:1px solid var(--line);color:var(--fg);border-radius:20px;flex-direction:column;padding:32px 28px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;position:relative}.landing .l-plan:hover{border-color:var(--line-2);box-shadow:var(--tile-hover-shadow);transform:translateY(-4px)}.landing .l-plan.featured{background:linear-gradient(180deg, var(--brand-tint), transparent);border-color:var(--brand-border)}.landing .l-plan .tier{color:var(--fg-3);text-transform:uppercase;letter-spacing:.14em;margin-bottom:20px;font-family:JetBrains Mono,monospace;font-size:11px}.landing .l-plan.featured .tier{color:var(--accent-yellow)}.landing .l-plan .badge-tag{background:var(--brand);color:var(--brand-fg);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;position:absolute;top:-12px;right:20px}.landing .l-plan .price{align-items:baseline;gap:6px;margin-bottom:8px;font-family:Space Grotesk,sans-serif;display:flex}.landing .l-plan .price .n{letter-spacing:-.03em;color:var(--fg);font-size:56px;font-weight:700;line-height:1}.landing .l-plan .price .r{color:var(--fg-3);font-size:22px}.landing .l-plan.featured .price .n{color:var(--accent-yellow)}.landing .l-plan .hint{color:var(--fg-3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:24px;font-size:12px}.landing .l-plan ul{flex-direction:column;gap:10px;margin:0 0 28px;padding:0;list-style:none;display:flex}.landing .l-plan li{color:var(--fg);align-items:center;gap:8px;font-size:13px;display:flex}.landing .l-plan li .check{color:var(--accent-yellow);font-family:monospace}.landing .l-plan .cta{text-align:center;letter-spacing:.02em;border-radius:10px;padding:12px;font-size:13px;font-weight:600;transition:background .15s,box-shadow .15s}.landing .l-plan .cta.ghost{border:1px solid var(--line-2);color:var(--fg)}.landing .l-plan .cta.ghost:hover{background:var(--surface-hi)}.landing .l-plan .cta.filled{background:var(--brand);color:var(--brand-fg);font-weight:700}.landing .l-plan .cta.filled:hover{box-shadow:0 8px 24px -6px #ffed4e66}.landing .l-faq{max-width:900px;margin:0 auto}.landing .l-q{border-top:1px solid var(--line);padding:24px 0}.landing .l-q:last-child{border-bottom:1px solid var(--line)}.landing .l-q-head{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.landing .l-q-head h3{letter-spacing:-.015em;color:var(--fg);margin:0;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:600}.landing .l-q-plus{color:var(--fg-3);font-size:22px;transition:transform .2s,color .2s}.landing .l-q.open .l-q-plus{color:var(--accent-yellow);transform:rotate(45deg)}.landing .l-q-body{max-height:0;color:var(--fg-2);font-size:15px;line-height:1.65;transition:max-height .35s,margin .35s;overflow:hidden}.landing .l-q.open .l-q-body{max-height:240px;margin-top:16px}.landing .l-cta-final{text-align:center;padding:130px 32px;position:relative;overflow:hidden}.landing .l-cta-final:before{content:"";background:radial-gradient(ellipse at 30% 50%, var(--mesh-yellow), transparent 55%), radial-gradient(ellipse at 70% 50%, var(--mesh-purple), transparent 55%);animation:15s ease-in-out infinite l-meshMove;position:absolute;inset:0}.landing .l-cta-final h2{z-index:2;letter-spacing:-.04em;color:var(--fg);margin:0 0 24px;font-family:Space Grotesk,sans-serif;font-size:clamp(48px,7vw,96px);font-weight:700;line-height:.95;position:relative}.landing .l-cta-final .lede{z-index:2;color:var(--fg-2);max-width:520px;margin:0 auto 40px;font-size:17px;position:relative}.landing .l-cta-final .l-btn-hero{z-index:2;position:relative}.landing .l-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:40px 32px;display:flex}.landing .l-footer .brand{color:var(--fg-3);font-size:13px}.landing .l-footer .brand strong{color:var(--fg-2)}.landing .l-footer .fnav{color:var(--fg-3);gap:24px;font-size:12px;display:flex}.landing .l-footer .fnav a:hover{color:var(--fg-2)}@media (max-width:900px){.landing .l-hero-inner{grid-template-columns:1fr;gap:40px}.landing .l-bento{grid-template-columns:1fr;grid-auto-rows:auto}.landing .l-tile.text,.landing .l-tile.image,.landing .l-tile.video,.landing .l-tile.audio{grid-area:auto/1}.landing .l-tile.audio{flex-direction:column;align-items:flex-start}.landing .l-steps{grid-template-columns:1fr}.landing .l-step:after{display:none}.landing .l-showcase-grid{grid-template-columns:1fr;grid-auto-rows:240px}.landing .l-show-cat,.landing .l-show-logo,.landing .l-show-mountain,.landing .l-show-music{grid-area:auto/1}.landing .l-price-grid{grid-template-columns:1fr}.landing .l-nav .l-links{display:none}.landing section{padding:60px 20px}.landing .l-head{margin-bottom:40px}}.landing .l-nav{padding-top:calc(16px + env(safe-area-inset-top))}@media (max-width:600px){.landing .l-nav{padding-left:16px;padding-right:16px}.landing .l-actions{gap:8px}.landing .l-hero{padding:104px 20px 64px}.landing .l-h1{font-size:clamp(38px,11vw,64px)}.landing .l-cta-final{padding:88px 20px}.landing .l-footer{padding:32px 20px}}
