.video-showcase{position:relative;height:100vh;min-height:640px;max-height:800px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:var(--primitive-base-black,#000);padding:0}.video-showcase__bg{position:absolute;inset:0;z-index:0;pointer-events:none}.video-showcase__iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:177.78vh;height:56.25vw;min-width:100%;min-height:100%;pointer-events:none}.video-showcase__overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.92) 0,rgba(0,0,0,.65) 40%,rgba(0,0,0,.2) 65%,transparent)}.video-showcase__tabs{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-24);background:linear-gradient(180deg,rgba(0,0,0,.45) 0,transparent)}.video-showcase__tab{padding:var(--space-8) var(--space-20);border-radius:var(--radius-pill);font-family:var(--font-cn);font-size:var(--type-cn-body-large-size);color:hsla(0,0%,100%,.55);text-decoration:none;transition:background var(--motion-base),color var(--motion-base)}.video-showcase__tab:hover{color:hsla(0,0%,100%,.9)}.video-showcase__tab--active{background:var(--glass-white-soft);backdrop-filter:blur(4px);color:var(--semantic-text-inverse)}.video-showcase__content{position:relative;z-index:2;padding:var(--space-40);display:flex;flex-direction:column;align-items:center;gap:var(--space-24);text-align:center;max-width:800px;margin:0 auto;width:100%}.video-showcase__play-icon{width:52px;height:52px;background:hsla(0,0%,100%,.18);backdrop-filter:blur(4px);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:background var(--motion-base),transform var(--motion-base)}.video-showcase__play-icon:hover{background:hsla(0,0%,100%,.32);transform:scale(1.1)}.video-showcase__play-icon svg{width:22px;height:22px;margin-left:3px}.video-showcase__title{font-family:var(--font-cn);font-size:var(--type-cn-headline-small-size);font-weight:var(--type-cn-headline-small-weight);line-height:var(--type-cn-headline-small-line);color:var(--semantic-text-inverse);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-showcase__meta{display:flex;align-items:center;gap:var(--space-16);flex-wrap:wrap;justify-content:center}.video-showcase__studio{font-family:var(--font-cn);font-size:var(--type-cn-body-medium-size);color:hsla(0,0%,100%,.8)}.video-showcase__designer{display:flex;align-items:center;gap:var(--space-12)}.video-showcase__header{position:relative;z-index:2;max-width:1440px;width:100%;margin:0 auto;padding:var(--space-40) var(--space-24) 0}.video-showcase .section-title__headline{color:var(--semantic-text-inverse)}.video-showcase .section-title__label{color:var(--semantic-text-accent)}.video-showcase .section-title__more{color:hsla(0,0%,100%,.75)}.video-showcase .section-title__more:hover{color:#fff}.video-showcase .tab-item{color:hsla(0,0%,100%,.65)}.video-showcase .tab-item:hover:not(.tab-item--active){background:hsla(0,0%,100%,.12);color:#fff}.video-showcase .tab-item--active{background:var(--semantic-brand-primary);color:#fff}.video-showcase__avatar{width:var(--space-44);height:var(--space-44);border-radius:50%;border:2px solid hsla(0,0%,100%,.7);object-fit:cover;background:var(--semantic-bg-subtle)}.video-showcase__designer-name{font-family:var(--font-cn);font-size:var(--type-cn-body-medium-size);color:hsla(0,0%,100%,.9);white-space:nowrap}.video-showcase__bottom{position:relative;z-index:2}.video-showcase .video-thumbs-row{max-width:1440px;width:100%;margin:0 auto;padding:0 var(--space-24) var(--space-32)}.video-showcase .video-thumb{background:hsla(0,0%,100%,.08);border-color:transparent}.video-showcase .video-thumb.active{border-color:var(--semantic-brand-primary)}.video-showcase .video-thumb-title{color:hsla(0,0%,100%,.9)}.hero{position:relative;height:625px;z-index:1;overflow:hidden;touch-action:pan-y}.hero-carousel,.hero-slide{position:absolute;inset:0;z-index:0}.hero-slide{background-color:#1a2434;overflow:hidden}.hero-slide-bg{position:absolute;inset:0;background-size:cover;background-position:50%;background-repeat:no-repeat;transform-origin:center center;will-change:transform}.hero-slide.is-active .hero-slide-bg{animation:heroZoomIn 6s ease-out forwards}@keyframes heroZoomIn{0%{transform:scale(1)}to{transform:scale(1.08)}}.hero-slide.is-active{z-index:2}.hero-slide.is-revealing{animation:heroNewSlideReveal .45s linear .15s both}@keyframes heroNewSlideReveal{0%{clip-path:inset(0 50% 0 50%)}to{clip-path:inset(0 0 0 0)}}.hero-slide.is-prev{z-index:3;animation:heroOldSlideOut .15s linear forwards}.hero-slide.is-prev .hero-slide-bg{transform:scale(1.08)}@keyframes heroOldSlideOut{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 50% 0 50%)}}.hero-slide-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.75) 0,rgba(0,0,0,.3) 50%,transparent 80%);z-index:1}.hero-slide-link{position:absolute;inset:0;z-index:2;cursor:pointer}.hero-wipe{display:none;position:absolute;inset:0;z-index:10;pointer-events:none;overflow:hidden}.hero-wipe:after,.hero-wipe:before{content:"";position:absolute;top:0;bottom:0;width:3px;background:var(--semantic-brand-primary);opacity:0}.hero-wipe.is-animating:before{animation:heroWipeCrossLeft .6s linear forwards}.hero-wipe.is-animating:after{animation:heroWipeCrossRight .6s linear forwards}@keyframes heroWipeCrossLeft{0%{opacity:1;left:-3px}25%{opacity:1;left:calc(50% - 1.5px)}to{opacity:1;left:calc(100% + 3px)}}@keyframes heroWipeCrossRight{0%{opacity:1;right:-3px}25%{opacity:1;right:calc(50% - 1.5px)}to{opacity:1;right:calc(100% + 3px)}}.hero-content{position:absolute;bottom:0;left:0;right:0;z-index:5;padding-bottom:96px;pointer-events:none}.hero-content a,.hero-content button{pointer-events:auto}@keyframes heroTextIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hero-content .hero-case-name,.hero-content .hero-designer-row,.hero-content .hero-view-btn{opacity:0}.hero-content.is-entering .hero-case-name{animation:heroTextIn .45s ease .14s forwards}.hero-content.is-entering .hero-designer-row{animation:heroTextIn .45s ease .2s forwards}.hero-content.is-entering .hero-view-btn{animation:heroTextIn .45s ease .25s forwards}.hero-info-row{align-items:flex-end;margin-bottom:var(--space-20);padding:0 var(--space-20)}.hero-case-left,.hero-info-row{display:flex;gap:var(--space-12)}.hero-case-left{flex:1;min-width:0;flex-direction:column}.hero-title-row{display:flex;align-items:center;gap:10px}.hero-number-wrap{display:flex;flex-direction:column;align-items:flex-start}.hero-number{height:96px;overflow:hidden;position:relative}.hero-number-text{display:block;font-family:var(--font-en);font-size:80px;font-weight:500;color:#fff;line-height:1.2}@keyframes heroNumOut{to{transform:translateY(100%)}}@keyframes heroNumIn{0%{transform:translateY(-100%)}}.hero-number-text.is-out{position:absolute;top:0;left:0;animation:heroNumOut .28s ease forwards;pointer-events:none}.hero-number-text.is-in{animation:heroNumIn .28s ease forwards}.hero-number-bar{position:absolute;bottom:18px;left:0;width:34px;height:6px;background:var(--semantic-brand-primary)}.hero-label{font-family:var(--font-en);font-size:12px;font-weight:400;color:var(--semantic-brand-primary);letter-spacing:2px;white-space:nowrap}.hero-case-info{display:flex;flex-direction:column;gap:var(--space-8)}.hero-case-name{font-family:var(--font-cn);font-size:28px;font-weight:700;color:#fff;line-height:1.35;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-designer-row{display:flex;align-items:center;gap:var(--space-12)}.hero-designer-name{font-family:var(--font-cn);font-size:var(--type-cn-body-medium-size);color:hsla(0,0%,100%,.8)}.hero-right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-8);flex-shrink:0}.hero-ad-nav{gap:var(--space-12)}.hero-ad-btn,.hero-ad-nav{display:flex;align-items:center}.hero-ad-btn{width:20px;height:20px;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.25);border-radius:50%;cursor:pointer;justify-content:center;color:#fff;padding:0;flex-shrink:0;transition:background .15s}.hero-ad-btn:hover{background:hsla(0,0%,100%,.28)}.hero-view-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;height:36px;padding:var(--space-8) var(--space-16);border:1px solid hsla(0,0%,100%,.7);border-radius:var(--radius-pill);font-family:var(--font-cn);font-size:var(--type-cn-body-large-size);color:#fff;text-decoration:none;white-space:nowrap;transition:background .2s,border-color .2s}.hero-view-btn:hover{background:hsla(0,0%,100%,.15);border-color:#fff}.hero-progress-row{display:flex;align-items:center;gap:10px;padding:0 var(--space-20)}.hero-progress-bar{flex:1;height:2px;border-radius:64px;background:hsla(0,0%,100%,.2);border:none;padding:0;cursor:pointer;position:relative;overflow:hidden}.hero-progress-bar:after{content:"";position:absolute;top:0;left:0;bottom:0;width:0;background:hsla(0,0%,100%,.6);border-radius:64px}.hero-progress-bar.is-done:after{width:100%}.hero-progress-bar.is-active:after{animation:heroProgressFill 5s linear forwards}@keyframes heroProgressFill{to{width:100%}}.hero-counter{display:flex;align-items:center;gap:6px;font-family:var(--font-en);font-size:12px;font-weight:500;flex-shrink:0}.hero-counter-current{color:#fff}.hero-counter-sep,.hero-counter-total{color:hsla(0,0%,100%,.3)}@media (max-width:480px){.hero{height:560px}.hero-number{height:68px}.hero-number-text{font-size:56px}.hero-number-bar{bottom:12px}.hero-case-name{font-size:20px;white-space:normal}.hero-right{display:none}.hero-info-row,.hero-progress-row{padding:0 var(--space-12)}}.hero-search-float{position:relative;z-index:10;margin-top:-68px;padding-bottom:0}.search-float-card{max-width:880px;margin:0 auto;display:flex;flex-direction:column}.search-card-body{background:var(--semantic-bg-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-24);display:flex;flex-direction:column;gap:var(--space-8);overflow:hidden}.search-ai-qa{gap:var(--space-20);padding:0 var(--space-16) 0 0;margin:var(--space-8) calc(-1 * var(--space-24)) calc(-1 * var(--space-24));background:linear-gradient(90deg,#e2daff 0,#e4ddff 9%,#ebe6ff 33%,var(--semantic-bg-default) 100%)}.search-ai-badge,.search-ai-qa{display:flex;align-items:center}.search-ai-badge{justify-content:center;align-self:stretch;gap:var(--space-8);padding:var(--space-12) var(--space-24);background:linear-gradient(135deg,#6d28d9,#8b5cf6);color:#fff;font-size:var(--type-cn-body-large-size);white-space:nowrap;flex-shrink:0;text-decoration:none}.search-ai-ticker-wrap{flex:1;min-width:0;overflow:hidden;height:22px}.search-ai-ticker{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;animation:ai-ticker-up 13.8s linear infinite}.search-ai-ticker:hover{animation-play-state:paused}.search-ai-ticker li{height:22px;line-height:22px;font-size:var(--type-cn-body-large-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-ai-ticker a{display:block;color:var(--semantic-text-primary);text-decoration:none}.search-ai-ticker a:hover{color:var(--semantic-brand-primary)}@keyframes ai-ticker-up{0%{transform:translateY(0)}14.49%{transform:translateY(0);animation-timing-function:cubic-bezier(.4,0,.2,1)}16.67%{transform:translateY(-22px)}31.16%{transform:translateY(-22px);animation-timing-function:cubic-bezier(.4,0,.2,1)}33.33%{transform:translateY(-44px)}47.83%{transform:translateY(-44px);animation-timing-function:cubic-bezier(.4,0,.2,1)}50%{transform:translateY(-66px)}64.49%{transform:translateY(-66px);animation-timing-function:cubic-bezier(.4,0,.2,1)}66.67%{transform:translateY(-88px)}81.16%{transform:translateY(-88px);animation-timing-function:cubic-bezier(.4,0,.2,1)}83.33%{transform:translateY(-110px)}97.83%{transform:translateY(-110px);animation-timing-function:cubic-bezier(.4,0,.2,1)}to{transform:translateY(-132px)}}.search-ticker-wrap{display:none;position:relative;z-index:1;margin-top:var(--space-16);overflow-x:clip;overflow-y:visible;pointer-events:none;padding:30px 0 40px}.search-ticker{display:flex;gap:var(--space-12);align-items:flex-start;animation:ticker 32s linear infinite;width:max-content}.search-ticker:hover{animation-play-state:paused}@keyframes ticker{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.search-ticker-pill{position:relative;display:inline-flex;align-items:center;gap:var(--space-8);background:var(--semantic-bg-default);border-radius:var(--radius-pill);padding:var(--space-8) var(--space-16) var(--space-8) var(--space-8);box-shadow:var(--shadow-sm);font-size:var(--type-cn-body-large-size);white-space:nowrap;pointer-events:auto}.search-ticker-pill:nth-child(6n+1){transform:translateY(0);z-index:3}.search-ticker-pill:nth-child(6n+2){transform:translateY(24px);z-index:5}.search-ticker-pill:nth-child(6n+3){transform:translateY(-16px);z-index:2}.search-ticker-pill:nth-child(6n+4){transform:translateY(30px);z-index:6}.search-ticker-pill:nth-child(6n+5){transform:translateY(-10px);z-index:4}.search-ticker-pill:nth-child(6n+6){transform:translateY(18px);z-index:7}.ticker-avatar{width:36px;height:36px;border-radius:50%;background:var(--semantic-bg-subtle) center/cover no-repeat;border:2px solid var(--semantic-border-inverse);flex-shrink:0}.search-ticker-pill:nth-child(6n+1) .ticker-avatar{background-image:url(https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=48&h=48&fit=crop&crop=face)}.search-ticker-pill:nth-child(6n+2) .ticker-avatar{background-image:url(https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=48&h=48&fit=crop&crop=face)}.search-ticker-pill:nth-child(6n+3) .ticker-avatar{background-image:url(https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=48&h=48&fit=crop&crop=face)}.search-ticker-pill:nth-child(6n+4) .ticker-avatar{background-image:url(https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?w=48&h=48&fit=crop&crop=face)}.search-ticker-pill:nth-child(6n+5) .ticker-avatar{background-image:url(https://images.unsplash.com/photo-1534528741775-53994a69daeb?w=48&h=48&fit=crop&crop=face)}.search-ticker-pill:nth-child(6n+6) .ticker-avatar{background-image:url(https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=48&h=48&fit=crop&crop=face)}.ticker-name{font-weight:500}.ticker-action,.ticker-name{color:var(--semantic-text-primary)}.ticker-target{color:var(--semantic-brand-primary);font-weight:500;text-decoration:none}.ticker-target:hover{text-decoration:underline}.section{padding:48px 0}.recent-section{background:var(--semantic-bg-default);margin-top:0;padding-top:72px;padding-bottom:var(--space-24)}.recent-title-row{justify-content:space-between;margin-bottom:var(--space-24)}.recent-controls,.recent-title-row{display:flex;align-items:flex-end}.recent-clear{align-self:flex-end;font-size:var(--type-cn-body-medium-size);color:var(--semantic-text-secondary);background:none;border:none;padding:var(--space-4) var(--space-16) var(--space-4) 0;cursor:pointer;border-right:1px solid var(--semantic-border-default);transition:color .2s;font-family:var(--font-cn)}.recent-clear:hover{color:var(--semantic-text-accent)}.recent-save{align-self:flex-end;font-size:var(--type-cn-body-medium-size);color:var(--semantic-text-secondary);padding:var(--space-4) var(--space-16) var(--space-4) var(--space-16);font-family:var(--font-cn);text-decoration:none;transition:color .2s}.recent-save:hover{color:var(--semantic-text-accent)}.recent-nav{padding-left:var(--space-16)}.recent-scroll{display:flex;gap:var(--space-20);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:var(--space-4);scroll-behavior:smooth}.recent-scroll::-webkit-scrollbar{display:none}.recent-card{flex-shrink:0;width:280px;scroll-snap-align:start;cursor:pointer}.recent-img-wrap{position:relative;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:3/2;margin-bottom:var(--space-8)}.recent-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;background:var(--semantic-bg-subtle)}.recent-card:hover .recent-img{transform:scale(1.04)}.recent-badge-time{position:absolute;top:var(--space-8);left:var(--space-8);background:var(--glass-white-soft);backdrop-filter:blur(2px);color:var(--semantic-text-inverse);font-family:var(--font-en);font-size:var(--type-cn-label-medium-size);font-weight:500;line-height:var(--type-cn-label-medium-line);padding:var(--space-4) var(--space-8);border-radius:var(--radius-pill);white-space:nowrap}.recent-detail{display:flex;flex-direction:column;gap:var(--space-4)}.recent-title{font-size:var(--type-cn-body-large-size);font-weight:500;color:var(--semantic-text-primary);line-height:1.4;overflow-wrap:break-word;word-break:break-word}.recent-meta{display:flex;align-items:center;gap:var(--space-8);font-size:var(--type-cn-body-medium-size);color:var(--semantic-text-secondary);flex-wrap:wrap}.design-section{background:var(--semantic-bg-subtle)}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-24);transition:opacity .2s ease}.cta-row{display:flex;align-items:center;justify-content:center;gap:var(--space-16);margin-top:var(--space-40)}.cta-count{font-size:var(--type-cn-body-medium-size);color:var(--semantic-text-disabled)}.shorts-section{background:var(--semantic-bg-default);padding-top:var(--space-24)}.shorts-carousel-wrap{overflow-x:clip}.shorts-scroll{display:flex;gap:var(--space-24);overflow-x:scroll;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:var(--space-20) 0 var(--space-8)}.shorts-scroll::-webkit-scrollbar{display:none}.shorts-col{flex:0 0 calc((100% - 4 * var(--space-24)) / 5);min-width:0;gap:var(--space-16);text-decoration:none;scroll-snap-align:start;scroll-snap-stop:always}.shorts-avatar-area,.shorts-col{display:flex;flex-direction:column;align-items:center}.shorts-avatar-area{gap:var(--space-8);position:relative;padding-top:26px}.shorts-bubble{position:absolute;top:-4px;left:50%;transform:translateX(-50%);background:var(--semantic-bg-default);border-radius:var(--radius-pill);padding:var(--space-8) var(--space-16);font-size:var(--type-cn-body-medium-size);color:var(--semantic-text-primary);filter:drop-shadow(0 2px 8px rgba(0,0,0,.12));white-space:nowrap;z-index:1}.shorts-bubble:before{bottom:-14px;left:26px;width:6px;height:6px}.shorts-bubble:after,.shorts-bubble:before{content:"";position:absolute;transform:translateX(-50%);border-radius:50%;background:var(--semantic-bg-default)}.shorts-bubble:after{bottom:-6px;left:20px;width:12px;height:12px}.shorts-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;background:var(--semantic-bg-subtle);border:2px solid var(--semantic-brand-primary)}.shorts-name{font-size:var(--type-cn-body-medium-size);color:var(--semantic-text-secondary);z-index:2;white-space:nowrap;text-overflow:ellipsis;max-width:100%;text-align:center}.shorts-card,.shorts-name{position:relative;overflow:hidden}.shorts-card{width:100%;aspect-ratio:9/16;border-radius:var(--radius-md)}.shorts-thumb{object-fit:cover;display:block}.shorts-card iframe,.shorts-thumb{position:absolute;inset:0;width:100%;height:100%}.shorts-card iframe{border:none;pointer-events:none;opacity:0;transition:opacity .3s}.shorts-card iframe.is-loaded{opacity:1}.shorts-foot{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent);padding:var(--space-16);display:flex;align-items:center;gap:var(--space-8)}.shorts-views{font-size:var(--type-cn-body-medium-size);color:var(--semantic-text-inverse);font-family:var(--font-en)}.article-section{background:var(--semantic-bg-default)}.article-grid{column-count:4;column-gap:var(--space-24)}.article-col{display:contents}.article-grid article{break-inside:avoid;margin-bottom:var(--space-24)}.video-tag{background:var(--semantic-bg-default);color:var(--semantic-text-secondary);font-size:var(--type-cn-body-small-size);padding:var(--space-4) var(--space-8);border-radius:var(--radius-xs);line-height:1.4}.video-thumbs-row{display:flex;gap:var(--space-16);overflow-x:auto;scrollbar-width:none;padding-bottom:var(--space-4);margin-bottom:var(--space-32);transition:opacity .2s ease}.video-thumbs-row::-webkit-scrollbar{display:none}.video-thumb{flex:0 0 220px;cursor:pointer;border-radius:var(--radius-md);overflow:hidden;background:var(--semantic-bg-default);border:3px solid transparent;text-align:left;transition:border-color .2s}.video-thumb.active{border-color:var(--semantic-brand-primary)}.video-thumb-img-wrap{position:relative;aspect-ratio:16/9;overflow:hidden}.video-thumb-img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .3s ease}.video-thumb:hover .video-thumb-img{transform:scale(1.05)}.video-thumb-play{position:absolute;bottom:var(--space-8);right:var(--space-8);width:28px;height:28px;background:rgba(0,0,0,.5);border-radius:50%;display:flex;align-items:center;justify-content:center}.video-thumb-play svg{width:11px;height:11px;fill:#fff}.video-thumb-meta{padding:var(--space-12)}.video-thumb-title{font-size:var(--type-cn-title-medium-size);font-weight:500;color:var(--semantic-text-primary);line-height:1.4;margin-bottom:var(--space-8);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.app-section{background:url(/images/form-bg.jpg) 50%/cover no-repeat;padding:var(--layout-section-y) 0;position:relative;z-index:1}.app-section:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ee751b 0,rgba(238,117,27,.9) 70%,rgba(238,117,27,.6));z-index:0}.app-section>*{position:relative;z-index:1}.app-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-64);align-items:center}.app-left{display:flex;flex-direction:column;gap:var(--space-32);justify-content:center}.app-headline{font-size:var(--type-cn-display-small-size);font-weight:700;color:var(--semantic-text-inverse);line-height:var(--type-cn-display-small-line)}.app-heading-group{display:flex;flex-direction:column;gap:var(--space-8)}.app-subheadline{font-size:var(--type-cn-body-large-size);color:hsla(0,0%,100%,.8)}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16)}.feature-card{display:flex;align-items:flex-start;gap:var(--space-12);padding:var(--space-20);border-radius:var(--radius-md);border:1px solid #fff}.feature-icon{width:40px;height:40px;border-radius:50%;background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.5);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--type-cn-body-large-size)}.feature-icon,.feature-text h3{color:var(--semantic-text-inverse)}.feature-text h3{font-size:var(--type-cn-title-large-size);font-weight:var(--type-cn-title-large-weight);line-height:var(--type-cn-title-large-line);margin-bottom:var(--space-8)}.feature-text p{font-size:var(--type-cn-body-large-size);color:hsla(0,0%,100%,.75);line-height:var(--type-cn-body-large-line)}.app-stats{display:flex;gap:var(--space-40)}.app-stats>div:not(:last-child){border-right:1px solid hsla(0,0%,100%,.4);padding-right:var(--space-40)}.stat-num{font-family:var(--font-en);font-size:var(--type-en-headline-large-size);font-weight:var(--type-en-headline-large-weight);color:var(--semantic-text-inverse);line-height:var(--type-en-headline-large-line)}.stat-label{font-size:var(--type-cn-body-large-size);color:hsla(0,0%,100%,.8)}.app-form{background:var(--semantic-bg-default);border-radius:var(--radius-md);padding:var(--space-40);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--space-20)}.form-title{font-size:var(--type-cn-headline-small-size);font-weight:700;color:var(--semantic-text-primary)}.form-fields{display:flex;flex-direction:column;gap:var(--space-12)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12)}.form-submit{width:100%;padding:var(--space-16) var(--space-24);border-radius:var(--radius-pill);background:var(--gradient-cta-primary);color:var(--semantic-text-inverse);border:none;font-family:var(--font-cn);font-size:var(--type-cn-body-large-size);transition:opacity .2s}.form-submit:hover{opacity:.88}.form-bottom{justify-content:space-between;gap:var(--space-16)}.form-bottom,.form-phone{display:flex;align-items:center}.form-phone{gap:var(--space-8);font-size:var(--type-cn-body-large-size);font-weight:700;color:var(--semantic-text-primary);white-space:nowrap}.form-phone span{color:var(--semantic-text-secondary);font-weight:400}.app-form .chip-group{flex-wrap:nowrap}.app-form .chip-group .chip{flex:1;justify-content:center;font-size:16px}.app-form .chip-group .chip.chip--active,.app-form .chip-group .chip:hover{background:var(--semantic-bg-default);border-color:var(--semantic-brand-primary);color:var(--semantic-brand-primary)}.form-fine{font-size:var(--type-cn-body-medium-size);color:var(--semantic-text-tertiary);text-align:center}.form-fine a{text-decoration:underline;color:inherit}.brand-carousel-wrap{overflow-x:clip}.brand-scroll{display:flex;flex-wrap:nowrap;gap:var(--space-24);overflow-x:scroll;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:var(--space-20) 0 var(--space-8);transition:opacity var(--motion-base) ease}.brand-scroll::-webkit-scrollbar{display:none}.brand-showcase-card{flex:0 0 calc((100% - 7 * var(--space-24)) / 8);flex-shrink:0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--space-8);text-decoration:none;scroll-snap-align:start}.brand-showcase-card__logo-wrap{width:100%;aspect-ratio:1/1;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--semantic-border-subtle);border-radius:var(--radius-md);overflow:hidden}.brand-showcase-card__logo{width:100%;height:100%;object-fit:contain;display:block}.brand-showcase-card__logo-placeholder{font-family:var(--font-cn);font-size:var(--type-cn-headline-small-size);font-weight:var(--type-cn-headline-small-weight);color:var(--semantic-text-disabled)}.brand-showcase-card__name{font-family:var(--font-cn);font-size:var(--type-cn-body-medium-size);font-weight:var(--type-cn-body-medium-weight);line-height:var(--type-cn-body-medium-line);color:var(--semantic-text-secondary);text-align:center;word-break:break-word;width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.testimonial-section{background:var(--semantic-bg-subtle)}.testimonial-carousel-wrap{overflow:hidden;position:relative}.testimonial-track{display:flex;width:100%;gap:var(--space-24);transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.testimonial-card{flex:0 0 65%;background:var(--semantic-bg-default);border-radius:var(--radius-md);padding:var(--space-32) var(--space-8);display:flex;flex-direction:row;align-items:flex-start;gap:var(--space-16);opacity:.35;transition:opacity .3s}.testimonial-card.is-active{opacity:1}.testimonial-body{flex:1;display:flex;flex-direction:column;gap:var(--space-16)}.testimonial-quote-mark{font-size:40px;font-weight:900;line-height:1;color:var(--semantic-brand-primary);pointer-events:none;user-select:none;flex-shrink:0}.testimonial-quote-mark--open{align-self:flex-start}.testimonial-quote-mark--close{align-self:flex-end}.testimonial-title{font-size:var(--type-cn-headline-small-size);font-weight:var(--type-cn-headline-small-weight);line-height:var(--type-cn-headline-small-line);color:var(--semantic-text-primary)}.testimonial-quote{margin:0;padding:0;font-size:var(--type-cn-body-large-size);line-height:26px;color:var(--semantic-text-primary);flex:1}.testimonial-author-label{font-size:var(--type-cn-body-medium-size);color:var(--semantic-text-secondary);font-style:normal}.testimonial-links{display:flex;align-items:center;gap:var(--space-12)}.testimonial-video-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;flex-shrink:0;background:var(--semantic-brand-primary);color:var(--semantic-text-inverse);text-decoration:none;transition:opacity var(--motion-base)}.testimonial-video-btn:hover{opacity:.85}.testimonial-video-btn svg{width:16px;height:16px;fill:currentColor;margin-left:2px}.testimonial-case-link{font-size:var(--type-cn-body-medium-size);color:var(--semantic-brand-primary);text-decoration:none;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.testimonial-case-link:hover{opacity:.8;text-decoration:underline}.testimonial-designer{display:flex;align-items:center;gap:var(--space-12);padding-top:var(--space-16);border-top:1px solid var(--semantic-border-default);text-decoration:none;cursor:pointer}.testimonial-designer:hover .testimonial-designer-company{text-decoration:underline}.testimonial-designer-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--semantic-bg-subtle);flex-shrink:0}.testimonial-designer-company{font-size:var(--type-cn-body-medium-size);color:var(--semantic-text-secondary);font-weight:500}.testimonial-dots{display:flex;justify-content:center;gap:var(--space-8);margin-top:var(--space-28)}.testimonial-dot{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-pill);background:var(--semantic-border-default);border:none;cursor:pointer;padding:0;transition:width .3s,background .3s}.testimonial-dot.is-active{width:var(--space-24);border-radius:var(--radius-xs);background:var(--semantic-brand-primary)}.cta-banner-section{background:var(--semantic-bg-subtle)}@media (max-width:1024px){.video-showcase{max-height:720px}.video-showcase__header{padding:var(--space-32) var(--space-20) 0}.video-showcase__content{padding:var(--space-32) var(--space-20);gap:var(--space-20)}.video-showcase .video-thumbs-row{padding:0 var(--space-20) var(--space-24)}.brand-scroll{gap:var(--space-16)}.brand-showcase-card{flex:0 0 140px}.shorts-col{flex:0 0 calc((100% - 2 * var(--space-24)) / 3)}.case-grid{grid-template-columns:repeat(2,1fr)}.article-grid{column-count:2}.app-inner{grid-template-columns:1fr;gap:var(--space-40)}.app-headline{font-size:var(--type-cn-headline-medium-size);line-height:var(--type-cn-headline-medium-line)}.c-cta-banner{grid-template-columns:1fr;gap:var(--space-24)}}@media (max-width:768px){.search-card-body{padding:var(--space-24) var(--space-20)}.search-ai-qa{margin:0 calc(-1 * var(--space-20)) calc(-1 * var(--space-24))}.c-searchbar__area{padding:0 var(--space-8) 0 var(--space-12)}.c-searchbar__area,.c-searchbar__input{font-size:var(--type-cn-body-medium-size)}.c-searchbar__chips{gap:var(--space-8)}.c-searchbar__chip{padding:var(--space-8) var(--space-16);font-size:var(--type-cn-body-small-size)}.recent-section{padding:32px 0}.shorts-col{flex:0 0 calc((100% - 2 * var(--space-12)) / 3)}.shorts-scroll{gap:var(--space-12)}.shorts-avatar-area{padding-top:18px}.shorts-bubble{padding:var(--space-4) var(--space-8)}.shorts-bubble,.shorts-name{font-size:var(--type-cn-label-small-size)}.testimonial-title{font-size:var(--type-cn-body-large-size);line-height:var(--type-cn-body-large-line)}.shorts-avatar{width:56px;height:56px}.shorts-bubble{font-size:var(--type-cn-body-small-size);padding:var(--space-4) var(--space-12)}.case-grid{gap:var(--space-16)}.article-grid{column-gap:var(--space-16)}.article-grid article{margin-bottom:var(--space-16)}.feature-grid{grid-template-columns:1fr 1fr;gap:var(--space-8)}.feature-card{padding:var(--space-12);gap:var(--space-8)}.feature-icon{width:32px;height:32px;font-size:var(--type-cn-body-medium-size)}.feature-text h3{font-size:var(--type-cn-body-large-size);margin-bottom:var(--space-4)}.feature-text p,.recent-meta{font-size:var(--type-cn-body-small-size)}.recent-clear{border-right:none}.app-headline{font-size:var(--type-cn-headline-small-size);line-height:var(--type-cn-headline-small-line)}.app-form{padding:var(--space-24);gap:var(--space-16)}.form-fields{gap:var(--space-8)}.app-form .chip-group .chip{font-size:var(--type-cn-body-medium-size);padding:var(--space-8) var(--space-12)}.app-stats{gap:var(--space-24)}.testimonial-track{gap:var(--space-12)}.testimonial-card{flex:0 0 85%;padding:var(--space-24) var(--space-8)}.activity-toast{display:none}.video-showcase{height:auto;min-height:560px;max-height:none}.video-showcase__header{padding:var(--space-20) var(--space-16) 0}.video-showcase__content{padding:var(--space-12) var(--space-16);gap:var(--space-12)}.video-showcase__play-icon{width:44px;height:44px}.video-showcase__play-icon svg{width:18px;height:18px}.video-showcase__title{font-size:var(--type-cn-body-large-size);-webkit-line-clamp:2}.video-showcase__meta{flex-direction:column;gap:var(--space-4)}.video-showcase .video-thumbs-row{padding:0 var(--space-16) var(--space-16)}.video-showcase .video-thumb{flex:0 0 150px}}.activity-toast{position:fixed;bottom:var(--space-24);left:var(--space-24);z-index:9999;width:300px;pointer-events:none}.activity-toast__card{background:var(--semantic-bg-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-12) var(--space-40) var(--space-12) var(--space-12);display:flex;align-items:flex-start;gap:var(--space-12);pointer-events:auto;position:relative;overflow:hidden;transform:translateY(20px);opacity:0;transition:transform .4s cubic-bezier(.34,1.4,.64,1),opacity .3s ease}.activity-toast__card.is-visible{transform:translateY(0);opacity:1}.activity-toast__card.is-leaving{transform:translateY(20px);opacity:0;transition:transform .3s ease,opacity .3s ease}.activity-toast__avatar-wrap{position:relative;flex-shrink:0;width:40px;height:40px}.activity-toast__avatar{width:40px;height:40px;border-radius:50%;background:var(--semantic-bg-subtle) center/cover no-repeat;border:2px solid var(--semantic-border-inverse)}.activity-toast__ring{position:absolute;top:-4px;left:-4px;width:48px;height:48px;pointer-events:none}@keyframes ring-drain{0%{stroke-dashoffset:0}to{stroke-dashoffset:132}}.activity-toast__ring-fill{fill:none;stroke:var(--semantic-brand-primary);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:132;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:24px 24px}.activity-toast__card.is-visible .activity-toast__ring-fill{animation:ring-drain 4.5s linear forwards}.activity-toast__card.is-visible.is-paused .activity-toast__ring-fill{animation-play-state:paused}.activity-toast__body{flex:1;min-width:0}.activity-toast__text{font-family:var(--font-cn);font-size:var(--type-cn-body-medium-size);line-height:1.55;color:var(--semantic-text-primary);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.activity-toast__name{font-weight:600}.activity-toast__link{color:var(--semantic-brand-primary);font-weight:500;text-decoration:none}.activity-toast__link:hover{text-decoration:underline}.activity-toast__close{position:absolute;top:var(--space-8);right:var(--space-8);width:22px;height:22px;background:none;border:none;cursor:pointer;color:var(--semantic-text-tertiary);display:flex;align-items:center;justify-content:center;padding:0;font-size:13px;border-radius:50%;transition:background .2s,color .2s;line-height:1}.activity-toast__close:hover{background:var(--semantic-bg-subtle);color:var(--semantic-text-primary)}@media (max-width:480px){.hero{height:400px}.hero-info-row{margin-bottom:var(--space-12)}.hero-case-left,.hero-info-row{gap:var(--space-8)}.hero-title-row{gap:6px}.hero-number{height:38px}.hero-number-text{font-size:32px;font-weight:300}.hero-number-bar{bottom:6px;height:3px}.hero-case-name{font-size:16px}.hero-designer-name{font-size:12px}}.recent-card{flex:0 0 calc((100% - 4 * var(--space-20)) / 5)}@media (max-width:900px){.recent-card{flex:0 0 calc((100% - 2 * var(--space-20)) / 3)}}@media (max-width:768px){.recent-nav{display:none}.recent-scroll{gap:var(--space-16)}.recent-card{flex:0 0 calc((100% - var(--space-16)) / 2)}}@media (max-width:480px){.recent-scroll{gap:var(--space-12)}.recent-card{flex:0 0 calc((100% - var(--space-12)) / 2)}}.video-section{background:var(--semantic-bg-brand-subtle);padding:0}.video-section .video-thumbs-row{overflow:hidden}.video-section .video-thumb{flex:0 0 calc((100% - 4 * var(--space-16)) / 5);min-width:0}@media (max-width:1024px){.video-section .video-thumbs-row{overflow-x:auto;scrollbar-width:none}.video-section .video-thumbs-row::-webkit-scrollbar{display:none}.video-section .video-thumb{flex:0 0 calc((100% - 3 * var(--space-16)) / 3)}}.video-showcase__title{font-size:var(--type-cn-title-large-size);line-height:var(--type-cn-title-large-line)}.video-section .video-showcase__bg{overflow:hidden}.video-section .video-showcase__iframe{transform:translate(-50%,-50%) scale(1.2)}.form-fine{font-weight:300}.form-phone-bar{display:flex;align-items:center;justify-content:center;gap:var(--space-8);margin:0 calc(-1 * var(--space-40)) calc(-1 * var(--space-40));padding:var(--space-16) var(--space-40);background:var(--semantic-bg-subtle);border-radius:0 0 var(--radius-md) var(--radius-md);font-size:var(--type-cn-body-large-size);font-weight:700;color:var(--semantic-text-primary);white-space:nowrap}.form-phone-bar span{color:var(--semantic-text-secondary);font-weight:400}.form-phone-bar a{color:inherit;text-decoration:none}@media (max-width:768px){.video-showcase__title{font-size:var(--type-cn-body-large-size);line-height:var(--type-cn-body-large-line)}.video-section .video-thumb{flex:0 0 160px}.brand-showcase-section{padding:var(--space-32) 0}.testimonial-track{gap:0}.testimonial-card{flex:0 0 100%;padding:var(--space-24)}.testimonial-quote-mark{display:none}.form-phone-bar{margin:0 calc(-1 * var(--space-24)) calc(-1 * var(--space-24));padding:var(--space-16) var(--space-24)}}