@layer website.reset,website.base,website.layout,website.components,website.pages,website.responsive,website.utilities;@layer website.reset{.landing-page,.blog-page,.pricing-page,.projects-page,.dashboard-page,.home-page{box-sizing:border-box}.landing-page *,.blog-page *,.pricing-page *,.projects-page *,.dashboard-page *,.home-page *{box-sizing:inherit}}@layer website.base{.landing-page,.blog-page,.pricing-page,.projects-page,.dashboard-page,.home-page{font-family:var(--font-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@layer website.utilities{.hide-on-mobile-website{display:initial}.show-on-mobile-website{display:none}.flex-col-website{flex-direction:column}.flex-row-website{flex-direction:row}.grid-display-website{display:grid}.flex-display-website{display:flex}}@layer website.utilities{@media(max-width:768px){.hide-on-mobile-website{display:none}.show-on-mobile-website{display:initial}}}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:var(--shadow-accent-yellow-md)}50%{transform:scale(1.02);box-shadow:var(--shadow-accent-yellow-lg)}}@keyframes blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.9)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@layer website.components{.landing-container{min-height:100vh;width:100%;max-width:100vw;background:var(--color-bg-landing);font-family:var(--font-primary);position:relative;margin:0;padding:0;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:url(/assets/cursor.png) 4 4,auto;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow-x:hidden}.scalloped-bg{background-image:radial-gradient(circle at 50% 0%,transparent 20px,var(--color-primary-500) 21px);background-size:40px 20px;background-repeat:repeat-x;background-position:0 0}.scalloped-bg-yellow{background:var(--color-primary-500);position:relative}.scalloped-bg-yellow:before{content:"";position:absolute;top:0;left:0;right:0;height:20px;background-image:radial-gradient(circle at 50% 100%,var(--color-bg-primary) 20px,transparent 21px);background-size:40px 20px;background-repeat:repeat-x}.scalloped-bg-yellow:after{content:"";position:absolute;bottom:0;left:0;right:0;height:20px;background-image:radial-gradient(circle at 50% 0%,var(--color-bg-primary) 20px,transparent 21px);background-size:40px 20px;background-repeat:repeat-x}.blob-decoration{position:absolute;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;opacity:.15;z-index:var(--z-base)}.blob-yellow{background:var(--color-primary-500)}.blob-pink{background:var(--color-accent-pink)}.blob-blue{background:var(--color-accent-blue)}.landing-bg{position:fixed;inset:0;opacity:0;z-index:var(--z-base);pointer-events:none;display:none}.landing-bg canvas{touch-action:none}.landing-content{position:relative;z-index:var(--z-base);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:calc(72px + 4rem) 0 4rem;background-color:var(--color-bg-landing)}.landing-content.pricing-page-content{flex-direction:column}.landing-hero{max-width:var(--container-width);width:100%;text-align:center;animation:fadeIn 1s ease-out;box-sizing:border-box;padding:0 var(--container-padding-x)}.floating-badge{display:inline-flex;align-items:center;gap:var(--space-3);padding:.75rem 1.5rem;background:#fff;border:1.5px solid var(--color-primary-500);border-radius:var(--radius-full);margin-bottom:2.5rem;animation:badgePulse 2s ease-in-out infinite;box-shadow:var(--shadow-accent-yellow-md);font-family:var(--font-primary)}.badge-new{background:var(--color-primary-500);color:var(--color-black);padding:.25rem .625rem;border-radius:var(--radius-lg);font-size:var(--text-small);font-weight:var(--font-bold);letter-spacing:.02em;box-shadow:var(--shadow-accent-yellow-xs)}.badge-dot{width:8px;height:8px;background:var(--color-secondary-500);border-radius:50%;animation:blink 2s ease-in-out infinite;box-shadow:0 0 8px var(--color-orange-shadow-strong)}.badge-text{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--color-black);letter-spacing:.015em;font-family:var(--font-primary)}.landing-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:var(--font-bold);color:var(--color-black);margin:0 0 1.5rem;line-height:1.15;letter-spacing:var(--tracking-tight);display:flex;flex-direction:column;gap:var(--space-1);overflow-wrap:break-word}.title-line,.title-gradient{display:block;max-width:100%;overflow-wrap:break-word}.landing-subtitle{font-size:clamp(1.1rem,2.5vw,1.35rem);color:var(--color-text-secondary);margin:0 0 3rem;max-width:680px;margin-left:auto;margin-right:auto;line-height:1.7;font-weight:var(--font-normal);overflow-wrap:break-word}.cta-group{display:flex;gap:var(--space-4);justify-content:center;margin:3rem 0;flex-wrap:wrap}.cta-group .btn-base:active{transform:translateY(-2px) scale(.98)}.illustration svg{filter:drop-shadow(0 4px 12px var(--overlay-subtle));transition:transform .3s ease}.illustration svg g{transition:opacity .3s ease}.use-case-card svg{color:var(--color-primary-500);margin-bottom:var(--space-4)}.use-case-featured svg{color:#fff}.illustration:hover svg{transform:scale(1.02)}.cta-group .btn-base svg{transition:transform .35s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:var(--z-base)}.cta-group .btn-base:hover svg{transform:translate(6px)}.landing-features{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);margin:12rem 0 4rem;width:100%;margin-left:auto;margin-right:auto}.feature-card{background:var(--color-bg-primary);border-radius:var(--radius-2xl);padding:var(--space-8);transition:var(--transition-bounce);position:relative;overflow:visible;will-change:transform;box-shadow:var(--shadow-premium-lg)}.feature-card-emphasis{background-color:var(--color-error);color:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);transition:var(--transition-bounce);position:relative;overflow:hidden;will-change:transform;box-shadow:var(--shadow-premium-lg)}.feature-card-emphasis:before{content:"";position:absolute;inset:0% -20% -10%;background-image:url(/assets/yellow_wave.svg);background-size:cover;background-position:center;background-repeat:no-repeat;transform:rotate(-5deg);z-index:var(--z-base);pointer-events:none}.feature-card-emphasis>*{position:relative;z-index:var(--z-base)}.feature-card .illus{position:absolute;bottom:0;right:var(--space-12)}.feature-card-emphasis p{border-top:1px solid white;padding:var(--space-4);margin-top:5rem;text-align:left;font-weight:var(--font-normal)}.feature-card p{border-top:1px solid black;padding:var(--space-4);margin-top:5rem;text-align:left;font-weight:var(--font-normal)}.feature-card-emphasis:hover,.feature-card:hover{box-shadow:var(--shadow-xl)}.landing-features .feature-card:first-child{grid-column:span 2}.feature-number{width:48px;height:48px;border-radius:50%;background:var(--color-black);color:var(--color-primary-500);font-size:var(--text-heading);font-weight:var(--font-bold);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6)}.feature-title{display:flex;flex-direction:row;justify-content:space-between}.feature-card-with-illus{display:flex;flex-direction:column;justify-content:space-between;width:55%;height:100%}.feature-title h3{text-align:right;max-width:80%;font-size:var(--space-4)}.feature-icon-landingPage{font-weight:bolder;font-size:var(--text-subheading);width:48px;height:48px;border-radius:100%;display:flex;align-items:center;justify-content:center;transition:transform .4s;border:1px solid var(--color-black)}.feature-card-emphasis .feature-icon-landingPage{border:1px solid var(--color-bg-primary)}.feature-content{margin-left:5rem}.illustration{display:flex;align-items:center;justify-content:center;padding:2rem 1rem;margin:2rem auto 1rem;max-width:100%}.feature-card h3{font-size:var(--text-heading);font-weight:var(--font-bold);color:var(--color-black);margin:0 0 .75rem}.landing-stats{display:flex;justify-content:center;align-items:center;margin-top:4rem;padding:1rem 0;background:transparent;border:none;border-radius:var(--radius-xl);width:fit-content;margin-left:auto;margin-right:auto;position:relative}.landing-stats:before{content:"";position:absolute;top:0;left:0;right:0;height:20px;background-image:radial-gradient(circle at 50% 100%,var(--color-primary-500) 20px,transparent 21px);background-size:40px 20px;background-repeat:repeat-x}.landing-stats:after{content:"";position:absolute;bottom:0;left:0;right:0;height:20px;background-image:radial-gradient(circle at 50% 0%,var(--color-primary-500) 20px,transparent 21px);background-size:40px 20px;background-repeat:repeat-x}.stats-container{background-color:var(--color-primary-500);width:100%;display:flex;justify-content:center;align-items:center;flex-direction:row;padding:2rem 48px}.stat-item{text-align:center}.landing-page .stat-value{font-size:var(--text-display);font-weight:var(--font-bold);color:var(--color-black);margin-bottom:var(--space-2)}.landing-page .stat-label{font-size:.9rem;color:var(--color-text-tertiary);letter-spacing:.1em;font-weight:var(--font-semibold)}.feature-scroll-text{text-align:center;align-items:center}@media(min-width:1024px){.feature-scroll-text{text-align:left;align-items:flex-start}}.stat-separator{width:1px;height:40px;background:var(--color-border-default)}.section-separator{height:1px;background:var(--color-border-default);margin:3rem 0 2rem;max-width:800px;margin-left:auto;margin-right:auto}.trusted-section{margin-top:var(--space-8);padding-top:0}.trusted-text{font-size:.95rem;color:var(--color-text-tertiary);margin:0 0 1rem;font-weight:var(--font-medium)}.trust-indicators{display:flex;gap:var(--space-8);justify-content:center;flex-wrap:wrap}.trust-item{font-size:.95rem;color:var(--color-text-tertiary);font-weight:var(--font-medium)}.pricing-section{margin:6rem 0;width:100%;text-align:left}.pricing-title{font-size:var(--text-display);font-weight:var(--font-bold);text-align:center;margin-bottom:var(--space-4);color:var(--color-black);overflow-wrap:break-word}.pricing-subtitle{text-align:center;font-size:var(--text-subheading);color:var(--color-text-tertiary);margin-bottom:4rem;overflow-wrap:break-word;padding:0 1rem}.pricing-note{display:flex;width:fit-content;align-items:center;gap:var(--space-3);padding:.75rem 1.5rem;background:#fff;border:1.5px solid var(--color-primary-500);border-radius:var(--radius-full);margin:0 auto 2.5rem;box-shadow:var(--shadow-accent-yellow-md);font-family:var(--font-primary);font-size:small;font-weight:var(--font-normal)}.pricing-note p{margin:0;color:var(--color-text-secondary);font-size:.95rem}.showcase-section{margin:6rem 0;width:100%}.showcase-container{display:flex;gap:var(--space-8);max-width:var(--container-width);margin:0 auto;align-items:stretch;padding:0 var(--container-padding-x)}.showcase-title-card{flex:1;background:var(--color-bg-primary);border-radius:var(--radius-3xl);padding:var(--space-12);position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:500px}.showcase-title-card:hover{box-shadow:var(--shadow-xl)}.showcase-title{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:var(--font-bold);text-align:left;margin:0;color:var(--color-black);letter-spacing:var(--tracking-tight);line-height:1.2;max-width:90%}.showcase-decorations{position:relative;height:200px;margin-top:var(--space-8)}.blob-smiley{position:absolute;border-radius:45% 55% 50% 50%/55% 50% 50% 45%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6)}.blob-smiley-1{background:var(--color-primary-500);width:180px;height:140px;top:0;left:10%;transform:rotate(-5deg)}.blob-smiley-2{background:var(--color-warning);width:160px;height:130px;bottom:20px;left:5%;transform:rotate(8deg)}.smiley-eyes{display:flex;gap:var(--space-6);margin-bottom:var(--space-3)}.eye{width:12px;height:24px;background:var(--color-black);border-radius:50%}.smiley-mouth{width:60px;height:30px;border:4px solid var(--color-black);border-top:none;border-radius:0 0 60px 60px}.showcase-grid{flex:1;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:var(--space-6)}.showcase-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-6);transition:var(--transition-slow);position:relative;display:flex;flex-direction:column;gap:var(--space-6);box-shadow:var(--shadow-premium-md);border:1px solid var(--overlay-subtle)}.showcase-card-titleBar{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:var(--space-2)}.showcase-card:hover{box-shadow:var(--shadow-lg)}.showcase-icon{width:48px;height:48px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;flex-shrink:0}.showcase-card-titleBar .title{font-weight:var(--font-bold);font-size:var(--space-4);padding:0 .5rem}.showcase-icon-blue{color:var(--color-text-inverse);background:var(--color-accent-blue);border-radius:var(--radius-full)}.showcase-icon-yellow{background:var(--color-primary-500);color:var(--color-text-inverse);border-radius:var(--radius-full)}.showcase-icon-multi{background:var(--color-accent-pink);color:var(--color-text-inverse);border-radius:var(--radius-full)}.avatar-group{display:flex;gap:0}.mini-avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--color-neutral-100);margin-left:-8px}.mini-avatar:first-child{margin-left:0}.avatar-1{background:var(--color-accent-blue);z-index:calc(var(--z-base) + 2)}.avatar-2{background:var(--color-warning);z-index:calc(var(--z-base) + 1)}.avatar-3{background:var(--color-error);z-index:var(--z-base)}.showcase-icon-colorful{background:var(--color-secondary-500);color:var(--color-text-inverse);border-radius:var(--radius-full)}.colorful-text{font-size:var(--space-8);font-weight:var(--font-bold);background:linear-gradient(90deg,var(--color-primary-500) 0%,var(--color-accent-blue) 33%,var(--color-error) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:var(--tracking-tighter)}.showcase-card h3{font-size:var(--text-subheading);font-weight:var(--font-bold);color:var(--color-black);margin:0;letter-spacing:var(--tracking-tight);line-height:1.3}.showcase-card p{font-size:.9rem;color:var(--color-text-tertiary);margin:0;line-height:1.6;font-weight:var(--font-normal);text-align:left}.landing-container .section-title-container{text-align:center;margin-bottom:4rem;width:100%;max-width:100%;box-sizing:border-box}.why-section{margin:8rem 0;width:100%}.why-content{display:flex;gap:var(--space-12);align-items:center;max-width:var(--container-width);margin:0 auto;padding:0 var(--container-padding-x)}.why-chat-demo{flex:1;background:var(--color-neutral-100);border-radius:var(--radius-2xl);padding:var(--space-8);min-height:400px}.chat-logo{display:flex;align-items:center;gap:var(--space-3);font-weight:var(--font-semibold);font-size:var(--text-subheading)}.logo-circle{width:40px;height:40px;background:var(--color-black);color:var(--color-primary-500);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-subheading)}.chat-messages{display:flex;flex-direction:column;gap:var(--space-4)}.chat-message{background:#fff;padding:1.25rem;border-radius:var(--radius-xl);line-height:1.6;font-size:.95rem;color:var(--color-text-secondary)}.execution-plan{margin-top:var(--space-4);padding:.5rem 1rem;background:var(--color-neutral-100);border-radius:8px;font-size:var(--text-body);color:var(--color-text-tertiary)}.why-description{flex:1;display:flex;flex-direction:column;gap:var(--space-6)}.why-description h3{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:var(--font-bold);color:var(--color-black);margin:0;line-height:1.2}.why-description p{font-size:var(--text-subheading);color:var(--color-text-tertiary);line-height:1.7;margin:0}.cocreate-section{margin:8rem 0;width:100%;background:var(--color-neutral-50);padding:6rem 2rem;border-radius:var(--radius-3xl)}.cocreate-content{display:flex;gap:4rem;align-items:center;max-width:var(--container-width);margin:0 auto;padding:0 var(--container-padding-x)}.cocreate-text{flex:1;display:flex;flex-direction:column;gap:var(--space-6)}.cocreate-text h2{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:var(--font-bold);color:var(--color-black);margin:0;line-height:1.2}.cocreate-text p{font-size:var(--text-subheading);color:var(--color-text-tertiary);line-height:1.7;margin:0}.cocreate-visual{flex:1;display:flex;justify-content:center;align-items:center}.demo-card{background:linear-gradient(135deg,var(--color-error-lighter) 0%,var(--color-error-light) 100%);padding:var(--space-12);border-radius:var(--radius-2xl);position:relative;min-height:400px;width:100%;max-width:500px;display:flex;flex-direction:column;gap:var(--space-8);box-shadow:0 12px 40px var(--color-pink-shadow)}.demo-card-header{font-size:var(--text-body);font-weight:var(--font-bold);color:var(--overlay-white-strong);letter-spacing:.1em}.demo-card-title{font-size:var(--text-heading);font-weight:var(--font-bold);color:#fff;margin:0;line-height:1.3}.demo-card-badge{position:absolute;top:var(--space-8);right:var(--space-8);width:60px;height:60px;background:var(--overlay-white-medium);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--space-8);font-weight:var(--font-bold);color:#fff;border:2px solid var(--overlay-white-strong)}.formats-section{margin:8rem 0;width:100%}.formats-content{display:flex;gap:var(--space-12);align-items:center;max-width:var(--container-width);margin:0 auto;padding:0 var(--container-padding-x)}.formats-showcase{flex:1;display:flex;gap:var(--space-6)}.format-card{background:var(--color-neutral-100);border-radius:var(--radius-2xl);padding:var(--space-6);flex:1;min-height:400px;display:flex;flex-direction:column;transition:transform .3s ease}.format-card:hover{transform:translateY(-4px)}.format-card-1{background:var(--color-bg-primary)}.format-card-2{background:var(--color-neutral-100)}.format-card-3{background:var(--color-success-bg)}.format-preview{flex:1;display:flex;align-items:center;justify-content:center}.preview-placeholder{width:100%;height:200px;background:linear-gradient(135deg,var(--color-border-medium) 0%,var(--color-neutral-300) 100%);border-radius:var(--radius-xl)}.preview-placeholder.green{background:linear-gradient(135deg,var(--color-success-lighter) 0%,var(--color-success-lighter) 100%)}.audio-player{width:100%;padding:var(--space-6);background:#fff;border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-4)}.audio-label{font-size:var(--text-body);color:var(--color-text-tertiary)}.audio-title{font-weight:var(--font-semibold);color:var(--color-black);margin:.5rem 0}.audio-controls{display:flex;align-items:center;gap:var(--space-4)}.play-button{width:40px;height:40px;background:var(--color-black);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.audio-time{font-size:var(--text-body);color:var(--color-text-tertiary)}.formats-description{flex:1;display:flex;flex-direction:column;gap:var(--space-6)}.formats-description h2{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:var(--font-bold);color:var(--color-black);margin:0;line-height:1.2}.formats-description p{font-size:var(--text-subheading);color:var(--color-text-tertiary);line-height:1.7;margin:0}.gallery-section{margin:8rem 0;width:100%}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);max-width:var(--container-width);margin:0 auto;padding:0 var(--container-padding-x)}.gallery-item{aspect-ratio:4/5;border-radius:var(--radius-2xl);overflow:hidden;transition:transform .3s ease;cursor:pointer}.gallery-item:hover{transform:translateY(-8px)}.gallery-placeholder{width:100%;height:100%;display:flex;align-items:flex-end;padding:var(--space-8);position:relative}.gallery-item-1 .gallery-placeholder{background:linear-gradient(180deg,var(--overlay-light) 0%,var(--overlay-dark-intense) 100%)}.gallery-item-2 .gallery-placeholder{background:linear-gradient(180deg,#00a8e84d,#00a8e8cc),var(--color-info)}.gallery-item-3 .gallery-placeholder{background:linear-gradient(180deg,#00c4a74d,#00c4a7cc),var(--color-secondary-500)}.gallery-item-4 .gallery-placeholder{background:linear-gradient(180deg,#ff477e4d,#ff477ecc),var(--color-accent-pink)}.gallery-label{font-size:var(--text-subheading);font-weight:var(--font-bold);color:#fff;text-shadow:0 2px 8px var(--overlay-medium)}.testimonials-section{margin:8rem 0;width:100%}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);max-width:1400px;margin:0 auto}.testimonials-marquee{max-width:100%;margin:0 auto}.testimonial-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4);box-shadow:var(--shadow-premium-sm);border:1px solid var(--overlay-subtle);transition:var(--transition-slow)}.testimonial-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-premium-lg)}.testimonials-marquee .testimonial-card{min-width:350px;max-width:400px;flex-shrink:0}.testimonial-text{font-size:var(--text-body);color:var(--color-text-secondary);line-height:1.7;margin:0;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:var(--space-3);margin-top:auto}.author-name{font-weight:var(--font-semibold);color:var(--color-black);font-size:var(--text-body)}.author-title{font-size:var(--text-small);color:var(--color-text-tertiary)}.footer-section{background:var(--color-bg-landing);width:100%;display:flex;flex-direction:column}.footer-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--font-bold);color:var(--color-text-inverse);margin-bottom:var(--space-8);line-height:1.2}.footer-buttons{display:flex;gap:var(--space-4);justify-content:center;margin-top:var(--space-12);flex-wrap:wrap}.chat-bubbles{position:absolute;left:var(--space-8);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:var(--space-6);max-width:200px}.chat-bubble{background:var(--color-bg-dark-modal);border-radius:var(--radius-xl);padding:1rem 1.25rem;color:var(--color-text-inverse);font-size:.95rem;position:relative;display:flex;align-items:center;gap:var(--space-3);animation:fadeInLeft .6s ease forwards;opacity:0}.chat-bubble:nth-child(1){animation-delay:.2s}.chat-bubble:nth-child(2){animation-delay:.4s}.chat-bubble:nth-child(3){animation-delay:.6s}.chat-bubble:nth-child(4){animation-delay:.8s}.chat-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:var(--text-subheading)}.chat-avatar-1{background:var(--color-accent-pink)}.chat-avatar-2{background:var(--color-info)}.chat-avatar-3{background:var(--color-warning)}.chat-avatar-4{background:var(--color-success-light)}.accent-button{padding:1rem 2.5rem;border-radius:var(--radius-full);font-weight:var(--font-bold);font-size:var(--text-subheading);border:none;cursor:pointer;transition:var(--transition-slow);text-transform:none}.accent-button-yellow{background:var(--color-primary-500);color:var(--color-black)}.accent-button-yellow:hover{background:var(--color-primary-500);transform:translateY(-2px);box-shadow:var(--shadow-accent-yellow-xl)}.accent-button-pink{background:var(--color-accent-pink);color:var(--color-text-inverse)}.accent-button-pink:hover{background:var(--color-error-lighter);transform:translateY(-2px);box-shadow:0 8px 24px var(--color-pink-shadow-strong)}.accent-button-blue{background:var(--color-accent-blue);color:var(--color-text-inverse)}.accent-button-blue:hover{background:var(--color-info);transform:translateY(-2px);box-shadow:0 8px 24px var(--color-blue-shadow-strong)}.capabilities-section{margin:3rem 0 1rem;width:100%}.capabilities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);max-width:1000px;margin:0 auto}.capability-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center;transition:var(--transition-slow);border:1px solid var(--overlay-subtle);box-shadow:var(--shadow-premium-sm)}.capability-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-premium-lg)}.capability-icon{width:64px;height:64px;background:var(--color-primary-500);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6);color:var(--color-black);transition:transform .3s ease,box-shadow .3s ease}.capability-icon--purple{background:var(--color-capability-purple-bg);color:var(--color-coral);box-shadow:none}.capability-icon--blue{background:var(--color-capability-blue-bg);color:var(--color-info);box-shadow:none}.capability-icon--pink{background:var(--color-capability-pink-bg);color:var(--color-accent-pink);box-shadow:none}.capability-icon--green{background:var(--color-capability-green-bg);color:var(--color-success-light);box-shadow:none}.capability-icon--orange{background:var(--color-capability-orange-bg);color:var(--color-warning);box-shadow:none}.capability-icon--teal{background:var(--color-capability-teal-bg);color:var(--color-teal-500);box-shadow:none}.capability-card--purple:hover{border-color:var(--color-orange-shadow);box-shadow:0 4px 20px var(--color-orange-shadow-light)}.capability-card--purple:hover .capability-icon{transform:scale(1.05);background:var(--color-capability-purple-bg-hover)}.capability-card--blue:hover{border-color:var(--color-blue-shadow);box-shadow:0 4px 20px var(--color-blue-shadow-light)}.capability-card--blue:hover .capability-icon{transform:scale(1.05);background:var(--color-capability-blue-bg-hover)}.capability-card--pink:hover{border-color:var(--color-pink-shadow);box-shadow:0 4px 20px var(--color-pink-shadow-light)}.capability-card--pink:hover .capability-icon{transform:scale(1.05);background:var(--color-capability-pink-bg-hover)}.capability-card--green:hover{border-color:var(--color-green-shadow);box-shadow:0 4px 20px var(--color-green-shadow-light)}.capability-card--green:hover .capability-icon{transform:scale(1.05);background:var(--color-capability-green-bg-hover)}.capability-card--orange:hover{border-color:var(--color-orange-shadow);box-shadow:0 4px 20px var(--color-orange-shadow-light)}.capability-card--orange:hover .capability-icon{transform:scale(1.05);background:var(--color-capability-orange-bg-hover)}.capability-card--teal:hover{border-color:var(--color-teal-shadow);box-shadow:0 4px 20px var(--color-teal-shadow-light)}.capability-card--teal:hover .capability-icon{transform:scale(1.05);background:var(--color-capability-teal-bg-hover)}.capability-card h3{font-size:var(--text-subheading);font-weight:var(--font-bold);color:var(--color-black);margin:0 0 var(--space-3)}.capability-card p{font-size:var(--text-body);color:var(--color-text-tertiary);margin:0;line-height:1.6}.how-it-works-section{margin:6rem 0;width:100%;padding:4rem 0;background:var(--color-neutral-50);border-radius:var(--radius-3xl)}.steps-grid{display:flex;align-items:flex-start;justify-content:center;gap:var(--space-4);max-width:1000px;margin:0 auto;padding:0 var(--space-4)}.step-card{flex:1;background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center;box-shadow:var(--shadow-premium-md);max-width:280px}.landing-page .step-number{width:48px;height:48px;background:var(--color-primary-500);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6);font-size:var(--text-heading);font-weight:var(--font-bold);color:var(--color-black)}.step-card h3{font-size:var(--text-subheading);font-weight:var(--font-bold);color:var(--color-black);margin:0 0 var(--space-3)}.step-card p{font-size:var(--text-body);color:var(--color-text-tertiary);margin:0;line-height:1.6}.step-connector{display:flex;align-items:center;justify-content:center;color:var(--color-border-medium);padding-top:3rem}.how-it-works-stats{display:flex;justify-content:center;gap:var(--space-8);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border-light)}.how-it-works-stat{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-small);color:var(--color-text-secondary);font-weight:var(--font-medium)}.how-it-works-stat svg{color:var(--color-success-light)}.faq-section{margin:6rem 0;width:100%;max-width:900px;margin-left:auto;margin-right:auto}.faq-grid{display:flex;flex-direction:column;gap:var(--space-4)}.faq-item{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--color-border-light);overflow:hidden;transition:var(--transition-base)}.faq-item:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-premium-sm)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);background:transparent;border:none;cursor:pointer;text-align:left;font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--color-text-primary);transition:background-color var(--transition-fast)}.faq-question:hover{background:var(--color-neutral-50)}.faq-question svg{flex-shrink:0;color:var(--color-text-tertiary);transition:transform var(--transition-base)}.faq-item[data-state=open] .faq-question svg{transform:rotate(180deg)}.faq-answer{padding:0 var(--space-6) var(--space-6);font-size:var(--text-body);color:var(--color-text-secondary);line-height:1.7;text-align:left}.faq-answer p{margin:0}.use-cases-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,1fr);gap:var(--space-6);max-width:1100px;margin:0 auto}.use-case-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);transition:var(--transition-slow);box-shadow:var(--shadow-premium-sm);border:1px solid var(--overlay-subtle);position:relative}.use-case-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-premium-lg)}.use-case-card h3{font-size:var(--text-subheading);font-weight:var(--font-bold);color:var(--color-black);margin:0 0 var(--space-3)}.use-case-card p{font-size:var(--text-body);color:var(--color-text-tertiary);margin:0;line-height:1.6}.use-case-featured{grid-row:span 2;background:var(--color-secondary-500);color:#fff}.use-case-featured h3,.use-case-featured p{color:#fff}.use-case-tag{position:absolute;top:var(--space-4);right:var(--space-4);background:var(--overlay-white-medium);backdrop-filter:blur(8px);padding:.25rem .75rem;border-radius:var(--radius-xl);font-size:var(--text-small);font-weight:var(--font-semibold);color:#fff}.use-case-features{list-style:none;padding:0;margin:var(--space-6) 0 0;display:flex;flex-direction:column;gap:var(--space-3)}.social-proof-section{margin:4rem 0;width:100%}.social-proof-content{display:flex;justify-content:center;gap:var(--space-8);flex-wrap:wrap;padding:var(--space-8) 0;background:var(--color-primary-500);border-radius:var(--radius-2xl)}.landing-page .stat-card{text-align:center;padding:var(--space-4) var(--space-8)}.stat-number{font-size:clamp(2rem,4vw,3rem);font-weight:var(--font-bold);color:var(--color-black);line-height:1;margin-bottom:var(--space-2)}.stat-description{font-size:var(--text-body);color:var(--color-text-secondary);font-weight:var(--font-medium)}.stats-section-magic{margin:4rem 0;width:100%}.stats-section-container{max-width:var(--container-width);margin:0 auto;padding:var(--space-12) var(--space-6);background:var(--gradient-primary);border-radius:var(--radius-3xl);position:relative;overflow:hidden}.stats-section-container:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.stats-section-header{text-align:center;margin-bottom:var(--space-10);position:relative}.stats-section-title{font-size:var(--text-heading);font-weight:var(--font-bold);color:var(--color-text-inverse);margin:0 0 var(--space-2)}.stats-section-subtitle{font-size:var(--text-base);color:var(--overlay-white-strong);margin:0}.landing-page .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);position:relative}.stats-section-magic .stat-item{text-align:center;padding:var(--space-4)}.stats-section-magic .stat-value{font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--font-bold);color:var(--color-text-inverse);line-height:1;margin:0 0 var(--space-2);text-shadow:0 2px 10px var(--overlay-light)}.stats-section-magic .stat-label{font-size:var(--text-body);color:var(--overlay-white-strong);font-weight:var(--font-medium);margin:0}.testimonials-section-magic{margin:4rem 0;width:100%}.testimonials-section-magic .pointer-events-none{--tw-gradient-from: var(--color-bg-landing)}.testimonials-section-magic [class*=cursor-pointer]{background:var(--color-bg-primary);border:1px solid var(--color-border-light);box-shadow:var(--shadow-premium-sm);transition:var(--transition-base)}.testimonials-section-magic [class*=cursor-pointer]:hover{box-shadow:var(--shadow-premium-md);transform:translateY(-2px)}.testimonials-section-magic span[class*=bg-purple]{background:var(--color-primary-100);color:var(--color-primary-600)}.testimonial-stars{display:flex;gap:2px;color:var(--color-warning);margin-bottom:var(--space-4)}.author-avatar{width:44px;height:44px;background:var(--color-secondary-500);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-body);font-weight:var(--font-bold);color:#fff}.author-info{display:flex;flex-direction:column}.footer-cta{text-align:center;padding:5rem 2rem;background:var(--color-bg-landing);border-top:1px solid var(--color-neutral-200)}.footer-cta h2{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-4)}.footer-cta p{font-size:var(--text-subheading);color:var(--color-text-secondary);margin:0 0 var(--space-8)}.footer-cta-button{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-primary-500);color:var(--color-black);border:none;padding:1rem 2rem;border-radius:var(--radius-full);font-size:var(--text-subheading);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-slow)}.footer-cta-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-accent-yellow-xl)}.footer-main{display:flex;justify-content:space-between;gap:4rem;padding:4rem var(--container-padding-x);max-width:var(--container-width);margin:0 auto;width:100%;box-sizing:border-box}.footer-brand{flex:1;max-width:300px}.footer-logo{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.footer-logo-icon{width:40px;height:40px;background:var(--color-primary-500);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-black)}.footer-logo span{font-size:var(--text-subheading);font-weight:var(--font-normal);color:var(--color-text-primary)}.footer-tagline{color:var(--color-text-secondary);font-size:var(--text-body);margin:0 0 var(--space-6);line-height:1.6}.footer-social{display:flex;gap:var(--space-3)}.footer-links-group{display:flex;gap:var(--space-12)}.footer-links{display:flex;flex-direction:column;gap:var(--space-3)}.footer-links h4{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-3)}.footer-links a{font-size:var(--text-body);color:var(--color-text-secondary);text-decoration:none;cursor:pointer;transition:color var(--transition-fast)}.footer-social a{width:40px;height:40px;background:var(--color-neutral-100);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:all var(--transition-base)}.footer-links a:hover{color:var(--color-primary-500)}.footer-social a:hover{background:var(--color-primary-500);color:var(--color-text-inverse);transform:translateY(-2px)}.footer-bottom{display:flex;justify-content:center;align-items:center;padding:var(--space-6) var(--container-padding-x);border-top:1px solid var(--color-neutral-200);max-width:var(--container-width);margin:0 auto;width:100%;box-sizing:border-box}.footer-bottom p{color:var(--color-text-tertiary);font-size:var(--text-small);margin:0}.landing-dot-pattern{position:fixed;z-index:0;opacity:.3;mask-image:radial-gradient(ellipse at center,var(--overlay-dark-medium) 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,var(--overlay-dark-medium) 0%,transparent 70%)}.tech-cloud-section{display:flex;justify-content:center;align-items:center;margin:3rem 0 2rem;position:relative}.tech-cloud-section canvas{max-width:100%;cursor:grab}.tech-cloud-section canvas:active{cursor:grabbing}.orbiting-showcase{position:relative;width:300px;height:300px;margin:2rem auto 3rem;display:flex;align-items:center;justify-content:center}.orbiting-center{position:absolute;width:60px;height:60px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 4px 20px var(--color-orange-shadow)}.orbiting-center-icon{color:#fff}.orbit-icon{color:var(--color-text-secondary);background:#fff;padding:8px;border-radius:50%;box-shadow:var(--shadow-premium-sm)}.landing-try-it{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-4) var(--space-4) var(--space-10);gap:var(--space-4);max-width:920px;margin:0 auto;position:relative}.landing-try-it__cta{font-size:var(--text-lg, 1.125rem);color:var(--color-text-secondary);margin:0;letter-spacing:-.01em}.landing-try-it__submit{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;border:none;border-radius:var(--radius-lg, .75rem);background:var(--color-primary-500, #6366f1);color:#fff;font-size:var(--text-sm, .875rem);font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s ease}.landing-try-it__submit:hover{background:var(--color-primary-600, #4f46e5)}.landing-try-it__submit:disabled{opacity:.6;cursor:not-allowed}.landing-hero--compact .hero-section{padding-top:0;padding-bottom:0}.landing-content:has(.landing-hero--compact){padding-top:calc(72px + 1.5rem)}.landing-hero--compact .landing-title,.landing-hero--compact .hero-section h1{font-size:clamp(2.5rem,6vw,4.5rem)!important}.landing-hero--compact .hero-section p{font-size:clamp(1rem,2vw,1.2rem)!important}}@layer website.responsive{@media(max-width:1024px){.landing-title{font-size:clamp(2rem,6vw,5rem)}.landing-subtitle{font-size:clamp(1rem,2.2vw,1.25rem)}.landing-features{grid-template-columns:repeat(2,1fr)}.showcase-container{flex-direction:row}.showcase-title-card{width:200px}.showcase-grid,.capabilities-grid{grid-template-columns:repeat(2,1fr)}.use-cases-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.use-case-featured{grid-row:span 1;grid-column:span 2}}@media(max-width:768px){.footer-content{flex-direction:column}.landing-content{padding:5rem 0 2rem}.landing-hero{padding:2rem var(--container-padding-x)}.landing-bg{opacity:.3}.gradient-orb{filter:blur(80px)}.orb-1{width:350px;height:350px}.orb-2{width:300px;height:300px}.orb-3{width:320px;height:320px}.illustration{padding:1.5rem .5rem;margin:1.5rem auto .5rem}.illustration svg{max-width:350px}.landing-features{display:flex;flex-direction:column;gap:var(--space-6);margin-top:5rem}.feature-card{padding:var(--space-8)}.feature-card .illus{right:var(--space-4);width:40%}.feature-card .illus img{width:100%;height:100%}.feature-card:hover{transform:translateY(-4px)}.cta-group{flex-direction:column;gap:.875rem;width:100%}.cta-group .btn-base{width:100%;justify-content:center;padding:1rem 2rem;font-size:var(--space-4);min-height:48px}.stat-separator{width:60px;height:1px}.landing-page .stat-value{font-size:var(--text-title)}.trust-indicators{flex-direction:column;gap:var(--space-3)}.showcase-grid{grid-template-columns:1fr;gap:1.25rem}.showcase-section{margin:4rem 0}.showcase-card{padding:1.75rem}.showcase-title-card{padding:var(--space-8);min-height:300px}.blob-smiley-1{width:140px;height:110px}.blob-smiley-2{width:130px;height:105px}.showcase-title{font-size:var(--text-heading)}.chat-bubbles{position:static;transform:none;max-width:100%;margin-bottom:var(--space-8)}.footer-buttons{flex-direction:column}.accent-button{width:100%}.showcase-container{flex-direction:column}.showcase-container .showcase-title-card{width:100%}.why-content,.cocreate-content,.formats-content{flex-direction:column;gap:var(--space-8)}.formats-showcase{flex-direction:column}.format-card{min-height:300px}.cocreate-section{padding:4rem 1.5rem}.demo-card{padding:var(--space-8);min-height:300px}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.testimonials-grid{grid-template-columns:1fr;gap:1.25rem}.landing-page .stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.stats-section-container{padding:var(--space-8) var(--space-4)}.testimonials-section-magic{margin:2rem 0}.capabilities-grid{grid-template-columns:1fr;max-width:400px}.capability-card{min-height:160px;padding:var(--space-6)}.steps-grid{flex-direction:column;align-items:center}.step-card{max-width:100%}.step-connector{transform:rotate(90deg);padding:var(--space-2) 0}.how-it-works-stats{flex-direction:column;gap:var(--space-3);align-items:center}.faq-section{margin:4rem 0;padding:0 var(--space-4)}.faq-question{padding:var(--space-4);font-size:var(--text-small)}.faq-answer{padding:0 var(--space-4) var(--space-4);font-size:var(--text-small)}.use-cases-grid{grid-template-columns:1fr}.use-case-featured{grid-column:span 1}.social-proof-content{gap:var(--space-4)}.landing-page .stat-card{padding:var(--space-3) var(--space-4)}.footer-main{flex-direction:column;padding:3rem 1rem;gap:2rem;align-items:center;text-align:center}.footer-brand{max-width:100%;display:flex;flex-direction:column;align-items:center}.footer-logo,.footer-social{justify-content:center}.footer-links-group{flex-wrap:wrap;gap:2rem;justify-content:center}.footer-links{align-items:center}.footer-cta{padding:3rem 1.5rem}.footer-cta-button{padding:.875rem 1.5rem;font-size:var(--text-body)}.footer-bottom{flex-direction:column;gap:var(--space-4);text-align:center;padding:var(--space-6) 1.5rem;padding-bottom:max(var(--space-6),env(safe-area-inset-bottom))}.footer-badges{flex-wrap:wrap;justify-content:center}.orbiting-showcase{display:none}.tech-cloud-section canvas{width:280px;height:280px}.landing-try-it{padding:var(--space-4) var(--space-3) var(--space-8);gap:var(--space-4)}}@media(max-width:480px){.landing-features{margin-top:4rem}.feature-card-with-illus{width:100%}.feature-card .illus{width:60%;position:relative;bottom:auto;right:auto;margin:0 auto}.footer-content{flex-direction:column}.landing-content{padding:4rem 1rem 2rem;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.landing-hero{padding:1rem .5rem;max-width:100%;overflow:hidden;box-sizing:border-box}.floating-badge{font-size:var(--text-small);padding:.4rem .8rem}.landing-title{font-size:clamp(1.25rem,6vw,2rem);gap:var(--space-1);padding:0 .25rem}.landing-subtitle{font-size:.9rem;margin-bottom:var(--space-6);padding:0 1rem;overflow-wrap:break-word;box-sizing:border-box;max-width:100%}.section-title-container{padding:0 1rem;box-sizing:border-box;max-width:100%}.landing-page h2.section-title{font-size:clamp(3rem,10vw,4rem);padding:0;overflow-wrap:break-word}.section-subtitle{font-size:clamp(.875rem,2.5vw,1rem);padding:0 .5rem}.illustration{padding:1rem 0;margin:1rem auto 0}.illustration svg{max-width:280px}.feature-card{padding:1.5rem}.landing-page .feature-icon{font-size:var(--text-heading);font-weight:bolder}.feature-card h3{font-size:var(--text-subheading)}.feature-card p{font-size:.9rem;margin-top:var(--space-6)}.cta-group .btn-base{padding:.875rem 1.5rem;font-size:.9rem}.showcase-grid{display:flex;flex-direction:column}.stats-container{flex-direction:column;padding:1.5rem 1rem}.landing-page .stats-grid{grid-template-columns:1fr;gap:var(--space-4)}.footer-links-group{flex-direction:column;gap:var(--space-8)}.footer-cta{padding:2rem 1rem}.footer-social a{width:44px;height:44px}.social-proof-content{flex-direction:column;gap:var(--space-2)}}}