/* Shared responsive behaviour for retained content modules. No legacy JS dependency. */
.migrated-content{--tp-common-black:var(--color-ink);--tp-common-white:var(--color-white);--tp-theme-1:var(--color-brand);--tp-grey-1:var(--color-surface-soft);--tp-text-body:var(--color-text);--tp-ff-body:var(--font-body);color:var(--color-ink);font-family:var(--tp-ff-body);padding-top:96px;overflow:clip;line-height:1.8}
.migrated-content *{box-sizing:border-box;min-width:0}
.migrated-content img{max-width:100%;height:auto}.migrated-content video{max-width:100%;object-fit:cover}
.migrated-content h1{font-size:clamp(30px,3.4vw,54px);line-height:1.35;font-weight:600;margin-bottom:24px}
.migrated-content h2,.migrated-content .case-title{font-size:clamp(26px,2.5vw,40px);line-height:1.45}
.migrated-content h3{line-height:1.45}.migrated-content p{line-height:1.85}
.migrated-content .container{width:90.4%;max-width:1600px;margin-inline:auto}
.migrated-content .row{display:flex;flex-wrap:wrap}.migrated-content .row>*{max-width:100%}
.migrated-content .wow,.migrated-content [data-aos]{visibility:visible}
.migrated-content [class*=swiper-wrapper]{display:flex;transform:none!important;transition:none!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;gap:24px;padding-block:16px;touch-action:pan-x pan-y;cursor:grab}
.migrated-content .swiper-slide{flex-shrink:0;scroll-snap-align:center;height:auto}
.migrated-content .swiper-button-prev,.migrated-content .swiper-button-next,.migrated-content .swiper-pagination,.migrated-content .swiper-scrollbar{display:none}
.migrated-content [role=tabpanel][hidden]{display:none!important}.migrated-content .tab-pane:not(.active){display:none}
.migrated-content [data-bs-toggle=tab]{cursor:pointer}.migrated-content .collapse:not(.show){display:none}
.migrated-content .accordion-button{cursor:pointer;white-space:normal;text-align:left}
.migrated-content button:focus-visible,.migrated-content a:focus-visible{outline:2px solid #e93a3a;outline-offset:4px}

.migrated-content .case-banner{height:auto!important;min-height:720px;padding-top:80px}
.migrated-content .case-banner .breadcrumb__video{min-height:350px;width:100%}.migrated-content .case-banner video{width:100%;min-height:350px;aspect-ratio:16/7}
.migrated-content .browse-info{max-height:700px;overflow:auto;overscroll-behavior:contain;border-radius:20px}.migrated-content .browse-info img{width:100%}
.migrated-content .scroll-bar-box{background-attachment:scroll;height:480px;background-position:center;background-size:cover;overflow:hidden}
.migrated-content .inner-project-item{display:block;overflow:hidden;border-radius:20px}.migrated-content .inner-project-item img{object-fit:contain}
.migrated-content .tp-cta-area{margin-top:100px}.migrated-content form{display:grid;gap:12px}
.migrated-content input,.migrated-content select,.migrated-content textarea{width:100%;font:inherit;min-height:48px;padding:10px 16px;border:1px solid var(--color-field-border);border-radius:var(--radius-field)}
.migrated-content .floating-label{pointer-events:none}.migrated-content .form-status{font-size:14px;min-height:24px}
.migrated-content .tp-btn-yellow,.migrated-content .submit-btn{cursor:pointer;min-height:44px}
.migrated-content .d-flex{display:flex}.migrated-content .flex-column{flex-direction:column}.migrated-content .justify-content-between{justify-content:space-between}.migrated-content .align-items-center{align-items:center}
@media(max-width:991px){.migrated-content{padding-top:80px}.migrated-content .container{width:94%}.migrated-content h1{font-size:32px}.migrated-content .case-banner{min-height:500px}.migrated-content .case-banner .breadcrumb__video{min-height:220px}.migrated-content .case-banner video{min-height:220px}.migrated-content [class*=swiper-wrapper]>.swiper-slide{max-width:88vw}.migrated-content .tp-cta-area{margin-top:50px}.migrated-content [class*=pt-]{padding-top:40px}.migrated-content [class*=pb-]{padding-bottom:40px}.migrated-content [class*=mt-]{margin-top:24px}.migrated-content [class*=mb-]{margin-bottom:24px}.migrated-content .browse-info{max-height:500px}}
@media(max-width:600px){.migrated-content{padding-top:72px}.migrated-content .container{width:92%}.migrated-content .case-banner{padding-top:40px;min-height:400px}.migrated-content .norms-left,.migrated-content .norms-right{width:50%}.migrated-content .scroll-bar-box{height:240px}.migrated-content .mobile_box,.migrated-content .mobile_box2{display:block!important}.migrated-content .tp-price__pl-pr{padding-inline:0}}
@media(prefers-reduced-motion:reduce){.migrated-content *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
/* The shared header already occupies layout height. */
main.migrated-content{padding-top:0;position:relative;isolation:isolate;z-index:0}
.migrated-content .tp-website-banner{position:relative;height:auto!important;padding-top:0;overflow:visible}
.migrated-content .tp-website-banner .tech-video{height:600px}
.migrated-content .tp-website-banner .tech-top-content{position:relative;top:0!important;height:auto;min-height:450px;padding:80px 0;align-items:center}
.migrated-content .tp-website-banner .tp-price-area{position:relative!important;top:auto!important;bottom:auto!important;width:100%;padding-bottom:20px}
.migrated-content .tp-website-case{margin-top:0!important;padding-top:80px}
.migrated-content .tp-home-serve-box{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.migrated-content .tp-home-serve-item{width:auto!important;max-width:100%;padding:35px!important}
.migrated-content .tp-home-serve-item .tp-service__icon{height:70px}.migrated-content .tp-home-serve-item .tp-service__icon img{width:70px;height:70px}
.migrated-content .inner-project-img{aspect-ratio:1}.migrated-content .inner-project-img>video,.migrated-content .inner-project-img>img{height:100%;width:100%;object-fit:contain!important}
@media(max-width:991px){.migrated-content .tp-website-banner .tech-top-content{min-height:330px;padding-block:50px}.migrated-content .tp-website-banner .tech-video{height:440px}.migrated-content .tp-home-serve-box{grid-template-columns:repeat(2,minmax(0,1fr))}.migrated-content .tp-home-serve-item{padding:22px!important}.migrated-content .tp-website-case{padding-top:40px}.migrated-content .tp-website-banner .breadcrumb__text{display:block!important}.migrated-content .tp-website-banner .breadcrumb__title{margin:0 0 15px!important}.migrated-content .tp-website-case .blog-grid-slider{height:auto;min-height:340px}.migrated-content .tp-website-case .blog-grid-slider>.container{display:block!important;padding:30px 0}.migrated-content .tp-website-case .blog-grid-slider-img{display:none}.migrated-content .tp-website-case .blog-grid-slider-wrapper{max-width:100%}.migrated-content .tp-home-serve-item h3{font-size:20px}.migrated-content .tp-home-serve-item p{font-size:14px}}
.migrated-content .tp-website-banner{display:block!important}
.migrated-content .tp-website-banner .tech-top-content,.migrated-content .tp-website-banner .tp-price-area{width:100%!important}
.migrated-content .tp-home-serve-box{padding:0!important;width:100%!important;margin-inline:0!important}
@media(max-width:600px){.migrated-content .tp-home-serve-item{padding:20px 14px!important}.migrated-content .tp-home-serve-item .d-font-24{font-size:19px}.migrated-content .tp-home-serve-item .tp-service__icon{height:54px}.migrated-content .tp-home-serve-item .tp-service__icon :is(img,svg){width:54px;height:54px}}
.migrated-content .module-animated-icon{width:70px;height:70px;display:block;flex-shrink:0}
@media(max-width:600px){.migrated-content .tp-home-serve-box{gap:0!important}.migrated-content .tp-service__icon .module-animated-icon{width:54px;height:54px}}
.migrated-content .postbox__comment-label{flex:0 0 82px!important;min-width:82px!important;white-space:nowrap!important;padding:0!important;line-height:1.5}
.migrated-content .postbox__comment-item{align-items:center;gap:8px}.migrated-content .postbox__comment-item select{flex:1}
@media(max-width:600px){.migrated-content[data-page="/p/smart-business-card.html"]>.breadcrumb__area{height:680px!important;min-height:0!important;padding-top:40px!important;display:block!important;background-position:center bottom!important}.migrated-content[data-page="/p/smart-business-card.html"] .breadcrumb__content-wrap{margin-top:0!important;padding-top:0!important}.migrated-content[data-page="/p/smart-business-card.html"] .breadcrumb__content{padding-top:0!important}.migrated-content[data-page="/p/smart-business-card.html"] .breadcrumb__area>.container{padding-top:0!important}.migrated-content .tp-website-banner .tech-top-content a{display:inline-flex!important;margin-top:20px}.migrated-content[data-page^="/cases/"]>.d-none.d-md-block{display:block!important}.migrated-content[data-page^="/cases/"]>.d-none.d-md-block .row>*{width:50%;flex-basis:calc(50% - 10px)}}

@media(max-width:767px){.migrated-content [style*="--mobile-bg"]{background-image:var(--mobile-bg)!important}}

@media(max-width:767px){.migrated-content .breadcrumb__client-info .tp-btn-yellow,.migrated-content .tp-btn-yellow:has(.breadcrumb__client-info-link){height:auto;min-height:44px;padding:10px 12px;line-height:1.5}.migrated-content .tp-btn-yellow .d-flex:has(.breadcrumb__client-info-link){display:flex;gap:6px;flex-wrap:nowrap}.migrated-content .breadcrumb__client-info-link{font-size:13px;padding-left:0;white-space:nowrap}.migrated-content .tp-btn-yellow:has(.breadcrumb__client-info-link) svg{flex:0 0 16px}}
/* Original three-item technical service selector, with native horizontal scrolling. */
.migrated-content .techSwiper .swiper-wrapper{gap:0;scroll-snap-type:x mandatory;align-items:stretch}
.migrated-content .techSwiper .swiper-slide{width:33.333%;flex:0 0 33.333%;max-width:none}
.migrated-content .techSwiper .nav-link{font:inherit;color:inherit;background:transparent;border:0;cursor:pointer;white-space:normal}
.migrated-content .techSwiper .tech-swiper_content{position:relative;min-height:160px;padding-bottom:64px}
.migrated-content .flow-toggle{font:inherit;color:inherit;text-align:inherit;line-height:inherit;cursor:pointer}
@media(max-width:600px){.migrated-content .techSwiper .swiper-slide{width:50%;flex-basis:50%}.migrated-content .techSwiper .tech-swiper_title{font-size:18px;line-height:1.5}.migrated-content .techSwiper .tech-swiper_content{padding-inline:16px}.migrated-content .techSwiper .tech-swiper-img{width:54px;height:54px}}
/* Technical-service heroes: keep the original overlap, reserve space above it for the full introduction. */
.migrated-content>.breadcrumb__area:has(>.tech-video):not(.tp-website-banner){padding-top:0;align-items:flex-start}
.migrated-content>.breadcrumb__area:has(>.tech-video):not(.tp-website-banner)>.tech-top-content{position:relative;top:auto!important;height:auto;min-height:inherit;align-items:flex-start;padding:100px 0 190px}
@media(max-width:768px){.migrated-content>.breadcrumb__area:has(>.tech-video):not(.tp-website-banner){min-height:430px!important;padding-top:0!important}.migrated-content>.breadcrumb__area:has(>.tech-video):not(.tp-website-banner)>.tech-top-content{padding:70px 0 100px}.migrated-content>.breadcrumb__area:has(>.tech-video):not(.tp-website-banner) .breadcrumb__text{display:block!important}.migrated-content>.breadcrumb__area:has(>.tech-video):not(.tp-website-banner) .tp-btn-yellow{display:inline-flex!important}}
/* Compatibility aliases lost by the original static CSS extraction. */
.migrated-content{--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color:var(--color-ink);--bs-border-color:var(--color-border);--bs-heading-color:var(--color-ink);--bs-link-color:var(--color-brand);--bs-link-hover-color:var(--color-brand-hover);--bs-nav-link-color:var(--color-ink);--bs-nav-link-hover-color:var(--color-brand);--bs-nav-link-font-size:var(--text-body);--bs-nav-link-font-weight:var(--weight-regular);--bs-nav-link-padding-x:16px;--bs-nav-link-padding-y:8px;--tp-heading-primary:var(--color-ink)}
.migrated-content svg.icon{width:1em;height:1em;vertical-align:-.125em;fill:currentColor}
.migrated-content[data-page="/solution.html"] .solution-featured-title{font-size:var(--text-feature);line-height:1.4;margin:0 0 24px}
.migrated-content[data-page="/solution.html"] .solution-featured-title>a{font:inherit;padding:0}
/* Original stacked philosophy cards, enhanced without the retired zturn dependency. */
.migrated-content .message-box:has(.poster-list)>div{height:auto!important;min-height:580px}
.migrated-content .pictureSlider:has(.poster-list){height:auto;transform:none}
.migrated-content .poster-list{position:relative;height:auto;display:grid;gap:24px;list-style:none;padding:0}
.migrated-content .poster-list .poster-item{position:relative;width:100%;height:auto;min-height:240px;padding:40px 40px 30px;transform:none;background-size:cover}
.migrated-content .poster-list.is-enhanced{height:540px;display:block}
.migrated-content .poster-list.is-enhanced .poster-item{position:absolute;top:50%;left:0;min-height:270px;transform:translateY(calc(-50% + var(--stack-offset)*85px)) scale(var(--stack-scale));opacity:var(--stack-opacity);z-index:var(--stack-order);cursor:pointer}
.migrated-content .poster-list .poster-item:focus-visible{outline:2px solid var(--color-brand);outline-offset:4px}
.migrated-content .poster-list .poster-item>img{left:18px;top:42px;width:20px}
@media(max-width:767px){.migrated-content .row>div:has(>.message-box .poster-list){display:block!important}.migrated-content .message-box:has(.poster-list)>div{min-height:0}.migrated-content .poster-list{margin-bottom:40px}.migrated-content .poster-list.is-enhanced{height:auto;display:grid}.migrated-content .poster-list.is-enhanced .poster-item{position:relative;top:auto;transform:none;opacity:1;min-height:0;padding:28px 28px 24px}.migrated-content .poster-list .poster-item>img{left:10px;top:32px;width:18px}.migrated-content .poster-list .say{font-size:14px}}