.kb-story{--story-ink:#142534;--story-muted:#60717a;--story-mint:#087f67;color:var(--story-ink);background:#fff;overflow:hidden}.kb-story .kb-wrap{width:min(100% - 48px,1180px);margin-inline:auto}.kb-story .kb-eyebrow{margin:0 0 16px;color:var(--story-mint);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.kb-story-hero{position:relative;min-height:490px;display:flex;align-items:center;overflow:hidden;padding:130px 0 68px;background:radial-gradient(ellipse 42% 75% at 85% 46%,#e4f7ef,transparent 70%),linear-gradient(135deg,#f9fcfb,#fff 75%)}.kb-story-hero>.kb-wrap{position:relative;z-index:1}.kb-story-hero h1{max-width:790px;margin:0;font-size:clamp(46px,7vw,82px);line-height:.99;letter-spacing:-.07em;font-weight:650}.kb-story-hero>.kb-wrap>p:not(.kb-eyebrow){max-width:650px;margin:22px 0 0;color:#5f7079;font-size:17px;line-height:1.65}.kb-story-actions{display:flex;align-items:center;gap:24px;margin-top:27px}.kb-story-actions a:not(.kb-story-primary){color:#63757c;font-size:12px;font-weight:650}.kb-story-actions a span{margin-left:12px}.kb-story-primary,.kb-story-final a{display:inline-flex;gap:20px;align-items:center;padding:13px 17px;border-radius:9px;color:#fff;background:#087f67;font-size:12px;font-weight:700}.kb-story-primary:hover,.kb-story-final a:hover{background:#066b57}.kb-story-hero-ring{position:absolute;right:10%;top:50%;display:grid;width:230px;height:230px;place-items:center;border:1px solid #c8e9dd;border-radius:50%;color:#d1eee3;font-size:120px;transform:translateY(-40%) rotate(-13deg)}.kb-story-hero-ring:before,.kb-story-hero-ring:after{content:"";position:absolute;inset:16px;border:1px solid #cbd9f7;border-radius:50%}.kb-story-hero-ring:after{inset:-17px 40px;transform:rotate(55deg)}.kb-story-hero-ring i{position:absolute;top:29px;right:35px;color:#0ba886;font-size:22px;font-style:normal}.kb-story-sections{padding:8px 0 40px}.kb-story-section{padding:68px 0}.kb-story-section:nth-child(2n){background:#f7faf9}.kb-story-row{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:9%}.kb-story-section.is-reverse .kb-story-row{grid-template-columns:1.25fr .75fr}.kb-story-section.is-reverse .kb-story-copy{order:2}.kb-story-section.is-reverse .kb-story-visual{order:1}.kb-story-copy h2{max-width:530px;margin:0 0 17px;font-size:clamp(34px,4.6vw,55px);line-height:1.04;letter-spacing:-.065em;font-weight:620}.kb-story-copy>p:last-child{max-width:470px;margin:0;color:#62737d;font-size:14px;line-height:1.75}.kb-story-visual{position:relative;display:grid;min-height:320px;place-items:center;padding:28px;border:1px solid #dfe9e8;border-radius:15px;background:radial-gradient(circle at 75% 25%,#e6e9ff 0 2px,transparent 3px),radial-gradient(ellipse at 24% 22%,#e6f8f1,#f7f9fc 68%);background-size:22px 22px,auto}.kb-story-visual:before{content:"";position:absolute;inset:20px;border:1px solid #ffffff;border-radius:11px;pointer-events:none}.kb-story-visual>img,.kb-story-visual>.kb-story-shot{position:relative;z-index:1;width:100%;max-height:410px;object-fit:contain;border-radius:8px}.kb-story-demo{position:relative;z-index:1;width:min(100%,560px);overflow:hidden;border:1px solid #dce5e6;border-radius:11px;background:#fff;box-shadow:0 16px 34px #14253412}.kb-story-demo-top{display:flex;height:43px;align-items:center;padding:0 12px;border-bottom:1px solid #e8edee;color:#2d414a;font-size:9px}.kb-story-demo-top b{padding-right:12px;border-right:1px solid #e5ebeb;font-size:11px}.kb-story-demo-top b span{margin-left:3px;font-size:9px}.kb-story-demo-top small{margin-left:14px;color:#7d8c91}.kb-story-demo-top i{display:grid;width:24px;height:24px;margin-left:auto;place-items:center;border-radius:50%;color:#6370bd;background:#eff0ff;font-size:8px;font-style:normal;font-weight:750}.kb-story-demo-body{display:grid;grid-template-columns:45px 1fr;min-height:238px}.kb-story-demo-body>aside{display:flex;flex-direction:column;align-items:center;gap:13px;padding:14px 0;border-right:1px solid #e8edee;color:#89969b;font-size:12px}.kb-story-demo-body>aside span:first-child{color:#087f67}.kb-story-demo-main{display:flex;flex-direction:column;justify-content:center;gap:11px;padding:19px 23px}.kb-story-demo-main h3{margin:0;font-size:17px;letter-spacing:-.04em}.kb-story-demo-main>p{margin:0;color:#8a979b;font-size:8px}.kb-story-demo-main>p b{display:block;margin-top:4px;padding:8px;border:1px solid #e6ecec;border-radius:5px;color:#334a52;background:#fff;font-weight:550}.kb-story-demo-main>p small{display:block;margin:4px 0 0 30px}.kb-story-site-icon,.kb-story-avatar{display:inline-grid;width:24px;height:24px;margin-right:8px;place-items:center;border-radius:6px;color:#087f67;background:#e3f5ee;font-size:9px;font-style:normal;font-weight:800;vertical-align:middle}.kb-story-site-icon.purple{color:#5566c5;background:#eceeff}.kb-story-site-icon.orange{color:#b77546;background:#fff1e3}.kb-story-avatar{border-radius:50%;color:#745a30;background:#f0e5d1}.kb-story-avatar+b{color:#334a52}.kb-story-checked{color:#087f67;font-size:8px}.kb-story-page-preview{position:relative;display:flex;min-height:180px;flex-direction:column;justify-content:center;overflow:hidden;padding:17px;border:1px solid #e0e7e4;border-radius:6px;background:linear-gradient(120deg,#edf0e8,#f6f3e9)}.kb-story-page-preview small{position:relative;z-index:1;font-size:6px;letter-spacing:.1em}.kb-story-page-preview b{position:relative;z-index:1;margin:12px 0;font-size:28px;line-height:.95;letter-spacing:-.07em}.kb-story-page-preview i{position:relative;z-index:1;font-size:7px;font-style:normal}.kb-story-page-preview div{position:absolute;top:13px;right:10%;width:27%;height:150px;border-radius:50% 50% 4px 4px;background:linear-gradient(135deg,#c4a27c,#f0e5d1,#7a6450)}.kb-story-apps{display:flex;gap:11px}.kb-story-apps i{display:grid;width:36px;height:36px;place-items:center;border:1px solid #e2e9ea;border-radius:10px;color:#087f67;background:#f8fbfa;font-size:14px;font-style:normal;font-weight:750}.kb-story-ref-link{padding:12px;border:1px solid #e4ebeb;border-radius:7px;color:#61737b;font-size:8px}.kb-story-ref-link b{float:right;color:#087f67}.kb-story-ref-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kb-story-ref-stats span{padding:12px;border:1px solid #e6ecec;border-radius:7px;color:#849196;font-size:8px}.kb-story-ref-stats b{display:block;margin-top:8px;color:#283d48;font-size:14px}.kb-story-final{padding:55px 0 85px;background:#f7faf9}.kb-story-final .kb-wrap{padding:48px 7%;border-radius:15px;color:#fff;background:#153747}.kb-story-final h2{max-width:700px;margin:0 0 13px;font-size:clamp(34px,5vw,58px);line-height:1;letter-spacing:-.065em}.kb-story-final p:not(.kb-eyebrow){color:#c5d5d8;font-size:13px}.kb-story-final a{margin-top:12px;color:#143547;background:#84ebce}.kb-story :focus-visible{outline:3px solid #6374ea;outline-offset:3px}@media(max-width:820px){.kb-story-hero-ring{right:4%;width:170px;height:170px;font-size:90px;opacity:.65}.kb-story-row,.kb-story-section.is-reverse .kb-story-row{grid-template-columns:1fr;gap:25px}.kb-story-section.is-reverse .kb-story-copy,.kb-story-section.is-reverse .kb-story-visual{order:initial}.kb-story-copy h2{font-size:39px}.kb-story-visual{min-height:280px}}@media(max-width:600px){.kb-story .kb-wrap{width:min(100% - 36px,560px)}.kb-story-hero{min-height:400px;padding:28px 0 40px;align-items:flex-start}.kb-story-hero h1{font-size:48px}.kb-story-hero>.kb-wrap>p:not(.kb-eyebrow){font-size:14px}.kb-story-hero-ring{right:-54px;top:84%;width:140px;height:140px;font-size:72px;opacity:.35}.kb-story-section{padding:50px 0}.kb-story-copy h2{font-size:35px}.kb-story-copy>p:last-child{font-size:13px}.kb-story-visual{min-height:245px;padding:13px}.kb-story-demo-body{min-height:210px;grid-template-columns:34px 1fr}.kb-story-demo-main{padding:15px}.kb-story-final{padding:24px 0 55px}.kb-story-final .kb-wrap{padding:31px 23px}.kb-story-final h2{font-size:39px}}@media(prefers-reduced-motion:reduce){.kb-story *,.kb-story *:before,.kb-story *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.kb-story-hero{min-height:300px;align-items:flex-start;padding:24px 0 36px}.kb-story-hero h1{max-width:760px;font-size:clamp(42px,5.4vw,66px);line-height:1.02;letter-spacing:-.055em}.kb-story-copy h2{font-size:clamp(30px,3.6vw,44px);line-height:1.08;letter-spacing:-.045em}.kb-story-copy>p:last-child{font-size:15px;line-height:1.7}.kb-story-final .kb-wrap{color:#fff;background:#153747}.kb-story-final h2,.kb-story-final .kb-wrap>p:not(.kb-eyebrow){color:#fff}.kb-story-final .kb-eyebrow{color:#75e2c3}.kb-story-final .kb-wrap>p:not(.kb-eyebrow){font-size:15px;line-height:1.65}.kb-story-actions a span,.kb-story-final a span{display:none}@media(min-width:768px){.kb-story-hero{align-items:center;padding:40px 0 48px;text-align:center}.kb-story-hero>.kb-wrap{display:flex;flex-direction:column;align-items:center}.kb-story-hero h1,.kb-story-hero>.kb-wrap>p:not(.kb-eyebrow){margin-inline:auto;text-align:center}.kb-story-hero .kb-eyebrow{text-align:center}.kb-story-actions{justify-content:center}.kb-story-hero-ring{opacity:.45}}@media(max-width:600px){.kb-story-hero h1{font-size:43px}.kb-story-copy h2{font-size:32px}.kb-story-copy>p:last-child{font-size:14px}}