.how-it-works{padding:60px 16px;background-color:#ecedf2}[data-theme=dark] .how-it-works{background-color:var(--bg-primary)}.how-it-works-header{text-align:center;margin-bottom:48px}.how-it-works-title{font-size:clamp(2rem,5vw,2.5rem);font-weight:800;color:var(--text-primary)!important;margin-bottom:12px}.how-it-works-description{font-size:1.125rem;color:var(--text-secondary)!important;max-width:600px;margin:0 auto}.steps-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px;max-width:1200px;margin:0 auto}.step-card{position:relative;background-color:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:24px 16px;transition:all var(--transition-base);display:flex;flex-direction:column;align-items:center;text-align:center}.step-card:hover{transform:translateY(-8px);border-color:var(--color-primary-light);box-shadow:var(--shadow-lg)}.step-number-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:24px;height:24px;background-color:var(--color-primary);color:#fff;border-radius:50%;font-weight:800;font-size:12px;box-shadow:0 4px 10px rgba(37,99,235,.3)}.step-icon-circle,.step-number-badge{display:flex;align-items:center;justify-content:center}.step-icon-circle{width:48px;height:48px;border-radius:var(--radius-md);font-size:24px;margin-bottom:16px;transition:all var(--transition-base)}.step-card:hover .step-icon-circle{transform:scale(1.1) rotate(5deg)}.step-card-title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.step-card-description{font-size:13px;color:var(--text-secondary);line-height:1.4}@media (min-width:1024px){.steps-grid{grid-template-columns:repeat(4,1fr);gap:24px}.step-card{padding:40px 32px}.step-icon-circle{width:64px;height:64px;font-size:32px}.step-card-title{font-size:20px}.step-card-description{font-size:16px}.step-card:after{content:"\2192";position:absolute;top:50%;right:-20px;transform:translateY(-50%);font-size:24px;color:var(--border-primary);font-weight:700}.step-card:last-child:after{display:none}}@media (max-width:480px){.steps-grid{gap:12px}.step-card{padding:20px 10px}}.why-choose-creative{padding:60px 20px;background:var(--bg-primary);position:relative;overflow:hidden}.grid-background{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.03;z-index:0}.grid-line{position:absolute;width:1px;height:100%;background:linear-gradient(180deg,transparent,#6366f1 50%,transparent);animation:gridPulse 3s ease-in-out infinite}.grid-line:nth-child(odd){left:calc(var(--index, 0) * 5%)}.grid-line:nth-child(2n){width:100%;height:1px;top:calc(var(--index, 0) * 5%)}@keyframes gridPulse{0%,to{opacity:.3}50%{opacity:1}}.creative-container-why{max-width:1400px;margin:0 auto;position:relative;z-index:1}.stats-hero{text-align:center;margin-bottom:30px}.why-title{font-size:clamp(2rem,6vw,3.5rem);font-weight:900;background:linear-gradient(135deg,var(--text-primary) 0,#6366f1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;letter-spacing:-.02em}.why-subtitle{font-size:18px;color:var(--text-secondary);margin-bottom:40px}.stats-bar{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--bg-elevated);border-radius:20px;box-shadow:var(--shadow-md);animation:fadeInUp .6s ease-out both}.stat-icon{font-size:24px}.stat-content{text-align:left}.stat-value{font-size:22px;font-weight:800;color:var(--text-primary);line-height:1;margin-bottom:4px}.stat-label{font-size:11px;color:var(--text-secondary);font-weight:600}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:16px;gap:16px;margin-bottom:60px}.bento-large,.bento-medium,.bento-small{grid-column:span 6;min-height:200px}@media (max-width:1024px){.bento-large,.bento-medium,.bento-small{grid-column:span 6}}@media (max-width:768px){.bento-large,.bento-medium,.bento-small{grid-column:span 6;min-height:160px}}@media (max-width:480px){.bento-grid{gap:12px}.bento-large,.bento-medium,.bento-small{padding:16px;min-height:140px}.bento-icon{font-size:28px!important;margin-bottom:12px!important}.bento-title{font-size:15px!important;margin-bottom:8px!important}.bento-features li{font-size:11px!important;margin-bottom:4px!important}}.bento-zone{position:relative;background:var(--bg-elevated);border-radius:20px;padding:24px;overflow:hidden;border:2px solid var(--border-primary);transition:all .5s cubic-bezier(.4,0,.2,1);cursor:pointer}.bento-zone:hover{transform:translateY(-8px) rotate(1deg);border-color:var(--zone-color);box-shadow:var(--shadow-lg)}.bento-bg{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity .5s ease;transform:skewY(-3deg) scale(1.2)}.bento-zone:hover .bento-bg{opacity:.1}.bento-content{position:relative;z-index:2}.bento-icon{font-size:36px;margin-bottom:20px;display:inline-block;transition:transform .5s cubic-bezier(.4,0,.2,1)}.bento-zone:hover .bento-icon{transform:scale(1.2) rotate(-10deg)}.bento-title{font-size:20px;font-weight:800;color:var(--text-primary);margin:0 0 20px;transition:color .3s ease}.bento-zone:hover .bento-title{color:var(--zone-color)}.bento-features{list-style:none;padding:0;margin:0}.bento-features li{font-size:13px;color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:8px;transition:all .3s ease}.bento-zone:hover .bento-features li{color:var(--text-primary);transform:translateX(4px)}.feature-dot{color:var(--zone-color);font-size:16px;line-height:1}.bento-glow{position:absolute;top:50%;left:50%;width:200px;height:200px;border-radius:50%;filter:blur(60px);opacity:0;transition:opacity .5s ease;transform:translate(-50%,-50%);pointer-events:none;z-index:0}.bento-zone:hover .bento-glow{opacity:.2}.brands-ticker{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:30px;padding:40px 0;overflow:hidden;position:relative}.ticker-label{text-align:center;color:#fff;font-size:18px;font-weight:700;margin-bottom:24px;text-transform:uppercase;letter-spacing:.1em}.ticker-wrapper{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.ticker-track{display:flex;gap:40px;animation:tickerScroll 25s linear infinite;width:-moz-fit-content;width:fit-content}.ticker-track:hover{animation-play-state:paused}@keyframes tickerScroll{0%{transform:translateX(0)}to{transform:translateX(-33.33%)}}.ticker-item{flex-shrink:0;color:#fff;font-size:20px;font-weight:700;padding:12px 30px;background:hsla(0,0%,100%,.1);border-radius:50px;border:2px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.ticker-item:hover{background:hsla(0,0%,100%,.2);transform:scale(1.05)}.ticker-disclaimer{text-align:center;color:hsla(0,0%,100%,.7);font-size:11px;margin-top:24px;font-weight:500;max-width:800px;margin-left:auto;margin-right:auto;font-style:italic;line-height:1.4;padding:0 20px;letter-spacing:.2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.why-choose-creative{padding:40px 16px}.stats-bar{gap:20px}.stat-item{padding:16px 20px}.stat-icon{font-size:24px}.stat-value{font-size:22px}.bento-zone{padding:24px}.bento-icon{font-size:36px}.bento-title{font-size:20px}}.brand-logos{padding:var(--spacing-2xl) 0;background:var(--bg-elevated);overflow:hidden}.logos-header{text-align:center;margin-bottom:var(--spacing-2xl);padding:0 var(--spacing-md)}.logos-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.logos-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary)}.logos-marquee-wrapper{position:relative;overflow:hidden;width:100%;padding:var(--spacing-md) 0}.logos-marquee-fade{position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}.logos-marquee-fade-left{left:0;background:linear-gradient(to right,var(--bg-elevated),transparent)}.logos-marquee-fade-right{right:0;background:linear-gradient(to left,var(--bg-elevated),transparent)}.logos-marquee-track{display:flex;align-items:center;gap:2.5rem;width:max-content;animation:marquee-scroll 30s linear infinite}.logos-marquee-wrapper:hover .logos-marquee-track{animation-play-state:paused}.logos-marquee-loading{animation:none;justify-content:center;width:100%;color:var(--text-secondary);font-size:var(--font-size-sm);padding:1rem}.logo-item{flex:0 0 auto;width:225px;height:138px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-lg);padding:1rem 1.25rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;cursor:default}.logo-item:hover{transform:translateY(-3px);border-color:var(--color-primary);box-shadow:0 6px 20px rgba(99,102,241,.15)}.brand-logo-img{max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(30%);transition:filter .2s ease}.logo-item:hover .brand-logo-img{filter:grayscale(0)}.logo-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.logo-text{font-weight:700;font-size:var(--font-size-sm);color:var(--text-primary);text-align:center}.logos-footer{text-align:center;padding:var(--spacing-lg) var(--spacing-md);padding-top:var(--spacing-xl)}.footer-note{font-size:var(--font-size-base);color:var(--text-secondary);font-style:italic}@keyframes marquee-scroll{0%{transform:translateX(0)}to{transform:translateX(-33.333%)}}@media (max-width:768px){.brand-logos{padding:var(--spacing-xl) 0}.logos-title{font-size:var(--font-size-2xl)}.logo-item{width:160px;height:112px}.logos-marquee-fade{width:60px}.logos-marquee-track{gap:1.5rem;animation-duration:22s}}