.marketing-page{background:radial-gradient(1200px 600px at 50% -10%, color-mix(in oklch, var(--primary) 32%, transparent), transparent 60%), radial-gradient(900px 500px at 0% 18%, color-mix(in oklch, var(--chart-3) 22%, transparent), transparent 60%), radial-gradient(900px 500px at 100% 18%, color-mix(in oklch, var(--chart-2) 22%, transparent), transparent 60%), linear-gradient(180deg, color-mix(in oklch, var(--background) 92%, black), color-mix(in oklch, var(--background) 96%, black) 40%, var(--background));color:var(--foreground)}.marketing-grid{background-image:linear-gradient(color-mix(in oklch, var(--foreground) 6%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklch, var(--foreground) 6%, transparent) 1px, transparent 1px);background-size:80px 80px;-webkit-mask-image:radial-gradient(70% 50% at 50% 0,#000 35%,#0000 75%);mask-image:radial-gradient(70% 50% at 50% 0,#000 35%,#0000 75%)}.marketing-card{background:linear-gradient(180deg, color-mix(in oklch, var(--card) 60%, transparent), color-mix(in oklch, var(--card) 30%, transparent));border:1px solid color-mix(in oklch, var(--foreground) 10%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.marketing-card-strong{background:radial-gradient(circle at 0% 0%, color-mix(in oklch, var(--primary) 18%, transparent), transparent 55%), linear-gradient(180deg, color-mix(in oklch, var(--card) 75%, transparent), color-mix(in oklch, var(--card) 35%, transparent));border:1px solid color-mix(in oklch, var(--foreground) 12%, transparent)}.marketing-pill{background:color-mix(in oklch, var(--foreground) 6%, transparent);border:1px solid color-mix(in oklch, var(--foreground) 10%, transparent)}.marketing-cta{background:linear-gradient(180deg, color-mix(in oklch, var(--primary) 90%, white 10%), color-mix(in oklch, var(--primary) 75%, black 15%));color:var(--primary-foreground);border:1px solid color-mix(in oklch, var(--primary) 60%, transparent);box-shadow:0 1px 0 #ffffff47 inset, 0 18px 40px color-mix(in oklch, var(--primary) 38%, transparent)}@supports (color:lab(0% 0 0)){.marketing-cta{box-shadow:0 1px 0 lab(100% 0 0/.28) inset, 0 18px 40px color-mix(in oklch, var(--primary) 38%, transparent)}}.marketing-cta:hover{filter:brightness(1.06)}.marketing-secondary{background:color-mix(in oklch, var(--foreground) 5%, transparent);color:var(--foreground);border:1px solid color-mix(in oklch, var(--foreground) 12%, transparent)}.marketing-divider{background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--foreground) 18%, transparent), transparent);height:1px}.marketing-glow{filter:blur(80px);pointer-events:none;border-radius:9999px;position:absolute}.marketing-orb{background:conic-gradient(from 220deg, color-mix(in oklch, var(--primary) 95%, white 5%), color-mix(in oklch, var(--chart-3) 90%, transparent), color-mix(in oklch, var(--primary) 95%, white 5%));box-shadow:inset 0 0 60px #ffffff61, 0 30px 80px color-mix(in oklch, var(--primary) 55%, transparent)}@supports (color:lab(0% 0 0)){.marketing-orb{box-shadow:inset 0 0 60px lab(100% 0 0/.38), 0 30px 80px color-mix(in oklch, var(--primary) 55%, transparent)}}.marketing-display{font-family:var(--font-sans), sans-serif;letter-spacing:-.045em;font-weight:600;line-height:1}.marketing-display-xl{font-size:clamp(2.75rem,6.4vw,5.25rem)}.marketing-display-lg{font-size:clamp(2.25rem,4.8vw,3.75rem)}.marketing-section-title{letter-spacing:-.04em;font-size:clamp(2rem,4vw,3.25rem);font-weight:600;line-height:1.05}.marketing-price-highlight{background:radial-gradient(120% 80% at 50% 0%, color-mix(in oklch, var(--primary) 28%, transparent), transparent 60%), linear-gradient(180deg, color-mix(in oklch, var(--card) 80%, transparent), color-mix(in oklch, var(--card) 35%, transparent));border:1px solid color-mix(in oklch, var(--primary) 35%, transparent);box-shadow:0 0 0 1px color-mix(in oklch, var(--primary) 22%, transparent) inset, 0 30px 80px color-mix(in oklch, var(--primary) 28%, transparent)}.marketing-chart-line{background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--primary) 80%, transparent), transparent)}.marketing-brand-mark{background:linear-gradient(135deg, color-mix(in oklch, var(--primary) 95%, white 5%), color-mix(in oklch, var(--chart-3) 95%, transparent));color:var(--primary-foreground)}.marketing-hairline{background:color-mix(in oklch, var(--foreground) 10%, transparent)}.full-bleed-section{width:100vw;margin-left:-50vw;margin-right:-50vw;position:relative;left:50%;right:50%}.generator-grid-bg{background-image:linear-gradient(color-mix(in oklch, var(--primary) 12%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklch, var(--primary) 12%, transparent) 1px, transparent 1px);pointer-events:none;background-size:60px 60px;position:absolute;inset:0}.generator-hero{justify-content:center;align-items:center;min-height:calc(100vh - 4rem);padding:7.5rem 3rem 5rem;display:flex;overflow:hidden}.generator-hero-glow,.generator-cta-glow{background:radial-gradient(ellipse at 50% 100%, color-mix(in oklch, var(--primary) 22%, transparent) 0%, transparent 70%);pointer-events:none;position:absolute}.generator-hero-glow{width:min(50rem,90vw);height:25rem;bottom:0;left:50%;transform:translate(-50%)}.generator-hero-inner{text-align:center;z-index:1;max-width:48.75rem;margin:0 auto;position:relative}.generator-badge{background:color-mix(in oklch, var(--primary) 6%, transparent);border:1px solid color-mix(in oklch, var(--primary) 26%, transparent);color:var(--primary);letter-spacing:.06em;text-transform:uppercase;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.45rem 1rem;font-size:.8rem;font-weight:600;line-height:1;display:inline-flex}.generator-badge span{background:var(--primary);box-shadow:0 0 .5rem var(--primary);border-radius:9999px;width:.375rem;height:.375rem;animation:2s infinite pulse}.generator-hero-title{font-family:var(--font-sans), sans-serif;letter-spacing:-.03em;font-size:clamp(2.8rem,6vw,5rem);font-weight:800;line-height:1.05}.generator-hero-title span{color:var(--primary);margin-top:.1em;display:block}.generator-hero-sub{color:color-mix(in oklch, var(--foreground) 68%, transparent);max-width:35rem;margin:1.5rem auto 0;font-size:1.1rem;line-height:1.7}.generator-hero-ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:.875rem;margin-top:2.5rem;display:flex}.generator-btn{border-radius:9999px;gap:.5rem;height:3.25rem;padding-inline:1.75rem;font-size:1rem;font-weight:650}.generator-btn-primary,.generator-pricing-primary,.generator-demo-generate{background:var(--primary);border:1px solid color-mix(in oklch, var(--primary) 70%, transparent);color:var(--primary-foreground);transition:background-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1);box-shadow:0 0 #0000}.generator-btn-primary:hover,.generator-pricing-primary:hover,.generator-demo-generate:hover{background:color-mix(in oklch, var(--primary) 88%, black);box-shadow:0 0 2.5rem color-mix(in oklch, var(--primary) 32%, transparent), 0 .5rem 1.5rem #0006;color:var(--primary-foreground);transform:translateY(-1px)}.generator-btn-secondary,.generator-pricing-secondary{border:1px solid color-mix(in oklch, var(--foreground) 10%, transparent);color:var(--foreground);background:0 0}.generator-btn-secondary:hover,.generator-pricing-secondary:hover{background:color-mix(in oklch, var(--foreground) 4%, transparent);border-color:color-mix(in oklch, var(--primary) 24%, transparent);color:var(--foreground)}.generator-stats{flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem;margin-top:4rem;display:flex}.generator-stat{text-align:center}.generator-stat-num{color:var(--primary);font-family:var(--font-sans), sans-serif;letter-spacing:-.02em;font-size:1.8rem;font-weight:800;line-height:1.1}.generator-stat-label{color:color-mix(in oklch, var(--foreground) 58%, transparent);margin-top:.125rem;font-size:.8rem}.generator-stat-divider{background:color-mix(in oklch, var(--foreground) 9%, transparent);width:1px;height:2.5rem}.generator-demo-section{padding:0 0 6.25rem}.generator-demo-card{background:color-mix(in oklch, var(--card) 90%, black);border:1px solid color-mix(in oklch, var(--primary) 20%, transparent);box-shadow:0 0 5rem color-mix(in oklch, var(--primary) 8%, transparent), 0 2rem 4rem #00000080;border-radius:1.25rem;max-width:56.25rem;margin:0 auto;overflow:hidden}.generator-demo-topbar{border-bottom:1px solid color-mix(in oklch, var(--foreground) 8%, transparent);background:#0003;align-items:center;gap:.75rem;padding:.875rem 1.25rem;display:flex}.generator-demo-dot{border-radius:9999px;width:.625rem;height:.625rem}.generator-demo-title{color:color-mix(in oklch, var(--foreground) 35%, transparent);letter-spacing:.04em;text-align:center;flex:1;font-size:.78rem}.generator-demo-body{grid-template-columns:1fr 1fr;min-height:23.75rem;display:grid}.generator-demo-left,.generator-demo-right{flex-direction:column;gap:.875rem;padding:1.75rem;display:flex}.generator-demo-left{border-right:1px solid color-mix(in oklch, var(--foreground) 8%, transparent)}.generator-demo-right{background:color-mix(in oklch, var(--primary) 2%, transparent)}.generator-demo-label,.generator-demo-output-label{color:color-mix(in oklch, var(--foreground) 45%, transparent);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:600}.generator-demo-input-row{flex-direction:column;gap:.375rem;display:flex}.generator-demo-input{border:1px solid color-mix(in oklch, var(--foreground) 8%, transparent);color:var(--foreground);background:#0000004d;border-radius:.5rem;min-height:2.625rem;padding:.625rem .875rem;font-size:.85rem}.generator-demo-tags{flex-wrap:wrap;gap:.375rem;display:flex}.generator-demo-tag{background:color-mix(in oklch, var(--primary) 8%, transparent);border:1px solid color-mix(in oklch, var(--primary) 22%, transparent);color:var(--primary);border-radius:9999px;padding:.35rem .625rem;font-size:.72rem;line-height:1}.generator-demo-tag.is-selected{background:color-mix(in oklch, var(--primary) 18%, transparent);border-color:var(--primary)}.generator-demo-generate{border-radius:.5rem;gap:.375rem;width:100%;height:2.75rem;margin-top:auto;font-weight:700}.generator-demo-output-header{justify-content:space-between;align-items:center;display:flex}.generator-demo-output-label{color:var(--primary)}.generator-demo-output-badge{background:color-mix(in oklch, var(--primary) 10%, transparent);border:1px solid color-mix(in oklch, var(--primary) 22%, transparent);color:var(--primary);border-radius:9999px;gap:.25rem}.generator-output-section{border-top:1px solid color-mix(in oklch, var(--foreground) 8%, transparent);flex-direction:column;gap:.5rem;padding-top:.75rem;display:flex}.generator-output-sec-title{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:700}.generator-compliance-row{align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.generator-compliance-check{background:color-mix(in oklch, var(--primary) 10%, transparent);border:1px solid color-mix(in oklch, var(--primary) 22%, transparent);color:var(--primary);border-radius:.25rem;justify-content:center;align-items:center;width:1.125rem;height:1.125rem;display:flex}.generator-section{padding:6.25rem 0}.generator-section-band{background:color-mix(in oklch, var(--card) 72%, black);border-bottom:1px solid color-mix(in oklch, var(--foreground) 8%, transparent);border-top:1px solid color-mix(in oklch, var(--foreground) 8%, transparent)}.generator-section-inner{max-width:68.75rem;margin:0 auto;padding:0 1.5rem}.generator-section-header{max-width:42rem;margin-bottom:3.75rem}.generator-eyebrow{color:var(--primary);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:.78rem;font-weight:700;display:inline-flex}.generator-eyebrow span{background:var(--primary);width:1.5rem;height:1px}.generator-section-header h2{font-family:var(--font-sans), sans-serif;letter-spacing:-.025em;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:800;line-height:1.1}.generator-section-header p{color:color-mix(in oklch, var(--foreground) 62%, transparent);max-width:32.5rem;margin-top:1.125rem;font-size:1rem;line-height:1.7}.generator-steps-grid,.generator-usecases-grid{background:color-mix(in oklch, var(--foreground) 8%, transparent);border-radius:1.25rem;grid-template-columns:repeat(3,1fr);gap:2px;display:grid;overflow:hidden}.generator-step-card,.generator-usecase-card{background:color-mix(in oklch, var(--card) 82%, black);border:0;border-radius:0;padding:2.25rem 2rem;transition:background-color .25s cubic-bezier(.4,0,.2,1)}.generator-step-card:hover,.generator-usecase-card:hover{background:color-mix(in oklch, var(--primary) 4%, color-mix(in oklch, var(--card) 82%, black))}.generator-step-num{color:color-mix(in oklch, var(--primary) 16%, transparent);font-family:var(--font-sans), sans-serif;letter-spacing:-.04em;margin-bottom:1.25rem;font-size:3rem;font-weight:800;line-height:1}.generator-icon-box{background:color-mix(in oklch, var(--primary) 8%, transparent);border:1px solid color-mix(in oklch, var(--primary) 22%, transparent);color:var(--primary);border-radius:.75rem;justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:1.25rem;display:flex}.generator-card-title{color:var(--foreground);font-family:var(--font-sans), sans-serif;letter-spacing:-.01em;margin-bottom:.625rem;font-size:1.1rem;font-weight:750;line-height:1.25}.generator-card-desc{color:color-mix(in oklch, var(--foreground) 60%, transparent);font-size:.9rem;line-height:1.65}.generator-features-grid,.generator-features-grid-bottom{gap:1.5rem;display:grid}.generator-features-grid{grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.generator-features-grid-bottom{grid-template-columns:repeat(3,1fr)}.generator-feature-card,.generator-testimonial-card,.generator-pricing-card{background:color-mix(in oklch, var(--card) 76%, black);border:1px solid color-mix(in oklch, var(--foreground) 8%, transparent);border-radius:1.25rem;padding:2rem;transition:border-color .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.generator-feature-card:before{background:radial-gradient(circle at top left, color-mix(in oklch, var(--primary) 5%, transparent) 0%, transparent 60%);content:"";opacity:0;pointer-events:none;transition:opacity .25s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.generator-feature-card:hover:before{opacity:1}.generator-feature-card:hover,.generator-testimonial-card:hover,.generator-pricing-card:hover{border-color:color-mix(in oklch, var(--primary) 24%, transparent);transform:translateY(-2px)}.generator-feature-card.is-featured,.generator-pricing-card.is-popular{background:linear-gradient(135deg, color-mix(in oklch, var(--primary) 7%, transparent), color-mix(in oklch, var(--card) 76%, black));border-color:color-mix(in oklch, var(--primary) 24%, transparent)}.generator-compliance-strip{background:linear-gradient(135deg, color-mix(in oklch, var(--primary) 5%, transparent), color-mix(in oklch, var(--primary) 2%, transparent));border:1px solid color-mix(in oklch, var(--primary) 22%, transparent);border-radius:1.25rem;grid-template-columns:1fr auto;align-items:center;gap:2rem;margin-top:1.5rem;padding:2.5rem 3rem;display:grid}.generator-compliance-badges{flex-wrap:wrap;justify-content:flex-end;gap:1rem;display:flex}.generator-compliance-badge{border:1px solid color-mix(in oklch, var(--foreground) 8%, transparent);color:color-mix(in oklch, var(--foreground) 66%, transparent);background:#0000004d;border-radius:.5rem;gap:.5rem;padding:.5rem .875rem}.generator-usecase-role{background:color-mix(in oklch, var(--primary) 8%, transparent);border:1px solid color-mix(in oklch, var(--primary) 22%, transparent);color:var(--primary);letter-spacing:.06em;text-transform:uppercase;border-radius:9999px;margin-bottom:1rem;padding:.25rem .75rem;font-size:.72rem}.generator-testimonials-grid,.generator-pricing-row{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.generator-stars{color:var(--primary);gap:.2rem;margin-bottom:1rem;display:flex}.generator-testimonial-text{color:color-mix(in oklch, var(--foreground) 62%, transparent);margin-bottom:1.25rem;font-size:.9rem;font-style:italic;line-height:1.7}.generator-testimonial-author{align-items:center;gap:.75rem;display:flex}.generator-avatar{background:linear-gradient(135deg, var(--primary), color-mix(in oklch, var(--primary) 42%, black));color:var(--primary-foreground);border-radius:9999px;flex:none;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:.75rem;font-weight:800;display:flex}.generator-testimonial-name{color:var(--foreground);font-size:.85rem;font-weight:650}.generator-testimonial-role{color:color-mix(in oklch, var(--foreground) 40%, transparent);font-size:.75rem}.generator-pricing-card{padding:2rem}.generator-popular-tag{background:var(--primary);color:var(--primary-foreground);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:9999px;padding:.2rem .875rem;font-size:.7rem;font-weight:800;position:absolute;top:-.75rem;left:50%;transform:translate(-50%)}.generator-pricing-plan{color:color-mix(in oklch, var(--foreground) 42%, transparent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.75rem;font-size:.75rem}.generator-pricing-price{color:var(--foreground);font-family:var(--font-sans), sans-serif;letter-spacing:-.03em;margin-bottom:.25rem;font-size:2.4rem;font-weight:800;line-height:1}.generator-pricing-price span{color:color-mix(in oklch, var(--foreground) 60%, transparent);font-size:1rem;font-weight:450}.generator-pricing-desc{color:color-mix(in oklch, var(--foreground) 58%, transparent);min-height:3.75rem;margin-bottom:1.5rem;font-size:.82rem;line-height:1.5}.generator-pricing-features{flex-direction:column;gap:.625rem;margin-bottom:1.75rem;list-style:none;display:flex}.generator-pricing-features li{color:color-mix(in oklch, var(--foreground) 62%, transparent);align-items:flex-start;gap:.625rem;font-size:.85rem;display:flex}.generator-pricing-btn{border-radius:9999px;width:100%;height:2.75rem;font-size:.875rem;font-weight:700}.generator-cta-section{padding:6.25rem 0}.generator-cta-card{background:color-mix(in oklch, var(--card) 82%, black);border:1px solid color-mix(in oklch, var(--primary) 22%, transparent);text-align:center;border-radius:1.5rem;max-width:50rem;margin:0 auto;padding:4.5rem 4rem;position:relative;overflow:hidden}.generator-cta-glow{width:min(31.25rem,90vw);height:18.75rem;bottom:-3.75rem;left:50%;transform:translate(-50%)}.generator-cta-card h2{font-family:var(--font-sans), sans-serif;letter-spacing:-.03em;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.1;position:relative}.generator-cta-card h2 span{display:block}.generator-cta-card p{color:color-mix(in oklch, var(--foreground) 62%, transparent);max-width:39rem;margin:1rem auto 0;font-size:1rem;line-height:1.7;position:relative}.generator-cta-note{color:color-mix(in oklch, var(--foreground) 42%, transparent);margin-top:1rem;font-size:.8rem;position:relative}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media (max-width:900px){.generator-hero{padding:6.25rem 1.5rem 3.75rem}.generator-hero-sub{font-size:1rem}.generator-stats{gap:1.5rem}.generator-stat-divider{display:none}.generator-demo-section{padding-bottom:3.75rem}.generator-demo-body,.generator-steps-grid,.generator-usecases-grid,.generator-features-grid,.generator-features-grid-bottom,.generator-testimonials-grid,.generator-pricing-row,.generator-compliance-strip{grid-template-columns:1fr}.generator-demo-left{border-bottom:1px solid color-mix(in oklch, var(--foreground) 8%, transparent);border-right:0}.generator-section{padding:4rem 0}.generator-section-header{margin-bottom:2.5rem}.generator-compliance-strip{padding:2rem}.generator-compliance-badges{justify-content:flex-start}.generator-cta-card{padding:3rem 1.75rem}}
