/* Preserve-mode compatibility layer. Original template layout and theme remain authoritative. */
html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden!important}
body{font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",Arial,sans-serif;letter-spacing:0;overflow-wrap:anywhere;max-width:100%;overflow-x:hidden!important}
h1,h2,h3{text-wrap:balance}
img.ebpay-brand-asset{max-width:100%;object-fit:cover}
img.ebpay-brand-square,img.ebpay-brand-portrait,img.ebpay-brand-logo,img.ebpay-brand-icon{object-fit:contain}
img.ebpay-brand-logo{height:auto!important}
img.ebpay-brand-icon-hero{opacity:.18}
.ebpay-icon{--ebpay-icon:url("../images/icons/shield-lock.svg");display:inline-block;width:1em;height:1em;min-width:1em;background:currentColor;vertical-align:-.14em;-webkit-mask:var(--ebpay-icon) center/contain no-repeat;mask:var(--ebpay-icon) center/contain no-repeat;font-size:inherit;line-height:1}
.ebpay-icon::before,.ebpay-icon::after{content:none!important}
.ebpay-icon-shield-lock{--ebpay-icon:url("../images/icons/shield-lock.svg")}
.ebpay-icon-shield-check{--ebpay-icon:url("../images/icons/shield-check.svg")}
.ebpay-icon-lock{--ebpay-icon:url("../images/icons/lock.svg")}
.ebpay-icon-wallet{--ebpay-icon:url("../images/icons/wallet.svg")}
.ebpay-icon-book-2{--ebpay-icon:url("../images/icons/book-2.svg")}
.ebpay-icon-tool{--ebpay-icon:url("../images/icons/tool.svg")}
.ebpay-icon-help-circle{--ebpay-icon:url("../images/icons/help-circle.svg")}
.ebpay-icon-device-mobile{--ebpay-icon:url("../images/icons/device-mobile.svg")}
.ebpay-icon-checklist{--ebpay-icon:url("../images/icons/checklist.svg")}
.ebpay-icon-info-circle{--ebpay-icon:url("../images/icons/info-circle.svg")}
.ebpay-icon-settings{--ebpay-icon:url("../images/icons/settings.svg")}
.ebpay-icon-layout-dashboard{--ebpay-icon:url("../images/icons/layout-dashboard.svg")}
.ebpay-icon-menu-2{--ebpay-icon:url("../images/icons/menu-2.svg")}
.ebpay-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#preloader,#loading,#loader,#loader-wrapper,#preloader-wrap,#tf-preloader,
.preloader,.page-loader,.loader-bg,.loading-overlay,.preloader-wrapper,.preloader-wrap,
.site-loader,.bg_load,.spinner-wrapper,[class*="site-loader"],[class*="preloader-wrap"]{display:none!important;opacity:0!important;visibility:hidden!important}
.page{opacity:1!important;visibility:visible!important}
[data-aos],.wow,.animated,[class*="fadeIn"],[class*="slideIn"],[class*="zoomIn"]{opacity:1!important;visibility:visible!important;transform:none!important}
nav a,header a,.btn,.button,button{letter-spacing:0;white-space:nowrap}
input,textarea,select,button{font-family:inherit;letter-spacing:0}
.ebpay-form-status{display:block;min-height:1.5em;margin-top:.6rem}
.ebpay-product-summary{max-width:760px;line-height:1.8;margin:1rem auto}
@media(max-width:767px){body{overflow-x:hidden}nav a,header a{white-space:normal}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Template 008: retain the source dark portfolio structure with stable media geometry. */
.ebpay-template-008{overflow-x:hidden;background:#080b10;color:#f5f7fb}
.ebpay-template-008 section{padding:104px 0}
.ebpay-template-008 .kayden-header{z-index:1030}
.ebpay-template-008 .kayden-header .header-inside{padding:20px clamp(24px,3vw,50px)}
.ebpay-template-008 .kayden-logo{display:flex;align-items:center;justify-content:center;min-width:132px;height:46px;padding:4px 9px;overflow:hidden;border-radius:8px;background:#fff}
.ebpay-template-008 .kayden-logo a{display:block;line-height:0}
.ebpay-template-008 .kayden-logo img.ebpay-008-header-logo{display:block!important;width:132px!important;height:38px!important;max-width:132px!important;object-fit:contain!important;object-position:center;border-radius:0}
.ebpay-template-008 .kayden-toggler:focus-visible,.ebpay-template-008 a:focus-visible,.ebpay-template-008 button:focus-visible{outline:3px solid #6ea2ff;outline-offset:4px}
.ebpay-template-008 #kaydenOffCanvas.show~#return-to-top{opacity:0!important;pointer-events:none!important}
.ebpay-template-008 #home{position:relative;isolation:isolate;min-height:100dvh;padding:0;overflow:hidden;background:#080b10}
.ebpay-template-008 #home .home-background{z-index:0;background:linear-gradient(135deg,#0d121a 0%,#080b10 68%,#06080c 100%)}
.ebpay-template-008 #home .home-background::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,11,16,.04) 0%,rgba(8,11,16,.12) 42%,rgba(8,11,16,.92) 69%,#080b10 100%);pointer-events:none}
.ebpay-template-008 #home img.ebpay-008-hero-visual{position:absolute;top:50%;left:max(4vw,40px);display:block!important;width:min(52vw,760px)!important;height:auto!important;aspect-ratio:3/2;max-width:none!important;object-fit:cover!important;object-position:center;border-radius:6px;transform:translateY(-46%);box-shadow:0 28px 72px rgba(0,8,24,.38)}
.ebpay-template-008 #home .container,.ebpay-template-008 #home .home-details{z-index:2;min-height:100dvh;height:auto!important}
.ebpay-template-008 #home .home-details-inner{width:min(48%,620px)!important;max-width:620px;margin-left:auto;padding:0 0 0 42px}
.ebpay-template-008 #home .welcome_text{max-width:34em;margin-left:auto;color:rgba(238,244,255,.72);font-size:18px!important;line-height:1.65}
.ebpay-template-008 #home .typed_text{display:block;min-width:0;margin-top:6px;color:#fff;font-weight:600}
.ebpay-template-008 #home h1{max-width:100%;margin-top:28px;color:#fff;font-size:clamp(42px,4vw,64px)!important;line-height:1.16;text-shadow:0 4px 28px rgba(0,0,0,.42);word-break:keep-all}
.ebpay-template-008 #about.min-vh-100{min-height:auto!important}
.ebpay-template-008 #about .about-image{display:flex;justify-content:center}
.ebpay-template-008 #about .about-image img{width:auto!important;max-width:100%;max-height:620px;object-fit:contain}
.ebpay-template-008 #about .about-details{max-width:600px}
.ebpay-template-008 #services .kayden-gradient-grid .p-5{min-height:260px;padding:42px!important}
.ebpay-template-008 #services .kayden-gradient-grid p{max-width:32em;margin:0 auto;line-height:1.8}
.ebpay-template-008 #portfolio .heading{margin-bottom:56px!important}
.ebpay-template-008 #portfolio .heading h2{text-transform:none!important;line-height:1.35}
.ebpay-template-008 #portfolio .ebpay-008-portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px;width:100%;height:auto!important;margin:0}
.ebpay-template-008 #portfolio .ebpay-008-portfolio-card{position:static!important;left:auto!important;top:auto!important;width:auto!important;max-width:none;padding:0;transform:none!important}
.ebpay-template-008 #portfolio .portfolio-item{display:block;height:100%;text-decoration:none}
.ebpay-template-008 #portfolio .portfolio-thumbnail{display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;border:1px solid rgba(121,161,229,.16);border-radius:6px;background:#0f1520}
.ebpay-template-008 #portfolio img.ebpay-008-portfolio-image{display:block;width:100%!important;height:100%!important;max-height:none;object-position:center}
.ebpay-template-008 #portfolio img.ebpay-008-portfolio-image.is-landscape{object-fit:cover!important}
.ebpay-template-008 #portfolio img.ebpay-008-portfolio-image.is-portrait{padding:14px;object-fit:contain!important}
.ebpay-template-008 #portfolio .portfolio-description{min-height:74px;margin:18px 0 0!important}
.ebpay-template-008 #portfolio .portfolio-description h3{margin-bottom:6px;line-height:1.45}
.ebpay-template-008 .ebpay-008-footer-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:min(720px,100%);margin:0 0 24px;padding:0;list-style:none}
.ebpay-template-008 .ebpay-008-footer-links li{margin:0}
.ebpay-template-008 .ebpay-008-footer-links a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:4px;color:#fff;text-decoration:none;white-space:nowrap}
.ebpay-template-008 .ebpay-008-footer-links a:hover{border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.06)}
.ebpay-template-008 .ebpay-008-footer-links img{width:20px;height:20px;object-fit:contain;filter:brightness(0) invert(1);opacity:.82}
.ebpay-template-008 .kayden-footer p{max-width:760px;color:rgba(255,255,255,.7);font-size:14px;line-height:1.8}
@media(max-width:991px){
  .ebpay-template-008 section{padding:88px 0}
  .ebpay-template-008 #home img.ebpay-008-hero-visual{left:-8vw;width:62vw!important;opacity:.64}
  .ebpay-template-008 #home .home-background::after{background:linear-gradient(90deg,rgba(8,11,16,.2),rgba(8,11,16,.94) 66%,#080b10)}
  .ebpay-template-008 #home .home-details-inner{width:58%!important;padding-left:28px}
  .ebpay-template-008 #portfolio .ebpay-008-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 22px}
  .ebpay-template-008 #services .kayden-gradient-grid .p-5{min-height:0;padding:34px!important}
}
@media(max-width:575px){
  .ebpay-template-008 section{padding:68px 0}
  .ebpay-template-008 .kayden-header .header-inside{padding:14px 18px}
  .ebpay-template-008 .kayden-toggler .kt-r{margin-right:8px}
  .ebpay-template-008 .kayden-toggler .kt-r span{width:24px;height:2px;margin-bottom:5px}
  .ebpay-template-008 .kayden-toggler .kt-t{font-size:15px}
  .ebpay-template-008 .kayden-logo{min-width:104px;height:40px;padding:3px 7px}
  .ebpay-template-008 .kayden-logo img.ebpay-008-header-logo{width:104px!important;height:30px!important;max-width:104px!important}
  .ebpay-template-008 #home{min-height:620px}
  .ebpay-template-008 #home .container,.ebpay-template-008 #home .home-details{min-height:620px}
  .ebpay-template-008 #home img.ebpay-008-hero-visual{top:88px;left:50%;width:min(88vw,430px)!important;height:auto!important;aspect-ratio:3/2;opacity:.9;transform:translateX(-50%)}
  .ebpay-template-008 #home .home-background::after{background:linear-gradient(180deg,rgba(8,11,16,.08) 0%,rgba(8,11,16,.26) 38%,#080b10 66%)}
  .ebpay-template-008 #home .home-details{align-items:flex-start!important;padding:calc(130px + min(58.666vw,286px)) 0 52px}
  .ebpay-template-008 #home .home-details-inner{width:100%!important;max-width:100%;margin:0;padding:0 18px;text-align:center}
  .ebpay-template-008 #home .welcome_text{margin:0 auto 14px;font-size:15px!important;line-height:1.6}
  .ebpay-template-008 #home .typed_text{margin-top:4px}
  .ebpay-template-008 #home h1{margin-top:20px;font-size:34px!important;line-height:1.22;word-break:keep-all}
  .ebpay-template-008 #about .about-image img{max-height:480px}
  .ebpay-template-008 #about .about-details{text-align:left}
  .ebpay-template-008 #portfolio .heading{margin-bottom:42px!important}
  .ebpay-template-008 #portfolio .ebpay-008-portfolio-grid{grid-template-columns:1fr;gap:30px}
  .ebpay-template-008 #portfolio .portfolio-thumbnail{aspect-ratio:4/3}
  .ebpay-template-008 #portfolio .portfolio-description{min-height:0;margin-top:14px!important}
  .ebpay-template-008 #portfolio img.ebpay-008-portfolio-image.is-portrait{padding:10px}
  .ebpay-template-008 .ebpay-008-footer-links{grid-template-columns:1fr 1fr;width:100%;gap:8px}
  .ebpay-template-008 .ebpay-008-footer-links a{min-height:44px;padding:9px 8px;font-size:13px}
  .ebpay-template-008 .toTop{right:14px;bottom:14px;width:42px;height:42px;line-height:42px}
}