@font-face{font-family:"Wokao CJK";src:url("assets/wokao/fonts/wokao-cjk.woff") format("woff");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+2E80-9FFF,U+F900-FAFF,U+FF00-FFEF}
/* Optional wokaoai visual layer. Baseline orbit geometry, sticky stages,
   transition masks and animation hooks remain in the original stylesheets. */
.wokao-brand,body[data-brand="wokaoai"]{font-family:"Google Sans Flex","Wokao CJK","PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif}
.wokao-brand .wokao-symbol{display:block;object-fit:contain;flex-shrink:0}
.wokao-brand .wokao-symbol-light{filter:brightness(0) invert(1)}
.wokao-brand .nav-text{line-height:40px}
.wokao-brand .wokao-language-switch{display:flex;align-items:center;justify-content:center;gap:8px}
.wokao-brand .wokao-language-link{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;border:1px solid #ffffff26;border-radius:100px;color:#a7a7a7;font-size:13px;line-height:1;transition:color .3s,border-color .3s,background-color .3s}
.wokao-brand .wokao-language-link[aria-current="true"]{color:#fff;border-color:#ffffff59;background:#ffffff0a}
.wokao-brand .wokao-language-link:hover{color:#fff;border-color:#ffffff80}
/* Keep the name and two-line copy centred; use the supplied circular mark
   with a white body by inverting its existing pixels, without redrawing it. */
.wokao-brand .wokao-title{font-size:72px;font-weight:500;line-height:1;letter-spacing:0;top:-8px;max-width:100%}
.wokao-brand .header-content{max-width:100%;gap:16px}
.wokao-brand .header-description{max-width:320px;font-size:14px;line-height:21px;margin-bottom:0}
.wokao-brand .wokao-hero-line{display:block}
.wokao-brand .wokao-hero-emblem{position:relative;display:grid;place-items:center;width:56px;height:56px}
.wokao-brand .wokao-hero-logo{display:block;width:36px;height:36px;object-fit:contain;filter:invert(1)}
.wokao-brand .section-home-intro>.scroll-title-wrapper{top:clamp(12px,1.5vw,24px)}
.wokao-brand .section-home-intro .intro-grid{grid-template-columns:minmax(0,1fr);align-items:center}
.wokao-brand .section-home-intro .intro-description,.wokao-brand .section-home-intro .circle-text-wrap{grid-column:1}
.wokao-brand .section-home-intro .intro-description{width:100%;justify-self:center;align-self:center;align-items:center;text-align:center}
.wokao-brand .section-home-intro .intro-description>p{text-align:center}
.wokao-brand .section-home-intro .intro-contact-wrap{width:100%;justify-content:center}
.wokao-brand .section-home-intro .wokao-intro-circle{justify-content:center;margin-bottom:40px}
/* Magic UI Avatar Circles adapted to the existing static site; same 40px
   circles, 16px overlap, white borders and final +99. See the bundled MIT license. */
.wokao-brand .wokao-platform-avatars{--avatar-size:40px;--avatar-overlap:16px;position:relative;z-index:10;display:flex;flex-wrap:nowrap;align-items:center;width:max-content;isolation:isolate;margin-bottom:16px}
.wokao-brand .wokao-platform-avatars>span{display:grid;place-items:center;box-sizing:border-box;flex:0 0 var(--avatar-size);width:var(--avatar-size);height:var(--avatar-size);border:2px solid #fff;border-radius:50%}
.wokao-brand .wokao-platform-avatars>span+span{margin-inline-start:calc(-1 * var(--avatar-overlap))}
.wokao-brand .wokao-platform-avatar{background:#f3f3f3}
.wokao-brand .wokao-platform-logo{display:block;width:calc(var(--avatar-size) * .6);height:calc(var(--avatar-size) * .6);object-fit:contain}
.wokao-brand .wokao-platform-logo[data-platform="ebay"]{width:calc(var(--avatar-size) * .7)}
.wokao-brand .wokao-platform-more{background:#000;color:#fff;font-size:12px;font-weight:500;line-height:1}
.wokao-brand .wokao-platform-more:hover{background:#4b5563}
.wokao-brand .wokao-platform-copy>span{display:block}
.wokao-brand .wokao-review-score{white-space:nowrap}
/* The original grid creates two narrow-card ranges. Scale all seven circles
   together there so +99 stays circular and inside the existing card padding. */
@media(min-width:992px) and (max-width:1151px),(min-width:480px) and (max-width:575px){.wokao-brand .wokao-platform-avatars{--avatar-size:30px;--avatar-overlap:12px}.wokao-brand .wokao-platform-more{font-size:10px}}
.wokao-brand .wokao-scenario-kicker{font-size:11px;line-height:24px;letter-spacing:.04em;text-transform:uppercase;color:#000}
.wokao-brand .wokao-scenario-number{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;border:1px solid #0002;font-size:13px;color:#666;flex-shrink:0}
.wokao-brand .wokao-cta-brand .wokao-symbol{width:auto;height:24px}
.wokao-brand .call-to-action-content>.section-heading{max-width:calc(100vw - 48px);text-wrap:balance}
.wokao-brand .call-to-action-content>p{padding-inline:24px}
.wokao-brand .wokao-coming-brand .wokao-symbol{width:auto;height:32px;margin-bottom:16px}
.wokao-brand .wokao-coming-actions{display:flex;flex-direction:column;align-items:center;gap:24px;margin-top:24px;margin-bottom:8px}
.wokao-brand .wokao-marquee-text{display:flex;align-items:center;gap:.3em;height:1em;padding-right:.3em}
.wokao-brand .wokao-marquee-unit{display:flex;align-items:center;gap:.3em;height:1em;flex:0 0 auto}
.wokao-brand .wokao-marquee-symbol{height:.72em;width:auto}
.wokao-brand .wokao-marquee-word{display:block;font-size:inherit;font-weight:400;line-height:1;letter-spacing:-.035em}
.wokao-brand .section-kicker,.wokao-brand .subtitle,.wokao-brand .service-subtitle{font-family:"Google Sans Code","PingFang SC","Microsoft YaHei",monospace}
.wokao-brand .heading-block .section-kicker{color:inherit}
.wokao-brand [id="home"],.wokao-brand [id="directions"],.wokao-brand [id="visuals"]{scroll-margin-top:64px}

/* The reference uses the same photo enlarged behind the foreground card.
   Only that decorative background covers/crops; foreground art remains whole. */
.wokao-brand .circle-image-item img,.wokao-brand .inner-circle-image-item img,.wokao-brand .testimonial-avatar,.wokao-brand .case-study-thumbnail{object-fit:contain;object-position:center}
.wokao-brand .wokao-visual-backdrop{opacity:1;background-color:#131417}
/* Darken only the enlarged background. The radial fade deepens all four
   corners smoothly; the foreground Chroma card stays above this layer. */
.wokao-brand .case-study-overlay{background-color:rgb(0 0 0 / 82%);background-image:radial-gradient(ellipse at center,transparent 20%,rgb(0 0 0 / 20%) 60%,rgb(0 0 0 / 72%) 100%);pointer-events:none}
.wokao-brand .case-study-content{grid-template-columns:minmax(0,1fr) auto auto;gap:16px}
.wokao-brand .case-study-text:first-child{text-align:left}
.wokao-brand .case-study-text:last-child{text-align:right;color:#686868}
.wokao-brand .case-study-content-wrap{height:auto}
.wokao-brand .case-study-thumbnail-block{flex:none;width:100%;aspect-ratio:var(--wokao-image-aspect);background:var(--visual-surface)}
.wokao-brand .case-study-top-content{font-size:13px;line-height:1.6}

/* Restore the reference type and spacing in the directions section only. */
#directions .section-heading{font-size:96px;font-weight:400;line-height:1.1;letter-spacing:1.6px;max-width:none}
#directions .section-kicker{font-size:14px;font-weight:400;line-height:1.5;letter-spacing:0;margin-bottom:32px}

/* Chinese has a different optical density from Latin type. Separate sizes,
   measured line lengths and quieter secondary text restore the hierarchy. */
.wokao-brand[data-brand-lang="zh"]{--wokao-heading:clamp(40px,3.6vw,52px);--wokao-body:15px;letter-spacing:0;line-break:strict}
.wokao-brand[data-brand-lang="zh"] .section-heading{font-size:var(--wokao-heading);font-weight:350;line-height:1.28;letter-spacing:0;max-width:20em;margin-inline:auto;text-wrap:balance}
.wokao-brand[data-brand-lang="zh"] .section-kicker,.wokao-brand[data-brand-lang="zh"] .subtitle{font-family:inherit;font-size:12px;font-weight:400;line-height:1.6;letter-spacing:.08em}
.wokao-brand[data-brand-lang="zh"] .heading-block .section-kicker{margin-bottom:24px}
.wokao-brand[data-brand-lang="zh"] .scroll-title{font-size:clamp(80px,8.8vw,128px);line-height:1.3;letter-spacing:0;padding-right:48px}
.wokao-brand[data-brand-lang="zh"] .intro-wrap{max-width:720px;margin-bottom:56px}
.wokao-brand[data-brand-lang="zh"] .intro-text{font-size:clamp(26px,2.6vw,36px);line-height:1.6;letter-spacing:0;text-wrap:balance}
.wokao-brand[data-brand-lang="zh"] .intro-text>.text-color-secondary{display:block}
.wokao-brand[data-brand-lang="zh"] .intro-description{max-width:30em}
.wokao-brand[data-brand-lang="zh"] .intro-description>p{font-size:var(--wokao-body);line-height:1.85}
.wokao-brand[data-brand-lang="zh"] .service-subtitle{font-family:inherit}
.wokao-brand[data-brand-lang="zh"] .case-study-top-content{margin-top:48px;margin-bottom:32px;font-size:12px;letter-spacing:.02em}
.wokao-brand[data-brand-lang="zh"] .case-study-text{font-size:12px;letter-spacing:0}
.wokao-brand[data-brand-lang="zh"] .testimonial-text{font-size:18px;line-height:1.85;max-width:24em;margin-block:24px;text-wrap:pretty}
.wokao-brand[data-brand-lang="zh"] .client-name{font-size:17px;line-height:1.4}
.wokao-brand[data-brand-lang="zh"] .client-role{font-size:12px;line-height:1.6}
.wokao-brand[data-brand-lang="zh"] .price-text{font-size:36px;line-height:1.35;letter-spacing:0}
.wokao-brand[data-brand-lang="zh"] .pricing-block{gap:28px}
.wokao-brand[data-brand-lang="zh"] .text-size-regular,.wokao-brand[data-brand-lang="zh"] .feature-item{font-size:var(--wokao-body);line-height:1.8}
.wokao-brand[data-brand-lang="zh"] .feature-label{font-size:12px}
.wokao-brand[data-brand-lang="zh"] .accordion-heading{font-size:18px;font-weight:400;line-height:1.6;letter-spacing:0}
.wokao-brand[data-brand-lang="zh"] .faq-answer-inner{font-size:14px;line-height:1.85;padding-top:24px}
.wokao-brand[data-brand-lang="zh"] .call-to-action-content>.section-heading>.text-color-grey{display:block}
.wokao-brand[data-brand-lang="zh"] .call-to-action-content>p{font-size:14px;line-height:1.85;max-width:29em;margin-bottom:36px}
.wokao-brand[data-brand-lang="zh"] .call-to-action-content>.section-kicker{margin-bottom:24px}
.wokao-brand[data-brand-lang="zh"] .nav-text{font-size:26px;line-height:40px}
.wokao-brand[data-brand-lang="zh"] .button-text{font-size:14px;letter-spacing:.03em}
.wokao-brand[data-brand-lang="zh"] .text-link{font-size:14px}
.wokao-brand[data-brand-lang="zh"] .footer-top-content>p{font-size:14px;line-height:1.8;max-width:26em}
.wokao-brand[data-brand-lang="zh"] .page-coming-content>h1{font-size:52px;font-weight:400;line-height:1.25;top:0}
.wokao-brand[data-brand-lang="zh"] .page-coming-content>p{font-size:14px;line-height:1.85;max-width:22em}

.wokao-not-found{min-height:100svh;width:100%;padding-block:64px;align-items:center;text-align:center}
.wokao-not-found .wokao-error-brand{display:flex;min-height:44px;align-items:center;justify-content:center}
.wokao-not-found .wokao-error-brand .wokao-symbol{height:32px;width:auto}
.wokao-not-found h1{font-size:clamp(128px,22vw,288px);line-height:1;letter-spacing:-.04em;margin:36px 0 24px}
.wokao-not-found h2{font-size:32px;line-height:1.4;letter-spacing:0}
.wokao-not-found p{max-width:28em;font-size:14px;line-height:1.8}
.wokao-not-found>.wokao-language-switch{margin-top:24px}
.wokao-not-found[data-brand-lang="zh"] h2{font-size:28px}

/* Questions and their expanded answers share one text edge, including hover.
   Keep the original accordion height and icon animations. */
.wokao-brand .faq-section .faq-question{text-align:left}
.wokao-brand .faq-section .accordion-heading{padding-left:0;translate:none!important}
.wokao-brand .faq-section .faq-answer{padding-inline:0}
.wokao-brand .faq-section .faq-answer-inner{padding-left:0;text-align:left;translate:none!important}

@media(min-width:992px){
  .wokao-brand .section-home-intro .intro-description{max-width:480px}

  /* Shared rows absorb different line counts instead of shifting everything
     below a description. Mobile cards keep their natural stacked height. */
  .wokao-brand .section-home-pricing{--wokao-plan-gap:40px}
  .wokao-brand[data-brand-lang="zh"] .section-home-pricing{--wokao-plan-gap:28px}
  .wokao-brand .section-home-pricing .pricing-component-grid{grid-template-rows:repeat(9,auto);row-gap:0;column-gap:16px}
  .wokao-brand .section-home-pricing .pricing-wrapper{display:grid;grid-row:1 / span 9;grid-template-rows:subgrid;row-gap:0;min-width:0}
  .wokao-brand .section-home-pricing .pricing-wrap{display:grid;grid-row:1 / span 8;grid-template-rows:subgrid;row-gap:0;min-width:0}
  .wokao-brand .section-home-pricing .pricing-block{display:grid;grid-row:1 / span 8;grid-template-rows:subgrid;gap:0;min-width:0}
  .wokao-brand .section-home-pricing .pricing-block>:not(.feature-content-wrap){margin-bottom:var(--wokao-plan-gap);min-width:0}
  .wokao-brand .section-home-pricing .feature-content-wrap{display:grid;grid-row:6 / span 3;grid-template-rows:subgrid;gap:0;min-width:0}
  .wokao-brand .section-home-pricing .feature-item:not(:last-child){margin-bottom:10px}
  .wokao-brand .section-home-pricing .pricing-wrapper>.main-button{grid-row:9;margin-top:16px}
}

@media(max-width:991px){
  #directions .section-heading{font-size:64px}
  .wokao-brand[data-brand-lang="zh"]{--wokao-heading:40px}
  .wokao-brand[data-brand-lang="zh"] .testimonial-text{font-size:16px;line-height:1.75}
}
@media(max-width:767px){
  .wokao-brand .section-home-intro .wokao-intro-circle{margin-bottom:32px}
  .wokao-brand .nav-text{line-height:32px}
  .wokao-brand .wokao-title{font-size:36px}
  .wokao-brand .wokao-hero-emblem{width:44px;height:44px}
  .wokao-brand .wokao-hero-logo{width:28px;height:28px}
  .wokao-brand .header-description{max-width:288px}
  #directions .section-heading{font-size:48px}
  .wokao-brand .case-study-top-content{align-items:flex-start}
  .wokao-brand .case-study-top-content>span:first-child{max-width:68%}
  .wokao-brand .case-study-content{gap:10px}
  .wokao-brand .case-study-text{font-size:11px}
  .wokao-brand .case-study-text:nth-child(2){font-size:10px}
  .wokao-brand .call-to-action-content>.section-heading{font-size:clamp(36px,7.5vw,48px);letter-spacing:0}
  .wokao-brand .call-to-action-content>.section-heading>.text-color-grey{display:block}
  .wokao-brand[data-brand-lang="zh"]{--wokao-heading:32px;--wokao-body:14px}
  .wokao-brand[data-brand-lang="zh"] .section-heading{line-height:1.4}
  .wokao-brand[data-brand-lang="zh"] .heading-block .section-kicker{margin-bottom:18px}
  .wokao-brand[data-brand-lang="zh"] .scroll-title{font-size:68px;padding-right:24px}
  .wokao-brand[data-brand-lang="zh"] .intro-text{font-size:24px;line-height:1.65}
  .wokao-brand[data-brand-lang="zh"] .intro-wrap{margin-bottom:40px}
  .wokao-brand[data-brand-lang="zh"] .intro-description{max-width:none}
  .wokao-brand[data-brand-lang="zh"] .price-text{font-size:30px}
  .wokao-brand[data-brand-lang="zh"] .call-to-action-content>.section-heading{font-size:34px;line-height:1.4}
  .wokao-brand[data-brand-lang="zh"] .page-coming-content>h1{font-size:36px}
  .wokao-brand[data-brand-lang="zh"] .nav-text{font-size:23px;line-height:32px}
  .wokao-not-found h2{font-size:28px}
  .wokao-not-found[data-brand-lang="zh"] h2{font-size:24px}
}
@media(max-width:479px){
  .wokao-brand .nav-text{line-height:29.6px}
  #directions .section-heading{font-size:36px}
  .wokao-brand .call-to-action-content>.section-heading{max-width:calc(100vw - 40px)}
  .wokao-brand .call-to-action-content>p{padding-inline:24px}
  .wokao-brand[data-brand-lang="zh"]{--wokao-heading:28px}
  .wokao-brand[data-brand-lang="zh"] .intro-text{font-size:21px;line-height:1.65}
  .wokao-brand[data-brand-lang="zh"] .scroll-title{font-size:54px}
  .wokao-brand[data-brand-lang="zh"] .case-study-text{font-size:11px}
  .wokao-brand[data-brand-lang="zh"] .case-study-text:nth-child(2){font-size:10px}
  .wokao-brand[data-brand-lang="zh"] .testimonial-text{font-size:16px;line-height:1.8}
  .wokao-brand[data-brand-lang="zh"] .client-name{font-size:16px}
  .wokao-brand[data-brand-lang="zh"] .price-text{font-size:28px}
  .wokao-brand[data-brand-lang="zh"] .accordion-heading{font-size:16px;font-weight:400;padding-left:0;padding-right:12px}
  .wokao-brand[data-brand-lang="zh"] .faq-answer-inner{padding-left:0}
  .wokao-brand[data-brand-lang="zh"] .call-to-action-content>.section-heading{font-size:30px}
  .wokao-brand[data-brand-lang="zh"] .call-to-action-content>p{font-size:13px;max-width:26em}
  .wokao-brand[data-brand-lang="zh"] .nav-text{line-height:29.6px}
  .wokao-brand[data-brand-lang="zh"] .wokao-scenario-number{height:40px;width:40px;font-size:12px}
  .wokao-not-found{padding-block:48px}
}

/* English follows the reference's Latin type scale. Phrase length and wrapping
   are handled separately from the accepted Chinese typography and orbit layout. */
.wokao-brand[data-brand-lang="en"] .section-heading{font-weight:400;line-height:1.1;letter-spacing:1.6px;text-wrap:balance}
.wokao-brand[data-brand-lang="en"] .intro-description>p{text-wrap:pretty}
.wokao-brand[data-brand-lang="en"] .pricing-tag{flex-wrap:wrap;gap:12px}
.wokao-brand[data-brand-lang="en"] .plan-name{white-space:nowrap}
/* These are development states, not the reference's short numeric prices. */
.wokao-brand[data-brand-lang="en"] .price-text{font-size:48px;line-height:1.1}
.wokao-brand[data-brand-lang="en"] .call-to-action-content>.section-heading{font-size:96px;margin-bottom:16px}
.wokao-brand[data-brand-lang="en"] .call-to-action-content>p{max-width:512px;padding-inline:0;margin-bottom:48px;text-wrap:balance}
.wokao-brand[data-brand-lang="en"] .footer-top-content>p{max-width:30em;text-wrap:balance}
.wokao-not-found[data-brand-lang="en"] h2{font-size:48px;line-height:1.2}
.wokao-not-found[data-brand-lang="en"] p{font-size:16px;line-height:1.5}

@media(min-width:992px) and (max-width:1199px){
  /* Preserve the reference four-column composition without clipping words. */
  .wokao-brand[data-brand-lang="en"] .service-card{padding:32px 24px}
}
@media(max-width:991px){
  .wokao-brand[data-brand-lang="en"] .call-to-action-content>.section-heading{font-size:64px}
}
@media(max-width:767px){
  .wokao-brand[data-brand-lang="en"] .price-text{font-size:40px}
  .wokao-brand[data-brand-lang="en"] .call-to-action-content>.section-heading{font-size:48px}
  .wokao-brand[data-brand-lang="en"] .call-to-action-content>p{max-width:min(512px,calc(100vw - 48px))}
  .wokao-not-found[data-brand-lang="en"] h2{font-size:28px}
}
@media(max-width:479px){
  .wokao-brand[data-brand-lang="en"] .price-text{font-size:36px}
  .wokao-brand[data-brand-lang="en"] .call-to-action-content>.section-heading{font-size:36px}
}
@media(max-width:359px){
  .wokao-brand[data-brand-lang="en"] .price-text{font-size:32px}
}

/* Footer copy and rolling links share the same line box. The hover controller
   moves each character by its own height, so both rows must also be 24px. */
.footer.wokao-brand{--wokao-footer-meta-size:16px}
.footer.wokao-brand[data-brand-lang="zh"]{--wokao-footer-meta-size:14px}
.footer.wokao-brand .footer-text,.footer.wokao-brand .text-link{font-size:var(--wokao-footer-meta-size);line-height:24px}
.footer.wokao-brand .text-link-track{height:24px}
.footer.wokao-brand .text-link-track>span{height:24px;line-height:24px}
.footer.wokao-brand .text-link .motion-char{line-height:inherit}
.footer.wokao-brand .footer-top-content>a{display:flex;align-items:center;justify-content:center;line-height:0}
.call-to-action.wokao-brand .wokao-cta-brand{display:flex;align-items:center;justify-content:center;line-height:0}
.footer.wokao-brand[data-brand-lang="zh"] .footer-top-content>p,.call-to-action.wokao-brand[data-brand-lang="zh"] .call-to-action-content>p{line-height:24px}