.brand-kit-page { --bk-sage:#eef1e9; }
.bk-hero { padding:24px 0 0; background:radial-gradient(ellipse at 75% 35%,#e6eddf 0,transparent 62%),#f7f8f2; }
.bk-hero-grid { display:grid; grid-template-columns:.88fr 1.12fr; gap:56px; align-items:center; padding:25px 0 58px; }
.bk-hero h1 { font-size:clamp(3rem,4.7vw,4.55rem); letter-spacing:-.055em; line-height:1.04; margin:20px 0 26px; }
.bk-hero h1 span { color:var(--purple); }
.bk-lead { font-size:1.125rem; line-height:1.75; max-width:490px; margin-bottom:28px; }
.bk-hero .actions { gap:12px; }
.bk-hero .button { padding-inline:19px; }
.bk-hero-art { margin:0; min-width:0; }
.bk-hero-art img { width:100%; border-radius:25px; }
.bk-page-nav { display:flex; align-items:center; justify-content:space-between; gap:25px; border-top:1px solid #dce2d6; padding:25px 0; }
.bk-page-nav>span { font-size:.75rem; letter-spacing:.09em; color:#536451; font-weight:650; }
.bk-page-nav a { display:flex; align-items:center; gap:17px; font-size:.9rem; font-weight:600; }
.bk-page-nav .icon { width:17px; }
.bk-page-nav a:hover { color:var(--purple); }
.bk-split { display:grid; grid-template-columns:.88fr 1.12fr; gap:80px; align-items:center; }
.bk-section-copy h2 { margin-bottom:24px; }
.bk-section-copy>p:not(.eyebrow) { font-size:1.075rem; line-height:1.8; margin-top:17px; }
.bk-points { list-style:none; padding:0; margin:31px 0; display:grid; gap:28px; }
.bk-points li { display:flex; gap:17px; }
.bk-points li>.icon { color:var(--purple); margin-top:3px; width:22px; }
.bk-points h3 { font-size:1.1rem; margin-bottom:8px; }
.bk-points p { font-size:1rem; line-height:1.75; }
.bk-settings-figure { min-width:0; margin:0; }
.bk-settings-figure>.lp-example { border:1px solid #e1e4ec; border-radius:18px; overflow:hidden; box-shadow:0 20px 50px -35px #252a4459; }
.brand-kit-page .lp-expand { opacity:1; }
.bk-settings-figure figcaption { text-align:center; color:var(--muted); font-size:.78rem; line-height:1.6; margin-top:14px; }
.bk-profile { background:#f6f4fc; border-block:1px solid #ede9f6; }
.bk-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:65px; margin-bottom:48px; }
.bk-section-heading>p { max-width:395px; font-size:1.075rem; line-height:1.8; }
.bk-profile-grid { display:grid; grid-template-columns:.88fr 1.12fr; gap:80px; align-items:center; }
.bk-profile-copy .bk-points { margin:0 0 32px; gap:33px; }
.bk-profile-previews { min-width:0; }
.bk-tabs { display:flex; gap:5px; background:#eae5f6; padding:6px; border-radius:13px; margin-bottom:17px; }
.bk-tabs button { flex:1; padding:12px 8px; background:transparent; border:1px solid transparent; border-radius:9px; color:#59556a; font-size:.875rem; font-weight:600; line-height:1.35; }
.bk-tabs button:hover { background:#ffffff80; }
.bk-tabs button[aria-selected=true] { color:var(--purple-deep); background:white; border-color:#ddd4ef; box-shadow:0 2px 8px #24103c0c; }
.bk-language-note { display:flex; gap:16px; border-top:1px solid #ddd5ed; padding-top:28px; }
.bk-language-note>.icon { color:var(--purple); margin-top:2px; }
.bk-language-note h3 { font-size:1.1rem; margin-bottom:8px; }
.bk-language-note p { font-size:.95rem; line-height:1.75; }
.bk-language-note .text-link { font-size:.9rem; margin-top:16px; }
.bk-review-note { border-top:1px solid #e0daed; padding-top:25px; margin-top:42px; display:flex; align-items:center; gap:13px; }
.bk-review-note>.icon { color:var(--purple); }
.bk-review-note p { font-size:.9375rem; }
.bk-review-note strong { color:var(--ink); }
.bk-team { background:#f5f6f0; }
.bk-team-grid { display:grid; grid-template-columns:.68fr 1.32fr; align-items:center; gap:64px; }
.bk-team-examples { display:grid; grid-template-columns:1fr 1fr; gap:24px; min-width:0; }
.bk-team-examples figure { margin:0; min-width:0; }
.bk-team-examples figure:nth-child(2) { padding-top:64px; }
.bk-team-examples .lp-example { box-shadow:0 15px 30px -15px #193d3259; }
.bk-person-label { display:block; margin-bottom:12px; font-size:.9rem; font-weight:600; color:#2e483e; }
.bk-team-examples figcaption { font-size:.75rem; color:#62766a; margin-top:12px; }
.bk-team-examples .lp-expand { font-size:.7rem; padding:8px 11px; gap:6px; bottom:12px; }
.bk-team-key { display:grid; gap:11px; margin:27px 0; }
.bk-team-key span { display:flex; align-items:center; gap:10px; font-size:.9rem; font-weight:550; }
.bk-team-key .icon { width:18px; color:#4b715f; }
.bk-team-foot { display:flex; justify-content:space-between; gap:22px; margin-top:47px; padding-top:25px; border-top:1px solid #dce2d6; }
.bk-team-foot p { font-size:.9rem; }
.bk-steps { padding:0; margin:0; list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:42px; }
.bk-steps li { border-top:1px solid #dcd7ea; padding-top:20px; }
.bk-steps li>span { font-size:.9rem; font-weight:600; color:var(--purple); }
.bk-steps h3 { font-size:1.25rem; margin:22px 0 14px; }
.bk-steps p { font-size:1rem; line-height:1.8; }
.bk-guide-link { display:flex; align-items:center; gap:22px; padding:24px 28px; margin-top:48px; background:#f6f3fe; border:1px solid #dfd6f6; border-radius:15px; transition:background .2s,border-color .2s; }
.bk-guide-link:hover { background:#eee7fd; border-color:#a48ae6; }
.bk-guide-icon { display:grid; place-items:center; width:49px; height:49px; background:white; color:var(--purple); border:1px solid #e1d8f7; border-radius:12px; flex-shrink:0; }
.bk-guide-link small { display:block; font-size:.7rem; letter-spacing:.05em; color:var(--purple); margin-bottom:4px; }
.bk-guide-link strong { font-size:1rem; }
.bk-guide-arrow { margin-left:auto; color:var(--purple); display:grid; place-items:center; width:37px; height:37px; flex-shrink:0; }
@media(max-width:1100px) {
  .bk-hero-grid { gap:30px; grid-template-columns:.95fr 1.05fr; }
  .bk-hero h1 { font-size:3.7rem; }
  .bk-split,.bk-profile-grid { gap:44px; grid-template-columns:.9fr 1.1fr; }
  .bk-team-grid { grid-template-columns:.8fr 1.2fr; gap:35px; }
  .bk-team-examples { gap:18px; }
}
@media(max-width:850px) {
  .bk-hero-grid { grid-template-columns:1fr; padding-top:10px; gap:36px; }
  .bk-hero-copy { max-width:610px; }
  .bk-hero h1 { font-size:3.9rem; }
  .bk-lead { max-width:570px; }
  .bk-hero-art { max-width:640px; justify-self:center; }
  .bk-page-nav { flex-wrap:wrap; justify-content:flex-start; gap:17px 27px; }
  .bk-page-nav>span { width:100%; }
  .bk-split,.bk-profile-grid,.bk-team-grid { grid-template-columns:1fr; gap:38px; }
  .bk-section-copy,.bk-profile-copy { max-width:660px; }
  .bk-settings-figure,.bk-profile-previews { width:100%; max-width:650px; margin-inline:auto; }
  .bk-section-heading { display:block; margin-bottom:35px; }
  .bk-section-heading>p { max-width:610px; margin-top:24px; }
  .bk-team-examples { max-width:690px; margin-inline:auto; }
  .bk-team-key { grid-template-columns:1fr 1fr; }
  .bk-team-foot { flex-direction:column; gap:12px; }
  .bk-steps { gap:25px; }
}
@media(max-width:560px) {
  .bk-hero { padding-top:19px; }
  .bk-hero h1 { font-size:clamp(2.9rem,12vw,3.65rem); }
  .bk-hero-grid { padding-bottom:35px; }
  .bk-lead { font-size:1rem; }
  .bk-hero .button { font-size:.875rem; padding:13px 15px; }
  .bk-hero-art img { border-radius:17px; }
  .bk-page-nav { gap:17px 22px; }
  .bk-page-nav a { gap:8px; font-size:.8125rem; }
  .bk-page-nav .icon { width:14px; }
  .brand-kit-page .section { padding-block:59px; }
  .bk-section-copy h2,.bk-section-heading h2 { font-size:2.2rem; }
  .bk-section-copy>p:not(.eyebrow),.bk-section-heading>p { font-size:1rem; }
  .bk-points { gap:24px; }
  .bk-points li { gap:13px; }
  .bk-points h3 { font-size:1.0625rem; }
  .bk-points p { font-size:.9375rem; }
  .bk-tabs { padding:5px; }
  .bk-tabs button { padding:12px 5px; font-size:.8125rem; }
  .bk-settings-figure>.lp-example { border-radius:12px; }
  .brand-kit-page .lp-expand { display:flex; padding:8px 11px; font-size:.75rem; bottom:11px; }
  .bk-team-examples { gap:13px; }
  .bk-team-examples figure:nth-child(2) { padding-top:35px; }
  .bk-team-examples .lp-expand { display:none; }
  .bk-person-label { font-size:.8rem; }
  .bk-team-examples figcaption { font-size:.6875rem; }
  .bk-team-key { grid-template-columns:1fr; }
  .bk-review-note { align-items:flex-start; }
  .bk-review-note>.icon { margin-top:3px; }
  .bk-steps { grid-template-columns:1fr; gap:28px; }
  .bk-steps h3 { margin-top:14px; }
  .bk-guide-link { padding:21px 17px; gap:13px; }
  .bk-guide-icon { display:none; }
  .bk-guide-link strong { font-size:.9375rem; }
}