.hero-section{position:relative;overflow:hidden;contain:layout}.hero-background{position:absolute;inset:0;display:none;align-items:center;justify-content:center;overflow:hidden;width:100%;height:100%;min-height:100%}@media(min-width:768px){.hero-background{display:flex}}.hero-video{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;mix-blend-mode:difference;opacity:.2}.hero-fade-overlay{pointer-events:none;position:absolute;inset:0;width:100%;height:100%;will-change:opacity}.hero-container{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:52px;padding:52px 1rem 80px;max-width:1400px;margin:auto}@media(min-width:768px){.hero-container{padding-left:60px;padding-right:60px;height:80vh;display:flex;align-items:center;justify-content:center;gap:4rem}}@media(min-width:1024px){.hero-container{padding-left:60px;padding-right:60px}}@media(min-width:1280px){.hero-container{padding-left:100px;padding-right:100px}}@media(min-width:1536px){.hero-container{padding-left:0;padding-right:0}}.hero-header-title{display:flex;flex-direction:column}@media(min-width:768px){.hero-title{max-width:820px}}.hero-gradient-text{display:inline-block;margin-left:.5rem;margin-right:.5rem;background:linear-gradient(90deg,#4360e5,#4360e5);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;font-size:32px}@media(min-width:640px){.hero-gradient-text{font-size:60px}}@media(min-width:768px){.hero-gradient-text{font-size:60px}}.hero-header{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:1400px}@media(min-width:768px){.hero-header{gap:1.5rem}}.hero-input-wrapper{display:flex;width:100%;max-width:800px;flex-direction:column;align-items:center;gap:1.25rem}.hero-input-box{width:100%;border-radius:1.5rem;background:rgba(12,15,26,.95);position:relative}@media(min-width:768px){.hero-input-box{backdrop-filter:blur(1px)}}.hero-input-inner{position:relative;display:flex;height:100%;min-height:100px;width:100%;flex-direction:column;justify-content:space-between;text-align:left}.hero-textarea{display:block;height:100%;width:100%;resize:none;border-radius:1.5rem;background:#0d0f11;padding:1rem;font-size:12px;line-height:1rem;color:#c1c3c7}.hero-textarea::-moz-placeholder{color:#c1c3c7}.hero-textarea::placeholder{color:#c1c3c7}.hero-textarea:focus{outline:2px solid #3c5bff;outline-offset:0}.hero-textarea:disabled{opacity:.6;cursor:not-allowed}@media(min-width:768px){.hero-textarea{font-size:1rem;line-height:1.5rem;padding:1.5rem}}.submit-button{position:absolute;bottom:1rem;right:1rem}.submit-button svg{height:1.25rem;width:1.25rem}@media(min-width:640px){.submit-button{bottom:1.25rem;right:1.25rem}}@media(min-width:768px){.submit-button{bottom:1.25rem;right:1.25rem}}.hero-categories-wrapper{flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;font-size:.75rem;font-weight:500}@media(min-width:640px){.hero-categories-wrapper{font-size:.875rem}}@media(min-width:768px){.hero-categories-wrapper{display:flex}}.hero-category-chip{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;border-radius:.375rem;background:var(--color-header-bg,#f8f9fb);padding:.25rem .5rem;font-family:var(--font-family-secondary);color:var(--text-default-body,#1b1e21);border:1px solid transparent;transition:all .2s ease}.hero-category-chip:hover{background:var(--color-header-bg-hover,#f0f1f5)}.hero-category-chip:active{transform:scale(.98)}.hero-prompt-result{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;padding:2.5rem 1.25rem}@media(min-width:640px){.hero-prompt-result{padding-left:1.25rem;padding-right:1.25rem}}@media(min-width:1024px){.hero-prompt-result{gap:3rem;padding:7.5rem 4.375rem}}.prompt-screen-inner{position:relative}.scroll-target{position:absolute;top:-120px}.hero-iframe-container{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:12px;border-radius:32px 32px 0 0;border:1px solid #e3e5ff;background:rgba(0,0,0,.12);backdrop-filter:blur(21px);position:relative;z-index:10;max-width:95vw;min-width:320px;height:50vh;margin-left:1rem;margin-right:1rem}@media(min-width:640px){.hero-iframe-container{min-width:unset;height:60vh;margin-left:0;margin-right:0}}@media(min-width:768px){.hero-iframe-container{height:70vh}}@media(min-width:1024px){.hero-iframe-container{height:80vh;min-width:90vw;margin-left:0;margin-right:0}}@media(min-width:1280px){.hero-iframe-container{display:flex;height:85vh}}.hero-iframe-wrapper{position:relative;height:100%;width:100%;border-radius:16px 16px 0 0;min-height:400px}.btn,.btn-dark,.btn-ghost,.btn-primary,.btn-secondary{display:inline-flex;align-items:center;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;white-space:nowrap;max-width:-moz-min-content;max-width:min-content}.btn svg,.btn-dark svg,.btn-ghost svg,.btn-primary svg,.btn-secondary svg{height:1rem;width:1rem}.btn-primary{background:var(--color-primary-default,#436aeb);color:#fff;border:1px solid var(--color-primary-default,#436aeb)}.btn-primary:hover{background:var(--color-primary-default-hover,#3856d0);border-color:var(--color-primary-default-hover,#3856d0)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:transparent;color:#fff;border:1px solid var(--color-border,#cfd5dc)}.btn-secondary:hover{border-color:hsla(0,0%,100%,.4);transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-dark{background:#0d0f11;color:#fff;border:1px solid}.btn-dark:hover{transform:translateY(-2px);border-color:hsla(0,0%,100%,.6)}.btn-dark:active{transform:translateY(0)}.btn-dark:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{background:transparent;color:inherit;border:none}.btn-ghost:hover{opacity:.8}.btn-ghost:disabled{opacity:.6;cursor:not-allowed}.btn-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;padding:.5rem;border:none;background:transparent;cursor:pointer;transition:all .2s ease}.btn-icon:hover{opacity:.8}.btn-icon:disabled{opacity:.6;cursor:not-allowed}