.landing{--landing-bg: #07090d;--landing-text: #e5e7eb;--landing-muted: #9ca3af;--landing-card-bg: rgba(6, 9, 15, .6);--landing-card-border: rgba(255, 255, 255, .06);--landing-accent: oklch(.723 .219 142.136);--landing-spring: cubic-bezier(.34, 1.56, .64, 1);--landing-spring-duration: .28s;min-height:100vh;background:var(--landing-bg);color:var(--landing-text);font-family:Inter,system-ui,-apple-system,sans-serif}.landing-nav{display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto;padding:1.5rem 2rem;position:relative;z-index:10}.landing-nav-logo{font-size:1.3rem;font-weight:700;color:var(--landing-text);text-decoration:none;letter-spacing:-.02em}.landing-nav-links{display:flex;gap:2rem;align-items:center}.landing-nav-links a{color:var(--landing-muted);text-decoration:none;font-size:.95rem;font-weight:500;transition:color var(--landing-spring-duration) var(--landing-spring)}.landing-nav-links a:hover{color:var(--landing-text)}.hero{position:relative;max-width:none;margin:0 auto;padding:6rem 2rem;text-align:center;overflow:hidden;min-height:85vh;display:flex;align-items:center;justify-content:center}.hero-content{position:relative;z-index:2}.hero-fluid-svg{position:absolute;inset:-40%;width:180%;height:180%;z-index:0;opacity:.65}.fluid-c{will-change:transform}.fluid-c1{animation:fc1 14s ease-in-out infinite}.fluid-c2{animation:fc2 18s ease-in-out infinite}.fluid-c3{animation:fc3 16s ease-in-out infinite}.fluid-c4{animation:fc4 20s ease-in-out infinite}.fluid-c5{animation:fc5 15s ease-in-out infinite}.fluid-c6{animation:fc6 17s ease-in-out infinite}.fluid-c7{animation:fc7 13s ease-in-out infinite}@keyframes fc1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-50px) scale(1.15)}66%{transform:translate(-30px,30px) scale(.9)}}@keyframes fc2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-50px,30px) scale(1.1)}66%{transform:translate(30px,-40px) scale(.95)}}@keyframes fc3{0%,to{transform:translate(0) scale(1)}33%{transform:translate(35px,45px) scale(.85)}66%{transform:translate(-45px,-25px) scale(1.12)}}@keyframes fc4{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-40px,-35px) scale(1.08)}66%{transform:translate(50px,20px) scale(.92)}}@keyframes fc5{0%,to{transform:translate(0) scale(1)}33%{transform:translate(25px,40px) scale(1.2)}66%{transform:translate(-35px,-30px) scale(.88)}}@keyframes fc6{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-30px,50px) scale(1.05)}66%{transform:translate(45px,-20px) scale(.95)}}@keyframes fc7{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-40px) scale(1.1)}66%{transform:translate(-25px,35px) scale(.9)}}.hero-badge{display:inline-block;padding:.35rem 1rem;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#ffffffb3;font-size:.85rem;font-weight:500;margin-bottom:2rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero h1{font-size:clamp(3rem,7vw,5rem);font-weight:800;line-height:1.05;letter-spacing:-.04em;margin:0 0 1.5rem;text-shadow:0 4px 30px rgba(0,0,0,.5);text-transform:uppercase}.hero-thin{font-weight:300;letter-spacing:.05em;font-size:.45em;text-transform:uppercase;display:block;margin-bottom:.3rem;opacity:.9}.hero h1 span{color:#fff;-webkit-text-fill-color:#fff;background:none;-webkit-background-clip:unset;background-clip:unset}.hero p{font-size:1.1rem;color:#ffffffa6;max-width:520px;margin:0 auto 2.5rem;line-height:1.7;text-shadow:0 2px 12px rgba(0,0,0,.4)}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.8rem;border-radius:12px;font-size:1rem;font-weight:600;text-decoration:none;transition:transform var(--landing-spring-duration) var(--landing-spring),filter var(--landing-spring-duration) var(--landing-spring),background var(--landing-spring-duration) var(--landing-spring);border:none;cursor:pointer}.btn-primary{background:var(--landing-accent);color:#07090d}.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.1)}.btn-secondary{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--landing-text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{background:#ffffff24;transform:translateY(-1px)}.section-fade{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.section-fade.is-visible{opacity:1;transform:translateY(0)}.section-fade-child{opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease}.section-fade-child.is-visible{opacity:1;transform:translateY(0)}.section-fade-child:nth-child(1){transition-delay:0ms}.section-fade-child:nth-child(2){transition-delay:60ms}.section-fade-child:nth-child(3){transition-delay:.12s}.section-fade-child:nth-child(4){transition-delay:.18s}.section-fade-child:nth-child(5){transition-delay:.24s}.section-fade-child:nth-child(6){transition-delay:.3s}.section-fade-child:nth-child(7){transition-delay:.36s}.section-fade-child:nth-child(8){transition-delay:.42s}.section-fade-child:nth-child(9){transition-delay:.48s}.section-fade-child:nth-child(10){transition-delay:.54s}.section-fade-child:nth-child(11){transition-delay:.6s}.features{position:relative;max-width:1100px;margin:0 auto;padding:4rem 2rem}.features:before{content:"";position:absolute;inset:0;z-index:0;opacity:.07;background:radial-gradient(ellipse 60% 50% at 20% 50%,#00e5cc,transparent),radial-gradient(ellipse 50% 60% at 80% 40%,#7b2ff7,transparent);pointer-events:none}.features>*{position:relative;z-index:1}.features h2{text-align:center;font-size:1.8rem;margin:0 0 2rem;font-weight:700;letter-spacing:-.02em}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.feature-card{background:var(--landing-card-bg);border:1px solid var(--landing-card-border);border-radius:20px;box-shadow:0 4px 24px #00000040;padding:1.8rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.feature-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 48px #00000059,0 0 0 1px #2a5fb733}.feature-icon{display:block;width:40px;height:40px;margin-bottom:1rem;color:var(--landing-accent);flex-shrink:0;filter:drop-shadow(0 0 12px var(--landing-accent));opacity:.9}.feature-icon-svg{width:100%;height:100%;display:block;shape-rendering:geometricPrecision}@media(prefers-reduced-motion:no-preference){@keyframes feature-icon-breath{0%,to{opacity:1;transform:translateZ(0) scale(1)}50%{opacity:.85;transform:translateZ(0) scale(1.05)}}.feature-icon{transform-origin:center;animation:feature-icon-breath 4s ease-in-out infinite}}.feature-card h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.feature-card p{margin:0;color:var(--landing-muted);font-size:.95rem;line-height:1.5}.code-preview{position:relative;max-width:800px;margin:0 auto;padding:4rem 2rem}.code-preview:before{content:"";position:absolute;inset:0;z-index:0;opacity:.06;background:radial-gradient(ellipse 50% 70% at 85% 50%,#7b2ff7,transparent);pointer-events:none}.code-preview>*{position:relative;z-index:1}.code-preview h2{text-align:center;font-size:1.8rem;margin:0 0 .5rem;font-weight:700;letter-spacing:-.02em}.code-preview>p{text-align:center;color:var(--landing-muted);margin:0 0 2rem;font-size:1.05rem}.code-tabs{display:flex;gap:0;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:0;position:relative}.code-tab-indicator{position:absolute;bottom:0;left:var(--tab-indicator-left, 0);width:var(--tab-indicator-width, 0);height:2px;background:var(--landing-accent);transition:left var(--landing-spring-duration) var(--landing-spring),width var(--landing-spring-duration) var(--landing-spring);pointer-events:none}.code-tab{padding:.6rem 1.2rem;background:none;border:none;color:var(--landing-muted);font-size:.9rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:color var(--landing-spring-duration) var(--landing-spring),border-color var(--landing-spring-duration) var(--landing-spring)}.code-tab:hover{color:var(--landing-text)}.code-tab.active{color:var(--landing-accent);border-bottom-color:transparent}.code-block{background:#0006;border:1px solid rgba(255,255,255,.06);border-top:none;border-radius:0 0 16px 16px;box-shadow:0 4px 24px #00000040;padding:1.5rem;overflow-x:auto;font-family:JetBrains Mono,Fira Code,monospace;font-size:.88rem;line-height:1.7}.code-block code{color:#e5e7eb}.code-block .kw{color:#c084fc}.code-block .str{color:#86efac}.code-block .fn{color:#93c5fd}.code-block .cm{color:#6b7280}.code-block .tag{color:#f472b6}.code-block .attr{color:#fbbf24}.landing-demo-wrap{margin-top:1.5rem;display:flex;justify-content:center}.demo-cta-box{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 2rem;border-radius:16px;background:#00e5cc0a;border:1px solid rgba(0,229,204,.15)}.demo-cta-hint{font-size:.85rem;color:var(--landing-muted);margin:0}.landing-demo-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.7rem 2rem;font-size:1.05rem;font-weight:600;font-family:inherit;color:#07090d;background:var(--landing-accent);border:none;border-radius:10px;cursor:pointer;transition:transform var(--landing-spring-duration) var(--landing-spring),filter var(--landing-spring-duration) var(--landing-spring)}.landing-demo-trigger:hover{transform:translateY(-1px);filter:brightness(1.1)}@keyframes pulse-ring{0%{transform:scale(1);opacity:.5}to{transform:scale(1.8);opacity:0}}.landing-demo-trigger:after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid var(--landing-accent);animation:pulse-ring 2s ease-out infinite;pointer-events:none}.demo-section{max-width:1100px;margin:0 auto;padding:4rem 2rem}.demo-section h2{text-align:center;font-size:1.8rem;margin:0 0 .5rem;font-weight:700;letter-spacing:-.02em}.demo-section>p{text-align:center;color:var(--landing-muted);margin:0 0 2.5rem;font-size:1.05rem}.quick-links{position:relative;max-width:1100px;margin:0 auto;padding:4rem 2rem;text-align:center}.quick-links:before{content:"";position:absolute;inset:0;z-index:0;opacity:.06;background:radial-gradient(ellipse 60% 60% at 50% 50%,#00e5cc,transparent);pointer-events:none}.quick-links>*{position:relative;z-index:1}.quick-links h2{font-size:1.8rem;margin:0 0 2rem;font-weight:700;letter-spacing:-.02em}.quick-links-grid{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.quick-link{display:inline-block;padding:.5rem 1.2rem;background:var(--landing-card-bg);border:1px solid var(--landing-card-border);border-radius:12px;color:var(--landing-muted);font-size:.9rem;text-decoration:none;transition:all .15s}.quick-link:hover{color:var(--landing-accent);border-color:var(--landing-accent)}.cta{position:relative;text-align:center;padding:5rem 2rem 6rem;overflow:hidden}.cta-fluid-svg{position:absolute;inset:-30%;width:160%;height:160%;z-index:0;opacity:.45}.cta-blob{will-change:transform}.cta-blob1{animation:cta-b1 20s ease-in-out infinite}.cta-blob2{animation:cta-b2 24s ease-in-out infinite}.cta-blob3{animation:cta-b3 26s ease-in-out infinite}@keyframes cta-b1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.1)}66%{transform:translate(-20px,25px) scale(.9)}}@keyframes cta-b2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-25px,15px) scale(1.05)}66%{transform:translate(20px,-30px) scale(.95)}}@keyframes cta-b3{0%,to{transform:translate(0) scale(1)}33%{transform:translate(15px,20px) scale(1.08)}66%{transform:translate(-30px,-15px) scale(.92)}}.cta>*{position:relative;z-index:1}.cta h2{font-size:2rem;margin:0 0 1rem;font-weight:700;letter-spacing:-.02em}.cta p{color:var(--landing-muted);margin:0 0 2rem;font-size:1.1rem}.cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.landing-footer{border-top:1px solid rgba(255,255,255,.06);text-align:center;padding:2rem;color:var(--landing-muted);font-size:.85rem}@media(prefers-reduced-motion:reduce){.btn,.landing-nav-links a,.code-tab,.code-tab-indicator,.landing-demo-trigger{transition:none}.fluid-c{animation:none!important}.hero-fluid-svg{opacity:.5}.section-fade,.section-fade-child{opacity:1;transform:none;transition:none}.cta-blob{animation:none!important}.landing-demo-trigger:after{animation:none;display:none}}@media(max-width:640px){.hero{padding:3rem 1.5rem 4rem;min-height:70vh}.hero h1{font-size:clamp(2.2rem,10vw,3.5rem)}.hero-thin{font-size:.5em}.landing-nav-links{gap:1rem}.features-grid{grid-template-columns:1fr}.hero-fluid-svg{inset:-30%;width:160%;height:160%}}