/* Original homepage sections with the shared flat UI. */
.kksuite-home{background:#f5f5fa}
.kksuite-home .home-hero{max-width:1320px;margin:0 auto;padding:76px 36px 84px;display:grid;grid-template-columns:1fr 1.1fr;gap:32px;align-items:center}
.kksuite-home .home-hero-copy{min-width:0}
.kksuite-home .home-eyebrow{font-size:.875rem;font-weight:700;letter-spacing:.12em;color:#595963;margin:0 0 22px}
.kksuite-home .home-hero h1{font-size:clamp(2.5rem,4.5vw,4.25rem);line-height:1.08;letter-spacing:-.045em;font-weight:800;color:var(--sp-text-main);margin:0 0 24px}
.kksuite-home .home-hero h1 span{color:#0055ff}
.kksuite-home .home-hero-description{font-size:1.125rem;line-height:1.7;color:#595963;max-width:480px;margin:0}
.kksuite-home .home-hero .company-actions{justify-content:flex-start;margin-top:30px}
.kksuite-home .company-actions a{height:auto;min-height:48px;padding:13px 22px;white-space:normal;text-align:center}
.kksuite-home .home-brand-art{width:100%;max-width:580px;min-width:0;justify-self:end}
.kksuite-home .home-workbench{display:block;width:100%;height:auto;aspect-ratio:900/740}
.kksuite-home .brand-caption{display:block;text-align:center;font-size:.875rem;letter-spacing:.025em;color:#595963;margin-top:8px}
.kksuite-home .popular-section{max-width:1392px;margin:auto;padding-bottom:72px}
.kksuite-home .home-categories{padding:64px max(24px,calc((100% - 1248px)/2));background:#fff}
.kksuite-home .home-categories .company-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.kksuite-home .home-category{min-width:0;display:flex;flex-direction:column}
.kksuite-home .home-category-graphic{height:120px;border-radius:6px;margin-bottom:22px;display:grid;place-items:center;overflow:hidden;background:#dfedff;color:#075aba}
.kksuite-home .home-category-graphic svg{width:54px;height:54px;stroke-width:1.4}
.kksuite-home .home-category-purple .home-category-graphic{background:#eae5ff;color:#593bcc}
.kksuite-home .home-category-yellow .home-category-graphic{background:#fff0be;color:#765400}
.kksuite-home .home-category a{margin-top:auto;font-size:1rem;line-height:1.5}
.kksuite-home .home-category a span{display:inline-block;margin-left:8px}
.kksuite-home .home-blog-preview{padding:64px max(24px,calc((100% - 1248px)/2));background:#fff;border-top:1px solid var(--sp-border)}
.kksuite-home .home-blog-card{min-width:0;display:flex;flex-direction:column}
.kksuite-home .home-blog-graphic{height:160px;border-radius:12px;margin-bottom:20px;display:grid;place-items:center;overflow:hidden;background:#dfedff;color:#075aba}
.kksuite-home .home-blog-graphic svg{width:88px;height:88px}
.kksuite-home .home-blog-card-purple .home-blog-graphic{background:#eae5ff;color:#593bcc}
.kksuite-home .home-blog-card-yellow .home-blog-graphic{background:#fff0be;color:#765400}
.kksuite-home .home-blog-card a{margin-top:auto;font-size:1rem;line-height:1.5;font-weight:700}
.kksuite-home .home-blog-card a span{display:inline-block;margin-left:8px}
.kksuite-home .home-category h3,.kksuite-home .home-blog-card h3{font-size:21px;font-weight:650;line-height:1.35}
.kksuite-home .home-workflows{max-width:1320px;margin:0 auto;padding:72px 36px}
.workflow-heading{max-width:620px;margin-bottom:32px}
.workflow-heading .home-eyebrow{font-size:12px;margin-bottom:12px;color:#595963}
.workflow-heading h2{font-size:clamp(26px,3vw,36px);font-weight:750;letter-spacing:-.025em;line-height:1.2;margin:0 0 16px}
.workflow-heading>p:last-child{color:#595963;font-size:16px;line-height:1.7;margin:0}
.workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.workflow-card{border:1px solid var(--sp-border);border-radius:14px;padding:28px;display:flex;flex-direction:column;min-width:0;background:#fff}
.workflow-number{font-size:12px;letter-spacing:.1em;color:#595963;margin-bottom:28px}
.workflow-card h3{font-size:21px;letter-spacing:-.02em;font-weight:750;margin:0 0 12px}
.workflow-card p{font-size:15px;line-height:1.7;color:#595963;margin:0 0 24px}
.workflow-links{margin-top:auto;display:grid;gap:0}
.workflow-links a{display:flex;justify-content:space-between;gap:16px;padding:12px 0;font-size:14px;font-weight:500;border-top:1px solid var(--sp-border)}
.workflow-links a:hover{text-decoration:underline;text-underline-offset:4px}
#workflow-heading{scroll-margin-top:90px}
.kksuite-home .company-section>h2{font-size:clamp(26px,3vw,34px);font-weight:750;letter-spacing:-.025em}
@media(min-width:1600px){.kksuite-home .home-hero{padding-block:94px}}
@media(max-width:900px){.kksuite-home .home-hero{gap:32px;padding:52px 24px 64px}.kksuite-home .home-blog-preview .company-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.kksuite-home .home-category-graphic,.kksuite-home .home-blog-graphic{height:128px}.kksuite-home .home-category h3,.kksuite-home .home-blog-card h3{font-size:1.25rem}}
@media(max-width:780px){.kksuite-home .home-hero{grid-template-columns:1fr;padding:40px 20px 52px;gap:24px;text-align:center}.kksuite-home .home-hero-description{margin-inline:auto}.kksuite-home .home-hero .company-actions{justify-content:center}.kksuite-home .home-brand-art{max-width:480px;justify-self:center}.kksuite-home .home-workflows{padding:48px 20px}.workflow-grid{grid-template-columns:1fr}.workflow-card{padding:24px}.workflow-number{margin-bottom:18px}}
@media(max-width:680px){.kksuite-home .home-categories .company-columns,.kksuite-home .home-blog-preview .company-columns{grid-template-columns:1fr;gap:38px}.kksuite-home .home-category-graphic,.kksuite-home .home-blog-graphic{height:150px;margin-bottom:20px}.kksuite-home .home-eyebrow{font-size:.8125rem;letter-spacing:.08em}.kksuite-home .home-categories,.kksuite-home .home-blog-preview{padding-block:44px}.kksuite-home .popular-section{padding-top:12px;padding-bottom:44px}}