@import url("/kuwork/english-typography.css?v=20261012-1");
/* Shared homepage footer. Source: homepage compiled styles + ui-refinement.css. */
.attio-footer,.attio-footer *{box-sizing:border-box}
.attio-footer[data-astro-cid-3nkcor6i]{position:relative;isolation:isolate;overflow:hidden;padding:72px 0 28px;background:#050505;color:#fff;font-family:var(--kuwork-font-sans)}.attio-footer[data-astro-cid-3nkcor6i]:before{position:absolute;inset:0;z-index:-1;background:#050505;content:"";pointer-events:none}.footer-shell[data-astro-cid-3nkcor6i]{position:relative;z-index:1;width:min(var(--kuwork-container, 1200px),calc(100% - var(--kuwork-container-gutter, 48px)));max-width:none;padding-inline:0;margin-inline:auto}.footer-top[data-astro-cid-3nkcor6i]{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:36px}.footer-brand[data-astro-cid-3nkcor6i]{--footer-brand-size: 42px;--footer-mark-size: 52px;display:inline-flex;align-items:center;gap:14px;min-width:-moz-max-content;min-width:max-content;flex:0 0 auto;color:#fff;text-decoration:none}.footer-mark[data-astro-cid-3nkcor6i]{width:var(--footer-mark-size);height:var(--footer-mark-size);flex:0 0 var(--footer-mark-size);display:block;-o-object-fit:contain;object-fit:contain;border-radius:12px}.footer-name[data-astro-cid-3nkcor6i]{font-size:var(--footer-brand-size);font-weight:600;letter-spacing:-.02em;line-height:1;white-space:nowrap}.footer-beta[data-astro-cid-3nkcor6i]{display:inline-flex;align-items:center;height:18px;border:1px solid rgba(255,255,255,.55);border-radius:4px;padding:0 6px;color:#ffffffd9;font-size:10px;font-weight:600;letter-spacing:.06em}.footer-slogan[data-astro-cid-3nkcor6i]{margin:0;width:100%;min-width:0;max-width:860px;color:#fff;font-size:clamp(28px,3vw,56px);font-weight:600;letter-spacing:-.02em;line-height:1.15;text-align:right;white-space:nowrap}.footer-slogan-line[data-astro-cid-3nkcor6i]{display:block;width:100%;text-align:right;white-space:nowrap}.footer-slogan-accent[data-astro-cid-3nkcor6i]{background:linear-gradient(100deg,#fff 0% 30%,#aaa);-webkit-background-clip:text;background-clip:text;color:transparent}.footer-columns[data-astro-cid-3nkcor6i]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:54px 0 68px;border-top:1px solid rgba(255,255,255,.12)}.footer-column[data-astro-cid-3nkcor6i]{display:flex;flex-direction:column;gap:18px;min-height:190px;padding:4px 40px 0 0;border-left:1px solid rgba(255,255,255,.1)}.footer-column[data-astro-cid-3nkcor6i]:first-child{padding-left:0}.footer-column[data-astro-cid-3nkcor6i] h2[data-astro-cid-3nkcor6i]{margin:0 0 4px;color:#ffffffeb;font-size:15px;font-weight:600}.footer-column[data-astro-cid-3nkcor6i] a[data-astro-cid-3nkcor6i]{color:#8a8a8e;font-size:15px;line-height:1.4;text-decoration:none;transition:color .15s ease}.footer-column[data-astro-cid-3nkcor6i] a[data-astro-cid-3nkcor6i]:hover,.footer-column[data-astro-cid-3nkcor6i] a[data-astro-cid-3nkcor6i]:focus-visible{color:#fff;outline:none}.footer-bottom[data-astro-cid-3nkcor6i]{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid rgba(255,255,255,.1);padding-top:22px;color:#5c5c61;font-size:12px}.footer-legal[data-astro-cid-3nkcor6i]{display:flex;flex-wrap:wrap;align-items:center;gap:18px}.footer-legal[data-astro-cid-3nkcor6i] a[data-astro-cid-3nkcor6i]{color:#5c5c61;text-decoration:none}.footer-legal[data-astro-cid-3nkcor6i] a[data-astro-cid-3nkcor6i]:hover,.footer-legal[data-astro-cid-3nkcor6i] a[data-astro-cid-3nkcor6i]:focus-visible{color:#c8c8cc;outline:none}@media(max-width:1000px){.footer-brand[data-astro-cid-3nkcor6i]{--footer-brand-size: 36px;--footer-mark-size: 44px;gap:12px}.footer-columns[data-astro-cid-3nkcor6i]{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px}}@media(min-width:768px)and (max-width:900px){.footer-shell[data-astro-cid-3nkcor6i]{width:min(var(--kuwork-container, 1200px),calc(100% - var(--kuwork-container-gutter, 48px)))}}@media(max-width:600px){.attio-footer[data-astro-cid-3nkcor6i]{padding:56px 0 24px}.footer-shell[data-astro-cid-3nkcor6i]{width:100%;padding-inline:20px}.footer-top[data-astro-cid-3nkcor6i]{display:block;gap:18px;padding-bottom:28px}.footer-brand[data-astro-cid-3nkcor6i]{--footer-brand-size: 30px;--footer-mark-size: 38px;gap:10px}.footer-mark[data-astro-cid-3nkcor6i]{border-radius:10px}.footer-slogan[data-astro-cid-3nkcor6i]{margin-top:28px;font-size:26px;text-align:right;white-space:normal}.footer-columns[data-astro-cid-3nkcor6i]{margin:32px 0 40px;gap:28px 24px}.footer-column[data-astro-cid-3nkcor6i]{min-height:0;padding:0;border-left:0}.footer-bottom[data-astro-cid-3nkcor6i]{flex-direction:column;align-items:flex-start;gap:12px}}@media(min-width:1600px){.attio-footer[data-astro-cid-3nkcor6i]{padding-top:92px}.footer-columns[data-astro-cid-3nkcor6i]{margin-top:62px}.footer-column[data-astro-cid-3nkcor6i]{padding-right:42px}.footer-column[data-astro-cid-3nkcor6i]:first-child{padding-left:0}}
.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}
@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}}
@media(max-width:767px){.footer-registration{font-size:13px}}
.attio-footer .footer-slogan{
  font-weight:600!important;
  line-height:1.15!important;
}
/* Keep the homepage geometry and typography independent of page-level tokens. */
.attio-footer{--kuwork-font-sans:"PingFang SC","Microsoft YaHei",sans-serif;--kuwork-container:clamp(1160px,calc(8.3333vw + 1040px),1200px);--kuwork-container-gutter:48px}
.attio-footer .footer-registration,.attio-footer .footer-legal-links{font-family:var(--kuwork-font-sans)!important}
@media(min-width:768px) and (max-width:1199px){.attio-footer{--kuwork-container-gutter:64px}}
@media(min-width:1200px) and (max-width:1256px){.attio-footer{--kuwork-container-gutter:96px}}

/* Footer spacing: one section gap, readable column insets and intact legal items. */
.attio-footer .footer-top{padding-bottom:0}
.attio-footer .footer-columns{margin:48px 0;row-gap:32px}
.attio-footer .footer-column{min-height:0;padding:24px 24px 0;gap:12px}
.attio-footer .footer-column:first-child{padding-left:0;border-left:0}
.attio-footer .footer-column:last-child{padding-right:0}
.attio-footer .footer-column h2[data-astro-cid-3nkcor6i]{margin:0 0 8px}
.attio-footer .footer-registration{gap:8px 16px}
.attio-footer .footer-registration>*,
.attio-footer .footer-legal-links a{white-space:nowrap}
.attio-footer .footer-legal-links{flex-shrink:0;gap:8px 24px}
.attio-footer .footer-bottom{gap:16px 32px;align-items:baseline}
@media(min-width:601px) and (max-width:1000px){
  .attio-footer .footer-columns{margin:40px 0}
  .attio-footer .footer-column:nth-child(odd){padding-left:0;border-left:0}
  .attio-footer .footer-column:nth-child(even){padding-right:0}
  .attio-footer .footer-bottom{flex-direction:column;align-items:flex-start;gap:16px}
  .attio-footer .footer-legal-links{justify-content:flex-start}
}
@media(max-width:600px){
  .attio-footer .footer-columns{margin:32px 0;grid-template-columns:minmax(0,1fr) max-content;gap:28px 24px;padding-top:24px}
  .attio-footer .footer-column{padding:0;border-left:0;gap:12px}
  .attio-footer .footer-column h2[data-astro-cid-3nkcor6i]{margin-bottom:4px}
  .attio-footer .footer-bottom{align-items:flex-start;gap:20px;padding-top:24px}
  .attio-footer .footer-registration{flex-direction:column;align-items:flex-start;gap:8px}
  .attio-footer .footer-legal-links{justify-content:flex-start;gap:8px 24px}
}

/* Registration links are interactive too; match other footer links. */
.attio-footer .footer-registration a{color:inherit;text-decoration:none;transition:color .18s ease}
.attio-footer .footer-registration a:is(:hover,:focus-visible){color:#fff}
.attio-footer a:focus-visible{outline:2px solid #fff!important;outline-offset:4px}

/* Footer-only silver plate. Size follows the existing logo token. */
.attio-footer .footer-metal-plate{position:relative;display:block;width:var(--footer-mark-size);height:var(--footer-mark-size);flex:0 0 var(--footer-mark-size);overflow:hidden;border-radius:12px;background:linear-gradient(125deg,#929292 0%,#eee 18%,#b8b8b8 35%,#c3c3c3 56%,#8b8b8b 77%,#ececec 87%,#777 100%);isolation:isolate}
.attio-footer .footer-metal-plate .footer-mark{position:relative;z-index:1;width:100%;height:100%;border-radius:inherit;filter:none;pointer-events:none}
.attio-footer .footer-metal-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:inherit;pointer-events:none}
.attio-footer .footer-metal-plate:after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;box-shadow:inset 0 .6px .7px #ffffff70,inset 0 -.7px .8px #00000038;pointer-events:none}
@media(prefers-reduced-motion:reduce){.attio-footer .footer-metal-canvas{visibility:hidden!important}}

@media(max-width:600px){.attio-footer .footer-metal-plate{border-radius:10px}}

/* Source shader already supplies its own contour reflection. */
.attio-footer .footer-metal-source:after{display:none}
.attio-footer .footer-metal-source{background:transparent}

.attio-footer .footer-metal-plate:not(.footer-metal-source){background:#b8b8b8 url("/kuwork/images/footer-metal-still.png") center/100% 100% no-repeat}

/* 2026-10-10: quieter brand scale and a compact social row. Container stays unchanged. */
.attio-footer .footer-brand-group{flex:0 0 auto;min-width:0}
.attio-footer .footer-brand{--footer-brand-size:33.6px;--footer-mark-size:41.6px;gap:11.2px;min-height:44px}
.attio-footer .footer-metal-plate{border-radius:9.6px}
.attio-footer .footer-slogan{font-size:clamp(19.6px,2.1vw,39.2px)}
.attio-footer .footer-social{display:flex;align-items:center;gap:16px;min-height:44px;margin-top:24px}
.attio-footer .footer-social-label{font-size:14px;line-height:20px;font-weight:400;color:#999;white-space:nowrap}
.attio-footer .footer-social-items{display:flex;align-items:center;gap:12px;min-height:44px}
.attio-footer .footer-social-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 32px;padding:0;border:1px solid #343434;border-radius:8px;background:#1b1b1b;color:#e5e5e5;cursor:pointer;text-decoration:none;font:inherit;transition:background-color .16s ease,border-color .16s ease,color .16s ease;touch-action:manipulation}
.attio-footer .footer-social-button:is(:hover,:focus-visible){background:#292929;border-color:#606060;color:#fff}
.attio-footer .footer-social-button:active{background:#353535}
.attio-footer .footer-social-button:focus-visible{outline:2px solid #fff;outline-offset:4px}
.attio-footer .footer-social-button[aria-disabled="true"]{color:#777;cursor:default}
.attio-footer .footer-social-icon{display:block;width:16px;height:16px;background:currentColor;mask:var(--footer-social-mask) center/contain no-repeat;-webkit-mask:var(--footer-social-mask) center/contain no-repeat}
.attio-footer .footer-social-icon--xiaohongshu{--footer-social-mask:url('/kuwork/images/social/xiaohongshu.svg');width:24px;height:24px}
.attio-footer .footer-social-icon--wechat{--footer-social-mask:url('/kuwork/images/social/wechat.svg')}
.attio-footer .footer-social-icon--zhihu{--footer-social-mask:url('/kuwork/images/social/zhihu.svg')}
.attio-footer .footer-social-wordmark{font-size:11px;font-weight:600;letter-spacing:-1px}
.attio-footer .footer-social-tooltip{position:absolute;top:calc(100% + 8px);left:50%;z-index:3;transform:translateX(-50%);width:max-content;max-width:230px;padding:6px 9px;border:1px solid #383838;border-radius:6px;background:#242424;color:#eee;font-size:12px;font-weight:400;line-height:18px;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .12s ease}
.attio-footer .footer-social-button:is(:hover,:focus-visible) .footer-social-tooltip{opacity:1;visibility:visible}
.attio-footer .footer-column{gap:0}
.attio-footer .footer-column h2[data-astro-cid-3nkcor6i]{margin-bottom:12px}
.attio-footer .footer-column a[data-astro-cid-3nkcor6i]{display:flex;align-items:center;min-height:40px}
@media(max-width:1000px){
  .attio-footer .footer-brand{--footer-brand-size:28.8px;--footer-mark-size:35.2px;gap:9.6px}
}
@media(max-width:600px){
  .attio-footer .footer-brand{--footer-brand-size:24px;--footer-mark-size:30.4px;gap:8px}
  .attio-footer .footer-metal-plate{border-radius:8px}
  .attio-footer .footer-social{flex-direction:column;align-items:flex-start;gap:12px}
  .attio-footer .footer-slogan{margin-top:28px;font-size:22px}
  .attio-footer .footer-column a[data-astro-cid-3nkcor6i]{min-height:44px}
}
@media(prefers-reduced-motion:reduce){
  .attio-footer .footer-social-button,.attio-footer .footer-social-tooltip{transition:none}
}

/* Compact 32px tiles keep a 44px pointer target without enlarging the artwork. */
.attio-footer .footer-social-button::after{content:"";position:absolute;inset:-6px;border-radius:10px}

/* Reserved for the user-provided KuWork public-account QR. */

/* WeChat disclosure stays anchored below its icon; no modal or backdrop. */
.attio-footer .footer-wechat{position:relative;display:flex;flex:0 0 32px}
.attio-footer .footer-wechat-panel{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);z-index:10;width:144px;padding:11px;border:1px solid #ddd;border-radius:8px;background:#fff;color:#222;box-shadow:0 8px 28px #0003;text-align:center}
.attio-footer .footer-wechat-panel[hidden]{display:none}
.attio-footer .footer-wechat-panel h2{margin:0 0 8px;font:500 12px/1.4 var(--kuwork-font-sans);letter-spacing:0}
.attio-footer .footer-social-button[aria-expanded="true"]{background:#292929;border-color:#606060;color:#fff}
.attio-footer .footer-social-button[aria-expanded="true"] .footer-social-tooltip{opacity:0;visibility:hidden}


/* Official QR not supplied: keep an explicit empty slot, never a reference account QR. */
.attio-footer .footer-wechat-placeholder{display:grid;place-items:center;width:120px;height:120px;margin:0 auto;border:1px dashed #ccc;border-radius:6px;background:#f7f7f7;color:#888;font-size:11px;line-height:1.5}

/* Shared language selector, scoped to the existing footer. */
.attio-footer .footer-bottom{flex-wrap:wrap}
.attio-footer .footer-language{position:relative;margin-left:auto;flex-shrink:0;font-family:var(--kuwork-font-sans);align-self:baseline}
.attio-footer .footer-language-trigger{display:flex;align-items:center;gap:7px;min-height:28px;padding:3px 9px;border:1px solid #ffffff24;border-radius:8px;background:#ffffff08;color:#c7c7c7;font:inherit;font-size:13px;line-height:20px;cursor:pointer}
.attio-footer .footer-language-trigger:hover,.attio-footer .footer-language-trigger[aria-expanded="true"]{background:#ffffff12;color:#fff;border-color:#ffffff40}
.attio-footer .footer-language button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.attio-footer .footer-language-chevron{margin-left:4px}
.attio-footer .footer-language-panel{position:absolute;right:0;bottom:calc(100% + 8px);z-index:20;width:248px;padding:6px;border:1px solid #ffffff26;border-radius:12px;background:#242426;box-shadow:0 12px 32px #0005}
.attio-footer .footer-language-panel[hidden]{display:none}
.attio-footer .footer-language-panel button{width:100%;min-height:42px;display:flex;justify-content:space-between;align-items:center;border:0;border-radius:7px;padding:10px 12px;background:transparent;color:#ddd;text-align:left;font:inherit;font-size:14px;cursor:pointer}
.attio-footer .footer-language-panel button:hover,.attio-footer .footer-language-panel button[aria-pressed="true"]{background:#ffffff12;color:#fff}
.attio-footer .footer-language-panel button[aria-pressed="false"] .footer-language-check{visibility:hidden}
.footer-language-status:empty{display:none}
.footer-language-status{position:absolute;right:0;bottom:calc(100% + 10px);width:210px;padding:10px;background:#242426;color:#fff;border-radius:8px;font-size:12px}
@media(max-width:1000px){.attio-footer .footer-language{margin-left:0;align-self:flex-start}.attio-footer .footer-language-panel{left:0;right:auto}}
html[lang="en"] .attio-footer .footer-column a{overflow-wrap:anywhere}
@media(max-width:600px){html[lang="en"] .attio-footer .footer-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(min-width:1001px){.attio-footer .footer-bottom{flex-wrap:nowrap}.attio-footer .footer-registration{flex:1;min-width:240px}}

/* English labels need room for complete words; canvas widths remain unchanged. */
html[lang="en"] [data-kp-cycle]{white-space:nowrap;min-width:150px}
html[lang="en"] .kp-saving{white-space:nowrap}
html[lang="en"] .attio-footer .footer-registration>*{white-space:normal;max-width:100%;overflow-wrap:break-word}
html[lang="en"] .attio-footer .footer-police-registration img{flex-shrink:0}

/* Match the legal-row text scale while retaining comfortable menu targets. */
.attio-footer .footer-language-region{color:#aaa}
.attio-footer .footer-language-panel button{justify-content:flex-start;gap:10px}
.attio-footer .footer-language-check{display:block;flex:0 0 14px;width:14px;height:14px;margin-left:auto;color:#b8b8bc}

html[lang="en"] #attio-hero-title .kw-hero-slot{margin-inline:.12em}
html[lang="en"] .kw-cover-topic{max-width:calc(100% - 40px);font-size:clamp(18px,1.6vw,25px)}
html[lang="en"] .kw-cover-topic>span{white-space:normal;text-wrap:balance}
@media(min-width:768px){html[lang="en"] #pricing-title{max-width:760px}}

/* Hong Kong Chinese desktop copy: avoid stranded characters without changing the content frame. */
@media(min-width:1280px){
  html[lang="zh-HK"] :is(h1,h2,h3){text-wrap:balance;line-break:strict;word-break:normal}
  html[lang="zh-HK"] p{text-wrap:balance;line-break:strict;word-break:normal}
  html[lang="zh-HK"] :is(.gladia-article-header h1,.hk-semantic-heading){white-space:pre-line;text-wrap:wrap}
  html[lang="zh-HK"] h2.hk-semantic-heading{white-space:pre-line!important;text-wrap:wrap!important}
}

.attio-footer .footer-social-icon--toutiao{--footer-social-mask:url('/kuwork/images/social/toutiao-mark.svg');width:20px;height:16px}