/* Shared polish for the solution pages, loaded after each page's own styles. */

/* Mock form controls: one drawn chevron instead of the OS select arrow. */
.db-body select,.kf-body select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:34px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5 6 7.5l3-3' fill='none' stroke='%2385978f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:12px 12px!important;cursor:pointer}
.db-body select:disabled,.kf-body select:disabled{opacity:1;cursor:default}
.db-body select::-ms-expand,.kf-body select::-ms-expand{display:none}

/* Developer block in the Crassula green-black, not the feature pages' blue-teal. */
.db-body .kf-developer{background:radial-gradient(ellipse at 10% 85%,#18382d66,transparent 60%),#0c1513}
.db-body .kf-code-card{background:#111e1a;border-color:#24372f}
.db-body .kf-code-toolbar,.db-body .kf-code-footer{border-color:#24372f}
.db-body .kf-code-tabs button[aria-selected="true"],.db-body .kf-code-copy:hover{background:#1f3a31;color:#c6efdf}
.db-body .kf-code-copy{border-color:#2f4a40}
.db-body .kf-code-panel pre{scrollbar-color:#38564b #111e1a}
.db-body .kf-code-context,.db-body .kf-code-number{color:#7d978d}
.db-body .kf-code-footer p,.db-body .kf-developer-copy>p{color:#a5bab1}
.db-body .kf-developer-link{background:#56d3a2;color:#0b1f18}
.db-body .kf-developer-link:hover{background:#7fe0ba;color:#0b1f18}

/* Logo band docks to the dark hero; logos sized to equal visual weight (equal area), not equal boxes. */
.dbcl-section{background:#0b1010;border-block:0;border-top:1px solid #ffffff10;padding:34px 0 42px;color:#8fa79d}
.dbcl-section h2{font:600 12px/1.4 'Source Sans Pro',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#7d958b}
.dbcl-logos{margin:30px auto 32px;gap:28px 40px}
.dbcl-logos:has(>:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr));max-width:1000px}
.dbcl-logo img{width:150px;height:30px;max-width:100%;object-fit:contain;filter:brightness(0) invert(1);opacity:.66;transition:opacity .2s}
.dbcl-logo:hover img{opacity:1}
.dbcl-logo:focus-visible{outline-color:#56d3a2}
.dbcl-catalogue{background:transparent;border-color:#ffffff1c;color:#8fa79d;font-size:13px}
.dbcl-separator{color:#4f6359}
.dbcl-catalogue a{color:#7fd8b2}
.dbcl-catalogue a:hover{color:#b7f0d8}
.dbcl-logo[data-connector-brand=openpayd] img{width:127px;height:31px}.dbcl-logo[data-connector-brand=currencycloud] img{width:155px;height:25px}.dbcl-logo[data-connector-brand=railsr] img{width:107px;height:36px}.dbcl-logo[data-connector-brand=clearbank] img{width:158px;height:25px}.dbcl-logo[data-connector-brand=modulr] img{width:109px;height:36px}.dbcl-logo[data-connector-brand=sumsub] img{width:133px;height:29px}.dbcl-logo[data-connector-brand=intercash] img{width:145px;height:27px}.dbcl-logo[data-connector-brand=reap] img{width:104px;height:37px}.dbcl-logo[data-connector-brand=fireblocks] img{width:159px;height:25px}.dbcl-logo[data-connector-brand=bitgo] img{width:107px;height:36px}.dbcl-logo[data-connector-brand=kraken] img{width:156px;height:25px}.dbcl-logo[data-connector-brand=intercom] img{width:121px;height:32px}
@media(max-width:1099.98px){.dbcl-logos:has(>:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr));max-width:520px}}
@media(max-width:600px){.dbcl-logo[data-connector-brand=openpayd] img{width:109px;height:27px}.dbcl-logo[data-connector-brand=currencycloud] img{width:134px;height:22px}.dbcl-logo[data-connector-brand=railsr] img{width:92px;height:31px}.dbcl-logo[data-connector-brand=clearbank] img{width:136px;height:21px}.dbcl-logo[data-connector-brand=modulr] img{width:94px;height:31px}.dbcl-logo[data-connector-brand=sumsub] img{width:115px;height:25px}.dbcl-logo[data-connector-brand=intercash] img{width:125px;height:23px}.dbcl-logo[data-connector-brand=reap] img{width:90px;height:32px}.dbcl-logo[data-connector-brand=fireblocks] img{width:137px;height:21px}.dbcl-logo[data-connector-brand=bitgo] img{width:92px;height:31px}.dbcl-logo[data-connector-brand=kraken] img{width:135px;height:22px}.dbcl-logo[data-connector-brand=intercom] img{width:104px;height:28px}.dbcl-logos,.dbcl-logos:has(>:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 24px}}
@media(min-width:1100px){section.dbcl-section .dbcl-logos:has(>:nth-child(6):last-child){grid-template-columns:repeat(6,minmax(0,1fr));max-width:none}section.dbcl-section .dbcl-logos:has(>:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr));max-width:1000px}}

/* Case studies: one card for every hub, led by the customer's own product. */
.db-body .kf-case,.db-body .dbl-proof{padding:0;overflow:hidden;background:#fff;border:1px solid #e1e8e4;border-radius:16px;transition:border-color .2s,box-shadow .2s}
.db-body .kf-case:hover,.db-body .dbl-proof:hover{border-color:#c3d6cd;box-shadow:0 18px 50px #17302a14}
.db-body .sx-case-visual{align-self:stretch;margin:0;height:250px;display:flex;align-items:center;justify-content:center;padding:28px 32px 0;overflow:hidden;background:radial-gradient(ellipse at 50% 115%,#56d3a238,transparent 62%),#eef3f0}
.db-body .sx-case-visual img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:bottom;filter:drop-shadow(0 18px 30px #17302a26)}
.db-body .kf-case>:not(.sx-case-visual),.db-body .dbl-proof>:not(.sx-case-visual){margin-inline:32px}
.db-body .kf-case-brand{margin-top:28px;margin-bottom:22px}
.db-body .kf-case>.kf-text-link{margin-bottom:30px}
.db-body .kf-case h3{font-size:1.45rem}
.db-body .dbl-proof>img{margin-top:28px;filter:none;mix-blend-mode:normal}
.db-body .dbl-proof>a{margin-bottom:30px}
.db-body .dbl-proof h3{font-size:22px}
.db-body .dbl-proof-grid{gap:24px}
@media(max-width:600px){.db-body .sx-case-visual{height:200px;padding:22px 22px 0}.db-body .kf-case>:not(.sx-case-visual),.db-body .dbl-proof>:not(.sx-case-visual){margin-inline:22px}}
.db-body .kf-case-brand img,.db-body .dbl-proof>img{width:auto;max-width:150px;height:26px;object-fit:contain;object-position:left center}


/* Connector directory: logo tiles instead of a list of names. */
.sx-conn-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:8px 0 30px}
.sx-conn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:150px;padding:30px 20px 22px;border:1px solid #e1e8e4;border-radius:14px;background:#fff;color:#1d332b;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}
.sx-conn:hover{border-color:#9fd6bf;box-shadow:0 14px 40px #17302a14;transform:translateY(-2px);color:#1d332b}
.sx-conn img{display:block;width:130px;height:30px;object-fit:contain;filter:brightness(0);opacity:.82}
.sx-wordmark{font:600 21px/1.1 'Source Sans Pro',sans-serif;letter-spacing:-.03em;color:#1d332b;text-align:center}
.sx-conn-link{display:inline-flex;gap:8px;align-items:center;font-size:12px;color:#5f7d72}
.sx-conn:hover .sx-conn-link{color:#2f7d63}
.sx-conn[data-connector-slug=openpayd] img{width:103px;height:25px}.sx-conn[data-connector-slug=currencycloud] img{width:127px;height:21px}.sx-conn[data-connector-slug=railsr] img{width:87px;height:30px}.sx-conn[data-connector-slug=clearbank] img{width:129px;height:20px}.sx-conn[data-connector-slug=modulr] img{width:89px;height:29px}.sx-conn[data-connector-slug=sumsub] img{width:109px;height:24px}.sx-conn[data-connector-slug=intercash] img{width:118px;height:22px}.sx-conn[data-connector-slug=reap] img{width:85px;height:31px}.sx-conn[data-connector-slug=fireblocks] img{width:130px;height:20px}.sx-conn[data-connector-slug=bitgo] img{width:88px;height:30px}.sx-conn[data-connector-slug=kraken] img{width:128px;height:20px}.sx-conn[data-connector-slug=intercom] img{width:99px;height:26px}
.sx-conn-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:8px 0 30px}
.sx-conn-group{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:16px;background:#fff;border:1px solid #e1e8e4}
.sx-group-head{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.sx-group-head i{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#e3f5ec;color:#2f8f6c;font-size:20px}
.sx-group-head b{font-weight:600;font-size:15px;color:#1d332b}
.sx-conn-group .sx-conn{min-height:92px;padding:20px 14px 14px;gap:12px;background:#f8faf9;border-color:#ebf0ed}
.sx-group-more{margin-top:auto;padding-top:8px;font-size:13px;color:#2f7d63;text-decoration:none}
@media(max-width:991.98px){.sx-conn-grid,.sx-conn-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.sx-conn-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sx-conn{min-height:120px;padding:22px 12px 16px}.sx-conn-groups{grid-template-columns:1fr}}

/* Launch markets: visible cards, the long tail behind one disclosure. */
.sx-licence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:8px}
.sx-licence{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:24px 26px;border:1px solid #e1e8e4;border-radius:14px;background:#fff;color:#1d332b;text-decoration:none;transition:border-color .2s,box-shadow .2s}
.sx-licence:hover{border-color:#9fd6bf;box-shadow:0 14px 40px #17302a12;color:#1d332b}
.sx-licence-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border-radius:20px;background:#e8f5ef;color:#2b6f58;font-size:12px;line-height:1.4;max-width:100%}
.sx-licence-tag i{font-size:14px}
.sx-licence h3{font-size:1.2rem;font-weight:500;line-height:1.3;letter-spacing:-.02em;margin:4px 0 0;color:#17302a}
.sx-licence p{font-size:.9rem;line-height:1.55;color:#5d7068;margin:0}
.sx-licence-cta{margin-top:auto;padding-top:6px;font-size:13px;color:#2f7d63}
.sx-licence-more{margin-top:16px}
.sx-licence-more>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;padding:16px 4px;border-top:1px solid #dfe7e3;border-bottom:1px solid #dfe7e3;font-size:15px;color:#1d332b}
.sx-licence-more>summary::-webkit-details-marker{display:none}
.sx-licence-more[open]>summary>span{transform:rotate(45deg)}
.sx-licence-more>summary>span{transition:transform .2s;font-size:20px;color:#2f7d63}
.sx-licence-more .sx-licence-grid{margin-top:16px}
@media(max-width:991.98px){.sx-licence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.sx-licence-grid{grid-template-columns:1fr}}

/* Last connector tile closes the row, whatever the count. */
.sx-conn--all{background:#f2f7f4;border-style:dashed;color:#2f7d63;font-size:15px;font-weight:600}
@media(min-width:992px){.sx-conn--all:nth-child(4n+1){grid-column:span 4;min-height:70px}.sx-conn--all:nth-child(4n+2){grid-column:span 3}.sx-conn--all:nth-child(4n+3){grid-column:span 2}}
@media(max-width:991.98px){.sx-conn--all:nth-child(2n+1){grid-column:span 2;min-height:70px}}
.sx-conn--all{flex-direction:row;gap:10px}

/* Guides carousel in the editorial voice. */
.sx-guides{background:#fff}
.sx-guides-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:8px}
.sx-guides-nav{display:flex;gap:10px;flex-shrink:0;padding-bottom:6px}
.sx-guides-btn{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid #d6e2dc;background:#fff;color:#1d332b;font-size:22px;transition:background .2s,border-color .2s}
.sx-guides-btn:hover{background:#eef6f2;border-color:#9fd6bf}
.sx-guides-btn.swiper-button-disabled{opacity:.4;cursor:default}
.sx-guide{position:relative;height:100%}
.sx-guide img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:14px;margin-bottom:18px!important;transition:transform .4s}
.sx-guide picture{display:block;overflow:hidden;border-radius:14px;margin-bottom:18px}
.sx-guide picture img{margin-bottom:0!important}
.sx-guide:hover img{transform:scale(1.03)}
.sx-guide h3{font-size:1.2rem;font-weight:500;line-height:1.35;letter-spacing:-.02em;margin:0}
.sx-guide h3 a{color:#17302a;text-decoration:none}
.sx-guide:hover h3 a{color:#2f7d63}
.sx-guides .hub-guides-pagination{position:relative;margin-top:28px;bottom:0}
.sx-guides .swiper-pagination-bullet-active{background:#2f7d63}
@media(max-width:575.98px){.sx-guides-nav{display:none}}
.sx-guides-btn.swiper-button-lock,.sx-guides .swiper-pagination-lock{display:none}

/* Icon cards: the shared replacement for bare 01/02/03 text columns. */
.db-body .sx-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:48px;align-items:stretch}
.db-body .sx-cards>article{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;margin:0;padding:30px 30px 28px;border:1px solid #e1e8e4;border-radius:16px;background:#fff;box-shadow:none}
.db-body .sx-cards>article>span:not(.sx-card-icon){display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#5f8a7b;margin:0 0 10px}
.db-body .sx-cards>article h3{font-size:1.3rem;font-weight:500;line-height:1.3;letter-spacing:-.02em;color:#17302a;margin:0 0 10px}
.db-body .sx-cards>article p{font-size:.98rem;line-height:1.6;color:#5d7068;margin:0 0 14px;max-width:none}
.db-body .sx-cards>article>a,.db-body .sx-cards>article>small{margin-top:auto;padding-top:10px;font-size:13px;color:#2f7d63;text-decoration:none}
.db-body .sx-cards>article>small{color:#6f8a80}
.sx-card-icon{display:grid!important;place-items:center;flex-shrink:0;width:48px;height:48px;margin:0 0 22px!important;border-radius:12px;background:#e3f5ec;color:#2f8f6c;font-size:24px;line-height:1}
.db-body .sx-cards--dark>article{background:#131f1c;border-color:#24372f}
.db-body .sx-cards--dark>article h3{color:#eef5f1}
.db-body .sx-cards--dark>article p{color:#9db3a9}
.db-body .sx-cards--dark>article>span:not(.sx-card-icon){color:#7fc7a9}
.db-body .sx-cards--dark>article>a{color:#7fd8b2}
.sx-cards--dark .sx-card-icon,.sx-stack .sx-layer-icon{background:#1b3a30;color:#56d3a2}
.db-body .sx-cards--flow>article:not(:last-of-type)::after{content:"\2192";position:absolute;z-index:1;top:50%;right:-27px;display:grid;place-items:center;width:34px;height:34px;margin-top:-17px;border-radius:50%;background:#fff;border:1px solid #d6e3dd;color:#2f8f6c;font-size:16px}
.db-body .sx-cards>.ef-journey-arrow{display:none}
@media(max-width:991.98px){.db-body .sx-cards{grid-template-columns:1fr;gap:16px}.db-body .sx-cards--flow>article:not(:last-of-type)::after{content:"\2193";top:auto;bottom:-25px;right:50%;margin:0 -17px 0 0}}

/* Phases, chips and paths. */
.sx-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.sx-chips b{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;background:#e8f5ef;color:#24594a;font-size:13px;font-weight:500;line-height:1.3}
.sx-roadmap{position:relative;display:flex;flex-direction:column;gap:18px}
.sx-roadmap::before{content:"";position:absolute;left:21px;top:30px;bottom:56px;width:2px;background:linear-gradient(#56d3a2,#56d3a233)}
.sx-phase{position:relative;display:flex;gap:18px;align-items:flex-start;padding:22px 24px 22px 0;border:0!important;background:none!important;text-align:left!important}
.sx-phase>div>span{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#7fc7a9}
.sx-phase-dot{position:relative;z-index:1;display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:50%;background:#56d3a2;color:#0b1f18;font-size:22px}
.sx-phase:not(.sx-phase--now) .sx-phase-dot{background:#14211d;border:1px dashed #56d3a2aa;color:#56d3a2}
.sx-phase .sx-chips b{background:#1b2d27;color:#cfe9dc;border:1px solid #2b4339}
.sx-phase--now .sx-chips b{background:#56d3a21f;color:#c9f3e2;border-color:#56d3a255}
.sx-roadmap>p{margin:6px 0 0 62px!important;font-size:13px;color:#8aa69b;text-align:left!important}
.db-body .sx-paths>article{position:relative;padding:34px 34px 30px;border:1px solid #e1e8e4!important;border-radius:16px;background:#fff}
.db-body .sx-paths>article.sx-path--alt{background:#0f1a17;border-color:#0f1a17!important}
.db-body .sx-paths>article.sx-path--alt :is(h3){color:#eef5f1}
.db-body .sx-paths>article.sx-path--alt p{color:#9db3a9}
.db-body .sx-paths>article.sx-path--alt .kf-eyebrow{color:#7fc7a9}
.sx-path--alt .sx-card-icon{background:#1b3a30;color:#56d3a2}
.db-body .sx-paths ol{list-style:none;counter-reset:sx;padding:0;margin:22px 0 0;display:grid;gap:10px}
.db-body .sx-paths ol li{counter-increment:sx;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e6ece9;border-radius:10px;background:#f7faf8;font-size:15px;color:#24403a}
.db-body .sx-paths ol li::before{content:counter(sx);display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border-radius:50%;background:#e3f5ec;color:#2f8f6c;font-size:12px;font-weight:600}
.db-body .sx-paths .sx-path--alt ol li{background:#14231f;border-color:#24372f;color:#d6e6de}
.db-body .sx-paths .sx-path--alt ol li::before{background:#1b3a30;color:#56d3a2}

/* Layer stack: who owns what, drawn as connected layers. */
.sx-stack{position:relative;display:flex;flex-direction:column;gap:14px;border:0!important;padding:0!important;background:none!important}
.sx-stack::before{content:"";position:absolute;left:39px;top:40px;bottom:40px;width:2px;background:linear-gradient(#56d3a244,#56d3a2,#56d3a244)}
.sx-layer{position:relative;display:grid!important;grid-template-columns:80px minmax(0,1fr) auto;align-items:center;gap:22px;padding:20px 24px 20px 0!important;border:1px solid #24372f!important;border-radius:16px!important;background:#111c19!important;text-align:left!important;min-height:0!important}
.sx-layer--core{border-color:#56d3a299!important;background:#0e1916!important;box-shadow:0 0 0 5px #56d3a20f,0 20px 50px #56d3a214}
.sx-layer-icon{position:relative;z-index:1;display:grid;place-items:center;width:52px;height:52px;margin-left:13px;border-radius:14px;font-size:26px}
.sx-layer--core .sx-layer-icon{width:66px;margin-left:6px;background:#0b1411;border:1px solid #56d3a266}
.sx-layer--core .sx-layer-icon img{width:56px;height:auto}
.sx-layer>div>span{display:block!important;font-size:12px!important;letter-spacing:.08em;text-transform:uppercase;color:#7fc7a9!important;margin:0 0 4px!important}
.sx-layer strong{display:block;font-size:1.15rem;font-weight:500;color:#eef5f1;line-height:1.35}
.sx-layer p{margin:6px 0 0!important;font-size:.95rem;line-height:1.55;color:#9db3a9!important}
.sx-layer>a{font-size:13px;color:#7fd8b2!important;text-decoration:none;white-space:nowrap}
.sx-layer .sx-chips b{background:#1b2d27;color:#cfe9dc;border:1px solid #2b4339}
.sx-layer--core .sx-chips b{background:#56d3a21f;color:#c9f3e2;border-color:#56d3a255}
.sx-layer-logos{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:12px}
.sx-layer>.sx-layer-logos{margin-top:0}
.sx-layer-logos img{height:18px;width:auto;max-width:110px;filter:brightness(0) invert(1);opacity:.7}
@media(max-width:767.98px){.sx-layer{grid-template-columns:64px minmax(0,1fr)}.sx-layer>a,.sx-layer>.sx-chips,.sx-layer>.sx-layer-logos{grid-column:2}.sx-stack::before{left:31px}.sx-layer-icon{margin-left:6px}}

/* Mini visuals inside cards. */
.sx-mini{align-self:stretch;margin:0 0 24px;padding:18px;border-radius:12px;background:#f3f7f5;border:1px solid #e3ebe7;font:500 13px/1.3 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#24403a}
.sx-mini--fee{display:grid;grid-template-columns:auto 1fr;gap:10px 16px}
.sx-mini--fee span{color:#6f8a80;font-weight:400}
.sx-mini--fee b{text-align:right;font-weight:600}
.sx-mini--limit b{display:block;font-weight:600;margin-bottom:10px}
.sx-mini--limit>i{display:block;height:8px;border-radius:8px;background:#dfe9e4;overflow:hidden}
.sx-mini--limit>i em{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#3dbb8b,#56d3a2)}
.sx-mini--limit>div{display:flex;gap:8px;margin-top:12px}
.sx-mini--limit>div span{flex:1;text-align:center;padding:5px 0;border-radius:6px;background:#e7efeb;color:#6f8a80;font-size:12px}
.sx-mini--limit>div span.is-on{background:#1f3a31;color:#c9f3e2}
.sx-mini--approval{display:flex;align-items:center;justify-content:center;gap:0;min-height:96px}
.sx-mini--approval>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e3f5ec;color:#24594a;font-size:13px;font-weight:600;border:2px solid #fff;box-shadow:0 0 0 1px #d6e3dd}
.sx-mini--approval>span.is-done{background:#56d3a2;color:#0b1f18;font-size:22px}
.sx-mini--approval>i{width:34px;height:2px;background:#bcd8cb}
.db-body .mt-policy>.container{display:block}
.db-body .mt-policy .mt-policy-list{margin-top:44px}
.db-body .mt-policy>.container>div:first-child{max-width:820px}
.db-body .mt-policy .mt-policy-list>article>span:not(.sx-card-icon){margin-bottom:6px}
.sx-steps-mini{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}
.sx-steps-mini span{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:20px;background:#fff;border:1px solid #dfe8e3;font-size:13px;color:#24403a}
.sx-steps-mini i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e3f5ec;color:#2f8f6c;font-style:normal;font-size:11px;font-weight:600}

/* Crypto withdrawal review card. */
.db-body .cb-controls>.container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;align-items:center}
.db-body .cb-controls p{color:#a5bab1!important}
.db-body .cb-controls a{color:#7fd8b2!important}
.sx-review{margin:0;padding:26px;border-radius:18px;background:#fff;color:#1d332b;box-shadow:0 30px 70px #0006}
.sx-review-head{display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid #e6ece9}
.sx-review-head b{display:block;font-size:1.35rem;font-weight:600;letter-spacing:-.02em}
.sx-review-head span{display:block;font-size:13px;color:#6f8a80}
.sx-review ul{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px}
.sx-review li{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:10px;background:#f4f8f6;font-size:15px;color:#24403a}
.sx-review li i{display:grid;place-items:center;flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#56d3a2;color:#0b1f18;font-size:16px}
@media(max-width:991.98px){.db-body .cb-controls>.container{grid-template-columns:1fr;gap:36px}}
.sx-card-icon>i,.sx-layer-icon>i,.sx-phase-dot>i,.sx-group-head>i{font-size:24px!important;line-height:1!important;position:static!important;width:auto!important}
.sx-phase-dot>i{font-size:22px!important}
.sx-phase-dot>i{color:inherit!important}
.db-body .mt-policy-list>article>span:not(.sx-card-icon){margin-top:0!important}
.db-body .mt-policy-list>article>div:not(.sx-mini){margin:0}
.sx-mini{min-height:100px}

/* Hero configuration panels: values sit under their labels so the phone never hides them. */
@media(min-width:992px){
.cb-network-glass,.mb-brand-studio{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 80%,transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 80%,transparent 100%);background:linear-gradient(130deg,#1d2c27e6,#141f1ccc)!important;border-color:#ffffff14!important}
.cb-network-glass>div,.mb-studio-row{flex-direction:column;align-items:flex-start!important;justify-content:center!important;gap:3px!important;min-height:0!important;padding:11px 0}
.cb-network-glass>div>span,.mb-studio-row>span{color:#86a99f}
.cb-network-glass b,.mb-studio-row b{color:#dcece5!important;font-size:13px!important}
.cb-network-glass h2,.mb-brand-studio h2{color:#e1eee8!important}
}

/* Mobile: web workspace with the phone beside it; release steps as cards. */
.db-body .mb-web-example{position:relative;overflow:visible;margin-right:150px}
.sx-phone{position:absolute;right:-150px;bottom:-40px;width:250px;padding:8px;border-radius:38px;background:linear-gradient(150deg,#4b5552,#101815 35%,#323d39 76%,#111916);box-shadow:0 30px 60px #17302a40}
.sx-phone-screen{position:relative;border-radius:31px;background:#f7faf9;padding:42px 18px 20px;font:400 12px/1.35 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#2c4b42}
.sx-phone-notch{position:absolute;top:10px;left:50%;width:74px;height:20px;margin-left:-37px;border-radius:12px;background:#101815}
.sx-phone-screen>small{display:block;font-size:11px;color:#7c958c}
.sx-phone-screen>b{display:block;font-size:19px;font-weight:600;letter-spacing:-.02em;color:#1d3a31;margin:2px 0 14px}
.sx-phone-label{display:block;font-size:11px;color:#7c958c}
.sx-phone-screen>strong{display:block;font-size:26px;font-weight:500;letter-spacing:-.03em;color:#1d3a31;margin:2px 0 14px}
.sx-phone-actions{display:flex;gap:10px;margin-bottom:16px}
.sx-phone-actions i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#3f7061;color:#fff;font-size:18px}
.sx-phone-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #e3ebe8}
.sx-phone-row img,.sx-phone-row>i{width:26px;height:26px;border-radius:50%;background:#191414;flex-shrink:0}
.sx-phone-row>i{display:grid;place-items:center;background:#e3f0ea;color:#2f7d63;font-size:16px}
.sx-phone-row span{flex:1;font-weight:500}
.sx-phone-row em{font-style:normal;font-weight:500}
.sx-phone-row em.is-in{color:#2f8f6c}
.db-body .mb-channel-explanation>div{display:flex;flex-direction:column;align-items:flex-start}
.db-body .mb-channel-explanation>div>span:not(.sx-card-icon){font-size:12px;color:#5f8a7b}
@media(max-width:1199.98px){.db-body .mb-web-example{margin-right:0}.sx-phone{display:none}}
.db-body .mb-implementation>.container{display:block}
.db-body .mb-implementation-copy{max-width:820px}
.db-body .mb-release-list>article>div{display:flex;flex-direction:column;flex:1}
.db-body .mb-release-list>article>div>a{margin-top:auto;padding-top:10px;color:#7fd8b2;font-size:13px}
.db-body .mb-release-list .mb-connector-setting{margin-top:6px}
.db-body .mb-release-list select{width:100%}

/* E-Wallet money map as three connected cards. */
.db-body .sx-map{align-items:stretch;gap:40px}
.db-body .sx-map>div{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:28px;border:1px solid #e1e8e4;border-radius:16px;background:#fff;text-align:left}
.db-body .sx-map>.ew-map-wallet{background:#0f1a17;border-color:#0f1a17;color:#dce9e2}
.db-body .sx-map>.ew-map-wallet h3{color:#eef5f1}
.db-body .sx-map>.ew-map-wallet p{color:#9db3a9}
.db-body .sx-map>.ew-map-wallet .sx-card-icon{background:#1b3a30;color:#56d3a2}
.db-body .sx-map>.ew-map-wallet>div span{background:#1b2d27;border-color:#2b4339;color:#cfe9dc}
.db-body .sx-map>div:not(:last-child)::after{content:"\2192";position:absolute;right:-31px;top:50%;margin-top:-11px;font-size:18px;color:#2f8f6c}
.db-body .sx-map>div>span:not(.sx-card-icon){font-size:12px;color:#5f8a7b;margin-bottom:6px}
.db-body .sx-map h3{font-size:1.4rem;font-weight:500;margin:0 0 8px}
.db-body .ew-map-outcomes{gap:4px}
.db-body .ew-map-outcomes>a{display:grid!important;grid-template-columns:36px 1fr;column-gap:12px;align-items:center;width:100%;padding:10px 0;border-bottom:1px solid #edf2ef;text-decoration:none}
.db-body .ew-map-outcomes>a>i{grid-row:span 2;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#e3f5ec;color:#2f8f6c;font-size:18px}
.db-body .ew-map-outcomes>a strong{font-weight:600;color:#17302a}
.db-body .ew-map-outcomes>a span{font-size:13px;color:#2f7d63}
.db-body .sx-map::before,.db-body .sx-map::after{display:none!important}
@media(max-width:991.98px){.db-body .sx-map>div:not(:last-child)::after{content:"\2193";right:50%;top:auto;bottom:-32px}}

/* The hero and its logo band are one dark unit; the next block opens on light, never a third dark band. */
.db-body .kf-life--wide{background:#f4f7f5}
.db-body .nb-audiences,.db-body .mb-everyday{background:#f4f7f5;color:#1d332b}
.db-body .nb-audiences h2,.db-body .mb-everyday h2{color:#17302a}
.db-body .nb-audience-intro .kf-eyebrow,.db-body .mb-everyday-copy>.kf-eyebrow{color:#2f7d63}
.db-body .nb-audience-intro>p,.db-body .mb-everyday-copy>p{color:#5d7068}

/* Neobank decisions: a stronger product surface with readable values. */
.db-body .nb-decisions{border-radius:18px;overflow:hidden;border-color:#dfe7e3;background:#fff}
.db-body .nb-decision-tabs{background:#f4f7f5}
.db-body .nb-decision-tabs button[aria-selected=true]{background:#fff;color:#17302a;box-shadow:inset 0 -2px 0 #2f8f6c}
.db-body .nb-decision-panels{background:radial-gradient(ellipse at 85% 100%,#56d3a21c,transparent 60%),#fbfcfb}
.db-body .nb-catalog{border-radius:14px;border-color:#dfe8e3;background:#fff;box-shadow:0 24px 60px #17302a14;color:#24403a}
.db-body .nb-catalog header span,.db-body .nb-catalog-columns span,.db-body .nb-catalog footer{color:#6f8a80}
.db-body .nb-catalog h4{color:#17302a}
.db-body .nb-catalog-row b{color:#1d3a31}
.db-body .nb-catalog-row small{color:#6f8a80}
.db-body .nb-catalog-row strong{color:#2f7d63;font-weight:500}
.db-body .nb-catalog-row>i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e3f5ec;color:#2f8f6c;font-style:normal;font-weight:600}

/* FAQ: the left column carries a lead and a way out to a person. */
.sx-faq-lead{margin:18px 0 26px;max-width:340px;font-size:1rem;line-height:1.6;color:#5d7068}
.sx-faq-card{display:flex;align-items:center;gap:14px;max-width:380px;padding:18px 20px;border:1px solid #e1e8e4;border-radius:14px;background:#f7faf8;color:#17302a;text-decoration:none;transition:border-color .2s,background .2s}
.sx-faq-card:hover{border-color:#9fd6bf;background:#fff;color:#17302a}
.sx-faq-card .sx-card-icon{margin:0!important;width:44px;height:44px}
.sx-faq-card>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:2px}
.sx-faq-card b{font-weight:600;font-size:15px}
.sx-faq-card small{font-size:13px;color:#5d7068;line-height:1.45}
.sx-faq-card>i{font-size:22px;color:#2f8f6c;transition:transform .2s}
.sx-faq-card:hover>i{transform:translateX(3px)}
.db-body .kf-accordion details{transition:background .2s}
.db-body .kf-accordion summary{font-size:1.08rem}

/* Related solutions: three cards before the closing band. */
.db-body .sl-related{background:#fff;padding:96px 0 88px}
.sx-related-head h2{margin:0 0 34px}
.sx-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sx-related a{position:relative;display:flex;flex-direction:column;gap:10px;min-height:170px;padding:28px 30px;border:1px solid #e1e8e4;border-radius:16px;background:radial-gradient(ellipse at 100% 0,#56d3a21a,transparent 55%),#f7faf8;color:#17302a;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}
.sx-related a:hover{border-color:#9fd6bf;box-shadow:0 18px 50px #17302a14;transform:translateY(-2px);color:#17302a}
.sx-related b{font-size:1.3rem;font-weight:500;letter-spacing:-.02em}
.sx-related span{font-size:.98rem;line-height:1.5;color:#5d7068}
.sx-related em{margin-top:auto;font-style:normal;font-size:20px;color:#2f8f6c;transition:transform .2s}
.sx-related a:hover em{transform:translateX(4px)}
@media(max-width:767.98px){.sx-related{grid-template-columns:1fr}.db-body .sl-related{padding:64px 0}}

/* Closing band: the ask on the left, pricing and API on the right. */
.db-body .kf-cta.sx-close{padding:110px 0;background:radial-gradient(ellipse 60% 80% at 0% 100%,#56d3a224,transparent 60%),radial-gradient(ellipse 50% 70% at 100% 0%,#1f5a4433,transparent 60%),#0b1110;text-align:left}
.db-body .sx-close>.container{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:72px;align-items:center}
.db-body .sx-close-copy{max-width:600px;text-align:left}
.db-body .sx-close-copy h2{text-align:left;margin-left:0!important;margin-right:0!important;max-width:none}
.db-body .sx-close-copy>p{margin-left:0!important;margin-right:0!important;text-align:left;max-width:520px}
.sx-close-cards{display:grid;gap:16px}
.sx-close-card{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:18px;row-gap:4px;padding:24px 26px;border:1px solid #ffffff17;border-radius:16px;background:#ffffff08;color:#e7f1ec;text-decoration:none;backdrop-filter:blur(6px);transition:border-color .2s,background .2s}
.sx-close-card:hover{border-color:#56d3a266;background:#ffffff0f;color:#e7f1ec}
.sx-close-card .sx-card-icon{grid-row:span 3;margin:0!important;background:#1b3a30;color:#56d3a2}
.sx-close-card b{font-size:1.1rem;font-weight:500}
.sx-close-card>span:not(.sx-card-icon){font-size:.95rem;line-height:1.55;color:#a5bab1}
.sx-close-card em{font-style:normal;font-size:13px;color:#7fd8b2;margin-top:6px}
@media(max-width:991.98px){.db-body .sx-close>.container{grid-template-columns:1fr;gap:40px}.db-body .kf-cta.sx-close{padding:80px 0}}
.sx-related .sx-card-icon{margin:0 0 8px!important}
.sx-faq-lead{margin-bottom:22px}

/* Crypto hero: assets and a live quote instead of a settings panel. */
.cb-network-glass.sx-coins{left:0;top:60px;width:420px;height:620px;padding:0;border:0!important;background:none!important;-webkit-mask-image:none!important;mask-image:none!important;opacity:1!important}
.sx-coin{position:absolute;border-radius:50%;filter:drop-shadow(0 18px 30px #0008);animation:sx-float 7s ease-in-out infinite}
.sx-coin--btc{left:40px;top:40px;width:84px;height:84px}
.sx-coin--eth{left:230px;top:0;width:64px;height:64px;animation-delay:-2s}
.sx-coin--usdc{left:10px;top:470px;width:56px;height:56px;animation-delay:-4s}
.sx-coins::before{content:"";position:absolute;left:30px;top:120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,#56d3a233,transparent 65%);filter:blur(10px)}
.sx-quote{position:absolute;left:60px;top:170px;width:300px;padding:24px;border-radius:18px;background:#f7faf9;color:#1d3a31;box-shadow:0 30px 70px #000a;font:400 13px/1.35 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;transform:rotate(-3deg)}
.sx-quote>span{display:block;font-size:12px;color:#6f8a80;margin-bottom:14px}
.sx-quote>div{display:flex;justify-content:space-between;align-items:baseline;padding:12px 14px;border-radius:12px;background:#eaf2ee}
.sx-quote small{font-size:12px;color:#5d7068}
.sx-quote b{font-size:22px;font-weight:600;letter-spacing:-.02em}
.sx-quote b i{font-style:normal;font-size:12px;color:#5d7068;font-weight:500}
.sx-quote>em{display:grid;place-items:center;width:30px;height:30px;margin:-6px auto;position:relative;z-index:1;border-radius:50%;background:#56d3a2;color:#0b1f18;font-style:normal;font-weight:700}
.sx-quote>p{display:flex;justify-content:space-between;margin:14px 2px 0;font-size:12px;color:#5d7068}
@keyframes sx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@media(prefers-reduced-motion:reduce){.sx-coin{animation:none}}
@media(max-width:1199.98px){.cb-network-glass.sx-coins{transform:scale(.85);transform-origin:top left}}
@media(max-width:991.98px){.cb-network-glass.sx-coins{left:50%;transform:translateX(-105%) scale(.8)}}
@media(max-width:600px){.cb-network-glass.sx-coins{display:none}}

/* Neobank hero: a solid configurator wired to the phone. */
@media(min-width:992px){
.nb-product-settings{background:#13201c!important;border:1px solid #2b4339!important;-webkit-mask-image:none!important;mask-image:none!important;box-shadow:0 30px 70px #0007;color:#a9c4ba!important;font-size:12px!important;width:300px!important}
.nb-product-settings h2{color:#e7f1ec!important}
.nb-product-settings::after{content:"";position:absolute;top:50%;right:-60px;width:60px;border-top:2px dashed #56d3a2aa}
.nb-product-settings::before{content:"";position:absolute;top:calc(50% - 5px);right:-66px;width:10px;height:10px;border-radius:50%;background:#56d3a2;box-shadow:0 0 0 5px #56d3a233}
.nb-segment-picker{display:flex!important;gap:4px;padding:4px;border-radius:10px;background:#0b1411;border:1px solid #24372f}
.nb-segment-picker legend{float:left;width:100%;margin-bottom:8px;font-size:12px;color:#86a99f}
.nb-segment-picker label{flex:1;margin:0!important}
.nb-segment-picker input{position:absolute;opacity:0;pointer-events:none}
.nb-segment-picker label span{display:block;text-align:center;padding:8px 0;border-radius:7px;color:#a9c4ba;cursor:pointer}
.nb-segment-picker input:checked+span{background:#56d3a2;color:#0b1f18;font-weight:600}
.nb-default-tariff strong{color:#e7f1ec}
}

/* Mobile hero: a brand kit with the app icon in the chosen accent. */
.sx-app-icon{display:grid;place-items:center;width:64px;height:64px;margin-bottom:18px;border-radius:16px;background:var(--mb-app-accent,#3f7061);color:#fff;font:700 26px/1 'Source Sans Pro',sans-serif;box-shadow:0 14px 30px #0006,inset 0 1px 0 #ffffff33;transition:background .3s}
@media(min-width:992px){.mb-brand-studio{-webkit-mask-image:none!important;mask-image:none!important;background:#13201c!important;border:1px solid #2b4339!important;box-shadow:0 30px 70px #0007}
.mb-theme-picker label{gap:8px}
.mb-theme-swatch{width:34px!important;height:34px!important;box-shadow:0 0 0 2px #13201c,0 0 0 3px #ffffff22}
.mb-theme-picker input:checked+.mb-theme-swatch{box-shadow:0 0 0 2px #13201c,0 0 0 4px #56d3a2}}
@media(max-width:991.98px){.sx-app-icon{display:none}}
.cb-network-glass.sx-coins .sx-quote{left:-10px;top:180px;width:290px}
.cb-network-glass.sx-coins .sx-quote>div{flex-direction:row!important;justify-content:space-between!important;align-items:baseline!important;gap:10px!important;min-height:0!important;padding:12px 14px!important;border:0!important;font-size:12px}
.cb-network-glass.sx-coins .sx-quote b{color:#1d3a31!important;font-size:21px!important;font-weight:600!important}
.cb-network-glass.sx-coins .sx-quote>p{display:flex!important;justify-content:space-between}
.cb-network-glass.sx-coins .sx-quote>p span+span{color:#1d3a31;font-weight:600}
.cb-network-glass.sx-coins .sx-coin--eth{left:250px;top:40px}
.cb-network-glass.sx-coins .sx-coin--usdc{left:200px;top:470px}
@media(min-width:992px){
.nb-segment-picker{display:block!important;padding:0!important;border:0!important;background:none!important}
.nb-segment-picker legend{float:none;display:block;margin-bottom:8px}
.nb-segment-picker label{display:inline-block;width:calc(50% - 4px);margin:0 4px 0 0!important}
.nb-segment-picker label span{border:1px solid #2b4339;border-radius:9px;background:#0b1411}
.nb-segment-picker input:checked+span{border-color:#56d3a2}
}
.cb-network-glass.sx-coins>.sx-quote{display:block!important;padding:24px!important;border:0!important;min-height:0!important;gap:0!important}
.cb-network-glass.sx-coins>.sx-quote>div{display:flex!important}
.cb-network-glass.sx-coins>.sx-coin--eth{left:150px;top:10px}
.cb-network-glass.sx-coins>.sx-coin--btc{left:10px;top:60px}

/* Icon cards, pass 2: depth and a mint highlight so they read as product surfaces. */
.db-body .sx-cards>article{background:linear-gradient(180deg,#fff,#f8fbf9);box-shadow:0 1px 0 #fff inset,0 10px 30px #17302a08;transition:transform .25s,box-shadow .25s,border-color .25s}
.db-body .sx-cards>article:hover{transform:translateY(-3px);border-color:#bfe3d3;box-shadow:0 22px 50px #17302a14}
.db-body .sx-cards>article::before{content:"";position:absolute;left:30px;right:30px;top:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#56d3a2,transparent);opacity:0;transition:opacity .25s}
.db-body .sx-cards>article:hover::before{opacity:1}
.db-body .sx-cards--dark>article{background:linear-gradient(180deg,#15231f,#111c19);box-shadow:none}
.db-body .sx-cards--dark>article:hover{border-color:#56d3a266;box-shadow:0 22px 50px #0006}
.sx-card-icon{background:linear-gradient(140deg,#e9f8f1,#d3f0e3)!important;box-shadow:inset 0 0 0 1px #c3e8d7}
.sx-cards--dark .sx-card-icon,.sx-path--alt .sx-card-icon,.sx-close-card .sx-card-icon,.db-body .sx-map>.ew-map-wallet .sx-card-icon{background:linear-gradient(140deg,#1f4337,#173229)!important;box-shadow:inset 0 0 0 1px #2f5a4b}

/* Embedded scope: each starting point leads with a product surface on a tinted stage. */
.db-body .ef-scope{background:#f4f7f5}
.db-body .ef-scope-grid{gap:24px}
.db-body .ef-scope-grid>article{padding:0 0 32px;border:1px solid #e1e8e4;border-radius:18px;background:#fff;overflow:hidden}
.db-body .ef-scope-grid>article>:not(.ef-account-spec):not(.ef-payment-spec){margin-inline:34px}
.db-body .ef-scope-grid>article>h3{margin-top:28px}
.db-body .ef-account-spec,.db-body .ef-payment-spec{position:relative;min-height:280px;margin:0;padding:34px 40px 0;border:0;border-radius:0;background:radial-gradient(ellipse at 50% 120%,#56d3a240,transparent 60%),#eef4f1;display:flex;flex-direction:column;justify-content:flex-end}
.db-body .ef-account-spec>*,.db-body .ef-payment-spec>*{position:relative;z-index:1}
.db-body .ef-account-spec::before,.db-body .ef-payment-spec::before{content:"";position:absolute;left:40px;right:40px;top:34px;bottom:0;border-radius:14px 14px 0 0;background:#fff;box-shadow:0 -6px 40px #17302a14;z-index:0}
.db-body .ef-account-spec>span,.db-body .ef-payment-spec>span{display:block;margin:22px 24px 0;font-size:12px;color:#6f8a80}
.db-body .ef-account-spec>strong{display:flex;align-items:center;gap:12px;margin:12px 24px 16px;font-size:1.5rem;color:#17302a}
.db-body .ef-account-spec>strong i,.db-body .ef-payment-spec b i{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#e3f5ec;color:#2f8f6c;font-size:20px;font-style:normal}
.db-body .ef-account-spec>div,.db-body .ef-account-spec>a.ef-config-link{margin-inline:24px;font-size:13px;color:#24403a}
.db-body .ef-account-spec>div:last-child{padding-bottom:20px}
.db-body .ef-account-spec select{font-size:13px;color:#24403a;padding:7px 30px 7px 10px;border-color:#d6e3dd;border-radius:8px}
.db-body .ef-payment-spec>div{justify-content:center;gap:0;padding:30px 24px 8px}
.db-body .ef-payment-spec b{display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;border:1px solid #dfe8e3;border-radius:14px;background:#fff;font-size:1.25rem;font-weight:500;color:#17302a}
.sx-flow-line{position:relative;width:90px;height:2px;margin:0 6px;background:repeating-linear-gradient(90deg,#56d3a2 0 6px,transparent 6px 11px)}
.sx-flow-line::after{content:"";position:absolute;right:-2px;top:-4px;border:5px solid transparent;border-left:7px solid #56d3a2}
.db-body .ef-payment-spec .sx-steps-mini{padding:8px 24px 26px;margin:0}
@media(max-width:600px){.db-body .ef-account-spec,.db-body .ef-payment-spec{padding:24px 16px 0}.db-body .ef-account-spec::before,.db-body .ef-payment-spec::before{left:16px;right:16px;top:24px}.db-body .ef-scope-grid>article>:not(.ef-account-spec):not(.ef-payment-spec){margin-inline:22px}.sx-flow-line{width:40px}}
.db-body .ef-account-spec,.db-body .ef-payment-spec{height:300px;min-height:0}

/* Pass 3 fixes. */
.sx-stack .sx-layer>.sx-layer-icon{display:grid!important;place-items:center!important;width:52px!important;height:52px!important;margin:0 0 0 13px!important;padding:0!important;font-size:26px!important;line-height:1!important;color:#56d3a2!important;background:linear-gradient(140deg,#1f4337,#173229)!important;border:0!important;text-transform:none!important;letter-spacing:0!important}
.sx-stack .sx-layer--core>.sx-layer-icon{width:66px!important;margin-left:6px!important;background:#0b1411!important;border:1px solid #56d3a266!important}
.sx-stack .sx-layer>.sx-layer-icon>i{font-size:26px!important;color:#56d3a2!important}
.db-body .sx-close-copy .btn>span,.db-body .kf-cta .btn>span{margin-left:14px}
.sx-guide--all{display:flex;flex-direction:column;justify-content:center;gap:10px;height:100%;min-height:260px;padding:30px;border:1px dashed #b9dccb;border-radius:14px;background:radial-gradient(ellipse at 100% 0,#56d3a21f,transparent 60%),#f4f9f6;color:#17302a;text-decoration:none;transition:border-color .2s,background .2s}
.sx-guide--all:hover{border-color:#56d3a2;color:#17302a}
.sx-guide--all b{font-size:1.25rem;font-weight:500}
.sx-guide--all span:not(.sx-card-icon){font-size:.95rem;line-height:1.55;color:#5d7068}
.sx-guide--all em{margin-top:8px;font-style:normal;font-size:20px;color:#2f8f6c}
.sx-guide--all .sx-card-icon{margin:0 0 6px!important}
.sx-licence--ask{border-style:dashed;border-color:#b9dccb;background:radial-gradient(ellipse at 100% 0,#56d3a21f,transparent 60%),#f4f9f6}
.sx-licence--ask .sx-card-icon{margin:0 0 4px!important;width:40px;height:40px;font-size:20px}
.sx-licence--ask p{-webkit-line-clamp:4}
.sx-stage{display:flex;align-items:flex-end;justify-content:center;padding:36px 40px 0;border-radius:18px;background:radial-gradient(ellipse at 50% 120%,#56d3a240,transparent 60%),#e8f1ec;overflow:hidden}
.sx-stage>.ew-product-defaults{width:100%;margin:0;border:0!important;border-radius:14px 14px 0 0!important;background:#fff!important;box-shadow:0 -6px 40px #17302a14;color:#24403a}
.sx-stage .ew-product-defaults h3{color:#17302a}
.sx-stage .ew-product-defaults :is(span,label,p){color:#6f8a80}
.sx-stage .ew-product-defaults strong{color:#1d3a31}
.sx-stage .ew-product-defaults select{border-radius:10px;border-color:#d6e3dd;color:#24403a}
.db-body .ew-product{background:#f4f7f5}

/* Photo overlay cards: crisp white product surface with a mint status mark. */
.db-body .kf-product-glimpse{border:0;border-radius:16px;background:#fff;box-shadow:0 30px 70px #0b1f1840,0 2px 6px #0b1f1814;color:#17302a;padding:22px 24px}
.db-body .kf-product-glimpse>span:first-child{display:flex;align-items:center;gap:8px;color:#6f8a80;font-size:12px}
.db-body .kf-product-glimpse>span:first-child::before{content:"";width:18px;height:18px;border-radius:6px;background:linear-gradient(140deg,#56d3a2,#2f8f6c);box-shadow:0 0 0 3px #56d3a226}
.db-body .kf-product-glimpse strong{color:#17302a}
.db-body .kf-product-glimpse>div{border-top-color:#e6ece9;font-size:13px}
.db-body .kf-product-glimpse>div span{color:#6f8a80}
.db-body .kf-product-glimpse b{color:#17302a}
.db-body .nb-audience-glimpse,.db-body .mb-everyday-photo [class*=toast],.db-body .mb-everyday-photo [class*=glimpse]{border-radius:16px;box-shadow:0 30px 70px #0b1f1840}

/* Neobank roadmap sits on its own surface. */
.db-body .nb-evolution .sx-roadmap{padding:34px 34px 28px;border:1px solid #24372f;border-radius:18px;background:radial-gradient(ellipse at 0 0,#56d3a21a,transparent 60%),#111c19}
.db-body .nb-evolution .sx-roadmap::before{left:55px;top:64px;bottom:84px}

/* Crypto: readable provider roles and a mint stage for the journey cards. */
.db-body .cb-provider-section{background:#f4f7f5}
.db-body .cb-provider-roles h3{color:#17302a}
.db-body .cb-provider-roles p{color:#5d7068!important}
.db-body .cb-provider-roles article>span{color:#2f7d63;font-size:12px}
.db-body .cb-provider-roles a{color:#2f7d63!important}
.db-body .cb-provider-content h3{color:#17302a}
.db-body .cb-provider-content dt,.db-body .cb-provider-content label{color:#6f8a80}
.db-body .cb-provider-content dd{color:#1d3a31}
.db-body .cb-provider-content>p{color:#6f8a80}
.db-body .cb-provider-settings{border-radius:16px;box-shadow:0 24px 60px #17302a14}
.sx-phase--now .sx-phase-dot>i{color:#0b1f18!important}
.db-body .cb-journey-stage{background:radial-gradient(ellipse at 50% 120%,#56d3a240,transparent 60%),#e8f1ec!important;border-radius:18px}
.db-body .cb-journey-steps h3{color:#17302a}
.db-body .cb-journey-steps p{color:#5d7068}
.db-body .cb-journey-steps article>span{color:#2f7d63;font-size:12px}
/* When the wide photo block stacks, its copy sits on the light section: switch to dark text. */
@media(max-width:991.98px){
.db-body .kf-life--wide{color:#17302a}
.db-body .kf-life--wide h2{color:#17302a}
.db-body .kf-life--wide .kf-life-copy p{color:#5d7068}
.db-body .kf-life--wide .kf-eyebrow{color:#2f7d63}
.db-body .kf-life--wide .kf-life-copy li{color:#24403a}
}

/* Case visual, pass 4: the customer's own product in a framed window that bleeds off the stage,
   at a crisp 2x crop. Same frame and scale on every card. */
.db-body .sx-case-visual{position:relative;display:block;height:280px;padding:0;background:radial-gradient(ellipse at 50% 120%,#56d3a240,transparent 60%),#e8f1ec;overflow:hidden}
.db-body .sx-case-visual img{position:absolute;left:32px;right:32px;top:62px;width:calc(100% - 64px);max-width:none;max-height:none;height:auto;object-fit:initial;filter:none;border-radius:0;box-shadow:0 -4px 30px #17302a14}
.sx-case-window{position:absolute;left:32px;right:32px;top:30px;height:32px;display:flex;align-items:center;gap:6px;padding:0 14px;border-radius:12px 12px 0 0;background:#fff;border-bottom:1px solid #edf2ef;box-shadow:0 -4px 30px #17302a14;z-index:1}
.sx-case-window i{width:8px;height:8px;border-radius:50%;background:#dbe5e0}
.db-body .kf-case:hover .sx-case-visual img,.db-body .dbl-proof:hover .sx-case-visual img{transform:translateY(-4px);transition:transform .4s}
.db-body .sx-case-visual img{transition:transform .4s}
@media(max-width:600px){.db-body .sx-case-visual{height:220px}.db-body .sx-case-visual img,.sx-case-window{left:18px;right:18px;width:calc(100% - 36px)}.sx-case-window{top:22px}.db-body .sx-case-visual img{top:54px}}

/* Case cards, pass 5: a customer panel instead of template screenshots.
   Knockout logo, what they launched, live status. One logo per card. */
.db-body .sx-case-panel{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:26px;height:auto;min-height:232px;margin:0;padding:30px 32px 26px;background:radial-gradient(ellipse 80% 90% at 100% 0,#56d3a22b,transparent 60%),radial-gradient(ellipse 60% 60% at 0 100%,#1f5a4433,transparent 70%),#0b1110;overflow:hidden;align-self:stretch}
.db-body .sx-case-panel::after{content:"";position:absolute;right:-60px;bottom:-60px;width:220px;height:220px;border-radius:50%;border:1px solid #56d3a222;box-shadow:0 0 0 30px #56d3a208,0 0 0 60px #56d3a205;pointer-events:none}
.db-body .sx-case-panel img.sx-case-logo{position:static;display:block;width:auto;max-width:190px;height:34px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1);transform:none;box-shadow:none;border-radius:0}
.sx-case-facts{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.sx-case-facts li{padding:6px 12px;border:1px solid #2b4339;border-radius:20px;background:#13201c;color:#d6e6de;font-size:13px;line-height:1.3}
.sx-case-live{position:absolute;top:30px;right:30px;display:flex;align-items:center;gap:8px;margin:0;font-size:12px;color:#9fe8c8;letter-spacing:.02em}
.sx-case-live i{width:8px;height:8px;border-radius:50%;background:#56d3a2;box-shadow:0 0 0 4px #56d3a226;animation:sx-pulse 2.4s ease-in-out infinite}
@keyframes sx-pulse{0%,100%{box-shadow:0 0 0 4px #56d3a226}50%{box-shadow:0 0 0 7px #56d3a20d}}
@media(prefers-reduced-motion:reduce){.sx-case-live i{animation:none}}
.db-body .kf-case:hover .sx-case-panel,.db-body .dbl-proof:hover .sx-case-panel{background-color:#0d1513}
.db-body .kf-case>h3,.db-body .dbl-proof>.dbl-proof-kicker{margin-top:28px}
.db-body .dbl-proof>.dbl-proof-kicker{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#2f7d63}
.db-body .dbl-proof>.dbl-proof-kicker+h3{margin-top:8px}
.db-body .kf-case>.kf-text-link,.db-body .dbl-proof>a{margin-top:auto;font-size:14px;color:#2f7d63}
.db-body .kf-case p,.db-body .dbl-proof p{margin-bottom:26px}
@media(max-width:1199.98px){.sx-case-live{position:static;order:-1}}
@media(max-width:600px){.db-body .sx-case-panel{padding:24px 22px 22px;min-height:0}}
.db-body .sx-case-panel{align-items:flex-start;text-align:left}
.db-body .sx-case-panel img.sx-case-logo{max-width:160px;height:30px;margin:0}
.sx-case-facts{justify-content:flex-start;width:100%}

/* Pass 6: findings of the full-resolution block audit. */
/* Typography: no orphans in headings, calmer rag in copy, readable measure. */
.db-body :is(h1,h2,h3),.lp-body :is(h1,h2,h3){text-wrap:balance}
.db-body p,.lp-body p{text-wrap:pretty}
.db-body .kf-accordion details>div p{max-width:70ch}
/* Amounts render in one colour. */
.db-body .kf-product-glimpse b span{color:inherit!important}
/* API block: one primary colour on the page, code fades instead of stopping mid-object. */
.db-body .kf-developer-link{background:transparent;color:#9fe8c8;border:1px solid #56d3a2}
.db-body .kf-developer-link:hover{background:#56d3a21a;color:#d6f7e9}
.db-body .kf-code-panel{position:relative}
.db-body .kf-code-panel::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(transparent,#111e1a);pointer-events:none}
.db-body .kf-code-context,.db-body .kf-code-endpoint code{font-size:12px!important;color:#9db3a9!important}
/* Case panels: tighter, the chips sit under the logo. */
.db-body .sx-case-panel{min-height:0;justify-content:flex-start;gap:22px;padding-bottom:30px}
/* Connector directory: auto-fit tiles, one CTA tile, consistent wordmarks. */
.sx-conn-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.sx-conn--all{grid-column:auto!important;min-height:150px!important;flex-direction:column!important}
.sx-conn img{object-fit:contain;object-position:center}
.sx-wordmark{font-size:22px;font-weight:700;letter-spacing:-.02em}
.sx-conn-link{font-size:13px;color:#4f6f64}
/* Licence cards: full text, button-style disclosure. */
.sx-licence-more>summary{justify-content:center;gap:12px;width:fit-content;margin:8px auto 0;padding:12px 22px;border:1px solid #cfe0d8;border-radius:30px;background:#fff;font-weight:500}
.sx-licence-more[open]>summary{margin-bottom:8px}
.sx-licence-tag i{display:none}
/* Guides: the "all guides" tile matches the image cards. */
.sx-guide--all{aspect-ratio:auto;min-height:0;height:calc(100% - 4px)}
.sx-guide h3{font-size:1.15rem}
/* FAQ: the left column follows the reader. */
@media(min-width:992px){.db-body .kf-notes-layout>div:first-child{position:sticky;top:110px;align-self:start}}
.db-body .sx-faq-lead{margin-bottom:30px}
/* Related: compact link cards. */
.sx-related a{min-height:0;padding:24px 26px;flex-direction:row;align-items:center;gap:16px}
.sx-related a>.sx-card-icon{margin:0!important;flex-shrink:0}
.sx-related a>b{display:block}
.sx-related a>span:not(.sx-card-icon){display:none}
.sx-related a>em{margin:0 0 0 auto}
/* Card copy on tinted surfaces stays readable. */
.db-body .sx-cards>article p{color:#4d6359}
/* Footnotes and illustrative-data captions: 12px floor and a darker muted tone. */
.db-body :is(.ew-map-note,.core-migration-note,.sl-note,.dbs-disclaimer,.mt-note,.kf-scene-note,[class*=-sample-note],[class*=caption]){font-size:12px!important;color:#6f8a80!important}
.db-body .sx-stage{padding-bottom:36px}
.db-body .sx-stage>.ew-product-defaults{border-radius:14px!important}
.mt-bank-mark,.mt-mobile-bank-mark{display:inline-grid!important;place-items:center;background:#0f1d18!important;color:#e6f5ee!important;font:600 14px/1 'Source Sans Pro',sans-serif!important}
.mt-hero .kf-breadcrumbs{justify-content:center}
/* E-Wallet: overlay card clears the hand at the till. */
.db-body .kf-life-photo--market .kf-product-glimpse{top:56px;bottom:auto}
/* Core architecture: logos legible, Crassula tile aligned with the others. */
.sx-layer-logos img{height:22px!important;max-width:130px!important}
.sx-stack .sx-layer--core>.sx-layer-icon{width:52px!important;margin-left:13px!important}
.sx-stack .sx-layer--core>.sx-layer-icon img{width:30px!important}
.db-body .core-architecture .sx-layer{grid-template-columns:80px minmax(0,1fr)}
.db-body .core-architecture .sx-layer>.sx-chips,.db-body .core-architecture .sx-layer>.sx-layer-logos{grid-column:2;margin-top:-6px}
/* Money Transfer fee/limit/approval: equal visual height, aligned labels. */
.db-body .mt-policy .sx-mini{height:120px;min-height:0;margin-bottom:22px;display:flex;flex-direction:column;justify-content:center}
.db-body .mt-policy .sx-mini--fee{display:grid;align-content:center}
.db-body .mt-policy .sx-mini--approval{flex-direction:row}
.db-body .mt-policy-list>article>div:not(.sx-mini) p{margin-bottom:0}

/* Pass 6b: shared components after the four page audits. */
/* Code samples: long lines wrap inside the card. */
.db-body .kf-code-panel pre{overflow-x:auto}
.db-body .kf-code-panel pre>code{white-space:pre}
.db-body .kf-code-number{min-width:3ch;white-space:nowrap}
/* No dashed "placeholder" tiles: solid, lightly tinted. */
.sx-conn--all,.sx-guide--all,.sx-licence--ask{border-style:solid!important;border-color:#cfe3d9!important;background:linear-gradient(160deg,#eff8f3,#f7faf8)!important}
.lp-partner-more{border-style:solid!important}
/* Connector tiles: fixed logo box so captions share a baseline. */
.sx-conn{display:grid;grid-template-rows:64px auto;place-items:center;align-content:center;row-gap:10px}
.sx-conn--all{display:flex!important;align-items:center;justify-content:center}
/* Digital Banking connectors: two balanced capability groups per row. */
.sx-conn-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.sx-conn-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-content:start}
.sx-conn-group>.sx-group-head{grid-column:1/-1}
.sx-conn-group>.sx-group-more{grid-column:1/-1;margin-top:4px;padding-top:0}
.sx-conn-group .sx-conn{border:0;background:#f4f8f6;min-height:96px}
@media(max-width:991.98px){.sx-conn-groups{grid-template-columns:1fr}}
@media(max-width:480px){.sx-conn-group{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Guides: arrows on the heading row; short lists as a static grid. */
.sx-guides-head{align-items:flex-end;margin-bottom:40px}
.sx-guides-head .kf-section-heading{margin-bottom:0!important}
.sx-guides-grid{display:grid;gap:24px}
.sx-guides-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sx-guides-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sx-guides-grid .sx-guide--all{height:auto;min-height:100%}
@media(max-width:767.98px){.sx-guides-grid[class*=--]{grid-template-columns:1fr}}
/* Licence grid fills the row whatever the count. */
.sx-licence-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
/* Related: header rhythm like every other section, no smudge. */
.sx-related-head .kf-eyebrow{display:block;margin-bottom:16px}
.sx-related-head h2{margin-bottom:40px}
.sx-related a{background:#f7faf8}
/* Closing cards: equal heights. */
.sx-close-cards{grid-auto-rows:1fr}
.sx-close-card em{align-self:end}
/* FAQ help card. */
.sx-faq-card b{font-weight:500}
.sx-faq-card{max-width:400px}
.sx-faq-lead{margin:20px 0 32px}
/* Overlay cards on photos sit over quiet background, not over the action. */
.db-body .kf-life:not(.kf-life--wide) .kf-product-glimpse{top:40px;bottom:auto}
/* Card Issuing: Crassula mark sized like the other party icons. */
.ci-party--core .ci-party-icon{width:72px!important}
.ci-party--core .ci-party-icon img{width:40px!important;height:40px!important}
.ci-party-logos img{height:22px!important;width:auto!important;max-width:110px}
.ci-parties .ci-party{text-align:center}
/* Card Issuing hero: cards sit left of the phone, real EMV chip. */
.ci-card-fan{left:-36px!important}
.ci-plastic--mint{left:-6px!important}
.ci-plastic-chip{background:linear-gradient(90deg,transparent 30%,#9c8a5577 30% 32%,transparent 32% 68%,#9c8a5577 68% 70%,transparent 70%),linear-gradient(180deg,transparent 32%,#9c8a5577 32% 35%,transparent 35% 65%,#9c8a5577 65% 68%,transparent 68%),linear-gradient(135deg,#f1e6bd,#c9b47c 55%,#eadcaa)!important}
/* Background rhythm: no two dark bands in a row before the dark API block. */
.db-body .cb-controls{background:#f4f7f5!important;color:#17302a}
.db-body .cb-controls h2{color:#17302a!important}
.db-body .cb-controls .kf-eyebrow{color:#2f7d63!important}
.db-body .cb-controls p{color:#4d6359!important}
.db-body .cb-controls a{color:#2f7d63!important}
.db-body .sx-review{box-shadow:0 30px 70px #17302a1f;border:1px solid #e1e8e4}
.db-body .mb-implementation,.db-body .ef-responsibilities{background:#f4f7f5!important;color:#17302a}
.db-body .mb-implementation h2,.db-body .ef-responsibilities h2{color:#17302a!important}
.db-body .mb-implementation .kf-eyebrow,.db-body .ef-responsibilities .kf-eyebrow{color:#2f7d63!important}
.db-body .mb-implementation-copy p,.db-body .ef-responsibilities .ef-section-heading p{color:#4d6359!important}
.db-body .mb-implementation-copy a{color:#2f7d63!important}
.db-body .sx-cards--flow>article:not(:last-of-type)::after{background:#0f1a17;border-color:#56d3a266;color:#56d3a2}
/* Mobile: workspace caption clears the phone. */
.db-body .mb-web-example>footer{padding-right:150px}
/* Crypto hero: flat quote card that tucks under the phone edge, two coins only. */
.cb-network-glass.sx-coins>.sx-quote{transform:none!important;left:14px!important;top:190px!important;box-shadow:0 30px 70px #000b,0 0 0 1px #ffffff14}
.cb-network-glass.sx-coins>.sx-coin--usdc{display:none}
.cb-network-glass.sx-coins>.sx-coin--btc{left:20px!important;top:70px!important;width:64px;height:64px}
.cb-network-glass.sx-coins>.sx-coin--eth{left:120px!important;top:30px!important;width:48px;height:48px}
/* Hero feature rows on every hub: readable, not 12px hairlines. */
.db-body :is(.cb-hero,.ci-hero,.mb-hero,.nb-hero,.ef-hero,.ew-hero) :is([class$=-hero-points],[class$=-points])>span,.db-body :is(.cb-hero,.mb-hero,.nb-hero,.ef-hero,.ew-hero) ul li{font-size:14px!important;color:#b6cbc2!important}

/* Feature pages share this layer (fx-body = /features/* and /products/interfaces/). */
.sx-conn-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.fx-body .kf-life--wide{background:#0b1110}
@media(max-width:991.98px){.fx-body .kf-life--wide{background:#f4f7f5}}

/* Key Features audit, iteration 1. */
/* Hero: top-aligned, inside the container, the admin panel ends before the phone. */
@media(min-width:1200px){
.kf-hero{padding:128px 0 72px;margin-bottom:0}
.kf-hero .kf-layout{align-items:start;grid-template-columns:46% 54%}
.kf-hero .kf-copy{padding-top:56px}
.kf-hero .kf-stage{width:100%;margin:0}
.kf-hero .kf-admin{left:0;top:15%;width:74%;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 60%,transparent 80%);mask-image:linear-gradient(90deg,#000 0,#000 60%,transparent 80%)}
.kf-hero .kf-phone{left:57%;width:43%}
}
.kf-hero-points{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px!important;color:#b9c8c1!important}
.kf-hero-points li::before{border:0!important;width:16px;height:16px;flex:0 0 16px!important;background:center/16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2356d3a2' fill-opacity='.18'/%3E%3Cpath d='m4.8 8.2 2.1 2.1 4.4-4.6' fill='none' stroke='%2356d3a2' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.kf-hero-points li{align-items:center!important}
@media(max-width:600px){.kf-hero-points{grid-template-columns:1fr}}
/* One list marker everywhere: the mint check. */
.fx-body .kf-points li::before{width:16px;height:16px;top:.2em;left:0;border-radius:0;background:center/16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2356d3a2' fill-opacity='.22'/%3E%3Cpath d='m4.8 8.2 2.1 2.1 4.4-4.6' fill='none' stroke='%232f8f6c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.fx-body .kf-points li{padding-left:26px}
.fx-body .kf-editorial--panorama .kf-points{display:grid;grid-template-columns:1fr;gap:10px}
/* Copy: never hyphenate words, keep a calm rag. */
.fx-body p,.fx-body li,.fx-body .kf-editorial-copy,.fx-body .kf-cta-copy,.kf-hero p{hyphens:manual!important}
/* Surfaces: white and cool mist alternate; one dark. */
.fx-body .kf-intro{background:#fff;border-bottom:0}
.fx-body .kf-tone--mist,.fx-body .kf-surface{background:#f4f7f5}
.fx-body .kf-tone--paper{background:#fff}
.fx-body .kf-tone--night,.fx-body .kf-band{background:radial-gradient(ellipse at 75% 35%,#56d3a214,transparent 60%),#0b1010;border-color:#16211e}
.fx-body .kf-life--duo,.fx-body .kf-life--editorial{background:#f4f7f5}
.fx-body .kf-connections{background:#f4f7f5}
.fx-body .kf-tone--mist+.kf-connections,.fx-body .kf-surface+.kf-connections{background:#fff}
.fx-body .kf-cases{background:#fff}
.fx-body .kf-connections+.kf-developer+.kf-cases{background:#fff}
.fx-body .kf-notes{background:#f4f7f5}
/* Intro: heading left, lead right, a real topic navigation. */
@media(min-width:992px){
.fx-body .kf-intro .kf-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:72px;max-width:none}
.fx-body .kf-intro .kf-section-heading>.kf-eyebrow{grid-column:1}
.fx-body .kf-intro .kf-section-heading>h2{grid-column:1;margin-bottom:0}
.fx-body .kf-intro .kf-section-heading>p{grid-column:2;grid-row:2;align-self:end;margin:0;font-size:1.1rem;line-height:1.7;color:#4d6359}
}
.fx-body .kf-topic-nav a{font-size:1rem;color:#17302a;padding:20px 0 4px}
.fx-body .kf-topic-nav a>span:first-child{color:#2f8f6c;font-size:.8rem;font-weight:600}
.fx-body .kf-topic-nav a>span:last-child{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e3f5ec;color:#2f8f6c;font-size:14px;transition:transform .2s}
.fx-body .kf-topic-nav a:hover>span:last-child{transform:translateY(3px)}
/* Capability scenes: align the board to the container and keep copy columns level. */
.fx-body .kf-editorial--panorama .kf-editorial-copy{gap:72px;align-items:end}
.fx-body .kf-editorial--panorama .kf-copy-detail{padding-top:0}
.fx-body .kf-board img{width:100%;height:auto}
.fx-body .kf-board{display:flex;justify-content:center}
.fx-body .kf-board>picture{display:block;width:100%;max-width:600px}
.fx-body .kf-editorial--panorama .kf-board>picture{max-width:640px}
/* Related connectors chips. */
.fx-body .kf-inline-connectors{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px}
.fx-body .kf-inline-connectors>span{width:100%;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#5f7a70}
.fx-body .kf-inline-connectors a{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #d6e3dd;border-radius:20px;background:#fff;color:#24403a;font-size:14px;text-decoration:none}
.fx-body .kf-band .kf-inline-connectors a{background:#13201c;border-color:#2b4339;color:#d6e6de}
.fx-body .kf-band .kf-inline-connectors>span{color:#86a99f}
/* FAQ open/close: one glyph that rotates. */
.fx-body .kf-accordion summary>span[aria-hidden]{font-size:22px;color:#2f8f6c;transition:transform .2s}
.fx-body .kf-accordion details[open] summary>span[aria-hidden]{transform:rotate(45deg)}
.fx-body .kf-accordion details p{color:#4d6359}
/* Closing band: phone sits on the grid edge. */
.fx-body .kf-cta-layout{align-items:center}
.fx-body .kf-cta-phone{justify-self:end}
/* Panorama scenes sit on a mint stage across the full container. */
.fx-body .kf-editorial--panorama .kf-board{padding:48px 32px;border-radius:24px;background:radial-gradient(ellipse at 50% 120%,#56d3a238,transparent 60%),#e8f1ec}
.fx-body .kf-band .kf-editorial--panorama .kf-board{background:radial-gradient(ellipse at 50% 120%,#56d3a226,transparent 60%),#121c19}
.fx-body .kf-editorial--panorama .kf-editorial-copy{align-items:center}
@media(max-width:600px){.fx-body .kf-editorial--panorama .kf-board{padding:20px 8px;border-radius:18px}.fx-body .kf-board>picture{max-width:none}}

/* Key Features iteration 2. */
/* Every scene sits on a stage that fills its column; dark sections get a dark stage. */
.fx-body .kf-board{padding:44px 36px;border-radius:24px;background:radial-gradient(ellipse at 50% 120%,#56d3a22e,transparent 62%),#e8f1ec;align-self:stretch;align-items:center}
.fx-body .kf-band .kf-board{background:radial-gradient(ellipse at 50% 115%,#56d3a224,transparent 62%),#131d1a;box-shadow:inset 0 0 0 1px #ffffff0f}
.fx-body .kf-board>picture{max-width:560px!important}
.fx-body .kf-editorial--panorama .kf-board>picture{max-width:620px!important}
.fx-body .kf-editorial:not(.kf-editorial--panorama){align-items:stretch}
.fx-body .kf-editorial:not(.kf-editorial--panorama) .kf-editorial-copy{align-self:center}
@media(max-width:600px){.fx-body .kf-board{padding:20px 8px;border-radius:18px}}
/* Panorama copy: both columns start level; the stage keeps its distance. */
.fx-body .kf-editorial--panorama .kf-editorial-copy{align-items:start!important;margin-bottom:64px}
.fx-body .kf-editorial--panorama .kf-copy-detail{padding-top:30px}
/* Photo and the first scene never share a background. */
.fx-body .kf-life+.kf-surface,.fx-body .kf-life+.kf-tone--mist{background:#fff}
/* One check icon for every list. */
.fx-body .kf-life-copy li,.fx-body .kf-developer-points li{list-style:none;position:relative;padding-left:26px}
.fx-body .kf-life-copy li::before,.fx-body .kf-developer-points li::before{content:"";position:absolute;left:0;top:.2em;width:16px;height:16px;background:center/16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2356d3a2' fill-opacity='.22'/%3E%3Cpath d='m4.8 8.2 2.1 2.1 4.4-4.6' fill='none' stroke='%2356d3a2' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.fx-body .kf-developer-points li>span:first-child{display:none}
.fx-body .kf-life-copy ul{padding-left:0}
/* Three hero points read as a column, four as a grid. */
.kf-hero-points:has(>li:nth-child(3):last-child){grid-template-columns:1fr}
/* Connectors: a single row where possible. */
.fx-body .sx-conn-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.fx-body .kf-connections .kf-section-heading{margin-bottom:36px}
/* Closing band: phone grounded on a glow, closer to the copy. */
@media(min-width:992px){.fx-body .kf-cta-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:48px}}
.fx-body .kf-cta-phone{position:relative;justify-self:center}
.fx-body .kf-cta-phone::before{content:"";position:absolute;inset:12% -30% 0;background:radial-gradient(ellipse,#56d3a233,transparent 62%);z-index:-1}
.fx-body .kf-cta{isolation:isolate}
/* Stages stay inside the container on every breakpoint. */
.fx-body .kf-board,.fx-body .kf-editorial--reverse .kf-board,.fx-body .kf-editorial--panorama .kf-board{width:100%!important;max-width:none!important;margin:0!important}
/* Back-office windows: as large as the column allows so the UI stays readable. */
.fx-body .kf-board{padding:28px 24px}
.fx-body .kf-board>picture{max-width:none!important}
.fx-body .kf-editorial--panorama .kf-board{padding:44px 56px}
.fx-body .kf-editorial--panorama .kf-board>picture{max-width:1000px!important}
@media(min-width:1200px){.fx-body .kf-editorial:not(.kf-editorial--panorama){grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.fx-body .kf-editorial--reverse{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}}
@media(min-width:1200px){.fx-body .kf-editorial.kf-editorial--reverse:not(.kf-editorial--panorama){grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}}
@media(max-width:600px){.fx-body .kf-board,.fx-body .kf-editorial--panorama .kf-board{padding:16px 6px!important;border-radius:18px}}

/* Interfaces sit directly on the section: no stage, no glow behind them (user request, Oct 2026). */
.fx-body .kf-board,.fx-body .kf-band .kf-board,.fx-body .kf-editorial--panorama .kf-board,.fx-body .kf-band .kf-editorial--panorama .kf-board{background:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
.fx-body .kf-board::before,.fx-body .kf-board::after{display:none!important}
.fx-body .kf-board img{box-shadow:none!important}
.fx-body .kf-editorial--panorama .kf-board>picture{max-width:1080px!important}
.db-body .sx-stage{background:none!important;padding:0!important}
.db-body .sx-stage>.ew-product-defaults{border:1px solid #e1e8e4!important;border-radius:14px!important;box-shadow:0 18px 50px #17302a12}
.db-body .ef-account-spec,.db-body .ef-payment-spec{background:none!important}
.db-body .cb-journey-stage{background:none!important}
.db-body .ci-layer-visual{background:none}
.db-body .ef-account-spec::before,.db-body .ef-payment-spec::before{display:none}
.db-body .ef-account-spec,.db-body .ef-payment-spec{height:auto!important;padding:28px 34px 8px!important;border-bottom:1px solid #edf2ef!important}
.db-body .ef-account-spec>span,.db-body .ef-payment-spec>span,.db-body .ef-account-spec>strong,.db-body .ef-account-spec>div,.db-body .ef-account-spec>a.ef-config-link{margin-inline:0!important}