.public-site{min-height:100vh;position:relative;overflow-x:hidden;overflow-y:auto}.grid-overlay{position:fixed;inset:0;background-image:linear-gradient(rgba(15,23,42,.055) 1px,transparent 0),linear-gradient(90deg,rgba(15,23,42,.045) 1px,transparent 0);background-size:64px 64px;pointer-events:none;mask-image:radial-gradient(ellipse 90% 75% at 50% -15%,black 35%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse 90% 75% at 50% -15%,black 35%,transparent 72%);opacity:.85}.landing-main{position:relative;z-index:10}.hero-section{min-height:0;display:flex;align-items:flex-start;justify-content:center;padding:140px 40px 56px;position:relative;background:linear-gradient(180deg,rgba(255,247,237,.55),transparent 42%),linear-gradient(180deg,#ffffff,#fff7ed 38%,#ffedd5);border-bottom:1px solid rgba(249,115,22,.14);box-shadow:0 1px 0 rgba(255,255,255,.5)}.hero-section .hero-content-centered{max-width:800px;margin:0 auto}.hero-gradient{display:block;position:absolute;inset:-25% -35% auto -35%;height:min(78vh,680px);pointer-events:none;background:radial-gradient(ellipse 58% 52% at 50% -5%,rgba(251,146,60,.28) 0,transparent 58%),radial-gradient(ellipse 45% 40% at 78% 22%,rgba(249,115,22,.18) 0,transparent 52%),radial-gradient(ellipse 35% 30% at 18% 35%,rgba(253,186,116,.14) 0,transparent 50%);filter:blur(3px)}.hero-content-centered{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1}.hero-title{font-family:var(--font-plus-jakarta),-apple-system,sans-serif;font-size:clamp(40px,5.5vw,58px);font-weight:600;line-height:1.12;letter-spacing:-.038em;margin-bottom:22px;color:#0f172a!important}.title-line{display:block;animation:fadeInUp .5s ease forwards;opacity:0}.title-line:nth-child(2){animation-delay:.1s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-description{font-size:18px;line-height:1.65;color:#334155!important;margin-bottom:40px;max-width:580px;font-weight:500;animation:fadeInUp .5s ease forwards;animation-delay:.15s;opacity:0}.hero-prompt-form{width:100%;max-width:620px;margin-bottom:48px;animation:fadeInUp .5s ease forwards;animation-delay:.2s;opacity:0}.prompt-input-wrapper{display:flex;flex-direction:column;background:#ffffff;border:1px solid rgba(226,232,240,.95);border-radius:16px;padding:22px 24px;transition:border-color .2s ease,box-shadow .25s ease;box-shadow:0 1px 2px rgba(15,23,42,.04),0 12px 40px -12px rgba(15,23,42,.08)}.prompt-input-wrapper:focus-within{border-color:rgba(249,115,22,.45);box-shadow:0 0 0 3px rgba(249,115,22,.1),0 16px 48px -12px rgba(234,88,12,.12)}.prompt-input,.prompt-input-container{position:relative;width:100%}.prompt-input{background:transparent;border:none;outline:none;padding:0;font-family:inherit;font-size:16px;line-height:1.6;color:#0f172a;resize:none;min-height:72px;z-index:2;text-align:left;caret-color:#f97316}.prompt-input.hide-caret{caret-color:transparent}.prompt-input::placeholder{color:transparent}.typewriter-placeholder{position:absolute;top:0;left:0;right:0;font-size:16px;line-height:1.6;color:#94a3b8;pointer-events:none;z-index:1;white-space:pre-wrap;word-wrap:break-word;text-align:left}.typewriter-placeholder.faded{color:#cbd5e1}.typewriter-cursor{display:inline-block;width:2px;height:1em;background:linear-gradient(180deg,#f97316,#fb923c);vertical-align:text-bottom;animation:blink 1.2s ease-in-out infinite;margin-left:2px}@keyframes blink{0%,45%{opacity:1}50%,95%{opacity:0}to{opacity:1}}.prompt-submit{align-self:flex-end;margin-top:16px;width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:50%;color:white;cursor:pointer;transition:all .2s ease}.prompt-submit:hover:not(:disabled){box-shadow:0 6px 20px rgba(249,115,22,.25)}.prompt-submit:disabled{opacity:.5;cursor:not-allowed}.prompt-suggestions{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;flex-wrap:wrap}.suggestion-label{font-size:12px;font-weight:500;color:#64748b}.suggestion-chip{background:transparent;border:1px solid #e2e8f0;border-radius:8px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s ease}.suggestion-chip:hover{background:#fff7ed;border-color:#fdba74;color:#ea580c}.hero-stats{justify-content:center;gap:40px;animation:fadeInUp .5s ease forwards;animation-delay:.25s;opacity:0}.hero-stats,.stat-item{display:flex;align-items:center}.stat-item{flex-direction:column;gap:2px}.stat-number{font-size:22px;font-weight:600;color:#0f172a!important;letter-spacing:-.02em}.stat-label{font-size:12px;color:#475569!important;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.stat-divider{width:1px;height:40px;background:#e2e8f0}.animate-on-scroll{opacity:0;transform:translateY(24px);transition:opacity .5s ease-out,transform .5s ease-out}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.feature-card.animate-on-scroll{transition-delay:var(--delay,0s)}.feature-card:first-child{--delay:0s}.feature-card:nth-child(2){--delay:0.08s}.feature-card:nth-child(3){--delay:0.16s}.feature-card:nth-child(4){--delay:0.24s}.step-card.animate-on-scroll{transition-delay:var(--delay,0s)}.step-card:first-child{--delay:0s}.step-card:nth-child(2){--delay:0.12s}.step-card:nth-child(3){--delay:0.24s}.testimonial-row.animate-on-scroll{transition-delay:var(--delay,0s)}.testimonial-row:first-child{--delay:0s}.testimonial-row:nth-child(2){--delay:0.08s}.testimonial-row:nth-child(3){--delay:0.16s}.public-project-card.animate-on-scroll{transition-delay:var(--delay,0s)}.public-project-card:nth-child(n){--delay:calc(var(--n, 0) * 0.06s)}.section-container{max-width:1080px;margin:0 auto;padding:0 40px}.section-header{text-align:center;margin-bottom:56px}.section-title{font-size:clamp(28px,3vw,34px);font-weight:600;letter-spacing:-.025em;color:#0f172a!important;margin-bottom:0;line-height:1.2}.section-title:after{content:"";display:block;width:44px;height:3px;margin:14px auto 0;background:linear-gradient(90deg,#f97316,#fb923c);border-radius:2px}.section-subtitle{font-size:16px;color:#475569!important;max-width:560px;margin:18px auto 0;line-height:1.65;font-weight:500}.features-section{padding:64px 0 100px;background:#ffffff;border-bottom:1px solid rgba(15,23,42,.06)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.feature-card{padding:28px 24px;border-radius:0;background:#ffffff;border:1px solid #e2e8f0;box-shadow:0 2px 8px rgba(15,23,42,.04),0 1px 2px rgba(15,23,42,.02);transition:all .3s cubic-bezier(.4,0,.2,1);backface-visibility:hidden}.feature-card:hover{border-color:#fdba74;box-shadow:0 8px 24px rgba(249,115,22,.1),0 4px 12px rgba(15,23,42,.04);transform:translateY(-2px)}.feature-card:before{display:none}.feature-icon{width:44px;height:44px;background:linear-gradient(135deg,rgba(249,115,22,.15),rgba(251,146,60,.08));border-radius:0;display:flex;align-items:center;justify-content:center;margin-bottom:18px;color:#ea580c;transition:none}.feature-title{font-size:16px;font-weight:600;color:#0f172a!important;margin-bottom:8px}.feature-description{font-size:14px;line-height:1.6;color:#334155!important}.use-cases-section{padding:100px 0;background:#ffedd5;border-top:1px solid rgba(234,88,12,.14);border-bottom:1px solid rgba(234,88,12,.11)}.use-cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.use-case-card{padding:32px 28px;background:linear-gradient(180deg,#ffffff,#fffbf7);border:1px solid #fdba74;border-radius:0;box-shadow:0 2px 8px rgba(249,115,22,.06),0 1px 2px rgba(15,23,42,.02);transition:all .3s cubic-bezier(.4,0,.2,1)}.use-case-card:hover{border-color:#f97316;box-shadow:0 12px 32px rgba(249,115,22,.12),0 4px 12px rgba(15,23,42,.04);transform:translateY(-2px)}.use-case-icon{width:48px;height:48px;background:linear-gradient(135deg,rgba(249,115,22,.2),rgba(251,146,60,.1));border-radius:0;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#ea580c}.use-case-title{font-size:18px;font-weight:600;color:#0f172a!important;margin-bottom:12px}.use-case-description{font-size:14px;line-height:1.65;color:#334155!important}.use-case-card.animate-on-scroll{transition-delay:var(--delay,0s)}.use-case-card:first-child{--delay:0s}.use-case-card:nth-child(2){--delay:0.1s}.use-case-card:nth-child(3){--delay:0.2s}@media (max-width:1024px){.use-cases-grid{grid-template-columns:1fr}}.how-it-works-section{padding:100px 0;background:linear-gradient(180deg,#f1f5f9,#e8edf3 50%,#f1f5f9);border-bottom:1px solid rgba(15,23,42,.06)}.steps-container{display:flex;justify-content:space-between;gap:48px}.step-card{flex:1;flex-direction:column;text-align:center;position:relative}.step-card,.step-number{display:flex;align-items:center}.step-number{font-size:13px;font-weight:700;color:#c2410c;margin-bottom:16px;letter-spacing:.08em;width:44px;height:44px;margin-left:auto;margin-right:auto;justify-content:center;border-radius:12px;background:linear-gradient(145deg,rgba(255,247,237,.95),rgba(254,215,170,.35));border:1px solid rgba(251,146,60,.4);box-shadow:0 2px 8px rgba(249,115,22,.08)}.step-content{max-width:280px}.step-title{font-size:18px;font-weight:600;color:#0f172a!important;margin-bottom:8px}.step-description{font-size:14px;line-height:1.6;color:#334155!important}.step-connector{position:absolute;top:24px;right:-24px;width:48px;height:1px;background:#e2e8f0}.testimonials-section{padding:80px 0;background:#ffffff;border-bottom:1px solid rgba(15,23,42,.06)}.testimonials-list{display:flex;flex-direction:column;gap:40px}.testimonial-row{display:flex;align-items:center;gap:40px;padding:36px 40px;background:#ffffff;border:1px solid #e5e7eb;border-radius:0;box-shadow:0 2px 6px rgba(15,23,42,.04);transition:all .3s cubic-bezier(.4,0,.2,1);backface-visibility:hidden;position:relative;overflow:hidden}.testimonial-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#f97316,#ea580c)}.testimonial-row:hover{border-color:#d1d5db;box-shadow:0 8px 24px rgba(15,23,42,.08);transform:translateY(-2px)}.testimonial-row-reverse{flex-direction:row-reverse}.testimonial-row-reverse:before{left:auto;right:0}.testimonial-photo{flex-shrink:0;position:relative}.testimonial-image{width:140px;height:140px;object-fit:cover;object-position:center 20%;border-radius:0;display:block;box-shadow:0 4px 12px rgba(15,23,42,.1)}.testimonial-content{flex:1;min-width:0}.testimonial-text{font-size:15px;line-height:1.7;color:#1e293b!important;margin-bottom:16px;font-weight:400}.testimonial-author{display:flex;flex-direction:column;gap:4px}.testimonial-photo .author-avatar{width:140px;height:140px;flex-shrink:0;background:linear-gradient(135deg,#f97316,#fb923c);border-radius:0;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:600;color:white;box-shadow:0 4px 12px rgba(249,115,22,.2)}.author-name{font-size:14px;font-weight:600;color:#0f172a!important;line-height:1.3}.author-link{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:#0f172a!important;transition:color .2s ease}.author-link:hover{color:#0a66c2!important}.author-link .linkedin-icon{color:#0a66c2;flex-shrink:0}.author-role{font-size:13px;color:#64748b!important;line-height:1.3}.public-projects-section{padding:90px 0;background:linear-gradient(180deg,#f1f5f9,#e2e8f0);border-bottom:1px solid rgba(15,23,42,.07)}.public-projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.public-project-card{background:linear-gradient(180deg,#ffffff,#fafbfc);border:1px solid #e2e8f0;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:0;box-shadow:0 2px 8px rgba(15,23,42,.04),0 1px 2px rgba(15,23,42,.02)}.public-project-card:hover{border-color:#fdba74;box-shadow:0 12px 32px rgba(249,115,22,.1),0 4px 12px rgba(15,23,42,.04);transform:translateY(-4px)}.public-project-card:hover .public-project-name{color:#f97316!important}.public-project-preview{position:relative;width:100%;height:200px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);overflow:hidden;border-radius:0}.public-project-preview iframe{width:200%;height:200%;border:none;transform:scale(.5);transform-origin:top left;pointer-events:none}.public-project-info{padding:20px 24px}.public-project-name{font-size:15px;font-weight:600;color:#0f172a!important;margin:0 0 8px}.public-project-meta{display:flex;align-items:center;gap:12px}.public-project-author,.public-project-model{font-size:12px;color:#475569}.public-project-author .author-avatar{width:20px;height:20px;font-size:10px}.landing-pricing-section{padding:100px 0;background:#ffffff;border-bottom:1px solid rgba(15,23,42,.06)}.landing-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin:0 auto}.landing-pricing-grid--single{grid-template-columns:1fr;max-width:440px}.landing-pricing-card{padding:28px 24px;background:linear-gradient(180deg,#ffffff,#fafbfc);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px rgba(15,23,42,.04),0 1px 2px rgba(15,23,42,.02);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.landing-pricing-card:hover{border-color:#cbd5e1;box-shadow:0 8px 24px rgba(15,23,42,.08),0 4px 12px rgba(15,23,42,.04);transform:translateY(-2px)}.landing-pricing-card.highlighted{border-color:#fdba74;box-shadow:0 8px 24px rgba(249,115,22,.12),0 4px 12px rgba(15,23,42,.04)}.landing-pricing-card.highlighted:hover{box-shadow:0 12px 32px rgba(249,115,22,.18),0 6px 16px rgba(15,23,42,.06);transform:translateY(-3px)}.landing-plan-header{margin-bottom:16px}.landing-plan-name{font-size:18px;font-weight:600;color:#0f172a!important;margin:0 0 6px}.landing-plan-description{font-size:13px;color:#475569!important;margin:0;line-height:1.5}.landing-plan-price{margin-bottom:20px}.landing-price-label{font-size:20px;font-weight:600;color:#0f172a!important}.landing-plan-cta{display:block;width:100%;padding:12px 20px;margin-bottom:20px;border-radius:10px;font-size:14px;font-weight:500;text-align:center;text-decoration:none;transition:all .2s ease}.landing-plan-cta.primary{background:linear-gradient(135deg,#f97316,#ea580c);color:white}.landing-plan-cta.primary:hover{box-shadow:0 6px 20px rgba(249,115,22,.25)}.landing-plan-cta.secondary{background:transparent;border:1px solid #e2e8f0;color:#0f172a}.landing-plan-cta.secondary:hover{background:#f8fafc;border-color:#cbd5e1}.landing-plan-features{list-style:none;padding:0;margin:0;flex:1}.landing-plan-features li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13px;color:#334155!important;border-bottom:1px solid #f1f5f9}.landing-plan-features li:last-child{border-bottom:none}.landing-plan-features li svg{color:#22c55e;flex-shrink:0}.landing-plan-feature-supabase{display:flex;align-items:center;gap:10px}.landing-plan-feature-supabase .supabase-logo{flex-shrink:0;margin-left:auto;display:flex;align-items:center}@media (max-width:768px){.landing-pricing-grid{grid-template-columns:1fr}}.cta-section{padding:100px 0;background:linear-gradient(180deg,#f8fafc,#ffedd5 48%,#e8edf3);border-top:1px solid rgba(15,23,42,.06)}.cta-container{max-width:640px;margin:0 auto;text-align:center;padding:0 40px}.cta-title{font-size:clamp(28px,3.5vw,36px);font-weight:600;letter-spacing:-.02em;color:#171717!important;margin-bottom:12px}.cta-subtitle{font-size:16px;color:#525252!important;margin-bottom:32px}.cta-button{display:inline-flex;align-items:center;gap:8px;padding:15px 32px;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:12px;font-family:inherit;font-size:15px;font-weight:600;color:white;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.cta-button:hover{box-shadow:0 10px 28px rgba(249,115,22,.28);transform:translateY(-1px)}.footer{background:#020617;padding:64px 0 32px}.footer-container{max-width:1080px;margin:0 auto;padding:0 40px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}.footer-brand{max-width:260px}.footer-logo{font-size:20px;font-weight:600;color:#ffffff;display:block;margin-bottom:12px}.footer-tagline{font-size:14px;line-height:1.6;color:#64748b}.footer-column{display:flex;flex-direction:column;gap:10px}.footer-heading{font-size:12px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.footer-link{font-size:14px;color:#64748b;text-decoration:none;transition:color .2s ease}.footer-link:hover{color:#94a3b8}.footer-bottom{padding-top:32px;border-top:1px solid #262626;text-align:center}.footer-copyright{font-size:13px;color:#475569}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.steps-container{flex-direction:column;gap:40px}.step-connector{display:none}.footer-grid,.public-projects-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:span 2}}@media (max-width:768px){.hero-section{padding:120px 20px 40px}.hero-stats{flex-wrap:wrap;gap:24px}.stat-divider{display:none}.features-grid{grid-template-columns:1fr}.testimonial-row,.testimonial-row-reverse{flex-direction:column;text-align:center;padding:28px 24px;gap:24px}.testimonial-row-reverse:before,.testimonial-row:before{left:0;right:auto;top:auto;bottom:0;width:100%;height:4px}.testimonial-photo{margin:0 auto}.testimonial-image,.testimonial-photo .author-avatar{width:120px;height:120px}.testimonial-photo .author-avatar{font-size:36px}.testimonial-text{font-size:14px}.testimonial-author{align-items:center}.footer-grid,.public-projects-grid{grid-template-columns:1fr}.footer-brand{grid-column:span 1}.cta-container,.section-container{padding:0 20px}}