/* Local-only full preview styles — production is not linked to this stylesheet. */
:root { --sbf-ink:#09182c; --sbf-blue:#173b68; --sbf-line:#b8c8dd; --sbf-pale:#eef4fb; --sbf-paper:#fbfaf6; --sbf-accent:#85a9ff; }
.sbf-preview-active { background:#f8f8f5; color:var(--sbf-ink); }
.sbf-preview-active .sbx-wrap, .sbf-preview-active .sbx-footer { display:none!important; }
/* The original theme control is intentionally restored by the owner. This
   override wins over the older P0 rule while its startup script is finishing. */
body.sbp0-marketing.sbf-preview-active .sbp0-hide-theme-toggle { display:grid!important; }
body.sbp0-marketing.sbf-preview-active .sbf-original-theme { display:none!important; }
.sbf-theme-toggle { position:relative!important; z-index:20!important; display:grid; width:34px; height:34px; flex:0 0 auto; place-items:center; border:1px solid #c7d2e1; border-radius:50%; background:#fff; color:#173b68; line-height:1; cursor:pointer; pointer-events:auto!important; transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease; }.sbf-theme-toggle svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }.sbf-theme-toggle:hover { background:#e4efff; transform:rotate(10deg); }.sbf-theme-toggle:focus-visible { outline:3px solid #77a6ec; outline-offset:2px; } html[data-sbf-theme="dark"] .sbf-theme-toggle { border-color:#7195c2; background:#152d4b; color:#eef6ff; }
.sbf-nav-pill { position:absolute; top:0; left:0; z-index:1; border-radius:999px; background:#315fd0; box-shadow:0 10px 24px -8px rgba(30,64,175,.55); pointer-events:none; transform-origin:center; transition:transform .34s cubic-bezier(.22,.8,.2,1),width .34s cubic-bezier(.22,.8,.2,1),height .2s ease; }
.sbf-preview-active header nav button.bg-royal { background:#3158c9!important; color:#fff!important; box-shadow:0 12px 24px rgba(49,88,201,.28); }
.sbf-preview-active header nav button.bg-royal:hover { color:#fff!important; }
.sbf-preview-active header nav button span.absolute.inset-0 { display:none!important; }
/* If the legacy quote widget races the preview loader, it may reinsert itself
   as a direct child after the new main. It must never become a second funnel. */
.sbf-preview-active #root main:not(.sbf-preview-root) > #smartbooks-quote-quiz { display:none!important; }
.sbf-preview-active { scroll-behavior:smooth; }
.sbf-preview-root #sbf-about,.sbf-preview-root #sbf-how,.sbf-preview-root #smartbooks-quote-quiz { scroll-margin-top:104px; }
.sbf-preview-root,.sbf-preview-root .sbf-section,.sbf-preview-root .sbf-footer,.sbf-preview-active header,.sbf-preview-active header a,.sbf-preview-active header button { transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease; }
.sbf-shell { width:min(1240px,calc(100% - 48px)); margin:auto; }
.sbf-section { padding:104px 0; font-family:Manrope,Arial,sans-serif; }
.sbf-eyebrow { margin:0 0 18px; color:#466b9d; font-size:11px!important; letter-spacing:.12em; font-weight:800; }
.sbf-heading { display:flex; align-items:end; justify-content:space-between; gap:60px; margin-bottom:54px; }
.sbf-heading h2, .sbf-audience h2, .sbf-quote h2, .sbf-trust h2 { margin:0; font-size:clamp(37px,4.5vw,64px); line-height:1.05; letter-spacing:-.052em; max-width:760px; font-weight:750; }
.sbf-heading>p { max-width:385px; margin:0; font-size:17px!important; line-height:1.62; color:#4d617b; }
.sbf-process { color:#edf5ff; background:radial-gradient(ellipse 70% 120% at 90% 0%,#224d84 0%,transparent 66%),linear-gradient(125deg,#071426,#142f53); }
.sbf-process .sbf-eyebrow { color:#a8c6ff; }
.sbf-process .sbf-heading>p { color:#bfd2ec; }
.sbf-steps { display:grid; grid-template-columns:repeat(5,1fr); padding:0; list-style:none; margin:0; position:relative; gap:0; }
.sbf-steps:before { content:''; position:absolute; height:1px; background:#91b4ea77; top:28px; left:5%; right:5%; }
.sbf-steps li { position:relative; padding:0 22px 0 0; z-index:1; }
.sbf-steps b { display:grid; place-items:center; width:58px; height:58px; border:1px solid #a8c9ff; background:#183a64; border-radius:50%; font-size:15px; color:#fff; margin-bottom:25px; }
.sbf-steps li:last-child b { background:#dce9ff; color:#12345d; }
.sbf-steps h3 { font-size:19px!important; line-height:1.25; margin:0 0 12px; color:#fff; }
.sbf-steps p { font-size:14px!important; line-height:1.6; margin:0; color:#b6c9e2; }
.sbf-cases { position:relative; overflow:hidden; background:radial-gradient(circle at 92% 8%,#e5efff 0,#f8f9fb 30%,#fbfaf7 72%); color:#102d50; }
.sbf-cases:before { content:''; position:absolute; inset:0; opacity:.34; pointer-events:none; background-image:linear-gradient(#d9e2ee 1px,transparent 1px),linear-gradient(90deg,#d9e2ee 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent); }
.sbf-cases .sbf-shell { position:relative; z-index:1; }
.sbf-cases .sbf-heading { margin-bottom:48px; }
.sbf-cases .sbf-heading h2 { color:#102d50!important; max-width:650px; }
.sbf-cases .sbf-heading>p { max-width:475px; color:#435b78!important; }
.sbf-cases .sbf-eyebrow { display:flex; align-items:center; gap:16px; }
.sbf-cases .sbf-eyebrow i { color:#8a9bb0; font-style:normal; font-size:10px; letter-spacing:.1em; }
.sbf-case-grid { display:grid; grid-template-columns:1.45fr 1fr 1fr; gap:16px; align-items:stretch; }
.sbf-case-grid article { position:relative; min-height:382px; padding:30px; border:1px solid #bfd0e3; border-radius:24px; background:rgba(255,255,255,.82); box-shadow:0 22px 60px rgba(17,35,59,.08); display:flex; flex-direction:column; overflow:hidden; }
.sbf-case-grid article:after { content:''; position:absolute; right:-56px; bottom:-68px; width:170px; height:170px; border:1px solid #d8e3ef; border-radius:50%; opacity:.75; }
.sbf-case-grid article.is-primary { min-height:414px; background:linear-gradient(145deg,#0b1728 0%,#173a66 100%); border-color:#2e5bff; color:#eef5ff; box-shadow:0 28px 72px rgba(15,42,76,.25); }
.sbf-case-grid article.is-primary:before { content:''; position:absolute; right:-20px; top:-68px; width:210px; height:210px; border:1px solid #6f9dff55; border-radius:50%; box-shadow:0 0 0 18px #6f9dff0d,0 0 0 36px #6f9dff08; }
.sbf-case-top { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; }
.sbf-case-grid small { color:#2e5bff; font-size:10px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.sbf-case-grid article.is-primary small { color:#afc4ff; }
.sbf-case-index { color:#8da2ba; font-size:11px; font-weight:800; letter-spacing:.1em; }
.sbf-case-grid article.is-primary .sbf-case-index { color:#8faee0; }
.sbf-case-grid h3 { position:relative; z-index:1; margin:26px 0 9px; font-size:28px!important; line-height:1.08; color:inherit!important; letter-spacing:-.035em; max-width:360px; }
.sbf-case-grid p { position:relative; z-index:1; margin:0; color:#5a6472!important; font-size:13px!important; line-height:1.5; }
.sbf-case-grid article.is-primary p { color:#bdcbe0!important; }
.sbf-case-metric { position:relative; z-index:1; display:flex; align-items:baseline; gap:10px; margin:28px 0 27px; padding:16px 0 15px; border-top:1px solid #d9e3ef; border-bottom:1px solid #d9e3ef; }
.sbf-case-grid article.is-primary .sbf-case-metric { border-color:#456487; }
.sbf-case-metric strong { color:#102d50; font-size:40px; font-weight:750; letter-spacing:-.06em; line-height:1; }
.sbf-case-grid article.is-primary .sbf-case-metric strong { color:#fff; font-size:48px; }
.sbf-case-metric span { color:#788aa0; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.sbf-case-grid article.is-primary .sbf-case-metric span { color:#a9bdd8; }
.sbf-case-grid dl { position:relative; z-index:1; margin:auto 0 0; display:grid; gap:0; }
.sbf-case-grid dl div { display:grid; grid-template-columns:76px 1fr; gap:14px; padding:12px 0; border-top:1px solid #d8e1ed; }
.sbf-case-grid article.is-primary dl div { border-color:#38557a; }
.sbf-case-grid dt { color:#69788c; font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.sbf-case-grid article.is-primary dt { color:#99acc8; }
.sbf-case-grid dd { margin:0; color:#102d50; font-size:13px; font-weight:800; line-height:1.35; }
.sbf-case-grid article.is-primary dd { color:#fff; }
.sbf-case-quotes { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:20px; }
.sbf-case-quotes blockquote { display:flex; gap:15px; align-items:flex-start; min-height:76px; margin:0; padding:18px 19px; border:1px solid #d6e0eb; border-radius:15px; background:rgba(255,255,255,.58); color:#213a58; font-size:14px; line-height:1.5; box-shadow:0 10px 28px rgba(17,35,59,.04); }
.sbf-case-quotes blockquote>span { flex:0 0 auto; color:#e8445a; font-size:10px; font-weight:850; letter-spacing:.1em; }
.sbf-case-quotes blockquote p { margin:0; color:inherit!important; font-size:inherit!important; line-height:inherit; }
.sbf-demo { background:#f3f2ee; }
.sbf-demo-grid { display:grid; grid-template-columns:230px 1fr; gap:28px; align-items:stretch; }
.sbf-demo-tabs { border-top:1px solid var(--sbf-line); }
.sbf-demo-tabs button { width:100%; text-align:left; padding:18px 12px; background:transparent; border:0; border-bottom:1px solid var(--sbf-line); color:#48617e; font-size:16px!important; font-weight:750; cursor:pointer; line-height:1.35; }
.sbf-demo-tabs button[aria-selected=true] { padding-left:17px; color:#102f55; background:#dfeaff; }
.sbf-product-window { overflow:hidden; border:1px solid #23486f; border-radius:26px; background:#0a1e36; color:#eef5ff; box-shadow:0 30px 60px #11233b29; }
.sbf-product-window header { min-height:65px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #3d5d7f; padding:0 26px; color:#9bb6d8; }
.sbf-product-window header span { font-size:10px; letter-spacing:4px; }.sbf-product-window header b { font-family:Georgia,serif; font-size:20px; color:#eff5ff; }.sbf-product-window header small { font-size:12px; }
.sbf-screen { display:grid; grid-template-columns:1fr 58px 1.12fr; align-items:center; gap:18px; padding:46px 54px; min-height:395px; }
.sbf-paper { width:min(100%,290px); aspect-ratio:900/1273; justify-self:center; background:#faf8f0; color:#263849; box-shadow:0 14px 38px #0004; position:relative; overflow:hidden; }
.sbf-paper img { display:block; width:100%; height:100%; object-fit:contain; }.sbf-paper>span { position:absolute; left:0; right:0; bottom:0; padding:8px; background:#0e3158e8; color:#fff; text-align:center; font-size:9px; letter-spacing:.08em; font-weight:800; }.sbf-result small { display:block; color:#53708e; font-size:9px; letter-spacing:.1em; font-weight:800; }
.sbf-arrow { font-size:32px; color:#a8c7f5; text-align:center; }.sbf-result { border:1px solid #5c83ae; border-radius:16px; padding:28px; background:#143352; }.sbf-result b { display:block; font-size:30px; line-height:1.1; margin:15px 0 10px; }.sbf-result p { font-size:15px!important; color:#b7cce7; margin:0 0 22px; }.sbf-result ul { list-style:none; padding:0; margin:0; }.sbf-result li { padding:9px 0; border-top:1px solid #57799b66; font-size:14px; color:#e6efff; }
.sbf-product-window footer { display:flex; gap:25px; border-top:1px solid #355776; padding:18px 27px; color:#bbcee6; font-size:13px; }.sbf-product-window footer span:last-child{margin-left:auto}.sbf-product-window[data-stage=exception] .sbf-result{border-color:#e2c078;background:#4a3a22}.sbf-product-window[data-stage=approved] .sbf-result{border-color:#aad4b4;background:#1d4642}
.sbf-responsibility { background:#fbfaf7; }.sbf-roles { display:grid; grid-template-columns:1fr 1fr; gap:22px; }.sbf-roles article { padding:38px; border:1px solid #b6c8dd; border-radius:22px; background:#edf4fc; }.sbf-roles article+article { background:#0c233e; color:#eef6ff; border-color:#0c233e; }.sbf-roles span { color:#4c71a5; font-size:11px; font-weight:800; letter-spacing:.1em; }.sbf-roles article+article span { color:#adc9ed; }.sbf-roles h3 { font-size:28px!important; margin:24px 0; line-height:1.15; }.sbf-roles ul { padding:0; margin:0; list-style:none; }.sbf-roles li { border-top:1px solid #b8c8dd; padding:14px 0 0 27px; margin-top:14px; font-size:16px; line-height:1.45; position:relative; }.sbf-roles li:before { content:'✓'; position:absolute; left:0; color:#2860a1; font-weight:800; }.sbf-roles article+article li { border-color:#47627e; }.sbf-roles article+article li:before { color:#b5d0ff; }
.sbf-responsibility .sbf-heading h2, .sbf-responsibility .sbf-heading p { color:#102d50!important; }.sbf-roles article:first-child { color:#163757!important; }.sbf-roles article:first-child h3, .sbf-roles article:first-child li { color:#163757!important; }.sbf-roles article:first-child li { border-color:#a6bdd6!important; }
.sbf-compare { background:#e9f0f8; }.sbf-table { border-top:1px solid #9eb5cf; }.sbf-table>div { display:grid; grid-template-columns:.7fr 1fr 1fr; border-bottom:1px solid #b4c5d8; }.sbf-table span { padding:20px 18px; font-size:15px; line-height:1.45; }.sbf-table span:first-child { font-weight:800; }.sbf-table span:last-child { color:#1d4c87; font-weight:700; }.sbf-table-head span { color:#617691!important; font-size:11px; text-transform:uppercase; letter-spacing:.1em; font-weight:800!important; }
.sbf-compare .sbf-heading h2 { color:#102d50!important; }.sbf-compare .sbf-table span { color:#263f5d!important; }.sbf-compare .sbf-table span:last-child { color:#1d4c87!important; }
.sbf-audience { background:#fafaf8; }.sbf-audience h2 { margin-bottom:38px; color:#102d50!important; }.sbf-audience-cards { display:grid; grid-template-columns:1fr 1fr; gap:22px; }.sbf-audience-cards article { min-height:310px; padding:32px; border:1px solid #aebfd2; border-radius:22px; background:linear-gradient(145deg,#e4eeff,#f8fbff); display:flex; flex-direction:column; color:#163757!important; }.sbf-audience-cards article+article { color:#edf5ff!important; background:radial-gradient(ellipse at 90% 10%,#2e5f95,transparent 68%),#0c213b; }.sbf-audience-cards span { font-size:12px; font-weight:800; color:#5075a5; }.sbf-audience-cards article+article span { color:#b1c8e9; }.sbf-audience-cards h3 { font-size:34px!important; line-height:1.1; margin:45px 0 16px; color:inherit!important; }.sbf-audience-cards p { max-width:440px; font-size:16px!important; line-height:1.6; margin:0 0 24px; color:inherit!important; }.sbf-audience-cards a { margin-top:auto; color:inherit!important; font-size:14px; font-weight:800; }
.sbf-quote { background:#113256; color:#f0f6ff; }.sbf-quote .sbf-shell { display:grid; grid-template-columns:1fr 520px; gap:70px; align-items:center; }.sbf-quote .sbf-eyebrow { color:#adcaff; }.sbf-quote-copy>p:last-child { font-size:17px!important; color:#b9cde6; line-height:1.6; max-width:520px; }.sbf-quote-card { padding:32px; border:1px solid #7ca1c8; background:#eaf2fd; color:#102d50; border-radius:22px; }.sbf-progress { color:#426991; font-size:11px; letter-spacing:.12em; font-weight:800; }.sbf-quote-card h3 { font-size:27px!important; line-height:1.2; margin:20px 0 10px; }.sbf-quote-card p { font-size:15px!important; line-height:1.55; color:#4b6280; }.sbf-choice-grid { display:grid; gap:10px; margin-top:24px; }.sbf-choice-grid button { padding:17px; text-align:left; border:1px solid #a8bdd5; background:#f9fbff; border-radius:12px; color:#163757; cursor:pointer; }.sbf-choice-grid button.is-selected { border:2px solid #265c99; background:#dceaff; }.sbf-choice-grid b,.sbf-choice-grid small { display:block; }.sbf-choice-grid b { font-size:16px; }.sbf-choice-grid small { margin-top:6px; font-size:12px; color:#58718e; }.sbf-form-next,.sbf-form-final { margin-top:18px; }.sbf-form-next label span { display:block; margin:0 0 7px; font-weight:750; font-size:13px; }.sbf-form-next select { width:100%; padding:13px; border:1px solid #a8bdd5; border-radius:9px; color:#173654; background:#fff; }.sbf-next,.sbf-contact { width:100%; margin-top:14px; border:0; border-radius:9px; padding:15px; background:#163f71; color:#fff; cursor:pointer; font-weight:800; font-size:14px; }.sbf-form-final { padding:20px; border-left:3px solid #2b5f9b; background:#dce9f8; }.sbf-form-final b { font-size:15px; }.sbf-form-final p { margin-bottom:0; }
.sbf-trust { background:#f8f7f3; }.sbf-trust h2 { margin-bottom:23px; color:#102d50!important; }.sbf-trust p:not(.sbf-eyebrow) { max-width:760px; color:#294663!important; font-size:18px!important; line-height:1.65; }.sbf-trust a { display:inline-block; margin-top:12px; font-weight:800; color:#194c87!important; }
.sbf-footer { padding:55px 0 35px; background:#071426; color:#c1d1e5; font-family:Manrope,Arial,sans-serif; }.sbf-footer .sbf-shell { display:grid; grid-template-columns:1.25fr 1fr .8fr .8fr; gap:30px; }.sbf-footer strong { display:block; color:#8eb2e9; font-size:11px; letter-spacing:.1em; text-transform:uppercase; margin-bottom:16px; }.sbf-footer b { display:block; color:#fff; font-size:21px; }.sbf-footer p,.sbf-footer a { display:block; margin:0 0 10px; color:#bfcee1; font-size:13px; line-height:1.65; }.sbf-footer a { color:#e1ebfa; }.sbf-disclaimer { grid-column:1/-1; padding-top:24px; margin-top:12px; border-top:1px solid #35516e; color:#7e95b0; font-size:11px; line-height:1.6; }
@media(max-width:800px){.sbf-shell{width:min(100% - 36px,600px)}.sbf-section{padding:66px 0}.sbf-heading{display:block;margin-bottom:35px}.sbf-heading h2,.sbf-audience h2,.sbf-quote h2,.sbf-trust h2{font-size:40px}.sbf-heading>p{font-size:16px!important;margin-top:18px}.sbf-steps{grid-template-columns:1fr;gap:0}.sbf-steps:before{top:0;bottom:10px;left:28px;right:auto;width:1px;height:auto}.sbf-steps li{display:grid;grid-template-columns:75px 1fr;gap:0;padding:0 0 25px}.sbf-steps b{margin:0}.sbf-steps h3{font-size:18px!important;margin:7px 0}.sbf-case-grid,.sbf-case-quotes{grid-template-columns:1fr}.sbf-case-grid article{min-height:0;padding:24px}.sbf-case-grid h3{font-size:25px!important}.sbf-case-grid dl div{grid-template-columns:88px 1fr}.sbf-demo-grid{grid-template-columns:1fr}.sbf-demo-tabs{display:flex;overflow:auto}.sbf-demo-tabs button{flex:0 0 172px;font-size:15px!important;padding:19px 12px}.sbf-screen{grid-template-columns:1fr 24px 1fr;gap:6px;padding:23px 16px;min-height:315px}.sbf-result{padding:16px}.sbf-result b{font-size:20px}.sbf-result p,.sbf-result li{font-size:11px!important}.sbf-product-window footer{gap:10px;padding:14px;font-size:10px}.sbf-product-window footer span:last-child{margin-left:0}.sbf-roles,.sbf-audience-cards,.sbf-quote .sbf-shell{grid-template-columns:1fr}.sbf-roles article{padding:26px}.sbf-table{overflow:auto}.sbf-table>div{width:650px}.sbf-table span{font-size:13px;padding:15px 12px}.sbf-audience-cards article{min-height:245px;padding:26px}.sbf-audience-cards h3{font-size:30px!important;margin:34px 0 14px}.sbf-quote .sbf-shell{gap:32px}.sbf-contact-fields{grid-template-columns:1fr}.sbf-footer .sbf-shell{grid-template-columns:1fr 1fr}.sbf-footer .sbf-shell>div:first-child{grid-column:1/-1}.sbf-disclaimer{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.sbf-preview-active *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Existing global headline rules are deliberately strong; reset them inside the
   light calculator so every form label keeps accessible contrast. */
.sbf-quote-card h3 { color:#102d50!important; }
.sbf-quote-card p { color:#4b6280!important; }
.sbf-progress { color:#426991!important; }
.sbf-quote-card [hidden] { display:none!important; }
.sbf-contact-fields { display:grid; grid-template-columns:1fr; gap:13px; margin-top:20px; }.sbf-contact-fields label { display:block; background:transparent!important; }.sbf-contact-fields label>span { display:block; margin:0 0 7px; padding:0!important; min-height:0!important; background:transparent!important; color:#254766!important; font-size:12px; font-weight:800; }.sbf-contact-fields input,.sbf-contact-fields select { box-sizing:border-box; width:100%; border:1px solid #9fb8d4; border-radius:8px; padding:12px; background:#fff!important; color:#133454!important; font:600 14px Manrope,Arial,sans-serif; }.sbf-contact-fields input:focus,.sbf-contact-fields select:focus { outline:3px solid #7fa9e955; border-color:#275d9b; }.sbf-honeypot { position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip:rect(0 0 0 0)!important; white-space:nowrap!important; }.sbf-form-error { grid-column:1/-1; min-height:1.4em; margin:0!important; color:#b42424!important; font-weight:700!important; }.sbf-submit { grid-column:1/-1; border:0; border-radius:9px; padding:15px; background:#163f71; color:#fff; cursor:pointer; font-weight:800; font-size:14px; }.sbf-submit:disabled { opacity:.6; cursor:wait; }
html.theme-dark .sbf-demo,html.theme-dark .sbf-responsibility,html.theme-dark .sbf-audience,html.theme-dark .sbf-trust { background:#0d1e33; color:#edf5ff; } html.theme-dark .sbf-heading h2,html.theme-dark .sbf-audience h2,html.theme-dark .sbf-trust h2 { color:#edf5ff!important; } html.theme-dark .sbf-heading>p,html.theme-dark .sbf-trust p:not(.sbf-eyebrow) { color:#c0d2e9!important; } html.theme-dark .sbf-demo-tabs button { color:#c4d4e9; border-color:#47627e; } html.theme-dark .sbf-demo-tabs button[aria-selected=true] { color:#fff; background:#214a7b; } html.theme-dark .sbf-roles article:first-child { background:#17324f; border-color:#53779e; color:#eef6ff!important; } html.theme-dark .sbf-roles article:first-child h3,html.theme-dark .sbf-roles article:first-child li { color:#eef6ff!important; } html.theme-dark .sbf-roles article:first-child li { border-color:#527396!important; } html.theme-dark .sbf-compare { background:#132a45; } html.theme-dark .sbf-compare .sbf-table span { color:#d8e6fa!important; } html.theme-dark .sbf-compare .sbf-table span:last-child { color:#b8d4ff!important; } html.theme-dark .sbf-compare .sbf-table,html.theme-dark .sbf-compare .sbf-table>div { border-color:#527293; } html.theme-dark .sbf-audience-cards article { background:#17324f; border-color:#53779e; color:#f0f6ff!important; } html.theme-dark .sbf-trust a { color:#b8d4ff!important; }
html[data-sbf-theme="dark"] .sbf-demo,html[data-sbf-theme="dark"] .sbf-responsibility,html[data-sbf-theme="dark"] .sbf-audience,html[data-sbf-theme="dark"] .sbf-trust { background:#0d1e33; color:#edf5ff; } html[data-sbf-theme="dark"] .sbf-heading h2,html[data-sbf-theme="dark"] .sbf-audience h2,html[data-sbf-theme="dark"] .sbf-trust h2 { color:#edf5ff!important; } html[data-sbf-theme="dark"] .sbf-heading>p,html[data-sbf-theme="dark"] .sbf-trust p:not(.sbf-eyebrow) { color:#c0d2e9!important; } html[data-sbf-theme="dark"] .sbf-demo-tabs button { color:#c4d4e9; border-color:#47627e; } html[data-sbf-theme="dark"] .sbf-demo-tabs button[aria-selected=true] { color:#fff; background:#214a7b; } html[data-sbf-theme="dark"] .sbf-roles article:first-child { background:#17324f; border-color:#53779e; color:#eef6ff!important; } html[data-sbf-theme="dark"] .sbf-roles article:first-child h3,html[data-sbf-theme="dark"] .sbf-roles article:first-child li { color:#eef6ff!important; } html[data-sbf-theme="dark"] .sbf-roles article:first-child li { border-color:#527396!important; } html[data-sbf-theme="dark"] .sbf-compare { background:#132a45; } html[data-sbf-theme="dark"] .sbf-compare .sbf-table span { color:#d8e6fa!important; } html[data-sbf-theme="dark"] .sbf-compare .sbf-table span:last-child { color:#b8d4ff!important; } html[data-sbf-theme="dark"] .sbf-compare .sbf-table,html[data-sbf-theme="dark"] .sbf-compare .sbf-table>div { border-color:#527293; } html[data-sbf-theme="dark"] .sbf-audience-cards article { background:#17324f; border-color:#53779e; color:#f0f6ff!important; } html[data-sbf-theme="dark"] .sbf-trust a { color:#b8d4ff!important; }
html.theme-dark .sbf-cases,html.dark .sbf-cases,html[data-sbf-theme="dark"] .sbf-cases { background:radial-gradient(circle at 92% 8%,#183b67 0,#0d213b 36%,#09182c 76%); color:#edf5ff; }
html.theme-dark .sbf-cases:before,html.dark .sbf-cases:before,html[data-sbf-theme="dark"] .sbf-cases:before { background-image:linear-gradient(#36547755 1px,transparent 1px),linear-gradient(90deg,#36547755 1px,transparent 1px); opacity:.42; }
html.theme-dark .sbf-cases .sbf-heading h2,html.dark .sbf-cases .sbf-heading h2,html[data-sbf-theme="dark"] .sbf-cases .sbf-heading h2 { color:#edf5ff!important; }
html.theme-dark .sbf-cases .sbf-heading>p,html.dark .sbf-cases .sbf-heading>p,html[data-sbf-theme="dark"] .sbf-cases .sbf-heading>p { color:#c2d3e8!important; }
html.theme-dark .sbf-cases .sbf-eyebrow,html.dark .sbf-cases .sbf-eyebrow,html[data-sbf-theme="dark"] .sbf-cases .sbf-eyebrow { color:#a9c4ef; }
html.theme-dark .sbf-cases .sbf-eyebrow i,html.dark .sbf-cases .sbf-eyebrow i,html[data-sbf-theme="dark"] .sbf-cases .sbf-eyebrow i { color:#8299b5; }
html.theme-dark .sbf-case-grid article,html.dark .sbf-case-grid article,html[data-sbf-theme="dark"] .sbf-case-grid article { background:rgba(17,43,72,.88); border-color:#52769e; box-shadow:0 24px 60px rgba(0,0,0,.22); }
html.theme-dark .sbf-case-grid article:after,html.dark .sbf-case-grid article:after,html[data-sbf-theme="dark"] .sbf-case-grid article:after { border-color:#5a80a766; }
html.theme-dark .sbf-case-grid article.is-primary,html.dark .sbf-case-grid article.is-primary,html[data-sbf-theme="dark"] .sbf-case-grid article.is-primary { background:linear-gradient(145deg,#0b1728 0%,#173a66 100%); border-color:#4778ff; }
html.theme-dark .sbf-case-grid p,html.dark .sbf-case-grid p,html[data-sbf-theme="dark"] .sbf-case-grid p { color:#c1d2e7!important; }
html.theme-dark .sbf-case-grid article.is-primary p,html.dark .sbf-case-grid article.is-primary p,html[data-sbf-theme="dark"] .sbf-case-grid article.is-primary p { color:#bdcbe0!important; }
html.theme-dark .sbf-case-metric,html.dark .sbf-case-metric,html[data-sbf-theme="dark"] .sbf-case-metric { border-color:#527396; }
html.theme-dark .sbf-case-metric strong,html.dark .sbf-case-metric strong,html[data-sbf-theme="dark"] .sbf-case-metric strong { color:#fff; }
html.theme-dark .sbf-case-metric span,html.dark .sbf-case-metric span,html[data-sbf-theme="dark"] .sbf-case-metric span { color:#a9bdd8; }
html.theme-dark .sbf-case-grid dl div,html.dark .sbf-case-grid dl div,html[data-sbf-theme="dark"] .sbf-case-grid dl div { border-color:#456487; }
html.theme-dark .sbf-case-grid dt,html.dark .sbf-case-grid dt,html[data-sbf-theme="dark"] .sbf-case-grid dt { color:#9eb5d0; }
html.theme-dark .sbf-case-grid dd,html.dark .sbf-case-grid dd,html[data-sbf-theme="dark"] .sbf-case-grid dd { color:#f2f6fc; }
html.theme-dark .sbf-case-quotes blockquote,html.dark .sbf-case-quotes blockquote,html[data-sbf-theme="dark"] .sbf-case-quotes blockquote { border-color:#476887; background:rgba(22,50,82,.82); color:#dbe7f5; box-shadow:0 12px 30px rgba(0,0,0,.16); }
html.theme-dark body.sbf-preview-active,html[data-sbf-theme="dark"] body.sbf-preview-active { background:#071426!important; color:#edf5ff; }
html.theme-dark .sbf-preview-root,html[data-sbf-theme="dark"] .sbf-preview-root { background:#071426; }

/* Brand Book v0.2 hero: a quiet operating-flow diagram replaces the robot. */
#home .theme-hero { background:#0F1B2D!important; overflow:hidden; }
#home .theme-hero::after { background:linear-gradient(90deg,rgba(15,27,45,.93) 0%,rgba(15,27,45,.72) 44%,rgba(15,27,45,.54) 100%)!important; }
#home .theme-hero>.relative { position:relative; z-index:2; }
#home .sbf-hero-photo { position:absolute; z-index:0; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 58%; opacity:.48; }
#home #hero-robot-video,
.sbf-rich-assistant,.sbf-prerender-assistant,.sbf-assistant,.sbf-superseded-assistant,
[data-cursor-label] { display:none!important; }
#home .sbp0-hero-sub { margin-top:14px!important; }
#home .sbp0-hero-sub + div { margin-top:20px!important; }
#home .sbp0-hero-sub + div + div { margin-top:14px!important; }
.sbf-brand-flow { position:absolute; z-index:2; right:max(28px,calc((100vw - 1280px) / 2 + 28px)); top:50%; width:min(42vw,540px); transform:translateY(-50%); padding:22px 24px 18px; border:1px solid rgba(164,190,232,.28); border-radius:22px; background:linear-gradient(145deg,rgba(10,27,50,.88),rgba(13,42,76,.72)); box-shadow:0 24px 65px rgba(2,10,25,.3); backdrop-filter:blur(12px); color:#fff; font-family:Geist,Manrope,Arial,sans-serif; }
.sbf-flow-head { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.sbf-flow-kicker { color:#AFC3FF; font-size:10px!important; font-weight:800; letter-spacing:.14em; line-height:1.35; }
.sbf-flow-status { flex:0 0 auto; padding:6px 9px; border:1px solid rgba(117,225,190,.45); border-radius:999px; color:#8ff0cb; font-size:9px!important; font-weight:800; letter-spacing:.1em; }
.sbf-flow-title { margin:12px 0 0; max-width:470px; color:#F4F8FF; font-size:clamp(21px,2vw,29px)!important; font-weight:600; letter-spacing:-.035em; line-height:1.12; }
.sbf-brand-flow ol { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin:16px 0 0; padding:0; list-style:none; }
.sbf-brand-flow li { position:relative; min-height:66px; padding:26px 12px 0 0; border-top:1px solid rgba(133,170,224,.65); color:#D8E1ED; font-size:12px; font-weight:600; line-height:1.35; }
.sbf-brand-flow li::before { content:''; position:absolute; top:-7px; left:0; width:12px; height:12px; border:1.5px solid #89A9D5; border-radius:50%; background:#0F1B2D; }
.sbf-brand-flow li.is-system::before { border-color:#E8445A; background:#E8445A; box-shadow:0 0 0 5px rgba(232,68,90,.14),0 0 22px rgba(232,68,90,.55); }
.sbf-brand-flow li.is-human::before { border-color:#A6BBD8; background:#193456; }
.sbf-flow-note { display:block; margin-top:8px; color:#BBD0EC; font-size:12px; font-weight:600; line-height:1.4; }
.sblm-launch { display:none!important; }
@media (min-width:1001px) { #home .theme-hero>.relative>.w-full { max-width:min(48vw,670px)!important; } }
@media (max-width:1000px) { #home .theme-hero { display:block!important; } #home .sbf-hero-photo { opacity:.22; object-position:center 58%; } .sbf-brand-flow { position:relative; top:auto; right:auto; width:min(100% - 48px,680px); margin:32px auto 0; transform:none; } #home .theme-hero>.relative { padding-bottom:48px!important; } }

/* Brandbook finish: standard system cursor, no custom trail, assistant or theme switch. */
html, body, html.custom-cursor, html.custom-cursor body { cursor: default !important; }
html.custom-cursor * { cursor: auto !important; }
html body * { cursor: auto !important; }
html body a, html body button, html body summary, html body select { cursor: pointer !important; }
html body input, html body textarea { cursor: text !important; }
.pointer-events-none.fixed[class*="z-[119]"],
.pointer-events-none.fixed[class*="z-[120]"],
.pointer-events-none.fixed[class*="z-[90]"] { display:none!important; }
button[aria-label*="theme" i],
button[aria-label*="тем" i] { display:none!important; }
.sbf-theme-toggle,
[data-sbf-theme-toggle] { display:grid!important; }
@media (max-width:620px) { .sbf-brand-flow { width:min(100% - 36px,520px); padding:21px 20px 18px; } .sbf-flow-head { align-items:flex-start; flex-direction:column; gap:10px; } .sbf-flow-title { margin-top:14px; font-size:22px!important; } .sbf-brand-flow ol { grid-template-columns:repeat(2,1fr); row-gap:0; margin-top:19px; } .sbf-brand-flow li { min-height:76px; padding-top:25px; font-size:12px; } .sbf-flow-note { margin-top:10px; font-size:11px; } }

#home .theme-hero > [class*="bottom-6"][class*="left-5"] { display:none!important; }

/* Stable hero geometry: the flow is hydrated more than once by the legacy
   shell, so keep its containing block fixed while the page becomes interactive. */
@media (min-width:1001px) {
  #home .theme-hero { block-size:100svh; min-block-size:100svh!important; max-block-size:100svh; }
  #home .sbf-brand-flow { transform:translate3d(0,-45%,0); }
}
@media (min-width:1800px) {
  #home .sbf-brand-flow { left:48%; right:auto; width:min(40vw,820px); padding:30px 34px 26px; }
  #home .sbf-flow-title { max-width:660px; font-size:clamp(25px,2vw,36px)!important; }
  #home .sbf-brand-flow ol { margin-top:24px; }
  #home .sbf-brand-flow li { min-height:90px; padding:34px 18px 0 0; font-size:14px; }
  #home .sbf-flow-note { margin-top:14px; font-size:14px; }
}

/* The approved workflow comparison replaces the old three-row summary. */
.sbf-process-compare .sbf-heading { margin-bottom:42px; }
.sbf-process-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; align-items:start; }
.sbf-process-card { min-width:0; padding:30px 32px 24px; border:1px solid rgba(168,201,255,.32); border-radius:20px; background:rgba(11,31,58,.72); box-shadow:0 20px 50px rgba(3,12,28,.18); }
.sbf-process-card.is-smart { border-color:#7ea7ff; background:linear-gradient(145deg,rgba(35,76,132,.92),rgba(15,43,78,.92)); box-shadow:0 24px 60px rgba(4,18,42,.3); }
.sbf-process-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding-bottom:21px; border-bottom:1px solid rgba(168,201,255,.26); }
.sbf-process-card-head>div { min-width:0; }
.sbf-process-card-head>span { flex:0 0 auto; color:#a9c4ef; font-size:11px; font-weight:800; letter-spacing:.12em; }
.sbf-process-label { margin:0; color:#fff; font-size:clamp(22px,2.1vw,32px)!important; font-weight:750; letter-spacing:-.035em; line-height:1.05; }
.sbf-process-meta { margin:10px 0 0; color:#a9c4ef; font-size:12px!important; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.sbf-process-card ol { display:grid; gap:0; margin:0; padding:12px 0 0; list-style:none; }
.sbf-process-card li { display:grid; grid-template-columns:34px minmax(0,1fr); gap:14px; align-items:start; padding:14px 0; border-bottom:1px solid rgba(168,201,255,.18); color:#d7e3f4; font-size:15px; line-height:1.45; }
.sbf-process-card li:last-child { border-bottom:0; padding-bottom:4px; }
.sbf-process-card li b { color:#8eb5ff; font-size:11px; letter-spacing:.08em; }
.sbf-process-card.is-smart li b { color:#d7e5ff; }

@media(max-width:800px){
  .sbf-process-grid { grid-template-columns:1fr; gap:16px; }
  .sbf-process-card { padding:24px 20px 18px; }
  .sbf-process-label { font-size:26px!important; }
  .sbf-process-card li { font-size:14px; }
}