:root{--brand:#123b62;--brand-dark:#17212b;--brand-light:#dce8f3;--brand-gradient:linear-gradient(105deg,#202124 0%,#173a59 48%,#1f6d9f 100%);--brand-gradient-soft:linear-gradient(135deg,#0a2744 0%,#164c78 54%,#2b83b7 100%);--brand-gradient-deep:linear-gradient(135deg,#202124 0%,#213247 56%,#171a1d 100%);--ink:#202124;--charcoal:#202124;--charcoal-soft:#2b2f33;--charcoal-deep:#171a1d;--gray-1:#f7f7f7;--gray-2:#ededed;--gray-3:#999999;--gray-4:#666666;--white:#ffffff;--line:#e5e5e5;--blue:#164c78;--blue-light:#dce8f3;--sticky-topbar-height:72px;--sticky-header-height:64px;--sticky-chrome-height:136px} *{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:calc(var(--sticky-chrome-height)+12px)} body{font-family:"SF Pro Text","SF Pro Display",-apple-system,BlinkMacSystemFont,"PingFang TC","PingFang SC","PingFang HK","Helvetica Neue","Segoe UI",Arial,sans-serif;font-weight:400;background:var(--white);color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased;padding-top:var(--sticky-chrome-height)} html,body{max-width:100%;overflow-x:hidden} img{max-width:100%;display:block} a{color:inherit;text-decoration:none} button{font-family:inherit;cursor:pointer} body.region-tw[data-region="global"]{display:none} body.region-global[data-region="tw"]{display:none} body.switching .region-content{opacity:0;transform:translate3d(0,8px,0);pointer-events:none} body.region-global{--brand:var(--blue);--brand-dark:#17212b;--brand-light:var(--blue-light)} .topbar{background:linear-gradient(105deg,rgba(26,29,34,0.84),rgba(12,83,126,0.78));color:var(--white);font-size:13px;padding:0;min-height:72px;display:flex;align-items:center;position:fixed;top:0;left:0;right:0;z-index:110;border-bottom:1px solid rgba(255,255,255,0.18);box-shadow:0 12px 32px rgba(12,24,36,0.16);-webkit-backdrop-filter:blur(18px) saturate(142%);backdrop-filter:blur(18px) saturate(142%)} .topbar-inner{max-width:1280px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(260px,1fr);justify-content:initial;align-items:center;flex-wrap:wrap;gap:18px;min-height:72px;position:relative} .topbar .topbar-logo{display:none} .topbar-logo .logo-text{min-width:0} .topbar-logo .logo-text .name,.topbar-logo .logo-text .group{white-space:normal} .topbar .logo-text .name{color:var(--white);font-size:11px;font-weight:400;letter-spacing:0.04em;line-height:1.2} .topbar .logo-text .group{display:none;color:rgba(255,255,255,0.72);line-height:1.2} .region-toggle{display:flex;background:transparent;border-radius:999px;padding:0;margin:0;align-self:center;align-items:center;grid-column:2;justify-self:center} .region-toggle button{background:transparent;border:none;color:rgba(255,255,255,0.7);font-size:13px;font-weight:700;padding:6px 18px;border-radius:999px;transition:all 0.3s;display:flex;align-items:center;gap:6px;letter-spacing:0.05em} .region-toggle button:hover{color:var(--white)} .region-toggle button[data-set-region]{min-width:172px;justify-content:center;border:2px solid rgba(255,255,255,0.92);background:rgba(255,255,255,0.96);color:#c2c9cc;font-size:16px;line-height:1.05;padding:10px 28px;white-space:nowrap} .region-toggle button[data-set-region="tw"]{border-radius:999px 0 0 999px;border-right:0} .region-toggle button[data-set-region="global"]{border-radius:0 999px 999px 0} .region-toggle button[data-set-region].active{background:var(--brand-gradient-deep);color:var(--white);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.1)} .region-toggle button[data-set-lang]{background:transparent;color:rgba(255,255,255,0.86);box-shadow:none;font-weight:700;padding:0 4px;margin:0;border-radius:0;font-size:0;letter-spacing:0.02em} .region-toggle button[data-set-lang].active{background:transparent !important;color:var(--white) !important;box-shadow:none !important} .region-toggle button[data-set-lang="zh"]{margin-left:22px} .region-toggle button[data-set-lang="zh"]::before{content:"CH";font-size:15px} .region-toggle button[data-set-lang="zh"]::after{content:"/";font-size:15px;margin-left:3px;color:rgba(255,255,255,0.58)} .region-toggle button[data-set-lang="en"]::before{content:"EN";font-size:15px} .topbar-payment-link{display:inline-flex;align-items:center;justify-content:center;min-height:34px;margin-left:16px;padding:7px 16px;border:1px solid rgba(255,255,255,0.42);border-radius:999px;color:var(--white);font-size:14px;font-weight:900;line-height:1;letter-spacing:0.03em;white-space:nowrap;background:rgba(255,255,255,0.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);transition:background 0.2s,border-color 0.2s,transform 0.2s} .topbar-payment-link:hover,.topbar-payment-link:focus-visible{color:var(--white);background:rgba(255,255,255,0.22);border-color:rgba(255,255,255,0.72);transform:translateY(-1px);outline:none} .topbar-contact-link{margin-left:8px} .region-toggle .flag{display:none;font-size:14px;line-height:1} .topbar-info{display:none;align-items:center;gap:20px;flex-wrap:wrap} .topbar-info strong{color:var(--white);font-weight:700;margin-left:6px} .topbar-right{display:flex;gap:18px;align-items:center} .topbar-right a{opacity:0.85;transition:opacity 0.2s} .topbar-right a:hover{opacity:1} header{position:fixed;top:calc(var(--sticky-topbar-height) - 1px);left:0;right:0;background:rgba(255,255,255,0.82);border-bottom:1px solid rgba(18,59,98,0.12);z-index:109;box-shadow:0 12px 32px rgba(18,59,98,0.08);-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%)} .header-inner{max-width:1440px;margin:0 auto;padding:8px 24px;display:flex;justify-content:center;align-items:center;gap:16px;position:relative;min-height:64px} .logo{display:flex;align-items:center;gap:10px;flex-shrink:0;position:static} .header-mobile-logo{display:none} .logo-mark{width:44px;height:44px;background-image:url("/assets/seo-inline-images/seo-inline-bb468052aee5.png");background-size:cover;background-position:center;border-radius:50%;flex-shrink:0;overflow:hidden;text-indent:-9999px;box-shadow:0 2px 8px rgba(0,0,0,0.15)} .logo-text{line-height:1.2} .logo-text .name{font-weight:900;font-size:17px;color:var(--ink);letter-spacing:0.04em;white-space:nowrap} .logo-text .group{font-size:11px;color:var(--gray-4);font-weight:400;letter-spacing:0.04em;white-space:nowrap} nav.main-nav{display:flex;gap:clamp(4px,0.35vw,10px);align-items:center;flex-wrap:nowrap;justify-content:center;max-width:100%;min-width:0} .nav-item{position:static;flex-shrink:0} .nav-item>a{font-size:clamp(13px,0.82vw,16px);font-weight:700;padding:11px clamp(7px,0.72vw,17px);color:var(--ink);transition:color 0.2s;position:relative;display:inline-flex;align-items:center;gap:3px;white-space:nowrap} .nav-item>a .chev{font-size:9px;transition:transform 0.25s;opacity:0.5;margin-top:1px} .nav-item>a:hover{color:var(--brand)} .nav-item.open>a{color:var(--brand)} .nav-item.open>a .chev{transform:rotate(180deg)} .nav-item>a::after{content:'';position:absolute;bottom:6px;left:12px;right:12px;height:2px;background:var(--brand);transform:scaleX(0);transition:transform 0.25s;transform-origin:left} .nav-item>a:hover::after,.nav-item.open>a::after{transform:scaleX(1)} .nav-item.has-mega>a::before{content:'';position:absolute;top:100%;left:-12px;right:-12px;height:22px;pointer-events:auto} .megamenu{position:absolute;top:100%;left:0;right:0;box-sizing:border-box;background:rgba(255,255,255,0.9);border-top:1px solid rgba(18,59,98,0.12);box-shadow:0 24px 54px -18px rgba(18,59,98,0.24);-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%);padding:18px 0;max-height:min(430px,calc(100vh - var(--sticky-chrome-height) - 48px));overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity 0.16s ease,transform 0.16s ease,visibility 0s linear 0.16s;z-index:99} .nav-item.open>.megamenu{opacity:1;visibility:visible;transform:translateY(0);transition:opacity 0.16s ease,transform 0.16s ease,visibility 0s linear 0s} .megamenu::-webkit-scrollbar{width:10px} .megamenu::-webkit-scrollbar-track{background:#f1f3f6} .megamenu::-webkit-scrollbar-thumb{background:rgba(18,59,98,0.28);border-radius:999px;border:2px solid #f1f3f6} .megamenu::-webkit-scrollbar-thumb:hover{background:rgba(18,59,98,0.42)} .megamenu-inner{max-width:1180px;margin:0 auto;padding:0 28px;display:grid;gap:28px} .megamenu-inner.mega-align-trigger{width:var(--mega-align-width,420px);max-width:none;margin:0 0 0 var(--mega-align-left,32px);padding:0;grid-template-columns:repeat(var(--mega-align-columns,1),minmax(0,1fr)) !important;justify-content:start !important} .mega-col h6{font-size:13px;font-weight:900;color:var(--ink);margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid var(--brand);letter-spacing:0.05em;display:flex;align-items:center;gap:6px} .mega-col h6::before{content:'';width:6px;height:6px;background:var(--brand);border-radius:50%} .mega-col ul{list-style:none} .mega-col li{margin-bottom:2px} .mega-col li a{display:block;font-size:13px;color:var(--gray-4);padding:4px 0;transition:color 0.2s,padding-left 0.2s;border-radius:2px;line-height:1.32;font-weight:400} .mega-col li a:hover{color:var(--brand);padding-left:8px} .mega-col li a.featured{color:var(--gray-4);font-weight:400} .mega-col li a.featured:hover{color:var(--brand)} .mobile-toggle{display:none;background:transparent;border:none;width:40px;height:40px;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer} .mobile-toggle span{display:block;width:22px;height:2px;background:var(--ink);transition:all 0.25s} body.mobile-nav-open .mobile-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)} body.mobile-nav-open .mobile-toggle span:nth-child(2){opacity:0} body.mobile-nav-open .mobile-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)} .header-cta{background:var(--brand-gradient);color:var(--white);padding:9px 14px;font-size:13px;font-weight:700;border:none;border-radius:4px;transition:background 0.2s;white-space:nowrap;flex-shrink:0;display:none} .header-cta:hover{background:var(--brand-gradient-deep)} .region-banner{display:none;background:var(--brand-gradient);color:var(--white);text-align:center;padding:8px 16px;font-size:13px;font-weight:500;letter-spacing:0.05em} .region-banner strong{font-weight:900;margin:0 4px} .hero-banner{position:relative;background:linear-gradient(135deg,var(--charcoal) 0%,var(--charcoal-soft) 100%);overflow:hidden;height:clamp(320px,23.4375vw,607px)} #heroBanner[data-banner-device="laptop"]{height:clamp(220px,46.875vw,720px)} #heroBanner[data-banner-device="mobile"]{height:clamp(460px,133.333vw,760px)} .hero-track{position:relative;height:100%} .hero-track .hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;pointer-events:none;background-size:var(--hero-banner-fit,cover);background-position:var(--hero-banner-position,center);background-repeat:no-repeat} .hero-track .hero-slide.active{opacity:1;pointer-events:auto;z-index:2} .hero-banner.is-loading .hero-track .hero-slide{display:none} .hero-track .hero-slide.has-image::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.15) 100%);z-index:0} .hero-track .hero-slide.has-image .hero-content,.hero-track .hero-slide.has-image .hero-visual{position:relative;z-index:1} .hero-empty{color:rgba(255,255,255,0.7);text-align:center;padding:80px 24px;font-size:14px} .hero-nav{position:absolute;top:50%;z-index:5;width:48px;height:48px;border:1px solid rgba(255,255,255,0.52);border-radius:50%;background:rgba(0,0,0,0.34);color:#fff;font-size:0;line-height:0;display:inline-flex;align-items:center;justify-content:center;padding:0;transform:translateY(-50%);cursor:pointer;transition:background .2s ease,border-color .2s ease,opacity .2s ease} .hero-nav::before{content:"";display:block;width:14px;height:14px;border-top:2px solid currentColor;border-right:2px solid currentColor} .hero-prev::before{transform:rotate(-135deg);margin-left:4px} .hero-next::before{transform:rotate(45deg);margin-right:4px} .hero-nav:hover{background:rgba(0,0,0,0.58);border-color:rgba(255,255,255,0.86)} .hero-prev{left:clamp(16px,3vw,42px)} .hero-next{right:clamp(16px,3vw,42px)} .hero-dots{position:absolute;left:50%;bottom:24px;z-index:5;display:flex;gap:10px;transform:translateX(-50%)} .hero-dots button{width:10px;height:10px;padding:0;border:1px solid rgba(255,255,255,0.72);border-radius:50%;background:rgba(255,255,255,0.28);font-size:0;cursor:pointer;transition:background .2s ease,transform .2s ease} .hero-dots button.active{background:#fff;transform:scale(1.22)} body.region-global .hero-banner{background:linear-gradient(135deg,#0a1a2e 0%,#1a3554 100%)} .hero-slide{max-width:1280px;margin:0 auto;padding:0 24px;height:100%;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;position:relative} .hero-track .hero-slide.has-image{max-width:none;width:100%;padding:0;grid-template-columns:1fr;background-color:#07111d} .hero-track .hero-slide.has-video{background-color:#111} .hero-media-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0} .hero-track .hero-slide.has-image.image-only::before,.hero-track .hero-slide.has-image.image-only .hero-content{display:none} .hero-track .hero-slide.has-image:not(.image-only) .hero-content{max-width:1280px;width:100%;margin:0 auto;padding:0 clamp(112px,8vw,150px)} .hero-content{color:var(--white)} .hero-tag{display:inline-block;background:transparent;color:#cbd2d3;font-size:12px;font-weight:900;padding:0;border-radius:0;margin-bottom:18px;letter-spacing:0.14em;text-transform:uppercase;text-shadow:0 1px 12px rgba(0,0,0,0.55)} .hero-title{font-size:48px;font-weight:900;line-height:1.2;margin-bottom:16px;letter-spacing:0.02em} .hero-title .brand-text{color:#cbd2d3} body.region-global .hero-title .brand-text{color:#cbd2d3} .hero-sub{font-size:17px;font-weight:400;color:rgba(255,255,255,0.85);margin-bottom:32px;line-height:1.7;max-width:520px} .hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center} .hero-actions .hero-btn{min-height:46px} .blog-featured-image.has-cover-image,.blog-card-image.has-cover-image{background-image:linear-gradient(180deg,rgba(0,0,0,0.08) 20%,rgba(0,0,0,0.74) 100%),var(--blog-cover);background-size:cover;background-position:center} .btn-primary{background:var(--brand-gradient);color:var(--white);padding:14px 28px;font-size:15px;font-weight:700;border:none;border-radius:4px;transition:background 0.2s;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer} .btn-primary:hover{background:var(--brand-gradient-deep)} .btn-outline{background:transparent;color:var(--white);padding:14px 28px;font-size:15px;font-weight:700;border:1.5px solid rgba(255,255,255,0.5);border-radius:4px;transition:all 0.2s;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer} .btn-outline:hover{background:var(--white);color:var(--ink);border-color:var(--white)} .hero-visual{position:relative;height:100%;display:flex;align-items:center;justify-content:center} .hero-decor-block{width:100%;max-width:460px;aspect-ratio:4/3;background:var(--brand-gradient-soft);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--white);text-align:center;padding:40px;box-shadow:0 20px 60px -20px rgba(18,59,98,0.42);position:relative;overflow:hidden} body.region-global .hero-decor-block{box-shadow:0 20px 60px -20px rgba(22,76,120,0.42)} .hero-decor-block::before{content:'';position:absolute;top:-50%;right:-20%;width:80%;height:200%;background:rgba(255,255,255,0.06);transform:rotate(25deg)} .hero-decor-block-inner{position:relative;z-index:1} .hero-decor-block .label{font-size:13px;font-weight:500;letter-spacing:0.2em;margin-bottom:12px;opacity:0.85} .hero-decor-block .big{font-size:36px;font-weight:900;line-height:1.3} @media(min-width:1025px){body.region-global.lang-en .header-inner{max-width:1680px;padding-left:16px;padding-right:16px;gap:12px} body.region-global.lang-en .logo{flex:0 1 360px;min-width:0} body.region-global.lang-en .logo-text{min-width:0} body.region-global.lang-en .logo-text .name,body.region-global.lang-en .logo-text .group{white-space:normal} body.region-global.lang-en .logo-text .name{font-size:16px;line-height:1.18} body.region-global.lang-en nav.main-nav{flex:1 1 auto;min-width:0;justify-content:center} body.region-global.lang-en .nav-item{flex:0 1 auto;min-width:0} body.region-global.lang-en .nav-item>a{justify-content:center;text-align:center;white-space:nowrap;line-height:1.25;font-size:clamp(11.5px,0.68vw,13.5px);padding:10px clamp(4px,0.42vw,8px)} body.region-global.lang-en .header-cta{padding-left:16px;padding-right:16px}} .domain-section{background:var(--gray-1);padding:32px 24px;border-bottom:1px solid var(--line)} #domainSearchSection{display:none !important} .domain-inner{max-width:1280px;margin:0 auto} #domainSearchSection .lead-radar-title,#domainSearchSection .lead-radar-subtitle,#leadRadarModeSubtitle{display:none !important} .lead-radar-form{max-width:920px;margin:0 auto;background:transparent;border:0;border-radius:0;padding:0} .lead-radar-row,.lead-radar-provider-list,.lead-radar-actions{display:grid;gap:10px} .lead-radar-row{grid-template-columns:repeat(3,1fr)} .lead-radar-flow{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(220px,1.2fr) minmax(320px,2fr);gap:12px;align-items:end} .lead-radar-depth-row{display:grid;grid-template-columns:minmax(260px,1fr) minmax(260px,1.4fr);gap:12px;align-items:end;margin-top:12px} .lead-radar-search-bar{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:8px;align-items:stretch;max-width:860px;margin:0 auto} .lead-radar-search-field{position:relative;min-width:0} .lead-radar-search-field .lead-radar-search-label,.lead-radar-menu-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} .lead-radar-search-field input{width:100%;min-height:52px;font-size:15px;background:var(--white);box-shadow:0 10px 28px rgba(18,31,46,0.08)} .lead-radar-menu-btn{width:52px;min-height:52px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);display:inline-grid;place-items:center;cursor:pointer;box-shadow:0 10px 28px rgba(18,31,46,0.08);transition:border-color 0.15s ease,background 0.15s ease,transform 0.15s ease} .lead-radar-menu-btn.is-jelly{animation:leadRadarMenuJelly 0.58s cubic-bezier(0.16,1.34,0.34,1) both} .lead-radar-menu-btn:hover,.lead-radar-menu-btn.is-open{border-color:var(--ink);background:#f7f9fb} .lead-radar-menu-btn:active{transform:translateY(1px)} .lead-radar-menu-lines{width:20px;display:grid;gap:4px} .lead-radar-menu-lines span{display:block;height:2px;border-radius:999px;background:currentColor} @keyframes leadRadarMenuJelly{0%{transform:translateY(1px) scale(0.88,1.12)} 36%{transform:translateY(-3px) scale(1.12,0.9)} 58%{transform:translateY(1px) scale(0.96,1.05)} 78%{transform:translateY(-1px) scale(1.035,0.98)} 100%{transform:translateY(0) scale(1)}} .lead-radar-search-submit{min-height:52px;padding:0 18px;box-shadow:0 10px 28px rgba(18,31,46,0.08)} .lead-radar-query-field{grid-column:auto} .lead-radar-custom-scope[hidden],.lead-radar-hidden-controls{display:none !important} .lead-radar-field{display:flex;flex-direction:column;gap:6px;min-width:0} .lead-radar-field span{color:var(--gray-4);font-size:12px;font-weight:700} .lead-radar-field input,.lead-radar-field select,.lead-radar-field textarea,.lead-radar-provider-list input[type='number']{width:100%;min-width:0;border:1px solid var(--line);border-radius:6px;padding:12px 12px;font:inherit;color:var(--ink);background:#fbfbfd} .lead-radar-custom-scope input{height:44px;padding-top:0;padding-bottom:0;border-radius:8px} .lead-radar-checkbox{display:inline-flex;align-items:center;gap:8px;color:var(--gray-4);font-size:13px} .lead-radar-inline{margin:10px 0;display:flex;flex-wrap:wrap;gap:10px} .lead-radar-advanced{display:block;max-width:860px;height:auto;max-height:none;margin:0 auto;background:var(--white);border:1px solid transparent;border-radius:8px;padding:0 14px;box-shadow:none;opacity:0;visibility:hidden;pointer-events:none;overflow:visible;transform:translateY(-10px) scale(0.985,0.94);transform-origin:28px 0;transition:margin-top 0.34s cubic-bezier(0.18,1.08,0.32,1),padding-top 0.34s cubic-bezier(0.18,1.08,0.32,1),padding-bottom 0.34s cubic-bezier(0.18,1.08,0.32,1),border-color 0.2s ease,box-shadow 0.2s ease,opacity 0.22s ease} .lead-radar-advanced[hidden]{display:none !important} .lead-radar-advanced.is-open{height:auto;max-height:none;margin-top:10px;padding-top:14px;padding-bottom:14px;border-color:var(--line);box-shadow:0 10px 28px rgba(18,31,46,0.08);opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)} .lead-radar-advanced.is-opening{animation:leadRadarPanelPopIn 0.72s cubic-bezier(0.16,1.36,0.34,1);will-change:opacity,transform} .lead-radar-advanced.is-closing{height:auto;max-height:none;margin-top:10px;padding-top:14px;padding-bottom:14px;border-color:var(--line);box-shadow:0 10px 28px rgba(18,31,46,0.08);opacity:0;visibility:visible;pointer-events:none;animation:leadRadarPanelPopOut 0.46s cubic-bezier(0.34,0,0.2,1);will-change:opacity,transform} @keyframes leadRadarPanelPopIn{0%{opacity:0;transform:translateY(-18px) scale(0.92,0.74)} 38%{opacity:1;transform:translateY(6px) scale(1.035,1.09)} 58%{opacity:1;transform:translateY(-3px) scale(0.982,0.95)} 78%{opacity:1;transform:translateY(1px) scale(1.012,1.025)} 100%{opacity:1;transform:translateY(0) scale(1)}} @keyframes leadRadarPanelPopOut{0%{opacity:1;transform:translateY(0) scale(1)} 28%{opacity:1;transform:translateY(4px) scale(1.025,0.92)} 62%{opacity:0.72;transform:translateY(-4px) scale(0.97,1.03)} 100%{opacity:0;transform:translateY(-14px) scale(0.94,0.78)}} .lead-radar-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start} .lead-radar-settings-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);margin-top:14px;padding-top:12px} .lead-radar-settings-footer .lead-radar-hint{flex:1 1 auto} .lead-radar-export-btn{flex:0 0 auto} .lead-radar-hint{margin:0;color:var(--gray-4);font-size:12px;line-height:1.6} .lead-radar-inline-label{width:100%;color:var(--ink);font-weight:700;margin-bottom:2px} .lead-radar-mode-switch{display:flex;border:1px solid var(--line);border-radius:8px;overflow:visible;position:relative;background:#fbfdff;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.4)} .lead-radar-mode-btn{flex:1;position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 12px;border:0;background:#fbfdff;color:var(--ink);cursor:pointer;font-size:14px;font-weight:700;line-height:1;white-space:nowrap;transform-origin:50% 55%;transition:background 0.18s ease,color 0.18s ease,box-shadow 0.18s ease,transform 0.18s cubic-bezier(0.2,1.2,0.34,1)} .lead-radar-mode-btn:first-child{border-radius:7px 0 0 7px} .lead-radar-mode-btn:last-child{border-radius:0 7px 7px 0} .lead-radar-mode-btn:only-child{border-radius:7px} .lead-radar-mode-btn+.lead-radar-mode-btn{border-left:1px solid var(--line)} .lead-radar-mode-btn:hover{background:#eef6ff;transform:translateY(-1px) scale(1.012)} .lead-radar-mode-btn:active{transform:translateY(1px) scale(0.965,1.035)} .lead-radar-mode-btn:hover,.lead-radar-mode-btn:active,.lead-radar-mode-btn.is-jelly{will-change:transform} .lead-radar-mode-btn[aria-pressed='true']{background:var(--ink);color:var(--white);box-shadow:0 8px 18px rgba(18,31,46,0.18),inset 0 -1px 0 rgba(255,255,255,0.12);z-index:2} .lead-radar-mode-btn.is-jelly{animation:leadRadarButtonJelly 0.58s cubic-bezier(0.16,1.34,0.34,1) both} @keyframes leadRadarButtonJelly{0%{transform:translateY(1px) scale(0.86,1.13)} 34%{transform:translateY(-3px) scale(1.13,0.88)} 56%{transform:translateY(1px) scale(0.955,1.07)} 76%{transform:translateY(-1px) scale(1.035,0.975)} 100%{transform:translateY(0) scale(1)}} .lead-radar-mode-btn[data-lead-radar-tooltip]::before,.lead-radar-mode-btn[data-lead-radar-tooltip]::after{position:absolute;top:50%;pointer-events:none;opacity:0;transition:opacity 0.16s ease,transform 0.16s ease;z-index:30} .lead-radar-mode-btn[data-lead-radar-tooltip]::before{content:'';left:calc(100% - 1px);transform:translate(4px,-50%);border:5px solid transparent;border-right-color:rgba(30,32,36,0.94)} .lead-radar-mode-btn[data-lead-radar-tooltip]::after{content:attr(data-lead-radar-tooltip);left:calc(100%+8px);transform:translate(4px,-50%) scale(0.98);padding:6px 9px;border-radius:7px;background:rgba(30,32,36,0.94);color:#fff;box-shadow:0 10px 24px rgba(0,0,0,0.16);font-size:12px;font-weight:700;line-height:1.2;white-space:nowrap} .lead-radar-mode-btn[data-tooltip-side='left']::before{left:auto;right:calc(100% - 1px);transform:translate(-4px,-50%);border-right-color:transparent;border-left-color:rgba(30,32,36,0.94)} .lead-radar-mode-btn[data-tooltip-side='left']::after{left:auto;right:calc(100%+8px);transform:translate(-4px,-50%) scale(0.98)} .lead-radar-mode-btn[data-lead-radar-tooltip]:hover::before,.lead-radar-mode-btn[data-lead-radar-tooltip]:hover::after,.lead-radar-mode-btn[data-lead-radar-tooltip]:focus-visible::before,.lead-radar-mode-btn[data-lead-radar-tooltip]:focus-visible::after{opacity:1} .lead-radar-mode-btn[data-lead-radar-tooltip]:hover::before,.lead-radar-mode-btn[data-lead-radar-tooltip]:focus-visible::before{transform:translate(0,-50%)} .lead-radar-mode-btn[data-lead-radar-tooltip]:hover::after,.lead-radar-mode-btn[data-lead-radar-tooltip]:focus-visible::after{transform:translate(0,-50%) scale(1)} .lead-radar-mode-btn[data-tooltip-side='left']:hover::before,.lead-radar-mode-btn[data-tooltip-side='left']:focus-visible::before{transform:translate(0,-50%)} .lead-radar-mode-btn[data-tooltip-side='left']:hover::after,.lead-radar-mode-btn[data-tooltip-side='left']:focus-visible::after{transform:translate(0,-50%) scale(1)} .lead-radar-hidden-input{display:none} .lead-radar-provider-list{grid-template-columns:repeat(2,1fr);margin-top:4px} .lead-radar-provider{border:1px solid var(--line);border-radius:8px;background:#fbfdff;padding:10px;display:grid;gap:8px} .lead-radar-provider-head{display:flex;justify-content:space-between;gap:10px;align-items:center;color:var(--ink);font-weight:700;font-size:14px} .lead-radar-provider-head span:last-child{color:var(--gray-4);font-weight:500} .lead-radar-provider-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:8px} .lead-radar-provider-controls label{font-size:11px;color:var(--gray-4);display:grid;gap:4px} .lead-radar-btn{border:1px solid var(--ink);background:var(--white);color:var(--ink);min-height:38px;padding:0 14px;border-radius:6px;font-family:inherit;font-weight:700;cursor:pointer;transition:background 0.15s ease,color 0.15s ease,border-color 0.15s ease,transform 0.15s ease} .lead-radar-btn-primary{background:var(--ink);color:var(--white)} .lead-radar-btn:hover{background:var(--brand-light)} .lead-radar-btn:active{transform:translateY(1px)} .lead-radar-btn:disabled{opacity:0.7;cursor:wait} .lead-radar-actions{grid-template-columns:repeat(2,auto);justify-content:end;margin-top:12px} .lead-radar-status{max-width:860px;margin:10px auto 0;color:var(--gray-4);font-size:13px} .lead-radar-status[hidden]{display:none} .lead-radar-status.ok{color:#2a8b57} .lead-radar-status.warn{color:#9a5c10} .lead-radar-status.busy{color:#3a4f6d} .lead-radar-error{max-width:860px;margin:8px auto 0;color:#b32d2d;background:#fff1f0;border:1px solid #f0b9b4;border-radius:6px;padding:10px 12px;font-size:13px} .lead-radar-summary-grid{max-width:860px;margin:18px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .lead-radar-summary-grid:empty,.lead-radar-analysis:empty,.lead-radar-results:empty{display:none} .lead-radar-summary-grid:not(.is-loading){display:none !important} .lead-radar-summary-grid.is-loading{display:block;grid-template-columns:none} .lead-radar-stat{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:13px;color:var(--gray-4)} .lead-radar-stat strong{display:block;margin:4px 0 2px;color:var(--ink);font-size:20px} .lead-radar-loading-card{display:grid;justify-items:center;gap:12px;width:100%;padding:24px 20px 22px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,0.92);box-shadow:0 14px 34px rgba(18,31,46,0.08);color:var(--ink);text-align:center;animation:leadRadarLoadingCardIn 0.42s cubic-bezier(0.18,1.24,0.34,1) both} .lead-radar-loading-orbs{display:inline-flex;align-items:flex-end;justify-content:center;gap:11px;height:34px} .lead-radar-loading-orbs span{width:16px;height:16px;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--brand-light));box-shadow:0 10px 22px rgba(58,86,94,0.22);transform-origin:50% 100%;animation:leadRadarOrbJelly 0.92s cubic-bezier(0.18,1.32,0.34,1) infinite} .lead-radar-loading-orbs span:nth-child(2){animation-delay:0.14s} .lead-radar-loading-orbs span:nth-child(3){animation-delay:0.28s} .lead-radar-loading-title{margin:0;font-size:16px;font-weight:900} .lead-radar-loading-text{margin:0;color:var(--gray-4);font-size:13px;line-height:1.7} @keyframes leadRadarLoadingCardIn{0%{opacity:0;transform:translateY(10px) scale(0.98)} 65%{opacity:1;transform:translateY(-2px) scale(1.01)} 100%{opacity:1;transform:translateY(0) scale(1)}} @keyframes leadRadarOrbJelly{0%,100%{transform:translateY(0) scale(1,1);opacity:0.78} 22%{transform:translateY(-13px) scale(0.86,1.18);opacity:1} 44%{transform:translateY(2px) scale(1.22,0.78);opacity:0.92} 62%{transform:translateY(-4px) scale(0.94,1.06);opacity:1} 78%{transform:translateY(0) scale(1.04,0.96);opacity:0.84}} .lead-radar-analysis{max-width:860px;margin:14px auto 0;background:#f7f9fb;border:1px solid var(--line);border-radius:8px;padding:12px 14px;color:var(--gray-4);white-space:pre-wrap;font-size:13px;line-height:1.7} .lead-radar-results{max-width:860px;margin:12px auto 0;overflow-x:hidden} .lead-radar-result-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin:0 0 12px} .lead-radar-btn-secondary{background:var(--brand);border-color:var(--brand);color:var(--white)} .lead-radar-btn-secondary:hover{background:var(--ink);border-color:var(--ink);color:var(--white)} .lead-radar-btn-ghost{border-color:var(--line);color:var(--gray-4)} .lead-radar-btn-ghost:hover{border-color:var(--gray-3);color:var(--ink)} .lead-radar-cards{display:grid;gap:10px} .lead-radar-card{border:1px solid var(--line);border-radius:10px;background:#fff;padding:12px;display:grid;gap:8px} .lead-radar-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px} .lead-radar-card-title{margin:0;color:var(--ink);font-size:16px;font-weight:700} .lead-radar-card-title a{color:inherit} .lead-radar-card-meta{display:flex;flex-wrap:wrap;gap:6px} .lead-radar-card-meta span{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:999px;background:#f4f7fb;color:var(--gray-4);padding:2px 8px;font-size:12px} .lead-radar-source-tags,.lead-radar-trust-grid{display:flex;flex-wrap:wrap;gap:6px} .lead-radar-source-tag,.lead-radar-trust-pill{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:999px;background:#f7fbff;color:var(--ink);padding:3px 8px;font-size:12px;font-weight:700} .lead-radar-source-tag.is-warning{border-color:#f1d28a;background:#fff8e5;color:#7a5400} .lead-radar-source-tag.is-social{border-color:#cfe3ff;background:#eef6ff;color:#174c80} .lead-radar-source-tag.is-procurement{border-color:#bfe3ce;background:#edf8f1;color:#1f6b3d} .lead-radar-trust-pill{background:#fbfcfe;color:var(--gray-4);font-weight:600} .lead-radar-insight{border:1px solid #dce8f2;border-radius:8px;background:#f8fbfd;padding:10px;display:grid;gap:8px} .lead-radar-insight-head{display:flex;justify-content:space-between;align-items:start;gap:10px} .lead-radar-insight-kicker{margin:0 0 3px 0;color:var(--gray-4);font-size:11px;font-weight:800;letter-spacing:0} .lead-radar-insight-title{margin:0;color:var(--ink);font-size:14px;font-weight:800;line-height:1.45} .lead-radar-insight-priority{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;padding:4px 8px;background:#fff;color:var(--gray-4);font-size:12px;font-weight:800;white-space:nowrap} .lead-radar-insight-priority[data-level="high"]{border-color:#abd8bd;background:#edf8f1;color:#1f6b3d} .lead-radar-insight-priority[data-level="medium"]{border-color:#cfe3ff;background:#eef6ff;color:#174c80} .lead-radar-insight-priority[data-level="review"]{border-color:#f1d28a;background:#fff8e5;color:#7a5400} .lead-radar-insight-summary{margin:0;color:var(--ink);font-size:13px;line-height:1.65} .lead-radar-insight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px} .lead-radar-insight-metric{border:1px solid var(--line);border-radius:8px;background:#fff;padding:7px 8px;min-width:0} .lead-radar-insight-metric span{display:block;color:var(--gray-4);font-size:11px;font-weight:800} .lead-radar-insight-metric strong{display:block;margin-top:3px;color:var(--ink);font-size:12px;line-height:1.45;overflow-wrap:anywhere} .lead-radar-validation{margin:0;padding-left:18px;color:var(--gray-4);font-size:12px;line-height:1.55} .lead-radar-chart-overview{border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px;display:grid;gap:12px;margin-bottom:12px} .lead-radar-chart-overview-head{display:flex;justify-content:space-between;align-items:center;gap:10px} .lead-radar-chart-overview-title,.lead-radar-chart-title{margin:0;color:var(--ink);font-size:13px;font-weight:900} .lead-radar-chart-overview-grid{display:grid;grid-template-columns:minmax(170px,0.75fr) minmax(0,1.25fr);gap:12px;align-items:start} .lead-radar-bar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .lead-radar-bar-chart{border:1px solid var(--line);border-radius:8px;background:#f8fbfd;padding:9px;display:grid;gap:7px} .lead-radar-bar-title{margin:0;color:var(--gray-4);font-size:11px;font-weight:900} .lead-radar-bar-row{display:grid;grid-template-columns:minmax(68px,0.75fr) minmax(0,1.4fr) 34px;align-items:center;gap:7px;color:var(--gray-4);font-size:11px} .lead-radar-bar-label,.lead-radar-bar-value{overflow-wrap:anywhere} .lead-radar-bar-track{height:7px;border-radius:999px;background:#e8edf3;overflow:hidden} .lead-radar-bar-fill{display:block;width:var(--bar-width,0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#1f6b3d,#2b7ea1)} .lead-radar-chart-block{border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px;display:grid;gap:8px} .lead-radar-radar-layout{display:grid;grid-template-columns:156px minmax(0,1fr);gap:10px;align-items:center} .lead-radar-radar-svg{width:156px;height:156px;max-width:100%;display:block} .lead-radar-radar-gridline{fill:none;stroke:#dbe5ee;stroke-width:1} .lead-radar-radar-axis{stroke:#e4ebf1;stroke-width:1} .lead-radar-radar-benchmark{fill:rgba(42,139,87,0.08);stroke:rgba(42,139,87,0.45);stroke-width:1.5;stroke-dasharray:4 4} .lead-radar-radar-shape{fill:rgba(32,107,150,0.22);stroke:#206b96;stroke-width:2} .lead-radar-radar-point{fill:#206b96;stroke:#fff;stroke-width:1.5} .lead-radar-chart-legend{display:grid;gap:6px;min-width:0} .lead-radar-chart-legend-row{display:grid;grid-template-columns:minmax(64px,0.8fr) minmax(0,1.2fr) 34px;gap:7px;align-items:center;color:var(--gray-4);font-size:11px} .lead-radar-chart-legend-label,.lead-radar-chart-legend-value{overflow-wrap:anywhere} .lead-radar-chart-legend-track{height:6px;border-radius:999px;background:#e8edf3;overflow:hidden} .lead-radar-chart-legend-fill{display:block;width:var(--axis-width,0%);height:100%;border-radius:inherit;background:#206b96} @media(max-width:760px){.lead-radar-chart-overview-grid,.lead-radar-radar-layout{grid-template-columns:1fr} .lead-radar-bar-grid{grid-template-columns:1fr} .lead-radar-radar-svg{margin:0 auto}} .lead-radar-diagnostics{border-top:1px solid var(--line);padding-top:8px;display:grid;gap:6px;color:var(--gray-4);font-size:12px;line-height:1.6} .lead-radar-diagnostics p{margin:0} .lead-radar-card-text{margin:0;color:var(--gray-4);line-height:1.7;font-size:13px} .lead-radar-action-block{border-top:1px solid var(--line);padding-top:8px;display:grid;gap:7px} .lead-radar-action-title{margin:0;color:var(--ink);font-size:13px;font-weight:800} .lead-radar-action-summary{margin:0;color:var(--ink);font-size:13px;line-height:1.65} .lead-radar-action-note{margin:0;color:var(--gray-4);font-size:12px;line-height:1.65} .lead-radar-action-note strong{color:var(--ink)} .lead-radar-action-list{margin:0;padding-left:18px;color:var(--gray-4);font-size:12px;line-height:1.65} .lead-radar-contact-links{display:flex;flex-wrap:wrap;gap:6px} .lead-radar-contact-links a,.lead-radar-contact-links span{display:inline-flex;align-items:center;max-width:100%;border:1px solid var(--line);border-radius:999px;padding:3px 8px;background:#fff;color:var(--ink);font-size:12px;text-decoration:none;overflow-wrap:anywhere} .lead-radar-evidence-toggle{width:fit-content} .lead-radar-evidence-panel{display:none;border:1px dashed var(--line);border-radius:8px;background:#f7f9fb;padding:10px} .lead-radar-evidence-panel.open{display:block} .lead-radar-evidence-title{margin:0 0 6px 0;color:var(--gray-4);font-size:12px;font-weight:700} .lead-radar-evidence{margin:0;padding-left:16px;font-size:12px;color:var(--gray-4)} .lead-radar-evidence li{margin:2px 0} .lead-radar-score{display:inline-flex;min-width:54px;justify-content:center;padding:3px 6px;border-radius:999px;font-size:11px;font-weight:700} .lead-radar-score.high{color:#1d7a2a;background:#ecf7ec} .lead-radar-score.mid{color:#6f5a07;background:#fff4cf} .lead-radar-score.low{color:#7b2f2f;background:#fde3e3} .section{padding:80px 24px} .section-inner{max-width:1280px;margin:0 auto} .section-head{text-align:center;margin-bottom:48px} .section-head .eyebrow{display:inline-block;color:var(--brand);font-size:13px;font-weight:700;letter-spacing:0.25em;margin-bottom:14px} .section-head h1,.section-head h2{font-size:36px;font-weight:900;line-height:1.3;color:var(--ink);margin-bottom:16px;letter-spacing:0.02em} .section-head h1 .brand-text,.section-head h2 .brand-text{color:var(--brand)} .section-head p{font-size:16px;color:var(--gray-4);max-width:760px;margin:0 auto;line-height:1.85} @supports(content-visibility:auto){.page-home>.section,.page[data-page="dynamic"].active>:is(.page-intro,.legal-policy-section,.team-section,.page-visual-section,.proof-section,.case-section,.detail-section,.features-section,.service-pick-section,.contact-inquiry-section,.process-section,.pricing-section,.faq-section,.related-section,.page-cta-section,.blog-section,.article-section,.media-section,.media-news-page,.visual-review-section,.generic-content-section,.rich-page-upgrade,.rich-shortcut-map,.freepik-home-upgrade,.freepik-home-spotlights,.freepik-home-proof,.freepik-home-cta),footer.region-content{content-visibility:auto;contain-intrinsic-size:auto 760px} .page-home>.section.hot-section,.page[data-page="dynamic"].active>:is(.legal-policy-section,.team-section,.case-section,.pricing-section,.blog-section,.media-section,.media-news-page,.visual-review-section,.rich-page-upgrade,.rich-shortcut-map,.freepik-home-upgrade,.freepik-home-spotlights){contain-intrinsic-size:auto 980px} .page[data-page="dynamic"].active>:is(.service-pick-section,.page-cta-section,.related-section,.freepik-home-proof,.freepik-home-cta),footer.region-content{contain-intrinsic-size:auto 420px}} .service-block,.hot-card,.course-card,.promo-card,.subbrand-card,.feature-item,.related-card,.blog-card,.media-card,.visual-review-card,.rich-panel,.rich-diagnostic-card,.rich-scenario-grid article,.freepik-service-card,.freepik-spotlight-card,.client-logo-marquee,.topic-showcase{contain:layout paint} .home-service-region[hidden],body.region-tw .home-service-region[data-region="global"],body.region-global .home-service-region[data-region="tw"]{display:none!important} .client-logo-strip{padding:34px 0 38px;overflow:hidden} .client-logo-strip .section-inner{display:grid;gap:12px;max-width:none;width:100%;margin:0} .client-logo-strip .client-logo-row{margin:0;min-width:0} .client-logo-strip .client-logo-marquee{display:flex;justify-content:center;margin:0;padding-top:20px;padding-bottom:20px;min-height:136px;width:100%} .client-logo-strip .client-logo-track{margin-inline:auto} body.region-tw footer .footer-region[data-region="global"],body.region-global footer .footer-region[data-region="tw"],body.market-tw footer .footer-region[data-region="global"],body.market-na footer .footer-region[data-region="tw"],body.market-china footer .footer-region[data-region="tw"],body.region-tw [data-footer-sitemap-region="global"],body.region-global [data-footer-sitemap-region="tw"]{display:none!important} .home-services-section{padding-top:92px;padding-bottom:98px} .home-services-section .section-head{max-width:940px;margin:0 auto 52px} .home-services-section .section-head h1,.home-services-section .section-head h2{max-width:900px;margin-left:auto;margin-right:auto;font-size:clamp(30px,3vw,42px);line-height:1.24} .home-services-section .section-head h1 .brand-text,.home-services-section .section-head h2 .brand-text{display:inline-block;margin:0 .16em} .home-services-section .section-head p{max-width:760px} .home-hot-section{padding-top:92px;padding-bottom:98px} .home-hot-section .hot-grid{align-items:stretch;gap:34px 20px} .home-hot-section .hot-card{display:flex;flex-direction:column;height:100%} .home-hot-section .hot-card-content{display:flex;flex:1;flex-direction:column;padding:20px 18px 18px} .home-hot-section .hot-card-content p{flex:1;min-height:0;margin-bottom:18px} .home-hot-section .hot-card-content .more{display:flex;align-items:flex-end;margin-top:auto;min-height:34px} @media(max-width:640px){.home-services-section,.home-hot-section{padding-top:64px;padding-bottom:70px} .home-services-section .section-head{margin-bottom:38px} .home-hot-section .hot-grid{gap:28px}} .section-head .service-section-subtitle{max-width:760px;margin:10px auto 0;color:var(--ink);font-size:clamp(22px,2.2vw,32px);line-height:1.35;font-weight:900;letter-spacing:0} .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch} .service-block{display:flex;flex-direction:column;height:100%;background:var(--white);border:1px solid var(--line);border-radius:6px;overflow:hidden;transition:all 0.3s;cursor:pointer;color:inherit;text-decoration:none} .service-block:hover{transform:translateY(-6px);box-shadow:0 16px 40px -12px rgba(0,0,0,0.15);border-color:var(--brand)} .service-block-image{aspect-ratio:16/10;background:linear-gradient(135deg,var(--ink),var(--gray-4));position:relative;overflow:hidden;flex:0 0 auto} .service-block-image::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 50%,rgba(31,109,159,0.30))} body.region-global .service-block-image::after{background:linear-gradient(135deg,transparent 50%,rgba(58,86,94,0.42))} .service-block-image .icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:56px;font-weight:900;z-index:1;opacity:0.95;text-shadow:0 4px 24px rgba(0,0,0,0.3)} .service-block-content{padding:24px 20px;display:flex;flex:1;flex-direction:column;align-items:flex-start} .service-block h3{font-size:20px;font-weight:900;margin-bottom:12px;color:var(--ink);line-height:1.35} .service-block p{font-size:13px;color:var(--gray-4);line-height:1.8;margin-bottom:18px;min-height:0;flex:1} .service-block .more{display:inline-flex;align-items:center;margin-top:auto;color:var(--brand);font-weight:700;font-size:14px} .service-block .more::after{content:' →';transition:margin 0.2s;display:inline-block} .service-block:hover .more::after{margin-left:4px} .hot-section{background:var(--gray-1)} .hot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px} .hot-card{display:block;color:inherit;text-decoration:none;background:var(--white);border-radius:6px;overflow:hidden;transition:all 0.3s;border:1px solid var(--line)} .hot-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px -8px rgba(0,0,0,0.12)} .hot-card-image{aspect-ratio:16/10;background:linear-gradient(135deg,var(--ink) 0%,#444 100%);position:relative;overflow:hidden} .hot-card-image .label{position:absolute;bottom:16px;left:16px;color:var(--white);font-weight:700;font-size:18px;z-index:1} .hot-card-image .badge{position:absolute;top:12px;right:12px;background:var(--brand-gradient);color:var(--white);font-size:11px;font-weight:700;padding:4px 8px;border-radius:2px;z-index:1} .hot-card-image::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,0.6))} .hot-card-content{padding:18px} .hot-card-content h4{font-size:16px;font-weight:700;margin-bottom:10px;color:var(--ink);line-height:1.4} .hot-card-content p{font-size:13px;color:var(--gray-4);line-height:1.75;margin-bottom:14px;min-height:90px} .hot-card-content .more{display:inline-block;color:var(--brand);font-weight:700;font-size:13px;border-top:1px solid var(--line);padding-top:12px;width:100%} .courses-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px} .course-card{background:var(--white);border:1px solid var(--line);border-radius:6px;overflow:hidden;transition:all 0.3s} .course-card:hover{box-shadow:0 12px 28px -8px rgba(0,0,0,0.12);transform:translateY(-4px)} .course-image{aspect-ratio:16/10;background:var(--brand-gradient-soft);position:relative;color:var(--white);padding:20px;display:flex;flex-direction:column;justify-content:space-between} .course-image .topic{font-size:13px;font-weight:700;background:rgba(255,255,255,0.2);padding:4px 10px;border-radius:2px;align-self:flex-start;backdrop-filter:blur(4px)} .course-image .course-title-img{font-size:18px;font-weight:900;line-height:1.4} .course-info{padding:16px 18px} .course-info h4{font-size:15px;font-weight:700;line-height:1.5;color:var(--ink);margin-bottom:12px;min-height:66px} .course-info .meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--gray-4);border-top:1px solid var(--line);padding-top:12px} .course-info .meta .more{color:var(--brand);font-weight:700} .promo-section{background:var(--gray-1)} .promo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px} .promo-card{background:var(--white);border-radius:6px;overflow:hidden;border:1px solid var(--line);transition:all 0.3s} .promo-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px -8px rgba(0,0,0,0.12)} .promo-img{aspect-ratio:16/10;background:linear-gradient(135deg,var(--ink),#2a2a2a);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:22px;text-align:center;padding:20px;position:relative} .promo-img::before{content:'PROMO';position:absolute;top:12px;left:12px;background:var(--brand-gradient);color:var(--white);font-size:11px;padding:3px 8px;border-radius:2px;font-weight:700} .promo-info{padding:16px 18px} .promo-info h4{font-size:15px;font-weight:700;line-height:1.5;color:var(--ink)} .stats-section{background:var(--ink);color:var(--white);padding:70px 24px} .stats-fixed-mask-layer{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:var(--stats-mask-image,none);background-position:center;background-size:cover;opacity:0;clip-path:inset(var(--stats-mask-top,100%) var(--stats-mask-right,0px) var(--stats-mask-bottom,0px) var(--stats-mask-left,0px));transition:opacity 180ms ease;will-change:clip-path,opacity} .stats-fixed-mask-layer.is-visible{opacity:1} .stats-section.fixed-mask-reveal{position:relative;z-index:1;isolation:isolate;overflow:hidden;background-color:#111419;background-image:var(--stats-section-image,url('/assets/home/taipei-101-social-data.webp'));background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),inset 0 -1px 0 rgba(255,255,255,0.08)} .stats-section.fixed-mask-reveal::before{content:'';position:absolute;inset:-2px 0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,0.08),rgba(255,255,255,0) 46%),linear-gradient(180deg,rgba(12,15,19,0.92),rgba(12,15,19,0.82) 44%,rgba(12,15,19,0.92)),linear-gradient(90deg,rgba(9,12,16,0.94),rgba(9,12,16,0.74) 50%,rgba(9,12,16,0.94))} .stats-section.fixed-mask-reveal::after{content:'';position:absolute;inset:-2px 0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0.14),rgba(255,255,255,0.02) 38%,rgba(255,255,255,0.08));opacity:0.24} .stats-section.fixed-mask-reveal .stats-inner{position:relative;z-index:2} .stats-section.fixed-mask-reveal .overseas-video-reel{position:relative;z-index:2} .stats-section.fixed-mask-fallback{background-image:var(--stats-section-image,url('/assets/home/taipei-101-social-data.webp'));background-position:center;background-size:cover;background-repeat:no-repeat} .stats-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center} .stats-inner[data-region="tw"]{grid-template-columns:repeat(3,1fr)} .stat-item{padding:0 16px;border-right:1px solid rgba(255,255,255,0.15)} .stat-item:last-child{border-right:none} .stat-num{font-size:56px;font-weight:900;color:var(--brand-light);line-height:1.1;margin-bottom:8px;text-shadow:0 2px 18px rgba(203,210,211,0.16)} body.region-global .stat-num{color:var(--brand-light)} .stat-num .unit{font-size:18px;color:rgba(255,255,255,0.9);font-weight:600;margin-left:4px} .stat-label{font-size:16px;font-weight:700;color:rgba(255,255,255,0.96)} .overseas-video-reel{width:min(1280px,100%);margin:0 auto;overflow:hidden;position:relative} .overseas-video-section{overflow:hidden;background:#0f141a} .overseas-video-reel::before,.overseas-video-reel::after{content:'';position:absolute;top:0;bottom:0;width:min(120px,16vw);z-index:3;pointer-events:none} .overseas-video-reel::before{left:0;background:linear-gradient(90deg,rgba(9,12,16,0.92),rgba(9,12,16,0))} .overseas-video-reel::after{right:0;background:linear-gradient(270deg,rgba(9,12,16,0.92),rgba(9,12,16,0))} .overseas-video-track{display:flex;width:max-content;min-width:max-content;animation:overseasVideoReel 36s linear infinite;animation-fill-mode:none;backface-visibility:hidden;transform:translate3d(0,0,0);will-change:transform} @media(hover:hover) and(pointer:fine){.overseas-video-reel:hover .overseas-video-track,.overseas-video-reel:focus-within .overseas-video-track{animation-play-state:paused}} .overseas-video-set{display:flex;flex:0 0 auto;align-items:stretch;gap:18px;min-width:max-content;padding-right:18px} .overseas-video-section.is-static-videos .overseas-video-reel{overflow:visible} .overseas-video-section.is-static-videos .overseas-video-reel::before,.overseas-video-section.is-static-videos .overseas-video-reel::after{display:none} .overseas-video-section.is-static-videos .overseas-video-track{width:100%;min-width:0;animation:none;transform:none;will-change:auto} .overseas-video-section.is-static-videos .overseas-video-set{width:100%;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-right:0} .overseas-video-section.is-static-videos .overseas-video-card{flex:none;width:100%} .overseas-video-card{position:relative;flex:0 0 clamp(280px,28vw,430px);display:block;aspect-ratio:16 / 9;overflow:hidden;border-radius:8px;border:1px solid rgba(255,255,255,0.18);background:rgba(10,13,17,0.86);background-image:linear-gradient(180deg,rgba(6,9,12,0.08),rgba(6,9,12,0.62)),var(--video-poster);background-position:center;background-size:cover;box-shadow:0 24px 60px -34px rgba(0,0,0,0.9);color:var(--white);cursor:pointer;text-decoration:none;outline:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease} .overseas-video-card video,.overseas-video-poster{width:100%;height:100%;display:block;object-fit:cover;transition:opacity .2s ease,transform .35s ease} .overseas-video-card video{opacity:0} .overseas-video-card.is-video-ready video{opacity:0.92} .overseas-video-poster{background-image:var(--video-poster);background-position:center;background-size:cover;opacity:0.92} .overseas-video-card:hover,.overseas-video-card:focus-visible{border-color:rgba(255,255,255,0.42);box-shadow:0 28px 68px -34px rgba(0,0,0,0.95),0 0 0 3px rgba(65,154,200,0.22);transform:translateY(-2px)} .overseas-video-card:hover video,.overseas-video-card:focus-visible video,.overseas-video-card:hover .overseas-video-poster,.overseas-video-card:focus-visible .overseas-video-poster{opacity:1;transform:scale(1.025)} .overseas-video-card::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(6,9,12,0.08),rgba(6,9,12,0.2) 48%,rgba(6,9,12,0.78))} .overseas-video-caption{position:absolute;left:18px;right:18px;bottom:16px;z-index:2;color:var(--white)} .overseas-video-tag{display:inline-flex;align-items:center;min-height:22px;padding:3px 8px;margin-bottom:8px;border:1px solid rgba(255,255,255,0.34);border-radius:4px;background:rgba(255,255,255,0.1);font-size:11px;line-height:1;font-weight:800;letter-spacing:0;text-transform:uppercase} .overseas-video-title{margin:0;font-size:clamp(15px,1.3vw,18px);line-height:1.35;font-weight:800;text-shadow:0 2px 18px rgba(0,0,0,0.42)} @keyframes overseasVideoReel{from{transform:translate3d(0,0,0)} to{transform:translate3d(-25%,0,0)}} @media(prefers-reduced-motion:reduce){.overseas-video-reel{overflow-x:auto;scrollbar-width:none} .overseas-video-reel::-webkit-scrollbar{display:none} .overseas-video-track{animation:none}} @media(max-width:900px){.overseas-video-section.is-static-videos .overseas-video-set{grid-template-columns:1fr}} .client-logo-marquee{position:relative;overflow:hidden;background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;min-height:154px;cursor:grab;user-select:none;touch-action:pan-y} .client-logo-marquee::before,.client-logo-marquee::after{content:'';position:absolute;top:0;bottom:0;width:min(120px,18vw);z-index:2;pointer-events:none} .client-logo-marquee::before{left:0;background:linear-gradient(90deg,var(--white),rgba(255,255,255,0))} .client-logo-marquee::after{right:0;background:linear-gradient(270deg,var(--white),rgba(255,255,255,0))} .client-logo-track{display:flex;align-items:center;gap:18px;width:max-content;animation:clientLogoMarquee var(--marquee-duration,96s) linear infinite;will-change:transform} .client-logo-marquee.is-dragging{cursor:grabbing} .client-logo-marquee.is-dragging .client-logo-track{animation-play-state:paused} .client-logo-set{display:flex;align-items:center;gap:18px;flex:0 0 auto} .client-logo{flex:0 0 clamp(132px,12vw,190px);width:clamp(132px,12vw,190px);min-width:0;height:92px;display:flex;align-items:center;justify-content:center;padding:12px;margin:0;background:#fff;border:1px solid rgba(18,59,98,0.1);border-radius:6px;box-shadow:0 8px 18px -18px rgba(6,28,49,0.38)} .client-logo--text{flex-direction:column;gap:3px;text-align:center;background:transparent;border-color:rgba(18,59,98,0.05);box-shadow:none} .client-logo--text .mark{font-size:clamp(18px,1.4vw,27px);line-height:1.05;font-weight:900;color:var(--brand-dark)} .client-logo--text .sub{font-size:12px;line-height:1.2;font-weight:700;color:var(--brand);white-space:normal} .client-logo img{display:block;max-width:100%;max-height:76px;width:auto;height:auto;object-fit:contain} .media-partner-section{padding:72px 24px;max-width:1280px;margin:0 auto} .media-partner-section .section-head{margin-bottom:34px} .media-partner-section .section-head p{max-width:680px;margin:12px auto 0;color:var(--gray-4)} .media-partner-marquee{border-radius:0;margin-top:0} @keyframes clientLogoMarquee{from{transform:translate3d(0,0,0)} to{transform:translate3d(calc(-50% - 9px),0,0)}} .subbrands-section{background:var(--gray-1)} .subbrands-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px} .subbrand-card{background:var(--white);border-radius:6px;padding:28px 24px;border:1px solid var(--line);transition:all 0.3s} .subbrand-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px -8px rgba(0,0,0,0.12);border-color:var(--brand)} .subbrand-icon{width:56px;height:56px;background:var(--brand-light);color:var(--brand);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;margin-bottom:18px} .subbrand-card h4{font-size:18px;font-weight:900;margin-bottom:10px;color:var(--ink)} .subbrand-card p{font-size:13px;color:var(--gray-4);line-height:1.8;margin-bottom:16px;min-height:70px} .subbrand-card .more{color:var(--brand);font-weight:700;font-size:13px}[data-region="tw"] .subbrands-grid{grid-template-columns:repeat(4,1fr)}[data-region="tw"] .subbrand-card{min-height:280px;padding:0;position:relative;overflow:hidden;border:none;background:var(--cover) center / cover no-repeat;display:flex;align-items:flex-end}[data-region="tw"] .subbrand-card::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.04) 0%,rgba(0,0,0,0.42) 68%,rgba(0,0,0,0.78) 100%);transition:background 0.28s ease}[data-region="tw"] .subbrand-card:hover,[data-region="tw"] .subbrand-card:focus-within{transform:translateY(-4px);box-shadow:0 18px 36px -16px rgba(0,0,0,0.36)}[data-region="tw"] .subbrand-card:hover::before,[data-region="tw"] .subbrand-card:focus-within::before{background:rgba(0,0,0,0.78)}[data-region="tw"] .subbrand-content{position:relative;z-index:1;width:100%;padding:24px;transform:translateY(76px);transition:transform 0.28s ease}[data-region="tw"] .subbrand-card:hover .subbrand-content,[data-region="tw"] .subbrand-card:focus-within .subbrand-content{transform:translateY(0)}[data-region="tw"] .subbrand-card h4{color:#fff;font-size:20px;line-height:1.35;margin-bottom:12px;text-shadow:0 2px 12px rgba(0,0,0,0.55)}[data-region="tw"] .subbrand-card p,[data-region="tw"] .subbrand-card .more{color:rgba(255,255,255,0.92);opacity:0;transition:opacity 0.22s ease}[data-region="tw"] .subbrand-card p{min-height:96px;margin-bottom:18px}[data-region="tw"] .subbrand-card .more{display:inline-flex;color:#fff}[data-region="tw"] .subbrand-card:hover p,[data-region="tw"] .subbrand-card:hover .more,[data-region="tw"] .subbrand-card:focus-within p,[data-region="tw"] .subbrand-card:focus-within .more{opacity:1}[data-region="tw"] .subbrand-card[data-cover="ai"]{--cover:url("/assets/generated-covers/services/ai.webp")}[data-region="tw"] .subbrand-card[data-cover="ai-cs"]{--cover:url("/assets/generated-covers/hot/ai-cs.webp")}[data-region="tw"] .subbrand-card[data-cover="social"]{--cover:url("/assets/generated-covers/hot/short-video.webp")}[data-region="tw"] .subbrand-card[data-cover="seo"]{--cover:url("/assets/generated-covers/hot/seo.webp")}[data-region="tw"] .subbrand-card[data-cover="startup"]{--cover:url("/assets/generated-covers/course/female-founder.webp")}[data-region="tw"] .subbrand-card[data-cover="group"]{--cover:url("/assets/generated-covers/promo/ecom.webp")}[data-region="tw"] .subbrand-card[data-cover="recruit"]{--cover:url("/assets/generated-covers/course/leadership.webp")} @media(max-width:768px){[data-region="tw"] .subbrands-grid{grid-template-columns:1fr}[data-region="tw"] .subbrand-card{min-height:260px}[data-region="tw"] .subbrand-content{transform:translateY(0);padding:22px}[data-region="tw"] .subbrand-card p,[data-region="tw"] .subbrand-card .more{opacity:1}[data-region="tw"] .subbrand-card::before{background:linear-gradient(180deg,rgba(0,0,0,0.14) 0%,rgba(0,0,0,0.76) 100%)}} footer{position:relative;isolation:isolate;overflow:hidden;background:var(--ink);color:var(--white);padding:56px 24px 24px} footer::before,footer::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0} footer::before{background:url("/assets/footer/abstract-metallic-blue-diagonal-lines-background.webp") center / cover no-repeat;opacity:0.86} footer::after{background:linear-gradient(90deg,rgba(26,29,34,0.58) 0%,rgba(26,29,34,0.44) 52%,rgba(26,29,34,0.52) 100%),rgba(255,255,255,0.04);-webkit-backdrop-filter:blur(10px) saturate(128%);backdrop-filter:blur(10px) saturate(128%)} .footer-inner{position:relative;z-index:1;max-width:1760px;margin:0 auto} .footer-grid{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:40px;margin-bottom:34px} .footer-brand .logo-mark{display:none} .footer-brand-name{font-size:22px;font-weight:900;line-height:1.22;margin-bottom:14px} body.lang-en .footer-brand-name{line-height:1.14} .footer-contact{font-size:13px;line-height:2;color:rgba(255,255,255,0.7)} .footer-contact a:hover{color:var(--brand)} .footer-col h5{font-size:14px;font-weight:900;margin-bottom:18px;color:var(--white)} .footer-col ul{list-style:none} .footer-col li{margin-bottom:10px} .footer-col a{font-size:13px;color:rgba(255,255,255,0.65);transition:color 0.2s} .footer-col a:hover{color:var(--white)} .footer-col h5 a{color:inherit;display:inline-block;font-size:inherit;font-weight:inherit;line-height:inherit;text-decoration:none} .footer-col h5 a:hover,.footer-col h5 a:focus-visible{color:var(--white);outline:none} .footer-col-wide{grid-column:span 2} .footer-col-wide ul{columns:2;column-gap:28px} .footer-col-wide li{break-inside:avoid} @media(min-width:1201px){[data-region="tw"] .footer-grid{grid-template-rows:auto auto auto;row-gap:34px}[data-region="tw"] .footer-grid>:nth-child(1){grid-column:1;grid-row:1}[data-region="tw"] .footer-grid>:nth-child(2){grid-column:2;grid-row:1}[data-region="tw"] .footer-grid>:nth-child(3){grid-column:3;grid-row:1}[data-region="tw"] .footer-grid>:nth-child(4){grid-column:4 / span 2;grid-row:1 / span 2}[data-region="tw"] .footer-grid>:nth-child(5){grid-column:1;grid-row:2}[data-region="tw"] .footer-grid>:nth-child(6){grid-column:2;grid-row:2}[data-region="tw"] .footer-grid>:nth-child(7){grid-column:3;grid-row:2}[data-region="tw"] .footer-grid>:nth-child(8){grid-column:4;grid-row:3}[data-region="tw"] .footer-grid>:nth-child(9){grid-column:5;grid-row:3}[data-region="tw"] .footer-grid>:nth-child(10){grid-column:1;grid-row:3}[data-region="tw"] .footer-grid>:nth-child(8),[data-region="tw"] .footer-grid>:nth-child(9){margin-top:-150px}[data-region="global"] .footer-grid{align-items:start;row-gap:34px}[data-region="global"] .footer-grid>:nth-child(6){margin-top:-124px}[data-region="global"] .footer-grid>:nth-child(7){margin-top:-112px}[data-region="global"] .footer-grid>:nth-child(8){margin-top:-72px}[data-region="global"] .footer-grid>:nth-child(11){margin-top:-166px}} .footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:24px;padding-right:112px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;font-size:12px;color:rgba(255,255,255,0.5)} .footer-bottom a{color:rgba(255,255,255,0.65)} .footer-bottom a:hover{color:var(--white)} .footer-social{display:flex;gap:10px;align-items:center;flex:0 0 auto} .footer-social a{width:32px;height:32px;flex:0 0 32px;background:rgba(255,255,255,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;line-height:1;white-space:nowrap;overflow:hidden;text-decoration:none;transition:background 0.2s} .footer-social a.has-footer-social-icon{color:rgba(255,255,255,0.88);font-size:0} .footer-social a.has-footer-social-icon svg{display:block;width:16px;height:16px;fill:currentColor;stroke:currentColor} .footer-social a:hover{background:var(--brand-gradient)} .footer-social a.has-footer-social-icon:hover{color:var(--white)} .footer-sitemap{border-top:1px solid rgba(255,255,255,0.12);padding-top:34px;margin:0 0 30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(142px,1fr));gap:28px 36px;align-items:start} .footer-sitemap-col h5{color:var(--white);font-size:clamp(17px,1.2vw,22px);font-weight:900;line-height:1.25;margin-bottom:16px;letter-spacing:0} .footer-sitemap-col ul{list-style:none;margin:0;padding:0;display:grid;gap:8px} .footer-sitemap-col a{display:inline-block;color:rgba(255,255,255,0.88);font-size:clamp(13px,0.9vw,16px);line-height:1.55;text-decoration:none;overflow-wrap:anywhere;transition:color 0.2s,transform 0.2s} .footer-sitemap-col a:hover,.footer-sitemap-col a:focus-visible{color:var(--white);transform:translateX(3px);outline:none} .footer-sitemap-col a.featured{color:#dfff00} .footer-sitemap-col a.featured:hover,.footer-sitemap-col a.featured:focus-visible{color:#f1ff4d} .fab-group{position:fixed;right:0;bottom:28px;display:flex;flex-direction:row;align-items:flex-end;gap:6px;z-index:120;opacity:1;transform:translateX(0);visibility:visible;pointer-events:none;transition:opacity 0.2s ease,transform 0.24s cubic-bezier(.2,1.2,.35,1),visibility 0s linear 0s} body.ai-chat-open .fab-group{opacity:0;transform:translateX(120%);visibility:hidden;pointer-events:none;transition:opacity 0.16s ease,transform 0.2s ease,visibility 0s linear 0.2s;will-change:opacity,transform} body.ai-chat-open .fab-group .fab{pointer-events:none} .fab-group[hidden]{display:none !important} #fabGroup.is-chat-docked{opacity:0 !important;transform:translateX(120%) !important;visibility:hidden !important;pointer-events:none !important;will-change:opacity,transform} #fabGroup.is-chat-docked .fab{pointer-events:none !important} .fab-stack{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 8px;margin-right:0;background:rgba(255,255,255,0.92);border:1px solid rgba(18,18,18,0.08);border-right:0;border-radius:18px 0 0 18px;box-shadow:0 18px 46px rgba(0,0,0,0.18);backdrop-filter:blur(12px);opacity:1;transform:translateX(0) scale(1);transition:opacity 0.22s ease,transform 0.22s ease;visibility:visible;pointer-events:auto} .fab-bookmarks{display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:auto} .fab-group.collapsed .fab-stack{display:none;opacity:0;transform:translateX(18px) scale(0.96);visibility:hidden;pointer-events:none} .fab{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);background:var(--brand-gradient-soft);border:1px solid rgba(255,255,255,0.18);font-weight:800;font-size:11px;box-shadow:0 12px 28px rgba(0,0,0,0.22);transition:transform 0.2s,box-shadow 0.2s,background 0.2s;text-decoration:none;cursor:pointer;position:relative;padding:0;font-family:inherit;pointer-events:auto} .fab:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 16px 34px rgba(0,0,0,0.28)} .fab svg{width:28px;height:28px;display:block;stroke:currentColor} .fab .line-word{font-size:11px;font-weight:900;letter-spacing:0.02em} .fab-line{background:#06C755;border-color:rgba(255,255,255,0.22)} .fab-service-cart{background:#24343b} .fab-service-cart .fab-badge{background:#dfff00;color:var(--ink)} .fab-phone,.fab-member,.fab-top{background:#161819} .fab-bookmark{width:42px;height:112px;border-radius:18px 0 0 18px;border:1px solid rgba(255,255,255,0.28);border-right:0;flex-direction:column;gap:8px;align-self:center;box-shadow:0 16px 34px rgba(0,0,0,0.26);overflow:hidden;transition:transform 0.24s cubic-bezier(.2,1.4,.35,1),box-shadow 0.24s ease,filter 0.24s ease} .fab-bookmark:hover{transform:translateX(-2px) translateY(-2px);box-shadow:0 18px 40px rgba(0,0,0,0.28);filter:saturate(1.08)} .fab-bookmark:active{transform:translateX(0) scale(0.97)} .fab-bookmark-line{background:#06C755;border-color:rgba(255,255,255,0.28)} .fab-bookmark-ai{background:linear-gradient(180deg,#1687bd 0%,#113d5c 100%);border-color:rgba(167,221,255,0.42)} .fab-bookmark-more,.fab-toggle{background:#161819} .fab-bookmark-icon{display:grid;place-items:center;min-width:22px;min-height:22px;font-size:10px;font-weight:900;letter-spacing:0;line-height:1;writing-mode:horizontal-tb;color:currentColor} .fab-bookmark-ai .fab-bookmark-icon{border:1px solid rgba(255,255,255,0.58);border-radius:999px;font-size:11px} .fab-bookmark-line .fab-bookmark-icon{font-size:9px} .fab-toggle svg{width:20px;height:20px} .fab-bookmark-text{writing-mode:vertical-rl;text-orientation:mixed;font-size:12px;line-height:1;letter-spacing:0.12em;font-weight:900} .fab-toggle .icon-close{display:none} .fab-group:not(.collapsed) .fab-toggle .icon-menu{display:none} .fab-group:not(.collapsed) .fab-toggle .icon-close{display:block} .fab-group.collapsed .fab-toggle .icon-menu{display:block} .fab-group.collapsed .fab-toggle .icon-close{display:none} .fab-badge{position:absolute;top:-5px;right:-5px;background:#cbd2d3;color:var(--ink);font-size:10px;font-weight:900;padding:2px 7px;border-radius:999px;line-height:1.2;box-shadow:0 2px 6px rgba(0,0,0,0.2)} .fab-ai{background:var(--brand-gradient-soft);overflow:visible} .fab-ai::before{content:'';position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--brand);opacity:0.5;animation:aiPulse 2s ease infinite} @keyframes aiPulse{0%{transform:scale(1);opacity:0.5} 100%{transform:scale(1.3);opacity:0}} @media(max-width:640px){html{scroll-padding-bottom:calc(104px+env(safe-area-inset-bottom,0px))} body{padding-bottom:calc(104px+env(safe-area-inset-bottom,0px))} .footer-bottom{padding-right:0;padding-bottom:calc(104px+env(safe-area-inset-bottom,0px))} .fab-group{right:max(10px,env(safe-area-inset-right,0px));bottom:calc(12px+env(safe-area-inset-bottom,0px));flex-direction:row-reverse;align-items:flex-end;gap:8px} .fab-stack{position:absolute;right:0;bottom:calc(100%+8px);gap:8px;padding:8px;border:1px solid rgba(18,18,18,0.08);border-radius:18px} .fab-bookmarks{flex-direction:row;align-items:center;gap:8px} .fab{width:46px;height:46px} .fab svg{width:22px;height:22px} .fab-badge{font-size:9px;padding:2px 6px} .fab-bookmark{width:46px;height:46px;border-radius:999px;border-right:1px solid rgba(255,255,255,0.28);gap:0} .fab-bookmark-text{display:none} .fab-bookmark-icon{min-width:20px;min-height:20px} .fab-bookmark-line .fab-bookmark-icon{font-size:8px}} .ai-chat-backdrop{position:fixed;inset:0;z-index:139;display:block;background:transparent;border:0;opacity:0;visibility:hidden;pointer-events:none;cursor:default;padding:0;color:transparent;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden} body.ai-chat-open .ai-chat-backdrop{opacity:1;visibility:visible;pointer-events:auto} .ai-chat-panel{position:fixed;right:20px;bottom:20px;width:380px;height:580px;max-height:calc(100vh - 40px);background:var(--white);border-radius:14px;box-shadow:0 24px 60px -12px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.05);display:flex;flex-direction:column;z-index:140;transform:translateY(20px) scale(0.96);opacity:0;pointer-events:none;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);overflow:hidden} .ai-chat-panel.open{transform:translateY(0) scale(1);opacity:1;pointer-events:auto} .ai-chat-header{background:linear-gradient(135deg,var(--ink) 0%,#2a2a2a 100%);color:var(--white);padding:18px 20px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden} .ai-chat-header::before{content:'';position:absolute;top:-50%;right:-10%;width:50%;height:200%;background:radial-gradient(circle,rgba(31,109,159,0.26),transparent 70%);pointer-events:none} .ai-chat-header-info{position:relative;z-index:1} .ai-chat-header-info strong{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:900} .ai-chat-header-info strong::before{content:'';width:8px;height:8px;background:#35d06f;border-radius:50%;box-shadow:0 0 0 2px rgba(53,208,111,0.18),0 0 9px rgba(53,208,111,0.85)} .ai-chat-header-info small{font-size:12px;color:rgba(255,255,255,0.7);margin-top:4px;display:block} .ai-chat-close{background:rgba(255,255,255,0.1);border:none;width:30px;height:30px;border-radius:50%;color:var(--white);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s;position:relative;z-index:1} .ai-chat-close:hover{background:rgba(255,255,255,0.2)} .ai-chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:14px;background:#fafafa} .ai-chat-messages::-webkit-scrollbar{width:4px} .ai-chat-messages::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px} .msg{max-width:85%;padding:12px 14px;border-radius:14px;font-size:14px;line-height:1.6;animation:msgIn 0.3s ease} @keyframes msgIn{from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:translateY(0)}} .msg.ai{align-self:flex-start;background:var(--white);color:var(--ink);border:1px solid var(--line);border-bottom-left-radius:4px} .msg.user{align-self:flex-end;background:var(--brand-gradient);color:var(--white);border-bottom-right-radius:4px} .msg-result{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)} .msg-result-card{display:block;margin-top:8px;padding:10px 12px;background:var(--gray-1);border-radius:8px;border:1px solid transparent;transition:all 0.2s;cursor:pointer;text-decoration:none;color:inherit} .msg-result-card:hover{background:var(--white);border-color:var(--brand);transform:translateX(2px)} .msg-result-card .cat{font-size:11px;color:var(--brand);font-weight:700;letter-spacing:0.08em;margin-bottom:2px} .msg-result-card .title{font-size:13.5px;font-weight:700;color:var(--ink);line-height:1.4} .msg-result-card .desc{font-size:12px;color:var(--gray-4);margin-top:4px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .msg-result-card .arrow{color:var(--brand);font-size:12px;margin-top:6px;font-weight:700} .msg-thinking{display:flex;align-items:center;gap:4px;padding:14px 16px} .msg-thinking span{width:6px;height:6px;background:var(--gray-3);border-radius:50%;animation:thinking 1.4s ease infinite} .msg-thinking span:nth-child(2){animation-delay:0.2s} .msg-thinking span:nth-child(3){animation-delay:0.4s} @keyframes thinking{0%,80%,100%{transform:scale(0.6);opacity:0.5} 40%{transform:scale(1);opacity:1}} .ai-chat-suggestions{display:flex;gap:6px;flex-wrap:wrap;padding:0 20px 12px;background:#fafafa} .ai-chat-suggestion{background:var(--white);border:1px solid var(--line);color:var(--gray-4);padding:7px 12px;border-radius:16px;font-size:12.5px;cursor:pointer;transition:all 0.2s;font-family:inherit} .ai-chat-suggestion:hover{background:var(--brand-gradient);color:var(--white);border-color:var(--brand)} .ai-chat-dock{border-top:1px solid var(--line);background:var(--white);padding:10px 16px 14px;display:grid;gap:8px} .ai-chat-bookmarks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px} .ai-chat-bookmark,.ai-chat-more-action{min-width:0;min-height:34px;border:1px solid var(--line);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;color:var(--ink);background:#f9fafb;font-family:inherit;font-size:12px;font-weight:900;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform 0.2s cubic-bezier(.2,1.25,.35,1),box-shadow 0.2s ease,background 0.2s ease} .ai-chat-bookmark:hover,.ai-chat-more-action:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(18,31,46,0.12)} .ai-chat-bookmark:active,.ai-chat-more-action:active{transform:translateY(1px) scale(0.98)} .ai-chat-bookmark-line{background:#06C755;border-color:#06C755;color:#fff} .ai-chat-bookmark-ai{background:linear-gradient(135deg,#1687bd 0%,#123b62 100%);border-color:rgba(22,135,189,0.45);color:#fff} .ai-chat-bookmark-more{background:#161819;border-color:#161819;color:#fff} .ai-chat-more-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;animation:aiChatQuickIn 0.28s cubic-bezier(.16,1.28,.34,1) both} .ai-chat-more-actions[hidden]{display:none} .ai-chat-more-action{min-height:32px;padding:0 8px;color:var(--gray-4);background:var(--white);font-size:11.5px} @keyframes aiChatQuickIn{0%{opacity:0;transform:translateY(8px) scale(0.98,0.9)} 70%{opacity:1;transform:translateY(-1px) scale(1.015,1.04)} 100%{opacity:1;transform:translateY(0) scale(1)}} .ai-chat-input-area{padding:0;border-top:0;background:transparent;display:flex;gap:8px} .ai-chat-input{flex:1;padding:11px 14px;border:1px solid var(--line);border-radius:22px;font-family:inherit;font-size:14px;transition:border-color 0.2s} .ai-chat-input:focus{outline:none;border-color:var(--brand)} .ai-chat-send{background:var(--brand-gradient);color:var(--white);border:none;width:42px;height:42px;border-radius:50%;cursor:pointer;font-size:18px;transition:all 0.2s;display:flex;align-items:center;justify-content:center} .ai-chat-send:hover{background:var(--brand-dark);transform:scale(1.05)} .ai-chat-send:disabled{background:var(--gray-3);cursor:not-allowed;transform:none} @media(max-width:640px){.ai-chat-panel{right:10px;left:10px;bottom:10px;width:auto;height:80vh} .ai-chat-dock{padding:9px 14px 12px} .ai-chat-bookmark,.ai-chat-more-action{padding:0 8px;font-size:11.5px} .ai-chat-more-actions{grid-template-columns:repeat(2,minmax(0,1fr))}} .consult-nudge{position:fixed;left:24px;bottom:24px;width:min(360px,calc(100vw - 48px));background:rgba(255,255,255,0.96);color:var(--ink);border:1px solid rgba(18,18,18,0.1);border-radius:8px;box-shadow:0 22px 54px rgba(0,0,0,0.18);padding:18px;z-index:130;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(18px);transition:opacity 0.24s ease,transform 0.24s ease;backdrop-filter:blur(14px)} .consult-nudge.show{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)} .consult-nudge.show:not(.is-collapsed){transform-origin:28px calc(100% - 18px);animation:consultNudgeCardPopIn 0.58s cubic-bezier(0.18,1.26,0.34,1) both} .consult-nudge.is-collapsed{width:auto;min-width:0;padding:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none;overflow:visible} .consult-nudge::before{content:'';position:absolute;left:18px;right:18px;top:0;height:3px;background:var(--brand-gradient);border-radius:0 0 3px 3px} .consult-nudge.is-collapsed::before{display:none} .consult-nudge-tab{display:none;position:relative;align-items:center;gap:8px;min-height:44px;padding:10px 16px;background:var(--brand-gradient);background-size:180% 180%;color:var(--white);border:0;border-radius:8px;box-shadow:0 14px 34px rgba(58,86,94,0.28);font-family:inherit;font-size:14px;font-weight:900;cursor:pointer;overflow:hidden;isolation:isolate;animation:consultNudgePulse 2.8s ease-in-out infinite,consultNudgeTabGradient 5.6s ease-in-out infinite;transition:transform 0.2s,box-shadow 0.2s} .consult-nudge-tab:hover{transform:translateY(-2px) scale(1.015);box-shadow:0 16px 36px rgba(58,86,94,0.34)} .consult-nudge-tab::before{content:'';position:relative;z-index:1;width:9px;height:9px;border-radius:50%;background:#54e38d;box-shadow:0 0 0 5px rgba(84,227,141,0.18),0 0 18px rgba(84,227,141,0.78);animation:consultNudgeTabDot 1.9s ease-in-out infinite} .consult-nudge-tab::after{content:'';position:absolute;z-index:0;top:-60%;bottom:-60%;left:-58px;width:34px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.52),transparent);transform:rotate(18deg);animation:consultNudgeTabShine 4.8s ease-in-out infinite} .consult-nudge-tab span,.consult-nudge-tab small{position:relative;z-index:1} .consult-nudge-tab small{display:inline-flex;align-items:center;min-height:22px;padding:2px 7px;background:rgba(255,255,255,0.18);border-radius:6px;font-size:11px;line-height:1} .consult-nudge.is-collapsed .consult-nudge-tab{display:inline-flex} .consult-nudge-bubble{display:none;position:absolute;left:0;top:auto;right:auto;bottom:calc(100% + 10px);width:min(300px,calc(100vw - 28px));margin:0;padding:12px 14px;background:rgba(255,255,255,0.98);color:var(--ink);border:1px solid rgba(18,18,18,0.1);border-radius:8px;box-shadow:0 16px 38px rgba(0,0,0,0.16);font-size:13.5px;font-weight:800;line-height:1.55;transform-origin:22px calc(100% + 8px)} .consult-nudge.is-collapsed .consult-nudge-bubble{top:auto!important;right:auto!important;bottom:calc(100% + 12px)!important;z-index:2;pointer-events:none} .consult-nudge-bubble::after{content:'';position:absolute;left:20px;top:auto;bottom:-7px;width:14px;height:14px;background:rgba(255,255,255,0.98);border-right:1px solid rgba(18,18,18,0.1);border-bottom:1px solid rgba(18,18,18,0.1);transform:rotate(45deg)} .consult-nudge.is-collapsed .consult-nudge-bubble::after{top:auto!important;bottom:-7px!important} .consult-nudge.is-collapsed.has-bubble .consult-nudge-bubble{display:block;animation:consultNudgeBubbleIn 0.46s cubic-bezier(0.2,1.3,0.34,1) both;will-change:opacity,transform} .consult-nudge.is-collapsed.is-bubble-leaving .consult-nudge-bubble{display:block;animation:consultNudgeBubbleOut 0.34s cubic-bezier(0.42,0,0.58,1) both;will-change:opacity,transform} .consult-nudge.is-collapsed .consult-nudge-kicker,.consult-nudge.is-collapsed .consult-nudge-title,.consult-nudge.is-collapsed .consult-nudge-text,.consult-nudge.is-collapsed .consult-nudge-actions{display:none} .consult-nudge-kicker{color:var(--brand);font-size:12px;font-weight:900;margin-bottom:8px} .consult-nudge-title{display:block;font-size:17px;font-weight:900;line-height:1.45;margin-bottom:6px} .consult-nudge-text{color:var(--gray-4);font-size:14px;line-height:1.7;margin:0 0 14px} .consult-nudge-actions{display:flex;flex-wrap:wrap;gap:8px} .consult-nudge-btn{flex:1 1 128px;min-height:42px;border-radius:8px;border:1px solid var(--line);padding:10px 14px;font-family:inherit;font-size:14px;font-weight:900;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s,background 0.2s,border-color 0.2s} .consult-nudge-btn:hover{transform:translateY(-1px)} .consult-nudge-btn.secondary{background:var(--white);color:var(--gray-4)} .consult-nudge-btn.secondary:hover{border-color:var(--gray-3);background:var(--gray-1)} .consult-nudge-btn.primary{background:var(--brand-gradient);border-color:transparent;color:var(--white);box-shadow:0 12px 28px rgba(58,86,94,0.2)} .consult-nudge-btn.primary:hover{background:var(--brand-dark);box-shadow:0 14px 30px rgba(58,86,94,0.28)} @keyframes consultNudgeCardPopIn{0%{opacity:0;transform:translateY(22px) scale(0.9)} 46%{opacity:1;transform:translateY(-5px) scale(1.035)} 68%{opacity:1;transform:translateY(2px) scale(0.988)} 100%{opacity:1;transform:translateY(0) scale(1)}} @keyframes consultNudgePulse{0%,100%{box-shadow:0 14px 34px rgba(58,86,94,0.28)} 50%{box-shadow:0 18px 42px rgba(58,86,94,0.42)}} @keyframes consultNudgeTabGradient{0%,100%{background-position:0% 50%} 50%{background-position:100% 50%}} @keyframes consultNudgeTabDot{0%,100%{transform:scale(0.88);opacity:0.78} 45%{transform:scale(1.18);opacity:1} 70%{transform:scale(0.98);opacity:0.92}} @keyframes consultNudgeTabShine{0%,58%{left:-58px;opacity:0} 68%{opacity:0.78} 82%{left:calc(100%+18px);opacity:0} 100%{left:calc(100%+18px);opacity:0}} @keyframes consultNudgeBubbleIn{0%{opacity:0;transform:translateY(12px) scale(0.86)} 58%{opacity:1;transform:translateY(-3px) scale(1.045)} 78%{opacity:1;transform:translateY(1px) scale(0.985)} 100%{opacity:1;transform:translateY(0) scale(1)}} @keyframes consultNudgeBubbleOut{0%{opacity:1;transform:translateY(0) scale(1)} 42%{opacity:1;transform:translateY(-2px) scale(1.025)} 100%{opacity:0;transform:translateY(10px) scale(0.92)}} @media(min-width:768px){.consult-nudge.show:not(.is-collapsed){animation:consultNudgeCardPopIn 0.58s cubic-bezier(0.18,1.26,0.34,1) both !important} .consult-nudge-tab{animation:consultNudgePulse 2.8s ease-in-out infinite,consultNudgeTabGradient 5.6s ease-in-out infinite !important} .consult-nudge-tab::before{animation:consultNudgeTabDot 1.9s ease-in-out infinite !important} .consult-nudge-tab::after{animation:consultNudgeTabShine 4.8s ease-in-out infinite !important} .consult-nudge.is-collapsed.has-bubble .consult-nudge-bubble{animation:consultNudgeBubbleIn 0.46s cubic-bezier(0.2,1.3,0.34,1) both !important} .consult-nudge.is-collapsed.is-bubble-leaving .consult-nudge-bubble{animation:consultNudgeBubbleOut 0.34s cubic-bezier(0.42,0,0.58,1) both !important}} @media(max-width:640px){.consult-nudge{left:max(10px,env(safe-area-inset-left,0px));right:auto;bottom:calc(12px+env(safe-area-inset-bottom,0px));width:auto;max-width:calc(100vw - 202px);padding:15px} .consult-nudge-title{font-size:16px} .consult-nudge-text{font-size:13.5px} .consult-nudge-btn{flex-basis:112px;padding-left:10px;padding-right:10px} .consult-nudge.is-collapsed{right:auto;max-width:calc(100vw - 202px)} .consult-nudge-tab{min-height:46px;max-width:calc(100vw - 202px);padding:9px 13px;font-size:13.5px;white-space:nowrap} .consult-nudge-tab span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .consult-nudge-bubble{display:none !important} .consult-nudge.show:not(.is-collapsed){left:10px;right:10px;bottom:calc(12px+env(safe-area-inset-bottom,0px));width:auto;max-width:none;max-height:min(56vh,360px);overflow:auto;padding:15px;transform-origin:22px calc(100% - 18px)}} @media(max-width:360px){.fab-group{right:max(8px,env(safe-area-inset-right,0px));gap:6px} .fab-bookmarks{gap:6px} .fab,.fab-bookmark{width:42px;height:42px} .consult-nudge{left:max(8px,env(safe-area-inset-left,0px));max-width:calc(100vw - 180px)} .consult-nudge.is-collapsed,.consult-nudge-tab{max-width:calc(100vw - 180px)} .consult-nudge-tab{min-height:42px;padding:8px 11px;font-size:12px}} .timeline-section{padding:80px 24px;max-width:1080px;margin:0 auto} .timeline-head{margin-bottom:56px} .timeline{position:relative} .timeline::before{content:'';position:absolute;left:96px;top:16px;bottom:16px;width:2px;background:linear-gradient(to bottom,var(--brand) 0%,var(--brand) 30%,var(--line) 100%)} .timeline-item{display:grid;grid-template-columns:96px 1fr;gap:0;padding:18px 0;position:relative;transition:all 0.3s} .timeline-date{font-size:17px;font-weight:900;color:var(--brand);text-align:right;padding-right:32px;padding-top:4px;letter-spacing:0.02em} .timeline-content{padding-left:36px;position:relative;padding-top:2px} .timeline-content::before{content:'';position:absolute;left:-7px;top:8px;width:14px;height:14px;border-radius:50%;background:var(--white);border:2px solid var(--brand);z-index:1;transition:all 0.3s} .timeline-item:hover .timeline-content::before{background:var(--brand);transform:scale(1.3);box-shadow:0 0 0 6px rgba(58,86,94,0.16)} .timeline-content h5{font-size:16px;font-weight:900;color:var(--ink);margin-bottom:6px;line-height:1.5} .timeline-content p{font-size:14.5px;color:var(--gray-4);line-height:1.85} .timeline-item.milestone .timeline-content::before{background:var(--brand);border-color:var(--brand);box-shadow:0 0 0 4px rgba(58,86,94,0.18)} .timeline-item.milestone .timeline-content h5{color:var(--brand)} @media(max-width:768px){.timeline::before{left:8px} .timeline-item{grid-template-columns:1fr;padding:12px 0;padding-left:36px} .timeline-date{text-align:left;padding-right:0;padding-bottom:6px;padding-top:0} .timeline-content{padding-left:0} .timeline-content::before{left:-32px;top:8px}} .article-section{padding:60px 24px;max-width:760px;margin:0 auto} .article-back{display:inline-flex;align-items:center;gap:6px;color:var(--gray-4);font-size:14px;font-weight:700;margin-bottom:32px;transition:color 0.2s} .article-back:hover{color:var(--brand)} .article-body{font-size:16.5px;line-height:1.95;color:var(--ink)} .article-body .lead-para{font-size:19px;line-height:1.75;color:var(--gray-4);border-left:3px solid var(--brand);padding:4px 0 4px 20px;margin-bottom:36px;font-weight:500} .article-body h2{font-size:26px;font-weight:900;line-height:1.4;margin:48px 0 18px;color:var(--ink)} .article-body h2 .brand-text{color:var(--brand)} .article-body h3{font-size:19px;font-weight:900;line-height:1.5;margin:32px 0 14px;color:var(--ink)} .article-body p{margin-bottom:18px} .article-body strong{color:var(--ink);font-weight:900} .article-body em{color:var(--brand);font-style:normal;font-weight:700} .article-body ul,.article-body ol{padding-left:24px;margin-bottom:24px} .article-body li{margin-bottom:8px;line-height:1.85} .article-body blockquote{border-left:4px solid var(--brand);background:var(--gray-1);padding:24px 28px;margin:32px 0;font-size:17px;line-height:1.8;color:var(--ink);border-radius:0 6px 6px 0} .article-body blockquote::before{content:'"';color:var(--brand);font-size:48px;font-weight:900;line-height:0;margin-right:6px;vertical-align:-16px} .article-body .callout{background:var(--brand-light);border-radius:6px;padding:24px 28px;margin:32px 0} .article-body .callout strong{color:var(--brand);display:block;margin-bottom:8px;font-size:14px;letter-spacing:0.05em} .article-body .callout p:last-child{margin-bottom:0} .article-body code{background:var(--gray-2);padding:2px 8px;border-radius:3px;font-size:14.5px;font-family:'Consolas','Monaco',monospace;color:var(--brand)} .article-tags{display:flex;gap:8px;flex-wrap:wrap;margin:48px 0 24px;padding-top:32px;border-top:1px solid var(--line)} .article-tag{display:inline-block;padding:6px 14px;background:var(--gray-1);color:var(--gray-4);font-size:13px;border-radius:4px;transition:all 0.2s} .article-tag:hover{background:var(--brand-gradient);color:var(--white)} .article-share{display:flex;align-items:center;gap:12px;padding:24px 0;border-bottom:1px solid var(--line)} .article-share-label{font-weight:700;font-size:14px} .article-share a{width:36px;height:36px;border-radius:50%;background:var(--gray-1);display:flex;align-items:center;justify-content:center;color:var(--gray-4);font-size:13px;font-weight:900;transition:all 0.2s} .article-share a:hover{background:var(--brand-gradient);color:var(--white)} .article-author{margin:32px 0;padding:24px 28px;background:var(--gray-1);border-radius:6px;display:flex;gap:18px;align-items:center} .article-author-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:22px;flex-shrink:0} .article-author-info h5{font-size:15px;font-weight:900;margin-bottom:4px} .article-author-info p{font-size:13px;color:var(--gray-4);margin:0;line-height:1.6} .blog-section{padding:60px 24px;max-width:1280px;margin:0 auto} .blog-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:0;margin-bottom:40px} .blog-tab{padding:12px 20px;font-size:14.5px;font-weight:700;color:var(--gray-4);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all 0.2s} .blog-tab:hover{color:var(--ink)} .blog-tab.active{color:var(--brand);border-bottom-color:var(--brand)} .blog-featured{display:grid;grid-template-columns:1.3fr 1fr;background:var(--white);border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-bottom:56px;transition:all 0.3s} .blog-featured:hover{box-shadow:0 16px 40px -12px rgba(0,0,0,0.12);transform:translateY(-2px)} .blog-featured-image{background:linear-gradient(135deg,var(--ink) 0%,var(--brand-dark) 100%);color:var(--white);padding:48px;display:flex;flex-direction:column;justify-content:space-between;min-height:360px;position:relative;overflow:hidden} .blog-featured-image::before{content:'';position:absolute;top:-50%;right:-20%;width:80%;height:200%;background:radial-gradient(circle,rgba(31,109,159,0.26),transparent 70%);pointer-events:none} .blog-featured-tag{display:inline-block;align-self:flex-start;background:var(--brand-gradient);color:var(--white);font-size:12px;font-weight:700;padding:5px 12px;border-radius:20px;letter-spacing:0.05em;margin-bottom:24px;position:relative;z-index:1} .blog-featured-image h2{font-size:28px;font-weight:900;line-height:1.35;position:relative;z-index:1} .blog-featured-content{padding:40px 36px;display:flex;flex-direction:column;justify-content:center} .blog-featured-meta{display:flex;gap:16px;font-size:13px;color:var(--gray-4);margin-bottom:14px} .blog-featured-meta .cat{color:var(--brand);font-weight:700} .blog-featured-content p{color:var(--gray-4);font-size:15px;line-height:1.85;margin-bottom:24px} .blog-featured-content .read-more{color:var(--brand);font-weight:700;font-size:14px} .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px} .blog-card{background:var(--white);border:1px solid var(--line);border-radius:6px;overflow:hidden;cursor:pointer;transition:all 0.3s;display:flex;flex-direction:column} .blog-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px -12px rgba(0,0,0,0.12);border-color:var(--brand)} .blog-card-image{background:var(--gray-2);color:var(--ink);padding:36px 24px;min-height:160px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:900;font-size:17px;line-height:1.5;position:relative} .blog-card-image .topic-num{position:absolute;top:16px;left:16px;font-size:11px;color:var(--gray-3);letter-spacing:0.15em;font-weight:700} .blog-card-image.theme-seo{background:linear-gradient(135deg,#f5f7f7,#dbdbda);color:var(--brand)} .blog-card-image.theme-ai{background:linear-gradient(135deg,#f5f7f7,#cbd2d3);color:var(--brand)} .blog-card-image.theme-social{background:linear-gradient(135deg,#f5f7f7,#cbd2d3);color:#3a565e} .blog-card-image.theme-ecom{background:linear-gradient(135deg,#f5f7f7,#dbdbda);color:#3a565e} .blog-card-image.theme-brand{background:linear-gradient(135deg,#f7f7f7,#dbdbda);color:var(--brand)} .blog-card-image.theme-content{background:linear-gradient(135deg,#f5f7f7,#cbd2d3);color:#3a565e} .blog-card-content{padding:22px 24px 26px;flex:1;display:flex;flex-direction:column} .blog-card-meta{display:flex;gap:12px;font-size:12px;color:var(--gray-4);margin-bottom:10px} .blog-card-meta .cat{color:var(--brand);font-weight:700;letter-spacing:0.05em} .blog-card h4{font-size:16px;font-weight:900;line-height:1.5;color:var(--ink);margin-bottom:12px;flex:1} .blog-card p{color:var(--gray-4);font-size:13.5px;line-height:1.75;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .blog-card .read-link{color:var(--brand);font-weight:700;font-size:13px} .blog-newsletter{margin-top:64px;padding:56px 48px;background:linear-gradient(135deg,var(--ink),#2a2a2a);color:var(--white);border-radius:8px;text-align:center;position:relative;overflow:hidden} .blog-newsletter::before{content:'';position:absolute;top:-50%;right:-10%;width:60%;height:200%;background:radial-gradient(circle,rgba(58,86,94,0.18),transparent 70%);pointer-events:none} .blog-newsletter-inner{position:relative;z-index:1;max-width:640px;margin:0 auto} .blog-newsletter h3{font-size:26px;font-weight:900;margin-bottom:12px} .blog-newsletter h3 .brand-text{color:#cbd2d3} .blog-newsletter p{color:rgba(255,255,255,0.8);font-size:15px;margin-bottom:28px;line-height:1.7} .blog-newsletter-form{display:flex;gap:8px;max-width:480px;margin:0 auto;flex-wrap:wrap} .blog-newsletter-form input{flex:1;min-width:0;padding:14px 18px;border:none;border-radius:4px;font-family:inherit;font-size:14.5px} .blog-newsletter-form button{padding:14px 28px;background:var(--brand-gradient);color:var(--white);border:none;border-radius:4px;font-family:inherit;font-weight:700;cursor:pointer;font-size:14.5px;transition:background 0.2s} .blog-newsletter-form button:hover{background:var(--brand-dark)} .blog-newsletter-form button:disabled{cursor:progress;opacity:0.72} .blog-newsletter-status{flex-basis:100%;min-height:1.4em;margin-top:6px;color:rgba(255,255,255,0.72);font-size:13px;text-align:left} .blog-newsletter-status.success{color:#b9f5d0} .blog-newsletter-status.error{color:#ffc0b8} .blog-newsletter small{display:block;margin-top:14px;color:rgba(255,255,255,0.5);font-size:12px} .media-section{padding:60px 24px 90px;max-width:1280px;margin:0 auto} .media-featured{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,0.92fr);border:1px solid var(--line);background:var(--white);text-decoration:none;color:inherit;margin-bottom:34px;transition:box-shadow .3s ease,transform .3s ease} .media-featured:hover{box-shadow:0 18px 48px -18px rgba(0,0,0,.16);transform:translateY(-2px)} .media-featured-image{min-height:390px;overflow:hidden;background:#eef2f4} .media-featured-image img,.media-card-image img,.media-news-hero img{width:100%;height:100%;object-fit:cover;display:block} .media-featured-content{padding:42px;display:flex;flex-direction:column;justify-content:center} .media-label{display:inline-flex;align-items:center;width:fit-content;background:var(--brand-gradient);color:var(--white);font-size:12px;font-weight:900;letter-spacing:.08em;padding:7px 10px;margin-bottom:20px} .media-featured-meta,.media-card-meta,.media-news-meta{display:flex;flex-wrap:wrap;gap:10px 16px;color:var(--gray-4);font-size:13px;font-weight:700;margin-bottom:16px} .media-featured-meta .cat,.media-card-meta .cat,.media-news-meta .cat{color:var(--brand)} .media-featured h2{font-size:34px;line-height:1.25;font-weight:900;margin-bottom:18px} .media-featured p{color:var(--gray-4);line-height:1.85;margin-bottom:24px} .media-read-more{color:var(--brand);font-size:14px;font-weight:900} .media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} .media-card{border:1px solid var(--line);background:var(--white);overflow:hidden} .media-card-image{height:210px;background:#eef2f4;overflow:hidden} .media-card-content{padding:24px;display:flex;flex-direction:column;min-height:270px} .media-card h4{font-size:21px;line-height:1.45;font-weight:900;margin-bottom:14px} .media-card p{color:var(--gray-4);line-height:1.75;margin-bottom:18px;flex:1} .media-source{font-size:13px;color:var(--gray-4);font-weight:700} .media-news-page{background:var(--white);padding:70px 24px 90px} .media-news-wrap{max-width:880px;margin:0 auto} .media-news-back{display:inline-flex;color:var(--brand);font-weight:900;text-decoration:none;margin-bottom:30px} .media-news-kicker{color:var(--brand);font-size:13px;letter-spacing:.12em;font-weight:900;margin-bottom:16px} .media-news-title{font-size:clamp(34px,5vw,56px);line-height:1.12;font-weight:900;letter-spacing:0;margin-bottom:20px} .media-news-summary{color:var(--gray-4);font-size:19px;line-height:1.8;margin-bottom:22px} .media-news-hero{margin:34px 0 12px;background:#eef2f4} .media-news-hero img{aspect-ratio:16 / 9} .media-news-hero figcaption{color:var(--gray-4);font-size:13px;padding-top:10px;line-height:1.6} .media-news-body{margin-top:34px;color:var(--gray-4);font-size:18px;line-height:2} .media-news-body .lead-para{color:var(--ink);font-size:21px;line-height:1.85;font-weight:700} .media-news-body h2{color:var(--ink);font-size:30px;line-height:1.35;font-weight:900;margin:42px 0 16px} .media-news-body p{margin-bottom:20px} .media-news-body blockquote{border-left:4px solid var(--brand);padding:18px 24px;background:#f5f7f7;color:var(--ink);font-size:20px;line-height:1.75;font-weight:800;margin:34px 0} .media-news-note{border-top:1px solid var(--line);margin-top:42px;padding-top:18px;color:var(--gray-4);font-size:14px;line-height:1.8} .media-news-source-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;margin-top:18px;background:var(--brand);color:#fff;border-radius:4px;font-size:14px;font-weight:900;text-decoration:none} @media(max-width:1024px){.blog-featured{grid-template-columns:1fr} .blog-featured-image{min-height:220px;padding:32px} .blog-grid{grid-template-columns:repeat(2,1fr)} .media-featured{grid-template-columns:1fr} .media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:640px){.blog-grid{grid-template-columns:1fr} .blog-newsletter{padding:40px 24px} .media-grid{grid-template-columns:1fr} .media-featured-content{padding:28px} .media-featured h2{font-size:27px} .media-featured-image{min-height:260px} .media-news-page{padding:48px 20px 70px} .media-news-body{font-size:16px}} main#app{position:relative} .page{display:none;animation:pageIn 0.4s ease} .page.active{display:block} .page[data-page="dynamic"].active{animation:none;opacity:1;transform:translate3d(0,0,0)} .page[data-page="dynamic"].is-route-prep{opacity:0;transform:translate3d(0,12px,0);pointer-events:none;will-change:opacity,transform} .page[data-page="dynamic"].is-route-entering{opacity:0;transform:translate3d(0,12px,0);pointer-events:none;will-change:opacity,transform} .page[data-page="dynamic"].is-route-entering.is-route-ready{opacity:1;transform:translate3d(0,0,0);transition:opacity 0.32s cubic-bezier(0.2,0.72,0.18,1),transform 0.32s cubic-bezier(0.2,0.72,0.18,1)} .route-transition-ghost{position:absolute;left:0;right:0;z-index:16;display:block;overflow:hidden;background:var(--white);opacity:1;pointer-events:none;transform:translate3d(0,0,0);transition:opacity 0.22s ease,transform 0.32s cubic-bezier(0.2,0.72,0.18,1);contain:paint;animation:none !important} .route-transition-ghost *{animation-play-state:paused !important} .route-transition-ghost.is-hiding{opacity:0;transform:translate3d(0,-8px,0)} @media(prefers-reduced-motion:reduce){.page[data-page="dynamic"].is-route-prep,.page[data-page="dynamic"].is-route-entering{transform:none} .page[data-page="dynamic"].is-route-entering.is-route-ready{transition:opacity 0.18s ease;transform:none} .route-transition-ghost{transition:opacity 0.18s ease;transform:none} .route-transition-ghost.is-hiding{transform:none}} @keyframes pageIn{from{opacity:0;transform:translateY(12px)} to{opacity:1;transform:translateY(0)}} .client-route-status{min-height:calc(100vh - var(--sticky-chrome-height));display:grid;place-items:center;padding:clamp(56px,8vw,104px) 24px;background:var(--gray-1)} .client-route-status-card{width:min(100%,560px);border-top:4px solid var(--brand);background:var(--white);padding:clamp(30px,5vw,44px);box-shadow:0 18px 45px rgba(23,32,51,0.08)} .client-route-status-code{margin:0 0 16px;color:var(--brand);font-size:14px;font-weight:900;line-height:1.2;text-transform:uppercase} .client-route-status h1{margin:0 0 16px;color:var(--ink);font-size:clamp(28px,4vw,36px);font-weight:900;line-height:1.22} .client-route-status p{margin:0 0 24px;color:var(--gray-4);font-size:16px;line-height:1.75} .client-route-status-actions{display:flex;flex-wrap:wrap;gap:12px} .client-route-status-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid var(--line);color:var(--ink);font-weight:900;line-height:1.2} .client-route-status-link:hover,.client-route-status-link:focus-visible{border-color:var(--brand);color:var(--brand);outline:none} @media(max-width:640px){.client-route-status{padding:44px 20px 72px} .client-route-status-card{padding:30px 24px}} .page-hero{--page-hero-image:linear-gradient(135deg,var(--ink) 0%,#2a2a2a 100%);--page-hero-fit:cover;--page-hero-position:center;background-image:linear-gradient(90deg,rgba(18,18,18,0.88) 0%,rgba(18,18,18,0.72) 42%,rgba(18,18,18,0.32) 100%),var(--page-hero-image);background-size:var(--page-hero-fit,cover);background-position:var(--page-hero-position,center);background-repeat:no-repeat;color:var(--white);padding:60px 24px 80px;position:relative;overflow:hidden} body.region-global .page-hero{background-image:linear-gradient(90deg,rgba(10,26,46,0.9) 0%,rgba(10,26,46,0.7) 42%,rgba(10,26,46,0.28) 100%),var(--page-hero-image)} .page-hero::before{content:'';position:absolute;top:-50%;right:-10%;width:60%;height:200%;background:radial-gradient(circle,rgba(58,86,94,0.18),transparent 70%);pointer-events:none} body.region-global .page-hero::before{background:radial-gradient(circle,rgba(58,86,94,0.18),transparent 70%)} .page-hero.has-generated-banner::before{display:none} .page-hero.is-image-only{background-image:var(--page-hero-image);background-size:var(--page-hero-fit,cover);background-position:var(--page-hero-position,center);color:transparent;padding:0;min-height:0;aspect-ratio:2048 / 650} .page-hero.is-image-only .page-hero-inner,.page-hero.is-image-only .breadcrumb,.page-hero.is-image-only h1,.page-hero.is-image-only .lead,.page-hero.is-image-only .page-hero-meta{display:none} .page-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none} .page-hero.has-video-media::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,18,18,0.88) 0%,rgba(18,18,18,0.72) 42%,rgba(18,18,18,0.32) 100%);z-index:0;pointer-events:none} body.region-global .page-hero.has-video-media::after{background:linear-gradient(90deg,rgba(10,26,46,0.9) 0%,rgba(10,26,46,0.7) 42%,rgba(10,26,46,0.28) 100%)} .page-hero-inner{max-width:1280px;margin:0 auto;position:relative;z-index:1} .breadcrumb{font-size:13px;color:rgba(255,255,255,0.6);margin-bottom:20px} .breadcrumb a{color:rgba(255,255,255,0.6);transition:color 0.2s} .breadcrumb a:hover{color:var(--white)} .breadcrumb .sep{margin:0 8px;opacity:0.4} .page-hero h1{font-size:48px;font-weight:900;line-height:1.2;margin-bottom:16px} .page-hero h1 .brand-text{color:#cbd2d3} body.region-global .page-hero h1 .brand-text{color:#cbd2d3} .page-hero .lead{font-size:17px;color:rgba(255,255,255,0.85);line-height:1.7;max-width:720px;margin-bottom:28px} .page-hero-meta{display:flex;gap:32px;flex-wrap:wrap;margin-top:28px} .page-hero-meta-item{border-left:2px solid var(--brand);padding-left:14px} body.region-global .page-hero-meta-item{border-left-color:#cbd2d3} .page-hero-meta-item .num{font-size:28px;font-weight:900;color:#cbd2d3;line-height:1.1} body.region-global .page-hero-meta-item .num{color:#cbd2d3} .page-hero-meta-item .num .unit{font-size:14px;color:rgba(255,255,255,0.7);margin-left:3px} .page-hero-meta-item .label{font-size:13px;color:rgba(255,255,255,0.7);margin-top:4px} .page-hero.is-breadcrumb-only{padding:60px 24px 80px;display:block;background-position:var(--page-hero-position,center)} .page-hero.is-breadcrumb-only .page-hero-inner{width:100%} .page-hero.is-breadcrumb-only h1,.page-hero.is-breadcrumb-only .lead,.page-hero.is-breadcrumb-only .page-hero-meta{display:none} .page-hero.is-breadcrumb-only .breadcrumb{margin:0;color:rgba(255,255,255,0.72)} .page-hero.is-breadcrumb-only .breadcrumb a{color:rgba(255,255,255,0.72)} .page-hero.is-breadcrumb-only .page-hero-video{object-position:center center} .page-hero.is-breadcrumb-only.has-video-media::after{background:linear-gradient(90deg,rgba(18,18,18,0.82) 0%,rgba(18,18,18,0.6) 45%,rgba(18,18,18,0.22) 100%)} body.region-global .page-hero.is-breadcrumb-only.has-video-media::after{background:linear-gradient(90deg,rgba(10,26,46,0.84) 0%,rgba(10,26,46,0.62) 45%,rgba(10,26,46,0.22) 100%)}[data-cms-title-size="sm"] .page-hero h1{font-size:40px}[data-cms-title-size="lg"] .page-hero h1{font-size:56px}[data-cms-title-weight="normal"] .page-hero h1{font-weight:700}[data-cms-title-weight="bold"] .page-hero h1{font-weight:900}[data-cms-body-size="sm"] .page-hero .lead,[data-cms-body-size="sm"] .page-intro-body{font-size:15px}[data-cms-body-size="lg"] .page-hero .lead,[data-cms-body-size="lg"] .page-intro-body{font-size:18px}[data-cms-body-weight="normal"] .page-hero .lead,[data-cms-body-weight="normal"] .page-intro-body{font-weight:400}[data-cms-body-weight="bold"] .page-hero .lead,[data-cms-body-weight="bold"] .page-intro-body{font-weight:700} .page-intro{padding:80px 24px;max-width:1280px;margin:0 auto} .page-intro-grid{display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:start} .page-intro h2{font-size:32px;font-weight:900;line-height:1.3} .page-intro h2 .brand-text{color:var(--brand)} .page-intro-body{color:var(--gray-4);font-size:16px;line-height:1.9} .page-intro-body p{margin-bottom:16px} .page-intro.is-centered-copy{max-width:920px} .page-intro.is-centered-copy .page-intro-grid{display:block} .page-intro.is-centered-copy h2{display:none} .page-intro.is-centered-copy .page-intro-body{max-width:780px;margin:0 auto;text-align:left} .page-intro.is-centered-copy .page-intro-body h3{margin:28px 0 8px;color:var(--ink);font-size:18px;line-height:1.55;font-weight:900} .page-intro.is-centered-copy .page-intro-body h3:first-child{margin-top:0} .page-intro.is-centered-copy .page-intro-body h3.company-profile-main-heading{font-size:20px} .page-intro.is-centered-copy .page-intro-body ul,.page-intro.is-centered-copy .page-intro-body ol{margin:10px 0 16px 22px;padding:0} .page-intro.is-centered-copy .page-intro-body li{margin:4px 0;padding-left:4px} .page[data-variant="legal-document"] .page-intro{max-width:1120px} .page[data-variant="legal-document"] .page-intro-grid{grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:48px} .legal-policy-section{padding:72px 24px 96px;background:var(--white)} .legal-policy-card{width:min(100%,820px);margin:0 auto} .legal-policy-body{color:var(--ink)} .legal-policy-body .legal-date{color:var(--gray-4);font-size:14px;margin-bottom:24px} .legal-policy-body h3{color:var(--ink);font-size:20px;font-weight:900;line-height:1.45;margin:32px 0 12px} .legal-policy-body h3:first-child{margin-top:0} .legal-policy-body ol,.legal-policy-body ul{margin:0 0 18px;padding-left:1.35em} .legal-policy-body li{margin-bottom:8px} .legal-policy-body strong{color:var(--ink)} .team-section{padding:72px 24px;background:var(--white)} .team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px} .team-grid-single{grid-template-columns:minmax(0,560px);justify-content:center} .team-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--white);box-shadow:0 12px 32px -20px rgba(0,0,0,.18)} .team-card img{width:100%;aspect-ratio:4 / 5;object-fit:cover;object-position:center top} .team-card-body{padding:24px} .team-card-body h3{font-size:28px;font-weight:900;margin-bottom:4px} .team-role{font-size:15px;color:var(--brand);font-weight:700;margin-bottom:16px} .team-desc{color:var(--gray-4);line-height:1.8} .team-desc p{margin-bottom:12px} .team-note{margin-top:18px;font-weight:700;color:var(--ink)} .team-business-cards{margin-top:34px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:30px;align-items:start} .team-grid-single+.team-business-cards{max-width:680px;margin-left:auto;margin-right:auto} .team-business-card-set{min-width:0;perspective:1800px;-webkit-perspective:1800px} .team-business-card-flip{position:relative;display:block;width:100%;padding:0;border:0;aspect-ratio:1063 / 638;cursor:pointer;background:transparent;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform:none;-webkit-transform:none;transition:transform .56s cubic-bezier(.22,1,.36,1);touch-action:manipulation;contain:layout paint} .team-business-card-flip.is-flipped{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)} .team-business-card-flip.is-flipped:not(.is-interactive),.team-business-card-flip.is-flipped.is-animating{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)} .team-business-card-flip.is-interactive{transition:none;will-change:transform} .team-business-card-flip.is-animating{transition:transform .56s cubic-bezier(.22,1,.36,1);will-change:transform} .team-business-card-flip:focus-visible{outline:3px solid rgba(26,95,142,.42);outline-offset:10px;border-radius:14px} .team-business-card-face{position:absolute;inset:0;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:#fff;box-shadow:0 26px 52px -22px rgba(0,0,0,.55);backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;contain:paint} .team-business-card-front{transform:translateZ(1px);-webkit-transform:translateZ(1px)} .team-business-card-back{transform:rotateY(180deg) translateZ(1px);-webkit-transform:rotateY(180deg) translateZ(1px)} .team-business-card-face img{display:block;width:100%;height:100%;object-fit:cover;transform:translateZ(0);-webkit-transform:translateZ(0)} .team-business-card-glare{position:absolute;inset:-72%;z-index:2;pointer-events:none;opacity:0;mix-blend-mode:overlay;background:linear-gradient(105deg,rgba(255,255,255,0) 10%,rgba(255,255,255,.32) 45%,rgba(255,255,255,.78) 50%,rgba(255,255,255,.32) 55%,rgba(255,255,255,0) 90%);transform:translate3d(0,0,1px);transition:opacity .22s ease;will-change:transform,opacity} .team-business-card-flip:hover .team-business-card-glare,.team-business-card-flip.is-interactive .team-business-card-glare{opacity:1} @media(max-width:768px){.team-grid{grid-template-columns:1fr} .team-business-cards{margin-top:26px;gap:24px} .team-business-card-flip{transform:none;-webkit-transform:none;touch-action:pan-y} .team-business-card-face{transition:transform .56s cubic-bezier(.22,1,.36,1),opacity .18s ease} .team-business-card-front{z-index:2;opacity:1;transform:translateZ(1px);-webkit-transform:translateZ(1px)} .team-business-card-back{z-index:1;opacity:0;pointer-events:none;transform:rotateY(180deg) translateZ(1px);-webkit-transform:rotateY(180deg) translateZ(1px)} .team-business-card-flip.is-flipped .team-business-card-front{z-index:1;opacity:0;pointer-events:none;transform:rotateY(-180deg) translateZ(1px);-webkit-transform:rotateY(-180deg) translateZ(1px)} .team-business-card-flip.is-flipped .team-business-card-back{z-index:2;opacity:1;pointer-events:auto;transform:translateZ(1px);-webkit-transform:translateZ(1px)} .team-business-card-flip.is-flipped,.team-business-card-flip.is-flipped:not(.is-interactive),.team-business-card-flip.is-flipped.is-animating{transform:none;-webkit-transform:none}} .page-visual-section{padding:0 24px 80px;max-width:1280px;margin:0 auto} .page-visual-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,0.95fr);gap:36px;align-items:stretch} .page-visual-image{min-height:340px;border-radius:8px;background-image:linear-gradient(135deg,rgba(20,20,20,0.16),rgba(20,20,20,0.52)),var(--visual-image);background-size:cover;background-position:center;box-shadow:0 18px 42px -28px rgba(20,20,20,0.38)} .page-visual-copy{border:1px solid var(--line);border-radius:8px;padding:34px;background:var(--white);display:flex;flex-direction:column;justify-content:center} .page-visual-copy h2{font-size:30px;font-weight:900;line-height:1.25;margin:8px 0 14px} .page-visual-copy h2 .brand-text{color:var(--brand)} .page-visual-copy p{color:var(--gray-4);font-size:15px;line-height:1.85;margin-bottom:20px} .page-visual-points{list-style:none;display:grid;gap:10px} .page-visual-points li{position:relative;padding-left:22px;font-size:14px;line-height:1.65;color:var(--ink)} .page-visual-points li::before{content:'';position:absolute;left:0;top:0.72em;width:8px;height:8px;border-radius:50%;background:var(--brand)} .page-visual-section.is-guarantee-visual .page-visual-grid{grid-template-columns:1fr;gap:28px} .page-visual-section.is-guarantee-visual .page-visual-image{width:100%;min-height:clamp(420px,52vw,780px);background-image:var(--visual-image);background-size:contain;background-repeat:no-repeat;background-position:center;box-shadow:none;border-radius:8px} .page-visual-section.is-guarantee-visual .page-visual-copy{max-width:920px;width:100%;margin:0 auto} .guarantee-image-page{padding:clamp(24px,4vw,48px) 24px 96px;background:var(--gray-1)} .guarantee-image-tabs{width:min(1420px,100%);margin:0 auto 22px;display:flex;gap:10px;flex-wrap:wrap} .guarantee-image-tabs a{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;border:1px solid var(--line);border-radius:999px;background:var(--white);color:var(--ink);font-weight:900;font-size:14px;text-decoration:none} .guarantee-image-tabs a.active{background:var(--ink);color:var(--white);border-color:var(--ink)} .guarantee-image-tabs .guarantee-likegroupbuy-banner{display:block;flex:1 1 100%;width:100%;min-height:0;padding:0;border:0;border-radius:8px;overflow:hidden;background:var(--white);text-decoration:none} .guarantee-image-tabs .guarantee-likegroupbuy-banner img{width:100%;height:auto;display:block} .guarantee-image-stack{width:min(1420px,100%);margin:0 auto;display:grid;gap:22px} .guarantee-image-item{display:block;text-decoration:none} .guarantee-image-item img{width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 22px 58px -34px rgba(12,20,28,0.46)} .guarantee-image-stack.is-single .guarantee-image-item img{max-height:calc(100vh - 190px);object-fit:contain;background:#05070a} .guarantee-plan-copy-grid{width:min(1420px,100%);margin:22px auto 0} .guarantee-plan-copy-grid.is-single{grid-template-columns:minmax(0,560px);justify-content:center} .guarantee-plan-copy-card .price-tagline{min-height:0} .proof-section{padding:0 24px 80px;max-width:1280px;margin:0 auto} .proof-grid{display:grid;grid-template-columns:minmax(320px,0.9fr) minmax(0,1.1fr);gap:42px;align-items:center} .proof-photo{min-height:420px;border-radius:8px;background-image:linear-gradient(180deg,rgba(20,20,20,0.03),rgba(20,20,20,0.16)),var(--proof-image);background-size:cover;background-position:center;border:1px solid var(--line);box-shadow:0 18px 44px -30px rgba(20,20,20,0.42)} .proof-copy h2{font-size:34px;line-height:1.25;font-weight:900;margin:8px 0 16px} .proof-copy h2 .brand-text{color:var(--brand)} .proof-copy p{color:var(--gray-4);font-size:16px;line-height:1.9;margin-bottom:22px} .proof-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0} .proof-stat{border-left:2px solid var(--brand);padding-left:14px} .proof-stat strong{display:block;font-size:28px;line-height:1;font-weight:900;color:var(--ink)} .proof-stat span{display:block;color:var(--gray-4);font-size:13px;margin-top:7px;line-height:1.5} .proof-bullets{list-style:none;display:grid;gap:10px;margin-top:20px} .proof-bullets li{position:relative;padding-left:22px;color:var(--ink);font-size:14.5px;line-height:1.75} .proof-bullets li::before{content:'';position:absolute;left:0;top:0.75em;width:8px;height:8px;border-radius:50%;background:var(--brand)} .case-section{padding:80px 24px;background:var(--gray-1)} .case-inner{max-width:1280px;margin:0 auto} .case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:42px} .case-card{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:30px;display:flex;flex-direction:column;gap:18px} .case-card .case-tag{color:var(--brand);font-size:12px;letter-spacing:0.12em;font-weight:900;text-transform:uppercase} .case-card h3{font-size:22px;line-height:1.35;font-weight:900;color:var(--ink)} .case-card p{color:var(--gray-4);font-size:14.5px;line-height:1.85} .case-points{display:grid;gap:12px} .case-point{border-top:1px solid var(--line);padding-top:12px} .case-point dt{font-size:12px;color:var(--brand);font-weight:900;letter-spacing:0.08em;margin-bottom:4px} .case-point dd{color:var(--ink);font-size:14px;line-height:1.7} .detail-section{padding:80px 24px;max-width:1280px;margin:0 auto} .detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:42px} .detail-card{border:1px solid var(--line);border-radius:8px;padding:28px;background:var(--white)} .detail-card h3{font-size:19px;font-weight:900;margin-bottom:10px;color:var(--ink)} .detail-card p{color:var(--gray-4);font-size:14px;line-height:1.8;margin-bottom:16px} .detail-list{--detail-row-bg:rgba(255,255,255,0.78);--detail-row-border:rgba(18,59,98,0.12);--detail-icon-bg:rgba(18,59,98,0.08);--detail-icon-border:rgba(18,59,98,0.2);--detail-icon-color:var(--brand);list-style:none;display:grid;gap:10px;margin:0;padding:0} .detail-list li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;min-height:44px;padding:10px 12px;border:1px solid var(--detail-row-border);border-radius:8px;background:var(--detail-row-bg);color:var(--ink);font-size:14px;line-height:1.55;position:relative;overflow-wrap:anywhere} .detail-list li::before{content:'';position:static;width:24px;height:24px;margin-top:1px;border:1px solid var(--detail-icon-border);border-radius:7px;background:var(--detail-icon-bg)} .detail-list li::after{content:'';position:absolute;top:18px;left:20px;width:8px;height:4px;border-left:2px solid var(--detail-icon-color);border-bottom:2px solid var(--detail-icon-color);transform:rotate(-45deg)} .topic-hub-section{padding:80px 24px;max-width:1280px;margin:0 auto} .topic-hub-section.is-anchor-landing{padding-top:42px;padding-bottom:42px;border-bottom:1px solid var(--line)} .topic-hub-section.is-anchor-landing .section-head{margin-bottom:22px} .topic-hub-section.is-anchor-landing .topic-hub-item .detail-card{box-shadow:0 18px 48px rgba(6,28,49,0.08)} .topic-hub-nav{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 40px} .topic-hub-nav a{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 14px;border:1px solid var(--line);border-radius:6px;color:var(--ink);font-size:14px;font-weight:800;background:var(--white);transition:border-color 0.2s,color 0.2s} .topic-hub-nav a:hover{color:var(--brand);border-color:var(--brand)} .topic-hub-grid{display:grid;gap:22px} .topic-hub-item{scroll-margin-top:150px} .topic-hub-item .detail-card{display:grid;grid-template-columns:minmax(0,0.92fr) minmax(320px,1.08fr);gap:26px;align-items:stretch} .topic-hub-item .detail-card:not(.has-topic-showcase){grid-template-columns:1fr} .topic-hub-copy{display:flex;min-width:0;flex-direction:column;align-items:stretch} .topic-hub-title-row{display:flex;gap:14px;align-items:flex-start;margin-bottom:12px} .topic-hub-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--brand);font-size:12px;font-weight:900;letter-spacing:0.12em;margin-bottom:12px;text-transform:uppercase} .topic-hub-kicker .num{color:var(--ink)} .topic-hub-item h3{font-size:24px;line-height:1.35;margin-bottom:12px} .topic-hub-item p{margin-bottom:0} .service-brand-icons,.topic-hub-icons{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto} .service-brand-icon,.topic-hub-icon{flex:0 0 34px;width:34px;height:34px;border-radius:8px;display:inline-grid;place-items:center;overflow:hidden;color:var(--service-icon-color,var(--white));background:var(--service-icon-bg,var(--brand));font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:900;line-height:1;letter-spacing:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.18)} .service-brand-icon img,.topic-hub-icon img{display:block;width:20px;height:20px;object-fit:contain} .service-brand-icon-google{background:var(--white);box-shadow:inset 0 0 0 1px rgba(218,220,224,0.95)} .service-brand-icon-google img{width:24px;height:24px} .service-brand-icon span,.topic-hub-icon span{display:block;max-width:28px;overflow:hidden;text-align:center;white-space:nowrap} .topic-hub-nav .topic-hub-icons{gap:4px} .topic-hub-nav .topic-hub-icon{width:22px;height:22px;flex-basis:22px;border-radius:6px;font-size:8px} .topic-hub-nav .topic-hub-icon img{width:13px;height:13px} .topic-hub-nav .topic-hub-icon span{max-width:18px} .topic-hub-copy .detail-list{margin-top:18px} .topic-hub-book{display:flex;flex-direction:column;min-height:100%} .topic-hub-book-pages{position:relative;display:grid;min-height:238px} .topic-hub-book-page{grid-area:1 / 1;display:flex;min-height:238px;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transform-origin:right center;transition:opacity 0.18s ease,visibility 0.18s ease} .topic-hub-book-page.is-active{opacity:1;visibility:visible;pointer-events:auto;animation:topicBookPageIn 0.28s ease both} .topic-hub-book-label{color:#f0c766;font-size:13px;font-weight:900;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:10px} .topic-hub-book-title{color:#fff;font-size:clamp(26px,2.5vw,38px);line-height:1.16;letter-spacing:0;margin:0 0 14px} .topic-hub-book-body{color:rgba(255,255,255,0.86);font-size:18px;line-height:1.72;margin:0} .topic-hub-book .detail-list{--detail-row-bg:rgba(255,255,255,0.08);--detail-row-border:rgba(255,255,255,0.14);--detail-icon-bg:rgba(240,199,102,0.12);--detail-icon-border:rgba(240,199,102,0.36);--detail-icon-color:#f0c766;margin-top:18px} .topic-hub-book .detail-list li{color:rgba(255,255,255,0.9)} .topic-hub-item .detail-card:not(.has-topic-image-card) .topic-hub-book-title{color:var(--ink)} .topic-hub-item .detail-card:not(.has-topic-image-card) .topic-hub-book-body{color:var(--gray-4)} .topic-hub-item .detail-card:not(.has-topic-image-card) .topic-hub-book .detail-list{--detail-row-bg:rgba(255,255,255,0.78);--detail-row-border:rgba(18,59,98,0.12);--detail-icon-bg:rgba(18,59,98,0.08);--detail-icon-border:rgba(18,59,98,0.2);--detail-icon-color:var(--brand)} .topic-hub-item .detail-card:not(.has-topic-image-card) .topic-hub-book .detail-list li{color:var(--ink)} .topic-hub-price-list{display:grid;gap:10px;margin-top:18px} .topic-hub-price-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;padding:12px 14px;border:1px solid rgba(255,255,255,0.14);border-radius:12px;background:rgba(255,255,255,0.08);color:#fff} .topic-hub-price-row strong{color:#fff;font-size:15px;line-height:1.35} .topic-hub-price-row span{color:#f0c766;font-size:16px;font-weight:900;white-space:nowrap} .topic-hub-price-row small{grid-column:1 / -1;color:rgba(255,255,255,0.72);font-size:12px;line-height:1.5} .topic-hub-portfolio-grid{display:grid;gap:10px;margin-top:16px} .topic-hub-portfolio-card{padding:12px 14px;border:1px solid rgba(255,255,255,0.14);border-radius:12px;background:rgba(255,255,255,0.08);color:#fff} .topic-hub-portfolio-card strong{display:block;color:#fff;font-size:15px;line-height:1.35;margin-bottom:5px} .topic-hub-portfolio-card span{display:block;color:rgba(255,255,255,0.72);font-size:12px;line-height:1.55} .topic-hub-faq-list{display:grid;gap:10px;margin-top:16px} .topic-hub-faq-card{padding:12px 14px;border:1px solid rgba(255,255,255,0.14);border-radius:12px;background:rgba(255,255,255,0.08);color:#fff} .topic-hub-faq-card strong{display:block;color:#fff;font-size:14px;line-height:1.4;margin-bottom:5px} .topic-hub-faq-card span{display:block;color:rgba(255,255,255,0.72);font-size:12px;line-height:1.55} .topic-hub-compare-board{display:grid;gap:12px;margin-top:16px} .topic-hub-compare-pair{display:grid;grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr);gap:0;align-items:stretch;border:1px solid rgba(255,255,255,0.14);border-radius:12px;overflow:hidden;background:rgba(255,255,255,0.06)} .topic-hub-compare-side{min-width:0;display:grid;grid-template-rows:auto repeat(3,minmax(34px,auto));background:rgba(255,255,255,0.07)} .topic-hub-compare-side strong{display:flex;align-items:center;justify-content:center;min-height:34px;padding:8px 10px;color:#fff;font-size:14px;line-height:1.35;text-align:center;background:rgba(255,255,255,0.16)} .topic-hub-compare-side span{display:flex;align-items:center;justify-content:center;padding:8px 10px;border-top:1px solid rgba(255,255,255,0.1);color:rgba(255,255,255,0.78);font-size:12px;line-height:1.5;text-align:center} .topic-hub-compare-axis{display:grid;grid-template-rows:auto repeat(3,minmax(34px,auto));background:rgba(255,255,255,0.12);border-left:1px solid rgba(255,255,255,0.12);border-right:1px solid rgba(255,255,255,0.12)} .topic-hub-compare-axis b,.topic-hub-compare-axis span{display:flex;align-items:center;justify-content:center;padding:8px;color:#f0c766;font-size:12px;font-weight:900;line-height:1.35;text-align:center} .topic-hub-compare-axis span{border-top:1px solid rgba(255,255,255,0.1);color:rgba(255,255,255,0.82)} .topic-hub-book-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px} .topic-hub-book-controls+.topic-hub-book-pages{margin-top:16px} .topic-hub-book-btn{display:none;width:38px;height:38px;border:1px solid rgba(255,255,255,0.26);border-radius:50%;background:rgba(255,255,255,0.12);color:#fff;font-size:20px;line-height:1;cursor:pointer;transition:background 0.2s,transform 0.2s} .topic-hub-book-btn:hover{background:rgba(255,255,255,0.2);transform:translateY(-1px)} .topic-hub-book-counter{color:rgba(255,255,255,0.78);font-size:13px;font-weight:800;min-width:42px;text-align:center} .topic-hub-book .service-select-toggle{margin-top:18px;align-self:flex-start} @keyframes topicBookPageIn{from{opacity:0;transform:perspective(720px) rotateY(-8deg) translateX(10px)} to{opacity:1;transform:perspective(720px) rotateY(0deg) translateX(0)}} .topic-showcase{--showcase-accent:var(--brand);--showcase-soft:rgba(18,59,98,0.11);--showcase-strong:rgba(18,59,98,0.2);position:relative;min-height:306px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#f8fafb 0%,#ffffff 62%,#eef4f8 100%)} .topic-showcase-image-card{background:#f6f8fa} .topic-showcase-image-card img{width:100%;height:100%;min-height:306px;object-fit:cover} .topic-hub-section.has-topic-image-cards{max-width:1360px} .topic-hub-section.has-topic-image-cards .topic-hub-grid{gap:28px} .topic-hub-section.has-topic-image-cards .topic-hub-item .detail-card.has-topic-image-card{position:relative;isolation:isolate;min-height:420px;grid-template-columns:minmax(420px,0.95fr) minmax(420px,1.05fr);gap:0;overflow:hidden;padding:0;border:0;border-radius:28px;background:#06172a;background-image:var(--topic-page-image,none);background-position:center;background-size:cover;box-shadow:0 22px 60px rgba(6,28,49,0.18);cursor:default;touch-action:pan-y;transition:box-shadow 0.2s ease} .topic-hub-section.has-topic-image-cards .topic-hub-item .detail-card.has-topic-image-card[data-turn-side="next"]{cursor:e-resize} .topic-hub-section.has-topic-image-cards .topic-hub-item .detail-card.has-topic-image-card[data-turn-side="prev"]{cursor:w-resize} .topic-hub-section.has-topic-image-cards .topic-hub-item .detail-card.has-topic-image-card .topic-showcase-image-card{pointer-events:none;user-select:none;-webkit-user-select:none} .topic-hub-section.has-topic-image-cards .topic-hub-item .detail-card.has-topic-image-card .topic-showcase-image-card img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none} .topic-hub-section.has-topic-image-cards .topic-hub-item .detail-card.has-topic-image-card::after{content:'';position:absolute;top:0;bottom:0;left:48%;z-index:1;width:1px;background:rgba(255,255,255,0.2);pointer-events:none} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card .topic-hub-copy{position:relative;z-index:2;justify-content:center;grid-column:1;margin:42px 0 42px 42px;padding:34px 32px;min-height:336px;border:1px solid rgba(255,255,255,0.08);border-radius:24px;background:linear-gradient(90deg,rgba(6,23,42,0.48),rgba(20,43,70,0.24)),radial-gradient(circle at 18% 10%,rgba(255,255,255,0.11),transparent 34%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);backdrop-filter:blur(20px) saturate(1.08);-webkit-backdrop-filter:blur(20px) saturate(1.08)} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card .topic-hub-book-controls{position:absolute;top:22px;right:22px;z-index:3;margin-top:0;min-width:54px;min-height:34px;padding:8px 12px;border:1px solid rgba(255,255,255,0.14);border-radius:999px;background:rgba(6,23,42,0.16);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card .topic-hub-title-row{display:flex;align-items:center;gap:10px;margin-bottom:16px} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card .topic-hub-icons{margin-bottom:0} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card .topic-hub-icon{width:28px;height:28px;flex-basis:28px;border-radius:7px} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card .topic-hub-icon img{width:17px;height:17px} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card .topic-hub-kicker{color:#f0c766;font-size:14px;letter-spacing:0.02em;margin-bottom:0} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card .topic-hub-kicker .num{color:#f0c766} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card h3{color:#fff;font-size:clamp(34px,3.2vw,52px);line-height:1.12;letter-spacing:0;margin-bottom:18px} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card p{color:rgba(255,255,255,0.86);font-size:20px;line-height:1.72} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card .topic-hub-scope-list{display:grid;gap:0;margin-top:24px;padding-top:12px;border-top:1px solid rgba(255,255,255,0.18);counter-reset:service-scope} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card .topic-hub-scope-list::before{content:'服務範圍';color:rgba(255,255,255,0.76);font-size:12px;font-weight:900;letter-spacing:0.08em;margin-bottom:6px} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card .topic-hub-scope-list li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:start;min-height:0;padding:9px 0;border:0;border-bottom:1px solid rgba(255,255,255,0.1);border-radius:0;background:transparent;color:rgba(255,255,255,0.9);font-size:15px;line-height:1.58;overflow-wrap:anywhere} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card .topic-hub-scope-list li::before{content:counter(service-scope,decimal-leading-zero);counter-increment:service-scope;position:static;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-top:1px;border:1px solid rgba(240,199,102,0.38);border-radius:8px;background:rgba(240,199,102,0.1);color:#f0c766;font-size:11px;font-weight:900;line-height:1} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card .topic-hub-scope-list li::after{display:none} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card .topic-hub-scope-list li:last-child{border-bottom:0} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card .service-select-toggle{width:fit-content;min-width:250px;min-height:56px;margin-top:32px;padding:13px 22px;border:0;border-radius:16px;background:#fff;color:#06172a;font-size:18px;box-shadow:0 16px 34px rgba(0,0,0,0.18)} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card .service-select-toggle .service-select-mark{border-color:#06172a} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card .topic-showcase-image-card{position:absolute;inset:0;z-index:0;min-height:420px;height:100%;border:0;border-radius:0;background:#0f172a;cursor:e-resize} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card[data-topic-image-only-book="true"]{grid-template-columns:1fr;min-height:clamp(320px,52vw,760px);aspect-ratio:16 / 9;border:1px solid rgba(18,59,98,0.12);background:#fff !important;background-image:none !important} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card[data-topic-image-only-book="true"]::after{display:none} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card[data-topic-image-only-book="true"] .topic-hub-copy{grid-column:1 / -1;margin:0;padding:0;min-height:100%;border:0;border-radius:inherit;background:#fff;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:hidden} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card[data-topic-image-only-book="true"] .topic-hub-book,.topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card[data-topic-image-only-book="true"] .topic-hub-book-pages,.topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card[data-topic-image-only-book="true"] .topic-hub-book-page{min-height:100%;height:100%} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card[data-topic-image-only-book="true"] .topic-hub-book-page--image-only{display:flex;align-items:center;justify-content:center;padding:0;background:#fff} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card[data-topic-image-only-book="true"] .topic-hub-book-image-only{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#fff} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card[data-topic-image-only-book="true"] .topic-showcase-image-card{display:none} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card[data-topic-image-only-book="true"] .topic-hub-title-row,.topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card[data-topic-image-only-book="true"] .topic-hub-book-controls{display:none !important} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card[data-topic-image-only-book="true"] .topic-hub-book-controls{top:14px;right:14px;background:rgba(6,23,42,0.46)} .topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card{grid-template-columns:minmax(0,1fr) minmax(340px,0.92fr);min-height:560px;background:#06172a;background-image:none !important} .topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card::after{left:auto;right:42%;background:rgba(255,255,255,0.14)} .topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card .topic-hub-copy{grid-column:1;margin:0;padding:42px;min-height:560px;border:0;border-radius:0;background:linear-gradient(135deg,rgba(6,23,42,0.98),rgba(12,38,65,0.9)),radial-gradient(circle at 18% 8%,rgba(240,199,102,0.13),transparent 32%);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none} .topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card .topic-hub-book-controls{position:static;align-self:flex-start;width:fit-content;margin:0 0 16px} .topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card .topic-hub-book-pages,.topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card .topic-hub-book-page{min-height:0} .topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card .topic-hub-book-pages{display:block} .topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card .topic-hub-book-page{position:absolute;inset:0;width:100%} .topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card .topic-hub-book-page.is-active{position:relative;inset:auto} .topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card .topic-showcase-image-card{position:relative;inset:auto;z-index:1;grid-column:2;grid-row:1;min-height:560px;height:100%;overflow:hidden;border-left:1px solid rgba(255,255,255,0.14);border-radius:0;background:#f4f7fb;cursor:default} .topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card .topic-showcase-image-card img{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center 42%} .topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card[data-topic-image-only-book="true"]{grid-template-columns:1fr;min-height:clamp(420px,58vw,820px);aspect-ratio:16 / 9;overflow:hidden;border:1px solid rgba(18,59,98,0.12);background:#fff !important;background-image:none !important} .topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card[data-topic-image-only-book="true"]::after{display:none} .topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card[data-topic-image-only-book="true"] .topic-hub-copy{grid-column:1 / -1;grid-row:1;margin:0;padding:0;min-height:100%;height:100%;border:0;border-radius:inherit;background:#fff;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:hidden} .topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card[data-topic-image-only-book="true"] .topic-hub-book{min-height:100%;height:100%} .topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card[data-topic-image-only-book="true"] .topic-hub-title-row,.topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card[data-topic-image-only-book="true"] .topic-showcase-image-card{display:none} .topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card[data-topic-image-only-book="true"] .topic-hub-book-controls{position:absolute;top:14px;left:14px;right:auto;z-index:4;width:fit-content;margin:0;background:rgba(6,23,42,0.5)} .topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card[data-topic-image-only-book="true"] .topic-hub-book-pages,.topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card[data-topic-image-only-book="true"] .topic-hub-book-page{min-height:100%;height:100%} .topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card[data-topic-image-only-book="true"] .topic-hub-book-pages{display:grid;margin:0} .topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card[data-topic-image-only-book="true"] .topic-hub-book-page,.topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card[data-topic-image-only-book="true"] .topic-hub-book-page.is-active{position:absolute;inset:0;width:100%} .topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card[data-topic-image-only-book="true"] .topic-hub-book-page--image-only{display:flex;align-items:center;justify-content:center;padding:0;background:#fff} .topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card[data-topic-image-only-book="true"] .topic-hub-book-image-only{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#fff} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card[data-book-turn-ready="true"]{touch-action:pan-y} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card[data-book-turn-ready="true"][data-turn-side="next"]{cursor:e-resize} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card[data-book-turn-ready="true"][data-turn-side="prev"]{cursor:w-resize} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card[data-book-turn-ready="true"][data-turn-side="idle"]{cursor:default} .topic-card-turn-hint{position:absolute;top:50%;z-index:3;display:flex;align-items:center;justify-content:center;width:34px;height:124px;border:1px solid rgba(255,255,255,0.22);border-radius:999px;color:#fff;background:rgba(255,255,255,0.18);box-shadow:0 12px 28px rgba(0,0,0,0.16);opacity:0.15;pointer-events:none;transform:translateY(-50%);animation:topicTurnHintPulse 2.4s ease-in-out infinite} .topic-card-turn-hint::before{font-size:26px;font-weight:900;line-height:1} .topic-card-turn-hint-prev{left:16px} .topic-card-turn-hint-next{right:16px;animation-delay:1.2s} .topic-card-turn-hint-prev::before{content:'\2039'} .topic-card-turn-hint-next::before{content:'\203A'} @keyframes topicTurnHintPulse{0%,100%{opacity:0.08;transform:translateY(-50%) scale(0.96)} 50%{opacity:0.15;transform:translateY(-50%) scale(1)}} .overseas-hero-film{position:relative;overflow:hidden;color:#fff;background:#05080d;opacity:0;transform:translateY(10px);animation:overseasHeroFilmEnter .72s cubic-bezier(.2,.72,.22,1) .04s both} .overseas-hero-film-media{position:relative;height:clamp(520px,78vh,780px);overflow:hidden;background:#080d12 url('/assets/overseas-globe-background-poster.jpg') center / cover no-repeat} .overseas-hero-film-media::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 62% 36%,rgba(60,150,205,0.18),transparent 38%),linear-gradient(180deg,rgba(5,8,13,0.88),rgba(5,8,13,0.2) 46%,rgba(5,8,13,0.62));animation:overseasHeroFilmVeil .86s ease-out .08s both} .overseas-hero-film-banner{width:100%;height:100%;display:block;object-fit:cover;opacity:0;transition:opacity .48s ease} .overseas-hero-film-media.is-banner-ready .overseas-hero-film-banner{opacity:1} @keyframes overseasHeroFilmEnter{from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)}} @keyframes overseasHeroFilmVeil{from{opacity:1} to{opacity:0}} @media(prefers-reduced-motion:reduce){.overseas-hero-film{opacity:1;transform:none;animation:none} .overseas-hero-film-media::after{display:none} .overseas-hero-film-banner{transition:none}} .overseas-globe-shell{position:relative;color:#fff;background:linear-gradient(180deg,#05080d 0%,#071018 56%,#05080d 100%);border-top:1px solid rgba(240,199,102,0.12);overflow:hidden} .overseas-globe-shell-inner{width:min(1180px,calc(100% - 64px));margin:0 auto;padding:clamp(34px,5vw,58px) 0 0} .overseas-globe-primer{position:relative;display:flex;align-items:center;justify-content:center;min-height:clamp(210px,30vw,340px);padding:clamp(28px,5vw,56px);margin-bottom:clamp(28px,4vw,48px);overflow:hidden;border:0;border-radius:0;background:#05080d url('/assets/overseas-service-videos/global-market-pulse-cta.jpg') center / cover no-repeat;box-shadow:none;cursor:pointer;text-align:center} .overseas-globe-primer:focus-visible{outline:2px solid rgba(240,199,102,0.76);outline-offset:-8px} .overseas-globe-shell.is-loading .overseas-globe-primer{cursor:wait} .overseas-globe-primer-video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;pointer-events:none;opacity:0;transition:opacity .68s ease,transform 7s ease} .overseas-globe-primer-video[data-video-priority="cta"]{opacity:0} .overseas-globe-primer.is-video-ready .overseas-globe-primer-video{opacity:0.78} .overseas-globe-primer.is-video-ready .overseas-globe-primer-video[data-video-priority="cta"]{opacity:0.78} .overseas-globe-primer::before{content:'';position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 24% 28%,rgba(93,178,214,0.28),transparent 34%),linear-gradient(90deg,rgba(4,8,13,0.82),rgba(4,8,13,0.38) 48%,rgba(4,8,13,0.76)),linear-gradient(180deg,rgba(4,8,13,0.12),rgba(4,8,13,0.66));pointer-events:none} .overseas-globe-primer::after{content:'';position:absolute;left:0;right:0;bottom:0;z-index:3;height:3px;background:linear-gradient(90deg,transparent,rgba(240,199,102,0.95),rgba(90,190,236,0.7),transparent);opacity:0;transform:translateX(-55%);pointer-events:none} .overseas-globe-shell.is-loading .overseas-globe-primer::after{opacity:1;animation:overseasGlobeCtaLoading 1.2s cubic-bezier(.44,0,.2,1) infinite} .overseas-globe-typewriter{position:relative;z-index:2;max-width:min(860px,100%);margin:0;color:#fff;font-size:clamp(26px,4.5vw,56px);line-height:1.08;letter-spacing:0;text-shadow:0 12px 32px rgba(0,0,0,0.7),0 0 28px rgba(91,184,230,0.2)} .overseas-globe-typewriter-text{display:inline-block;width:0;max-width:var(--typewriter-width,8em);overflow:hidden;vertical-align:bottom;white-space:nowrap;animation:overseasGlobeTypewriter 6.2s steps(var(--typewriter-steps,8),end) infinite} .overseas-globe-shell.is-loading .overseas-globe-typewriter-text{width:var(--typewriter-width,8em);opacity:1;animation-play-state:paused} .overseas-globe-typewriter-text::after{content:'';display:inline-block;width:2px;height:0.86em;margin-left:0.12em;background:rgba(240,199,102,0.9);box-shadow:0 0 16px rgba(240,199,102,0.44);vertical-align:-0.06em;animation:overseasGlobeCursorBlink .78s steps(1,end) infinite} .overseas-globe-mount{position:relative;margin:0 calc(50% - 50vw)} .overseas-globe-shell.is-loaded .overseas-globe-primer{border-bottom:1px solid rgba(240,199,102,0.12)} @media(prefers-reduced-motion:no-preference){.overseas-globe-primer-video{transform:scale(1.015)} .overseas-globe-primer.is-video-ready .overseas-globe-primer-video{transform:scale(1.055)} .overseas-globe-primer-video[data-video-priority="cta"],.overseas-globe-primer.is-video-ready .overseas-globe-primer-video[data-video-priority="cta"]{transform:scale(1.045)}} @media(prefers-reduced-motion:reduce){.overseas-globe-primer-video{transition:none}} @keyframes overseasGlobeTypewriter{0%,7%{width:0;opacity:1} 43%,72%{width:var(--typewriter-width,8em);opacity:1} 88%,100%{width:var(--typewriter-width,8em);opacity:0}} @keyframes overseasGlobeCtaLoading{from{transform:translateX(-55%)} to{transform:translateX(55%)}} @keyframes overseasGlobeCursorBlink{0%,45%{opacity:1} 46%,100%{opacity:0}} .overseas-globe-hero{position:relative;isolation:isolate;min-height:clamp(620px,82vh,860px);overflow:hidden;color:#fff;cursor:grab;touch-action:none;background:radial-gradient(circle at 50% 44%,rgba(38,94,135,0.3),transparent 34%),linear-gradient(180deg,#020712 0%,#07111f 100%)} .overseas-globe-hero.is-dragging{cursor:grabbing} .overseas-globe-hero::before{content:'';position:absolute;inset:0;z-index:2;background:radial-gradient(circle at 50% 46%,transparent 0 28%,rgba(1,8,18,0.28) 48%,rgba(1,8,18,0.76) 100%),linear-gradient(90deg,rgba(1,8,18,0.72),transparent 30%,transparent 70%,rgba(1,8,18,0.72));pointer-events:none} .overseas-globe-hero::after{content:'';position:absolute;inset:auto 0 0;z-index:3;height:32%;background:linear-gradient(180deg,transparent,rgba(1,8,18,0.82));pointer-events:none} .overseas-globe-canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none} .overseas-globe-hero.is-dragging .overseas-globe-canvas{cursor:grabbing} .overseas-connector-layer{position:absolute;inset:0;z-index:4;width:100%;height:100%;overflow:visible;pointer-events:none} .overseas-connector-path{fill:none;stroke:rgba(240,199,102,0.58);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:0;transition:opacity 0.22s ease} .overseas-connector-path.is-visible{opacity:1} .overseas-globe-copy{position:relative;z-index:3;width:min(1180px,calc(100% - 48px));margin:0 auto;padding:clamp(52px,7vw,86px) 0;pointer-events:none} .overseas-globe-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:16px;color:rgba(240,199,102,0.92);font-size:12px;font-weight:900;letter-spacing:0.18em;text-transform:uppercase} .overseas-globe-eyebrow::before{content:'';width:34px;height:1px;background:currentColor} .overseas-globe-title{max-width:680px;margin:0;color:#fff;font-size:clamp(42px,6.2vw,86px);line-height:0.98;letter-spacing:0} .overseas-globe-subtitle{max-width:560px;margin:22px 0 0;color:rgba(255,255,255,0.78);font-size:clamp(16px,1.35vw,19px);line-height:1.75} .overseas-globe-focus{position:absolute;left:max(24px,calc((100vw - 1180px) / 2));bottom:34px;z-index:4;display:flex;flex-wrap:wrap;gap:10px;pointer-events:none} .overseas-globe-focus span{display:inline-flex;align-items:center;min-height:34px;padding:8px 13px;border:1px solid rgba(240,199,102,0.28);border-radius:999px;color:rgba(255,255,255,0.86);background:rgba(5,18,32,0.48);font-size:12px;font-weight:800;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)} .overseas-news-layer{position:absolute;inset:0;z-index:5;pointer-events:none} .overseas-news-bubble{--bubble-x:50%;--bubble-y:50%;--bubble-width:292px;position:absolute;left:0;top:0;width:min(var(--bubble-width),calc(100vw - 32px));height:var(--bubble-height,auto);padding:14px 16px 15px;border:1px solid rgba(240,199,102,0.24);border-radius:16px;color:#fff;background:linear-gradient(145deg,rgba(10,24,39,0.82),rgba(5,13,24,0.62)),radial-gradient(circle at 18% 0%,rgba(240,199,102,0.16),transparent 44%);box-shadow:0 18px 42px rgba(0,0,0,0.28);overflow:hidden;opacity:0;transform:translate3d(var(--bubble-x),var(--bubble-y),0) translate(-50%,-50%) scale(0.96);transition:opacity 0.26s ease;contain:layout paint style;backface-visibility:hidden;will-change:opacity,transform} .overseas-news-bubble.is-visible{opacity:1;transform:translate3d(var(--bubble-x),var(--bubble-y),0) translate(-50%,-50%) scale(1)} .overseas-news-bubble::before{content:'';position:absolute;left:18px;top:-6px;width:12px;height:12px;border-left:1px solid rgba(240,199,102,0.24);border-top:1px solid rgba(240,199,102,0.24);background:rgba(10,24,39,0.72);transform:rotate(45deg)} .overseas-news-region{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;color:#f0c766;font-size:12px;font-weight:900;letter-spacing:0.12em;text-transform:uppercase} .overseas-news-source{color:rgba(255,255,255,0.54);font-size:10px;font-weight:800;letter-spacing:0.08em} .overseas-news-title{margin:0 0 7px;color:#fff;font-size:16px;line-height:1.35;letter-spacing:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .overseas-news-body{margin:0;color:rgba(255,255,255,0.76);font-size:13px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .overseas-globe-fallback{position:absolute;inset:0;z-index:0;opacity:0;background:radial-gradient(circle at 54% 46%,rgba(42,92,124,0.88),rgba(19,51,77,0.82) 30%,transparent 31%),radial-gradient(circle at 54% 46%,rgba(8,26,43,0.7),transparent 42%),linear-gradient(180deg,#020712,#07111f);transition:opacity 0.35s ease} .overseas-globe-hero.is-fallback .overseas-globe-fallback{opacity:1} @media(max-width:560px){.overseas-news-bubble{height:var(--bubble-height,84px);min-height:0;padding:8px 10px;border-radius:12px;overflow:hidden} .overseas-news-region{gap:6px;margin-bottom:4px;font-size:9px;letter-spacing:0.08em} .overseas-news-source{font-size:7px;letter-spacing:0.04em} .overseas-news-title{margin-bottom:3px;font-size:10.6px;line-height:1.22;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .overseas-news-body{font-size:8.8px;line-height:1.22;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}} @media(max-width:900px){.overseas-hero-film-media{height:clamp(420px,64vh,620px);min-height:clamp(420px,64vh,620px)} .overseas-globe-shell-inner{width:min(100% - 32px,680px);padding-top:40px} .overseas-globe-primer{min-height:clamp(220px,46vw,340px);padding:22px} .overseas-globe-hero{min-height:820px} .overseas-globe-copy{width:min(100% - 32px,680px);padding-top:48px} .overseas-globe-title{max-width:520px;font-size:clamp(38px,11vw,58px)} .overseas-globe-subtitle{max-width:480px;font-size:15px} .overseas-news-bubble{min-height:116px;transform:translate3d(var(--bubble-x),var(--bubble-y),0) translate(-50%,-50%) scale(0.98);box-shadow:0 12px 26px rgba(0,0,0,0.22)} .overseas-news-bubble.is-visible{transform:translate3d(var(--bubble-x),var(--bubble-y),0) translate(-50%,-50%) scale(1)} .overseas-globe-focus{left:16px;right:16px;bottom:28px;justify-content:center}} @media(min-width:561px) and(max-width:900px){.overseas-news-bubble{height:var(--bubble-height,84px);min-height:0;padding:8px 10px;border-radius:12px;overflow:hidden} .overseas-news-region{gap:6px;margin-bottom:4px;font-size:9px;letter-spacing:0.08em} .overseas-news-source{font-size:7px;letter-spacing:0.04em} .overseas-news-title{margin-bottom:3px;font-size:10.8px;line-height:1.22;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .overseas-news-body{font-size:8.8px;line-height:1.22;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}} @media(max-width:560px){.overseas-hero-film-media{height:clamp(340px,58vh,520px);min-height:clamp(340px,58vh,520px)} .overseas-globe-primer{align-items:center;min-height:260px;padding:18px} .overseas-globe-typewriter{font-size:clamp(24px,8vw,34px)} .overseas-globe-hero{min-height:960px} .overseas-globe-copy{width:min(100% - 28px,420px);padding-top:36px} .overseas-globe-eyebrow{font-size:11px} .overseas-globe-title{font-size:clamp(34px,12vw,46px)} .overseas-news-bubble{min-height:0;padding:8px 10px} .overseas-news-title{font-size:10.6px} .overseas-news-body{font-size:8.8px;line-height:1.22} .overseas-globe-focus span{min-height:30px;padding:7px 11px;font-size:11px}} @media(max-width:768px){.overseas-globe-hero{min-height:clamp(360px,64vh,560px);min-height:clamp(360px,64svh,560px);cursor:default;touch-action:pan-y;background:#020712} .overseas-globe-hero::before,.overseas-globe-hero::after,.overseas-globe-canvas,.overseas-globe-fallback,.overseas-connector-layer,.overseas-news-layer,.overseas-globe-copy,.overseas-globe-focus{display:none}} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card[data-book-turn-ready="true"] .topic-showcase-image-card,.topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card[data-book-turn-ready="true"] .topic-hub-copy{touch-action:pan-y} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card .topic-showcase-image-card::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(3,14,28,0.72) 0%,rgba(5,20,38,0.5) 42%,rgba(5,20,38,0.14) 66%,rgba(5,20,38,0.02) 100%);pointer-events:none} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card .topic-showcase-image-card img{position:relative;z-index:0;min-height:420px;filter:saturate(0.96) contrast(1.04) brightness(0.9);transition:opacity 0.2s ease,transform 0.28s ease} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card.is-page-turning .topic-showcase-image-card img{opacity:0.9;transform:scale(1.012)} .topic-showcase-facebook{--showcase-accent:#1877f2;--showcase-soft:rgba(24,119,242,0.12);--showcase-strong:rgba(24,119,242,0.26)} .topic-showcase-instagram{--showcase-accent:#d62976;--showcase-soft:rgba(214,41,118,0.12);--showcase-strong:rgba(214,41,118,0.24)} .topic-showcase-short-video{--showcase-accent:#202733;--showcase-soft:rgba(32,39,51,0.1);--showcase-strong:rgba(32,39,51,0.24)} .topic-showcase-line{--showcase-accent:#06c755;--showcase-soft:rgba(6,199,85,0.13);--showcase-strong:rgba(6,199,85,0.28)} .topic-showcase-linkedin{--showcase-accent:#0a66c2;--showcase-soft:rgba(10,102,194,0.12);--showcase-strong:rgba(10,102,194,0.24)} .topic-showcase-threads{--showcase-accent:var(--charcoal);--showcase-soft:rgba(32,33,36,0.1);--showcase-strong:rgba(32,33,36,0.22)} .topic-showcase-xiaohongshu{--showcase-accent:#ff2442;--showcase-soft:rgba(255,36,66,0.12);--showcase-strong:rgba(255,36,66,0.24)} .topic-showcase-track{position:relative;min-height:274px} .topic-showcase-slide{position:absolute;inset:0;display:grid;grid-template-rows:auto minmax(126px,auto) auto auto;gap:10px;padding:18px;opacity:0;transform:translateX(18px);animation:topicShowcaseSlide 9s infinite} .topic-showcase-slide:nth-child(1){animation-delay:0s} .topic-showcase-slide:nth-child(2){animation-delay:3s} .topic-showcase-slide:nth-child(3){animation-delay:6s} .topic-showcase-head{display:flex;align-items:center;justify-content:space-between;gap:12px} .topic-showcase-head span{color:var(--brand);font-size:11px;font-weight:900;letter-spacing:0.12em;text-transform:uppercase} .topic-showcase-head strong{color:var(--ink);font-size:16px;font-weight:900;line-height:1.35;text-align:right} .topic-showcase-visual{display:grid;grid-template-columns:0.9fr 1.1fr;gap:12px;align-items:stretch;min-height:126px;overflow:hidden} .topic-showcase-visual>*{min-width:0} .topic-showcase-device{min-height:96px;border-radius:8px;background:var(--white);border:1px solid rgba(18,59,98,0.12);box-shadow:0 16px 30px rgba(6,28,49,0.08);padding:12px;display:grid;gap:8px} .topic-showcase-device i{display:block;border-radius:999px;background:rgba(18,59,98,0.14)} .topic-showcase-device i:nth-child(1){width:48%;height:9px;background:var(--showcase-accent)} .topic-showcase-device i:nth-child(2){width:78%;height:8px} .topic-showcase-device i:nth-child(3){width:62%;height:8px} .topic-showcase-device i:nth-child(4){width:88%;height:34px;border-radius:8px;background:rgba(18,59,98,0.08)} .topic-showcase-metrics{display:grid;gap:8px;align-content:center} .topic-showcase-metrics i{display:block;height:12px;border-radius:999px;background:rgba(18,59,98,0.12);position:relative;overflow:hidden} .topic-showcase-metrics i::before{content:'';display:block;height:100%;width:var(--w,64%);background:var(--showcase-accent);border-radius:inherit;opacity:0.78} .topic-showcase-metrics i:nth-child(1){--w:72%} .topic-showcase-metrics i:nth-child(2){--w:54%} .topic-showcase-metrics i:nth-child(3){--w:84%} .showcase-card-surface{border:1px solid rgba(18,59,98,0.12);border-radius:8px;background:rgba(255,255,255,0.92);box-shadow:0 16px 30px rgba(6,28,49,0.08)} .showcase-line-stack{display:grid;gap:7px;align-content:center} .showcase-line-stack i,.showcase-micro-lines i{display:block;height:8px;border-radius:999px;background:rgba(18,59,98,0.13)} .showcase-line-stack i:first-child,.showcase-micro-lines i:first-child{width:48%;background:var(--showcase-accent)} .showcase-micro-lines{display:grid;gap:6px} .showcase-facebook-feed{padding:12px;display:grid;grid-template-columns:24px 1fr;grid-template-rows:auto 1fr auto;gap:7px 9px} .showcase-facebook-avatar,.showcase-linkedin-avatar,.showcase-thread-avatar{width:28px;height:28px;border-radius:50%;background:var(--showcase-accent);box-shadow:inset 0 0 0 5px rgba(255,255,255,0.24)} .showcase-facebook-avatar{width:24px;height:24px} .showcase-facebook-post{display:grid;gap:7px} .showcase-facebook-media{grid-column:1 / -1;height:34px;border-radius:7px;background:linear-gradient(135deg,var(--showcase-soft),rgba(255,255,255,0.75));border:1px solid var(--showcase-strong)} .showcase-facebook-reactions{grid-column:1 / -1;display:flex;gap:7px} .showcase-facebook-reactions span{width:16px;height:16px;border-radius:50%;background:var(--showcase-soft);border:1px solid var(--showcase-strong)} .showcase-facebook-actions{padding:12px;display:grid;gap:8px;align-content:center;background:var(--showcase-soft)} .showcase-facebook-actions strong,.showcase-line-rich strong,.showcase-linkedin-leads strong{color:var(--showcase-accent);font-size:11px;font-weight:900;letter-spacing:0.1em;text-transform:uppercase} .showcase-facebook-actions span{min-height:22px;border-radius:6px;background:var(--white);border:1px solid var(--showcase-strong)} .showcase-instagram-phone,.showcase-video-phone{position:relative;overflow:hidden;min-height:106px;padding:10px;border-radius:8px;background:#202733;color:var(--white);box-shadow:0 16px 30px rgba(6,28,49,0.12)} .showcase-instagram-phone::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 18% 14%,#feda75 0 12%,transparent 24%),radial-gradient(circle at 86% 86%,#4f5bd5 0 20%,transparent 36%),linear-gradient(145deg,rgba(214,41,118,0.72),rgba(17,24,39,0.72));opacity:0.88} .showcase-instagram-stories,.showcase-instagram-grid,.showcase-instagram-reel,.showcase-video-overlay{position:relative;z-index:1} .showcase-instagram-stories{display:flex;gap:7px;margin-bottom:9px} .showcase-instagram-stories span{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,0.86);background:rgba(255,255,255,0.24)} .showcase-instagram-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px} .showcase-instagram-grid i{min-height:22px;border-radius:5px;background:rgba(255,255,255,0.75)} .showcase-instagram-grid i:nth-child(2),.showcase-instagram-grid i:nth-child(5){background:rgba(255,255,255,0.36)} .showcase-instagram-reel{padding:12px;display:grid;gap:8px;align-content:center} .showcase-reel-frame{height:74px;border-radius:8px;background:linear-gradient(150deg,rgba(214,41,118,0.16),rgba(79,91,213,0.12));border:1px solid var(--showcase-strong);display:grid;place-items:center} .showcase-play-mark{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid var(--showcase-accent)} .showcase-video-phone{background:linear-gradient(160deg,#202733,var(--charcoal-deep));display:grid;align-items:end} .showcase-video-frame{position:absolute;inset:10px;border-radius:8px;background:linear-gradient(160deg,rgba(255,255,255,0.2),rgba(255,255,255,0.04));border:1px solid rgba(255,255,255,0.18)} .showcase-video-play{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.9);display:grid;place-items:center} .showcase-video-play::before{content:'';width:0;height:0;margin-left:3px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #202733} .showcase-video-overlay{display:grid;gap:6px} .showcase-video-overlay i{height:7px;border-radius:999px;background:rgba(255,255,255,0.74)} .showcase-video-stack{padding:12px;display:grid;grid-template-rows:repeat(3,1fr);gap:8px} .showcase-video-stack span{border-radius:7px;background:linear-gradient(90deg,var(--showcase-accent) var(--w,58%),rgba(18,59,98,0.1) var(--w,58%));border:1px solid var(--showcase-strong)} .showcase-video-stack span:nth-child(1){--w:70%} .showcase-video-stack span:nth-child(2){--w:42%} .showcase-video-stack span:nth-child(3){--w:84%} .showcase-line-chat{padding:12px;display:grid;gap:8px;align-content:center;background:#eaf8ef} .showcase-line-bubble{width:72%;min-height:24px;border-radius:999px 999px 999px 6px;background:var(--white);border:1px solid var(--showcase-strong)} .showcase-line-bubble.is-user{justify-self:end;border-radius:999px 999px 6px 999px;background:var(--showcase-accent)} .showcase-line-rich{padding:12px;display:grid;gap:9px;align-content:center} .showcase-line-menu{display:grid;grid-template-columns:repeat(2,1fr);gap:6px} .showcase-line-menu i{min-height:24px;border-radius:6px;background:var(--showcase-soft);border:1px solid var(--showcase-strong)} .showcase-linkedin-board{padding:12px;display:grid;grid-template-columns:30px 1fr;gap:8px 10px;align-content:center} .showcase-linkedin-profile{grid-column:2;display:grid;gap:7px} .showcase-linkedin-card{grid-column:1 / -1;min-height:38px;border-radius:7px;background:var(--showcase-soft);border:1px solid var(--showcase-strong)} .showcase-linkedin-leads{padding:12px;display:grid;gap:8px;align-content:center} .showcase-lead-row{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:center} .showcase-lead-row span{width:22px;height:22px;border-radius:50%;background:var(--showcase-soft);border:1px solid var(--showcase-strong)} .showcase-lead-row i{display:block;height:8px;border-radius:999px;background:rgba(18,59,98,0.14)} .showcase-threads-chain{padding:12px;display:grid;gap:8px;align-content:center} .showcase-thread-node{display:grid;grid-template-columns:24px 1fr;gap:8px;position:relative} .showcase-thread-node:not(:last-child)::after{content:'';position:absolute;left:12px;top:28px;bottom:-9px;width:2px;background:var(--showcase-strong)} .showcase-thread-avatar{width:24px;height:24px;background:var(--charcoal)} .showcase-thread-copy{display:grid;gap:6px;padding:8px;border-radius:8px;background:rgba(255,255,255,0.92);border:1px solid rgba(18,59,98,0.1)} .showcase-thread-copy i{height:7px;border-radius:999px;background:rgba(18,59,98,0.13)} .showcase-thread-copy i:first-child{width:54%;background:var(--showcase-accent)} .showcase-threads-summary{padding:12px;align-content:center} .showcase-xhs-board{padding:12px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px} .showcase-xhs-board span{border-radius:8px;min-height:44px;background:linear-gradient(145deg,var(--showcase-soft),rgba(255,255,255,0.88));border:1px solid var(--showcase-strong)} .showcase-xhs-board span:first-child{grid-row:span 2} .showcase-xhs-notes{padding:12px;display:grid;gap:8px;align-content:center} .topic-showcase-body{color:var(--gray-4);font-size:13.5px;line-height:1.7} .topic-showcase-stat{display:inline-flex;width:fit-content;min-height:28px;align-items:center;border:1px solid rgba(18,59,98,0.16);border-radius:999px;padding:4px 11px;color:var(--brand);font-size:12px;font-weight:900;background:rgba(255,255,255,0.84)} .topic-showcase-dots{position:absolute;right:16px;bottom:14px;display:flex;gap:6px} .topic-showcase-dots span{width:6px;height:6px;border-radius:50%;background:rgba(18,59,98,0.26);animation:topicShowcaseDot 9s infinite} .topic-showcase-dots span:nth-child(1){animation-delay:0s} .topic-showcase-dots span:nth-child(2){animation-delay:3s} .topic-showcase-dots span:nth-child(3){animation-delay:6s} @keyframes topicShowcaseSlide{0%,28%{opacity:1;transform:translateX(0)} 34%,100%{opacity:0;transform:translateX(-18px)}} @keyframes topicShowcaseDot{0%,28%{background:var(--brand);transform:scale(1.35)} 34%,100%{background:rgba(18,59,98,0.26);transform:scale(1)}} .features-section{padding:80px 24px;background:var(--gray-1)} .features-inner{max-width:1280px;margin:0 auto} .features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px} .feature-item{background:var(--white);padding:32px 28px;border-radius:6px;border:1px solid var(--line);transition:all 0.3s} .feature-item:hover{transform:translateY(-4px);box-shadow:0 16px 32px -12px rgba(0,0,0,0.12);border-color:var(--brand)} .feature-num{font-size:13px;color:var(--brand);font-weight:900;letter-spacing:0.15em;margin-bottom:12px} .feature-item h4{font-size:19px;font-weight:900;margin-bottom:12px;color:var(--ink)} .feature-item p{font-size:14px;color:var(--gray-4);line-height:1.85} .service-pick-section{padding:26px 24px;background:var(--white);border-bottom:1px solid var(--line)} .service-pick-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);border-radius:8px;padding:18px 20px;background:#f8fafb} .service-pick-copy strong{display:block;color:var(--ink);font-size:16px;font-weight:900;margin-bottom:4px} .service-pick-copy span{color:var(--gray-4);font-size:14px;line-height:1.7} .service-pick-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end} .service-select-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;border:1px solid var(--brand);border-radius:6px;background:var(--white);color:var(--ink);font-size:13px;font-weight:900;line-height:1.2;cursor:pointer;padding:10px 14px;transition:background 0.2s,color 0.2s,border-color 0.2s,transform 0.2s} .service-select-toggle:hover{transform:translateY(-1px);background:#eef3f4} .service-select-toggle.is-selected{background:var(--ink);border-color:var(--ink);color:var(--white)} .service-select-mark{width:16px;height:16px;border:2px solid currentColor;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto} .service-select-toggle.is-selected .service-select-mark::before{content:'';width:8px;height:4px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg) translate(1px,-1px)} .feature-item .service-select-toggle,.detail-card .service-select-toggle,.topic-hub-item .service-select-toggle,.price-card .service-select-toggle{margin-top:18px;width:100%} .service-cart-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 14px;border-radius:6px;border:1px solid var(--line);color:var(--ink);background:var(--white);font-size:13px;font-weight:900} .payment-quote-section{padding:72px 24px;background:var(--white)} .payment-quote-section.is-quote-only{padding:28px 16px 48px} .payment-quote-inner{max-width:1280px;margin:0 auto} .payment-quote-section.is-quote-only .payment-quote-inner{max-width:1238px} .payment-quote-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,0.92fr);gap:26px;align-items:start} .payment-quote-grid.is-single{grid-template-columns:1fr} .payment-quote-panel,.payment-flow-panel{border:1px solid var(--line);border-radius:8px;background:#f8fafb;padding:28px} .payment-quote-section.is-quote-only .payment-quote-panel{padding:32px} .payment-quote-panel h2,.payment-flow-panel h2{color:var(--ink);font-size:28px;line-height:1.3;font-weight:900;margin-bottom:10px} .payment-quote-panel>p,.payment-flow-panel>p{color:var(--gray-4);font-size:14px;line-height:1.8;margin-bottom:22px} .quote-empty{border:1px dashed var(--line);border-radius:8px;background:var(--white);color:var(--gray-4);padding:24px;line-height:1.8} .quote-table{display:grid;gap:10px} .quote-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,auto) 38px;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--white)} .quote-service-title{color:var(--ink);font-weight:900;line-height:1.35} .quote-service-meta{color:var(--gray-4);font-size:12px;line-height:1.5;margin-top:4px} .quote-price{color:var(--ink);font-size:13px;font-weight:900;text-align:right;line-height:1.55;max-width:280px} .quote-contract{margin-top:12px;border:1px solid rgba(15,23,42,0.09);border-radius:8px;background:#f8fafc;padding:12px} .quote-contract-grid{display:grid;grid-template-columns:minmax(160px,1.2fr) minmax(120px,0.86fr) minmax(84px,0.44fr);gap:10px;align-items:end} .quote-contract label{display:grid;gap:5px;color:#334155;font-size:12px;font-weight:900} .quote-contract select,.quote-contract input{width:100%;min-height:36px;border:1px solid #d7e0ea;border-radius:6px;background:var(--white);color:var(--ink);font:inherit;font-size:13px;padding:7px 9px;outline:none} .quote-contract select:focus,.quote-contract input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,0.1)} .quote-contract-hint{margin-top:9px;color:#0f172a;font-size:12px;font-weight:900;line-height:1.55} .quote-remove{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--white);color:var(--gray-4);cursor:pointer;font-size:18px;line-height:1} .quote-remove:hover{color:var(--ink);border-color:var(--ink)} .quote-note{margin-top:14px;color:var(--gray-4);font-size:13px;line-height:1.75} .quote-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px} .quote-action{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:6px;border:1px solid var(--ink);background:var(--ink);color:var(--white);padding:10px 16px;font-size:13px;font-weight:900;cursor:pointer} .quote-action.secondary{background:var(--white);color:var(--ink);border-color:var(--line)} .contact-inquiry-section{padding:72px 24px;position:relative;overflow:hidden;background-color:#161b1f;background-image:linear-gradient(90deg,rgba(12,17,20,0.94) 0%,rgba(18,24,28,0.88) 42%,rgba(18,24,28,0.74) 100%),url("/assets/generated-banners/timeline-cta-bg.webp");background-size:cover;background-position:center;color:var(--white)} .contact-inquiry-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,0.1),transparent 42%),radial-gradient(circle at 50% 100%,rgba(58,86,94,0.18),transparent 70%);pointer-events:none} .contact-inquiry-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(260px,0.82fr) minmax(0,1.18fr);gap:28px;align-items:start;position:relative;z-index:1} .contact-inquiry-copy{padding-top:12px} .contact-inquiry-copy .eyebrow{color:rgba(255,255,255,0.74);font-weight:900;letter-spacing:0.12em} .contact-inquiry-copy h2{margin-top:12px;color:var(--white);font-size:32px;line-height:1.25;font-weight:900} .contact-inquiry-copy p{margin-top:14px;color:rgba(255,255,255,0.82);font-size:15px;line-height:1.9} .contact-inquiry-card{border:1px solid rgba(255,255,255,0.24);border-radius:8px;background:rgba(255,255,255,0.9);box-shadow:0 26px 64px rgba(0,0,0,0.32);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);padding:28px} .contact-inquiry-form{display:grid;gap:16px} .contact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .contact-field{display:grid;gap:7px} .contact-field.full{grid-column:1 / -1} .contact-field label{color:var(--ink);font-size:13px;font-weight:900} .contact-field input,.contact-field select,.contact-field textarea{width:100%;min-height:46px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,0.9);color:var(--ink);font:inherit;padding:10px 12px;outline:none;transition:border-color 0.2s,box-shadow 0.2s,background 0.2s} .contact-field textarea{min-height:124px;resize:vertical} .contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-color:rgba(28,93,132,0.5);background:var(--white);box-shadow:0 0 0 3px rgba(28,93,132,0.12)} .contact-submit-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between} .contact-submit-button{min-height:44px;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:var(--white);padding:10px 22px;font-size:14px;font-weight:900;cursor:pointer} .contact-submit-button:disabled{opacity:0.58;cursor:progress} .contact-form-status{min-height:22px;color:var(--gray-4);font-size:13px;font-weight:700} .contact-form-status.success{color:#0d7a41} .contact-form-status.error{color:#b42318} .payment-method-grid{display:grid;gap:12px;margin-bottom:24px} .payment-method-card{border:1px solid var(--line);border-radius:8px;background:var(--white);padding:18px} .payment-method-card strong{display:block;color:var(--ink);font-size:16px;font-weight:900;margin-bottom:6px} .payment-method-card p{color:var(--gray-4);font-size:13px;line-height:1.7} .payment-flow-list{list-style:none;counter-reset:payment-step;display:grid;gap:14px;margin:0;padding:0} .payment-flow-list li{counter-increment:payment-step;display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;color:var(--gray-4);font-size:13px;line-height:1.75} .payment-flow-list li::before{content:counter(payment-step,decimal-leading-zero);width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--white);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900} .payment-flow-list strong{display:block;color:var(--ink);font-size:14px;margin-bottom:2px} .payment-checkout-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(320px,4fr);gap:24px;align-items:start;margin-top:24px} .payment-checkout-stack{display:grid;gap:22px} .payment-checkout-card,.payment-summary-card{border:1px solid var(--line);border-radius:8px;background:var(--white);padding:28px;box-shadow:0 1px 3px rgba(0,0,0,0.04)} .payment-summary-card{position:sticky;top:112px} .payment-checkout-title{display:flex;align-items:center;gap:9px;color:var(--ink);font-size:22px;font-weight:900;line-height:1.3;margin-bottom:22px} .payment-checkout-title::before{content:'';width:4px;height:28px;border-radius:999px;background:#2563eb;flex:0 0 auto} .payment-form-grid{display:grid;gap:18px} .payment-form-row{display:grid;grid-template-columns:2fr 1fr;gap:12px} .payment-field label{display:block;color:#334155;font-size:14px;font-weight:800;margin-bottom:7px} .payment-field input,.payment-field select{width:100%;min-height:46px;border:1px solid #cbd5e1;border-radius:6px;background:var(--white);color:var(--ink);font-size:14px;padding:10px 13px;outline:none;transition:border-color 0.2s,box-shadow 0.2s} .payment-field input:focus,.payment-field select:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,0.1)} .payment-method-option{border:2px solid #e2e8f0;border-radius:8px;background:var(--white);padding:18px;cursor:pointer;transition:border-color 0.2s,background 0.2s} .payment-method-option+.payment-method-option{margin-top:14px} .payment-method-option.is-active{border-color:#2563eb;background:rgba(37,99,235,0.03)} .payment-method-head{display:flex;align-items:center;gap:12px;color:#0f172a;font-size:15px;font-weight:900} .payment-method-head input{width:19px;height:19px;accent-color:#2563eb} .payment-method-details{display:none;margin-top:16px;padding-top:16px;border-top:1px dashed #dbe3ec} .payment-method-option.is-active .payment-method-details{display:block} .payment-help-text{color:#64748b;font-size:13px;line-height:1.7;margin-top:12px} .installment-preview{border-radius:6px;background:#f1f5f9;color:#1e293b;font-size:14px;line-height:1.6;margin-top:10px;padding:10px 12px} .installment-preview strong{color:#dc2626;font-size:16px} .payment-summary-rows{display:grid;gap:11px;margin-bottom:20px} .payment-summary-row,.payment-summary-total{display:flex;align-items:center;justify-content:space-between;gap:18px} .payment-summary-row{color:#64748b;font-size:14px} .payment-summary-row.is-discount{color:#10b981} .payment-summary-total{border-top:1px solid #e2e8f0;color:var(--ink);font-size:20px;font-weight:900;padding-top:20px;margin-bottom:22px} .payment-submit-button{width:100%;min-height:56px;border:0;border-radius:8px;background:#2563eb;color:var(--white);font-size:16px;font-weight:900;cursor:pointer;transition:background 0.2s,transform 0.2s} .payment-submit-button:hover{background:#1d4ed8;transform:translateY(-1px)} .payment-security-note{color:#94a3b8;font-size:12px;line-height:1.7;margin-top:14px;text-align:center} .payment-lock-notice{border:1px solid #facc15;border-radius:8px;background:#fffbeb;color:#78350f;font-size:14px;font-weight:700;line-height:1.7;padding:16px 18px} .payment-lock-notice strong{display:block;color:#92400e;font-size:15px;margin-bottom:4px} .payment-checkout-grid.is-payment-locked .payment-method-option{border-color:#e2e8f0;background:#f8fafc;cursor:not-allowed} .payment-checkout-grid.is-payment-locked .payment-method-option.is-active{border-color:#cbd5e1;background:#f8fafc} .payment-checkout-grid.is-payment-locked:is(input,select,button){cursor:not-allowed} .payment-checkout-grid.is-payment-locked .payment-field input:disabled,.payment-checkout-grid.is-payment-locked .payment-field select:disabled{border-color:#e2e8f0;background:#f1f5f9;color:#94a3b8} .payment-submit-button:disabled,.payment-submit-button:disabled:hover{background:#94a3b8;color:#f8fafc;cursor:not-allowed;transform:none} .process-section{padding:80px 24px;max-width:1280px;margin:0 auto} .process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:42px;position:relative} .process-steps::before{display:none} .process-step{display:grid;grid-template-columns:54px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:14px;row-gap:5px;align-items:start;min-width:0;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--white);box-shadow:0 12px 30px rgba(6,28,49,0.06);text-align:left;position:relative;z-index:1;transition:border-color 0.2s ease,box-shadow 0.2s ease,transform 0.2s ease} .process-step:hover{border-color:rgba(18,59,98,0.28);box-shadow:0 16px 38px rgba(6,28,49,0.1);transform:translateY(-2px)} .process-num{grid-row:1 / span 2;width:50px;height:50px;display:inline-flex;align-items:center;justify-content:center;margin:0;border:1px solid rgba(18,59,98,0.24);border-radius:50%;background:rgba(18,59,98,0.08);color:var(--brand);font-size:15px;font-weight:900;line-height:1;letter-spacing:0;position:relative;transition:background 0.2s ease,color 0.2s ease,border-color 0.2s ease} .process-num::before{content:'';position:absolute;inset:7px;border:1px solid rgba(18,59,98,0.16);border-radius:50%} .process-num span{position:relative;z-index:1} .process-step:hover .process-num{background:var(--brand-gradient);border-color:transparent;color:var(--white)} .process-step h5{min-width:0;font-size:16px;font-weight:900;line-height:1.35;margin:1px 0 0;color:var(--ink);overflow-wrap:anywhere} .process-step p{grid-column:2;min-width:0;margin:0;font-size:13px;color:var(--gray-4);line-height:1.65;overflow-wrap:anywhere} .pricing-section{padding:80px 24px;background:var(--gray-1)} .pricing-inner{max-width:1280px;margin:0 auto} .pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;align-items:stretch} .price-card{background:var(--white);border-radius:8px;border:1px solid var(--line);padding:36px 28px;transition:all 0.3s;position:relative;display:flex;flex-direction:column} .price-card.featured{border:2px solid var(--brand);transform:scale(1.02);box-shadow:0 16px 40px -12px rgba(58,86,94,0.18)} .price-card.featured::before{content:'熱門推薦';position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--brand-gradient);color:var(--white);font-size:12px;font-weight:700;padding:5px 16px;border-radius:20px;letter-spacing:0.05em;white-space:nowrap} .price-card.has-plan-image{padding:18px;gap:16px} .price-card.has-plan-image .price-plan-image{width:100%;aspect-ratio:1.88 / 1;object-fit:contain;display:block;border-radius:6px;background:#050b10;border:1px solid var(--line)} .price-card.has-plan-image .price-name,.price-card.has-plan-image .price-tagline,.price-card.has-plan-image .price-amount,.price-card.has-plan-image .price-divider,.price-card.has-plan-image .price-features,.price-card.has-plan-image .price-cta{margin-left:10px;margin-right:10px} .price-card.has-plan-image.has-plan-copy .price-name,.price-card.has-plan-image.has-plan-copy .price-tagline,.price-card.has-plan-image.has-plan-copy .price-amount,.price-card.has-plan-image.has-plan-copy .price-divider,.price-card.has-plan-image.has-plan-copy .price-features,.price-card.has-plan-image.has-plan-copy .price-cta{display:block} .pricing-grid.has-image-only-pricing{grid-template-columns:minmax(0,1fr);max-width:1040px;margin-left:auto;margin-right:auto} .price-card.has-plan-image-only,.price-card.has-plan-image-only.featured{padding:0;border:0;background:transparent;box-shadow:none;transform:none;gap:0} .price-card.has-plan-image-only.featured::before{display:none} .price-plan-image-stack{display:grid;gap:20px;width:100%} .price-card.has-plan-image-only .price-plan-image{aspect-ratio:auto;height:auto;background:transparent;border:1px solid rgba(18,59,98,0.12);border-radius:8px;box-shadow:0 14px 40px rgba(6,28,49,0.1)} .price-card.has-plan-image-only .price-name,.price-card.has-plan-image-only .price-tagline,.price-card.has-plan-image-only .price-amount,.price-card.has-plan-image-only .price-divider,.price-card.has-plan-image-only .price-features,.price-card.has-plan-image-only .price-cta,.price-card.has-plan-image-only .service-select-toggle{display:none} .price-name{font-size:20px;font-weight:900;margin-bottom:6px} .price-tagline{font-size:13px;color:var(--gray-4);margin-bottom:24px;min-height:38px;line-height:1.5} .price-amount{font-size:44px;font-weight:900;color:var(--brand);line-height:1;margin-bottom:4px} .price-amount .currency{font-size:18px;vertical-align:top;margin-right:4px} .price-amount .period{font-size:14px;color:var(--gray-4);font-weight:400;margin-left:4px} .price-divider{border-top:1px solid var(--line);margin:24px 0} .price-features{list-style:none;margin-bottom:24px;flex:1} .price-features li{font-size:13.5px;padding:7px 0 7px 24px;position:relative;color:var(--ink)} .price-features li::before{content:'✓';position:absolute;left:0;color:var(--brand);font-weight:900} .price-features li.disabled{color:var(--gray-3)} .price-features li.disabled::before{content:'×';color:var(--gray-3)} .price-cta{display:block;text-align:center;background:var(--ink);color:var(--white);padding:13px;border-radius:4px;font-weight:700;transition:all 0.2s} .price-cta:hover{background:var(--brand-gradient);color:var(--white)} .price-card.featured .price-cta{background:var(--brand-gradient)} .price-card.featured .price-cta:hover{background:var(--brand-dark)} body.lang-en .price-card.featured::before{content:'Recommended'} .faq-section{padding:80px 24px;max-width:960px;margin:0 auto} .faq-list{margin-top:40px} .faq-item{border-bottom:1px solid var(--line);padding:22px 0} .faq-q{display:flex;justify-content:space-between;align-items:center;font-size:17px;font-weight:700;cursor:pointer;color:var(--ink);transition:color 0.2s;gap:16px} .faq-q:hover{color:var(--brand)} .faq-q::after{content:'+';font-size:28px;color:var(--brand);font-weight:300;transition:transform 0.3s;flex-shrink:0;line-height:1} .faq-item.open .faq-q::after{content:'−'} .faq-a{max-height:0;overflow:hidden;transition:max-height 0.3s ease} .faq-item.open .faq-a{max-height:500px;padding-top:14px} .faq-a p{color:var(--gray-4);font-size:14.5px;line-height:1.9} .page-cta-section{background-color:var(--ink);background-image:linear-gradient(90deg,rgba(12,17,20,0.95) 0%,rgba(19,25,29,0.88) 42%,rgba(19,25,29,0.72) 100%),url("/assets/generated-banners/timeline-cta-bg.webp");background-size:cover;background-position:center;color:var(--white);padding:90px 24px;text-align:center;position:relative;overflow:hidden} .page-cta-section::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 16%,rgba(255,255,255,0.12),transparent 42%),radial-gradient(circle at 50% 100%,rgba(58,86,94,0.24),transparent 70%);pointer-events:none} body.region-global .page-cta-section::before{background:radial-gradient(circle at 50% 16%,rgba(255,255,255,0.12),transparent 42%),radial-gradient(circle at 50% 100%,rgba(58,86,94,0.26),transparent 70%)} .page-cta-inner{max-width:1180px;margin:0 auto;position:relative;z-index:1} .page-cta-section h2{font-size:40px;font-weight:900;line-height:1.2;margin-bottom:16px} .page-cta-section h2 .brand-text{color:#cbd2d3} body.region-global .page-cta-section h2 .brand-text{color:#cbd2d3} .page-cta-section p{font-size:16px;color:rgba(255,255,255,0.85);margin-bottom:32px} .page-cta-section h2,.page-cta-section p,.page-cta-buttons{max-width:820px;margin-left:auto;margin-right:auto} .page-cta-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap} .page-cta-buttons .btn-primary{padding:14px 32px} .page-cta-buttons .btn-outline{color:var(--white);border-color:rgba(255,255,255,0.5)} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .page-cta-inquiry-form{max-width:1160px;margin:34px auto 0;text-align:left} .page-cta-inner>.page-cta-inquiry-form:first-child{margin-top:0} .page-cta-form-grid{display:grid;grid-template-columns:minmax(160px,1.1fr) repeat(4,minmax(130px,1fr));gap:14px;align-items:stretch} .page-cta-form-field,.page-cta-form-field.full,.page-cta-form-action{min-width:0} .page-cta-form-field.full{grid-column:span 3} .page-cta-form-field input,.page-cta-form-field select,.page-cta-form-field textarea{width:100%;min-height:46px;border:1px solid rgba(255,255,255,0.28);border-radius:4px;background:rgba(255,255,255,0.94);color:var(--ink);font:inherit;font-size:14px;padding:10px 14px;outline:none;box-shadow:0 12px 26px rgba(0,0,0,0.16);transition:border-color 0.2s,box-shadow 0.2s,background 0.2s} .page-cta-form-field textarea{min-height:96px;resize:vertical;display:block} .page-cta-form-field input:focus,.page-cta-form-field select:focus,.page-cta-form-field textarea:focus{border-color:rgba(255,255,255,0.72);background:var(--white);box-shadow:0 0 0 3px rgba(255,255,255,0.14),0 14px 30px rgba(0,0,0,0.2)} .page-cta-form-action{grid-column:span 2;display:grid;gap:8px;align-content:start} .page-cta-form-action button{min-height:46px;border:1px solid rgba(255,255,255,0.72);border-radius:4px;background:rgba(255,255,255,0.08);color:var(--white);font:inherit;font-size:14px;font-weight:900;cursor:pointer;transition:background 0.2s,border-color 0.2s,transform 0.2s} .page-cta-form-action button:hover{background:var(--brand-gradient);border-color:transparent;transform:translateY(-1px)} .page-cta-form-action button:disabled{opacity:0.58;cursor:progress;transform:none} .page-cta-line-link{min-height:42px;border-radius:4px;background:#06c755;color:var(--white);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:14px;font-weight:900;box-shadow:0 14px 28px rgba(6,199,85,0.22);transition:transform 0.2s,box-shadow 0.2s} .page-cta-line-link:hover{color:var(--white);transform:translateY(-1px);box-shadow:0 18px 34px rgba(6,199,85,0.28)} .page-cta-inquiry-form .contact-form-status{color:rgba(255,255,255,0.76);min-height:20px} .page-cta-inquiry-form .contact-form-status.success{color:#8ff0b8} .page-cta-inquiry-form .contact-form-status.error{color:#ffb4a8} .related-section{padding:80px 24px;max-width:1280px;margin:0 auto} .related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px} .related-card{background:var(--white);border:1px solid var(--line);border-radius:6px;padding:28px;transition:all 0.3s;cursor:pointer} .related-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px -8px rgba(0,0,0,0.12);border-color:var(--brand)} .related-card .service-brand-icons{margin-bottom:12px} .related-card .service-brand-icon{width:30px;height:30px;flex-basis:30px;border-radius:7px} .related-card .service-brand-icon img{width:18px;height:18px} .related-card .cat{font-size:12px;color:var(--brand);font-weight:700;letter-spacing:0.1em;margin-bottom:10px} .related-card h5{font-size:18px;font-weight:900;margin-bottom:10px;color:var(--ink)} .related-card p{font-size:13px;color:var(--gray-4);line-height:1.75;margin-bottom:14px} .related-card .read-more{color:var(--brand);font-weight:700;font-size:13px} .mega-col li a.has-service-brand-icons,.sidebar-nav li a.has-service-brand-icons{display:inline-flex;align-items:center;gap:6px} .mega-col li a.has-service-brand-icons,.sidebar-nav li a.has-service-brand-icons,header .megamenu a.has-service-brand-icons{display:flex;width:100%} header .megamenu .mega-col li a.has-service-brand-icons{align-items:flex-start;gap:5px;min-height:25px;min-width:0;line-height:1.42;white-space:normal;overflow-wrap:anywhere;word-break:break-word} header .megamenu .mega-col li a.has-service-brand-icons:hover{padding-left:4px} .mega-col li a .service-brand-icons,.sidebar-nav li a .service-brand-icons,header .megamenu a .service-brand-icons{gap:4px} header .megamenu .mega-col li a .service-brand-icons{flex:0 0 auto;max-width:42px;flex-wrap:wrap;align-self:flex-start;padding-top:1px} .mega-col li a .service-brand-icon,.sidebar-nav li a .service-brand-icon,header .megamenu a .service-brand-icon{width:16px;height:16px;flex-basis:16px;border-radius:5px;font-size:7px} .mega-col li a .service-brand-icon img,.sidebar-nav li a .service-brand-icon img,header .megamenu a .service-brand-icon img{width:11px;height:11px} .hot-card-content .service-brand-icons{margin-bottom:10px} .hot-card-content .service-brand-icon{width:24px;height:24px;flex-basis:24px;border-radius:6px;font-size:8px} .hot-card-content .service-brand-icon img{width:15px;height:15px} .service-rail-nav{position:fixed;left:18px;top:clamp(138px,calc(var(--sticky-chrome-height,112px)+32px),188px);bottom:42px;width:222px;z-index:112;pointer-events:none;opacity:1;transform:translateX(0);transition:opacity 0.22s ease,transform 0.24s ease} .service-rail-nav,.service-rail-nav[hidden]{display:none !important} .service-rail-nav[hidden]{opacity:0;transform:translateX(-18px);visibility:hidden;pointer-events:none} .service-rail-panel{position:relative;display:grid;grid-template-columns:34px 178px;gap:10px;height:100%;max-height:620px;pointer-events:none} .service-rail-track-wrap{position:relative;min-height:240px;cursor:grab;touch-action:none;pointer-events:auto} .service-rail-nav.is-dragging .service-rail-track-wrap{cursor:grabbing} .service-rail-track-shell,.service-rail-track{position:absolute;left:50%;top:10px;bottom:10px;transform:translateX(-50%)} .service-rail-track-shell{width:24px;border-radius:999px;background:rgba(255,255,255,0.94);border:1px solid rgba(12,49,78,0.12);box-shadow:0 16px 38px rgba(12,49,78,0.16)} .service-rail-track-shell::before{content:"";position:absolute;left:50%;top:18px;bottom:18px;width:1px;transform:translateX(-50%);background:linear-gradient(180deg,rgba(15,75,116,0.16),rgba(183,146,67,0.58),rgba(15,75,116,0.16))} .service-rail-track{width:34px} .service-rail-dot{position:absolute;left:50%;width:8px;height:8px;padding:0;border:1px solid rgba(14,58,88,0.22);border-radius:50%;background:#d9e4ec;transform:translate(-50%,-50%);cursor:pointer;transition:width 0.2s ease,height 0.2s ease,background 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease} .service-rail-dot:hover,.service-rail-dot:focus-visible{width:12px;height:12px;background:var(--brand);border-color:rgba(183,146,67,0.62);outline:none} .service-rail-dot.is-active{width:13px;height:13px;background:var(--brand);border-color:#c9a24a;box-shadow:0 0 0 4px rgba(15,75,116,0.12),0 0 0 1px rgba(255,255,255,0.9) inset} .service-rail-dot.is-near{width:10px;height:10px;background:#9fb4c5} .service-rail-progress{position:absolute;left:50%;top:18px;width:2px;height:0;transform:translateX(-50%);border-radius:999px;background:linear-gradient(180deg,var(--brand),#c9a24a);transition:height 0.22s ease} .service-rail-thumb{position:absolute;left:50%;top:0;width:22px;height:22px;border-radius:999px;background:var(--brand);border:2px solid #fff;box-shadow:0 8px 20px rgba(12,49,78,0.24);transform:translate(-50%,-50%);transition:top 0.22s cubic-bezier(.2,.8,.2,1),transform 0.18s ease;pointer-events:none} .service-rail-nav.is-dragging .service-rail-progress,.service-rail-nav.is-dragging .service-rail-thumb{transition:none} .service-rail-nav.is-dragging .service-rail-thumb{transform:translate(-50%,-50%) scale(1.08)} .service-rail-labels{position:relative;height:100%;min-width:0;pointer-events:none} .service-rail-label{position:absolute;left:0;width:min(178px,calc(100vw - 74px));min-height:42px;padding:9px 12px;border:1px solid rgba(15,75,116,0.16);border-left:3px solid rgba(183,146,67,0.74);border-radius:6px;background:rgba(255,255,255,0.96);color:var(--ink);box-shadow:0 14px 32px rgba(12,49,78,0.15);opacity:0;transform:translateY(-50%) translateX(-8px);transition:opacity 0.24s ease,transform 0.24s ease} .service-rail-nav.is-labeling .service-rail-label{opacity:1;transform:translateY(-50%) translateX(0)} .service-rail-label.is-active{border-color:rgba(15,75,116,0.34);border-left-color:var(--brand);box-shadow:0 18px 38px rgba(12,49,78,0.2)} .service-rail-label .service-rail-cat{display:block;color:var(--brand);font-size:10px;font-weight:900;letter-spacing:0.12em;text-transform:uppercase;line-height:1.2;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .service-rail-label .service-rail-name{display:block;color:var(--ink);font-size:13px;font-weight:900;line-height:1.32;overflow-wrap:anywhere} @media(max-width:1180px){.service-rail-nav{left:10px;width:190px} .service-rail-panel{grid-template-columns:30px 146px;gap:8px} .service-rail-label{width:min(146px,calc(100vw - 58px));padding:8px 10px} .service-rail-label .service-rail-name{font-size:12px}} @media(max-width:920px){.service-rail-nav{top:clamp(126px,calc(var(--sticky-chrome-height,96px)+30px),164px);bottom:82px;width:164px} .service-rail-panel{grid-template-columns:28px 126px} .service-rail-track-shell{width:22px} .service-rail-label{width:min(126px,calc(100vw - 52px));min-height:38px;padding:7px 9px} .service-rail-label .service-rail-cat{display:none}} @media(max-width:640px){.service-rail-nav{left:6px;top:clamp(116px,calc(var(--sticky-chrome-height,86px)+28px),144px);bottom:108px;width:132px} .service-rail-panel{grid-template-columns:24px 100px;gap:6px} .service-rail-track-shell{width:20px} .service-rail-dot{width:7px;height:7px} .service-rail-dot.is-active{width:11px;height:11px} .service-rail-thumb{width:18px;height:18px} .service-rail-label{width:min(100px,calc(100vw - 42px));min-height:34px;padding:7px 8px;border-left-width:2px} .service-rail-label .service-rail-name{font-size:11px;line-height:1.25}} @media(max-width:420px){.service-rail-nav{top:clamp(108px,calc(var(--sticky-chrome-height,78px)+28px),136px);width:116px} .service-rail-panel{grid-template-columns:22px 88px} .service-rail-label{width:min(88px,calc(100vw - 38px))}} @media(max-width:768px){.service-rail-nav,.service-rail-nav[hidden]{display:none !important}} .generic-content-section{padding:80px 24px;max-width:1280px;margin:0 auto} .generic-content-grid{display:grid;grid-template-columns:280px 1fr;gap:48px;align-items:start} .sidebar-nav{background:var(--white);border:1px solid var(--line);border-radius:6px;overflow:hidden;position:sticky;top:100px} .sidebar-nav h6{background:var(--ink);color:var(--white);padding:14px 18px;font-size:14px;font-weight:900} .sidebar-nav ul{list-style:none} .sidebar-nav li a{display:block;padding:12px 18px;font-size:14px;color:var(--gray-4);border-bottom:1px solid var(--line);transition:all 0.2s} .sidebar-nav li a:hover{background:var(--brand-light);color:var(--brand);padding-left:22px} .sidebar-nav li a.current{background:var(--brand-gradient);color:var(--white);font-weight:700} .sidebar-nav li:last-child a{border-bottom:none} @media(max-width:1024px){.page-hero h1{font-size:36px} .page-intro-grid{grid-template-columns:1fr;gap:24px} .page-visual-grid{grid-template-columns:1fr} .page-visual-image{min-height:280px} .proof-grid{grid-template-columns:1fr} .proof-photo{min-height:320px} .features-grid,.pricing-grid,.related-grid,.case-grid,.detail-grid{grid-template-columns:repeat(2,1fr)} .topic-hub-item{scroll-margin-top:210px} .topic-hub-item .detail-card{grid-template-columns:1fr} .topic-hub-section.has-topic-image-cards .topic-hub-item .detail-card.has-topic-image-card{grid-template-columns:1fr;min-height:0} .topic-hub-section.has-topic-image-cards .topic-hub-item .detail-card.has-topic-image-card::after{display:none} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card .topic-hub-copy{margin:22px;min-height:0} .topic-hub-book-pages,.topic-hub-book-page{min-height:220px} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card .topic-showcase-image-card,.topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card .topic-showcase-image-card img{min-height:300px} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card .topic-showcase-image-card{border-left:0} .topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card{grid-template-columns:1fr;min-height:0} .topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card .topic-showcase-image-card{grid-column:1;grid-row:1;min-height:300px;border-left:0;border-bottom:1px solid rgba(255,255,255,0.14)} .topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card .topic-showcase-image-card img{min-height:300px;height:300px} .topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card .topic-hub-copy{grid-column:1;grid-row:2;min-height:0} .topic-showcase{min-height:306px} .payment-quote-grid{grid-template-columns:1fr} .contact-inquiry-inner{grid-template-columns:1fr} .page-cta-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .page-cta-form-field.full,.page-cta-form-action{grid-column:1 / -1} .payment-checkout-grid{grid-template-columns:1fr} .payment-summary-card{position:static} .process-steps{grid-template-columns:repeat(2,1fr);gap:32px} .process-steps::before{display:none} .generic-content-grid{grid-template-columns:1fr} .sidebar-nav{position:static}} @media(max-width:640px){.page-hero h1{font-size:28px} .page-visual-section{padding:0 16px 60px} .proof-section,.case-section,.detail-section{padding:60px 16px} .page-visual-copy{padding:26px 22px} .page-visual-copy h2{font-size:24px} .proof-copy h2{font-size:26px} .proof-stats{grid-template-columns:1fr} .features-grid,.pricing-grid,.related-grid,.process-steps,.case-grid,.detail-grid{grid-template-columns:1fr} .process-section{padding:60px 16px} .process-step{grid-template-columns:46px minmax(0,1fr);column-gap:12px;padding:16px} .process-num{width:44px;height:44px;font-size:13px} .process-num::before{inset:6px} .detail-list li{grid-template-columns:26px minmax(0,1fr);gap:9px;min-height:42px;padding:9px 10px;font-size:13px} .detail-list li::before{width:22px;height:22px} .detail-list li::after{top:17px;left:18px} .page-cta-inquiry-form{margin-top:26px} .page-cta-form-grid{grid-template-columns:1fr} .page-cta-form-field.full,.page-cta-form-action{grid-column:auto} .topic-hub-section{padding:60px 16px} .topic-hub-item{scroll-margin-top:230px} .topic-hub-nav{gap:8px} .topic-hub-nav a{width:100%} .topic-showcase-visual{grid-template-columns:1fr} .topic-showcase{min-height:386px} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card .topic-hub-copy{margin:16px;padding:26px 22px;border-radius:20px} .topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card .topic-hub-copy{margin:0;padding:26px 22px;border-radius:0} .topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card .topic-showcase-image-card,.topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card .topic-showcase-image-card img{min-height:260px} .topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card .topic-showcase-image-card img{height:260px} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card h3{font-size:30px} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card p{font-size:16px} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card .topic-hub-scope-list{margin-top:18px;padding-top:10px} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card .topic-hub-scope-list li{grid-template-columns:27px minmax(0,1fr);gap:9px;padding:8px 0;font-size:14px} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card .topic-hub-scope-list li::before{width:25px;height:25px;border-radius:7px;font-size:10px} .topic-card-turn-hint{display:none} .topic-hub-book-pages,.topic-hub-book-page{min-height:0} .topic-hub-book-label{font-size:12px} .topic-hub-price-row{grid-template-columns:1fr;gap:6px} .topic-hub-price-row span{white-space:normal} .topic-hub-compare-pair{grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr)} .topic-hub-compare-side strong{min-height:32px;padding:7px 6px;font-size:12px;overflow-wrap:anywhere} .topic-hub-compare-side span{padding:7px 6px;font-size:11px;line-height:1.45;overflow-wrap:anywhere} .topic-hub-compare-axis b,.topic-hub-compare-axis span{padding:7px 4px;font-size:10px} .topic-hub-book-controls{position:static;margin-top:16px;justify-content:space-between} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card .topic-hub-book-controls{position:static;margin-top:16px} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card .topic-hub-title-row,.topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card .topic-hub-book-controls{display:none !important} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card .service-select-toggle{width:100%;min-width:0} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card[data-topic-image-only-book="true"],.topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card[data-topic-image-only-book="true"]{width:100%;max-width:100%;min-height:0;aspect-ratio:auto} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card[data-topic-image-only-book="true"] .topic-hub-copy,.topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card[data-topic-image-only-book="true"] .topic-hub-copy{min-height:0;height:auto} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card[data-topic-image-only-book="true"] .topic-hub-book,.topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card[data-topic-image-only-book="true"] .topic-hub-book-pages,.topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card[data-topic-image-only-book="true"] .topic-hub-book-page,.topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card[data-topic-image-only-book="true"] .topic-hub-book,.topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card[data-topic-image-only-book="true"] .topic-hub-book-pages,.topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card[data-topic-image-only-book="true"] .topic-hub-book-page{min-height:0;height:auto} .topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card[data-topic-image-only-book="true"] .topic-hub-book-page.is-active{position:relative;inset:auto} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card[data-topic-image-only-book="true"] .topic-hub-book-page--image-only{align-items:stretch;justify-content:flex-start} .topic-hub-section.has-topic-image-cards .detail-card.has-topic-image-card[data-topic-image-only-book="true"] .topic-hub-book-image-only,.topic-hub-section.has-topic-image-cards #influencer .detail-card.has-topic-image-card[data-topic-image-only-book="true"] .topic-hub-book-image-only{width:100%;height:auto;min-height:0;max-height:none;object-fit:contain;object-position:center top} .topic-showcase-track{min-height:352px} .topic-showcase-slide{grid-template-rows:auto minmax(192px,auto) auto auto} .topic-showcase-visual{min-height:192px} .topic-showcase-device{min-height:82px} .price-card.featured{transform:none} .service-pick-inner{align-items:stretch;flex-direction:column} .service-pick-actions{justify-content:stretch} .service-pick-actions>*{flex:1 1 100%} .payment-quote-section.is-quote-only{padding:20px 16px 38px} .payment-quote-section.is-quote-only .payment-quote-panel{padding:24px} .payment-checkout-card,.payment-summary-card{padding:22px} .contact-inquiry-section{padding:54px 16px} .contact-inquiry-card{padding:22px} .contact-inquiry-copy h2{font-size:26px} .contact-form-grid{grid-template-columns:1fr} .payment-form-row{grid-template-columns:1fr} .payment-checkout-title{font-size:20px} .quote-row{grid-template-columns:1fr 34px} .quote-price{grid-column:1 / -1;grid-row:2;text-align:left} .quote-contract-grid{grid-template-columns:1fr} .page-cta-section h2{font-size:28px}} .has-freepik-visuals .hero-track .hero-slide.has-image:not(.image-only) .hero-content{padding-right:clamp(480px,48vw,760px)} .freepik-hero-panel{position:absolute;z-index:1;right:clamp(40px,7vw,120px);top:50%;transform:translateY(-50%);width:min(42vw,560px);aspect-ratio:16 / 10;border:1px solid rgba(255,255,255,0.18);border-radius:8px;overflow:hidden;box-shadow:0 28px 80px rgba(0,0,0,0.34);background:rgba(255,255,255,0.08)} .freepik-hero-panel img{width:100%;height:100%;object-fit:cover;display:block} .page[data-template] .page-hero{min-height:460px} .page[data-template="ServicePageTemplate"] .page-intro{background:#fff} .page[data-template="CompanyPageTemplate"] .page-hero,.page[data-template="SupportPageTemplate"] .page-hero{min-height:500px} .page[data-template="CompanyPageTemplate"] .page-hero{background-image:linear-gradient(90deg,rgba(13,30,49,0.86),rgba(13,30,49,0.62) 46%,rgba(13,30,49,0.18)),var(--page-hero-image)} .page[data-template="CompanyPageTemplate"] .page-intro-grid{grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr)} .page[data-template="CompanyPageTemplate"] .timeline-section{background:#f5f7f9} .page[data-template="WebDesignPageTemplate"] .page-hero,.page[data-template="EcommercePageTemplate"] .page-hero,.page[data-template="AIServicePageTemplate"] .page-hero{padding-top:88px;padding-bottom:96px} .page[data-template="WebDesignPageTemplate"] .page-visual-grid{grid-template-columns:minmax(360px,0.9fr) minmax(0,1.1fr)} .page[data-template="WebDesignPageTemplate"] .page-visual-copy{border-left:4px solid var(--brand)} .page[data-template="WebDesignPageTemplate"] .process-steps{align-items:stretch} .page[data-template="EcommercePageTemplate"] .features-grid,.page[data-template="MarketingPageTemplate"] .features-grid{grid-template-columns:repeat(4,minmax(0,1fr))} .page[data-template="EcommercePageTemplate"] .feature-item{border-top:3px solid #0f766e} .page[data-template="EcommercePageTemplate"] .page-cta-section .btn-outline{border-color:rgba(255,255,255,0.42);color:#fff} .page[data-template="AIServicePageTemplate"] .detail-card,.page[data-template="NorthAmericaPageTemplate"] .detail-card{background:linear-gradient(180deg,#fff,#f7f9fb)} .page[data-template="AIServicePageTemplate"] .page-hero{background-image:linear-gradient(90deg,rgba(5,18,34,0.92),rgba(20,41,70,0.58) 48%,rgba(20,41,70,0.2)),var(--page-hero-image)} .page[data-template="AIServicePageTemplate"] .detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .page[data-template="AIServicePageTemplate"] .detail-card{border-color:rgba(42,95,120,.2)} .page[data-template="MarketingPageTemplate"] .process-step{text-align:left} .page[data-template="MarketingPageTemplate"] .process-num{margin-left:0} .page[data-template="MarketingPageTemplate"] .process-section{background:#f7f9fb} .page[data-template="MarketingPageTemplate"] .feature-num{color:#0f766e} .page[data-template="NorthAmericaPageTemplate"] .page-hero{background-position:var(--page-hero-position,center right);background-image:linear-gradient(90deg,rgba(8,28,52,0.9),rgba(8,28,52,0.58) 48%,rgba(8,28,52,0.16)),var(--page-hero-image)} .page[data-template="NorthAmericaPageTemplate"] .page-hero-inner,.page[data-template="AIServicePageTemplate"] .page-hero-inner{max-width:1180px} .page[data-template="NorthAmericaPageTemplate"] .proof-section{background:#f6f8fa} .page[data-template="SupportPageTemplate"] .faq-section{background:#f7f9fb} .page[data-template="SupportPageTemplate"] .faq-item{border-radius:8px;background:#fff} .page[data-template="ArticleOrInsightTemplate"] .page-hero{min-height:430px} .page[data-template="ArticleOrInsightTemplate"] .page-intro{max-width:980px} .page[data-template="ArticleOrInsightTemplate"] .features-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .rich-page-upgrade{padding:88px 24px;background:#fff;color:var(--ink)} .rich-page-upgrade .rich-inner{max-width:1280px;margin:0 auto} .rich-header{max-width:900px;margin-bottom:38px} .rich-header h2{font-size:clamp(28px,3vw,42px);line-height:1.22;font-weight:900;margin:10px 0 14px} .rich-header p{color:var(--gray-4);font-size:16px;line-height:1.9} .rich-density-grid,.rich-split-row{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,0.82fr);gap:24px;align-items:stretch} .rich-panel{border:1px solid var(--line);border-radius:8px;background:#fff;padding:30px;box-shadow:0 18px 42px -34px rgba(15,23,42,0.32)} .rich-panel h3,.rich-block-title h3{font-size:24px;font-weight:900;line-height:1.3;margin-bottom:14px} .rich-panel p,.rich-panel li,.rich-diagnostic-card p,.rich-metric span,.rich-scenario-grid p{color:var(--gray-4);font-size:14.5px;line-height:1.85} .rich-panel ul{list-style:none;display:grid;gap:11px} .rich-panel li{position:relative;padding-left:22px} .rich-panel li::before{content:'';position:absolute;left:0;top:.78em;width:8px;height:8px;border-radius:50%;background:var(--brand-gradient)} .rich-risk{margin-top:24px;padding:18px;border-left:4px solid var(--brand);background:#f7f9fb} .rich-risk strong,.rich-risk span{display:block} .rich-risk span{margin-top:8px;color:var(--gray-4);font-size:14px;line-height:1.8} .rich-block-title{margin:46px 0 18px} .rich-diagnostics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} .rich-diagnostic-card{border:1px solid var(--line);border-radius:8px;padding:24px;background:#fff} .rich-diagnostic-card span{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:var(--ink);color:#fff;font-weight:900;font-size:12px;margin-bottom:16px} .rich-diagnostic-card h4,.rich-metric strong,.rich-scenario-grid h4{display:block;font-size:17px;font-weight:900;line-height:1.45;margin-bottom:8px} .rich-split-row{margin-top:24px} .rich-metric-grid,.rich-scenario-grid{display:grid;gap:14px} .rich-metric{padding:16px 0;border-top:1px solid var(--line)} .rich-scenario-grid article{padding:18px;border:1px solid var(--line);border-radius:8px;background:#f7f9fb} .rich-layout-strategy-brief .rich-density-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)} .rich-layout-diagnostic-dashboard{background:#f5f8fb} .rich-layout-diagnostic-dashboard .rich-diagnostics{grid-template-columns:repeat(2,minmax(0,1fr))} .rich-layout-workflow-playbook .rich-density-grid{grid-template-columns:1fr} .rich-layout-workflow-playbook .rich-handoff ul{grid-template-columns:repeat(4,minmax(0,1fr))} .rich-layout-comparison-matrix .rich-diagnostics{grid-template-columns:repeat(4,minmax(180px,1fr))} .rich-layout-comparison-matrix .rich-diagnostic-card{border-left:4px solid var(--brand)} .rich-layout-implementation-roadmap .rich-panel{background:linear-gradient(180deg,#fff,#f7f9fb)} .rich-layout-implementation-roadmap .rich-diagnostic-card span{border-radius:6px} .rich-layout-risk-control{background:#f8fafc} .rich-layout-risk-control .rich-risk{background:#fff7ed;border-left-color:#b45309} .rich-layout-channel-expansion .rich-density-grid{grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr)} .rich-layout-channel-expansion .rich-diagnostics{grid-template-columns:repeat(3,minmax(0,1fr))} .rich-layout-conversion-funnel .rich-diagnostic-card{background:#f6fbfb} .rich-layout-conversion-funnel .rich-diagnostic-card span{background:#0f766e} .rich-layout-system-integration .rich-density-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .rich-layout-system-integration .rich-panel{border-color:rgba(58,86,94,.26)} .rich-layout-ai-governance{background:#f6f8fb} .rich-layout-ai-governance .rich-diagnostic-card span{background:#12324d} .rich-layout-market-entry .rich-header{margin-left:auto;margin-right:0} .rich-layout-market-entry .rich-panel{background:#fdfdfb} .rich-layout-support-knowledge .rich-density-grid{grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr)} .rich-layout-support-knowledge .rich-handoff{background:#f7f9fb} .rich-layout-insight-editorial .rich-header{max-width:760px} .rich-layout-insight-editorial .rich-density-grid{grid-template-columns:1fr} .rich-layout-insight-editorial .rich-brief p{columns:2;column-gap:34px} .rich-shortcut-map{padding:62px 32px 70px;background:#202328;color:#fff} .rich-shortcut-head{max-width:1280px;margin:0 auto 34px} .rich-shortcut-head span{display:block;font-size:11px;letter-spacing:.24em;color:#cfd6d8;font-weight:900;margin-bottom:8px} .rich-shortcut-head h2{font-size:clamp(28px,3vw,40px);line-height:1.2;font-weight:900;margin-bottom:10px} .rich-shortcut-head p{max-width:760px;color:rgba(255,255,255,.72);line-height:1.8;font-size:15px} .rich-shortcut-grid{max-width:1680px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(156px,1fr));gap:34px 28px} .rich-shortcut-column h3{color:#fff;font-size:20px;line-height:1.25;font-weight:900;margin-bottom:8px} .rich-shortcut-column p{color:rgba(255,255,255,.48);font-size:12px;margin-bottom:18px} .rich-shortcut-link{display:block;color:rgba(255,255,255,.9);font-size:14px;line-height:1.45;margin:0 0 11px;text-decoration:none;transition:color .18s,transform .18s} .rich-shortcut-link:hover,.rich-shortcut-link:focus{color:#fff;transform:translateX(3px)} .rich-shortcut-link.featured{color:#dfff3f} .rich-shortcut-link.current{color:#fff;font-weight:900;text-decoration:underline;text-underline-offset:4px} @media(max-width:1024px){.rich-density-grid,.rich-split-row,.rich-layout-strategy-brief .rich-density-grid,.rich-layout-channel-expansion .rich-density-grid,.rich-layout-system-integration .rich-density-grid,.rich-layout-support-knowledge .rich-density-grid{grid-template-columns:1fr} .rich-diagnostics,.rich-layout-diagnostic-dashboard .rich-diagnostics,.rich-layout-channel-expansion .rich-diagnostics{grid-template-columns:repeat(2,minmax(0,1fr))} .rich-layout-workflow-playbook .rich-handoff ul{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:640px){.rich-page-upgrade{padding:64px 16px} .rich-panel,.rich-diagnostic-card{padding:22px} .rich-diagnostics,.rich-layout-diagnostic-dashboard .rich-diagnostics,.rich-layout-channel-expansion .rich-diagnostics{grid-template-columns:1fr} .rich-layout-insight-editorial .rich-brief p{columns:1} .rich-shortcut-map{padding:48px 18px 58px} .rich-shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px} .rich-shortcut-link{font-size:13px}} .freepik-home-upgrade{padding:76px 24px;background:#f6f8fa} .freepik-home-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(260px,0.7fr) minmax(0,1.3fr);gap:42px;align-items:center} .freepik-home-copy h2{font-size:34px;line-height:1.22;font-weight:900;margin:8px 0 14px} .freepik-home-copy p{color:var(--gray-4);line-height:1.85} .freepik-service-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px} .freepik-service-card{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);min-height:190px} .freepik-service-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:6px;background:var(--gray-1)} .freepik-service-card span{font-size:11px;letter-spacing:.08em;color:var(--brand);font-weight:900;text-transform:uppercase} .freepik-service-card strong{font-size:16px} .freepik-card-empty{display:block;width:100%;aspect-ratio:4 / 3;border-radius:6px;background:#eef3f8} .freepik-home-spotlights{padding:76px 24px;background:#fff} .freepik-spotlight-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px} .freepik-spotlight-card{display:grid;grid-template-columns:minmax(180px,.82fr) minmax(0,1fr);gap:24px;align-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden} .freepik-spotlight-card img{width:100%;height:100%;min-height:260px;object-fit:cover;background:#eef3f8} .freepik-spotlight-card div{padding:26px 24px 26px 0} .freepik-spotlight-card h3{font-size:26px;line-height:1.25;margin:8px 0 12px} .freepik-spotlight-card p{color:var(--gray-4);line-height:1.75;margin-bottom:18px} .freepik-spotlight-card a{color:var(--brand);font-weight:900} .freepik-home-proof{padding:74px 24px;background:#101820;color:#fff} .freepik-proof-inner{max-width:980px;margin:0 auto;text-align:center} .freepik-proof-inner h2{font-size:34px;margin:10px 0 12px} .freepik-proof-inner p{color:rgba(255,255,255,.76);line-height:1.8;margin-bottom:24px} .freepik-proof-inner a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:6px;background:#fff;color:#101820;font-weight:900} .freepik-home-cta{max-width:1280px;margin:76px auto;padding:38px 42px;border:1px solid var(--line);border-radius:8px;display:flex;justify-content:space-between;gap:32px;align-items:center;background:#fff} .freepik-home-cta h2{font-size:30px;margin:8px 0 10px} .freepik-home-cta p{color:var(--gray-4);line-height:1.75;max-width:720px} .freepik-home-cta>a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;border-radius:6px;background:var(--ink);color:#fff;font-weight:900;white-space:nowrap} .visual-review-section{padding:64px 24px 88px;max-width:1280px;margin:0 auto} .visual-review-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;color:var(--gray-4)} .visual-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .visual-review-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--white)} .visual-review-card img,.visual-review-placeholder{width:100%;aspect-ratio:16 / 10;object-fit:cover;display:block;background:linear-gradient(135deg,#eef3f8,#dce6ef)} .visual-review-placeholder{display:grid;place-items:center;color:var(--gray-4);font-weight:700} .visual-review-body{padding:18px} .visual-review-body h3{font-size:18px;line-height:1.35;margin-bottom:8px} .visual-review-body p{color:var(--gray-4);font-size:13px;line-height:1.6;margin-bottom:12px} .visual-review-badges{display:flex;flex-wrap:wrap;gap:6px} .visual-review-badges span{border:1px solid var(--line);border-radius:999px;padding:4px 9px;font-size:12px;color:var(--gray-4)} .visual-review-badges span.ok{color:#0f766e;border-color:rgba(15,118,110,.25);background:rgba(15,118,110,.06)} .visual-review-badges span.warn{color:#9a3412;border-color:rgba(154,52,18,.25);background:rgba(154,52,18,.06)} @media(max-width:1024px){.has-freepik-visuals .hero-track .hero-slide.has-image:not(.image-only) .hero-content{padding-right:32px} .freepik-hero-panel{display:none} .page[data-template="EcommercePageTemplate"] .features-grid,.page[data-template="MarketingPageTemplate"] .features-grid,.page[data-template="AIServicePageTemplate"] .detail-grid,.freepik-service-grid,.visual-review-grid,.freepik-spotlight-inner{grid-template-columns:repeat(2,minmax(0,1fr))} .freepik-home-inner{grid-template-columns:1fr} .freepik-spotlight-card{grid-template-columns:1fr} .freepik-spotlight-card div{padding:0 24px 26px} .freepik-home-cta{margin-left:24px;margin-right:24px;flex-direction:column;align-items:flex-start}} @media(max-width:640px){.page-hero h1,.page-hero .lead{overflow-wrap:anywhere} .page-hero .lead{max-width:100%} .visual-review-toolbar{flex-direction:column;align-items:flex-start} .freepik-service-grid,.visual-review-grid,.freepik-spotlight-inner,.page[data-template="ArticleOrInsightTemplate"] .features-grid,.page[data-template="AIServicePageTemplate"] .detail-grid{grid-template-columns:1fr} .freepik-home-upgrade,.freepik-home-spotlights,.freepik-home-proof{padding:54px 18px} .freepik-home-cta{margin:54px 18px;padding:28px 22px} .freepik-home-cta h2,.freepik-proof-inner h2,.freepik-home-copy h2{font-size:26px}} @media(max-width:1024px){.header-inner{justify-content:space-between} .logo{position:static} .topbar{min-height:auto} .topbar-inner{display:flex;flex-direction:column;justify-content:center;gap:10px;padding-top:10px;padding-bottom:10px} .topbar-logo{display:flex;position:static;transform:none;width:100%;max-width:calc(100vw - 32px);justify-content:center} .topbar .logo-mark{width:36px;height:36px} .topbar .logo-text{text-align:left} .region-toggle{justify-content:center;flex-wrap:wrap;row-gap:8px} .topbar-payment-link{margin-left:10px} .mobile-toggle{display:flex} nav.main-nav{display:none;position:fixed;top:0;right:0;width:320px;max-width:85vw;height:100vh;height:100dvh;max-height:100dvh;background:var(--white);flex-direction:column;align-items:stretch;gap:0;padding:calc(env(safe-area-inset-top)+88px) 0 calc(env(safe-area-inset-bottom)+28px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;z-index:160;box-shadow:-8px 0 32px rgba(0,0,0,0.15)} body.mobile-nav-open{overflow:hidden} body.mobile-nav-open header{z-index:170} body.mobile-nav-open .mobile-toggle{position:relative;z-index:180} body.mobile-nav-open nav.main-nav{display:flex} body.mobile-nav-open::after{content:'';position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:130} .nav-item{width:100%;border-bottom:1px solid var(--line)} .nav-item>a{display:flex;justify-content:space-between;padding:14px 24px} .nav-item>a::after,.nav-item.has-mega>a::before{display:none} .megamenu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border-top:none;padding:0;max-height:0;overflow:hidden;transition:max-height 0.3s ease;background:var(--gray-1)} .nav-item.open>.megamenu{max-height:1000px;padding:16px 0} .megamenu-inner{grid-template-columns:1fr !important;gap:16px;padding:0 24px} .megamenu-inner.mega-align-trigger{width:auto;margin:0;padding:0 24px} .mega-col h6{font-size:13px;padding-bottom:6px;margin-bottom:8px} .mega-col li a{font-size:13px;padding:4px 8px} .hero-banner{height:clamp(360px,46.875vw,520px);min-height:0;padding:0} .hero-track{height:100%;min-height:0} .hero-track .hero-slide{min-height:100%;padding:54px 72px;align-content:center} .hero-track .hero-slide.has-image{background-size:var(--hero-banner-fit-laptop,var(--hero-banner-fit-tablet,contain));background-position:var(--hero-banner-position-laptop,var(--hero-banner-position-tablet,center))} #heroBanner[data-banner-device="laptop"]{height:clamp(220px,46.875vw,720px);min-height:0} #heroBanner[data-banner-device="laptop"] .hero-track{height:100%;min-height:0} #heroBanner[data-banner-device="laptop"] .hero-track .hero-slide{min-height:100%;padding:0} #heroBanner[data-banner-device="laptop"] .hero-track .hero-slide.has-image{background-size:var(--hero-banner-fit-laptop,contain);background-position:var(--hero-banner-position-laptop,center)} #heroBanner[data-banner-device="desktop"]{height:clamp(110px,23.4375vw,607px);min-height:0} #heroBanner[data-banner-device="desktop"] .hero-track{height:100%;min-height:0} #heroBanner[data-banner-device="desktop"] .hero-track .hero-slide{min-height:100%;padding:0} #heroBanner[data-banner-device="desktop"] .hero-track .hero-slide.has-image{background-size:var(--hero-banner-fit,contain);background-position:var(--hero-banner-position,center)} .hero-slide{grid-template-columns:1fr} .hero-visual{display:none} .hero-title{font-size:36px} .hero-sub{max-width:620px} .services-grid{grid-template-columns:repeat(2,1fr)} .hot-grid,.courses-grid,.promo-grid{grid-template-columns:repeat(2,1fr)} .stats-inner{grid-template-columns:repeat(2,1fr);gap:32px} .stats-inner[data-region="tw"]{grid-template-columns:repeat(2,1fr)} .overseas-video-card{flex-basis:clamp(260px,58vw,370px)} .stat-item{border-right:none} .subbrands-grid{grid-template-columns:1fr} .footer-grid{grid-template-columns:1fr 1fr} .footer-col-wide ul{columns:2} .footer-sitemap{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:24px 28px} .lead-radar-row{grid-template-columns:repeat(2,1fr)} .lead-radar-flow,.lead-radar-depth-row{grid-template-columns:1fr} .lead-radar-search-bar,.lead-radar-advanced,.lead-radar-status,.lead-radar-error,.lead-radar-summary-grid{max-width:760px} .lead-radar-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .lead-radar-settings-footer{align-items:flex-start} .lead-radar-summary-grid{grid-template-columns:repeat(2,1fr)} .lead-radar-provider-list{grid-template-columns:1fr} .lead-radar-actions{justify-content:start} .topbar-info{font-size:12px}} @media(max-width:640px){.section{padding:60px 16px} .domain-section{padding-left:16px;padding-right:44px} .section-head h1,.section-head h2{font-size:28px} header{height:0;min-height:0;border-bottom:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;z-index:120} .header-inner{height:0;min-height:0;padding:0;gap:0;pointer-events:none} .logo{min-width:0;flex:1 1 auto} .logo-text{min-width:0} .logo-text .name{white-space:normal;font-size:15.5px;line-height:1.15;letter-spacing:0} .logo-text .group{white-space:normal;font-size:11px;line-height:1.2;letter-spacing:0} .mobile-toggle{display:flex !important;position:fixed;top:calc(env(safe-area-inset-top)+52px);right:16px;z-index:180;flex:0 0 46px;width:46px;height:32px;gap:3px;color:var(--white);border:1px solid rgba(255,255,255,0.38);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,0.16),rgba(255,255,255,0.08));box-shadow:inset 0 0 0 1px rgba(255,255,255,0.04),0 8px 18px rgba(0,0,0,0.16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto} .mobile-toggle:not(:disabled):hover,.mobile-toggle:not(:disabled):focus-visible{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.58);outline:none} .mobile-toggle:not(:disabled):active{transform:translateY(1px);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.06),0 5px 14px rgba(0,0,0,0.14)} .mobile-toggle span{width:19px;background:currentColor} body.mobile-nav-open header{background:transparent;border-bottom:0;box-shadow:none;pointer-events:none;z-index:170} body.mobile-nav-open .mobile-toggle{position:fixed;top:calc(env(safe-area-inset-top)+52px);right:16px;pointer-events:auto} nav.main-nav{width:min(360px,92vw);max-width:92vw;padding-top:calc(var(--sticky-topbar-height)+18px);pointer-events:auto} .nav-item:last-child{margin-bottom:28px} .hero-banner{height:clamp(460px,133.333vw,760px);min-height:0} .hero-track{height:100%;min-height:0} .hero-track .hero-slide{min-height:100%;padding:46px 36px 58px;align-items:center} .hero-track .hero-slide.has-image.image-only{background-size:var(--hero-banner-fit-mobile,contain);background-position:center;background-color:#111} #heroBanner[data-banner-device="laptop"]{height:clamp(220px,46.875vw,720px);min-height:0} #heroBanner[data-banner-device="laptop"] .hero-track .hero-slide{min-height:100%;padding:0} #heroBanner[data-banner-device="laptop"] .hero-track .hero-slide.has-image{background-size:var(--hero-banner-fit-laptop,contain);background-position:var(--hero-banner-position-laptop,center)} .hero-track .hero-slide.has-video.image-only .hero-media-video,.hero-track .hero-slide.has-video .hero-media-video{object-fit:cover;background:#111} .hero-track .hero-slide.has-image:not(.image-only) .hero-content{padding:0 clamp(34px,9vw,48px)} .hero-nav{width:40px;height:40px;font-size:0} .hero-prev{left:10px} .hero-next{right:10px} .hero-dots{bottom:16px} .hero-title{font-size:30px;line-height:1.18;margin-bottom:14px;overflow-wrap:anywhere} .hero-sub{font-size:14.5px;line-height:1.65;margin-bottom:24px} .hero-tag{font-size:11px;margin-bottom:16px;max-width:calc(100vw - 112px);white-space:normal} .services-grid,.hot-grid,.courses-grid,.promo-grid{grid-template-columns:1fr} .stats-inner,.stats-inner[data-region="tw"]{grid-template-columns:1fr} .overseas-video-reel::before,.overseas-video-reel::after{width:46px} .overseas-video-reel{overflow:hidden;touch-action:pan-y} .overseas-video-track{width:max-content;min-width:max-content;animation:overseasVideoReel 36s linear infinite;animation-fill-mode:none;backface-visibility:hidden;transform:translate3d(0,0,0)} .overseas-video-set{flex:0 0 auto;min-width:max-content;gap:12px;padding-right:12px} .overseas-video-card{flex-basis:min(78vw,320px)} .overseas-video-caption{left:14px;right:14px;bottom:13px} .overseas-video-tag{font-size:10px;min-height:20px} .overseas-video-title{font-size:14px;line-height:1.32} .footer-grid{grid-template-columns:1fr} .footer-col-wide{grid-column:auto} .footer-col-wide ul{columns:1} .footer-sitemap{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px} .footer-sitemap-col h5{font-size:17px;margin-bottom:12px} .footer-sitemap-col a{font-size:14px;line-height:1.5} .lead-radar-row{grid-template-columns:1fr} .lead-radar-flow,.lead-radar-depth-row{grid-template-columns:1fr} .lead-radar-form{max-width:100%} .lead-radar-search-bar{grid-template-columns:48px minmax(0,1fr);gap:8px} .lead-radar-menu-btn{width:48px;min-height:48px} .lead-radar-search-field input{min-height:48px;font-size:14px} .lead-radar-search-submit{grid-column:1 / -1;width:100%;min-height:46px} .lead-radar-settings-grid{grid-template-columns:1fr} .lead-radar-settings-footer{display:grid;grid-template-columns:1fr} .lead-radar-export-btn{width:100%} .lead-radar-mode-switch{min-width:0} .lead-radar-mode-btn{min-width:0;padding:10px 8px} .lead-radar-mode-btn[data-lead-radar-tooltip]::before,.lead-radar-mode-btn[data-lead-radar-tooltip]::after{display:none} .lead-radar-summary-grid{grid-template-columns:1fr} .stat-num{font-size:42px} .topbar-inner{flex-direction:column;padding:10px 16px;min-height:auto} .region-toggle button[data-set-region]{min-width:118px;padding:8px 12px;font-size:13px} .region-toggle button[data-set-lang="zh"]{margin-left:12px} .region-toggle button[data-set-lang="zh"]::before,.region-toggle button[data-set-lang="zh"]::after,.region-toggle button[data-set-lang="en"]::before{font-size:13px} .topbar-payment-link{min-height:32px;padding:7px 12px;font-size:13px} .hero-track .hero-slide.has-image{background-size:var(--hero-banner-fit-mobile,contain);background-position:var(--hero-banner-position-mobile,center);background-color:#07111d} #heroBanner[data-banner-device="laptop"] .hero-track .hero-slide.has-image{background-size:var(--hero-banner-fit-laptop,contain);background-position:var(--hero-banner-position-laptop,center)} #heroBanner[data-banner-device="desktop"] .hero-track .hero-slide.has-image{background-size:var(--hero-banner-fit,contain);background-position:var(--hero-banner-position,center)} .hero-track .hero-slide.has-image[data-bg-mobile-source="shared"]{background-size:var(--hero-banner-fit-mobile,contain);background-position:var(--hero-banner-position-mobile,center)} .hero-track .hero-slide.has-image[data-bg-mobile-source="custom"]{background-size:var(--hero-banner-fit-mobile,contain)} .hero-track .hero-slide.has-image.image-only{background-size:var(--hero-banner-fit-mobile,contain);background-position:var(--hero-banner-position-mobile,center)} .page-hero.has-generated-banner{background-image:linear-gradient(180deg,rgba(18,18,18,0.82) 0%,rgba(18,18,18,0.62) 52%,rgba(18,18,18,0.48) 100%),var(--page-hero-image-mobile,var(--page-hero-image));background-size:var(--page-hero-fit-mobile,contain);background-position:var(--page-hero-position-mobile,center);background-repeat:no-repeat;background-color:#07111d;min-height:clamp(380px,104vw,560px)} body.region-global .page-hero.has-generated-banner{background-image:linear-gradient(180deg,rgba(10,26,46,0.86) 0%,rgba(10,26,46,0.64) 52%,rgba(10,26,46,0.5) 100%),var(--page-hero-image-mobile,var(--page-hero-image))} .page-hero.has-generated-banner[data-hero-mobile-source="custom"]{background-size:var(--page-hero-fit-mobile,cover)} .page-hero.has-generated-banner[data-hero-mobile-source="shared"]{background-size:var(--page-hero-fit-mobile,contain)} .page[data-template] .page-hero.has-generated-banner{min-height:clamp(420px,112vw,600px)} .page-hero.is-image-only{min-height:0;aspect-ratio:var(--page-hero-mobile-ratio,1 / 1);background-image:var(--page-hero-image-mobile,var(--page-hero-image));background-size:var(--page-hero-fit-mobile,contain);background-position:var(--page-hero-position-mobile,center)} .page-hero.has-video-media .page-hero-video{object-fit:contain;background:#07111d}} @media(max-width:480px){.header-cta{display:none}} .topbar .logo-text .name{color:var(--white) !important;font-size:11px !important;font-weight:400 !important;letter-spacing:0.04em !important;line-height:1.2 !important} .topbar .logo-text .group{display:none !important} .course-image{aspect-ratio:1 / 1;background:radial-gradient(circle at 75% 50%,rgba(255,255,255,0.05),transparent 55%),var(--brand-gradient-soft);color:#fff;padding:22px;overflow:hidden} .course-image .topic{background:rgba(0,0,0,0.45);color:#fff;font-size:12px;font-weight:700;padding:5px 11px;border-radius:3px;letter-spacing:0.05em;backdrop-filter:none;z-index:2;position:relative} .course-image .course-title-img{font-size:30px;font-weight:900;line-height:1.16;letter-spacing:-0.01em;position:relative;z-index:2;max-width:65%} .course-image .course-sub{font-size:12.5px;font-weight:500;line-height:1.55;margin-top:12px;opacity:0.92;position:relative;z-index:2;max-width:80%} .course-image::after{content:'';position:absolute;top:50%;right:-8%;width:52%;aspect-ratio:1;transform:translateY(-50%);background-position:center;background-repeat:no-repeat;background-size:contain;opacity:0.6;pointer-events:none;z-index:1} .course-image[data-icon="ai-chip"]::after{background-image:url("/assets/seo-inline-images/seo-inline-8e6e6d626042.svg")} .course-image[data-icon="chart-up"]::after{background-image:url("/assets/seo-inline-images/seo-inline-39028974a3fa.svg")} .course-image[data-icon="code-window"]::after{background-image:url("/assets/seo-inline-images/seo-inline-8c842cb6388f.svg")} .course-image[data-icon="female"]::after{background-image:url("/assets/seo-inline-images/seo-inline-ca3bec2d38b1.svg")} .course-image[data-icon="team-podium"]::after{background-image:url("/assets/seo-inline-images/seo-inline-72639358dc18.svg")} .course-image[data-icon="cash-flow"]::after{background-image:url("/assets/seo-inline-images/seo-inline-f43f1c508fd1.svg")} .course-image[data-icon="skyline-arrow"]::after{background-image:url("/assets/seo-inline-images/seo-inline-40f788f6dea8.svg")} .course-image[data-icon="seo-mag"]::after{background-image:url("/assets/seo-inline-images/seo-inline-36c27cd41e0f.svg")} .course-info h4{min-height:auto} .promo-img{aspect-ratio:1 / 1;background:radial-gradient(circle at 80% 95%,rgba(31,109,159,0.34),transparent 55%),radial-gradient(circle at 12% 110%,rgba(58,86,94,0.18),transparent 50%),linear-gradient(180deg,var(--charcoal),var(--charcoal-deep));color:#fff;font-weight:900;font-size:28px;text-align:center;padding:24px;letter-spacing:0.02em} .promo-img::before{top:16px;left:16px;background:var(--brand-gradient);color:#fff;font-size:11px;font-weight:800;letter-spacing:0.12em;padding:4px 10px} .blog-card-image{background:var(--gray-2);color:var(--ink);padding:24px 26px 22px;min-height:220px;display:flex;flex-direction:column;justify-content:flex-start;text-align:left;font-size:17px;line-height:1.4;overflow:hidden} .blog-card-image .topic-num{position:absolute;top:18px;left:26px;font-size:11px;letter-spacing:0.18em;font-weight:700;color:rgba(0,0,0,0.42);z-index:2} .blog-card-image .num-big{font-size:32px;font-weight:900;line-height:1;margin-top:28px;z-index:2;position:relative} .blog-card-image .title-h{font-size:17px;font-weight:900;line-height:1.32;margin-top:6px;z-index:2;position:relative;max-width:70%} .blog-card-image .sub-h{font-size:12px;font-weight:500;line-height:1.55;margin-top:6px;opacity:0.78;z-index:2;position:relative;max-width:80%} .blog-card-image .cat-tag{position:absolute;bottom:18px;left:26px;font-size:10.5px;font-weight:800;letter-spacing:0.1em;z-index:2} .blog-card-image::after{content:'';position:absolute;top:18%;right:-12%;width:48%;aspect-ratio:1;background-position:center right;background-repeat:no-repeat;background-size:contain;opacity:0.85;pointer-events:none} .blog-card-image.theme-seo{background:linear-gradient(135deg,#f5f7f7,#dbdbda);color:var(--brand)} .blog-card-image.theme-ai{background:linear-gradient(135deg,#f5f7f7,#cbd2d3);color:var(--brand)} .blog-card-image.theme-social{background:linear-gradient(135deg,#f5f7f7,#cbd2d3);color:#3a565e} .blog-card-image.theme-ecom{background:linear-gradient(135deg,#f5f7f7,#dbdbda);color:#3a565e} .blog-card-image.theme-brand{background:linear-gradient(135deg,#f7f7f7,#dbdbda);color:var(--brand)} .blog-card-image.theme-content{background:linear-gradient(135deg,#f5f7f7,#cbd2d3);color:#3a565e} .blog-card-image[data-deco="ai"]::after{background-image:url("/assets/seo-inline-images/seo-inline-ca41f9c09e54.svg")} .blog-card-image[data-deco="threads"]::after{background-image:url("/assets/seo-inline-images/seo-inline-7f256c700698.svg")} .blog-card-image[data-deco="ecom"]::after{background-image:url("/assets/seo-inline-images/seo-inline-80f8dff0fb41.svg")} .blog-card-image[data-deco="brand"]::after{background-image:url("/assets/seo-inline-images/seo-inline-71a49ee3928e.svg")} .blog-card-image[data-deco="local-seo"]::after{background-image:url("/assets/seo-inline-images/seo-inline-e3b00ed1c8c8.svg")} .blog-card-image[data-deco="ai-impl"]::after{background-image:url("/assets/seo-inline-images/seo-inline-de3c28a975ab.svg")} .blog-card-image[data-deco="blog-seo"]::after{background-image:url("/assets/seo-inline-images/seo-inline-dd2934e0a2e4.svg")} .blog-card-image[data-deco="short-video"]::after{background-image:url("/assets/seo-inline-images/seo-inline-f6de81159c3b.svg")} .blog-card-image[data-deco="conversion"]::after{background-image:url("/assets/seo-inline-images/seo-inline-50237f4af489.svg")} .blog-card-image[data-deco="value"]::after{background-image:url("/assets/seo-inline-images/seo-inline-617958cf4d05.svg")} .blog-card-image[data-deco="rpa"]::after{background-image:url("/assets/seo-inline-images/seo-inline-4d91e5016b61.svg")} .blog-card-image[data-deco="seo"]::after{background-image:url("/assets/seo-inline-images/seo-inline-27838f78ec3a.svg")} .blog-featured-image{background:radial-gradient(circle at 85% 100%,rgba(255,255,255,0.08),transparent 55%),var(--brand-gradient-soft);color:#fff;padding:44px 48px;min-height:360px;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden} .blog-featured-image::before{display:none} .blog-featured-image::after{content:'';position:absolute;bottom:0;right:0;width:60%;height:75%;background-image:url("/assets/seo-inline-images/seo-inline-2014fefa823c.svg");background-size:contain;background-repeat:no-repeat;background-position:bottom right;opacity:0.85;pointer-events:none} .blog-featured-tag{background:#fff;color:var(--brand);border-radius:3px;font-size:11px;font-weight:800;letter-spacing:0.15em;padding:4px 10px;margin-bottom:14px;align-self:flex-start} .blog-featured-tag::before{content:'★ '} .blog-featured-image .num-big-f{font-size:42px;font-weight:900;line-height:1;margin-bottom:8px;position:relative;z-index:2} .blog-featured-image h2{font-size:28px;font-weight:900;line-height:1.28;position:relative;z-index:2;max-width:75%} .blog-featured-image .sub-f{font-size:13px;font-weight:500;line-height:1.55;margin-top:14px;opacity:0.9;position:relative;z-index:2;max-width:75%} .blog-featured-image .cat-f{margin-top:auto;padding-top:18px;font-size:11px;font-weight:800;letter-spacing:0.15em;position:relative;z-index:2} .service-block-image{aspect-ratio:16/10;background:radial-gradient(circle at 85% 70%,rgba(31,109,159,0.34),transparent 55%),radial-gradient(circle at 12% 30%,rgba(18,59,98,0.24),transparent 50%),linear-gradient(180deg,#24272b,var(--charcoal-deep))} .service-block-image::after{display:none} body.region-global .service-block-image::after{display:block;background:linear-gradient(135deg,transparent 50%,rgba(58,86,94,0.42))} .service-block-image .icon{color:#fff;font-size:130px;font-weight:900;text-shadow:0 6px 32px rgba(0,0,0,0.5);letter-spacing:-0.04em;line-height:1} .service-block-image[data-cover] .icon{font-size:130px} .service-block-image[data-cover="ai"] .icon{font-size:110px} .service-block-image .corner-label{position:absolute;bottom:16px;left:18px;color:#fff;font-size:13px;font-weight:700;letter-spacing:0.05em;padding-left:9px;border-left:3px solid var(--brand);z-index:3} .service-block-image .deco{position:absolute;inset:0;background-position:center;background-repeat:no-repeat;background-size:70% auto;opacity:0.18;z-index:1;pointer-events:none} .service-block-image[data-cover="web"] .deco{background-image:url("/assets/seo-inline-images/seo-inline-119231ec63a3.svg")} .service-block-image[data-cover="cloud"] .deco{background-image:url("/assets/seo-inline-images/seo-inline-5b757ffcafe2.svg")} .service-block-image[data-cover="shop"] .deco{background-image:url("/assets/seo-inline-images/seo-inline-ac441a624fce.svg")} .service-block-image[data-cover="shield"] .deco{background-image:url("/assets/seo-inline-images/seo-inline-efe1bc561b15.svg")} .service-block-image[data-cover="chart"] .deco{background-image:url("/assets/seo-inline-images/seo-inline-510f542eae3e.svg")} .service-block-image[data-cover="ai"] .deco{background-image:url("/assets/seo-inline-images/seo-inline-718bc510761c.svg")} .hot-card-image{aspect-ratio:1 / 1;background:radial-gradient(circle at 80% 92%,rgba(31,109,159,0.30),transparent 50%),radial-gradient(circle at 100% 0%,rgba(18,59,98,0.22),transparent 50%),linear-gradient(180deg,var(--charcoal),var(--charcoal-deep));display:flex;align-items:center;justify-content:center} .hot-card-image::after{display:none} .hot-card-image .badge{top:14px;left:14px;right:auto;background:var(--brand-gradient);color:#fff;font-size:11px;font-weight:800;letter-spacing:0.05em;padding:4px 9px;border-radius:3px;z-index:3} .hot-card-image .label{position:relative;bottom:auto;left:auto;color:#fff;font-weight:900;font-size:24px;z-index:3;text-align:center;letter-spacing:0.02em;padding:0 16px} .hot-card-image .icon-deco{position:absolute;inset:0;background-position:center;background-repeat:no-repeat;background-size:56% auto;opacity:0.28;z-index:1;pointer-events:none} .hot-card-image[data-cover="short-video"] .icon-deco{background-image:url("/assets/seo-inline-images/seo-inline-ca4f42eeb95e.svg")} .hot-card-image[data-cover="linkedin"] .icon-deco{background-image:url("/assets/seo-inline-images/seo-inline-26670b95d8c9.svg")} .hot-card-image[data-cover="pr"] .icon-deco{background-image:url("/assets/seo-inline-images/seo-inline-cd6dda02b721.svg")} .hot-card-image[data-cover="crisis"] .icon-deco{background-image:url("/assets/seo-inline-images/seo-inline-2b697c151fa4.svg")} .hot-card-image[data-cover="negative-review"] .icon-deco{background-image:url("/assets/seo-inline-images/seo-inline-055b48cba311.svg")} .hot-card-image[data-cover="seo"] .icon-deco{background-image:url("/assets/seo-inline-images/seo-inline-057b7931ce1e.svg")} .hot-card-image[data-cover="consulting"] .icon-deco{background-image:url("/assets/seo-inline-images/seo-inline-2c3f5879ab04.svg")} .hot-card-image[data-cover="rpa-ai"] .icon-deco{background-image:url("/assets/seo-inline-images/seo-inline-f3c6f27907d7.svg")} .hot-card-image[data-cover="google-business"] .icon-deco{background-image:url("/assets/seo-inline-images/seo-inline-ef4972df9d70.svg")} .hot-card-image[data-cover="seo-reseller"] .icon-deco{background-image:url("/assets/seo-inline-images/seo-inline-056e3bf88f7d.svg")} .hot-card-image[data-cover="ai-cs"] .icon-deco{background-image:url("/assets/seo-inline-images/seo-inline-960ba80daf09.svg")} .hot-card-image[data-cover="ai-system"] .icon-deco{background-image:url("/assets/seo-inline-images/seo-inline-b175b6367e98.svg")} .service-block-image,.hot-card-image,.promo-img,.course-image,.blog-card-image,.blog-featured-image{background-size:cover;background-position:center} .service-block-image{background-image:linear-gradient(180deg,rgba(0,0,0,0.1),rgba(0,0,0,0.62)),var(--cover)} .service-block-image .deco,.hot-card-image .icon-deco{display:none} .service-block-image .icon{opacity:0} .service-block-image[data-cover="web"]{--cover:url("/assets/home-services/visual-website-design.webp")} .service-block-image[data-cover="cloud"]{--cover:url("/assets/home-services/overseas-services.webp")} .service-block-image[data-cover="shop"]{--cover:url("/assets/home-services/guarantee-program.webp")} .service-block-image[data-cover="shield"]{--cover:url("/assets/home-services/online-payment.webp")} .service-block-image[data-cover="chart"]{--cover:url("/assets/home-services/brand-social-management.webp")} .service-block-image[data-cover="ai"]{--cover:url("/assets/home-services/ai-automation-services.webp")}[data-region="global"] .service-block:nth-child(1) .service-block-image{--cover:url("/assets/generated-covers/services/web.webp")}[data-region="global"] .service-block:nth-child(2) .service-block-image{--cover:url("/assets/generated-covers/services/shop.webp")}[data-region="global"] .service-block:nth-child(3) .service-block-image{--cover:url("/assets/generated-covers/services/chart.webp")}[data-region="global"] .service-block:nth-child(4) .service-block-image{--cover:url("/assets/generated-covers/blog/threads.webp")}[data-region="global"] .service-block:nth-child(5) .service-block-image{--cover:url("/assets/generated-covers/hot/pr.webp")}[data-region="global"] .service-block:nth-child(6) .service-block-image{--cover:url("/assets/generated-covers/hot/consulting.webp")} .hot-card-image{background-image:linear-gradient(180deg,rgba(0,0,0,0.05) 35%,rgba(0,0,0,0.78) 100%),var(--cover)} .hot-card-image[data-cover="short-video"]{--cover:url("/assets/generated-covers/hot/short-video.webp")} .hot-card-image[data-cover="linkedin"]{--cover:url("/assets/generated-covers/hot/linkedin.webp")} .hot-card-image[data-cover="pr"]{--cover:url("/assets/generated-covers/hot/pr.webp")} .hot-card-image[data-cover="crisis"]{--cover:url("/assets/generated-covers/hot/crisis.webp")} .hot-card-image[data-cover="negative-review"]{--cover:url("/assets/generated-covers/hot/negative-review.webp")} .hot-card-image[data-cover="seo"]{--cover:url("/assets/generated-covers/hot/seo.webp")} .hot-card-image[data-cover="consulting"]{--cover:url("/assets/generated-covers/hot/consulting.webp")} .hot-card-image[data-cover="rpa-ai"]{--cover:url("/assets/generated-covers/hot/rpa-ai.webp")} .hot-card-image[data-cover="google-business"]{--cover:url("/assets/generated-covers/hot/google-business.webp")} .hot-card-image[data-cover="seo-reseller"]{--cover:url("/assets/generated-covers/hot/seo-reseller.webp")} .hot-card-image[data-cover="ai-cs"]{--cover:url("/assets/generated-covers/hot/ai-cs.webp")} .hot-card-image[data-cover="ai-system"]{--cover:url("/assets/generated-covers/hot/ai-system.webp")} .hot-card-image:not([data-cover]){background-image:linear-gradient(180deg,rgba(0,0,0,0.05) 35%,rgba(0,0,0,0.78) 100%),var(--cover,url("/assets/generated-covers/hot/consulting.webp"))}[data-region="global"] .hot-card:nth-child(1) .hot-card-image{--cover:url("/assets/generated-covers/promo/domain.webp")}[data-region="global"] .hot-card:nth-child(2) .hot-card-image{--cover:url("/assets/generated-covers/promo/renewal.webp")}[data-region="global"] .hot-card:nth-child(3) .hot-card-image{--cover:url("/assets/generated-covers/promo/ecom.webp")}[data-region="global"] .hot-card:nth-child(4) .hot-card-image{--cover:url("/assets/generated-covers/blog/shopify.webp")}[data-region="global"] .hot-card:nth-child(5) .hot-card-image{--cover:url("/assets/generated-covers/hot/seo.webp")}[data-region="global"] .hot-card:nth-child(6) .hot-card-image{--cover:url("/assets/generated-covers/blog/ai-content.webp")}[data-region="global"] .hot-card:nth-child(7) .hot-card-image{--cover:url("/assets/generated-covers/blog/local-seo.webp")}[data-region="global"] .hot-card:nth-child(8) .hot-card-image{--cover:url("/assets/generated-covers/hot/linkedin.webp")}[data-region="global"] .hot-card:nth-child(9) .hot-card-image{--cover:url("/assets/generated-covers/blog/short-video.webp")}[data-region="global"] .hot-card:nth-child(10) .hot-card-image{--cover:url("/assets/generated-covers/hot/negative-review.webp")}[data-region="global"] .hot-card:nth-child(11) .hot-card-image{--cover:url("/assets/generated-covers/hot/ai-system.webp")}[data-region="global"] .hot-card:nth-child(12) .hot-card-image{--cover:url("/assets/generated-covers/blog/value.webp")} .course-image{background-image:linear-gradient(180deg,rgba(6,25,45,0.06),rgba(18,59,98,0.82)),var(--cover);background-color:var(--brand)} .course-card:nth-child(1) .course-image{--cover:url("/assets/generated-covers/course/ai-transform.webp")} .course-card:nth-child(2) .course-image{--cover:url("/assets/generated-covers/course/ai-sales.webp")} .course-card:nth-child(3) .course-image{--cover:url("/assets/generated-covers/course/vibe-coding.webp")} .course-card:nth-child(4) .course-image{--cover:url("/assets/generated-covers/course/female-founder.webp")} .course-card:nth-child(5) .course-image{--cover:url("/assets/generated-covers/course/leadership.webp")} .course-card:nth-child(6) .course-image{--cover:url("/assets/generated-covers/course/cashflow.webp")} .course-card:nth-child(7) .course-image{--cover:url("/assets/generated-covers/course/zero-to-billion.webp")} .course-card:nth-child(8) .course-image{--cover:url("/assets/generated-covers/course/seo-practice.webp")} .promo-img{background-image:linear-gradient(180deg,rgba(0,0,0,0.08),rgba(0,0,0,0.78)),var(--cover);align-items:flex-end;justify-content:flex-start;text-align:left;text-shadow:0 2px 12px rgba(0,0,0,0.55)}[data-region="tw"] .promo-card:nth-child(1) .promo-img{--cover:url("/assets/generated-covers/promo/ai-transform.webp")}[data-region="tw"] .promo-card:nth-child(2) .promo-img{--cover:url("/assets/generated-covers/promo/renewal.webp")}[data-region="tw"] .promo-card:nth-child(3) .promo-img{--cover:url("/assets/generated-covers/promo/ecom.webp")}[data-region="tw"] .promo-card:nth-child(4) .promo-img{--cover:url("/assets/generated-covers/promo/domain.webp")}[data-region="tw"] .promo-card:nth-child(5) .promo-img{--cover:url("/assets/generated-covers/promo/ai-cs.webp")}[data-region="tw"] .promo-card:nth-child(6) .promo-img{--cover:url("/assets/generated-covers/promo/web-design.webp")}[data-region="tw"] .promo-card:nth-child(7) .promo-img{--cover:url("/assets/generated-covers/promo/ssl.webp")}[data-region="tw"] .promo-card:nth-child(8) .promo-img{--cover:url("/assets/generated-covers/promo/loyalty.webp")}[data-region="global"] .promo-card:nth-child(1) .promo-img{--cover:url("/assets/generated-covers/hot/ai-system.webp")}[data-region="global"] .promo-card:nth-child(2) .promo-img{--cover:url("/assets/generated-covers/hot/short-video.webp")}[data-region="global"] .promo-card:nth-child(3) .promo-img{--cover:url("/assets/generated-covers/hot/pr.webp")}[data-region="global"] .promo-card:nth-child(4) .promo-img{--cover:url("/assets/generated-covers/promo/ecom.webp")}[data-region="global"] .promo-card:nth-child(5) .promo-img{--cover:url("/assets/generated-covers/promo/loyalty.webp")}[data-region="global"] .promo-card:nth-child(6) .promo-img{--cover:url("/assets/generated-covers/hot/crisis.webp")}[data-region="global"] .promo-card:nth-child(7) .promo-img{--cover:url("/assets/generated-covers/hot/consulting.webp")}[data-region="global"] .promo-card:nth-child(8) .promo-img{--cover:url("/assets/generated-covers/hot/seo.webp")} .blog-featured-image{background-image:linear-gradient(90deg,rgba(6,25,45,0.88),rgba(31,109,159,0.55)),url("/assets/generated-covers/blog/ai-content.webp")} .blog-card-image[data-deco]{background-image:linear-gradient(180deg,rgba(255,255,255,0.12),rgba(0,0,0,0.62)),var(--cover) !important;color:#fff !important;text-shadow:0 2px 12px rgba(0,0,0,0.5)} .blog-card-image::after{display:none !important} .blog-card-image[data-deco="ai"]{--cover:url("/assets/generated-covers/blog/ai-content.webp")} .blog-card-image[data-deco="threads"]{--cover:url("/assets/generated-covers/blog/threads.webp")} .blog-card-image[data-deco="ecom"]{--cover:url("/assets/generated-covers/blog/shopify.webp")} .blog-card-image[data-deco="brand"]{--cover:url("/assets/generated-covers/blog/brand.webp")} .blog-card-image[data-deco="local-seo"]{--cover:url("/assets/generated-covers/blog/local-seo.webp")} .blog-card-image[data-deco="ai-impl"]{--cover:url("/assets/generated-covers/blog/smb-ai.webp")} .blog-card-image[data-deco="blog-seo"]{--cover:url("/assets/generated-covers/blog/blog-seo.webp")} .blog-card-image[data-deco="short-video"]{--cover:url("/assets/generated-covers/blog/short-video.webp")} .blog-card-image[data-deco="conversion"]{--cover:url("/assets/generated-covers/blog/conversion.webp")} .blog-card-image[data-deco="value"]{--cover:url("/assets/generated-covers/blog/value.webp")} .blog-card-image[data-deco="rpa"]{--cover:url("/assets/generated-covers/hot/rpa-ai.webp")} .blog-card-image[data-deco="seo"]{--cover:url("/assets/generated-covers/hot/seo.webp")}:where(a,button,input,select,textarea,[role="button"],[tabindex]:not([tabindex="-1"])):focus-visible{outline:2px solid rgba(203,210,211,0.95);outline-offset:3px} @media(hover:hover) and(pointer:fine){.btn-primary,.btn-outline,.topbar-payment-link,.lead-radar-btn,.lead-radar-mode-btn,.quote-action,.quote-remove,.contact-submit-button,.payment-submit-button,.price-cta,.service-select-toggle,.service-cart-link,.ai-chat-suggestion,.blog-tab,.blog-newsletter-form button,.mobile-toggle,.msm-auth-tabs button,.msm-auth-close,.region-toggle button[data-set-region],.region-toggle button[data-set-lang],.hero-nav,.hero-dots button,.fab{transition-property:transform,box-shadow,background-color,border-color,color,opacity,filter;transition-duration:180ms;transition-timing-function:cubic-bezier(0.2,0.8,0.2,1)}:is(.btn-primary,.btn-outline,.topbar-payment-link,.lead-radar-btn,.lead-radar-mode-btn,.quote-action,.quote-remove,.contact-submit-button,.payment-submit-button,.price-cta,.service-select-toggle,.service-cart-link,.ai-chat-suggestion,.blog-tab,.blog-newsletter-form button,.mobile-toggle,.msm-auth-tabs button,.msm-auth-close,.region-toggle button[data-set-region],.region-toggle button[data-set-lang],.hero-nav,.hero-dots button,.fab):is(:hover,:active,:focus-visible){will-change:transform} .btn-primary:not(:disabled):hover,.btn-outline:not(:disabled):hover,.topbar-payment-link:hover,.lead-radar-btn:not(:disabled):hover,.quote-action:not(:disabled):hover,.contact-submit-button:not(:disabled):hover,.payment-submit-button:not(:disabled):hover,.price-cta:hover,.service-select-toggle:not(:disabled):hover,.service-cart-link:hover,.ai-chat-suggestion:not(:disabled):hover,.blog-newsletter-form button:not(:disabled):hover,.mobile-toggle:not(:disabled):hover,.msm-auth-tabs button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(18,18,18,0.16);filter:saturate(1.04)} .btn-primary:not(:disabled):active,.btn-outline:not(:disabled):active,.topbar-payment-link:active,.lead-radar-btn:not(:disabled):active,.quote-action:not(:disabled):active,.contact-submit-button:not(:disabled):active,.payment-submit-button:not(:disabled):active,.price-cta:active,.service-select-toggle:not(:disabled):active,.service-cart-link:active,.ai-chat-suggestion:not(:disabled):active,.blog-newsletter-form button:not(:disabled):active,.mobile-toggle:not(:disabled):active,.msm-auth-tabs button:not(:disabled):active{transform:translateY(0) scale(0.98);box-shadow:0 6px 16px rgba(18,18,18,0.14)} .lead-radar-btn-primary:not(:disabled):hover,.quote-action:not(.secondary):not(:disabled):hover,.contact-submit-button:not(:disabled):hover{background:var(--brand-gradient-deep);color:var(--white);border-color:transparent} .quote-action.secondary:not(:disabled):hover,.service-cart-link:hover{border-color:var(--ink);background:var(--white);color:var(--ink)} .blog-tab:hover{transform:translateY(-1px)} .region-toggle button[data-set-region]:not(.active):hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(0,0,0,0.18)} .region-toggle button[data-set-lang]:hover{color:var(--white);opacity:1} .hero-nav:hover{transform:translateY(-50%) scale(1.06);box-shadow:0 14px 34px rgba(0,0,0,0.24)} .hero-nav:active{transform:translateY(-50%) scale(0.96)} .hero-dots button:hover{transform:scale(1.18);background:rgba(255,255,255,0.72)} .hero-dots button.active:hover{transform:scale(1.32)} .hero-dots button:active{transform:scale(0.92)} .fab:hover{transform:translateY(-2px) scale(1.06)} .fab:active{transform:translateY(0) scale(0.95)} .fab-bookmark:hover{transform:translateX(-3px)} .fab-bookmark:active{transform:translateX(0) scale(0.98)}} @media(max-width:768px){.course-image .course-title-img{font-size:24px} .course-image .course-sub{font-size:12px} .promo-img{font-size:22px} .hot-card-image .label{font-size:20px} .service-block-image .icon{font-size:88px} .service-block-image[data-cover="ai"] .icon{font-size:72px} .blog-featured-image h2{font-size:22px} .blog-featured-image .num-big-f{font-size:32px}} .mobile-menu-tools{display:none} @media(max-width:1024px){.topbar{min-height:60px;background:linear-gradient(105deg,rgba(26,29,34,0.9),rgba(12,83,126,0.82));box-shadow:0 12px 28px rgba(12,38,58,0.18)} .topbar-inner{width:100%;max-width:none;min-height:60px;padding:8px 78px 8px 18px;display:flex;align-items:center;justify-content:center;gap:0} .topbar .topbar-logo{display:none !important} .topbar .region-toggle{width:auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;min-width:0;max-width:100%;row-gap:8px;column-gap:0} .topbar .region-toggle button[data-set-region]{min-width:118px;min-height:34px;padding:0 14px;font-size:12px} .topbar .region-toggle button[data-set-lang="zh"]{margin-left:14px;padding-left:4px} .topbar .region-toggle button[data-set-lang]{min-width:28px;min-height:34px;padding:0 4px} .topbar .region-toggle button[data-set-lang="zh"]::before,.topbar .region-toggle button[data-set-lang="zh"]::after,.topbar .region-toggle button[data-set-lang="en"]::before{font-size:13px} .topbar-payment-link{min-height:34px;height:34px;margin-left:10px;padding:0 14px;font-size:12px;white-space:nowrap} .topbar-contact-link{margin-left:8px} header{top:0;height:0;min-height:0;border-bottom:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;z-index:120} .header-inner{height:0;min-height:0;padding:0;gap:0;pointer-events:none} .mobile-toggle{display:flex !important;position:fixed;top:calc(env(safe-area-inset-top)+13px);right:18px;z-index:180;flex:0 0 44px;width:44px;height:36px;gap:4px;color:var(--white);border:1px solid rgba(255,255,255,0.46);border-radius:10px;background:rgba(255,255,255,0.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.04),0 8px 18px rgba(0,0,0,0.16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto} .mobile-toggle span{width:20px;background:currentColor} body.mobile-nav-open header{top:0;height:0;background:transparent;border-bottom:0;box-shadow:none;pointer-events:none;z-index:170} body.mobile-nav-open .mobile-toggle{position:fixed;top:calc(env(safe-area-inset-top)+13px);right:18px;pointer-events:auto} nav.main-nav{top:0;right:0;width:min(380px,92vw);max-width:92vw;height:100vh;height:100dvh;max-height:100dvh;padding:calc(var(--sticky-topbar-height)+18px) 0 calc(env(safe-area-inset-bottom)+24px);pointer-events:auto} nav.main-nav .mobile-menu-tools.region-toggle{display:none !important}} @media(max-width:768px){.topbar{min-height:92px} .topbar-inner{min-height:92px;padding:8px 64px 8px 12px} .topbar .region-toggle{width:min(100%,360px);display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center} .topbar .region-toggle>button[data-set-region]{order:1;flex:1 1 96px;min-width:0;min-height:32px;padding:0 8px;font-size:11px;line-height:1} .topbar .region-toggle>button[data-set-lang]{order:1;flex:0 0 34px;width:34px;min-width:34px;min-height:32px;margin-left:0;padding:0;border:1px solid rgba(255,255,255,0.34);border-radius:8px;background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.82)} .topbar .region-toggle>button[data-set-lang].active{background:rgba(255,255,255,0.18) !important;color:var(--white) !important} .topbar .region-toggle button[data-set-lang="zh"]::after{content:"";margin:0} .topbar .region-toggle>.topbar-payment-link{order:2;flex:1 1 calc(50% - 3px);width:auto;min-height:32px;height:32px;margin-left:0;padding:0 10px;border-radius:8px;font-size:12px} .topbar .region-toggle>.topbar-contact-link{order:2;flex:1 1 calc(50% - 3px);width:auto;margin-left:0;padding:0 10px} .mobile-toggle,body.mobile-nav-open .mobile-toggle{top:calc(env(safe-area-inset-top)+49px);right:12px;width:40px;height:32px}} @media(max-width:420px){.topbar-inner{padding-left:12px;padding-right:58px} .topbar .region-toggle{gap:5px} .topbar .region-toggle>button[data-set-region]{flex-basis:76px;font-size:10px;padding:0 6px} .topbar .region-toggle>button[data-set-lang]{flex-basis:32px;width:32px;min-width:32px} .topbar .topbar-contact-link{padding-left:8px;padding-right:8px;font-size:11px} .topbar-payment-link{padding-left:8px;padding-right:8px;font-size:11px} .mobile-toggle,body.mobile-nav-open .mobile-toggle{right:10px;width:38px} nav.main-nav{width:min(340px,94vw);max-width:94vw}} @media(max-width:768px){.topbar{min-height:116px} .topbar-inner{min-height:116px;padding-top:8px;padding-bottom:8px} .topbar .region-toggle>button[data-set-region],.topbar .region-toggle>button[data-set-lang],.topbar .region-toggle>.topbar-payment-link,.topbar .region-toggle>.topbar-contact-link{min-height:44px} .topbar .region-toggle>.topbar-payment-link,.topbar .region-toggle>.topbar-contact-link{height:44px} .mobile-toggle,body.mobile-nav-open .mobile-toggle{top:calc(env(safe-area-inset-top)+58px);width:44px;height:44px}} @media(max-width:768px){.topbar{min-height:64px} .topbar-inner{min-height:64px;padding:10px 76px 10px 16px;align-items:center;justify-content:flex-end} .topbar .region-toggle{width:auto;max-width:calc(100vw - 104px);margin-left:auto;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:0} .topbar .region-toggle>button,.topbar .region-toggle>.topbar-payment-link:not(.topbar-contact-link){display:none !important} body.region-tw .topbar .region-toggle>.topbar-contact-link[data-region="tw"],body.region-global .topbar .region-toggle>.topbar-contact-link[data-region="global"]{display:inline-flex !important;flex:0 1 180px;width:min(180px,calc(100vw - 112px));min-height:44px;height:44px;margin-left:0;padding:0 18px;border-radius:8px;font-size:14px;line-height:1} body.region-tw .topbar .region-toggle>.topbar-contact-link[data-region="global"],body.region-global .topbar .region-toggle>.topbar-contact-link[data-region="tw"]{display:none !important} .mobile-toggle,body.mobile-nav-open .mobile-toggle{top:calc(env(safe-area-inset-top)+10px);right:16px;width:48px;height:44px} body.mobile-nav-open .mobile-toggle{color:var(--ink);border-color:rgba(18,59,98,0.18);background:var(--white)} nav.main-nav{padding-top:calc(var(--sticky-topbar-height)+14px);justify-content:flex-start} nav.main-nav .mobile-menu-tools.region-toggle{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:none;margin:0 0 14px;padding:0 18px 18px;border-bottom:1px solid var(--line);border-radius:0;align-self:stretch;align-content:start;justify-content:start;justify-self:stretch} nav.main-nav .mobile-menu-tools.region-toggle>button,nav.main-nav .mobile-menu-tools.region-toggle>.topbar-payment-link{display:inline-flex !important;width:100%;min-width:0;min-height:44px;height:44px;margin:0 !important;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);box-shadow:none;font-size:13px;line-height:1;justify-content:center} nav.main-nav .mobile-menu-tools.region-toggle>button[data-set-region].active,nav.main-nav .mobile-menu-tools.region-toggle>button[data-set-lang].active{border-color:rgba(18,59,98,0.36);background:var(--brand-gradient-deep) !important;color:var(--white) !important} nav.main-nav .mobile-menu-tools.region-toggle>button[data-set-lang]{font-size:0} nav.main-nav .mobile-menu-tools.region-toggle>button[data-set-lang="zh"]::before,nav.main-nav .mobile-menu-tools.region-toggle>button[data-set-lang="en"]::before{color:currentColor;font-size:13px} nav.main-nav .mobile-menu-tools.region-toggle>button[data-set-lang="zh"]::after{content:"";margin:0} nav.main-nav .mobile-menu-tools.region-toggle>.topbar-payment-link{grid-column:1 / -1;background:var(--gray-1);font-weight:900} .consult-nudge{display:none !important}} @media(max-width:640px){.ai-chat-panel{height:min(80dvh,calc(100dvh - 24px));bottom:calc(10px+env(safe-area-inset-bottom,0px))} .ai-chat-close,.ai-chat-send,.ai-chat-bookmark,.ai-chat-more-action{min-width:46px;min-height:46px} .ai-chat-close,.ai-chat-send{width:46px;height:46px} .ai-chat-input{min-height:46px} .consult-nudge-tab,.consult-nudge-btn{min-height:44px}} @media(max-width:420px){.topbar-inner{padding-right:62px} .topbar .region-toggle>button[data-set-lang]{width:44px;min-width:44px;flex-basis:44px} .mobile-toggle,body.mobile-nav-open .mobile-toggle{right:10px;width:44px;height:44px}} @media(max-width:360px){.fab,.fab-bookmark,.consult-nudge-tab{min-width:44px;min-height:44px}} @media(max-width:768px),(hover:none) and(pointer:coarse){.fab-ai::before,.consult-nudge-tab,.consult-nudge-tab::before,.consult-nudge-tab::after,.topic-card-turn-hint,.topic-showcase-slide,.topic-showcase-dots span{animation:none !important} .topic-showcase-slide,.topic-showcase-dots span{will-change:auto !important}} .topbar.premium-header{height:38px;min-height:38px;background:linear-gradient(180deg,rgba(9,14,24,0.82) 0%,rgba(12,20,32,0.72) 100%);border-bottom:0 !important;box-shadow:none !important;-webkit-backdrop-filter:blur(30px) saturate(175%);backdrop-filter:blur(30px) saturate(175%)} .topbar.premium-header .topbar-inner{max-width:1360px;height:38px;min-height:38px;padding:0 40px;display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,160px) minmax(420px,1fr);justify-content:stretch;align-items:center;gap:24px} .topbar.premium-header .topbar-logo,.topbar.premium-header .topbar-info,.topbar.premium-header .region-toggle>button[data-set-region]{display:none !important} .topbar.premium-header .topbar-market-switcher{grid-column:1;justify-self:start;display:flex;align-items:center;gap:22px} .topbar.premium-header .topbar-market-switcher .giant-tab{color:rgba(255,255,255,0.34);font-size:15px;letter-spacing:1.1px} .topbar.premium-header .topbar-market-switcher .giant-tab:hover,.topbar.premium-header .topbar-market-switcher .giant-tab.active{color:#fff} .topbar.premium-header .topbar-market-switcher .giant-tab.active{font-size:18px;font-weight:800;text-shadow:0 0 24px rgba(255,255,255,0.12)} .topbar.premium-header .region-toggle{grid-column:3;justify-self:end;display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:0} .topbar.premium-header .region-toggle::before{display:none;content:none} .topbar.premium-header .region-toggle>*+*::before{content:""} .topbar.premium-header .region-toggle button[data-set-lang]{color:rgba(255,255,255,0.5);min-width:0;padding:0 3px;margin:0;font-size:0;line-height:1} .topbar.premium-header .region-toggle button[data-set-lang="zh"]{margin-left:8px;border-left:0 !important;padding-left:0 !important} .topbar.premium-header .region-toggle button[data-set-lang="zh"]::before{content:"CH";font-size:12px} .topbar.premium-header .region-toggle button[data-set-lang="zh"]::after{content:"/";font-size:12px;margin-left:6px;color:rgba(255,255,255,0.58)} .topbar.premium-header .region-toggle button[data-set-lang="en"]::before{content:"EN";font-size:12px} .topbar.premium-header .region-toggle button[data-set-lang].active,.topbar.premium-header .region-toggle button[data-set-lang]:hover{color:#fff !important} .topbar.premium-header .topbar-payment-link{min-height:28px;margin-left:4px;padding:6px 14px;border-color:rgba(255,255,255,0.22);background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.72);font-size:12px} .topbar.premium-header .topbar-contact-link{color:#68b7ff;border-color:rgba(104,183,255,0.34)} header.regional-premium-nav{top:38px;background:linear-gradient(180deg,rgba(12,20,32,0.72) 0%,rgba(10,17,28,0.66) 100%);border-top:0 !important;border-bottom:0 !important;box-shadow:none;-webkit-backdrop-filter:blur(30px) saturate(175%);backdrop-filter:blur(30px) saturate(175%);overflow:visible;z-index:130} header.regional-premium-nav .ambient-glow{position:absolute;top:-54px;left:5%;width:380px;height:160px;background:radial-gradient(circle,rgba(49,130,206,0.14) 0%,rgba(0,0,0,0) 70%);filter:blur(50px);pointer-events:none;z-index:0;transition:left 0.7s cubic-bezier(0.25,1,0.5,1),background 0.7s cubic-bezier(0.25,1,0.5,1)} body.market-china header.regional-premium-nav .ambient-glow{left:12%;background:radial-gradient(circle,rgba(217,56,58,0.14) 0%,rgba(0,0,0,0) 70%)} body.market-na header.regional-premium-nav .ambient-glow{left:20%;background:radial-gradient(circle,rgba(0,180,216,0.14) 0%,rgba(0,0,0,0) 70%)} header.regional-premium-nav .header-inner{max-width:1360px;min-height:58px;padding:0 40px;gap:0;position:relative;z-index:1;justify-content:center} .magazine-switcher{display:flex;align-items:center;gap:24px;flex:0 0 auto} .giant-tab{border:0;background:transparent;color:rgba(255,255,255,0.24);cursor:pointer;font-size:19px;font-weight:400;letter-spacing:1.5px;padding:0;text-transform:uppercase;transition:color 0.4s cubic-bezier(0.25,1,0.5,1),font-size 0.4s cubic-bezier(0.25,1,0.5,1),font-weight 0.4s cubic-bezier(0.25,1,0.5,1);white-space:nowrap} .giant-tab:hover,.giant-tab.active{color:#fff} .giant-tab.active{font-size:24px;font-weight:800;letter-spacing:0.5px;text-shadow:0 0 30px rgba(255,255,255,0.12)} .editorial-menu-zone{flex:0 1 auto;min-width:0;width:100%;height:36px;display:flex;justify-content:center;align-items:center} header.regional-premium-nav nav.main-nav{flex:0 1 auto;height:100%;justify-content:center;gap:26px} header.regional-premium-nav .header-market-switcher{display:none} header.regional-premium-nav nav.main-nav>.nav-item{position:static;height:100%;display:flex;align-items:center;border-bottom:0} header.regional-premium-nav .mobile-menu-tools{display:none} header.regional-premium-nav .nav-item>a{color:rgba(255,255,255,0.62);font-size:13.5px;font-weight:600;letter-spacing:0.03em;padding:6px 0} header.regional-premium-nav .nav-item>a:hover,header.regional-premium-nav .nav-item.open>a{color:#fff} header.regional-premium-nav .nav-item>a::after{bottom:-3px;left:0;right:0;height:1px;background:rgba(255,255,255,0.68)} header.regional-premium-nav .nav-item>a .chev{font-size:8px;opacity:0.4} header.regional-premium-nav .nav-item.has-mega>a::before{left:-16px;right:-16px;height:20px} header.regional-premium-nav .megamenu{top:100%;left:50%;right:auto;width:100vw;min-width:0;max-width:none;padding:22px 0 26px;background:rgba(245,247,250,0.98);border:1px solid rgba(0,0,0,0.06);border-left:0;border-right:0;border-radius:0;box-shadow:0 30px 60px rgba(0,0,0,0.25);-webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%);overflow-y:auto;transform:translate(-50%,10px);transition:opacity 0.3s cubic-bezier(0.25,1,0.5,1),transform 0.3s cubic-bezier(0.25,1,0.5,1),visibility 0s linear 0.3s;z-index:131} header.regional-premium-nav .nav-item.open>.megamenu{transform:translate(-50%,0);transition:opacity 0.3s cubic-bezier(0.25,1,0.5,1),transform 0.3s cubic-bezier(0.25,1,0.5,1),visibility 0s linear 0s} header.regional-premium-nav .megamenu-inner{width:100%;max-width:none;margin:0;padding:0 clamp(32px,6vw,96px);gap:28px;justify-content:start !important;justify-items:start} header.regional-premium-nav .megamenu-inner.mega-align-trigger{margin-left:var(--mega-align-left,0);padding:0;width:var(--mega-align-width,420px);grid-template-columns:repeat(var(--mega-align-columns,1),minmax(0,1fr)) !important} header.regional-premium-nav .mega-col h6{color:#718096;border-bottom:1px solid rgba(0,0,0,0.06);font-size:12px;letter-spacing:1px;padding-bottom:4px;margin-bottom:10px;text-transform:uppercase} header.regional-premium-nav .mega-col li a{color:#2d3748;font-size:13px;font-weight:500;padding:4px 0} header.regional-premium-nav .mega-col li a:hover{color:#2b6cb0;padding-left:4px} @media(min-width:1025px){body.lang-en .topbar.premium-header .topbar-inner,body.lang-en header.regional-premium-nav .header-inner{max-width:1480px;padding-left:28px;padding-right:28px} body.lang-en .topbar.premium-header .topbar-inner{grid-template-columns:minmax(360px,1fr) minmax(0,24px) minmax(520px,1fr);gap:16px} body.lang-en .topbar.premium-header .topbar-market-switcher{gap:18px} body.lang-en .topbar.premium-header .topbar-market-switcher .giant-tab{font-size:13px;letter-spacing:0.06em} body.lang-en .topbar.premium-header .topbar-market-switcher .giant-tab.active{font-size:17px;letter-spacing:0.03em} body.lang-en .topbar.premium-header .region-toggle{gap:8px} body.lang-en .topbar.premium-header .region-toggle::before{font-size:11px;letter-spacing:0.04em} body.lang-en .topbar.premium-header .topbar-payment-link{min-height:26px;padding:5px 12px;font-size:11.5px} body.lang-en header.regional-premium-nav nav.main-nav{width:100%;gap:16px;justify-content:center} body.lang-en header.regional-premium-nav nav.main-nav>.nav-item{min-width:0;flex:0 1 auto} body.lang-en header.regional-premium-nav .nav-item>a{font-size:12.25px;letter-spacing:0;line-height:1.15;white-space:nowrap} body.lang-en header.regional-premium-nav .nav-item>a .chev{margin-left:2px}} @media(max-width:1280px) and(min-width:1025px){body.lang-en .topbar.premium-header .topbar-inner,body.lang-en header.regional-premium-nav .header-inner{padding-left:18px;padding-right:18px} body.lang-en header.regional-premium-nav nav.main-nav{gap:11px} body.lang-en header.regional-premium-nav .nav-item>a{font-size:11.5px}} @keyframes regionalMenuIn{from{opacity:0;filter:blur(8px);transform:translateY(6px) scale(0.99)} to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}} body.market-tw header.regional-premium-nav nav.main-nav>.nav-item[data-region="tw"],body.market-na header.regional-premium-nav nav.main-nav>.nav-item[data-region="global"]:not([data-market="china"]),body.market-china header.regional-premium-nav nav.main-nav>.nav-item[data-market="china"]{display:flex !important} body.market-tw header.regional-premium-nav nav.main-nav>.nav-item[data-region="tw"]>a,body.market-na header.regional-premium-nav nav.main-nav>.nav-item[data-region="global"]:not([data-market="china"])>a,body.market-china header.regional-premium-nav nav.main-nav>.nav-item[data-market="china"]>a{animation:regionalMenuIn 0.5s cubic-bezier(0.25,1,0.5,1)} body.market-tw header.regional-premium-nav nav.main-nav>.nav-item[data-region="global"],body.market-na header.regional-premium-nav nav.main-nav>.nav-item[data-region="tw"],body.market-china header.regional-premium-nav nav.main-nav>.nav-item[data-region="tw"],body.market-na header.regional-premium-nav nav.main-nav>.nav-item[data-market="china"],body.market-china header.regional-premium-nav nav.main-nav>.nav-item[data-region="global"]:not([data-market="china"]){display:none !important} body.market-na[data-market-banner="china"],body.market-china[data-market-banner="na"]{display:none !important} @media(max-width:1180px) and(min-width:1025px){.topbar.premium-header .topbar-inner{grid-template-columns:minmax(190px,0.7fr) minmax(0,32px) minmax(420px,1.3fr);gap:18px;padding-left:28px;padding-right:28px} .topbar.premium-header .topbar-market-switcher{gap:15px} .topbar.premium-header .topbar-market-switcher .giant-tab{font-size:13.5px} .topbar.premium-header .topbar-market-switcher .giant-tab.active{font-size:16px} header.regional-premium-nav .header-inner{padding-left:28px;padding-right:28px} header.regional-premium-nav nav.main-nav{gap:16px} header.regional-premium-nav .nav-item>a{font-size:12.5px}} @media(max-width:1024px){.topbar.premium-header{display:none !important} .topbar.premium-header .region-toggle,.topbar.premium-header .region-toggle>button,.topbar.premium-header .region-toggle>.topbar-payment-link,.topbar.premium-header .region-toggle>.topbar-contact-link{display:none !important} .topbar.premium-header .topbar-inner{justify-content:flex-start} .topbar.premium-header .topbar-inner{min-height:42px;padding:7px 16px} .topbar.premium-header .region-toggle::before{display:none} .topbar.premium-header .topbar-payment-link{padding:6px 10px;font-size:11px} header.regional-premium-nav .ambient-glow{width:260px;height:120px;top:-38px} header.regional-premium-nav{top:0 !important;min-height:58px;z-index:190} header.regional-premium-nav .header-inner{min-height:58px;padding:0 58px 0 10px;gap:8px} header.regional-premium-nav .header-mobile-logo{display:flex;flex:0 0 38px;width:38px;height:38px;align-items:center;justify-content:center;position:relative;z-index:226} header.regional-premium-nav .header-mobile-logo .logo-mark{width:34px;height:34px;box-shadow:0 8px 18px rgba(0,0,0,0.18)} header.regional-premium-nav .header-mobile-logo .logo-text{display:none} header.regional-premium-nav .header-market-switcher{display:grid;position:relative;z-index:225;pointer-events:auto;max-width:calc(100vw - 124px)} body.mobile-nav-open header.regional-premium-nav .header-market-switcher{opacity:0;visibility:hidden;pointer-events:none} .magazine-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:1 1 auto;width:100%;min-width:0;max-width:calc(100vw - 76px);gap:3px;overflow:visible;padding:3px;border:1px solid rgba(255,255,255,0.16);border-radius:999px;background:rgba(255,255,255,0.08);-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);scrollbar-width:none;pointer-events:auto} .magazine-switcher::-webkit-scrollbar{display:none} .giant-tab{width:100%;min-width:0;height:32px;padding:0 2px;border-radius:999px;font-size:10px;line-height:1;letter-spacing:0.02em;text-align:center;text-transform:none;overflow:hidden;text-overflow:clip;pointer-events:auto} .giant-tab.active{font-size:10px;background:rgba(255,255,255,0.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.22),0 10px 22px rgba(0,0,0,0.18)} header.regional-premium-nav .mobile-toggle{display:flex !important;position:fixed;top:calc(env(safe-area-inset-top)+8px);right:10px;width:40px;height:40px;z-index:220;color:#fff;border:1px solid rgba(255,255,255,0.16);border-radius:999px;background:rgba(255,255,255,0.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08);-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%)} header.regional-premium-nav .mobile-toggle span{background:currentColor} body.mobile-nav-open header.regional-premium-nav .mobile-toggle{color:#fff !important;border-color:rgba(255,255,255,0.16) !important;background:rgba(255,255,255,0.08) !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08) !important} .editorial-menu-zone{display:block;flex:0 0 0;width:0;height:0;min-width:0;overflow:visible;pointer-events:none} header.regional-premium-nav nav.main-nav{position:fixed !important;display:none;top:0;right:0;width:min(340px,calc(100vw - 32px));max-width:calc(100vw - 32px);height:100vh !important;height:100dvh !important;max-height:100dvh;background:rgba(11,15,23,0.98);color:#fff;-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);justify-content:flex-start !important;align-items:stretch;gap:0;padding-top:calc(env(safe-area-inset-top)+76px);overflow-y:auto;pointer-events:none;opacity:0;visibility:hidden;transform:translateX(104%);transition:opacity 0.22s ease,transform 0.26s cubic-bezier(0.25,1,0.5,1),visibility 0s linear 0.26s;z-index:210} body.mobile-nav-open header.regional-premium-nav .editorial-menu-zone{pointer-events:auto} body.mobile-nav-open header.regional-premium-nav nav.main-nav{display:flex !important;pointer-events:auto;opacity:1;visibility:visible;transform:translateX(0);transition:opacity 0.22s ease,transform 0.26s cubic-bezier(0.25,1,0.5,1),visibility 0s linear 0s} header.regional-premium-nav .mobile-menu-tools{display:grid !important;grid-template-columns:repeat(6,minmax(0,1fr)) !important;gap:10px;padding:0 18px 16px;border-bottom-color:rgba(255,255,255,0.12)} header.regional-premium-nav nav.main-nav .mobile-menu-tools.region-toggle>button[data-set-market]{grid-column:span 2 !important} header.regional-premium-nav nav.main-nav .mobile-menu-tools.region-toggle>button[data-set-lang]{grid-column:span 3 !important} header.regional-premium-nav nav.main-nav .mobile-menu-tools.region-toggle>.topbar-payment-link{grid-column:span 3 !important} header.regional-premium-nav nav.main-nav .mobile-menu-tools.region-toggle>button,header.regional-premium-nav nav.main-nav .mobile-menu-tools.region-toggle>.topbar-payment-link{min-height:50px;height:50px;border-color:rgba(255,255,255,0.18) !important;border-radius:8px;background:rgba(255,255,255,0.08) !important;color:rgba(255,255,255,0.88) !important;-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%)} header.regional-premium-nav nav.main-nav .mobile-menu-tools.region-toggle>button[data-set-market].active{border-color:rgba(104,183,255,0.52);background:rgba(104,183,255,0.18) !important;color:#fff !important} header.regional-premium-nav nav.main-nav .mobile-menu-tools.region-toggle>button[data-set-lang].active{border-color:rgba(104,183,255,0.38);background:rgba(104,183,255,0.14) !important;color:#fff !important} header.regional-premium-nav nav.main-nav .mobile-menu-tools.region-toggle>.topbar-contact-link{color:#68b7ff !important;border-color:rgba(104,183,255,0.34) !important;background:rgba(104,183,255,0.12) !important} body.region-tw header.regional-premium-nav nav.main-nav .mobile-menu-tools.region-toggle>.topbar-contact-link[data-region="global"],body.region-global header.regional-premium-nav nav.main-nav .mobile-menu-tools.region-toggle>.topbar-contact-link[data-region="tw"]{display:none !important} body.lang-en header.regional-premium-nav nav.main-nav .mobile-menu-tools.region-toggle>button[data-set-market]{font-size:13px;line-height:1.1;letter-spacing:0} header.regional-premium-nav nav.main-nav>.nav-item{width:100%;height:auto;display:flex !important;flex-direction:column;align-items:stretch;border-bottom:1px solid rgba(255,255,255,0.08)} header.regional-premium-nav .nav-item>a{width:100%;padding:14px 24px} header.regional-premium-nav .megamenu{position:static !important;width:100%;max-width:none;min-width:0;max-height:0;padding:0;border-radius:0;border:0;box-shadow:none;background:rgba(255,255,255,0.96);-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%);overflow:hidden;opacity:1;visibility:visible;transform:none !important;transition:max-height 0.26s ease,padding 0.26s ease} header.regional-premium-nav .nav-item.open>.megamenu{max-height:min(68dvh,720px);padding:16px 0;overflow-y:auto} header.regional-premium-nav .megamenu-inner,header.regional-premium-nav .megamenu-inner.mega-align-trigger{width:100% !important;max-width:100% !important;grid-template-columns:1fr !important;gap:14px;padding:0 20px !important} header.regional-premium-nav .mega-col li a{min-height:32px;display:flex;align-items:center} header.regional-premium-nav .header-cta{display:none}} .msm-auth-overlay{position:fixed;inset:0;background:rgba(26,26,26,.58);display:none;align-items:center;justify-content:center;z-index:10000;padding:20px} .msm-auth-overlay.open{display:flex} .msm-auth-dialog{width:min(520px,100%);background:#fff;border-radius:8px;box-shadow:0 28px 80px rgba(0,0,0,.28);border:1px solid #cbd2d3;overflow:hidden} .msm-auth-head{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--charcoal);color:#fff;padding:16px 18px} .msm-auth-head strong{font-size:18px}.msm-auth-close{border:0;background:transparent;color:#fff;font-size:26px;line-height:1;cursor:pointer} .msm-auth-body{padding:20px}.msm-auth-tabs{display:flex;background:#f1f3f3;border-radius:6px;padding:4px;margin-bottom:16px} .msm-auth-tabs button{flex:1;border:0;background:transparent;border-radius:5px;padding:10px;font-weight:900;cursor:pointer;color:var(--charcoal)} .msm-auth-tabs button.active{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08);color:var(--brand)} .msm-auth-field{margin-bottom:13px}.msm-auth-field label{display:block;font-size:13px;font-weight:800;color:#3a565e;margin-bottom:6px} .msm-auth-field input{width:100%;border:1px solid #cbd2d3;border-radius:6px;padding:11px 12px;font:inherit} .msm-auth-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.msm-auth-btn{border:0;border-radius:6px;background:var(--brand-gradient);color:#fff;font-weight:900;padding:11px 16px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center} .msm-auth-btn.secondary{background:#eef0f0;color:var(--charcoal)}.msm-auth-note{font-size:13px;color:#666;line-height:1.7;margin:10px 0 0}.msm-auth-msg{font-size:13px;font-weight:800;color:#3a565e;min-height:20px;margin-top:10px} .msm-auth-overlay .hidden{display:none!important} .msm-auth-btn[disabled],.msm-auth-btn.disabled{cursor:not-allowed;opacity:.6} .msm-auth-btn.google{width:100%;min-height:52px;gap:12px;background:#fff;color:#1f1f1f;border:1px solid #dadce0;border-radius:8px;box-shadow:none;font-weight:800} .msm-auth-btn.google:hover{background:#f8fafd;border-color:#c7cdd4} .msm-auth-google-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px} .service-card-seo-text{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;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important} .topic-hub-resource-grid{display:grid;gap:8px;margin-top:14px;max-height:286px;overflow:auto;padding-right:2px} .topic-hub-resource-card{display:block;text-decoration:none;padding:10px 12px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.08);color:#fff;transition:background .18s ease,border-color .18s ease,transform .18s ease} .topic-hub-resource-card:hover,.topic-hub-resource-card:focus-visible{background:rgba(240,199,102,.16);border-color:rgba(240,199,102,.5);transform:translateY(-1px);outline:none} .topic-hub-resource-card strong{display:flex;gap:8px;align-items:center;justify-content:space-between;color:#fff;font-size:13px;line-height:1.35} .topic-hub-resource-card span{display:block;margin-top:4px;color:rgba(255,255,255,.72);font-size:11px;line-height:1.35;word-break:break-word} .topic-hub-resource-card small{display:block;margin-top:5px;color:rgba(255,255,255,.58);font-size:11px;line-height:1.45} .topic-hub-resource-pill{flex:0 0 auto;margin-top:0!important;padding:2px 6px;border-radius:999px;background:rgba(240,199,102,.2);color:#f0c766!important;font-size:10px!important;font-weight:800;letter-spacing:0;text-transform:uppercase} .topic-hub-resource-note{margin-top:8px;color:rgba(255,255,255,.56);font-size:11px;line-height:1.45}