/* About-only styles. Shared navigation, footer and other routes are untouched. */
#kw-about .kwa-film-poster{display:block;position:relative;width:100%;height:auto;object-fit:contain}
#kw-about{position:relative;--kwa-frame:min(clamp(1160px,calc(8.3333vw + 1040px),1200px),calc(100% - 48px))}
#kw-about::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:var(--kwa-frame);transform:translateX(-50%);box-sizing:border-box;border-inline:1px dashed #d4d4d4;pointer-events:none;z-index:1;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 180px);mask-image:linear-gradient(to bottom,transparent,#000 180px)}
#kw-about>.kwa-shell{position:relative}
#kw-about>.kwa-shell:not(.kwa-hero){border-top-color:transparent}
#kw-about>.kwa-shell:not(.kwa-hero)::after{content:"";position:absolute;top:-1px;left:50%;width:100vw;transform:translateX(-50%);border-top:1px dashed #d4d4d4;pointer-events:none;z-index:1}
@media(min-width:1200px) and (max-width:1256px){#kw-about{--kwa-frame:calc(100% - 96px)}}
@media(min-width:768px) and (max-width:1199px){#kw-about{--kwa-frame:calc(100% - 64px)}}
@media(max-width:767px){#kw-about{--kwa-frame:calc(100% - 32px)}}
#kw-about{--kwa-ink:#202122;--kwa-muted:#6c6e70;--kwa-surface:#f5f4f0;--kwa-line:#e6e5e1;--kwa-white:#fff;--kwa-accent:#43584f;background:var(--kwa-white);color:var(--kwa-ink);font-family:"PingFang SC","Microsoft YaHei",sans-serif;overflow:clip}
#kw-about *{box-sizing:border-box}
#kw-about .kwa-shell{width:min(clamp(1160px,calc(8.3333vw + 1040px),1200px),calc(100% - 48px));margin-inline:auto}
#kw-about h1,#kw-about h2:where(:not(.gladia-card > h2)),#kw-about h3,#kw-about p:where(:not(.gladia-card > p)),#kw-about figure{margin:0}
#kw-about h1,#kw-about h2:where(:not(.gladia-card > h2)){font-weight:400;letter-spacing:-.045em;text-wrap:balance}
#kw-about h1{font-size:clamp(48px,4vw,64px);line-height:1.22}
#kw-about h2:where(:not(.gladia-card > h2)){font-size:36px;line-height:1.2;letter-spacing:-.01em}
#kw-about h3{font-size:22px;line-height:1.36;font-weight:500;letter-spacing:0}
#kw-about p:where(:not(.gladia-card > p)){font-size:16px;line-height:1.625;color:var(--kwa-muted)}
#kw-about .kwa-eyebrow{font-size:13px;line-height:20px;letter-spacing:0;color:#747572}
#kw-about .kwa-hero{padding-top:108px;padding-bottom:112px}
#kw-about .kwa-hero>.kwa-eyebrow{margin-bottom:28px}
#kw-about .kwa-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:88px;align-items:start}
#kw-about .kwa-lead{font-size:18px;line-height:1.85;color:#555856;padding-top:8px}
#kw-about .kwa-action{margin-top:30px;position:relative;z-index:4;width:max-content}
#kw-about .kwa-action summary{border-radius:100px!important;min-height:48px;padding:12px 23px!important;background:#202122!important;color:white!important;box-shadow:none!important;border:1px solid #202122!important;font-size:15px!important;font-weight:500!important;gap:12px;transition:background .18s ease,transform .18s ease!important;cursor:pointer}
#kw-about .kwa-action summary:hover{background:#414342!important;transform:translateY(-1px)}
#kw-about .kwa-action .kw-download-menu{min-width:290px;left:0;right:auto;transform:none}
#kw-about a:focus-visible,#kw-about button:focus-visible,#kw-about summary:focus-visible,#kw-about [tabindex="0"]:focus-visible{outline:2px solid var(--kwa-accent);outline-offset:5px}
#kw-about .kwa-film{position:relative;margin-top:56px;aspect-ratio:16/9;background:#efeeea;border:1px solid var(--kwa-line);border-radius:24px;overflow:hidden}
#kw-about .kwa-film-placeholder{position:relative;display:block;background:radial-gradient(ellipse at 52% 58%,#fff9 0,transparent 60%)}
#kw-about .kwa-film-brand{font-family:Arial,sans-serif;font-size:clamp(110px,19vw,270px);font-weight:600;letter-spacing:-.08em;color:#deddd5;line-height:1;user-select:none}
#kw-about .kwa-film-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;font-size:12px;letter-spacing:.04em;color:#6d6d65}
#kw-about .kwa-play{appearance:none;display:inline-flex;align-items:center;justify-content:center;flex:0 0 56px;width:56px;height:56px;aspect-ratio:1;padding:0;margin:0;border:0;border-radius:50%;background:#fff;color:#000;line-height:1;box-shadow:0 0 0 .5px #00000020,0 1px 1px #0000000a,0 2px 4px #0000000a}
#kw-about .kwa-play:disabled{opacity:1;cursor:default}
html:not([lang="zh-CN"]) #kw-about .kwa-play,
html:not([lang="zh-CN"]) #kw-about .kwa-video{display:none!important}
#kw-about .kwa-play:not(:disabled){cursor:pointer;transition:background .18s ease,transform .18s ease}
@media(hover:hover){#kw-about .kwa-play:not(:disabled):hover{background:#fafafa}}
#kw-about .kwa-play svg{display:block;flex:none;width:20px;height:20px;fill:currentColor;stroke:none;margin:0}

#kw-about .kwa-video{display:block;width:100%;height:auto;object-fit:contain;background:transparent}
#kw-about [hidden]{display:none!important}
#kw-about .kwa-story{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;padding-top:88px;padding-bottom:96px;border-top:1px solid var(--kwa-line)}
#kw-about .kwa-section-label{padding:0;margin-bottom:12px}
#kw-about .kwa-story-heading,#kw-about .kwa-prose{min-width:0}
#kw-about .kwa-prose{padding-top:32px}
#kw-about .kwa-prose p+p{margin-top:16px}
#kw-about .kwa-prose .kwa-emphasis{color:var(--kwa-ink)}
#kw-about .kwa-deliverables{margin-top:36px;padding:28px 20px;display:grid;grid-template-columns:repeat(4,1fr);border-radius:16px;background:var(--kwa-surface)}
#kw-about .kwa-deliverables span{display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;border-right:1px solid #dcdcd4}
#kw-about .kwa-deliverables span:last-child{border:0}
#kw-about .kwa-deliverables i{font-style:normal;font-size:23px;line-height:1;color:#77796e}
#kw-about .kwa-principle{padding:88px 0 96px;border-top:1px solid var(--kwa-line)}
#kw-about .kwa-section-head>.kwa-eyebrow{margin-bottom:12px}
#kw-about .kwa-principle .kwa-section-head{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
#kw-about .kwa-section-heading>.kwa-eyebrow{margin-bottom:12px}
#kw-about .kwa-section-intro{max-width:none;margin:0;padding-top:32px}
#kw-about .kwa-roles{display:grid;grid-template-columns:1fr 1fr;margin-top:36px;background:var(--kwa-surface);border-radius:20px;overflow:hidden}
#kw-about .kwa-role{padding:32px}
#kw-about .kwa-role+.kwa-role{border-left:1px solid #dcdcd4}
#kw-about .kwa-role-symbol{display:block;width:32px;height:32px;margin-bottom:24px}
#kw-about .kwa-role-symbol svg{width:32px;height:32px}
#kw-about .kwa-role-symbol img{width:32px;height:32px;border-radius:8px}
#kw-about .kwa-role h3{font-size:22px;margin-bottom:16px}
#kw-about .kwa-role p{padding-top:14px;margin-top:14px;border-top:1px solid #deded5;font-size:16px}
#kw-about .kwa-product{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;padding:96px 0 112px;border-top:1px solid var(--kwa-line)}
#kw-about .kwa-product-copy h2{margin:12px 0 24px}
#kw-about .kwa-product-copy p+p{margin-top:16px}
#kw-about .kwa-product-copy>p:not(.kwa-eyebrow){font-size:16px}
#kw-about .kwa-demo{padding:24px;background:var(--kwa-surface);border:1px solid var(--kwa-line);border-radius:24px}
#kw-about .kwa-demo-top{display:flex;align-items:center;justify-content:space-between;font-size:14px;padding-bottom:24px}
#kw-about .kwa-demo-top>span{display:flex;align-items:center;gap:9px}
#kw-about .kwa-demo-top img{border-radius:6px}
#kw-about .kwa-demo-top small{font-size:11px;color:#797a73}
#kw-about .kwa-message{font-size:14px;line-height:1.7;text-align:right;margin-left:26px;padding:16px 20px;border:1px solid #dfdfd6;border-radius:16px 16px 4px 16px;background:#e9e9e1;color:#343731}
#kw-about .kwa-step-tabs{display:flex;gap:4px;margin:32px 0 8px;padding:4px;border:1px solid #e0e0d7;border-radius:100px}
#kw-about .kwa-step-tabs button{flex:1;padding:10px 3px;border:0;background:transparent;border-radius:100px;font:inherit;font-size:13px;cursor:pointer;color:#70736b;transition:color .2s,background .2s,box-shadow .2s}
#kw-about .kwa-step-tabs button[aria-selected="true"]{color:#252824;background:#fff;box-shadow:0 1px 3px #3332}
#kw-about .kwa-step-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#fff;border:1px solid #e7e7df;border-radius:16px;min-height:228px;padding:28px 22px}
#kw-about .kwa-step-orb{width:46px;height:46px;border-radius:50%;color:var(--kwa-accent);background:#f1f4f0;margin-bottom:20px}
#kw-about .kwa-step-orb svg{width:100%;height:100%}
#kw-about .kwa-step-panel p{font-size:15px;line-height:1.8;color:#41483e;min-height:54px;max-width:340px}
#kw-about .kwa-step-progress{display:flex;gap:5px;margin-top:22px}
#kw-about .kwa-step-progress i{height:3px;width:18px;background:#e5e8e2;border-radius:4px;transition:background .2s}
#kw-about .kwa-step-progress i.is-active{background:#61755a}
#kw-about .kwa-demo-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:20px;font-size:12px;color:#7c7e76}
#kw-about .kwa-next{font:inherit;font-size:13px;cursor:pointer;color:#31372f;border:0;background:transparent;padding:4px}
#kw-about .kwa-next span{display:inline-block;margin-left:10px;transition:transform .2s}
#kw-about .kwa-next:hover span{transform:translateX(4px)}
#kw-about .kwa-audience{padding:88px 0 96px;border-top:1px solid var(--kwa-line)}
#kw-about .kwa-audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:36px}
#kw-about .kwa-audience-grid article{border-top:1px solid #bdbeb9;padding-top:28px}
#kw-about .kwa-audience-grid h3{margin-bottom:12px}
#kw-about .kwa-audience-grid p{font-size:16px}
#kw-about .kwa-reading{padding:88px 0 96px;border-top:1px solid var(--kwa-line)}
#kw-about .kwa-reading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px}
#kw-about .kwa-article{display:block;text-decoration:none;color:inherit}
#kw-about .kwa-cover{position:relative;isolation:isolate;aspect-ratio:1.5;overflow:hidden;border-radius:16px;background:#363b35}
#kw-about .kwa-cover:after{content:"";position:absolute;inset:0;background:#0002;z-index:-1}
#kw-about .kwa-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
#kw-about .kwa-cover>span{display:block;padding:28px 24px;color:white;font-size:23px;line-height:1.5;letter-spacing:-.02em}
#kw-about .kwa-cover i{position:absolute;right:18px;bottom:18px;width:32px;height:32px;display:grid;place-items:center;border:1px solid #fff8;border-radius:50%;font-style:normal;color:white;transition:background .2s,color .2s}
#kw-about .kwa-article:hover .kwa-cover img{transform:scale(1.04)}
#kw-about .kwa-article:hover .kwa-cover i{background:white;color:#222}
#kw-about .kwa-article .kwa-category{margin-top:24px;font-size:12px;line-height:1.5}
#kw-about .kwa-article h3{margin:12px 0;font-size:20px;line-height:1.55}
#kw-about .kwa-article>p:last-child{font-size:14px;line-height:1.8}
#kw-about .kwa-cta{padding:88px 0 112px;border-top:1px solid var(--kwa-line);display:flex;align-items:center;justify-content:space-between;gap:40px}
#kw-about .kwa-cta .kwa-action{margin-top:0;flex-shrink:0}
#kw-about .kwa-cta .kw-download-menu{top:auto;bottom:calc(100% + 10px);right:0;left:auto}
#kw-about [data-kwa-reveal].kwa-pending{opacity:0;transform:translateY(18px)}
#kw-about [data-kwa-reveal]{transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
@media(min-width:1200px) and (max-width:1256px){#kw-about .kwa-shell{width:calc(100% - 96px)}}
@media(min-width:768px) and (max-width:1199px){#kw-about .kwa-shell{width:calc(100% - 64px)}}
@media(max-width:1199px){#kw-about .kwa-hero-grid{gap:48px}#kw-about h1{font-size:46px}#kw-about .kwa-story{gap:32px}#kw-about .kwa-product{gap:40px}#kw-about .kwa-role{padding:32px}#kw-about .kwa-cover>span{font-size:20px;padding:24px 18px}}
@media(max-width:767px){#kw-about .kwa-shell{width:calc(100% - 32px)}#kw-about .kwa-hero{padding-top:56px;padding-bottom:64px}#kw-about .kwa-hero>.kwa-eyebrow{font-size:11px;margin-bottom:22px}#kw-about .kwa-hero-grid{grid-template-columns:1fr;gap:28px}#kw-about h1{font-size:clamp(32px,8.7vw,52px);line-height:1.3;letter-spacing:-.045em}#kw-about h2:where(:not(.gladia-card > h2)){font-size:28px;line-height:1.25}#kw-about .kwa-lead{font-size:16px;padding:0;line-height:1.85}#kw-about .kwa-action{margin-top:24px}#kw-about .kwa-film{margin-top:32px;border-radius:16px}#kw-about .kwa-film-brand{font-size:24vw}#kw-about .kwa-film-center{gap:10px;font-size:10px}#kw-about .kwa-story{grid-template-columns:1fr;gap:24px;padding:56px 0}#kw-about .kwa-section-label{padding:0}#kw-about .kwa-prose{padding-top:0}#kw-about p:where(:not(.gladia-card > p)){font-size:16px;line-height:1.625}#kw-about .kwa-prose p+p{margin-top:16px}#kw-about .kwa-deliverables{padding:20px 6px;margin-top:28px}#kw-about .kwa-deliverables span{flex-direction:column;gap:8px;font-size:12px}#kw-about .kwa-principle,#kw-about .kwa-audience,#kw-about .kwa-reading{padding:56px 0}#kw-about .kwa-section-head>.kwa-eyebrow{margin-bottom:12px}#kw-about .kwa-principle .kwa-section-head{grid-template-columns:1fr;gap:24px}#kw-about .kwa-section-intro{padding-top:0}#kw-about .kwa-roles{grid-template-columns:1fr;margin-top:28px;border-radius:16px}#kw-about .kwa-role{padding:28px 24px}#kw-about .kwa-role+.kwa-role{border-left:0;border-top:1px solid #dcdcd4}#kw-about .kwa-role-symbol{margin-bottom:24px}#kw-about .kwa-role h3{font-size:20px;margin-bottom:16px}#kw-about .kwa-role p{font-size:16px}#kw-about .kwa-product{grid-template-columns:1fr;padding:56px 0;gap:32px}#kw-about .kwa-product-copy h2{margin:12px 0 24px}#kw-about .kwa-demo{padding:18px;border-radius:18px}#kw-about .kwa-message{font-size:13px;margin-left:12px;padding:14px}#kw-about .kwa-step-tabs{margin-top:24px}#kw-about .kwa-step-tabs button{font-size:12px}#kw-about .kwa-step-panel{min-height:230px;padding:24px 16px}#kw-about .kwa-audience-grid{grid-template-columns:1fr;gap:28px;margin-top:32px}#kw-about .kwa-audience-grid article{padding-top:22px}#kw-about .kwa-audience-grid h3{margin-bottom:12px}#kw-about .kwa-reading-grid{grid-template-columns:1fr;gap:36px;margin-top:32px}#kw-about .kwa-cover{aspect-ratio:1.7}#kw-about .kwa-cover>span{font-size:24px;padding:28px}#kw-about .kwa-article .kwa-category{margin-top:20px}#kw-about .kwa-article h3{margin-top:10px}#kw-about .kwa-cta{padding:56px 0 72px;flex-direction:column;align-items:flex-start;gap:28px}#kw-about .kwa-cta .kw-download-menu{right:auto;left:0}}
@media(min-width:768px) and (max-width:999px){#kw-about .kwa-hero-grid{grid-template-columns:1.2fr 1fr;gap:32px}#kw-about h1{font-size:40px}#kw-about .kwa-lead{font-size:16px}}
@media(prefers-reduced-motion:reduce){#kw-about *,#kw-about *:before,#kw-about *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#kw-about [data-kwa-reveal].kwa-pending{opacity:1;transform:none}}

/* Reuse shared blog card files; only the surrounding placement belongs to About. */
#kw-about .gladia-related{margin:0;padding:0;border:0;background:transparent}
#kw-about .kwa-reading-grid.gladia-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;margin-top:44px}
@media(max-width:767px){#kw-about .kwa-reading-grid.gladia-related-grid{grid-template-columns:1fr;gap:36px;margin-top:32px}}

/* Keep the approved frame fixed; inset content from its vertical rules.
   Placed after section padding shorthands so every section retains the gutter. */
#kw-about .kwa-shell{padding-inline:48px}
@media(max-width:767px){#kw-about .kwa-shell{padding-inline:16px}}

/* Reference-derived spacing: separate the reading inset from the media inset.
   Retain the approved KuWork frame and use homepage-neutral UI colors. */
#kw-about{--kwa-ink:#202124;--kwa-muted:#707176;--kwa-surface:#f5f5f5;--kwa-line:#e0e2e7;--kwa-accent:#202124}
#kw-about .kwa-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
#kw-about .kwa-hero-grid>*{min-width:0}
#kw-about .kwa-lead{color:var(--kwa-muted)}
#kw-about .kwa-film{margin-inline:-32px}
#kw-about .kwa-product{gap:48px;grid-template-columns:repeat(2,minmax(0,1fr))}
#kw-about .kwa-product>*{min-width:0}
#kw-about .kwa-eyebrow,#kw-about .kwa-demo-top small,#kw-about .kwa-demo-bottom{color:var(--kwa-muted)}
#kw-about .kwa-role+.kwa-role,#kw-about .kwa-role p,#kw-about .kwa-deliverables span,#kw-about .kwa-step-tabs,#kw-about .kwa-step-panel{border-color:var(--kwa-line)}
#kw-about .kwa-message{background:#ebebed;border-color:var(--kwa-line);color:var(--kwa-ink)}
#kw-about .kwa-step-tabs{background:#ededee}
#kw-about .kwa-step-tabs button{color:var(--kwa-muted);transition:color .2s,background .2s,box-shadow .2s,transform .2s}
#kw-about .kwa-step-tabs button[aria-selected="true"],#kw-about .kwa-step-panel p,#kw-about .kwa-next{color:var(--kwa-ink)}
#kw-about .kwa-step-orb{background:#f0f0f2}
#kw-about .kwa-step-progress i{background:#e0e2e7}
#kw-about .kwa-step-progress i.is-active{background:var(--kwa-ink)}
#kw-about .kwa-action summary:active,#kw-about .kwa-play:active,#kw-about .kwa-step-tabs button:active{transform:scale(.98)}
@media(hover:hover){#kw-about .kwa-step-tabs button:not([aria-selected="true"]):hover{background:#f7f7f7;color:var(--kwa-ink)}}
@media(min-width:768px) and (max-width:999px){#kw-about .kwa-hero-grid,#kw-about .kwa-product{grid-template-columns:1fr;gap:32px}#kw-about .kwa-lead{max-width:640px}#kw-about .kwa-story{grid-template-columns:1fr;gap:24px}#kw-about .kwa-prose{padding-top:0}#kw-about .kwa-principle .kwa-section-head{grid-template-columns:1fr;gap:24px}#kw-about .kwa-section-intro{padding-top:0}}
@media(max-width:767px){#kw-about .kwa-hero-grid,#kw-about .kwa-product{grid-template-columns:1fr;gap:28px}#kw-about .kwa-film{margin-inline:-8px}}

/* Hero: optically align the introduction with the title and film. */
#kw-about .kwa-hero{padding:72px 32px 96px}
#kw-about .kwa-hero .kwa-lead{max-width:30em;padding-top:10px;color:#55565b;font-size:18px;line-height:1.8;text-wrap:pretty}
#kw-about .kwa-hero-actions{display:flex;align-items:center;margin-top:28px}
#kw-about .kwa-hero-actions .kwa-action{margin:0}
#kw-about .kwa-hero .kwa-film{margin:32px 0 0;scroll-margin-top:112px}
@media(max-width:999px){#kw-about .kwa-hero .kwa-lead{max-width:36em;padding-top:0;font-size:17px}#kw-about .kwa-hero-grid{gap:24px}}
@media(max-width:767px){#kw-about .kwa-hero{padding:40px 16px 64px}#kw-about .kwa-hero .kwa-lead{font-size:16px;line-height:1.85}#kw-about .kwa-hero-actions{margin-top:24px}#kw-about .kwa-hero .kwa-film{margin-top:28px}#kw-about .kwa-hero-actions .kw-download-menu{left:0;right:auto}}

/* Let the poster keep its intrinsic proportions without cropping or camera zoom. */

/* About hero polish: compact title, two reading levels, and a wider film cover. */
#kw-about .kwa-hero{padding-top:64px;padding-bottom:80px}
#kw-about .kwa-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:64px}
#kw-about .kwa-hero h1{font-size:clamp(46px,3.625vw,58px);line-height:1.2;letter-spacing:-.035em}
#kw-about .kwa-hero .kwa-lead{max-width:29em;padding-top:5px;font-size:17px;line-height:1.8;color:#66676c}
#kw-about .kwa-lead-intro,#kw-about .kwa-lead-detail{display:block}
#kw-about .kwa-lead-intro{margin-bottom:12px;color:#343539;text-wrap:pretty}
#kw-about .kwa-hero-actions{margin-top:24px}
#kw-about .kwa-hero .kwa-film{aspect-ratio:auto;margin-top:36px;border-radius:20px}
/* Use the video intrinsic ratio inside the bordered frame to avoid letterbox seams. */
#kw-about .kwa-hero .kwa-film:has(.kwa-video:not([hidden])){aspect-ratio:auto}


@media(min-width:768px) and (max-width:999px){#kw-about .kwa-hero-grid{grid-template-columns:1fr;gap:24px}#kw-about .kwa-hero h1{font-size:46px}#kw-about .kwa-hero .kwa-lead{max-width:36em;padding-top:0}}
@media(max-width:767px){#kw-about .kwa-hero{padding-top:36px;padding-bottom:56px}#kw-about .kwa-hero-grid{grid-template-columns:1fr;gap:24px}#kw-about .kwa-hero h1{font-size:clamp(30px,8.2vw,42px);line-height:1.25;letter-spacing:-.035em}#kw-about .kwa-hero .kwa-lead{padding-top:0;font-size:16px;line-height:1.8}#kw-about .kwa-lead-intro{margin-bottom:10px}#kw-about .kwa-hero .kwa-film{aspect-ratio:auto;margin-top:28px;border-radius:16px}}

#kw-about .kwa-lead-product{white-space:nowrap}

/* Compact reading header; blog cards keep their shared styling. */
#kw-about .kwa-reading-head{display:flex;align-items:center;justify-content:space-between;gap:24px}
#kw-about .kwa-reading-head #kwa-reading-title{font-size:clamp(28px,2.25vw,36px);line-height:1.2;letter-spacing:-.01em;text-wrap:initial}
#kw-about .kwa-reading-more{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-height:44px;padding:10px 20px;border:1px solid #e6e5e1;border-radius:999px;background:#fff;color:#202122;font-size:15px;font-weight:400;line-height:1.4;text-decoration:none;box-shadow:0 1px 2px #00000008;transition:background .18s ease,border-color .18s ease}
#kw-about .kwa-reading-more:hover{background:#f7f7f7;border-color:#c9c9c9}
#kw-about .kwa-reading-more:focus-visible{outline:2px solid #202122;outline-offset:4px}
@media(max-width:767px){#kw-about .kwa-reading-head{align-items:flex-start;gap:16px}#kw-about .kwa-reading-head #kwa-reading-title{font-size:26px;max-width:14em}#kw-about .kwa-reading-more{padding:10px 14px;font-size:14px}}

/* Keep tablet covers wide enough for the shared category tag and title. */
@media(min-width:768px) and (max-width:959px){#kw-about .kwa-reading-grid.gladia-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){#kw-about .kwa-reading-topic{white-space:nowrap}}


/* Why KuWork: reference structure, independent heading and three disclosure rows. */
#kw-about .kwa-why{display:block;padding-top:88px;padding-bottom:88px;border-top:1px solid var(--kwa-line);scroll-margin-top:110px}
#kw-about .kwa-why>h2{margin:0 0 40px}
#kw-about .kwa-why-body{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);column-gap:80px;align-items:center;padding-right:0}
#kw-about .kwa-reasons{min-width:0}
#kw-about .kwa-reason h3{margin:0;font-weight:400}
#kw-about .kwa-reason+.kwa-reason{margin-top:20px}
#kw-about .kwa-reason:has([aria-expanded="true"])+.kwa-reason{margin-top:40px}
#kw-about .kwa-reason button{display:flex;align-items:center;gap:12px;width:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:left;color:#a7a5a1;font-family:inherit;font-size:24px;line-height:1.5;font-weight:400;letter-spacing:-.025em;cursor:pointer;transition:color .18s ease}
#kw-about .kwa-reason button[aria-expanded="true"]{color:var(--kwa-ink)}
#kw-about .kwa-reason button:hover{color:#535353}
#kw-about .kwa-reason button:focus-visible{outline:2px solid #707176;outline-offset:6px}
#kw-about .kwa-reason button svg{width:20px;height:20px;flex:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
#kw-about .kwa-reason-panel{padding-top:12px}
#kw-about .kwa-reason-panel p{margin:0;color:var(--kwa-muted);font-size:16px;line-height:1.625}
#kw-about .kwa-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin:0;padding:0;list-style:none}
#kw-about .kwa-result{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-width:0;aspect-ratio:1/1;padding:18px 12px;margin:0;border:0}
#kw-about .kwa-result:nth-child(odd){border-right:1px dotted var(--kwa-line)}
#kw-about .kwa-result:nth-child(-n+2){border-bottom:1px dotted var(--kwa-line)}


#kw-about .kwa-result span{font-size:14px;line-height:1.5;color:#90918f}
@media(min-width:1000px) and (max-width:1199px){#kw-about .kwa-why-body{column-gap:48px}#kw-about .kwa-reason button{font-size:22px}}
@media(max-width:999px){#kw-about .kwa-why{padding-top:64px;padding-bottom:64px}#kw-about .kwa-why-body{grid-template-columns:1fr;gap:40px;padding-right:0}#kw-about .kwa-reasons{min-height:0}#kw-about .kwa-results-grid{max-width:480px;justify-self:center}}
@media(max-width:767px){#kw-about .kwa-why{padding-top:48px;padding-bottom:48px}#kw-about .kwa-why>h2{margin-bottom:32px}#kw-about .kwa-reason button{font-size:20px;gap:10px;min-height:32px}#kw-about .kwa-reason button svg{width:18px;height:18px}#kw-about .kwa-reason:has([aria-expanded="true"])+.kwa-reason{margin-top:28px}#kw-about .kwa-reason+.kwa-reason{margin-top:18px}#kw-about .kwa-result{gap:12px;padding:18px 10px;aspect-ratio:auto;min-height:166px}#kw-about .kwa-result span{font-size:13px}}

/* Audience: a shared introduction and three equally visible work situations. */
#kw-about .kwa-audience{padding:80px 0 0;scroll-margin-top:112px}
#kw-about .kwa-audience .kwa-section-head{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;padding:0 48px 48px;align-items:start}
#kw-about .kwa-audience .kwa-section-intro{padding-top:32px;color:var(--kwa-ink);text-wrap:pretty}
#kw-about .kwa-audience-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:0;border-top:1px dashed #d4d4d4}
#kw-about .kwa-audience-grid article{min-width:0;border-top:0;padding:36px 48px 44px}
#kw-about .kwa-audience-grid article+article{border-left:1px dashed #d4d4d4}
#kw-about .kwa-audience-grid h3{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:20px;line-height:1.4;font-weight:500}
#kw-about .kwa-audience-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border:1px solid var(--kwa-line);border-radius:9px;color:var(--kwa-ink)}
#kw-about .kwa-audience-icon img{display:block;width:20px;height:20px}
#kw-about .kwa-audience-grid p{margin:0;font-size:16px;line-height:1.625;text-wrap:pretty}
@media(min-width:768px) and (max-width:999px){#kw-about .kwa-audience .kwa-section-head{gap:32px;padding-inline:24px}#kw-about .kwa-audience-grid article{padding:32px 24px 36px}#kw-about .kwa-audience-grid h3{gap:10px;font-size:18px}#kw-about .kwa-audience-icon{width:32px;height:32px}}
@media(max-width:767px){#kw-about .kwa-audience{padding-top:56px;padding-bottom:0}#kw-about .kwa-audience .kwa-section-head{grid-template-columns:1fr;gap:24px;padding:0 16px 32px}#kw-about .kwa-audience .kwa-section-intro{padding-top:0}#kw-about .kwa-audience-grid{grid-template-columns:1fr;gap:0;margin-top:0}#kw-about .kwa-audience-grid article{padding:28px 16px 32px}#kw-about .kwa-audience-grid article+article{border-left:0;border-top:1px dashed #d4d4d4}#kw-about .kwa-audience-grid h3{font-size:20px;margin-bottom:12px}}

/* Semantic line breaks; outcome interface illustrations, not product screenshots. */
#kw-about .kwa-reason-line{display:block}
#kw-about .kwa-preview-art{position:relative;width:min(100%,184px);aspect-ratio:4/3;container-type:inline-size}
#kw-about .kwa-mini{position:absolute;inset:0;width:100%;height:100%;border:1px solid #dcdedc;border-radius:6px;background:#fff;overflow:hidden;box-shadow:0 3px 8px #1e272208;color:#505653;font:4.5cqw/1.4 Arial,"PingFang SC",sans-serif;text-align:left}
#kw-about .kwa-mini *{box-sizing:border-box}
#kw-about .kwa-mini-bar{height:15%;padding:0 6%;display:flex;align-items:center;gap:4%;border-bottom:1px solid #e9ebe8;background:#fbfcfa;color:#767c77;font-size:4.1cqw;white-space:nowrap}
#kw-about .kwa-mini-bar span{font:inherit;color:inherit}
#kw-about .kwa-mini-bar>i{width:4px;height:4px;border-radius:50%;background:#a5ada4;flex:none}
#kw-about .kwa-mini-bar>b{margin-left:auto;font-size:6cqw;line-height:1;font-weight:400}
#kw-about .kwa-paper{margin:4% 12%;font-size:4.1cqw;line-height:1.55}
#kw-about .kwa-paper small{display:block;font-size:3.1cqw;letter-spacing:.08em;color:#9ba09b;margin-bottom:3%}
#kw-about .kwa-paper strong{font-size:6.7cqw;font-weight:600;color:#303b33}
#kw-about .kwa-paper hr{height:1px;border:0;background:#e4e8e1;margin:4% 0}
#kw-about .kwa-paper b{font-size:4.2cqw;font-weight:600}
#kw-about .kwa-paper p{margin:2% 0 4%;font-size:3.7cqw;line-height:1.45;color:#91978f}
#kw-about .kwa-paper em{display:block;padding:2% 5%;background:#f2f4ee;border-left:2px solid #a5b097;color:#7c8971;font-size:3.7cqw;font-style:normal}
#kw-about .kwa-formula{height:14%;display:flex;align-items:center;gap:6%;border-bottom:1px solid #e7eae6;padding:0 5%;color:#8c938b;font-size:3.8cqw}
#kw-about .kwa-formula b{border-right:1px solid #e4e8e2;padding-right:8%;font-weight:400}
#kw-about .kwa-formula span{font:inherit;color:inherit}
#kw-about .kwa-mini-sheet table{width:100%;height:57%;border-collapse:collapse;table-layout:fixed;font-size:3.7cqw}
#kw-about .kwa-mini-sheet th,#kw-about .kwa-mini-sheet td{border-right:1px solid #e6eae3;border-bottom:1px solid #e6eae3;padding:1.4% 2%;text-align:center;line-height:1.3;font-weight:400;white-space:nowrap}
#kw-about .kwa-mini-sheet th{background:#f7f9f4;color:#929b8b}
#kw-about .kwa-mini-sheet th:first-child{width:10%}
#kw-about .kwa-mini-sheet tbody tr:first-child td{background:#f4f7f0;color:#738566}
#kw-about .kwa-mini-sheet td.kwa-cell-active{background:#edf3e6;box-shadow:inset 0 0 0 1px #94aa7f;color:#5a7250}
#kw-about .kwa-sheet-tab{height:14%;display:flex;align-items:center;padding:0 8%;color:#6e815f;font-size:3.9cqw;background:#fafbf8}
#kw-about .kwa-slide-stage{height:72%;display:flex;background:#f5f5f2;align-items:center;padding:5%;gap:5%}
#kw-about .kwa-slide-rail{width:13%;height:100%;display:flex;flex-direction:column;gap:10%;flex:none}
#kw-about .kwa-slide-rail i{display:block;aspect-ratio:1.4;border:1px solid #d9ddd4;background:#fff}
#kw-about .kwa-slide-rail i:first-child{border-color:#9ea58f;background:#e7eadf}
#kw-about .kwa-slide-page{width:82%;height:100%;position:relative;overflow:hidden;padding:7%;background:#e9ecdf;color:#425039;box-shadow:0 1px 3px #27301b0c}
#kw-about .kwa-slide-page>small{display:block;font-size:2.4cqw;color:#7e896f;letter-spacing:.06em;line-height:1.2}
#kw-about .kwa-slide-page strong{display:block;position:relative;z-index:1;font-size:7.7cqw;font-weight:500;line-height:1.35;margin-top:7%}
#kw-about .kwa-slide-page>.kwa-slide-note{position:absolute;bottom:7%;left:8%;right:8%;font-size:2.6cqw;color:#7e896f;display:flex;justify-content:space-between}
#kw-about .kwa-slide-art{position:absolute;right:-12%;top:24%;width:52%;aspect-ratio:1}
#kw-about .kwa-slide-art i{position:absolute;width:83%;height:83%;border:1px solid #c3ccb1;border-radius:50%;left:0;top:0}
#kw-about .kwa-slide-art i+i{left:28%;top:25%;background:#d4dcc6a0}
#kw-about .kwa-slide-footer{height:13%;display:flex;justify-content:space-between;align-items:center;padding:0 5%;font-size:3.6cqw;color:#9da395}
#kw-about .kwa-slide-footer span{font:inherit;color:inherit}
#kw-about .kwa-app-head{display:flex;justify-content:space-between;align-items:center;padding:4% 6%;font-size:5.5cqw}
#kw-about .kwa-app-head strong{font-weight:600;color:#4a5447}
#kw-about .kwa-app-head small{font-size:3.3cqw;color:#949b8e}
#kw-about .kwa-app-board{display:grid;grid-template-columns:repeat(3,1fr);gap:4%;padding:0 5%;font-size:3.5cqw}
#kw-about .kwa-app-board>div{background:#f5f7f2;padding:8% 6%;border-radius:3px;min-width:0}
#kw-about .kwa-app-board b{display:block;font-size:3.1cqw;font-weight:400;color:#929b8a;margin-bottom:12%;white-space:nowrap}
#kw-about .kwa-app-board article{background:#fff;border:1px solid #e5e9df;border-radius:2px;padding:8% 6%;margin-bottom:7%;white-space:nowrap;font-size:3.2cqw;color:#66725c}
#kw-about .kwa-app-board article small{display:block;font-size:2.6cqw;margin-top:6%;color:#a7afa0;line-height:1.4}
@media(max-width:767px){#kw-about .kwa-reason-line{display:inline}#kw-about .kwa-result{min-height:156px;gap:14px;padding:16px 10px}}

/* Align the visible artwork/labels with the section content edges.
   Keep spacing around the internal dividers, not outside the matrix. */
#kw-about .kwa-result{aspect-ratio:auto;min-height:0;padding:24px 12px}
#kw-about .kwa-result:nth-child(odd){align-items:flex-start;padding-left:0}
#kw-about .kwa-result:nth-child(even){align-items:flex-end;padding-right:0}
#kw-about .kwa-result:nth-child(-n+2){padding-top:0}
#kw-about .kwa-result:nth-child(n+3){padding-bottom:0}
#kw-about .kwa-result>span{width:min(100%,184px);text-align:center}
@media(max-width:767px){#kw-about .kwa-result{padding-top:20px;padding-bottom:20px}#kw-about .kwa-result:nth-child(-n+2){padding-top:0}#kw-about .kwa-result:nth-child(n+3){padding-bottom:0}}

/* Four color scenes: conceptual interface details inspired by the dots reference. */
#kw-about .kwa-why{display:grid;grid-template-columns:minmax(400px,.82fr) minmax(0,1.18fr);grid-template-rows:auto 1fr;column-gap:40px;row-gap:40px}
#kw-about .kwa-why>h2{grid-column:1;grid-row:1;margin:0}
#kw-about .kwa-why-body{display:contents}
#kw-about .kwa-reasons{grid-column:1;grid-row:2;align-self:center}
#kw-about .kwa-results-grid{grid-column:2;grid-row:1 / span 2;gap:12px;align-self:start}
#kw-about .kwa-results-grid .kwa-result{position:relative;display:block;aspect-ratio:1.25;min-height:0;padding:0;overflow:hidden;isolation:isolate;border:0;border-radius:14px;background:#deebfb}
#kw-about .kwa-result:nth-child(1){--kwa-scene:#bfd8f7;background:linear-gradient(135deg,#edf5ff 0%,#c5dcfa 100%)}
#kw-about .kwa-result:nth-child(2){--kwa-scene:#bce5cf;background:linear-gradient(135deg,#e9f8ee 0%,#bde5d0 100%)}
#kw-about .kwa-result:nth-child(3){--kwa-scene:#f7d7b8;background:linear-gradient(135deg,#fff3df 0%,#f6c7a9 100%)}
#kw-about .kwa-result:nth-child(4){--kwa-scene:#d8cef2;background:linear-gradient(135deg,#f2edfc 0%,#d4c6f0 100%)}
#kw-about .kwa-result>.kwa-preview-art{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;overflow:hidden}
#kw-about .kwa-result>.kwa-preview-art:after{content:"";position:absolute;inset:auto 0 0;height:15%;background:linear-gradient(transparent,var(--kwa-scene));opacity:.48;pointer-events:none}
#kw-about .kwa-result>span{position:absolute;z-index:2;top:16px;left:18px;width:auto;text-align:left;font-size:14px;line-height:1.5;font-weight:500;color:#343b45}
#kw-about .kwa-result .kwa-mini{inset:25% auto auto 9%;width:110%;height:100%;border-color:#ffffffb3;border-radius:10px;box-shadow:0 12px 30px #24394a12;color:#39424c}
#kw-about .kwa-result .kwa-mini-bar{display:none}
#kw-about .kwa-result .kwa-paper{margin:7% 9%;font-size:5cqw}
#kw-about .kwa-result .kwa-paper small{font-size:3cqw;color:#7c8b9d}
#kw-about .kwa-result .kwa-paper strong{font-size:7.4cqw;color:#293b54}
#kw-about .kwa-result .kwa-paper b{font-size:4.6cqw}
#kw-about .kwa-result .kwa-paper p{font-size:4.3cqw;color:#6e7d90;line-height:1.6}
#kw-about .kwa-result .kwa-paper em{font-size:4cqw;background:#edf4fd;border-color:#93b7e8;color:#5a779c}
#kw-about .kwa-result .kwa-mini-sheet{width:96%;height:78%}
#kw-about .kwa-result .kwa-formula{height:16%;font-size:4.6cqw;background:#fcfefb}
#kw-about .kwa-result .kwa-mini-sheet table{height:74%;font-size:4.5cqw}
#kw-about .kwa-result .kwa-cell-active{color:#347556;box-shadow:inset 0 0 0 1.5px #6fa886}
#kw-about .kwa-result .kwa-mini-slides{left:8%;width:109%;height:83%;background:#fff9f2}
#kw-about .kwa-result .kwa-slide-stage{height:100%;padding:5%;background:#fff9f2;gap:4%}
#kw-about .kwa-result .kwa-slide-rail{width:10%;padding-top:2%}
#kw-about .kwa-result .kwa-slide-page{width:86%;background:#f6dfc4;color:#65482f;padding:8%}
#kw-about .kwa-result .kwa-slide-page strong{font-size:9cqw;color:#63482d;margin-top:9%}
#kw-about .kwa-result .kwa-mini-app{width:124%;height:95%;padding-top:3%}
#kw-about .kwa-result .kwa-app-board{gap:3%}
#kw-about .kwa-result .kwa-app-board article{background:#f3f0f8}
@media(max-width:999px){#kw-about .kwa-why{display:block}#kw-about .kwa-why>h2{margin-bottom:40px}#kw-about .kwa-why-body{display:grid;grid-template-columns:1fr;gap:40px}#kw-about .kwa-reasons,#kw-about .kwa-results-grid{grid-column:auto;grid-row:auto}#kw-about .kwa-results-grid{max-width:600px}}
@media(max-width:767px){#kw-about .kwa-why>h2{margin-bottom:32px}#kw-about .kwa-results-grid{gap:10px}#kw-about .kwa-results-grid .kwa-result{aspect-ratio:1 / 1;border-radius:10px}#kw-about .kwa-result>span{top:12px;left:12px;font-size:13px}#kw-about .kwa-result .kwa-mini{top:27%;height:85%;border-radius:7px}}

#kw-about .kwa-result .kwa-app-board{grid-template-columns:repeat(3,36%)}
#kw-about .kwa-result .kwa-app-board b{font-size:3.6cqw}
#kw-about .kwa-result .kwa-app-board article{font-size:4cqw;padding:12% 8%;color:#58526b;background:#fff}
#kw-about .kwa-result .kwa-app-board article small{font-size:3.2cqw;color:#a19bab}
#kw-about .kwa-result .kwa-app-board>div{background:#f4f1f9}

/* Refined conceptual cards: nested radii, restrained depth and hover response. */
#kw-about .kwa-results-grid .kwa-result{border-radius:18px;box-shadow:inset 0 0 0 1px #23334d05;transition:box-shadow .25s ease}
#kw-about .kwa-result:nth-child(1){background:radial-gradient(ellipse at 14% 5%,#f4f9ff 0%,transparent 65%),linear-gradient(135deg,#dfedfc,#c6dafa)}
#kw-about .kwa-result:nth-child(2){background:radial-gradient(ellipse at 14% 5%,#f0fbf3 0%,transparent 65%),linear-gradient(135deg,#dbf0e3,#bce0ce)}
#kw-about .kwa-result:nth-child(3){background:radial-gradient(ellipse at 14% 5%,#fff7e9 0%,transparent 65%),linear-gradient(135deg,#f7e7cd,#f2cdb1)}
#kw-about .kwa-result:nth-child(4){background:radial-gradient(ellipse at 14% 5%,#f8f4ff 0%,transparent 65%),linear-gradient(135deg,#e9e1f8,#d2c5ec)}
#kw-about .kwa-result>span{top:17px;left:19px;font-weight:500;letter-spacing:.025em;color:#485365}
#kw-about .kwa-result .kwa-mini{border:1px solid #ffffffc9;border-radius:12px;box-shadow:0 2px 4px #253a5710,0 12px 28px #253a5714;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease;transform-origin:50% 100%}
#kw-about .kwa-result>.kwa-preview-art:after{height:9%;opacity:.25}
#kw-about .kwa-result .kwa-paper{margin:7% 8%}
#kw-about .kwa-result .kwa-paper small{display:flex;align-items:center;justify-content:space-between;width:85%;font-size:2.8cqw;letter-spacing:.1em;margin-bottom:4%}
#kw-about .kwa-result .kwa-paper small i{font-style:normal;font-size:2.7cqw;letter-spacing:0;padding:1.1% 3%;border-radius:20px;color:#6f88a6;background:#f1f6fd}
#kw-about .kwa-result .kwa-paper strong{font-size:7cqw;letter-spacing:-.035em;color:#2b3c56}
#kw-about .kwa-result .kwa-paper hr{background:#eaf0f7;margin:4.5% 0}
#kw-about .kwa-result .kwa-paper b{font-size:4.1cqw;color:#52627a}
#kw-about .kwa-result .kwa-paper p{font-size:3.9cqw;color:#8190a3;margin:3% 0}
#kw-about .kwa-result .kwa-paper em{border-radius:0 4px 4px 0;font-size:3.6cqw;padding:2.8% 4%}
#kw-about .kwa-result .kwa-formula{border-bottom:1px solid #e5ede7;color:#65796a;background:#fcfefd;gap:5%;font-size:4.1cqw}
#kw-about .kwa-result .kwa-formula span{font-style:italic;color:#9baa9c}
#kw-about .kwa-result .kwa-mini-sheet th,#kw-about .kwa-result .kwa-mini-sheet td{border-color:#e5ede6;font-variant-numeric:tabular-nums;color:#627268}
#kw-about .kwa-result .kwa-mini-sheet th{font-size:3.8cqw;color:#8d9c90;background:#f6faf6}
#kw-about .kwa-result .kwa-mini-sheet thead th:last-child{background:#e7f3e9;color:#5b8264}
#kw-about .kwa-result .kwa-mini-sheet tbody tr:last-child th{background:#e7f3e9;color:#5b8264}
#kw-about .kwa-result .kwa-mini-sheet td.kwa-cell-active{position:relative;background:#eaf6ed;box-shadow:inset 0 0 0 1.5px #72a982;color:#41764f}
#kw-about .kwa-result .kwa-cell-active:after{content:"";position:absolute;right:0;bottom:0;width:4px;height:4px;border:1px solid white;background:#72a982}
#kw-about .kwa-result .kwa-slide-stage{background:#fdfaf6;padding:5%;gap:4%}
#kw-about .kwa-result .kwa-slide-rail{gap:10%;padding-top:1%}
#kw-about .kwa-result .kwa-slide-rail i{position:relative;border:1px solid #e7e0d5;border-radius:3px;background:#fff;box-shadow:0 1px 2px #63482d06}
#kw-about .kwa-result .kwa-slide-rail i:after{content:"";position:absolute;left:18%;right:18%;top:27%;height:1px;background:#d6c9b5;box-shadow:0 3px 0 #eee6db}
#kw-about .kwa-result .kwa-slide-rail i:first-child{border-color:#d3ad7f;background:#fbefd9;box-shadow:0 0 0 1px #e5c8a3}
#kw-about .kwa-result .kwa-slide-page{border-radius:5px;background:linear-gradient(135deg,#f9e9ca,#efcfac);box-shadow:0 2px 5px #65482f0d}
#kw-about .kwa-result .kwa-slide-page>small{font-size:2.8cqw;letter-spacing:.13em;color:#ad8860}
#kw-about .kwa-result .kwa-slide-page strong{font-size:8.3cqw;line-height:1.2;letter-spacing:-.03em;font-weight:500;margin-top:8%;color:#735334}
#kw-about .kwa-result .kwa-slide-art{opacity:.6}
#kw-about .kwa-result .kwa-slide-art i{border-color:#bd9562;background:#ecd4ae50}
#kw-about .kwa-result .kwa-app-head{padding:4% 6% 5%}
#kw-about .kwa-result .kwa-app-head strong{color:#514765;font-size:5cqw}
#kw-about .kwa-result .kwa-app-board>div{border-radius:6px;background:#f7f5fa;padding:6% 5%}
#kw-about .kwa-result .kwa-app-board b{display:flex;align-items:center;gap:5%;font-size:3.3cqw;color:#968ca4;margin-bottom:10%}
#kw-about .kwa-result .kwa-app-board b:before{content:"";width:4px;height:4px;border-radius:50%;background:#c2bacc;flex:none}
#kw-about .kwa-result .kwa-app-board>div:nth-child(2) b:before{background:#ab95c9}
#kw-about .kwa-result .kwa-app-board>div:nth-child(3) b:before{background:#97b9a5}
#kw-about .kwa-result .kwa-app-board article{border:1px solid #eeeaf2;border-radius:5px;box-shadow:0 2px 3px #3e265306;font-size:3.8cqw;padding:11% 8%;color:#645873;margin-bottom:9%}
#kw-about .kwa-result .kwa-app-board article small{font-size:3cqw;color:#aca3b7}
#kw-about .kwa-result .kwa-app-board article footer{display:flex;align-items:center;justify-content:space-between;margin-top:13%;gap:8%}
#kw-about .kwa-result .kwa-app-board article footer i{display:grid;place-items:center;width:4.8cqw;height:4.8cqw;font-size:2.5cqw;font-style:normal;border-radius:50%;background:#eee8f7;color:#9580b3}
#kw-about .kwa-result .kwa-app-board article footer span{font-size:2.6cqw;color:#aaa0b7;line-height:1}
@media(hover:hover) and (prefers-reduced-motion:no-preference){#kw-about .kwa-result:hover{box-shadow:inset 0 0 0 1px #23334d0b,0 5px 16px #23334d07}#kw-about .kwa-result:hover .kwa-mini{transform:translateY(-3px);box-shadow:0 3px 6px #253a5710,0 16px 30px #253a571c}}
@media(max-width:767px){#kw-about .kwa-results-grid .kwa-result{border-radius:12px}#kw-about .kwa-result .kwa-mini{border-radius:8px}#kw-about .kwa-result>span{top:12px;left:12px}}

/* The who and audience headings stand alone; remove eyebrow alignment offsets. */
#kw-about #who .kwa-prose,#kw-about #capability .kwa-prose,#kw-about #audience .kwa-section-intro{padding-top:0}

/* Shared title-and-copy sections align with the why illustration column. */
#kw-about :is(#who,#capability) .kwa-prose p,
#kw-about :is(#principle,#audience) .kwa-section-intro,
#kw-about #connection .kwa-product-intro p{font-size:18px;line-height:30px;text-wrap:pretty}
#kw-about :is(#who,#capability) .kwa-prose p+p,
#kw-about #connection .kwa-product-intro p+p{margin-top:24px}
@media(min-width:1000px){
  #kw-about :is(#who,#capability,#connection),
  #kw-about :is(#principle,#audience) .kwa-section-head{grid-template-columns:minmax(400px,.82fr) minmax(0,1.18fr);column-gap:40px}
  #kw-about :is(#who,#capability,#connection,#principle,#audience) h2{font-size:36px;line-height:44px}
  #kw-about #connection .kwa-product-intro,
  #kw-about #principle .kwa-section-intro{padding-top:32px}
}
@media(max-width:999px){
  #kw-about #audience .kwa-section-head{grid-template-columns:minmax(0,1fr);gap:24px}
}

#kw-about #kwa-who-title{white-space:pre-line}
