@import url("/kuwork/navigation-glass.css");
/* Chinese reading hierarchy; homepage/about only. Product illustrations retain their scale. */
:root{--kw-body:18px;--kw-caption:14px}
.hero-copy>p,.workverse-heading>p,.brain-hero p,.ai-office-intro>p,.ai-office-item p,.about-page .hero-lede,.about-page .what-description,.about-page .lead-copy,.about-page .body-copy,.about-page .connection-intro,.about-page .direction-content>p,.about-page .about-figma-copy>p:not(.attio-kicker):not(.about-figma-context),.about-page .audience-grid article p{font-size:var(--kw-body)!important;line-height:1.75!important;letter-spacing:normal!important;white-space:normal!important;word-break:normal;overflow-wrap:break-word;text-wrap:pretty}
.hero-copy>p{max-width:60em!important}
.brain-feature p,.brain-card p{font-size:16px!important;line-height:1.75!important}
.about-page .attio-kicker,.about-page .about-signal-list p,.about-page .work-dialog-steps p,.about-page .role-card small,.about-page .coverage-copy p{font-size:14px!important;line-height:1.65!important;letter-spacing:normal!important}
.hero-copy h1,.about-hero h1,.workverse-heading h2,.revenue__heading,.brain-hero h2,.ai-office-intro h2,.about-page .attio-heading,.about-figma-copy h2,.direction-heading h2,.about-page .large-quote{line-height:1.2!important;letter-spacing:0!important;text-wrap:balance}
.footer-column a,.footer-column h2{font-size:14px!important;line-height:1.7!important}
.attio-footer .footer-column a,
.attio-footer .footer-column a:visited{color:#8a8a8e!important}
.attio-footer .footer-column a:hover,
.attio-footer .footer-column a:focus-visible{color:#fff!important}
.footer-registration{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;line-height:1.7}
.footer-legal-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px 24px;font-size:13px;line-height:1.7}.footer-legal-links a{color:#8c8c8c;text-decoration:none;transition:color .2s ease}.footer-legal-links a:hover,.footer-legal-links a:focus-visible{color:#fff;outline:none}
.footer-police-registration{display:inline-flex;align-items:center;gap:5px}.footer-police-registration img{width:18px;height:18px;object-fit:contain}
.direction-content .kw-about-final .kw-download-icon{display:none}
.direction-content .kw-about-final{display:none}
#waitlist-modal:not([hidden]){animation:kw-ai-office-overlay-in .18s ease-out}#waitlist-modal:not([hidden]) .waitlist-modal-panel{animation:kw-ai-office-panel-in .24s cubic-bezier(.2,.8,.2,1)}#waitlist-modal [data-close-waitlist]{display:grid;place-items:center;width:32px;height:32px;padding:0;border-radius:50%;transition:background .18s ease,color .18s ease,transform .18s ease}#waitlist-modal [data-close-waitlist]:hover,#waitlist-modal [data-close-waitlist]:focus-visible{background:#f1f3f6;color:#20242a;transform:rotate(90deg);outline:none}#waitlist-modal img{transition:transform .2s ease,box-shadow .2s ease}#waitlist-modal img:hover{transform:scale(1.025);box-shadow:0 12px 28px rgba(20,28,42,.14)}.kw-ai-office-keyword{margin-left:5px;padding:3px 8px;border:1px solid #cbd4e1;border-radius:999px;background:#f5f8fc;color:#273b58;font:inherit;font-weight:600;line-height:1.25;transition:border-color .18s ease,background .18s ease,transform .18s ease}.kw-ai-office-keyword:hover,.kw-ai-office-keyword:focus-visible{border-color:#8094b1;background:#eaf0f8;transform:translateY(-1px);outline:none}@keyframes kw-ai-office-overlay-in{from{opacity:0}to{opacity:1}}@keyframes kw-ai-office-panel-in{from{opacity:0;transform:translateY(10px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){#waitlist-modal:not([hidden]),#waitlist-modal:not([hidden]) .waitlist-modal-panel{animation:none}#waitlist-modal [data-close-waitlist],#waitlist-modal img,.kw-ai-office-keyword{transition:none}}
#waitlist-modal .waitlist-modal-panel{max-width:480px;padding:36px 44px 38px;border-radius:20px}#waitlist-modal h2{margin:0;font-size:28px;line-height:1.2;letter-spacing:-.035em}#waitlist-modal .modal-subtitle{margin:12px 0 26px;color:#6f7a8a;line-height:1.55}#waitlist-modal img{display:block;width:180px;height:180px;box-sizing:content-box;margin:0 auto 22px;padding:16px;border:1px solid #dce2ea;border-radius:20px;background:#fff;object-fit:contain;box-shadow:0 10px 30px rgba(22,34,52,.08)}#waitlist-modal .modal-scan-tip{margin:0;color:#697587;line-height:1.6}#waitlist-modal .modal-note{margin:14px 0 0;color:#929baa;font-size:13px;line-height:1.5}@media(max-width:520px){#waitlist-modal .waitlist-modal-panel{padding:32px 24px}#waitlist-modal h2{font-size:25px}#waitlist-modal img{width:164px;height:164px;padding:14px;border-radius:18px}}
@media(min-width:601px) and (max-width:1000px){.footer-columns{margin:44px 0 48px;row-gap:28px}.footer-column{min-height:158px;padding-right:28px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:14px;padding-top:20px}.footer-legal-links{justify-content:flex-start;gap:8px 20px}}
@media(max-width:600px){.footer-legal-links{justify-content:flex-start;gap:8px 18px}}
section[id]{scroll-margin-top:110px}
.kw-download summary.kw-experience-primary{font-size:16px!important;gap:8px;padding-inline:24px;min-height:44px}
.kw-download:has(.kw-experience-primary) a.kw-installer{font-size:14px;min-height:44px;padding:10px 6px;gap:6px;line-height:24px}
.kw-download:has(.kw-experience-primary) .kw-platform-icon{width:16px;height:16px;flex-basis:16px}
.hero-actions .kw-community-secondary{font-size:16px;min-height:44px;box-sizing:border-box}
.kw-about-final{margin:32px auto 0;max-width:1200px}
.kw-toast{position:fixed;z-index:1000;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:12px 18px;border-radius:10px;background:#242629;color:white;font-size:14px;line-height:1.6;box-shadow:0 8px 24px #0002}
.kw-toast:empty{display:none}.kw-phone-transfer{display:none}.kw-phone .kw-download-menu .kw-installer{display:none!important}.kw-phone .kw-phone-transfer{display:block;padding:8px;font-size:14px;line-height:1.6}.kw-phone-transfer p{margin:0 0 8px!important;font:inherit!important;color:#555!important}.kw-phone-transfer button{width:100%;min-height:44px;border:1px solid #ddd;border-radius:8px;background:#f6f6f6;color:#222;font:inherit;padding:8px}.kw-copy-fallback{width:100%;box-sizing:border-box;font-size:14px;margin-top:8px}
@media(max-width:767px){:root{--kw-body:16px}.kw-download summary.kw-experience-primary,.hero-actions .kw-community-secondary{min-height:46px}.kw-about-final{margin-top:24px}.hero-copy>p br,.ai-office-intro>p br{display:none}.footer-registration{font-size:13px}}

.about-page .about-hero h1{font-size:clamp(48px,4.8vw,69px)!important;font-weight:600!important;line-height:1.08!important;letter-spacing:-.02em!important;max-width:100%!important}
@media(max-width:900px){.about-page .about-hero h1{font-size:clamp(40px,10vw,58px)!important}}
@media(max-width:767px){.about-page .about-hero h1{line-height:1.1!important}}
@media(max-width:640px){.about-page .about-hero h1{font-size:clamp(30px,8.2vw,32px)!important}}
@media(max-width:767px){.about-page .about-hero h1 br{display:none}}

.brain-feature-copy p{font-size:16px!important;line-height:1.75!important;letter-spacing:normal!important;text-wrap:pretty}

/* The decorative 3×2 SVG only matches the desktop grid. Draw separators from
   the actual card layout at narrower widths so they stay aligned. */
@media(max-width:980px){
  #how-it-works .brain-feature-grid{border:1px solid rgba(255,255,255,.18);border-radius:16px}
  #how-it-works .brain-grid-lines{display:none}
  #how-it-works .brain-feature:nth-of-type(n+3){border-top:1px solid rgba(255,255,255,.18)}
  #how-it-works .brain-feature:nth-of-type(even){border-left:1px solid rgba(255,255,255,.18)}
}
@media(max-width:640px){
  #how-it-works .brain-feature:nth-of-type(n+2){border-top:1px solid rgba(255,255,255,.18)}
  #how-it-works .brain-feature:nth-of-type(even){border-left:0}
}

.about-page h2{font-size:clamp(28px,3vw,40px)!important;line-height:1.25!important;letter-spacing:0!important;text-wrap:balance}

/* Approved navigation typography; preserve layout and spacing. */
.gladia-nav-links>a,.gladia-nav-group>button{font-size:16px;font-weight:500}

/* Keep the closing CTA inside its copy column and clear of section clipping. */
.about-page .direction-content .kw-about-final{margin:2px 0 0;max-width:none;align-self:flex-start}
.about-page .kw-about-final summary.kw-experience-primary{border-radius:999px}
.about-page .kw-about-final .kw-download-menu{top:auto;bottom:calc(100% + 10px)}



/* Homepage typography rhythm: one source of truth for all primary sections. */
body.attio-clone-body:has(#platform) { --kuwork-container: clamp(1160px, calc(8.3333vw + 1040px), 1200px); }
@media (min-width: 768px) and (max-width: 1199px) {
  body.attio-clone-body:has(#platform) { --kuwork-container-gutter: 64px; }
}
@media (min-width: 1200px) and (max-width: 1256px) {
  body.attio-clone-body:has(#platform) { --kuwork-container-gutter: 96px; }
}

#attio-hero-title{
  font-weight:600!important;
  line-height:1.08!important;
  letter-spacing:-.02em!important;
}
#workverse-title,
#kw-howworks-title,
#clickup-brain-title,
#ai-office-title{
  font-size:44px!important;
  font-weight:600!important;
  line-height:1.12!important;
  letter-spacing:-.02em!important;
}
.attio-footer .footer-slogan{
  font-weight:600!important;
  line-height:1.15!important;
}
.attio-hero .hero-copy>p,
#capabilities .workverse-heading>p,
#platform .kw-howworks__heading>p,
#how-it-works .brain-hero>p,
#ai-office .ai-office-summary{
  font-size:18px!important;
  font-weight:400!important;
  line-height:1.45!important;
  letter-spacing:normal!important;
}
.attio-hero .hero-copy>p{margin-top:32px!important}
#capabilities .workverse-heading>p,
#platform .kw-howworks__heading>p,
#how-it-works .brain-hero>p,
#ai-office .ai-office-summary{margin-top:24px!important}
/* FAQ answers share the divider width; only the question reserves arrow space. */
#ai-office .ai-office-answer{grid-template-columns:minmax(0,1fr);gap:0}
#ai-office .ai-office-answer p{max-width:none;min-width:0}
html:is([lang="zh-CN"],[lang="zh-HK"]) #ai-office .ai-office-answer p{
  text-align:justify;
  text-align-last:start;
  text-justify:inter-ideograph;
  text-wrap:wrap;
}
html:is([lang="zh-CN"],[lang="zh-HK"]) #ai-office .ai-office-summary{
  text-align:justify;
  text-align-last:start;
  text-justify:inter-ideograph;
  max-width:26em;
  text-wrap:pretty;
}
html:is([lang="zh-CN"],[lang="zh-HK"]) #ai-office .ai-office-summary br{display:none}
#capabilities .workverse-grid,
#platform .kw-howworks__layout,
#how-it-works .brain-feature-grid{margin-top:48px!important}
#ai-office .ai-office-cta{margin-top:48px!important}

@media(min-width:1600px){
  #workverse-title,
  #kw-howworks-title,
  #clickup-brain-title,
  #ai-office-title{font-size:54px!important}
}
@media(min-width:768px) and (max-width:1000px){
  #workverse-title,
  #kw-howworks-title,
  #clickup-brain-title,
  #ai-office-title{font-size:40px!important}
}
@media(max-width:767px){
  #attio-hero-title{line-height:1.1!important}
  #workverse-title,
  #kw-howworks-title,
  #clickup-brain-title,
  #ai-office-title{font-size:32px!important;line-height:1.15!important}
  .attio-hero .hero-copy>p{margin-top:24px!important}
  #capabilities .workverse-heading>p,
  #platform .kw-howworks__heading>p,
  #how-it-works .brain-hero>p,
  #ai-office .ai-office-summary{margin-top:20px!important}
  #capabilities .workverse-grid,
  #platform .kw-howworks__layout,
  #how-it-works .brain-feature-grid,
  #ai-office .ai-office-cta{margin-top:32px!important}
}

/* Screen two: keep the breadth of the capability wall visible on phones. */
@media(max-width:720px){
  #capabilities .workverse-heading{
    height:auto;
    padding:54px 20px 0;
  }
  #capabilities .workverse-heading>p{
    max-width:350px;
    margin-inline:auto;
  }
  #capabilities .workverse-grid{
    width:100%;
    grid-template-columns:repeat(4,minmax(0,1fr));
    grid-auto-flow:row;
    border-radius:0;
    overflow:hidden;
  }
  #capabilities .workverse-cell,
  #capabilities .workverse-cell[data-mobile]:nth-of-type(n+5){
    display:flex;
    grid-column:auto;
    grid-row:auto;
    min-height:88px;
    gap:7px;
    padding:9px 3px;
    color:#677078;
    font-size:11px;
    line-height:1.25;
    order:3;
  }
  #capabilities .workverse-cell.is-muted{color:#9299a0}
  #capabilities .workverse-cell:nth-child(-n+8),
  #capabilities .workverse-cell[data-mobile]:nth-child(-n+8){order:1}
  #capabilities .workverse-core{
    grid-column:span 2;
    grid-row:auto;
    min-height:205px;
    order:2;
  }
  #capabilities .capability-icon{width:24px;height:24px;flex:none}
}
@media(max-width:360px){
  #capabilities .workverse-cell,
  #capabilities .workverse-cell[data-mobile]:nth-of-type(n+5){
    min-height:80px;
    font-size:10px;
  }
}

/* About: preserve its approved responsive proportions; match homepage heading weight. */
#kw-about #kwa-title,
#kw-about h2[id^="kwa-"]{font-weight:600!important}
#kw-about,#kw-about #connection{font-family:"PingFang SC","Microsoft YaHei",sans-serif!important}