.elementor-2881 .elementor-element.elementor-element-2f2d685{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2881 .elementor-element.elementor-element-bb0ab82{margin:-10% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-bb0ab82 *//*
  Kodcraft AI — Business Systems Content Hub
  Elementor-ready body styling only. No header/footer styles.
  Fonts expected at site level: Syne (headings) + Roboto (body).
*/

.kc-bs {
  --lime: #C7F32F;
  --ink: #090B09;
  --ink-2: #0D0F0D;
  --ink-3: #111411;
  --ink-4: #171A17;
  --line: #272C27;
  --line-strong: #3A4139;
  --text: #F2F4EE;
  --muted: #A3AAA0;
  --muted-2: #7D857B;
  --radius: 20px;
  --shadow: 0 20px 60px rgba(0, 0, 0, .28);
  background: var(--ink);
  color: var(--text);
  overflow: hidden;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.3125;
  isolation: isolate;
}

.kc-bs *, .kc-bs *::before, .kc-bs *::after { box-sizing: border-box; }
.kc-bs img, .kc-bs svg { max-width: 100%; display: block; }
.kc-bs a { color: inherit; }
.kc-bs strong { color: var(--text); }
.kc-bs .kc-bs-shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.kc-bs .kc-bs-section { padding: 112px 0; position: relative; }
.kc-bs .kc-bs-section-a { background: var(--ink); }
.kc-bs .kc-bs-section-b { background: #0D100D; }
.kc-bs .kc-bs-section-c { background: #101310; }
.kc-bs h1, .kc-bs h2, .kc-bs h3 { font-family: "Syne", Arial, sans-serif; color: var(--text); margin: 0; text-wrap: balance; }
.kc-bs h1 { font-size: 60px; line-height: 1.08 !important; font-weight: 700; letter-spacing: -.045em; }
.kc-bs h2 { font-size: 44px; line-height: 1; font-weight: 700; letter-spacing: -.04em; }
.kc-bs h3 { font-size: 24px; line-height: 1.08; font-weight: 600; letter-spacing: -.025em; }
.kc-bs h1 span, .kc-bs h2 span { color: var(--lime); }
.kc-bs p { margin: 0; color: var(--muted); font-size: 16px; line-height: 1.55; }
.kc-bs .kc-bs-large-copy { font-size: 18px; line-height: 1.6; max-width: 720px; }
.kc-bs .kc-bs-eyebrow { color: var(--lime); text-transform: uppercase; letter-spacing: .16em; font-size: 12px; line-height: 1.2; font-weight: 700; margin-bottom: 18px; }
.kc-bs .kc-bs-btn { min-height: 50px; padding: 14px 19px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-weight: 700; text-decoration: none; border: 1px solid transparent; transition: transform .25s ease, border-color .25s ease, background .25s ease, color .25s ease, box-shadow .25s ease; }
.kc-bs .kc-bs-btn span { transition: transform .25s ease; }
.kc-bs .kc-bs-btn:hover { transform: translateY(-2px); }
.kc-bs .kc-bs-btn:hover span { transform: translateX(3px); }
.kc-bs .kc-bs-btn-primary { background: var(--lime); color: #0B0D0B; box-shadow: 0 12px 30px rgba(199, 243, 47, .11); }
.kc-bs .kc-bs-btn-primary:hover { box-shadow: 0 16px 40px rgba(199, 243, 47, .16); }
.kc-bs .kc-bs-btn-ghost { border-color: var(--line-strong); background: rgba(255,255,255,.018); color: var(--text); }
.kc-bs .kc-bs-btn-ghost:hover { border-color: #5A6258; background: rgba(255,255,255,.035); }
.kc-bs a:focus-visible, .kc-bs summary:focus-visible { outline: 2px solid var(--lime); outline-offset: 4px; border-radius: 8px; }

/* Hero */
.kc-bs .kc-bs-hero { position: relative; padding: 216px 0 96px; background: radial-gradient(circle at 78% 40%, rgba(199,243,47,.055), transparent 31%), linear-gradient(180deg, #090B09 0%, #0B0D0B 100%); border-bottom: 1px solid var(--line); }
.kc-bs .kc-bs-hero::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.16; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 56px 56px; mask-image: linear-gradient(to bottom, #000, transparent 85%); }
.kc-bs .kc-bs-hero-grid { position: relative; display: grid; grid-template-columns: 1.04fr .96fr; gap: 72px; align-items: center; }
.kc-bs .kc-bs-hero-copy { max-width: 650px; }
.kc-bs .kc-bs-lead { font-size: 18px; line-height: 1.65; max-width: 630px; margin-top: 28px; }
.kc-bs .kc-bs-hero-actions, .kc-bs .kc-bs-service-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.kc-bs .kc-bs-topic-strip { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 30px; }
.kc-bs .kc-bs-topic-strip span, .kc-bs .kc-bs-pill-row span, .kc-bs .kc-bs-problem-tags span { border: 1px solid var(--line); background: #101310; color: #C3C9C0; border-radius: 999px; padding: 7px 11px; font-size: 12px; }
.kc-bs .kc-bs-hero-visual { position: relative; }
.kc-bs .kc-bs-hero-visual svg { width: 100%; height: auto; filter: drop-shadow(0 30px 70px rgba(0,0,0,.38)); }
.kc-bs .kc-bs-node { transform-box: fill-box; transform-origin: center; animation: kcBsFloat 5s ease-in-out infinite; }
.kc-bs .kc-bs-node-b { animation-delay: -.8s; }
.kc-bs .kc-bs-node-c { animation-delay: -1.7s; }
.kc-bs .kc-bs-node-d { animation-delay: -2.5s; }
.kc-bs .kc-bs-core { transform-box: fill-box; transform-origin: center; animation: kcBsCore 3.8s ease-in-out infinite; }
.kc-bs .kc-bs-flow { stroke-dasharray: 7 10; animation: kcBsDash 3.6s linear infinite; }
.kc-bs .kc-bs-flow-2 { animation-delay: -.6s; }
.kc-bs .kc-bs-flow-3 { animation-delay: -1.2s; }
.kc-bs .kc-bs-flow-4 { animation-delay: -1.8s; }
.kc-bs .kc-bs-pulse-line { animation: kcBsDash 3s linear infinite; }
.kc-bs .kc-bs-pulse-line-delay { animation-delay: -1.5s; }
.kc-bs .kc-bs-orbit-a { transform-origin: 310px 280px; animation: kcBsSpin 42s linear infinite; }
.kc-bs .kc-bs-orbit-b { transform-origin: 310px 280px; animation: kcBsSpin 58s linear infinite reverse; }

/* Shared heads */
.kc-bs .kc-bs-section-head { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(280px, .65fr); gap: 70px; align-items: end; margin-bottom: 48px; }
.kc-bs .kc-bs-section-head-wide { grid-template-columns: minmax(0, 1.15fr) minmax(320px, .7fr); }
.kc-bs .kc-bs-section-head > p { padding-bottom: 4px; max-width: 460px; justify-self: end; }

/* Intro */
.kc-bs .kc-bs-intro-grid { display: grid; grid-template-columns: .86fr 1.14fr; gap: 90px; align-items: start; }
.kc-bs .kc-bs-prose { display: grid; gap: 22px; }
.kc-bs .kc-bs-prose p:first-child { color: #D9DED5; font-size: 19px; line-height: 1.6; }

/* Definitions */
.kc-bs .kc-bs-definition-grid { display: grid; grid-template-columns: 1.35fr .65fr .65fr; gap: 16px; }
.kc-bs .kc-bs-definition-card { min-height: 270px; padding: 30px; border: 1px solid var(--line); background: var(--ink-3); border-radius: var(--radius); position: relative; overflow: hidden; transition: transform .28s ease, border-color .28s ease; }
.kc-bs .kc-bs-definition-card:hover { transform: translateY(-4px); border-color: #3F463E; }
.kc-bs .kc-bs-definition-card-main { padding: 38px; background: linear-gradient(135deg, #121612, #0C0F0C); }
.kc-bs .kc-bs-definition-card-main::after { content:""; position:absolute; width:180px; height:180px; border-radius:50%; right:-70px; bottom:-70px; border:1px solid rgba(199,243,47,.3); box-shadow: 0 0 0 30px rgba(199,243,47,.018), 0 0 0 60px rgba(199,243,47,.012); }
.kc-bs .kc-bs-definition-card-main p:not(.kc-bs-eyebrow) { color: #D7DDD3; font-size: 19px; line-height: 1.55; max-width: 650px; margin-top: 22px; }
.kc-bs .kc-bs-pill-row { display:flex; flex-wrap:wrap; gap:8px; margin-top:28px; position:relative; z-index:1; }
.kc-bs .kc-bs-card-no { color: var(--lime); font-size: 12px; letter-spacing: .13em; font-weight:700; }
.kc-bs .kc-bs-definition-card h3 { margin-top: 52px; }
.kc-bs .kc-bs-definition-card > p:last-child { margin-top: 16px; }

/* Warning signs */
.kc-bs .kc-bs-sign-grid { display:grid; grid-template-columns: repeat(4, 1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.kc-bs .kc-bs-sign-grid article { min-height: 170px; padding: 24px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background: rgba(255,255,255,.008); transition: background .25s ease; }
.kc-bs .kc-bs-sign-grid article:hover { background: rgba(199,243,47,.025); }
.kc-bs .kc-bs-sign-grid b { color: var(--lime); font-family:"Syne",Arial,sans-serif; font-size: 14px; }
.kc-bs .kc-bs-sign-grid p { margin-top: 34px; color: #CFD4CC; }

/* Featured guide */
.kc-bs .kc-bs-feature-section { background: var(--ink); padding: 60px 0 112px; }
.kc-bs .kc-bs-feature-card { min-height: 520px; display:grid; grid-template-columns: 1.02fr .98fr; overflow:hidden; border:1px solid #394038; border-radius: 28px; background: linear-gradient(140deg, #141814 0%, #0E110E 58%, #111611 100%); box-shadow: var(--shadow); }
.kc-bs .kc-bs-feature-copy { padding: 58px; align-self:center; }
.kc-bs .kc-bs-feature-copy h2 { max-width:720px; }
.kc-bs .kc-bs-feature-copy > p:not(.kc-bs-eyebrow) { max-width:650px; margin-top:20px; }
.kc-bs .kc-bs-coming { margin-top:30px; display:inline-flex; align-items:center; gap:9px; font-size:13px; color:#D1D7CD; padding:10px 13px; border:1px solid var(--line); border-radius:999px; }
.kc-bs .kc-bs-status-dot { width:8px; height:8px; border-radius:50%; background:var(--lime); box-shadow:0 0 0 5px rgba(199,243,47,.08); }
.kc-bs .kc-bs-feature-art { display:grid; place-items:center; min-height:100%; padding:50px; background: radial-gradient(circle at center, rgba(199,243,47,.08), transparent 56%), #0B0E0B; border-left:1px solid var(--line); }
.kc-bs .kc-bs-mini-window { width:min(100%, 430px); border:1px solid #364034; border-radius:20px; overflow:hidden; background:#101410; transform: perspective(850px) rotateY(-7deg) rotateX(2deg); box-shadow: 0 34px 70px rgba(0,0,0,.42); transition:transform .4s ease; }
.kc-bs .kc-bs-feature-card:hover .kc-bs-mini-window { transform: perspective(850px) rotateY(-3deg) rotateX(1deg) translateY(-5px); }
.kc-bs .kc-bs-mini-top { height:42px; border-bottom:1px solid var(--line); display:flex; gap:7px; align-items:center; padding:0 14px; }
.kc-bs .kc-bs-mini-top i { width:8px; height:8px; border-radius:50%; background:#333A32; }
.kc-bs .kc-bs-mini-top i:first-child { background:var(--lime); }
.kc-bs .kc-bs-mini-body { display:grid; grid-template-columns:84px 1fr; min-height:285px; }
.kc-bs .kc-bs-mini-side { border-right:1px solid var(--line); padding:20px 14px; display:grid; align-content:start; gap:13px; }
.kc-bs .kc-bs-mini-side span { height:8px; border-radius:9px; background:#242A23; }
.kc-bs .kc-bs-mini-main { padding:22px; display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.kc-bs .kc-bs-mini-metric { padding:15px; border:1px solid var(--line); border-radius:12px; display:grid; gap:4px; }
.kc-bs .kc-bs-mini-metric b { color:var(--lime); font-family:"Syne",Arial,sans-serif; font-size:26px; }
.kc-bs .kc-bs-mini-metric span { color:var(--muted); font-size:11px; }
.kc-bs .kc-bs-mini-bars { grid-column:1/-1; height:104px; padding:16px 16px 0; display:flex; align-items:end; gap:11px; border:1px solid var(--line); border-radius:12px; }
.kc-bs .kc-bs-mini-bars i { flex:1; background:linear-gradient(var(--lime), #6E881A); border-radius:5px 5px 0 0; opacity:.75; animation:kcBsBars 4s ease-in-out infinite; }
.kc-bs .kc-bs-mini-bars i:nth-child(1){height:42%}.kc-bs .kc-bs-mini-bars i:nth-child(2){height:68%;animation-delay:-.8s}.kc-bs .kc-bs-mini-bars i:nth-child(3){height:54%;animation-delay:-1.6s}.kc-bs .kc-bs-mini-bars i:nth-child(4){height:83%;animation-delay:-2.4s}.kc-bs .kc-bs-mini-bars i:nth-child(5){height:64%;animation-delay:-3.2s}
.kc-bs .kc-bs-mini-table { grid-column:1/-1; display:grid; gap:8px; }
.kc-bs .kc-bs-mini-table span { height:9px; border-radius:5px; background:#262D25; }
.kc-bs .kc-bs-mini-table span:nth-child(2){width:78%}.kc-bs .kc-bs-mini-table span:nth-child(3){width:90%}

/* Resource cards */
.kc-bs .kc-bs-resource-grid { display:grid; gap:16px; }
.kc-bs .kc-bs-resource-grid-4 { grid-template-columns:repeat(4, 1fr); }
.kc-bs .kc-bs-resource-card { position:relative; min-height:330px; padding:28px; border:1px solid var(--line); border-radius:18px; background:#111411; display:flex; flex-direction:column; transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.kc-bs .kc-bs-resource-card:hover { transform:translateY(-5px); border-color:#444C42; box-shadow:0 18px 42px rgba(0,0,0,.18); }
.kc-bs .kc-bs-resource-type, .kc-bs .kc-bs-compare-label { color:var(--lime); font-size:11px; letter-spacing:.13em; text-transform:uppercase; font-weight:700; }
.kc-bs .kc-bs-resource-card h3 { margin-top:48px; }
.kc-bs .kc-bs-resource-card p { margin-top:16px; }
.kc-bs .kc-bs-resource-status { margin-top:auto; padding-top:24px; display:inline-flex; align-items:center; color:#7F897D; text-transform:uppercase; letter-spacing:.13em; font-weight:700; font-size:10px; }
.kc-bs .kc-bs-resource-status::before { content:""; width:6px; height:6px; border-radius:50%; background:#566052; margin-right:8px; }

/* Problems */
.kc-bs .kc-bs-problem-layout { display:grid; grid-template-columns:1.15fr .85fr; gap:16px; }
.kc-bs .kc-bs-problem-stack { display:grid; gap:16px; }
.kc-bs .kc-bs-problem-card { padding:30px; border:1px solid var(--line); border-radius:18px; background:#121512; display:flex; flex-direction:column; min-height:255px; transition:transform .25s ease,border-color .25s ease; }
.kc-bs .kc-bs-problem-card:hover { transform:translateY(-4px); border-color:#424941; }
.kc-bs .kc-bs-problem-large { min-height:526px; padding:40px; background: radial-gradient(circle at 90% 8%, rgba(199,243,47,.06), transparent 36%), #121512; }
.kc-bs .kc-bs-problem-large h3 { font-size:34px; line-height:1.05; max-width:650px; margin-top:80px; }
.kc-bs .kc-bs-problem-card:not(.kc-bs-problem-large) h3 { margin-top:42px; }
.kc-bs .kc-bs-problem-card p { margin-top:16px; max-width:610px; }
.kc-bs .kc-bs-problem-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:26px; }

/* Fix first */
.kc-bs .kc-bs-fix-grid { display:grid; grid-template-columns:.75fr 1.25fr; gap:90px; align-items:start; }
.kc-bs .kc-bs-sticky-copy { position:sticky; top:40px; }
.kc-bs .kc-bs-sticky-copy > p:not(.kc-bs-eyebrow) { margin-top:22px; max-width:470px; }
.kc-bs .kc-bs-text-link { display:inline-flex; align-items:center; gap:9px; margin-top:28px; color:#DDE4D9; text-decoration:none; font-weight:700; border-bottom:1px solid #4A5248; padding-bottom:5px; transition:color .2s ease,border-color .2s ease; }
.kc-bs .kc-bs-text-link:hover { color:var(--lime); border-color:var(--lime); }
.kc-bs .kc-bs-step-list { list-style:none; margin:0; padding:0; border-top:1px solid var(--line); }
.kc-bs .kc-bs-step-list li { display:grid; grid-template-columns:80px 1fr; gap:24px; padding:34px 0; border-bottom:1px solid var(--line); }
.kc-bs .kc-bs-step-list li > span { color:var(--lime); font-family:"Syne",Arial,sans-serif; font-size:15px; font-weight:700; }
.kc-bs .kc-bs-step-list h3 { font-size:25px; }
.kc-bs .kc-bs-step-list p { margin-top:10px; max-width:650px; }

/* Compare */
.kc-bs .kc-bs-compare-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.kc-bs .kc-bs-compare-card { min-height:390px; border:1px solid var(--line); border-radius:18px; background:#111411; padding:32px; display:flex; flex-direction:column; transition:transform .25s ease,border-color .25s ease; }
.kc-bs .kc-bs-compare-card:hover { transform:translateY(-5px); border-color:#454D43; }
.kc-bs .kc-bs-compare-card-accent { border-color:rgba(199,243,47,.5); background:linear-gradient(160deg, rgba(199,243,47,.055), #111411 55%); }
.kc-bs .kc-bs-compare-card h3 { margin-top:56px; font-size:30px; }
.kc-bs .kc-bs-compare-card p { margin-top:18px; }
.kc-bs .kc-bs-compare-card ul { list-style:none; padding:0; margin:auto 0 0; display:grid; gap:9px; }
.kc-bs .kc-bs-compare-card li { color:#C5CBC2; font-size:13px; display:flex; gap:9px; }
.kc-bs .kc-bs-compare-card li::before { content:"+"; color:var(--lime); }
.kc-bs .kc-bs-planned-compare { display:grid; grid-template-columns:1fr 1fr auto; gap:38px; align-items:center; margin-top:16px; border:1px solid var(--line); border-radius:18px; padding:26px 30px; background:#0F120F; }
.kc-bs .kc-bs-planned-compare > div > span { color:var(--lime); text-transform:uppercase; font-size:10px; letter-spacing:.13em; font-weight:700; }
.kc-bs .kc-bs-planned-compare h3 { margin-top:7px; font-size:20px; }
.kc-bs .kc-bs-planned-compare .kc-bs-resource-status { padding:0; margin:0; white-space:nowrap; }

/* System types */
.kc-bs .kc-bs-type-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
.kc-bs .kc-bs-type-grid article { min-height:260px; padding:31px; background:#0F120F; transition:background .25s ease; }
.kc-bs .kc-bs-type-grid article:hover { background:#131713; }
.kc-bs .kc-bs-type-grid article > span { color:var(--lime); font-family:"Syne",Arial,sans-serif; font-size:13px; }
.kc-bs .kc-bs-type-grid h3 { margin-top:48px; }
.kc-bs .kc-bs-type-grid p { margin-top:14px; }

/* Guides */
.kc-bs .kc-bs-guide-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:90px; align-items:center; }
.kc-bs .kc-bs-guide-grid .kc-bs-large-copy { margin-top:25px; }
.kc-bs .kc-bs-question-board { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--line); border-radius:20px; overflow:hidden; background:#0D100D; }
.kc-bs .kc-bs-question-board p { min-height:120px; padding:26px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); display:flex; align-items:flex-end; color:#DDE1DA; font-family:"Syne",Arial,sans-serif; font-size:18px; line-height:1.2; }
.kc-bs .kc-bs-question-board p:nth-child(2n){border-right:0}.kc-bs .kc-bs-question-board p:nth-last-child(-n+2){border-bottom:0}
.kc-bs .kc-bs-authority-grid { margin-top:70px; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.kc-bs .kc-bs-authority-card { min-height:280px; padding:28px; border:1px solid var(--line); background:#0E110E; border-radius:18px; text-decoration:none; display:flex; flex-direction:column; transition:transform .25s ease,border-color .25s ease; }
.kc-bs .kc-bs-authority-card:hover { transform:translateY(-4px); border-color:#4A5347; }
.kc-bs .kc-bs-authority-card > span { color:var(--lime); text-transform:uppercase; letter-spacing:.14em; font-size:11px; font-weight:700; }
.kc-bs .kc-bs-authority-card h3 { margin-top:38px; font-size:22px; }
.kc-bs .kc-bs-authority-card p { margin-top:13px; }
.kc-bs .kc-bs-authority-card b { margin-top:auto; padding-top:25px; font-size:13px; }
.kc-bs .kc-bs-authority-card i { font-style:normal; color:var(--lime); }

/* Automation balance */
.kc-bs .kc-bs-balance-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:90px; align-items:center; }
.kc-bs .kc-bs-balance-grid > div:last-child > p:not(.kc-bs-eyebrow) { margin-top:20px; max-width:680px; }
.kc-bs .kc-bs-balance-visual { min-height:420px; display:grid; place-items:center; }
.kc-bs .kc-bs-balance-ring { width:320px; height:320px; border:1px solid #364034; border-radius:50%; position:relative; display:grid; place-items:center; box-shadow:0 0 0 34px rgba(255,255,255,.012), 0 0 0 68px rgba(255,255,255,.008); }
.kc-bs .kc-bs-balance-ring::before { content:""; position:absolute; inset:37px; border-radius:50%; border:1px dashed rgba(199,243,47,.45); animation:kcBsSpin 28s linear infinite; }
.kc-bs .kc-bs-balance-ring span, .kc-bs .kc-bs-balance-ring b { position:absolute; font-family:"Syne",Arial,sans-serif; letter-spacing:.14em; font-size:12px; }
.kc-bs .kc-bs-balance-ring span { top:56px; color:var(--lime); }
.kc-bs .kc-bs-balance-ring b { bottom:56px; color:#E3E7E0; }
.kc-bs .kc-bs-balance-ring i { width:2px; height:120px; background:linear-gradient(var(--lime), transparent); transform-origin:bottom; position:absolute; top:40px; animation:kcBsNeedle 7s ease-in-out infinite; }

/* Principles */
.kc-bs .kc-bs-principle-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.kc-bs .kc-bs-principle-grid article { min-height:260px; border:1px solid var(--line); border-radius:18px; padding:29px; background:#111411; }
.kc-bs .kc-bs-principle-grid b { color:var(--lime); font-family:"Syne",Arial,sans-serif; font-size:13px; }
.kc-bs .kc-bs-principle-grid h3 { margin-top:46px; }
.kc-bs .kc-bs-principle-grid p { margin-top:14px; }
.kc-bs .kc-bs-inline-cta { margin-top:16px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:21px 25px; border:1px solid var(--line); border-radius:14px; background:#0E110E; color:#B8C0B5; }
.kc-bs .kc-bs-inline-cta a { color:var(--text); text-decoration:none; font-weight:700; white-space:nowrap; }
.kc-bs .kc-bs-inline-cta i { color:var(--lime); font-style:normal; }

/* Related service */
.kc-bs .kc-bs-service-section { padding:112px 0; background:radial-gradient(circle at 16% 35%, rgba(199,243,47,.07), transparent 30%), #0B0E0B; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.kc-bs .kc-bs-service-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:90px; align-items:center; }
.kc-bs .kc-bs-service-copy > p:not(.kc-bs-eyebrow) { margin-top:20px; max-width:690px; }
.kc-bs .kc-bs-service-list { border-top:1px solid var(--line); }
.kc-bs .kc-bs-service-list div { display:grid; grid-template-columns:68px 1fr; gap:20px; align-items:center; padding:20px 0; border-bottom:1px solid var(--line); }
.kc-bs .kc-bs-service-list span { color:var(--lime); font-size:12px; font-family:"Syne",Arial,sans-serif; }
.kc-bs .kc-bs-service-list strong { font-family:"Syne",Arial,sans-serif; font-size:18px; font-weight:600; }

/* Proof */
.kc-bs .kc-bs-proof-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:90px; align-items:center; }
.kc-bs .kc-bs-proof-grid .kc-bs-large-copy { margin-top:24px; }
.kc-bs .kc-bs-proof-cards { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.kc-bs .kc-bs-proof-cards article { min-height:330px; padding:30px; border:1px solid var(--line); border-radius:20px; background:#111411; display:flex; flex-direction:column; }
.kc-bs .kc-bs-proof-cards span { color:var(--lime); text-transform:uppercase; letter-spacing:.13em; font-size:10px; font-weight:700; }
.kc-bs .kc-bs-proof-cards h3 { margin-top:auto; padding-top:80px; }
.kc-bs .kc-bs-proof-cards p { margin-top:15px; }

/* Latest */
.kc-bs .kc-bs-latest-placeholder { min-height:180px; display:flex; align-items:center; gap:28px; border:1px dashed #3E463C; border-radius:18px; padding:34px; background:rgba(255,255,255,.012); }
.kc-bs .kc-bs-latest-placeholder strong { font-family:"Syne",Arial,sans-serif; font-size:21px; }
.kc-bs .kc-bs-latest-placeholder p { margin-top:8px; }
.kc-bs .kc-bs-latest-icon { width:70px; height:70px; border:1px solid var(--line); border-radius:16px; padding:16px; display:grid; gap:7px; flex:0 0 auto; }
.kc-bs .kc-bs-latest-icon span { display:block; height:5px; background:#333A32; border-radius:4px; }
.kc-bs .kc-bs-latest-icon span:first-child { width:70%; background:var(--lime); }

/* FAQ */
.kc-bs .kc-bs-faq-layout { display:grid; grid-template-columns:.72fr 1.28fr; gap:90px; align-items:start; }
.kc-bs .kc-bs-faq-head { position:sticky; top:40px; }
.kc-bs .kc-bs-faq-head > p:last-child { margin-top:22px; max-width:420px; }
.kc-bs .kc-bs-faq-list { border-top:1px solid var(--line); }
.kc-bs .kc-bs-faq-list details { border-bottom:1px solid var(--line); }
.kc-bs .kc-bs-faq-list summary { list-style:none; cursor:pointer; padding:25px 4px; display:flex; align-items:center; justify-content:space-between; gap:22px; color:#E2E6DF; font-family:"Syne",Arial,sans-serif; font-size:20px; line-height:1.25; font-weight:600; }
.kc-bs .kc-bs-faq-list summary::-webkit-details-marker { display:none; }
.kc-bs .kc-bs-faq-list summary span { width:30px; height:30px; border:1px solid var(--line-strong); border-radius:50%; display:grid; place-items:center; color:var(--lime); flex:0 0 auto; transition:transform .25s ease; }
.kc-bs .kc-bs-faq-list details[open] summary span { transform:rotate(45deg); }
.kc-bs .kc-bs-faq-list details p { padding:0 52px 25px 4px; max-width:770px; }

/* Final CTA */
.kc-bs .kc-bs-final { padding:112px 0; background:var(--lime); color:#0A0C0A; position:relative; overflow:hidden; }
.kc-bs .kc-bs-final::after { content:""; position:absolute; width:460px; height:460px; right:-160px; bottom:-240px; border:1px solid rgba(11,13,11,.2); border-radius:50%; box-shadow:0 0 0 50px rgba(11,13,11,.035), 0 0 0 100px rgba(11,13,11,.025); }
.kc-bs .kc-bs-final-grid { position:relative; z-index:1; display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:end; }
.kc-bs .kc-bs-final .kc-bs-eyebrow { color:#29301F; }
.kc-bs .kc-bs-final h2, .kc-bs .kc-bs-final h2 span { color:#0A0C0A; }
.kc-bs .kc-bs-final p { color:#343D2A; }
.kc-bs .kc-bs-final-action > p { font-size:18px; line-height:1.55; }
.kc-bs .kc-bs-final .kc-bs-btn-primary { background:#0A0C0A; color:#F0F3EB; box-shadow:none; }
.kc-bs .kc-bs-final .kc-bs-btn-ghost { color:#0A0C0A; border-color:rgba(10,12,10,.35); background:transparent; }
.kc-bs .kc-bs-final small { display:block; color:#465036; margin-top:18px; font-size:12px; line-height:1.5; }

/* Motion */
@keyframes kcBsFloat { 0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)} }
@keyframes kcBsCore { 0%,100%{transform:scale(1)}50%{transform:scale(1.018)} }
@keyframes kcBsDash { to{stroke-dashoffset:-34} }
@keyframes kcBsSpin { to{transform:rotate(360deg)} }
@keyframes kcBsBars { 0%,100%{opacity:.62;filter:brightness(.85)}50%{opacity:.92;filter:brightness(1.08)} }
@keyframes kcBsNeedle { 0%,100%{transform:rotate(-38deg)}50%{transform:rotate(38deg)} }

/* Tablet */
@media (max-width: 1024px) {
  .kc-bs h1 { font-size: 50px; }
  .kc-bs h2 { font-size: 38px; }
  .kc-bs .kc-bs-section { padding: 88px 0; }
  .kc-bs .kc-bs-hero { padding: 92px 0 80px; }
  .kc-bs .kc-bs-hero-grid { gap:40px; grid-template-columns:1fr .9fr; }
  .kc-bs .kc-bs-intro-grid, .kc-bs .kc-bs-fix-grid, .kc-bs .kc-bs-guide-grid, .kc-bs .kc-bs-balance-grid, .kc-bs .kc-bs-service-grid, .kc-bs .kc-bs-proof-grid, .kc-bs .kc-bs-faq-layout { gap:55px; }
  .kc-bs .kc-bs-definition-grid { grid-template-columns:1.25fr .75fr; }
  .kc-bs .kc-bs-definition-card:last-child { grid-column:2; }
  .kc-bs .kc-bs-definition-card-main { grid-row:span 2; }
  .kc-bs .kc-bs-sign-grid { grid-template-columns:repeat(2,1fr); }
  .kc-bs .kc-bs-feature-card { grid-template-columns:1fr 1fr; }
  .kc-bs .kc-bs-feature-copy { padding:42px; }
  .kc-bs .kc-bs-feature-art { padding:34px; }
  .kc-bs .kc-bs-resource-grid-4 { grid-template-columns:repeat(2,1fr); }
  .kc-bs .kc-bs-compare-grid, .kc-bs .kc-bs-principle-grid, .kc-bs .kc-bs-authority-grid { grid-template-columns:repeat(2,1fr); }
  .kc-bs .kc-bs-compare-card-accent { grid-column:1/-1; }
  .kc-bs .kc-bs-type-grid { grid-template-columns:repeat(2,1fr); }
  .kc-bs .kc-bs-planned-compare { grid-template-columns:1fr 1fr; }
  .kc-bs .kc-bs-planned-compare .kc-bs-resource-status { grid-column:1/-1; }
  .kc-bs .kc-bs-authority-grid .kc-bs-authority-card:last-child { grid-column:1/-1; min-height:230px; }
  .kc-bs .kc-bs-balance-ring { width:270px; height:270px; }
}

/* Mobile */
@media (max-width: 767px) {
  .kc-bs { font-size:16px; }
  .kc-bs .kc-bs-shell { width:min(100% - 34px, 1180px); }
  .kc-bs h1 { font-size: clamp(40px, 12vw, 48px); line-height:1.03; letter-spacing:-.045em; }
  .kc-bs h2 { font-size: clamp(33px, 9vw, 38px); line-height:1.02; }
  .kc-bs h3 { font-size:22px; line-height:1.1; }
  .kc-bs .kc-bs-section { padding:72px 0; }
  .kc-bs .kc-bs-hero { padding:74px 0 64px; }
  .kc-bs .kc-bs-hero-grid, .kc-bs .kc-bs-intro-grid, .kc-bs .kc-bs-feature-card, .kc-bs .kc-bs-problem-layout, .kc-bs .kc-bs-fix-grid, .kc-bs .kc-bs-guide-grid, .kc-bs .kc-bs-balance-grid, .kc-bs .kc-bs-service-grid, .kc-bs .kc-bs-proof-grid, .kc-bs .kc-bs-faq-layout, .kc-bs .kc-bs-final-grid { grid-template-columns:1fr; gap:42px; }
  .kc-bs .kc-bs-hero-copy { max-width:none; }
  .kc-bs .kc-bs-lead { font-size:17px; line-height:1.6; }
  .kc-bs .kc-bs-hero-actions, .kc-bs .kc-bs-service-actions { flex-direction:column; }
  .kc-bs .kc-bs-btn { width:100%; }
  .kc-bs .kc-bs-hero-visual { max-width:560px; margin-inline:auto; }
  .kc-bs .kc-bs-section-head, .kc-bs .kc-bs-section-head-wide { grid-template-columns:1fr; gap:20px; margin-bottom:34px; }
  .kc-bs .kc-bs-section-head > p { justify-self:start; }
  .kc-bs .kc-bs-definition-grid { grid-template-columns:1fr; }
  .kc-bs .kc-bs-definition-card-main, .kc-bs .kc-bs-definition-card:last-child { grid-row:auto; grid-column:auto; }
  .kc-bs .kc-bs-definition-card { min-height:230px; }
  .kc-bs .kc-bs-sign-grid { grid-template-columns:1fr; }
  .kc-bs .kc-bs-sign-grid article { min-height:135px; }
  .kc-bs .kc-bs-sign-grid p { margin-top:24px; }
  .kc-bs .kc-bs-feature-section { padding:30px 0 72px; }
  .kc-bs .kc-bs-feature-copy { padding:34px 26px; }
  .kc-bs .kc-bs-feature-art { border-left:0; border-top:1px solid var(--line); padding:34px 20px 42px; }
  .kc-bs .kc-bs-mini-window { transform:none; }
  .kc-bs .kc-bs-feature-card:hover .kc-bs-mini-window { transform:translateY(-3px); }
  .kc-bs .kc-bs-resource-grid-4, .kc-bs .kc-bs-compare-grid, .kc-bs .kc-bs-principle-grid, .kc-bs .kc-bs-authority-grid, .kc-bs .kc-bs-type-grid, .kc-bs .kc-bs-proof-cards { grid-template-columns:1fr; }
  .kc-bs .kc-bs-resource-card { min-height:280px; }
  .kc-bs .kc-bs-problem-large { min-height:440px; padding:30px; }
  .kc-bs .kc-bs-problem-large h3 { margin-top:58px; font-size:30px; }
  .kc-bs .kc-bs-sticky-copy, .kc-bs .kc-bs-faq-head { position:static; }
  .kc-bs .kc-bs-step-list li { grid-template-columns:52px 1fr; gap:15px; }
  .kc-bs .kc-bs-compare-card-accent, .kc-bs .kc-bs-authority-grid .kc-bs-authority-card:last-child { grid-column:auto; }
  .kc-bs .kc-bs-planned-compare { grid-template-columns:1fr; gap:18px; }
  .kc-bs .kc-bs-type-grid { gap:1px; }
  .kc-bs .kc-bs-question-board { grid-template-columns:1fr; }
  .kc-bs .kc-bs-question-board p { min-height:105px; border-right:0; border-bottom:1px solid var(--line) !important; }
  .kc-bs .kc-bs-question-board p:last-child { border-bottom:0 !important; }
  .kc-bs .kc-bs-authority-grid { margin-top:42px; }
  .kc-bs .kc-bs-balance-visual { min-height:330px; }
  .kc-bs .kc-bs-balance-ring { width:230px; height:230px; box-shadow:0 0 0 24px rgba(255,255,255,.012), 0 0 0 48px rgba(255,255,255,.008); }
  .kc-bs .kc-bs-balance-ring::before { inset:30px; }
  .kc-bs .kc-bs-balance-ring span { top:42px; }.kc-bs .kc-bs-balance-ring b { bottom:42px; }
  .kc-bs .kc-bs-balance-ring i { height:88px; top:27px; }
  .kc-bs .kc-bs-inline-cta { align-items:flex-start; flex-direction:column; }
  .kc-bs .kc-bs-service-list div { grid-template-columns:48px 1fr; }
  .kc-bs .kc-bs-latest-placeholder { align-items:flex-start; flex-direction:column; }
  .kc-bs .kc-bs-faq-list summary { font-size:18px; }
  .kc-bs .kc-bs-faq-list details p { padding-right:4px; }
  .kc-bs .kc-bs-final { padding:78px 0; }
}

@media (max-width: 420px) {
  .kc-bs .kc-bs-topic-strip span { font-size:11px; }
  .kc-bs .kc-bs-mini-body { grid-template-columns:66px 1fr; min-height:250px; }
  .kc-bs .kc-bs-mini-main { padding:15px; gap:9px; }
  .kc-bs .kc-bs-mini-metric { padding:10px; }
  .kc-bs .kc-bs-mini-metric b { font-size:20px; }
  .kc-bs .kc-bs-mini-bars { height:88px; padding:12px 11px 0; gap:7px; }
}

@media (prefers-reduced-motion: reduce) {
  .kc-bs *, .kc-bs *::before, .kc-bs *::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}/* End custom CSS */