:root{--flow-gradient:linear-gradient(120deg,#6366f1 0%,#8b5cf6 48%,#ec4899 100%);--flow-amber:#f59f0a;--flow-shell-max:80rem}.landing-shell{padding-top:4.5rem}.flow-main{overflow-x:hidden}.flow-announcement{border-bottom:1px solid color-mix(in oklab,var(--border)70%,transparent);background:color-mix(in oklab,var(--card)85%,transparent);color:var(--muted-foreground);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem .75rem;padding:.55rem 1rem;font-size:.85rem;display:flex}.flow-announcement strong{color:var(--foreground);font-weight:600}.flow-announcement a{color:var(--flow-amber);font-weight:600}.flow-section{padding:3.5rem 0}@media (min-width:768px){.flow-section{padding:5rem 0}}.flow-container{width:100%;max-width:var(--flow-shell-max);margin:0 auto;padding:0 1rem}@media (min-width:768px){.flow-container{padding:0 2rem}}.flow-section-head{text-align:center;max-width:48rem;margin:0 auto 2rem}.flow-section-head h2{letter-spacing:-.01em;font-size:1.85rem;font-weight:700;line-height:1.2}@media (min-width:768px){.flow-section-head h2{font-size:2.4rem}}.flow-section-head p{color:var(--muted-foreground);margin-top:.85rem;font-size:1rem}.flow-eyebrow{background:color-mix(in oklab,var(--flow-amber)14%,transparent);color:var(--flow-amber);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;padding:.3rem .85rem;font-size:.78rem;font-weight:600;display:inline-flex}.flow-hero{background:radial-gradient(circle at 18% 12%,#6366f138 0%,#0000 45%),radial-gradient(circle at 82% 8%,#ec48992e 0%,#0000 42%);background:radial-gradient(circle at 18% 12%,lab(49.0485% 30.3448 -71.8736/.22) 0%,#0000 45%),radial-gradient(circle at 82% 8%,lab(57.3079% 67.8699 -7.11631/.18) 0%,#0000 42%);padding:3rem 0 1rem;position:relative}.flow-hero-inner{text-align:center}.flow-hero h1{letter-spacing:-.02em;margin-top:1rem;font-size:2.1rem;font-weight:800;line-height:1.15}@media (min-width:768px){.flow-hero h1{font-size:3.1rem}}.flow-hero .flow-model-tag{color:#facc15;margin-top:.75rem;font-size:1.6rem;font-weight:700;line-height:1.2}@media (min-width:768px){.flow-hero .flow-model-tag{font-size:2.4rem}}.flow-hero .flow-subtitle{color:var(--muted-foreground);margin-top:.85rem}.flow-social{color:var(--muted-foreground);margin-top:.75rem;font-size:.85rem}.flow-studio{text-align:left;gap:1rem;margin-top:2rem;display:grid}@media (min-width:1024px){.flow-studio{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start}}.flow-card{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in oklab,var(--card)92%,transparent);padding:1rem;box-shadow:0 24px 60px -40px #000000e6}.flow-tabs{border-bottom:1px solid var(--border);gap:.35rem;padding-bottom:.65rem;display:flex;overflow-x:auto}.flow-tabs button{white-space:nowrap;color:var(--muted-foreground);background:0 0;border:1px solid #0000;border-radius:999px;padding:.35rem .85rem;font-size:.85rem}.flow-tabs button[data-active=true]{background:color-mix(in oklab,var(--flow-amber)18%,transparent);border-color:color-mix(in oklab,var(--flow-amber)45%,transparent);color:var(--foreground);font-weight:600}.flow-field{margin-top:1rem}.flow-field>label,.flow-field-label{color:var(--foreground);align-items:center;gap:.4rem;margin-bottom:.45rem;font-size:.82rem;font-weight:600;display:flex}.flow-field-label .flow-required{background:color-mix(in oklab,var(--flow-amber)18%,transparent);color:var(--flow-amber);border-radius:999px;padding:.1rem .4rem;font-size:.68rem;font-weight:600}.flow-counter{color:var(--muted-foreground);margin-left:auto;font-weight:400}.flow-studio textarea{resize:vertical;border-radius:calc(var(--radius) - 4px);border:1px solid var(--border);background:var(--background);width:100%;min-height:7.5rem;color:var(--foreground);padding:.75rem;font-size:.9rem}.flow-studio select{border-radius:calc(var(--radius) - 4px);border:1px solid var(--border);background:var(--background);width:100%;color:var(--foreground);padding:.6rem .7rem;font-size:.9rem}.flow-options{flex-wrap:wrap;gap:.5rem;display:flex}.flow-options button{border-radius:calc(var(--radius) - 6px);border:1px solid var(--border);color:var(--muted-foreground);background:0 0;padding:.4rem .8rem;font-size:.85rem}.flow-options button[data-active=true]{border-color:var(--flow-amber);color:var(--foreground);background:color-mix(in oklab,var(--flow-amber)12%,transparent)}.flow-generate{border-radius:calc(var(--radius) - 4px);background:var(--flow-gradient);color:#fff;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1.25rem;padding:.85rem 1rem;font-size:1rem;font-weight:600;transition:filter .15s;display:flex;box-shadow:0 18px 40px -24px #6366f1e6}.flow-generate:hover:not(:disabled){filter:brightness(1.08)}.flow-generate:disabled{opacity:.75;cursor:progress}.flow-credits-badge{background:#fff3;border-radius:999px;padding:.1rem .45rem;font-size:.78rem}.flow-queue{border-radius:calc(var(--radius) - 4px);border:1px solid color-mix(in oklab,var(--flow-amber)40%,transparent);background:color-mix(in oklab,var(--flow-amber)10%,transparent);margin-top:1rem;padding:.85rem;font-size:.85rem}.flow-queue strong{margin-bottom:.35rem;font-size:.9rem;display:block}.flow-queue-bar{background:color-mix(in oklab,var(--foreground)12%,transparent);border-radius:999px;height:.4rem;margin:.6rem 0 .4rem;position:relative;overflow:hidden}.flow-queue-bar span{background:var(--flow-gradient);border-radius:999px;transition:width .6s;position:absolute;inset:0 auto 0 0}.flow-sample{flex-direction:column;gap:.65rem;display:flex}.flow-sample-frame{aspect-ratio:16/9;border-radius:calc(var(--radius) - 2px);border:1px solid var(--border);background:#000;width:100%;position:relative;overflow:hidden}.flow-sample-frame video{object-fit:cover;width:100%;height:100%}.flow-sample-empty{background:color-mix(in oklab,var(--card)80%,#000);text-align:center;height:100%;color:var(--muted-foreground);flex-direction:column;justify-content:center;align-items:center;gap:.4rem;font-size:.85rem;display:flex}.flow-sample-tip{color:var(--muted-foreground);text-align:center;font-size:.78rem}.flow-video-grid{gap:1rem;display:grid}@media (min-width:768px){.flow-video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.flow-video-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--card);aspect-ratio:9/16;position:relative;overflow:hidden}@media (min-width:768px){.flow-video-card{aspect-ratio:3/4}}.flow-video-card img,.flow-video-card video{object-fit:cover;width:100%;height:100%;transition:transform .5s}.flow-video-card:hover img,.flow-video-card:hover video{transform:scale(1.04)}.flow-media-row{align-items:center;gap:1.5rem;padding:1.5rem 0;display:grid}@media (min-width:900px){.flow-media-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem}.flow-media-row[data-flip=true] .flow-media-visual{order:2}}.flow-media-visual{border-radius:var(--radius);border:1px solid var(--border);aspect-ratio:16/10;background:#000;position:relative;overflow:hidden}.flow-media-visual video{object-fit:cover;width:100%;height:100%}.flow-media-copy h3{margin:.5rem 0 .75rem;font-size:1.4rem;font-weight:700}.flow-media-copy p{color:var(--muted-foreground)}.flow-highlight-list{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.flow-highlight-list span{border:1px solid var(--border);background:color-mix(in oklab,var(--card)80%,transparent);color:var(--muted-foreground);border-radius:999px;padding:.3rem .7rem;font-size:.8rem}.flow-transformation-cta{border-radius:var(--radius);border:1px solid var(--border);background:color-mix(in oklab,var(--card)85%,transparent);text-align:center;margin-top:2rem;padding:1.5rem}.flow-transformation-cta h3{font-size:1.25rem;font-weight:700}.flow-transformation-cta p{color:var(--muted-foreground);margin-top:.4rem}.flow-plan-grid{gap:1rem;display:grid}@media (min-width:900px){.flow-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.flow-plan{border-radius:var(--radius);border:1px solid var(--border);background:color-mix(in oklab,var(--card)92%,transparent);flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.flow-plan[data-featured=true]{border-color:color-mix(in oklab,var(--flow-amber)55%,transparent);box-shadow:0 30px 70px -50px color-mix(in oklab,var(--flow-amber)80%,transparent)}.flow-plan-price{align-items:baseline;gap:.35rem;display:flex}.flow-plan-price strong{font-size:2.2rem;font-weight:700}.flow-plan-price span{color:var(--muted-foreground);font-size:.9rem}.flow-plan ul{color:var(--muted-foreground);gap:.4rem;font-size:.85rem;display:grid}.flow-plan li{gap:.5rem;display:flex}.flow-plan li svg{width:1rem;height:1rem;color:var(--flow-amber);flex:none;margin-top:.15rem}.flow-plan-cta{border-radius:calc(var(--radius) - 4px);border:1px solid var(--border);text-align:center;background:0 0;margin-top:auto;padding:.7rem 1rem;font-weight:600}.flow-plan[data-featured=true] .flow-plan-cta{background:var(--flow-gradient);color:#fff;border-color:#0000}.flow-benefits{color:var(--muted-foreground);flex-wrap:wrap;justify-content:center;gap:.75rem 1.5rem;margin-top:1.25rem;font-size:.85rem;display:flex}.flow-benefits span{align-items:center;gap:.4rem;display:inline-flex}.flow-benefits svg{width:1rem;height:1rem;color:var(--flow-amber)}.flow-notice{text-align:center;color:var(--muted-foreground);margin-top:1rem;font-size:.78rem}.flow-stat-grid{gap:1.5rem;display:grid}@media (min-width:768px){.flow-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.flow-stat{border-radius:var(--radius);border:1px solid var(--border);background:color-mix(in oklab,var(--card)88%,transparent);text-align:center;padding:1.5rem}.flow-stat small{color:var(--flow-amber);letter-spacing:.12em;font-size:.72rem;font-weight:600;display:block}.flow-stat strong{margin:.5rem 0;font-size:1.75rem;display:block}.flow-stat p{color:var(--muted-foreground);font-size:.88rem}.flow-faq-cta{border-radius:var(--radius);border:1px solid var(--border);background:color-mix(in oklab,var(--card)88%,transparent);text-align:center;margin-top:2rem;padding:1.75rem}.flow-faq-cta h3{font-size:1.4rem;font-weight:700}.flow-faq-cta p{color:var(--muted-foreground);margin-top:.5rem}.flow-faq-stats{flex-wrap:wrap;justify-content:center;gap:1.5rem 2.5rem;margin:1.5rem 0;display:flex}.flow-faq-stats div{text-align:center}.flow-faq-stats strong{font-size:1.35rem;display:block}.flow-faq-stats span{color:var(--muted-foreground);font-size:.8rem}.landing-shell header[data-scrolled]>div>div{border-color:color-mix(in oklab,var(--border)70%,transparent)}.landing-shell footer{border-top:1px solid color-mix(in oklab,var(--border)60%,transparent);background:color-mix(in oklab,var(--card)55%,transparent)}.flow-footer-badges{flex-wrap:wrap;gap:.4rem;margin-top:1.5rem;display:flex}.flow-footer-badges a{border:1px solid color-mix(in oklab,var(--border)80%,transparent);color:var(--muted-foreground);border-radius:999px;padding:.2rem .6rem;font-size:.72rem;transition:color .15s,border-color .15s}.flow-footer-badges a:hover{color:var(--foreground);border-color:var(--flow-amber)}.flow-legal{padding:3rem 0 4rem}.flow-legal h1{font-size:2.1rem;font-weight:700}.flow-legal h2{margin:2rem 0 .75rem;font-size:1.35rem;font-weight:600}.flow-legal h3{margin:1.5rem 0 .5rem;font-size:1.1rem;font-weight:600}.flow-legal p,.flow-legal li{color:var(--muted-foreground);font-size:.95rem;line-height:1.7}.flow-legal ul,.flow-legal ol{gap:.35rem;margin:.75rem 0 .75rem 1.25rem;display:grid}.flow-legal ul{list-style:outside}.flow-legal ol{list-style:decimal}.flow-legal a{color:var(--flow-amber)}
