@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500;600&family=IBM+Plex+Sans+Condensed:wght@500;600;700&display=swap');
/* D&B Workspace UI V2 — compact SaaS shell inspired by the approved CRM reference. */
:root{
  --dnb-side-w:166px;
  --dnb-top-h:52px;
  --dnb-workspace-max:1640px;
  --dnb-app-bg:#07111b;
  --dnb-app-panel:#0a1622;
  --dnb-app-panel-2:#0d1b29;
  --dnb-app-panel-3:#0f2130;
  --dnb-app-line:#1a2b3a;
  --dnb-app-line-soft:#142532;
  --dnb-app-text:#eef4f8;
  --dnb-app-muted:#7c90a2;
  --dnb-app-muted-2:#5f7588;
  --dnb-app-blue:#2675a7;
  --dnb-app-blue-soft:#0d3047;
  --dnb-app-orange:#f18845;
  --dnb-app-green:#42c982;
  --dnb-app-red:#e76d78;
  --dnb-app-amber:#e9ad59;
  --dnb-app-shadow:0 10px 28px rgba(0,0,0,.14);
  --dnb-app-radius:13px;
}
html[data-dnb-theme="light"]{
  --dnb-app-bg:#f6f6f4;
  --dnb-app-panel:#ffffff;
  --dnb-app-panel-2:#fafafa;
  --dnb-app-panel-3:#f2f3f3;
  --dnb-app-line:#e5e6e6;
  --dnb-app-line-soft:#eeeeed;
  --dnb-app-text:#1f2328;
  --dnb-app-muted:#73777d;
  --dnb-app-muted-2:#979b9f;
  --dnb-app-blue:#2b6f99;
  --dnb-app-blue-soft:#edf5f9;
  --dnb-app-orange:#df7b39;
  --dnb-app-green:#309f67;
  --dnb-app-red:#c95c67;
  --dnb-app-amber:#ba8135;
  --dnb-app-shadow:0 8px 24px rgba(18,24,31,.055);
}

html,body.dnb-workspace-body{min-height:100%;background:var(--dnb-app-bg)}
body.dnb-workspace-body{overflow-x:hidden;color:var(--dnb-app-text);font-size:13px}
body.dnb-workspace-body main{min-width:0}
body.dnb-workspace-body::before{display:none!important}
.dnb-app-shell{min-height:100vh;background:var(--dnb-app-bg)}
.dnb-app-sidebar{position:fixed;inset:0 auto 0 0;width:var(--dnb-side-w);z-index:250;display:flex;flex-direction:column;padding:10px 9px 9px;border-right:1px solid var(--dnb-app-line);background:var(--dnb-app-panel);transition:transform .2s ease}
.dnb-app-frame{min-height:100vh;margin-left:var(--dnb-side-w);display:flex;flex-direction:column;min-width:0}
.dnb-app-main{min-width:0;flex:1}
.dnb-app-footer{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;border-top:1px solid var(--dnb-app-line);color:var(--dnb-app-muted-2);font-size:8px}
.dnb-app-footer-status{display:flex;align-items:center;gap:6px}.dnb-app-footer-status i{width:6px;height:6px;border-radius:50%;background:var(--dnb-app-green)}

/* Compact left rail — website navigation only. Account opens the private flyout. */
.dnb-sidebar-brand{height:42px;display:flex;align-items:center;padding:0 6px 8px;border-bottom:1px solid var(--dnb-app-line-soft)}
.dnb-sidebar-brand-link{display:flex;align-items:center;gap:8px;min-width:0}
.dnb-sidebar-logo{width:29px;height:29px;display:grid;place-items:center;border:1px solid var(--dnb-app-line);border-radius:8px;background:var(--dnb-app-panel-2);overflow:hidden;flex:0 0 auto}
.dnb-sidebar-logo img{width:25px;height:21px;object-fit:contain}
.dnb-sidebar-brand-copy{display:flex;flex-direction:column;line-height:1.05;min-width:0}.dnb-sidebar-brand-copy b{font-size:11px;color:var(--dnb-app-text)}.dnb-sidebar-brand-copy small{margin-top:4px;color:var(--dnb-app-muted-2);font-size:5.8px;font-weight:800;letter-spacing:.14em}
.dnb-sidebar-account-trigger{width:100%;height:42px;margin-top:8px;display:flex;align-items:center;gap:8px;padding:0 8px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--dnb-app-text);font:inherit;text-align:left;cursor:pointer}
.dnb-sidebar-account-trigger:hover,.dnb-sidebar-account-trigger.is-current{background:var(--dnb-app-panel-2);border-color:var(--dnb-app-line)}
.dnb-sidebar-avatar{position:relative;width:25px;height:25px;border-radius:7px;display:grid;place-items:center;background:#17384c;color:#fff;font-size:8px;font-weight:800;overflow:visible;flex:0 0 auto}.dnb-sidebar-avatar img{width:25px;height:25px;border-radius:7px;object-fit:cover}.dnb-sidebar-avatar i{position:absolute;right:-2px;bottom:-2px;width:7px;height:7px;border:2px solid var(--dnb-app-panel);border-radius:50%;background:var(--dnb-app-green)}
.dnb-sidebar-account-copy{display:flex;flex-direction:column;min-width:0;line-height:1.08}.dnb-sidebar-account-copy strong{max-width:91px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dnb-app-text);font-size:8.6px}.dnb-sidebar-account-copy small{margin-top:3px;color:var(--dnb-app-muted);font-size:6.2px;text-transform:uppercase;letter-spacing:.08em}.dnb-sidebar-account-caret{margin-left:auto;color:var(--dnb-app-muted-2);font-size:12px}
.dnb-nav-group{margin-top:15px}.dnb-nav-group>span{display:block;padding:0 8px 6px;color:var(--dnb-app-muted-2);font-size:6px;font-weight:800;letter-spacing:.16em}.dnb-side-nav{display:grid;gap:2px}.dnb-side-nav a,.dnb-sidebar-bottom a{min-height:32px;display:flex;align-items:center;gap:8px;padding:0 8px;border:1px solid transparent;border-radius:8px;color:var(--dnb-app-muted);font-size:8.5px;font-weight:650;transition:.14s ease}.dnb-side-nav a i,.dnb-sidebar-bottom a i{width:17px;text-align:center;color:#78a7c2;font-style:normal;font-size:9px}.dnb-side-nav a:hover,.dnb-sidebar-bottom a:hover{background:var(--dnb-app-panel-2);color:var(--dnb-app-text)}
.dnb-sidebar-bottom{margin-top:auto;padding-top:8px;border-top:1px solid var(--dnb-app-line-soft)}

/* Account / Control Center flyout */
.dnb-account-flyout{position:fixed;left:calc(var(--dnb-side-w) + 8px);top:58px;z-index:275;width:266px;max-height:calc(100vh - 72px);display:flex;flex-direction:column;padding:10px;border:1px solid var(--dnb-app-line);border-radius:13px;background:var(--dnb-app-panel);box-shadow:0 22px 60px rgba(0,0,0,.30);overflow:auto;opacity:0;visibility:hidden;transform:translateX(-7px) scale(.985);transform-origin:left top;transition:opacity .15s ease,transform .15s ease,visibility .15s}
body.dnb-account-panel-open .dnb-account-flyout{opacity:1;visibility:visible;transform:none}
.dnb-account-flyout-head{display:flex;align-items:center;gap:8px;padding:3px 3px 9px;border-bottom:1px solid var(--dnb-app-line-soft)}
.dnb-account-flyout-back{display:none;width:30px;height:30px;border:1px solid var(--dnb-app-line);border-radius:8px;background:var(--dnb-app-panel-2);color:var(--dnb-app-text);cursor:pointer}
.dnb-account-flyout-user{display:flex;align-items:center;gap:9px;min-width:0}.dnb-account-flyout-user>span:last-child{display:flex;flex-direction:column;min-width:0}.dnb-account-flyout-user strong{font-size:9.5px;color:var(--dnb-app-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dnb-account-flyout-user small{margin-top:3px;font-size:7px;color:var(--dnb-app-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dnb-user-avatar-large{width:31px!important;height:31px!important;border-radius:8px!important}.dnb-user-avatar-large img{width:31px!important;height:31px!important;border-radius:8px!important}
.dnb-flyout-group{margin-top:10px}.dnb-flyout-group>span{display:block;padding:0 6px 5px;color:var(--dnb-app-muted-2);font-size:6.2px;font-weight:800;letter-spacing:.14em}.dnb-flyout-group nav{display:grid;grid-template-columns:1fr;gap:2px}.dnb-flyout-group a,.dnb-flyout-foot a{min-height:31px;display:flex;align-items:center;gap:8px;padding:0 8px;border:1px solid transparent;border-radius:7px;color:var(--dnb-app-muted);font-size:8.2px;font-weight:700}.dnb-flyout-group a i,.dnb-flyout-foot a i{width:17px;text-align:center;font-style:normal;color:#75a9c8}.dnb-flyout-group a:hover,.dnb-flyout-foot a:hover{background:var(--dnb-app-panel-2);color:var(--dnb-app-text)}.dnb-flyout-group a.is-active{background:var(--dnb-app-blue-soft);border-color:#235574;color:#eaf7ff}.theme-light .dnb-flyout-group a.is-active{color:#245675;border-color:#c9e0ed}
.dnb-flyout-admin{padding-top:8px;border-top:1px solid var(--dnb-app-line-soft)}
.dnb-flyout-foot{margin-top:10px;padding-top:8px;border-top:1px solid var(--dnb-app-line-soft)}

/* Top bar */
.dnb-app-topbar{position:sticky;top:0;z-index:220;height:var(--dnb-top-h);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border-bottom:1px solid var(--dnb-app-line);background:var(--dnb-app-panel);box-shadow:0 1px 0 rgba(0,0,0,.02)}
.dnb-topbar-left,.dnb-topbar-actions{display:flex;align-items:center;gap:7px;min-width:0}.dnb-topbar-left{flex:1}.dnb-topbar-context{display:flex;flex-direction:column;min-width:125px;line-height:1.05}.dnb-topbar-context small{font-size:5.6px;color:var(--dnb-app-muted-2);font-weight:800;letter-spacing:.12em}.dnb-topbar-context strong{margin-top:3px;max-width:190px;color:var(--dnb-app-text);font-size:9.7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dnb-mobile-menu{display:none;width:31px;height:31px;border:1px solid var(--dnb-app-line);border-radius:8px;background:var(--dnb-app-panel-2);color:var(--dnb-app-text);cursor:pointer;font-size:13px}
.dnb-global-search{height:32px;max-width:440px;min-width:220px;flex:1;display:flex;align-items:center;gap:6px;margin-left:8px;padding:0 8px;border:1px solid var(--dnb-app-line);border-radius:8px;background:var(--dnb-app-panel-2)}.dnb-global-search>span{color:var(--dnb-app-muted-2);font-size:12px}.dnb-global-search input{min-width:0;flex:1;height:auto!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;color:var(--dnb-app-text)!important;box-shadow:none!important;font:inherit;font-size:8px!important}.dnb-global-search input::placeholder{color:var(--dnb-app-muted-2)}.dnb-global-search button{border:0;background:none;color:var(--dnb-app-muted-2);cursor:pointer;font-size:8px}
.dnb-language-control{width:36px;height:30px;display:grid;place-items:center;border:1px solid var(--dnb-app-line);border-radius:8px;background:var(--dnb-app-panel-2)}.dnb-language-control select{appearance:none;width:100%;height:100%;padding:0;text-align:center;border:0;outline:0;background:transparent;color:var(--dnb-app-text);font-family:inherit;font-size:7.5px;font-weight:800;cursor:pointer}.dnb-language-control select option{background:#fff;color:#1e2429}
.dnb-theme-toggle{width:42px;height:30px;display:grid;place-items:center;padding:0;border:1px solid var(--dnb-app-line);border-radius:8px;background:var(--dnb-app-panel-2);cursor:pointer}.dnb-theme-track{position:relative;width:32px;height:18px;border-radius:999px;background:#cfd4d7;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);display:block}.dnb-theme-thumb{position:absolute;z-index:3;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#252a2e;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .18s ease,background .18s ease}.dnb-theme-moon{position:absolute;z-index:4;left:5px;top:4px;width:9px;height:9px;border-radius:50%;background:#cfd4d7;box-shadow:-3px 0 0 #252a2e;transition:opacity .16s}.dnb-theme-sun{position:absolute;right:3px;top:-1px;color:#8e969c;font-size:10px;font-style:normal;opacity:.6}.theme-light .dnb-theme-thumb{transform:translateX(14px);background:#fff}.theme-light .dnb-theme-moon{opacity:0}.theme-light .dnb-theme-sun{color:#ef9b32;opacity:1}
.dnb-topbar-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--dnb-app-line);border-radius:8px;background:var(--dnb-app-panel-2);color:var(--dnb-app-muted);font-size:10px}.dnb-topbar-icon:hover{color:var(--dnb-app-text)}
.dnb-user-menu{min-width:145px;height:34px;display:flex;align-items:center;gap:6px;padding:0 7px;border:1px solid var(--dnb-app-line);border-radius:9px;background:var(--dnb-app-panel-2);color:inherit;font:inherit;text-align:left;cursor:pointer}.dnb-user-avatar{position:relative;width:24px;height:24px;display:grid;place-items:center;flex:0 0 auto;border-radius:7px;background:#17384c;color:#fff;font-size:7px;font-weight:800;overflow:visible}.dnb-user-avatar img{width:24px;height:24px;border-radius:7px;object-fit:cover}.dnb-user-avatar i{position:absolute;right:-2px;bottom:-2px;width:7px;height:7px;border:2px solid var(--dnb-app-panel-2);border-radius:50%;background:var(--dnb-app-green)}.dnb-user-copy{min-width:0;display:flex;flex-direction:column;line-height:1.03}.dnb-user-copy small{color:var(--dnb-app-muted-2);font-size:5px;font-weight:800;letter-spacing:.07em}.dnb-user-copy strong{margin-top:3px;max-width:88px;color:var(--dnb-app-text);font-size:7.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dnb-user-caret{margin-left:auto;color:var(--dnb-app-muted-2);font-size:8px}

/* Workspace geometry: content starts close to the rail, like the reference UI. */
.dnb-workspace-body .container{width:min(var(--dnb-workspace-max),calc(100% - 40px));max-width:var(--dnb-workspace-max);margin-left:20px;margin-right:auto}
.dnb-workspace-body .section{padding-top:18px;padding-bottom:30px}.dnb-workspace-body .admin-section{min-height:calc(100vh - var(--dnb-top-h));padding-top:14px!important;background:none!important}.dnb-workspace-body .admin-container{max-width:none!important}
.dnb-page-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;margin:0 0 12px!important;padding:0!important}.dnb-page-head .admin-eyebrow{margin:0 0 4px;font-size:6.5px!important}.dnb-page-head h1{font-size:20px!important;line-height:1.18;margin:0 0 4px!important;letter-spacing:-.025em!important}.dnb-page-head p{font-size:8px!important;line-height:1.48!important;max-width:720px!important}.dnb-page-head-action{display:none!important}.dnb-workspace-body .admin-tabs{display:none!important}

/* Global compact surface treatment */
.dnb-workspace-body :is(.admin-card,.dash-card,.profile-card,.organization-account-card,.organization-metric,.organization-grant,.organization-project,.organization-member,.project-pass-card){border-radius:var(--dnb-app-radius)!important;box-shadow:var(--dnb-app-shadow)!important}
.dnb-workspace-body :is(.admin-card,.dash-card){padding:15px!important}.dnb-workspace-body .admin-card h2{font-size:15px!important}.dnb-workspace-body .admin-card h3,.dnb-workspace-body .dash-card h3{font-size:13px!important}.dnb-workspace-body .admin-kicker,.dnb-workspace-body .dash-kicker{font-size:6.6px!important;letter-spacing:.15em!important}.dnb-workspace-body .admin-muted{font-size:8px!important;line-height:1.55!important}

/* Account home becomes a compact dashboard rather than a landing page. */
.dnb-workspace-body .account-hero{padding:20px 0 10px!important;background:none!important}.dnb-workspace-body .account-hero-grid{grid-template-columns:minmax(0,1fr) minmax(310px,360px)!important;gap:14px!important;align-items:stretch!important}.dnb-workspace-body .account-welcome{display:flex;flex-direction:column;justify-content:center;min-height:160px;padding:10px 0}.dnb-workspace-body .account-welcome .eyebrow{font-size:6.7px!important;margin-bottom:6px!important}.dnb-workspace-body .account-welcome h1{font-size:clamp(24px,2.3vw,32px)!important;line-height:1.08!important;margin:0 0 7px!important}.dnb-workspace-body .account-welcome p{max-width:680px;margin:0 0 10px!important;font-size:8.5px!important;line-height:1.55!important}.dnb-workspace-body .signed-in-state{font-size:7px!important;min-height:26px!important;padding:0 9px!important;width:max-content}.dnb-workspace-body .profile-card{padding:14px!important;min-height:160px!important;background:var(--dnb-app-panel)!important;border-color:var(--dnb-app-line)!important}.dnb-workspace-body .profile-avatar-large{width:58px!important;height:58px!important}.dnb-workspace-body .profile-avatar-large img{width:58px!important;height:58px!important}.dnb-workspace-body .profile-identity small{font-size:6px!important}.dnb-workspace-body .profile-identity strong{font-size:13px!important}.dnb-workspace-body .profile-identity span{font-size:7.5px!important}.dnb-workspace-body .avatar-upload-form{gap:6px!important}.dnb-workspace-body .avatar-file-name,.dnb-workspace-body .avatar-pending-state{font-size:6.5px!important}.dnb-workspace-body .account-section{padding-top:8px!important}.dnb-workspace-body .account-grid-clean{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.dnb-workspace-body .account-grid-clean .dash-card{min-height:0!important;padding:15px!important}.dnb-workspace-body .account-grid-clean .dash-card-wide{grid-column:1/-1}.dnb-workspace-body .product-access-cards{gap:8px!important;margin-top:11px!important}.dnb-workspace-body .product-access-card{padding:11px!important;border-radius:10px!important}.dnb-workspace-body .product-access-title span{font-size:6.5px!important}.dnb-workspace-body .product-access-title strong{font-size:10px!important}.dnb-workspace-body .product-access-card small{font-size:6.8px!important}.dnb-workspace-body .account-dl-clean{gap:8px!important}.dnb-workspace-body .account-dl-clean dt,.dnb-workspace-body .account-dl-clean dd{font-size:7.5px!important}.dnb-workspace-body .session-list{gap:6px!important}.dnb-workspace-body .session-item{padding:9px 10px!important;border-radius:9px!important}.dnb-workspace-body .organization-account-page,.dnb-workspace-body .account-project-pass-page,.dnb-workspace-body .teacher-center-page{padding-top:18px!important}

/* Enterprise / Teacher / Project Pass account pages */
.dnb-workspace-body .organization-container{max-width:var(--dnb-workspace-max)!important}.dnb-workspace-body .organization-page{padding:18px 0 32px!important;background:none!important}.dnb-workspace-body .organization-page-head h1{font-size:24px!important}.dnb-workspace-body .organization-page-head p{font-size:8px!important}.dnb-workspace-body .organization-switcher a{min-width:150px;padding:8px 9px!important}.dnb-workspace-body .organization-summary-grid{gap:8px!important}.dnb-workspace-body .organization-summary-grid>*,.dnb-workspace-body .organization-workspace>*{box-shadow:none!important}.dnb-workspace-body .organization-account-card{padding:14px!important;background:var(--dnb-app-panel)!important;border-color:var(--dnb-app-line)!important}.dnb-workspace-body .organization-metric{padding:12px 8px!important;background:var(--dnb-app-panel)!important;border:1px solid var(--dnb-app-line)!important}.dnb-workspace-body .organization-metric strong{font-size:20px!important}.dnb-workspace-body .organization-metric span{font-size:7px!important}.dnb-workspace-body .organization-workspace{gap:9px!important}.dnb-workspace-body .organization-member,.dnb-workspace-body .organization-project,.dnb-workspace-body .organization-key-mode-grid>div{background:var(--dnb-app-panel-2)!important;border-color:var(--dnb-app-line)!important}

/* Admin density: smaller cards and controls, more information in first viewport. */
.dnb-workspace-body .admin-stat-grid{gap:8px!important;margin-bottom:10px!important}.dnb-workspace-body .admin-stat-grid article{padding:11px 12px!important;border-radius:10px!important;box-shadow:none!important}.dnb-workspace-body .admin-stat-grid span{font-size:6.3px!important}.dnb-workspace-body .admin-stat-grid strong{margin-top:4px!important;font-size:20px!important}.dnb-workspace-body .admin-stat-grid small{margin-top:4px!important;font-size:6.4px!important}.dnb-workspace-body .admin-grid-2{gap:9px!important}.dnb-workspace-body .admin-filterbar{gap:7px!important;margin-bottom:9px!important;padding:7px!important;border-radius:10px!important}.dnb-workspace-body .admin-filterbar input,.dnb-workspace-body .admin-filterbar select,.dnb-workspace-body .admin-row-form select,.dnb-workspace-body .admin-form-grid input,.dnb-workspace-body .admin-form-grid select,.dnb-workspace-body .admin-form-stack input,.dnb-workspace-body .admin-form-stack select{height:31px!important;border-radius:8px!important;padding:0 8px!important;font-size:7.5px!important}.dnb-workspace-body .admin-filterbar select{min-width:130px!important}.dnb-workspace-body .admin-user-filterbar{grid-template-columns:minmax(260px,1fr) 130px 138px 128px 154px auto auto!important}.dnb-workspace-body .admin-per-page-control{min-width:154px!important}.dnb-workspace-body .admin-per-page-control select{min-width:96px!important}.dnb-workspace-body .admin-table-wrap{border-radius:10px!important}.dnb-workspace-body .admin-table th{padding:8px 10px!important;font-size:6.5px!important}.dnb-workspace-body .admin-table td{padding:9px 10px!important;font-size:8px!important}.dnb-workspace-body .admin-table td strong{font-size:8.5px!important}.dnb-workspace-body .admin-table td small{font-size:6.6px!important}.dnb-workspace-body .admin-status{padding:4px 7px!important;font-size:6.2px!important}.dnb-workspace-body .admin-account-list-head,.dnb-workspace-body .admin-selected-account-head{margin-bottom:8px!important}.dnb-workspace-body .admin-account-list-head h2,.dnb-workspace-body .admin-selected-account-head h2{font-size:14px!important;margin:3px 0!important}.dnb-workspace-body .admin-account-list-meta{font-size:6.5px!important}.dnb-workspace-body .admin-account-pagination{margin-top:7px!important;min-height:38px!important;border-radius:9px!important}.dnb-workspace-body .admin-selected-account-section{margin-top:12px!important;padding-top:12px!important}.dnb-workspace-body .admin-account-hero{padding:14px!important}.dnb-workspace-body .admin-selected-quick-grid{gap:6px!important}.dnb-workspace-body .admin-selected-quick-grid>div{padding:9px!important;border-radius:9px!important}.dnb-workspace-body .admin-selected-quick-grid strong{font-size:13px!important}.dnb-workspace-body .admin-subtabs a{min-height:29px!important;padding:0 9px!important;font-size:7px!important}.dnb-workspace-body .admin-org-stats{gap:7px!important;margin:9px 0!important}.dnb-workspace-body .admin-org-stats article{padding:9px!important;border-radius:9px!important}.dnb-workspace-body .admin-org-stats strong{font-size:15px!important}.dnb-workspace-body .admin-org-layout{grid-template-columns:minmax(190px,.46fr) minmax(0,2.5fr)!important;gap:9px!important}.dnb-workspace-body .admin-org-list{top:66px!important}.dnb-workspace-body .admin-org-list-item{padding:8px!important;border-radius:9px!important}.dnb-workspace-body .admin-org-main{gap:9px!important}.dnb-workspace-body .admin-org-contract,.dnb-workspace-body .admin-org-project,.dnb-workspace-body .admin-org-member{border-radius:9px!important}.dnb-workspace-body .admin-org-contract-metrics-v3,.dnb-workspace-body .admin-org-monitor-grid,.dnb-workspace-body .admin-org-key-list{gap:6px!important}.dnb-workspace-body .admin-section .btn{min-height:34px!important;padding:0 12px!important;border-radius:8px!important;font-size:8px!important}.dnb-workspace-body .admin-section .btn.btn-sm{min-height:30px!important;padding:0 10px!important;font-size:7.5px!important}.dnb-workspace-body .admin-section .btn.btn-xs{min-height:27px!important;padding:0 8px!important;font-size:6.8px!important}

/* True bright Light theme, not a grey version of Dark. */
body.theme-light.dnb-workspace-body{background:#f6f6f4!important;color:#1f2328!important}
body.theme-light.dnb-workspace-body h1,body.theme-light.dnb-workspace-body h2,body.theme-light.dnb-workspace-body h3,body.theme-light.dnb-workspace-body h4,body.theme-light.dnb-workspace-body b,body.theme-light.dnb-workspace-body strong{color:#1f2328}
body.theme-light.dnb-workspace-body p,body.theme-light.dnb-workspace-body li,body.theme-light.dnb-workspace-body .muted{color:#73777d}
body.theme-light.dnb-workspace-body :is(.dash-card,.profile-card,.organization-card,.organization-account-card,.organization-metric,.project-pass-card,.teacher-card,.admin-card,.admin-stat-grid article,.admin-filterbar,.admin-table-wrap,.admin-list-compact>div,.admin-mini-metrics div,.admin-campaign-values>div,.admin-org-stats article,.admin-org-list-item,.admin-org-contract,.admin-org-project,.admin-org-member,.admin-org-monitor-grid>div,.admin-org-key-list>div,.admin-org-contract-metrics-v3>div,.admin-user-list-pane,.admin-account-workspace,.admin-account-detail,.admin-project-pass-row,.policy-release-gate){background:#fff!important;border-color:#e5e6e6!important;color:#1f2328!important;box-shadow:0 8px 24px rgba(18,24,31,.045)!important}
body.theme-light.dnb-workspace-body :is(.organization-member,.organization-project,.organization-key-mode-grid>div,.product-access-card,.session-item){background:#fafafa!important;border-color:#e7e8e8!important;color:#1f2328!important}
body.theme-light.dnb-workspace-body :is(.admin-card h2,.admin-card h3,.admin-stat-grid strong,.admin-table td strong,.admin-list-compact strong,.admin-campaign-values strong,.admin-org-head h2,.admin-org-metrics b,.admin-org-contract-metrics-v3 b,.admin-org-monitor-grid b,.admin-org-key-list b,.admin-project-pass-row-head strong){color:#20252a!important}
body.theme-light.dnb-workspace-body :is(.admin-muted,.admin-card p,.admin-stat-grid span,.admin-stat-grid small,.admin-table td small,.admin-table td,.admin-list-compact span,.admin-org-head p,.admin-org-metrics span,.admin-org-contract-metrics-v3 span,.admin-org-contract-metrics-v3 small,.admin-org-monitor-grid span,.admin-org-key-list span,.admin-org-project-meta){color:#767b80!important}
body.theme-light.dnb-workspace-body .admin-table th{background:#fafafa!important;border-color:#e7e8e8!important;color:#6e7378!important}.theme-light .admin-table td{border-color:#eeeeed!important}.theme-light .admin-table tbody tr:hover{background:#fafcfd!important}.theme-light .admin-table tr.is-selected{background:#edf6fa!important}
body.theme-light.dnb-workspace-body :is(input,select,textarea,.admin-filterbar input,.admin-filterbar select,.admin-row-form select,.admin-form-grid input,.admin-form-grid select,.admin-form-stack input,.admin-form-stack select,.admin-campaign-actions select,.admin-org-product-grant input,.admin-org-product-grant select,.organization-add-member input,.organization-add-member select,.organization-member-controls select){background:#fff!important;color:#1f2328!important;border-color:#dedfdf!important}
body.theme-light.dnb-workspace-body .btn-dark-outline{background:#fff!important;border-color:#dedfdf!important;color:#32373c!important}.theme-light .btn-ghost{background:#f7f7f6!important;border-color:#e3e4e4!important;color:#2c3237!important}
body.theme-light.dnb-workspace-body .admin-empty,body.theme-light.dnb-workspace-body .admin-denied{background:#fafafa!important;border-color:#dedfdf!important;color:#777c81!important}.theme-light .admin-alert{background:#f6fafc!important;color:#4e626f!important;border-color:#d6e2e8!important}.theme-light .admin-alert.success{background:#eef9f3!important;color:#397154!important;border-color:#cce8d9!important}.theme-light .admin-alert.error{background:#fff2f3!important;color:#95454e!important;border-color:#ebc9cd!important}

/* Overlay layers */
.dnb-sidebar-backdrop,.dnb-account-backdrop{display:none}

/* Laptop */
@media(max-width:1280px){
  :root{--dnb-side-w:156px;--dnb-workspace-max:1500px}
  .dnb-sidebar-account-copy strong{max-width:82px}.dnb-global-search{max-width:350px}.dnb-user-menu{min-width:128px}.dnb-user-copy strong{max-width:72px}
  .dnb-workspace-body .admin-org-layout{grid-template-columns:1fr!important}.dnb-workspace-body .admin-org-list{position:static!important}.dnb-workspace-body .admin-org-list-items{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* Tablet / small laptop: navigation becomes a drawer. */
@media(max-width:960px){
  :root{--dnb-side-w:0px}
  .dnb-app-frame{margin-left:0}.dnb-app-sidebar{width:min(78vw,230px);transform:translateX(-104%);box-shadow:24px 0 60px rgba(0,0,0,.24)}.dnb-sidebar-is-open .dnb-app-sidebar{transform:translateX(0)}
  .dnb-mobile-menu{display:grid}.dnb-global-search{display:none}.dnb-app-topbar{padding:0 10px}.dnb-topbar-context{min-width:0}.dnb-topbar-context strong{max-width:180px}.dnb-user-menu{min-width:34px;width:34px;padding:0 4px}.dnb-user-copy,.dnb-user-caret{display:none}
  .dnb-sidebar-is-open .dnb-sidebar-backdrop{display:block;position:fixed;inset:0;z-index:240;background:rgba(3,8,13,.48);backdrop-filter:blur(2px)}
  .dnb-account-flyout{left:12px;top:58px;width:min(320px,calc(100vw - 24px))}
  .dnb-workspace-body .container{width:calc(100% - 28px);margin-left:14px;margin-right:14px}
  .dnb-workspace-body .account-hero-grid{grid-template-columns:1fr!important}.dnb-workspace-body .profile-card{min-height:0!important}.dnb-workspace-body .admin-user-filterbar{grid-template-columns:1fr 1fr 1fr!important}.dnb-workspace-body .admin-user-filterbar>input[type="search"]{grid-column:1/-1}.dnb-workspace-body .admin-per-page-control{min-width:0!important}
}

/* Mobile: stacked dashboard, drawer navigation, flyout becomes a full-height second panel. */
@media(max-width:680px){
  :root{--dnb-top-h:50px}
  .dnb-app-topbar{height:50px}.dnb-topbar-context small{display:none}.dnb-topbar-context strong{font-size:9px;max-width:116px}.dnb-language-control{width:32px;height:28px}.dnb-theme-toggle{width:39px;height:28px}.dnb-topbar-icon{display:none}.dnb-user-menu{height:30px;width:30px;min-width:30px}.dnb-user-avatar,.dnb-user-avatar img{width:22px;height:22px}
  .dnb-account-flyout{inset:0 auto 0 0;width:min(88vw,306px);max-height:none;border:0;border-right:1px solid var(--dnb-app-line);border-radius:0;transform:translateX(-104%);opacity:1;visibility:hidden;transition:transform .18s ease,visibility .18s}.dnb-account-flyout-back{display:grid;place-items:center}.dnb-account-panel-open .dnb-account-flyout{transform:translateX(0);visibility:visible}.dnb-account-panel-open .dnb-account-backdrop{display:block;position:fixed;inset:0;z-index:265;background:rgba(3,8,13,.48);backdrop-filter:blur(2px)}
  .dnb-workspace-body .container{width:calc(100% - 22px);margin-left:11px;margin-right:11px}.dnb-workspace-body .section{padding-top:12px;padding-bottom:22px}.dnb-page-head{margin-bottom:9px!important}.dnb-page-head h1{font-size:17px!important}.dnb-page-head p{font-size:7.5px!important}.dnb-page-head .admin-eyebrow{font-size:6px!important}
  .dnb-workspace-body .account-hero{padding:13px 0 6px!important}.dnb-workspace-body .account-welcome{min-height:0;padding:4px 0}.dnb-workspace-body .account-welcome h1{font-size:23px!important}.dnb-workspace-body .account-welcome p{font-size:8px!important}.dnb-workspace-body .profile-card{padding:12px!important}.dnb-workspace-body .account-grid-clean{grid-template-columns:1fr!important}.dnb-workspace-body .product-access-cards{grid-template-columns:1fr!important}.dnb-workspace-body .account-grid-clean .dash-card{padding:12px!important}
  .dnb-workspace-body .organization-summary-grid,.dnb-workspace-body .organization-summary-grid-v3{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dnb-workspace-body .organization-summary-grid .organization-summary-main,.dnb-workspace-body .organization-summary-grid-v3 .organization-summary-main{grid-column:1/-1}.dnb-workspace-body .organization-workspace,.dnb-workspace-body .organization-workspace-v3,.dnb-workspace-body .organization-key-mode-grid{grid-template-columns:1fr!important}.dnb-workspace-body .organization-page-head{display:block!important}.dnb-workspace-body .organization-page-head h1{font-size:21px!important}.dnb-workspace-body .organization-switcher{display:grid!important;grid-template-columns:1fr 1fr}.dnb-workspace-body .organization-switcher a{min-width:0!important}.dnb-workspace-body .organization-add-member{grid-template-columns:1fr!important}.dnb-workspace-body .organization-member-list-v3 .organization-member{grid-template-columns:1fr!important}
  .dnb-workspace-body .admin-stat-grid,.dnb-workspace-body .admin-org-stats,.dnb-workspace-body .admin-org-stats-v3,.dnb-workspace-body .admin-mini-metrics,.dnb-workspace-body .admin-mini-metrics-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dnb-workspace-body .admin-grid-2,.dnb-workspace-body .admin-campaign-grid,.dnb-workspace-body .admin-form-grid,.dnb-workspace-body .admin-org-form-4,.dnb-workspace-body .admin-org-form-v3,.dnb-workspace-body .admin-org-contract-metrics-v3,.dnb-workspace-body .admin-org-monitor-grid,.dnb-workspace-body .admin-org-key-list{grid-template-columns:1fr!important}.dnb-workspace-body .admin-user-filterbar{display:grid!important;grid-template-columns:1fr 1fr!important}.dnb-workspace-body .admin-user-filterbar>input[type="search"]{grid-column:1/-1}.dnb-workspace-body .admin-user-filterbar .btn{width:100%}.dnb-workspace-body .admin-filterbar select{min-width:0!important;width:100%}.dnb-workspace-body .admin-per-page-control{display:grid!important;grid-template-columns:auto 1fr!important}.dnb-workspace-body .admin-org-list-items{grid-template-columns:1fr!important}
  /* User table -> readable cards instead of a microscopic 6-column table. */
  .dnb-workspace-body .admin-user-table-wrap{overflow:visible!important;border:0!important;background:transparent!important}.dnb-workspace-body .admin-user-table{min-width:0!important;display:block!important}.dnb-workspace-body .admin-user-table thead{display:none!important}.dnb-workspace-body .admin-user-table tbody{display:grid!important;gap:7px!important}.dnb-workspace-body .admin-user-table tr{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:10px!important;border:1px solid var(--dnb-app-line)!important;border-radius:10px!important;background:var(--dnb-app-panel)!important}.dnb-workspace-body .admin-user-table td{display:block!important;padding:0!important;border:0!important;min-width:0!important}.dnb-workspace-body .admin-user-table td:first-child{grid-column:1/-1}.dnb-workspace-body .admin-user-table td:nth-child(6){grid-column:1/-1}.dnb-workspace-body .admin-user-table td:nth-child(4){display:none!important}.dnb-workspace-body .admin-user-table td strong{font-size:8px!important}.dnb-workspace-body .admin-user-table td small{font-size:6.4px!important}.dnb-workspace-body .admin-account-pagination{display:grid!important;gap:7px!important;padding:8px!important}.dnb-workspace-body .admin-pagination-nav{justify-content:flex-start!important;overflow:auto!important}.dnb-workspace-body .admin-selected-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dnb-workspace-body .admin-account-nav-row{display:block!important}.dnb-workspace-body .admin-subtabs{overflow:auto!important;flex-wrap:nowrap!important;padding-bottom:3px}.dnb-workspace-body .admin-account-primary-actions{margin-top:7px!important;justify-content:flex-start!important}
  .dnb-app-footer{padding:0 12px}.dnb-app-footer>span:first-child{display:none}
}

@media(max-width:390px){
  .dnb-topbar-context strong{max-width:92px}.dnb-language-control{width:30px}.dnb-theme-toggle{width:37px}.dnb-workspace-body .admin-stat-grid,.dnb-workspace-body .admin-org-stats,.dnb-workspace-body .admin-org-stats-v3{grid-template-columns:1fr 1fr!important}.dnb-workspace-body .organization-switcher{grid-template-columns:1fr!important}
}

/* ==========================================================================\n   D&B Workspace V3 — breakthrough shell + account dashboard\n   Visual target: approved SaaS concept. Business markup outside the account\n   page remains compatible with the existing server.\n   ========================================================================== */
:root{
  --dnb-side-w:188px;
  --dnb-top-h:64px;
  --dnb-workspace-max:1380px;
  --dnb-v3-bg:#06111d;
  --dnb-v3-bg-2:#081624;
  --dnb-v3-panel:#0a1928;
  --dnb-v3-panel-2:#0d2032;
  --dnb-v3-panel-3:#0b1b2b;
  --dnb-v3-line:#17354d;
  --dnb-v3-line-soft:#102a3e;
  --dnb-v3-text:#f4f7fb;
  --dnb-v3-muted:#8fa3b7;
  --dnb-v3-muted-2:#657c91;
  --dnb-v3-blue:#1ca5ff;
  --dnb-v3-blue-2:#0a73bd;
  --dnb-v3-orange:#ff7d2a;
  --dnb-v3-green:#2ddf9c;
  --dnb-v3-amber:#ffb14a;
  --dnb-v3-red:#ff6775;
  --dnb-v3-shadow:0 18px 56px rgba(0,0,0,.22);
  --dnb-v3-radius:14px;
}
html[data-dnb-theme="light"]{
  --dnb-v3-bg:#f4f6f8;
  --dnb-v3-bg-2:#f8f9fa;
  --dnb-v3-panel:#ffffff;
  --dnb-v3-panel-2:#f8fafb;
  --dnb-v3-panel-3:#f1f5f7;
  --dnb-v3-line:#dfe6eb;
  --dnb-v3-line-soft:#e9eef2;
  --dnb-v3-text:#1f2933;
  --dnb-v3-muted:#667786;
  --dnb-v3-muted-2:#8a98a5;
  --dnb-v3-blue:#158bd0;
  --dnb-v3-blue-2:#0f70aa;
  --dnb-v3-orange:#f4772d;
  --dnb-v3-green:#16996b;
  --dnb-v3-amber:#ba7624;
  --dnb-v3-red:#c9515d;
  --dnb-v3-shadow:0 14px 42px rgba(27,41,54,.08);
}

body.dnb-workspace-body{background:var(--dnb-v3-bg)!important;color:var(--dnb-v3-text)!important;font-size:14px!important}
.dnb-app-shell{background:var(--dnb-v3-bg)!important}
.dnb-app-frame{margin-left:var(--dnb-side-w)!important;background:var(--dnb-v3-bg)!important}
.dnb-app-main{background:radial-gradient(circle at 72% 0,rgba(20,94,143,.11),transparent 31%),var(--dnb-v3-bg)!important}

/* Sidebar — compact, premium, old D&B circular logo preserved. */
.dnb-app-sidebar{width:var(--dnb-side-w)!important;padding:17px 12px 14px!important;background:linear-gradient(180deg,var(--dnb-v3-panel),#071522)!important;border-right:1px solid var(--dnb-v3-line)!important;box-shadow:10px 0 35px rgba(0,0,0,.07)}
.dnb-sidebar-brand{height:58px!important;padding:0 4px 13px!important;border-bottom:1px solid var(--dnb-v3-line-soft)!important}
.dnb-sidebar-brand-link{gap:10px!important}
.dnb-sidebar-brand-orbit{position:relative;width:43px;height:43px;display:grid;place-items:center;flex:0 0 43px;border-radius:50%;background:linear-gradient(145deg,#102437,#08131e);box-shadow:0 0 0 1px rgba(55,122,166,.22),0 8px 20px rgba(0,0,0,.18)}
.dnb-sidebar-brand-orbit .dnb-sidebar-brand-ring{position:absolute;inset:-2px;border-radius:50%;border:1px solid rgba(110,148,175,.24)}
.dnb-sidebar-brand-orbit img{width:35px;height:30px;object-fit:contain;position:relative;z-index:1}
.dnb-sidebar-brand-orbit i{position:absolute;right:1px;bottom:3px;width:7px;height:7px;border-radius:50%;background:var(--dnb-v3-orange);box-shadow:0 0 0 3px var(--dnb-v3-panel)}
.dnb-sidebar-brand-copy b{font-size:13px!important;color:var(--dnb-v3-text)!important;letter-spacing:.01em}.dnb-sidebar-brand-copy small{font-size:6.2px!important;color:var(--dnb-v3-muted-2)!important;letter-spacing:.18em!important}
.dnb-sidebar-account-trigger{height:46px!important;margin-top:14px!important;padding:0 10px!important;gap:10px!important;border-radius:11px!important;border:1px solid transparent!important;color:var(--dnb-v3-text)!important}
.dnb-sidebar-account-trigger:hover{background:var(--dnb-v3-panel-2)!important;border-color:var(--dnb-v3-line)!important}
.dnb-sidebar-account-trigger.is-current{background:linear-gradient(90deg,rgba(255,125,42,.16),rgba(255,125,42,.05))!important;border-color:rgba(255,125,42,.18)!important;box-shadow:inset 3px 0 0 var(--dnb-v3-orange)}
.dnb-sidebar-account-icon{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:rgba(255,125,42,.11);color:var(--dnb-v3-orange);font-size:12px;font-style:normal}
.dnb-sidebar-account-copy strong{max-width:105px!important;font-size:10px!important;color:var(--dnb-v3-text)!important}.dnb-sidebar-account-copy small{font-size:6.4px!important;color:var(--dnb-v3-muted-2)!important;text-transform:none!important;letter-spacing:0!important}.dnb-sidebar-account-caret{font-size:13px!important;color:var(--dnb-v3-muted-2)!important}
.dnb-nav-group{margin-top:18px!important}.dnb-nav-group>span{padding:0 9px 7px!important;color:var(--dnb-v3-muted-2)!important;font-size:6.2px!important;letter-spacing:.18em!important}
.dnb-side-nav{gap:4px!important}.dnb-side-nav a,.dnb-sidebar-bottom a{min-height:38px!important;padding:0 10px!important;gap:10px!important;border-radius:10px!important;color:var(--dnb-v3-muted)!important;font-size:9.4px!important;font-weight:600!important}.dnb-side-nav a i,.dnb-sidebar-bottom a i{width:18px!important;font-size:11px!important;color:#75a9cd!important}.dnb-side-nav a:hover,.dnb-sidebar-bottom a:hover{background:var(--dnb-v3-panel-2)!important;color:var(--dnb-v3-text)!important}
.dnb-sidebar-bottom{padding-top:10px!important;border-top:1px solid var(--dnb-v3-line-soft)!important}

/* Top bar — compact SaaS utility bar. */
.dnb-app-topbar{height:var(--dnb-top-h)!important;padding:0 22px!important;gap:20px!important;background:color-mix(in srgb,var(--dnb-v3-panel) 94%,transparent)!important;border-bottom:1px solid var(--dnb-v3-line)!important;backdrop-filter:blur(16px);box-shadow:0 6px 30px rgba(0,0,0,.07)!important}
.dnb-topbar-left{flex:1!important;max-width:640px!important}.dnb-global-search{height:38px!important;max-width:640px!important;min-width:260px!important;margin-left:0!important;padding:0 12px!important;border:1px solid var(--dnb-v3-line)!important;border-radius:11px!important;background:var(--dnb-v3-panel-2)!important;gap:9px!important}.dnb-global-search>span{font-size:16px!important;color:var(--dnb-v3-muted-2)!important}.dnb-global-search input{font-size:10px!important;color:var(--dnb-v3-text)!important}.dnb-global-search kbd{display:inline-flex;align-items:center;height:22px;padding:0 7px;border:1px solid var(--dnb-v3-line);border-radius:6px;background:var(--dnb-v3-panel);color:var(--dnb-v3-muted-2);font:700 8px/1 'Be Vietnam Pro',sans-serif;box-shadow:none}
.dnb-topbar-actions{gap:10px!important}.dnb-language-control{width:60px!important;height:34px!important;border:1px solid var(--dnb-v3-line)!important;border-radius:11px!important;background:var(--dnb-v3-panel-2)!important}.dnb-language-control select{font-size:8.5px!important;color:var(--dnb-v3-text)!important;font-weight:800!important}
.dnb-theme-toggle{width:52px!important;height:34px!important;border:1px solid var(--dnb-v3-line)!important;border-radius:12px!important;background:var(--dnb-v3-panel-2)!important}.dnb-theme-track{width:36px!important;height:20px!important}.dnb-theme-thumb{width:16px!important;height:16px!important}.dnb-theme-moon,.dnb-theme-sun{font-size:9px!important}
.dnb-topbar-icon{position:relative;width:36px!important;height:36px!important;border-radius:11px!important;border:1px solid var(--dnb-v3-line)!important;background:var(--dnb-v3-panel-2)!important;color:var(--dnb-v3-text)!important;font-size:14px!important}.dnb-topbar-dot{position:absolute;right:6px;top:6px;width:6px;height:6px;border-radius:50%;background:var(--dnb-v3-orange);box-shadow:0 0 0 2px var(--dnb-v3-panel-2)}
.dnb-user-menu{height:40px!important;min-width:174px!important;padding:0 10px!important;gap:8px!important;border:1px solid var(--dnb-v3-line)!important;border-radius:12px!important;background:var(--dnb-v3-panel-2)!important}.dnb-user-avatar,.dnb-user-avatar img{width:28px!important;height:28px!important;border-radius:50%!important}.dnb-user-copy small{font-size:5.8px!important;color:var(--dnb-v3-muted-2)!important}.dnb-user-copy strong{font-size:8.7px!important;color:var(--dnb-v3-text)!important;max-width:100px!important}.dnb-user-caret{color:var(--dnb-v3-muted-2)!important}

/* Flyout retains all deep account/control-center items but does not clutter rail. */
.dnb-account-flyout{left:calc(var(--dnb-side-w) + 12px)!important;top:72px!important;width:292px!important;padding:12px!important;border:1px solid var(--dnb-v3-line)!important;border-radius:14px!important;background:var(--dnb-v3-panel)!important;box-shadow:0 28px 75px rgba(0,0,0,.36)!important}.dnb-account-flyout-head{border-bottom-color:var(--dnb-v3-line-soft)!important}.dnb-account-flyout-user strong{font-size:10px!important;color:var(--dnb-v3-text)!important}.dnb-account-flyout-user small{font-size:7px!important;color:var(--dnb-v3-muted)!important}.dnb-flyout-group>span{font-size:6.5px!important;color:var(--dnb-v3-muted-2)!important}.dnb-flyout-group a,.dnb-flyout-foot a{min-height:35px!important;font-size:8.8px!important;color:var(--dnb-v3-muted)!important}.dnb-flyout-group a:hover,.dnb-flyout-foot a:hover{background:var(--dnb-v3-panel-2)!important;color:var(--dnb-v3-text)!important}.dnb-flyout-group a.is-active{background:rgba(23,112,171,.17)!important;color:var(--dnb-v3-text)!important;border-color:rgba(45,148,214,.28)!important}

/* Account v3 page */
.dnb-account-v3{padding:24px 26px 18px!important;background:transparent!important}
.dnb-account-v3-wrap{width:min(100%,var(--dnb-workspace-max));margin:0 auto}
.dnb-account-v3-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);gap:28px;align-items:center;margin-bottom:16px}
.dnb-account-v3-title{padding:2px 0}.dnb-v3-eyebrow{display:block;margin-bottom:8px;color:var(--dnb-v3-orange);font-size:8px;font-weight:800;letter-spacing:.13em}.dnb-account-v3-title h1{margin:0;color:var(--dnb-v3-text);font-size:42px;line-height:1.02;letter-spacing:-.045em}.dnb-account-v3-title p{max-width:640px;margin:10px 0 0;color:var(--dnb-v3-muted);font-size:11px;line-height:1.65}
.dnb-v3-profile-card{min-height:138px;display:flex;flex-direction:column;justify-content:center;padding:18px 20px;border:1px solid var(--dnb-v3-line);border-radius:var(--dnb-v3-radius);background:linear-gradient(145deg,var(--dnb-v3-panel),var(--dnb-v3-panel-2));box-shadow:var(--dnb-v3-shadow)}
.dnb-v3-profile-main{display:flex;align-items:center;gap:16px}.dnb-v3-avatar{position:relative;width:76px;height:76px;flex:0 0 76px;display:grid;place-items:center;border-radius:50%;overflow:visible;background:linear-gradient(145deg,#1d4d6f,#0c2233);color:#fff;font-size:22px;font-weight:800;box-shadow:0 0 0 1px rgba(46,138,199,.28),0 12px 32px rgba(0,0,0,.20)}.dnb-v3-avatar img{width:76px;height:76px;border-radius:50%;object-fit:cover}.dnb-v3-avatar i{position:absolute;right:2px;bottom:4px;width:13px;height:13px;border:3px solid var(--dnb-v3-panel);border-radius:50%;background:var(--dnb-v3-green)}
.dnb-v3-profile-copy{min-width:0;display:flex;flex-direction:column}.dnb-v3-profile-copy small{color:var(--dnb-v3-orange);font-size:6.5px;font-weight:800;letter-spacing:.12em}.dnb-v3-profile-copy strong{margin-top:4px;color:var(--dnb-v3-text);font-size:16px}.dnb-v3-profile-copy>span{margin-top:3px;color:var(--dnb-v3-muted);font-size:8.8px}.dnb-v3-profile-copy em{width:max-content;max-width:100%;margin-top:9px;padding:5px 9px;border:1px solid rgba(45,223,156,.28);border-radius:999px;background:rgba(45,223,156,.08);color:var(--dnb-v3-green);font-size:7.4px;font-style:normal;font-weight:700}.dnb-v3-profile-copy em b{margin-right:4px}
.dnb-v3-avatar-form{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:12px 0 0 92px}.avatar-file-input{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}.dnb-v3-avatar-note{color:var(--dnb-v3-muted-2);font-size:6.7px}.dnb-v3-avatar-message{margin:8px 0 0 92px;font-size:7px}.dnb-v3-avatar-message.is-success{color:var(--dnb-v3-green)}.dnb-v3-avatar-message.is-error{color:var(--dnb-v3-red)}

.dnb-v3-btn{min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid transparent;border-radius:9px;font-family:inherit;font-size:7.8px;font-weight:750;text-decoration:none;cursor:pointer;transition:.14s ease}.dnb-v3-btn:hover{transform:translateY(-1px)}.dnb-v3-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.dnb-v3-btn-ghost{border-color:var(--dnb-v3-line);background:var(--dnb-v3-panel-2);color:var(--dnb-v3-text)}.dnb-v3-btn-primary{border-color:rgba(255,125,42,.36);background:linear-gradient(135deg,#ff8b3d,#f06f1d);color:#fff}.dnb-v3-btn-soft{border-color:rgba(49,147,207,.32);background:rgba(20,117,175,.12);color:#d8efff}.theme-light .dnb-v3-btn-soft{color:#256e9f}

.dnb-v3-quick-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px}.dnb-v3-quick-grid a{min-height:68px;display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid var(--dnb-v3-line);border-radius:12px;background:var(--dnb-v3-panel);color:var(--dnb-v3-text);box-shadow:0 8px 24px rgba(0,0,0,.05);transition:.14s ease}.dnb-v3-quick-grid a:hover{transform:translateY(-2px);border-color:#24638d}.dnb-v3-quick-grid a>i{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border-radius:10px;background:rgba(23,128,196,.12);color:var(--dnb-v3-blue);font-style:normal;font-size:18px}.dnb-v3-quick-grid span{display:flex;flex-direction:column;min-width:0}.dnb-v3-quick-grid strong{font-size:9.4px}.dnb-v3-quick-grid small{margin-top:3px;color:var(--dnb-v3-muted);font-size:6.9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dnb-v3-quick-grid a.is-accent{border-color:rgba(255,125,42,.65);background:linear-gradient(135deg,rgba(255,125,42,.10),var(--dnb-v3-panel))}.dnb-v3-quick-grid a.is-accent>i{background:rgba(255,125,42,.12);color:var(--dnb-v3-orange)}

.dnb-v3-panel{border:1px solid var(--dnb-v3-line);border-radius:var(--dnb-v3-radius);background:linear-gradient(145deg,var(--dnb-v3-panel),var(--dnb-v3-panel-2));box-shadow:0 10px 30px rgba(0,0,0,.06)}.dnb-v3-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.dnb-v3-panel-head h2,.dnb-v3-card-title h2,.dnb-v3-mini-card h2{margin:0;color:var(--dnb-v3-text);font-size:14px;letter-spacing:-.02em}.dnb-v3-panel-head p{margin:3px 0 0;color:var(--dnb-v3-muted);font-size:7.7px}
.dnb-v3-entitlements{padding:16px;margin-bottom:16px;background:radial-gradient(circle at 75% 0,rgba(17,124,190,.12),transparent 38%),linear-gradient(145deg,var(--dnb-v3-panel),var(--dnb-v3-panel-2))}.dnb-v3-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dnb-v3-product-card{padding:14px;border:1px solid var(--dnb-v3-line);border-radius:12px;background:rgba(4,18,29,.35)}.theme-light .dnb-v3-product-card{background:#fff}.dnb-v3-product-top{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;gap:10px;align-items:center}.dnb-v3-product-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#098be5,#18b9ff);color:#fff;font-size:22px;box-shadow:0 9px 22px rgba(14,141,222,.22)}.dnb-v3-product-top>div{display:flex;flex-direction:column}.dnb-v3-product-top strong{font-size:10px;color:var(--dnb-v3-text)}.dnb-v3-product-top small{margin-top:3px;color:var(--dnb-v3-muted);font-size:7px}.dnb-v3-plan-badge{padding:5px 8px;border-radius:999px;background:rgba(19,108,168,.15);color:#75c8ff;font-size:6.2px;font-weight:800;letter-spacing:.08em}.dnb-v3-live-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid rgba(45,223,156,.22);border-radius:999px;background:rgba(45,223,156,.08);color:var(--dnb-v3-green);font-size:6.6px;font-weight:800}.dnb-v3-live-badge b{font-size:8px}.dnb-v3-product-meta{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin-top:14px;padding-top:12px;border-top:1px solid var(--dnb-v3-line-soft)}.dnb-v3-product-meta>div{display:grid;grid-template-columns:18px 1fr;column-gap:6px}.dnb-v3-product-meta>div>span{grid-row:1/3;color:#88b7d6;font-size:13px}.dnb-v3-product-meta small{color:var(--dnb-v3-muted-2);font-size:6.4px}.dnb-v3-product-meta strong{margin-top:2px;color:var(--dnb-v3-text);font-size:8px}

.dnb-v3-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1.18fr) minmax(260px,.82fr);gap:16px;align-items:stretch}.dnb-v3-personal,.dnb-v3-security{padding:16px;min-height:310px}.dnb-v3-card-title{display:flex;align-items:center;gap:9px;margin-bottom:16px}.dnb-v3-card-title>span,.dnb-v3-mini-card header>span{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:rgba(22,128,193,.13);color:var(--dnb-v3-blue);font-size:14px}.dnb-v3-card-title>span.is-orange,.dnb-v3-mini-card.is-enterprise header>span{background:rgba(255,125,42,.12);color:var(--dnb-v3-orange)}.dnb-v3-card-title h2{flex:1}.dnb-v3-card-title a,.dnb-v3-mini-card header a{min-height:29px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid var(--dnb-v3-line);border-radius:8px;background:var(--dnb-v3-panel-2);color:var(--dnb-v3-text);font-size:6.8px;font-weight:700}
.dnb-v3-dl{margin:0}.dnb-v3-dl div{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:10px 0;border-bottom:1px solid var(--dnb-v3-line-soft)}.dnb-v3-dl div:last-child{border-bottom:0}.dnb-v3-dl dt{color:var(--dnb-v3-muted);font-size:7.2px}.dnb-v3-dl dd{margin:0;color:var(--dnb-v3-text);font-size:8px;font-weight:650;word-break:break-word}.dnb-v3-dl dd.is-verified{color:var(--dnb-v3-green)}
.dnb-v3-session-stats{display:flex;align-items:center;gap:20px;margin:0 0 12px}.dnb-v3-session-stats div{display:flex;align-items:baseline;gap:7px}.dnb-v3-session-stats strong{font-size:24px;color:var(--dnb-v3-text)}.dnb-v3-session-stats span{color:var(--dnb-v3-muted);font-size:7px}.dnb-v3-session-stats>i{width:1px;height:28px;background:var(--dnb-v3-line)}.dnb-v3-last-login{margin:0 0 12px;color:var(--dnb-v3-muted);font-size:7px}.dnb-v3-last-login strong{color:var(--dnb-v3-text)}.dnb-v3-session-list{display:grid;gap:7px}.dnb-v3-session-row{min-height:48px;display:grid;grid-template-columns:31px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px 10px;border:1px solid var(--dnb-v3-line-soft);border-radius:10px;background:rgba(3,16,26,.25)}.theme-light .dnb-v3-session-row{background:#fbfcfd}.dnb-v3-client-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#12364d;color:#8dccf2;font-size:8px;font-weight:800}.dnb-v3-client-icon.is-revit{background:#16477b;color:#fff}.dnb-v3-session-row>div{display:flex;flex-direction:column;min-width:0}.dnb-v3-session-row strong{font-size:7.5px;color:var(--dnb-v3-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dnb-v3-session-row small{margin-top:2px;color:var(--dnb-v3-muted-2);font-size:6.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dnb-v3-session-row em{padding:4px 7px;border-radius:999px;background:var(--dnb-v3-panel-3);color:var(--dnb-v3-muted);font-size:5.8px;font-style:normal}.dnb-v3-session-row em.is-current{background:rgba(45,223,156,.09);color:var(--dnb-v3-green)}

.dnb-v3-side-stack{display:grid;grid-template-rows:auto auto auto;gap:12px;align-content:start}.dnb-v3-mini-card{padding:14px;min-height:145px}.dnb-v3-mini-card header{display:flex;align-items:center;gap:8px}.dnb-v3-mini-card header h2{flex:1}.dnb-v3-pass-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 9px}.dnb-v3-pass-stats div{display:flex;flex-direction:column}.dnb-v3-pass-stats strong{font-size:20px;color:var(--dnb-v3-text)}.dnb-v3-pass-stats small{margin-top:2px;color:var(--dnb-v3-muted);font-size:6.3px}.dnb-v3-progress{height:6px;border-radius:99px;background:var(--dnb-v3-panel-3);overflow:hidden}.dnb-v3-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--dnb-v3-orange),#ffad48)}.dnb-v3-mini-card p{margin:10px 0 0;color:var(--dnb-v3-muted);font-size:7px;line-height:1.55}.dnb-v3-mini-card p b{color:var(--dnb-v3-text)}.dnb-v3-mini-card p.is-warning{color:var(--dnb-v3-amber)}.dnb-v3-mini-card p.is-danger{color:var(--dnb-v3-red)}.dnb-v3-mini-card>small{display:block;margin-top:5px;color:var(--dnb-v3-muted-2);font-size:6.2px;line-height:1.5}.dnb-v3-enterprise-state{display:inline-flex;margin-top:10px;padding:4px 7px;border-radius:999px;background:rgba(45,223,156,.08);color:var(--dnb-v3-green);font-size:6px;font-weight:800}

.dnb-v3-account-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 2px 0;color:var(--dnb-v3-muted-2);font-size:6.5px}.dnb-v3-account-foot nav{display:flex;gap:18px}.dnb-v3-account-foot a{color:var(--dnb-v3-muted)}.dnb-v3-account-foot>span{display:flex;align-items:center;gap:8px;letter-spacing:.13em;font-size:5.8px}.dnb-v3-account-foot>span i{width:20px;height:1px;background:var(--dnb-v3-orange)}

/* The generic private page container is narrower and closer to the rail than V2. */
.dnb-workspace-body .container{width:min(calc(100% - 48px),var(--dnb-workspace-max))!important;margin-left:auto!important;margin-right:auto!important}.dnb-workspace-body .dnb-page-head{padding-top:20px!important;margin-bottom:14px!important}.dnb-workspace-body .dnb-page-head h1{font-size:26px!important;letter-spacing:-.035em!important}.dnb-workspace-body .admin-card,.dnb-workspace-body .admin-stat,.dnb-workspace-body .admin-table-wrap{border-color:var(--dnb-v3-line)!important;background:var(--dnb-v3-panel)!important;border-radius:12px!important;box-shadow:none!important}

/* True light theme: same layout, bright application palette. */
html[data-dnb-theme="light"] body.dnb-workspace-body,.theme-light.dnb-workspace-body{background:#f4f6f8!important;color:#1f2933!important}.theme-light .dnb-app-sidebar{background:#fff!important;box-shadow:10px 0 34px rgba(36,48,58,.05)}.theme-light .dnb-app-topbar{background:rgba(255,255,255,.94)!important}.theme-light .dnb-app-main{background:radial-gradient(circle at 70% 0,rgba(31,147,213,.05),transparent 32%),#f4f6f8!important}.theme-light .dnb-sidebar-brand-orbit{background:#f7fafc!important}.theme-light .dnb-sidebar-brand-orbit i{box-shadow:0 0 0 3px #fff}.theme-light .dnb-sidebar-account-trigger.is-current{background:linear-gradient(90deg,#fff0e6,#fffaf7)!important}.theme-light .dnb-v3-profile-card,.theme-light .dnb-v3-panel{background:#fff!important}.theme-light .dnb-v3-quick-grid a{background:#fff!important}.theme-light .dnb-account-flyout{background:#fff!important}.theme-light .dnb-user-menu,.theme-light .dnb-global-search,.theme-light .dnb-language-control,.theme-light .dnb-theme-toggle,.theme-light .dnb-topbar-icon{background:#fff!important}.theme-light .dnb-v3-profile-copy em{background:#eefaf5!important}.theme-light .dnb-v3-product-card{border-color:#e3e9ee!important}.theme-light .dnb-v3-product-meta{border-color:#edf1f4!important}.theme-light .dnb-v3-dl div{border-color:#edf1f4!important}.theme-light .dnb-v3-progress{background:#edf1f4!important}

@media(max-width:1300px){
  :root{--dnb-side-w:174px;--dnb-workspace-max:1160px}
  .dnb-app-sidebar{padding-left:10px!important;padding-right:10px!important}.dnb-global-search{max-width:520px!important}.dnb-account-v3{padding-left:22px!important;padding-right:22px!important}.dnb-account-v3-hero{grid-template-columns:minmax(0,1fr) minmax(380px,.9fr)}.dnb-v3-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dnb-v3-quick-grid a:nth-child(4),.dnb-v3-quick-grid a:nth-child(5){grid-column:span 1}.dnb-v3-dashboard-grid{grid-template-columns:1fr 1.15fr}.dnb-v3-side-stack{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto}.dnb-v3-mini-card{min-height:130px}
}

@media(max-width:1080px){
  :root{--dnb-side-w:0px;--dnb-workspace-max:920px}
  .dnb-app-frame{margin-left:0!important}.dnb-app-sidebar{width:min(82vw,230px)!important;transform:translateX(-104%)}.dnb-sidebar-is-open .dnb-app-sidebar{transform:translateX(0)}.dnb-mobile-menu{display:grid!important;width:36px!important;height:36px!important;border-radius:10px!important;border-color:var(--dnb-v3-line)!important;background:var(--dnb-v3-panel-2)!important;color:var(--dnb-v3-text)!important}.dnb-topbar-left{max-width:none!important}.dnb-global-search{max-width:440px!important}.dnb-account-flyout{left:14px!important}.dnb-account-v3-hero{grid-template-columns:1fr}.dnb-v3-profile-card{max-width:none}.dnb-v3-avatar-form,.dnb-v3-avatar-message{margin-left:92px}.dnb-v3-product-grid{grid-template-columns:1fr}.dnb-v3-dashboard-grid{grid-template-columns:1fr}.dnb-v3-side-stack{grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.dnb-v3-side-stack .is-teacher{grid-column:1/-1}
}

@media(max-width:760px){
  :root{--dnb-top-h:58px}
  .dnb-app-topbar{height:58px!important;padding:0 12px!important}.dnb-global-search{display:none!important}.dnb-topbar-actions{margin-left:auto!important;gap:7px!important}.dnb-language-control{width:40px!important;height:32px!important}.dnb-theme-toggle{width:46px!important;height:32px!important}.dnb-topbar-icon{width:32px!important;height:32px!important}.dnb-user-menu{width:34px!important;min-width:34px!important;height:34px!important;padding:0 3px!important}.dnb-user-copy,.dnb-user-caret{display:none!important}.dnb-user-avatar,.dnb-user-avatar img{width:26px!important;height:26px!important}.dnb-account-v3{padding:16px 12px 14px!important}.dnb-account-v3-title h1{font-size:32px}.dnb-account-v3-title p{font-size:9px}.dnb-v3-profile-card{padding:14px}.dnb-v3-avatar{width:62px;height:62px;flex-basis:62px}.dnb-v3-avatar img{width:62px;height:62px}.dnb-v3-profile-copy strong{font-size:13px}.dnb-v3-profile-copy>span{font-size:7.2px}.dnb-v3-avatar-form,.dnb-v3-avatar-message{margin-left:78px}.dnb-v3-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dnb-v3-quick-grid a{min-height:61px;padding:10px}.dnb-v3-quick-grid a:last-child{grid-column:1/-1}.dnb-v3-entitlements{padding:12px}.dnb-v3-panel-head{align-items:center}.dnb-v3-panel-head h2{font-size:12px}.dnb-v3-panel-head p{display:none}.dnb-v3-product-card{padding:11px}.dnb-v3-product-top{grid-template-columns:40px minmax(0,1fr) auto}.dnb-v3-product-icon{width:38px;height:38px;font-size:18px}.dnb-v3-live-badge{grid-column:2/4;width:max-content}.dnb-v3-product-meta{grid-template-columns:1fr 1fr}.dnb-v3-product-meta .dnb-v3-btn{grid-column:1/-1}.dnb-v3-personal,.dnb-v3-security{padding:13px;min-height:0}.dnb-v3-dl div{grid-template-columns:95px 1fr}.dnb-v3-side-stack{grid-template-columns:1fr}.dnb-v3-side-stack .is-teacher{grid-column:auto}.dnb-v3-account-foot{align-items:flex-start;flex-direction:column}.dnb-v3-account-foot>span{display:none}.dnb-v3-account-foot nav{gap:11px;flex-wrap:wrap}
}

@media(max-width:480px){
  .dnb-account-v3-hero{gap:14px}.dnb-account-v3-title h1{font-size:28px}.dnb-v3-profile-main{align-items:flex-start}.dnb-v3-avatar{width:54px;height:54px;flex-basis:54px}.dnb-v3-avatar img{width:54px;height:54px}.dnb-v3-profile-copy em{width:auto;font-size:6.2px}.dnb-v3-avatar-form,.dnb-v3-avatar-message{margin-left:0;margin-top:10px}.dnb-v3-quick-grid{grid-template-columns:1fr}.dnb-v3-quick-grid a:last-child{grid-column:auto}.dnb-v3-panel-head{gap:8px}.dnb-v3-panel-head>.dnb-v3-btn{padding:0 9px}.dnb-v3-session-stats{gap:12px}.dnb-v3-session-row{grid-template-columns:28px minmax(0,1fr)}.dnb-v3-session-row em{grid-column:2;justify-self:start}.dnb-v3-pass-stats strong{font-size:17px}
}
/* V3 uses contextual footer inside pages; remove the old full-width workspace strip. */
.dnb-app-footer{display:none!important}
/* Keep the top utility bar on the same horizontal rails as the account content. */
@media(min-width:1081px){
  .dnb-app-topbar{
    padding-left:max(22px,calc((100% - var(--dnb-workspace-max))/2))!important;
    padding-right:max(22px,calc((100% - var(--dnb-workspace-max))/2))!important;
  }
}


/* ==========================================================================
   D&B Workspace V5 — reference-locked shell
   Master viewport: 1672 × 941. Wide screens keep a 1360px content canvas;
   tablet/mobile use a dedicated drawer/stacked composition.
   ========================================================================== */
:root{
  --dnb-side-w:230px;
  --dnb-top-h:68px;
  --dnb-workspace-max:1360px;
  --dnb-shell-pad:24px;
  --dnb-shell-gap:12px;
  --dnb-radius:11px;
  --dnb-bg:#031423;
  --dnb-sidebar:#061527;
  --dnb-topbar:#041322;
  --dnb-panel:#071727;
  --dnb-panel-2:#081b2c;
  --dnb-panel-3:#0a2135;
  --dnb-border:#17344b;
  --dnb-border-soft:#112c40;
  --dnb-text:#f1f6fa;
  --dnb-muted:#91a6b7;
  --dnb-muted-2:#688297;
  --dnb-blue:#28a9ff;
  --dnb-cyan:#1dcbed;
  --dnb-orange:#f97229;
  --dnb-green:#18db9a;
  --dnb-purple:#a689ef;
  --dnb-red:#ff6f72;
  --dnb-amber:#ffb14e;
  --dnb-shadow:0 16px 46px rgba(0,0,0,.16);
}
.dnb-icon{display:block;width:1em;height:1em;overflow:visible;pointer-events:none}
.dnb-icon-color{stroke:none!important}
body.dnb-workspace-body{
  margin:0!important;
  overflow-x:hidden!important;
  color:var(--dnb-text)!important;
  background:var(--dnb-bg)!important;
  font-size:14px!important;
  line-height:1.5!important;
}
body.dnb-workspace-body main{min-width:0}
body.dnb-workspace-body::before{display:none!important}
.dnb-app-shell{min-height:100dvh;background:var(--dnb-bg)!important}
.dnb-app-frame{min-height:100dvh;margin-left:var(--dnb-side-w)!important;display:flex;flex-direction:column;min-width:0}
.dnb-app-main{min-height:calc(100dvh - var(--dnb-top-h));flex:1;min-width:0;background:radial-gradient(circle at 73% 0,rgba(18,96,153,.15),transparent 30%),var(--dnb-bg)!important}
.dnb-app-footer{display:none!important}

/* Sidebar */
.dnb-app-sidebar{
  position:fixed!important;inset:0 auto 0 0!important;z-index:250!important;
  width:var(--dnb-side-w)!important;box-sizing:border-box!important;
  display:flex!important;flex-direction:column!important;
  padding:14px 16px 14px!important;
  border-right:1px solid #153047!important;
  background:linear-gradient(180deg,#061629 0%,#061527 62%,#061726 100%)!important;
  box-shadow:none!important;overflow-y:auto;overflow-x:hidden;
}
.dnb-sidebar-brand{
  height:72px!important;min-height:72px!important;
  display:flex!important;align-items:center!important;
  padding:0 2px 10px!important;margin:0 0 4px!important;border:0!important;
}
.dnb-sidebar-brand-link{display:flex!important;align-items:center!important;gap:14px!important;width:100%!important;min-width:0!important}
.dnb-sidebar-brand-orbit{
  position:relative!important;width:60px!important;height:60px!important;flex:0 0 54px!important;
  display:grid!important;place-items:center!important;border-radius:50%!important;
  background:#071724!important;box-shadow:0 0 0 1px rgba(78,127,161,.30),0 8px 24px rgba(0,0,0,.22)!important;
}
.dnb-sidebar-brand-orbit .dnb-sidebar-brand-ring{position:absolute!important;inset:-3px!important;border:1px solid rgba(88,134,165,.28)!important;border-radius:50%!important}
.dnb-sidebar-brand-orbit img{width:45px!important;height:39px!important;object-fit:contain!important}
.dnb-sidebar-brand-orbit i{position:absolute!important;right:0!important;bottom:5px!important;width:8px!important;height:8px!important;border-radius:50%!important;background:var(--dnb-orange)!important;box-shadow:0 0 0 3px var(--dnb-sidebar)!important}
.dnb-sidebar-brand-copy{display:flex!important;flex-direction:column!important;min-width:0!important;line-height:1.05!important}
.dnb-sidebar-brand-copy b{color:#f2f6fa!important;font-size:12px!important;font-weight:800!important;letter-spacing:.01em!important;white-space:nowrap}
.dnb-sidebar-brand-copy small{margin-top:6px!important;color:#8096aa!important;font-size:6.2px!important;font-weight:700!important;letter-spacing:.17em!important;white-space:nowrap}
.dnb-sidebar-primary{display:grid!important;gap:3px!important;margin-top:2px!important}
.dnb-side-nav a,.dnb-sidebar-primary a{
  position:relative!important;min-height:48px!important;display:flex!important;align-items:center!important;gap:14px!important;
  padding:0 13px!important;border:1px solid transparent!important;border-radius:10px!important;
  color:#95aabd!important;font-size:13px!important;font-weight:550!important;text-decoration:none!important;
  transition:background .14s ease,color .14s ease,border-color .14s ease!important;
}
.dnb-side-nav a::before,.dnb-sidebar-primary a::before{content:"";position:absolute;left:-1px;top:8px;bottom:8px;width:3px;border-radius:0 4px 4px 0;background:transparent}
.dnb-side-nav a i,.dnb-sidebar-primary a i{width:23px!important;height:23px!important;display:grid!important;place-items:center!important;flex:0 0 23px!important;color:#8ab9dd!important;font-style:normal!important}
.dnb-side-nav a i .dnb-icon,.dnb-sidebar-primary a i .dnb-icon{width:19px!important;height:19px!important}
.dnb-side-nav a:hover,.dnb-sidebar-primary a:hover{background:rgba(16,42,62,.62)!important;color:#f1f6fa!important}
.dnb-side-nav a.is-active,.dnb-sidebar-primary a.is-active{
  border-color:rgba(255,126,45,.08)!important;
  background:linear-gradient(90deg,rgba(255,126,45,.15),rgba(255,126,45,.035))!important;
  color:#fff!important;
}
.dnb-side-nav a.is-active::before,.dnb-sidebar-primary a.is-active::before{background:var(--dnb-orange)!important}
.dnb-side-nav a.is-active i,.dnb-sidebar-primary a.is-active i{color:#ff9145!important}

.dnb-sidebar-bottom{margin-top:auto!important;padding:14px 1px 0!important;border:0!important}
.dnb-sidebar-promo{
  position:relative!important;height:242px!important;display:block!important;overflow:hidden!important;
  border:1px solid #16405e!important;border-radius:11px!important;
  background:linear-gradient(160deg,#071c2e,#061625)!important;color:#fff!important;text-decoration:none!important;
}
.dnb-sidebar-promo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,19,32,.03) 0%,rgba(5,19,32,.02) 48%,rgba(5,19,32,.28) 100%);pointer-events:none}
.dnb-sidebar-promo-copy{position:absolute;z-index:2;left:17px;top:19px;max-width:155px;color:#f4f7fb;font-size:14px;line-height:1.52;font-weight:500}
.dnb-sidebar-promo img{position:absolute;right:-3px;bottom:14px;width:151px;height:167px;object-fit:cover;object-position:center;border-radius:5px;filter:saturate(.93) contrast(1.03)}
.dnb-sidebar-promo b{position:absolute;z-index:3;left:17px;bottom:17px;color:var(--dnb-orange);font-size:13px}
.dnb-sidebar-version{display:flex;align-items:center;gap:10px;margin:13px 6px 0;color:#7e96aa;font-size:9px;line-height:1.45}
.dnb-sidebar-version>span{width:20px;height:20px;display:grid;place-items:center;color:#7191aa}.dnb-sidebar-version .dnb-icon{width:18px;height:18px}.dnb-sidebar-version small{font-size:8px;color:#6b8498}

/* Top bar */
.dnb-app-topbar{
  position:sticky!important;top:0!important;z-index:220!important;height:var(--dnb-top-h)!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;
  padding:0 var(--dnb-shell-pad)!important;box-sizing:border-box!important;
  border-bottom:1px solid #153047!important;background:rgba(4,19,34,.97)!important;
  backdrop-filter:blur(14px)!important;box-shadow:none!important;
}
.dnb-topbar-left,.dnb-topbar-actions{display:flex!important;align-items:center!important;min-width:0!important}
.dnb-topbar-left{flex:1!important}.dnb-topbar-actions{gap:10px!important;flex:0 0 auto!important}
.dnb-mobile-menu{display:none}
.dnb-global-search{
  width:min(630px,47vw)!important;height:40px!important;display:flex!important;align-items:center!important;gap:9px!important;
  padding:0 12px!important;margin:0!important;border:1px solid #18384f!important;border-radius:11px!important;
  background:#071c2e!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.015)!important;
}
.dnb-global-search>span{display:grid!important;place-items:center!important;color:#a0b3c2!important}.dnb-global-search>span .dnb-icon{width:18px;height:18px}
.dnb-global-search input{min-width:0!important;flex:1!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#dfe9f1!important;font-size:12px!important;font-family:inherit!important}
.dnb-global-search input::placeholder{color:#7f95a7!important}
.dnb-global-search kbd{height:22px;display:flex;align-items:center;padding:0 7px;border:1px solid #1b405a;border-radius:6px;background:#0a2439;color:#7691a5;font-size:9px;font-family:inherit}
.dnb-language-control{
  width:88px!important;height:40px!important;display:grid!important;grid-template-columns:1fr 1fr!important;align-items:center!important;
  padding:3px!important;border:1px solid #17384f!important;border-radius:12px!important;background:#071a2b!important;
}
.dnb-language-control button{height:32px;border:0;border-radius:9px;background:transparent;color:#98acbc;font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.dnb-language-control button.is-active{border:1px solid #1d3d54;background:#0a2134;color:#ff8a3f;box-shadow:0 2px 8px rgba(0,0,0,.13)}
.dnb-theme-toggle{width:76px!important;height:40px!important;display:grid!important;place-items:center!important;padding:0!important;border:1px solid #17384f!important;border-radius:12px!important;background:#071a2b!important;cursor:pointer!important}
.dnb-theme-track{position:relative!important;width:60px!important;height:28px!important;display:block!important;border-radius:999px!important;background:#0c2438!important;box-shadow:inset 0 0 0 1px #15384f!important}
.dnb-theme-thumb{position:absolute!important;z-index:2!important;left:3px!important;top:3px!important;width:22px!important;height:22px!important;border-radius:50%!important;background:#ff8a3c!important;box-shadow:0 2px 7px rgba(0,0,0,.28)!important;transition:transform .18s ease}
.dnb-theme-moon,.dnb-theme-sun{position:absolute!important;z-index:3!important;top:7px!important;width:14px!important;height:14px!important;display:grid!important;place-items:center!important}
.dnb-theme-moon{left:7px!important;color:#5b371f!important}.dnb-theme-sun{right:6px!important;color:#9eaab4!important}.dnb-theme-moon .dnb-icon,.dnb-theme-sun .dnb-icon{width:13px;height:13px}
.theme-light .dnb-theme-thumb{transform:translateX(28px)!important;background:#ff8a3c!important}.theme-light .dnb-theme-sun{color:#fff!important}.theme-light .dnb-theme-moon{color:#91a1ae!important}
.dnb-topbar-icon{
  position:relative!important;width:42px!important;height:42px!important;display:grid!important;place-items:center!important;
  border:1px solid #17384f!important;border-radius:12px!important;background:#071a2b!important;color:#d8e5ef!important;
}
.dnb-topbar-icon .dnb-icon{width:20px;height:20px}.dnb-topbar-dot{position:absolute;right:5px;top:4px;width:8px;height:8px;border:2px solid #071a2b;border-radius:50%;background:#ff6c35}
.dnb-user-menu{
  min-width:204px!important;height:44px!important;display:flex!important;align-items:center!important;gap:10px!important;
  padding:0 11px!important;border:1px solid #17384f!important;border-radius:12px!important;background:#071a2b!important;color:inherit!important;font:inherit!important;cursor:pointer!important;
}
.dnb-user-avatar{position:relative;width:32px!important;height:32px!important;display:grid!important;place-items:center!important;flex:0 0 32px!important;border-radius:50%!important;background:#15354a!important;color:#fff!important;font-size:10px!important;font-weight:800!important}
.dnb-user-avatar img{width:32px!important;height:32px!important;border-radius:50%!important;object-fit:cover!important}.dnb-user-avatar i{position:absolute;right:-1px;bottom:0;width:7px;height:7px;border:2px solid #071a2b;border-radius:50%;background:var(--dnb-green)}
.dnb-user-copy{min-width:0!important;display:flex!important;flex-direction:column!important;line-height:1!important}.dnb-user-copy small{display:none!important}.dnb-user-copy strong{max-width:132px!important;color:#f3f7fa!important;font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.dnb-user-caret{margin-left:auto;color:#8fa4b5}.dnb-user-caret .dnb-icon{width:15px;height:15px}

/* Account / Control Center flyout */
.dnb-account-flyout{
  position:fixed!important;left:calc(var(--dnb-side-w) + 12px)!important;top:calc(var(--dnb-top-h) + 10px)!important;z-index:275!important;
  width:320px!important;max-height:calc(100vh - var(--dnb-top-h) - 24px)!important;display:flex!important;flex-direction:column!important;
  padding:12px!important;border:1px solid #1a3d56!important;border-radius:13px!important;background:#071a2b!important;box-shadow:0 24px 64px rgba(0,0,0,.34)!important;overflow:auto!important;
  opacity:0!important;visibility:hidden!important;transform:translateX(-7px) scale(.985)!important;transform-origin:left top!important;transition:opacity .15s ease,transform .15s ease,visibility .15s ease!important;
}
.dnb-account-panel-open .dnb-account-flyout{opacity:1!important;visibility:visible!important;transform:none!important}
.dnb-account-flyout-head{display:flex;align-items:center;gap:9px;padding:4px 4px 11px;border-bottom:1px solid #153047}.dnb-account-flyout-back{display:none;width:30px;height:30px;border:1px solid #193b53;border-radius:8px;background:#082035;color:#dce8f1}.dnb-account-flyout-user{display:flex;align-items:center;gap:10px;min-width:0}.dnb-user-avatar-large,.dnb-user-avatar-large img{width:38px!important;height:38px!important}.dnb-account-flyout-user>span:last-child{display:flex;flex-direction:column;min-width:0}.dnb-account-flyout-user strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dnb-account-flyout-user small{margin-top:3px;color:#7f97aa;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dnb-flyout-group{padding:12px 1px 4px}.dnb-flyout-group>span{display:block;padding:0 8px 6px;color:#607d92;font-size:7px;font-weight:800;letter-spacing:.16em}.dnb-flyout-group nav{display:grid;gap:2px}.dnb-flyout-group a,.dnb-flyout-foot a{min-height:38px;display:flex;align-items:center;gap:10px;padding:0 9px;border:1px solid transparent;border-radius:8px;color:#a5b7c4;font-size:10px;font-weight:600}.dnb-flyout-group a i,.dnb-flyout-foot a i{width:19px;height:19px;display:grid;place-items:center;color:#7cb4d7}.dnb-flyout-group a i .dnb-icon,.dnb-flyout-foot a i .dnb-icon{width:16px;height:16px}.dnb-flyout-group a:hover,.dnb-flyout-foot a:hover{background:#0a2438;color:#fff}.dnb-flyout-group a.is-active{border-color:#23506d;background:rgba(18,102,153,.18);color:#f1f6fa}.dnb-flyout-foot{margin-top:6px;padding:8px 1px 2px;border-top:1px solid #153047}

/* Shared reference content geometry */
.dnb-account-v3,.dnb-wp-page,.dnb-home-v5{padding:20px var(--dnb-shell-pad) 24px!important}
.dnb-account-v3-wrap,.dnb-wp-wrap{width:100%!important;max-width:var(--dnb-workspace-max)!important;margin:0 auto!important;box-sizing:border-box!important}
.dnb-workspace-body .container{width:min(calc(100% - 48px),var(--dnb-workspace-max))!important;max-width:var(--dnb-workspace-max)!important;margin-left:auto!important;margin-right:auto!important}
.dnb-workspace-body .admin-section{min-height:calc(100vh - var(--dnb-top-h));padding:22px 0 34px!important;background:none!important}
.dnb-workspace-body .admin-container{max-width:var(--dnb-workspace-max)!important}.dnb-workspace-body .admin-tabs{display:none!important}
.dnb-workspace-body .dnb-page-head{padding-top:0!important;margin:0 0 18px!important}.dnb-workspace-body .dnb-page-head h1{font-size:34px!important;line-height:1.08!important;letter-spacing:-.04em!important}.dnb-workspace-body .dnb-page-head p{max-width:760px!important;font-size:11px!important;line-height:1.55!important}
.dnb-workspace-body :is(.admin-card,.dash-card,.organization-account-card,.organization-metric,.organization-grant,.organization-project,.organization-member,.project-pass-card){border-color:var(--dnb-border)!important;border-radius:var(--dnb-radius)!important;background:var(--dnb-panel)!important;box-shadow:none!important}
.dnb-workspace-body :is(.admin-card,.dash-card){padding:18px!important}
.dnb-workspace-body .admin-card h2{font-size:16px!important}.dnb-workspace-body .admin-card h3,.dnb-workspace-body .dash-card h3{font-size:14px!important}.dnb-workspace-body .admin-muted{font-size:10px!important;line-height:1.55!important}
.dnb-workspace-body .organization-account-page,.dnb-workspace-body .account-project-pass-page,.dnb-workspace-body .teacher-center-page{padding-top:22px!important}

/* Account page */
.dnb-account-v3-hero{
  display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(500px,.95fr)!important;gap:34px!important;align-items:center!important;
  min-height:138px!important;margin-bottom:14px!important;
}
.dnb-account-v3-title{padding:0!important}.dnb-v3-eyebrow{display:block;margin-bottom:6px;color:var(--dnb-orange)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.14em!important}
.dnb-account-v3-title h1{margin:0!important;color:var(--dnb-text)!important;font-size:52px!important;line-height:1!important;letter-spacing:-.045em!important}.dnb-account-v3-title p{max-width:690px!important;margin:10px 0 0!important;color:var(--dnb-muted)!important;font-size:13px!important;line-height:1.55!important}
.dnb-v3-profile-card{
  position:relative!important;min-height:136px!important;display:flex!important;justify-content:center!important;
  padding:16px 172px 16px 18px!important;border:1px solid #17415d!important;border-radius:12px!important;
  background:linear-gradient(135deg,#092139,#071a2b)!important;box-shadow:none!important;
}
.dnb-v3-profile-main{display:flex!important;align-items:center!important;gap:16px!important}.dnb-v3-avatar{position:relative!important;width:86px!important;height:86px!important;flex:0 0 86px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#173b53!important;color:#fff!important;font-size:24px!important;box-shadow:0 0 0 1px rgba(74,136,178,.28)!important}.dnb-v3-avatar img{width:86px!important;height:86px!important;border-radius:50%!important;object-fit:cover!important}.dnb-v3-avatar i{position:absolute;right:2px;bottom:5px;width:12px;height:12px;border:3px solid #092139;border-radius:50%;background:var(--dnb-green)!important}
.dnb-v3-profile-copy{display:flex!important;flex-direction:column!important;min-width:0!important}.dnb-v3-profile-copy strong{margin:0!important;color:#fff!important;font-size:18px!important;font-weight:750!important}.dnb-v3-profile-copy>span{margin-top:4px!important;color:#9cb0c0!important;font-size:11px!important}.dnb-v3-profile-copy em{width:max-content!important;max-width:100%!important;display:flex!important;align-items:center!important;gap:5px!important;margin-top:9px!important;padding:5px 9px!important;border:1px solid rgba(24,219,154,.26)!important;border-radius:999px!important;background:rgba(24,219,154,.07)!important;color:var(--dnb-green)!important;font-size:9px!important;font-style:normal!important;font-weight:700!important}.dnb-v3-profile-copy em b{width:14px;height:14px;display:grid;place-items:center;margin:0!important;border-radius:50%;background:var(--dnb-green);color:#032017}.dnb-v3-profile-copy em b .dnb-icon{width:9px;height:9px}
.dnb-v3-profile-edit{position:absolute!important;right:16px!important;top:30px!important;min-width:140px!important}
.dnb-v3-avatar-message{position:absolute;right:16px;bottom:10px;max-width:220px;margin:0!important;text-align:right;font-size:8px!important}.dnb-v3-avatar-message.is-success{color:var(--dnb-green)!important}.dnb-v3-avatar-message.is-error{color:var(--dnb-red)!important}
.dnb-v3-btn{min-height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:0 12px!important;border-radius:9px!important;font-family:inherit!important;font-size:10px!important;font-weight:700!important}.dnb-v3-btn .dnb-icon{width:15px;height:15px}.dnb-v3-btn-ghost{border:1px solid #1b405a!important;background:#0a2236!important;color:#e2edf4!important}.dnb-v3-btn-primary{border:1px solid rgba(255,125,42,.5)!important;background:linear-gradient(135deg,#ff8b3d,#f06f1d)!important;color:#fff!important}.dnb-v3-btn-soft{border:1px solid #22506f!important;background:#0a2940!important;color:#d8efff!important}

.dnb-v3-quick-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;margin-bottom:14px!important}
.dnb-v3-quick-grid a{min-height:70px!important;display:flex!important;align-items:center!important;gap:14px!important;padding:10px 14px!important;border:1px solid #17384f!important;border-radius:11px!important;background:#071a2b!important;color:#edf4f8!important;box-shadow:none!important}
.dnb-v3-quick-grid a>i{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;flex:0 0 40px!important;border-radius:10px!important;background:#0a2b45!important;color:var(--dnb-blue)!important}.dnb-v3-quick-grid a>i .dnb-icon{width:21px;height:21px}
.dnb-v3-quick-grid span{display:flex!important;flex-direction:column!important;min-width:0!important}.dnb-v3-quick-grid strong{font-size:12px!important}.dnb-v3-quick-grid small{margin-top:3px!important;color:#8298aa!important;font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.dnb-v3-quick-grid a.is-accent{border-color:rgba(249,114,41,.76)!important;background:linear-gradient(135deg,rgba(249,114,41,.08),#071a2b)!important}.dnb-v3-quick-grid a.is-accent>i{background:rgba(249,114,41,.10)!important;color:#ff8d40!important}

.dnb-v3-panel{border:1px solid #17384f!important;border-radius:12px!important;background:linear-gradient(145deg,#071a2b,#061827)!important;box-shadow:none!important}
.dnb-v3-entitlements{padding:15px 16px 14px!important;margin-bottom:14px!important;background:radial-gradient(circle at 72% 0,rgba(16,107,171,.13),transparent 38%),linear-gradient(145deg,#071a2b,#061827)!important}
.dnb-v3-panel-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;margin-bottom:12px!important}.dnb-v3-panel-head h2,.dnb-v3-card-title h2,.dnb-v3-mini-card h2{margin:0!important;color:#f2f7fa!important;font-size:16px!important;letter-spacing:-.02em!important}.dnb-v3-panel-head p{margin:3px 0 0!important;color:#8ca2b4!important;font-size:10px!important}
.dnb-v3-product-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.dnb-v3-product-card{padding:14px!important;border:1px solid #16364d!important;border-radius:12px!important;background:rgba(3,18,31,.35)!important}.dnb-v3-product-top{display:grid!important;grid-template-columns:54px minmax(0,1fr) auto auto!important;gap:11px!important;align-items:center!important}.dnb-v3-product-icon{width:52px!important;height:52px!important;display:grid!important;place-items:center!important;border-radius:11px!important;background:linear-gradient(145deg,#078fe8,#18bcff)!important;color:#fff!important}.dnb-v3-product-icon .dnb-icon{width:25px;height:25px}.dnb-v3-product-top strong{font-size:13px!important}.dnb-v3-product-top small{margin-top:3px!important;color:#8da2b2!important;font-size:9px!important}.dnb-v3-plan-badge{padding:5px 9px!important;border-radius:999px!important;background:#092b47!important;color:#6fc8ff!important;font-size:7px!important;font-weight:800!important;letter-spacing:.08em!important}.dnb-v3-live-badge{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:5px 9px!important;border:1px solid rgba(24,219,154,.24)!important;border-radius:999px!important;background:rgba(24,219,154,.07)!important;color:var(--dnb-green)!important;font-size:8px!important;font-weight:800!important}.dnb-v3-product-meta{display:grid!important;grid-template-columns:1fr 1fr auto!important;gap:14px!important;align-items:end!important;margin-top:14px!important;padding-top:12px!important;border-top:1px solid #122e43!important}.dnb-v3-product-meta>div{display:grid!important;grid-template-columns:22px 1fr!important;column-gap:7px!important}.dnb-v3-product-meta>div>span{grid-row:1/3!important;color:#8fc1df!important}.dnb-v3-product-meta>div>span .dnb-icon{width:17px;height:17px}.dnb-v3-product-meta small{color:#71899d!important;font-size:8px!important}.dnb-v3-product-meta strong{margin-top:2px!important;color:#f0f5f8!important;font-size:10px!important}

.dnb-v3-dashboard-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) minmax(0,.92fr)!important;gap:14px!important;align-items:stretch!important}.dnb-v3-personal,.dnb-v3-security{min-height:306px!important;padding:15px!important}
.dnb-v3-card-title{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:14px!important}.dnb-v3-card-title>span,.dnb-v3-mini-card header>span{width:36px!important;height:36px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:#092c47!important;color:var(--dnb-blue)!important}.dnb-v3-card-title>span .dnb-icon,.dnb-v3-mini-card header>span .dnb-icon{width:18px;height:18px}.dnb-v3-card-title>span.is-orange,.dnb-v3-mini-card.is-enterprise header>span{background:rgba(249,114,41,.11)!important;color:#ff8b3b!important}.dnb-v3-card-title h2{flex:1!important}.dnb-v3-card-title a,.dnb-v3-card-title button,.dnb-v3-mini-card header a{min-height:31px!important;display:inline-flex!important;align-items:center!important;padding:0 11px!important;border:1px solid #1b4058!important;border-radius:8px!important;background:#0a2236!important;color:#e3edf4!important;font:inherit!important;font-size:9px!important;font-weight:700!important;cursor:pointer!important}
.dnb-v3-dl{margin:0!important}.dnb-v3-dl div{display:grid!important;grid-template-columns:130px 1fr!important;gap:14px!important;padding:11px 0!important;border-bottom:1px solid #122e42!important}.dnb-v3-dl div:last-child{border-bottom:0!important}.dnb-v3-dl dt{color:#879dad!important;font-size:10px!important}.dnb-v3-dl dd{margin:0!important;color:#edf4f8!important;font-size:10.5px!important;font-weight:650!important}.dnb-v3-dl dd.is-verified{display:flex;align-items:center;gap:5px;color:var(--dnb-green)!important}.dnb-v3-dl dd.is-verified .dnb-icon{width:12px;height:12px}.dnb-v3-dl-action dd a{display:inline-flex;align-items:center;gap:6px;color:#9fcbe7!important}.dnb-v3-dl-action dd a .dnb-icon{width:12px;height:12px}
.dnb-v3-session-stats{display:flex!important;align-items:center!important;gap:20px!important;margin:0 0 11px!important}.dnb-v3-session-stats div{display:flex!important;align-items:baseline!important;gap:8px!important}.dnb-v3-session-stats strong{font-size:28px!important;color:#fff!important}.dnb-v3-session-stats span{color:#869caf!important;font-size:9px!important}.dnb-v3-session-stats>i{width:1px!important;height:30px!important;background:#17364c!important}.dnb-v3-last-login{margin:0 0 11px!important;color:#8299aa!important;font-size:9px!important}.dnb-v3-last-login strong{color:#eaf2f7!important}.dnb-v3-session-list{display:grid!important;gap:6px!important}.dnb-v3-session-row{min-height:49px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:7px 10px!important;border:1px solid #14334a!important;border-radius:10px!important;background:#081b2c!important}.dnb-v3-session-row[hidden]{display:none!important}.dnb-v3-client-icon{width:32px!important;height:32px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:#0d334e!important;color:#fff!important}.dnb-v3-client-icon .dnb-icon{width:28px;height:28px}.dnb-v3-client-icon.is-revit .dnb-icon{width:30px;height:30px}.dnb-v3-session-row>div{display:flex!important;flex-direction:column!important;min-width:0!important}.dnb-v3-session-row strong{font-size:9px!important;color:#f0f6fa!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.dnb-v3-session-row small{margin-top:2px!important;color:#70889b!important;font-size:7.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.dnb-v3-session-row em{padding:4px 8px!important;border-radius:999px!important;background:#0a2940!important;color:#7f98aa!important;font-size:7px!important;font-style:normal!important}.dnb-v3-session-row em.is-current{background:rgba(24,219,154,.08)!important;color:var(--dnb-green)!important}
.dnb-v3-side-stack{display:grid!important;grid-template-rows:auto auto auto!important;gap:14px!important;align-content:start!important}.dnb-v3-mini-card{min-height:145px!important;padding:14px!important}.dnb-v3-mini-card header{display:flex!important;align-items:center!important;gap:9px!important}.dnb-v3-mini-card header h2{flex:1!important}.dnb-v3-pass-stats{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;margin:14px 0 9px!important}.dnb-v3-pass-stats strong{font-size:21px!important}.dnb-v3-pass-stats small{margin-top:2px!important;color:#7c93a6!important;font-size:8px!important}.dnb-v3-progress{height:7px!important;border-radius:999px!important;background:#0b2a40!important;overflow:hidden!important}.dnb-v3-progress i{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,var(--dnb-orange),#ffad48)!important}.dnb-v3-mini-card p{margin:10px 0 0!important;color:#8198aa!important;font-size:8.5px!important;line-height:1.5!important}.dnb-v3-mini-card>small{display:block!important;margin-top:5px!important;color:#6c8497!important;font-size:7.5px!important;line-height:1.5!important}
.dnb-v3-account-foot{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:14px 1px 0!important;color:#70899c!important;font-size:8px!important}.dnb-v3-account-foot nav{display:flex!important;gap:18px!important}.dnb-v3-account-foot a{color:#8299aa!important}.dnb-v3-account-foot>span{display:flex!important;align-items:center!important;gap:8px!important;letter-spacing:.13em!important;font-size:7px!important}.dnb-v3-account-foot>span i{width:24px!important;height:1px!important;background:var(--dnb-orange)!important}

/* Profile modal */
.dnb-profile-modal{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:.16s ease}.dnb-profile-modal-open .dnb-profile-modal{opacity:1;visibility:visible}.dnb-profile-modal-backdrop{position:absolute;inset:0;background:rgba(0,8,15,.72);backdrop-filter:blur(4px)}.dnb-profile-modal-dialog{position:relative;z-index:1;width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;padding:20px;border:1px solid #1d4159;border-radius:14px;background:#071a2b;box-shadow:0 30px 80px rgba(0,0,0,.42)}.dnb-profile-modal-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid #153249}.dnb-profile-modal-dialog h2{margin:0;color:#fff;font-size:24px}.dnb-profile-modal-dialog header p{margin:5px 0 0;color:#8299aa;font-size:10px}.dnb-profile-modal-close{width:34px;height:34px;border:1px solid #1c4058;border-radius:9px;background:#0a2337;color:#dce8f0;font-size:20px;cursor:pointer}.dnb-profile-form{display:grid;gap:12px;padding:16px 0}.dnb-profile-form label{display:grid;gap:6px}.dnb-profile-form label>span{color:#9fb1bf;font-size:10px;font-weight:700}.dnb-profile-form input{height:40px;padding:0 12px;border:1px solid #1c4058;border-radius:9px;background:#061625;color:#edf4f8;font:inherit;font-size:11px;outline:0}.dnb-profile-form input:focus{border-color:#2a7ead;box-shadow:0 0 0 3px rgba(42,126,173,.12)}.dnb-profile-form input:disabled{opacity:.65}.dnb-profile-form label small{color:#6e879a;font-size:8px}.dnb-profile-form-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:2px}.dnb-profile-form-message{margin-top:14px;padding:9px 11px;border-radius:9px;font-size:9px}.dnb-profile-form-message.is-error{border:1px solid rgba(255,111,114,.28);background:rgba(255,111,114,.08);color:#ff9a9c}.dnb-profile-avatar-editor{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid #153249}.dnb-profile-avatar-editor>div{display:flex;flex-direction:column}.dnb-profile-avatar-editor strong{font-size:11px}.dnb-profile-avatar-editor small{margin-top:3px;color:#71899c;font-size:8px}.dnb-profile-avatar-editor .dnb-v3-avatar-form{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;margin:0!important}.dnb-profile-avatar-editor .dnb-v3-avatar-note{width:100%;color:#6e879a!important;font-size:7.5px!important;text-align:right}.dnb-profile-password-link{display:grid;grid-template-columns:36px minmax(0,1fr) 16px;gap:10px;align-items:center;padding:12px;border:1px solid #173950;border-radius:10px;background:#081e30;color:#dce9f1}.dnb-profile-password-link>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:rgba(249,114,41,.10);color:#ff8b3b}.dnb-profile-password-link>span .dnb-icon{width:17px;height:17px}.dnb-profile-password-link>div{display:flex;flex-direction:column}.dnb-profile-password-link strong{font-size:10px}.dnb-profile-password-link small{margin-top:2px;color:#748ca0;font-size:8px}.dnb-profile-password-link>.dnb-icon{width:14px;height:14px;color:#7e99aa}
body.dnb-profile-modal-open{overflow:hidden!important}

/* Shared product/workflow/pricing/team pages */
.dnb-wp-page-head{min-height:82px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:15px;padding:0 1px}.dnb-wp-page-head>div{min-width:0}.dnb-wp-eyebrow{display:block;margin-bottom:5px;color:var(--dnb-orange);font-size:10px;font-weight:800;letter-spacing:.14em}.dnb-wp-page-head h1{margin:0;color:var(--dnb-text);font-size:40px;line-height:1.05;letter-spacing:-.04em}.dnb-wp-page-head p{max-width:760px;margin:7px 0 0;color:var(--dnb-muted);font-size:11px;line-height:1.55}
.dnb-wp-action{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;border:1px solid #1b4058;border-radius:9px;background:#0a2236;color:#dceaf4;font-size:10px;font-weight:700;white-space:nowrap}.dnb-wp-action .dnb-icon{width:15px;height:15px}.dnb-wp-action-accent{border-color:rgba(249,114,41,.55);background:rgba(249,114,41,.10);color:#ff9a57}.dnb-wp-head-chip{display:inline-flex;align-items:center;min-height:32px;padding:0 11px;border:1px solid rgba(249,114,41,.28);border-radius:999px;background:rgba(249,114,41,.08);color:#ff9b5b;font-size:8px;font-weight:800;letter-spacing:.08em}
.dnb-wp-panel,.dnb-wp-product-card,.dnb-wp-price-card,.dnb-wp-step-card,.dnb-wp-team-card{border:1px solid var(--dnb-border);border-radius:11px;background:linear-gradient(145deg,#071a2b,#061827);box-shadow:none}
.dnb-wp-panel{padding:15px}.dnb-wp-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.dnb-wp-panel-head>div{display:flex;align-items:center;gap:10px;min-width:0}.dnb-wp-panel-head h2{margin:0;font-size:14px}.dnb-wp-panel-head p{margin:3px 0 0;color:var(--dnb-muted);font-size:9px}.dnb-wp-panel-head>a,.dnb-wp-product-foot>a{display:inline-flex;align-items:center;gap:6px;color:#9fc9e5;font-size:9px;font-weight:700}.dnb-wp-panel-head>a .dnb-icon,.dnb-wp-product-foot>a .dnb-icon{width:13px;height:13px}.dnb-wp-panel-icon{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border-radius:9px;background:rgba(22,139,207,.12);color:#4fb8f4}.dnb-wp-panel-icon.is-orange{background:rgba(249,114,41,.11);color:#ff8d43}.dnb-wp-panel-icon .dnb-icon{width:18px;height:18px}
.dnb-wp-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.dnb-wp-product-card{padding:16px;overflow:hidden}.dnb-wp-product-card-head{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:11px;align-items:start}.dnb-wp-product-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#0789de,#19b6fb);color:#fff;box-shadow:0 8px 22px rgba(10,143,224,.20)}.dnb-wp-product-mark .dnb-icon{width:24px;height:24px}.dnb-wp-product-card.is-rebar .dnb-wp-product-mark{background:linear-gradient(145deg,#00a8da,#17d0ef)}.dnb-wp-product-card-head small{display:block;margin-bottom:2px;color:#55baf2;font-size:8px;font-weight:800;letter-spacing:.08em}.dnb-wp-product-card-head h2{margin:0;color:#eef7fc;font-size:17px}.dnb-wp-product-card-head p{margin:4px 0 0;color:var(--dnb-muted);font-size:9.5px;line-height:1.45}.dnb-wp-status-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:rgba(23,116,176,.13);color:#71c7fa;font-size:7px;font-weight:800;white-space:nowrap}.dnb-wp-status-badge.is-green{background:rgba(24,219,154,.08);color:#40dda2}.dnb-wp-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 18px;margin:14px 0 0;padding:12px 0;border-top:1px solid #132b3d;border-bottom:1px solid #132b3d}.dnb-wp-feature-grid span{display:flex;align-items:center;gap:7px;color:#9db0bf;font-size:9px}.dnb-wp-feature-grid .dnb-icon{width:13px;height:13px;color:#38d99c}.dnb-wp-product-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-top:11px}.dnb-wp-product-foot>span{display:flex;flex-direction:column}.dnb-wp-product-foot small{color:var(--dnb-muted-2);font-size:7px}.dnb-wp-product-foot strong{margin-top:2px;color:#edf5fa;font-size:15px}.dnb-wp-product-foot em{color:var(--dnb-muted);font-size:7.5px;font-style:normal;font-weight:500}
.dnb-wp-connected{margin-top:0}.dnb-wp-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:13px}.dnb-wp-mini-grid article{display:flex;flex-direction:column;padding:11px;border:1px solid #132c3f;border-radius:9px;background:#071827}.dnb-wp-mini-grid b{font-size:10px}.dnb-wp-mini-grid span{margin-top:3px;color:var(--dnb-muted);font-size:8px}
.dnb-wp-price-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.dnb-wp-price-card{position:relative;padding:15px;min-height:300px;display:flex;flex-direction:column}.dnb-wp-price-card.is-recommended{border-color:rgba(249,114,41,.58);background:linear-gradient(145deg,rgba(249,114,41,.09),#071724 52%)}.dnb-wp-price-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:rgba(26,139,205,.13);color:#55c1fa}.dnb-wp-price-icon.is-cyan{color:#28d4ef}.dnb-wp-price-icon.is-orange{background:rgba(249,114,41,.11);color:#ff914b}.dnb-wp-price-icon .dnb-icon{width:18px;height:18px}.dnb-wp-price-card>small{margin-top:12px;color:#8fb0c6;font-size:8px;font-weight:750}.dnb-wp-price-card h2{margin:4px 0 0;font-size:22px}.dnb-wp-price-card h2 em{margin-left:3px;color:var(--dnb-muted);font-size:8px;font-style:normal;font-weight:500}.dnb-wp-price-card ul{display:grid;gap:7px;margin:14px 0;padding:12px 0 0;border-top:1px solid #132b3d;list-style:none}.dnb-wp-price-card li{display:flex;align-items:center;gap:7px;color:#9eb1bf;font-size:8.5px}.dnb-wp-price-card li .dnb-icon{width:12px;height:12px;color:#38d99c}.dnb-wp-price-card>a{margin-top:auto;min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;border:1px solid #1a3a53;border-radius:8px;background:#092035;color:#dbeaf4;font-size:8.5px;font-weight:700}.dnb-wp-price-card>a.is-accent{border-color:rgba(249,114,41,.45);background:rgba(249,114,41,.10);color:#ff9b5a}.dnb-wp-price-card>a .dnb-icon{width:13px;height:13px}.dnb-wp-price-card>p{margin:6px 0 0;color:var(--dnb-muted-2);font-size:7px}.dnb-wp-recommended{position:absolute;right:11px;top:12px;color:#ff9550;font-size:6.5px;font-weight:850;letter-spacing:.08em}.dnb-wp-two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dnb-wp-info-list{display:grid;gap:0;margin-top:12px}.dnb-wp-info-list>div{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:8px 0;border-top:1px solid #132b3d}.dnb-wp-info-list b{font-size:8.5px}.dnb-wp-info-list span{color:var(--dnb-muted);font-size:8px}.dnb-wp-note{margin:10px 0 0;color:var(--dnb-muted-2);font-size:7.5px}
.dnb-wp-feature-card{padding:16px}.dnb-wp-feature-card>header{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center}.dnb-wp-feature-card header small,.dnb-wp-horizontal-card small,.dnb-wp-enterprise-copy small{color:#5db9ee;font-size:7px;font-weight:800;letter-spacing:.08em}.dnb-wp-feature-card h2,.dnb-wp-horizontal-card h2,.dnb-wp-enterprise-copy h2{margin:2px 0 0;font-size:14px}.dnb-wp-feature-card>p{margin:12px 0 0;color:var(--dnb-muted);font-size:9px;line-height:1.55}.dnb-wp-feature-card ul{display:grid;gap:7px;margin:12px 0;padding:0;list-style:none}.dnb-wp-feature-card li{display:flex;align-items:center;gap:7px;color:#9eafbd;font-size:8.5px}.dnb-wp-feature-card li .dnb-icon{width:12px;height:12px;color:#39da9e}.dnb-wp-feature-card>a{display:inline-flex;align-items:center;gap:5px;color:#9fcce8;font-size:8.5px;font-weight:700}.dnb-wp-feature-card>a .dnb-icon{width:12px;height:12px}.dnb-wp-horizontal-card{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:24px}.dnb-wp-horizontal-card>div:first-child{display:flex;align-items:center;gap:12px;max-width:66%}.dnb-wp-horizontal-card p{margin:4px 0 0;color:var(--dnb-muted);font-size:8.5px}.dnb-wp-horizontal-stats{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:8px}.dnb-wp-horizontal-stats span{display:flex;flex-direction:column;padding:8px 10px;border-left:1px solid #173149}.dnb-wp-horizontal-stats b{font-size:8px}.dnb-wp-horizontal-stats small{margin-top:2px!important;color:var(--dnb-muted)!important;font-size:7px!important;font-weight:500!important;letter-spacing:0!important}
.dnb-wp-enterprise-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:12px}.dnb-wp-enterprise-copy{display:flex;align-items:center;gap:12px;max-width:68%}.dnb-wp-enterprise-copy p{margin:4px 0 0;color:var(--dnb-muted);font-size:8.5px}.dnb-wp-enterprise-metrics{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:8px}.dnb-wp-enterprise-metrics span{display:flex;flex-direction:column;padding:9px 11px;border:1px solid #153047;border-radius:9px;background:#071827}.dnb-wp-enterprise-metrics strong{font-size:9px}.dnb-wp-enterprise-metrics small{margin-top:2px;color:var(--dnb-muted);font-size:7px}.dnb-wp-four-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dnb-wp-three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dnb-wp-step-card{position:relative;padding:14px;min-height:160px}.dnb-wp-step-card>b{position:absolute;right:12px;top:10px;color:#315066;font-size:16px}.dnb-wp-step-card h3{margin:11px 0 0;font-size:11px}.dnb-wp-step-card p{margin:5px 0 0;color:var(--dnb-muted);font-size:8.5px;line-height:1.55}
.dnb-wp-workflow-panel{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:18px 12px;margin-bottom:12px;overflow:hidden}.dnb-wp-workflow-line{position:absolute;left:8%;right:8%;top:55px;height:1px;background:linear-gradient(90deg,#19435e,#1c729f,var(--dnb-orange),#1c729f,#19435e)}.dnb-wp-workflow-panel article{position:relative;z-index:1;padding:0 13px;text-align:center}.dnb-wp-workflow-panel article>b{position:absolute;top:-4px;left:calc(50% + 17px);color:#46677c;font-size:7px}.dnb-wp-workflow-icon{width:48px;height:48px;margin:0 auto 10px;display:grid;place-items:center;border:1px solid #1c4661;border-radius:50%;background:#082034;color:#65bee9}.dnb-wp-workflow-icon .dnb-icon{width:21px;height:21px}.dnb-wp-workflow-panel article.is-highlight .dnb-wp-workflow-icon{border-color:rgba(249,114,41,.65);background:rgba(249,114,41,.11);color:#ff9451}.dnb-wp-workflow-panel small{color:#5faed8;font-size:6.5px;font-weight:800;letter-spacing:.07em}.dnb-wp-workflow-panel h2{margin:3px 0 0;font-size:10px}.dnb-wp-workflow-panel p{margin:5px 0 0;color:var(--dnb-muted);font-size:7.5px;line-height:1.5}
.dnb-wp-team-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:14px}.dnb-wp-team-card{display:grid;grid-template-columns:128px minmax(0,1fr);gap:14px;padding:14px;align-items:center;min-height:166px}.dnb-wp-team-card.is-founder{grid-template-columns:148px minmax(0,1fr)}.dnb-wp-team-card img{width:100%;height:148px;border-radius:10px;object-fit:cover;object-position:center top;background:#0a2134}.dnb-wp-team-card.is-founder img{height:162px}.dnb-wp-team-card small{color:#5db9ee;font-size:7px;font-weight:800;line-height:1.45}.dnb-wp-team-card h2{margin:4px 0 0;font-size:14px}.dnb-wp-team-card p{margin:5px 0 0;color:var(--dnb-muted);font-size:8.5px;line-height:1.5}.dnb-wp-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.dnb-wp-tags span,.dnb-wp-release-tags span{padding:4px 7px;border:1px solid #17354d;border-radius:999px;background:#071827;color:#8fa9ba;font-size:6.5px}
.dnb-wp-release-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;margin-bottom:12px;padding:18px}.dnb-wp-release-brand{display:flex;align-items:center;gap:14px}.dnb-wp-release-logo{width:66px;height:66px;display:grid;place-items:center;border-radius:50%;background:#07131e;box-shadow:0 0 0 1px #24435a}.dnb-wp-release-logo img{width:55px;height:47px;object-fit:contain}.dnb-wp-release-brand small{color:#ff9550;font-size:7px;font-weight:800}.dnb-wp-release-brand h2{margin:3px 0 0;font-size:18px}.dnb-wp-release-brand p{margin:3px 0 0;color:var(--dnb-muted);font-size:8.5px}.dnb-wp-release-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:280px}.dnb-wp-release-download{min-height:40px;display:flex;align-items:center;gap:8px;padding:0 14px;border:1px solid rgba(249,114,41,.52);border-radius:9px;background:rgba(249,114,41,.11);color:#ff9a57;font-size:9px;font-weight:750}.dnb-wp-release-download .dnb-icon{width:16px;height:16px}

/* Workspace Home */
.dnb-home-hero{display:grid;grid-template-columns:minmax(0,.94fr) minmax(610px,1.06fr);gap:42px;align-items:center;min-height:510px;padding:18px 2px 30px}.dnb-home-hero-copy{min-width:0}.dnb-home-kicker{display:flex;align-items:center;gap:8px;color:#a7b8c5;font-size:9px;font-weight:800;letter-spacing:.15em}.dnb-home-kicker i{width:8px;height:8px;border-radius:50%;background:var(--dnb-orange);box-shadow:0 0 0 4px rgba(249,114,41,.10)}.dnb-home-hero h1{display:flex;flex-direction:column;margin:16px 0 0;color:#f4f7fa;font-size:56px;line-height:1.02;letter-spacing:-.055em}.dnb-home-hero h1 em{color:#ff7c31;font-style:normal}.dnb-home-hero-copy>p{max-width:650px;margin:20px 0 0;color:#9cb0bf;font-size:13px;line-height:1.65}.dnb-home-actions{display:flex;gap:10px;margin-top:22px}.dnb-home-btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:1px solid #1c4058;border-radius:10px;background:#0a2235;color:#eaf2f7;font-size:10px;font-weight:750}.dnb-home-btn .dnb-icon{width:15px;height:15px}.dnb-home-btn.is-primary{border-color:#ff7a2b;background:linear-gradient(135deg,#ff8b3d,#f36f21);color:#fff}.dnb-home-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:620px;margin-top:24px;border-top:1px solid #132f43}.dnb-home-proof>div{display:grid;grid-template-columns:20px 1fr;column-gap:9px;padding:14px 14px 0 0}.dnb-home-proof>div+div{padding-left:18px;border-left:1px solid #132f43}.dnb-home-proof span{grid-row:1/3;color:#ff8a3b}.dnb-home-proof span .dnb-icon{width:15px;height:15px}.dnb-home-proof strong{font-size:16px}.dnb-home-proof small{margin-top:2px;color:#71899b;font-size:8px}
.dnb-home-hero-stage{position:relative;min-height:465px}.dnb-home-flow-card{position:absolute;z-index:3;left:6%;right:3%;top:10px;padding:13px 16px 15px;border:1px solid #1c4c6d;border-radius:16px;background:rgba(5,24,42,.88);box-shadow:0 20px 50px rgba(0,0,0,.18)}.dnb-home-flow-label{position:absolute;left:50%;top:-12px;transform:translateX(-50%);padding:5px 12px;border:1px solid #1b405b;border-radius:999px;background:#071a2b;color:#c4d0d9;font-size:7px;font-weight:800;white-space:nowrap}.dnb-home-flow{display:grid;grid-template-columns:1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;align-items:center}.dnb-home-flow>div{text-align:center}.dnb-home-flow>div b{display:block;color:#d8e2e9;font-size:8px}.dnb-home-flow>div i{width:42px;height:42px;display:grid;place-items:center;margin:6px auto;border:1px solid #28506b;border-radius:50%;color:#90a8b9}.dnb-home-flow>div i.is-orange{border-color:#8b4a28;color:#ff8d3f}.dnb-home-flow>div i.is-green{border-color:#2a694f;color:#54d894}.dnb-home-flow>div i.is-purple{border-color:#5b4e7c;color:#b69af6}.dnb-home-flow>div i .dnb-icon{width:18px;height:18px}.dnb-home-flow>div strong{display:block;font-size:9px}.dnb-home-flow>div small{display:block;margin-top:2px;color:#698497;font-size:6.3px}.dnb-home-flow>span{display:grid;place-items:center;color:#5a7890}.dnb-home-flow>span .dnb-icon{width:12px;height:12px}
.dnb-home-preview-stack{position:absolute;left:1%;right:0;bottom:0;height:320px}.dnb-home-preview-stack figure{position:absolute;margin:0;border:1px solid #145f93;border-radius:12px;background:#03101b;overflow:hidden;box-shadow:0 22px 48px rgba(0,0,0,.25)}.dnb-home-preview-stack figcaption{position:absolute;z-index:2;left:10px;top:9px;padding:5px 8px;border:1px solid #23618a;border-radius:7px;background:rgba(5,32,51,.88);color:#76cfff;font-size:7px;font-weight:800}.dnb-home-preview-stack img{width:100%;height:100%;object-fit:cover;object-position:center top;opacity:.88}.dnb-home-preview-stack .is-beam{left:0;bottom:4px;width:58%;height:250px;transform:rotate(-.7deg)}.dnb-home-preview-stack .is-foundation{right:0;bottom:0;width:58%;height:270px;transform:rotate(.8deg)}
.dnb-home-section{padding:34px 0 38px;border-top:1px solid #102b40}.dnb-home-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}.dnb-home-section-head>div{max-width:860px}.dnb-home-section-head h2{margin:0;color:#f1f6fa;font-size:30px;line-height:1.16;letter-spacing:-.035em}.dnb-home-section-head p{margin:8px 0 0;color:#8fa5b6;font-size:11px;line-height:1.6}.dnb-home-section-head>a{display:inline-flex;align-items:center;gap:6px;color:#9fcbe7;font-size:9px;font-weight:700;white-space:nowrap}.dnb-home-section-head>a .dnb-icon{width:13px;height:13px}
.dnb-home-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dnb-home-product-card{position:relative;min-height:450px;display:flex;flex-direction:column;padding:18px;border:1px solid #17384f;border-radius:13px;background:linear-gradient(145deg,#081b2c,#071726);overflow:hidden}.dnb-home-product-card.is-green{border-color:#1f493b;background:linear-gradient(145deg,#071f1b,#071726)}.dnb-home-product-head{display:flex;align-items:center;gap:11px}.dnb-home-product-head>span{width:44px;height:44px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#078fe8,#18baff);color:#fff}.dnb-home-product-head>span .dnb-icon{width:21px;height:21px}.dnb-home-product-card.is-green .dnb-home-product-head>span{background:linear-gradient(145deg,#1a9b59,#6dd46e)}.dnb-home-product-head h3{margin:0;font-size:17px}.dnb-home-product-head small{display:block;margin-top:3px;color:#62bce8;font-size:7px;font-weight:800}.dnb-home-product-card>p{margin:14px 0 0;color:#9aafbd;font-size:10px;line-height:1.6}.dnb-home-product-card ul{display:grid;gap:7px;margin:13px 0 0;padding:0;list-style:none}.dnb-home-product-card li{position:relative;padding-left:17px;color:#9cafbd;font-size:9px}.dnb-home-product-card li::before{content:"✓";position:absolute;left:0;color:#49dca2}.dnb-home-product-card>a{margin-top:auto;display:inline-flex;align-items:center;gap:6px;color:#dcebf4;font-size:9px;font-weight:700}.dnb-home-product-card>a .dnb-icon{width:12px;height:12px}.dnb-home-structure-visual{height:190px;margin:18px -4px 10px;display:grid;place-items:center}.dnb-home-structure-visual svg{width:92%;height:100%;fill:none;stroke:#2784c4;stroke-width:1.05;opacity:.8}.dnb-home-product-image{height:205px;margin:18px -18px 10px;border-top:1px solid #15415c;border-bottom:1px solid #15415c;background:#04121d;overflow:hidden}.dnb-home-product-image img{width:100%;height:100%;object-fit:cover;object-position:center top;opacity:.86}
.dnb-home-workflow-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.dnb-home-workflow-grid article{position:relative;min-height:185px;padding:16px;border:1px solid #17364c;border-radius:11px;background:#071a2a}.dnb-home-workflow-grid b{position:absolute;right:12px;top:10px;color:#34536a;font-size:15px}.dnb-home-workflow-grid span{width:42px;height:42px;display:grid;place-items:center;border:1px solid #1d4a66;border-radius:50%;color:#5fbdf1}.dnb-home-workflow-grid span.is-orange{color:#ff9148;border-color:#6c432d}.dnb-home-workflow-grid span.is-green{color:#55d796;border-color:#2e604b}.dnb-home-workflow-grid span.is-purple{color:#b19af0;border-color:#564d72}.dnb-home-workflow-grid span .dnb-icon{width:19px;height:19px}.dnb-home-workflow-grid h3{margin:14px 0 0;font-size:13px}.dnb-home-workflow-grid p{margin:6px 0 0;color:#839aac;font-size:9px;line-height:1.55}
.dnb-home-difference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dnb-home-difference-grid article{min-height:160px;padding:16px;border:1px solid #17364c;border-radius:11px;background:#071a2a}.dnb-home-difference-grid article>span{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#0a2a43;color:#5fc0f4}.dnb-home-difference-grid article>span.is-orange{background:rgba(249,114,41,.10);color:#ff8b3b}.dnb-home-difference-grid article>span.is-green{background:rgba(24,219,154,.08);color:#47d99d}.dnb-home-difference-grid article>span.is-purple{background:rgba(166,137,239,.10);color:#b49af1}.dnb-home-difference-grid article>span .dnb-icon{width:18px;height:18px}.dnb-home-difference-grid h3{margin:12px 0 0;font-size:12px}.dnb-home-difference-grid p{margin:5px 0 0;color:#839aac;font-size:9px;line-height:1.55}
.dnb-home-gallery-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:12px}.dnb-home-gallery-grid figure{margin:0;border:1px solid #17384f;border-radius:12px;background:#061624;overflow:hidden}.dnb-home-gallery-grid figure img{display:block;width:100%;height:245px;object-fit:cover;object-position:center top;background:#03101b}.dnb-home-gallery-grid figure.is-wide img{object-fit:contain;padding:10px}.dnb-home-gallery-grid figcaption{display:flex;flex-direction:column;padding:12px 13px;border-top:1px solid #153147}.dnb-home-gallery-grid figcaption strong{font-size:11px}.dnb-home-gallery-grid figcaption span{margin-top:3px;color:#7f96a8;font-size:8.5px}
.dnb-home-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:8px 0 6px;padding:22px;border:1px solid #1a4059;border-radius:13px;background:radial-gradient(circle at 82% 0,rgba(28,112,164,.14),transparent 42%),#071a2a}.dnb-home-cta h2{margin:0;font-size:24px}.dnb-home-cta p{margin:6px 0 0;color:#8ca2b3;font-size:10px}.dnb-home-cta>div:last-child{display:flex;gap:8px}

/* Light theme keeps geometry identical. */
html[data-dnb-theme="light"] body.dnb-workspace-body,.theme-light.dnb-workspace-body{background:#f4f7f9!important;color:#1f2933!important}
.theme-light .dnb-app-main{background:radial-gradient(circle at 72% 0,rgba(20,94,143,.055),transparent 30%),#f4f7f9!important}.theme-light .dnb-app-sidebar{background:#fff!important;border-right-color:#dce6ed!important}.theme-light .dnb-app-topbar{background:rgba(255,255,255,.97)!important;border-bottom-color:#dce6ed!important}.theme-light .dnb-sidebar-brand-orbit{background:#f5f8fa!important}.theme-light .dnb-sidebar-brand-copy b{color:#26313a!important}.theme-light .dnb-sidebar-promo{background:#f2f7fa!important}.theme-light .dnb-sidebar-version{color:#738899!important}.theme-light .dnb-global-search,.theme-light .dnb-user-menu,.theme-light .dnb-language-control,.theme-light .dnb-theme-toggle,.theme-light .dnb-topbar-icon{background:#fff!important;border-color:#d8e3ea!important}.theme-light .dnb-language-control button.is-active{background:#fff4ec!important}.theme-light .dnb-user-copy strong{color:#26313a!important}.theme-light .dnb-account-flyout,.theme-light .dnb-profile-modal-dialog{background:#fff!important;border-color:#dbe5eb!important}.theme-light .dnb-flyout-group a{color:#536875!important}.theme-light .dnb-flyout-group a.is-active{background:#eef7fc!important;color:#22323d!important}
.theme-light .dnb-v3-profile-card,.theme-light .dnb-v3-panel,.theme-light .dnb-v3-quick-grid a,.theme-light .dnb-v3-product-card,.theme-light .dnb-wp-panel,.theme-light .dnb-wp-product-card,.theme-light .dnb-wp-price-card,.theme-light .dnb-wp-step-card,.theme-light .dnb-wp-team-card,.theme-light .dnb-home-product-card,.theme-light .dnb-home-workflow-grid article,.theme-light .dnb-home-difference-grid article,.theme-light .dnb-home-gallery-grid figure,.theme-light .dnb-home-cta{background:#fff!important;border-color:#dce6ed!important;color:#1f2933!important}
.theme-light .dnb-account-v3-title h1,.theme-light .dnb-v3-profile-copy strong,.theme-light .dnb-v3-panel-head h2,.theme-light .dnb-v3-card-title h2,.theme-light .dnb-v3-mini-card h2,.theme-light .dnb-wp-page-head h1,.theme-light .dnb-home-hero h1,.theme-light .dnb-home-section-head h2,.theme-light .dnb-home-product-head h3,.theme-light .dnb-home-workflow-grid h3,.theme-light .dnb-home-difference-grid h3,.theme-light .dnb-home-cta h2{color:#1f2933!important}
.theme-light .dnb-v3-product-card,.theme-light .dnb-v3-session-row,.theme-light .dnb-wp-mini-grid article,.theme-light .dnb-wp-enterprise-metrics span{background:#f9fbfc!important;border-color:#e3ebf0!important}.theme-light .dnb-v3-dl div,.theme-light .dnb-v3-product-meta,.theme-light .dnb-wp-feature-grid,.theme-light .dnb-wp-price-card ul,.theme-light .dnb-wp-info-list>div{border-color:#e7edf1!important}.theme-light .dnb-profile-form input{background:#f7fafb!important;border-color:#dbe5eb!important;color:#27333c!important}

/* Wide screens: shell stays full width; content is capped and centered. */
@media (min-width:1800px){
  .dnb-account-v3,.dnb-wp-page,.dnb-home-v5{padding-left:32px!important;padding-right:32px!important}
}
/* Desktop/laptop: composition does not reflow. */
@media (min-width:981px){
  .dnb-app-sidebar{transform:none!important}.dnb-mobile-menu,.dnb-sidebar-backdrop{display:none!important}
}
/* Tablet / mobile dedicated layout. */
@media (max-width:980px){
  :root{--dnb-side-w:0px;--dnb-top-h:58px;--dnb-shell-pad:16px}
  .dnb-app-frame{margin-left:0!important}.dnb-app-sidebar{width:min(86vw,285px)!important;padding:12px 15px!important;transform:translateX(-104%);transition:transform .2s ease}.dnb-sidebar-is-open .dnb-app-sidebar{transform:translateX(0)}
  .dnb-sidebar-brand{height:72px!important}.dnb-sidebar-promo{height:205px!important}.dnb-sidebar-promo img{width:132px;height:145px}
  .dnb-mobile-menu{width:38px;height:38px;display:grid!important;place-items:center;border:1px solid #17384f;border-radius:10px;background:#071a2b;color:#e1ebf2}.dnb-mobile-menu .dnb-icon{width:20px;height:20px}
  .dnb-app-topbar{padding:0 12px!important}.dnb-global-search{width:min(55vw,420px)!important}.dnb-account-flyout{left:12px!important;top:68px!important;max-width:calc(100vw - 24px)!important}.dnb-account-flyout-back{display:grid!important;place-items:center!important}
  .dnb-account-v3,.dnb-wp-page,.dnb-home-v5{padding:18px 16px 22px!important}.dnb-account-v3-hero{grid-template-columns:1fr!important;gap:14px!important}.dnb-v3-profile-card{padding-right:164px!important}.dnb-v3-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dnb-v3-quick-grid a:last-child{grid-column:1/-1}.dnb-v3-product-grid,.dnb-v3-dashboard-grid{grid-template-columns:1fr!important}.dnb-v3-side-stack{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dnb-v3-side-stack .is-teacher{grid-column:1/-1!important}.dnb-v3-personal,.dnb-v3-security{min-height:0!important}
  .dnb-wp-product-grid,.dnb-wp-price-grid,.dnb-wp-two-column,.dnb-wp-four-grid,.dnb-wp-team-grid{grid-template-columns:1fr!important}.dnb-wp-three-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dnb-wp-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dnb-wp-horizontal-card,.dnb-wp-enterprise-summary{align-items:flex-start;flex-direction:column}.dnb-wp-horizontal-card>div:first-child,.dnb-wp-enterprise-copy{max-width:none}.dnb-wp-workflow-panel{grid-template-columns:1fr;gap:8px}.dnb-wp-workflow-line{display:none}.dnb-wp-workflow-panel article{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:12px;text-align:left;padding:9px}.dnb-wp-workflow-icon{grid-row:1/4;margin:0}.dnb-wp-workflow-panel article>b{left:42px;top:3px}.dnb-wp-workflow-panel small,.dnb-wp-workflow-panel h2,.dnb-wp-workflow-panel p{grid-column:2}.dnb-wp-release-card{grid-template-columns:1fr}.dnb-wp-release-tags{justify-content:flex-start;max-width:none}.dnb-wp-team-card,.dnb-wp-team-card.is-founder{grid-template-columns:120px minmax(0,1fr)}
  .dnb-home-hero{grid-template-columns:1fr;gap:20px;min-height:0}.dnb-home-hero h1{font-size:48px}.dnb-home-hero-stage{min-height:455px}.dnb-home-product-grid{grid-template-columns:1fr}.dnb-home-product-card{min-height:390px}.dnb-home-workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dnb-home-difference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dnb-home-gallery-grid{grid-template-columns:1fr 1fr}.dnb-home-gallery-grid .is-wide{grid-column:1/-1}.dnb-home-cta{align-items:flex-start;flex-direction:column}
}
@media (max-width:650px){
  .dnb-global-search{display:none!important}.dnb-topbar-actions{margin-left:auto!important;gap:7px!important}.dnb-language-control{width:70px!important;height:36px!important}.dnb-language-control button{height:28px;font-size:9px}.dnb-theme-toggle{width:52px!important;height:36px!important}.dnb-theme-track{width:38px!important;height:24px!important}.dnb-theme-thumb{width:18px!important;height:18px!important}.theme-light .dnb-theme-thumb{transform:translateX(14px)!important}.dnb-theme-moon{left:5px!important;top:6px!important}.dnb-theme-sun{right:4px!important;top:6px!important}.dnb-topbar-icon{width:36px!important;height:36px!important}.dnb-user-menu{width:38px!important;min-width:38px!important;height:38px!important;padding:0 3px!important}.dnb-user-copy,.dnb-user-caret{display:none!important}.dnb-user-avatar,.dnb-user-avatar img{width:30px!important;height:30px!important}
  .dnb-account-v3-title h1{font-size:36px!important}.dnb-account-v3-title p{font-size:10px!important}.dnb-v3-profile-card{padding:14px!important;min-height:0!important}.dnb-v3-avatar,.dnb-v3-avatar img{width:64px!important;height:64px!important}.dnb-v3-avatar{flex-basis:64px!important}.dnb-v3-profile-copy strong{font-size:14px!important}.dnb-v3-profile-copy>span{font-size:8px!important}.dnb-v3-profile-copy em{font-size:7px!important}.dnb-v3-profile-edit{position:static!important;margin-top:12px!important;align-self:flex-start}.dnb-v3-avatar-message{position:static!important;margin-top:7px!important;text-align:left!important}.dnb-v3-quick-grid{grid-template-columns:1fr!important}.dnb-v3-quick-grid a:last-child{grid-column:auto}.dnb-v3-product-top{grid-template-columns:44px minmax(0,1fr) auto!important}.dnb-v3-live-badge{grid-column:2/4;width:max-content}.dnb-v3-product-meta{grid-template-columns:1fr 1fr!important}.dnb-v3-product-meta .dnb-v3-btn{grid-column:1/-1}.dnb-v3-dl div{grid-template-columns:105px 1fr!important}.dnb-v3-side-stack{grid-template-columns:1fr!important}.dnb-v3-side-stack .is-teacher{grid-column:auto!important}.dnb-v3-account-foot{flex-direction:column!important;align-items:flex-start!important}.dnb-v3-account-foot>span{display:none!important}
  .dnb-profile-avatar-editor{align-items:flex-start;flex-direction:column}.dnb-profile-avatar-editor .dnb-v3-avatar-note{text-align:left}
  .dnb-wp-page-head{min-height:0;flex-direction:column;gap:11px}.dnb-wp-page-head h1{font-size:30px}.dnb-wp-page-head p{font-size:9.5px}.dnb-wp-feature-grid,.dnb-wp-mini-grid,.dnb-wp-three-grid,.dnb-wp-horizontal-stats{grid-template-columns:1fr!important}.dnb-wp-product-card-head{grid-template-columns:44px minmax(0,1fr)}.dnb-wp-product-card-head .dnb-wp-status-badge{grid-column:2;width:max-content}.dnb-wp-product-foot{align-items:flex-start;flex-direction:column}.dnb-wp-feature-card>header{grid-template-columns:38px minmax(0,1fr)}.dnb-wp-feature-card>header>.dnb-wp-status-badge{grid-column:2;width:max-content}.dnb-wp-team-card,.dnb-wp-team-card.is-founder{grid-template-columns:94px minmax(0,1fr)}.dnb-wp-team-card img,.dnb-wp-team-card.is-founder img{height:118px}
  .dnb-home-hero{padding-top:8px}.dnb-home-hero h1{font-size:38px}.dnb-home-hero-copy>p{font-size:10px}.dnb-home-actions{flex-direction:column;align-items:stretch}.dnb-home-proof{grid-template-columns:1fr}.dnb-home-proof>div+div{padding-left:0;border-left:0}.dnb-home-hero-stage{min-height:520px}.dnb-home-flow-card{left:0;right:0;overflow-x:auto}.dnb-home-flow{min-width:560px}.dnb-home-preview-stack{height:330px}.dnb-home-preview-stack .is-beam{width:72%;height:225px}.dnb-home-preview-stack .is-foundation{width:72%;height:245px}.dnb-home-section-head{align-items:flex-start;flex-direction:column}.dnb-home-section-head h2{font-size:25px}.dnb-home-workflow-grid,.dnb-home-difference-grid,.dnb-home-gallery-grid{grid-template-columns:1fr}.dnb-home-gallery-grid .is-wide{grid-column:auto}.dnb-home-gallery-grid figure img{height:210px}.dnb-home-cta>div:last-child{width:100%;flex-direction:column}.dnb-home-cta .dnb-home-btn{width:100%}
}
@media (max-height:820px) and (min-width:981px){
  .dnb-sidebar-promo{height:176px}.dnb-sidebar-promo img{width:118px;height:132px}.dnb-sidebar-promo-copy{font-size:12px;line-height:1.45}.dnb-sidebar-primary a{min-height:41px!important}
}
@media(max-width:980px){
  .dnb-sidebar-is-open .dnb-sidebar-backdrop{display:block!important;position:fixed;inset:0;z-index:240;background:rgba(3,8,13,.55);backdrop-filter:blur(2px)}
}

/* ===== V6 account refinements ===== */
.dnb-v3-btn.is-upgrade{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.dnb-v3-btn.is-upgrade span{display:inline-flex;align-items:center;justify-content:center;color:#d9efff}
.dnb-v3-btn.is-upgrade .dnb-icon{width:14px;height:14px}
.dnb-v3-mini-card p.is-upgrade-note,.dnb-v3-mini-card p.is-warning,.dnb-v3-mini-card p.is-danger{display:flex;align-items:flex-start;gap:8px}
.dnb-v3-mini-card p.is-upgrade-note .dnb-icon,.dnb-v3-mini-card p.is-warning .dnb-icon,.dnb-v3-mini-card p.is-danger .dnb-icon{flex:none;width:14px;height:14px;margin-top:1px}
.dnb-v3-mini-card p.is-upgrade-note{color:var(--dnb-v3-amber);font-weight:700}
.dnb-v3-mini-card p.is-upgrade-note a{color:inherit}
.dnb-v3-control-center{margin-top:16px;padding:18px 18px 16px}
.dnb-v3-control-head .dnb-v3-eyebrow b{margin-left:6px;padding:2px 6px;border-radius:999px;background:rgba(247,115,46,.14);color:var(--dnb-v3-orange);font-size:10px;letter-spacing:.12em}
.dnb-v3-admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.dnb-v3-admin-grid a{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--dnb-v3-line);border-radius:14px;background:linear-gradient(180deg,rgba(10,33,56,.6),rgba(4,18,31,.45));box-shadow:inset 0 1px 0 rgba(160,210,255,.05);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.dnb-v3-admin-grid a:hover{transform:translateY(-1px);border-color:rgba(96,168,226,.42);box-shadow:0 14px 26px rgba(1,10,19,.22),inset 0 1px 0 rgba(160,210,255,.08)}
.dnb-v3-admin-grid i{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(13,62,103,.6);color:#61b7ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.dnb-v3-admin-grid i .dnb-icon{width:18px;height:18px}
.dnb-v3-admin-grid span{display:flex;flex-direction:column;min-width:0}
.dnb-v3-admin-grid strong{font-size:14px;line-height:1.28;color:var(--dnb-v3-text)}
.dnb-v3-admin-grid small{margin-top:4px;font-size:12px;line-height:1.5;color:var(--dnb-v3-muted)}

@media (max-width: 1280px){
  .dnb-v3-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 720px){
  .dnb-v3-control-center{padding:16px}
  .dnb-v3-admin-grid{grid-template-columns:1fr}
}


/* ==========================================================================
   D&B Workspace V7 — centered wide-screen shell
   On ultrawide screens the sidebar and top-right utilities are anchored to
   the same centered Workspace composition instead of the viewport edges.
   Normal desktop/tablet/mobile behavior remains unchanged.
   ========================================================================== */
@media (min-width:1600px){
  body.dnb-workspace-body{
    --dnb-wide-shell-gap:18px;
    --dnb-wide-shell-span:calc(var(--dnb-side-w) + var(--dnb-wide-shell-gap) + var(--dnb-workspace-max));
    --dnb-wide-shell-gutter:max(24px,calc((100vw - var(--dnb-wide-shell-span))/2));
  }

  /* Left rail follows the left edge of the centered Workspace composition. */
  .dnb-app-sidebar{
    left:var(--dnb-wide-shell-gutter)!important;
    right:auto!important;
  }

  /* Main frame is capped to the same composition; this automatically pulls
     VI/EN, theme, bell and account controls back to the content right edge. */
  .dnb-app-frame{
    margin-left:calc(var(--dnb-wide-shell-gutter) + var(--dnb-side-w) + var(--dnb-wide-shell-gap))!important;
    width:min(
      var(--dnb-workspace-max),
      calc(100vw - var(--dnb-wide-shell-gutter) - var(--dnb-wide-shell-gutter) - var(--dnb-side-w) - var(--dnb-wide-shell-gap))
    )!important;
    max-width:var(--dnb-workspace-max)!important;
    margin-right:0!important;
  }

  .dnb-app-topbar{
    width:100%!important;
    max-width:100%!important;
  }

  /* Account/Admin flyout stays visually attached to the relocated rail. */
  .dnb-account-flyout{
    left:calc(var(--dnb-wide-shell-gutter) + var(--dnb-side-w) + 12px)!important;
  }
}


/* ==========================================================================
   D&B Workspace V8 — subtle outer frame + reference topbar refinement
   ========================================================================== */
@media (min-width:1600px){
  body.dnb-workspace-body{
    --dnb-wide-outer-bg:#020e19;
    --dnb-wide-edge:rgba(74,128,164,.22);
    --dnb-wide-edge-soft:rgba(74,128,164,.07);
    background:
      radial-gradient(circle at 50% 0,rgba(16,62,92,.08),transparent 38%),
      var(--dnb-wide-outer-bg)!important;
  }

  /* Leave the ultrawide gutters visible without turning them into a second
     unrelated color scheme. The Workspace itself keeps the original navy. */
  .dnb-app-shell{
    position:relative!important;
    isolation:isolate!important;
    background:transparent!important;
  }
  .dnb-app-shell::before{
    content:"";
    position:fixed;
    z-index:0;
    top:0;
    bottom:0;
    left:var(--dnb-wide-shell-gutter);
    width:var(--dnb-wide-shell-span);
    pointer-events:none;
    background:
      radial-gradient(circle at 72% 0,rgba(18,96,153,.105),transparent 30%),
      var(--dnb-bg);
    box-shadow:
      -22px 0 48px rgba(0,0,0,.08),
       22px 0 48px rgba(0,0,0,.08);
  }

  .dnb-app-frame{
    position:relative!important;
    z-index:1!important;
  }

  /* Very light 1px framing lines: visible enough to structure an ultrawide
     canvas, but intentionally much softer than card borders. */
  .dnb-app-sidebar::before{
    content:"";
    position:fixed;
    top:0;
    bottom:0;
    left:calc(var(--dnb-wide-shell-gutter) - 1px);
    width:1px;
    pointer-events:none;
    background:linear-gradient(
      180deg,
      transparent 0,
      var(--dnb-wide-edge-soft) 5%,
      var(--dnb-wide-edge) 18%,
      var(--dnb-wide-edge) 82%,
      var(--dnb-wide-edge-soft) 95%,
      transparent 100%
    );
  }

  .dnb-app-frame::after{
    content:"";
    position:fixed;
    z-index:260;
    top:0;
    bottom:0;
    left:calc(var(--dnb-wide-shell-gutter) + var(--dnb-wide-shell-span));
    width:1px;
    pointer-events:none;
    background:linear-gradient(
      180deg,
      transparent 0,
      var(--dnb-wide-edge-soft) 5%,
      var(--dnb-wide-edge) 18%,
      var(--dnb-wide-edge) 82%,
      var(--dnb-wide-edge-soft) 95%,
      transparent 100%
    );
  }

  /* Use the same 24px right inset as the main content so the Account pill
     ends on the exact same vertical axis as the cards below. */
  .dnb-app-topbar{
    padding-right:var(--dnb-shell-pad)!important;
  }
  .dnb-topbar-actions{
    margin-left:auto!important;
    margin-right:0!important;
  }
  .dnb-user-menu{
    margin-right:0!important;
  }
}

/* Reference-like segmented language control */
.dnb-language-control{
  width:94px!important;
  height:44px!important;
  gap:2px!important;
  padding:4px!important;
  border:1px solid rgba(61,111,145,.34)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(7,27,44,.98),rgba(5,22,37,.98))!important;
  box-shadow:
    inset 0 1px 0 rgba(163,212,244,.035),
    0 8px 22px rgba(0,0,0,.08)!important;
}
.dnb-language-control button{
  height:34px!important;
  border-radius:10px!important;
  color:#b4c3cf!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.02em!important;
}
.dnb-language-control button.is-active{
  border:1px solid rgba(53,101,135,.46)!important;
  background:linear-gradient(180deg,#0a2439,#081e31)!important;
  color:#ff8b40!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 3px 10px rgba(0,0,0,.18)!important;
}

/* Theme selector: twin circular wells, closer to the reference image */
.dnb-theme-toggle{
  width:86px!important;
  height:44px!important;
  padding:4px 7px!important;
  border:1px solid rgba(61,111,145,.34)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(7,27,44,.98),rgba(5,22,37,.98))!important;
  box-shadow:
    inset 0 1px 0 rgba(163,212,244,.035),
    0 8px 22px rgba(0,0,0,.08)!important;
}
.dnb-theme-track{
  width:66px!important;
  height:32px!important;
  border-radius:999px!important;
  background:transparent!important;
  box-shadow:none!important;
}
.dnb-theme-thumb{
  left:35px!important;
  top:3px!important;
  width:26px!important;
  height:26px!important;
  background:#ff7f32!important;
  box-shadow:
    0 0 0 1px rgba(255,166,103,.35),
    0 4px 11px rgba(255,111,35,.24)!important;
  transform:none!important;
}
.dnb-theme-moon,.dnb-theme-sun{
  top:6px!important;
  width:20px!important;
  height:20px!important;
  border-radius:50%!important;
}
.dnb-theme-moon{
  left:5px!important;
  color:#f09a48!important;
  background:rgba(131,70,28,.30)!important;
}
.dnb-theme-sun{
  right:6px!important;
  color:#fff!important;
}
.dnb-theme-moon .dnb-icon,.dnb-theme-sun .dnb-icon{
  width:13px!important;
  height:13px!important;
}
.theme-light .dnb-theme-thumb{
  left:4px!important;
  transform:none!important;
}
.theme-light .dnb-theme-moon{
  color:#fff!important;
}
.theme-light .dnb-theme-sun{
  color:#f0a257!important;
  background:rgba(131,70,28,.22)!important;
}

/* Notification button: slightly larger and softer like the reference */
.dnb-topbar-icon{
  width:46px!important;
  height:46px!important;
  border:1px solid rgba(61,111,145,.34)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(7,27,44,.98),rgba(5,22,37,.98))!important;
  color:#d9e7f1!important;
  box-shadow:
    inset 0 1px 0 rgba(163,212,244,.035),
    0 8px 22px rgba(0,0,0,.08)!important;
}
.dnb-topbar-icon .dnb-icon{
  width:21px!important;
  height:21px!important;
}
.dnb-topbar-dot{
  right:5px!important;
  top:3px!important;
  width:9px!important;
  height:9px!important;
  border:2px solid #071a2b!important;
  box-shadow:0 2px 6px rgba(255,92,47,.22)!important;
}

/* Account pill: larger, calmer, and visually separated from utilities. */
.dnb-user-menu{
  position:relative!important;
  min-width:238px!important;
  height:48px!important;
  gap:11px!important;
  padding:0 13px!important;
  border:1px solid rgba(61,111,145,.34)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(7,27,44,.985),rgba(5,22,37,.985))!important;
  box-shadow:
    inset 0 1px 0 rgba(163,212,244,.035),
    0 8px 22px rgba(0,0,0,.08)!important;
}
.dnb-user-menu::before{
  content:"";
  position:absolute;
  left:-13px;
  top:7px;
  width:1px;
  height:34px;
  background:linear-gradient(180deg,transparent,rgba(74,128,164,.30),transparent);
  pointer-events:none;
}
.dnb-user-avatar,.dnb-user-avatar img{
  width:36px!important;
  height:36px!important;
}
.dnb-user-avatar{
  flex-basis:36px!important;
  box-shadow:0 0 0 1px rgba(116,166,198,.22)!important;
}
.dnb-user-avatar i{
  width:8px!important;
  height:8px!important;
  right:-1px!important;
  bottom:0!important;
}
.dnb-user-copy strong{
  max-width:150px!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:-.01em!important;
}
.dnb-user-caret{
  margin-left:auto!important;
  color:#a8bac8!important;
}
.dnb-user-caret .dnb-icon{
  width:16px!important;
  height:16px!important;
}

/* Keep the group airy without creating a big gap between controls. */
.dnb-topbar-actions{
  gap:9px!important;
}

/* Light theme counterparts */
.theme-light .dnb-language-control,
.theme-light .dnb-theme-toggle,
.theme-light .dnb-topbar-icon,
.theme-light .dnb-user-menu{
  background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
  border-color:#d6e2ea!important;
  box-shadow:inset 0 1px 0 #fff,0 7px 18px rgba(37,55,68,.055)!important;
}
.theme-light .dnb-user-menu::before{
  background:linear-gradient(180deg,transparent,#d8e4eb,transparent)!important;
}

/* Preserve the compact mobile controls. */
@media (max-width:760px){
  .dnb-language-control{width:70px!important;height:36px!important;padding:3px!important;border-radius:11px!important}
  .dnb-language-control button{height:28px!important;font-size:9px!important}
  .dnb-theme-toggle{width:52px!important;height:36px!important;padding:0!important;border-radius:11px!important}
  .dnb-theme-track{width:38px!important;height:24px!important}
  .dnb-theme-thumb{width:18px!important;height:18px!important;top:3px!important;left:17px!important}
  .theme-light .dnb-theme-thumb{left:3px!important}
  .dnb-theme-moon,.dnb-theme-sun{width:14px!important;height:14px!important;top:5px!important}
  .dnb-theme-moon{left:4px!important}.dnb-theme-sun{right:4px!important}
  .dnb-topbar-icon{width:36px!important;height:36px!important;border-radius:11px!important}
  .dnb-user-menu{width:38px!important;min-width:38px!important;height:38px!important;padding:0 3px!important;border-radius:11px!important}
  .dnb-user-menu::before{display:none!important}
  .dnb-user-avatar,.dnb-user-avatar img{width:30px!important;height:30px!important}
}


/* ==========================================================================
   D&B Workspace V9 — balance tune for topbar controls + premium gold CTAs
   ========================================================================== */
@media (min-width:1600px){
  /* Make the outer control shells a touch lighter and slightly more compact,
     closer to the search field border weight in the reference. */
  .dnb-language-control,
  .dnb-theme-toggle,
  .dnb-topbar-icon,
  .dnb-user-menu{
    border-color:rgba(64,113,145,.26)!important;
    box-shadow:inset 0 1px 0 rgba(163,212,244,.028),0 6px 16px rgba(0,0,0,.055)!important;
  }

  .dnb-language-control{
    width:90px!important;
    height:42px!important;
    padding:3px!important;
    border-radius:13px!important;
  }
  .dnb-language-control button{
    height:32px!important;
    border-radius:9px!important;
    font-size:10.5px!important;
  }
  .dnb-language-control button.is-active{
    border-color:rgba(57,104,138,.34)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.028),0 2px 7px rgba(0,0,0,.14)!important;
  }

  .dnb-theme-toggle{
    width:82px!important;
    height:42px!important;
    padding:4px 6px!important;
    border-radius:13px!important;
  }
  .dnb-theme-track{width:62px!important;height:30px!important}
  .dnb-theme-thumb{top:3px!important;left:33px!important;width:24px!important;height:24px!important}
  .theme-light .dnb-theme-thumb{left:4px!important}
  .dnb-theme-moon,.dnb-theme-sun{top:6px!important;width:18px!important;height:18px!important}
  .dnb-theme-moon{left:5px!important}.dnb-theme-sun{right:5px!important}

  .dnb-topbar-icon{
    width:44px!important;
    height:44px!important;
    border-radius:13px!important;
  }
  .dnb-topbar-icon .dnb-icon{width:20px!important;height:20px!important}
  .dnb-topbar-dot{right:5px!important;top:4px!important}

  .dnb-user-menu{
    min-width:228px!important;
    height:46px!important;
    padding:0 12px!important;
    gap:10px!important;
    border-radius:13px!important;
  }
  .dnb-user-menu::before{left:-11px!important;top:8px!important;height:30px!important;opacity:.75!important}
  .dnb-user-avatar,.dnb-user-avatar img{width:34px!important;height:34px!important}
  .dnb-user-avatar{flex-basis:34px!important}
  .dnb-user-copy strong{max-width:146px!important;font-size:12.7px!important}
  .dnb-user-caret .dnb-icon{width:15px!important;height:15px!important}
  .dnb-topbar-actions{gap:8px!important}
}

/* Premium CTA notes: brighter gold, larger crown, closer to the reference. */
.dnb-v3-mini-card p.is-upgrade-note,
.dnb-v3-mini-card p.is-warning{
  color:#ffca4f!important;
  font-weight:780!important;
  letter-spacing:-.01em!important;
}
.dnb-v3-mini-card p.is-upgrade-note{
  font-size:9px!important;
}
.dnb-v3-mini-card p.is-warning{
  font-size:8.8px!important;
}
.dnb-v3-mini-card p.is-upgrade-note .dnb-icon,
.dnb-v3-mini-card p.is-warning .dnb-icon{
  width:17px!important;
  height:17px!important;
  margin-top:-1px!important;
  color:#ffc948!important;
  filter:drop-shadow(0 1px 2px rgba(255,183,58,.22));
}
.dnb-v3-mini-card p.is-upgrade-note .dnb-icon path,
.dnb-v3-mini-card p.is-upgrade-note .dnb-icon circle,
.dnb-v3-mini-card p.is-warning .dnb-icon path,
.dnb-v3-mini-card p.is-warning .dnb-icon circle{
  stroke-width:1.85!important;
}
.dnb-v3-mini-card.is-pass p.is-upgrade-note,
.dnb-v3-mini-card.is-pass p.is-warning,
.dnb-v3-mini-card.is-enterprise p.is-upgrade-note{
  color:#ffca4f!important;
}
.dnb-v3-mini-card.is-pass p.is-upgrade-note a,
.dnb-v3-mini-card.is-enterprise p.is-upgrade-note a{
  color:inherit!important;
}

/* ==========================================================================
   D&B Workspace V10 — Team and Download enhancement
   ========================================================================== */
.dnb-wp-team-showcase{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;margin-bottom:16px}
.dnb-wp-team-lead-card{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:center;padding:16px;min-height:276px;background:radial-gradient(circle at 82% 18%,rgba(26,115,174,.16),transparent 36%),linear-gradient(145deg,#071a2b,#061827)}
.dnb-wp-team-lead-photo img{width:100%;height:244px;border-radius:14px;object-fit:cover;object-position:center top;background:#0a2134;box-shadow:0 0 0 1px rgba(60,112,147,.24)}
.dnb-wp-team-lead-copy small{display:block;color:#69c5f1;font-size:9px;font-weight:800;line-height:1.45;letter-spacing:.08em}
.dnb-wp-team-lead-copy h2{margin:8px 0 0;font-size:30px;line-height:1.08;letter-spacing:-.03em}
.dnb-wp-team-lead-copy p{margin:10px 0 0;color:var(--dnb-text);opacity:.86;font-size:12px;line-height:1.7}
.dnb-wp-team-bullets{display:grid;gap:8px;margin-top:14px}
.dnb-wp-team-bullets span,.dnb-wp-community-points span{display:flex;align-items:flex-start;gap:8px;color:#b7cada;font-size:10px;line-height:1.55}
.dnb-wp-team-bullets .dnb-icon,.dnb-wp-community-points .dnb-icon{flex:none;width:14px;height:14px;color:#29d58d;margin-top:1px}
.dnb-wp-team-members-grid{display:grid;grid-template-columns:1fr;gap:16px}
.dnb-wp-team-card.is-rich-member{grid-template-columns:156px minmax(0,1fr);gap:16px;padding:16px;min-height:130px;background:radial-gradient(circle at 84% 14%,rgba(19,86,135,.10),transparent 30%),linear-gradient(145deg,#071a2b,#061827)}
.dnb-wp-team-card.is-rich-member img{height:160px;border-radius:14px}
.dnb-wp-team-card.is-rich-member small{font-size:8px;letter-spacing:.08em}
.dnb-wp-team-card.is-rich-member h2{font-size:19px;margin-top:6px}
.dnb-wp-team-card.is-rich-member p{font-size:10px;line-height:1.65;margin-top:8px;color:#aebfcb}
.dnb-wp-team-card.is-rich-member .dnb-wp-tags{margin-top:11px}
.dnb-wp-community-cta{display:grid;grid-template-columns:minmax(0,1.18fr) auto;gap:18px;align-items:center;padding:18px;background:radial-gradient(circle at 80% 10%,rgba(249,114,41,.09),transparent 32%),linear-gradient(145deg,#071a2b,#061827)}
.dnb-wp-community-copy{display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px;align-items:flex-start}.dnb-wp-community-copy small{display:block;color:#ff9959;font-size:8px;font-weight:800;letter-spacing:.08em}.dnb-wp-community-copy h2{margin:2px 0 0;font-size:23px;line-height:1.2}.dnb-wp-community-copy p{margin:8px 0 0;color:#a8bbc9;font-size:10px;line-height:1.7}.dnb-wp-community-side{display:grid;gap:14px;min-width:300px}.dnb-wp-community-points{display:grid;gap:8px}

.dnb-wp-release-hero{display:grid;grid-template-columns:minmax(0,1.18fr) 270px;gap:18px;align-items:center;margin-bottom:14px;padding:20px;background:radial-gradient(circle at 82% 15%,rgba(26,115,174,.12),transparent 32%),linear-gradient(145deg,#071a2b,#061827)}
.dnb-wp-release-brand.is-large{display:flex;align-items:center;gap:16px}.dnb-wp-release-brand.is-large .dnb-wp-release-logo{width:78px;height:78px}.dnb-wp-release-brand.is-large .dnb-wp-release-logo img{width:62px;height:54px}.dnb-wp-release-brand.is-large small{font-size:8px;letter-spacing:.09em}.dnb-wp-release-brand.is-large h2{margin-top:4px;font-size:26px;line-height:1.1}.dnb-wp-release-brand.is-large p{margin-top:7px;font-size:10px;line-height:1.65;color:#a7b9c6}
.dnb-wp-release-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.dnb-wp-release-metrics div{padding:11px 12px;border:1px solid rgba(31,70,96,.9);border-radius:11px;background:rgba(7,24,39,.58)}.dnb-wp-release-metrics strong{display:block;font-size:22px;color:#f6fbff;line-height:1}.dnb-wp-release-metrics small{display:block;margin-top:5px;color:#86a0b3;font-size:8px;line-height:1.45}
.dnb-wp-release-side{display:grid;gap:10px;align-content:center}.dnb-wp-release-side .dnb-wp-action,.dnb-wp-release-side .dnb-wp-release-download{justify-content:center;min-height:42px}.dnb-wp-release-note-list{display:grid;gap:7px;margin-top:4px}.dnb-wp-release-note-list span{display:flex;align-items:flex-start;gap:7px;color:#adc0cd;font-size:8.8px;line-height:1.55}.dnb-wp-release-note-list .dnb-icon{flex:none;width:13px;height:13px;color:#22d38a;margin-top:1px}
.dnb-wp-install-grid.is-rich-steps{margin-bottom:14px}.dnb-wp-step-card.is-rich{min-height:192px;padding:18px 18px 16px;background:radial-gradient(circle at 88% 10%,rgba(20,93,143,.08),transparent 26%),linear-gradient(145deg,#071a2b,#061827)}.dnb-wp-step-card.is-rich b{font-size:32px;top:12px;right:14px;color:#e9f2f7}.dnb-wp-step-card.is-rich .dnb-wp-panel-icon{width:42px;height:42px;margin-bottom:14px;border-radius:12px}.dnb-wp-step-card.is-rich h3{font-size:17px}.dnb-wp-step-card.is-rich p{margin-top:8px;font-size:9.5px;line-height:1.7;color:#adc1cd}.dnb-wp-step-card.is-rich small{display:block;margin-top:10px;color:#6ea4c8;font-size:8px;font-weight:700;line-height:1.5}
.dnb-wp-download-support-grid{gap:14px}
.dnb-wp-download-note-card,.dnb-wp-download-help-card{padding:18px;background:linear-gradient(145deg,#071a2b,#061827)}
.dnb-wp-download-section-head{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center;margin-bottom:14px}.dnb-wp-download-section-head small{display:block;color:#ff9959;font-size:8px;font-weight:800;letter-spacing:.08em}.dnb-wp-download-section-head h2{margin:2px 0 0;font-size:22px;line-height:1.2}
.dnb-wp-download-list{display:grid;gap:10px;padding-left:18px;margin:0}.dnb-wp-download-list li{color:#adc1cd;font-size:10px;line-height:1.7}
.dnb-wp-download-help-links{display:grid;gap:10px}.dnb-wp-download-help-links a{display:grid;gap:3px;padding:13px 14px;border:1px solid #16354c;border-radius:11px;background:#081a2a;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.dnb-wp-download-help-links a:hover{transform:translateY(-1px);border-color:#245a7e;box-shadow:0 12px 26px rgba(0,0,0,.18)}.dnb-wp-download-help-links strong{color:#eef6fb;font-size:11px}.dnb-wp-download-help-links span{color:#8ea6b8;font-size:9px;line-height:1.6}

.theme-light .dnb-wp-team-lead-card,.theme-light .dnb-wp-team-card.is-rich-member,.theme-light .dnb-wp-community-cta,.theme-light .dnb-wp-release-hero,.theme-light .dnb-wp-step-card.is-rich,.theme-light .dnb-wp-download-note-card,.theme-light .dnb-wp-download-help-card{background:#fff!important}
.theme-light .dnb-wp-team-bullets span,.theme-light .dnb-wp-community-points span,.theme-light .dnb-wp-release-note-list span,.theme-light .dnb-wp-download-list li,.theme-light .dnb-wp-download-help-links span{color:#577083!important}
.theme-light .dnb-wp-team-lead-copy p,.theme-light .dnb-wp-team-card.is-rich-member p,.theme-light .dnb-wp-community-copy p,.theme-light .dnb-wp-release-brand.is-large p{color:#607a8d!important}

@media (max-width:980px){
  .dnb-wp-team-showcase,.dnb-wp-release-hero{grid-template-columns:1fr!important}
  .dnb-wp-team-lead-card{grid-template-columns:170px minmax(0,1fr)!important}.dnb-wp-team-lead-photo img{height:210px!important}
  .dnb-wp-community-cta{grid-template-columns:1fr!important}.dnb-wp-community-side{min-width:0!important}
  .dnb-wp-release-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:650px){
  .dnb-wp-team-lead-card{grid-template-columns:1fr!important;padding:15px!important}.dnb-wp-team-lead-photo img{height:260px!important}.dnb-wp-team-lead-copy h2{font-size:26px!important}.dnb-wp-team-lead-copy p{font-size:10px!important}
  .dnb-wp-team-card.is-rich-member{grid-template-columns:104px minmax(0,1fr)!important;padding:14px!important}.dnb-wp-team-card.is-rich-member img{height:132px!important}.dnb-wp-team-card.is-rich-member h2{font-size:16px!important}.dnb-wp-team-card.is-rich-member p{font-size:9px!important}
  .dnb-wp-community-copy h2,.dnb-wp-download-section-head h2{font-size:19px!important}
  .dnb-wp-release-brand.is-large{align-items:flex-start!important}.dnb-wp-release-brand.is-large .dnb-wp-release-logo{width:68px!important;height:68px!important}.dnb-wp-release-brand.is-large h2{font-size:22px!important}.dnb-wp-release-metrics{grid-template-columns:1fr!important}.dnb-wp-release-side{grid-template-columns:1fr!important}
  .dnb-wp-step-card.is-rich{min-height:0!important}.dnb-wp-step-card.is-rich b{font-size:28px!important}
}


/* ==========================================================================
   D&B Workspace V11 — Home "WOW" storytelling
   ========================================================================== */
.dnb-home-difference-v11{position:relative;overflow:hidden}
.dnb-home-difference-v11::before{content:"";position:absolute;left:50%;top:120px;width:760px;height:420px;transform:translateX(-50%);pointer-events:none;background:radial-gradient(ellipse,rgba(20,108,168,.115),transparent 66%);filter:blur(8px)}
.dnb-home-v11-intro{position:relative;z-index:1;max-width:970px;margin:0 0 24px}
.dnb-home-v11-intro h2{margin:0;color:#f5f8fb;font-size:40px;line-height:1.14;letter-spacing:-.045em}
.dnb-home-v11-intro h2 em{font-style:normal;color:#ff7c2b}
.dnb-home-v11-intro>p{max-width:900px;margin:12px 0 0;color:#a4b6c3;font-size:13px;line-height:1.75}

.dnb-home-v11-core-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.12fr 1fr;gap:14px}
.dnb-home-v11-core-card{position:relative;min-height:265px;display:grid;grid-template-columns:54px minmax(0,1fr);column-gap:16px;padding:22px 22px 20px;border:1px solid #183a52;border-radius:15px;background:radial-gradient(circle at 86% 12%,rgba(19,91,143,.13),transparent 34%),linear-gradient(145deg,#071c2e,#061725);overflow:hidden;box-shadow:inset 0 1px 0 rgba(167,217,248,.025)}
.dnb-home-v11-core-card.is-primary{grid-row:span 2;min-height:544px;grid-template-columns:64px minmax(0,1fr);padding:28px;background:radial-gradient(circle at 86% 14%,rgba(14,119,187,.20),transparent 38%),linear-gradient(145deg,#082036,#061725);border-color:#1d4864}
.dnb-home-v11-number{position:absolute;right:18px;top:12px;color:#234762;font-size:54px;font-weight:800;line-height:1;letter-spacing:-.06em}
.dnb-home-v11-core-card.is-primary .dnb-home-v11-number{right:24px;top:18px;font-size:82px;color:#1b4b6b}
.dnb-home-v11-core-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#0b4c76,#0a2f4c);color:#75caff;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.dnb-home-v11-core-card.is-primary .dnb-home-v11-core-icon{width:64px;height:64px}
.dnb-home-v11-core-icon .dnb-icon{width:25px;height:25px}.dnb-home-v11-core-card.is-primary .dnb-home-v11-core-icon .dnb-icon{width:29px;height:29px}
.dnb-home-v11-core-icon.is-orange{background:rgba(249,114,41,.12);color:#ff934d}.dnb-home-v11-core-icon.is-blue{background:#0b304b;color:#67c4f5}
.dnb-home-v11-core-copy{grid-column:2;min-width:0;align-self:center}
.dnb-home-v11-core-copy>small{display:block;color:#63bde9;font-size:9px;font-weight:800;letter-spacing:.1em}
.dnb-home-v11-core-copy h3{max-width:570px;margin:7px 0 0;color:#f4f8fb;font-size:24px;line-height:1.22;letter-spacing:-.03em}
.dnb-home-v11-core-card.is-primary .dnb-home-v11-core-copy h3{font-size:34px;line-height:1.14}
.dnb-home-v11-core-copy>p{max-width:620px;margin:10px 0 0;color:#a1b4c2;font-size:11.5px;line-height:1.72}
.dnb-home-v11-core-card.is-primary .dnb-home-v11-core-copy>p{font-size:13px;line-height:1.78}
.dnb-home-v11-result{margin-top:16px;padding:12px 13px;border-left:2px solid #267aac;border-radius:0 9px 9px 0;background:rgba(9,43,66,.48)}
.dnb-home-v11-result b{display:block;color:#6bc6f4;font-size:8px;letter-spacing:.12em}.dnb-home-v11-result span{display:block;margin-top:4px;color:#c4d3dd;font-size:10px;line-height:1.55}
.dnb-home-v11-core-card.is-primary .dnb-home-v11-result{margin-top:22px;padding:15px 16px}.dnb-home-v11-core-card.is-primary .dnb-home-v11-result span{font-size:11px}

.dnb-home-v11-proof-strip{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.dnb-home-v11-proof-strip article{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:flex-start;padding:16px;border:1px solid #17364c;border-radius:13px;background:rgba(6,24,39,.72)}
.dnb-home-v11-proof-strip article>span{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#0a2b45;color:#61c1f3}.dnb-home-v11-proof-strip article>span.is-green{background:rgba(24,219,154,.09);color:#4ad79a}.dnb-home-v11-proof-strip article>span.is-purple{background:rgba(166,137,239,.10);color:#b59af3}
.dnb-home-v11-proof-strip article>span .dnb-icon{width:20px;height:20px}
.dnb-home-v11-proof-strip small{display:block;color:#7496ac;font-size:8px;font-weight:800;letter-spacing:.08em}.dnb-home-v11-proof-strip strong{display:block;margin-top:5px;color:#edf5fa;font-size:13px;line-height:1.35}.dnb-home-v11-proof-strip p{margin:5px 0 0;color:#8fa6b6;font-size:9.5px;line-height:1.65}

.dnb-home-v11-flow-compare{position:relative;z-index:1;margin-top:28px;padding:22px;border:1px solid #1b4159;border-radius:16px;background:radial-gradient(circle at 76% 16%,rgba(12,115,175,.13),transparent 40%),#061827}
.dnb-home-v11-flow-compare>header{max-width:880px;margin-bottom:18px}.dnb-home-v11-flow-compare>header h3{margin:0;color:#f4f8fb;font-size:27px;line-height:1.2;letter-spacing:-.035em}.dnb-home-v11-flow-compare>header p{margin:8px 0 0;color:#94aabd;font-size:11px;line-height:1.7}
.dnb-home-v11-compare-grid{display:grid;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);gap:12px;align-items:stretch}
.dnb-home-v11-compare-side{padding:18px;border:1px solid #18384e;border-radius:14px;background:rgba(5,20,33,.72)}
.dnb-home-v11-compare-side.is-fragmented{border-color:rgba(151,83,61,.36);background:linear-gradient(145deg,rgba(61,31,27,.24),rgba(5,20,33,.75))}
.dnb-home-v11-compare-side.is-connected{border-color:rgba(35,111,150,.54);background:linear-gradient(145deg,rgba(8,54,77,.46),rgba(5,20,33,.76))}
.dnb-home-v11-compare-title span{display:block;color:#748fa2;font-size:8px;font-weight:800;letter-spacing:.1em}.dnb-home-v11-compare-side.is-fragmented .dnb-home-v11-compare-title span{color:#c28b74}.dnb-home-v11-compare-side.is-connected .dnb-home-v11-compare-title span{color:#61c5ef}.dnb-home-v11-compare-title b{display:block;margin-top:4px;color:#f1f6f9;font-size:15px}
.dnb-home-v11-chain{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:16px 0 13px}.dnb-home-v11-chain span{padding:7px 9px;border:1px solid #23475d;border-radius:8px;background:#0a2133;color:#c7d4dd;font-size:9px;font-weight:700}.dnb-home-v11-chain i{color:#55758c;font-style:normal}.dnb-home-v11-compare-side.is-fragmented .dnb-home-v11-chain span{border-color:#67443a;background:#261c1a;color:#d3b5a7}.dnb-home-v11-compare-side.is-connected .dnb-home-v11-chain span{border-color:#23627f;background:#072b40;color:#9ddbf7}
.dnb-home-v11-compare-side ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.dnb-home-v11-compare-side li{position:relative;padding-left:16px;color:#93a9b9;font-size:9.5px;line-height:1.55}.dnb-home-v11-compare-side li::before{content:"";position:absolute;left:0;top:.58em;width:6px;height:6px;border-radius:50%;background:#5d788a}.dnb-home-v11-compare-side.is-fragmented li::before{background:#bd765b}.dnb-home-v11-compare-side.is-connected li::before{background:#39d497}
.dnb-home-v11-compare-arrow{display:grid;place-items:center;align-content:center;gap:7px;color:#ff8540}.dnb-home-v11-compare-arrow>span{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(249,114,41,.38);border-radius:50%;background:rgba(249,114,41,.09)}.dnb-home-v11-compare-arrow .dnb-icon{width:22px;height:22px}.dnb-home-v11-compare-arrow small{font-size:8px;font-weight:800;letter-spacing:.12em}
.dnb-home-v11-controlled-loop{display:grid;grid-template-columns:22px auto 1fr auto;gap:8px;align-items:center;margin-top:14px;padding:10px 11px;border:1px solid rgba(43,153,188,.25);border-radius:9px;background:rgba(7,49,65,.55);color:#55d99a}.dnb-home-v11-controlled-loop .dnb-icon{width:18px;height:18px}.dnb-home-v11-controlled-loop span{font-size:8px;font-weight:800;letter-spacing:.09em}.dnb-home-v11-controlled-loop i{height:1px;background:linear-gradient(90deg,#2e8caf,rgba(46,140,175,.15))}.dnb-home-v11-controlled-loop b{color:#bcd0db;font-size:8.5px;font-weight:650}

.dnb-home-gallery-v11{padding-bottom:30px}
.dnb-home-v11-gallery-head{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;margin-bottom:18px}.dnb-home-v11-gallery-head>div{max-width:930px}.dnb-home-v11-gallery-head h2{margin:0;color:#f4f8fb;font-size:34px;line-height:1.16;letter-spacing:-.04em}.dnb-home-v11-gallery-head p{margin:9px 0 0;color:#97aebd;font-size:11.5px;line-height:1.7}.dnb-home-v11-gallery-head>a{display:inline-flex;align-items:center;gap:6px;color:#9ccce8;font-size:9px;font-weight:700;white-space:nowrap}.dnb-home-v11-gallery-head>a .dnb-icon{width:13px;height:13px}
.dnb-home-v11-gallery-hero,.dnb-home-v11-gallery-pair figure{margin:0;border:1px solid #193b52;border-radius:15px;background:#061725;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.08)}
.dnb-home-v11-gallery-hero{display:grid;grid-template-columns:1.45fr .85fr;margin-bottom:14px;min-height:280px}.dnb-home-v11-gallery-image{background:#03111c;overflow:hidden}.dnb-home-v11-gallery-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.dnb-home-v11-gallery-hero .dnb-home-v11-gallery-image img{object-fit:contain;padding:14px}
.dnb-home-v11-gallery-hero figcaption,.dnb-home-v11-gallery-pair figcaption{display:grid;grid-template-columns:48px minmax(0,1fr);gap:13px;padding:20px;background:radial-gradient(circle at 80% 10%,rgba(21,101,153,.10),transparent 40%)}
.dnb-home-v11-gallery-number{display:grid;place-items:center;width:46px;height:46px;border:1px solid #24536f;border-radius:12px;background:#0a2a43;color:#74cfff;font-size:14px;font-weight:800}
.dnb-home-v11-gallery-hero small,.dnb-home-v11-gallery-pair small{display:block;color:#5fbce7;font-size:8px;font-weight:800;letter-spacing:.09em}.dnb-home-v11-gallery-hero strong,.dnb-home-v11-gallery-pair strong{display:block;margin-top:5px;color:#f2f7fa;font-size:18px}.dnb-home-v11-gallery-hero p,.dnb-home-v11-gallery-pair p{margin:6px 0 0;color:#94aaba;font-size:10px;line-height:1.65}
.dnb-home-v11-gallery-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dnb-home-v11-gallery-pair figure{display:grid;grid-template-rows:310px auto}.dnb-home-v11-gallery-pair .dnb-home-v11-gallery-image img{height:310px}

.dnb-home-cta-v11{position:relative;overflow:hidden;margin-top:18px;padding:30px;border-color:#22516c;background:radial-gradient(circle at 82% 0,rgba(25,125,182,.20),transparent 42%),linear-gradient(145deg,#092039,#071827)}
.dnb-home-cta-v11::after{content:"";position:absolute;right:-80px;top:-150px;width:330px;height:330px;border:1px solid rgba(47,125,170,.14);border-radius:50%;box-shadow:0 0 0 45px rgba(47,125,170,.035),0 0 0 90px rgba(47,125,170,.02);pointer-events:none}
.dnb-home-cta-v11>div{position:relative;z-index:1}.dnb-home-cta-v11 h2{font-size:31px;line-height:1.15;letter-spacing:-.04em}.dnb-home-cta-v11 h2 em{font-style:normal;color:#ff8136}.dnb-home-cta-v11 p{max-width:760px;font-size:11px;line-height:1.7}.dnb-home-cta-v11 .dnb-home-btn{min-height:42px;padding:0 15px}

.theme-light .dnb-home-v11-core-card,.theme-light .dnb-home-v11-proof-strip article,.theme-light .dnb-home-v11-flow-compare,.theme-light .dnb-home-v11-compare-side,.theme-light .dnb-home-v11-gallery-hero,.theme-light .dnb-home-v11-gallery-pair figure,.theme-light .dnb-home-cta-v11{background:#fff!important;border-color:#dce6ed!important}
.theme-light .dnb-home-v11-intro h2,.theme-light .dnb-home-v11-core-copy h3,.theme-light .dnb-home-v11-flow-compare>header h3,.theme-light .dnb-home-v11-gallery-head h2,.theme-light .dnb-home-v11-gallery-hero strong,.theme-light .dnb-home-v11-gallery-pair strong{color:#1f2933!important}
.theme-light .dnb-home-v11-intro>p,.theme-light .dnb-home-v11-core-copy>p,.theme-light .dnb-home-v11-proof-strip p,.theme-light .dnb-home-v11-flow-compare>header p,.theme-light .dnb-home-v11-gallery-head p,.theme-light .dnb-home-v11-gallery-hero p,.theme-light .dnb-home-v11-gallery-pair p{color:#5f7889!important}
.theme-light .dnb-home-v11-number{color:#dceaf2!important}

@media (max-width:1100px){
  .dnb-home-v11-intro h2{font-size:34px}
  .dnb-home-v11-core-grid{grid-template-columns:1fr}
  .dnb-home-v11-core-card.is-primary{grid-row:auto;min-height:350px}
  .dnb-home-v11-proof-strip{grid-template-columns:1fr}
  .dnb-home-v11-compare-grid{grid-template-columns:1fr}.dnb-home-v11-compare-arrow{grid-auto-flow:column;justify-content:center;padding:2px 0}.dnb-home-v11-compare-arrow>span{transform:rotate(90deg)}
  .dnb-home-v11-gallery-hero{grid-template-columns:1fr}.dnb-home-v11-gallery-hero .dnb-home-v11-gallery-image{min-height:230px}
}
@media (max-width:700px){
  .dnb-home-v11-intro h2{font-size:29px}.dnb-home-v11-intro>p{font-size:10.5px}
  .dnb-home-v11-core-card,.dnb-home-v11-core-card.is-primary{grid-template-columns:48px minmax(0,1fr);padding:17px;min-height:0}.dnb-home-v11-core-card.is-primary .dnb-home-v11-core-icon,.dnb-home-v11-core-icon{width:46px;height:46px}.dnb-home-v11-core-card.is-primary .dnb-home-v11-number{font-size:50px}.dnb-home-v11-core-copy h3,.dnb-home-v11-core-card.is-primary .dnb-home-v11-core-copy h3{font-size:21px}.dnb-home-v11-core-copy>p,.dnb-home-v11-core-card.is-primary .dnb-home-v11-core-copy>p{font-size:10px}
  .dnb-home-v11-flow-compare{padding:16px}.dnb-home-v11-flow-compare>header h3{font-size:22px}.dnb-home-v11-controlled-loop{grid-template-columns:18px 1fr}.dnb-home-v11-controlled-loop i,.dnb-home-v11-controlled-loop b{grid-column:2}
  .dnb-home-v11-gallery-head{align-items:flex-start;flex-direction:column}.dnb-home-v11-gallery-head h2{font-size:27px}.dnb-home-v11-gallery-pair{grid-template-columns:1fr}.dnb-home-v11-gallery-pair figure{grid-template-rows:220px auto}.dnb-home-v11-gallery-pair .dnb-home-v11-gallery-image img{height:220px}.dnb-home-v11-gallery-hero figcaption,.dnb-home-v11-gallery-pair figcaption{grid-template-columns:40px minmax(0,1fr);padding:15px}.dnb-home-v11-gallery-number{width:38px;height:38px}
  .dnb-home-cta-v11{padding:22px}.dnb-home-cta-v11 h2{font-size:25px}
}


/* ==========================================================================
   D&B Workspace V12 — semantic color hierarchy
   Color now communicates meaning instead of decorating every block equally.
   ========================================================================== */
:root{
  --dnb-sem-brand:#ff7a2f;
  --dnb-sem-data:#55c8ff;
  --dnb-sem-data-deep:#0d77a7;
  --dnb-sem-update:#43d99a;
  --dnb-sem-update-deep:#0c7a59;
  --dnb-sem-project:#ad92ff;
  --dnb-sem-project-deep:#6650b7;
  --dnb-sem-standard:#ffc05b;
  --dnb-sem-risk:#d18467;
}

/* Core card 01 = DATA / CYAN */
.dnb-home-v11-core-card.is-data{
  border-color:rgba(73,174,222,.48)!important;
  background:
    radial-gradient(circle at 84% 12%,rgba(61,181,234,.22),transparent 38%),
    linear-gradient(145deg,#082238,#061725)!important;
}
.dnb-home-v11-core-card.is-data::after,
.dnb-home-v11-core-card.is-update::after,
.dnb-home-v11-core-card.is-project::after{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:2px;
  opacity:.85;
  pointer-events:none;
}
.dnb-home-v11-core-card.is-data::after{background:linear-gradient(90deg,var(--dnb-sem-data),transparent 78%)}
.dnb-home-v11-core-card.is-data .dnb-home-v11-core-copy>small,
.dnb-home-v11-core-card.is-data .dnb-home-v11-core-copy h3 em,
.dnb-home-v11-core-card.is-data .dnb-home-v11-result b{color:var(--dnb-sem-data)!important}
.dnb-home-v11-core-card.is-data .dnb-home-v11-core-icon{
  color:#8addff!important;
  background:linear-gradient(145deg,rgba(13,105,151,.86),rgba(7,49,78,.96))!important;
}
.dnb-home-v11-core-card.is-data .dnb-home-v11-result{
  border-left-color:var(--dnb-sem-data)!important;
  background:rgba(12,81,113,.22)!important;
}
.dnb-home-v11-core-card.is-data .dnb-home-v11-number{color:rgba(85,200,255,.34)!important}

/* Core card 02 = CONTROLLED UPDATE / GREEN */
.dnb-home-v11-core-card.is-update{
  border-color:rgba(55,184,132,.36)!important;
  background:
    radial-gradient(circle at 87% 12%,rgba(42,191,139,.13),transparent 34%),
    linear-gradient(145deg,#071d2a,#061725)!important;
}
.dnb-home-v11-core-card.is-update::after{background:linear-gradient(90deg,var(--dnb-sem-update),transparent 75%)}
.dnb-home-v11-core-card.is-update .dnb-home-v11-core-icon{
  color:#66e2ad!important;
  background:rgba(26,153,109,.14)!important;
}
.dnb-home-v11-core-card.is-update .dnb-home-v11-core-copy>small,
.dnb-home-v11-core-card.is-update .dnb-home-v11-core-copy h3 em,
.dnb-home-v11-core-card.is-update .dnb-home-v11-result b{color:var(--dnb-sem-update)!important}
.dnb-home-v11-core-card.is-update .dnb-home-v11-result{
  border-left-color:var(--dnb-sem-update)!important;
  background:rgba(17,100,75,.18)!important;
}
.dnb-home-v11-core-card.is-update .dnb-home-v11-number{color:rgba(67,217,154,.27)!important}

/* Core card 03 = PROJECT-FRIENDLY / VIOLET */
.dnb-home-v11-core-card.is-project{
  border-color:rgba(142,119,224,.35)!important;
  background:
    radial-gradient(circle at 86% 10%,rgba(135,109,224,.14),transparent 34%),
    linear-gradient(145deg,#0a1b2d,#061725)!important;
}
.dnb-home-v11-core-card.is-project::after{background:linear-gradient(90deg,var(--dnb-sem-project),transparent 75%)}
.dnb-home-v11-core-card.is-project .dnb-home-v11-core-icon{
  color:#c4b3ff!important;
  background:rgba(123,93,211,.14)!important;
}
.dnb-home-v11-core-card.is-project .dnb-home-v11-core-copy>small,
.dnb-home-v11-core-card.is-project .dnb-home-v11-core-copy h3 em,
.dnb-home-v11-core-card.is-project .dnb-home-v11-result b{color:var(--dnb-sem-project)!important}
.dnb-home-v11-core-card.is-project .dnb-home-v11-result{
  border-left-color:var(--dnb-sem-project)!important;
  background:rgba(89,66,153,.16)!important;
}
.dnb-home-v11-core-card.is-project .dnb-home-v11-number{color:rgba(173,146,255,.25)!important}

/* Insight typography: one calm line + one semantic emphasis line. */
.dnb-home-v11-core-copy h3 span,
.dnb-home-v11-core-copy h3 em{
  display:block;
}
.dnb-home-v11-core-copy h3 span{
  color:#f3f7fa;
}
.dnb-home-v11-core-copy h3 em{
  margin-top:2px;
  font-style:normal;
  font-weight:820;
  letter-spacing:-.035em;
}

/* Proof points each get a unique semantic identity. */
.dnb-home-v11-proof-strip article{
  position:relative;
  overflow:hidden;
}
.dnb-home-v11-proof-strip article::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:1px;
  opacity:.7;
}
.dnb-home-v11-proof-strip article.is-preview{
  border-color:rgba(55,184,132,.28)!important;
}
.dnb-home-v11-proof-strip article.is-preview::after{background:linear-gradient(90deg,var(--dnb-sem-update),transparent)}
.dnb-home-v11-proof-strip article.is-preview>span{
  background:rgba(24,172,120,.11)!important;color:var(--dnb-sem-update)!important;
}
.dnb-home-v11-proof-strip article.is-preview small{color:#55d8a2!important}

.dnb-home-v11-proof-strip article.is-standard{
  border-color:rgba(224,162,65,.29)!important;
}
.dnb-home-v11-proof-strip article.is-standard::after{background:linear-gradient(90deg,var(--dnb-sem-standard),transparent)}
.dnb-home-v11-proof-strip article.is-standard>span{
  background:rgba(224,162,65,.11)!important;color:var(--dnb-sem-standard)!important;
}
.dnb-home-v11-proof-strip article.is-standard small{color:var(--dnb-sem-standard)!important}

.dnb-home-v11-proof-strip article.is-account{
  border-color:rgba(147,121,228,.30)!important;
}
.dnb-home-v11-proof-strip article.is-account::after{background:linear-gradient(90deg,var(--dnb-sem-project),transparent)}
.dnb-home-v11-proof-strip article.is-account>span{
  background:rgba(133,103,218,.12)!important;color:var(--dnb-sem-project)!important;
}
.dnb-home-v11-proof-strip article.is-account small{color:#b6a0ff!important}

/* Comparison: fragmented is deliberately muted/copper; D&B flow is vivid cyan+green. */
.dnb-home-v11-compare-side.is-fragmented{
  border-color:rgba(174,103,76,.43)!important;
  background:
    linear-gradient(145deg,rgba(67,34,27,.31),rgba(5,20,33,.79))!important;
  box-shadow:inset 0 1px 0 rgba(216,145,116,.025);
}
.dnb-home-v11-compare-side.is-fragmented .dnb-home-v11-compare-title span{color:#d18c70!important}
.dnb-home-v11-compare-side.is-fragmented .dnb-home-v11-compare-title b{color:#dfc5b8!important}
.dnb-home-v11-compare-side.is-fragmented .dnb-home-v11-chain span{
  border-color:rgba(161,91,66,.55)!important;
  background:#291d1a!important;
  color:#d9b9aa!important;
}
.dnb-home-v11-compare-side.is-fragmented .dnb-home-v11-chain i,
.dnb-home-v11-compare-side.is-fragmented li{color:#97796d!important}
.dnb-home-v11-compare-side.is-fragmented li::before{background:var(--dnb-sem-risk)!important}

.dnb-home-v11-compare-side.is-connected{
  border-color:rgba(61,174,218,.57)!important;
  background:
    radial-gradient(circle at 88% 10%,rgba(43,190,140,.10),transparent 30%),
    linear-gradient(145deg,rgba(8,61,86,.57),rgba(5,20,33,.78))!important;
  box-shadow:inset 0 1px 0 rgba(101,210,246,.035);
}
.dnb-home-v11-compare-side.is-connected .dnb-home-v11-compare-title span{color:var(--dnb-sem-data)!important}
.dnb-home-v11-compare-side.is-connected .dnb-home-v11-compare-title b{color:#ebfbff!important}
.dnb-home-v11-compare-side.is-connected .dnb-home-v11-chain span{
  border-color:rgba(61,174,218,.58)!important;
  background:rgba(5,60,84,.72)!important;
  color:#a9e6ff!important;
}
.dnb-home-v11-compare-side.is-connected .dnb-home-v11-chain i{color:#52bce8!important}
.dnb-home-v11-compare-side.is-connected li::before{background:var(--dnb-sem-update)!important}
.dnb-home-v11-controlled-loop{
  border-color:rgba(67,217,154,.34)!important;
  background:linear-gradient(90deg,rgba(18,107,80,.34),rgba(7,49,65,.56))!important;
  color:var(--dnb-sem-update)!important;
}
.dnb-home-v11-controlled-loop i{
  background:linear-gradient(90deg,var(--dnb-sem-update),rgba(67,217,154,.10))!important;
}
.dnb-home-v11-compare-arrow{
  color:var(--dnb-sem-brand)!important;
}

/* Gallery also uses a progression: entry=blue, Rebar=cyan, Drawing=green. */
.dnb-home-v11-gallery-hero.is-ribbon{
  border-color:rgba(63,136,192,.38)!important;
}
.dnb-home-v11-gallery-hero.is-ribbon .dnb-home-v11-gallery-number{
  border-color:rgba(78,158,215,.52)!important;background:#0a2f4b!important;color:#78c9fa!important;
}
.dnb-home-v11-gallery-hero.is-ribbon figcaption small{color:#6cbcea!important}

.dnb-home-v11-gallery-pair figure.is-beam{
  border-color:rgba(56,169,215,.42)!important;
}
.dnb-home-v11-gallery-pair figure.is-beam .dnb-home-v11-gallery-number{
  border-color:rgba(69,187,230,.52)!important;background:#082f49!important;color:var(--dnb-sem-data)!important;
}
.dnb-home-v11-gallery-pair figure.is-beam figcaption small{color:var(--dnb-sem-data)!important}

.dnb-home-v11-gallery-pair figure.is-foundation{
  border-color:rgba(55,182,128,.40)!important;
}
.dnb-home-v11-gallery-pair figure.is-foundation .dnb-home-v11-gallery-number{
  border-color:rgba(62,200,143,.50)!important;background:#092e28!important;color:var(--dnb-sem-update)!important;
}
.dnb-home-v11-gallery-pair figure.is-foundation figcaption small{color:var(--dnb-sem-update)!important}

/* Brand statement remains orange: orange is reserved for strategy and CTA. */
.dnb-home-v11-intro .dnb-v3-eyebrow,
.dnb-home-v11-flow-compare>header .dnb-v3-eyebrow,
.dnb-home-cta-v11 .dnb-v3-eyebrow{
  color:var(--dnb-sem-brand)!important;
}

/* Light theme keeps meaning but reduces saturation. */
.theme-light .dnb-home-v11-core-card.is-data,
.theme-light .dnb-home-v11-core-card.is-update,
.theme-light .dnb-home-v11-core-card.is-project{
  background:#fff!important;
}
.theme-light .dnb-home-v11-core-card.is-data{border-color:#b9dce9!important}
.theme-light .dnb-home-v11-core-card.is-update{border-color:#bfe6d6!important}
.theme-light .dnb-home-v11-core-card.is-project{border-color:#d6ccef!important}
.theme-light .dnb-home-v11-core-copy h3 span{color:#1f2933!important}


/* ==========================================================================
   D&B Workspace V15 — Account semantic hierarchy
   Same navy system, but each information family now has its own signature.
   ========================================================================== */
.dnb-account-v3{
  --acc-cyan:#57c9ff;
  --acc-cyan-soft:rgba(87,201,255,.12);
  --acc-green:#42d99a;
  --acc-gold:#ffc64b;
  --acc-orange:#ff8741;
  --acc-violet:#ad93ff;
  --acc-violet-soft:rgba(173,147,255,.11);
  --acc-copper:#e8955d;
}

/* Profile / identity = warm human tone */
.dnb-v3-profile-card{
  position:relative;
  overflow:hidden;
  border-color:rgba(66,130,169,.34)!important;
  background:
    radial-gradient(circle at 8% 50%,rgba(232,149,93,.08),transparent 28%),
    radial-gradient(circle at 88% 12%,rgba(57,151,205,.10),transparent 30%),
    linear-gradient(145deg,#081d31,#071827)!important;
}
.dnb-v3-profile-card::after{
  content:"";position:absolute;left:0;top:0;bottom:0;width:2px;
  background:linear-gradient(180deg,transparent,var(--acc-copper),transparent);
  opacity:.72;pointer-events:none;
}

/* Quick navigation: each shortcut gets a quiet semantic icon family. */
.dnb-v3-quick-grid>a{position:relative;overflow:hidden}
.dnb-v3-quick-grid>a::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;opacity:.56;
  background:linear-gradient(90deg,currentColor,transparent 78%);
}
.dnb-v3-quick-grid>a:nth-child(1){color:#59c8ff;border-color:rgba(72,169,218,.28)}
.dnb-v3-quick-grid>a:nth-child(2){color:#62aef3;border-color:rgba(91,145,207,.25)}
.dnb-v3-quick-grid>a:nth-child(3){color:#50d2b1;border-color:rgba(72,180,151,.24)}
.dnb-v3-quick-grid>a:nth-child(4){color:#a892ff;border-color:rgba(150,127,221,.24)}
.dnb-v3-quick-grid>a:nth-child(5){color:#ff8a42;border-color:rgba(249,114,41,.54)!important}
.dnb-v3-quick-grid>a strong{color:#edf5fa!important}
.dnb-v3-quick-grid>a small{color:#7f99ad!important}
.dnb-v3-quick-grid>a i{box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.dnb-v3-quick-grid>a:nth-child(1) i{background:rgba(32,142,203,.14)!important}
.dnb-v3-quick-grid>a:nth-child(2) i{background:rgba(62,121,187,.13)!important}
.dnb-v3-quick-grid>a:nth-child(3) i{background:rgba(35,161,126,.13)!important}
.dnb-v3-quick-grid>a:nth-child(4) i{background:rgba(125,92,208,.13)!important}
.dnb-v3-quick-grid>a:nth-child(5) i{background:rgba(249,114,41,.15)!important}

/* Entitlements are the product / license hero family = cyan + active green. */
.dnb-v3-entitlements{
  position:relative;overflow:hidden;
  border-color:rgba(66,145,190,.38)!important;
  background:
    radial-gradient(circle at 74% 0,rgba(39,132,187,.115),transparent 34%),
    linear-gradient(145deg,#071c2e,#061725)!important;
}
.dnb-v3-entitlements::before{
  content:"";position:absolute;left:0;top:0;right:0;height:2px;
  background:linear-gradient(90deg,#3cbcff,rgba(60,188,255,.15),transparent 82%);
  opacity:.75;
}
.dnb-v3-product-card{position:relative;overflow:hidden}
.dnb-v3-product-card::after{
  content:"";position:absolute;left:0;top:0;bottom:0;width:2px;opacity:.72
}
.dnb-v3-product-card.is-structure{
  border-color:rgba(62,166,218,.36)!important;
  background:linear-gradient(145deg,rgba(8,39,62,.94),rgba(5,24,39,.96))!important;
}
.dnb-v3-product-card.is-structure::after{background:linear-gradient(180deg,var(--acc-cyan),transparent 82%)}
.dnb-v3-product-card.is-structure .dnb-v3-product-icon{color:#7cd8ff!important;background:rgba(32,155,218,.18)!important}
.dnb-v3-product-card.is-rebar{
  border-color:rgba(52,191,173,.34)!important;
  background:linear-gradient(145deg,rgba(6,42,48,.91),rgba(5,24,39,.96))!important;
}
.dnb-v3-product-card.is-rebar::after{background:linear-gradient(180deg,#44d7bc,transparent 82%)}
.dnb-v3-product-card.is-rebar .dnb-v3-product-icon{color:#62e3c9!important;background:rgba(40,172,149,.16)!important}

/* Personal profile card = warm editable data */
.dnb-v3-personal{
  position:relative;overflow:hidden;
  border-color:rgba(212,132,79,.31)!important;
  background:
    radial-gradient(circle at 0 0,rgba(232,149,93,.085),transparent 31%),
    linear-gradient(145deg,#0b1d2d,#071827)!important;
}
.dnb-v3-personal::before{
  content:"";position:absolute;left:0;top:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--acc-copper),transparent 72%);opacity:.8
}
.dnb-v3-personal .dnb-v3-card-title>span.is-orange{
  color:#ffab71!important;background:rgba(232,149,93,.14)!important
}
.dnb-v3-personal .dnb-v3-dl-action a{color:#ffb37f!important}

/* Sessions = live technical activity, cyan with green current-state cues */
.dnb-v3-security{
  position:relative;overflow:hidden;
  border-color:rgba(67,163,214,.35)!important;
  background:
    radial-gradient(circle at 100% 0,rgba(54,169,226,.10),transparent 31%),
    linear-gradient(145deg,#081e31,#071827)!important;
}
.dnb-v3-security::before{
  content:"";position:absolute;left:0;top:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--acc-cyan),transparent 74%);opacity:.82
}
.dnb-v3-security .dnb-v3-card-title>span{color:#70d3ff!important;background:rgba(31,151,213,.16)!important}
.dnb-v3-session-stats strong{color:#f7fbfd!important}
.dnb-v3-session-stats>div:first-child strong{color:#72d4ff!important}
.dnb-v3-session-stats>div:last-child strong{color:#8ebdff!important}
.dnb-v3-session-row{border-color:rgba(65,126,166,.42)!important;background:rgba(7,28,45,.76)!important}
.dnb-v3-session-row:has(em.is-current){
  border-color:rgba(47,197,139,.34)!important;
  background:linear-gradient(90deg,rgba(21,112,84,.13),rgba(7,28,45,.78))!important;
}

/* Project Pass = premium / quota / attention = gold */
.dnb-v3-mini-card.is-project-pass{
  position:relative;overflow:hidden;
  border-color:rgba(235,179,62,.34)!important;
  background:
    radial-gradient(circle at 100% 0,rgba(255,198,75,.10),transparent 34%),
    linear-gradient(145deg,#111d27,#071827)!important;
}
.dnb-v3-mini-card.is-project-pass::before{
  content:"";position:absolute;left:0;top:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--acc-gold),transparent 72%);opacity:.86
}
.dnb-v3-mini-card.is-project-pass header>span{
  color:#ffd66b!important;background:rgba(235,179,62,.14)!important
}
.dnb-v3-mini-card.is-project-pass .dnb-v3-pass-stats strong{color:#fff4c6!important}
.dnb-v3-mini-card.is-project-pass .dnb-v3-progress{background:rgba(255,198,75,.09)!important}
.dnb-v3-mini-card.is-project-pass .dnb-v3-progress i{
  background:linear-gradient(90deg,#ff9f36,#ffd45d)!important;
  box-shadow:0 0 12px rgba(255,190,64,.22)
}
.dnb-v3-mini-card.is-project-pass p.is-upgrade-note,
.dnb-v3-mini-card.is-project-pass p.is-warning{
  margin:8px -2px -2px!important;
  padding:8px 9px!important;
  border:1px solid rgba(255,198,75,.18);
  border-radius:9px;
  background:rgba(255,198,75,.055);
  color:#ffd45d!important;
}

/* Enterprise / governance = violet */
.dnb-v3-mini-card.is-enterprise{
  position:relative;overflow:hidden;
  border-color:rgba(151,126,226,.33)!important;
  background:
    radial-gradient(circle at 100% 0,rgba(150,119,228,.11),transparent 34%),
    linear-gradient(145deg,#0c1c30,#081827)!important;
}
.dnb-v3-mini-card.is-enterprise::before{
  content:"";position:absolute;left:0;top:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--acc-violet),transparent 72%);opacity:.78
}
.dnb-v3-mini-card.is-enterprise header>span{
  color:#c2b0ff!important;background:rgba(136,104,221,.14)!important
}
.dnb-v3-mini-card.is-enterprise p.is-upgrade-note{
  color:#ffd45d!important;
  border-left:2px solid rgba(255,198,75,.66);
  padding-left:8px
}

/* Control Center = separate administrative zone */
.dnb-v3-control-center{
  position:relative;overflow:hidden;
  border-color:rgba(136,108,215,.33)!important;
  background:
    radial-gradient(circle at 78% 0,rgba(119,92,205,.105),transparent 32%),
    linear-gradient(145deg,#0b1a2e,#071725)!important;
}
.dnb-v3-control-center::before{
  content:"";position:absolute;left:0;top:0;right:0;height:2px;
  background:linear-gradient(90deg,#ff7d32,#a991ff 42%,transparent 84%);opacity:.82
}
.dnb-v3-control-head .dnb-v3-eyebrow{color:#ff8640!important}
.dnb-v3-control-head .dnb-v3-eyebrow b{
  color:#ffd061!important;background:rgba(255,192,73,.12)!important
}

/* Admin cards: only icon well/top line varies — content remains calm. */
.dnb-v3-admin-grid a{position:relative;overflow:hidden}
.dnb-v3-admin-grid a::after{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;opacity:.68
}
.dnb-v3-admin-grid a:nth-child(1)::after{background:linear-gradient(90deg,#50c9ff,transparent)}
.dnb-v3-admin-grid a:nth-child(1) i{color:#70d5ff!important;background:rgba(42,153,211,.16)!important}
.dnb-v3-admin-grid a:nth-child(2)::after{background:linear-gradient(90deg,#69a9ff,transparent)}
.dnb-v3-admin-grid a:nth-child(2) i{color:#88baff!important;background:rgba(74,123,200,.15)!important}
.dnb-v3-admin-grid a:nth-child(3)::after{background:linear-gradient(90deg,#ffc64b,transparent)}
.dnb-v3-admin-grid a:nth-child(3) i{color:#ffd66b!important;background:rgba(216,161,53,.15)!important}
.dnb-v3-admin-grid a:nth-child(4)::after{background:linear-gradient(90deg,#ad93ff,transparent)}
.dnb-v3-admin-grid a:nth-child(4) i{color:#c5b4ff!important;background:rgba(130,100,207,.15)!important}
.dnb-v3-admin-grid a:nth-child(5)::after{background:linear-gradient(90deg,#3ed8bc,transparent)}
.dnb-v3-admin-grid a:nth-child(5) i{color:#66e4cd!important;background:rgba(42,165,143,.15)!important}
.dnb-v3-admin-grid a:nth-child(6)::after{background:linear-gradient(90deg,#8d9cff,transparent)}
.dnb-v3-admin-grid a:nth-child(6) i{color:#aeb8ff!important;background:rgba(101,113,196,.15)!important}
.dnb-v3-admin-grid a:nth-child(7)::after{background:linear-gradient(90deg,#ff9f43,transparent)}
.dnb-v3-admin-grid a:nth-child(7) i{color:#ffb56e!important;background:rgba(216,126,50,.15)!important}
.dnb-v3-admin-grid a:nth-child(8)::after{background:linear-gradient(90deg,#67c7f5,transparent)}
.dnb-v3-admin-grid a:nth-child(8) i{color:#84d5f8!important;background:rgba(48,145,190,.15)!important}

/* Hover communicates clickable importance without flooding the page with color. */
.dnb-v3-personal:hover,
.dnb-v3-security:hover,
.dnb-v3-mini-card.is-project-pass:hover,
.dnb-v3-mini-card.is-enterprise:hover,
.dnb-v3-admin-grid a:hover{
  transform:translateY(-1px);
}

/* Light theme: preserve semantic differences at lower saturation. */
.theme-light .dnb-v3-personal{border-color:#ead2c1!important;background:#fff!important}
.theme-light .dnb-v3-security{border-color:#c9dfeb!important;background:#fff!important}
.theme-light .dnb-v3-mini-card.is-project-pass{border-color:#ead9a9!important;background:#fff!important}
.theme-light .dnb-v3-mini-card.is-enterprise{border-color:#d9cff1!important;background:#fff!important}
.theme-light .dnb-v3-control-center{border-color:#d9d0ee!important;background:#fff!important}


/* ==========================================================================
   D&B Workspace V16 — Products: two products, one connected workflow
   ========================================================================== */
.dnb-products-v16-head>div{max-width:820px}
.dnb-products-v16-head>div>p{max-width:760px}
.dnb-products-v16-hero{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.dnb-products-v16-card{
  position:relative;overflow:hidden;
  min-height:560px;
  padding:20px;
  border:1px solid #183c55;
  border-radius:15px;
  background:linear-gradient(145deg,#071c2e,#061725);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.dnb-products-v16-card::before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;opacity:.86
}
.dnb-products-v16-card.is-structure{
  border-color:rgba(70,173,224,.42);
  background:
    radial-gradient(circle at 88% 8%,rgba(66,180,229,.17),transparent 34%),
    linear-gradient(145deg,#082139,#061725);
}
.dnb-products-v16-card.is-structure::before{background:linear-gradient(90deg,#50c9ff,transparent 78%)}
.dnb-products-v16-card.is-rebar{
  border-color:rgba(53,194,166,.40);
  background:
    radial-gradient(circle at 88% 8%,rgba(48,193,161,.13),transparent 34%),
    linear-gradient(145deg,#071f2c,#061725);
}
.dnb-products-v16-card.is-rebar::before{background:linear-gradient(90deg,#3fd9b7,transparent 78%)}

.dnb-products-v16-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.dnb-products-v16-identity{display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;align-items:start}
.dnb-products-v16-mark{width:56px;height:56px;display:grid;place-items:center;border-radius:15px;color:#fff}
.is-structure .dnb-products-v16-mark{background:linear-gradient(145deg,#0789de,#23bdf9);box-shadow:0 11px 28px rgba(10,143,224,.19)}
.is-rebar .dnb-products-v16-mark{background:linear-gradient(145deg,#12a7ba,#39d6b3);box-shadow:0 11px 28px rgba(31,183,158,.16)}
.dnb-products-v16-mark .dnb-icon{width:26px;height:26px}
.dnb-products-v16-identity small{display:block;margin:0 0 4px;color:#5bc8f5;font-size:8px;font-weight:800;letter-spacing:.11em}
.is-rebar .dnb-products-v16-identity small{color:#58d6bf}
.dnb-products-v16-identity h2{margin:0;color:#f4f8fb;font-size:25px;line-height:1.1;letter-spacing:-.035em}
.dnb-products-v16-identity p{max-width:530px;margin:6px 0 0;color:#9db0bd;font-size:10.5px;line-height:1.58}
.dnb-products-v16-plan{flex:none;padding:7px 9px;border:1px solid rgba(78,157,203,.23);border-radius:999px;background:rgba(19,100,150,.12);color:#76cbf6;font-size:7px;font-weight:800}
.is-rebar .dnb-products-v16-plan{border-color:rgba(57,189,161,.23);background:rgba(35,143,121,.11);color:#61dfc6}

.dnb-products-v16-structure-visual{
  display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
  gap:8px;align-items:center;
  min-height:188px;margin-top:19px;padding:18px;
  border:1px solid rgba(64,145,194,.24);border-radius:13px;
  background:
    linear-gradient(rgba(43,128,180,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(43,128,180,.035) 1px,transparent 1px),
    rgba(4,20,33,.58);
  background-size:22px 22px;
}
.dnb-products-v16-flow-node{display:grid;place-items:center;text-align:center;min-height:108px;padding:12px 7px;border:1px solid rgba(64,145,194,.27);border-radius:12px;background:rgba(9,40,62,.78)}
.dnb-products-v16-flow-node>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(58,171,226,.12);color:#63caf7}
.dnb-products-v16-flow-node .dnb-icon{width:18px;height:18px}
.dnb-products-v16-flow-node b{margin-top:9px;color:#dff5ff;font-size:9px;letter-spacing:.06em}
.dnb-products-v16-flow-node small{margin-top:3px;color:#658aa1;font-size:7px}
.dnb-products-v16-structure-visual>i{font-style:normal;color:#4b7893}

.dnb-products-v16-rebar-visual{position:relative;height:188px;margin-top:19px;border:1px solid rgba(56,174,151,.25);border-radius:13px;background:#03121d;overflow:hidden}
.dnb-products-v16-rebar-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:.78}
.dnb-products-v16-rebar-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,29,.12),transparent 48%,rgba(5,40,39,.13)),linear-gradient(180deg,transparent 50%,rgba(3,17,27,.82))}
.dnb-products-v16-visual-caption{position:absolute;z-index:2;left:14px;right:14px;bottom:12px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.dnb-products-v16-visual-caption span{color:#52dbbd;font-size:7px;font-weight:800;letter-spacing:.09em}
.dnb-products-v16-visual-caption b{color:#eefbf7;font-size:11px}

.dnb-products-v16-feature-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px}
.dnb-products-v16-feature-columns>div{display:grid;gap:7px;padding:12px 13px;border:1px solid rgba(53,107,142,.24);border-radius:11px;background:rgba(5,22,36,.48)}
.dnb-products-v16-feature-columns small{margin-bottom:2px;color:#688da5;font-size:7px;font-weight:800;letter-spacing:.1em}
.dnb-products-v16-feature-columns span{display:flex;align-items:center;gap:7px;color:#a8bac6;font-size:8.7px}
.dnb-products-v16-feature-columns .dnb-icon{width:12px;height:12px;color:#38d99c}

.dnb-products-v16-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-top:15px;padding-top:14px;border-top:1px solid #173349}
.dnb-products-v16-foot>div:first-child{display:flex;flex-direction:column}
.dnb-products-v16-foot small{color:#678399;font-size:7px;font-weight:700;letter-spacing:.08em}
.dnb-products-v16-foot strong{margin-top:3px;color:#f3f8fb;font-size:21px}
.dnb-products-v16-foot em{color:#7892a5;font-size:8px;font-style:normal;font-weight:500}
.dnb-products-v16-actions{display:flex;gap:8px;align-items:center}
.dnb-products-v16-actions a{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:0 10px;border:1px solid #23475f;border-radius:9px;color:#9ec8df;font-size:8px;font-weight:700}
.dnb-products-v16-actions a.is-primary{border-color:rgba(249,114,41,.45);background:rgba(249,114,41,.10);color:#ff9b5d}
.dnb-products-v16-actions .dnb-icon{width:12px;height:12px}

.dnb-products-v16-connected{margin-bottom:16px;padding:18px;background:radial-gradient(circle at 50% 0,rgba(37,123,179,.09),transparent 35%),linear-gradient(145deg,#071a2b,#061827)}
.dnb-products-v16-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}
.dnb-products-v16-section-head h2{margin:0;color:#f2f7fa;font-size:23px;line-height:1.15;letter-spacing:-.035em}
.dnb-products-v16-section-head p{max-width:800px;margin:6px 0 0;color:#8fa6b5;font-size:9.5px;line-height:1.6}
.dnb-products-v16-section-head>a{display:flex;align-items:center;gap:6px;color:#9ccbe4;font-size:8px;font-weight:700;white-space:nowrap}
.dnb-products-v16-flowline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:center}
.dnb-products-v16-flowline article{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;min-height:74px;padding:10px;border:1px solid #18384e;border-radius:11px;background:#071b2b}
.dnb-products-v16-flowline article>span{position:absolute;right:8px;top:6px;color:#31536a;font-size:16px;font-weight:800}
.dnb-products-v16-flowline article>i{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#0a2d46;color:#68c9f7}
.dnb-products-v16-flowline article>i .dnb-icon{width:16px;height:16px}
.dnb-products-v16-flowline b{align-self:end;color:#eef6fa;font-size:10px}.dnb-products-v16-flowline small{align-self:start;margin-top:2px;color:#7792a4;font-size:7px}
.dnb-products-v16-flowline>em{font-style:normal;color:#456d84}
.dnb-products-v16-flowline article.is-cyan{border-color:rgba(73,178,220,.30)}.dnb-products-v16-flowline article.is-cyan>i{color:#6cd6ff}
.dnb-products-v16-flowline article.is-green{border-color:rgba(54,188,137,.30)}.dnb-products-v16-flowline article.is-green>i{background:rgba(25,135,97,.16);color:#54dfa6}
.dnb-products-v16-flowline article.is-violet{border-color:rgba(137,115,215,.28)}.dnb-products-v16-flowline article.is-violet>i{background:rgba(111,83,190,.15);color:#b5a0ff}
.dnb-products-v16-flowline article.is-gold{border-color:rgba(220,168,59,.28)}.dnb-products-v16-flowline article.is-gold>i{background:rgba(194,138,38,.14);color:#ffd064}

.dnb-products-v16-purpose{margin-bottom:16px;padding:20px 0 0;border-top:1px solid #173247}
.dnb-products-v16-purpose>header{max-width:830px;margin-bottom:14px}.dnb-products-v16-purpose>header h2{margin:0;color:#f4f8fb;font-size:27px;line-height:1.16;letter-spacing:-.04em}.dnb-products-v16-purpose>header p{margin:7px 0 0;color:#8da4b4;font-size:10px;line-height:1.65}
.dnb-products-v16-purpose-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.dnb-products-v16-purpose-grid article{position:relative;overflow:hidden;min-height:194px;padding:17px;border:1px solid #18384e;border-radius:13px;background:linear-gradient(145deg,#071a2b,#061827)}
.dnb-products-v16-purpose-grid article::before{content:"";position:absolute;left:0;right:0;top:0;height:2px}
.dnb-products-v16-purpose-grid article.is-structure::before{background:linear-gradient(90deg,#4fc9ff,transparent)}
.dnb-products-v16-purpose-grid article.is-rebar::before{background:linear-gradient(90deg,#42d7b4,transparent)}
.dnb-products-v16-purpose-grid article.is-complete::before{background:linear-gradient(90deg,#ff8c42,#a892ff 55%,transparent)}
.dnb-products-v16-purpose-grid article>span{width:42px;height:42px;display:grid;place-items:center;margin-bottom:13px;border-radius:11px;background:#0a2d47;color:#63c9f7}.dnb-products-v16-purpose-grid article.is-rebar>span{background:rgba(31,143,119,.15);color:#58ddbf}.dnb-products-v16-purpose-grid article.is-complete>span{background:rgba(126,98,205,.14);color:#beaaff}
.dnb-products-v16-purpose-grid article>span .dnb-icon{width:19px;height:19px}
.dnb-products-v16-purpose-grid small{color:#6b8ca2;font-size:7px;font-weight:800;letter-spacing:.09em}
.dnb-products-v16-purpose-grid h3{margin:5px 0 0;color:#eef6fa;font-size:16px;line-height:1.3}.dnb-products-v16-purpose-grid p{margin:8px 0 0;color:#8fa5b4;font-size:9.5px}.dnb-products-v16-purpose-grid p strong{color:#cfe7f5}.dnb-products-v16-purpose-grid a{display:inline-flex;align-items:center;gap:5px;margin-top:14px;color:#8fc7e6;font-size:8px;font-weight:700}.dnb-products-v16-purpose-grid a .dnb-icon{width:12px;height:12px}

.dnb-products-v16-final{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px;border:1px solid #1d425b;border-radius:14px;background:radial-gradient(circle at 82% 0,rgba(249,114,41,.075),transparent 31%),linear-gradient(145deg,#081d31,#061827)}
.dnb-products-v16-final>div:first-child{max-width:780px}.dnb-products-v16-final h2{margin:0;color:#f5f8fb;font-size:24px;line-height:1.18;letter-spacing:-.035em}.dnb-products-v16-final p{margin:6px 0 0;color:#91a7b7;font-size:9.5px;line-height:1.6}.dnb-products-v16-final>div:last-child{display:flex;gap:9px;flex:none}

.theme-light .dnb-products-v16-card,.theme-light .dnb-products-v16-connected,.theme-light .dnb-products-v16-purpose-grid article,.theme-light .dnb-products-v16-final{background:#fff!important;border-color:#dce6ed!important}
.theme-light .dnb-products-v16-identity h2,.theme-light .dnb-products-v16-section-head h2,.theme-light .dnb-products-v16-purpose>header h2,.theme-light .dnb-products-v16-purpose-grid h3,.theme-light .dnb-products-v16-final h2{color:#1f2933!important}
.theme-light .dnb-products-v16-identity p,.theme-light .dnb-products-v16-section-head p,.theme-light .dnb-products-v16-purpose>header p,.theme-light .dnb-products-v16-purpose-grid p,.theme-light .dnb-products-v16-final p{color:#60788a!important}

@media (max-width:1050px){
  .dnb-products-v16-hero{grid-template-columns:1fr}
  .dnb-products-v16-card{min-height:0}
  .dnb-products-v16-purpose-grid{grid-template-columns:1fr 1fr}.dnb-products-v16-purpose-grid article:last-child{grid-column:1/-1}
  .dnb-products-v16-flowline{grid-template-columns:1fr}.dnb-products-v16-flowline>em{display:none}.dnb-products-v16-flowline article{grid-template-columns:42px minmax(0,1fr)}
}
@media (max-width:680px){
  .dnb-products-v16-card{padding:15px}
  .dnb-products-v16-card-top{flex-direction:column}.dnb-products-v16-identity{grid-template-columns:48px minmax(0,1fr)}.dnb-products-v16-mark{width:46px;height:46px}.dnb-products-v16-identity h2{font-size:21px}.dnb-products-v16-identity p{font-size:9.5px}
  .dnb-products-v16-structure-visual{grid-template-columns:1fr 1fr;gap:8px}.dnb-products-v16-structure-visual>i{display:none}
  .dnb-products-v16-rebar-visual{height:168px}
  .dnb-products-v16-feature-columns{grid-template-columns:1fr}
  .dnb-products-v16-foot{align-items:flex-start;flex-direction:column}.dnb-products-v16-actions{width:100%;flex-wrap:wrap}
  .dnb-products-v16-section-head{align-items:flex-start;flex-direction:column}.dnb-products-v16-purpose-grid{grid-template-columns:1fr}.dnb-products-v16-purpose-grid article:last-child{grid-column:auto}
  .dnb-products-v16-final{align-items:flex-start;flex-direction:column}.dnb-products-v16-final>div:last-child{width:100%;flex-wrap:wrap}
}


/* ==========================================================================
   D&B Workspace V17 — Workflow + Pricing storytelling
   ========================================================================== */
.dnb-flow-v17-head>div,.dnb-price-v17-head>div{max-width:850px}
.dnb-flow-v17-head p,.dnb-price-v17-head p{max-width:820px}

/* WORKFLOW */
.dnb-flow-v17-map{position:relative;overflow:hidden;margin-bottom:18px;padding:20px;border:1px solid #1a4059;border-radius:16px;background:radial-gradient(circle at 78% 0,rgba(27,111,169,.13),transparent 36%),linear-gradient(145deg,#071c2e,#061725)}
.dnb-flow-v17-map::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#4fc8ff,#ff964c 48%,#45d5a7 72%,#aa91ff);opacity:.82}
.dnb-flow-v17-map>header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}.dnb-flow-v17-map>header>div:first-child{max-width:820px}.dnb-flow-v17-map h2{margin:0;color:#f4f8fb;font-size:27px;line-height:1.15;letter-spacing:-.04em}.dnb-flow-v17-map header p{margin:7px 0 0;color:#91a8b8;font-size:10px;line-height:1.65}
.dnb-flow-v17-map-note{display:grid;grid-template-columns:40px minmax(0,1fr);gap:9px;align-items:center;min-width:250px;padding:10px 12px;border:1px solid rgba(66,211,158,.22);border-radius:11px;background:rgba(30,113,85,.10)}.dnb-flow-v17-map-note>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(42,174,126,.14);color:#52dda6}.dnb-flow-v17-map-note .dnb-icon{width:18px;height:18px}.dnb-flow-v17-map-note small{display:block;color:#48d79f;font-size:7px;font-weight:800;letter-spacing:.09em}.dnb-flow-v17-map-note strong{display:block;margin-top:3px;color:#cde9dd;font-size:9px}
.dnb-flow-v17-track{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:stretch}.dnb-flow-v17-track>i{align-self:center;color:#4e7288;font-style:normal}.dnb-flow-v17-track article{position:relative;min-height:174px;padding:14px 12px;border:1px solid #17394f;border-radius:12px;background:rgba(6,24,39,.70);text-align:center}.dnb-flow-v17-track article::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;opacity:.72}.dnb-flow-v17-track article>b{position:absolute;right:9px;top:7px;color:#294e65;font-size:19px}.dnb-flow-v17-track article>span{width:44px;height:44px;display:grid;place-items:center;margin:4px auto 12px;border-radius:50%;background:#0a2d46;color:#68c9f7}.dnb-flow-v17-track article>span .dnb-icon{width:19px;height:19px}.dnb-flow-v17-track article>small{display:block;color:#6d8da2;font-size:7px;font-weight:800;letter-spacing:.09em}.dnb-flow-v17-track article h3{margin:5px 0 0;color:#eef6fa;font-size:11px}.dnb-flow-v17-track article p{margin:6px auto 0;max-width:190px;color:#839baa;font-size:8px;line-height:1.55}.dnb-flow-v17-track article em{display:inline-block;margin-top:10px;padding:4px 6px;border-radius:999px;color:#7698ad;background:rgba(48,103,137,.10);font-size:6.5px;font-style:normal;font-weight:700}
.dnb-flow-v17-track article.is-model::after{background:#4fc8ff}.dnb-flow-v17-track article.is-model>span{color:#65d3ff}.dnb-flow-v17-track article.is-analysis::after{background:#6ca9ff}.dnb-flow-v17-track article.is-analysis>span{color:#8ab9ff;background:rgba(74,116,194,.14)}.dnb-flow-v17-track article.is-design::after{background:#ff9c50}.dnb-flow-v17-track article.is-design>span{color:#ffad6c;background:rgba(210,117,47,.14)}.dnb-flow-v17-track article.is-rebar::after{background:#45d5a7}.dnb-flow-v17-track article.is-rebar>span{color:#63dfb3;background:rgba(34,142,105,.14)}.dnb-flow-v17-track article.is-drawing::after{background:#aa91ff}.dnb-flow-v17-track article.is-drawing>span{color:#beaaff;background:rgba(115,86,195,.14)}

.dnb-flow-v17-detail{padding:18px 0 0;border-top:1px solid #173247}.dnb-flow-v17-section-head{max-width:920px;margin-bottom:15px}.dnb-flow-v17-section-head h2{margin:0;color:#f3f8fb;font-size:26px;line-height:1.18;letter-spacing:-.04em}.dnb-flow-v17-section-head p{margin:7px 0 0;color:#8fa5b5;font-size:10px;line-height:1.65}.dnb-flow-v17-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.dnb-flow-v17-detail-grid article{position:relative;overflow:hidden;padding:16px;border:1px solid #18394f;border-radius:13px;background:linear-gradient(145deg,#071a2b,#061827)}.dnb-flow-v17-detail-grid article:nth-child(5){grid-column:1/-1}.dnb-flow-v17-detail-grid article::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;opacity:.82}.dnb-flow-v17-detail-grid article.is-model::before{background:#4fc8ff}.dnb-flow-v17-detail-grid article.is-analysis::before{background:#6ca9ff}.dnb-flow-v17-detail-grid article.is-design::before{background:#ff9c50}.dnb-flow-v17-detail-grid article.is-rebar::before{background:#45d5a7}.dnb-flow-v17-detail-grid article.is-drawing::before{background:#aa91ff}.dnb-flow-v17-detail-no{position:absolute;right:13px;top:8px;color:#24475e;font-size:35px;font-weight:800;letter-spacing:-.05em}.dnb-flow-v17-detail-title{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center}.dnb-flow-v17-detail-title>span{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#0a2d46;color:#67c9f8}.dnb-flow-v17-detail-title .dnb-icon{width:18px;height:18px}.dnb-flow-v17-detail-title small{display:block;color:#678ba2;font-size:7px;font-weight:800;letter-spacing:.09em}.dnb-flow-v17-detail-title h3{margin:3px 0 0;color:#eef6fa;font-size:15px}.dnb-flow-v17-data{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.dnb-flow-v17-data>div{padding:10px 11px;border:1px solid rgba(52,103,137,.22);border-radius:9px;background:rgba(5,22,36,.45)}.dnb-flow-v17-data b{display:block;color:#6f92a7;font-size:6.5px;letter-spacing:.09em}.dnb-flow-v17-data p{margin:5px 0 0;color:#96aab8;font-size:8px;line-height:1.55}

.dnb-flow-v17-update{display:grid;grid-template-columns:minmax(0,1.25fr) 360px;gap:18px;align-items:center;margin-top:18px;padding:20px;border:1px solid #1b445d;border-radius:15px;background:radial-gradient(circle at 82% 0,rgba(48,195,145,.10),transparent 34%),linear-gradient(145deg,#081d31,#061827)}.dnb-flow-v17-update-copy h2{margin:0;color:#f3f8fb;font-size:28px;line-height:1.14;letter-spacing:-.04em}.dnb-flow-v17-update-copy h2 em{font-style:normal;color:#4ddaa4}.dnb-flow-v17-update-copy>p{max-width:790px;margin:8px 0 0;color:#91a8b8;font-size:10px;line-height:1.65}.dnb-flow-v17-update-points{display:grid;gap:7px;margin-top:13px}.dnb-flow-v17-update-points span{display:flex;align-items:flex-start;gap:7px;color:#a8bac6;font-size:9px;line-height:1.55}.dnb-flow-v17-update-points .dnb-icon{flex:none;width:13px;height:13px;color:#45d5a7;margin-top:1px}.dnb-flow-v17-update-flow{display:grid;gap:7px}.dnb-flow-v17-update-flow article{padding:10px 12px;border:1px solid #25485d;border-radius:10px;background:#081c2c}.dnb-flow-v17-update-flow article small{display:block;color:#6d8ba0;font-size:6.5px;font-weight:800;letter-spacing:.08em}.dnb-flow-v17-update-flow article b{display:block;margin-top:3px;color:#e6f0f5;font-size:10px}.dnb-flow-v17-update-flow article.is-cyan{border-color:rgba(71,179,222,.38);background:rgba(9,55,77,.55)}.dnb-flow-v17-update-flow article.is-green{border-color:rgba(57,196,142,.38);background:rgba(15,74,58,.47)}.dnb-flow-v17-update-flow article.is-violet{border-color:rgba(139,116,216,.35);background:rgba(58,42,101,.36)}.dnb-flow-v17-update-flow>i{text-align:center;color:#51758a;font-style:normal}
.dnb-flow-v17-final{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:16px;padding:19px;border:1px solid #1b4058;border-radius:14px;background:linear-gradient(145deg,#071b2d,#061827)}.dnb-flow-v17-final>div:first-child{max-width:760px}.dnb-flow-v17-final h2{margin:0;color:#f3f8fb;font-size:22px;letter-spacing:-.035em}.dnb-flow-v17-final p{margin:6px 0 0;color:#8fa6b5;font-size:9px}.dnb-flow-v17-final>div:last-child{display:flex;gap:8px;flex:none}

/* PRICING */
.dnb-price-v17-chooser{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:15px}.dnb-price-v17-chooser article{position:relative;overflow:hidden;min-height:126px;padding:13px;border:1px solid #18394f;border-radius:12px;background:linear-gradient(145deg,#071a2b,#061827)}.dnb-price-v17-chooser article::before{content:"";position:absolute;left:0;right:0;top:0;height:2px}.dnb-price-v17-chooser article.is-structure::before{background:#4fc8ff}.dnb-price-v17-chooser article.is-rebar::before{background:#45d5b0}.dnb-price-v17-chooser article.is-complete::before{background:linear-gradient(90deg,#ff8d43,#a993ff)}.dnb-price-v17-chooser article.is-pass::before{background:#ffc64b}.dnb-price-v17-chooser article>span{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#0a2d46;color:#63c9f7}.dnb-price-v17-chooser article.is-rebar>span{background:rgba(32,144,119,.14);color:#57ddbe}.dnb-price-v17-chooser article.is-complete>span{background:rgba(137,99,212,.14);color:#beaaff}.dnb-price-v17-chooser article.is-pass>span{background:rgba(201,147,39,.14);color:#ffd064}.dnb-price-v17-chooser .dnb-icon{width:16px;height:16px}.dnb-price-v17-chooser small{display:block;margin-top:10px;color:#6d8da2;font-size:6.5px;font-weight:800;letter-spacing:.09em}.dnb-price-v17-chooser h3{margin:4px 0 0;color:#eef6fa;font-size:12px}.dnb-price-v17-chooser p{margin:5px 0 0;color:#829aa9;font-size:8px}.dnb-price-v17-chooser p strong{color:#cbdde8}.dnb-price-v17-chooser a{display:inline-flex;align-items:center;gap:5px;margin-top:9px;color:#92c8e6;font-size:7px;font-weight:700}.dnb-price-v17-chooser a .dnb-icon{width:10px;height:10px}
.dnb-price-v17-main{display:grid;gap:14px}.dnb-price-v17-standalone{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dnb-price-v17-card{position:relative;overflow:hidden;padding:17px;border:1px solid #183a50;border-radius:13px;background:linear-gradient(145deg,#071a2b,#061827)}.dnb-price-v17-card::before{content:"";position:absolute;left:0;right:0;top:0;height:2px}.dnb-price-v17-card.is-structure::before{background:#4fc8ff}.dnb-price-v17-card.is-rebar::before{background:#45d5b0}.dnb-price-v17-card header{display:grid;grid-template-columns:46px minmax(0,1fr);gap:11px;align-items:start}.dnb-price-v17-card header>span{width:44px;height:44px;display:grid;place-items:center;border-radius:11px;background:#0a2f49;color:#65d1ff}.dnb-price-v17-card.is-rebar header>span{background:rgba(34,146,119,.14);color:#5be0c1}.dnb-price-v17-card header .dnb-icon{width:19px;height:19px}.dnb-price-v17-card header small{display:block;color:#67a7ca;font-size:7px;font-weight:800;letter-spacing:.08em}.dnb-price-v17-card.is-rebar header small{color:#59cdb6}.dnb-price-v17-card header h2{margin:3px 0 0;color:#f2f7fa;font-size:18px}.dnb-price-v17-card header p{margin:5px 0 0;color:#849baa;font-size:8.7px;line-height:1.5}.dnb-price-v17-money{display:flex;align-items:baseline;gap:5px;margin:15px 0 12px;padding-bottom:12px;border-bottom:1px solid #173348}.dnb-price-v17-money strong{color:#f6f9fb;font-size:28px;letter-spacing:-.03em}.dnb-price-v17-money em{color:#6f8a9d;font-size:8px;font-style:normal}.dnb-price-v17-card ul{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0;padding:0;list-style:none}.dnb-price-v17-card li{display:flex;align-items:center;gap:6px;color:#9db0bd;font-size:8.3px}.dnb-price-v17-card li .dnb-icon{width:12px;height:12px;color:#3cd699}.dnb-price-v17-card>a{display:flex;align-items:center;justify-content:space-between;margin-top:14px;min-height:34px;padding:0 10px;border:1px solid #23465e;border-radius:9px;color:#98c8e1;font-size:8px;font-weight:700}.dnb-price-v17-card>a .dnb-icon{width:12px;height:12px}
.dnb-price-v17-complete{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.4fr) 270px;gap:18px;padding:22px;border:1px solid rgba(249,114,41,.45);border-radius:15px;background:radial-gradient(circle at 82% 0,rgba(249,114,41,.15),transparent 34%),radial-gradient(circle at 40% 100%,rgba(137,110,221,.08),transparent 34%),linear-gradient(145deg,#111b27,#071725)}.dnb-price-v17-complete::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#ff8440,#b094ff 46%,transparent 88%)}.dnb-price-v17-badge{position:absolute;right:14px;top:12px;padding:5px 7px;border-radius:999px;background:rgba(249,114,41,.13);color:#ff9b5c;font-size:6.5px;font-weight:800;letter-spacing:.08em}.dnb-price-v17-complete-copy{padding-right:14px}.dnb-price-v17-complete-icon{width:50px;height:50px;display:grid;place-items:center;margin-bottom:13px;border-radius:13px;background:rgba(137,101,216,.14);color:#c0abff}.dnb-price-v17-complete-icon .dnb-icon{width:22px;height:22px}.dnb-price-v17-complete-copy>small{color:#ff914e;font-size:7px;font-weight:800;letter-spacing:.09em}.dnb-price-v17-complete-copy h2{margin:4px 0 0;color:#f6f9fb;font-size:25px;line-height:1.15;letter-spacing:-.04em}.dnb-price-v17-complete-copy>p{max-width:740px;margin:7px 0 0;color:#95a9b8;font-size:9.5px;line-height:1.6}.dnb-price-v17-complete-points{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}.dnb-price-v17-complete-points span{display:flex;align-items:center;gap:6px;color:#aebec9;font-size:8px}.dnb-price-v17-complete-points .dnb-icon{width:12px;height:12px;color:#4bd9a0}.dnb-price-v17-complete-price{display:grid;align-content:center;padding:18px;border:1px solid rgba(249,114,41,.22);border-radius:12px;background:rgba(28,18,14,.38)}.dnb-price-v17-complete-price>small{color:#a87c66;font-size:7px;font-weight:800;letter-spacing:.08em}.dnb-price-v17-complete-price>strong{margin-top:5px;color:#fff3e9;font-size:30px;letter-spacing:-.04em}.dnb-price-v17-complete-price>em{color:#9f7a68;font-size:8px;font-style:normal}.dnb-price-v17-complete-price>p{margin:8px 0 0;color:#917464;font-size:8px}.dnb-price-v17-complete-price>a{display:flex;align-items:center;justify-content:space-between;margin-top:14px;min-height:36px;padding:0 10px;border:1px solid rgba(249,114,41,.42);border-radius:9px;background:rgba(249,114,41,.09);color:#ff9c5d;font-size:8px;font-weight:700}.dnb-price-v17-complete-price>a .dnb-icon{width:12px;height:12px}
.dnb-price-v17-pass{position:relative;overflow:hidden;padding:18px;border:1px solid rgba(225,176,61,.36);border-radius:14px;background:radial-gradient(circle at 90% 0,rgba(255,199,78,.10),transparent 34%),linear-gradient(145deg,#111c25,#071725)}.dnb-price-v17-pass::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#ffc64b,transparent 78%)}.dnb-price-v17-pass-main{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:start}.dnb-price-v17-pass-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:rgba(203,148,38,.14);color:#ffd062}.dnb-price-v17-pass-icon .dnb-icon{width:20px;height:20px}.dnb-price-v17-pass-main small{display:block;color:#d6aa50;font-size:7px;font-weight:800;letter-spacing:.09em}.dnb-price-v17-pass-main h2{margin:3px 0 0;color:#fff5d9;font-size:20px;letter-spacing:-.035em}.dnb-price-v17-pass-main p{max-width:800px;margin:6px 0 0;color:#9fa995;font-size:9px;line-height:1.55}.dnb-price-v17-pass-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px}.dnb-price-v17-pass-facts div{padding:10px 12px;border:1px solid rgba(220,172,62,.18);border-radius:9px;background:rgba(111,78,22,.08)}.dnb-price-v17-pass-facts strong{display:block;color:#ffe7a4;font-size:18px}.dnb-price-v17-pass-facts small{display:block;margin-top:3px;color:#9f9067;font-size:7px}.dnb-price-v17-pass-price{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:13px;padding-top:12px;border-top:1px solid rgba(220,172,62,.17)}.dnb-price-v17-pass-price>div{display:flex;align-items:baseline;gap:8px}.dnb-price-v17-pass-price small{color:#a28a51;font-size:7px;font-weight:800}.dnb-price-v17-pass-price strong{color:#fff0bd;font-size:24px}.dnb-price-v17-pass-price>a{display:flex;align-items:center;gap:6px;color:#e3bd60;font-size:8px;font-weight:700}.dnb-price-v17-pass-price .dnb-icon{width:12px;height:12px}
.dnb-price-v17-compare{margin-top:18px;padding:18px;border:1px solid #1a3e56;border-radius:14px;background:linear-gradient(145deg,#071a2b,#061827)}.dnb-price-v17-compare>header{max-width:900px;margin-bottom:13px}.dnb-price-v17-compare h2{margin:0;color:#f3f8fb;font-size:23px;letter-spacing:-.035em}.dnb-price-v17-compare header p{margin:6px 0 0;color:#8ea5b5;font-size:9px;line-height:1.6}.dnb-price-v17-table{display:grid;border:1px solid #17364c;border-radius:11px;overflow:hidden}.dnb-price-v17-table>div{display:grid;grid-template-columns:1.05fr repeat(4,1fr);min-height:40px;border-bottom:1px solid #153146}.dnb-price-v17-table>div:last-child{border-bottom:0}.dnb-price-v17-table>div>*{display:flex;align-items:center;padding:8px 10px;border-right:1px solid #153146;color:#8fa6b6;font-size:8px;line-height:1.4}.dnb-price-v17-table>div>*:last-child{border-right:0}.dnb-price-v17-table strong{color:#c9d7e1!important}.dnb-price-v17-table .is-head{background:#081f32}.dnb-price-v17-table .is-head b{color:#b7cad6;font-size:8px}.dnb-price-v17-table .is-head b:nth-child(2){color:#8facbe}.dnb-price-v17-table .is-head b:nth-child(3){color:#61caff}.dnb-price-v17-table .is-head b:nth-child(4){color:#ff9c5b}.dnb-price-v17-table .is-head b:nth-child(5){color:#ffd064}
.dnb-price-v17-bottom{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:14px}.dnb-price-v17-bottom article{position:relative;overflow:hidden;display:grid;grid-template-columns:44px minmax(0,1fr);gap:11px;padding:15px;border:1px solid #18384e;border-radius:12px;background:linear-gradient(145deg,#071a2b,#061827)}.dnb-price-v17-bottom article::before{content:"";position:absolute;left:0;right:0;top:0;height:2px}.dnb-price-v17-bottom article.is-free::before{background:#4fc8ff}.dnb-price-v17-bottom article.is-enterprise::before{background:#aa91ff}.dnb-price-v17-bottom article>span{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#0a2d46;color:#67c9f8}.dnb-price-v17-bottom article.is-enterprise>span{background:rgba(113,84,193,.14);color:#baa5ff}.dnb-price-v17-bottom article>span .dnb-icon{width:18px;height:18px}.dnb-price-v17-bottom small{display:block;color:#6d8ca1;font-size:7px;font-weight:800;letter-spacing:.09em}.dnb-price-v17-bottom h3{margin:4px 0 0;color:#eef6fa;font-size:14px}.dnb-price-v17-bottom p{margin:6px 0 0;color:#8ba2b2;font-size:8.5px;line-height:1.55}.dnb-price-v17-bottom a{display:inline-flex;align-items:center;gap:5px;margin-top:8px;color:#a99cf0;font-size:8px;font-weight:700}.dnb-price-v17-bottom a .dnb-icon{width:11px;height:11px}.dnb-price-v17-note{margin-top:10px!important}

.theme-light .dnb-flow-v17-map,.theme-light .dnb-flow-v17-detail-grid article,.theme-light .dnb-flow-v17-update,.theme-light .dnb-flow-v17-final,.theme-light .dnb-price-v17-chooser article,.theme-light .dnb-price-v17-card,.theme-light .dnb-price-v17-complete,.theme-light .dnb-price-v17-pass,.theme-light .dnb-price-v17-compare,.theme-light .dnb-price-v17-bottom article{background:#fff!important;border-color:#dce6ed!important}
.theme-light .dnb-flow-v17-map h2,.theme-light .dnb-flow-v17-section-head h2,.theme-light .dnb-flow-v17-update-copy h2,.theme-light .dnb-flow-v17-final h2,.theme-light .dnb-price-v17-chooser h3,.theme-light .dnb-price-v17-card header h2,.theme-light .dnb-price-v17-complete-copy h2,.theme-light .dnb-price-v17-pass-main h2,.theme-light .dnb-price-v17-compare h2,.theme-light .dnb-price-v17-bottom h3{color:#1f2933!important}

@media(max-width:1100px){.dnb-flow-v17-map>header{align-items:flex-start;flex-direction:column}.dnb-flow-v17-track{grid-template-columns:1fr}.dnb-flow-v17-track>i{display:none}.dnb-flow-v17-detail-grid{grid-template-columns:1fr}.dnb-flow-v17-detail-grid article:nth-child(5){grid-column:auto}.dnb-flow-v17-update{grid-template-columns:1fr}.dnb-price-v17-chooser{grid-template-columns:1fr 1fr}.dnb-price-v17-complete{grid-template-columns:1fr}.dnb-price-v17-standalone{grid-template-columns:1fr}.dnb-price-v17-table{overflow:auto}.dnb-price-v17-table>div{min-width:750px}}
@media(max-width:700px){.dnb-flow-v17-map,.dnb-flow-v17-update,.dnb-flow-v17-final,.dnb-price-v17-complete,.dnb-price-v17-pass,.dnb-price-v17-compare{padding:15px}.dnb-flow-v17-map h2,.dnb-flow-v17-update-copy h2{font-size:23px}.dnb-flow-v17-data{grid-template-columns:1fr}.dnb-flow-v17-final{align-items:flex-start;flex-direction:column}.dnb-flow-v17-final>div:last-child{width:100%;flex-wrap:wrap}.dnb-price-v17-chooser{grid-template-columns:1fr}.dnb-price-v17-card ul,.dnb-price-v17-complete-points{grid-template-columns:1fr}.dnb-price-v17-pass-facts{grid-template-columns:1fr}.dnb-price-v17-pass-price{align-items:flex-start;flex-direction:column}.dnb-price-v17-bottom{grid-template-columns:1fr}}


/* V18 Pricing Emphasis */
.dnb-price-v17-card{box-shadow:0 16px 34px rgba(0,0,0,.16)}
.dnb-price-v17-card.is-structure{background:radial-gradient(circle at 88% 0,rgba(79,200,255,.10),transparent 30%),linear-gradient(145deg,#071a2b,#061827)}
.dnb-price-v17-card.is-rebar{background:radial-gradient(circle at 88% 0,rgba(69,213,176,.10),transparent 30%),linear-gradient(145deg,#071a2b,#061827)}
.dnb-price-v17-money{position:relative;display:block;margin:16px 0 14px;padding:14px 16px;border:1px solid #1c4058;border-radius:14px;background:linear-gradient(180deg,rgba(10,30,47,.98),rgba(7,22,35,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 14px 28px rgba(0,0,0,.18)}
.dnb-price-v17-card.is-structure .dnb-price-v17-money{border-color:rgba(79,200,255,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 0 0 1px rgba(79,200,255,.08),0 18px 34px rgba(5,23,37,.34)}
.dnb-price-v17-card.is-rebar .dnb-price-v17-money{border-color:rgba(69,213,176,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 0 0 1px rgba(69,213,176,.08),0 18px 34px rgba(5,23,37,.34)}
.dnb-price-v17-money::before{content:"";position:absolute;left:14px;right:14px;top:0;height:2px;border-radius:999px;opacity:.95}
.dnb-price-v17-card.is-structure .dnb-price-v17-money::before{background:linear-gradient(90deg,#4fc8ff,#7fe0ff 68%,transparent)}
.dnb-price-v17-card.is-rebar .dnb-price-v17-money::before{background:linear-gradient(90deg,#45d5b0,#79f3cf 68%,transparent)}
.dnb-price-v17-money>small{display:block;color:#8db7d2;font-size:7px;font-weight:800;letter-spacing:.11em}
.dnb-price-v17-card.is-structure .dnb-price-v17-money>small{color:#8fd8ff}
.dnb-price-v17-card.is-rebar .dnb-price-v17-money>small{color:#81ead4}
.dnb-price-v17-money-main{display:flex;align-items:flex-end;gap:6px;margin-top:6px}
.dnb-price-v17-money strong{color:#ffffff;font-size:41px;line-height:.95;letter-spacing:-.045em;text-shadow:0 10px 30px rgba(0,0,0,.18)}
.dnb-price-v17-money em{color:#bed0dd;font-size:9px;font-style:normal;font-weight:700}
.dnb-price-v17-money>span{display:block;margin-top:6px;color:#90a7b6;font-size:8px;line-height:1.55}
.dnb-price-v17-complete{box-shadow:0 22px 50px rgba(0,0,0,.16)}
.dnb-price-v17-complete-price{position:relative;overflow:hidden;padding:22px 20px;border:1px solid rgba(249,114,41,.34);background:radial-gradient(circle at 78% 6%,rgba(249,114,41,.14),transparent 30%),linear-gradient(180deg,rgba(34,22,17,.88),rgba(18,13,16,.78));box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 20px 38px rgba(0,0,0,.24)}
.dnb-price-v17-complete-price::before{content:"";position:absolute;left:16px;right:16px;top:0;height:2px;border-radius:999px;background:linear-gradient(90deg,#ff8f4a,#b094ff 72%,transparent)}
.dnb-price-v17-price-kicker{display:inline-flex;align-items:center;min-height:22px;padding:0 9px;margin-bottom:9px;border:1px solid rgba(255,162,107,.26);border-radius:999px;background:rgba(255,145,78,.10);color:#ffb07a;font-size:6.8px;font-weight:800;letter-spacing:.1em}
.dnb-price-v17-complete-price>small{display:block;color:#ffbd92;font-size:7px}
.dnb-price-v17-complete-price>strong{margin-top:6px;font-size:44px;line-height:.96;text-shadow:0 12px 34px rgba(249,114,41,.16)}
.dnb-price-v17-complete-price>em{display:block;margin-top:4px;color:#e8bea4;font-size:9px;font-weight:700}
.dnb-price-v17-complete-price>p{margin:10px 0 0;color:#cda894;font-size:8.2px}
.dnb-price-v17-pass{box-shadow:0 18px 40px rgba(0,0,0,.14)}
.dnb-price-v17-pass-price{align-items:flex-end;gap:18px;padding-top:4px}
.dnb-price-v17-pass-money{position:relative;min-width:260px;padding:14px 16px;border:1px solid rgba(227,185,58,.26);border-radius:14px;background:radial-gradient(circle at 85% 0,rgba(227,185,58,.08),transparent 28%),linear-gradient(180deg,rgba(31,31,17,.80),rgba(12,21,30,.78));box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 16px 32px rgba(0,0,0,.18)}
.dnb-price-v17-pass-money::before{content:"";position:absolute;left:14px;right:14px;top:0;height:2px;border-radius:999px;background:linear-gradient(90deg,#e3b93a,#f3d676 68%,transparent)}
.dnb-price-v17-pass-money>small{display:block;color:#efcb71;font-size:7px;font-weight:800;letter-spacing:.1em}
.dnb-price-v17-pass-money>strong{display:block;margin-top:6px;color:#fff8dd;font-size:36px;line-height:.96;letter-spacing:-.04em;text-shadow:0 10px 30px rgba(0,0,0,.18)}
.dnb-price-v17-pass-money>em{display:block;margin-top:7px;color:#baa977;font-size:8px;font-style:normal;line-height:1.5}
.theme-light .dnb-price-v17-money,.theme-light .dnb-price-v17-complete-price,.theme-light .dnb-price-v17-pass-money{background:#f9fcfe!important;box-shadow:none!important}
@media(max-width:700px){.dnb-price-v17-money strong{font-size:34px}.dnb-price-v17-complete-price>strong{font-size:38px}.dnb-price-v17-pass-money{min-width:0;width:100%}.dnb-price-v17-pass-money>strong{font-size:31px}}


/* ==========================================================================
   D&B Workspace V19 — Education + Enterprise refined
   Deliberately restrained: one primary accent per page, minimal extra color.
   ========================================================================== */

/* EDUCATION --------------------------------------------------------------- */
.dnb-edu-v19{
  --edu:#51c9b4;
  --edu-soft:rgba(81,201,180,.10);
}
.dnb-edu-v19-head>div{max-width:850px}
.dnb-edu-v19-flow{
  padding:20px;
  margin-bottom:14px;
  border-color:rgba(81,201,180,.28)!important;
  background:
    radial-gradient(circle at 86% 0,rgba(81,201,180,.075),transparent 34%),
    linear-gradient(145deg,#071b2b,#061827)!important;
}
.dnb-edu-v19-flow>header{
  display:flex;align-items:flex-start;justify-content:space-between;gap:18px;
  margin-bottom:18px
}
.dnb-edu-v19-flow>header small,
.dnb-edu-v19-card-head small,
.dnb-edu-v19-project-copy small{
  display:block;color:#75baaF;font-size:7px;font-weight:800;letter-spacing:.10em
}
.dnb-edu-v19-flow>header h2{margin:3px 0 0;color:#f2f7fa;font-size:24px;line-height:1.16;letter-spacing:-.035em}
.dnb-edu-v19-flow>header p{max-width:760px;margin:6px 0 0;color:#8da5b4;font-size:9.5px;line-height:1.62}
.dnb-edu-v19-flowline{
  display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:9px;align-items:center
}
.dnb-edu-v19-flowline article{
  display:grid;place-items:center;min-height:106px;padding:12px;text-align:center;
  border:1px solid rgba(56,115,146,.27);border-radius:12px;background:rgba(5,22,36,.58)
}
.dnb-edu-v19-flowline article>span{
  width:38px;height:38px;display:grid;place-items:center;margin-bottom:8px;
  border-radius:10px;background:var(--edu-soft);color:var(--edu)
}
.dnb-edu-v19-flowline .dnb-icon{width:18px;height:18px}
.dnb-edu-v19-flowline b{color:#edf6f8;font-size:10px}
.dnb-edu-v19-flowline small{margin-top:4px;color:#718d9e;font-size:7px;line-height:1.45}
.dnb-edu-v19-flowline>i{font-style:normal;color:#416f82}

.dnb-edu-v19-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.dnb-edu-v19-card{
  position:relative;overflow:hidden;padding:18px;
  background:linear-gradient(145deg,#071a2b,#061827)!important
}
.dnb-edu-v19-card::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:2px;opacity:.74
}
.dnb-edu-v19-card.is-current{border-color:rgba(81,201,180,.28)!important}
.dnb-edu-v19-card.is-current::before{background:linear-gradient(180deg,var(--edu),transparent 82%)}
.dnb-edu-v19-card.is-roadmap{border-color:rgba(110,136,160,.24)!important}
.dnb-edu-v19-card.is-roadmap::before{background:linear-gradient(180deg,#8198aa,transparent 82%)}
.dnb-edu-v19-card-head{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center}
.dnb-edu-v19-card-head>span{
  width:44px;height:44px;display:grid;place-items:center;border-radius:11px;
  background:var(--edu-soft);color:var(--edu)
}
.dnb-edu-v19-card.is-roadmap .dnb-edu-v19-card-head>span{
  background:rgba(112,137,157,.10);color:#8ea6b8
}
.dnb-edu-v19-card-head .dnb-icon{width:19px;height:19px}
.dnb-edu-v19-card-head h2{margin:3px 0 0;color:#f2f7fa;font-size:18px}
.dnb-edu-v19-card>p{margin:13px 0 0;color:#91a8b6;font-size:9.5px;line-height:1.65}
.dnb-edu-v19-card ul{display:grid;gap:8px;margin:14px 0 0;padding:0;list-style:none}
.dnb-edu-v19-card li{display:flex;align-items:flex-start;gap:7px;color:#a5b6c1;font-size:8.8px;line-height:1.5}
.dnb-edu-v19-card li .dnb-icon{flex:none;width:12px;height:12px;margin-top:1px;color:#49d49d}
.dnb-edu-v19-card>a{display:inline-flex;align-items:center;gap:6px;margin-top:15px;color:#91cfc3;font-size:8px;font-weight:700}
.dnb-edu-v19-card>a .dnb-icon{width:12px;height:12px}
.dnb-edu-v19-muted{display:block;margin-top:15px;padding-top:11px;border-top:1px solid #173349;color:#748a9a;font-size:8px;line-height:1.55}

.dnb-edu-v19-project{
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr);gap:18px;align-items:center;
  margin-bottom:14px;padding:18px;
  background:linear-gradient(145deg,#071a2b,#061827)!important
}
.dnb-edu-v19-project-copy{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:start}
.dnb-edu-v19-project-copy>span{
  width:46px;height:46px;display:grid;place-items:center;border-radius:11px;
  background:var(--edu-soft);color:var(--edu)
}
.dnb-edu-v19-project-copy .dnb-icon{width:19px;height:19px}
.dnb-edu-v19-project-copy h2{margin:3px 0 0;color:#f2f7fa;font-size:21px;line-height:1.2}
.dnb-edu-v19-project-copy p{margin:6px 0 0;color:#8ea5b4;font-size:9.2px;line-height:1.6}
.dnb-edu-v19-project-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.dnb-edu-v19-project-facts div{padding:12px;border:1px solid #18374b;border-radius:10px;background:#071b2b}
.dnb-edu-v19-project-facts strong{display:block;color:#eaf5f7;font-size:10px}
.dnb-edu-v19-project-facts small{display:block;margin-top:4px;color:#738c9d;font-size:7px}

.dnb-edu-v19-note{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:18px 20px;border:1px solid rgba(81,201,180,.20);border-radius:13px;
  background:rgba(6,25,40,.62)
}
.dnb-edu-v19-note>div{max-width:830px}
.dnb-edu-v19-note h2{margin:0;color:#f2f7fa;font-size:20px;line-height:1.2}
.dnb-edu-v19-note p{margin:5px 0 0;color:#8199a9;font-size:9px;line-height:1.6}

/* ENTERPRISE -------------------------------------------------------------- */
.dnb-ent-v19{
  --ent:#a594ea;
  --ent-soft:rgba(165,148,234,.10);
}
.dnb-ent-v19-head>div{max-width:870px}
.dnb-ent-v19-summary{
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);
  gap:20px;align-items:center;margin-bottom:14px;padding:20px;
  border-color:rgba(165,148,234,.27)!important;
  background:
    radial-gradient(circle at 88% 0,rgba(165,148,234,.075),transparent 34%),
    linear-gradient(145deg,#081a2d,#061827)!important
}
.dnb-ent-v19-summary-copy{display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;align-items:start}
.dnb-ent-v19-summary-copy>span{
  width:52px;height:52px;display:grid;place-items:center;border-radius:13px;
  background:var(--ent-soft);color:var(--ent)
}
.dnb-ent-v19-summary-copy .dnb-icon{width:22px;height:22px}
.dnb-ent-v19-summary-copy small,
.dnb-ent-v19-control header small{
  display:block;color:#a89ae2;font-size:7px;font-weight:800;letter-spacing:.10em
}
.dnb-ent-v19-summary-copy h2{margin:3px 0 0;color:#f3f7fa;font-size:25px;line-height:1.15;letter-spacing:-.035em}
.dnb-ent-v19-summary-copy p{max-width:700px;margin:7px 0 0;color:#8fa5b5;font-size:9.5px;line-height:1.62}
.dnb-ent-v19-summary-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.dnb-ent-v19-summary-stats div{padding:14px;border:1px solid rgba(117,99,184,.25);border-radius:11px;background:rgba(8,24,39,.65)}
.dnb-ent-v19-summary-stats strong{display:block;color:#efeaff;font-size:12px}
.dnb-ent-v19-summary-stats small{display:block;margin-top:5px;color:#7e91a3;font-size:7.5px;line-height:1.45}

.dnb-ent-v19-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.dnb-ent-v19-mode{
  position:relative;overflow:hidden;padding:19px;
  background:linear-gradient(145deg,#071a2b,#061827)!important
}
.dnb-ent-v19-mode::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;opacity:.74}
.dnb-ent-v19-mode.is-premium{border-color:rgba(165,148,234,.29)!important}
.dnb-ent-v19-mode.is-premium::before{background:linear-gradient(90deg,var(--ent),transparent 75%)}
.dnb-ent-v19-mode.is-project{border-color:rgba(206,166,82,.25)!important}
.dnb-ent-v19-mode.is-project::before{background:linear-gradient(90deg,#caa75a,transparent 75%)}
.dnb-ent-v19-no{position:absolute;right:16px;top:11px;color:#294056;font-size:38px;font-weight:800;line-height:1}
.dnb-ent-v19-mode-icon{width:46px;height:46px;display:grid;place-items:center;margin-bottom:13px;border-radius:11px;background:var(--ent-soft);color:var(--ent)}
.dnb-ent-v19-mode.is-project .dnb-ent-v19-mode-icon{background:rgba(202,167,90,.09);color:#d4b36d}
.dnb-ent-v19-mode-icon .dnb-icon{width:19px;height:19px}
.dnb-ent-v19-mode>small{color:#887bbd;font-size:7px;font-weight:800;letter-spacing:.10em}
.dnb-ent-v19-mode.is-project>small{color:#aa925e}
.dnb-ent-v19-mode h2{margin:4px 0 0;color:#f1f6fa;font-size:19px}
.dnb-ent-v19-mode>p{margin:8px 0 0;color:#8fa4b4;font-size:9.5px;line-height:1.62}
.dnb-ent-v19-mode ul{display:grid;gap:8px;margin:13px 0 0;padding:0;list-style:none}
.dnb-ent-v19-mode li{display:flex;gap:7px;align-items:flex-start;color:#a2b4c0;font-size:8.7px;line-height:1.5}
.dnb-ent-v19-mode li .dnb-icon{flex:none;width:12px;height:12px;margin-top:1px;color:#4bd59e}

.dnb-ent-v19-control{
  margin-bottom:14px;padding:18px;
  background:linear-gradient(145deg,#071a2b,#061827)!important
}
.dnb-ent-v19-control>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:14px}
.dnb-ent-v19-control>header h2{max-width:820px;margin:3px 0 0;color:#f2f7fa;font-size:21px;line-height:1.2}
.dnb-ent-v19-control>header>span{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:var(--ent-soft);color:var(--ent)}
.dnb-ent-v19-control>header>span .dnb-icon{width:18px;height:18px}
.dnb-ent-v19-control-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.dnb-ent-v19-control-grid article{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;padding:11px;border:1px solid #18374b;border-radius:10px;background:#071b2b}
.dnb-ent-v19-control-grid article>span{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:rgba(103,126,146,.09);color:#89a3b6}
.dnb-ent-v19-control-grid article>span .dnb-icon{width:16px;height:16px}
.dnb-ent-v19-control-grid strong{display:block;color:#eaf2f6;font-size:9.5px}
.dnb-ent-v19-control-grid small{display:block;margin-top:3px;color:#758d9e;font-size:7.2px;line-height:1.45}

.dnb-ent-v19-fallback{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:18px 20px;border:1px solid rgba(165,148,234,.20);border-radius:13px;
  background:rgba(7,24,39,.66)
}
.dnb-ent-v19-fallback>div{max-width:850px}
.dnb-ent-v19-fallback h2{margin:0;color:#f2f6fa;font-size:20px;line-height:1.2}
.dnb-ent-v19-fallback p{margin:5px 0 0;color:#8299a9;font-size:9px;line-height:1.6}

/* Light theme */
.theme-light .dnb-edu-v19-flow,.theme-light .dnb-edu-v19-card,.theme-light .dnb-edu-v19-project,
.theme-light .dnb-ent-v19-summary,.theme-light .dnb-ent-v19-mode,.theme-light .dnb-ent-v19-control{
  background:#fff!important;border-color:#dce6ed!important
}
.theme-light .dnb-edu-v19-flow h2,.theme-light .dnb-edu-v19-card h2,.theme-light .dnb-edu-v19-project h2,.theme-light .dnb-edu-v19-note h2,
.theme-light .dnb-ent-v19-summary h2,.theme-light .dnb-ent-v19-mode h2,.theme-light .dnb-ent-v19-control h2,.theme-light .dnb-ent-v19-fallback h2{
  color:#1f2933!important
}
.theme-light .dnb-edu-v19-flow p,.theme-light .dnb-edu-v19-card>p,.theme-light .dnb-edu-v19-project p,.theme-light .dnb-edu-v19-note p,
.theme-light .dnb-ent-v19-summary p,.theme-light .dnb-ent-v19-mode>p,.theme-light .dnb-ent-v19-fallback p{color:#60788a!important}

@media(max-width:1000px){
  .dnb-edu-v19-flowline{grid-template-columns:1fr 1fr}.dnb-edu-v19-flowline>i{display:none}
  .dnb-edu-v19-project,.dnb-ent-v19-summary{grid-template-columns:1fr}
  .dnb-ent-v19-control-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .dnb-edu-v19-grid,.dnb-ent-v19-mode-grid{grid-template-columns:1fr}
  .dnb-edu-v19-flowline{grid-template-columns:1fr}
  .dnb-edu-v19-project-facts,.dnb-ent-v19-summary-stats{grid-template-columns:1fr}
  .dnb-edu-v19-note,.dnb-ent-v19-fallback{align-items:flex-start;flex-direction:column}
  .dnb-edu-v19-flow,.dnb-edu-v19-card,.dnb-edu-v19-project,.dnb-ent-v19-summary,.dnb-ent-v19-mode,.dnb-ent-v19-control{padding:15px}
  .dnb-ent-v19-summary-copy{grid-template-columns:46px minmax(0,1fr)}
}


/* === V20: Sidebar utility/legal cluster + elevated promo card === */
.dnb-sidebar-bottom{
  display:grid!important;
  gap:14px!important;
  margin-top:auto!important;
  padding:16px 2px 0!important;
  border-top:1px solid rgba(22,56,79,.72)!important;
}
.dnb-sidebar-utility{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  padding:8px!important;
  border:1px solid rgba(21,59,85,.72)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,rgba(8,28,44,.74),rgba(6,22,35,.92))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.dnb-sidebar-utility a{
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:0 10px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  color:#9db3c3!important;
  font-size:9.1px!important;
  font-weight:650!important;
  text-decoration:none!important;
  transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease!important;
}
.dnb-sidebar-utility a i{
  width:20px!important;height:20px!important;display:grid!important;place-items:center!important;
  border-radius:7px!important;background:rgba(17,55,84,.78)!important;color:#7db4d7!important;
  flex:0 0 20px!important;
}
.dnb-sidebar-utility a i .dnb-icon{width:15px!important;height:15px!important}
.dnb-sidebar-utility a:hover{
  background:rgba(14,38,57,.86)!important;
  border-color:rgba(33,91,129,.45)!important;
  color:#eef5f9!important;
  transform:translateY(-1px)!important;
}
.dnb-sidebar-utility a.is-active{
  background:linear-gradient(90deg,rgba(255,126,45,.12),rgba(255,126,45,.04))!important;
  border-color:rgba(255,126,45,.26)!important;
  color:#fff!important;
}
.dnb-sidebar-utility a.is-active i{background:rgba(255,126,45,.14)!important;color:#ff9b54!important}

.dnb-sidebar-promo{
  position:relative!important;
  min-height:268px!important;
  display:block!important;
  overflow:hidden!important;
  border:1px solid rgba(30,81,116,.9)!important;
  border-radius:15px!important;
  background:
    radial-gradient(circle at 0% 0%,rgba(255,133,56,.12),transparent 34%),
    radial-gradient(circle at 100% 100%,rgba(41,135,207,.16),transparent 38%),
    linear-gradient(160deg,#081f33 0%,#071829 53%,#081523 100%)!important;
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:0 16px 38px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.dnb-sidebar-promo::before{
  content:"";position:absolute;inset:11px 11px auto auto;width:88px;height:88px;border-radius:999px;
  background:radial-gradient(circle,rgba(255,150,68,.18),transparent 70%);filter:blur(1px);pointer-events:none;
}
.dnb-sidebar-promo::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(5,19,32,.02) 0%,rgba(5,19,32,.04) 44%,rgba(5,19,32,.24) 100%);
  pointer-events:none;
}
.dnb-sidebar-promo-label{
  position:absolute!important;z-index:2!important;left:17px!important;top:16px!important;
  display:inline-flex!important;align-items:center!important;gap:5px!important;
  padding:5px 8px!important;border:1px solid rgba(255,148,71,.22)!important;border-radius:999px!important;
  background:rgba(255,133,56,.09)!important;color:#ff994f!important;
  font-size:6.7px!important;font-weight:800!important;letter-spacing:.18em!important;text-transform:uppercase!important;
}
.dnb-sidebar-promo-copy{
  position:absolute!important;z-index:2!important;left:17px!important;top:48px!important;right:16px!important;max-width:none!important;
  display:flex!important;flex-direction:column!important;gap:9px!important;
  color:#f4f7fb!important;
}
.dnb-sidebar-promo-copy strong{
  display:block!important;max-width:150px!important;color:#f7fbff!important;font-size:15px!important;line-height:1.26!important;font-weight:750!important;
}
.dnb-sidebar-promo-copy small{
  display:block!important;max-width:156px!important;color:#99b4c8!important;font-size:8.4px!important;line-height:1.62!important;font-weight:500!important;
}
.dnb-sidebar-promo-chip{
  position:absolute!important;z-index:3!important;left:17px!important;bottom:18px!important;
  display:inline-flex!important;align-items:center!important;gap:7px!important;
  padding:8px 10px!important;border:1px solid rgba(38,96,134,.78)!important;border-radius:999px!important;
  background:rgba(8,29,44,.82)!important;color:#edf4f8!important;
  font-size:8px!important;font-weight:700!important;line-height:1!important;
  box-shadow:0 10px 18px rgba(4,13,20,.22)!important;
}
.dnb-sidebar-promo-chip .dnb-icon{width:12px!important;height:12px!important;color:#ff9647!important}
.dnb-sidebar-promo img{
  position:absolute!important;right:10px!important;bottom:56px!important;
  width:126px!important;height:154px!important;object-fit:cover!important;object-position:center!important;
  border-radius:14px!important;border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 14px 28px rgba(2,8,14,.34)!important;
  filter:saturate(1.04) contrast(1.04) brightness(.98)!important;
}
.dnb-sidebar-promo b{
  position:absolute!important;z-index:3!important;left:18px!important;bottom:54px!important;color:#ff8e45!important;
  font-size:11px!important;letter-spacing:.1em!important;font-weight:800!important;opacity:.92!important;
}
.dnb-sidebar-version{
  display:flex!important;align-items:center!important;gap:10px!important;margin:0 4px!important;padding:0 4px!important;
  color:#7f97aa!important;font-size:9px!important;line-height:1.45!important;
}
.dnb-sidebar-version>span{
  width:22px!important;height:22px!important;display:grid!important;place-items:center!important;color:#7aa4c0!important;
  border-radius:50%!important;background:rgba(10,31,48,.9)!important;border:1px solid rgba(24,58,82,.82)!important;
}

/* Account footer legal links become compact utility chips */
.dnb-v3-account-foot{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;
  padding:16px 1px 0!important;color:#70899c!important;font-size:8px!important;
}
.dnb-v3-account-foot nav{
  display:flex!important;gap:10px!important;flex-wrap:wrap!important;
}
.dnb-v3-account-foot nav a{
  min-width:128px!important;
  display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;grid-template-areas:"icon title" "icon meta"!important;
  gap:1px 8px!important;align-items:center!important;
  padding:8px 10px!important;border:1px solid rgba(22,58,82,.9)!important;border-radius:11px!important;
  background:linear-gradient(180deg,rgba(8,27,42,.9),rgba(6,21,34,.92))!important;color:#e7eff5!important;text-decoration:none!important;
}
.dnb-v3-account-foot nav a:hover{border-color:rgba(44,110,155,.52)!important;background:linear-gradient(180deg,rgba(10,33,51,.96),rgba(7,24,39,.96))!important}
.dnb-v3-account-foot nav a i{
  grid-area:icon!important;width:22px!important;height:22px!important;display:grid!important;place-items:center!important;
  border-radius:7px!important;background:rgba(16,55,85,.76)!important;color:#7fc0e9!important;
}
.dnb-v3-account-foot nav a i .dnb-icon{width:14px!important;height:14px!important}
.dnb-v3-account-foot nav a span{grid-area:title!important;color:#edf4f8!important;font-size:8.7px!important;font-weight:700!important;line-height:1.25!important}
.dnb-v3-account-foot nav a small{grid-area:meta!important;color:#7f96a9!important;font-size:6.8px!important;line-height:1.3!important}
.dnb-v3-account-foot>span{
  display:flex!important;align-items:center!important;gap:8px!important;letter-spacing:.13em!important;font-size:7px!important;
  padding-top:8px!important;
}

.theme-light .dnb-sidebar-utility{background:linear-gradient(180deg,rgba(248,251,253,.96),rgba(241,246,249,.98))!important;border-color:#dce7ef!important}
.theme-light .dnb-sidebar-utility a{color:#546978!important}.theme-light .dnb-sidebar-utility a i{background:#eef5f9!important;color:#3d7fa9!important}
.theme-light .dnb-sidebar-utility a:hover{background:#f8fbfd!important;border-color:#cfe0ea!important;color:#26323a!important}
.theme-light .dnb-sidebar-utility a.is-active{background:linear-gradient(90deg,rgba(255,126,45,.12),rgba(255,126,45,.03))!important;color:#20313b!important}
.theme-light .dnb-sidebar-promo{background:radial-gradient(circle at 0% 0%,rgba(255,141,62,.10),transparent 34%),radial-gradient(circle at 100% 100%,rgba(37,127,197,.13),transparent 38%),linear-gradient(160deg,#f8fbfd 0%,#eef4f8 100%)!important;border-color:#d6e5ef!important}
.theme-light .dnb-sidebar-promo-copy strong{color:#243640!important}.theme-light .dnb-sidebar-promo-copy small{color:#5f7687!important}.theme-light .dnb-sidebar-promo-chip{background:rgba(255,255,255,.86)!important;color:#20313a!important;border-color:#d6e5ef!important}
.theme-light .dnb-sidebar-version>span{background:#fff!important;border-color:#d6e5ef!important}.theme-light .dnb-v3-account-foot nav a{background:linear-gradient(180deg,#fff,#f7fafc)!important;border-color:#dce7ef!important;color:#26333b!important}
.theme-light .dnb-v3-account-foot nav a span{color:#22333d!important}.theme-light .dnb-v3-account-foot nav a small{color:#6a7f8e!important}

@media (max-width: 1200px){
  .dnb-sidebar-promo{min-height:246px!important}
  .dnb-sidebar-promo img{width:118px!important;height:144px!important;right:10px!important}
  .dnb-sidebar-promo-copy strong{font-size:14px!important;max-width:142px!important}
  .dnb-sidebar-promo-copy small{max-width:146px!important}
}
@media (max-width: 980px){
  .dnb-sidebar-utility{grid-template-columns:1fr!important}
  .dnb-sidebar-promo{min-height:228px!important}
  .dnb-sidebar-promo-copy{top:44px!important}
  .dnb-sidebar-promo-copy strong{font-size:13px!important;max-width:136px!important}
  .dnb-sidebar-promo-copy small{font-size:8px!important;max-width:138px!important}
  .dnb-sidebar-promo img{width:110px!important;height:132px!important;bottom:56px!important}
  .dnb-v3-account-foot{flex-direction:column!important}.dnb-v3-account-foot>span{display:none!important}
}


/* ==========================================================================
   D&B Workspace V21 — Total Home Redesign
   One visual hero per section, no repeated screenshot role, stronger rhythm.
   ========================================================================== */
.dnb-home-v21{
  --home-orange:#ff7d32;
  --home-cyan:#58c9f7;
  --home-green:#48d5a0;
  --home-violet:#ad96f2;
  --home-gold:#e6bd58;
  min-height:100%;
}
.dnb-home-v21 .dnb-wp-wrap{padding-bottom:28px}

/* HERO ------------------------------------------------------------------- */
.dnb-home-v21-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(560px,1.08fr);
  gap:38px;
  align-items:center;
  min-height:620px;
  padding:28px 4px 34px;
  border-bottom:1px solid #173247;
}
.dnb-home-v21-hero::before{
  content:"";position:absolute;right:0;top:12px;width:620px;height:510px;pointer-events:none;
  background:radial-gradient(circle at 58% 48%,rgba(47,145,205,.10),transparent 58%);
}
.dnb-home-v21-hero-copy{position:relative;z-index:2;max-width:690px}
.dnb-home-v21-kicker{display:inline-flex;align-items:center;gap:8px;color:#a5b7c3;font-size:8.2px;font-weight:800;letter-spacing:.15em}
.dnb-home-v21-kicker i{width:7px;height:7px;border-radius:50%;background:var(--home-orange);box-shadow:0 0 0 5px rgba(255,125,50,.08)}
.dnb-home-v21-hero h1{margin:13px 0 0;max-width:690px;color:#f4f8fb;font-size:clamp(48px,4.5vw,72px);line-height:.98;letter-spacing:-.055em}
.dnb-home-v21-hero h1 span,.dnb-home-v21-hero h1 em{display:block}
.dnb-home-v21-hero h1 em{margin:4px 0;color:var(--home-orange);font-style:normal;font-weight:850}
.dnb-home-v21-hero-copy>p{max-width:650px;margin:18px 0 0;color:#9aafbd;font-size:12px;line-height:1.72}
.dnb-home-v21-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.dnb-home-v21-btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:1px solid #25465d;border-radius:10px;background:#0a2032;color:#d9e7ef;font-size:8.7px;font-weight:750;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.dnb-home-v21-btn:hover{transform:translateY(-1px);border-color:#356885;background:#0b263b}
.dnb-home-v21-btn.is-primary{border-color:rgba(255,125,50,.62);background:linear-gradient(135deg,#ff7d32,#f06a1f);color:#fff;box-shadow:0 12px 26px rgba(240,106,31,.18)}
.dnb-home-v21-btn .dnb-icon{width:13px;height:13px}
.dnb-home-v21-proof{display:grid;grid-template-columns:repeat(3,1fr);margin-top:22px;border-top:1px solid #1b384d}
.dnb-home-v21-proof>div{padding:14px 14px 0 0;border-right:1px solid #1b384d}
.dnb-home-v21-proof>div+div{padding-left:14px}.dnb-home-v21-proof>div:last-child{border-right:0}
.dnb-home-v21-proof strong{display:block;color:#f4f8fb;font-size:17px}.dnb-home-v21-proof small{display:block;margin-top:3px;color:#668297;font-size:7.2px}

.dnb-home-v21-blueprint{position:relative;z-index:2;min-height:520px;padding:15px;border:1px solid #1c4159;border-radius:18px;background:radial-gradient(circle at 50% 46%,rgba(44,132,187,.11),transparent 40%),linear-gradient(145deg,#071b2b,#061725);overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025)}
.dnb-home-v21-blueprint::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(56,121,165,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(56,121,165,.035) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(180deg,rgba(0,0,0,.74),transparent 88%)}
.dnb-home-v21-blueprint-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:3px 4px 13px;border-bottom:1px solid #17354a}
.dnb-home-v21-blueprint-head span{color:#7ccdf4;font-size:7.2px;font-weight:800;letter-spacing:.14em}.dnb-home-v21-blueprint-head small{color:#59788e;font-size:7px}
.dnb-home-v21-blueprint-canvas{position:relative;z-index:2;height:410px}
.dnb-home-v21-building{position:absolute;left:50%;top:50%;width:64%;height:68%;transform:translate(-50%,-48%);opacity:.26}
.dnb-home-v21-building g{fill:none;stroke:#36a6dc;stroke-width:1.15}
.dnb-home-v21-core-node{position:absolute;left:50%;top:50%;width:130px;height:130px;transform:translate(-50%,-50%);display:grid;place-items:center;align-content:center;text-align:center;border:1px solid rgba(75,184,232,.46);border-radius:50%;background:radial-gradient(circle,rgba(23,91,125,.92),rgba(5,29,45,.95) 69%);box-shadow:0 0 0 14px rgba(54,147,191,.035),0 0 45px rgba(45,140,185,.16)}
.dnb-home-v21-core-node>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(83,198,244,.12);color:#71d1fb}.dnb-home-v21-core-node>span .dnb-icon{width:18px;height:18px}
.dnb-home-v21-core-node small{margin-top:7px;color:#69c6ed;font-size:6.3px;font-weight:800;letter-spacing:.13em}.dnb-home-v21-core-node strong{margin-top:2px;color:#f3fbff;font-size:12px}.dnb-home-v21-core-node em{margin-top:3px;color:#65d7a5;font-size:6.7px;font-style:normal}
.dnb-home-v21-blueprint-node{position:absolute;min-width:105px;padding:9px 10px;border:1px solid #1b435a;border-radius:11px;background:rgba(6,24,39,.94);box-shadow:0 10px 22px rgba(0,0,0,.18)}
.dnb-home-v21-blueprint-node::after{content:"";position:absolute;background:#28566e;opacity:.72}
.dnb-home-v21-blueprint-node>b{position:absolute;right:7px;top:5px;color:#31546a;font-size:12px}.dnb-home-v21-blueprint-node>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#0b2c44;color:#72cffa}.dnb-home-v21-blueprint-node>span .dnb-icon{width:14px;height:14px}.dnb-home-v21-blueprint-node strong{display:block;margin-top:6px;color:#dcecf5;font-size:7.3px;letter-spacing:.05em}.dnb-home-v21-blueprint-node small{display:block;margin-top:2px;color:#5e7a8e;font-size:6.3px}
.dnb-home-v21-blueprint-node.is-model{left:3%;top:8%}.dnb-home-v21-blueprint-node.is-analysis{right:3%;top:8%}.dnb-home-v21-blueprint-node.is-design{right:1%;top:43%;border-color:rgba(255,125,50,.30)}.dnb-home-v21-blueprint-node.is-design>span{background:rgba(255,125,50,.10);color:#ff9b5c}.dnb-home-v21-blueprint-node.is-rebar{right:6%;bottom:5%;border-color:rgba(72,213,160,.28)}.dnb-home-v21-blueprint-node.is-rebar>span{background:rgba(72,213,160,.10);color:#63dfad}.dnb-home-v21-blueprint-node.is-drawing{left:4%;bottom:5%;border-color:rgba(173,150,242,.28)}.dnb-home-v21-blueprint-node.is-drawing>span{background:rgba(173,150,242,.10);color:#c0aff8}
.dnb-home-v21-blueprint-node.is-model::after{width:112px;height:1px;left:100%;top:54%;transform:rotate(22deg);transform-origin:left}.dnb-home-v21-blueprint-node.is-analysis::after{width:112px;height:1px;right:100%;top:54%;transform:rotate(-22deg);transform-origin:right}.dnb-home-v21-blueprint-node.is-design::after{width:82px;height:1px;right:100%;top:52%}.dnb-home-v21-blueprint-node.is-rebar::after{width:112px;height:1px;right:100%;top:15%;transform:rotate(26deg);transform-origin:right}.dnb-home-v21-blueprint-node.is-drawing::after{width:112px;height:1px;left:100%;top:15%;transform:rotate(-26deg);transform-origin:left}
.dnb-home-v21-blueprint-foot{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:10px;border-top:1px solid #17354a}.dnb-home-v21-blueprint-foot span{display:flex;align-items:center;gap:6px;color:#829cad;font-size:6.9px}.dnb-home-v21-blueprint-foot .dnb-icon{width:11px;height:11px;color:#46d39d}

/* GENERAL SECTION RHYTHM -------------------------------------------------- */
.dnb-home-v21-section{padding:38px 0;border-bottom:1px solid #173247}
.dnb-home-v21-section-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:28px;align-items:end;margin-bottom:20px}
.dnb-home-v21-section-head.is-row{grid-template-columns:minmax(0,1fr) auto}
.dnb-home-v21-section-head h2{margin:0;color:#f4f8fb;font-size:clamp(29px,2.7vw,42px);line-height:1.1;letter-spacing:-.045em}.dnb-home-v21-section-head h2 em{font-style:normal;color:var(--home-orange)}
.dnb-home-v21-section-head>p{margin:0;color:#8fa6b5;font-size:10.5px;line-height:1.72}.dnb-home-v21-section-head>a{display:inline-flex;align-items:center;gap:6px;color:#9ecae2;font-size:8px;font-weight:700;white-space:nowrap}.dnb-home-v21-section-head>a .dnb-icon{width:12px;height:12px}

/* DIFFERENCE ------------------------------------------------------------- */
.dnb-home-v21-difference-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:14px}
.dnb-home-v21-diff-primary{position:relative;min-height:430px;padding:26px;border:1px solid rgba(81,189,235,.40);border-radius:16px;background:radial-gradient(circle at 85% 12%,rgba(80,195,241,.15),transparent 34%),linear-gradient(145deg,#082139,#061725);overflow:hidden}
.dnb-home-v21-diff-primary::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--home-cyan),transparent 76%)}
.dnb-home-v21-diff-index{position:absolute;right:22px;top:16px;color:rgba(88,201,247,.26);font-size:74px;font-weight:850;line-height:1;letter-spacing:-.06em}
.dnb-home-v21-diff-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:15px;background:rgba(44,146,195,.16);color:#7bd7ff}.dnb-home-v21-diff-icon .dnb-icon{width:25px;height:25px}
.dnb-home-v21-diff-primary>small{display:block;margin-top:42px;color:#69c9f0;font-size:7.2px;font-weight:800;letter-spacing:.12em}.dnb-home-v21-diff-primary h3{margin:7px 0 0;color:#f4f9fc;font-size:33px;line-height:1.05;letter-spacing:-.045em}.dnb-home-v21-diff-primary h3 em{font-style:normal;color:var(--home-cyan)}.dnb-home-v21-diff-primary>p{max-width:580px;margin:13px 0 0;color:#97abba;font-size:10.5px;line-height:1.72}
.dnb-home-v21-diff-result{margin-top:22px;padding:13px 14px;border-left:2px solid var(--home-cyan);border-radius:0 10px 10px 0;background:rgba(22,89,119,.18)}.dnb-home-v21-diff-result b{display:block;color:#76d4fb;font-size:6.8px;letter-spacing:.12em}.dnb-home-v21-diff-result span{display:block;margin-top:4px;color:#b3c4cf;font-size:8.4px}
.dnb-home-v21-diff-stack{display:grid;gap:12px}
.dnb-home-v21-diff-stack article{position:relative;min-height:132px;display:grid;grid-template-columns:48px minmax(0,1fr);gap:13px;align-items:center;padding:16px;border:1px solid #193a50;border-radius:14px;background:linear-gradient(145deg,#071b2b,#061725);overflow:hidden}.dnb-home-v21-diff-stack article::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px}.dnb-home-v21-diff-stack article>span{width:44px;height:44px;display:grid;place-items:center;border-radius:11px}.dnb-home-v21-diff-stack article>span .dnb-icon{width:19px;height:19px}.dnb-home-v21-diff-stack small{color:#748fa2;font-size:6.8px;font-weight:800;letter-spacing:.09em}.dnb-home-v21-diff-stack h3{margin:4px 0 0;color:#f0f6fa;font-size:15px;line-height:1.3}.dnb-home-v21-diff-stack p{margin:5px 0 0;color:#7f97a7;font-size:8.4px;line-height:1.55}
.dnb-home-v21-diff-stack article.is-update{border-color:rgba(72,213,160,.27)}.dnb-home-v21-diff-stack article.is-update::before{background:var(--home-green)}.dnb-home-v21-diff-stack article.is-update>span{background:rgba(72,213,160,.10);color:var(--home-green)}.dnb-home-v21-diff-stack article.is-update small{color:#60d7a7}
.dnb-home-v21-diff-stack article.is-project{border-color:rgba(173,150,242,.25)}.dnb-home-v21-diff-stack article.is-project::before{background:var(--home-violet)}.dnb-home-v21-diff-stack article.is-project>span{background:rgba(173,150,242,.10);color:var(--home-violet)}.dnb-home-v21-diff-stack article.is-project small{color:#b1a0ef}
.dnb-home-v21-diff-stack article.is-account{border-color:rgba(230,189,88,.22)}.dnb-home-v21-diff-stack article.is-account::before{background:var(--home-gold)}.dnb-home-v21-diff-stack article.is-account>span{background:rgba(230,189,88,.09);color:#e7c56a}.dnb-home-v21-diff-stack article.is-account small{color:#d5b75e}

/* PRODUCTS --------------------------------------------------------------- */
.dnb-home-v21-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.dnb-home-v21-product-card{position:relative;display:flex;flex-direction:column;min-height:520px;padding:18px;border:1px solid #193a50;border-radius:15px;background:linear-gradient(145deg,#071a2b,#061725);overflow:hidden}
.dnb-home-v21-product-card::before{content:"";position:absolute;left:0;right:0;top:0;height:2px}.dnb-home-v21-product-card.is-structure::before{background:linear-gradient(90deg,var(--home-cyan),transparent 78%)}.dnb-home-v21-product-card.is-beam::before{background:linear-gradient(90deg,#51c2f0,transparent 78%)}.dnb-home-v21-product-card.is-foundation::before{background:linear-gradient(90deg,var(--home-green),transparent 78%)}
.dnb-home-v21-product-card.is-structure{border-color:rgba(75,166,211,.30)}.dnb-home-v21-product-card.is-beam{border-color:rgba(73,177,219,.30)}.dnb-home-v21-product-card.is-foundation{border-color:rgba(67,181,133,.28);background:radial-gradient(circle at 100% 0,rgba(55,174,123,.075),transparent 32%),linear-gradient(145deg,#071b27,#061725)}
.dnb-home-v21-product-head{display:grid;grid-template-columns:46px minmax(0,1fr);gap:11px;align-items:center}.dnb-home-v21-product-head>span{width:44px;height:44px;display:grid;place-items:center;border-radius:11px;background:#0b304a;color:#6dcff9}.dnb-home-v21-product-card.is-foundation .dnb-home-v21-product-head>span{background:rgba(49,169,119,.14);color:#5edaa2}.dnb-home-v21-product-head .dnb-icon{width:19px;height:19px}.dnb-home-v21-product-head small{display:block;color:#5da9d0;font-size:6.7px;font-weight:800;letter-spacing:.09em}.dnb-home-v21-product-card.is-foundation .dnb-home-v21-product-head small{color:#5bc896}.dnb-home-v21-product-head h3{margin:3px 0 0;color:#f1f7fa;font-size:17px}.dnb-home-v21-product-card>p{min-height:46px;margin:12px 0 0;color:#8fa5b4;font-size:9px;line-height:1.62}
.dnb-home-v21-wireframe,.dnb-home-v21-product-shot{position:relative;height:205px;margin:14px 0 12px;border:1px solid rgba(50,111,148,.25);border-radius:12px;background:#061726;overflow:hidden}
.dnb-home-v21-wireframe{display:grid;place-items:center;background:linear-gradient(rgba(55,133,179,.034) 1px,transparent 1px),linear-gradient(90deg,rgba(55,133,179,.034) 1px,transparent 1px),#061827;background-size:22px 22px}.dnb-home-v21-wireframe svg{width:82%;height:82%}.dnb-home-v21-wireframe g{fill:none;stroke:#36a8df;stroke-width:1.45}.dnb-home-v21-wireframe figcaption,.dnb-home-v21-product-shot figcaption{position:absolute;left:10px;bottom:9px;padding:5px 7px;border:1px solid rgba(76,158,199,.24);border-radius:999px;background:rgba(4,22,35,.78);color:#6ecdf6;font-size:5.9px;font-weight:800;letter-spacing:.08em}
.dnb-home-v21-product-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:.84}.dnb-home-v21-product-card.is-foundation .dnb-home-v21-product-shot figcaption{border-color:rgba(72,213,160,.24);color:#62dda8}
.dnb-home-v21-product-card ul{display:grid;gap:6px;margin:0;padding:0;list-style:none}.dnb-home-v21-product-card li{position:relative;padding-left:14px;color:#9fb0bc;font-size:8.2px}.dnb-home-v21-product-card li::before{content:"✓";position:absolute;left:0;color:#4bd59d}.dnb-home-v21-product-card>a{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:15px;color:#91c9e6;font-size:8px;font-weight:700}.dnb-home-v21-product-card>a .dnb-icon{width:11px;height:11px}

/* COMPARISON ------------------------------------------------------------- */
.dnb-home-v21-compare-grid{display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);gap:13px;align-items:stretch}
.dnb-home-v21-compare-grid>article{min-height:270px;padding:20px;border:1px solid #193a50;border-radius:15px;background:#071927}.dnb-home-v21-compare-grid article header small{font-size:6.8px;font-weight:800;letter-spacing:.1em}.dnb-home-v21-compare-grid article header h3{margin:5px 0 0;color:#eef5f9;font-size:18px}.dnb-home-v21-compare-grid article.is-fragmented{border-color:rgba(176,105,80,.31);background:linear-gradient(145deg,rgba(55,29,24,.29),#071927 56%)}.dnb-home-v21-compare-grid article.is-fragmented header small{color:#c78870}.dnb-home-v21-compare-grid article.is-connected{border-color:rgba(73,178,219,.38);background:radial-gradient(circle at 100% 0,rgba(72,213,160,.07),transparent 34%),linear-gradient(145deg,rgba(8,55,77,.42),#071927 62%)}.dnb-home-v21-compare-grid article.is-connected header small{color:#66c8ef}
.dnb-home-v21-chain{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:18px 0}.dnb-home-v21-chain span{padding:7px 9px;border:1px solid #2a4758;border-radius:8px;background:#0b2130;color:#b7c7d1;font-size:7.4px;font-weight:700}.dnb-home-v21-chain i{color:#526e80;font-style:normal}.is-fragmented .dnb-home-v21-chain span{border-color:#68483d;background:#281e1b;color:#d0b2a6}.is-connected .dnb-home-v21-chain span{border-color:#28617d;background:#082b3d;color:#9bdcf6}
.dnb-home-v21-compare-grid ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.dnb-home-v21-compare-grid li{position:relative;padding-left:16px;color:#8ea3b2;font-size:8.5px;line-height:1.5}.dnb-home-v21-compare-grid li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:#ad715b}.dnb-home-v21-compare-grid .is-connected li::before{background:#42d299}
.dnb-home-v21-compare-switch{display:grid;place-items:center;align-content:center;gap:7px;color:var(--home-orange)}.dnb-home-v21-compare-switch>span{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,125,50,.34);border-radius:50%;background:rgba(255,125,50,.08)}.dnb-home-v21-compare-switch .dnb-icon{width:20px;height:20px}.dnb-home-v21-compare-switch b{font-size:7px;letter-spacing:.12em}
.dnb-home-v21-controlled{display:grid;grid-template-columns:18px auto 1fr auto;gap:8px;align-items:center;margin-top:16px;padding:10px;border:1px solid rgba(72,213,160,.25);border-radius:9px;background:rgba(20,91,69,.14);color:#4bd49e}.dnb-home-v21-controlled .dnb-icon{width:15px;height:15px}.dnb-home-v21-controlled strong{font-size:6.7px;letter-spacing:.08em}.dnb-home-v21-controlled i{height:1px;background:linear-gradient(90deg,#48d5a0,rgba(72,213,160,.08))}.dnb-home-v21-controlled span{color:#9fb4bf;font-size:7px}

/* REVIT PROOF ------------------------------------------------------------ */
.dnb-home-v21-revit-proof{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);gap:30px;align-items:center}
.dnb-home-v21-proof-copy h2{margin:0;color:#f4f8fb;font-size:38px;line-height:1.08;letter-spacing:-.045em}.dnb-home-v21-proof-copy h2 em{font-style:normal;color:var(--home-orange)}.dnb-home-v21-proof-copy>p{margin:12px 0 0;color:#8fa6b6;font-size:10px;line-height:1.7}.dnb-home-v21-proof-list{display:grid;gap:9px;margin-top:18px}.dnb-home-v21-proof-list article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #173247}.dnb-home-v21-proof-list article>b{width:30px;height:30px;display:grid;place-items:center;border:1px solid #244b64;border-radius:9px;color:#65c7ee;background:#09263b;font-size:8px}.dnb-home-v21-proof-list strong{display:block;color:#dceaf2;font-size:9px}.dnb-home-v21-proof-list small{display:block;margin-top:3px;color:#6d8798;font-size:7.4px}.dnb-home-v21-proof-copy>a{display:inline-flex;align-items:center;gap:6px;margin-top:16px;color:#91c9e5;font-size:8px;font-weight:700}.dnb-home-v21-proof-copy>a .dnb-icon{width:11px;height:11px}
.dnb-home-v21-ribbon-shot{position:relative;margin:0;border:1px solid #1d4259;border-radius:16px;background:#061725;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.20)}.dnb-home-v21-ribbon-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #17364b;background:#071c2c}.dnb-home-v21-ribbon-bar span{color:#67c9f0;font-size:6.8px;font-weight:800;letter-spacing:.11em}.dnb-home-v21-ribbon-bar small{color:#5e7a8e;font-size:6.4px}.dnb-home-v21-ribbon-shot img{display:block;width:100%;height:315px;object-fit:contain;object-position:center top;padding:14px;background:#03111c}.dnb-home-v21-ribbon-shot figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;background:linear-gradient(180deg,#071a29,#061725)}.dnb-home-v21-ribbon-shot figcaption strong{color:#eef6fa;font-size:10px}.dnb-home-v21-ribbon-shot figcaption span{color:#7892a5;font-size:7.4px}

/* CTA -------------------------------------------------------------------- */
.dnb-home-v21-cta{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:30px;padding:26px;border:1px solid #20506b;border-radius:16px;background:radial-gradient(circle at 88% 0,rgba(255,125,50,.10),transparent 34%),radial-gradient(circle at 62% 100%,rgba(60,159,212,.10),transparent 36%),linear-gradient(145deg,#092039,#071827)}
.dnb-home-v21-cta::after{content:"";position:absolute;right:-80px;top:-130px;width:330px;height:330px;border:1px solid rgba(57,137,185,.12);border-radius:50%;box-shadow:0 0 0 45px rgba(57,137,185,.03),0 0 0 90px rgba(57,137,185,.018)}
.dnb-home-v21-cta>div{position:relative;z-index:2}.dnb-home-v21-cta>div:first-child{max-width:780px}.dnb-home-v21-cta h2{margin:0;color:#f4f8fb;font-size:31px;line-height:1.1;letter-spacing:-.04em}.dnb-home-v21-cta h2 em{font-style:normal;color:var(--home-orange)}.dnb-home-v21-cta p{margin:8px 0 0;color:#8da4b4;font-size:9.5px;line-height:1.65}.dnb-home-v21-cta>div:last-child{display:flex;gap:9px;flex:none}

/* LIGHT ------------------------------------------------------------------ */
.theme-light .dnb-home-v21-blueprint,.theme-light .dnb-home-v21-diff-primary,.theme-light .dnb-home-v21-diff-stack article,.theme-light .dnb-home-v21-product-card,.theme-light .dnb-home-v21-compare-grid>article,.theme-light .dnb-home-v21-ribbon-shot,.theme-light .dnb-home-v21-cta{background:#fff!important;border-color:#dce6ed!important}
.theme-light .dnb-home-v21-hero h1,.theme-light .dnb-home-v21-section-head h2,.theme-light .dnb-home-v21-diff-primary h3,.theme-light .dnb-home-v21-diff-stack h3,.theme-light .dnb-home-v21-product-head h3,.theme-light .dnb-home-v21-compare-grid article header h3,.theme-light .dnb-home-v21-proof-copy h2,.theme-light .dnb-home-v21-cta h2{color:#1f2933!important}
.theme-light .dnb-home-v21-hero-copy>p,.theme-light .dnb-home-v21-section-head>p,.theme-light .dnb-home-v21-diff-primary>p,.theme-light .dnb-home-v21-diff-stack p,.theme-light .dnb-home-v21-product-card>p,.theme-light .dnb-home-v21-proof-copy>p,.theme-light .dnb-home-v21-cta p{color:#60788a!important}
.theme-light .dnb-home-v21-ribbon-shot img{background:#eef3f6!important}

/* RESPONSIVE ------------------------------------------------------------- */
@media(max-width:1180px){
  .dnb-home-v21-hero{grid-template-columns:1fr;min-height:0}.dnb-home-v21-hero-copy{max-width:820px}.dnb-home-v21-blueprint{min-height:500px}
  .dnb-home-v21-product-grid{grid-template-columns:1fr 1fr}.dnb-home-v21-product-card.is-foundation{grid-column:1/-1;min-height:440px}.dnb-home-v21-product-card.is-foundation .dnb-home-v21-product-shot{height:260px}
  .dnb-home-v21-revit-proof{grid-template-columns:1fr}.dnb-home-v21-proof-copy{max-width:780px}
}
@media(max-width:900px){
  .dnb-home-v21-section-head,.dnb-home-v21-section-head.is-row{grid-template-columns:1fr;align-items:start}.dnb-home-v21-difference-grid{grid-template-columns:1fr}.dnb-home-v21-diff-primary{min-height:360px}
  .dnb-home-v21-compare-grid{grid-template-columns:1fr}.dnb-home-v21-compare-switch{grid-auto-flow:column;justify-content:center}.dnb-home-v21-compare-switch>span{transform:rotate(90deg)}
  .dnb-home-v21-cta{align-items:flex-start;flex-direction:column}.dnb-home-v21-cta>div:last-child{flex-wrap:wrap}
}
@media(max-width:700px){
  .dnb-home-v21-hero{gap:22px;padding-top:20px}.dnb-home-v21-hero h1{font-size:43px}.dnb-home-v21-hero-copy>p{font-size:10px}.dnb-home-v21-proof{grid-template-columns:1fr}.dnb-home-v21-proof>div,.dnb-home-v21-proof>div+div{padding:10px 0;border-right:0;border-bottom:1px solid #173247}.dnb-home-v21-proof>div:last-child{border-bottom:0}
  .dnb-home-v21-blueprint{min-height:430px;padding:12px}.dnb-home-v21-blueprint-canvas{height:330px}.dnb-home-v21-building{width:90%;height:72%}.dnb-home-v21-core-node{width:100px;height:100px}.dnb-home-v21-blueprint-node{min-width:86px;padding:7px}.dnb-home-v21-blueprint-node.is-model{left:1%;top:4%}.dnb-home-v21-blueprint-node.is-analysis{right:1%;top:4%}.dnb-home-v21-blueprint-node.is-design{right:0;top:43%}.dnb-home-v21-blueprint-node.is-rebar{right:1%;bottom:2%}.dnb-home-v21-blueprint-node.is-drawing{left:1%;bottom:2%}.dnb-home-v21-blueprint-node::after{display:none}.dnb-home-v21-blueprint-foot{grid-template-columns:1fr;gap:5px}
  .dnb-home-v21-section{padding:28px 0}.dnb-home-v21-section-head h2{font-size:29px}.dnb-home-v21-diff-primary{padding:20px;min-height:0}.dnb-home-v21-diff-index{font-size:50px}.dnb-home-v21-diff-primary>small{margin-top:28px}.dnb-home-v21-diff-primary h3{font-size:27px}
  .dnb-home-v21-product-grid{grid-template-columns:1fr}.dnb-home-v21-product-card.is-foundation{grid-column:auto}.dnb-home-v21-product-card{min-height:0}.dnb-home-v21-product-card.is-foundation .dnb-home-v21-product-shot,.dnb-home-v21-product-shot,.dnb-home-v21-wireframe{height:190px}
  .dnb-home-v21-ribbon-shot img{height:220px}.dnb-home-v21-proof-copy h2{font-size:30px}.dnb-home-v21-cta{padding:20px}.dnb-home-v21-cta h2{font-size:26px}
}

/* ========================================================================== 
   D&B Workspace V22 — Hero restoration + stronger visual hierarchy
   Preserve the approved headline and make the data-core visual smaller,
   denser and more legible instead of competing with the hero copy.
   ========================================================================== */
.dnb-home-v21-hero{
  grid-template-columns:minmax(0,1.34fr) minmax(430px,.76fr)!important;
  gap:34px!important;
  min-height:590px!important;
  padding:34px 4px 38px!important;
}
.dnb-home-v21-hero::before{
  right:4%!important;top:34px!important;width:520px!important;height:430px!important;
  background:radial-gradient(circle at 62% 46%,rgba(48,151,210,.13),transparent 58%)!important;
}
.dnb-home-v21-hero-copy{max-width:790px!important}
.dnb-home-v21-kicker{
  font-size:9px!important;
  letter-spacing:.14em!important;
  color:#aebec9!important;
}
.dnb-home-v21-kicker i{
  width:8px!important;height:8px!important;
  box-shadow:0 0 0 5px rgba(255,125,50,.09),0 0 18px rgba(255,125,50,.28)!important;
}
.dnb-home-v21-hero h1{
  max-width:790px!important;
  margin-top:15px!important;
  font-size:clamp(55px,5.2vw,82px)!important;
  line-height:.965!important;
  letter-spacing:-.058em!important;
  text-wrap:balance;
}
.dnb-home-v21-hero h1 em{
  margin:5px 0 4px!important;
  color:var(--home-orange)!important;
  text-shadow:0 14px 38px rgba(255,116,41,.11)!important;
}
.dnb-home-v21-hero-copy>p{
  max-width:735px!important;
  margin-top:21px!important;
  color:#a5b6c1!important;
  font-size:13px!important;
  line-height:1.72!important;
}
.dnb-home-v21-actions{margin-top:22px!important}
.dnb-home-v21-btn{min-height:44px!important;padding:0 16px!important;font-size:9.1px!important}
.dnb-home-v21-proof{max-width:720px!important;margin-top:24px!important}
.dnb-home-v21-proof>div{padding-top:15px!important}
.dnb-home-v21-proof strong{font-size:19px!important;letter-spacing:-.025em!important}
.dnb-home-v21-proof small{font-size:7.8px!important;line-height:1.45!important}

/* Compact data-core panel: smaller outer footprint, larger readable content. */
.dnb-home-v21-blueprint{
  justify-self:end!important;
  width:min(100%,590px)!important;
  min-height:430px!important;
  padding:16px!important;
  border-color:rgba(42,105,143,.72)!important;
  border-radius:17px!important;
  background:
    radial-gradient(circle at 50% 49%,rgba(48,149,199,.15),transparent 37%),
    radial-gradient(circle at 92% 5%,rgba(255,125,50,.055),transparent 25%),
    linear-gradient(145deg,#071c2d,#061725)!important;
  box-shadow:0 24px 58px rgba(0,0,0,.22),0 0 0 1px rgba(73,151,196,.035),inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.dnb-home-v21-blueprint::before{
  background:
    linear-gradient(rgba(56,121,165,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(56,121,165,.045) 1px,transparent 1px)!important;
  background-size:22px 22px!important;
}
.dnb-home-v21-blueprint::after{
  content:"";
  position:absolute;
  left:16px;right:16px;top:0;height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--home-orange),#4fc7f3 46%,transparent 92%);
  opacity:.9;
  pointer-events:none;
}
.dnb-home-v21-blueprint-head{padding:4px 4px 13px!important}
.dnb-home-v21-blueprint-head span{font-size:8.4px!important;letter-spacing:.13em!important}
.dnb-home-v21-blueprint-head small{font-size:7.7px!important;color:#7892a4!important}
.dnb-home-v21-blueprint-canvas{height:320px!important}
.dnb-home-v21-building{width:66%!important;height:70%!important;opacity:.31!important}
.dnb-home-v21-building g{stroke:#42b2e4!important;stroke-width:1.22!important}
.dnb-home-v21-core-node{
  width:118px!important;height:118px!important;
  border-color:rgba(78,190,236,.56)!important;
  background:radial-gradient(circle,rgba(25,102,139,.96),rgba(5,29,45,.98) 69%)!important;
  box-shadow:0 0 0 12px rgba(54,147,191,.045),0 0 52px rgba(45,140,185,.23)!important;
}
.dnb-home-v21-core-node::after{
  content:"";position:absolute;inset:-8px;border:1px dashed rgba(93,199,239,.20);border-radius:50%;
}
.dnb-home-v21-core-node>span{width:36px!important;height:36px!important}
.dnb-home-v21-core-node>span .dnb-icon{width:19px!important;height:19px!important}
.dnb-home-v21-core-node small{font-size:7.1px!important}
.dnb-home-v21-core-node strong{font-size:14px!important;letter-spacing:-.015em!important}
.dnb-home-v21-core-node em{font-size:7.4px!important}
.dnb-home-v21-blueprint-node{
  min-width:112px!important;
  padding:10px 11px!important;
  border-radius:11px!important;
  background:rgba(6,24,39,.965)!important;
  box-shadow:0 11px 24px rgba(0,0,0,.20)!important;
}
.dnb-home-v21-blueprint-node>b{right:8px!important;top:6px!important;font-size:14px!important;color:#52758a!important}
.dnb-home-v21-blueprint-node>span{width:31px!important;height:31px!important}
.dnb-home-v21-blueprint-node>span .dnb-icon{width:15px!important;height:15px!important}
.dnb-home-v21-blueprint-node strong{margin-top:7px!important;font-size:8.5px!important;letter-spacing:.045em!important}
.dnb-home-v21-blueprint-node small{margin-top:3px!important;font-size:7.1px!important;color:#7892a4!important}
.dnb-home-v21-blueprint-node.is-model{left:2%!important;top:5%!important}
.dnb-home-v21-blueprint-node.is-analysis{right:2%!important;top:5%!important}
.dnb-home-v21-blueprint-node.is-design{right:0!important;top:42%!important}
.dnb-home-v21-blueprint-node.is-rebar{right:4%!important;bottom:3%!important}
.dnb-home-v21-blueprint-node.is-drawing{left:2%!important;bottom:3%!important}
.dnb-home-v21-blueprint-node.is-model::after{width:92px!important}
.dnb-home-v21-blueprint-node.is-analysis::after{width:92px!important}
.dnb-home-v21-blueprint-node.is-design::after{width:62px!important}
.dnb-home-v21-blueprint-node.is-rebar::after{width:94px!important}
.dnb-home-v21-blueprint-node.is-drawing::after{width:94px!important}
.dnb-home-v21-blueprint-foot{padding-top:11px!important;gap:6px!important}
.dnb-home-v21-blueprint-foot span{font-size:7.5px!important;color:#9ab0bd!important}
.dnb-home-v21-blueprint-foot .dnb-icon{width:12px!important;height:12px!important}

/* A little more depth at the fold without adding another image. */
.dnb-home-v21-hero-copy::after{
  content:"DATA FLOW";
  position:absolute;
  left:-4px;bottom:-46px;
  color:rgba(89,160,203,.045);
  font-size:68px;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
  pointer-events:none;
  z-index:-1;
}

@media (max-width:1180px){
  .dnb-home-v21-hero{grid-template-columns:minmax(0,1.18fr) minmax(400px,.82fr)!important;gap:28px!important}
  .dnb-home-v21-hero h1{font-size:clamp(52px,5vw,72px)!important}
  .dnb-home-v21-blueprint{width:min(100%,530px)!important}
}
@media (max-width:1050px){
  .dnb-home-v21-hero{grid-template-columns:1fr!important}
  .dnb-home-v21-hero-copy{max-width:820px!important}
  .dnb-home-v21-blueprint{justify-self:stretch!important;width:100%!important;max-width:760px!important;min-height:430px!important}
}
@media (max-width:700px){
  .dnb-home-v21-hero{gap:22px!important;padding-top:22px!important}
  .dnb-home-v21-hero h1{font-size:43px!important;line-height:.98!important}
  .dnb-home-v21-hero-copy>p{font-size:10.5px!important}
  .dnb-home-v21-hero-copy::after{display:none!important}
  .dnb-home-v21-blueprint{min-height:500px!important;padding:12px!important}
  .dnb-home-v21-blueprint-canvas{height:326px!important}
  .dnb-home-v21-blueprint-head span{font-size:7.6px!important}
  .dnb-home-v21-blueprint-head small{font-size:6.8px!important}
  .dnb-home-v21-blueprint-node{min-width:92px!important;padding:8px!important}
  .dnb-home-v21-blueprint-node strong{font-size:7.6px!important}
  .dnb-home-v21-blueprint-node small{font-size:6.5px!important}
  .dnb-home-v21-core-node{width:102px!important;height:102px!important}
}


/* ========================================================================== 
   D&B Workspace V23 — Home: real product UI system
   Reference: approved visual direction. Less dashboard-boxy, less synthetic,
   stronger composition, distinct editorial/technical typography.
   ========================================================================== */
.dnb-home-v21{
  --home-section-font:"IBM Plex Sans Condensed","Arial Narrow","Segoe UI",sans-serif;
  --home-tech-font:"IBM Plex Mono","Consolas","SFMono-Regular",monospace;
  --home-cyan-2:#5bc7ef;
  --home-cyan-soft:rgba(69,166,211,.12);
}

/* HERO: one shared composition ------------------------------------------------ */
.dnb-home-v21-hero{
  grid-template-columns:minmax(0,1.46fr) minmax(410px,.72fr)!important;
  gap:22px!important;
  min-height:595px!important;
  align-items:center!important;
  padding:36px 4px 34px!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:
    radial-gradient(circle at 76% 45%,rgba(29,112,161,.10),transparent 35%),
    linear-gradient(90deg,rgba(5,23,37,.00) 0%,rgba(5,23,37,.00) 52%,rgba(5,26,42,.18) 100%)!important;
}
.dnb-home-v21-hero::before{
  right:-4%!important;top:42px!important;width:590px!important;height:440px!important;
  background:
    radial-gradient(circle at 54% 46%,rgba(42,146,199,.14),transparent 56%),
    linear-gradient(180deg,transparent,rgba(5,22,36,.12))!important;
  filter:none!important;
}
.dnb-home-v21-hero::after{
  content:"";
  position:absolute;
  z-index:0;
  right:-2%;top:68px;
  width:50%;height:455px;
  border-radius:24px;
  background:
    linear-gradient(90deg,#071725 0%,rgba(7,23,37,.84) 12%,rgba(7,23,37,.52) 46%,rgba(7,23,37,.68) 100%),
    linear-gradient(180deg,rgba(7,23,37,.18),rgba(7,23,37,.46)),
    url('assets/img/workspace-promo-building-premium.png') center/cover no-repeat;
  opacity:.72;
  filter:saturate(.86) contrast(1.06) brightness(.72);
  pointer-events:none;
}
.dnb-home-v21-hero-copy{z-index:3!important;max-width:820px!important}
.dnb-home-v21-hero-copy::after{display:none!important}
.dnb-home-v21-kicker{font-size:9px!important;letter-spacing:.15em!important;color:#a9bac6!important}
.dnb-home-v21-hero h1{
  max-width:820px!important;
  font-size:clamp(57px,5.25vw,84px)!important;
  line-height:.96!important;
  letter-spacing:-.06em!important;
}
.dnb-home-v21-hero-copy>p{max-width:735px!important;color:#a9b9c3!important;font-size:12.8px!important;line-height:1.68!important}
.dnb-home-v21-actions{margin-top:22px!important}
.dnb-home-v21-btn{border-radius:8px!important}
.dnb-home-v21-proof{max-width:710px!important;margin-top:25px!important;border-top-color:#214158!important}
.dnb-home-v21-proof>div{padding-top:14px!important}
.dnb-home-v21-proof strong{font-size:20px!important}
.dnb-home-v21-proof small{font-size:7.7px!important}

/* Right data map: visual lives in hero; no oversized dashboard panel. */
.dnb-home-v21-blueprint{
  z-index:3!important;
  justify-self:end!important;
  width:min(100%,500px)!important;
  min-height:470px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.dnb-home-v21-blueprint::before{
  content:""!important;
  position:absolute!important;
  inset:26px 4px 32px 2px!important;
  border:0!important;
  background:
    radial-gradient(circle at 53% 49%,rgba(54,173,224,.14),transparent 34%),
    linear-gradient(rgba(57,126,169,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(57,126,169,.028) 1px,transparent 1px)!important;
  background-size:auto,28px 28px,28px 28px!important;
  mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.9) 22%,rgba(0,0,0,.92) 80%,transparent)!important;
  pointer-events:none!important;
}
.dnb-home-v21-blueprint::after{display:none!important}
.dnb-home-v21-blueprint-head,.dnb-home-v21-blueprint-foot{display:none!important}
.dnb-home-v21-blueprint-canvas{height:470px!important;overflow:visible!important}
.dnb-home-v21-building{
  left:48%!important;top:51%!important;width:76%!important;height:78%!important;
  opacity:.17!important;filter:drop-shadow(0 0 20px rgba(31,139,190,.06))!important
}
.dnb-home-v21-building g{stroke:#51b4df!important;stroke-width:1!important}
.dnb-home-v21-core-node{
  width:124px!important;height:124px!important;
  border-radius:26px!important;
  border:1px solid rgba(72,176,220,.54)!important;
  background:linear-gradient(180deg,rgba(10,50,73,.96),rgba(6,28,43,.97))!important;
  box-shadow:0 18px 42px rgba(0,0,0,.26),0 0 34px rgba(53,165,212,.11),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.dnb-home-v21-core-node::after{
  inset:-10px!important;
  border:1px solid rgba(83,186,226,.12)!important;
  border-radius:34px!important;
}
.dnb-home-v21-core-node>span{width:38px!important;height:38px!important;border-radius:10px!important;background:rgba(59,166,211,.14)!important}
.dnb-home-v21-core-node small{font-family:var(--home-tech-font)!important;font-size:6.7px!important;letter-spacing:.12em!important}
.dnb-home-v21-core-node strong{font-family:var(--home-section-font)!important;font-size:15px!important;font-weight:700!important}
.dnb-home-v21-core-node em{font-size:7px!important;color:#68d2a3!important}

.dnb-home-v21-blueprint-node{
  min-width:116px!important;
  padding:10px 11px!important;
  border-radius:12px!important;
  border:1px solid rgba(42,94,126,.66)!important;
  background:linear-gradient(180deg,rgba(8,31,48,.96),rgba(7,25,39,.96))!important;
  box-shadow:0 14px 30px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.dnb-home-v21-blueprint-node>b{font-family:var(--home-tech-font)!important;font-size:12px!important;color:#7894a6!important}
.dnb-home-v21-blueprint-node>span{width:31px!important;height:31px!important;border-radius:8px!important}
.dnb-home-v21-blueprint-node strong{font-family:var(--home-section-font)!important;font-size:10px!important;font-weight:700!important;letter-spacing:.01em!important}
.dnb-home-v21-blueprint-node small{font-size:7.3px!important;color:#8299a9!important}
.dnb-home-v21-blueprint-node::after{height:1px!important;background:#3c728c!important;opacity:.64!important}
.dnb-home-v21-blueprint-node.is-model{left:0!important;top:5%!important}
.dnb-home-v21-blueprint-node.is-analysis{right:0!important;top:8%!important}
.dnb-home-v21-blueprint-node.is-design{right:-2%!important;top:45%!important}
.dnb-home-v21-blueprint-node.is-rebar{right:4%!important;bottom:4%!important}
.dnb-home-v21-blueprint-node.is-drawing{left:2%!important;bottom:9%!important}
.dnb-home-v21-blueprint-node.is-model::after{width:96px!important;transform:rotate(25deg)!important}
.dnb-home-v21-blueprint-node.is-analysis::after{width:94px!important;transform:rotate(-24deg)!important}
.dnb-home-v21-blueprint-node.is-design::after{width:70px!important}
.dnb-home-v21-blueprint-node.is-rebar::after{width:96px!important;transform:rotate(26deg)!important}
.dnb-home-v21-blueprint-node.is-drawing::after{width:96px!important;transform:rotate(-26deg)!important}

/* SECTION TYPOGRAPHY: not another hero slogan -------------------------------- */
.dnb-home-v21-section-head h2,
.dnb-home-v21-diff-primary h3,
.dnb-home-v21-diff-stack h3,
.dnb-home-v21-product-card h3,
.dnb-home-v21-compare h3,
.dnb-home-v21-proof-copy h2,
.dnb-home-v21-cta h2{
  font-family:var(--home-section-font)!important;
  letter-spacing:-.025em!important;
}
.dnb-home-v21-section-head h2{
  font-size:clamp(28px,2.35vw,38px)!important;
  line-height:1.08!important;
  font-weight:650!important;
  max-width:900px!important;
}
.dnb-home-v21-section-head h2 em{
  color:var(--home-cyan-2)!important;
  font-weight:650!important;
}
.dnb-home-v21 .dnb-v3-eyebrow,
.dnb-home-v21-diff-primary>small,
.dnb-home-v21-diff-stack small,
.dnb-home-v21-product-head small,
.dnb-home-v21-compare header small,
.dnb-home-v21-ribbon-bar,
.dnb-home-v21-diff-result b{
  font-family:var(--home-tech-font)!important;
  letter-spacing:.11em!important;
}
.dnb-home-v21 .dnb-v3-eyebrow{color:#76b7d8!important;font-size:6.8px!important}
.dnb-home-v21-difference .dnb-v3-eyebrow{color:#ff8a43!important}
.dnb-home-v21-products .dnb-v3-eyebrow{color:#58c9f7!important}
.dnb-home-v21-compare .dnb-v3-eyebrow{color:#68d2a3!important}
.dnb-home-v21-revit-proof .dnb-v3-eyebrow{color:#ad96f2!important}
.dnb-home-v21-cta .dnb-v3-eyebrow{color:#e6bd58!important}
.dnb-home-v23-section-summary{max-width:760px;margin:8px 0 0;color:#869eae;font-size:9.8px;line-height:1.65}

/* Difference section: cleaner rhythm, less orange repetition. */
.dnb-home-v21-difference{padding-top:42px!important}
.dnb-home-v21-difference-grid{gap:12px!important}
.dnb-home-v21-diff-primary{min-height:390px!important;border-color:rgba(75,174,216,.34)!important;background:linear-gradient(145deg,#082038,#061725)!important}
.dnb-home-v21-diff-primary h3{font-size:30px!important}
.dnb-home-v21-diff-primary h3 em{color:#5cc9f2!important}
.dnb-home-v21-diff-stack article{min-height:118px!important;background:linear-gradient(180deg,rgba(8,29,45,.93),rgba(6,23,37,.96))!important}
.dnb-home-v21-diff-stack h3{font-size:14px!important;line-height:1.22!important}
.dnb-home-v21-diff-stack p{font-size:8.5px!important;line-height:1.55!important}

/* Products and compare: calmer cards, stronger information hierarchy. */
.dnb-home-v21-product-card{box-shadow:none!important;background:linear-gradient(180deg,#081b2b,#071725)!important}
.dnb-home-v21-product-card:hover{transform:translateY(-2px)!important}
.dnb-home-v21-compare-grid>article{background:linear-gradient(180deg,#081b2b,#071725)!important}
.dnb-home-v21-compare-grid>article.is-fragmented{opacity:.84}
.dnb-home-v21-compare-grid>article.is-connected{border-color:rgba(70,183,151,.34)!important}

/* Final CTA: editorial, not another orange slogan. */
.dnb-home-v21-cta h2 em{color:#69caa6!important}

/* Light theme */
.theme-light .dnb-home-v21-hero::after{opacity:.18!important;filter:saturate(.6) contrast(.95) brightness(1.1)!important}
.theme-light .dnb-home-v21-blueprint-node,.theme-light .dnb-home-v21-core-node{background:#fff!important;border-color:#d6e4ed!important;box-shadow:0 12px 30px rgba(28,55,74,.07)!important}
.theme-light .dnb-home-v21-blueprint-node strong,.theme-light .dnb-home-v21-core-node strong{color:#223640!important}

@media(max-width:1180px){
  .dnb-home-v21-hero{grid-template-columns:minmax(0,1.25fr) minmax(390px,.75fr)!important;gap:18px!important}
  .dnb-home-v21-blueprint{width:min(100%,470px)!important}
  .dnb-home-v21-hero::after{width:48%!important}
}
@media(max-width:1050px){
  .dnb-home-v21-hero{grid-template-columns:1fr!important;gap:8px!important;padding-bottom:28px!important}
  .dnb-home-v21-hero::after{right:-8%!important;top:auto!important;bottom:12px!important;width:70%!important;height:390px!important;opacity:.44!important}
  .dnb-home-v21-blueprint{justify-self:center!important;width:min(100%,650px)!important;min-height:430px!important}
  .dnb-home-v21-blueprint-canvas{height:430px!important}
}
@media(max-width:700px){
  .dnb-home-v21-hero{padding-top:22px!important}
  .dnb-home-v21-hero h1{font-size:43px!important}
  .dnb-home-v21-hero-copy>p{font-size:10.4px!important}
  .dnb-home-v21-hero::after{width:100%!important;right:-24%!important;height:330px!important;opacity:.28!important}
  .dnb-home-v21-blueprint{min-height:390px!important}
  .dnb-home-v21-blueprint-canvas{height:390px!important}
  .dnb-home-v21-blueprint-node{min-width:94px!important;padding:8px!important}
  .dnb-home-v21-blueprint-node strong{font-size:8px!important}.dnb-home-v21-blueprint-node small{font-size:6.4px!important}
  .dnb-home-v21-blueprint-node::after{display:none!important}
  .dnb-home-v21-core-node{width:102px!important;height:102px!important}
  .dnb-home-v21-section-head h2{font-size:28px!important}
  .dnb-home-v23-section-summary{font-size:9px!important}
}

/* ==========================================================================
   D&B Workspace V24 — Home matched to approved reference
   Goal: reproduce the approved hero + core-difference composition in code,
   with a real UI system rather than a rasterized mockup.
   ========================================================================== */
.dnb-home-v21{
  --v24-orange:#ff7b2f;
  --v24-cyan:#50c9ff;
  --v24-green:#43d69e;
  --v24-violet:#9b7ef2;
  --v24-gold:#f0a82f;
  --v24-line:#1b425c;
  --v24-card:#081d2d;
}

/* HERO -------------------------------------------------------------------- */
.dnb-home-v21-hero{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(470px,.95fr)!important;
  gap:10px!important;
  min-height:635px!important;
  align-items:center!important;
  margin-top:0!important;
  padding:34px 8px 26px!important;
  border-bottom:1px solid rgba(71,119,149,.22)!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:
    linear-gradient(90deg,rgba(4,20,33,.98) 0%,rgba(5,23,37,.95) 40%,rgba(5,23,37,.52) 64%,rgba(5,23,37,.22) 100%),
    radial-gradient(circle at 69% 46%,rgba(44,130,176,.12),transparent 36%)!important;
}
.dnb-home-v21-hero::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  inset:0 0 0 43%!important;
  width:auto!important;height:auto!important;
  border-radius:0!important;
  background:
    linear-gradient(90deg,rgba(5,23,37,.76) 0%,rgba(5,23,37,.24) 28%,rgba(5,23,37,.14) 62%,rgba(5,23,37,.32) 100%),
    linear-gradient(180deg,rgba(5,23,37,.15) 0%,rgba(5,23,37,.16) 68%,rgba(5,23,37,.66) 100%),
    url('assets/img/workspace-promo-building-premium.png') center/cover no-repeat!important;
  opacity:.86!important;
  filter:saturate(.72) contrast(1.05) brightness(.68)!important;
  pointer-events:none!important;
}
.dnb-home-v21-hero::after{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  inset:0!important;
  width:auto!important;height:auto!important;
  border-radius:0!important;
  background:
    linear-gradient(90deg,rgba(4,20,33,.88) 0%,rgba(4,20,33,.70) 41%,rgba(4,20,33,.12) 70%,rgba(4,20,33,.16) 100%),
    radial-gradient(circle at 68% 49%,rgba(36,130,179,.12),transparent 34%)!important;
  opacity:1!important;
  filter:none!important;
  pointer-events:none!important;
}
.dnb-home-v21-hero-copy{
  position:relative!important;
  z-index:4!important;
  align-self:center!important;
  max-width:730px!important;
  padding:10px 0 0!important;
}
.dnb-home-v21-kicker{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin-bottom:13px!important;
  color:#c0ccd4!important;
  font-family:"Segoe UI",sans-serif!important;
  font-size:9px!important;
  font-weight:750!important;
  letter-spacing:.13em!important;
}
.dnb-home-v21-kicker i{
  width:9px!important;height:9px!important;
  border-radius:50%!important;
  background:var(--v24-orange)!important;
  box-shadow:0 0 0 5px rgba(255,123,47,.08),0 0 15px rgba(255,123,47,.32)!important;
}
.dnb-home-v21-hero h1{
  max-width:720px!important;
  margin:0!important;
  color:#f6f8fa!important;
  font-family:"Segoe UI",Arial,sans-serif!important;
  font-size:clamp(56px,5.6vw,82px)!important;
  line-height:.94!important;
  letter-spacing:-.065em!important;
  font-weight:820!important;
}
.dnb-home-v21-hero h1 em{
  margin:6px 0 5px!important;
  color:var(--v24-orange)!important;
  font-style:normal!important;
  font-weight:850!important;
}
.dnb-home-v21-hero-copy>p{
  max-width:690px!important;
  margin:21px 0 0!important;
  color:#bcc8d0!important;
  font-family:"Segoe UI",sans-serif!important;
  font-size:13.2px!important;
  line-height:1.72!important;
}
.dnb-home-v21-actions{
  display:flex!important;
  gap:14px!important;
  margin-top:24px!important;
}
.dnb-home-v21-btn{
  min-height:48px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:0 18px!important;
  border:1px solid #31516a!important;
  border-radius:10px!important;
  background:rgba(7,26,41,.72)!important;
  color:#edf4f8!important;
  font-size:10px!important;
  font-weight:750!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.dnb-home-v21-btn.is-primary{
  border-color:#ff8a42!important;
  background:linear-gradient(180deg,#ff893e,#ff7424)!important;
  color:#fff!important;
  box-shadow:0 12px 26px rgba(255,114,36,.20),inset 0 1px 0 rgba(255,255,255,.16)!important;
}
.dnb-home-v21-btn .dnb-icon{width:14px!important;height:14px!important}
.dnb-home-v21-proof{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  max-width:690px!important;
  margin-top:27px!important;
  padding-top:0!important;
  border-top:1px solid rgba(74,119,148,.34)!important;
}
.dnb-home-v21-proof>div{
  min-height:70px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:12px 18px 8px 0!important;
}
.dnb-home-v21-proof>div+div{
  padding-left:22px!important;
  border-left:1px solid rgba(74,119,148,.28)!important;
}
.dnb-home-v21-proof strong{
  color:#f4f8fa!important;
  font-size:21px!important;
  line-height:1!important;
  font-weight:760!important;
}
.dnb-home-v21-proof small{
  margin-top:8px!important;
  color:#7f96a6!important;
  font-size:8px!important;
  line-height:1.35!important;
}

/* FLOW VISUAL: no container-card, floating modules over architecture. */
.dnb-home-v21-blueprint{
  position:relative!important;
  z-index:4!important;
  justify-self:end!important;
  width:min(100%,570px)!important;
  min-height:525px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.dnb-home-v21-blueprint::before,
.dnb-home-v21-blueprint::after,
.dnb-home-v21-blueprint-head,
.dnb-home-v21-blueprint-foot{display:none!important}
.dnb-home-v21-blueprint-canvas{
  position:relative!important;
  height:525px!important;
  overflow:visible!important;
}
.dnb-home-v21-building{display:none!important}
.dnb-home-v21-core-node{
  left:52%!important;top:48%!important;
  width:142px!important;height:142px!important;
  transform:translate(-50%,-50%)!important;
  border:1px solid rgba(65,167,218,.82)!important;
  border-radius:17px!important;
  background:linear-gradient(180deg,rgba(12,48,72,.97),rgba(8,29,45,.98))!important;
  box-shadow:0 18px 38px rgba(0,0,0,.30),0 0 26px rgba(64,165,214,.13),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.dnb-home-v21-core-node::after{display:none!important}
.dnb-home-v21-core-node>span{
  width:44px!important;height:44px!important;
  display:grid!important;place-items:center!important;
  border-radius:10px!important;
  background:rgba(58,160,212,.15)!important;
  color:#5fcaff!important;
}
.dnb-home-v21-core-node>span .dnb-icon{width:24px!important;height:24px!important}
.dnb-home-v21-core-node small{
  margin-top:7px!important;color:#74bfdc!important;
  font-family:"Segoe UI",sans-serif!important;font-size:6.8px!important;font-weight:800!important;letter-spacing:.13em!important
}
.dnb-home-v21-core-node strong{
  margin-top:3px!important;color:#f2f7fa!important;
  font-family:"Segoe UI",sans-serif!important;font-size:16px!important;font-weight:780!important
}
.dnb-home-v21-core-node em{
  margin-top:5px!important;color:#c1d0da!important;
  font-family:"Segoe UI",sans-serif!important;font-size:8px!important;font-style:normal!important;line-height:1.25!important
}
.dnb-home-v21-blueprint-node{
  min-width:132px!important;
  padding:12px 13px!important;
  border:1px solid rgba(61,111,144,.70)!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,rgba(8,31,49,.98),rgba(7,25,40,.98))!important;
  box-shadow:0 14px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.dnb-home-v21-blueprint-node>b{
  position:absolute!important;right:11px!important;top:9px!important;
  color:#718ca0!important;font-family:"Segoe UI",sans-serif!important;font-size:13px!important;font-weight:650!important
}
.dnb-home-v21-blueprint-node>span{
  width:34px!important;height:34px!important;
  display:grid!important;place-items:center!important;
  margin-bottom:8px!important;border-radius:9px!important
}
.dnb-home-v21-blueprint-node>span .dnb-icon{width:18px!important;height:18px!important}
.dnb-home-v21-blueprint-node strong{
  display:block!important;color:#eef4f8!important;font-family:"Segoe UI",sans-serif!important;font-size:11px!important;font-weight:760!important;letter-spacing:.01em!important
}
.dnb-home-v21-blueprint-node small{
  display:block!important;margin-top:4px!important;color:#9aabb7!important;font-family:"Segoe UI",sans-serif!important;font-size:8px!important
}
.dnb-home-v21-blueprint-node.is-model{left:32%!important;top:9%!important}
.dnb-home-v21-blueprint-node.is-analysis{right:0!important;top:23%!important}
.dnb-home-v21-blueprint-node.is-design{right:-1%!important;top:56%!important}
.dnb-home-v21-blueprint-node.is-rebar{right:24%!important;bottom:3%!important}
.dnb-home-v21-blueprint-node.is-drawing{left:1%!important;bottom:26%!important}
.dnb-home-v21-blueprint-node.is-model>span{background:rgba(35,135,210,.16)!important;color:#4ab7ff!important}
.dnb-home-v21-blueprint-node.is-analysis>span{background:rgba(46,142,208,.15)!important;color:#67c7ff!important}
.dnb-home-v21-blueprint-node.is-design>span{background:rgba(205,123,34,.14)!important;color:#f19c35!important}
.dnb-home-v21-blueprint-node.is-rebar>span{background:rgba(35,170,130,.16)!important;color:#44dfae!important}
.dnb-home-v21-blueprint-node.is-drawing>span{background:rgba(123,86,208,.16)!important;color:#b38fff!important}
.dnb-home-v21-blueprint-node::after{
  content:""!important;
  position:absolute!important;
  height:1px!important;
  background:repeating-linear-gradient(90deg,rgba(117,189,224,.75) 0 5px,transparent 5px 9px)!important;
  transform-origin:left center!important;
  opacity:.74!important;
  pointer-events:none!important;
}
.dnb-home-v21-blueprint-node.is-model::after{left:91%!important;top:79%!important;width:112px!important;transform:rotate(27deg)!important}
.dnb-home-v21-blueprint-node.is-analysis::after{right:92%!important;left:auto!important;top:76%!important;width:105px!important;transform:rotate(151deg)!important}
.dnb-home-v21-blueprint-node.is-design::after{right:92%!important;left:auto!important;top:44%!important;width:92px!important;transform:rotate(180deg)!important}
.dnb-home-v21-blueprint-node.is-rebar::after{right:91%!important;left:auto!important;top:11%!important;width:106px!important;transform:rotate(215deg)!important}
.dnb-home-v21-blueprint-node.is-drawing::after{left:92%!important;top:23%!important;width:100px!important;transform:rotate(-27deg)!important}
.dnb-home-v24-note{
  position:absolute!important;z-index:6!important;
  color:rgba(151,178,194,.44)!important;
  font-family:"Segoe Print","Bradley Hand",cursive!important;
  font-size:10px!important;
  font-style:italic!important;
  line-height:1.15!important;
  letter-spacing:.06em!important;
  transform:rotate(-8deg)!important;
  pointer-events:none!important;
}
.dnb-home-v24-note.is-top{left:10%!important;top:3%!important}
.dnb-home-v24-note.is-top::after{
  content:"↘"!important;display:block!important;margin-left:55px!important;margin-top:4px!important;font-size:26px!important;color:rgba(147,180,201,.48)!important
}
.dnb-home-v24-note.is-bottom{right:-2%!important;bottom:4%!important;transform:rotate(-8deg)!important}
.dnb-home-v24-note.is-bottom::before{
  content:"↗"!important;position:absolute!important;left:-40px!important;top:-7px!important;font-size:25px!important;color:rgba(147,180,201,.43)!important
}

/* CORE DIFFERENCE --------------------------------------------------------- */
.dnb-home-v24-difference{
  padding:38px 0 30px!important;
  border-bottom:1px solid rgba(57,95,119,.22)!important;
}
.dnb-home-v24-difference-head{
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(330px,.68fr)!important;
  gap:32px!important;
  align-items:end!important;
  margin-bottom:21px!important;
}
.dnb-home-v24-difference-head .dnb-v3-eyebrow{
  display:block!important;
  margin-bottom:8px!important;
  color:#ff8a43!important;
  font-family:"Segoe UI",sans-serif!important;
  font-size:7.5px!important;
  font-weight:800!important;
  letter-spacing:.13em!important;
}
.dnb-home-v24-difference-head h2{
  margin:0!important;
  color:#f1f5f8!important;
  font-family:"IBM Plex Sans Condensed","Arial Narrow","Segoe UI",sans-serif!important;
  font-size:clamp(31px,3vw,44px)!important;
  line-height:1.03!important;
  letter-spacing:-.035em!important;
  font-weight:650!important;
}
.dnb-home-v24-difference-head h2 em{
  color:#5bcaf1!important;
  font-style:normal!important;
  font-weight:650!important;
}
.dnb-home-v24-difference-head>p{
  max-width:480px!important;
  margin:0 0 4px!important;
  color:#a8b7c1!important;
  font-size:10.5px!important;
  line-height:1.65!important;
}
.dnb-home-v24-difference-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:13px!important;
}
.dnb-home-v24-diff-card{
  position:relative!important;
  min-height:270px!important;
  padding:19px 18px 17px!important;
  overflow:hidden!important;
  border:1px solid #24475d!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#081c2c,#071726)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.dnb-home-v24-diff-card::before{
  content:""!important;position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:2px!important;opacity:.9!important
}
.dnb-home-v24-diff-card.is-data{border-color:rgba(68,176,225,.45)!important}
.dnb-home-v24-diff-card.is-data::before{background:#45baf0!important}
.dnb-home-v24-diff-card.is-update{border-color:rgba(66,190,145,.42)!important}
.dnb-home-v24-diff-card.is-update::before{background:#43d69e!important}
.dnb-home-v24-diff-card.is-project{border-color:rgba(143,111,224,.42)!important}
.dnb-home-v24-diff-card.is-project::before{background:#9b7ef2!important}
.dnb-home-v24-diff-card.is-account{border-color:rgba(216,147,42,.42)!important}
.dnb-home-v24-diff-card.is-account::before{background:#f0a82f!important}
.dnb-home-v24-diff-icon{
  width:42px!important;height:42px!important;display:grid!important;place-items:center!important;
  margin-bottom:13px!important;border-radius:10px!important
}
.dnb-home-v24-diff-icon .dnb-icon{width:20px!important;height:20px!important}
.is-data .dnb-home-v24-diff-icon{background:rgba(38,143,210,.16)!important;color:#62caff!important}
.is-update .dnb-home-v24-diff-icon{background:rgba(38,161,117,.15)!important;color:#5ce0ad!important}
.is-project .dnb-home-v24-diff-icon{background:rgba(118,83,201,.16)!important;color:#b28fff!important}
.is-account .dnb-home-v24-diff-icon{background:rgba(198,126,32,.15)!important;color:#f2a83a!important}
.dnb-home-v24-diff-no{
  position:absolute!important;right:15px!important;top:12px!important;
  color:#38576d!important;font-size:26px!important;font-weight:760!important;line-height:1!important
}
.is-data .dnb-home-v24-diff-no{color:#2b6790!important}.is-update .dnb-home-v24-diff-no{color:#2d6a57!important}.is-project .dnb-home-v24-diff-no{color:#54447e!important}.is-account .dnb-home-v24-diff-no{color:#73582c!important}
.dnb-home-v24-diff-card>small{
  display:block!important;margin-bottom:8px!important;
  font-family:"IBM Plex Mono",Consolas,monospace!important;font-size:7px!important;font-weight:800!important;letter-spacing:.11em!important
}
.is-data>small{color:#5bcaf1!important}.is-update>small{color:#55dba7!important}.is-project>small{color:#a78df2!important}.is-account>small{color:#ef9c30!important}
.dnb-home-v24-diff-card h3{
  margin:0!important;color:#eef4f7!important;
  font-family:"IBM Plex Sans Condensed","Arial Narrow","Segoe UI",sans-serif!important;
  font-size:18px!important;line-height:1.18!important;letter-spacing:-.02em!important;font-weight:650!important
}
.dnb-home-v24-diff-card h3 em{color:#52c9f4!important;font-style:normal!important}
.dnb-home-v24-diff-card p{
  margin:15px 0 0!important;color:#99abb8!important;font-size:9.5px!important;line-height:1.65!important
}

/* Keep lower sections from visually competing with the approved top area. */
.dnb-home-v21-products{padding-top:34px!important}
.dnb-home-v21-products .dnb-home-v21-section-head h2,
.dnb-home-v21-compare .dnb-home-v21-section-head h2,
.dnb-home-v21-proof-copy h2,
.dnb-home-v21-cta h2{font-size:30px!important}

/* Responsive */
@media(max-width:1180px){
  .dnb-home-v21-hero{grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr)!important}
  .dnb-home-v21-blueprint{width:min(100%,520px)!important}
  .dnb-home-v24-difference-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:980px){
  .dnb-home-v21-hero{grid-template-columns:1fr!important;min-height:0!important;padding-bottom:22px!important}
  .dnb-home-v21-hero::before{inset:44% -10% 0 24%!important;opacity:.50!important}
  .dnb-home-v21-hero::after{background:linear-gradient(180deg,rgba(4,20,33,.84) 0%,rgba(4,20,33,.50) 36%,rgba(4,20,33,.22) 100%)!important}
  .dnb-home-v21-blueprint{justify-self:center!important;width:min(100%,650px)!important;min-height:470px!important;margin-top:6px!important}
  .dnb-home-v21-blueprint-canvas{height:470px!important}
  .dnb-home-v24-difference-head{grid-template-columns:1fr!important;gap:14px!important;align-items:start!important}
  .dnb-home-v24-difference-head>p{max-width:720px!important}
}
@media(max-width:700px){
  .dnb-home-v21-hero{padding:22px 0 20px!important}
  .dnb-home-v21-hero h1{font-size:43px!important;line-height:.96!important}
  .dnb-home-v21-hero-copy>p{font-size:10.5px!important;line-height:1.62!important}
  .dnb-home-v21-actions{flex-wrap:wrap!important}
  .dnb-home-v21-proof{grid-template-columns:repeat(3,1fr)!important}
  .dnb-home-v21-proof>div{padding-right:8px!important}.dnb-home-v21-proof>div+div{padding-left:10px!important}
  .dnb-home-v21-proof strong{font-size:17px!important}.dnb-home-v21-proof small{font-size:6.8px!important}
  .dnb-home-v21-blueprint{min-height:390px!important}.dnb-home-v21-blueprint-canvas{height:390px!important}
  .dnb-home-v21-core-node{width:108px!important;height:108px!important}
  .dnb-home-v21-core-node strong{font-size:13px!important}
  .dnb-home-v21-blueprint-node{min-width:104px!important;padding:9px!important}
  .dnb-home-v21-blueprint-node>b{font-size:10px!important}.dnb-home-v21-blueprint-node strong{font-size:8.5px!important}.dnb-home-v21-blueprint-node small{font-size:6.4px!important}
  .dnb-home-v21-blueprint-node::after,.dnb-home-v24-note{display:none!important}
  .dnb-home-v24-difference-grid{grid-template-columns:1fr!important}
  .dnb-home-v24-difference-head h2{font-size:29px!important}
  .dnb-home-v24-diff-card{min-height:0!important}
}

/* ==========================================================================
   D&B Workspace V25 — exact approved Home reference
   Hero visual intentionally uses the approved reference artwork as a single
   responsive illustration so the complex architecture + workflow composition
   stays identical while the surrounding page remains real HTML/CSS.
   ========================================================================== */
.dnb-home-v21-hero{
  grid-template-columns:minmax(0,1.02fr) minmax(500px,.98fr)!important;
  gap:0!important;
  min-height:640px!important;
  padding:28px 0 0!important;
  align-items:stretch!important;
  background:#061a2b!important;
  border-bottom:1px solid rgba(65,112,141,.30)!important;
}
.dnb-home-v21-hero::before,
.dnb-home-v21-hero::after{display:none!important}
.dnb-home-v21-hero-copy{
  z-index:3!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  max-width:none!important;
  padding:12px 18px 18px 0!important;
  background:
    radial-gradient(circle at 100% 50%,rgba(14,63,94,.10),transparent 42%),
    linear-gradient(90deg,#061a2b 0%,#061a2b 76%,rgba(6,26,43,.93) 100%)!important;
}
.dnb-home-v21-kicker{
  margin-bottom:16px!important;
  color:#c5d1d8!important;
  font-size:9.5px!important;
  letter-spacing:.13em!important;
}
.dnb-home-v21-hero h1{
  max-width:760px!important;
  font-size:clamp(58px,5.5vw,82px)!important;
  line-height:.94!important;
  letter-spacing:-.062em!important;
}
.dnb-home-v21-hero h1 em{margin:6px 0 5px!important;color:#ff7b2f!important}
.dnb-home-v21-hero-copy>p{
  max-width:690px!important;
  margin-top:22px!important;
  color:#c0cbd2!important;
  font-size:13.2px!important;
  line-height:1.72!important;
}
.dnb-home-v21-actions{margin-top:25px!important}
.dnb-home-v21-btn{min-height:49px!important;padding:0 20px!important;border-radius:10px!important;font-size:10.5px!important}
.dnb-home-v21-btn.is-primary{background:linear-gradient(180deg,#ff8d42,#ff7324)!important}
.dnb-home-v21-proof{
  max-width:690px!important;
  margin-top:28px!important;
  border-top:1px solid rgba(91,135,161,.36)!important;
}
.dnb-home-v21-proof>div{min-height:78px!important;padding-top:14px!important}
.dnb-home-v21-proof strong{font-size:22px!important}
.dnb-home-v21-proof small{font-size:8.2px!important;color:#8fa2b0!important}

.dnb-home-v25-hero-visual{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  min-height:612px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:#071a2b!important;
  box-shadow:none!important;
}
.dnb-home-v25-hero-visual::before{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  inset:0!important;
  background:
    linear-gradient(90deg,#061a2b 0%,rgba(6,26,43,.72) 7%,rgba(6,26,43,.20) 20%,transparent 34%),
    linear-gradient(180deg,rgba(6,26,43,.05) 0%,transparent 70%,rgba(6,26,43,.18) 100%)!important;
  pointer-events:none!important;
}
.dnb-home-v25-hero-visual::after{display:none!important}
.dnb-home-v25-hero-visual img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  filter:saturate(.94) contrast(1.02) brightness(.92)!important;
}

/* Core difference — same hierarchy as approved image. */
.dnb-home-v24-difference{
  padding:35px 0 32px!important;
  background:linear-gradient(180deg,#061a2b,#061827)!important;
}
.dnb-home-v24-difference-head{
  grid-template-columns:minmax(0,1.15fr) minmax(360px,.65fr)!important;
  gap:42px!important;
  align-items:end!important;
  margin-bottom:22px!important;
}
.dnb-home-v24-difference-head h2{
  max-width:760px!important;
  font-family:"Segoe UI",Arial,sans-serif!important;
  font-size:clamp(31px,3vw,42px)!important;
  line-height:1.02!important;
  font-weight:760!important;
}
.dnb-home-v24-difference-head h2 em{
  color:#55caf4!important;
  font-family:"Segoe UI",Arial,sans-serif!important;
  font-weight:760!important;
}
.dnb-home-v24-difference-head>p{
  max-width:470px!important;
  margin-bottom:6px!important;
  color:#afbec8!important;
  font-size:10.7px!important;
  line-height:1.65!important;
}
.dnb-home-v24-difference-grid{gap:14px!important}
.dnb-home-v24-diff-card{
  min-height:280px!important;
  padding:18px 18px 20px!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#071d2e,#071827)!important;
}
.dnb-home-v24-diff-card h3{
  font-family:"Segoe UI",Arial,sans-serif!important;
  font-size:18.5px!important;
  line-height:1.18!important;
  font-weight:750!important;
}
.dnb-home-v24-diff-card p{font-size:9.7px!important;line-height:1.68!important;color:#a5b5c1!important}
.dnb-home-v24-diff-no{font-size:28px!important}
.dnb-home-v24-diff-icon{width:44px!important;height:44px!important}

/* Lower content remains calmer so the approved top composition stays dominant. */
.dnb-home-v21-products,
.dnb-home-v21-compare,
.dnb-home-v21-revit-proof,
.dnb-home-v21-cta{position:relative!important}

@media(max-width:1180px){
  .dnb-home-v21-hero{grid-template-columns:minmax(0,1fr) minmax(430px,.92fr)!important}
  .dnb-home-v25-hero-visual{min-height:570px!important}
}
@media(max-width:980px){
  .dnb-home-v21-hero{grid-template-columns:1fr!important;padding-top:22px!important}
  .dnb-home-v21-hero-copy{padding-right:0!important;padding-bottom:12px!important;background:#061a2b!important}
  .dnb-home-v25-hero-visual{min-height:500px!important;border-top:1px solid rgba(65,112,141,.22)!important}
  .dnb-home-v25-hero-visual::before{background:linear-gradient(180deg,#061a2b 0%,rgba(6,26,43,.20) 15%,transparent 34%)!important}
  .dnb-home-v24-difference-head{grid-template-columns:1fr!important;gap:12px!important}
}
@media(max-width:700px){
  .dnb-home-v21-hero h1{font-size:43px!important}
  .dnb-home-v25-hero-visual{min-height:390px!important}
  .dnb-home-v25-hero-visual img{object-position:57% center!important}
  .dnb-home-v24-difference-grid{grid-template-columns:1fr!important}
  .dnb-home-v24-difference-head h2{font-size:29px!important}
}

/* V26 — hero depth + gradual fade + restore site font feel ---------------- */
.dnb-home-v21-hero{
  grid-template-columns:minmax(0,1.02fr) minmax(540px,.98fr)!important;
  gap:0!important;
  align-items:stretch!important;
  min-height:655px!important;
  overflow:hidden!important;
}
.dnb-home-v21-hero-copy{
  position:relative!important;
  z-index:4!important;
  max-width:740px!important;
  padding:26px 18px 10px 0!important;
}
.dnb-home-v21-hero h1,
.dnb-home-v21-kicker,
.dnb-home-v21-hero-copy>p,
.dnb-home-v21-proof strong,
.dnb-home-v21-proof small{
  font-family:inherit!important;
}
.dnb-home-v21-hero h1{
  max-width:760px!important;
  font-size:clamp(58px,5.55vw,84px)!important;
  line-height:.93!important;
  letter-spacing:-.068em!important;
  font-weight:820!important;
  text-wrap:balance!important;
}
.dnb-home-v21-hero h1 em{
  color:#ff7b2f!important;
  font-weight:830!important;
}
.dnb-home-v21-hero-copy>p{
  max-width:705px!important;
  margin-top:18px!important;
  color:#c0ccd3!important;
  font-size:13px!important;
  line-height:1.72!important;
}
.dnb-home-v21-actions{margin-top:23px!important}
.dnb-home-v21-proof{max-width:705px!important;margin-top:26px!important}

.dnb-home-v25-hero-visual{
  position:relative!important;
  z-index:2!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  min-height:640px!important;
  margin:0!important;
  overflow:hidden!important;
  background:transparent!important;
  isolation:isolate!important;
}
.dnb-home-v25-hero-visual img{
  position:absolute!important;
  inset:-2% -4% -4% -5%!important;
  width:112%!important;
  height:108%!important;
  object-fit:cover!important;
  object-position:center center!important;
  filter:saturate(.98) contrast(1.03) brightness(.93)!important;
  transform:translateZ(0) scale(1.015)!important;
}
.dnb-home-v25-hero-visual::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  background:
    linear-gradient(90deg,
      #061a2b 0%,
      rgba(6,26,43,.94) 4%,
      rgba(6,26,43,.78) 11%,
      rgba(6,26,43,.42) 20%,
      rgba(6,26,43,.14) 31%,
      rgba(6,26,43,.05) 44%,
      rgba(6,26,43,.12) 62%,
      rgba(6,26,43,.36) 84%,
      rgba(6,26,43,.60) 100%),
    linear-gradient(180deg,
      rgba(6,26,43,.03) 0%,
      rgba(6,26,43,0) 22%,
      rgba(6,26,43,.08) 56%,
      rgba(6,26,43,.34) 84%,
      rgba(6,26,43,.82) 100%),
    radial-gradient(circle at 78% 18%,rgba(105,149,185,.16),transparent 20%),
    radial-gradient(circle at 52% 86%,rgba(9,30,47,.04),rgba(6,26,43,.24) 55%,rgba(6,26,43,.70) 100%)!important;
  pointer-events:none!important;
}
.dnb-home-v25-hero-visual::after{
  content:""!important;
  position:absolute!important;
  left:-10%!important;
  right:-3%!important;
  bottom:-8%!important;
  height:28%!important;
  z-index:2!important;
  background:linear-gradient(180deg,rgba(6,26,43,0) 0%,rgba(6,26,43,.18) 32%,rgba(6,26,43,.70) 78%,#061a2b 100%)!important;
  filter:blur(18px)!important;
  opacity:.96!important;
  pointer-events:none!important;
}

@media (min-width:1300px){
  .dnb-home-v21-hero{grid-template-columns:minmax(0,1.01fr) minmax(565px,.99fr)!important}
  .dnb-home-v25-hero-visual{min-height:652px!important}
}
@media (max-width:1180px){
  .dnb-home-v21-hero{grid-template-columns:minmax(0,1fr) minmax(470px,.88fr)!important;gap:10px!important;min-height:620px!important}
  .dnb-home-v21-hero h1{font-size:clamp(54px,5.2vw,74px)!important}
  .dnb-home-v25-hero-visual{min-height:600px!important}
}
@media (max-width:980px){
  .dnb-home-v21-hero{grid-template-columns:1fr!important;gap:14px!important;min-height:0!important}
  .dnb-home-v21-hero-copy{padding-right:0!important}
  .dnb-home-v25-hero-visual{min-height:510px!important;border-top:1px solid rgba(65,112,141,.22)!important}
  .dnb-home-v25-hero-visual img{inset:0!important;width:100%!important;height:100%!important;object-position:55% center!important}
  .dnb-home-v25-hero-visual::before{
    background:
      linear-gradient(180deg,#061a2b 0%,rgba(6,26,43,.30) 16%,rgba(6,26,43,.08) 34%,rgba(6,26,43,.22) 76%,rgba(6,26,43,.84) 100%),
      linear-gradient(90deg,rgba(6,26,43,.20) 0%,transparent 22%,transparent 80%,rgba(6,26,43,.28) 100%)!important;
  }
  .dnb-home-v25-hero-visual::after{height:24%!important;bottom:-5%!important}
}
@media (max-width:700px){
  .dnb-home-v21-hero h1{font-size:42px!important;line-height:.96!important;letter-spacing:-.058em!important}
  .dnb-home-v21-hero-copy>p{font-size:10.6px!important;line-height:1.64!important}
  .dnb-home-v25-hero-visual{min-height:390px!important}
}


/* ==========================================================================
   V27 — Layered hero + synchronized visual language
   ========================================================================== */
.dnb-home-v21{--dnb-home-section-font:"IBM Plex Sans Condensed","Arial Narrow",sans-serif;--dnb-home-tech-font:"IBM Plex Mono",Consolas,monospace}

/* Hero becomes one composition rather than text + a baked screenshot. */
.dnb-home-v21-hero{
  grid-template-columns:minmax(0,1.03fr) minmax(520px,.97fr)!important;
  gap:0!important;
  min-height:650px!important;
  align-items:stretch!important;
  overflow:hidden!important;
  background:linear-gradient(90deg,#061a2b 0%,#061a2b 47%,rgba(6,26,43,.98) 58%,rgba(6,26,43,.96) 100%)!important;
}
.dnb-home-v21-hero-copy{z-index:8!important;max-width:750px!important;padding:34px 22px 0 0!important;overflow:visible!important}
.dnb-home-v21-hero h1,.dnb-home-v21-kicker,.dnb-home-v21-hero-copy>p,.dnb-home-v21-btn,.dnb-home-v21-proof{font-family:inherit!important}
.dnb-home-v21-hero h1{max-width:760px!important;font-size:clamp(58px,5.45vw,82px)!important;line-height:.94!important;letter-spacing:-.064em!important;font-weight:820!important}
.dnb-home-v21-hero-copy>p{max-width:700px!important;font-size:13px!important;line-height:1.72!important;color:#becbd3!important}

/* Stats exactly separated and protected from clipping. */
.dnb-home-v21-proof{
  position:relative!important;
  width:min(100%,700px)!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  margin:28px 0 0!important;
  padding:0!important;
  border-top:1px solid rgba(104,143,166,.34)!important;
  overflow:visible!important;
}
.dnb-home-v21-proof>div{
  position:relative!important;
  min-height:86px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  padding:16px 22px 8px!important;
  border:0!important;
}
.dnb-home-v21-proof>div:first-child{padding-left:2px!important}
.dnb-home-v21-proof>div+div::before{content:"";position:absolute;left:0;top:17px;bottom:13px;width:1px;background:rgba(91,132,157,.38)}
.dnb-home-v21-proof strong{display:block!important;color:#f5f8fa!important;font-size:24px!important;line-height:1!important;font-weight:780!important;letter-spacing:-.03em!important;white-space:nowrap!important}
.dnb-home-v21-proof small{display:block!important;margin-top:8px!important;color:#879dab!important;font-size:8.2px!important;line-height:1.4!important;white-space:normal!important}

/* Layered right visual. */
.dnb-home-v27-hero-visual{
  position:relative;z-index:3;align-self:stretch;justify-self:stretch;
  min-height:650px;margin:0;overflow:hidden;isolation:isolate;
}
.dnb-home-v27-building{
  position:absolute;z-index:0;inset:-5% -8% -6% -13%;
  background:url('../img/home-hero-building-base-v27.jpg') center/cover no-repeat;
  transform:scale(1.035);filter:saturate(.86) contrast(1.02) brightness(.80);
}
.dnb-home-v27-atmosphere{
  position:absolute;z-index:1;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,#061a2b 0%,rgba(6,26,43,.92) 7%,rgba(6,26,43,.58) 18%,rgba(6,26,43,.17) 32%,rgba(6,26,43,.04) 53%,rgba(6,26,43,.16) 77%,rgba(6,26,43,.48) 100%),
    linear-gradient(180deg,rgba(6,26,43,.04) 0%,rgba(6,26,43,.03) 55%,rgba(6,26,43,.34) 80%,#061a2b 100%),
    radial-gradient(circle at 49% 51%,rgba(40,149,205,.16),transparent 29%);
}
.dnb-home-v27-hero-visual::after{
  content:"";position:absolute;z-index:2;left:-12%;right:-8%;bottom:-9%;height:28%;
  background:linear-gradient(180deg,transparent,rgba(6,26,43,.36) 35%,#061a2b 92%);filter:blur(14px);pointer-events:none;
}
.dnb-home-v27-links{position:absolute;z-index:3;inset:4% 0 4% 0;width:100%;height:92%;overflow:visible;pointer-events:none}
.dnb-home-v27-links path{fill:none;stroke:rgba(126,201,235,.72);stroke-width:1.6;stroke-dasharray:5 7;filter:drop-shadow(0 0 4px rgba(74,174,224,.15))}
.dnb-home-v27-links circle{fill:none;stroke:rgba(93,174,211,.32);stroke-width:1.25;stroke-dasharray:4 8}

.dnb-home-v27-node,.dnb-home-v27-core{position:absolute;z-index:5;color:#eef5f8;background:linear-gradient(180deg,rgba(8,31,50,.94),rgba(6,23,38,.96));border:1px solid rgba(60,111,145,.76);box-shadow:0 16px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(7px)}
.dnb-home-v27-node{width:142px;min-height:112px;padding:13px 14px;border-radius:15px}
.dnb-home-v27-node>b{position:absolute;right:12px;top:10px;color:#7890a0;font-size:14px;font-weight:650}
.dnb-home-v27-node>span{width:36px;height:36px;display:grid;place-items:center;margin-bottom:9px;border-radius:9px;background:rgba(38,137,206,.15);color:#55bfff}
.dnb-home-v27-node>span .dnb-icon{width:19px;height:19px}
.dnb-home-v27-node strong{display:block;font-size:12px;line-height:1.1;font-weight:780;letter-spacing:.01em}
.dnb-home-v27-node small{display:block;margin-top:5px;color:#9aadb9;font-size:8px;line-height:1.25}
.dnb-home-v27-node.is-model{left:35%;top:11%}
.dnb-home-v27-node.is-analysis{right:2%;top:24%}
.dnb-home-v27-node.is-design{right:0;top:57%;border-color:rgba(210,136,43,.48)}
.dnb-home-v27-node.is-design>span{background:rgba(211,126,37,.13);color:#f2a23c}
.dnb-home-v27-node.is-rebar{right:24%;bottom:5%;border-color:rgba(45,185,142,.48)}
.dnb-home-v27-node.is-rebar>span{background:rgba(35,169,131,.15);color:#50e0ad}
.dnb-home-v27-node.is-drawing{left:4%;bottom:29%;border-color:rgba(139,105,218,.48)}
.dnb-home-v27-node.is-drawing>span{background:rgba(123,86,206,.15);color:#b995ff}

.dnb-home-v27-core{left:52%;top:49%;width:154px;height:154px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:19px;border-color:rgba(68,172,223,.86);background:linear-gradient(180deg,rgba(11,50,75,.96),rgba(7,28,44,.98));box-shadow:0 20px 42px rgba(0,0,0,.34),0 0 32px rgba(65,170,222,.14),inset 0 1px 0 rgba(255,255,255,.05)}
.dnb-home-v27-core>span{width:46px;height:46px;display:grid;place-items:center;border-radius:11px;background:rgba(62,164,216,.15);color:#62caff}
.dnb-home-v27-core>span .dnb-icon{width:25px;height:25px}
.dnb-home-v27-core small{margin-top:8px;color:#70bfdc;font-size:7px;font-weight:800;letter-spacing:.13em}
.dnb-home-v27-core strong{margin-top:3px;color:#f4f8fa;font-size:16px;font-weight:800}
.dnb-home-v27-core em{margin-top:5px;color:#bdd0db;font-size:8.4px;font-style:normal}

.dnb-home-v27-note{position:absolute;z-index:4;color:rgba(159,185,201,.44);font-family:"Segoe Print","Bradley Hand",cursive;font-size:10px;font-style:italic;line-height:1.15;letter-spacing:.055em;transform:rotate(-8deg);pointer-events:none}
.dnb-home-v27-note.is-top{left:21%;top:5%}.dnb-home-v27-note.is-top::after{content:"↘";display:block;margin-left:58px;margin-top:3px;font-size:25px;color:rgba(151,185,205,.45)}
.dnb-home-v27-note.is-bottom{right:-1%;bottom:5%}.dnb-home-v27-note.is-bottom::before{content:"↗";position:absolute;left:-41px;top:-8px;font-size:24px;color:rgba(151,185,205,.40)}

/* Shared typography/effect language below hero: clear, technical, not another slogan. */
.dnb-home-v21-section :is(h2,h3),.dnb-home-v21-cta h2{font-family:var(--dnb-home-section-font)!important;letter-spacing:-.025em!important}
.dnb-home-v21-section .dnb-v3-eyebrow,.dnb-home-v21-section small[class],.dnb-home-v21-cta .dnb-v3-eyebrow{font-family:var(--dnb-home-tech-font)!important}
.dnb-home-v21-section-head h2,.dnb-home-v24-difference-head h2,.dnb-home-v21-proof-copy h2,.dnb-home-v21-cta h2{color:#eef5f8!important;font-weight:650!important}
.dnb-home-v21-section-head h2 em,.dnb-home-v24-difference-head h2 em,.dnb-home-v21-proof-copy h2 em,.dnb-home-v21-cta h2 em{font-family:inherit!important;font-style:normal!important;color:#60c9ec!important;font-weight:650!important}
.dnb-home-v21-section,.dnb-home-v21-cta{scroll-margin-top:80px}
.dnb-home-v21-products,.dnb-home-v21-compare,.dnb-home-v21-revit-proof{border-top:1px solid rgba(49,91,118,.22)!important}
.dnb-home-v21-product-card,.dnb-home-v21-compare-grid>article,.dnb-home-v21-ribbon-shot{box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 30px rgba(0,0,0,.10)!important}

@media(max-width:1180px){
  .dnb-home-v21-hero{grid-template-columns:minmax(0,1fr) minmax(470px,.90fr)!important;min-height:620px!important}
  .dnb-home-v27-hero-visual{min-height:620px}.dnb-home-v27-node{width:130px;min-height:106px}.dnb-home-v27-core{width:144px;height:144px}
  .dnb-home-v21-proof>div{padding-right:12px!important;padding-left:16px!important}.dnb-home-v21-proof>div:first-child{padding-left:2px!important}
}
@media(max-width:980px){
  .dnb-home-v21-hero{grid-template-columns:1fr!important;min-height:0!important;overflow:hidden!important}
  .dnb-home-v21-hero-copy{padding-right:0!important;padding-bottom:10px!important}
  .dnb-home-v27-hero-visual{min-height:540px;border-top:1px solid rgba(61,105,132,.24)}
  .dnb-home-v27-building{inset:-3% -4% -4% -4%}
  .dnb-home-v27-atmosphere{background:linear-gradient(180deg,#061a2b 0%,rgba(6,26,43,.20) 18%,rgba(6,26,43,.07) 45%,rgba(6,26,43,.44) 82%,#061a2b 100%),radial-gradient(circle at 52% 49%,rgba(40,149,205,.14),transparent 30%)}
}
@media(max-width:700px){
  .dnb-home-v21-hero h1{font-size:42px!important;line-height:.96!important}.dnb-home-v21-hero-copy>p{font-size:10.5px!important}
  .dnb-home-v21-proof{grid-template-columns:repeat(3,minmax(0,1fr))!important}.dnb-home-v21-proof>div{min-height:72px!important;padding:13px 8px 5px!important}.dnb-home-v21-proof>div:first-child{padding-left:0!important}.dnb-home-v21-proof strong{font-size:18px!important}.dnb-home-v21-proof small{font-size:6.8px!important;margin-top:6px!important}
  .dnb-home-v27-hero-visual{min-height:420px}.dnb-home-v27-links{display:none}.dnb-home-v27-node{width:108px;min-height:88px;padding:9px 10px;border-radius:12px}.dnb-home-v27-node>span{width:29px;height:29px;margin-bottom:5px}.dnb-home-v27-node>span .dnb-icon{width:15px;height:15px}.dnb-home-v27-node>b{font-size:10px;right:8px;top:7px}.dnb-home-v27-node strong{font-size:9px}.dnb-home-v27-node small{font-size:6.4px}.dnb-home-v27-core{width:118px;height:118px}.dnb-home-v27-core>span{width:35px;height:35px}.dnb-home-v27-core strong{font-size:12px}.dnb-home-v27-core small{font-size:5.7px}.dnb-home-v27-core em{font-size:6.5px}
  .dnb-home-v27-node.is-model{left:31%;top:6%}.dnb-home-v27-node.is-analysis{right:1%;top:20%}.dnb-home-v27-node.is-design{right:0;top:57%}.dnb-home-v27-node.is-rebar{right:19%;bottom:2%}.dnb-home-v27-node.is-drawing{left:1%;bottom:24%}.dnb-home-v27-note{display:none}
}

/* ==========================================================================
   V28 — Section title scale + deterministic line wrapping
   Section headlines share one typographic hierarchy; Hero slogan stays unique.
   ========================================================================== */
.dnb-home-v21{
  --dnb-home-section-title-size:clamp(34px,2.65vw,42px);
  --dnb-home-section-title-line:1.04;
}

/* The two marked headlines are the same semantic level: use the same scale. */
.dnb-home-v24-difference-head{
  grid-template-columns:minmax(0,1.42fr) minmax(285px,.58fr)!important;
  gap:28px!important;
  align-items:end!important;
}
.dnb-home-v24-difference-head h2,
.dnb-home-v21-products .dnb-home-v21-section-head h2,
.dnb-home-v21-compare .dnb-home-v21-section-head h2,
.dnb-home-v21-revit-proof .dnb-home-v21-section-head h2,
.dnb-home-v21-proof-copy h2,
.dnb-home-v21-cta h2{
  max-width:none!important;
  margin:0!important;
  font-family:var(--dnb-home-section-font)!important;
  font-size:var(--dnb-home-section-title-size)!important;
  line-height:var(--dnb-home-section-title-line)!important;
  font-weight:650!important;
  letter-spacing:-.032em!important;
  color:#eef5f8!important;
  text-wrap:balance;
}
.dnb-home-section-title .dnb-home-heading-line{
  display:block!important;
}
.dnb-home-section-title em.dnb-home-heading-line,
.dnb-home-v21-section-head h2 em,
.dnb-home-v21-proof-copy h2 em,
.dnb-home-v21-cta h2 em{
  margin:0!important;
  font-family:inherit!important;
  font-style:normal!important;
  font-weight:650!important;
  color:#60c9ec!important;
}

/* On desktop, the author controls the two lines explicitly. No orphan word "bước.". */
@media (min-width:981px){
  .dnb-home-v24-difference-head .dnb-home-heading-line,
  .dnb-home-v21-products .dnb-home-heading-line{
    white-space:nowrap!important;
  }
}

/* Keep the explanatory column subordinate so the title has enough breathing room. */
.dnb-home-v24-difference-head>p{
  max-width:390px!important;
  justify-self:end!important;
  margin:0 0 3px!important;
  font-size:10.2px!important;
  line-height:1.65!important;
  color:#9eb0bc!important;
}

/* Synchronize the section-heading rhythm below the marked area. */
.dnb-home-v21-section-head{
  margin-bottom:20px!important;
}
.dnb-home-v21-section-head .dnb-v3-eyebrow,
.dnb-home-v24-difference-head .dnb-v3-eyebrow{
  display:block!important;
  margin-bottom:7px!important;
  font-family:var(--dnb-home-tech-font)!important;
  font-size:7.2px!important;
  line-height:1.25!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
}
.dnb-home-v21-products .dnb-home-v23-section-summary{
  max-width:760px!important;
  margin:8px 0 0!important;
  font-size:9.3px!important;
  line-height:1.6!important;
  color:#839aa9!important;
}

/* Product section receives the same visual weight as Core Difference, not a smaller subheading. */
.dnb-home-v21-products{
  padding-top:38px!important;
}
.dnb-home-v21-products .dnb-home-v21-section-head{
  align-items:end!important;
}
.dnb-home-v21-products .dnb-home-v21-section-head>div{
  min-width:0!important;
}

@media (max-width:1180px){
  .dnb-home-v21{--dnb-home-section-title-size:clamp(31px,3.0vw,37px)}
  .dnb-home-v24-difference-head{
    grid-template-columns:minmax(0,1.34fr) minmax(260px,.66fr)!important;
    gap:22px!important;
  }
  .dnb-home-v24-difference-head>p{max-width:330px!important}
}
@media (max-width:980px){
  .dnb-home-v21{--dnb-home-section-title-size:32px}
  .dnb-home-v24-difference-head,
  .dnb-home-v21-section-head,
  .dnb-home-v21-section-head.is-row{
    grid-template-columns:1fr!important;
    gap:11px!important;
    align-items:start!important;
  }
  .dnb-home-section-title .dnb-home-heading-line{
    white-space:normal!important;
    text-wrap:balance!important;
  }
  .dnb-home-v24-difference-head>p{
    max-width:720px!important;
    justify-self:start!important;
  }
}
@media (max-width:700px){
  .dnb-home-v21{--dnb-home-section-title-size:28px}
  .dnb-home-v24-difference-head h2,
  .dnb-home-v21-products .dnb-home-v21-section-head h2,
  .dnb-home-v21-compare .dnb-home-v21-section-head h2,
  .dnb-home-v21-revit-proof .dnb-home-v21-section-head h2,
  .dnb-home-v21-proof-copy h2,
  .dnb-home-v21-cta h2{
    line-height:1.08!important;
    letter-spacing:-.026em!important;
  }
}


/* ==========================================================================
   V30 — Hero rebuilt from the wide structural image + editable workflow cards
   - One real background image across the whole hero.
   - Workflow remains as HTML/SVG layers so positions stay editable.
   - Presentation follows the approved sample direction: image depth first,
     data workflow floating above the structure.
   ========================================================================== */
.dnb-home-v21 .dnb-home-v21-hero{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  grid-template-columns:minmax(0,.94fr) minmax(560px,1.06fr)!important;
  gap:28px!important;
  min-height:652px!important;
  padding:22px 4px 30px!important;
  background:#061a2b!important;
}

.dnb-home-v21 .dnb-home-v21-hero::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  border-radius:0!important;
  opacity:1!important;
  transform:none!important;
  filter:saturate(.90) contrast(1.03) brightness(.82)!important;
  background:url('../img/home-hero-structure-depth-v30.png') center center/cover no-repeat!important;
  pointer-events:none!important;
}

.dnb-home-v21 .dnb-home-v21-hero::after{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  border-radius:0!important;
  opacity:1!important;
  filter:none!important;
  background:
    linear-gradient(90deg,
      rgba(3,18,30,.94) 0%,
      rgba(3,18,30,.88) 17%,
      rgba(3,18,30,.73) 33%,
      rgba(3,18,30,.41) 50%,
      rgba(3,18,30,.15) 68%,
      rgba(3,18,30,.10) 82%,
      rgba(3,18,30,.22) 100%),
    linear-gradient(180deg,
      rgba(3,18,30,.16) 0%,
      rgba(3,18,30,.03) 52%,
      rgba(3,18,30,.30) 82%,
      rgba(3,18,30,.70) 100%)!important;
  pointer-events:none!important;
}

.dnb-home-v21 .dnb-home-v21-hero-copy{
  position:relative!important;
  z-index:6!important;
  max-width:720px!important;
  text-shadow:0 2px 18px rgba(0,0,0,.18)!important;
}
.dnb-home-v21 .dnb-home-v21-hero-copy > p{
  max-width:695px!important;
  color:#d8e4ec!important;
}
.dnb-home-v21 .dnb-home-v21-proof small{color:#a0b4c0!important}

.dnb-home-v30-hero-visual{
  position:relative!important;
  z-index:5!important;
  min-height:622px!important;
  margin:0!important;
  overflow:visible!important;
  isolation:isolate!important;
  background:none!important;
}
.dnb-home-v30-hero-visual::after{
  display:none!important;
}
.dnb-home-v30-hero-visual .dnb-home-v27-building,
.dnb-home-v30-hero-visual .dnb-home-v27-atmosphere{
  display:none!important;
}
.dnb-home-v30-ambient{
  position:absolute!important;
  z-index:2!important;
  inset:14% 7% 6% 6%!important;
  background:
    radial-gradient(circle at 50% 48%,rgba(63,180,240,.17),transparent 24%),
    radial-gradient(circle at 28% 63%,rgba(166,117,255,.11),transparent 16%),
    radial-gradient(circle at 63% 79%,rgba(70,213,162,.09),transparent 14%),
    radial-gradient(circle at 81% 37%,rgba(52,153,214,.10),transparent 16%);
  filter:blur(10px)!important;
  pointer-events:none!important;
}
.dnb-home-v30-links{
  position:absolute!important;
  z-index:3!important;
  inset:4% 0 3% 0!important;
  width:100%!important;
  height:93%!important;
  overflow:visible!important;
}
.dnb-home-v30-links path{
  fill:none!important;
  stroke:rgba(182,228,248,.74)!important;
  stroke-width:1.55!important;
  stroke-dasharray:5.5 7!important;
  filter:drop-shadow(0 0 4px rgba(74,174,224,.16))!important;
}
.dnb-home-v30-links circle{
  fill:none!important;
  stroke:rgba(109,193,231,.34)!important;
  stroke-width:1.25!important;
  stroke-dasharray:4 8!important;
}

.dnb-home-v30-hero-visual .dnb-home-v27-node,
.dnb-home-v30-hero-visual .dnb-home-v27-core{
  position:absolute!important;
  z-index:5!important;
  color:#eef5f8!important;
  background:linear-gradient(180deg,rgba(8,31,50,.92),rgba(6,23,38,.96))!important;
  border:1px solid rgba(70,126,163,.78)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.26),0 0 22px rgba(54,161,221,.10),inset 0 1px 0 rgba(255,255,255,.035)!important;
  backdrop-filter:blur(8px)!important;
}
.dnb-home-v30-hero-visual .dnb-home-v27-node{
  width:146px!important;
  min-height:114px!important;
  padding:13px 14px!important;
  border-radius:16px!important;
}
.dnb-home-v30-hero-visual .dnb-home-v27-node > b{
  color:#8aa8ba!important;
}
.dnb-home-v30-hero-visual .dnb-home-v27-node > span{
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  margin-bottom:9px!important;
  border-radius:9px!important;
  background:rgba(38,137,206,.16)!important;
  color:#55bfff!important;
}
.dnb-home-v30-hero-visual .dnb-home-v27-node strong{
  display:block!important;
  font-size:12px!important;
  line-height:1.1!important;
  font-weight:780!important;
  letter-spacing:.01em!important;
}
.dnb-home-v30-hero-visual .dnb-home-v27-node small{
  display:block!important;
  margin-top:5px!important;
  color:#bfd0da!important;
  font-size:8px!important;
  line-height:1.25!important;
}
.dnb-home-v30-hero-visual .dnb-home-v27-node.is-model{left:37%!important;top:10%!important}
.dnb-home-v30-hero-visual .dnb-home-v27-node.is-analysis{right:3%!important;top:23%!important}
.dnb-home-v30-hero-visual .dnb-home-v27-node.is-design{right:4%!important;top:57%!important;border-color:rgba(210,136,43,.54)!important}
.dnb-home-v30-hero-visual .dnb-home-v27-node.is-design>span{background:rgba(211,126,37,.13)!important;color:#f2a23c!important}
.dnb-home-v30-hero-visual .dnb-home-v27-node.is-rebar{right:28%!important;bottom:7%!important;border-color:rgba(45,185,142,.52)!important}
.dnb-home-v30-hero-visual .dnb-home-v27-node.is-rebar>span{background:rgba(35,169,131,.15)!important;color:#50e0ad!important}
.dnb-home-v30-hero-visual .dnb-home-v27-node.is-drawing{left:8%!important;bottom:29%!important;border-color:rgba(139,105,218,.50)!important}
.dnb-home-v30-hero-visual .dnb-home-v27-node.is-drawing>span{background:rgba(123,86,206,.15)!important;color:#b995ff!important}

.dnb-home-v30-hero-visual .dnb-home-v27-core{
  left:52%!important;
  top:48.5%!important;
  width:170px!important;
  height:170px!important;
  transform:translate(-50%,-50%)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:20px!important;
  border-color:rgba(68,172,223,.90)!important;
  background:linear-gradient(180deg,rgba(11,50,75,.96),rgba(7,28,44,.99))!important;
  box-shadow:0 20px 42px rgba(0,0,0,.34),0 0 34px rgba(65,170,222,.16),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.dnb-home-v30-hero-visual .dnb-home-v27-core > span{
  width:48px!important;
  height:48px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  background:rgba(62,164,216,.15)!important;
  color:#62caff!important;
}
.dnb-home-v30-hero-visual .dnb-home-v27-core small{margin-top:8px!important;color:#73c4e1!important;font-size:7px!important;font-weight:800!important;letter-spacing:.13em!important}
.dnb-home-v30-hero-visual .dnb-home-v27-core strong{margin-top:4px!important;color:#f4f8fa!important;font-size:16px!important;font-weight:800!important}
.dnb-home-v30-hero-visual .dnb-home-v27-core em{margin-top:5px!important;color:#c4d7e1!important;font-size:8.5px!important;font-style:normal!important}

.dnb-home-v30-hero-visual .dnb-home-v27-note{
  position:absolute!important;
  z-index:6!important;
  color:rgba(175,205,220,.58)!important;
  font-family:"Segoe Print","Bradley Hand",cursive!important;
  font-size:12px!important;
  font-style:italic!important;
  line-height:1.15!important;
  letter-spacing:.055em!important;
  pointer-events:none!important;
  text-shadow:0 2px 10px rgba(0,0,0,.26)!important;
}
.dnb-home-v30-hero-visual .dnb-home-v27-note.is-top{left:23%!important;top:3%!important;transform:rotate(-10deg)!important}
.dnb-home-v30-hero-visual .dnb-home-v27-note.is-top::after{content:"↘"!important;display:block!important;margin-left:62px!important;margin-top:3px!important;font-size:27px!important;color:rgba(161,197,218,.48)!important}
.dnb-home-v30-hero-visual .dnb-home-v27-note.is-bottom{right:1%!important;bottom:4%!important;transform:rotate(-9deg)!important}
.dnb-home-v30-hero-visual .dnb-home-v27-note.is-bottom::before{content:"↗"!important;position:absolute!important;left:-44px!important;top:-8px!important;font-size:25px!important;color:rgba(161,197,218,.43)!important}

@media (min-width:1360px){
  .dnb-home-v21 .dnb-home-v21-hero{grid-template-columns:minmax(0,.92fr) minmax(620px,1.08fr)!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-node.is-analysis{right:1.5%!important}
}

@media (max-width:1180px){
  .dnb-home-v21 .dnb-home-v21-hero{grid-template-columns:minmax(0,.96fr) minmax(500px,1.04fr)!important;min-height:630px!important}
  .dnb-home-v30-hero-visual{min-height:585px!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-node{width:134px!important;min-height:106px!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-core{width:156px!important;height:156px!important}
}

@media (max-width:980px){
  .dnb-home-v21 .dnb-home-v21-hero{
    grid-template-columns:1fr!important;
    min-height:0!important;
    padding:24px 4px 16px!important;
  }
  .dnb-home-v21 .dnb-home-v21-hero::before{
    background-position:63% center!important;
  }
  .dnb-home-v21 .dnb-home-v21-hero::after{
    background:
      linear-gradient(180deg,rgba(3,18,30,.88) 0%,rgba(3,18,30,.75) 26%,rgba(3,18,30,.34) 56%,rgba(3,18,30,.70) 100%),
      linear-gradient(90deg,rgba(3,18,30,.74) 0%,rgba(3,18,30,.34) 55%,rgba(3,18,30,.16) 100%)!important;
  }
  .dnb-home-v21 .dnb-home-v21-hero-copy{padding-right:0!important;padding-bottom:8px!important}
  .dnb-home-v30-hero-visual{
    min-height:535px!important;
    border-top:1px solid rgba(83,135,165,.22)!important;
    overflow:hidden!important;
  }
  .dnb-home-v30-hero-visual .dnb-home-v27-node.is-model{left:33%!important;top:7%!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-node.is-analysis{right:2%!important;top:21%!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-node.is-design{right:1%!important;top:57%!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-node.is-rebar{right:21%!important;bottom:3%!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-node.is-drawing{left:2%!important;bottom:24%!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-note.is-top{left:14%!important;top:4%!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-note.is-bottom{right:3%!important;bottom:5%!important}
}

@media (max-width:700px){
  .dnb-home-v30-hero-visual{min-height:420px!important}
  .dnb-home-v30-links{display:none!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-node{width:108px!important;min-height:88px!important;padding:9px 10px!important;border-radius:12px!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-node>span{width:29px!important;height:29px!important;margin-bottom:5px!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-node>span .dnb-icon{width:15px!important;height:15px!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-node>b{font-size:10px!important;right:8px!important;top:7px!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-node strong{font-size:9px!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-node small{font-size:6.4px!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-core{width:118px!important;height:118px!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-core>span{width:35px!important;height:35px!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-core strong{font-size:12px!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-core small{font-size:5.7px!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-core em{font-size:6.5px!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-node.is-model{left:31%!important;top:6%!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-node.is-analysis{right:1%!important;top:20%!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-node.is-design{right:0!important;top:57%!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-node.is-rebar{right:19%!important;bottom:2%!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-node.is-drawing{left:1%!important;bottom:24%!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-note{display:none!important}
}


/* ==========================================================================
   V31 — Lock desktop hero composition to the approved reference
   Fix: slogan must remain exactly 3 lines on desktop; this also restores the
   intended wide hero aspect ratio so the structural background stays visible.
   ========================================================================== */
@media (min-width:981px){
  .dnb-home-v21 .dnb-home-v21-hero{
    grid-template-columns:minmax(0,49%) minmax(0,51%)!important;
    gap:0!important;
    min-height:610px!important;
    padding:24px 4px 28px!important;
    align-items:center!important;
  }

  .dnb-home-v21 .dnb-home-v21-hero-copy{
    max-width:none!important;
    padding-right:18px!important;
  }

  /* Reference composition = exactly three slogan rows. */
  .dnb-home-v21 .dnb-home-v21-hero h1{
    width:max-content!important;
    max-width:none!important;
    margin-top:13px!important;
    font-size:clamp(50px,4.05vw,66px)!important;
    line-height:.96!important;
    letter-spacing:-.055em!important;
  }
  .dnb-home-v21 .dnb-home-v21-hero h1 > span,
  .dnb-home-v21 .dnb-home-v21-hero h1 > em{
    display:block!important;
    width:max-content!important;
    max-width:none!important;
    white-space:nowrap!important;
  }

  .dnb-home-v21 .dnb-home-v21-hero-copy > p{
    max-width:650px!important;
    margin-top:18px!important;
    font-size:11px!important;
    line-height:1.66!important;
  }
  .dnb-home-v21 .dnb-home-v21-actions{margin-top:18px!important}
  .dnb-home-v21 .dnb-home-v21-proof{margin-top:20px!important}

  /* Keep the background as the visual center instead of turning it into sky. */
  .dnb-home-v21 .dnb-home-v21-hero::before{
    background-position:center center!important;
    background-size:cover!important;
    filter:saturate(.94) contrast(1.035) brightness(.91)!important;
  }
  .dnb-home-v21 .dnb-home-v21-hero::after{
    background:
      linear-gradient(90deg,
        rgba(3,18,30,.92) 0%,
        rgba(3,18,30,.84) 16%,
        rgba(3,18,30,.64) 32%,
        rgba(3,18,30,.31) 47%,
        rgba(3,18,30,.08) 63%,
        rgba(3,18,30,.03) 80%,
        rgba(3,18,30,.15) 100%),
      linear-gradient(180deg,
        rgba(3,18,30,.08) 0%,
        rgba(3,18,30,.01) 54%,
        rgba(3,18,30,.18) 82%,
        rgba(3,18,30,.56) 100%)!important;
  }

  /* Let the editable workflow sit over the building like the reference. */
  .dnb-home-v30-hero-visual{
    min-height:558px!important;
    transform:translateX(-10px)!important;
  }
  .dnb-home-v30-hero-visual .dnb-home-v27-node{
    width:132px!important;
    min-height:102px!important;
    padding:12px 13px!important;
    border-radius:14px!important;
  }
  .dnb-home-v30-hero-visual .dnb-home-v27-node > span{
    width:34px!important;
    height:34px!important;
    margin-bottom:8px!important;
  }
  .dnb-home-v30-hero-visual .dnb-home-v27-node strong{font-size:11.5px!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-node small{font-size:7.5px!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-core{
    width:158px!important;
    height:158px!important;
  }

  .dnb-home-v30-hero-visual .dnb-home-v27-node.is-model{left:34%!important;top:7%!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-node.is-analysis{right:2%!important;top:20%!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-node.is-design{right:1%!important;top:55%!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-node.is-rebar{right:27%!important;bottom:4%!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-node.is-drawing{left:3%!important;bottom:28%!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-core{left:49%!important;top:47%!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-note.is-top{left:19%!important;top:0!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-note.is-bottom{right:0!important;bottom:1%!important}
}

@media (min-width:981px) and (max-width:1220px){
  .dnb-home-v21 .dnb-home-v21-hero h1{
    font-size:clamp(46px,4.1vw,54px)!important;
  }
  .dnb-home-v30-hero-visual{
    transform:translateX(0)!important;
  }
}

@media (max-width:700px){
  .dnb-home-v21 .dnb-home-v21-hero h1{
    width:auto!important;
    max-width:100%!important;
  }
  .dnb-home-v21 .dnb-home-v21-hero h1 > span,
  .dnb-home-v21 .dnb-home-v21-hero h1 > em{
    width:auto!important;
    max-width:100%!important;
    white-space:normal!important;
  }
}

/* ==========================================================================
   V32 — TRUE FULL-HERO IMAGE BASE
   The structural image is now a real <img> element covering the complete Hero.
   All copy, workflow cards, SVG connectors and notes are rendered above it.
   ========================================================================== */
.dnb-home-v21 .dnb-home-v21-hero{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:#061a2b!important;
}

/* Disable the older pseudo-element background/overlay stack completely. */
.dnb-home-v21 .dnb-home-v21-hero::before,
.dnb-home-v21 .dnb-home-v21-hero::after{
  content:none!important;
  display:none!important;
}

/* Lowest layer: the requested wide structural image, full bleed over the Hero. */
.dnb-home-v32-bg{
  position:absolute!important;
  z-index:0!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  opacity:1!important;
  filter:saturate(.98) contrast(1.02) brightness(1.00)!important;
  pointer-events:none!important;
  user-select:none!important;
}

/* Only a light readability veil; do not flatten the building on the right. */
.dnb-home-v32-shade{
  position:absolute!important;
  z-index:1!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,
      rgba(2,16,28,.74) 0%,
      rgba(2,16,28,.60) 17%,
      rgba(2,16,28,.38) 32%,
      rgba(2,16,28,.15) 47%,
      rgba(2,16,28,.04) 61%,
      rgba(2,16,28,.02) 80%,
      rgba(2,16,28,.10) 100%),
    linear-gradient(180deg,
      rgba(2,16,28,.04) 0%,
      rgba(2,16,28,.00) 57%,
      rgba(2,16,28,.12) 82%,
      rgba(2,16,28,.34) 100%)!important;
}

.dnb-home-v21 .dnb-home-v21-hero-copy,
.dnb-home-v21 .dnb-home-v30-hero-visual{
  position:relative!important;
  z-index:4!important;
}

/* Let the background remain visible through the workflow graphics. */
.dnb-home-v30-ambient{
  z-index:2!important;
  opacity:.72!important;
}
.dnb-home-v30-hero-visual .dnb-home-v27-node,
.dnb-home-v30-hero-visual .dnb-home-v27-core{
  background:linear-gradient(180deg,rgba(7,29,47,.84),rgba(5,22,36,.91))!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
}
.dnb-home-v30-hero-visual .dnb-home-v27-core{
  background:linear-gradient(180deg,rgba(9,48,73,.90),rgba(6,27,43,.94))!important;
}

@media (min-width:981px){
  /* Match the wide reference composition and the red-marked Hero area. */
  .dnb-home-v21 .dnb-home-v21-hero{
    grid-template-columns:minmax(0,49%) minmax(0,51%)!important;
    gap:0!important;
    min-height:clamp(545px,42vw,590px)!important;
    padding:18px 4px 24px!important;
    align-items:center!important;
  }

  .dnb-home-v21 .dnb-home-v21-hero-copy{
    max-width:none!important;
    padding-right:18px!important;
  }

  /* Desktop slogan: exactly the 3 lines of the approved reference. */
  .dnb-home-v21 .dnb-home-v21-hero h1{
    width:max-content!important;
    max-width:none!important;
    margin-top:13px!important;
    font-size:clamp(48px,4vw,64px)!important;
    line-height:.96!important;
    letter-spacing:-.055em!important;
  }
  .dnb-home-v21 .dnb-home-v21-hero h1 > span,
  .dnb-home-v21 .dnb-home-v21-hero h1 > em{
    display:block!important;
    width:max-content!important;
    max-width:none!important;
    white-space:nowrap!important;
  }
  .dnb-home-v21 .dnb-home-v21-hero-copy > p{
    max-width:650px!important;
    margin-top:16px!important;
    color:rgba(225,236,243,.91)!important;
    font-size:10.8px!important;
    line-height:1.64!important;
  }
  .dnb-home-v21 .dnb-home-v21-actions{margin-top:17px!important}
  .dnb-home-v21 .dnb-home-v21-proof{margin-top:18px!important}
  .dnb-home-v21 .dnb-home-v21-proof small{color:rgba(195,211,220,.72)!important}

  /* Right overlay remains editable HTML/SVG but reads as drawing over the image. */
  .dnb-home-v30-hero-visual{
    min-height:520px!important;
    transform:none!important;
  }
  .dnb-home-v30-hero-visual .dnb-home-v27-node{
    width:130px!important;
    min-height:100px!important;
    padding:11px 12px!important;
    border-radius:14px!important;
  }
  .dnb-home-v30-hero-visual .dnb-home-v27-node > span{
    width:33px!important;
    height:33px!important;
    margin-bottom:7px!important;
  }
  .dnb-home-v30-hero-visual .dnb-home-v27-node strong{font-size:11.2px!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-node small{font-size:7.3px!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-core{
    width:152px!important;
    height:152px!important;
  }

  .dnb-home-v30-hero-visual .dnb-home-v27-node.is-model{left:34%!important;top:7%!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-node.is-analysis{right:2%!important;top:20%!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-node.is-design{right:1%!important;top:55%!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-node.is-rebar{right:25%!important;bottom:3%!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-node.is-drawing{left:2%!important;bottom:28%!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-core{left:49%!important;top:47%!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-note.is-top{left:18%!important;top:0!important}
  .dnb-home-v30-hero-visual .dnb-home-v27-note.is-bottom{right:0!important;bottom:0!important}
}

@media (max-width:980px){
  .dnb-home-v32-bg{
    object-position:64% center!important;
  }
  .dnb-home-v32-shade{
    background:
      linear-gradient(180deg,rgba(2,16,28,.70) 0%,rgba(2,16,28,.46) 31%,rgba(2,16,28,.18) 59%,rgba(2,16,28,.48) 100%),
      linear-gradient(90deg,rgba(2,16,28,.56) 0%,rgba(2,16,28,.24) 58%,rgba(2,16,28,.08) 100%)!important;
  }
}

@media (max-width:700px){
  .dnb-home-v32-bg{object-position:70% center!important}
  .dnb-home-v21 .dnb-home-v21-hero h1,
  .dnb-home-v21 .dnb-home-v21-hero h1 > span,
  .dnb-home-v21 .dnb-home-v21-hero h1 > em{
    width:auto!important;
    max-width:100%!important;
    white-space:normal!important;
  }
}


/* ==========================================================================
   V33 — Remove the inner dark fill so the structural image runs continuously
   across the entire hero. Keep only a light readability veil and line accents.
   ========================================================================== */
.dnb-home-v21 .dnb-home-v21-hero-copy,
.dnb-home-v21 .dnb-home-v21-proof,
.dnb-home-v21 .dnb-home-v21-proof > div{
  background:transparent!important;
  box-shadow:none!important;
}

.dnb-home-v32-shade{
  background:
    linear-gradient(90deg,
      rgba(2,16,28,.46) 0%,
      rgba(2,16,28,.39) 14%,
      rgba(2,16,28,.27) 26%,
      rgba(2,16,28,.14) 38%,
      rgba(2,16,28,.06) 50%,
      rgba(2,16,28,.02) 64%,
      rgba(2,16,28,.02) 100%),
    linear-gradient(180deg,
      rgba(2,16,28,.03) 0%,
      rgba(2,16,28,0) 58%,
      rgba(2,16,28,.10) 84%,
      rgba(2,16,28,.26) 100%)!important;
}

.dnb-home-v21 .dnb-home-v21-hero-copy{
  text-shadow:0 2px 18px rgba(0,0,0,.22)!important;
}

.dnb-home-v21 .dnb-home-v21-proof{
  border-top:1px solid rgba(118,153,174,.18)!important;
}
.dnb-home-v21 .dnb-home-v21-proof > div{
  border-right:1px solid rgba(118,153,174,.16)!important;
}
.dnb-home-v21 .dnb-home-v21-proof > div:last-child{
  border-right:0!important;
}

@media (min-width:981px){
  /* Desktop: no separate filled block under the text; image must remain visible. */
  .dnb-home-v21 .dnb-home-v21-hero-copy{
    padding-right:22px!important;
  }
  .dnb-home-v21 .dnb-home-v21-hero-copy > p{
    max-width:620px!important;
  }
}

@media (max-width:980px){
  .dnb-home-v32-shade{
    background:
      linear-gradient(180deg,
        rgba(2,16,28,.56) 0%,
        rgba(2,16,28,.34) 29%,
        rgba(2,16,28,.16) 58%,
        rgba(2,16,28,.42) 100%),
      linear-gradient(90deg,
        rgba(2,16,28,.34) 0%,
        rgba(2,16,28,.15) 56%,
        rgba(2,16,28,.05) 100%)!important;
  }
}


/* ==========================================================================
   V34 — Right-side workflow emphasis
   Add controlled glow/separation to cards, connectors and handwritten notes
   without flattening the structural background image.
   ========================================================================== */

/* Slight local halo only behind the workflow cluster. */
.dnb-home-v30-ambient{
  opacity:.92!important;
  background:
    radial-gradient(circle at 51% 48%,rgba(64,184,240,.20),transparent 24%),
    radial-gradient(circle at 82% 35%,rgba(63,176,232,.10),transparent 18%),
    radial-gradient(circle at 71% 77%,rgba(64,219,164,.09),transparent 15%),
    radial-gradient(circle at 22% 66%,rgba(170,121,255,.08),transparent 15%)!important;
  filter:blur(12px)!important;
}

/* Main card language: brighter edge + soft outer halo. */
.dnb-home-v30-hero-visual .dnb-home-v27-node,
.dnb-home-v30-hero-visual .dnb-home-v27-core{
  background:linear-gradient(180deg,rgba(7,31,50,.90),rgba(5,22,36,.95))!important;
  border-color:rgba(91,176,222,.86)!important;
  box-shadow:
    0 18px 36px rgba(0,0,0,.30),
    0 0 0 1px rgba(124,211,250,.06),
    0 0 18px rgba(61,179,234,.16),
    inset 0 1px 0 rgba(255,255,255,.06)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}

.dnb-home-v30-hero-visual .dnb-home-v27-core{
  border-color:rgba(79,201,255,.98)!important;
  background:linear-gradient(180deg,rgba(9,53,80,.95),rgba(5,28,45,.97))!important;
  box-shadow:
    0 20px 42px rgba(0,0,0,.34),
    0 0 0 1px rgba(97,211,255,.11),
    0 0 26px rgba(54,190,248,.28),
    0 0 58px rgba(41,159,217,.10),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
}

/* Give the specialty cards their own restrained accent glow. */
.dnb-home-v30-hero-visual .dnb-home-v27-node.is-design{
  border-color:rgba(244,161,55,.78)!important;
  box-shadow:0 18px 36px rgba(0,0,0,.30),0 0 18px rgba(242,162,60,.14),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.dnb-home-v30-hero-visual .dnb-home-v27-node.is-rebar{
  border-color:rgba(73,221,171,.78)!important;
  box-shadow:0 18px 36px rgba(0,0,0,.30),0 0 18px rgba(68,216,164,.14),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.dnb-home-v30-hero-visual .dnb-home-v27-node.is-drawing{
  border-color:rgba(177,139,255,.76)!important;
  box-shadow:0 18px 36px rgba(0,0,0,.30),0 0 18px rgba(162,121,245,.13),inset 0 1px 0 rgba(255,255,255,.055)!important;
}

/* Icons read as luminous UI markers, not flat boxes. */
.dnb-home-v30-hero-visual .dnb-home-v27-node > span,
.dnb-home-v30-hero-visual .dnb-home-v27-core > span{
  box-shadow:0 0 16px currentColor!important;
}
.dnb-home-v30-hero-visual .dnb-home-v27-node > span{
  background:rgba(31,131,192,.23)!important;
}
.dnb-home-v30-hero-visual .dnb-home-v27-core > span{
  background:rgba(55,178,231,.22)!important;
}
.dnb-home-v30-hero-visual .dnb-home-v27-node.is-design > span{background:rgba(211,126,37,.19)!important}
.dnb-home-v30-hero-visual .dnb-home-v27-node.is-rebar > span{background:rgba(35,169,131,.20)!important}
.dnb-home-v30-hero-visual .dnb-home-v27-node.is-drawing > span{background:rgba(123,86,206,.20)!important}

/* Make titles and numbering stand off the photo slightly more. */
.dnb-home-v30-hero-visual .dnb-home-v27-node strong,
.dnb-home-v30-hero-visual .dnb-home-v27-core strong{
  color:#f7fbfd!important;
  text-shadow:0 1px 10px rgba(0,0,0,.36),0 0 10px rgba(123,207,246,.08)!important;
}
.dnb-home-v30-hero-visual .dnb-home-v27-node > b{
  color:rgba(183,213,229,.86)!important;
  text-shadow:0 0 10px rgba(82,179,226,.18)!important;
}
.dnb-home-v30-hero-visual .dnb-home-v27-node small,
.dnb-home-v30-hero-visual .dnb-home-v27-core em{
  color:rgba(216,231,239,.86)!important;
  text-shadow:0 1px 7px rgba(0,0,0,.35)!important;
}

/* Connectors: brighter dashed vector lines with a small luminous edge. */
.dnb-home-v30-links path{
  stroke:rgba(191,231,250,.88)!important;
  stroke-width:1.75!important;
  stroke-dasharray:5.5 6.5!important;
  filter:drop-shadow(0 0 2px rgba(121,213,255,.72)) drop-shadow(0 0 7px rgba(62,166,221,.22))!important;
}
.dnb-home-v30-links circle{
  stroke:rgba(114,200,238,.50)!important;
  stroke-width:1.3!important;
  filter:drop-shadow(0 0 5px rgba(72,179,229,.20))!important;
}
.dnb-home-v30-links path.is-design{stroke:rgba(237,200,143,.82)!important}
.dnb-home-v30-links path.is-rebar{stroke:rgba(146,231,203,.84)!important}
.dnb-home-v30-links path.is-drawing{stroke:rgba(205,182,252,.82)!important}

/* Handwritten notes + arrows: lift them above the busy structural photo. */
.dnb-home-v30-hero-visual .dnb-home-v27-note{
  color:rgba(191,218,232,.76)!important;
  text-shadow:
    0 1px 5px rgba(0,0,0,.58),
    0 0 10px rgba(109,195,236,.24)!important;
}
.dnb-home-v30-hero-visual .dnb-home-v27-note.is-top::after,
.dnb-home-v30-hero-visual .dnb-home-v27-note.is-bottom::before{
  color:rgba(190,222,239,.70)!important;
  text-shadow:0 0 9px rgba(92,192,238,.28)!important;
}

@media (max-width:980px){
  /* Keep the glow restrained on smaller screens. */
  .dnb-home-v30-hero-visual .dnb-home-v27-node,
  .dnb-home-v30-hero-visual .dnb-home-v27-core{
    box-shadow:0 14px 28px rgba(0,0,0,.28),0 0 14px rgba(61,179,234,.12),inset 0 1px 0 rgba(255,255,255,.05)!important;
  }
}


/* ==========================================================================
   V35 — Refine hero copy rhythm + subtle dimensional slogan treatment
   - Move the trailing "— D&B ..." clause to its own row on desktop.
   - Give the main 3-line hero slogan a restrained 3D / embossed presence.
   ========================================================================== */

/* Deterministic line wrap for the descriptive copy under the slogan. */
.dnb-home-v21-copy-tail{
  display:inline!important;
}

/* Subtle 3D emphasis: keep it professional, not gimmicky. */
.dnb-home-v21 .dnb-home-v21-hero h1 span,
.dnb-home-v21 .dnb-home-v21-hero h1 em{
  position:relative!important;
  text-rendering:optimizeLegibility;
}
.dnb-home-v21 .dnb-home-v21-hero h1 span{
  text-shadow:
    0 1px 0 rgba(255,255,255,.08),
    0 2px 0 rgba(7,21,34,.26),
    0 3px 0 rgba(6,18,30,.19),
    0 14px 24px rgba(0,0,0,.28)!important;
}
.dnb-home-v21 .dnb-home-v21-hero h1 em{
  text-shadow:
    0 1px 0 rgba(255,194,145,.10),
    0 2px 0 rgba(125,57,13,.26),
    0 3px 0 rgba(96,42,8,.20),
    0 14px 24px rgba(0,0,0,.24)!important;
}

@media (min-width:981px){
  .dnb-home-v21 .dnb-home-v21-hero-copy > p{
    max-width:690px!important;
    line-height:1.66!important;
  }
  .dnb-home-v21-copy-tail{
    display:block!important;
    margin-top:2px!important;
  }
}

@media (max-width:980px){
  .dnb-home-v21-copy-tail{
    display:inline!important;
  }
}


/* ==========================================================================
   V36 — Product visual emphasis + larger comparison copy
   - Make the Structure analytical wireframe read as a real hero visual.
   - Increase the lower comparison-card typography for easier scanning.
   ========================================================================== */

/* Structure analytical model: brighter, larger and separated from its panel. */
.dnb-home-v21-product-card.is-structure .dnb-home-v21-wireframe{
  height:222px!important;
  margin:12px 0 14px!important;
  border-color:rgba(62,176,230,.44)!important;
  background:
    radial-gradient(circle at 50% 47%,rgba(27,154,216,.13),transparent 45%),
    linear-gradient(rgba(61,148,198,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(61,148,198,.055) 1px,transparent 1px),
    rgba(5,24,39,.76)!important;
  background-size:auto,22px 22px,22px 22px,auto!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 0 0 1px rgba(37,150,205,.04),
    0 12px 28px rgba(0,0,0,.15),
    0 0 26px rgba(26,160,223,.09)!important;
}
.dnb-home-v21-product-card.is-structure .dnb-home-v21-wireframe::before{
  content:"";
  position:absolute;
  inset:12% 14%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(38,177,239,.14),rgba(38,177,239,.03) 42%,transparent 70%);
  filter:blur(10px);
  pointer-events:none;
}
.dnb-home-v21-product-card.is-structure .dnb-home-v21-wireframe svg{
  position:relative!important;
  z-index:1!important;
  width:90%!important;
  height:90%!important;
  filter:drop-shadow(0 0 5px rgba(50,190,247,.30)) drop-shadow(0 0 13px rgba(31,145,207,.12))!important;
}
.dnb-home-v21-product-card.is-structure .dnb-home-v21-wireframe g{
  stroke:#39bdf2!important;
  stroke-width:1.9!important;
}
.dnb-home-v21-product-card.is-structure .dnb-home-v21-wireframe figcaption{
  z-index:2!important;
  padding:6px 8px!important;
  border-color:rgba(76,184,231,.38)!important;
  background:rgba(4,27,43,.88)!important;
  color:#80d8ff!important;
  font-size:6.5px!important;
  box-shadow:0 0 13px rgba(48,171,226,.10)!important;
}

/* Lower comparison section: increase hierarchy and reading size. */
.dnb-home-v21-compare-grid > article{
  min-height:292px!important;
  padding:22px!important;
}
.dnb-home-v21-compare-grid article header small{
  font-size:7.5px!important;
  line-height:1.25!important;
  letter-spacing:.105em!important;
}
.dnb-home-v21-compare-grid article header h3{
  margin-top:7px!important;
  font-size:20.5px!important;
  line-height:1.18!important;
  letter-spacing:-.025em!important;
}
.dnb-home-v21-chain{
  gap:8px!important;
  margin:20px 0!important;
}
.dnb-home-v21-chain span{
  padding:8px 10px!important;
  font-size:8.3px!important;
  line-height:1.15!important;
}
.dnb-home-v21-chain i{
  font-size:10px!important;
}
.dnb-home-v21-compare-grid ul{
  gap:9px!important;
}
.dnb-home-v21-compare-grid li{
  padding-left:17px!important;
  color:#9eb1be!important;
  font-size:9.4px!important;
  line-height:1.52!important;
}
.dnb-home-v21-compare-grid li::before{
  width:6.5px!important;
  height:6.5px!important;
}
.dnb-home-v21-controlled{
  grid-template-columns:19px auto 1fr auto!important;
  gap:9px!important;
  margin-top:18px!important;
  padding:11px 12px!important;
}
.dnb-home-v21-controlled .dnb-icon{
  width:16px!important;
  height:16px!important;
}
.dnb-home-v21-controlled strong{
  font-size:7.4px!important;
  letter-spacing:.085em!important;
}
.dnb-home-v21-controlled span{
  font-size:7.8px!important;
}
.dnb-home-v21-compare-switch > span{
  width:52px!important;
  height:52px!important;
}
.dnb-home-v21-compare-switch .dnb-icon{
  width:21px!important;
  height:21px!important;
}
.dnb-home-v21-compare-switch b{
  font-size:7.8px!important;
}

@media (max-width:980px){
  .dnb-home-v21-product-card.is-structure .dnb-home-v21-wireframe{
    height:210px!important;
  }
  .dnb-home-v21-compare-grid > article{
    min-height:0!important;
  }
}

@media (max-width:700px){
  .dnb-home-v21-product-card.is-structure .dnb-home-v21-wireframe{
    height:195px!important;
  }
  .dnb-home-v21-compare-grid article header h3{
    font-size:18px!important;
  }
  .dnb-home-v21-compare-grid li{
    font-size:8.8px!important;
  }
  .dnb-home-v21-chain span{
    font-size:7.8px!important;
  }
}


/* ==========================================================================
   V37 — Broaden typographic scale in product + workflow sections,
   while tightening the final CTA card so its bordered block feels shorter.
   ========================================================================== */

/* Product ecosystem: make the supporting copy read more comfortably. */
.dnb-home-v21-products .dnb-home-v23-section-summary{
  font-size:10.2px!important;
  line-height:1.68!important;
  color:#90a6b5!important;
}
.dnb-home-v21-product-head small{
  font-size:7.4px!important;
  letter-spacing:.11em!important;
}
.dnb-home-v21-product-card h3{
  font-size:18.8px!important;
  line-height:1.12!important;
}
.dnb-home-v21-product-card>p{
  min-height:52px!important;
  font-size:10.2px!important;
  line-height:1.66!important;
  color:#9db0bc!important;
}
.dnb-home-v21-product-card ul{
  gap:8px!important;
  margin-top:2px!important;
}
.dnb-home-v21-product-card li{
  padding-left:17px!important;
  font-size:9.2px!important;
  line-height:1.58!important;
  color:#b2c0ca!important;
}
.dnb-home-v21-product-card li::before{
  font-size:10px!important;
}
.dnb-home-v21-product-card>a{
  padding-top:18px!important;
  font-size:9.1px!important;
  gap:7px!important;
}
.dnb-home-v21-product-card>a .dnb-icon{
  width:12px!important;
  height:12px!important;
}

/* Compare section header and body: raise the reading size slightly further. */
.dnb-home-v21-compare .dnb-home-v21-section-head>p{
  max-width:430px!important;
  font-size:10.7px!important;
  line-height:1.7!important;
  color:#a5b4bf!important;
}

/* Revit workflow section: larger, clearer copy in the left column. */
.dnb-home-v21-proof-copy>p{
  font-size:10.8px!important;
  line-height:1.72!important;
  color:#97acbb!important;
}
.dnb-home-v21-proof-list{
  gap:10px!important;
  margin-top:20px!important;
}
.dnb-home-v21-proof-list article{
  grid-template-columns:38px minmax(0,1fr)!important;
  gap:14px!important;
  padding:11px 0!important;
}
.dnb-home-v21-proof-list article>b{
  width:32px!important;
  height:32px!important;
  font-size:8.6px!important;
}
.dnb-home-v21-proof-list strong{
  font-size:10.6px!important;
  line-height:1.32!important;
}
.dnb-home-v21-proof-list small{
  margin-top:4px!important;
  font-size:8.6px!important;
  line-height:1.58!important;
  color:#8097a7!important;
}
.dnb-home-v21-proof-copy>a{
  margin-top:18px!important;
  font-size:9px!important;
  gap:7px!important;
}
.dnb-home-v21-proof-copy>a .dnb-icon{
  width:12px!important;
  height:12px!important;
}
.dnb-home-v21-ribbon-bar span{
  font-size:7.2px!important;
}
.dnb-home-v21-ribbon-bar small{
  font-size:6.9px!important;
}
.dnb-home-v21-ribbon-shot figcaption strong{
  font-size:10.8px!important;
}
.dnb-home-v21-ribbon-shot figcaption span{
  font-size:8px!important;
}

/* Final CTA: make the block visually shorter and drop the copy slightly lower. */
.dnb-home-v21-cta{
  margin-top:28px!important;
  padding:22px 30px!important;
  gap:22px!important;
  align-items:center!important;
}
.dnb-home-v21-cta>div:first-child{
  max-width:740px!important;
  padding-top:8px!important;
}
.dnb-home-v21-cta h2{
  font-size:37px!important;
  line-height:1.04!important;
  letter-spacing:-.034em!important;
}
.dnb-home-v21-cta p{
  margin-top:8px!important;
  font-size:10.1px!important;
  line-height:1.66!important;
}
.dnb-home-v21-cta>div:last-child{
  align-self:center!important;
}

@media (max-width:980px){
  .dnb-home-v21-product-card>p,
  .dnb-home-v21-proof-copy>p,
  .dnb-home-v21-compare .dnb-home-v21-section-head>p,
  .dnb-home-v21-cta p{
    font-size:10px!important;
  }
  .dnb-home-v21-proof-list strong{
    font-size:10.1px!important;
  }
  .dnb-home-v21-proof-list small{
    font-size:8.2px!important;
  }
  .dnb-home-v21-cta{
    padding:20px 22px!important;
  }
  .dnb-home-v21-cta>div:first-child{
    padding-top:2px!important;
  }
}

@media (max-width:700px){
  .dnb-home-v21-product-card li{
    font-size:8.8px!important;
  }
  .dnb-home-v21-proof-copy h2,
  .dnb-home-v21-cta h2{
    font-size:29px!important;
  }
  .dnb-home-v21-proof-list article{
    grid-template-columns:34px minmax(0,1fr)!important;
  }
  .dnb-home-v21-proof-list strong{
    font-size:9.6px!important;
  }
  .dnb-home-v21-proof-list small{
    font-size:7.9px!important;
  }
  .dnb-home-v21-cta{
    padding:18px 18px!important;
  }
}

/* ========================================================================== 
   V38 — Public Workspace for anonymous visitors + reliable logout action
   ========================================================================== */
.dnb-topbar-login{
  height:40px!important;
  min-width:118px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:0 14px!important;
  border:1px solid rgba(52,119,159,.72)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,rgba(9,37,57,.96),rgba(6,27,43,.96))!important;
  color:#e9f4fa!important;
  font-size:9px!important;
  font-weight:750!important;
  text-decoration:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 18px rgba(0,0,0,.12)!important;
  transition:border-color .16s ease,background .16s ease,transform .16s ease!important;
}
.dnb-topbar-login:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(80,180,229,.82)!important;
  background:linear-gradient(180deg,rgba(11,48,73,.98),rgba(7,31,49,.98))!important;
}
.dnb-topbar-login>i{
  width:18px!important;
  height:18px!important;
  display:grid!important;
  place-items:center!important;
  color:#68c8f1!important;
}
.dnb-topbar-login>i .dnb-icon{
  width:16px!important;
  height:16px!important;
}

.dnb-logout-form{
  margin:0!important;
  padding:0!important;
}
.dnb-logout-form button{
  width:100%!important;
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:0 9px!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#a5b7c4!important;
  font:inherit!important;
  font-size:10px!important;
  font-weight:600!important;
  text-align:left!important;
  cursor:pointer!important;
}
.dnb-logout-form button:hover{
  background:#0a2438!important;
  color:#fff!important;
}
.dnb-logout-form button>i{
  width:19px!important;
  height:19px!important;
  display:grid!important;
  place-items:center!important;
  color:#7cb4d7!important;
}
.dnb-logout-form button>i .dnb-icon{
  width:16px!important;
  height:16px!important;
}

.theme-light .dnb-topbar-login{
  border-color:#d5e3eb!important;
  background:#fff!important;
  color:#2a3a45!important;
  box-shadow:0 8px 20px rgba(34,56,71,.05)!important;
}
.theme-light .dnb-topbar-login:hover{
  border-color:#9cc9df!important;
  background:#f4fbff!important;
}
.theme-light .dnb-logout-form button{
  color:#536875!important;
}
.theme-light .dnb-logout-form button:hover{
  background:#eef7fc!important;
  color:#22323d!important;
}

@media (max-width:700px){
  .dnb-topbar-login{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    padding:0!important;
    border-radius:11px!important;
  }
  .dnb-topbar-login>span{display:none!important}
}

/* ==========================================================================
   PAYMENT CORE · SePay checkout
   ========================================================================== */
.dnb-pay-v1{padding:28px 0 44px;color:#eaf2f7}.dnb-pay-v1-inner{max-width:1260px;margin:0 auto;padding:0 28px}
.dnb-pay-v1-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:18px}.dnb-pay-v1-head h1{margin:4px 0 4px;font-size:42px;line-height:1;font-weight:800;letter-spacing:-.045em}.dnb-pay-v1-head p{max-width:760px;margin:0;color:#91a8b7;font-size:12px;line-height:1.6}.dnb-pay-v1-mode{flex:0 0 auto;padding:8px 12px;border:1px solid rgba(91,137,164,.32);border-radius:999px;background:#0a2032;color:#93aaba;font-size:9px;font-weight:800;letter-spacing:.1em}.dnb-pay-v1-mode.is-live{border-color:rgba(31,198,139,.38);background:rgba(17,103,79,.18);color:#48d7a5}.dnb-pay-v1-mode.is-test{border-color:rgba(255,137,54,.38);background:rgba(142,77,32,.15);color:#ff9b57}
.dnb-pay-v1-alert{display:grid;gap:3px;margin:0 0 18px;padding:13px 16px;border:1px solid rgba(255,176,59,.3);border-radius:12px;background:rgba(113,72,19,.14);color:#f2c06f}.dnb-pay-v1-alert strong{font-size:11px}.dnb-pay-v1-alert span{font-size:9px;font-weight:750;letter-spacing:.04em}.dnb-pay-v1-alert small{color:#a99a78;font-size:8.5px}.dnb-pay-v1-alert.is-error{border-color:rgba(255,92,92,.32);background:rgba(120,36,42,.13);color:#ff9c9c}
.dnb-pay-v1-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);gap:18px;align-items:start}.dnb-pay-v1-plans,.dnb-pay-v1-checkout,.dnb-pay-v1-history,.dnb-pay-v1-explain{border:1px solid rgba(76,119,145,.35);border-radius:15px;background:linear-gradient(180deg,rgba(8,31,49,.82),rgba(6,25,40,.9));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.dnb-pay-v1-plans{padding:17px}.dnb-pay-v1-checkout{position:sticky;top:86px;padding:17px}.dnb-pay-v1-section-title{display:flex;align-items:center;gap:11px;margin-bottom:14px}.dnb-pay-v1-section-title>span{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(57,153,208,.32);border-radius:9px;background:rgba(21,92,132,.18);color:#65cdf7;font-size:11px;font-weight:800}.dnb-pay-v1-section-title>div{display:grid;gap:2px}.dnb-pay-v1-section-title strong{font-size:13px}.dnb-pay-v1-section-title small{color:#738f9f;font-size:8.7px}
.dnb-pay-v1-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.dnb-pay-v1-plan{appearance:none;width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid rgba(76,119,145,.32);border-radius:12px;background:#071d2e;color:inherit;text-align:left;cursor:pointer;transition:.16s ease}.dnb-pay-v1-plan:hover{border-color:rgba(77,166,214,.48);transform:translateY(-1px)}.dnb-pay-v1-plan.is-selected{border-color:#ff7b2f;background:linear-gradient(135deg,rgba(119,57,24,.18),rgba(8,31,49,.96));box-shadow:0 0 0 1px rgba(255,123,47,.12),inset 3px 0 0 #ff7b2f}.dnb-pay-v1-plan-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:rgba(23,110,157,.19);color:#55bfff}.dnb-pay-v1-plan-icon .dnb-icon{width:19px;height:19px}.dnb-pay-v1-plan-copy{display:grid;min-width:0;gap:2px}.dnb-pay-v1-plan-copy small{color:#5dbbe7;font-size:6.5px;font-weight:800;letter-spacing:.09em}.dnb-pay-v1-plan-copy strong{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dnb-pay-v1-plan-copy em{color:#839aa8;font-size:7.8px;font-style:normal}.dnb-pay-v1-plan-price{text-align:right;display:grid;gap:1px}.dnb-pay-v1-plan-price b{font-size:13px}.dnb-pay-v1-plan-price small{color:#748b99;font-size:6.5px}
.dnb-pay-v1-explain{display:grid;grid-template-columns:auto 1fr;gap:13px;margin-top:13px;padding:15px}.dnb-pay-v1-explain>div{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:rgba(19,132,103,.15);color:#4cddb0}.dnb-pay-v1-explain>div .dnb-icon{width:21px;height:21px}.dnb-pay-v1-explain section span{color:#4bcfa8;font:800 7px/1.2 var(--dnb-home-tech-font,"IBM Plex Mono",Consolas,monospace);letter-spacing:.1em}.dnb-pay-v1-explain section h2{margin:4px 0 4px;font-size:15px;line-height:1.18}.dnb-pay-v1-explain section p{margin:0;color:#879ca9;font-size:8.7px;line-height:1.55}.dnb-pay-v1-explain ol{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0;padding:0;list-style:none}.dnb-pay-v1-explain li{display:flex;align-items:center;gap:6px;padding:8px;border-radius:9px;background:rgba(7,24,39,.74);border:1px solid rgba(63,105,130,.24);color:#9eb0bb;font-size:7.5px}.dnb-pay-v1-explain li b{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#0d3853;color:#5fc8f3;font-size:7px}
.dnb-pay-v1-login,.dnb-pay-v1-order-empty{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px}.dnb-pay-v1-login>span,.dnb-pay-v1-order-empty>span{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:rgba(22,109,158,.18);color:#5bc7f5}.dnb-pay-v1-login>span .dnb-icon,.dnb-pay-v1-order-empty>span .dnb-icon{width:28px;height:28px}.dnb-pay-v1-login h2,.dnb-pay-v1-order-empty h2{margin:14px 0 5px;font-size:19px}.dnb-pay-v1-login p,.dnb-pay-v1-order-empty p{max-width:310px;margin:0 0 16px;color:#849ba9;font-size:9px;line-height:1.55}
.dnb-pay-v1-order{min-height:400px;border:1px solid rgba(59,111,142,.3);border-radius:13px;background:#061827;overflow:hidden}.dnb-pay-v1-order.is-empty{display:block}.dnb-pay-v1-order-head{display:flex;justify-content:space-between;align-items:center;padding:12px 13px;border-bottom:1px solid rgba(65,109,136,.27)}.dnb-pay-v1-order-head>div{display:grid}.dnb-pay-v1-order-head small{color:#718c9d;font-size:6.5px;letter-spacing:.1em}.dnb-pay-v1-order-head strong{font-size:13px;letter-spacing:.04em}.dnb-pay-v1-order-head>span{padding:6px 9px;border-radius:999px;background:rgba(32,133,100,.16);color:#42d8a1;font-size:7px;font-weight:800}.dnb-pay-v1-qr{display:grid;place-items:center;padding:13px 13px 6px;min-height:264px}.dnb-pay-v1-qr img{width:min(100%,245px);aspect-ratio:1;border-radius:12px;background:#fff;object-fit:contain}.dnb-pay-v1-noqr,.dnb-pay-v1-qr-loading{padding:80px 20px;color:#8fa4b2;text-align:center}.dnb-pay-v1-qr.is-error{min-height:264px}.dnb-pay-v1-qr-fallback{width:min(100%,245px);min-height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;border:1px dashed rgba(67,165,215,.32);border-radius:12px;background:linear-gradient(180deg,rgba(10,40,58,.74),rgba(7,27,42,.9));text-align:center}.dnb-pay-v1-qr-fallback span{color:#55c7ff;font-size:7px;font-weight:800;letter-spacing:.12em}.dnb-pay-v1-qr-fallback strong{max-width:190px;color:#dbeaf1;font-size:10px;line-height:1.45}.dnb-pay-v1-qr-fallback button{margin-top:4px;padding:7px 11px;border:1px solid rgba(85,199,255,.32);border-radius:8px;background:#0c2b40;color:#cdeeff;font-size:8px;font-weight:800;cursor:pointer}.dnb-pay-v1-qr-fallback button:hover{border-color:rgba(85,199,255,.56);background:#10364f}.dnb-pay-v1-total{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:end;padding:7px 14px 11px}.dnb-pay-v1-total small{grid-column:1/-1;color:#768f9e;font-size:6.6px;letter-spacing:.1em}.dnb-pay-v1-total strong{font-size:24px;line-height:1;color:#f5f8fa}.dnb-pay-v1-total span{color:#8198a6;font-size:7.5px}.dnb-pay-v1-total span b{color:#ff9a55;font-size:10px}.dnb-pay-v1-bank{margin:0 13px;border-top:1px solid rgba(63,105,130,.25);border-bottom:1px solid rgba(63,105,130,.25)}.dnb-pay-v1-bank>div{display:grid;grid-template-columns:100px 1fr;gap:10px;padding:7px 0}.dnb-pay-v1-bank dt{color:#758d9c;font-size:7.5px}.dnb-pay-v1-bank dd{margin:0;color:#dce8ee;font-size:8px;font-weight:700}.dnb-pay-v1-transfer{position:relative;margin:11px 13px;padding:10px 74px 10px 11px;border:1px solid rgba(255,151,73,.3);border-radius:10px;background:rgba(126,68,27,.12);display:grid;gap:2px}.dnb-pay-v1-transfer small{color:#aa8a72;font-size:6.3px;letter-spacing:.09em}.dnb-pay-v1-transfer strong{color:#ffb271;font-size:12px;letter-spacing:.05em}.dnb-pay-v1-transfer button{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:1px solid rgba(255,159,87,.32);border-radius:8px;background:#10293a;color:#e6eef3;padding:6px 8px;font-size:7px;cursor:pointer}.dnb-pay-v1-wait{margin:0;padding:0 13px 12px;color:#6f8998;font-size:7px;text-align:center}.dnb-pay-v1-create{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;padding:11px 14px;border:1px solid #ff7b2f;border-radius:10px;background:#ff7b2f;color:#fff;font-weight:800;font-size:10px;cursor:pointer}.dnb-pay-v1-create .dnb-icon{width:15px;height:15px}.dnb-pay-v1-create:hover{filter:brightness(1.05)}.dnb-pay-v1-create:disabled{cursor:not-allowed;opacity:.45;filter:none}.dnb-pay-v1-create.is-loading{opacity:.65}.dnb-pay-v1-safe-note{display:flex;align-items:center;justify-content:center;gap:5px;margin:8px 0 0;color:#698594;font-size:6.8px}.dnb-pay-v1-safe-note .dnb-icon{width:11px;height:11px}
.dnb-pay-v1-success,.dnb-pay-v1-review{min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px}.dnb-pay-v1-success>span{width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:rgba(27,160,116,.16);border:1px solid rgba(51,214,158,.35);color:#51e1ad;font-size:26px}.dnb-pay-v1-success small,.dnb-pay-v1-review>span{margin-top:13px;color:#4dd5a4;font-size:7px;font-weight:800;letter-spacing:.11em}.dnb-pay-v1-success h2,.dnb-pay-v1-review h2{margin:6px 0;font-size:20px}.dnb-pay-v1-success p,.dnb-pay-v1-review p{max-width:330px;margin:0;color:#8ca1ae;font-size:9px;line-height:1.55}.dnb-pay-v1-success a{margin-top:14px;color:#74ccf2;font-size:9px;font-weight:700}.dnb-pay-v1-review>span{color:#ffb15f}.dnb-pay-v1-review small{margin-top:7px;color:#b1886d;font-size:7px}
.dnb-pay-v1-history{margin-top:18px;padding:16px}.dnb-pay-v1-history>header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:10px}.dnb-pay-v1-history h2{margin:3px 0 0;font-size:17px}.dnb-pay-v1-history>header>a{color:#83ccef;font-size:8px}.dnb-pay-v1-history-list{display:grid;gap:6px}.dnb-pay-v1-history-list article{display:grid;grid-template-columns:minmax(220px,1fr) 115px 110px 130px;align-items:center;gap:10px;padding:9px 11px;border:1px solid rgba(57,99,124,.25);border-radius:9px;background:#071c2d}.dnb-pay-v1-history-list article>div{display:grid;grid-template-columns:105px 1fr;gap:10px}.dnb-pay-v1-history-list b{color:#77c9ee;font-size:8px}.dnb-pay-v1-history-list strong{font-size:8.5px}.dnb-pay-v1-history-list article>span{justify-self:start;padding:4px 7px;border-radius:999px;background:#0b3047;color:#79c8ee;font-size:6.8px;font-weight:800}.dnb-pay-v1-history-list article>span.is-fulfilled{background:rgba(27,139,103,.17);color:#43dda5}.dnb-pay-v1-history-list article>span.is-review{background:rgba(158,87,31,.17);color:#ffad67}.dnb-pay-v1-history-list article>span.is-expired{background:rgba(108,119,129,.14);color:#97a7b0}.dnb-pay-v1-history-list em{font-style:normal;font-size:9px;font-weight:700}.dnb-pay-v1-history-list article>small{color:#6f8796;font-size:7px}.dnb-pay-v1-history-empty{padding:26px;text-align:center;color:#758d9b;font-size:9px}
@media(max-width:1050px){.dnb-pay-v1-layout{grid-template-columns:1fr}.dnb-pay-v1-checkout{position:static}.dnb-pay-v1-history-list article{grid-template-columns:1fr auto auto}.dnb-pay-v1-history-list article>small{grid-column:1/-1}}
@media(max-width:720px){.dnb-pay-v1{padding-top:20px}.dnb-pay-v1-inner{padding:0 14px}.dnb-pay-v1-head{align-items:flex-start}.dnb-pay-v1-head h1{font-size:32px}.dnb-pay-v1-head p{font-size:10px}.dnb-pay-v1-plan-grid{grid-template-columns:1fr}.dnb-pay-v1-explain ol{grid-template-columns:1fr 1fr}.dnb-pay-v1-history-list article{grid-template-columns:1fr auto}.dnb-pay-v1-history-list article>div{grid-column:1/-1}.dnb-pay-v1-history-list em{justify-self:end}.dnb-pay-v1-history-list article>small{grid-column:1/-1}}

/* Payment checkout consent --------------------------------------------------- */
.dnb-pay-v1-consent{display:flex;align-items:flex-start;gap:9px;margin:12px 0 10px;padding:10px 11px;border:1px solid rgba(64,108,136,.34);border-radius:10px;background:rgba(5,25,40,.48);color:#8fa6b4;font-size:10px;line-height:1.55;cursor:pointer}
.dnb-pay-v1-consent input{margin-top:2px;accent-color:#ff7a2f}.dnb-pay-v1-consent a{color:#d6e8f1;text-decoration:none;border-bottom:1px solid rgba(214,232,241,.32)}.dnb-pay-v1-consent a:hover{color:#fff}
.dnb-v3-upgrade-note-link{display:block;text-decoration:none}.dnb-v3-upgrade-note-link .is-upgrade-note{transition:border-color .16s ease,background .16s ease,transform .16s ease}.dnb-v3-upgrade-note-link:hover .is-upgrade-note{border-color:rgba(238,190,49,.42);background:rgba(238,190,49,.07);transform:translateY(-1px)}

/* ========================================================================== 
   D&B Payment V2 — BIDV/SePay primary + MoMo fallback
   ========================================================================== */
.dnb-pay-v2-head{align-items:center}.dnb-pay-v2-head p{max-width:820px;font-size:12.5px}
.dnb-pay-v2-admin-alert{border-radius:10px}.dnb-pay-v2-user-alert{grid-template-columns:1fr;max-width:720px}
.dnb-pay-v2-layout{grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);gap:20px}
.dnb-pay-v2-methods{margin-top:16px;padding-top:15px;border-top:1px solid rgba(74,118,145,.25)}
.dnb-pay-v2-method-title{margin-bottom:10px}.dnb-pay-v2-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.dnb-pay-v2-method{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;min-height:80px;padding:12px 13px;border:1px solid rgba(70,116,143,.3);border-radius:12px;background:#071b2c}
.dnb-pay-v2-method.is-auto{border-color:rgba(46,177,227,.42);background:linear-gradient(135deg,rgba(20,103,145,.14),rgba(7,27,44,.96))}.dnb-pay-v2-method.is-active{box-shadow:inset 3px 0 0 #28b4e8}
.dnb-pay-v2-method.is-manual{opacity:.82}.dnb-pay-v2-method-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:rgba(20,109,154,.2);color:#56c9f8}.dnb-pay-v2-method-icon .dnb-icon{width:20px;height:20px}
.dnb-pay-v2-method-icon.is-momo{background:rgba(179,42,111,.15);color:#ff75b6;font-weight:900;font-size:18px}
.dnb-pay-v2-method>div:nth-child(2){display:grid;gap:2px}.dnb-pay-v2-method small{color:#63c9f3;font:800 6.7px/1.2 var(--dnb-home-tech-font,"IBM Plex Mono",Consolas,monospace);letter-spacing:.1em}.dnb-pay-v2-method.is-manual small{color:#d482aa}.dnb-pay-v2-method strong{font-size:12px}.dnb-pay-v2-method span{color:#839aa9;font-size:7.7px;line-height:1.4}.dnb-pay-v2-method>b{align-self:start;padding:5px 7px;border-radius:999px;background:rgba(22,129,95,.17);color:#4ed9aa;font-size:6.4px;text-transform:uppercase;letter-spacing:.08em}.dnb-pay-v2-method.is-manual>b{background:rgba(131,73,104,.15);color:#d9a0bd}
.dnb-pay-v2-explain{margin-top:16px}.dnb-pay-v2-checkout{top:82px}
.dnb-pay-v2-summary{min-height:390px!important;background:radial-gradient(circle at 50% 28%,rgba(30,121,166,.13),transparent 38%),#061827!important}.dnb-pay-v2-summary-inner{min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px}.dnb-pay-v2-summary-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:rgba(20,110,158,.18);border:1px solid rgba(69,164,210,.2);color:#63cef8;font-size:24px}.dnb-pay-v2-summary-inner>small{margin-top:13px;color:#6fcaf1;font:800 7px/1.2 var(--dnb-home-tech-font,"IBM Plex Mono",Consolas,monospace);letter-spacing:.12em}.dnb-pay-v2-summary-inner h2{margin:7px 0 5px;font-size:20px;line-height:1.15}.dnb-pay-v2-summary-inner>strong{font-size:30px;line-height:1;color:#fff}.dnb-pay-v2-summary-inner>p{margin:8px 0 15px;color:#89a0ae;font-size:9px}.dnb-pay-v2-summary-points{width:min(100%,320px);display:grid;gap:6px;text-align:left}.dnb-pay-v2-summary-points span{padding:7px 9px;border-radius:8px;background:rgba(8,37,57,.75);border:1px solid rgba(57,111,143,.2);color:#9bb0bc;font-size:7.5px}.dnb-pay-v2-summary-points span::first-letter{color:#43d9a4}
.dnb-pay-v2-order-plan{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;border-bottom:1px solid rgba(65,109,136,.21);background:rgba(13,50,73,.24)}.dnb-pay-v2-order-plan span{color:#9bb0bc;font-size:8px}.dnb-pay-v2-order-plan strong{font-size:12px}
.dnb-pay-v1-bank dd{display:flex;align-items:center;justify-content:space-between;gap:8px}.dnb-pay-v1-bank dd button{border:1px solid rgba(76,132,165,.3);border-radius:7px;background:#0b2639;color:#a9c9d8;padding:4px 7px;font-size:6.4px;cursor:pointer}.dnb-pay-v1-bank dd button:hover{border-color:rgba(86,176,220,.52);color:#eaf4f8}
.dnb-pay-v2-timeline{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:5px;padding:4px 13px 11px}.dnb-pay-v2-timeline>span{display:grid;place-items:center;gap:3px;color:#698695;font-size:6.2px;text-align:center}.dnb-pay-v2-timeline b{width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#0b2b40;color:#7497aa;font-size:6.5px}.dnb-pay-v2-timeline i{height:1px;background:rgba(74,118,145,.28)}.dnb-pay-v2-timeline .is-done b{background:rgba(26,133,99,.18);color:#49dba6}.dnb-pay-v2-timeline .is-active b{background:rgba(26,116,163,.23);color:#65cdf7;box-shadow:0 0 0 3px rgba(42,151,204,.06)}
.dnb-pay-v2-success-actions{display:flex;gap:10px;margin-top:14px}.dnb-pay-v2-success-actions a{margin-top:0!important;padding:8px 10px;border:1px solid rgba(78,139,173,.31);border-radius:8px;background:#0a2638}
.dnb-pay-v2-momo-fallback{margin-top:10px;border:1px solid rgba(117,80,106,.28);border-radius:11px;background:rgba(41,19,34,.13);overflow:hidden}.dnb-pay-v2-momo-fallback summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px}.dnb-pay-v2-momo-fallback summary::-webkit-details-marker{display:none}.dnb-pay-v2-momo-fallback summary span{color:#dca4c1;font-size:9px;font-weight:800}.dnb-pay-v2-momo-fallback summary small{color:#806b78;font-size:6.8px}.dnb-pay-v2-momo-body{display:grid;grid-template-columns:112px 1fr;gap:13px;padding:0 12px 12px}.dnb-pay-v2-momo-body img{width:112px;height:112px;object-fit:contain;border-radius:10px;background:#fff}.dnb-pay-v2-momo-body>div{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.dnb-pay-v2-momo-body strong{font-size:10px}.dnb-pay-v2-momo-body span{margin-top:2px;color:#e4b4cb;font-size:8px}.dnb-pay-v2-momo-body p{margin:7px 0;color:#8e8190;font-size:7.2px;line-height:1.5}.dnb-pay-v2-momo-body a{color:#d4b2c4;font-size:7px;font-weight:700}
@media(max-width:1050px){.dnb-pay-v2-layout{grid-template-columns:1fr}.dnb-pay-v2-checkout{position:static}.dnb-pay-v2-method-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.dnb-pay-v2-method-grid{grid-template-columns:1fr}.dnb-pay-v2-method{grid-template-columns:auto 1fr}.dnb-pay-v2-method>b{grid-column:2;justify-self:start}.dnb-pay-v2-momo-body{grid-template-columns:94px 1fr}.dnb-pay-v2-momo-body img{width:94px;height:94px}.dnb-pay-v2-timeline{grid-template-columns:repeat(4,1fr)}.dnb-pay-v2-timeline i{display:none}}

/* === D&B Payment RC4 · partial / cumulative / overpayment states === */
.dnb-pay-rc4-partial{
  margin:14px 0 12px;padding:13px 14px;border:1px solid rgba(246,180,54,.28);
  border-left:3px solid #f3b33d;border-radius:11px;background:linear-gradient(110deg,rgba(243,179,61,.10),rgba(12,36,53,.28));
  display:grid;grid-template-columns:1fr 1fr;gap:9px 18px;
}
.dnb-pay-rc4-partial>div{display:flex;flex-direction:column;gap:2px}
.dnb-pay-rc4-partial small{font-size:9px;letter-spacing:.12em;color:#a9bdca;font-weight:800}
.dnb-pay-rc4-partial strong{font-size:21px;line-height:1.1;color:#f8fbff}
.dnb-pay-rc4-partial>div:nth-child(2) strong{color:#ffc85a}
.dnb-pay-rc4-partial p{grid-column:1/-1;margin:2px 0 0;color:#aabecb;font-size:11px;line-height:1.55}
.dnb-pay-rc4-partial p b{color:#ffd370}
.dnb-pay-v1-total.is-partial strong{color:#ffc85a}
.dnb-pay-v1-order-head>span.is-partially_paid{color:#ffd370;background:rgba(243,179,61,.10);border-color:rgba(243,179,61,.24)}
.dnb-pay-rc4-overpaid{margin:16px auto 4px;max-width:390px;padding:12px 14px;border-radius:11px;border:1px solid rgba(244,184,64,.26);background:rgba(244,184,64,.07);text-align:left}
.dnb-pay-rc4-overpaid small{display:block;color:#ffc85a;font-weight:800;font-size:9px;letter-spacing:.12em;margin-bottom:4px}
.dnb-pay-rc4-overpaid strong{display:block!important;color:#ffd370!important;font-size:18px!important;margin:0 0 4px!important}
.dnb-pay-rc4-overpaid p{margin:0!important;font-size:11px!important;line-height:1.5!important;color:#a9bdc9!important}
.dnb-pay-rc4-review-money{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:12px 0}
.dnb-pay-rc4-review-money span{padding:8px 10px;border:1px solid rgba(126,161,182,.18);border-radius:9px;background:rgba(255,255,255,.02);font-size:11px;color:#9fb3c1}
.dnb-pay-rc4-review-money b{color:#eef7fc}
@media (max-width:680px){.dnb-pay-rc4-partial{grid-template-columns:1fr}.dnb-pay-rc4-partial p{grid-column:1}}


/* === D&B Payment RC5 · responsive typography + mobile usability === */
.dnb-pay-v1{padding:36px 0 52px}
.dnb-pay-v1-inner{max-width:1560px;padding:0 clamp(20px,2.2vw,34px)}
.dnb-pay-v1-head{align-items:flex-start;gap:28px;margin-bottom:24px;padding-top:8px}
.dnb-pay-v1-head h1{margin:6px 0 8px;font-size:clamp(40px,3.1vw,58px);line-height:1.02;letter-spacing:-.052em}
.dnb-pay-v1-head p,.dnb-pay-v2-head p{max-width:920px;font-size:clamp(14px,1.08vw,17px);line-height:1.72;color:#9bb1bf}
.dnb-pay-v1-mode{padding:10px 14px;font-size:11px}
.dnb-pay-v1-alert{gap:5px;padding:15px 18px;border-radius:14px}
.dnb-pay-v1-alert strong{font-size:14px}.dnb-pay-v1-alert span{font-size:11.5px}.dnb-pay-v1-alert small{font-size:11px;line-height:1.5}
.dnb-pay-v1-layout,.dnb-pay-v2-layout{grid-template-columns:minmax(0,1.15fr) minmax(470px,.92fr);gap:24px}
.dnb-pay-v1-plans,.dnb-pay-v1-checkout,.dnb-pay-v1-history,.dnb-pay-v1-explain{border-radius:18px}
.dnb-pay-v1-plans,.dnb-pay-v1-checkout{padding:20px}
.dnb-pay-v1-checkout,.dnb-pay-v2-checkout{top:90px}
.dnb-pay-v1-section-title{gap:13px;margin-bottom:16px}
.dnb-pay-v1-section-title>span{width:36px;height:36px;border-radius:11px;font-size:12px}
.dnb-pay-v1-section-title strong{font-size:16px;line-height:1.25}
.dnb-pay-v1-section-title small{font-size:11.5px;line-height:1.45}
.dnb-pay-v1-plan-grid{gap:12px}
.dnb-pay-v1-plan{gap:12px;min-height:84px;padding:14px 15px;border-radius:14px}
.dnb-pay-v1-plan-icon{width:44px;height:44px;border-radius:12px}
.dnb-pay-v1-plan-icon .dnb-icon{width:21px;height:21px}
.dnb-pay-v1-plan-copy{gap:4px}
.dnb-pay-v1-plan-copy small{font-size:10px;letter-spacing:.1em}
.dnb-pay-v1-plan-copy strong{font-size:16px;line-height:1.28}
.dnb-pay-v1-plan-copy em{font-size:12px;line-height:1.45}
.dnb-pay-v1-plan-price b{font-size:22px;line-height:1}
.dnb-pay-v1-plan-price small{font-size:10px;letter-spacing:.06em}
.dnb-pay-v2-methods{margin-top:20px;padding-top:18px}
.dnb-pay-v2-method-grid{gap:12px}
.dnb-pay-v2-method{min-height:94px;gap:13px;padding:14px 15px;border-radius:14px}
.dnb-pay-v2-method-icon{width:44px;height:44px;border-radius:12px}
.dnb-pay-v2-method small{font-size:10px;letter-spacing:.1em}
.dnb-pay-v2-method strong{font-size:18px;line-height:1.2}
.dnb-pay-v2-method span{font-size:12px;line-height:1.55}
.dnb-pay-v2-method>b{padding:6px 9px;font-size:10px}
.dnb-pay-v1-explain,.dnb-pay-v2-explain{margin-top:18px;padding:18px;gap:15px}
.dnb-pay-v1-explain>div{width:48px;height:48px;border-radius:12px}
.dnb-pay-v1-explain>div .dnb-icon{width:22px;height:22px}
.dnb-pay-v1-explain section span{font-size:10px;letter-spacing:.11em}
.dnb-pay-v1-explain section h2{margin:5px 0 6px;font-size:24px}
.dnb-pay-v1-explain section p{font-size:12.5px;line-height:1.7}
.dnb-pay-v1-explain li{padding:10px 11px;font-size:11px;line-height:1.45}
.dnb-pay-v1-explain li b{width:24px;height:24px;font-size:10px}
.dnb-pay-v2-summary,.dnb-pay-v1-order{min-height:470px;border-radius:15px}
.dnb-pay-v2-summary-inner{min-height:470px;padding:32px}
.dnb-pay-v2-summary-icon{width:66px;height:66px;font-size:26px}
.dnb-pay-v2-summary-inner>small{margin-top:15px;font-size:10px}
.dnb-pay-v2-summary-inner h2{margin:8px 0 7px;font-size:32px}
.dnb-pay-v2-summary-inner>strong{font-size:44px}
.dnb-pay-v2-summary-inner>p{margin:10px 0 18px;font-size:13px;line-height:1.6}
.dnb-pay-v2-summary-points{width:min(100%,380px);gap:8px}
.dnb-pay-v2-summary-points span{padding:9px 11px;border-radius:10px;font-size:12px;line-height:1.5}
.dnb-pay-v1-order-head{padding:15px 16px}
.dnb-pay-v1-order-head small{font-size:10px}
.dnb-pay-v1-order-head strong{font-size:16px}
.dnb-pay-v1-order-head>span{padding:7px 10px;font-size:10px}
.dnb-pay-v2-order-plan{padding:12px 16px}.dnb-pay-v2-order-plan span{font-size:12px}.dnb-pay-v2-order-plan strong{font-size:16px}
.dnb-pay-v1-qr{padding:16px 16px 8px;min-height:314px}
.dnb-pay-v1-qr img{width:min(100%,320px);border-radius:14px}
.dnb-pay-v1-qr-fallback{width:min(100%,320px);min-height:300px;padding:26px;border-radius:14px}
.dnb-pay-v1-qr-fallback span{font-size:10px}.dnb-pay-v1-qr-fallback strong{max-width:240px;font-size:14px}.dnb-pay-v1-qr-fallback button{padding:9px 12px;font-size:11px}
.dnb-pay-v1-total{gap:4px 16px;padding:10px 16px 14px}.dnb-pay-v1-total small{font-size:10px}.dnb-pay-v1-total strong{font-size:44px}.dnb-pay-v1-total span{font-size:11px}.dnb-pay-v1-total span b{font-size:15px}
.dnb-pay-v1-bank{margin:0 16px}.dnb-pay-v1-bank>div{grid-template-columns:128px 1fr;gap:12px;padding:10px 0}.dnb-pay-v1-bank dt{font-size:11px}.dnb-pay-v1-bank dd{font-size:12.5px}
.dnb-pay-v1-bank dd button{padding:6px 9px;font-size:10px}
.dnb-pay-v1-transfer{margin:14px 16px;padding:12px 88px 12px 12px;border-radius:12px}.dnb-pay-v1-transfer small{font-size:9px}.dnb-pay-v1-transfer strong{font-size:18px}.dnb-pay-v1-transfer button{padding:7px 10px;font-size:10px}
.dnb-pay-v1-wait{padding:0 16px 14px;font-size:11px;line-height:1.55}
.dnb-pay-v2-timeline{gap:8px;padding:6px 16px 14px}.dnb-pay-v2-timeline>span{font-size:9px;line-height:1.35}.dnb-pay-v2-timeline b{width:24px;height:24px;font-size:9px}
.dnb-pay-v1-consent{gap:10px;margin:14px 0 12px;padding:12px 13px;border-radius:12px;font-size:12.5px}
.dnb-pay-v1-create{margin-top:12px;padding:15px 18px;border-radius:12px;font-size:15px}.dnb-pay-v1-create .dnb-icon{width:17px;height:17px}
.dnb-pay-v1-safe-note{gap:6px;margin-top:10px;font-size:10px}.dnb-pay-v1-safe-note .dnb-icon{width:13px;height:13px}
.dnb-pay-v2-momo-fallback{margin-top:12px;border-radius:12px}.dnb-pay-v2-momo-fallback summary{padding:12px 14px}.dnb-pay-v2-momo-fallback summary span{font-size:12px}.dnb-pay-v2-momo-fallback summary small{font-size:10px;line-height:1.4}.dnb-pay-v2-momo-body{grid-template-columns:128px 1fr;gap:15px;padding:0 14px 14px}.dnb-pay-v2-momo-body img{width:128px;height:128px;border-radius:12px}.dnb-pay-v2-momo-body strong{font-size:14px}.dnb-pay-v2-momo-body span{font-size:12px}.dnb-pay-v2-momo-body p{font-size:11.5px}.dnb-pay-v2-momo-body a{font-size:11px}
.dnb-pay-v1-history{margin-top:24px;padding:18px}
.dnb-pay-v1-history header h2{font-size:30px;line-height:1.1}.dnb-pay-v1-history header a{font-size:13px}
.dnb-pay-v1-history-list article{padding:14px 16px;border-radius:12px}.dnb-pay-v1-history-list b,.dnb-pay-v1-history-list strong{font-size:13px}.dnb-pay-v1-history-list em{font-size:16px}.dnb-pay-v1-history-list small{font-size:11px;line-height:1.5}
.dnb-pay-rc4-partial{margin:16px 0 12px;padding:15px 16px;gap:10px 20px}.dnb-pay-rc4-partial small{font-size:10px}.dnb-pay-rc4-partial strong{font-size:24px}.dnb-pay-rc4-partial p{font-size:12px}
.dnb-pay-rc4-overpaid small{font-size:10px}.dnb-pay-rc4-overpaid strong{font-size:20px!important}.dnb-pay-rc4-overpaid p,.dnb-pay-rc4-review-money span{font-size:12px!important}
@media (min-width:1700px){
  .dnb-pay-v1-inner{max-width:1660px}
  .dnb-pay-v1-layout,.dnb-pay-v2-layout{grid-template-columns:minmax(0,1.16fr) minmax(520px,.9fr)}
  .dnb-pay-v1-plan-grid,.dnb-pay-v2-method-grid{gap:14px}
}
@media (max-width:1200px){
  .dnb-pay-v1-layout,.dnb-pay-v2-layout{grid-template-columns:1fr;gap:18px}
  .dnb-pay-v1-checkout,.dnb-pay-v2-checkout{position:static}
  .dnb-pay-v1-inner{max-width:1140px}
  .dnb-pay-v2-summary,.dnb-pay-v1-order,.dnb-pay-v2-summary-inner{min-height:auto}
}
@media (max-width:860px){
  .dnb-pay-v1{padding:28px 0 40px}
  .dnb-pay-v1-inner{padding:0 16px}
  .dnb-pay-v1-head{gap:14px;margin-bottom:18px;padding-top:12px}
  .dnb-pay-v1-head h1{font-size:clamp(34px,8vw,44px)}
  .dnb-pay-v1-head p,.dnb-pay-v2-head p{font-size:14px;line-height:1.68}
  .dnb-pay-v1-plan-grid,.dnb-pay-v2-method-grid{grid-template-columns:1fr}
  .dnb-pay-v1-plan{grid-template-columns:auto 1fr auto}
  .dnb-pay-v1-explain ol{grid-template-columns:1fr 1fr}
  .dnb-pay-v2-summary-inner h2{font-size:28px}.dnb-pay-v2-summary-inner>strong{font-size:38px}
  .dnb-pay-v1-total strong{font-size:38px}
  .dnb-pay-v1-bank>div{grid-template-columns:116px 1fr}
  .dnb-pay-v2-timeline{grid-template-columns:repeat(4,1fr)}
  .dnb-pay-v2-timeline i{display:none}
}
@media (max-width:620px){
  .dnb-pay-v1{padding:24px 0 34px}
  .dnb-pay-v1-inner{padding:0 12px}
  .dnb-pay-v1-plans,.dnb-pay-v1-checkout,.dnb-pay-v1-history,.dnb-pay-v1-explain{border-radius:16px}
  .dnb-pay-v1-plans,.dnb-pay-v1-checkout,.dnb-pay-v1-history{padding:16px}
  .dnb-pay-v1-section-title{align-items:flex-start;gap:10px}
  .dnb-pay-v1-section-title>span{width:34px;height:34px}
  .dnb-pay-v1-section-title strong{font-size:15px}
  .dnb-pay-v1-section-title small{font-size:11px}
  .dnb-pay-v1-plan{grid-template-columns:1fr auto;grid-template-areas:'copy price' 'hint price';padding:13px 13px 13px 56px;position:relative}
  .dnb-pay-v1-plan-icon{position:absolute;left:13px;top:14px;width:34px;height:34px}.dnb-pay-v1-plan-icon .dnb-icon{width:17px;height:17px}
  .dnb-pay-v1-plan-copy strong{font-size:15px;white-space:normal;overflow:visible;text-overflow:clip;padding-right:10px}
  .dnb-pay-v1-plan-copy em{font-size:11px}
  .dnb-pay-v1-plan-price b{font-size:18px}
  .dnb-pay-v2-method{grid-template-columns:auto 1fr;align-items:start}
  .dnb-pay-v2-method>b{grid-column:2;justify-self:start}
  .dnb-pay-v1-explain,.dnb-pay-v2-explain{grid-template-columns:1fr;padding:16px}
  .dnb-pay-v1-explain ol{grid-template-columns:1fr}
  .dnb-pay-v2-summary-inner{padding:24px 18px}
  .dnb-pay-v2-summary-inner h2{font-size:24px}.dnb-pay-v2-summary-inner>strong{font-size:34px}.dnb-pay-v2-summary-inner>p{font-size:12px}
  .dnb-pay-v1-qr{min-height:unset}.dnb-pay-v1-qr img,.dnb-pay-v1-qr-fallback{width:min(100%,290px)}
  .dnb-pay-v1-total{grid-template-columns:1fr;align-items:start}.dnb-pay-v1-total strong{font-size:34px}.dnb-pay-v1-total span{justify-self:start}
  .dnb-pay-v1-bank>div{grid-template-columns:1fr;gap:4px}.dnb-pay-v1-bank dd{flex-wrap:wrap;justify-content:flex-start}
  .dnb-pay-v1-transfer{padding:12px;margin:12px 0 14px}.dnb-pay-v1-transfer button{position:static;transform:none;justify-self:start;margin-top:8px}
  .dnb-pay-v2-momo-body{grid-template-columns:1fr}.dnb-pay-v2-momo-body img{width:min(100%,160px);height:auto;aspect-ratio:1;justify-self:center}
  .dnb-pay-v1-consent{font-size:12px}
  .dnb-pay-v1-create{padding:14px 16px;font-size:14px}
  .dnb-pay-v1-history header{align-items:flex-start;flex-direction:column;gap:10px}
  .dnb-pay-v1-history header h2{font-size:26px}
  .dnb-pay-v1-history-list article{grid-template-columns:1fr auto;gap:8px 12px}
  .dnb-pay-v1-history-list article>div{grid-column:1/-1}
  .dnb-pay-v1-history-list article>small{grid-column:1/-1}
  .dnb-pay-v1-history-list em{justify-self:start;font-size:15px}
}
@media (max-width:430px){
  .dnb-pay-v1-head h1{font-size:32px}
  .dnb-pay-v1-head p,.dnb-pay-v2-head p{font-size:13.5px}
  .dnb-pay-v1-plan-copy small,.dnb-pay-v2-method small,.dnb-pay-v2-summary-inner>small,.dnb-pay-v1-safe-note,.dnb-pay-v1-total small,.dnb-pay-v1-transfer small{font-size:9.5px}
  .dnb-pay-v1-plan-copy strong{font-size:14px}.dnb-pay-v1-plan-copy em{font-size:10.5px}.dnb-pay-v1-plan-price b{font-size:17px}
  .dnb-pay-v2-summary-inner h2{font-size:22px}.dnb-pay-v2-summary-inner>strong{font-size:31px}
  .dnb-pay-v1-total strong{font-size:30px}
  .dnb-pay-v2-timeline>span{font-size:8px}
}


/* === D&B Payment RC6 · desktop balance + activation history === */
/* Keep the 4K readability gain, but restore a calm desktop density and never ellipsize plan names. */
.dnb-pay-v1-head{padding-top:14px}
.dnb-pay-v1-head .dnb-v3-eyebrow{display:inline-flex;margin-top:2px;margin-bottom:3px}
.dnb-pay-v1-inner{max-width:1540px}
.dnb-pay-v1-layout,.dnb-pay-v2-layout{grid-template-columns:minmax(0,1.28fr) minmax(430px,.86fr);gap:22px}
.dnb-pay-v1-plans,.dnb-pay-v1-checkout{padding:18px}
.dnb-pay-v1-plan-grid{gap:10px}
.dnb-pay-v1-plan{grid-template-columns:42px minmax(0,1fr) minmax(82px,auto);gap:10px;min-height:78px;padding:12px 13px}
.dnb-pay-v1-plan-icon{width:40px;height:40px}
.dnb-pay-v1-plan-copy{min-width:0;gap:2px}
.dnb-pay-v1-plan-copy small{font-size:8px;line-height:1.2}
.dnb-pay-v1-plan-copy strong{font-size:13.5px;line-height:1.25;white-space:normal;overflow:visible;text-overflow:clip;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.dnb-pay-v1-plan-copy em{font-size:10px;line-height:1.35;white-space:normal}
.dnb-pay-v1-plan-price{min-width:82px;align-self:center}
.dnb-pay-v1-plan-price b{font-size:18px;line-height:1.05;white-space:nowrap}
.dnb-pay-v1-plan-price small{font-size:8px}
.dnb-pay-v1-section-title strong{font-size:14px}.dnb-pay-v1-section-title small{font-size:9.5px;line-height:1.45}
.dnb-pay-v2-method{min-height:82px;padding:12px 13px}.dnb-pay-v2-method strong{font-size:15px}.dnb-pay-v2-method span{font-size:10.5px}.dnb-pay-v2-method small{font-size:8px}.dnb-pay-v2-method>b{font-size:8px}
.dnb-pay-v1-explain,.dnb-pay-v2-explain{padding:15px}.dnb-pay-v1-explain section h2{font-size:20px}.dnb-pay-v1-explain section p{font-size:10.5px}.dnb-pay-v1-explain section span{font-size:8px}.dnb-pay-v1-explain li{font-size:9px}
.dnb-pay-v1-checkout,.dnb-pay-v2-checkout{top:84px}
.dnb-pay-v1-order-head strong{font-size:14px}.dnb-pay-v2-order-plan span{font-size:10.5px}.dnb-pay-v2-order-plan strong{font-size:14px}
.dnb-pay-v1-total strong{font-size:38px}.dnb-pay-v1-bank dt{font-size:9.5px}.dnb-pay-v1-bank dd{font-size:11px}.dnb-pay-v1-transfer strong{font-size:15px}.dnb-pay-v1-wait{font-size:9.5px}.dnb-pay-v1-consent{font-size:10.5px}.dnb-pay-v1-create{font-size:13px}.dnb-pay-v1-safe-note{font-size:8.5px}

/* Successful activations are the useful history on checkout; pending/expired drafts are intentionally excluded server-side. */
.dnb-pay-v6-activation-history{margin-top:22px;padding:18px}
.dnb-pay-v6-activation-history>header{align-items:flex-start;margin-bottom:13px;gap:18px}
.dnb-pay-v6-activation-history>header>div{min-width:0}
.dnb-pay-v6-activation-history>header h2{margin:4px 0 3px;font-size:24px;line-height:1.12}
.dnb-pay-v6-activation-history>header p{margin:0;color:#7891a1;font-size:10.5px;line-height:1.5}
.dnb-pay-v6-activation-history>header>a{flex:0 0 auto;margin-top:8px;font-size:10px}
.dnb-pay-v6-activation-history .dnb-pay-v1-history-list{gap:7px}
.dnb-pay-v6-activation-history .dnb-pay-v1-history-list article{grid-template-columns:minmax(300px,1.5fr) 120px 105px 160px;gap:14px;min-height:62px;padding:10px 13px}
.dnb-pay-v6-history-main{display:grid!important;grid-template-columns:minmax(138px,auto) minmax(0,1fr)!important;gap:2px 14px!important;align-items:center;min-width:0}
.dnb-pay-v6-history-main b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dnb-pay-v6-history-main strong{font-size:11.5px;line-height:1.35;white-space:normal;overflow:visible;text-overflow:clip}
.dnb-pay-v6-history-main small{grid-column:1/-1;color:#6f8999;font-size:9px;line-height:1.4}
.dnb-pay-v6-activation-history .dnb-pay-v1-history-list article>span{justify-self:start;font-size:8px;white-space:nowrap;padding:5px 8px}
.dnb-pay-v6-activation-history .dnb-pay-v1-history-list em{justify-self:end;font-size:12.5px;white-space:nowrap}
.dnb-pay-v6-history-time{justify-self:end;text-align:right;font-size:9px!important;white-space:nowrap}
.dnb-pay-v1-history-empty{font-size:10.5px}

@media (min-width:1700px){
  .dnb-pay-v1-inner{max-width:1620px}
  .dnb-pay-v1-layout,.dnb-pay-v2-layout{grid-template-columns:minmax(0,1.3fr) minmax(450px,.84fr)}
  .dnb-pay-v1-plan-copy strong{font-size:14px}.dnb-pay-v1-plan-copy em{font-size:10.5px}
}
@media (max-width:1180px){
  .dnb-pay-v1-layout,.dnb-pay-v2-layout{grid-template-columns:1fr;gap:18px}
  .dnb-pay-v1-checkout,.dnb-pay-v2-checkout{position:static}
  .dnb-pay-v6-activation-history .dnb-pay-v1-history-list article{grid-template-columns:minmax(260px,1fr) 115px 100px 150px}
}
@media (max-width:860px){
  .dnb-pay-v1-plan-grid{grid-template-columns:1fr}
  .dnb-pay-v1-plan{grid-template-columns:42px minmax(0,1fr) minmax(84px,auto)}
  .dnb-pay-v1-plan-copy strong{font-size:14px}.dnb-pay-v1-plan-copy em{font-size:10.5px}
  .dnb-pay-v6-activation-history .dnb-pay-v1-history-list article{grid-template-columns:1fr auto auto;gap:8px 12px}
  .dnb-pay-v6-history-main{grid-column:1/-1}
  .dnb-pay-v6-history-time{grid-column:1/-1;justify-self:start;text-align:left}
}
@media (max-width:620px){
  .dnb-pay-v1-inner{padding:0 12px}
  .dnb-pay-v1-head{padding-top:10px}
  .dnb-pay-v1-plan{grid-template-columns:40px minmax(0,1fr);grid-template-areas:none;padding:12px;position:relative}
  .dnb-pay-v1-plan-icon{position:static;width:40px;height:40px}
  .dnb-pay-v1-plan-copy strong{font-size:13.5px;-webkit-line-clamp:2}
  .dnb-pay-v1-plan-price{grid-column:2;justify-self:start;display:flex;align-items:baseline;gap:6px;min-width:0;text-align:left}
  .dnb-pay-v1-plan-price b{font-size:17px}
  .dnb-pay-v2-method-grid{grid-template-columns:1fr}
  .dnb-pay-v6-activation-history{padding:15px}
  .dnb-pay-v6-activation-history>header{flex-direction:column;gap:8px}
  .dnb-pay-v6-activation-history>header h2{font-size:22px}
  .dnb-pay-v6-activation-history>header>a{margin-top:0}
  .dnb-pay-v6-activation-history .dnb-pay-v1-history-list article{grid-template-columns:1fr auto;padding:12px}
  .dnb-pay-v6-history-main{grid-template-columns:1fr!important;gap:3px!important}
  .dnb-pay-v6-history-main small{grid-column:auto}
  .dnb-pay-v6-activation-history .dnb-pay-v1-history-list article>span{grid-row:auto}
  .dnb-pay-v6-activation-history .dnb-pay-v1-history-list em{justify-self:end}
  .dnb-pay-v6-history-time{grid-column:1/-1}
}


/* === D&B Payment RC7 · CTA polish + transaction recovery feedback === */
.dnb-pay-v1-create{min-height:52px;gap:11px;padding:0 20px;font-size:14px;line-height:1.2;letter-spacing:.005em;box-shadow:0 8px 24px rgba(255,123,47,.10)}
.dnb-pay-v1-create span{display:inline-flex;align-items:center;justify-content:center;line-height:1.2}
.dnb-pay-v1-create .dnb-icon{width:16px;height:16px;flex:0 0 auto;transition:transform .18s ease}
.dnb-pay-v1-create:not(:disabled):hover .dnb-icon{transform:translateX(3px)}
.dnb-pay-v1-create.is-loading .dnb-icon{opacity:.45}
.dnb-pay-v7-success-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:-2px 0 18px;padding:13px 15px;border:1px solid rgba(47,197,145,.26);border-radius:14px;background:linear-gradient(105deg,rgba(16,105,78,.14),rgba(6,28,44,.84))}
.dnb-pay-v7-success-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(35,194,139,.14);color:#4ee0ac;font-size:17px;font-weight:900}
.dnb-pay-v7-success-strip>div{display:grid;gap:2px;min-width:0}.dnb-pay-v7-success-strip strong{font-size:13px;color:#eaf8f3}.dnb-pay-v7-success-strip small{font-size:11px;line-height:1.5;color:#84a9a0}
.dnb-pay-v7-success-strip a{display:inline-flex;align-items:center;gap:6px;color:#75d6b4;font-size:11px;font-weight:800;white-space:nowrap}.dnb-pay-v7-success-strip a .dnb-icon{width:13px;height:13px}
@media(max-width:620px){.dnb-pay-v1-create{min-height:50px;font-size:13.5px}.dnb-pay-v7-success-strip{grid-template-columns:auto 1fr}.dnb-pay-v7-success-strip a{grid-column:2;justify-self:start;white-space:normal}}


/* === D&B Payment RC8 · Quicksand UI typography experiment === */
/*
   Hybrid typography:
   - Be Vietnam Pro remains the strong brand/display face for H1 and major money figures.
   - Quicksand 500/600/700 handles UI reading, labels, cards, status and actions.
   This keeps D&B structural/technical weight while removing the overly rigid small-text feel.
*/
.dnb-pay-v1{
  --dnb-pay-ui-font:"Quicksand","Be Vietnam Pro","Segoe UI",Arial,sans-serif;
  --dnb-pay-display-font:"Be Vietnam Pro","Segoe UI",Arial,sans-serif;
  font-family:var(--dnb-pay-ui-font);
  font-weight:500;
}

/* Brand/display anchors stay firm. */
.dnb-pay-v1-head h1,
.dnb-pay-v2-summary-inner>strong,
.dnb-pay-v1-total>strong,
.dnb-pay-rc4-partial strong,
.dnb-pay-rc4-overpaid strong{
  font-family:var(--dnb-pay-display-font)!important;
}
.dnb-pay-v1-head h1{font-weight:800}
.dnb-pay-v2-summary-inner>strong,.dnb-pay-v1-total>strong{font-weight:800;letter-spacing:-.035em}

/* Quicksand Medium: readable supporting text without becoming visually heavy. */
.dnb-pay-v1-head p,
.dnb-pay-v1-section-title small,
.dnb-pay-v1-plan-copy em,
.dnb-pay-v2-method span,
.dnb-pay-v1-explain section p,
.dnb-pay-v1-wait,
.dnb-pay-v1-consent,
.dnb-pay-v6-activation-history>header p,
.dnb-pay-v6-history-main small,
.dnb-pay-v6-history-time,
.dnb-pay-v2-summary-inner>p,
.dnb-pay-v1-bank dt,
.dnb-pay-v1-bank dd,
.dnb-pay-v2-momo-body p{
  font-family:var(--dnb-pay-ui-font)!important;
  font-weight:500;
  letter-spacing:0;
}

/* Quicksand Semibold: normal UI hierarchy. */
.dnb-pay-v1-section-title strong,
.dnb-pay-v1-plan-copy strong,
.dnb-pay-v2-method strong,
.dnb-pay-v1-explain section h2,
.dnb-pay-v2-summary-inner h2,
.dnb-pay-v2-order-plan strong,
.dnb-pay-v1-order-head strong,
.dnb-pay-v1-transfer strong,
.dnb-pay-v6-activation-history>header h2,
.dnb-pay-v6-history-main strong,
.dnb-pay-v1-history-list em,
.dnb-pay-v7-success-strip strong,
.dnb-pay-v2-momo-body strong{
  font-family:var(--dnb-pay-ui-font)!important;
  font-weight:600!important;
  letter-spacing:-.012em;
}

/* Quicksand Bold: labels, status and clickable actions. */
.dnb-pay-v1 .dnb-v3-eyebrow,
.dnb-pay-v1-mode,
.dnb-pay-v1-plan-copy small,
.dnb-pay-v1-plan-price small,
.dnb-pay-v2-method small,
.dnb-pay-v2-method>b,
.dnb-pay-v1-explain section span,
.dnb-pay-v2-summary-inner>small,
.dnb-pay-v1-order-head small,
.dnb-pay-v1-order-head>span,
.dnb-pay-v1-total small,
.dnb-pay-v1-total span,
.dnb-pay-v1-transfer small,
.dnb-pay-v1-transfer button,
.dnb-pay-v2-timeline>span,
.dnb-pay-v2-timeline b,
.dnb-pay-v1-safe-note,
.dnb-pay-v1-create,
.dnb-pay-v6-history-main b,
.dnb-pay-v6-activation-history .dnb-pay-v1-history-list article>span,
.dnb-pay-v6-activation-history>header>a,
.dnb-pay-v7-success-strip a,
.dnb-pay-v2-momo-fallback summary span,
.dnb-pay-v2-momo-fallback summary small,
.dnb-pay-v2-momo-body a{
  font-family:var(--dnb-pay-ui-font)!important;
  font-weight:700!important;
}

/* Quicksand is wider than the previous UI face; retune spacing rather than squeezing text. */
.dnb-pay-v1-head p{line-height:1.68}
.dnb-pay-v1-section-title strong{font-size:14.5px;line-height:1.28}
.dnb-pay-v1-section-title small{font-size:10px;line-height:1.52}
.dnb-pay-v1-plan-copy{gap:3px}
.dnb-pay-v1-plan-copy small{font-size:8.2px;letter-spacing:.11em}
.dnb-pay-v1-plan-copy strong{font-size:13.5px;line-height:1.32}
.dnb-pay-v1-plan-copy em{font-size:10.2px;line-height:1.42}
.dnb-pay-v1-plan-price b{font-family:var(--dnb-pay-display-font)!important;font-size:18px;font-weight:750;letter-spacing:-.025em}
.dnb-pay-v2-method small{letter-spacing:.11em}
.dnb-pay-v2-method strong{font-size:15.5px;line-height:1.28}
.dnb-pay-v2-method span{font-size:10.7px;line-height:1.58}
.dnb-pay-v1-explain section h2{line-height:1.25}
.dnb-pay-v1-explain section p{font-size:10.8px;line-height:1.68}
.dnb-pay-v2-summary-inner h2{font-weight:600!important;line-height:1.2}
.dnb-pay-v2-summary-points span{font-family:var(--dnb-pay-ui-font)!important;font-weight:500;line-height:1.5}
.dnb-pay-v1-bank dd{font-weight:600}
.dnb-pay-v1-transfer strong{letter-spacing:.015em}
.dnb-pay-v1-consent{line-height:1.55}
.dnb-pay-v1-create{font-size:13.5px;letter-spacing:.01em}
.dnb-pay-v1-safe-note{font-size:8.8px;letter-spacing:.01em}

/* Activation history gets a softer reading face while keeping money visually authoritative. */
.dnb-pay-v6-activation-history>header h2{font-size:25px;font-weight:700!important;letter-spacing:-.025em}
.dnb-pay-v6-activation-history>header p{font-size:10.8px}
.dnb-pay-v6-history-main b{font-size:9.2px;letter-spacing:.015em}
.dnb-pay-v6-history-main strong{font-size:11.7px}
.dnb-pay-v6-history-main small{font-size:9.2px}
.dnb-pay-v6-activation-history .dnb-pay-v1-history-list article>span{font-size:8.2px;letter-spacing:.035em}
.dnb-pay-v6-activation-history .dnb-pay-v1-history-list em{font-family:var(--dnb-pay-display-font)!important;font-weight:700!important;letter-spacing:-.02em}
.dnb-pay-v7-success-strip small{font-family:var(--dnb-pay-ui-font)!important;font-weight:500;line-height:1.52}

/* Mobile: preserve comfortable touch/readability; do not collapse Quicksand into micro text. */
@media(max-width:860px){
  .dnb-pay-v1-section-title strong{font-size:15px}
  .dnb-pay-v1-plan-copy strong{font-size:14px}
  .dnb-pay-v1-plan-copy em{font-size:10.5px}
  .dnb-pay-v2-method span{font-size:11px}
}
@media(max-width:620px){
  .dnb-pay-v1-head p{font-size:13.5px;line-height:1.65}
  .dnb-pay-v1-section-title small{font-size:10.5px}
  .dnb-pay-v1-plan-copy small{font-size:8.5px}
  .dnb-pay-v1-plan-copy strong{font-size:13.5px;line-height:1.34}
  .dnb-pay-v1-plan-copy em{font-size:10.5px}
  .dnb-pay-v1-create{font-size:13.5px}
  .dnb-pay-v6-activation-history>header h2{font-size:22px}
  .dnb-pay-v6-activation-history>header p{font-size:10.5px}
}

/* === D&B Payment RC8.2 · Quicksand polish / readability pass === */
/* Keep the RC8 hybrid font system; only refine scale, spacing and contrast. */
.dnb-pay-v1-head p{
  font-size:14.5px;
  line-height:1.72;
  color:#a5bac8;
}
.dnb-pay-v1-section-title{gap:12px}
.dnb-pay-v1-section-title strong{
  font-size:15px;
  line-height:1.3;
}
.dnb-pay-v1-section-title small{
  font-size:11px;
  line-height:1.58;
  color:#7896aa;
}

/* Product cards: preserve compactness but make the secondary line comfortably readable. */
.dnb-pay-v1-plan-copy small{
  font-size:8.8px;
  letter-spacing:.115em;
}
.dnb-pay-v1-plan-copy strong{
  font-size:13.8px;
  line-height:1.34;
}
.dnb-pay-v1-plan-copy em{
  font-size:10.9px;
  line-height:1.48;
  color:#7f9daf;
}
.dnb-pay-v1-plan-price b{font-size:18.5px}
.dnb-pay-v1-plan-price small{font-size:8.7px}

/* Payment methods and the explanatory block need to read as real UI copy, not microcopy. */
.dnb-pay-v2-method small{font-size:8.8px}
.dnb-pay-v2-method strong{font-size:15.8px}
.dnb-pay-v2-method span{
  font-size:11.3px;
  line-height:1.62;
  color:#829eaf;
}
.dnb-pay-v1-explain section span{font-size:9px}
.dnb-pay-v1-explain section h2{font-size:20px;line-height:1.25}
.dnb-pay-v1-explain section p{
  font-size:11.4px;
  line-height:1.72;
  color:#829eaf;
}
.dnb-pay-v1-explain li{
  font-size:10.4px;
  line-height:1.5;
}

/* Checkout: slightly tighter vertical grouping while making supporting text clearer. */
.dnb-pay-v2-summary-inner{padding-top:28px}
.dnb-pay-v2-summary-icon{margin-bottom:2px}
.dnb-pay-v2-summary-inner>small{
  margin-top:10px;
  font-size:9px;
  letter-spacing:.12em;
}
.dnb-pay-v2-summary-inner h2{
  margin-top:6px;
  margin-bottom:5px;
}
.dnb-pay-v2-summary-inner>p{
  margin-top:7px;
  font-size:11.5px;
  line-height:1.62;
  color:#829eaf;
}
.dnb-pay-v2-summary-points span{
  font-size:11.3px;
  line-height:1.52;
}
.dnb-pay-v1-consent{
  font-size:11.8px;
  line-height:1.6;
  color:#91a8b8;
}
.dnb-pay-v1-create{
  font-size:14px;
  min-height:48px;
}
.dnb-pay-v1-safe-note{
  font-size:9.4px;
  line-height:1.45;
  color:#7590a2;
}
.dnb-pay-v2-timeline>span{
  font-size:9.2px;
  line-height:1.45;
}
.dnb-pay-v1-wait{
  font-size:10.6px;
  line-height:1.58;
  color:#819cad;
}

/* Success banner: clearer confirmation without adding extra decorative colour. */
.dnb-pay-v7-success-strip{
  padding:14px 16px;
  gap:13px;
}
.dnb-pay-v7-success-icon{
  width:36px;
  height:36px;
  border-radius:11px;
}
.dnb-pay-v7-success-strip strong{
  font-size:13.6px;
  line-height:1.35;
}
.dnb-pay-v7-success-strip small{
  font-size:11.3px;
  line-height:1.55;
  color:#8eaaa3;
}
.dnb-pay-v7-success-strip a{font-size:11.2px}

/* Activation history: increase scanability at 100% desktop zoom. */
.dnb-pay-v6-activation-history>header h2{
  font-size:25.5px;
  line-height:1.12;
}
.dnb-pay-v6-activation-history>header p{
  font-size:11.3px;
  line-height:1.55;
  color:#809cad;
}
.dnb-pay-v6-history-main b{
  font-size:9.6px;
  line-height:1.45;
}
.dnb-pay-v6-history-main strong{
  font-size:12.2px;
  line-height:1.42;
}
.dnb-pay-v6-history-main small{
  font-size:9.8px;
  line-height:1.5;
}
.dnb-pay-v6-activation-history .dnb-pay-v1-history-list article>span{
  font-size:8.8px;
  letter-spacing:.04em;
}
.dnb-pay-v6-activation-history .dnb-pay-v1-history-list em{
  font-size:14px;
}
.dnb-pay-v6-history-time{
  font-size:9.8px;
  line-height:1.45;
  color:#708c9e;
}

/* Desktop-wide screens: a small lift only; do not inflate the interface. */
@media(min-width:1500px){
  .dnb-pay-v1-section-title small{font-size:11.2px}
  .dnb-pay-v1-plan-copy em{font-size:11.1px}
  .dnb-pay-v2-method span{font-size:11.5px}
  .dnb-pay-v1-explain section p{font-size:11.6px}
  .dnb-pay-v2-summary-points span{font-size:11.5px}
}

/* Mobile keeps readable body copy without letting headings or buttons dominate. */
@media(max-width:860px){
  .dnb-pay-v1-head p{font-size:14px}
  .dnb-pay-v1-section-title small{font-size:10.8px}
  .dnb-pay-v1-plan-copy em{font-size:10.8px}
  .dnb-pay-v2-method span{font-size:11.2px}
  .dnb-pay-v1-explain section p{font-size:11.2px}
  .dnb-pay-v7-success-strip small{font-size:11px}
}
@media(max-width:620px){
  .dnb-pay-v1-section-title strong{font-size:14.8px}
  .dnb-pay-v1-section-title small{font-size:10.7px}
  .dnb-pay-v1-plan-copy strong{font-size:13.6px}
  .dnb-pay-v1-plan-copy em{font-size:10.6px}
  .dnb-pay-v2-method strong{font-size:15.3px}
  .dnb-pay-v2-method span{font-size:11px}
  .dnb-pay-v1-consent{font-size:11.5px}
  .dnb-pay-v1-create{font-size:13.8px}
  .dnb-pay-v6-activation-history>header h2{font-size:22.5px}
  .dnb-pay-v6-activation-history>header p{font-size:10.8px}
}

/* ==========================================================================
   RC11 — Compact card rhythm + responsive typography (Home + Products)
   Goal: remove unused vertical space without shrinking readable text.
   Applies progressively from laptop to 4K and collapses cleanly on mobile.
   ========================================================================== */

/* ---------- Products: content-first card height ---------- */
.dnb-products-v16-hero{
  align-items:stretch!important;
  gap:clamp(12px,1vw,16px)!important;
}
.dnb-products-v16-card{
  min-height:0!important;
  height:auto!important;
  padding:clamp(16px,1.05vw,20px)!important;
}
.dnb-products-v16-card-top{
  gap:clamp(12px,.9vw,16px)!important;
}
.dnb-products-v16-identity{
  grid-template-columns:clamp(50px,3vw,58px) minmax(0,1fr)!important;
  gap:clamp(11px,.8vw,14px)!important;
}
.dnb-products-v16-mark{
  width:clamp(50px,3vw,56px)!important;
  height:clamp(50px,3vw,56px)!important;
}
.dnb-products-v16-identity small{
  margin-bottom:4px!important;
  font-family:"Quicksand",sans-serif!important;
  font-size:clamp(8px,.48vw,9.5px)!important;
  line-height:1.25!important;
  font-weight:700!important;
}
.dnb-products-v16-identity h2{
  font-size:clamp(23px,1.35vw,28px)!important;
  line-height:1.08!important;
}
.dnb-products-v16-identity p{
  max-width:560px!important;
  margin-top:6px!important;
  font-family:"Quicksand",sans-serif!important;
  font-size:clamp(10.5px,.62vw,12.5px)!important;
  line-height:1.55!important;
  font-weight:500!important;
}
.dnb-products-v16-plan{
  padding:7px 10px!important;
  font-family:"Quicksand",sans-serif!important;
  font-size:clamp(7.5px,.45vw,9px)!important;
  line-height:1.2!important;
  font-weight:700!important;
}
.dnb-products-v16-structure-visual{
  min-height:clamp(166px,9.6vw,184px)!important;
  margin-top:clamp(14px,.9vw,18px)!important;
  padding:clamp(14px,.9vw,17px)!important;
}
.dnb-products-v16-flow-node{
  min-height:clamp(92px,5.7vw,104px)!important;
  padding:10px 7px!important;
}
.dnb-products-v16-flow-node>span{
  width:36px!important;
  height:36px!important;
}
.dnb-products-v16-flow-node b{
  margin-top:7px!important;
  font-family:"Quicksand",sans-serif!important;
  font-size:clamp(9px,.52vw,10.5px)!important;
  line-height:1.25!important;
  font-weight:700!important;
}
.dnb-products-v16-flow-node small{
  margin-top:2px!important;
  font-family:"Quicksand",sans-serif!important;
  font-size:clamp(7.2px,.42vw,8.6px)!important;
  line-height:1.35!important;
  font-weight:500!important;
}
.dnb-products-v16-rebar-visual{
  height:clamp(166px,9.6vw,184px)!important;
  margin-top:clamp(14px,.9vw,18px)!important;
}
.dnb-products-v16-visual-caption span{
  font-family:"Quicksand",sans-serif!important;
  font-size:clamp(7.5px,.44vw,9px)!important;
}
.dnb-products-v16-visual-caption b{
  font-family:"Quicksand",sans-serif!important;
  font-size:clamp(10.5px,.62vw,12px)!important;
}
.dnb-products-v16-feature-columns{
  gap:clamp(10px,.72vw,14px)!important;
  margin-top:clamp(11px,.72vw,14px)!important;
}
.dnb-products-v16-feature-columns>div{
  gap:7px!important;
  padding:clamp(10px,.7vw,12px) clamp(11px,.75vw,13px)!important;
}
.dnb-products-v16-feature-columns small{
  font-family:"Quicksand",sans-serif!important;
  font-size:clamp(7.5px,.44vw,9px)!important;
  line-height:1.3!important;
  font-weight:700!important;
}
.dnb-products-v16-feature-columns span{
  font-family:"Quicksand",sans-serif!important;
  font-size:clamp(9px,.53vw,10.8px)!important;
  line-height:1.4!important;
  font-weight:500!important;
}
.dnb-products-v16-foot{
  gap:14px!important;
  margin-top:clamp(11px,.72vw,14px)!important;
  padding-top:clamp(11px,.72vw,13px)!important;
}
.dnb-products-v16-foot small,
.dnb-products-v16-foot em,
.dnb-products-v16-actions a{
  font-family:"Quicksand",sans-serif!important;
}
.dnb-products-v16-foot small{
  font-size:clamp(7.5px,.44vw,9px)!important;
}
.dnb-products-v16-foot strong{
  font-size:clamp(20px,1.15vw,24px)!important;
  line-height:1.1!important;
}
.dnb-products-v16-foot em{
  font-size:clamp(8px,.46vw,9.5px)!important;
}
.dnb-products-v16-actions a{
  min-height:36px!important;
  padding:0 11px!important;
  font-size:clamp(8px,.47vw,9.5px)!important;
  font-weight:700!important;
}

/* Connected workflow: shorter cards, more legible labels. */
.dnb-products-v16-connected{
  margin-bottom:14px!important;
  padding:clamp(15px,.95vw,18px)!important;
}
.dnb-products-v16-section-head{
  gap:16px!important;
  margin-bottom:clamp(12px,.8vw,15px)!important;
}
.dnb-products-v16-section-head h2{
  font-size:clamp(22px,1.3vw,27px)!important;
}
.dnb-products-v16-section-head p{
  margin-top:5px!important;
  font-family:"Quicksand",sans-serif!important;
  font-size:clamp(9.8px,.58vw,11.5px)!important;
  line-height:1.55!important;
  font-weight:500!important;
}
.dnb-products-v16-section-head>a{
  font-family:"Quicksand",sans-serif!important;
  font-size:clamp(8px,.46vw,9.5px)!important;
}
.dnb-products-v16-flowline{
  gap:clamp(6px,.46vw,8px)!important;
}
.dnb-products-v16-flowline article{
  min-height:clamp(64px,3.9vw,72px)!important;
  padding:9px 10px!important;
}
.dnb-products-v16-flowline article>i{
  width:32px!important;
  height:32px!important;
}
.dnb-products-v16-flowline b{
  font-family:"Quicksand",sans-serif!important;
  font-size:clamp(9.5px,.55vw,11px)!important;
  line-height:1.3!important;
  font-weight:700!important;
}
.dnb-products-v16-flowline small{
  margin-top:1px!important;
  font-family:"Quicksand",sans-serif!important;
  font-size:clamp(7.2px,.42vw,8.6px)!important;
  line-height:1.35!important;
  font-weight:500!important;
}

/* Product purpose cards also follow content, not arbitrary height. */
.dnb-products-v16-purpose-grid article{
  min-height:0!important;
  padding:clamp(15px,.9vw,17px)!important;
}
.dnb-products-v16-purpose-grid h3{
  font-size:clamp(15px,.92vw,18px)!important;
  line-height:1.28!important;
}
.dnb-products-v16-purpose-grid p{
  margin-top:7px!important;
  font-family:"Quicksand",sans-serif!important;
  font-size:clamp(9.5px,.56vw,11px)!important;
  line-height:1.55!important;
}
.dnb-products-v16-purpose-grid small,
.dnb-products-v16-purpose-grid a{
  font-family:"Quicksand",sans-serif!important;
}
.dnb-products-v16-purpose-grid small{font-size:clamp(7.5px,.44vw,9px)!important}
.dnb-products-v16-purpose-grid a{margin-top:11px!important;font-size:clamp(8px,.46vw,9.5px)!important}

/* ---------- Home difference cards: remove the large empty lower half ---------- */
.dnb-home-v24-difference-grid{
  align-items:stretch!important;
  gap:clamp(11px,.75vw,14px)!important;
}
.dnb-home-v24-diff-card{
  min-height:clamp(198px,11.4vw,218px)!important;
  height:auto!important;
  padding:clamp(15px,.9vw,18px) clamp(15px,.95vw,18px) clamp(16px,1vw,19px)!important;
  display:flex!important;
  flex-direction:column!important;
}
.dnb-home-v24-diff-icon{
  width:clamp(38px,2.25vw,42px)!important;
  height:clamp(38px,2.25vw,42px)!important;
  margin-bottom:clamp(9px,.55vw,11px)!important;
}
.dnb-home-v24-diff-no{
  font-size:clamp(24px,1.55vw,29px)!important;
  line-height:1!important;
}
.dnb-home-v24-diff-card>small{
  margin-bottom:clamp(6px,.4vw,8px)!important;
  font-size:clamp(7.4px,.43vw,8.6px)!important;
  line-height:1.25!important;
}
.dnb-home-v24-diff-card h3{
  font-size:clamp(18px,1.08vw,21px)!important;
  line-height:1.17!important;
  text-wrap:balance!important;
}
.dnb-home-v24-diff-card p{
  margin-top:clamp(9px,.62vw,12px)!important;
  font-family:"Quicksand",sans-serif!important;
  font-size:clamp(9.8px,.57vw,11.3px)!important;
  line-height:1.55!important;
  font-weight:500!important;
}

/* Supporting text receives the same readable hierarchy as Payment/Account. */
.dnb-home-v24-difference-head>p,
.dnb-home-v21-products .dnb-home-v23-section-summary,
.dnb-home-v21-section-head>p{
  font-family:"Quicksand",sans-serif!important;
  font-weight:500!important;
}
.dnb-home-v24-difference-head>p{
  font-size:clamp(10.2px,.6vw,12px)!important;
  line-height:1.58!important;
}
.dnb-home-v21-products .dnb-home-v23-section-summary{
  font-size:clamp(9.7px,.57vw,11.3px)!important;
  line-height:1.58!important;
}

/* 4K / very wide screens: grow text a little, never stretch cards vertically. */
@media (min-width:1600px){
  .dnb-products-v16-head>div{max-width:900px!important}
  .dnb-products-v16-head>div>p{max-width:840px!important}
  .dnb-products-v16-card{padding:20px!important}
  .dnb-products-v16-structure-visual,
  .dnb-products-v16-rebar-visual{max-height:184px!important}
  .dnb-products-v16-flow-node{max-height:104px!important}
  .dnb-home-v24-diff-card{min-height:210px!important;max-height:226px!important}
}

/* Tablet: compact but still comfortable to read. */
@media (max-width:1050px){
  .dnb-products-v16-card{min-height:0!important}
  .dnb-products-v16-structure-visual{min-height:160px!important}
  .dnb-products-v16-rebar-visual{height:170px!important}
  .dnb-products-v16-flowline article{min-height:66px!important}
  .dnb-home-v24-diff-card{min-height:190px!important;max-height:none!important}
}

/* Mobile: content determines height; no forced empty space. */
@media (max-width:700px){
  .dnb-products-v16-card{
    min-height:0!important;
    padding:14px!important;
  }
  .dnb-products-v16-identity h2{font-size:21px!important}
  .dnb-products-v16-identity p{font-size:10.5px!important;line-height:1.52!important}
  .dnb-products-v16-plan{font-size:8px!important}
  .dnb-products-v16-structure-visual{
    min-height:0!important;
    padding:12px!important;
  }
  .dnb-products-v16-flow-node{min-height:82px!important}
  .dnb-products-v16-rebar-visual{height:158px!important}
  .dnb-products-v16-feature-columns{gap:9px!important;margin-top:10px!important}
  .dnb-products-v16-feature-columns span{font-size:10px!important}
  .dnb-products-v16-foot{margin-top:10px!important;padding-top:10px!important}
  .dnb-products-v16-connected{padding:14px!important}
  .dnb-products-v16-section-head h2{font-size:22px!important}
  .dnb-products-v16-section-head p{font-size:10.5px!important}
  .dnb-products-v16-flowline article{min-height:62px!important}
  .dnb-products-v16-flowline b{font-size:10.5px!important}
  .dnb-products-v16-flowline small{font-size:8px!important}
  .dnb-products-v16-purpose-grid article{min-height:0!important}

  .dnb-home-v24-diff-card{
    min-height:0!important;
    max-height:none!important;
    padding:15px 16px 17px!important;
  }
  .dnb-home-v24-diff-card h3{font-size:19px!important;line-height:1.2!important}
  .dnb-home-v24-diff-card p{font-size:10.5px!important;line-height:1.55!important}
  .dnb-home-v24-difference-head>p,
  .dnb-home-v21-products .dnb-home-v23-section-summary{font-size:10.5px!important}
}


/* === D&B RC12 · Admin Control Center in left sidebar === */
.dnb-sidebar-admin-group{
  margin-top:14px!important;
  padding-top:13px;
  border-top:1px solid var(--dnb-v3-line-soft);
}
.dnb-sidebar-admin-group>span{
  padding:0 10px 7px!important;
  color:#718da1!important;
  font-family:"Quicksand","Be Vietnam Pro",sans-serif;
  font-size:7px!important;
  font-weight:700!important;
  letter-spacing:.15em!important;
}
.dnb-sidebar-admin-nav a{
  position:relative;
  min-height:42px!important;
  padding-right:48px!important;
  border-color:rgba(255,125,42,.10)!important;
  background:linear-gradient(90deg,rgba(255,125,42,.055),rgba(255,125,42,.015))!important;
}
.dnb-sidebar-admin-nav a i{
  color:var(--dnb-v3-orange)!important;
}
.dnb-sidebar-admin-nav a:hover{
  border-color:rgba(255,125,42,.25)!important;
  background:linear-gradient(90deg,rgba(255,125,42,.13),rgba(255,125,42,.035))!important;
}
.dnb-sidebar-admin-nav a.is-active{
  color:var(--dnb-v3-text)!important;
  border-color:rgba(255,125,42,.32)!important;
  background:linear-gradient(90deg,rgba(255,125,42,.17),rgba(255,125,42,.055))!important;
  box-shadow:inset 3px 0 0 var(--dnb-v3-orange);
}
.dnb-sidebar-admin-nav a>span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dnb-admin-nav-badge{
  position:absolute;
  right:9px;
  top:50%;
  transform:translateY(-50%);
  padding:3px 5px;
  border:1px solid rgba(255,125,42,.22);
  border-radius:999px;
  background:rgba(255,125,42,.10);
  color:#f5a26c;
  font-family:"Quicksand",sans-serif;
  font-size:6px;
  font-weight:700;
  letter-spacing:.08em;
}
html[data-dnb-theme="light"] .dnb-sidebar-admin-group,
.theme-light .dnb-sidebar-admin-group{
  border-top-color:rgba(24,62,85,.12);
}
html[data-dnb-theme="light"] .dnb-sidebar-admin-nav a,
.theme-light .dnb-sidebar-admin-nav a{
  background:linear-gradient(90deg,rgba(235,112,35,.07),rgba(235,112,35,.015))!important;
}
@media (max-width:980px){
  .dnb-sidebar-admin-group{margin-top:12px!important;padding-top:11px}
  .dnb-sidebar-admin-nav a{min-height:44px!important}
  .dnb-sidebar-admin-group>span{font-size:7.5px!important}
}

/* ========================================================================== 
   D&B RC13 · Control Center Visual Hierarchy Refresh
   Scope: admin dashboard only. Semantic color, readable typography, 4K/mobile.
   ========================================================================== */

/* ---- Page rhythm / typography ---- */
.dnb-workspace-body .admin-dashboard-page{
  --cc-blue:#54bdf3;
  --cc-cyan:#38c9ee;
  --cc-teal:#43d7b1;
  --cc-green:#65d99f;
  --cc-amber:#f0b45f;
  --cc-orange:#ff8740;
  --cc-purple:#ad94f3;
  --cc-rose:#ef8f9b;
  --cc-panel:#071a2b;
  --cc-panel-2:#091e31;
  --cc-line:#183a53;
  --cc-text:#edf5fb;
  --cc-muted:#8ca5b7;
}
.dnb-workspace-body .admin-dashboard-page .admin-container{
  width:min(calc(100% - 42px),1680px)!important;
  max-width:1680px!important;
}
.dnb-workspace-body .admin-dashboard-page .dnb-page-head{
  margin:0 0 20px!important;
  padding-top:4px!important;
}
.dnb-workspace-body .admin-dashboard-page .dnb-page-head .admin-eyebrow{
  margin-bottom:6px!important;
  font-family:"Quicksand","Be Vietnam Pro",sans-serif!important;
  font-size:clamp(9px,.55vw,11px)!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.16em!important;
  color:var(--cc-orange)!important;
}
.dnb-workspace-body .admin-dashboard-page .dnb-page-head h1{
  margin:0!important;
  font-size:clamp(34px,2.25vw,46px)!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
}
.dnb-workspace-body .admin-dashboard-page .dnb-page-head p{
  max-width:940px!important;
  margin-top:8px!important;
  font-family:"Quicksand","Be Vietnam Pro",sans-serif!important;
  font-size:clamp(11.5px,.72vw,14px)!important;
  line-height:1.62!important;
  font-weight:500!important;
  color:#91a9ba!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-card{
  position:relative;
  overflow:hidden;
  padding:clamp(18px,1.1vw,22px)!important;
  border:1px solid var(--cc-line)!important;
  border-radius:15px!important;
  background:linear-gradient(150deg,rgba(9,29,46,.98),rgba(6,21,34,.985))!important;
  box-shadow:0 15px 34px rgba(0,0,0,.12)!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-card-head{
  align-items:flex-start!important;
  gap:16px!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-kicker{
  display:block!important;
  margin-bottom:5px!important;
  font-family:"Quicksand","Be Vietnam Pro",sans-serif!important;
  font-size:clamp(8.2px,.48vw,9.8px)!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.15em!important;
  color:var(--cc-orange)!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-card h2{
  margin:0!important;
  font-size:clamp(18px,1.06vw,21px)!important;
  line-height:1.22!important;
  letter-spacing:-.02em!important;
  color:var(--cc-text)!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-inline-link{
  padding-top:4px;
  font-family:"Quicksand","Be Vietnam Pro",sans-serif!important;
  font-size:clamp(10px,.6vw,12px)!important;
  line-height:1.35!important;
  font-weight:700!important;
  color:#78c9f5!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-inline-link:hover{color:#c3ebff!important}

/* ---- KPI row: semantic cards with restrained color ---- */
.dnb-workspace-body .admin-dashboard-page .admin-stat-grid-7{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  margin-bottom:16px!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-stat-card{
  --stat-accent:var(--cc-blue);
  --stat-rgb:84,189,243;
  position:relative!important;
  min-height:104px!important;
  padding:14px 16px 15px!important;
  overflow:hidden!important;
  border:1px solid rgba(var(--stat-rgb),.28)!important;
  border-radius:14px!important;
  background:
    radial-gradient(circle at 88% 4%,rgba(var(--stat-rgb),.13),transparent 38%),
    linear-gradient(155deg,rgba(9,30,48,.99),rgba(6,21,34,.99))!important;
  box-shadow:none!important;
  text-decoration:none!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-stat-card::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:3px;
  background:var(--stat-accent);
  opacity:.92;
}
.dnb-workspace-body .admin-dashboard-page .admin-stat-card::after{
  content:"";
  position:absolute;
  right:13px;top:14px;
  width:7px;height:7px;
  border-radius:50%;
  background:var(--stat-accent);
  box-shadow:0 0 0 5px rgba(var(--stat-rgb),.07),0 0 18px rgba(var(--stat-rgb),.24);
}
.dnb-workspace-body .admin-dashboard-page .admin-stat-card:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(var(--stat-rgb),.52)!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-stat-card:nth-child(1){--stat-accent:var(--cc-blue);--stat-rgb:84,189,243}
.dnb-workspace-body .admin-dashboard-page .admin-stat-card:nth-child(2){--stat-accent:var(--cc-cyan);--stat-rgb:56,201,238}
.dnb-workspace-body .admin-dashboard-page .admin-stat-card:nth-child(3){--stat-accent:var(--cc-amber);--stat-rgb:240,180,95}
.dnb-workspace-body .admin-dashboard-page .admin-stat-card:nth-child(4){--stat-accent:var(--cc-green);--stat-rgb:101,217,159}
.dnb-workspace-body .admin-dashboard-page .admin-stat-card:nth-child(5){--stat-accent:var(--cc-teal);--stat-rgb:67,215,177}
.dnb-workspace-body .admin-dashboard-page .admin-stat-card:nth-child(6){--stat-accent:var(--cc-purple);--stat-rgb:173,148,243}
.dnb-workspace-body .admin-dashboard-page .admin-stat-card:nth-child(7){--stat-accent:var(--cc-rose);--stat-rgb:239,143,155}
.dnb-workspace-body .admin-dashboard-page .admin-stat-card span{
  display:block!important;
  padding-right:18px!important;
  font-family:"Quicksand","Be Vietnam Pro",sans-serif!important;
  font-size:clamp(8.5px,.5vw,10px)!important;
  line-height:1.25!important;
  font-weight:700!important;
  letter-spacing:.12em!important;
  color:#7f9aaf!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-stat-card strong{
  display:block!important;
  margin-top:8px!important;
  font-size:clamp(26px,1.65vw,33px)!important;
  line-height:1!important;
  font-weight:750!important;
  color:var(--cc-text)!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-stat-card small{
  display:block!important;
  margin-top:7px!important;
  font-family:"Quicksand","Be Vietnam Pro",sans-serif!important;
  font-size:clamp(9.5px,.56vw,11px)!important;
  line-height:1.42!important;
  font-weight:500!important;
  color:#7892a7!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-stat-card.is-attention strong,
.dnb-workspace-body .admin-dashboard-page .admin-stat-card.is-attention small{color:#f3c37c!important}
.dnb-workspace-body .admin-dashboard-page .admin-stat-card.is-danger strong,
.dnb-workspace-body .admin-dashboard-page .admin-stat-card.is-danger small{color:#f3a7b0!important}

/* ---- Main / utility split ---- */
.dnb-workspace-body .admin-dashboard-page .admin-dashboard-layout{
  grid-template-columns:minmax(0,1.72fr) minmax(330px,.7fr)!important;
  gap:16px!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-dashboard-main,
.dnb-workspace-body .admin-dashboard-page .admin-dashboard-side{gap:16px!important}

/* ---- Action Center: strongest operational surface ---- */
.dnb-workspace-body .admin-dashboard-page .admin-attention-card{
  border-color:rgba(240,180,95,.31)!important;
  background:
    radial-gradient(circle at 8% 0,rgba(255,135,64,.095),transparent 31%),
    radial-gradient(circle at 95% 5%,rgba(239,143,155,.07),transparent 28%),
    linear-gradient(150deg,#0a1e30,#071825)!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-attention-card::before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,var(--cc-orange),var(--cc-amber),transparent 74%);
}
.dnb-workspace-body .admin-dashboard-page .admin-attention-grid-6{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:16px!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-attention-grid-6 a{
  --att-accent:#6c8da6;
  --att-rgb:108,141,166;
  position:relative!important;
  min-height:102px!important;
  gap:7px!important;
  padding:13px 14px 14px!important;
  border:1px solid rgba(var(--att-rgb),.22)!important;
  border-radius:12px!important;
  background:linear-gradient(150deg,rgba(var(--att-rgb),.06),rgba(7,23,36,.9))!important;
  opacity:1!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-attention-grid-6 a::after{
  content:"";position:absolute;left:13px;right:13px;bottom:0;height:2px;border-radius:999px;
  background:linear-gradient(90deg,var(--att-accent),transparent);opacity:.45;
}
.dnb-workspace-body .admin-dashboard-page .admin-attention-grid-6 a:nth-child(1),
.dnb-workspace-body .admin-dashboard-page .admin-attention-grid-6 a:nth-child(2){--att-accent:var(--cc-amber);--att-rgb:240,180,95}
.dnb-workspace-body .admin-dashboard-page .admin-attention-grid-6 a:nth-child(3){--att-accent:var(--cc-rose);--att-rgb:239,143,155}
.dnb-workspace-body .admin-dashboard-page .admin-attention-grid-6 a:nth-child(4){--att-accent:var(--cc-blue);--att-rgb:84,189,243}
.dnb-workspace-body .admin-dashboard-page .admin-attention-grid-6 a:nth-child(5){--att-accent:var(--cc-purple);--att-rgb:173,148,243}
.dnb-workspace-body .admin-dashboard-page .admin-attention-grid-6 a:nth-child(6){--att-accent:var(--cc-orange);--att-rgb:255,135,64}
.dnb-workspace-body .admin-dashboard-page .admin-attention-grid-6 a.is-clear{opacity:.72!important;filter:saturate(.68)}
.dnb-workspace-body .admin-dashboard-page .admin-attention-grid-6 a.is-attention,
.dnb-workspace-body .admin-dashboard-page .admin-attention-grid-6 a.is-danger{
  border-color:rgba(var(--att-rgb),.48)!important;
  background:
    radial-gradient(circle at 90% 5%,rgba(var(--att-rgb),.13),transparent 42%),
    linear-gradient(150deg,rgba(var(--att-rgb),.10),rgba(7,23,36,.94))!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-attention-grid-6 strong{
  font-size:clamp(25px,1.45vw,30px)!important;
  line-height:1!important;
  color:var(--att-accent)!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-attention-grid-6 span{
  font-family:"Quicksand","Be Vietnam Pro",sans-serif!important;
  font-size:clamp(10px,.59vw,11.5px)!important;
  line-height:1.5!important;
  font-weight:600!important;
  color:#8ea6b8!important;
}

/* ---- Usage panel ---- */
.dnb-workspace-body .admin-dashboard-page .admin-usage-overview-card{
  border-color:rgba(56,201,238,.25)!important;
  background:
    radial-gradient(circle at 8% 0,rgba(56,201,238,.085),transparent 33%),
    linear-gradient(150deg,#091e31,#071825)!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-usage-overview-card::before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,var(--cc-cyan),transparent 70%);
}
.dnb-workspace-body .admin-dashboard-page .admin-mini-metrics{
  gap:9px!important;
  margin:15px 0 11px!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-mini-metrics>div{
  min-height:78px!important;
  padding:12px 13px!important;
  border:1px solid #1a3a51!important;
  border-radius:12px!important;
  background:rgba(5,20,32,.62)!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-mini-metrics strong{
  display:block!important;
  font-size:clamp(22px,1.3vw,27px)!important;
  line-height:1!important;
  color:#f0f7fc!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-mini-metrics span{
  display:block!important;
  margin-top:7px!important;
  font-family:"Quicksand","Be Vietnam Pro",sans-serif!important;
  font-size:clamp(9px,.52vw,10.5px)!important;
  line-height:1.4!important;
  font-weight:500!important;
  color:#7f99ad!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-usage-overview-metrics>div:nth-child(1),
.dnb-workspace-body .admin-dashboard-page .admin-usage-overview-metrics>div:nth-child(3){border-color:rgba(84,189,243,.25)!important}
.dnb-workspace-body .admin-dashboard-page .admin-usage-overview-metrics>div:nth-child(2),
.dnb-workspace-body .admin-dashboard-page .admin-usage-overview-metrics>div:nth-child(4){border-color:rgba(67,215,177,.22)!important}
.dnb-workspace-body .admin-dashboard-page .admin-usage-top-inline{
  gap:8px!important;
  padding-top:12px!important;
  border-top-color:#17384e!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-usage-top-inline>span{
  font-family:"Quicksand","Be Vietnam Pro",sans-serif!important;
  font-size:clamp(9px,.52vw,10.5px)!important;
  color:#7895aa!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-usage-top-inline>a{
  min-width:190px!important;
  min-height:36px!important;
  padding:8px 10px!important;
  border-radius:10px!important;
  background:#071a2a!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-usage-top-inline b{width:21px!important;height:21px!important;font-size:9px!important}
.dnb-workspace-body .admin-dashboard-page .admin-usage-top-inline strong{font-size:clamp(9.5px,.55vw,11px)!important}
.dnb-workspace-body .admin-dashboard-page .admin-usage-top-inline small{font-size:clamp(8.5px,.48vw,9.7px)!important}

/* ---- Product license: blue STR / green REBAR ---- */
.dnb-workspace-body .admin-dashboard-page .admin-product-ops-grid{gap:10px!important;margin-top:15px!important}
.dnb-workspace-body .admin-dashboard-page .admin-product-ops-v2{
  min-height:100px!important;
  padding:12px 13px!important;
  border:1px solid #1a3a50!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,#081b2c,#071724)!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-product-ops-v2:nth-child(1){
  border-color:rgba(84,189,243,.28)!important;
  background:linear-gradient(145deg,rgba(10,42,65,.72),#071724)!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-product-ops-v2:nth-child(2){
  border-color:rgba(67,215,177,.25)!important;
  background:linear-gradient(145deg,rgba(8,49,44,.62),#071724)!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-product-identity span{
  font-family:"Quicksand","Be Vietnam Pro",sans-serif!important;
  font-size:clamp(9px,.52vw,10.5px)!important;
  font-weight:700!important;
  color:#67c5f1!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-product-ops-v2:nth-child(2) .admin-product-identity span{color:#56d6b0!important}
.dnb-workspace-body .admin-dashboard-page .admin-product-identity strong{display:block;margin-top:5px;font-size:clamp(13px,.78vw,15px)!important}
.dnb-workspace-body .admin-dashboard-page .admin-product-license-metrics{gap:7px!important}
.dnb-workspace-body .admin-dashboard-page .admin-product-license-metrics>div{padding:10px 9px!important;border-radius:10px!important;background:rgba(5,20,32,.68)!important}
.dnb-workspace-body .admin-dashboard-page .admin-product-license-metrics span{font-size:clamp(8px,.46vw,9px)!important}
.dnb-workspace-body .admin-dashboard-page .admin-product-license-metrics strong{font-size:clamp(18px,1.05vw,22px)!important}
.dnb-workspace-body .admin-dashboard-page .admin-product-license-metrics small{font-size:clamp(8px,.46vw,9px)!important;line-height:1.35!important}

/* ---- Catalog: technical teal accent ---- */
.dnb-workspace-body .admin-dashboard-page .admin-catalog-summary-line{
  margin-top:14px!important;
  font-family:"Quicksand","Be Vietnam Pro",sans-serif!important;
  font-size:clamp(9.5px,.55vw,11px)!important;
  color:#7995a9!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-catalog-summary-line strong{font-size:clamp(11px,.65vw,13px)!important;color:#dfeef6!important}
.dnb-workspace-body .admin-dashboard-page .admin-catalog-metrics>div:nth-child(1){border-color:rgba(84,189,243,.23)!important}
.dnb-workspace-body .admin-dashboard-page .admin-catalog-metrics>div:nth-child(2){border-color:rgba(67,215,177,.23)!important}
.dnb-workspace-body .admin-dashboard-page .admin-catalog-metrics>div:nth-child(3){border-color:rgba(173,148,243,.22)!important}
.dnb-workspace-body .admin-dashboard-page .admin-catalog-metrics>div.is-attention{border-color:rgba(240,180,95,.42)!important;background:rgba(81,56,19,.25)!important}
.dnb-workspace-body .admin-dashboard-page .admin-catalog-metrics>div.is-attention strong{color:#f4c679!important}

/* ---- Recent operations ---- */
.dnb-workspace-body .admin-dashboard-page .admin-recent-card{border-color:rgba(84,189,243,.20)!important}
.dnb-workspace-body .admin-dashboard-page .admin-card-note{
  max-width:320px!important;
  padding-top:4px!important;
  font-family:"Quicksand","Be Vietnam Pro",sans-serif!important;
  font-size:clamp(9px,.52vw,10.5px)!important;
  line-height:1.45!important;
  color:#718da2!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-recent-list{margin-top:13px!important}
.dnb-workspace-body .admin-dashboard-page .admin-recent-item{
  grid-template-columns:10px minmax(0,1fr) auto!important;
  gap:11px!important;
  min-height:48px!important;
  padding:9px 7px!important;
  border-top-color:#16344a!important;
  border-radius:8px!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-recent-item:hover{background:rgba(84,189,243,.045)!important}
.dnb-workspace-body .admin-dashboard-page .admin-recent-dot{width:8px!important;height:8px!important}
.dnb-workspace-body .admin-dashboard-page .admin-recent-item strong{
  font-family:"Quicksand","Be Vietnam Pro",sans-serif!important;
  font-size:clamp(10.5px,.61vw,12px)!important;
  line-height:1.35!important;
  font-weight:700!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-recent-item small{
  margin-top:3px!important;
  font-family:"Quicksand","Be Vietnam Pro",sans-serif!important;
  font-size:clamp(9px,.52vw,10px)!important;
  line-height:1.4!important;
  color:#7892a7!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-recent-item time{
  font-family:"Quicksand","Be Vietnam Pro",sans-serif!important;
  font-size:clamp(8.7px,.5vw,9.7px)!important;
  color:#708ca1!important;
}

/* ---- Right rail: quick action / system health / role ---- */
.dnb-workspace-body .admin-dashboard-page .admin-dashboard-side .admin-card{padding:18px!important}
.dnb-workspace-body .admin-dashboard-page .admin-quick-actions{
  border-color:rgba(84,189,243,.24)!important;
  background:radial-gradient(circle at 90% 0,rgba(84,189,243,.08),transparent 35%),linear-gradient(150deg,#091e31,#071825)!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-quick-actions>a{
  position:relative!important;
  min-height:58px!important;
  margin-top:8px!important;
  padding:10px 34px 10px 12px!important;
  border:1px solid #1a3a50!important;
  border-radius:11px!important;
  background:rgba(5,20,32,.58)!important;
  text-decoration:none!important;
  transition:transform .15s ease,border-color .15s ease,background .15s ease!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-quick-actions>a::before{
  content:"";position:absolute;left:0;top:11px;bottom:11px;width:2px;border-radius:999px;background:var(--cc-blue);opacity:.65;
}
.dnb-workspace-body .admin-dashboard-page .admin-quick-actions>a:nth-of-type(2)::before{background:var(--cc-cyan)}
.dnb-workspace-body .admin-dashboard-page .admin-quick-actions>a:nth-of-type(3)::before{background:var(--cc-teal)}
.dnb-workspace-body .admin-dashboard-page .admin-quick-actions>a:nth-of-type(4)::before{background:var(--cc-purple)}
.dnb-workspace-body .admin-dashboard-page .admin-quick-actions>a:nth-of-type(5)::before{background:var(--cc-amber)}
.dnb-workspace-body .admin-dashboard-page .admin-quick-actions>a:nth-of-type(6)::before{background:var(--cc-green)}
.dnb-workspace-body .admin-dashboard-page .admin-quick-actions>a:nth-of-type(7)::before{background:var(--cc-rose)}
.dnb-workspace-body .admin-dashboard-page .admin-quick-actions>a:nth-of-type(8)::before{background:var(--cc-orange)}
.dnb-workspace-body .admin-dashboard-page .admin-quick-actions>a::after{
  content:"›";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#52748d;font-size:18px;line-height:1;
}
.dnb-workspace-body .admin-dashboard-page .admin-quick-actions>a:hover{
  transform:translateX(2px)!important;
  border-color:#2a5b78!important;
  background:rgba(10,37,57,.78)!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-quick-actions>a b{
  display:block!important;
  font-family:"Quicksand","Be Vietnam Pro",sans-serif!important;
  font-size:clamp(11px,.65vw,13px)!important;
  line-height:1.3!important;
  font-weight:700!important;
  color:#e8f2f8!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-quick-actions>a small{
  display:block!important;
  margin-top:4px!important;
  font-family:"Quicksand","Be Vietnam Pro",sans-serif!important;
  font-size:clamp(9px,.52vw,10.5px)!important;
  line-height:1.45!important;
  font-weight:500!important;
  color:#7892a7!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-system-health{
  border-color:rgba(67,215,177,.25)!important;
  background:radial-gradient(circle at 88% 0,rgba(67,215,177,.085),transparent 38%),linear-gradient(150deg,#081f2d,#071825)!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-system-health.has-attention{
  border-color:rgba(240,180,95,.40)!important;
  background:radial-gradient(circle at 88% 0,rgba(240,180,95,.10),transparent 38%),linear-gradient(150deg,#1c1c19,#071825)!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-health-badge{
  min-height:26px!important;
  padding:5px 9px!important;
  font-family:"Quicksand","Be Vietnam Pro",sans-serif!important;
  font-size:clamp(8px,.46vw,9px)!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-health-list{margin-top:13px!important}
.dnb-workspace-body .admin-dashboard-page .admin-health-list>div{
  min-height:42px!important;
  padding:9px 1px!important;
  border-top-color:#17374d!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-health-list span,
.dnb-workspace-body .admin-dashboard-page .admin-health-list b{
  font-family:"Quicksand","Be Vietnam Pro",sans-serif!important;
  font-size:clamp(9.5px,.55vw,11px)!important;
  line-height:1.4!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-health-list span{color:#7e99ad!important}
.dnb-workspace-body .admin-dashboard-page .admin-health-list b{color:#d5e4ed!important;font-weight:700!important}
.dnb-workspace-body .admin-dashboard-page .admin-health-list b.ok{color:#66d9aa!important}
.dnb-workspace-body .admin-dashboard-page .admin-health-list b.warn{color:#f2bf70!important}
.dnb-workspace-body .admin-dashboard-page .admin-health-list b.bad{color:#f09aa4!important}
.dnb-workspace-body .admin-dashboard-page .admin-health-list small{font-size:clamp(8.5px,.48vw,9.5px)!important;color:#6f8b9f!important}
.dnb-workspace-body .admin-dashboard-page .admin-session-card{
  border-color:rgba(173,148,243,.25)!important;
  background:radial-gradient(circle at 90% 0,rgba(173,148,243,.09),transparent 38%),linear-gradient(150deg,#0c1b31,#071825)!important;
}
.dnb-workspace-body .admin-dashboard-page .admin-session-card h2{font-size:clamp(17px,1vw,20px)!important}
.dnb-workspace-body .admin-dashboard-page .admin-session-card .admin-chip{
  min-height:30px!important;
  padding:6px 10px!important;
  border-color:rgba(84,189,243,.36)!important;
  background:rgba(26,73,104,.34)!important;
  font-family:"Quicksand","Be Vietnam Pro",sans-serif!important;
  font-size:clamp(8.5px,.5vw,10px)!important;
  color:#a8dcfb!important;
}

/* ---- campaign/compact lists on dashboard ---- */
.dnb-workspace-body .admin-dashboard-page .admin-list-compact>div{padding:11px 12px!important;border-radius:10px!important}
.dnb-workspace-body .admin-dashboard-page .admin-list-compact strong{font-size:clamp(10.5px,.61vw,12px)!important}
.dnb-workspace-body .admin-dashboard-page .admin-list-compact span{font-size:clamp(9px,.52vw,10px)!important;line-height:1.4!important}

/* ---- Very wide / 4K CSS viewport ---- */
@media (min-width:1900px){
  .dnb-workspace-body .admin-dashboard-page .admin-container{width:min(calc(100% - 64px),1820px)!important;max-width:1820px!important}
  .dnb-workspace-body .admin-dashboard-page .admin-stat-grid-7{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:13px!important}
  .dnb-workspace-body .admin-dashboard-page .admin-stat-card{min-height:112px!important;padding:16px 17px!important}
  .dnb-workspace-body .admin-dashboard-page .admin-dashboard-layout{grid-template-columns:minmax(0,1.78fr) minmax(360px,.72fr)!important;gap:18px!important}
  .dnb-workspace-body .admin-dashboard-page .admin-dashboard-main,
  .dnb-workspace-body .admin-dashboard-page .admin-dashboard-side{gap:18px!important}
}

/* ---- Desktop mid-size: never squeeze seven KPI cards ---- */
@media (max-width:1500px){
  .dnb-workspace-body .admin-dashboard-page .admin-stat-grid-7{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .dnb-workspace-body .admin-dashboard-page .admin-dashboard-layout{grid-template-columns:minmax(0,1.65fr) minmax(315px,.72fr)!important}
}
@media (max-width:1220px){
  .dnb-workspace-body .admin-dashboard-page .admin-dashboard-layout{grid-template-columns:1fr!important}
  .dnb-workspace-body .admin-dashboard-page .admin-dashboard-side{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dnb-workspace-body .admin-dashboard-page .admin-dashboard-side .admin-quick-actions{grid-column:1/-1!important}
  .dnb-workspace-body .admin-dashboard-page .admin-quick-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .dnb-workspace-body .admin-dashboard-page .admin-quick-actions>.admin-kicker,
  .dnb-workspace-body .admin-dashboard-page .admin-quick-actions>h2{grid-column:1/-1!important}
  .dnb-workspace-body .admin-dashboard-page .admin-quick-actions>a{margin-top:0!important}
}

/* ---- Tablet / phone ---- */
@media (max-width:820px){
  .dnb-workspace-body .admin-dashboard-page .admin-container{width:calc(100% - 28px)!important}
  .dnb-workspace-body .admin-dashboard-page .admin-stat-grid-7{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .dnb-workspace-body .admin-dashboard-page .admin-stat-card{min-height:100px!important;padding:13px 14px!important}
  .dnb-workspace-body .admin-dashboard-page .admin-attention-grid-6{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dnb-workspace-body .admin-dashboard-page .admin-product-ops-grid{grid-template-columns:1fr!important}
  .dnb-workspace-body .admin-dashboard-page .admin-dashboard-side{grid-template-columns:1fr!important}
  .dnb-workspace-body .admin-dashboard-page .admin-quick-actions{grid-template-columns:1fr!important}
  .dnb-workspace-body .admin-dashboard-page .admin-quick-actions>.admin-kicker,
  .dnb-workspace-body .admin-dashboard-page .admin-quick-actions>h2{grid-column:auto!important}
  .dnb-workspace-body .admin-dashboard-page .admin-card-note{display:none!important}
  .dnb-workspace-body .admin-dashboard-page .admin-recent-item{grid-template-columns:10px minmax(0,1fr)!important}
  .dnb-workspace-body .admin-dashboard-page .admin-recent-item time{grid-column:2!important;margin-top:2px!important}
}
@media (max-width:520px){
  .dnb-workspace-body .admin-dashboard-page .admin-container{width:calc(100% - 22px)!important}
  .dnb-workspace-body .admin-dashboard-page .dnb-page-head h1{font-size:31px!important}
  .dnb-workspace-body .admin-dashboard-page .dnb-page-head p{font-size:12px!important}
  .dnb-workspace-body .admin-dashboard-page .admin-stat-grid-7{grid-template-columns:1fr 1fr!important}
  .dnb-workspace-body .admin-dashboard-page .admin-stat-card{min-height:96px!important}
  .dnb-workspace-body .admin-dashboard-page .admin-stat-card strong{font-size:24px!important}
  .dnb-workspace-body .admin-dashboard-page .admin-stat-card small{font-size:9px!important}
  .dnb-workspace-body .admin-dashboard-page .admin-attention-grid-6{grid-template-columns:1fr!important}
  .dnb-workspace-body .admin-dashboard-page .admin-attention-grid-6 a{min-height:88px!important}
  .dnb-workspace-body .admin-dashboard-page .admin-mini-metrics-4{grid-template-columns:1fr 1fr!important}
  .dnb-workspace-body .admin-dashboard-page .admin-product-license-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* ---- Light theme: keep hierarchy without heavy dark tints ---- */
html[data-dnb-theme="light"] body.dnb-workspace-body .admin-dashboard-page .admin-card,
body.theme-light.dnb-workspace-body .admin-dashboard-page .admin-card{
  background:#fff!important;
  box-shadow:0 9px 24px rgba(23,49,66,.055)!important;
}
html[data-dnb-theme="light"] body.dnb-workspace-body .admin-dashboard-page .admin-stat-card,
body.theme-light.dnb-workspace-body .admin-dashboard-page .admin-stat-card{
  background:linear-gradient(155deg,rgba(var(--stat-rgb),.055),#fff 54%)!important;
}
html[data-dnb-theme="light"] body.dnb-workspace-body .admin-dashboard-page .admin-attention-grid-6 a,
body.theme-light.dnb-workspace-body .admin-dashboard-page .admin-attention-grid-6 a{
  background:linear-gradient(150deg,rgba(var(--att-rgb),.055),#fff)!important;
}
html[data-dnb-theme="light"] body.dnb-workspace-body .admin-dashboard-page :is(.admin-stat-card strong,.admin-card h2,.admin-attention-grid-6 strong,.admin-product-identity strong,.admin-product-license-metrics strong,.admin-recent-item strong,.admin-quick-actions>a b),
body.theme-light.dnb-workspace-body .admin-dashboard-page :is(.admin-stat-card strong,.admin-card h2,.admin-attention-grid-6 strong,.admin-product-identity strong,.admin-product-license-metrics strong,.admin-recent-item strong,.admin-quick-actions>a b){color:#21313d!important}


/* ==========================================================================
   D&B Control Center RC14 — admin subpages visual hierarchy + readable type
   Scope: Users & License, Usage report, Add-in Catalog, Events & Promotions.
   Keeps dense admin information, but removes micro-text and flat/card monotony.
   ========================================================================== */
.dnb-workspace-body .admin-control-page{
  --cc14-blue:#54bdf3;
  --cc14-cyan:#42d2e6;
  --cc14-green:#4fd3a1;
  --cc14-teal:#42d6b0;
  --cc14-amber:#f1b55e;
  --cc14-orange:#ff8738;
  --cc14-purple:#ab94f3;
  --cc14-rose:#ef8f9b;
  --cc14-ui:"Quicksand","Be Vietnam Pro","Segoe UI",Arial,sans-serif;
  --cc14-display:"Be Vietnam Pro","Segoe UI",Arial,sans-serif;
  font-family:var(--cc14-ui);
}
.dnb-workspace-body .admin-control-page .admin-container{
  width:min(calc(100% - 48px),1560px)!important;
  max-width:1560px!important;
}
.dnb-workspace-body .admin-control-page .dnb-page-head{
  position:relative;
  margin-bottom:22px!important;
  padding:8px 0 18px!important;
}
.dnb-workspace-body .admin-control-page .dnb-page-head::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:min(560px,56%);
  height:1px;
  background:linear-gradient(90deg,rgba(84,189,243,.55),rgba(255,135,56,.24),transparent);
}
.dnb-workspace-body .admin-control-page .dnb-page-head .admin-eyebrow,
.dnb-workspace-body .admin-control-page .admin-kicker{
  font-family:var(--cc14-ui)!important;
  font-size:clamp(9.5px,.56vw,11px)!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.145em!important;
  color:var(--cc14-orange)!important;
}
.dnb-workspace-body .admin-control-page .dnb-page-head h1{
  margin:7px 0 7px!important;
  font-family:var(--cc14-display)!important;
  font-size:clamp(36px,2.35vw,48px)!important;
  line-height:1.03!important;
  letter-spacing:-.047em!important;
  color:#f3f7fb!important;
}
.dnb-workspace-body .admin-control-page .dnb-page-head p{
  max-width:940px!important;
  margin:0!important;
  font-family:var(--cc14-ui)!important;
  font-size:clamp(12.5px,.72vw,15px)!important;
  line-height:1.7!important;
  font-weight:500!important;
  color:#91a8ba!important;
}

/* shared admin surfaces */
.dnb-workspace-body .admin-control-page .admin-card,
.dnb-workspace-body .admin-control-page .admin-table-wrap,
.dnb-workspace-body .admin-control-page .admin-filterbar,
.dnb-workspace-body .admin-control-page .admin-user-list-pane,
.dnb-workspace-body .admin-control-page .admin-empty{
  border-color:rgba(79,122,151,.38)!important;
}
.dnb-workspace-body .admin-control-page .admin-card{
  position:relative;
  padding:20px!important;
  border-radius:16px!important;
  background:linear-gradient(150deg,rgba(11,30,47,.98),rgba(7,20,33,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.dnb-workspace-body .admin-control-page .admin-card::before{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(84,189,243,.24),transparent);
  pointer-events:none;
}
.dnb-workspace-body .admin-control-page .admin-card-head{gap:16px!important}
.dnb-workspace-body .admin-control-page .admin-card h2{
  margin:5px 0 0!important;
  font-family:var(--cc14-ui)!important;
  font-size:clamp(18px,1.05vw,22px)!important;
  line-height:1.22!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
  color:#edf5fa!important;
}
.dnb-workspace-body .admin-control-page .admin-card h3{
  font-family:var(--cc14-ui)!important;
  font-size:clamp(15px,.86vw,18px)!important;
  line-height:1.28!important;
  font-weight:700!important;
}
.dnb-workspace-body .admin-control-page :is(.admin-muted,.admin-card-note){
  font-family:var(--cc14-ui)!important;
  font-size:clamp(11px,.62vw,12.5px)!important;
  line-height:1.6!important;
  font-weight:500!important;
  color:#7f99ad!important;
}
.dnb-workspace-body .admin-control-page .admin-inline-link{
  font-family:var(--cc14-ui)!important;
  font-size:clamp(11px,.62vw,12.5px)!important;
  line-height:1.3!important;
  font-weight:700!important;
  color:#68c5f5!important;
}
.dnb-workspace-body .admin-control-page .admin-inline-link:hover{color:#c3ebff!important}

/* inputs and actions: stop the generic 7–8 px admin compact rules from winning */
.dnb-workspace-body .admin-control-page :is(.admin-filterbar input,.admin-filterbar select,.admin-row-form select,.admin-row-form input,.admin-form-grid input,.admin-form-grid select,.admin-form-stack input,.admin-form-stack select,.admin-campaign-actions select,textarea){
  min-height:42px!important;
  height:42px!important;
  padding:0 12px!important;
  border-radius:10px!important;
  font-family:var(--cc14-ui)!important;
  font-size:clamp(11.5px,.66vw,13px)!important;
  font-weight:600!important;
  line-height:1.35!important;
  color:#dce8f0!important;
  background:#081824!important;
  border-color:#27445a!important;
}
.dnb-workspace-body .admin-control-page textarea{
  height:auto!important;
  min-height:132px!important;
  padding:12px!important;
  line-height:1.55!important;
}
.dnb-workspace-body .admin-control-page :is(.admin-form-grid label,.admin-form-stack label,.admin-row-form label,.admin-per-page-control){
  font-family:var(--cc14-ui)!important;
  font-size:clamp(10.5px,.59vw,12px)!important;
  line-height:1.45!important;
  font-weight:600!important;
  color:#8fa6b8!important;
}
.dnb-workspace-body .admin-control-page .admin-section .btn,
.dnb-workspace-body .admin-control-page .btn{
  min-height:40px!important;
  padding:0 14px!important;
  border-radius:10px!important;
  font-family:var(--cc14-ui)!important;
  font-size:clamp(11.5px,.64vw,13px)!important;
  line-height:1!important;
  font-weight:700!important;
}
.dnb-workspace-body .admin-control-page .btn.btn-sm{
  min-height:38px!important;
  padding:0 13px!important;
  font-size:clamp(11px,.61vw,12.5px)!important;
}
.dnb-workspace-body .admin-control-page .btn.btn-xs{
  min-height:34px!important;
  padding:0 11px!important;
  font-size:clamp(10.5px,.58vw,12px)!important;
}
.dnb-workspace-body .admin-control-page .btn-primary{
  border-color:rgba(255,135,56,.8)!important;
  background:linear-gradient(135deg,#ff7c2a,#ff9347)!important;
  color:#fff!important;
  box-shadow:0 9px 22px rgba(255,124,42,.13)!important;
}
.dnb-workspace-body .admin-control-page .btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}
.dnb-workspace-body .admin-control-page .admin-chip{
  min-height:30px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  font-family:var(--cc14-ui)!important;
  font-size:clamp(9.5px,.54vw,11px)!important;
  font-weight:700!important;
  letter-spacing:.045em!important;
}
.dnb-workspace-body .admin-control-page .admin-status{
  min-height:26px!important;
  padding:5px 9px!important;
  font-family:var(--cc14-ui)!important;
  font-size:clamp(9px,.50vw,10.5px)!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:.06em!important;
}

/* tables */
.dnb-workspace-body .admin-control-page .admin-table-wrap{
  border-radius:14px!important;
  background:rgba(5,17,29,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
}
.dnb-workspace-body .admin-control-page .admin-table th{
  padding:11px 12px!important;
  font-family:var(--cc14-ui)!important;
  font-size:clamp(9px,.50vw,10.5px)!important;
  line-height:1.25!important;
  font-weight:700!important;
  letter-spacing:.09em!important;
  color:#7291a8!important;
  background:#091b2a!important;
}
.dnb-workspace-body .admin-control-page .admin-table td{
  padding:12px!important;
  font-family:var(--cc14-ui)!important;
  font-size:clamp(11px,.61vw,12.5px)!important;
  line-height:1.5!important;
  font-weight:500!important;
  color:#bfd0dc!important;
}
.dnb-workspace-body .admin-control-page .admin-table td strong{
  font-size:clamp(11.5px,.65vw,13.5px)!important;
  line-height:1.35!important;
  font-weight:700!important;
  color:#edf5fa!important;
}
.dnb-workspace-body .admin-control-page .admin-table td small{
  margin-top:4px!important;
  font-size:clamp(9.5px,.53vw,11px)!important;
  line-height:1.45!important;
  font-weight:500!important;
  color:#6f899d!important;
}
.dnb-workspace-body .admin-control-page .admin-table td code{
  margin:4px 0 2px!important;
  font-size:clamp(9.3px,.52vw,10.8px)!important;
  line-height:1.35!important;
  color:#67bde9!important;
}
.dnb-workspace-body .admin-control-page .admin-table tbody tr{transition:background .15s ease,box-shadow .15s ease}
.dnb-workspace-body .admin-control-page .admin-table tbody tr:hover{background:rgba(49,117,158,.08)!important;box-shadow:inset 3px 0 0 rgba(84,189,243,.58)}

/* --------------------------------------------------------------------------
   Users & License
   -------------------------------------------------------------------------- */
.dnb-workspace-body .admin-users-page .admin-account-list-section{
  padding-top:18px!important;
  border-top:1px solid rgba(84,189,243,.24)!important;
}
.dnb-workspace-body .admin-users-page :is(.admin-account-list-head,.admin-selected-account-head){
  margin-bottom:12px!important;
}
.dnb-workspace-body .admin-users-page :is(.admin-account-list-head h2,.admin-selected-account-head h2){
  margin:5px 0 0!important;
  font-family:var(--cc14-ui)!important;
  font-size:clamp(18px,1.02vw,21px)!important;
  line-height:1.25!important;
  font-weight:700!important;
}
.dnb-workspace-body .admin-users-page .admin-account-list-meta{
  gap:8px!important;
  font-family:var(--cc14-ui)!important;
  font-size:clamp(10px,.55vw,11.5px)!important;
}
.dnb-workspace-body .admin-users-page .admin-account-list-meta strong{
  font-size:clamp(21px,1.18vw,25px)!important;
  line-height:1!important;
  color:#eef6fc!important;
}
.dnb-workspace-body .admin-users-page .admin-user-filterbar{
  grid-template-columns:minmax(300px,1fr) 150px 160px 150px 176px auto auto!important;
  gap:8px!important;
  margin-bottom:11px!important;
  padding:9px!important;
  border-color:rgba(84,189,243,.23)!important;
  background:linear-gradient(180deg,rgba(10,28,43,.88),rgba(7,20,32,.9))!important;
}
.dnb-workspace-body .admin-users-page .admin-per-page-control select{min-width:108px!important}
.dnb-workspace-body .admin-users-page .admin-account-cell strong{font-size:clamp(12px,.68vw,14px)!important}
.dnb-workspace-body .admin-users-page .admin-account-cell span{font-size:clamp(10px,.56vw,11.5px)!important;line-height:1.4!important}
.dnb-workspace-body .admin-users-page .admin-account-cell small{font-size:clamp(9px,.49vw,10.5px)!important}
.dnb-workspace-body .admin-users-page .admin-license-chip{
  min-height:24px!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  font-family:var(--cc14-ui)!important;
  font-size:clamp(8.8px,.49vw,10.2px)!important;
  line-height:1!important;
  font-weight:700!important;
}
.dnb-workspace-body .admin-users-page .admin-today-usage strong,
.dnb-workspace-body .admin-users-page .admin-user-insight strong{
  font-size:clamp(11px,.61vw,12.5px)!important;
  line-height:1.35!important;
}
.dnb-workspace-body .admin-users-page :is(.admin-today-usage span,.admin-user-insight small,.admin-activity-last,.admin-session-hint){
  font-size:clamp(9px,.50vw,10.5px)!important;
  line-height:1.42!important;
}
.dnb-workspace-body .admin-users-page .admin-role-summary strong{font-size:clamp(10.5px,.59vw,12px)!important}
.dnb-workspace-body .admin-users-page .admin-user-click-row.is-selected{
  background:linear-gradient(90deg,rgba(84,189,243,.12),rgba(84,189,243,.025))!important;
  box-shadow:inset 3px 0 0 var(--cc14-blue)!important;
}
.dnb-workspace-body .admin-users-page .admin-account-pagination{
  min-height:48px!important;
  margin-top:9px!important;
  padding:8px 10px!important;
  border-radius:11px!important;
  background:rgba(8,24,37,.72)!important;
}
.dnb-workspace-body .admin-users-page .admin-pagination-summary strong{font-size:16px!important}
.dnb-workspace-body .admin-users-page .admin-pagination-summary :is(span,small),
.dnb-workspace-body .admin-users-page .admin-pagination-nav :is(a,span){font-family:var(--cc14-ui)!important;font-size:10.5px!important}
.dnb-workspace-body .admin-users-page .admin-selected-account-section{
  margin-top:18px!important;
  padding-top:18px!important;
  border-top-color:rgba(171,148,243,.22)!important;
}
.dnb-workspace-body .admin-users-page .admin-selected-account-head>small{
  max-width:620px!important;
  font-family:var(--cc14-ui)!important;
  font-size:clamp(10px,.55vw,11.5px)!important;
  line-height:1.55!important;
}
.dnb-workspace-body .admin-users-page .admin-empty-tall{
  min-height:190px!important;
  padding:28px!important;
  border-color:rgba(84,189,243,.25)!important;
  background:
    radial-gradient(circle at 50% 40%,rgba(84,189,243,.075),transparent 32%),
    rgba(6,20,32,.6)!important;
}
.dnb-workspace-body .admin-users-page .admin-empty-tall strong{
  font-family:var(--cc14-ui)!important;
  font-size:clamp(17px,.95vw,20px)!important;
  color:#e9f4fb!important;
}
.dnb-workspace-body .admin-users-page .admin-empty-tall span{
  margin-top:4px!important;
  font-family:var(--cc14-ui)!important;
  font-size:clamp(10.5px,.59vw,12px)!important;
  line-height:1.55!important;
  color:#718ca0!important;
}

/* --------------------------------------------------------------------------
   Usage report
   -------------------------------------------------------------------------- */
.dnb-workspace-body .admin-usage-report-page .admin-usage-stat-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  margin-bottom:16px!important;
}
.dnb-workspace-body .admin-usage-report-page .admin-stat-card{
  position:relative;
  min-height:104px!important;
  padding:15px 16px!important;
  border-radius:14px!important;
  overflow:hidden;
  background:linear-gradient(150deg,rgba(11,31,48,.98),rgba(7,20,32,.98))!important;
}
.dnb-workspace-body .admin-usage-report-page .admin-stat-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:var(--stat-accent,var(--cc14-blue));
}
.dnb-workspace-body .admin-usage-report-page .admin-stat-card:nth-child(1){--stat-accent:var(--cc14-blue);border-color:rgba(84,189,243,.34)!important}
.dnb-workspace-body .admin-usage-report-page .admin-stat-card:nth-child(2){--stat-accent:var(--cc14-cyan);border-color:rgba(66,210,230,.32)!important}
.dnb-workspace-body .admin-usage-report-page .admin-stat-card:nth-child(3){--stat-accent:var(--cc14-purple);border-color:rgba(171,148,243,.30)!important}
.dnb-workspace-body .admin-usage-report-page .admin-stat-card:nth-child(4){--stat-accent:var(--cc14-teal);border-color:rgba(66,214,176,.30)!important}
.dnb-workspace-body .admin-usage-report-page .admin-stat-card:nth-child(5){--stat-accent:var(--cc14-green);border-color:rgba(79,211,161,.32)!important}
.dnb-workspace-body .admin-usage-report-page .admin-stat-card:nth-child(6){--stat-accent:var(--cc14-rose);border-color:rgba(239,143,155,.34)!important}
.dnb-workspace-body .admin-usage-report-page .admin-stat-card span{
  font-family:var(--cc14-ui)!important;
  font-size:clamp(9px,.51vw,10.5px)!important;
  line-height:1.25!important;
  font-weight:700!important;
  letter-spacing:.11em!important;
  color:#6f91a9!important;
}
.dnb-workspace-body .admin-usage-report-page .admin-stat-card strong{
  margin-top:8px!important;
  font-family:var(--cc14-display)!important;
  font-size:clamp(28px,1.7vw,34px)!important;
  line-height:1!important;
  font-weight:700!important;
  color:#eef7fc!important;
}
.dnb-workspace-body .admin-usage-report-page .admin-stat-card small{
  margin-top:7px!important;
  font-family:var(--cc14-ui)!important;
  font-size:clamp(9.5px,.54vw,11px)!important;
  line-height:1.45!important;
  color:#718da1!important;
}
.dnb-workspace-body .admin-usage-report-page .admin-usage-explain{
  align-items:flex-start!important;
  gap:28px!important;
  padding:18px 20px!important;
  border-color:rgba(84,189,243,.28)!important;
  background:linear-gradient(120deg,rgba(10,38,59,.75),rgba(8,24,38,.94))!important;
}
.dnb-workspace-body .admin-usage-report-page .admin-usage-explain>div{min-width:275px!important}
.dnb-workspace-body .admin-usage-report-page .admin-usage-explain p{
  max-width:none!important;
  margin:0!important;
  font-family:var(--cc14-ui)!important;
  font-size:clamp(11px,.62vw,12.5px)!important;
  line-height:1.72!important;
  color:#8aa3b6!important;
}
.dnb-workspace-body .admin-usage-report-page .admin-usage-explain code{font-size:.92em!important}
.dnb-workspace-body .admin-usage-report-page .admin-usage-grid-2{gap:14px!important;margin:14px 0!important}
.dnb-workspace-body .admin-usage-report-page .admin-usage-ranking{gap:8px!important;margin-top:14px!important}
.dnb-workspace-body .admin-usage-report-page .admin-usage-ranking>div,
.dnb-workspace-body .admin-usage-report-page .admin-usage-ranking>a{
  min-height:60px!important;
  grid-template-columns:28px minmax(0,1fr) auto!important;
  gap:11px!important;
  padding:10px 12px!important;
  border-radius:11px!important;
  border-color:rgba(84,189,243,.20)!important;
  background:rgba(5,21,34,.68)!important;
}
.dnb-workspace-body .admin-usage-report-page .admin-usage-ranking .rank{
  width:26px!important;height:26px!important;
  background:rgba(25,91,132,.44)!important;
  color:#8dd4fa!important;
  font-family:var(--cc14-ui)!important;
  font-size:10px!important;
}
.dnb-workspace-body .admin-usage-report-page .admin-usage-ranking strong{font-family:var(--cc14-ui)!important;font-size:clamp(11.5px,.65vw,13px)!important;line-height:1.35!important}
.dnb-workspace-body .admin-usage-report-page .admin-usage-ranking small{font-family:var(--cc14-ui)!important;font-size:clamp(9.5px,.53vw,10.8px)!important;line-height:1.4!important}
.dnb-workspace-body .admin-usage-report-page .admin-usage-ranking>b,
.dnb-workspace-body .admin-usage-report-page .admin-usage-ranking>div>b,
.dnb-workspace-body .admin-usage-report-page .admin-usage-ranking>a>b{font-size:clamp(16px,.9vw,18px)!important;color:#eef7fc!important}
.dnb-workspace-body .admin-usage-report-page .admin-usage-range-tabs a{
  min-height:34px!important;
  display:inline-flex!important;align-items:center!important;
  padding:0 11px!important;
  font-family:var(--cc14-ui)!important;
  font-size:10.5px!important;
  border-radius:9px!important;
}
.dnb-workspace-body .admin-usage-report-page .admin-usage-range-tabs a.is-active{
  background:rgba(84,189,243,.14)!important;
  border-color:rgba(84,189,243,.48)!important;
  color:#d7effc!important;
}
.dnb-workspace-body .admin-usage-report-page .admin-usage-table-wrap{margin-top:14px!important}
.dnb-workspace-body .admin-usage-report-page .admin-usage-bar{height:7px!important;background:#0a2436!important}
.dnb-workspace-body .admin-usage-report-page .admin-usage-bar i{background:linear-gradient(90deg,#2f88bd,#58c5ef)!important;box-shadow:0 0 12px rgba(84,189,243,.16)}

/* --------------------------------------------------------------------------
   Add-in Catalog
   -------------------------------------------------------------------------- */
.dnb-workspace-body .admin-addins-page .admin-toolbar{
  gap:14px!important;
  margin-bottom:14px!important;
  padding:0!important;
}
.dnb-workspace-body .admin-addins-page .admin-chip-row-tight{gap:7px!important;margin:0!important}
.dnb-workspace-body .admin-addins-page .admin-chip-row-tight .admin-chip:nth-child(1){border-color:rgba(79,211,161,.38)!important;background:rgba(26,92,68,.24)!important;color:#80e0b3!important}
.dnb-workspace-body .admin-addins-page .admin-chip-row-tight .admin-chip:nth-child(2){border-color:rgba(84,189,243,.30)!important;background:rgba(33,77,106,.22)!important;color:#90d2f4!important}
.dnb-workspace-body .admin-addins-page .admin-chip-row-tight .admin-chip:nth-child(3){border-color:rgba(241,181,94,.38)!important;background:rgba(105,73,25,.22)!important;color:#f3c77f!important}
.dnb-workspace-body .admin-addins-page .admin-chip-row-tight .admin-chip:nth-child(4){border-color:rgba(239,143,155,.34)!important;background:rgba(101,42,52,.22)!important;color:#f0a4ae!important}
.dnb-workspace-body .admin-addins-page .admin-filterbar{
  display:grid!important;
  grid-template-columns:minmax(320px,1fr) 180px 180px auto!important;
  gap:8px!important;
  margin:14px 0 10px!important;
  padding:9px!important;
}
.dnb-workspace-body .admin-addins-page .admin-addin-table{min-width:1220px!important}
.dnb-workspace-body .admin-addins-page .admin-row-form-edit{
  grid-template-columns:minmax(190px,1fr) 126px 130px auto auto!important;
  gap:7px!important;
}
.dnb-workspace-body .admin-addins-page .admin-row-form-edit>input:not([type="hidden"]){
  min-width:175px!important;
  height:38px!important;
  min-height:38px!important;
  font-size:11.5px!important;
}
.dnb-workspace-body .admin-addins-page .admin-row-form-edit select{height:38px!important;min-height:38px!important;font-size:11px!important}
.dnb-workspace-body .admin-addins-page .admin-row-form-edit label{font-size:10px!important}
.dnb-workspace-body .admin-addins-page .admin-addin-table td:first-child strong{font-size:12.5px!important}
.dnb-workspace-body .admin-addins-page .admin-addin-table td:nth-child(3) .admin-chip:not(.is-system){border-color:rgba(84,189,243,.36)!important;background:rgba(27,74,105,.30)!important;color:#8dd1f4!important}
.dnb-workspace-body .admin-addins-page .admin-addin-table td:nth-child(3) .admin-chip.is-system{border-color:rgba(255,135,56,.38)!important;background:rgba(112,61,28,.25)!important;color:#ffb37f!important}
.dnb-workspace-body .admin-addins-page .admin-pending-card{border-color:rgba(241,181,94,.40)!important;background:linear-gradient(145deg,rgba(56,43,23,.42),rgba(8,24,37,.97))!important}
.dnb-workspace-body .admin-addins-page .admin-pending-info strong{font-family:var(--cc14-ui)!important;font-size:13px!important}
.dnb-workspace-body .admin-addins-page .admin-pending-info code{font-size:10px!important}
.dnb-workspace-body .admin-addins-page .admin-pending-info small{font-family:var(--cc14-ui)!important;font-size:10.5px!important;line-height:1.45!important}
.dnb-workspace-body .admin-addins-page .admin-text-danger{font-family:var(--cc14-ui)!important;font-size:10.5px!important;font-weight:700!important}

/* --------------------------------------------------------------------------
   Events & Promotions
   -------------------------------------------------------------------------- */
.dnb-workspace-body .admin-events-page .admin-campaign-builder{
  padding:22px!important;
  border-color:rgba(171,148,243,.26)!important;
  background:
    radial-gradient(circle at 92% 2%,rgba(171,148,243,.08),transparent 26%),
    linear-gradient(150deg,rgba(12,29,46,.98),rgba(7,20,32,.98))!important;
}
.dnb-workspace-body .admin-events-page .admin-campaign-form{gap:14px!important;margin-top:18px!important}
.dnb-workspace-body .admin-events-page .admin-form-section{
  position:relative;
  padding:17px!important;
  border-radius:14px!important;
  border-color:rgba(84,189,243,.22)!important;
  background:rgba(5,20,32,.66)!important;
  overflow:hidden;
}
.dnb-workspace-body .admin-events-page .admin-form-section::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--event-accent,var(--cc14-blue));
}
.dnb-workspace-body .admin-events-page .admin-form-section:nth-of-type(1){--event-accent:var(--cc14-blue)}
.dnb-workspace-body .admin-events-page .admin-form-section:nth-of-type(2){--event-accent:var(--cc14-amber)}
.dnb-workspace-body .admin-events-page .admin-form-section:nth-of-type(3){--event-accent:var(--cc14-teal)}
.dnb-workspace-body .admin-events-page .admin-form-section-title{gap:11px!important;margin-bottom:13px!important}
.dnb-workspace-body .admin-events-page .admin-form-section-title>span{
  width:32px!important;height:32px!important;
  border-radius:9px!important;
  font-family:var(--cc14-ui)!important;
  font-size:10.5px!important;
  font-weight:700!important;
}
.dnb-workspace-body .admin-events-page .admin-form-section:nth-of-type(2) .admin-form-section-title>span{border-color:rgba(241,181,94,.48)!important;background:rgba(88,61,22,.28)!important;color:#f2c175!important}
.dnb-workspace-body .admin-events-page .admin-form-section:nth-of-type(3) .admin-form-section-title>span{border-color:rgba(66,214,176,.42)!important;background:rgba(22,77,63,.27)!important;color:#78e0bd!important}
.dnb-workspace-body .admin-events-page .admin-form-section-title strong{
  font-family:var(--cc14-ui)!important;
  font-size:clamp(13px,.72vw,15px)!important;
  line-height:1.3!important;
  font-weight:700!important;
  color:#edf5fa!important;
}
.dnb-workspace-body .admin-events-page .admin-form-section-title small{
  margin-top:3px!important;
  font-family:var(--cc14-ui)!important;
  font-size:clamp(10px,.55vw,11.5px)!important;
  line-height:1.45!important;
  color:#758fa3!important;
}
.dnb-workspace-body .admin-events-page .admin-form-grid-compact{gap:11px!important}
.dnb-workspace-body .admin-events-page .admin-advanced{
  padding:0 15px!important;
  border-radius:12px!important;
  border-color:rgba(171,148,243,.23)!important;
  background:rgba(18,23,44,.38)!important;
}
.dnb-workspace-body .admin-events-page .admin-advanced summary{
  padding:13px 0!important;
  font-family:var(--cc14-ui)!important;
  font-size:clamp(11px,.61vw,12.5px)!important;
  font-weight:700!important;
  color:#a99bd8!important;
}
.dnb-workspace-body .admin-events-page .admin-form-submit{gap:14px!important}
.dnb-workspace-body .admin-events-page .admin-form-submit span{
  font-family:var(--cc14-ui)!important;
  font-size:clamp(10.5px,.58vw,11.8px)!important;
  line-height:1.5!important;
  color:#788fa3!important;
}
.dnb-workspace-body .admin-events-page .admin-empty.admin-space-top{
  min-height:92px!important;
  display:grid!important;
  place-items:center!important;
  padding:20px!important;
  font-family:var(--cc14-ui)!important;
  font-size:clamp(11px,.61vw,12.5px)!important;
  line-height:1.55!important;
  color:#738da1!important;
  background:radial-gradient(circle at 50% 50%,rgba(171,148,243,.055),transparent 34%),rgba(6,19,31,.62)!important;
}
.dnb-workspace-body .admin-events-page .admin-campaign-grid{gap:14px!important}
.dnb-workspace-body .admin-events-page .admin-campaign-values>div{padding:13px!important;border-radius:11px!important}
.dnb-workspace-body .admin-events-page .admin-campaign-values span{font-family:var(--cc14-ui)!important;font-size:10px!important}
.dnb-workspace-body .admin-events-page .admin-campaign-values strong{font-family:var(--cc14-ui)!important;font-size:13px!important}
.dnb-workspace-body .admin-events-page .admin-campaign-card p{font-family:var(--cc14-ui)!important;font-size:11px!important;line-height:1.55!important}
.dnb-workspace-body .admin-events-page .admin-campaign-card>small{font-family:var(--cc14-ui)!important;font-size:10.5px!important;line-height:1.5!important}

/* 4K / wide desktop: increase readable scale, not empty vertical space */
@media (min-width:1700px){
  .dnb-workspace-body .admin-control-page .admin-container{width:min(calc(100% - 64px),1760px)!important;max-width:1760px!important}
  .dnb-workspace-body .admin-control-page .dnb-page-head{margin-bottom:25px!important}
  .dnb-workspace-body .admin-control-page .admin-card{padding:22px!important}
  .dnb-workspace-body .admin-control-page :is(.admin-filterbar input,.admin-filterbar select,.admin-form-grid input,.admin-form-grid select,.admin-row-form input,.admin-row-form select){min-height:44px!important;height:44px!important}
  .dnb-workspace-body .admin-usage-report-page .admin-stat-card{min-height:112px!important}
}
@media (min-width:2200px){
  .dnb-workspace-body .admin-control-page .admin-container{width:min(calc(100% - 80px),1880px)!important;max-width:1880px!important}
  .dnb-workspace-body .admin-control-page .dnb-page-head h1{font-size:50px!important}
  .dnb-workspace-body .admin-control-page .dnb-page-head p{font-size:15.5px!important}
  .dnb-workspace-body .admin-control-page .admin-table td{font-size:13px!important}
  .dnb-workspace-body .admin-control-page .admin-table td strong{font-size:14px!important}
}

/* tablet */
@media (max-width:1180px){
  .dnb-workspace-body .admin-control-page .admin-container{width:calc(100% - 34px)!important}
  .dnb-workspace-body .admin-users-page .admin-user-filterbar{grid-template-columns:1fr 1fr 1fr!important}
  .dnb-workspace-body .admin-users-page .admin-user-filterbar>input[type="search"]{grid-column:1/-1!important}
  .dnb-workspace-body .admin-usage-report-page .admin-usage-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dnb-workspace-body .admin-addins-page .admin-filterbar{grid-template-columns:1fr 1fr!important}
  .dnb-workspace-body .admin-addins-page .admin-filterbar>input[type="search"]{grid-column:1/-1!important}
  .dnb-workspace-body .admin-events-page .admin-form-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dnb-workspace-body .admin-events-page .admin-span-2{grid-column:1/-1!important}
}

/* mobile / owner or teacher using Control Center from phone */
@media (max-width:680px){
  .dnb-workspace-body .admin-control-page{padding-top:16px!important}
  .dnb-workspace-body .admin-control-page .admin-container{width:calc(100% - 24px)!important;margin-inline:12px!important}
  .dnb-workspace-body .admin-control-page .dnb-page-head{padding:4px 0 14px!important;margin-bottom:16px!important}
  .dnb-workspace-body .admin-control-page .dnb-page-head .admin-eyebrow{font-size:8.5px!important}
  .dnb-workspace-body .admin-control-page .dnb-page-head h1{font-size:31px!important;line-height:1.06!important}
  .dnb-workspace-body .admin-control-page .dnb-page-head p{font-size:12px!important;line-height:1.6!important}
  .dnb-workspace-body .admin-control-page .admin-card{padding:16px!important;border-radius:14px!important}
  .dnb-workspace-body .admin-control-page .admin-card h2{font-size:18px!important}
  .dnb-workspace-body .admin-control-page :is(.admin-muted,.admin-card-note,.admin-inline-link){font-size:11px!important}
  .dnb-workspace-body .admin-control-page :is(.admin-filterbar input,.admin-filterbar select,.admin-row-form select,.admin-row-form input,.admin-form-grid input,.admin-form-grid select,.admin-form-stack input,.admin-form-stack select,.admin-campaign-actions select){height:44px!important;min-height:44px!important;font-size:13px!important}
  .dnb-workspace-body .admin-control-page .btn,
  .dnb-workspace-body .admin-control-page .btn.btn-sm,
  .dnb-workspace-body .admin-control-page .btn.btn-xs{min-height:42px!important;font-size:12px!important}
  .dnb-workspace-body .admin-control-page .admin-table td strong{font-size:12.5px!important}
  .dnb-workspace-body .admin-control-page .admin-table td small{font-size:10px!important}
  .dnb-workspace-body .admin-users-page .admin-user-filterbar{display:grid!important;grid-template-columns:1fr!important}
  .dnb-workspace-body .admin-users-page .admin-user-filterbar>*{grid-column:auto!important;width:100%!important}
  .dnb-workspace-body .admin-users-page .admin-user-table tr{gap:10px!important;padding:13px!important;border-radius:12px!important}
  .dnb-workspace-body .admin-users-page .admin-user-table td strong{font-size:12px!important}
  .dnb-workspace-body .admin-users-page .admin-user-table td small{font-size:9.8px!important}
  .dnb-workspace-body .admin-users-page .admin-empty-tall{min-height:150px!important;padding:22px!important}
  .dnb-workspace-body .admin-usage-report-page .admin-usage-stat-grid{grid-template-columns:1fr 1fr!important;gap:9px!important}
  .dnb-workspace-body .admin-usage-report-page .admin-stat-card{min-height:96px!important;padding:13px!important}
  .dnb-workspace-body .admin-usage-report-page .admin-stat-card strong{font-size:25px!important}
  .dnb-workspace-body .admin-usage-report-page .admin-stat-card span{font-size:8.5px!important}
  .dnb-workspace-body .admin-usage-report-page .admin-stat-card small{font-size:9.5px!important}
  .dnb-workspace-body .admin-usage-report-page .admin-usage-explain{display:grid!important;gap:10px!important;padding:16px!important}
  .dnb-workspace-body .admin-usage-report-page .admin-usage-explain>div{min-width:0!important}
  .dnb-workspace-body .admin-usage-report-page .admin-usage-explain p{font-size:11px!important}
  .dnb-workspace-body .admin-usage-report-page .admin-usage-ranking>div,
  .dnb-workspace-body .admin-usage-report-page .admin-usage-ranking>a{grid-template-columns:26px minmax(0,1fr) auto!important;padding:10px!important}
  .dnb-workspace-body .admin-addins-page .admin-toolbar{align-items:stretch!important;flex-direction:column!important}
  .dnb-workspace-body .admin-addins-page .admin-toolbar-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  .dnb-workspace-body .admin-addins-page .admin-toolbar-actions .btn{width:100%!important}
  .dnb-workspace-body .admin-addins-page .admin-filterbar{display:grid!important;grid-template-columns:1fr!important}
  .dnb-workspace-body .admin-addins-page .admin-filterbar>*{grid-column:auto!important;width:100%!important}
  .dnb-workspace-body .admin-events-page .admin-form-grid-compact{grid-template-columns:1fr!important}
  .dnb-workspace-body .admin-events-page .admin-span-2{grid-column:auto!important}
  .dnb-workspace-body .admin-events-page .admin-form-section{padding:14px!important}
  .dnb-workspace-body .admin-events-page .admin-form-submit{align-items:stretch!important;flex-direction:column!important}
  .dnb-workspace-body .admin-events-page .admin-form-submit .btn{width:100%!important}
}

/* light theme parity */
html[data-dnb-theme="light"] body.dnb-workspace-body .admin-control-page .admin-card,
body.theme-light.dnb-workspace-body .admin-control-page .admin-card{
  background:linear-gradient(150deg,#fff,#f8fbfc)!important;
  border-color:#d8e3e9!important;
}
html[data-dnb-theme="light"] body.dnb-workspace-body .admin-control-page .dnb-page-head h1,
body.theme-light.dnb-workspace-body .admin-control-page .dnb-page-head h1,
html[data-dnb-theme="light"] body.dnb-workspace-body .admin-control-page :is(.admin-card h2,.admin-card h3,.admin-table td strong),
body.theme-light.dnb-workspace-body .admin-control-page :is(.admin-card h2,.admin-card h3,.admin-table td strong){color:#20313d!important}
html[data-dnb-theme="light"] body.dnb-workspace-body .admin-control-page :is(.admin-muted,.admin-card-note,.dnb-page-head p,.admin-table td small),
body.theme-light.dnb-workspace-body .admin-control-page :is(.admin-muted,.admin-card-note,.dnb-page-head p,.admin-table td small){color:#687f8e!important}
html[data-dnb-theme="light"] body.dnb-workspace-body .admin-control-page .admin-table-wrap,
body.theme-light.dnb-workspace-body .admin-control-page .admin-table-wrap{background:#fff!important;border-color:#d9e3e8!important}
html[data-dnb-theme="light"] body.dnb-workspace-body .admin-control-page .admin-table th,
body.theme-light.dnb-workspace-body .admin-control-page .admin-table th{background:#f2f6f8!important;color:#667f90!important}
html[data-dnb-theme="light"] body.dnb-workspace-body .admin-control-page :is(.admin-filterbar input,.admin-filterbar select,.admin-row-form input,.admin-row-form select,.admin-form-grid input,.admin-form-grid select,textarea),
body.theme-light.dnb-workspace-body .admin-control-page :is(.admin-filterbar input,.admin-filterbar select,.admin-row-form input,.admin-row-form select,.admin-form-grid input,.admin-form-grid select,textarea){background:#fff!important;color:#24343e!important;border-color:#d4e0e7!important}

/* ========================================================================== 
   D&B Control Center RC15 · Usage empty-state + Policy typography
   2026-09-11
   ========================================================================== */

/* Usage report: .admin-empty used to inherit the ranking 3-column grid,
   forcing the empty message into the 28px rank column and wrapping word-by-word. */
.dnb-workspace-body .admin-usage-report-page .admin-usage-ranking > .admin-empty{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  grid-template-columns:none!important;
  width:100%!important;
  min-width:0!important;
  min-height:142px!important;
  padding:24px 28px!important;
  border:1px dashed rgba(84,189,243,.28)!important;
  border-radius:13px!important;
  background:
    radial-gradient(circle at 50% 45%,rgba(84,189,243,.055),transparent 38%),
    rgba(5,19,31,.60)!important;
  font-family:var(--cc14-ui)!important;
  font-size:clamp(12.5px,.70vw,14.5px)!important;
  line-height:1.6!important;
  font-weight:500!important;
  letter-spacing:0!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  text-align:center!important;
  color:#7896aa!important;
}

/* Policy page now participates in admin-control-page. These refinements keep
   dense policy data readable without making the editor visually oversized. */
.dnb-workspace-body .policy-admin-page.admin-control-page .policy-release-gate{
  border-color:rgba(241,181,94,.30)!important;
  background:
    linear-gradient(135deg,rgba(40,29,16,.22),transparent 38%),
    linear-gradient(150deg,rgba(11,30,47,.98),rgba(7,20,33,.98))!important;
}
.dnb-workspace-body .policy-admin-page.admin-control-page .policy-summary-toolbar{
  margin:14px 0 16px!important;
}
.dnb-workspace-body .policy-admin-page.admin-control-page .policy-list-head{
  margin-top:22px!important;
  margin-bottom:14px!important;
}
.dnb-workspace-body .policy-admin-page.admin-control-page .policy-list-head h2{
  margin:5px 0 4px!important;
  font-family:var(--cc14-display)!important;
  font-size:clamp(25px,1.55vw,32px)!important;
  line-height:1.08!important;
  font-weight:700!important;
  letter-spacing:-.035em!important;
  color:#eff6fb!important;
}
.dnb-workspace-body .policy-admin-page.admin-control-page .policy-list-head p{
  font-family:var(--cc14-ui)!important;
  font-size:clamp(11.5px,.66vw,13.5px)!important;
  line-height:1.65!important;
  font-weight:500!important;
  color:#839bad!important;
}
.dnb-workspace-body .policy-admin-page.admin-control-page .policy-library-searchbox{
  min-height:58px!important;
  padding:10px 14px!important;
  border-color:rgba(84,189,243,.25)!important;
  background:linear-gradient(135deg,rgba(9,29,45,.96),rgba(6,20,32,.96))!important;
}
.dnb-workspace-body .policy-admin-page.admin-control-page .policy-library-search-main input{
  min-height:40px!important;
  height:40px!important;
  font-family:var(--cc14-ui)!important;
  font-size:clamp(12px,.68vw,14px)!important;
  font-weight:500!important;
}
.dnb-workspace-body .policy-admin-page.admin-control-page .policy-library-search-count{
  padding:6px 10px!important;
  font-family:var(--cc14-ui)!important;
  font-size:clamp(9.5px,.54vw,11px)!important;
  font-weight:700!important;
}
.dnb-workspace-body .policy-admin-page.admin-control-page .policy-filterbar{
  gap:8px!important;
  padding:9px!important;
  margin-bottom:10px!important;
}
.dnb-workspace-body .policy-admin-page.admin-control-page .policy-filterbar :is(input,select){
  min-height:42px!important;
  height:42px!important;
  font-family:var(--cc14-ui)!important;
  font-size:clamp(11.5px,.65vw,13px)!important;
  font-weight:600!important;
}
.dnb-workspace-body .policy-admin-page.admin-control-page .policy-table th{
  padding:12px 13px!important;
  font-size:clamp(9.5px,.53vw,11px)!important;
  line-height:1.25!important;
  letter-spacing:.085em!important;
}
.dnb-workspace-body .policy-admin-page.admin-control-page .policy-table td{
  padding:13px!important;
  font-size:clamp(11.5px,.65vw,13.5px)!important;
  line-height:1.5!important;
}
.dnb-workspace-body .policy-admin-page.admin-control-page .policy-table td strong{
  font-size:clamp(12px,.69vw,14px)!important;
  line-height:1.35!important;
}
.dnb-workspace-body .policy-admin-page.admin-control-page .policy-table td small{
  margin-top:4px!important;
  font-size:clamp(10px,.56vw,11.5px)!important;
  line-height:1.45!important;
}
.dnb-workspace-body .policy-admin-page.admin-control-page .policy-table td code{
  margin:4px 0 2px!important;
  font-size:clamp(10px,.56vw,11.5px)!important;
  line-height:1.4!important;
}
.dnb-workspace-body .policy-admin-page.admin-control-page .policy-row-actions{
  gap:7px!important;
}
.dnb-workspace-body .policy-admin-page.admin-control-page .policy-row-actions .btn,
.dnb-workspace-body .policy-admin-page.admin-control-page .policy-row-actions button,
.dnb-workspace-body .policy-admin-page.admin-control-page .policy-delete-button{
  min-height:34px!important;
  padding:0 10px!important;
  font-family:var(--cc14-ui)!important;
  font-size:clamp(10.5px,.58vw,12px)!important;
  line-height:1!important;
  font-weight:700!important;
}
.dnb-workspace-body .policy-admin-page.admin-control-page .policy-delete-button{
  color:#f18c98!important;
}
.dnb-workspace-body .policy-admin-page.admin-control-page .policy-table tbody tr:hover{
  background:rgba(49,117,158,.08)!important;
  box-shadow:inset 3px 0 0 rgba(84,189,243,.58)!important;
}

/* 4K / very wide: increase reading scale slightly, but keep dense admin tables compact. */
@media (min-width:2200px){
  .dnb-workspace-body .admin-usage-report-page .admin-usage-ranking > .admin-empty{
    min-height:154px!important;
    font-size:15px!important;
  }
  .dnb-workspace-body .policy-admin-page.admin-control-page .policy-table td{font-size:14px!important}
  .dnb-workspace-body .policy-admin-page.admin-control-page .policy-table td strong{font-size:14.5px!important}
  .dnb-workspace-body .policy-admin-page.admin-control-page .policy-table td small,
  .dnb-workspace-body .policy-admin-page.admin-control-page .policy-table td code{font-size:12px!important}
  .dnb-workspace-body .policy-admin-page.admin-control-page .policy-filterbar :is(input,select){font-size:13.5px!important}
}

@media (max-width:760px){
  .dnb-workspace-body .admin-usage-report-page .admin-usage-ranking > .admin-empty{
    min-height:108px!important;
    padding:18px!important;
    font-size:12.5px!important;
  }
  .dnb-workspace-body .policy-admin-page.admin-control-page .policy-list-head h2{font-size:25px!important}
  .dnb-workspace-body .policy-admin-page.admin-control-page .policy-list-head p{font-size:12px!important}
  .dnb-workspace-body .policy-admin-page.admin-control-page .policy-library-searchbox{min-height:0!important;padding:11px!important}
  .dnb-workspace-body .policy-admin-page.admin-control-page .policy-filterbar{gap:8px!important}
  .dnb-workspace-body .policy-admin-page.admin-control-page .policy-table{min-width:1120px!important}
}

/* Light theme parity */
html[data-dnb-theme="light"] body.dnb-workspace-body .admin-usage-report-page .admin-usage-ranking > .admin-empty,
body.theme-light.dnb-workspace-body .admin-usage-report-page .admin-usage-ranking > .admin-empty{
  background:#f7fbfd!important;
  border-color:#b9d8e8!important;
  color:#607b8d!important;
}
html[data-dnb-theme="light"] body.dnb-workspace-body .policy-admin-page.admin-control-page .policy-release-gate,
body.theme-light.dnb-workspace-body .policy-admin-page.admin-control-page .policy-release-gate{
  background:linear-gradient(145deg,#fffaf4,#ffffff)!important;
  border-color:#ead7c0!important;
}

/* ========================================================================== 
   D&B Workflow RC16 · Approved visual reference implementation
   2026-09-11
   - Stronger visual hierarchy / semantic color
   - Quicksand UI typography + Be Vietnam Pro display face
   - Structural-night header art and refreshed sidebar promo image
   - Desktop / 4K / tablet / mobile responsive tuning
   ========================================================================== */

.dnb-workspace-body .dnb-flow-v17{
  --flow-ui:"Quicksand","Be Vietnam Pro","Segoe UI",Arial,sans-serif;
  --flow-display:"Be Vietnam Pro","Segoe UI",Arial,sans-serif;
  --flow-cyan:#45cfff;
  --flow-blue:#7ba8ff;
  --flow-orange:#ff9349;
  --flow-green:#48d9a4;
  --flow-violet:#a98aff;
  --flow-line:rgba(78,136,172,.34);
  --flow-panel:#071d2f;
  --flow-panel-2:#082238;
  --flow-text:#f3f8fb;
  --flow-muted:#91aabd;
  position:relative;
}

/* Page header: use the approved structural-night language instead of a flat title strip. */
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-head{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-height:166px!important;
  margin-bottom:16px!important;
  padding:26px clamp(330px,31vw,510px) 24px 0!important;
  border-bottom:1px solid rgba(69,207,255,.24)!important;
  background:
    linear-gradient(90deg,rgba(3,20,34,.99) 0%,rgba(3,20,34,.96) 42%,rgba(3,20,34,.58) 66%,rgba(3,20,34,.18) 100%),
    url('../img/home-hero-structure-base-v32.png') right 43% / clamp(620px,48vw,940px) auto no-repeat!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-head::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 78% 38%,rgba(49,151,255,.18),transparent 24%),
    linear-gradient(180deg,transparent 62%,rgba(3,20,34,.58) 100%);
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-head-copy{
  position:relative;
  z-index:2;
  max-width:900px!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-head .dnb-wp-eyebrow{
  margin-bottom:7px!important;
  font-family:var(--flow-ui)!important;
  font-size:clamp(10px,.58vw,12px)!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.13em!important;
  color:#ff8b3e!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-head h1{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:14px;
  margin:0!important;
  font-family:var(--flow-display)!important;
  font-size:clamp(42px,3vw,58px)!important;
  line-height:1!important;
  font-weight:750!important;
  letter-spacing:-.052em!important;
  color:#f5f8fb!important;
  text-shadow:0 10px 32px rgba(0,0,0,.22);
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-head h1::after{
  content:"";
  width:36px;
  height:3px;
  margin-top:8px;
  border-radius:999px;
  background:linear-gradient(90deg,#ff8d43,#ff643b);
  box-shadow:0 0 18px rgba(255,125,65,.24);
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-head p{
  max-width:800px!important;
  margin:12px 0 0!important;
  font-family:var(--flow-ui)!important;
  font-size:clamp(13px,.78vw,15.5px)!important;
  line-height:1.65!important;
  font-weight:500!important;
  color:#abc0cf!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-head>.dnb-wp-action{
  position:absolute!important;
  z-index:4!important;
  top:25px!important;
  right:3px!important;
  min-height:42px!important;
  padding:0 15px!important;
  border-color:rgba(95,155,196,.38)!important;
  background:rgba(6,29,46,.76)!important;
  backdrop-filter:blur(8px);
  font-family:var(--flow-ui)!important;
  font-size:clamp(11px,.65vw,13px)!important;
  font-weight:700!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-head-art{
  position:absolute;
  z-index:3;
  right:47px;
  bottom:14px;
  width:235px;
  height:90px;
  pointer-events:none;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-head-art::before,
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-head-art::after{
  content:"";
  position:absolute;
  bottom:0;
  border:1px solid rgba(97,186,255,.34);
  border-bottom:0;
  background:linear-gradient(135deg,rgba(63,147,222,.04),rgba(63,147,222,.12));
  box-shadow:inset 0 0 20px rgba(45,156,255,.05);
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-head-art::before{left:0;width:72px;height:68px}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-head-art::after{left:62px;width:54px;height:84px;border-color:rgba(255,146,73,.38);background:linear-gradient(135deg,rgba(255,137,63,.05),rgba(255,137,63,.13))}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-head-art span{
  position:absolute;
  right:0;
  top:2px;
  transform:rotate(-8deg);
  font-family:"Segoe Print","Bradley Hand",cursive;
  font-size:13px;
  line-height:1.15;
  font-style:italic;
  text-align:center;
  color:rgba(155,197,226,.65);
  text-shadow:0 0 14px rgba(70,162,226,.15);
}

/* Primary workflow map */
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-map{
  margin-bottom:20px!important;
  padding:22px!important;
  border:1px solid rgba(73,166,221,.48)!important;
  border-radius:17px!important;
  background:
    linear-gradient(rgba(65,139,181,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(65,139,181,.035) 1px,transparent 1px),
    radial-gradient(circle at 78% 0,rgba(38,172,230,.14),transparent 34%),
    linear-gradient(145deg,#082238 0%,#071b2d 52%,#071827 100%)!important;
  background-size:28px 28px,28px 28px,auto,auto!important;
  box-shadow:0 18px 44px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-map::before{
  height:2px!important;
  opacity:1!important;
  background:linear-gradient(90deg,#4fc8ff 0%,#ff964c 46%,#45d5a7 70%,#aa91ff 100%)!important;
  box-shadow:0 0 20px rgba(79,200,255,.18)!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-map>header{
  align-items:flex-start!important;
  margin-bottom:18px!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-map>header>div:first-child{max-width:980px!important}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-map h2{
  margin:1px 0 0!important;
  font-family:var(--flow-display)!important;
  font-size:clamp(25px,1.7vw,32px)!important;
  line-height:1.16!important;
  font-weight:720!important;
  letter-spacing:-.04em!important;
  color:var(--flow-text)!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-map header p{
  margin:8px 0 0!important;
  font-family:var(--flow-ui)!important;
  font-size:clamp(12px,.72vw,14px)!important;
  line-height:1.6!important;
  font-weight:500!important;
  color:#9fb5c5!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-map-note{
  min-width:275px!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  gap:11px!important;
  padding:11px 13px!important;
  border:1px solid rgba(72,217,164,.34)!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,rgba(19,91,70,.34),rgba(8,39,42,.44))!important;
  box-shadow:0 12px 26px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-map-note>span{
  width:42px!important;height:42px!important;border-radius:10px!important;
  background:rgba(42,174,126,.18)!important;color:#59e2ad!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-map-note small{
  font-family:var(--flow-ui)!important;font-size:9px!important;font-weight:700!important;letter-spacing:.09em!important;color:#56dda9!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-map-note strong{
  margin-top:4px!important;font-family:var(--flow-ui)!important;font-size:11.5px!important;line-height:1.35!important;font-weight:700!important;color:#e4f4ec!important;
}

.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-track{
  grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr)!important;
  gap:7px!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-track>i{
  font-family:var(--flow-ui)!important;
  font-size:18px!important;
  font-weight:700!important;
  color:#84b8d4!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-track article{
  min-height:196px!important;
  padding:16px 14px 14px!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,rgba(8,32,51,.95),rgba(6,24,39,.92))!important;
  box-shadow:0 14px 28px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.025)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-track article:hover{transform:translateY(-2px)!important}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-track article>b{
  right:10px!important;top:7px!important;
  font-family:var(--flow-display)!important;
  font-size:clamp(24px,1.45vw,30px)!important;
  font-weight:750!important;
  color:#8fb7cf!important;
  opacity:.92!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-track article>span{
  width:48px!important;height:48px!important;margin:7px auto 11px!important;
  border-radius:50%!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-track article>span .dnb-icon{width:21px!important;height:21px!important}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-track article>small{
  font-family:var(--flow-ui)!important;
  font-size:clamp(8.5px,.48vw,10px)!important;
  font-weight:700!important;
  letter-spacing:.11em!important;
  line-height:1.3!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-track article h3{
  margin:6px 0 0!important;
  font-family:var(--flow-display)!important;
  font-size:clamp(14.5px,.84vw,17px)!important;
  line-height:1.25!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
  color:#f2f7fa!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-track article p{
  max-width:210px!important;
  margin:8px auto 0!important;
  font-family:var(--flow-ui)!important;
  font-size:clamp(11px,.63vw,12.5px)!important;
  line-height:1.52!important;
  font-weight:500!important;
  color:#a1b5c3!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-track article em{
  margin-top:10px!important;
  padding:4px 8px!important;
  font-family:var(--flow-ui)!important;
  font-size:clamp(8.5px,.46vw,9.5px)!important;
  font-weight:700!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-track article.is-model{border-color:rgba(69,207,255,.42)!important;box-shadow:inset 0 -3px 0 #45cfff,0 12px 24px rgba(37,171,230,.08)!important}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-track article.is-analysis{border-color:rgba(123,168,255,.40)!important;box-shadow:inset 0 -3px 0 #7ba8ff,0 12px 24px rgba(94,127,225,.07)!important}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-track article.is-design{border-color:rgba(255,147,73,.44)!important;box-shadow:inset 0 -3px 0 #ff9349,0 12px 24px rgba(230,120,46,.07)!important}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-track article.is-rebar{border-color:rgba(72,217,164,.40)!important;box-shadow:inset 0 -3px 0 #48d9a4,0 12px 24px rgba(45,184,131,.07)!important}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-track article.is-drawing{border-color:rgba(169,138,255,.42)!important;box-shadow:inset 0 -3px 0 #a98aff,0 12px 24px rgba(127,94,223,.07)!important}

/* Stage details */
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-detail{
  padding-top:20px!important;
  border-top:1px solid rgba(75,126,158,.30)!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-section-head{
  max-width:1360px!important;
  margin-bottom:16px!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-section-head .dnb-wp-eyebrow{
  margin-bottom:6px!important;
  font-family:var(--flow-ui)!important;
  font-size:clamp(10px,.56vw,11.5px)!important;
  font-weight:700!important;
  letter-spacing:.11em!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-section-head h2{
  margin:0!important;
  font-family:var(--flow-display)!important;
  font-size:clamp(25px,1.65vw,32px)!important;
  line-height:1.18!important;
  font-weight:720!important;
  letter-spacing:-.04em!important;
  color:#f3f8fb!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-section-head p{
  margin:7px 0 0!important;
  font-family:var(--flow-ui)!important;
  font-size:clamp(12px,.7vw,14px)!important;
  line-height:1.6!important;
  font-weight:500!important;
  color:#92aabc!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-detail-grid{gap:12px!important}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-detail-grid article{
  min-height:164px!important;
  padding:15px 16px 16px!important;
  border-color:rgba(57,106,138,.42)!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,rgba(8,31,49,.97),rgba(6,23,37,.98))!important;
  box-shadow:0 12px 28px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.02)!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-detail-grid article::before{width:3px!important}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-detail-no{
  top:5px!important;right:12px!important;
  font-family:var(--flow-display)!important;
  font-size:clamp(34px,2.2vw,44px)!important;
  font-weight:750!important;
  color:#a5c7da!important;
  opacity:.95!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-detail-title{
  grid-template-columns:46px minmax(0,1fr)!important;
  gap:11px!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-detail-title>span{
  width:44px!important;height:44px!important;border-radius:11px!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-detail-title .dnb-icon{width:20px!important;height:20px!important}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-detail-title small{
  font-family:var(--flow-ui)!important;
  font-size:clamp(8.5px,.46vw,9.5px)!important;
  font-weight:700!important;
  letter-spacing:.1em!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-detail-title h3{
  margin:2px 0 0!important;
  font-family:var(--flow-display)!important;
  font-size:clamp(16px,.95vw,19px)!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-data{
  gap:8px!important;
  margin-top:12px!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-data>div{
  padding:10px 11px!important;
  border-color:rgba(64,113,145,.30)!important;
  background:rgba(4,20,33,.52)!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-data b{
  font-family:var(--flow-ui)!important;
  font-size:clamp(8.5px,.46vw,9.5px)!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
  color:#b6c9d5!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-data p{
  margin:5px 0 0!important;
  font-family:var(--flow-ui)!important;
  font-size:clamp(10.8px,.62vw,12.5px)!important;
  line-height:1.5!important;
  font-weight:500!important;
  color:#a9bbc7!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-detail-grid article.is-model .dnb-flow-v17-detail-title>span{background:rgba(25,123,174,.22)!important;color:#6dd8ff!important}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-detail-grid article.is-analysis .dnb-flow-v17-detail-title>span{background:rgba(74,116,194,.19)!important;color:#91b9ff!important}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-detail-grid article.is-design .dnb-flow-v17-detail-title>span{background:rgba(210,117,47,.18)!important;color:#ffad68!important}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-detail-grid article.is-rebar .dnb-flow-v17-detail-title>span{background:rgba(34,142,105,.20)!important;color:#64e1b4!important}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-detail-grid article.is-drawing .dnb-flow-v17-detail-title>span{background:rgba(115,86,195,.20)!important;color:#c0acff!important}

/* Keep the lower workflow sections visually consistent with the approved top half. */
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-update{
  margin-top:18px!important;
  padding:21px!important;
  border-color:rgba(73,163,204,.40)!important;
  border-radius:15px!important;
  background:radial-gradient(circle at 83% 0,rgba(72,217,164,.11),transparent 35%),linear-gradient(145deg,#082238,#071827)!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-update-copy h2{
  font-family:var(--flow-display)!important;
  font-size:clamp(26px,1.7vw,33px)!important;
  font-weight:720!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-update-copy>p,
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-update-points span{
  font-family:var(--flow-ui)!important;
  font-size:clamp(11.5px,.67vw,13.5px)!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-update-flow article{
  min-height:60px!important;
  padding:11px 13px!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-update-flow article small{font-family:var(--flow-ui)!important;font-size:8.5px!important;font-weight:700!important}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-update-flow article b{font-family:var(--flow-ui)!important;font-size:12px!important;font-weight:700!important}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-final{
  margin-top:17px!important;
  padding:20px!important;
  border-color:rgba(66,125,160,.38)!important;
  background:linear-gradient(145deg,#081f33,#071827)!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-final h2{
  font-family:var(--flow-display)!important;
  font-size:clamp(22px,1.45vw,28px)!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-final p{
  font-family:var(--flow-ui)!important;
  font-size:clamp(11.5px,.66vw,13.5px)!important;
  line-height:1.6!important;
}

/* Sidebar promo: replace the generic house image with structural BIM imagery and
   make the copy readable instead of competing with the picture. */
.dnb-workspace-body .dnb-sidebar-promo{
  min-height:244px!important;
  background:radial-gradient(circle at 100% 100%,rgba(44,151,222,.20),transparent 44%),linear-gradient(160deg,#082139 0%,#071829 62%,#071522 100%)!important;
}
.dnb-workspace-body .dnb-sidebar-promo-copy{top:48px!important;right:72px!important;gap:7px!important}
.dnb-workspace-body .dnb-sidebar-promo-copy strong{
  max-width:145px!important;
  font-family:var(--flow-display)!important;
  font-size:clamp(13px,.72vw,15px)!important;
  line-height:1.25!important;
  font-weight:720!important;
}
.dnb-workspace-body .dnb-sidebar-promo-copy small{
  max-width:142px!important;
  font-family:var(--flow-ui)!important;
  font-size:8.7px!important;
  line-height:1.52!important;
  color:#a8bdcb!important;
}
.dnb-workspace-body .dnb-sidebar-promo img{
  right:7px!important;
  bottom:50px!important;
  width:94px!important;
  height:144px!important;
  border-radius:10px!important;
  object-fit:cover!important;
  object-position:58% center!important;
  border:1px solid rgba(104,187,236,.24)!important;
  filter:saturate(1.08) contrast(1.04) brightness(.96)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.28)!important;
}
.dnb-workspace-body .dnb-sidebar-promo b{bottom:49px!important}
.dnb-workspace-body .dnb-sidebar-promo-chip{bottom:14px!important;font-family:var(--flow-ui)!important;font-size:8.5px!important}

/* Very wide / 4K CSS viewport: increase reading scale, not empty vertical space. */
@media (min-width:2200px){
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-head{min-height:178px!important;padding-right:560px!important}
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-head h1{font-size:60px!important}
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-head p{font-size:16px!important}
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-map{padding:24px!important}
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-track article{min-height:204px!important}
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-track article h3{font-size:18px!important}
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-track article p{font-size:13px!important}
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-detail-title h3{font-size:19.5px!important}
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-data p{font-size:13px!important}
}

@media (max-width:1180px){
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-head{padding-right:310px!important;background-size:650px auto!important}
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-head-art{display:none!important}
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-track{grid-template-columns:1fr!important;gap:9px!important}
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-track>i{display:none!important}
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-track article{min-height:0!important;text-align:left!important;padding:15px 58px 15px 72px!important}
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-track article>span{position:absolute!important;left:15px!important;top:50%!important;margin:0!important;transform:translateY(-50%)!important}
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-track article>small,
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-track article h3,
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-track article p{max-width:none!important;margin-left:0!important;margin-right:0!important;text-align:left!important}
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-track article em{margin-top:7px!important}
}

@media (max-width:820px){
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-head{
    min-height:0!important;
    padding:20px 0 18px!important;
    background:linear-gradient(180deg,rgba(3,20,34,.98),rgba(3,20,34,.96)),url('../img/home-hero-structure-base-v32.png') right center/cover no-repeat!important;
  }
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-head>.dnb-wp-action{position:relative!important;top:auto!important;right:auto!important;margin-top:14px!important;width:max-content!important}
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-head h1{font-size:40px!important}
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-head p{font-size:13px!important}
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-map{padding:16px!important}
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-map h2{font-size:24px!important}
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-map header p{font-size:12px!important}
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-map-note{min-width:0!important;width:100%!important}
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-detail-grid{grid-template-columns:1fr!important}
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-detail-grid article:nth-child(5){grid-column:auto!important}
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-data{grid-template-columns:1fr!important}
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-section-head h2{font-size:24px!important}
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-section-head p{font-size:12px!important}
}

@media (max-width:520px){
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-head h1{font-size:35px!important}
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-head h1::after{width:28px!important}
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-track article{padding:14px 48px 14px 65px!important}
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-track article>b{font-size:22px!important}
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-track article>span{width:42px!important;height:42px!important;left:12px!important}
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-track article h3{font-size:15px!important}
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-track article p{font-size:11.5px!important}
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-detail-grid article{padding:14px!important}
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-detail-no{font-size:32px!important}
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-detail-title h3{font-size:16px!important}
  .dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-data p{font-size:11.5px!important}
}

/* Light theme keeps hierarchy without the heavy dark gradients. */
html[data-dnb-theme="light"] body.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-head,
body.theme-light.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-head{
  background:linear-gradient(90deg,rgba(247,251,253,.99) 0%,rgba(247,251,253,.95) 52%,rgba(247,251,253,.58) 100%),url('../img/home-hero-structure-base-v32.png') right 43% / clamp(620px,48vw,940px) auto no-repeat!important;
  border-bottom-color:#cfdee7!important;
}
html[data-dnb-theme="light"] body.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-head h1,
body.theme-light.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-head h1,
html[data-dnb-theme="light"] body.dnb-workspace-body .dnb-flow-v17 :is(.dnb-flow-v17-map h2,.dnb-flow-v17-section-head h2,.dnb-flow-v17-detail-title h3,.dnb-flow-v17-update-copy h2,.dnb-flow-v17-final h2),
body.theme-light.dnb-workspace-body .dnb-flow-v17 :is(.dnb-flow-v17-map h2,.dnb-flow-v17-section-head h2,.dnb-flow-v17-detail-title h3,.dnb-flow-v17-update-copy h2,.dnb-flow-v17-final h2){color:#21313d!important}
html[data-dnb-theme="light"] body.dnb-workspace-body .dnb-flow-v17 :is(.dnb-flow-v17-map,.dnb-flow-v17-detail-grid article,.dnb-flow-v17-update,.dnb-flow-v17-final),
body.theme-light.dnb-workspace-body .dnb-flow-v17 :is(.dnb-flow-v17-map,.dnb-flow-v17-detail-grid article,.dnb-flow-v17-update,.dnb-flow-v17-final){background:#fff!important;border-color:#d7e4eb!important;box-shadow:0 10px 30px rgba(48,74,89,.06)!important}
html[data-dnb-theme="light"] body.dnb-workspace-body .dnb-flow-v17 :is(.dnb-flow-v17-map p,.dnb-flow-v17-section-head p,.dnb-flow-v17-data p,.dnb-flow-v17-update-copy>p,.dnb-flow-v17-update-points span,.dnb-flow-v17-final p),
body.theme-light.dnb-workspace-body .dnb-flow-v17 :is(.dnb-flow-v17-map p,.dnb-flow-v17-section-head p,.dnb-flow-v17-data p,.dnb-flow-v17-update-copy>p,.dnb-flow-v17-update-points span,.dnb-flow-v17-final p){color:#5f7787!important}


/* ==========================================================================
   D&B Workspace RC17 — Products · sober hierarchy + approved sidebar slogan
   Keeps the product page technical and dark; accent color is used as signal,
   not decoration. Typography is scaled for desktop, 4K, tablet and mobile.
   ========================================================================== */
.dnb-workspace-body .dnb-products-v17{
  --prod-ui:"Quicksand","Be Vietnam Pro","Segoe UI",Arial,sans-serif;
  --prod-display:"Be Vietnam Pro","Segoe UI",Arial,sans-serif;
  --prod-panel:#071a29;
  --prod-panel-2:#081e2f;
  --prod-line:#203b4e;
  --prod-muted:#93a9b8;
  --prod-muted-2:#718b9d;
  --prod-blue:#63bce7;
  --prod-teal:#66cdb7;
  --prod-orange:#f28a45;
}

/* Page lead: stronger reading hierarchy without a large colored hero. */
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-head{
  position:relative!important;
  min-height:118px!important;
  align-items:center!important;
  margin-bottom:18px!important;
  padding:17px 4px 20px!important;
  border-bottom:1px solid rgba(44,75,96,.58)!important;
  overflow:hidden!important;
}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-head::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:-40px;top:0;
  width:43%;height:100%;
  background:
    radial-gradient(circle at 64% 46%,rgba(55,126,171,.10),transparent 46%),
    linear-gradient(165deg,transparent 46%,rgba(73,139,177,.055) 47%,transparent 48%),
    linear-gradient(165deg,transparent 62%,rgba(73,139,177,.035) 63%,transparent 64%);
  pointer-events:none;
}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-head .dnb-wp-eyebrow{
  margin-bottom:7px!important;
  font-family:var(--prod-ui)!important;
  font-size:clamp(9px,.53vw,10.5px)!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.14em!important;
}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-head h1{
  font-family:var(--prod-display)!important;
  font-size:clamp(43px,2.8vw,57px)!important;
  line-height:1!important;
  font-weight:750!important;
  letter-spacing:-.045em!important;
}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-head p{
  max-width:940px!important;
  margin-top:9px!important;
  color:#a3b5c1!important;
  font-family:var(--prod-ui)!important;
  font-size:clamp(12.2px,.72vw,14px)!important;
  line-height:1.58!important;
  font-weight:500!important;
}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-head>.dnb-wp-action{
  min-height:40px!important;
  padding:0 14px!important;
  border-color:rgba(242,138,69,.40)!important;
  background:rgba(242,138,69,.075)!important;
  box-shadow:none!important;
  font-family:var(--prod-ui)!important;
  font-size:10.5px!important;
  font-weight:700!important;
}

/* Main product cards: muted surfaces, restrained top accents, no neon wash. */
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-hero{
  gap:clamp(14px,1vw,18px)!important;
  margin-bottom:17px!important;
}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-card{
  min-height:0!important;
  padding:clamp(18px,1.12vw,22px)!important;
  border-color:var(--prod-line)!important;
  border-radius:15px!important;
  background:linear-gradient(155deg,#081d2d 0%,#071824 72%,#071621 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 34px rgba(0,0,0,.08)!important;
}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-card.is-structure{border-color:rgba(57,109,140,.58)!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-card.is-rebar{border-color:rgba(51,103,94,.60)!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-card::before{height:2px!important;opacity:.58!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-card.is-structure::before{background:linear-gradient(90deg,#4da5d1 0 22%,rgba(77,165,209,.08) 58%,transparent)!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-card.is-rebar::before{background:linear-gradient(90deg,#55aa98 0 22%,rgba(85,170,152,.08) 58%,transparent)!important}

.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-identity{grid-template-columns:56px minmax(0,1fr)!important;gap:14px!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-mark{
  width:60px!important;height:60px!important;border-radius:13px!important;
  border:1px solid rgba(82,138,173,.32)!important;
  background:#0a2a40!important;
  box-shadow:none!important;
  color:#74c5ed!important;
}
.dnb-workspace-body .dnb-products-v17 .is-rebar .dnb-products-v16-mark{
  border-color:rgba(82,150,136,.32)!important;
  background:#0b302f!important;
  color:#79d1be!important;
}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-identity small{
  margin-bottom:5px!important;
  color:#6fabc9!important;
  font-family:var(--prod-ui)!important;
  font-size:clamp(9px,.51vw,10.2px)!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.10em!important;
}
.dnb-workspace-body .dnb-products-v17 .is-rebar .dnb-products-v16-identity small{color:#72b7a9!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-identity h2{
  color:#f1f6f9!important;
  font-family:var(--prod-display)!important;
  font-size:clamp(27px,1.58vw,32px)!important;
  line-height:1.06!important;
  font-weight:730!important;
  letter-spacing:-.035em!important;
}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-identity p{
  max-width:560px!important;
  margin-top:7px!important;
  color:#9cb0bd!important;
  font-family:var(--prod-ui)!important;
  font-size:clamp(11.7px,.68vw,13.2px)!important;
  line-height:1.56!important;
  font-weight:500!important;
}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-plan{
  padding:7px 10px!important;
  border-color:#294458!important;
  background:#0a2132!important;
  color:#8eb5cc!important;
  font-family:var(--prod-ui)!important;
  font-size:clamp(8.4px,.47vw,9.5px)!important;
  line-height:1.2!important;
  font-weight:700!important;
}
.dnb-workspace-body .dnb-products-v17 .is-rebar .dnb-products-v16-plan{border-color:#2a4a46!important;background:#0a252a!important;color:#8dbdb2!important}

/* Product visual areas remain technical and quiet. */
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-structure-visual,
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-rebar-visual{
  margin-top:17px!important;
  border-color:rgba(50,90,116,.52)!important;
  background-color:#061722!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-structure-visual{
  min-height:168px!important;
  padding:15px!important;
  background:
    linear-gradient(rgba(52,99,128,.027) 1px,transparent 1px),
    linear-gradient(90deg,rgba(52,99,128,.027) 1px,transparent 1px),
    #061722!important;
  background-size:26px 26px!important;
}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-flow-node{
  min-height:96px!important;
  padding:10px 7px!important;
  border-color:rgba(52,93,119,.52)!important;
  background:#092033!important;
}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-flow-node>span{background:#0c2c42!important;color:#73bddf!important;box-shadow:none!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-flow-node b{
  margin-top:7px!important;color:#dbe8ef!important;font-family:var(--prod-ui)!important;font-size:clamp(9.5px,.54vw,10.7px)!important;font-weight:700!important
}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-flow-node small{
  color:#7690a1!important;font-family:var(--prod-ui)!important;font-size:clamp(8px,.45vw,9px)!important;font-weight:500!important
}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-structure-visual>i{color:#496c82!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-rebar-visual{height:168px!important;border-color:rgba(51,103,94,.55)!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-rebar-visual img{opacity:.73!important;filter:saturate(.78) contrast(1.02) brightness(.86)!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-rebar-visual::after{background:linear-gradient(180deg,transparent 42%,rgba(3,17,27,.88))!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-visual-caption span{color:#73b9aa!important;font-family:var(--prod-ui)!important;font-size:clamp(8.5px,.47vw,9.5px)!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-visual-caption b{color:#e5edef!important;font-family:var(--prod-ui)!important;font-size:clamp(11px,.62vw,12.2px)!important}

/* Feature groups + prices: stronger type, neutral surfaces. */
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-feature-columns{gap:14px!important;margin-top:13px!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-feature-columns>div{gap:7px!important;padding:12px 13px!important;border-color:rgba(43,75,96,.60)!important;background:rgba(6,21,32,.70)!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-feature-columns small{
  color:#7894a6!important;font-family:var(--prod-ui)!important;font-size:clamp(8.5px,.48vw,9.7px)!important;font-weight:700!important
}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-feature-columns span{
  color:#a9bbc6!important;font-family:var(--prod-ui)!important;font-size:clamp(10.4px,.59vw,11.8px)!important;line-height:1.42!important;font-weight:500!important
}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-feature-columns .dnb-icon{color:#55b98d!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-foot{margin-top:13px!important;padding-top:13px!important;border-top-color:#1d3749!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-foot small{color:#758e9e!important;font-family:var(--prod-ui)!important;font-size:clamp(8.4px,.47vw,9.5px)!important;font-weight:700!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-foot strong{color:#f1f5f7!important;font-family:var(--prod-display)!important;font-size:clamp(23px,1.3vw,27px)!important;font-weight:740!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-foot em{color:#8197a5!important;font-family:var(--prod-ui)!important;font-size:9.5px!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-actions a{
  min-height:38px!important;padding:0 12px!important;border-color:#29465a!important;background:#081e2e!important;color:#a8c6d7!important;
  font-family:var(--prod-ui)!important;font-size:clamp(9.5px,.54vw,10.7px)!important;font-weight:700!important
}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-actions a:hover{border-color:#3b6077!important;color:#e9f2f7!important;transform:translateY(-1px)!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-actions a.is-primary{border-color:rgba(242,138,69,.48)!important;background:rgba(242,138,69,.075)!important;color:#f3a16b!important}

/* Connected workflow: one dark band; color lives almost entirely in the icons. */
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-connected{
  margin-bottom:17px!important;
  padding:clamp(17px,1vw,20px)!important;
  border-color:#213d50!important;
  background:linear-gradient(155deg,#081d2c,#071823)!important;
  box-shadow:none!important;
}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-section-head{margin-bottom:14px!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-section-head h2,
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-purpose>header h2,
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-final h2{
  color:#eef4f7!important;font-family:var(--prod-display)!important;font-size:clamp(25px,1.52vw,31px)!important;line-height:1.12!important;font-weight:730!important;letter-spacing:-.034em!important
}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-section-head p,
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-purpose>header p,
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-final p{
  color:#96aab7!important;font-family:var(--prod-ui)!important;font-size:clamp(11.3px,.65vw,12.8px)!important;line-height:1.58!important;font-weight:500!important
}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-section-head>a{color:#91b7cb!important;font-family:var(--prod-ui)!important;font-size:10.3px!important;font-weight:700!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-flowline{gap:7px!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-flowline article{
  min-height:68px!important;padding:10px!important;border-color:#244052!important;background:#081c2b!important;box-shadow:none!important
}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-flowline article.is-cyan,
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-flowline article.is-green,
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-flowline article.is-violet,
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-flowline article.is-gold{border-color:#244052!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-flowline article>span{color:#496779!important;font-family:var(--prod-display)!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-flowline article>i{background:#0c2b40!important;color:#67b2d7!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-flowline article.is-green>i{background:#0b2d2b!important;color:#6ac4ad!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-flowline article.is-violet>i{background:#24233a!important;color:#a6a0d1!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-flowline article.is-gold>i{background:#30291f!important;color:#c9a76c!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-flowline b{color:#e4edf2!important;font-family:var(--prod-ui)!important;font-size:clamp(10.2px,.57vw,11.4px)!important;font-weight:700!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-flowline small{color:#7892a3!important;font-family:var(--prod-ui)!important;font-size:clamp(8px,.45vw,9px)!important;font-weight:500!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-flowline>em{color:#4d6f83!important}

/* Goal cards: same dark family. Thin accents identify purpose without rainbow cards. */
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-purpose{padding-top:22px!important;border-top-color:#1d3748!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-purpose>header{max-width:930px!important;margin-bottom:15px!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-purpose-grid{gap:13px!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-purpose-grid article{
  min-height:0!important;padding:17px!important;border-color:#213d50!important;background:#081b29!important;box-shadow:none!important
}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-purpose-grid article::before{height:2px!important;opacity:.48!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-purpose-grid article.is-structure::before{background:linear-gradient(90deg,#4d9bc2,transparent 68%)!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-purpose-grid article.is-rebar::before{background:linear-gradient(90deg,#58a793,transparent 68%)!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-purpose-grid article.is-complete::before{background:linear-gradient(90deg,#8c7eb8,rgba(242,138,69,.28),transparent 76%)!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-purpose-grid article>span{background:#0c2a3d!important;color:#6bb4d8!important;box-shadow:none!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-purpose-grid article.is-rebar>span{background:#0b2d2b!important;color:#6ac4ad!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-purpose-grid article.is-complete>span{background:#242338!important;color:#a8a0ce!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-purpose-grid small{color:#7893a4!important;font-family:var(--prod-ui)!important;font-size:clamp(8.5px,.48vw,9.6px)!important;font-weight:700!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-purpose-grid h3{color:#eaf1f5!important;font-family:var(--prod-display)!important;font-size:clamp(17px,1vw,20px)!important;line-height:1.28!important;font-weight:700!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-purpose-grid p{color:#95a9b6!important;font-family:var(--prod-ui)!important;font-size:clamp(10.7px,.60vw,12px)!important;line-height:1.5!important;font-weight:500!important}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-purpose-grid a{color:#91bdd4!important;font-family:var(--prod-ui)!important;font-size:10.3px!important;font-weight:700!important}

.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-final{
  padding:20px!important;border-color:#234254!important;background:linear-gradient(155deg,#081d2c,#071824)!important;box-shadow:none!important
}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-final::before{content:"";display:block;position:absolute;left:0;top:18px;bottom:18px;width:2px;border-radius:2px;background:rgba(242,138,69,.62)}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-final{position:relative!important;padding-left:23px!important}

/* Approved sidebar promo: full structural image + centered, small slogan. */
.dnb-workspace-body .dnb-sidebar-promo.dnb-sidebar-promo-slogan{
  min-height:230px!important;
  border-color:rgba(39,77,101,.88)!important;
  background:#071724!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
}
.dnb-workspace-body .dnb-sidebar-promo.dnb-sidebar-promo-slogan::before{
  content:""!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;border-radius:0!important;
  z-index:2!important;background:linear-gradient(180deg,rgba(4,16,26,.28) 0%,rgba(4,16,26,.24) 34%,rgba(4,16,26,.42) 68%,rgba(4,16,26,.78) 100%)!important;
  filter:none!important;pointer-events:none!important
}
.dnb-workspace-body .dnb-sidebar-promo.dnb-sidebar-promo-slogan::after{
  content:""!important;position:absolute!important;z-index:2!important;inset:0!important;
  background:radial-gradient(circle at 50% 49%,rgba(26,112,158,.10),transparent 44%)!important;pointer-events:none!important
}
.dnb-workspace-body .dnb-sidebar-promo.dnb-sidebar-promo-slogan img{
  z-index:1!important;inset:0!important;width:100%!important;height:100%!important;
  border:0!important;border-radius:0!important;object-fit:cover!important;object-position:center 46%!important;
  filter:saturate(.74) contrast(1.04) brightness(.66)!important;box-shadow:none!important
}
.dnb-workspace-body .dnb-sidebar-promo-slogan-copy{
  position:absolute;z-index:4;left:10px;right:10px;top:47%;transform:translateY(-50%);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;pointer-events:none
}
.dnb-workspace-body .dnb-sidebar-promo-slogan-copy strong{
  color:#63c7e7;font-family:var(--prod-display,"Be Vietnam Pro","Segoe UI",Arial,sans-serif);font-size:13.5px;line-height:1.1;font-weight:700;letter-spacing:.035em;text-shadow:0 2px 10px rgba(0,0,0,.46)
}
.dnb-workspace-body .dnb-sidebar-promo-slogan-copy small{
  color:#e2e9ed;font-family:"Quicksand","Be Vietnam Pro",sans-serif;font-size:8.2px;line-height:1.3;font-weight:600;letter-spacing:.015em;text-shadow:0 2px 9px rgba(0,0,0,.58)
}
.dnb-workspace-body .dnb-sidebar-promo.dnb-sidebar-promo-slogan .dnb-sidebar-promo-chip{
  left:50%!important;right:auto!important;bottom:12px!important;transform:translateX(-50%)!important;
  width:max-content!important;max-width:calc(100% - 20px)!important;justify-content:center!important;
  padding:7px 9px!important;border-color:rgba(81,132,163,.52)!important;background:rgba(4,18,29,.74)!important;
  color:#dbe8ef!important;font-family:"Quicksand","Be Vietnam Pro",sans-serif!important;font-size:8px!important;font-weight:700!important;
  backdrop-filter:blur(5px)!important;box-shadow:none!important
}
.dnb-workspace-body .dnb-sidebar-promo.dnb-sidebar-promo-slogan .dnb-sidebar-promo-chip .dnb-icon{color:#d69766!important}

/* 4K / wide CSS viewport: raise reading scale, never stretch cards vertically. */
@media (min-width:2200px){
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-head h1{font-size:62px!important}
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-head p{font-size:15px!important}
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-identity h2{font-size:33px!important}
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-identity p{font-size:14px!important}
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-feature-columns span{font-size:12.4px!important}
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-feature-columns small{font-size:10px!important}
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-actions a{font-size:11.2px!important}
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-section-head p,
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-purpose>header p,
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-final p{font-size:13.6px!important}
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-purpose-grid p{font-size:12.5px!important}
}

@media (max-width:1180px){
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-head{min-height:0!important;align-items:flex-start!important}
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-hero{grid-template-columns:1fr!important}
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-card{padding:18px!important}
}

@media (max-width:820px){
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-head{padding:14px 0 17px!important}
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-head h1{font-size:39px!important}
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-head p{font-size:12.5px!important}
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-identity h2{font-size:26px!important}
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-identity p{font-size:12px!important}
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-feature-columns span{font-size:11.2px!important}
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-purpose-grid h3{font-size:17px!important}
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-purpose-grid p{font-size:11px!important}
}

@media (max-width:520px){
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-card{padding:15px!important}
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-identity{grid-template-columns:48px minmax(0,1fr)!important;gap:11px!important}
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-mark{width:46px!important;height:46px!important}
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-identity h2{font-size:23px!important}
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-structure-visual{grid-template-columns:1fr 1fr!important;min-height:0!important;padding:11px!important}
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-structure-visual>i{display:none!important}
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-rebar-visual{height:158px!important}
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-feature-columns{grid-template-columns:1fr!important}
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-foot{align-items:flex-start!important;flex-direction:column!important}
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-actions{width:100%!important;flex-wrap:wrap!important}
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-actions a{font-size:10.5px!important}
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-section-head h2,
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-purpose>header h2,
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-final h2{font-size:23px!important}
  .dnb-workspace-body .dnb-products-v17 .dnb-sidebar-promo-slogan-copy strong{font-size:13px}
}

/* Light mode: preserve hierarchy but remove dark-only depth. */
html[data-dnb-theme="light"] body.dnb-workspace-body .dnb-products-v17 :is(.dnb-products-v16-card,.dnb-products-v16-connected,.dnb-products-v16-purpose-grid article,.dnb-products-v16-final),
body.theme-light.dnb-workspace-body .dnb-products-v17 :is(.dnb-products-v16-card,.dnb-products-v16-connected,.dnb-products-v16-purpose-grid article,.dnb-products-v16-final){background:#fff!important;border-color:#d7e3ea!important;box-shadow:0 9px 26px rgba(33,62,78,.045)!important}
html[data-dnb-theme="light"] body.dnb-workspace-body .dnb-products-v17 :is(.dnb-products-v16-structure-visual,.dnb-products-v16-feature-columns>div,.dnb-products-v16-flowline article),
body.theme-light.dnb-workspace-body .dnb-products-v17 :is(.dnb-products-v16-structure-visual,.dnb-products-v16-feature-columns>div,.dnb-products-v16-flowline article){background:#f7fafb!important;border-color:#dbe6ec!important}


/* ==========================================================================
   D&B Workspace V10 — readable typography on FHD / 2K / 4K
   Keeps layout density but removes the overly tiny 6–9px admin/flyout text.
   ========================================================================== */
.dnb-account-flyout{
  width:324px!important;
  padding:14px!important;
}
.dnb-account-flyout-user strong{font-size:12.5px!important;line-height:1.25!important}
.dnb-account-flyout-user small{font-size:9.5px!important;line-height:1.35!important}
.dnb-flyout-group{padding-top:13px!important}
.dnb-flyout-group>span{
  padding:0 9px 7px!important;
  font-size:8px!important;
  letter-spacing:.14em!important;
}
.dnb-flyout-group nav{gap:3px!important}
.dnb-flyout-group a,.dnb-flyout-foot a,.dnb-flyout-foot button{
  min-height:40px!important;
  gap:10px!important;
  padding:0 10px!important;
  border-radius:9px!important;
  font-size:10.5px!important;
  line-height:1.25!important;
}
.dnb-flyout-group a i,.dnb-flyout-foot a i,.dnb-flyout-foot button i{
  width:20px!important;height:20px!important;
}
.dnb-flyout-group a i .dnb-icon,.dnb-flyout-foot a i .dnb-icon,.dnb-flyout-foot button i .dnb-icon{
  width:17px!important;height:17px!important;
}

/* Control Center content: modestly larger base text without making cards oversized. */
.dnb-workspace-body .dnb-page-head .admin-eyebrow{font-size:8px!important}
.dnb-workspace-body .dnb-page-head h1{font-size:clamp(28px,2.1vw,38px)!important;line-height:1.12!important}
.dnb-workspace-body .dnb-page-head p{font-size:10.5px!important;line-height:1.6!important}
.dnb-workspace-body .admin-card h2{font-size:17px!important}
.dnb-workspace-body .admin-card h3,.dnb-workspace-body .dash-card h3{font-size:14px!important}
.dnb-workspace-body .admin-kicker,.dnb-workspace-body .dash-kicker{font-size:8px!important}
.dnb-workspace-body .admin-muted{font-size:10px!important;line-height:1.6!important}
.dnb-workspace-body .admin-form-grid label,
.dnb-workspace-body .admin-form-stack label{font-size:10.5px!important}
.dnb-workspace-body .admin-form-grid input,
.dnb-workspace-body .admin-form-grid select,
.dnb-workspace-body .admin-form-stack input,
.dnb-workspace-body .admin-form-stack select{font-size:11.5px!important}

/* 2K / large desktop */
@media (min-width:1800px){
  .dnb-account-flyout{width:348px!important;padding:15px!important}
  .dnb-account-flyout-user strong{font-size:13px!important}
  .dnb-account-flyout-user small{font-size:10px!important}
  .dnb-flyout-group>span{font-size:8.5px!important}
  .dnb-flyout-group a,.dnb-flyout-foot a,.dnb-flyout-foot button{
    min-height:42px!important;
    font-size:11.25px!important;
  }
  .dnb-workspace-body .dnb-page-head h1{font-size:40px!important}
  .dnb-workspace-body .dnb-page-head p{font-size:11.5px!important}
  .dnb-workspace-body .admin-card h2{font-size:18px!important}
  .dnb-workspace-body .admin-muted{font-size:10.5px!important}
}

/* 4K / ultra-wide */
@media (min-width:2560px){
  .dnb-account-flyout{width:382px!important;padding:17px!important}
  .dnb-user-avatar-large,.dnb-user-avatar-large img{width:42px!important;height:42px!important}
  .dnb-account-flyout-user strong{font-size:14px!important}
  .dnb-account-flyout-user small{font-size:11px!important}
  .dnb-flyout-group>span{font-size:9px!important}
  .dnb-flyout-group a,.dnb-flyout-foot a,.dnb-flyout-foot button{
    min-height:48px!important;
    font-size:12.5px!important;
    padding:0 12px!important;
  }
  .dnb-flyout-group a i .dnb-icon,.dnb-flyout-foot a i .dnb-icon,.dnb-flyout-foot button i .dnb-icon{
    width:18px!important;height:18px!important;
  }
  .dnb-workspace-body .dnb-page-head h1{font-size:44px!important}
  .dnb-workspace-body .dnb-page-head p{font-size:12.5px!important}
  .dnb-workspace-body .admin-card h2{font-size:20px!important}
  .dnb-workspace-body .admin-card h3{font-size:16px!important}
  .dnb-workspace-body .admin-kicker,.dnb-workspace-body .dash-kicker{font-size:9px!important}
  .dnb-workspace-body .admin-muted{font-size:11.5px!important}
  .dnb-workspace-body .admin-form-grid label,.dnb-workspace-body .admin-form-stack label{font-size:11.5px!important}
  .dnb-workspace-body .admin-form-grid input,.dnb-workspace-body .admin-form-grid select,
  .dnb-workspace-body .admin-form-stack input,.dnb-workspace-body .admin-form-stack select{font-size:12.5px!important}
}

@media (max-width:760px){
  .dnb-account-flyout{width:min(88vw,318px)!important;padding:13px!important}
  .dnb-flyout-group a,.dnb-flyout-foot a,.dnb-flyout-foot button{font-size:10.5px!important;min-height:40px!important}
}


/* ========================================================================== 
   D&B Affiliate + Notification Center V1
   ========================================================================== */
.dnb-notification-wrap{position:relative;display:flex;align-items:center}
.dnb-notification-toggle{position:relative}
.dnb-notification-count{position:absolute;right:-3px;top:-4px;min-width:17px;height:17px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;border:2px solid #071826;border-radius:999px;background:#ff7d32;color:#fff;font-size:8px;font-weight:900;line-height:1}
.dnb-notification-popover{position:absolute;z-index:120;right:-64px;top:calc(100% + 14px);width:360px;max-height:520px;overflow:hidden;border:1px solid rgba(91,144,178,.28);border-radius:16px;background:linear-gradient(180deg,#0a2032,#071827);box-shadow:0 24px 55px rgba(0,0,0,.34);opacity:0;visibility:hidden;transform:translateY(-5px);transition:.16s ease}
.dnb-notification-wrap.is-open .dnb-notification-popover{opacity:1;visibility:visible;transform:none}
.dnb-notification-popover>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-bottom:1px solid rgba(91,133,160,.18)}
.dnb-notification-popover>header>div{display:grid;gap:2px}.dnb-notification-popover>header span{font-size:8px;letter-spacing:.13em;color:#7894a8;font-weight:850}.dnb-notification-popover>header strong{font-size:10px;color:#e0ebf2}.dnb-notification-popover>header button{border:0;background:none;color:#66bce8;font:inherit;font-size:8.5px;font-weight:750;cursor:pointer}
.dnb-notification-list{display:grid;max-height:390px;overflow:auto;padding:6px}
.dnb-notification-item{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 8px;gap:9px;align-items:start;padding:10px;border:1px solid transparent;border-radius:10px;color:inherit;text-decoration:none;transition:.14s ease}
.dnb-notification-item:hover{background:rgba(31,79,108,.18);border-color:rgba(91,148,185,.13)}
.dnb-notification-item.is-unread{background:rgba(23,80,116,.13)}
.dnb-notification-item>i{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:rgba(29,99,140,.2);color:#66c5f4;font-style:normal}.dnb-notification-item>i.type-event{background:rgba(225,133,55,.14);color:#f0a460}.dnb-notification-item>i.type-affiliate{background:rgba(72,182,137,.13);color:#67d4a8}.dnb-notification-item>i .dnb-icon{width:16px;height:16px}
.dnb-notification-item>span{display:grid;gap:3px;min-width:0}.dnb-notification-item strong{font-size:9.5px;line-height:1.35;color:#e9f2f7}.dnb-notification-item small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:8px;line-height:1.45;color:#7e98aa}.dnb-notification-item>b{width:6px;height:6px;margin-top:5px;border-radius:50%;background:#ff8438;box-shadow:0 0 0 3px rgba(255,132,56,.09)}
.dnb-notification-empty{padding:26px 14px;text-align:center;color:#728c9e;font-size:9px}
.dnb-notification-popover>footer{border-top:1px solid rgba(91,133,160,.16);padding:8px}.dnb-notification-popover>footer a{min-height:34px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;color:#8fc9ed;text-decoration:none;font-size:9px;font-weight:750}.dnb-notification-popover>footer a:hover{background:rgba(31,82,113,.18)}

.dnb-notifications-container{max-width:1180px!important}.dnb-notification-page-list{display:grid;gap:8px}.dnb-notification-page-item{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px 16px;border:1px solid rgba(92,137,166,.17);border-radius:13px;background:rgba(7,25,39,.73);color:inherit;text-decoration:none}.dnb-notification-page-item.is-unread{border-color:rgba(94,174,224,.32);background:rgba(19,65,94,.16)}.dnb-notification-type{display:inline-flex;align-items:center;justify-content:center;min-height:27px;border-radius:999px;background:rgba(28,93,133,.18);color:#6dc4f0;font-size:8px;font-weight:900;letter-spacing:.05em}.dnb-notification-type.type-event{color:#efa35f;background:rgba(205,115,43,.13)}.dnb-notification-type.type-affiliate{color:#62d0a2;background:rgba(55,155,116,.13)}.dnb-notification-page-item>div{display:grid;gap:3px}.dnb-notification-page-item strong{font-size:11px}.dnb-notification-page-item p{margin:0;color:#8da5b5;font-size:9.5px;line-height:1.5}.dnb-notification-page-item small{font-size:8px;color:#718b9d}.dnb-notification-arrow{color:#679fc0}

.affiliate-container{max-width:1320px!important}.affiliate-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.affiliate-intro-card{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px;border:1px solid rgba(91,144,176,.23);border-radius:18px;background:linear-gradient(145deg,rgba(9,32,49,.96),rgba(6,22,35,.96))}.affiliate-intro-card h2{margin:4px 0 6px;font-size:24px}.affiliate-intro-card p{max-width:760px;margin:0;color:#8fa6b6;font-size:11px;line-height:1.6}.affiliate-program-state{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border:1px solid rgba(242,176,88,.3);border-radius:999px;color:#ecb260;background:rgba(224,160,71,.07);font-size:8px;font-weight:900;letter-spacing:.08em}.affiliate-program-state.is-open{border-color:rgba(75,201,146,.3);color:#5dd3a2;background:rgba(75,201,146,.07)}
.affiliate-apply-card{margin-top:12px}.affiliate-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.affiliate-form-grid label,.affiliate-action-form{font-size:9.5px;color:#8fa6b7}.affiliate-form-grid input,.affiliate-form-grid textarea,.affiliate-action-form input,.affiliate-action-form select{width:100%;border:1px solid #244158;border-radius:9px;background:#071724;color:#edf4f8;padding:10px 11px;font:inherit;outline:none}.affiliate-span-2{grid-column:1/-1}.affiliate-agree{display:flex!important;align-items:flex-start;gap:9px}.affiliate-agree input{width:auto!important;margin-top:2px}.affiliate-agree span{line-height:1.5}
.affiliate-status-card{padding:24px!important}.affiliate-status-card h2{margin:5px 0}.affiliate-status-card p{color:#8fa6b7}
.affiliate-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.affiliate-balance-card{display:grid;gap:4px;padding:16px;border:1px solid rgba(91,137,165,.18);border-radius:13px;background:rgba(7,25,39,.72)}.affiliate-balance-card.is-primary{border-color:rgba(80,179,228,.31);background:linear-gradient(145deg,rgba(14,57,83,.35),rgba(7,25,39,.74))}.affiliate-balance-card span{font-size:8.5px;color:#7894a8}.affiliate-balance-card strong{font-size:21px;color:#eef6fb}.affiliate-balance-card small{font-size:8px;color:#6e899d}
.affiliate-link-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:18px;align-items:center;margin-top:10px}.affiliate-link-card h2{margin:3px 0;font-size:23px}.affiliate-link-card p{margin:0;color:#829aab;font-size:9.5px}.affiliate-copy-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.affiliate-copy-row input{min-width:0;border:1px solid #244158;border-radius:9px;background:#061522;color:#76bee7;padding:0 11px;font-size:9px}
.affiliate-main-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:10px;margin-top:10px}.affiliate-actions-stack{display:grid;gap:10px}.affiliate-actions-stack .admin-card h2{margin:3px 0 5px}.affiliate-actions-stack .admin-card p{font-size:9px;color:#849cac;line-height:1.5}.affiliate-action-form{display:grid;gap:7px;margin-top:10px}
.affiliate-table-list{display:grid;gap:6px}.affiliate-commission-row{display:grid;grid-template-columns:minmax(0,1fr) 90px 90px 78px;gap:9px;align-items:center;padding:9px 10px;border:1px solid rgba(87,129,157,.14);border-radius:9px;background:rgba(4,17,28,.45)}.affiliate-commission-row>div{display:grid;gap:2px}.affiliate-commission-row strong{font-size:9.5px}.affiliate-commission-row small{font-size:7.8px;color:#708b9e}.affiliate-commission-row>span,.affiliate-commission-row>b{font-size:8.8px;text-align:right}.affiliate-commission-row>b{color:#60d4a2}.affiliate-commission-row em{font-size:7.5px;font-style:normal;text-align:center;color:#e9b15c}.affiliate-commission-row em.status-available{color:#5ed2a1}.affiliate-commission-row em.status-reversed{color:#ef7e7e}
.affiliate-history-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.affiliate-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto 80px;gap:9px;padding:8px 0;border-bottom:1px solid rgba(86,128,155,.12)}.affiliate-history-row span,.affiliate-history-row strong,.affiliate-history-row em{font-size:8.5px}.affiliate-history-row em{text-align:right;font-style:normal;color:#81a0b4}

.admin-affiliate-page .affiliate-admin-status-grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(150px,.55fr));gap:10px;margin-bottom:12px}.affiliate-admin-master{padding:16px!important}.affiliate-admin-master h2{margin:3px 0 5px}.affiliate-admin-master p{margin:0;color:#849cac;font-size:9px;line-height:1.5}.affiliate-admin-master.is-on{border-color:rgba(76,202,148,.3)!important}.affiliate-admin-stat{display:grid;align-content:center;gap:4px;padding:14px;border:1px solid rgba(91,137,165,.18);border-radius:12px;background:rgba(7,25,39,.72)}.affiliate-admin-stat span{font-size:8px;color:#7894a8}.affiliate-admin-stat strong{font-size:18px;color:#edf5fa}
.affiliate-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.affiliate-admin-form{display:grid;gap:10px}.affiliate-toggle-row{display:flex!important;align-items:center;justify-content:space-between;gap:15px;padding:10px;border:1px solid rgba(89,132,160,.15);border-radius:10px;background:rgba(5,18,29,.4)}.affiliate-toggle-row>span{display:grid;gap:2px}.affiliate-toggle-row b{font-size:9.5px}.affiliate-toggle-row small{font-size:8px;color:#7892a4}.affiliate-toggle-row input{width:18px;height:18px;accent-color:#ff8438}
.affiliate-rule-form{display:grid;gap:9px}.affiliate-rule-head{display:flex;justify-content:space-between;gap:12px}.affiliate-rule-head strong{font-size:10.5px}.affiliate-rule-head span{font-size:8px;color:#7893a6}.affiliate-rule-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.affiliate-rule-grid label{display:grid;gap:4px;font-size:8px;color:#8199aa}.affiliate-rule-grid input,.affiliate-rule-grid select{width:100%;height:34px;border:1px solid #244158;border-radius:8px;background:#071724;color:#ecf4f9;padding:0 8px;font-size:9px}.affiliate-rule-note{margin:0;color:#7e98aa;font-size:8.5px;line-height:1.5}
.affiliate-admin-list{display:grid;gap:6px}.affiliate-admin-row{display:grid;grid-template-columns:minmax(210px,1.2fr) 100px 86px 100px minmax(320px,1.4fr);gap:8px;align-items:center;padding:9px 10px;border:1px solid rgba(87,129,156,.14);border-radius:9px;background:rgba(4,17,28,.44)}.affiliate-admin-row>div{display:grid;gap:2px}.affiliate-admin-row strong{font-size:9px}.affiliate-admin-row small{font-size:7.5px;color:#708a9d}.affiliate-admin-row>span,.affiliate-admin-row>b{font-size:8px}.affiliate-code{color:#72bee8}.affiliate-admin-row form{display:grid;grid-template-columns:100px minmax(100px,1fr) auto;gap:5px}.affiliate-admin-row form select,.affiliate-admin-row form input{min-width:0;height:30px;border:1px solid #244158;border-radius:7px;background:#071724;color:#eaf3f8;padding:0 7px;font-size:8px}.affiliate-admin-row.payout{grid-template-columns:minmax(160px,1fr) 120px 80px minmax(260px,1.2fr)}
.affiliate-announcement-form{display:grid;grid-template-columns:150px 1fr;gap:8px}.affiliate-announcement-form label{display:grid;gap:4px;font-size:8.5px;color:#8199aa}.affiliate-announcement-form input,.affiliate-announcement-form select{height:34px;border:1px solid #244158;border-radius:8px;background:#071724;color:#eaf3f8;padding:0 9px;font-size:9px}.affiliate-announcement-form .affiliate-span-2{grid-column:1/-1}

@media(min-width:1800px){.dnb-notification-popover{width:390px}.dnb-notification-item strong{font-size:10px}.affiliate-balance-card strong{font-size:23px}.affiliate-commission-row strong{font-size:10px}}
@media(max-width:1180px){.affiliate-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.affiliate-main-grid,.affiliate-history-grid,.affiliate-link-card,.affiliate-admin-grid{grid-template-columns:1fr}.admin-affiliate-page .affiliate-admin-status-grid{grid-template-columns:1fr 1fr}.affiliate-admin-row,.affiliate-admin-row.payout{grid-template-columns:1fr 1fr}.affiliate-admin-row form{grid-column:1/-1}.affiliate-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.dnb-notification-popover{position:fixed;right:12px;left:12px;top:66px;width:auto}.affiliate-page-head{align-items:flex-start;flex-direction:column}.affiliate-summary-grid,.affiliate-form-grid,.admin-affiliate-page .affiliate-admin-status-grid,.affiliate-announcement-form{grid-template-columns:1fr}.affiliate-span-2,.affiliate-announcement-form .affiliate-span-2{grid-column:auto}.affiliate-commission-row{grid-template-columns:1fr 1fr}.affiliate-admin-row,.affiliate-admin-row.payout{grid-template-columns:1fr}.affiliate-rule-grid{grid-template-columns:1fr}}

/* Affiliate / Notification readability — restrained scaling for FHD, 2K, 4K. */
.dnb-notification-popover>header span{font-size:9px}
.dnb-notification-popover>header strong{font-size:11px}
.dnb-notification-popover>header button{font-size:9.5px}
.dnb-notification-item strong{font-size:10.5px}
.dnb-notification-item small{font-size:9px}
.dnb-notification-popover>footer a{font-size:10px}
.dnb-notification-page-item strong{font-size:12px}
.dnb-notification-page-item p{font-size:10.5px}
.dnb-notification-page-item small{font-size:9px}
.dnb-notification-type{font-size:9px}
.affiliate-intro-card p{font-size:11.5px}
.affiliate-program-state{font-size:9px}
.affiliate-form-grid label,.affiliate-action-form{font-size:10.5px}
.affiliate-balance-card span{font-size:9.5px}.affiliate-balance-card small{font-size:9px}
.affiliate-link-card p{font-size:10.5px}.affiliate-copy-row input{font-size:10px}
.affiliate-actions-stack .admin-card p{font-size:10px}
.affiliate-commission-row strong{font-size:10.5px}.affiliate-commission-row small{font-size:9px}.affiliate-commission-row>span,.affiliate-commission-row>b{font-size:9.5px}.affiliate-commission-row em{font-size:8.5px}
.affiliate-history-row span,.affiliate-history-row strong,.affiliate-history-row em{font-size:9.5px}
.affiliate-admin-master p{font-size:10px}.affiliate-admin-stat span{font-size:9px}
.affiliate-toggle-row b{font-size:10.5px}.affiliate-toggle-row small{font-size:9px}
.affiliate-rule-head strong{font-size:11.5px}.affiliate-rule-head span{font-size:9px}
.affiliate-rule-grid label{font-size:9px}.affiliate-rule-grid input,.affiliate-rule-grid select{font-size:10px}.affiliate-rule-note{font-size:9.5px}
.affiliate-admin-row strong{font-size:10px}.affiliate-admin-row small{font-size:8.8px}.affiliate-admin-row>span,.affiliate-admin-row>b{font-size:9px}.affiliate-admin-row form select,.affiliate-admin-row form input{font-size:9px}
.affiliate-announcement-form label{font-size:9.5px}.affiliate-announcement-form input,.affiliate-announcement-form select{font-size:10px}

@media(min-width:1800px){
  .dnb-notification-item strong{font-size:11.5px}.dnb-notification-item small{font-size:10px}
  .dnb-notification-page-item strong{font-size:13px}.dnb-notification-page-item p{font-size:11.5px}
  .affiliate-intro-card p{font-size:12px}.affiliate-form-grid label,.affiliate-action-form{font-size:11px}
  .affiliate-balance-card span{font-size:10px}.affiliate-balance-card small{font-size:9.5px}
  .affiliate-commission-row strong{font-size:11px}.affiliate-commission-row small{font-size:9.5px}
  .affiliate-admin-master p{font-size:10.5px}.affiliate-toggle-row b{font-size:11px}.affiliate-toggle-row small{font-size:9.5px}
  .affiliate-rule-grid label{font-size:9.5px}.affiliate-rule-grid input,.affiliate-rule-grid select{font-size:10.5px}
  .affiliate-admin-row strong{font-size:10.5px}.affiliate-admin-row small{font-size:9.2px}
}
@media(min-width:2560px){
  .dnb-notification-popover{width:420px}
  .dnb-notification-item strong{font-size:12.5px}.dnb-notification-item small{font-size:11px}
  .dnb-notification-page-item strong{font-size:14px}.dnb-notification-page-item p{font-size:12.5px}.dnb-notification-page-item small{font-size:10px}
  .affiliate-intro-card p{font-size:13px}.affiliate-form-grid label,.affiliate-action-form{font-size:12px}
  .affiliate-balance-card span{font-size:11px}.affiliate-balance-card small{font-size:10.5px}.affiliate-balance-card strong{font-size:25px}
  .affiliate-link-card p{font-size:11.5px}.affiliate-copy-row input{font-size:11px}
  .affiliate-commission-row strong{font-size:12px}.affiliate-commission-row small{font-size:10.5px}.affiliate-commission-row>span,.affiliate-commission-row>b{font-size:10.5px}
  .affiliate-admin-master p{font-size:11.5px}.affiliate-admin-stat span{font-size:10px}.affiliate-admin-stat strong{font-size:20px}
  .affiliate-toggle-row b{font-size:12px}.affiliate-toggle-row small{font-size:10.5px}
  .affiliate-rule-head strong{font-size:12.5px}.affiliate-rule-grid label{font-size:10.5px}.affiliate-rule-grid input,.affiliate-rule-grid select{font-size:11.5px}.affiliate-rule-note{font-size:10.5px}
  .affiliate-admin-row strong{font-size:11.5px}.affiliate-admin-row small{font-size:10px}.affiliate-admin-row>span,.affiliate-admin-row>b{font-size:10px}.affiliate-admin-row form select,.affiliate-admin-row form input{font-size:10px}
  .affiliate-announcement-form label{font-size:10.5px}.affiliate-announcement-form input,.affiliate-announcement-form select{font-size:11px}
}
.affiliate-tier-strip{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.affiliate-tier-strip>span{min-width:82px;display:grid;gap:1px;padding:7px 9px;border:1px solid rgba(88,143,178,.16);border-radius:8px;background:rgba(5,19,30,.5)}.affiliate-tier-strip b{font-size:10.5px;color:#65c9f4}.affiliate-tier-strip small{font-size:8px;color:#718da0}
@media(min-width:1800px){.affiliate-tier-strip b{font-size:11.5px}.affiliate-tier-strip small{font-size:9px}}
@media(min-width:2560px){.affiliate-tier-strip b{font-size:12.5px}.affiliate-tier-strip small{font-size:10px}}


/* ==========================================================================
   Affiliate V1.2 — safe remove / archive UI
   ========================================================================== */
.affiliate-admin-row-manage{
  grid-template-columns:minmax(210px,1.15fr) 100px 78px 90px minmax(390px,1.6fr)!important;
}
.affiliate-admin-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:7px!important;
  align-items:center!important;
}
.affiliate-admin-actions .affiliate-status-form{
  display:grid!important;
  grid-template-columns:96px minmax(110px,1fr) auto!important;
  gap:5px!important;
}
.affiliate-admin-actions .affiliate-delete-form{
  display:block!important;
}
.affiliate-delete-button{
  min-height:30px!important;
  padding:0 10px!important;
  border:1px solid rgba(224,92,105,.42)!important;
  border-radius:7px!important;
  background:rgba(181,54,69,.08)!important;
  color:#f2a3ad!important;
  font-weight:800!important;
  white-space:nowrap;
}
.affiliate-delete-button:hover{
  border-color:rgba(238,106,119,.72)!important;
  background:rgba(190,59,73,.15)!important;
  color:#ffc0c7!important;
}
.affiliate-delete-note{margin:0 0 10px!important}
.affiliate-delete-note b{color:#e7eef4}
.affiliate-removed-card{
  padding:0!important;
  overflow:hidden;
}
.affiliate-removed-card>summary{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:12px 16px;
  cursor:pointer;
  list-style:none;
}
.affiliate-removed-card>summary::-webkit-details-marker{display:none}
.affiliate-removed-card>summary>span{display:grid;grid-template-columns:auto auto;gap:2px 9px;align-items:center}
.affiliate-removed-card>summary i{
  grid-row:1/3;
  align-self:center;
  padding:4px 7px;
  border:1px solid rgba(123,145,160,.22);
  border-radius:999px;
  color:#8ca1af;
  font-size:7px;
  font-style:normal;
  font-weight:850;
  letter-spacing:.08em;
}
.affiliate-removed-card>summary b{font-size:10px;color:#d9e4eb}
.affiliate-removed-card>summary small{font-size:8px;color:#718899}
.affiliate-removed-card>summary>strong{font-size:8.5px;color:#7ba9c4}
.affiliate-removed-card[open]>summary{border-bottom:1px solid rgba(90,130,157,.14)}
.affiliate-removed-list{padding:10px}
.affiliate-admin-row-removed{
  grid-template-columns:minmax(220px,1.3fr) 70px 92px 100px auto!important;
  opacity:.86;
}
.affiliate-admin-row-removed form{
  display:block!important;
}
@media(max-width:1180px){
  .affiliate-admin-row-manage,.affiliate-admin-row-removed{grid-template-columns:1fr 1fr!important}
  .affiliate-admin-actions{grid-column:1/-1!important}
}
@media(max-width:760px){
  .affiliate-admin-row-manage,.affiliate-admin-row-removed{grid-template-columns:1fr!important}
  .affiliate-admin-actions{grid-template-columns:1fr!important}
  .affiliate-admin-actions .affiliate-status-form{grid-template-columns:1fr!important}
}


/* ==========================================================================
   Affiliate / Checkout V1.3
   ========================================================================== */
.affiliate-admin-actions-v13{
  grid-template-columns:minmax(0,1fr) auto!important;
}
.affiliate-status-form-v13{
  grid-template-columns:minmax(130px,1fr) auto!important;
}
.affiliate-status-form-v13>input[name="note"]{
  min-width:0!important;
}
.affiliate-decision-buttons{
  display:flex;
  align-items:center;
  gap:5px;
  flex-wrap:wrap;
}
.affiliate-approve-button{
  min-height:30px!important;
  border:1px solid rgba(66,194,139,.42)!important;
  border-radius:7px!important;
  background:rgba(46,159,112,.12)!important;
  color:#7ce0b3!important;
  font-weight:800!important;
  white-space:nowrap;
}
.affiliate-approve-button:hover{
  border-color:rgba(83,220,158,.62)!important;
  background:rgba(46,159,112,.2)!important;
}
.affiliate-human-status{
  font-size:8.2px!important;
  white-space:nowrap;
}
.affiliate-human-status.status-approved{color:#65d7a4!important}
.affiliate-human-status.status-applied{color:#f2ba66!important}
.affiliate-human-status.status-suspended{color:#91a6b6!important}
.affiliate-human-status.status-rejected{color:#e98c98!important}

.dnb-pay-referral{
  margin:12px 0 10px;
  padding:11px;
  border:1px solid rgba(72,119,149,.30);
  border-radius:10px;
  background:rgba(5,24,38,.55);
}
.dnb-pay-referral-head{
  display:grid;
  gap:4px;
  margin-bottom:8px;
}
.dnb-pay-referral-head>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.dnb-pay-referral-head small{
  color:#65bfe9;
  font:800 8px/1.2 var(--dnb-home-tech-font,"IBM Plex Mono",Consolas,monospace);
  letter-spacing:.08em;
}
.dnb-pay-referral-head small em{
  margin-left:5px;
  color:#738d9f;
  font-style:normal;
  font-weight:600;
  letter-spacing:0;
}
.dnb-pay-referral-head strong{
  color:#dce9f1;
  font-size:10px;
}
.dnb-pay-referral-head>span{
  color:#718a9c;
  font-size:8.5px;
  line-height:1.4;
}
.dnb-pay-referral-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:7px;
}
.dnb-pay-referral-form input{
  height:36px;
  min-width:0;
  padding:0 10px;
  border:1px solid #24455b;
  border-radius:8px;
  outline:none;
  background:#061724;
  color:#e7f1f7;
  font:700 10px/1 var(--dnb-home-tech-font,"IBM Plex Mono",Consolas,monospace);
  text-transform:uppercase;
  letter-spacing:.05em;
}
.dnb-pay-referral-form input:focus{
  border-color:#4b9ecb;
  box-shadow:0 0 0 3px rgba(75,158,203,.08);
}
.dnb-pay-referral-form input:disabled{opacity:.68;cursor:not-allowed}
.dnb-pay-referral-form button{
  min-width:78px;
  height:36px;
  padding:0 12px;
  border:1px solid rgba(74,145,186,.34);
  border-radius:8px;
  background:rgba(10,48,72,.72);
  color:#d7e8f2;
  font-size:9px;
  font-weight:800;
  cursor:pointer;
}
.dnb-pay-referral-form button:hover:not(:disabled){border-color:rgba(89,183,231,.52);background:rgba(12,58,87,.86)}
.dnb-pay-referral-form button:disabled{opacity:.5;cursor:not-allowed}
.dnb-pay-referral-status{
  min-height:16px;
  margin:6px 1px 0!important;
  color:#718b9d!important;
  font-size:8.5px!important;
  line-height:1.4!important;
}
.dnb-pay-referral-status.is-checking{color:#77add0!important}
.dnb-pay-referral-status.is-valid{color:#61cf9c!important}
.dnb-pay-referral-status.is-error{color:#ed929d!important}

@media(min-width:1800px){
  .dnb-pay-referral{padding:13px;border-radius:12px}
  .dnb-pay-referral-head strong{font-size:12px}
  .dnb-pay-referral-head>span,.dnb-pay-referral-status{font-size:10px!important}
  .dnb-pay-referral-form input{height:40px;font-size:11px}
  .dnb-pay-referral-form button{height:40px;font-size:10px}
}
@media(max-width:760px){
  .affiliate-status-form-v13{grid-template-columns:1fr!important}
  .affiliate-decision-buttons{width:100%}
  .dnb-pay-referral-head>div{align-items:flex-start;flex-direction:column}
  .dnb-pay-referral-form{grid-template-columns:1fr}
  .dnb-pay-referral-form button{width:100%}
}


/* ==========================================================================
   Affiliate Checkout V1.3A — referral field placed before payment method
   ========================================================================== */
.dnb-pay-referral-main{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:14px!important;
  margin:14px 0 16px!important;
  padding:13px 14px!important;
  border:1px solid rgba(73,137,174,.28)!important;
  border-radius:12px!important;
  background:
    linear-gradient(180deg,rgba(7,30,47,.78),rgba(5,23,36,.72))!important;
}
.dnb-pay-referral-main .dnb-pay-referral-badge{
  width:42px;height:42px;
  display:grid;place-items:center;
  border:1px solid rgba(77,163,211,.24);
  border-radius:11px;
  background:rgba(19,92,132,.2);
  color:#66c5f2;
}
.dnb-pay-referral-main .dnb-pay-referral-badge .dnb-icon{width:18px;height:18px}
.dnb-pay-referral-main .dnb-pay-referral-content{min-width:0}
.dnb-pay-referral-main .dnb-pay-referral-head{
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:10px!important;
}
.dnb-pay-referral-main .dnb-pay-referral-head>div{
  display:grid!important;
  justify-content:start!important;
  gap:3px!important;
}
.dnb-pay-referral-main .dnb-pay-referral-head>span{
  text-align:right;
  max-width:230px;
}
.dnb-pay-referral-main .dnb-pay-referral-form{
  margin-top:9px;
  grid-template-columns:minmax(0,1fr) 88px!important;
}
.dnb-pay-referral-main .dnb-pay-referral-status{margin-top:6px!important}

@media(min-width:1800px){
  .dnb-pay-referral-main{grid-template-columns:46px minmax(0,1fr)!important;padding:15px!important}
  .dnb-pay-referral-main .dnb-pay-referral-badge{width:46px;height:46px}
}
@media(max-width:900px){
  .dnb-pay-referral-main{grid-template-columns:1fr!important}
  .dnb-pay-referral-main .dnb-pay-referral-badge{display:none}
  .dnb-pay-referral-main .dnb-pay-referral-head{grid-template-columns:1fr!important}
  .dnb-pay-referral-main .dnb-pay-referral-head>span{text-align:left;max-width:none}
}


/* ==========================================================================
   Affiliate V1.4 — Promotion switch + earnings communication + calculator
   ========================================================================== */
.affiliate-switch-state{
  display:flex;flex-wrap:wrap;gap:5px;margin-top:9px
}
.affiliate-switch-state span{
  min-height:22px;display:inline-flex;align-items:center;padding:0 8px;
  border:1px solid rgba(91,135,164,.2);border-radius:999px;
  background:rgba(5,20,31,.45);color:#88a0b1;font-size:7.6px;font-weight:800
}
.affiliate-promotion-toggle{
  border-color:rgba(255,135,55,.2)!important;
  background:rgba(255,135,55,.025)!important;
}
.affiliate-launch-notice{
  margin-top:12px;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:14px;
  border:1px solid rgba(92,135,162,.18);border-radius:10px;background:rgba(4,18,29,.45)
}
.affiliate-launch-notice>div{display:grid;gap:2px}
.affiliate-launch-notice strong{font-size:10px;color:#e5eef4}
.affiliate-launch-notice small{font-size:8px;color:#778fa0;line-height:1.45}
.affiliate-launch-notice.is-ready{border-color:rgba(78,190,137,.23);background:rgba(52,151,108,.04)}
.affiliate-launch-notice button:disabled{opacity:.42;cursor:not-allowed}

/* Account overview promo */
.dnb-account-affiliate-promo{
  margin-top:12px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:20px!important;
  align-items:center!important;
  padding:17px 18px!important;
  overflow:hidden;
  position:relative;
  border-color:rgba(75,145,184,.28)!important;
  background:
    radial-gradient(circle at 90% 0%,rgba(255,135,55,.07),transparent 28%),
    linear-gradient(135deg,rgba(8,29,45,.96),rgba(6,21,34,.96))!important;
}
.dnb-account-affiliate-promo::before{
  content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;border-radius:4px;background:#ff8737
}
.dnb-account-affiliate-copy{min-width:0;padding-left:4px}
.dnb-account-affiliate-copy .dnb-v3-eyebrow{color:#ff9250!important}
.dnb-account-affiliate-copy h2{
  margin:4px 0 5px!important;font-size:18px!important;line-height:1.16!important;letter-spacing:-.02em!important
}
.dnb-account-affiliate-copy p{margin:0!important;max-width:760px;color:#8ea5b5!important;font-size:9px!important;line-height:1.55!important}
.dnb-account-affiliate-copy p b{color:#dcecf5}
.dnb-account-affiliate-benefits{display:flex;align-items:center;gap:8px}
.dnb-account-affiliate-benefits>span{
  min-width:92px;display:grid;gap:2px;padding:9px 10px;border:1px solid rgba(94,140,169,.16);
  border-radius:9px;background:rgba(4,17,28,.52);text-align:center
}
.dnb-account-affiliate-benefits>span b{font-size:14px;color:#e9f3f8}
.dnb-account-affiliate-benefits>span small{font-size:7px;color:#7892a4;white-space:nowrap}
.dnb-account-affiliate-benefits>a{white-space:nowrap!important}

/* Affiliate public earnings explainer */
.affiliate-earnings-promo{
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:12px;
  margin:0 0 12px;padding:16px;
  border:1px solid rgba(85,145,181,.27);border-radius:14px;
  background:
    radial-gradient(circle at 85% 0%,rgba(255,135,55,.06),transparent 26%),
    linear-gradient(135deg,rgba(8,29,45,.98),rgba(6,21,34,.98));
}
.affiliate-earnings-copy{min-width:0}
.affiliate-earnings-copy h2{margin:5px 0 5px!important;font-size:20px!important;line-height:1.15!important;letter-spacing:-.02em!important}
.affiliate-earnings-copy>p{margin:0;color:#8ea6b6;font-size:9.2px;line-height:1.55;max-width:700px}
.affiliate-earnings-copy>p b{color:#d5e7f1}
.affiliate-tier-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:12px}
.affiliate-tier-strip>span{
  display:grid;gap:2px;padding:9px 9px;border:1px solid rgba(91,137,166,.17);
  border-radius:9px;background:rgba(4,18,29,.5)
}
.affiliate-tier-strip b{font-size:15px;color:#73c6f3}
.affiliate-tier-strip small{font-size:7.6px;color:#718b9e;line-height:1.35}
.affiliate-tier-strip .is-top{border-color:rgba(255,135,55,.25);background:rgba(255,135,55,.045)}
.affiliate-tier-strip .is-top b{color:#ff9a5c}
.affiliate-income-calculator{
  display:grid;align-content:start;gap:9px;padding:12px;
  border:1px solid rgba(92,135,163,.18);border-radius:11px;background:rgba(4,17,28,.62)
}
.affiliate-calculator-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.affiliate-calculator-head span{font-size:10px;font-weight:800;color:#e2edf4}
.affiliate-calculator-head small{max-width:170px;text-align:right;font-size:7.5px;color:#6f8799;line-height:1.4}
.affiliate-income-calculator>label{display:grid;gap:5px;color:#8ba2b3;font-size:8px;font-weight:700}
.affiliate-revenue-input{height:38px;display:flex;align-items:center;border:1px solid #24465c;border-radius:8px;background:#061724;overflow:hidden}
.affiliate-revenue-input input{
  min-width:0;flex:1;height:100%;padding:0 10px;border:0!important;outline:0!important;background:transparent!important;
  color:#e7f1f7!important;box-shadow:none!important;font-size:12px!important;font-weight:800!important
}
.affiliate-revenue-input span{padding:0 10px;color:#6f899a;font-size:8px;font-weight:800}
.affiliate-revenue-range{width:100%;accent-color:#ff8737}
.affiliate-calculator-results{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.affiliate-calculator-results>div{display:grid;gap:2px;padding:10px;border:1px solid rgba(83,129,158,.16);border-radius:9px;background:rgba(7,28,43,.58)}
.affiliate-calculator-results small{font-size:7.8px;color:#7993a5}
.affiliate-calculator-results strong{font-size:18px;color:#edf5fa;letter-spacing:-.02em}
.affiliate-calculator-results em{font-size:7.3px;color:#6f8798;font-style:normal}
.affiliate-calculator-results .is-credit{border-color:rgba(75,176,130,.18);background:rgba(42,136,96,.045)}
.affiliate-calculator-results .is-credit strong{color:#72d6aa}

@media(min-width:1800px){
  .dnb-account-affiliate-copy h2{font-size:20px!important}
  .dnb-account-affiliate-copy p{font-size:10px!important}
  .affiliate-earnings-copy h2{font-size:22px!important}
  .affiliate-earnings-copy>p{font-size:10px}
  .affiliate-tier-strip small{font-size:8px}
  .affiliate-calculator-results strong{font-size:20px}
}
@media(max-width:1100px){
  .dnb-account-affiliate-promo{grid-template-columns:1fr!important}
  .dnb-account-affiliate-benefits{flex-wrap:wrap}
  .affiliate-earnings-promo{grid-template-columns:1fr}
}
@media(max-width:720px){
  .affiliate-launch-notice{align-items:flex-start;flex-direction:column}
  .dnb-account-affiliate-benefits{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .dnb-account-affiliate-benefits>a{grid-column:1/-1}
  .affiliate-tier-strip{grid-template-columns:1fr 1fr}
  .affiliate-calculator-results{grid-template-columns:1fr}
}


/* ==========================================================================
   Affiliate V1.5 — STR + Rebar pool, VND readability, saved bank profiles
   ========================================================================== */
.affiliate-bank-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:9px
}
.affiliate-bank-head h2{margin:2px 0 0!important}
.affiliate-bank-head>small{font-size:8px;color:#748da0}
.affiliate-bank-list{display:grid;gap:6px}
.affiliate-bank-item{
  min-height:48px;display:grid;grid-template-columns:minmax(0,1fr) auto 26px;gap:8px;align-items:center;
  padding:7px 8px;border:1px solid rgba(86,129,157,.15);border-radius:8px;background:rgba(4,17,28,.48)
}
.affiliate-bank-item.is-default{border-color:rgba(72,177,130,.23);background:rgba(48,145,103,.035)}
.affiliate-bank-item>div{display:grid;gap:2px;min-width:0}
.affiliate-bank-item strong{font-size:9.5px;color:#e0ebf2}
.affiliate-bank-item small{font-size:7.7px;color:#748da0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.affiliate-bank-item>span{
  min-height:20px;display:inline-flex;align-items:center;padding:0 6px;border:1px solid rgba(71,182,132,.25);
  border-radius:999px;color:#68cf9e;font-size:6.8px;font-weight:900;letter-spacing:.05em
}
.affiliate-bank-item form{display:block!important}
.affiliate-bank-item form button{
  width:26px;height:26px;padding:0!important;border:0!important;border-radius:7px!important;
  background:transparent!important;color:#8095a4!important;font-size:16px;cursor:pointer
}
.affiliate-bank-item form button:hover{background:rgba(204,72,87,.09)!important;color:#ed929d!important}
.affiliate-bank-add{margin-top:8px;padding-top:8px;border-top:1px solid rgba(86,129,157,.12)}
.affiliate-bank-add summary{cursor:pointer;color:#69bde9;font-size:8.5px;font-weight:800}
.affiliate-bank-add .affiliate-action-form{margin-top:9px}
.affiliate-bank-default{
  display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:7px!important;
  color:#8098a9!important;font-size:8px!important
}
.affiliate-bank-default input{width:14px!important;height:14px!important;margin:0!important}
.affiliate-payout-hint{color:#d29a62!important;font-size:7.6px!important;line-height:1.45}
.affiliate-action-form button:disabled{opacity:.42;cursor:not-allowed}
.affiliate-revenue-input input[data-vnd-format]{letter-spacing:.02em}
.affiliate-admin-grid .affiliate-rule-head span{max-width:240px;overflow-wrap:anywhere}
@media(min-width:1800px){
  .affiliate-bank-item strong{font-size:10.5px}
  .affiliate-bank-item small{font-size:8.5px}
}


/* ==========================================================================
   Account Context Navigation V2.0
   ========================================================================== */
.dnb-sidebar-workspace-view{
  display:flex;flex:1 1 auto;min-height:0;flex-direction:column
}
.dnb-sidebar-account-view{
  display:none;flex:1 1 auto;min-height:0;flex-direction:column;overflow:hidden
}
body.dnb-account-context-open .dnb-sidebar-workspace-view{display:none!important}
body.dnb-account-context-open .dnb-sidebar-account-view{display:flex!important}

.dnb-account-context-back{
  width:100%;min-height:48px;display:flex;align-items:center;gap:10px;margin:2px 0 10px;padding:7px 9px;
  border:1px solid rgba(86,137,169,.20);border-radius:11px;background:rgba(7,29,45,.62);
  color:#dce8ef;text-align:left;cursor:pointer
}
.dnb-account-context-back>.dnb-icon{width:18px;height:18px;color:#83b3d1}
.dnb-account-context-back>span{display:grid;gap:2px;min-width:0}
.dnb-account-context-back b{font-size:9.5px}
.dnb-account-context-back small{font-size:6.8px;color:#6f899b}

.dnb-account-context-profile{
  display:flex;align-items:center;gap:10px;padding:10px;margin-bottom:11px;
  border:1px solid rgba(83,135,168,.22);border-radius:12px;
  background:linear-gradient(135deg,rgba(11,38,58,.82),rgba(6,24,38,.68));color:inherit
}
.dnb-account-context-profile>span:last-child{display:flex;min-width:0;flex:1;flex-direction:column}
.dnb-account-context-profile strong{font-size:9.5px;color:#eef5f8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dnb-account-context-profile small{margin-top:3px;font-size:7px;color:#8299a9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dnb-account-context-profile em{
  width:max-content;margin-top:6px;padding:2px 6px;border:1px solid rgba(46,182,137,.20);
  border-radius:999px;background:rgba(28,125,91,.12);color:#68d9ac;font-size:5.8px;font-style:normal;font-weight:850;letter-spacing:.06em
}
.dnb-account-context-scroll{
  min-height:0;flex:1;overflow:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:#244b63 transparent
}
.dnb-account-context-group{padding:2px 0 11px}
.dnb-account-context-group+ .dnb-account-context-group{padding-top:11px;border-top:1px solid rgba(83,135,168,.13)}
.dnb-account-context-group>header{display:flex;align-items:center;justify-content:space-between;padding:0 9px 6px}
.dnb-account-context-group>header span{color:#617e91;font-size:6px;font-weight:900;letter-spacing:.16em}
.dnb-account-context-group>header b{
  padding:2px 5px;border-radius:999px;background:rgba(255,129,46,.12);color:#ff9a58;font-size:5.5px;font-weight:900
}
.dnb-account-context-nav{gap:3px!important}
.dnb-account-context-nav a{min-height:36px!important}
.dnb-account-context-foot{
  display:grid;gap:4px;padding-top:10px;margin-top:9px;border-top:1px solid rgba(83,135,168,.16)
}
.dnb-account-context-foot>a,.dnb-account-context-foot button{
  width:100%;min-height:35px;display:flex;align-items:center;gap:9px;padding:0 9px;border:0;border-radius:9px;
  background:transparent;color:#839aaa;font:inherit;font-size:8.5px;font-weight:650;cursor:pointer;text-decoration:none
}
.dnb-account-context-foot>a:hover,.dnb-account-context-foot button:hover{background:#0a263a;color:#eef5f8}
.dnb-account-context-foot .dnb-icon{width:17px;height:17px;color:#78a7c2}

/* Avatar menu is now intentionally compact. */
.dnb-account-flyout.dnb-account-flyout-compact{
  left:auto!important;right:18px!important;top:66px!important;width:286px!important;max-height:calc(100vh - 82px)!important;
  padding:10px!important;border-radius:13px!important;transform:translateY(-6px) scale(.985)!important;transform-origin:right top!important
}
body.dnb-account-panel-open .dnb-account-flyout.dnb-account-flyout-compact{transform:none!important}
.dnb-account-quick-profile{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:6px 6px 10px;
  border-bottom:1px solid rgba(83,135,168,.14);color:inherit
}
.dnb-account-quick-profile>span:nth-child(2){display:grid;gap:2px;min-width:0}
.dnb-account-quick-profile strong{font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dnb-account-quick-profile small{font-size:7px;color:#7892a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dnb-account-quick-profile>.dnb-icon{width:15px;height:15px;color:#628297}
.dnb-account-quick-links{display:grid;gap:2px;padding:7px 0}
.dnb-account-quick-links a,.dnb-account-quick-links button,.dnb-account-quick-foot button{
  width:100%;min-height:34px;display:flex;align-items:center;gap:9px;padding:0 8px;
  border:1px solid transparent;border-radius:8px;background:transparent;color:#8ea4b3;
  font:inherit;font-size:8.3px;font-weight:650;text-align:left;cursor:pointer;text-decoration:none
}
.dnb-account-quick-links a:hover,.dnb-account-quick-links button:hover,.dnb-account-quick-foot button:hover{
  background:#0a263a;color:#f0f6f9
}
.dnb-account-quick-links .dnb-icon,.dnb-account-quick-foot .dnb-icon{width:16px;height:16px;color:#78a9c8}
.dnb-account-quick-foot{padding-top:7px;border-top:1px solid rgba(83,135,168,.14)}
.dnb-account-quick-foot .dnb-logout-form{margin:0}

/* Legal / Privacy card — more breathing room, no content hugging borders. */
.dnb-v3-legal-history{
  padding:19px 21px 20px!important;
  overflow:hidden
}
.dnb-v3-legal-head{
  margin:0 0 15px!important;padding:0 0 14px!important;border-bottom:1px solid rgba(79,125,153,.15)
}
.dnb-v3-legal-head .dnb-v3-eyebrow{display:block;margin-bottom:5px}
.dnb-v3-legal-current{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 16px
}
.dnb-v3-legal-current>div{
  min-height:56px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:11px 12px;
  border:1px solid rgba(79,125,153,.18);border-radius:10px;background:rgba(5,24,38,.48)
}
.dnb-v3-legal-current span{color:#7891a2;font-size:7.5px}
.dnb-v3-legal-current strong{color:#eef5f8;font-size:9px;white-space:nowrap}
.dnb-v3-legal-history-head{
  display:flex;align-items:end;justify-content:space-between;gap:12px;margin:0 0 8px;padding:0 2px
}
.dnb-v3-legal-history-head>div{display:grid;gap:2px}
.dnb-v3-legal-history-head strong{font-size:9.5px;color:#dce9ef}
.dnb-v3-legal-history-head small,.dnb-v3-legal-history-head>span{font-size:7px;color:#6f899a}
.dnb-v3-legal-list{
  display:grid;gap:5px;padding:8px;border:1px solid rgba(79,125,153,.12);border-radius:11px;background:rgba(3,17,28,.32)
}
.dnb-v3-legal-row{
  min-height:47px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 8px;
  border:1px solid rgba(79,125,153,.12);border-radius:8px;background:rgba(8,29,44,.48)
}
.dnb-v3-legal-row>div{display:grid;gap:2px;min-width:0}
.dnb-v3-legal-row strong{font-size:8.2px;color:#dbe8ee}
.dnb-v3-legal-row strong b{color:#8ec7e7}
.dnb-v3-legal-row small{font-size:6.9px;color:#708a9c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dnb-v3-legal-row em{
  padding:3px 7px;border-radius:999px;background:rgba(26,127,90,.12);color:#58d5a1;font-size:5.8px;font-style:normal;font-weight:850
}
.dnb-v3-legal-retention-note,.dnb-v3-legal-empty{
  margin:9px 2px 0;color:#6f8999;font-size:7px;line-height:1.5
}
.theme-light .dnb-v3-legal-current>div,.theme-light .dnb-v3-legal-list,.theme-light .dnb-v3-legal-row{background:#f8fbfd!important}

@media(max-width:980px){
  .dnb-account-flyout.dnb-account-flyout-compact{
    left:auto!important;right:12px!important;top:64px!important;width:min(286px,calc(100vw - 24px))!important;
    inset-block-end:auto!important;border:1px solid #193b53!important;border-radius:13px!important;opacity:0!important;visibility:hidden!important
  }
  body.dnb-account-panel-open .dnb-account-flyout.dnb-account-flyout-compact{opacity:1!important;visibility:visible!important}
}
@media(max-width:720px){
  .dnb-v3-legal-history{padding:15px 13px 16px!important}
  .dnb-v3-legal-current{grid-template-columns:1fr}
  .dnb-v3-legal-history-head{align-items:flex-start;flex-direction:column}
  .dnb-v3-legal-row{grid-template-columns:30px minmax(0,1fr)}
  .dnb-v3-legal-row em{grid-column:2;width:max-content}
}
@media(min-width:1800px){
  .dnb-v3-legal-history{padding:22px 24px 23px!important}
  .dnb-v3-legal-current>div{padding:12px 14px}
}


/* ==========================================================================
   Account Context Sidebar V2.1 — cleaner hierarchy / wider navigation
   ========================================================================== */

/* Account / Control Center is a real workspace, so give it slightly more room.
   Main content follows the same CSS variable and stays aligned automatically. */
@media(min-width:981px){
  body.dnb-account-context-open{
    --dnb-side-w:clamp(244px,13.8vw,268px);
  }
}

/* The Workspace return control is now the primary anchor of this sidebar. */
.dnb-account-context-back{
  position:relative;
  width:100%;
  min-height:68px;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 24px;
  align-items:center;
  gap:10px;
  margin:3px 0 15px;
  padding:9px 10px;
  border:1px solid rgba(58,147,205,.30);
  border-radius:13px;
  background:
    radial-gradient(circle at 0 0,rgba(31,142,211,.13),transparent 48%),
    linear-gradient(135deg,rgba(9,36,55,.94),rgba(6,24,38,.90));
  color:#eef6fa;
  text-align:left;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(0,0,0,.08);
  transition:border-color .16s ease,background .16s ease,transform .16s ease;
}
.dnb-account-context-back:hover{
  border-color:rgba(57,163,228,.48);
  background:
    radial-gradient(circle at 0 0,rgba(31,142,211,.19),transparent 50%),
    linear-gradient(135deg,rgba(10,42,64,.98),rgba(6,27,42,.96));
  transform:translateY(-1px);
}
.dnb-account-context-back-mark{
  width:44px;height:44px;display:grid;place-items:center;border-radius:11px;
  border:1px solid rgba(84,154,196,.22);background:rgba(4,20,32,.62);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.012)
}
.dnb-account-context-back-mark img{
  width:34px;height:34px;display:block;object-fit:contain
}
.dnb-account-context-back-copy{
  display:grid;gap:4px;min-width:0
}
.dnb-account-context-back-copy b{
  color:#f2f7fa;font-size:11px;font-weight:850;line-height:1.05;letter-spacing:-.01em
}
.dnb-account-context-back-copy small{
  color:#7592a4;font-size:6.8px;line-height:1.3;white-space:normal
}
.dnb-account-context-back-arrow{
  width:24px;height:24px;display:grid;place-items:center;border-radius:7px;
  color:#79b8dd;background:rgba(24,98,143,.12)
}
.dnb-account-context-back-arrow .dnb-icon{width:14px;height:14px}

/* The duplicate profile block is intentionally removed.
   Account identity remains available in the top-right user control. */
.dnb-account-context-profile{display:none!important}

/* More horizontal room + natural height.
   Normal labels stay on one line; long/localized labels can wrap without clipping. */
.dnb-account-context-group>header{
  padding-left:10px!important;
  padding-right:8px!important;
}
.dnb-account-context-nav{
  gap:3px!important;
}
.dnb-account-context-nav a{
  min-height:39px!important;
  height:auto!important;
  padding-top:7px!important;
  padding-bottom:7px!important;
  padding-left:10px!important;
  padding-right:9px!important;
  align-items:center!important;
}
.dnb-account-context-nav a>i{
  flex:0 0 18px!important;
  align-self:center!important;
}
.dnb-account-context-nav a>span{
  min-width:0;
  line-height:1.24!important;
  white-space:normal!important;
  overflow-wrap:break-word;
}
@media(min-width:1180px){
  .dnb-account-context-nav a>span{
    white-space:nowrap!important;
  }
}

/* With Workspace already at the top, only Logout is needed at the bottom. */
.dnb-account-context-foot{
  padding-top:9px;
  margin-top:8px;
}
.dnb-account-context-foot .dnb-logout-form{margin:0;width:100%}
.dnb-account-context-foot button{
  min-height:38px!important;
}

/* Keep the mobile drawer comfortably wide while preserving the existing
   overlay behavior. */
@media(max-width:980px){
  body.dnb-account-context-open .dnb-app-sidebar{
    width:min(88vw,300px)!important;
  }
  .dnb-account-context-back{
    min-height:64px;
    grid-template-columns:40px minmax(0,1fr) 22px;
  }
  .dnb-account-context-back-mark{width:40px;height:40px}
  .dnb-account-context-back-mark img{width:31px;height:31px}
}

.theme-light .dnb-account-context-back{
  background:linear-gradient(135deg,#f7fbfd,#edf6fb)!important;
  border-color:#cfe3ef!important;
  box-shadow:0 7px 22px rgba(37,73,96,.06)
}
.theme-light .dnb-account-context-back-mark{
  background:#fff!important;border-color:#d9e7ef!important
}
.theme-light .dnb-account-context-back-copy b{color:#24343f!important}
.theme-light .dnb-account-context-back-copy small{color:#78909f!important}
.theme-light .dnb-account-context-back-arrow{background:#e9f4fa!important;color:#397fa8!important}


/* ==========================================================================
   D&B Workspace / Account Navigation V2.2
   One rail width everywhere + deterministic Account entry point
   ========================================================================== */

/* Use the same navigation rail width throughout the whole D&B Workspace.
   This prevents the content canvas from moving sideways when switching
   Workspace -> Account -> Control Center. */
@media(min-width:981px){
  body.dnb-workspace-body{
    --dnb-side-w:clamp(244px,13.8vw,268px);
  }
}

/* Workspace and contextual navigation should use the extra width rather than
   simply leaving empty space. Normal labels stay single-line on desktop;
   unusual/translated long labels can still grow vertically when necessary. */
@media(min-width:981px){
  .dnb-sidebar-primary a,
  .dnb-sidebar-admin-nav a,
  .dnb-account-context-nav a{
    min-height:40px!important;
    height:auto!important;
    padding-left:11px!important;
    padding-right:10px!important;
  }

  .dnb-sidebar-primary a>span,
  .dnb-sidebar-admin-nav a>span,
  .dnb-account-context-nav a>span{
    min-width:0;
    line-height:1.22!important;
  }
}

@media(min-width:1180px){
  .dnb-sidebar-primary a>span,
  .dnb-sidebar-admin-nav a>span,
  .dnb-account-context-nav a>span{
    white-space:nowrap!important;
  }
}

/* The older V2.1 account-only width remains harmless, but this explicit rule
   documents that both modes use exactly the same rail width. */
@media(min-width:981px){
  body.dnb-workspace-body.dnb-account-context-open{
    --dnb-side-w:clamp(244px,13.8vw,268px);
  }
}

/* ========================================================================== 
   D&B Opening V9 — pixel-matched approved composition
   The visual is the approved reference itself; no duplicated HTML artwork.
   ========================================================================== */
.dnb-opening-intro{
  display:none;
  position:fixed;
  inset:0;
  z-index:2147483000;
  width:100vw;
  height:100dvh;
  overflow:hidden;
  background:#020b14;
  color:#fff;
  isolation:isolate;
}
html.dnb-opening-active,
html.dnb-opening-active body{
  overflow:hidden!important;
  overscroll-behavior:none!important;
  background:#020b14!important;
}
html.dnb-opening-active .dnb-opening-intro{display:block}
body.dnb-opening-lock{overflow:hidden!important;overscroll-behavior:none!important}
html.dnb-opening-active body.dnb-workspace-body .dnb-app-sidebar,
html.dnb-opening-active body.dnb-workspace-body .dnb-app-topbar,
html.dnb-opening-active body.dnb-workspace-body .dnb-account-flyout,
html.dnb-opening-active body.dnb-workspace-body .dnb-sidebar-backdrop,
html.dnb-opening-active body.dnb-workspace-body .dnb-account-backdrop{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.dnb-opening-stage{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:hidden;
  outline:none;
  cursor:pointer;
  background:#020b14;
}
.dnb-opening-picture,
.dnb-opening-reference{
  display:block;
  width:100%;
  height:100%;
}
.dnb-opening-reference{
  object-fit:cover;
  object-position:50% 50%;
  user-select:none;
  -webkit-user-drag:none;
  image-rendering:auto;
}
.dnb-opening-stage:focus-visible::after{
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid rgba(116,213,255,.75);
  border-radius:18px;
  box-shadow:0 0 0 3px rgba(64,182,235,.10) inset;
  pointer-events:none;
}
.dnb-opening-intro.is-leaving{
  pointer-events:none;
  animation:dnbOpeningV9Reveal .42s cubic-bezier(.22,.78,.18,1) forwards;
}
.dnb-opening-intro.is-leaving .dnb-opening-reference{
  transform:scale(1.012);
  filter:brightness(.80);
  transition:transform .42s ease,filter .36s ease;
}
@keyframes dnbOpeningV9Reveal{
  from{opacity:1}
  to{opacity:0;visibility:hidden}
}
@media (max-width:760px){
  .dnb-opening-reference{
    object-fit:cover;
    object-position:center center;
  }
}
@media (prefers-reduced-motion:reduce){
  .dnb-opening-intro.is-leaving{animation:dnbOpeningV9Reveal .12s linear forwards}
  .dnb-opening-intro.is-leaving .dnb-opening-reference{transition:none;transform:none;filter:none}
}


/* ==========================================================================
   D&B Workspace RC20 — Public UI refinement
   2026-09-16: readability, product visual balance, compact workflow details,
   pricing hierarchy and uncropped founder portrait. Public pages only.
   ========================================================================== */

/* Shared public typography: increase only supporting text, not headline scale. */
.dnb-workspace-body .dnb-wp-page .dnb-wp-eyebrow{
  font-size:clamp(10px,.57vw,11.5px)!important;
  line-height:1.25!important;
  letter-spacing:.11em!important;
}
.dnb-workspace-body .dnb-wp-page .dnb-wp-page-head p{
  font-size:clamp(12px,.70vw,13.5px)!important;
  line-height:1.62!important;
}
.dnb-workspace-body .dnb-wp-page :is(.dnb-wp-tags span,.dnb-price-v17-card li,.dnb-price-v17-table>div>*,.dnb-price-v17-bottom p){
  font-size:clamp(9px,.52vw,10.5px)!important;
}

/* Products — give Structure a real visual field while keeping the workflow readable. */
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-structure-visual,
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-rebar-visual{
  height:190px!important;
  min-height:190px!important;
  border-radius:12px!important;
  overflow:hidden!important;
}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-structure-visual{
  position:relative!important;
  isolation:isolate!important;
  padding:16px!important;
  background:
    linear-gradient(90deg,rgba(4,18,29,.88),rgba(4,18,29,.46) 52%,rgba(4,18,29,.70)),
    linear-gradient(180deg,rgba(4,18,29,.14),rgba(4,18,29,.72)),
    url('../img/home-hero-structure-base-v32.png') 52% 56%/cover no-repeat!important;
}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-structure-visual::after{
  content:"STRUCTURE · MODEL → LOAD → ANALYSIS → DATA";
  position:absolute;left:15px;bottom:10px;z-index:-1;
  color:rgba(174,211,232,.62);font-family:var(--prod-ui)!important;
  font-size:8.5px;font-weight:700;letter-spacing:.10em;
}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-flow-node{
  min-height:102px!important;
  background:rgba(6,27,42,.86)!important;
  backdrop-filter:blur(7px)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.14)!important;
}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-rebar-visual img{
  opacity:.90!important;
  filter:saturate(.92) contrast(1.04) brightness(1.03)!important;
}
.dnb-workspace-body .dnb-products-v17 .dnb-products-v16-rebar-visual::after{
  background:linear-gradient(180deg,transparent 48%,rgba(3,17,27,.76))!important;
}

/* Workflow — compact by default; technical data expands only when requested. */
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-detail-grid article{
  align-content:start!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-stage-summary{
  margin:11px 0 0!important;
  color:#a8bac6!important;
  font-family:var(--flow-ui)!important;
  font-size:clamp(11.5px,.66vw,13px)!important;
  line-height:1.58!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-more{
  margin-top:13px!important;
  border-top:1px solid rgba(67,103,126,.34)!important;
  padding-top:10px!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-more summary{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  list-style:none;cursor:pointer;user-select:none;
  color:#83bad7!important;font-family:var(--flow-ui)!important;
  font-size:10.5px!important;font-weight:700!important;letter-spacing:.02em!important;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-more summary::-webkit-details-marker{display:none}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-more summary::after{
  content:"+";width:24px;height:24px;display:grid;place-items:center;flex:none;
  border:1px solid rgba(88,143,175,.35);border-radius:50%;color:#9bc8df;font-size:16px;font-weight:500;
}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-more[open] summary::after{content:"−"}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-more[open] .dnb-flow-v17-data{margin-top:12px!important}
.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-data p{font-size:clamp(11.5px,.65vw,12.8px)!important}

/* Pricing — price first, Complete is the visual anchor, Project Pass stays distinct. */
.dnb-workspace-body .dnb-price-v17 .dnb-price-v17-money strong{font-size:clamp(42px,2.45vw,50px)!important}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v17-money>small,
.dnb-workspace-body .dnb-price-v17 .dnb-price-v17-complete-price>small,
.dnb-workspace-body .dnb-price-v17 .dnb-price-v17-pass-money>small{font-size:9px!important}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v17-money>span,
.dnb-workspace-body .dnb-price-v17 .dnb-price-v17-complete-price>p,
.dnb-workspace-body .dnb-price-v17 .dnb-price-v17-pass-money>em{font-size:10px!important}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v17-complete{
  border-color:rgba(242,138,69,.50)!important;
  box-shadow:0 24px 54px rgba(0,0,0,.20),0 0 0 1px rgba(242,138,69,.05)!important;
}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v17-complete-price>strong{
  font-size:clamp(48px,2.8vw,57px)!important;
}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v17-pass{
  border-color:rgba(227,185,58,.28)!important;
  background:linear-gradient(145deg,rgba(22,25,25,.96),rgba(7,24,35,.96))!important;
}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v17-pass-money>strong{font-size:clamp(38px,2.2vw,46px)!important}

/* Team — founder/admin portrait must remain large and fully visible, never cropped. */
.dnb-workspace-body .dnb-wp-team .dnb-wp-team-showcase{
  grid-template-columns:minmax(0,1.42fr) minmax(0,.92fr)!important;
}
.dnb-workspace-body .dnb-wp-team .dnb-wp-team-lead-card{
  grid-template-columns:minmax(260px,300px) minmax(0,1fr)!important;
  align-items:center!important;
  padding:20px!important;
  min-height:360px!important;
}
.dnb-workspace-body .dnb-wp-team .dnb-wp-team-lead-photo{
  display:flex;align-items:center;justify-content:center;
  min-height:320px;border-radius:14px;overflow:hidden;background:#071827;
}
.dnb-workspace-body .dnb-wp-team .dnb-wp-team-lead-photo img{
  width:100%!important;height:auto!important;max-height:none!important;
  aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;
  border-radius:14px!important;background:#071827!important;
}
.dnb-workspace-body .dnb-wp-team .dnb-wp-team-lead-copy small{font-size:10px!important}
.dnb-workspace-body .dnb-wp-team .dnb-wp-team-lead-copy p{font-size:12.5px!important}
.dnb-workspace-body .dnb-wp-team .dnb-wp-team-bullets span{font-size:10.8px!important}
.dnb-workspace-body .dnb-wp-team .dnb-wp-team-card.is-rich-member p{font-size:10.8px!important}

@media(max-width:1180px){
  .dnb-workspace-body .dnb-wp-team .dnb-wp-team-lead-card{grid-template-columns:220px minmax(0,1fr)!important;min-height:0!important}
  .dnb-workspace-body .dnb-wp-team .dnb-wp-team-lead-photo{min-height:0!important}
}
@media(max-width:700px){
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-structure-visual,
  .dnb-workspace-body .dnb-products-v17 .dnb-products-v16-rebar-visual{height:auto!important;min-height:168px!important}
  .dnb-workspace-body .dnb-wp-team .dnb-wp-team-lead-card{grid-template-columns:1fr!important}
  .dnb-workspace-body .dnb-wp-team .dnb-wp-team-lead-photo{width:min(100%,420px);margin:0 auto!important}
  .dnb-workspace-body .dnb-wp-team .dnb-wp-team-lead-photo img{height:auto!important;max-height:none!important;object-fit:contain!important}
}

/* Light theme equivalents for the new disclosure UI. */
html[data-dnb-theme="light"] body.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-stage-summary,
body.theme-light.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-stage-summary{color:#5d7483!important}
html[data-dnb-theme="light"] body.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-more,
body.theme-light.dnb-workspace-body .dnb-flow-v17 .dnb-flow-v17-more{border-top-color:#d8e3ea!important}

/* ==========================================================================
   D&B Workspace RC21 — Pricing deck
   2026-09-16: remove redundant chooser tiles; make the plans themselves the
   decision surface. Complete is the center anchor, Project Pass stays distinct.
   ========================================================================== */
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-showcase{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.16fr) minmax(0,1fr);
  gap:14px;
  align-items:stretch;
  margin:10px 0 18px;
  padding-top:8px;
}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-plan{
  --plan-accent:#4fc8ff;
  --plan-accent-rgb:79,200,255;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height:390px;
  padding:22px;
  border:1px solid rgba(var(--plan-accent-rgb),.30);
  border-radius:18px;
  background:
    radial-gradient(circle at 88% 2%,rgba(var(--plan-accent-rgb),.13),transparent 32%),
    radial-gradient(circle at 7% 95%,rgba(var(--plan-accent-rgb),.055),transparent 30%),
    linear-gradient(155deg,#081e31 0%,#061725 68%,#06131f 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 24px 58px rgba(0,0,0,.18);
}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-plan::before{
  content:"";
  position:absolute;left:18px;right:18px;top:0;height:2px;z-index:2;
  border-radius:999px;
  background:linear-gradient(90deg,var(--plan-accent),rgba(var(--plan-accent-rgb),.10));
  box-shadow:0 0 18px rgba(var(--plan-accent-rgb),.20);
}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-plan::after{
  content:"STR";
  position:absolute;right:-4px;bottom:-18px;z-index:-1;
  color:rgba(var(--plan-accent-rgb),.032);
  font-family:var(--prod-ui)!important;font-size:96px;font-weight:800;line-height:1;
  letter-spacing:-.08em;
  pointer-events:none;
}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-plan.is-rebar{
  --plan-accent:#45d5b0;--plan-accent-rgb:69,213,176;
}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-plan.is-rebar::after{content:"RBR"}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-plan.is-complete{
  --plan-accent:#ff9250;--plan-accent-rgb:255,146,80;
  z-index:2;
  min-height:414px;
  margin-top:-8px;
  border-color:rgba(255,146,80,.48);
  background:
    radial-gradient(circle at 84% 3%,rgba(255,134,62,.20),transparent 31%),
    radial-gradient(circle at 14% 96%,rgba(168,145,255,.10),transparent 30%),
    linear-gradient(150deg,#171b26 0%,#0b1926 56%,#071522 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 30px 72px rgba(0,0,0,.26),0 0 0 1px rgba(255,145,78,.035);
}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-plan.is-complete::before{
  background:linear-gradient(90deg,#ff8f4a,#bd9aff 58%,rgba(189,154,255,.05));
  box-shadow:0 0 22px rgba(255,143,74,.26);
}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-plan.is-complete::after{content:"ALL";color:rgba(255,150,90,.04);font-size:106px}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-ribbon{
  position:absolute;right:16px;top:16px;z-index:3;
  display:inline-flex;align-items:center;min-height:25px;padding:0 10px;
  border:1px solid rgba(255,163,104,.30);border-radius:999px;
  background:rgba(255,139,70,.11);color:#ffb27f;
  font-family:var(--prod-ui)!important;font-size:8px;font-weight:800;letter-spacing:.11em;
}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-plan-top{
  display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;
  min-height:52px;
}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-plan-icon{
  width:46px;height:46px;display:grid;place-items:center;
  border:1px solid rgba(var(--plan-accent-rgb),.20);border-radius:13px;
  background:rgba(var(--plan-accent-rgb),.10);color:var(--plan-accent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-plan-icon .dnb-icon{width:20px;height:20px}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-plan-top small{
  display:block;color:rgba(var(--plan-accent-rgb),.88);
  font-family:var(--prod-ui)!important;font-size:9px;font-weight:800;letter-spacing:.10em;
}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-plan-top h2{
  margin:3px 0 0;color:#f4f8fb;font-size:clamp(19px,1.12vw,23px);line-height:1.16;letter-spacing:-.035em;
}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-plan.is-complete .dnb-price-v21-plan-top{padding-right:86px}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-lead{
  min-height:42px;margin:14px 0 0;color:#96aab8;
  font-size:clamp(11px,.64vw,12.5px);line-height:1.58;
}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-price{
  display:flex;align-items:flex-end;gap:7px;margin-top:17px;
}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-price strong{
  color:#f8fbfd;font-size:clamp(43px,2.55vw,54px);font-weight:800;line-height:.92;letter-spacing:-.055em;
  text-shadow:0 14px 34px rgba(0,0,0,.20);
}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-plan.is-complete .dnb-price-v21-price strong{
  color:#fff7f0;font-size:clamp(49px,2.95vw,62px);text-shadow:0 15px 38px rgba(255,120,49,.10);
}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-price em{
  padding-bottom:4px;color:#9db0bd;font-size:10px;font-style:normal;font-weight:700;
}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-saving{
  display:inline-flex;align-self:flex-start;margin-top:10px;padding:6px 9px;
  border:1px solid rgba(255,157,95,.22);border-radius:999px;
  background:rgba(255,143,73,.08);color:#ffc29a;font-size:9.5px;font-weight:700;
}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-divider{
  height:1px;margin:16px 0 14px;background:linear-gradient(90deg,rgba(var(--plan-accent-rgb),.27),rgba(43,78,100,.16),transparent);
}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-features{
  display:grid;grid-template-columns:1fr;gap:9px;
}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-features span{
  display:flex;align-items:center;gap:7px;color:#adbdc8;font-size:10.5px;line-height:1.35;
}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-features .dnb-icon{
  width:13px;height:13px;flex:none;color:#49d79f;
}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-year{
  margin:10px 0 0;color:#c6a38e;font-size:9.5px;
}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-cta{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  min-height:42px;margin-top:auto;padding:0 13px;
  border:1px solid rgba(var(--plan-accent-rgb),.30);border-radius:11px;
  background:rgba(var(--plan-accent-rgb),.055);color:rgb(var(--plan-accent-rgb));
  font-size:10.5px;font-weight:800;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-cta:hover{
  transform:translateY(-1px);border-color:rgba(var(--plan-accent-rgb),.52);background:rgba(var(--plan-accent-rgb),.10);
  box-shadow:0 10px 28px rgba(0,0,0,.14);
}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-cta .dnb-icon{width:13px;height:13px}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-plan.is-complete .dnb-price-v21-cta{
  border-color:rgba(255,145,78,.52);background:linear-gradient(90deg,rgba(255,136,66,.18),rgba(169,141,255,.08));color:#ffb17e;
}

/* Project Pass: a second decision path, not another subscription card. */
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-main{gap:0}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-pass{
  margin-top:0;padding:22px;
  border-color:rgba(227,185,58,.34)!important;border-radius:18px!important;
  background:
    radial-gradient(circle at 90% 0,rgba(227,185,58,.11),transparent 28%),
    linear-gradient(145deg,rgba(18,27,30,.98),rgba(6,23,34,.98))!important;
  box-shadow:0 20px 48px rgba(0,0,0,.16)!important;
}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-pass-kicker{
  display:inline-flex;align-items:center;min-height:24px;padding:0 9px;margin:0 0 14px;
  border:1px solid rgba(227,185,58,.22);border-radius:999px;background:rgba(227,185,58,.075);
  color:#e7c769;font-size:8px;font-weight:800;letter-spacing:.10em;
}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-pass .dnb-price-v17-pass-main h2{font-size:clamp(21px,1.45vw,28px)!important}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-pass .dnb-price-v17-pass-main p{font-size:11.5px!important;line-height:1.6!important}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-pass .dnb-price-v17-pass-facts{gap:11px;margin-top:17px}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-pass .dnb-price-v17-pass-facts div{
  min-height:70px;padding:12px 14px;border-radius:11px;background:rgba(121,92,31,.075);
}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-pass .dnb-price-v17-pass-facts strong{font-size:20px}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-pass .dnb-price-v17-pass-facts small{font-size:9px!important}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-pass .dnb-price-v17-pass-price{margin-top:15px;padding-top:15px}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-pass .dnb-price-v17-pass-money{
  min-width:330px;padding:15px 17px;border-radius:13px;
}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-pass .dnb-price-v17-pass-money>strong{font-size:clamp(40px,2.35vw,49px)!important}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-pass .dnb-price-v17-pass-price>a{
  min-height:40px;padding:0 13px;border:1px solid rgba(227,185,58,.26);border-radius:10px;background:rgba(227,185,58,.06);
}

/* The comparison now starts after the plan deck, with more breathing room. */
.dnb-workspace-body .dnb-price-v17 .dnb-price-v17-compare{margin-top:20px}

/* Light theme */
.theme-light .dnb-price-v21-plan{
  background:#fff!important;border-color:#d9e5ec!important;box-shadow:0 18px 42px rgba(24,61,84,.09)!important;
}
.theme-light .dnb-price-v21-plan.is-complete{background:linear-gradient(160deg,#fffaf6,#ffffff 55%,#faf8ff)!important;border-color:#f0c4a7!important}
.theme-light .dnb-price-v21-plan-top h2,.theme-light .dnb-price-v21-price strong{color:#1f2933!important;text-shadow:none!important}
.theme-light .dnb-price-v21-lead,.theme-light .dnb-price-v21-features span{color:#617888!important}
.theme-light .dnb-price-v21-cta{background:#f7fbfd!important}
.theme-light .dnb-price-v21-pass{background:#fffdf7!important;border-color:#eadcae!important;box-shadow:0 16px 34px rgba(43,54,62,.08)!important}

@media(max-width:1180px){
  .dnb-workspace-body .dnb-price-v17 .dnb-price-v21-showcase{grid-template-columns:1fr 1fr}
  .dnb-workspace-body .dnb-price-v17 .dnb-price-v21-plan.is-complete{grid-column:1/-1;grid-row:1;margin-top:0;min-height:0}
  .dnb-workspace-body .dnb-price-v17 .dnb-price-v21-plan.is-structure{grid-column:1;grid-row:2}
  .dnb-workspace-body .dnb-price-v17 .dnb-price-v21-plan.is-rebar{grid-column:2;grid-row:2}
  .dnb-workspace-body .dnb-price-v17 .dnb-price-v21-plan.is-complete .dnb-price-v21-features{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .dnb-workspace-body .dnb-price-v17 .dnb-price-v21-showcase{grid-template-columns:1fr;gap:12px;margin-top:4px;padding-top:0}
  .dnb-workspace-body .dnb-price-v17 .dnb-price-v21-plan,
  .dnb-workspace-body .dnb-price-v17 .dnb-price-v21-plan.is-complete{grid-column:auto;grid-row:auto;min-height:0;margin-top:0;padding:18px;border-radius:15px}
  .dnb-workspace-body .dnb-price-v17 .dnb-price-v21-plan.is-complete{order:-1}
  .dnb-workspace-body .dnb-price-v17 .dnb-price-v21-plan.is-complete .dnb-price-v21-plan-top{padding-right:0;padding-top:30px}
  .dnb-workspace-body .dnb-price-v17 .dnb-price-v21-ribbon{left:18px;right:auto;top:16px}
  .dnb-workspace-body .dnb-price-v17 .dnb-price-v21-lead{min-height:0}
  .dnb-workspace-body .dnb-price-v17 .dnb-price-v21-plan.is-complete .dnb-price-v21-features{grid-template-columns:1fr}
  .dnb-workspace-body .dnb-price-v17 .dnb-price-v21-price strong,
  .dnb-workspace-body .dnb-price-v17 .dnb-price-v21-plan.is-complete .dnb-price-v21-price strong{font-size:42px}
  .dnb-workspace-body .dnb-price-v17 .dnb-price-v21-pass{padding:17px!important}
  .dnb-workspace-body .dnb-price-v17 .dnb-price-v21-pass .dnb-price-v17-pass-money{min-width:0;width:100%}
  .dnb-workspace-body .dnb-price-v17 .dnb-price-v21-pass .dnb-price-v17-pass-price>a{width:100%;justify-content:space-between}
}

/* ========================================================================== 
   D&B Workspace RC22 — Account quick flyout legibility
   Scope: only the avatar/account dropdown. Keep the rest of the UI scale.
   ========================================================================== */
.dnb-account-flyout.dnb-account-flyout-compact{
  width:330px!important;
  padding:14px!important;
  border-radius:14px!important;
}
.dnb-account-quick-profile{
  gap:11px!important;
  padding:8px 8px 14px!important;
}
.dnb-account-quick-profile .dnb-user-avatar-large,
.dnb-account-quick-profile .dnb-user-avatar-large img{
  width:42px!important;
  height:42px!important;
}
.dnb-account-quick-profile strong{
  font-size:12.5px!important;
  font-weight:750!important;
  line-height:1.2!important;
  letter-spacing:-.01em!important;
}
.dnb-account-quick-profile small{
  margin-top:2px!important;
  font-size:9.5px!important;
  line-height:1.25!important;
  color:#8ca2b2!important;
}
.dnb-account-quick-profile>.dnb-icon{
  width:18px!important;
  height:18px!important;
}
.dnb-account-quick-links{
  gap:4px!important;
  padding:10px 0!important;
}
.dnb-account-quick-links a,
.dnb-account-quick-links button,
.dnb-account-quick-foot button{
  min-height:42px!important;
  gap:11px!important;
  padding:0 10px!important;
  border-radius:9px!important;
  font-size:11.5px!important;
  font-weight:680!important;
  line-height:1.2!important;
}
.dnb-account-quick-links .dnb-icon,
.dnb-account-quick-foot .dnb-icon{
  width:18px!important;
  height:18px!important;
}
.dnb-account-quick-foot{
  padding-top:10px!important;
}
@media(max-width:980px){
  .dnb-account-flyout.dnb-account-flyout-compact{
    width:min(330px,calc(100vw - 24px))!important;
  }
}
@media(max-width:520px){
  .dnb-account-flyout.dnb-account-flyout-compact{
    padding:12px!important;
  }
  .dnb-account-quick-profile strong{font-size:12px!important}
  .dnb-account-quick-profile small{font-size:9px!important}
  .dnb-account-quick-links a,
  .dnb-account-quick-links button,
  .dnb-account-quick-foot button{
    min-height:40px!important;
    font-size:11px!important;
  }
}


/* ======================================================================
   RC23 — Workspace Home hero refinement
   - Increase readability on the left copy.
   - Let the building read more clearly.
   - Keep D&B DATA as the visual center, reduce the weight of outer nodes.
   - Add more breathing room before the next section.
   ====================================================================== */
.dnb-home-v21 .dnb-home-v21-hero{
  grid-template-columns:minmax(0,.97fr) minmax(520px,1.03fr)!important;
  gap:20px!important;
  min-height:668px!important;
  padding:24px 6px 38px!important;
}
.dnb-home-v21 .dnb-home-v21-hero::before{
  filter:saturate(.92) contrast(1.06) brightness(.88)!important;
}
.dnb-home-v21 .dnb-home-v21-hero::after{
  background:
    linear-gradient(90deg,
      rgba(3,18,30,.95) 0%,
      rgba(3,18,30,.88) 16%,
      rgba(3,18,30,.72) 31%,
      rgba(3,18,30,.36) 49%,
      rgba(3,18,30,.11) 69%,
      rgba(3,18,30,.09) 82%,
      rgba(3,18,30,.24) 100%),
    linear-gradient(180deg,
      rgba(3,18,30,.15) 0%,
      rgba(3,18,30,.02) 50%,
      rgba(3,18,30,.28) 81%,
      rgba(3,18,30,.68) 100%)!important;
}
.dnb-home-v21 .dnb-home-v21-hero-copy{
  max-width:690px!important;
  padding-top:6px!important;
}
.dnb-home-v21 .dnb-home-v21-kicker{
  margin-bottom:16px!important;
  font-size:10px!important;
  letter-spacing:.165em!important;
  color:#bdd0dc!important;
}
.dnb-home-v21 .dnb-home-v21-kicker i{
  width:8px!important;
  height:8px!important;
  box-shadow:0 0 0 6px rgba(255,125,50,.12)!important;
}
.dnb-home-v21 .dnb-home-v21-hero h1{
  max-width:690px!important;
  line-height:.94!important;
  letter-spacing:-.064em!important;
}
.dnb-home-v21 .dnb-home-v21-hero-copy > p{
  max-width:600px!important;
  font-size:11.4px!important;
  line-height:1.78!important;
  color:#dbe6ed!important;
}
.dnb-home-v21-copy-tail{
  display:block!important;
  margin-top:8px!important;
  color:#b6cad7!important;
}
.dnb-home-v21 .dnb-home-v21-actions{
  margin-top:20px!important;
  gap:12px!important;
}
.dnb-home-v21 .dnb-home-v21-btn{
  min-height:50px!important;
  padding:0 19px!important;
  font-size:10.8px!important;
}
.dnb-home-v21 .dnb-home-v21-btn:not(.is-primary){
  background:rgba(10,32,50,.84)!important;
  border-color:rgba(118,166,194,.34)!important;
  color:#eef5fa!important;
  box-shadow:0 10px 24px rgba(0,0,0,.12)!important;
}
.dnb-home-v21 .dnb-home-v21-btn:not(.is-primary):hover{
  border-color:rgba(140,191,222,.55)!important;
  background:rgba(11,38,59,.92)!important;
}
.dnb-home-v21 .dnb-home-v21-btn .dnb-icon{
  width:15px!important;
  height:15px!important;
}
.dnb-home-v21 .dnb-home-v21-proof{
  max-width:610px!important;
  margin-top:26px!important;
}
.dnb-home-v21 .dnb-home-v21-proof > div{
  min-height:72px!important;
  padding-top:16px!important;
  padding-right:12px!important;
}
.dnb-home-v21 .dnb-home-v21-proof > div + div{
  padding-left:14px!important;
}
.dnb-home-v21 .dnb-home-v21-proof strong{
  font-size:23px!important;
}
.dnb-home-v21 .dnb-home-v21-proof small{
  font-size:8.9px!important;
  line-height:1.5!important;
  color:#9eb3c0!important;
}

.dnb-home-v21 .dnb-home-v30-hero-visual{
  min-height:614px!important;
}
.dnb-home-v21 .dnb-home-v30-links{
  inset:6% 1% 4% 1%!important;
  height:90%!important;
}
.dnb-home-v21 .dnb-home-v30-links path{
  stroke-width:1.45!important;
  opacity:.84!important;
}
.dnb-home-v21 .dnb-home-v30-links circle{
  stroke-width:1.1!important;
  opacity:.82!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node{
  width:132px!important;
  min-height:102px!important;
  padding:11px 12px!important;
  border-radius:15px!important;
  box-shadow:0 14px 30px rgba(0,0,0,.24),0 0 18px rgba(54,161,221,.08),inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node > span{
  width:34px!important;
  height:34px!important;
  margin-bottom:8px!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node > b{
  font-size:10.5px!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node strong{
  font-size:11.2px!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node small{
  margin-top:4px!important;
  font-size:7.4px!important;
  line-height:1.3!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-model{left:39%!important;top:11%!important}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-analysis{right:4.5%!important;top:24%!important}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-design{right:5%!important;top:57%!important}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-rebar{right:26%!important;bottom:8%!important}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-drawing{left:10%!important;bottom:30%!important}

.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core{
  left:52%!important;
  top:49%!important;
  width:182px!important;
  height:182px!important;
  box-shadow:0 22px 44px rgba(0,0,0,.34),0 0 38px rgba(65,170,222,.18),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core > span{
  width:52px!important;
  height:52px!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core small{
  margin-top:9px!important;
  font-size:7.4px!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core strong{
  margin-top:5px!important;
  font-size:17px!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core em{
  margin-top:6px!important;
  font-size:8.7px!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-note{
  font-size:11px!important;
  color:rgba(182,211,224,.54)!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-note.is-top{left:24%!important;top:4%!important}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-note.is-bottom{right:2%!important;bottom:5%!important}

.dnb-home-v21 .dnb-home-v21-difference{
  margin-top:28px!important;
}

@media (max-width:1366px){
  .dnb-home-v21 .dnb-home-v21-hero{
    grid-template-columns:minmax(0,1fr) minmax(500px,.98fr)!important;
    gap:16px!important;
  }
  .dnb-home-v21 .dnb-home-v21-hero-copy > p{
    max-width:570px!important;
    font-size:10.9px!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node{
    width:124px!important;
    min-height:98px!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core{
    width:170px!important;
    height:170px!important;
  }
}

@media (max-width:980px){
  .dnb-home-v21 .dnb-home-v21-hero-copy > p{
    max-width:100%!important;
    font-size:10.6px!important;
  }
  .dnb-home-v21 .dnb-home-v21-actions{gap:10px!important}
  .dnb-home-v21 .dnb-home-v21-btn{min-height:47px!important;font-size:10px!important}
  .dnb-home-v21 .dnb-home-v21-proof small{font-size:7.7px!important}
}

/* ======================================================================
   RC25 — HOME TOP / mockup geometry lock
   Goal: reproduce the approved mockup with real HTML text/cards over a
   separate architectural image. The workflow is intentionally allowed to
   overlap the middle of the hero instead of being trapped in a 50/50 grid.
   ====================================================================== */
@media (min-width:981px){
  .dnb-home-v21 .dnb-home-v21-hero{
    position:relative!important;
    display:block!important;
    min-height:552px!important;
    padding:22px 18px 23px!important;
    overflow:hidden!important;
    border-bottom:1px solid rgba(58,113,148,.34)!important;
    background:#061a2b!important;
  }

  /* Separate image layer: slightly enlarged/shifted to reproduce the mockup's
     building position while preserving the clean source image. */
  .dnb-home-v32-bg{
    inset:0 auto 0 -2.4%!important;
    width:105.5%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    filter:saturate(1.07) contrast(1.055) brightness(1.035)!important;
  }
  .dnb-home-v32-shade{
    background:
      radial-gradient(circle at 82% 48%,rgba(255,171,94,.085) 0%,rgba(255,171,94,.025) 19%,transparent 35%),
      radial-gradient(circle at 61% 35%,rgba(44,155,221,.12) 0%,transparent 36%),
      linear-gradient(90deg,
        rgba(2,16,28,.84) 0%,
        rgba(2,16,28,.76) 17%,
        rgba(2,16,28,.57) 31%,
        rgba(2,16,28,.31) 43%,
        rgba(2,16,28,.13) 54%,
        rgba(2,16,28,.035) 70%,
        rgba(2,16,28,.045) 88%,
        rgba(2,16,28,.13) 100%),
      linear-gradient(180deg,
        rgba(2,16,28,.03) 0%,
        rgba(2,16,28,0) 56%,
        rgba(2,16,28,.09) 79%,
        rgba(2,16,28,.28) 100%)!important;
  }

  /* Left content remains independent HTML. */
  .dnb-home-v21 .dnb-home-v21-hero-copy{
    position:relative!important;
    z-index:7!important;
    width:51%!important;
    max-width:670px!important;
    padding:13px 12px 0 2px!important;
    text-shadow:0 2px 18px rgba(0,0,0,.24)!important;
  }
  .dnb-home-v21 .dnb-home-v21-kicker{
    margin-bottom:16px!important;
    font-size:9.6px!important;
    line-height:1.2!important;
    letter-spacing:.17em!important;
    color:#d5e0e7!important;
  }
  .dnb-home-v21 .dnb-home-v21-kicker i{
    width:8px!important;height:8px!important;
    box-shadow:0 0 0 6px rgba(255,125,50,.10),0 0 15px rgba(255,125,50,.29)!important;
  }
  .dnb-home-v21 .dnb-home-v21-hero h1{
    width:max-content!important;
    max-width:none!important;
    margin:0!important;
    font-size:clamp(53px,3.75vw,63px)!important;
    line-height:.985!important;
    letter-spacing:-.056em!important;
    font-weight:830!important;
  }
  .dnb-home-v21 .dnb-home-v21-hero h1>span,
  .dnb-home-v21 .dnb-home-v21-hero h1>em{
    display:block!important;
    width:max-content!important;
    white-space:nowrap!important;
  }
  .dnb-home-v21 .dnb-home-v21-hero h1 em{
    margin:2px 0!important;
    color:#ff7b2f!important;
  }
  .dnb-home-v21 .dnb-home-v21-hero-copy>p{
    max-width:520px!important;
    margin:18px 0 0!important;
    color:#dce6ed!important;
    font-size:11.25px!important;
    line-height:1.69!important;
  }
  .dnb-home-v21-copy-tail{
    display:inline!important;
    margin-top:0!important;
    color:#dce6ed!important;
  }
  .dnb-home-v21 .dnb-home-v21-actions{
    margin-top:19px!important;
    gap:12px!important;
  }
  .dnb-home-v21 .dnb-home-v21-btn{
    min-height:48px!important;
    padding:0 18px!important;
    border-radius:9px!important;
    font-size:10.5px!important;
    font-weight:760!important;
  }
  .dnb-home-v21 .dnb-home-v21-btn.is-primary{
    min-width:190px!important;
    background:linear-gradient(180deg,#ff873b,#ff7224)!important;
    border-color:#ff8b45!important;
    box-shadow:0 12px 28px rgba(241,103,29,.23),inset 0 1px 0 rgba(255,255,255,.20)!important;
  }
  .dnb-home-v21 .dnb-home-v21-btn:not(.is-primary){
    min-width:178px!important;
    background:rgba(5,28,45,.78)!important;
    border-color:rgba(97,151,183,.52)!important;
    color:#f1f7fa!important;
  }
  .dnb-home-v21 .dnb-home-v21-btn:not(.is-primary):hover{
    border-color:rgba(132,190,223,.64)!important;
    background:rgba(8,39,61,.90)!important;
  }
  .dnb-home-v21 .dnb-home-v21-btn .dnb-icon{width:14px!important;height:14px!important}

  .dnb-home-v21 .dnb-home-v21-proof{
    max-width:570px!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    margin-top:25px!important;
    border-top:1px solid rgba(112,153,177,.20)!important;
  }
  .dnb-home-v21 .dnb-home-v21-proof>div{
    min-height:67px!important;
    padding:14px 14px 2px 0!important;
    border-right:1px solid rgba(112,153,177,.18)!important;
  }
  .dnb-home-v21 .dnb-home-v21-proof>div+div{padding-left:18px!important}
  .dnb-home-v21 .dnb-home-v21-proof>div:last-child{border-right:0!important}
  .dnb-home-v21 .dnb-home-v21-proof strong{
    font-size:23px!important;line-height:1!important;font-weight:800!important;
  }
  .dnb-home-v21 .dnb-home-v21-proof small{
    margin-top:7px!important;font-size:8.2px!important;line-height:1.4!important;color:#a0b4c0!important;
  }

  /* Approved mockup geometry: the diagram is a floating layer occupying the
     right 61% of the hero, so its left-most Drawing card can cross the 50% line. */
  .dnb-home-v21 .dnb-home-v30-hero-visual{
    position:absolute!important;
    z-index:6!important;
    left:39%!important;
    right:0!important;
    top:0!important;
    bottom:0!important;
    width:auto!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    overflow:visible!important;
    pointer-events:none!important;
  }
  .dnb-home-v21 .dnb-home-v30-ambient{
    inset:8% 2% 5% 2%!important;
    opacity:.90!important;
  }
  .dnb-home-v21 .dnb-home-v30-links{
    inset:2% 1% 1% 1%!important;
    width:98%!important;
    height:96%!important;
  }
  .dnb-home-v21 .dnb-home-v30-links path{
    stroke:rgba(214,241,252,.92)!important;
    stroke-width:1.55!important;
    stroke-dasharray:5.5 6.5!important;
    opacity:.93!important;
    filter:drop-shadow(0 0 5px rgba(74,174,224,.22))!important;
  }
  .dnb-home-v21 .dnb-home-v30-links circle{
    stroke:rgba(157,221,248,.58)!important;
    stroke-width:1.18!important;
    opacity:.94!important;
  }

  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node,
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core{
    background:linear-gradient(180deg,rgba(6,34,56,.93),rgba(5,24,40,.965))!important;
    border-color:rgba(77,151,197,.84)!important;
    backdrop-filter:blur(9px)!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node{
    width:126px!important;
    min-height:98px!important;
    padding:10px 12px!important;
    border-radius:14px!important;
    box-shadow:0 14px 30px rgba(0,0,0,.27),0 0 21px rgba(43,155,218,.12),inset 0 1px 0 rgba(255,255,255,.05)!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node>span{
    width:35px!important;height:35px!important;margin-bottom:7px!important;border-radius:9px!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node>b{
    top:10px!important;right:11px!important;font-size:10px!important;color:#8eacbe!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node strong{
    font-size:11.4px!important;line-height:1.1!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node small{
    margin-top:5px!important;font-size:7.5px!important;line-height:1.25!important;color:#cad9e1!important;
  }

  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core{
    left:52%!important;
    top:49%!important;
    width:158px!important;
    height:158px!important;
    border-radius:18px!important;
    border-color:rgba(59,211,255,.96)!important;
    background:linear-gradient(180deg,rgba(7,67,98,.965),rgba(5,34,53,.985))!important;
    box-shadow:0 22px 46px rgba(0,0,0,.34),0 0 40px rgba(51,203,255,.28),inset 0 1px 0 rgba(255,255,255,.08)!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core>span{
    width:47px!important;height:47px!important;border-radius:11px!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core small{margin-top:8px!important;font-size:6.8px!important}
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core strong{margin-top:4px!important;font-size:15.5px!important}
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core em{margin-top:5px!important;font-size:8.2px!important}

  /* Positions are measured from the approved mockup, not from a 50/50 column. */
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-model{left:45.5%!important;top:8.5%!important}
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-analysis{right:12.5%!important;top:23%!important}
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-design{right:11.5%!important;top:57.5%!important}
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-rebar{left:46%!important;bottom:7.5%!important}
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-drawing{left:8%!important;bottom:31.5%!important}

  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-note{
    color:rgba(198,224,236,.74)!important;font-size:10.8px!important;line-height:1.15!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-note.is-top{left:27%!important;top:3%!important}
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-note.is-bottom{right:3.5%!important;bottom:9.5%!important}

  /* Difference section immediately follows the hero as in the approved mockup. */
  .dnb-home-v21 .dnb-home-v21-difference{
    margin-top:0!important;
    padding:31px 18px 32px!important;
    border-bottom:1px solid rgba(49,93,121,.34)!important;
  }
  .dnb-home-v21 .dnb-home-v24-difference-head{
    grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr)!important;
    gap:36px!important;align-items:end!important;margin-bottom:20px!important;
  }
  .dnb-home-v21 .dnb-home-v24-difference-head .dnb-v3-eyebrow{
    margin-bottom:7px!important;font-size:8.4px!important;letter-spacing:.18em!important;color:#ff7d32!important;
  }
  .dnb-home-v21 .dnb-home-v24-difference-head h2{
    margin:0!important;font-size:clamp(28px,2.35vw,37px)!important;line-height:1.07!important;letter-spacing:-.045em!important;color:#f2f7fa!important;
  }
  .dnb-home-v21 .dnb-home-v24-difference-head h2 em{display:block!important;color:#35c8f3!important;font-style:normal!important}
  .dnb-home-v21 .dnb-home-v24-difference-head>p{
    max-width:390px!important;margin:0 0 4px auto!important;color:#9fb0bc!important;font-size:10.2px!important;line-height:1.62!important;
  }
  .dnb-home-v21 .dnb-home-v24-difference-grid{
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;
  }
  .dnb-home-v21 .dnb-home-v24-diff-card{
    min-height:236px!important;padding:17px 16px 16px!important;border-radius:12px!important;
    background:linear-gradient(160deg,rgba(7,28,45,.95),rgba(5,22,36,.97))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  }
  .dnb-home-v21 .dnb-home-v24-diff-icon{width:37px!important;height:37px!important;border-radius:9px!important}
  .dnb-home-v21 .dnb-home-v24-diff-icon .dnb-icon{width:17px!important;height:17px!important}
  .dnb-home-v21 .dnb-home-v24-diff-no{right:16px!important;top:13px!important;font-size:23px!important}
  .dnb-home-v21 .dnb-home-v24-diff-card>small{margin-top:16px!important;font-size:6.8px!important;letter-spacing:.15em!important}
  .dnb-home-v21 .dnb-home-v24-diff-card h3{margin:8px 0 0!important;font-size:16px!important;line-height:1.22!important;letter-spacing:-.025em!important}
  .dnb-home-v21 .dnb-home-v24-diff-card h3 em{font-style:normal!important;color:#36caf4!important}
  .dnb-home-v21 .dnb-home-v24-diff-card p{margin:11px 0 0!important;color:#8fa4b2!important;font-size:8.5px!important;line-height:1.58!important}
}

@media (min-width:1380px){
  .dnb-home-v21 .dnb-home-v21-hero h1{font-size:62px!important}
  .dnb-home-v21 .dnb-home-v21-hero-copy>p{font-size:11.7px!important}
}

@media (max-width:1180px) and (min-width:981px){
  .dnb-home-v21 .dnb-home-v21-hero h1{font-size:51px!important}
  .dnb-home-v21 .dnb-home-v21-hero-copy>p{max-width:490px!important;font-size:10.7px!important}
  .dnb-home-v21 .dnb-home-v30-hero-visual{left:36%!important}
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node{width:116px!important;min-height:94px!important}
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core{width:145px!important;height:145px!important}
  .dnb-home-v21 .dnb-home-v24-diff-card h3{font-size:14.5px!important}
}

@media (max-width:980px){
  .dnb-home-v21 .dnb-home-v21-hero{padding-bottom:22px!important}
  .dnb-home-v21 .dnb-home-v21-difference{margin-top:0!important}
  .dnb-home-v21 .dnb-home-v24-difference-head>p{max-width:none!important}
}


/* ======================================================================
   RC26 — HOME HERO proportion refinement
   - Scale the whole right workflow cluster down as one visual system.
   - Pull the hero bottom divider up close to the 700+ / 3 năm / TCVN row.
   - Keep HTML text and the architectural image as independent layers.
   ====================================================================== */
@media (min-width:981px){
  .dnb-home-v21 .dnb-home-v21-hero{
    min-height:510px!important;
    padding-bottom:12px!important;
  }

  .dnb-home-v21 .dnb-home-v30-hero-visual{
    left:40%!important;
    right:-.5%!important;
    top:-1%!important;
    bottom:auto!important;
    height:101%!important;
    transform:scale(.90)!important;
    transform-origin:66% 47%!important;
  }

  /* Give the proof row a clean visual landing before the hero divider. */
  .dnb-home-v21 .dnb-home-v21-proof{
    margin-top:22px!important;
  }
  .dnb-home-v21 .dnb-home-v21-proof>div{
    min-height:63px!important;
    padding-top:12px!important;
  }

  /* Lift the handwritten lower note slightly after scaling the workflow. */
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-note.is-bottom{
    bottom:12%!important;
  }
}

@media (max-width:1180px) and (min-width:981px){
  .dnb-home-v21 .dnb-home-v21-hero{
    min-height:520px!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual{
    left:38%!important;
    right:-1%!important;
    transform:scale(.88)!important;
    transform-origin:68% 47%!important;
  }
}

/* ======================================================================
   RC27 — HOME HERO iconography + circular workflow language
   The reference mockup uses a single curved orbital flow, not radial lines.
   Typography/icons are live HTML/SVG; architectural artwork remains separate.
   ====================================================================== */
@media (min-width:981px){
  .dnb-home-v21 .dnb-home-v21-hero{
    min-height:465px!important;
    padding-bottom:4px!important;
  }

  /* Keep the diagram compact and balanced against the headline. */
  .dnb-home-v21 .dnb-home-v30-hero-visual{
    left:40%!important;
    right:-.5%!important;
    top:-1%!important;
    bottom:auto!important;
    height:101%!important;
    transform:scale(.90)!important;
    transform-origin:66% 47%!important;
  }

  .dnb-home-v21 .dnb-home-v21-proof{
    margin-top:20px!important;
  }
  .dnb-home-v21 .dnb-home-v21-proof>div{
    min-height:55px!important;
    padding-top:10px!important;
  }
}

/* Circular segmented orbital arrows. No radial/straight connector lines. */
.dnb-home-v21 .dnb-home-v30-links{
  inset:2% 1% 1% 1%!important;
  width:98%!important;
  height:96%!important;
  overflow:visible!important;
}
.dnb-home-v21 .dnb-home-v30-links .dnb-flow-ring-base{
  fill:none!important;
  stroke:rgba(179,227,247,.24)!important;
  stroke-width:1.15!important;
  stroke-dasharray:4.5 8!important;
  filter:drop-shadow(0 0 5px rgba(48,173,230,.18))!important;
}
.dnb-home-v21 .dnb-home-v30-links .dnb-flow-arc{
  fill:none!important;
  stroke:rgba(197,236,251,.84)!important;
  stroke-width:1.55!important;
  stroke-linecap:round!important;
  stroke-dasharray:5.5 7!important;
  filter:url(#dnbFlowGlow)!important;
}
.dnb-home-v21 .dnb-home-v30-links .arc-1{stroke:rgba(117,202,255,.88)!important}
.dnb-home-v21 .dnb-home-v30-links .arc-2{stroke:rgba(102,194,241,.82)!important}
.dnb-home-v21 .dnb-home-v30-links .arc-3{stroke:rgba(93,218,178,.80)!important}
.dnb-home-v21 .dnb-home-v30-links .arc-4{stroke:rgba(185,146,255,.77)!important}
.dnb-home-v21 .dnb-home-v30-links .arc-5{stroke:rgba(126,209,246,.82)!important}

/* Shared inline SVG icon construction. */
.dnb-home-v21 .dnb-flow-icon{
  display:grid!important;
  place-items:center!important;
}
.dnb-home-v21 .dnb-flow-icon svg{
  width:20px!important;
  height:20px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.65!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  overflow:visible!important;
}

/* Outer workflow cards: refined glass, numbered hierarchy, stronger icon tile. */
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node{
  border-width:1px!important;
  background:
    linear-gradient(180deg,rgba(7,37,60,.94),rgba(4,24,41,.975))!important;
  box-shadow:
    0 16px 34px rgba(0,0,0,.29),
    0 0 22px rgba(41,157,220,.11),
    inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node>span{
  width:37px!important;
  height:37px!important;
  margin-bottom:8px!important;
  border-radius:10px!important;
  border:1px solid rgba(104,193,239,.19)!important;
  background:linear-gradient(180deg,rgba(49,153,218,.18),rgba(18,73,108,.15))!important;
  box-shadow:0 0 17px rgba(55,183,244,.16),inset 0 1px 0 rgba(255,255,255,.04)!important;
  color:#54c6ff!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node>b{
  top:10px!important;
  right:11px!important;
  color:#9db6c5!important;
  font-size:10.4px!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node strong{
  color:#f6fafc!important;
  font-size:11.7px!important;
  font-weight:810!important;
  letter-spacing:.015em!important;
  text-shadow:0 1px 10px rgba(0,0,0,.18)!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node small{
  margin-top:5px!important;
  color:#c7d7e0!important;
  font-size:7.6px!important;
  font-weight:520!important;
  letter-spacing:.01em!important;
}

/* Node identity colors match the approved mockup. */
.dnb-home-v21 .dnb-home-v30-hero-visual .is-model{
  border-color:rgba(74,165,236,.74)!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .is-model>span{
  color:#4fafff!important;
  background:linear-gradient(180deg,rgba(40,135,213,.24),rgba(22,75,118,.16))!important;
  box-shadow:0 0 18px rgba(54,163,246,.20)!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .is-analysis{
  border-color:rgba(52,180,242,.72)!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .is-analysis>span{
  color:#37d4ff!important;
  background:linear-gradient(180deg,rgba(25,164,217,.23),rgba(18,79,108,.16))!important;
  box-shadow:0 0 18px rgba(50,205,255,.22)!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .is-design{
  border-color:rgba(222,145,47,.66)!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .is-design>span{
  color:#ffb02f!important;
  background:linear-gradient(180deg,rgba(204,127,28,.23),rgba(102,65,18,.17))!important;
  border-color:rgba(255,177,54,.20)!important;
  box-shadow:0 0 18px rgba(246,160,45,.22)!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .is-rebar{
  border-color:rgba(57,194,151,.69)!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .is-rebar>span{
  color:#42e2ae!important;
  background:linear-gradient(180deg,rgba(30,165,124,.23),rgba(16,89,70,.17))!important;
  border-color:rgba(71,225,178,.19)!important;
  box-shadow:0 0 18px rgba(55,213,169,.22)!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .is-drawing{
  border-color:rgba(145,103,225,.68)!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .is-drawing>span{
  color:#c186ff!important;
  background:linear-gradient(180deg,rgba(128,72,204,.23),rgba(74,45,118,.17))!important;
  border-color:rgba(190,132,255,.20)!important;
  box-shadow:0 0 18px rgba(171,111,255,.22)!important;
}

/* DATA core: most luminous object in the orbital system. */
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core{
  border:1px solid rgba(60,217,255,.98)!important;
  background:
    radial-gradient(circle at 50% 24%,rgba(41,158,210,.20),transparent 42%),
    linear-gradient(180deg,rgba(8,69,100,.97),rgba(4,34,54,.99))!important;
  box-shadow:
    0 23px 48px rgba(0,0,0,.36),
    0 0 38px rgba(47,206,255,.30),
    0 0 0 1px rgba(63,204,249,.10),
    inset 0 1px 0 rgba(255,255,255,.09)!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core>span{
  color:#56cfff!important;
  background:linear-gradient(180deg,rgba(57,176,229,.22),rgba(20,97,130,.16))!important;
  border:1px solid rgba(99,214,255,.17)!important;
  box-shadow:0 0 22px rgba(59,202,255,.22)!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core .dnb-flow-icon-data svg{
  width:26px!important;
  height:26px!important;
  stroke-width:1.8!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core small{
  color:#73cfe9!important;
  font-size:6.9px!important;
  font-weight:850!important;
  letter-spacing:.145em!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core strong{
  color:#fbfdff!important;
  font-size:15.8px!important;
  font-weight:830!important;
  letter-spacing:-.02em!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core em{
  color:#d5e4eb!important;
  font-size:8.2px!important;
  font-weight:520!important;
}

/* Handwritten annotations: quiet but legible, placed as part of the composition. */
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-note{
  font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive!important;
  font-weight:600!important;
  letter-spacing:.045em!important;
  text-shadow:0 2px 12px rgba(0,0,0,.34),0 0 10px rgba(83,178,218,.08)!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-note.is-bottom{
  bottom:12%!important;
}

@media (max-width:1180px) and (min-width:981px){
  .dnb-home-v21 .dnb-home-v21-hero{min-height:465px!important}
  .dnb-home-v21 .dnb-home-v30-hero-visual{
    left:38%!important;
    right:-1%!important;
    transform:scale(.88)!important;
    transform-origin:68% 47%!important;
  }
}

@media (max-width:700px){
  .dnb-home-v21 .dnb-home-v30-links .dnb-flow-arc,
  .dnb-home-v21 .dnb-home-v30-links .dnb-flow-ring-base{
    display:none!important;
  }
}


/* ======================================================================
   RC28 — Workflow card polish + curved handwritten arrows
   - Keep the 465px hero height.
   - Enlarge icon/text hierarchy inside the right-side workflow cards.
   - Replace the straight handwritten arrows with curved note arrows
     closer to the approved mockup.
   ====================================================================== */

.dnb-home-v21 .dnb-home-v30-links .dnb-flow-arc{
  stroke-width:1.75!important;
  filter:url(#dnbFlowGlow)!important;
  opacity:.96!important;
}

/* Inner hierarchy polish: cards keep size, contents get stronger. */
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node > span{
  width:40px!important;
  height:40px!important;
  margin-bottom:9px!important;
}
.dnb-home-v21 .dnb-flow-icon svg{
  width:22px!important;
  height:22px!important;
  stroke-width:1.7!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node > b{
  top:8px!important;
  right:10px!important;
  font-size:11.1px!important;
  letter-spacing:.05em!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node strong{
  font-size:12.7px!important;
  font-weight:830!important;
  letter-spacing:.01em!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node small{
  margin-top:5px!important;
  font-size:8px!important;
  line-height:1.34!important;
  color:#d2e0e7!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core > span{
  width:57px!important;
  height:57px!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core .dnb-flow-icon-data svg{
  width:29px!important;
  height:29px!important;
  stroke-width:1.95!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core small{
  font-size:7.2px!important;
  letter-spacing:.16em!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core strong{
  font-size:17px!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core em{
  font-size:8.7px!important;
  line-height:1.35!important;
}

/* Handwritten notes: use real curved arrow graphics instead of straight arrow characters. */
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-note{
  position:absolute!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-note.is-top{
  left:19%!important;
  top:-1%!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-note.is-top::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:46px!important;
  top:4px!important;
  width:116px!important;
  height:66px!important;
  margin:0!important;
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 116 66'%3E%3Cpath d='M7 53 C 18 24, 42 11, 74 12 C 88 13, 98 19, 107 30' fill='none' stroke='rgba(190,222,239,0.76)' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M97 24 L108 30 L99 40' fill='none' stroke='rgba(190,222,239,0.76)' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  filter:drop-shadow(0 0 7px rgba(92,192,238,.22))!important;
  transform:rotate(2deg)!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-note.is-bottom{
  right:1.8%!important;
  bottom:10.8%!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-note.is-bottom::before{
  content:""!important;
  position:absolute!important;
  left:-78px!important;
  top:-6px!important;
  width:108px!important;
  height:62px!important;
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 108 62'%3E%3Cpath d='M101 49 C 87 25, 63 13, 33 12 C 20 12, 12 10, 7 4' fill='none' stroke='rgba(190,222,239,0.72)' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M18 2 L7 4 L14 15' fill='none' stroke='rgba(190,222,239,0.72)' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  filter:drop-shadow(0 0 7px rgba(92,192,238,.20))!important;
  transform:rotate(-2deg)!important;
}

@media (max-width:1180px) and (min-width:981px){
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node > span{
    width:37px!important;
    height:37px!important;
  }
  .dnb-home-v21 .dnb-flow-icon svg{
    width:20px!important;
    height:20px!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node strong{
    font-size:11.8px!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node small{
    font-size:7.5px!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core strong{
    font-size:15.8px!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-note.is-top::after{
    width:102px!important;
    height:58px!important;
    left:42px!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-note.is-bottom::before{
    width:96px!important;
    height:56px!important;
    left:-70px!important;
  }
}


/* ======================================================================
   RC29 — Handwritten note refinement
   - Make the 2 note arrows softer and more like sweeping curved strokes.
   - Pull the lower note inward and ease the DESIGN card away from the edge.
   ====================================================================== */

/* Nudge the DESIGN card slightly left for better breathing room. */
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-design{
  right:2.4%!important;
}

/* Upper handwritten note: longer, softer arc toward the workflow. */
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-note.is-top{
  left:17.8%!important;
  top:-1.6%!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-note.is-top::after{
  left:40px!important;
  top:0!important;
  width:138px!important;
  height:78px!important;
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 138 78'%3E%3Cpath d='M8 62 C 20 30, 48 12, 86 11 C 103 11, 117 17, 129 30' fill='none' stroke='rgba(192,223,240,0.78)' stroke-width='2.15' stroke-linecap='round'/%3E%3Cpath d='M118 23 L129 30 L121 42' fill='none' stroke='rgba(192,223,240,0.78)' stroke-width='2.15' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  transform:rotate(1deg)!important;
}

/* Lower handwritten note: more curved and less horizontal, placed inward. */
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-note.is-bottom{
  right:3.4%!important;
  bottom:11.6%!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-note.is-bottom::before{
  left:-96px!important;
  top:-10px!important;
  width:124px!important;
  height:70px!important;
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 124 70'%3E%3Cpath d='M116 54 C 103 33, 84 20, 60 16 C 41 13, 27 12, 12 16' fill='none' stroke='rgba(192,223,240,0.76)' stroke-width='2.15' stroke-linecap='round'/%3E%3Cpath d='M24 10 L12 16 L21 27' fill='none' stroke='rgba(192,223,240,0.76)' stroke-width='2.15' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  transform:rotate(-4deg)!important;
}

@media (max-width:1180px) and (min-width:981px){
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-design{
    right:2.8%!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-note.is-top{
    left:16.8%!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-note.is-top::after{
    width:124px!important;
    height:70px!important;
    left:38px!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-note.is-bottom{
    right:3.1%!important;
    bottom:10.8%!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-note.is-bottom::before{
    width:112px!important;
    height:64px!important;
    left:-86px!important;
  }
}


/* ======================================================================
   RC31 — Top handwritten arrow rotation fix
   - Rotate the upper handwritten arrow clockwise about 40deg as requested.
   - Keep the current curved body and detached hand-drawn arrowhead strokes.
   ====================================================================== */
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-note.is-top::after{
  transform:rotate(40deg)!important;
  transform-origin:78% 43%!important;
}

@media (max-width:1180px) and (min-width:981px){
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-note.is-top::after{
    transform:rotate(40deg)!important;
  }
}


/* ======================================================================
   RC32 — Top arrowhead only rotation
   - Preserve the upper arrow body exactly as RC29.
   - Rotate only the two short arrowhead strokes clockwise 40deg.
   ====================================================================== */
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-note.is-top::after{
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 138 78'%3E%3Cpath d='M8 62 C 20 30, 48 12, 86 11 C 103 11, 117 17, 129 30' fill='none' stroke='rgba(192,223,240,0.78)' stroke-width='2.15' stroke-linecap='round'/%3E%3Cg transform='rotate(40 129 30)'%3E%3Cpath d='M118 23 L129 30' fill='none' stroke='rgba(192,223,240,0.78)' stroke-width='2.15' stroke-linecap='round'/%3E%3Cpath d='M121 42 L129 30' fill='none' stroke='rgba(192,223,240,0.78)' stroke-width='2.15' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E")!important;
  transform:rotate(1deg)!important;
  transform-origin:initial!important;
}

@media (max-width:1180px) and (min-width:981px){
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-note.is-top::after{
    transform:rotate(1deg)!important;
    transform-origin:initial!important;
  }
}


/* ======================================================================
   RC33 — "Khác biệt cốt lõi" match to approved mockup
   - Preserve the reference typography rhythm: bold rounded display text,
     technical mono labels, readable supporting copy.
   - Preserve the reference 2-column header + 4 equal cards composition.
   ====================================================================== */
@media (min-width:981px){
  .dnb-home-v21 .dnb-home-v21-difference{
    padding:29px 22px 38px!important;
  }

  .dnb-home-v21 .dnb-home-v24-difference-head{
    grid-template-columns:minmax(0,1.34fr) minmax(360px,.66fr)!important;
    gap:48px!important;
    align-items:center!important;
    margin-bottom:23px!important;
  }

  .dnb-home-v21 .dnb-home-v24-difference-head .dnb-v3-eyebrow{
    margin-bottom:9px!important;
    font-family:"IBM Plex Mono",Consolas,monospace!important;
    font-size:8.8px!important;
    line-height:1.15!important;
    font-weight:800!important;
    letter-spacing:.18em!important;
    color:#ff843d!important;
  }

  .dnb-home-v21 .dnb-home-v24-difference-head h2{
    max-width:790px!important;
    margin:0!important;
    font-family:"Quicksand","Be Vietnam Pro","Segoe UI",Arial,sans-serif!important;
    font-size:clamp(31px,2.15vw,39px)!important;
    line-height:1.06!important;
    font-weight:700!important;
    letter-spacing:-.038em!important;
    color:#f4f7fa!important;
    text-wrap:balance!important;
  }
  .dnb-home-v21 .dnb-home-v24-difference-head h2 em{
    display:block!important;
    font-family:inherit!important;
    font-style:normal!important;
    font-weight:700!important;
    color:#36c8f2!important;
  }

  .dnb-home-v21 .dnb-home-v24-difference-head>p{
    align-self:center!important;
    max-width:430px!important;
    margin:14px 0 0 auto!important;
    font-family:"Quicksand","Be Vietnam Pro","Segoe UI",Arial,sans-serif!important;
    font-size:12px!important;
    line-height:1.58!important;
    font-weight:500!important;
    color:#b8c6cf!important;
  }

  .dnb-home-v21 .dnb-home-v24-difference-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:14px!important;
    align-items:stretch!important;
  }

  .dnb-home-v21 .dnb-home-v24-diff-card{
    min-height:258px!important;
    height:auto!important;
    padding:18px 18px 20px!important;
    border-radius:12px!important;
    background:
      radial-gradient(circle at 18% 8%,rgba(43,139,190,.07),transparent 34%),
      linear-gradient(160deg,rgba(6,30,48,.96),rgba(5,22,36,.985))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.028),0 14px 32px rgba(0,0,0,.08)!important;
    overflow:hidden!important;
  }
  .dnb-home-v21 .dnb-home-v24-diff-card.is-data{border-color:rgba(46,201,246,.70)!important}
  .dnb-home-v21 .dnb-home-v24-diff-card.is-update{border-color:rgba(48,217,164,.66)!important}
  .dnb-home-v21 .dnb-home-v24-diff-card.is-project{border-color:rgba(170,123,242,.66)!important}
  .dnb-home-v21 .dnb-home-v24-diff-card.is-account{border-color:rgba(238,168,50,.68)!important}

  .dnb-home-v21 .dnb-home-v24-diff-icon{
    width:43px!important;
    height:43px!important;
    margin:0 0 12px!important;
    border-radius:10px!important;
    border:1px solid rgba(255,255,255,.025)!important;
  }
  .dnb-home-v21 .dnb-home-v24-diff-icon .dnb-icon{
    width:20px!important;
    height:20px!important;
  }
  .dnb-home-v21 .is-data .dnb-home-v24-diff-icon{background:rgba(22,139,191,.23)!important;box-shadow:0 0 18px rgba(38,190,244,.08)!important}
  .dnb-home-v21 .is-update .dnb-home-v24-diff-icon{background:rgba(27,150,111,.21)!important;box-shadow:0 0 18px rgba(52,212,159,.07)!important}
  .dnb-home-v21 .is-project .dnb-home-v24-diff-icon{background:rgba(119,78,201,.22)!important;box-shadow:0 0 18px rgba(160,111,240,.07)!important}
  .dnb-home-v21 .is-account .dnb-home-v24-diff-icon{background:rgba(179,113,25,.20)!important;box-shadow:0 0 18px rgba(234,159,43,.07)!important}

  .dnb-home-v21 .dnb-home-v24-diff-no{
    top:16px!important;
    right:17px!important;
    font-family:"Quicksand","Be Vietnam Pro",sans-serif!important;
    font-size:28px!important;
    line-height:1!important;
    font-weight:700!important;
    letter-spacing:-.04em!important;
    opacity:.96!important;
  }

  .dnb-home-v21 .dnb-home-v24-diff-card>small{
    margin:0 0 8px!important;
    font-family:"IBM Plex Mono",Consolas,monospace!important;
    font-size:8.2px!important;
    line-height:1.2!important;
    font-weight:800!important;
    letter-spacing:.13em!important;
  }

  .dnb-home-v21 .dnb-home-v24-diff-card h3{
    margin:0!important;
    font-family:"Quicksand","Be Vietnam Pro","Segoe UI",Arial,sans-serif!important;
    font-size:20px!important;
    line-height:1.17!important;
    font-weight:700!important;
    letter-spacing:-.025em!important;
    color:#f4f7fa!important;
    text-wrap:balance!important;
  }
  .dnb-home-v21 .dnb-home-v24-diff-card h3 em{
    font-family:inherit!important;
    font-style:normal!important;
    font-weight:700!important;
    color:#35cdf5!important;
  }

  .dnb-home-v21 .dnb-home-v24-diff-card p{
    margin:16px 0 0!important;
    max-width:95%!important;
    font-family:"Quicksand","Be Vietnam Pro","Segoe UI",Arial,sans-serif!important;
    font-size:11px!important;
    line-height:1.55!important;
    font-weight:500!important;
    color:#a9bac5!important;
  }
}

@media (min-width:1500px){
  .dnb-home-v21 .dnb-home-v24-difference-head h2{font-size:40px!important}
  .dnb-home-v21 .dnb-home-v24-difference-head>p{font-size:12.4px!important;max-width:445px!important}
  .dnb-home-v21 .dnb-home-v24-diff-card{min-height:264px!important;padding:19px 20px 21px!important}
  .dnb-home-v21 .dnb-home-v24-diff-card h3{font-size:20.5px!important}
  .dnb-home-v21 .dnb-home-v24-diff-card p{font-size:11.2px!important}
}

@media (max-width:1180px) and (min-width:981px){
  .dnb-home-v21 .dnb-home-v24-difference-head{
    grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)!important;
    gap:28px!important;
  }
  .dnb-home-v21 .dnb-home-v24-difference-head h2{font-size:31px!important}
  .dnb-home-v21 .dnb-home-v24-difference-head>p{font-size:10.8px!important}
  .dnb-home-v21 .dnb-home-v24-diff-card{min-height:248px!important;padding:16px 15px 18px!important}
  .dnb-home-v21 .dnb-home-v24-diff-icon{width:39px!important;height:39px!important}
  .dnb-home-v21 .dnb-home-v24-diff-no{font-size:25px!important}
  .dnb-home-v21 .dnb-home-v24-diff-card h3{font-size:17.5px!important}
  .dnb-home-v21 .dnb-home-v24-diff-card p{font-size:9.6px!important;margin-top:13px!important}
}


/* ======================================================================
   RC34 — Lower sections typography sync only
   - Keep existing layout/grid.
   - Only align font feel with the approved upper section and increase text height/legibility.
   ====================================================================== */

/* Shared section-title rhythm for the blocks below the hero. */
.dnb-home-v21 .dnb-home-v21-products .dnb-v3-eyebrow,
.dnb-home-v21 .dnb-home-v24-difference-head .dnb-v3-eyebrow,
.dnb-home-v21 .dnb-home-v21-compare .dnb-v3-eyebrow,
.dnb-home-v21 .dnb-home-v21-revit-proof .dnb-v3-eyebrow{
  font-family:"IBM Plex Mono",Consolas,monospace!important;
  font-weight:800!important;
  letter-spacing:.16em!important;
}

.dnb-home-v21 .dnb-home-v21-products .dnb-home-section-title,
.dnb-home-v21 .dnb-home-v21-compare .dnb-home-section-title,
.dnb-home-v21 .dnb-home-v21-proof-copy h2,
.dnb-home-v21 .dnb-home-v21-cta h2{
  font-family:"Quicksand","Be Vietnam Pro","Segoe UI",Arial,sans-serif!important;
  font-weight:700!important;
  letter-spacing:-.038em!important;
}
.dnb-home-v21 .dnb-home-v21-products .dnb-home-section-title em,
.dnb-home-v21 .dnb-home-v21-compare .dnb-home-section-title em,
.dnb-home-v21 .dnb-home-v21-proof-copy h2 em,
.dnb-home-v21 .dnb-home-v21-cta h2 em{
  font-family:inherit!important;
  font-style:normal!important;
  font-weight:700!important;
}

/* Difference section: keep layout, only tune reading comfort. */
.dnb-home-v21 .dnb-home-v24-difference-head>p{
  font-size:12.4px!important;
  line-height:1.62!important;
  color:#bcc8d0!important;
}
.dnb-home-v21 .dnb-home-v24-diff-card>small{
  font-size:8.4px!important;
  letter-spacing:.14em!important;
}
.dnb-home-v21 .dnb-home-v24-diff-card h3{
  font-size:21px!important;
  line-height:1.18!important;
  font-family:"Quicksand","Be Vietnam Pro","Segoe UI",Arial,sans-serif!important;
}
.dnb-home-v21 .dnb-home-v24-diff-card p{
  font-size:11.4px!important;
  line-height:1.6!important;
  color:#afbdc6!important;
}

/* Product section header: same font feel, larger reading size. */
.dnb-home-v21 .dnb-home-v21-products .dnb-home-v23-section-summary{
  font-family:"Quicksand","Be Vietnam Pro","Segoe UI",Arial,sans-serif!important;
  font-size:11.2px!important;
  line-height:1.7!important;
  color:#9aaebb!important;
}
.dnb-home-v21 .dnb-home-v21-products .dnb-home-v21-section-head>a{
  font-size:8.8px!important;
  font-weight:700!important;
}

/* Product cards: larger type, keep card geometry unchanged. */
.dnb-home-v21 .dnb-home-v21-product-head small{
  font-size:7.8px!important;
  letter-spacing:.12em!important;
  font-family:"IBM Plex Mono",Consolas,monospace!important;
}
.dnb-home-v21 .dnb-home-v21-product-head h3{
  font-family:"Quicksand","Be Vietnam Pro","Segoe UI",Arial,sans-serif!important;
  font-size:20px!important;
  line-height:1.14!important;
  font-weight:700!important;
  letter-spacing:-.026em!important;
}
.dnb-home-v21 .dnb-home-v21-product-card>p{
  min-height:56px!important;
  font-family:"Quicksand","Be Vietnam Pro","Segoe UI",Arial,sans-serif!important;
  font-size:10.9px!important;
  line-height:1.7!important;
  color:#a3b4be!important;
}
.dnb-home-v21 .dnb-home-v21-product-card li{
  font-family:"Quicksand","Be Vietnam Pro","Segoe UI",Arial,sans-serif!important;
  font-size:9.8px!important;
  line-height:1.62!important;
  color:#bac6ce!important;
}
.dnb-home-v21 .dnb-home-v21-product-card>a{
  font-family:"Quicksand","Be Vietnam Pro","Segoe UI",Arial,sans-serif!important;
  font-size:9.4px!important;
  font-weight:700!important;
}
.dnb-home-v21 .dnb-home-v21-wireframe figcaption,
.dnb-home-v21 .dnb-home-v21-product-shot figcaption{
  font-size:6.4px!important;
  letter-spacing:.1em!important;
}

/* Next blocks below: only readability uplift, not layout changes. */
.dnb-home-v21 .dnb-home-v21-compare .dnb-home-v21-section-head>p,
.dnb-home-v21 .dnb-home-v21-proof-copy>p,
.dnb-home-v21 .dnb-home-v21-cta p{
  font-family:"Quicksand","Be Vietnam Pro","Segoe UI",Arial,sans-serif!important;
  font-size:11.2px!important;
  line-height:1.7!important;
  color:#9caeb9!important;
}
.dnb-home-v21 .dnb-home-v21-compare-grid article header h3{
  font-family:"Quicksand","Be Vietnam Pro","Segoe UI",Arial,sans-serif!important;
  font-size:19.5px!important;
  line-height:1.16!important;
  font-weight:700!important;
}
.dnb-home-v21 .dnb-home-v21-compare-grid li{
  font-family:"Quicksand","Be Vietnam Pro","Segoe UI",Arial,sans-serif!important;
  font-size:9.2px!important;
  line-height:1.58!important;
}

@media (max-width:1180px) and (min-width:981px){
  .dnb-home-v21 .dnb-home-v24-diff-card h3{font-size:18.2px!important}
  .dnb-home-v21 .dnb-home-v24-diff-card p{font-size:10.2px!important}
  .dnb-home-v21 .dnb-home-v21-products .dnb-home-v23-section-summary{font-size:10.4px!important}
  .dnb-home-v21 .dnb-home-v21-product-head h3{font-size:18.2px!important}
  .dnb-home-v21 .dnb-home-v21-product-card>p{font-size:10px!important;min-height:52px!important}
  .dnb-home-v21 .dnb-home-v21-product-card li{font-size:9.1px!important}
  .dnb-home-v21 .dnb-home-v21-compare .dnb-home-v21-section-head>p,
  .dnb-home-v21 .dnb-home-v21-proof-copy>p,
  .dnb-home-v21 .dnb-home-v21-cta p{font-size:10.4px!important}
}


/* ======================================================================
   RC35 — Increase small reading text in lower home sections
   Based on visual review after RC34.
   Keep layout unchanged; raise only the text that still reads too small.
   ====================================================================== */

/* Product cards: paragraph, bullet list and links should read clearly at a glance. */
.dnb-home-v21 .dnb-home-v21-product-card>p{
  font-size:11.7px!important;
  line-height:1.74!important;
  min-height:62px!important;
  color:#a9b9c3!important;
}
.dnb-home-v21 .dnb-home-v21-product-card ul{
  gap:9px!important;
  margin-top:6px!important;
}
.dnb-home-v21 .dnb-home-v21-product-card li{
  font-size:10.6px!important;
  line-height:1.68!important;
  padding-left:18px!important;
  color:#bfd0d9!important;
}
.dnb-home-v21 .dnb-home-v21-product-card li::before{
  font-size:10.8px!important;
  top:-.02em!important;
}
.dnb-home-v21 .dnb-home-v21-product-card>a{
  font-size:9.9px!important;
  padding-top:20px!important;
}

/* Comparison section: the right-side summary and both cards still need a stronger reading size. */
.dnb-home-v21 .dnb-home-v21-compare .dnb-home-v21-section-head>p{
  font-size:12.2px!important;
  line-height:1.74!important;
  color:#adbdc7!important;
  max-width:455px!important;
}
.dnb-home-v21 .dnb-home-v21-compare-grid>article{
  min-height:290px!important;
  padding:22px!important;
}
.dnb-home-v21 .dnb-home-v21-compare-grid article header small{
  font-family:"IBM Plex Mono",Consolas,monospace!important;
  font-size:8px!important;
  letter-spacing:.12em!important;
}
.dnb-home-v21 .dnb-home-v21-compare-grid article header h3{
  font-family:"Quicksand","Be Vietnam Pro","Segoe UI",Arial,sans-serif!important;
  font-size:19.8px!important;
  line-height:1.2!important;
  font-weight:700!important;
}
.dnb-home-v21 .dnb-home-v21-chain{
  margin:20px 0 18px!important;
  gap:8px!important;
}
.dnb-home-v21 .dnb-home-v21-chain span{
  font-size:8.6px!important;
  line-height:1.2!important;
  padding:8px 10px!important;
}
.dnb-home-v21 .dnb-home-v21-chain i{
  font-size:10px!important;
}
.dnb-home-v21 .dnb-home-v21-compare-grid li{
  font-family:"Quicksand","Be Vietnam Pro","Segoe UI",Arial,sans-serif!important;
  font-size:10.3px!important;
  line-height:1.64!important;
  color:#b7c5ce!important;
  padding-left:17px!important;
}
.dnb-home-v21 .dnb-home-v21-controlled{
  grid-template-columns:19px auto 1fr auto!important;
  gap:9px!important;
  margin-top:18px!important;
  padding:12px 12px!important;
}
.dnb-home-v21 .dnb-home-v21-controlled strong{
  font-size:7.8px!important;
  letter-spacing:.09em!important;
}
.dnb-home-v21 .dnb-home-v21-controlled span{
  font-size:8.2px!important;
  line-height:1.45!important;
}
.dnb-home-v21 .dnb-home-v21-compare-switch b{
  font-size:7.8px!important;
  letter-spacing:.14em!important;
}

/* Revit proof and CTA beneath: lift remaining small support copy for consistency. */
.dnb-home-v21 .dnb-home-v21-proof-copy>p,
.dnb-home-v21 .dnb-home-v21-cta p{
  font-size:11.8px!important;
  line-height:1.72!important;
  color:#a5b5bf!important;
}
.dnb-home-v21 .dnb-home-v21-proof-list strong{
  font-size:10px!important;
}
.dnb-home-v21 .dnb-home-v21-proof-list small{
  font-size:8.4px!important;
  line-height:1.5!important;
}
.dnb-home-v21 .dnb-home-v21-proof-copy>a,
.dnb-home-v21 .dnb-home-v21-cta a:not(.dnb-home-v21-btn){
  font-size:9px!important;
}

@media (max-width:1180px) and (min-width:981px){
  .dnb-home-v21 .dnb-home-v21-product-card>p{font-size:10.7px!important;min-height:58px!important}
  .dnb-home-v21 .dnb-home-v21-product-card li{font-size:9.8px!important}
  .dnb-home-v21 .dnb-home-v21-compare .dnb-home-v21-section-head>p{font-size:11.1px!important}
  .dnb-home-v21 .dnb-home-v21-compare-grid article header h3{font-size:18.2px!important}
  .dnb-home-v21 .dnb-home-v21-chain span{font-size:8px!important}
  .dnb-home-v21 .dnb-home-v21-compare-grid li{font-size:9.6px!important}
  .dnb-home-v21 .dnb-home-v21-controlled span{font-size:7.7px!important}
  .dnb-home-v21 .dnb-home-v21-proof-copy>p,
  .dnb-home-v21 .dnb-home-v21-cta p{font-size:10.8px!important}
}


/* ======================================================================
   RC36 — Further text enlargement for lower sections
   - Target the remaining small text in Revit proof and bottom CTA blocks.
   - Keep layout untouched; only increase font size / line-height / legibility.
   ====================================================================== */

/* Revit proof section */
.dnb-home-v21 .dnb-home-v21-proof-copy h2{
  font-family:"Quicksand","Be Vietnam Pro","Segoe UI",Arial,sans-serif!important;
  font-weight:700!important;
  letter-spacing:-.038em!important;
}
.dnb-home-v21 .dnb-home-v21-proof-copy>p{
  font-size:12.4px!important;
  line-height:1.76!important;
  color:#aab9c3!important;
  max-width:590px!important;
}
.dnb-home-v21 .dnb-home-v21-proof-list{
  gap:11px!important;
  margin-top:20px!important;
}
.dnb-home-v21 .dnb-home-v21-proof-list article{
  grid-template-columns:38px minmax(0,1fr)!important;
  gap:12px!important;
  padding:11px 0!important;
}
.dnb-home-v21 .dnb-home-v21-proof-list article>b{
  width:34px!important;
  height:34px!important;
  font-size:8.8px!important;
}
.dnb-home-v21 .dnb-home-v21-proof-list strong{
  font-family:"Quicksand","Be Vietnam Pro","Segoe UI",Arial,sans-serif!important;
  font-size:10.8px!important;
  line-height:1.35!important;
  font-weight:700!important;
  color:#e2edf3!important;
}
.dnb-home-v21 .dnb-home-v21-proof-list small{
  font-family:"Quicksand","Be Vietnam Pro","Segoe UI",Arial,sans-serif!important;
  font-size:8.8px!important;
  line-height:1.56!important;
  color:#94a8b6!important;
}
.dnb-home-v21 .dnb-home-v21-proof-copy>a{
  font-size:9.4px!important;
  font-weight:700!important;
  margin-top:18px!important;
}
.dnb-home-v21 .dnb-home-v21-ribbon-bar span{
  font-size:7.3px!important;
  letter-spacing:.12em!important;
}
.dnb-home-v21 .dnb-home-v21-ribbon-bar small{
  font-size:6.9px!important;
}
.dnb-home-v21 .dnb-home-v21-ribbon-shot figcaption strong{
  font-size:10.8px!important;
}
.dnb-home-v21 .dnb-home-v21-ribbon-shot figcaption span{
  font-size:8.2px!important;
  line-height:1.5!important;
}

/* Bottom CTA block */
.dnb-home-v21 .dnb-home-v21-cta h2{
  font-family:"Quicksand","Be Vietnam Pro","Segoe UI",Arial,sans-serif!important;
  font-weight:700!important;
  letter-spacing:-.038em!important;
}
.dnb-home-v21 .dnb-home-v21-cta p{
  font-size:12.2px!important;
  line-height:1.76!important;
  color:#acbcc6!important;
  max-width:760px!important;
}
.dnb-home-v21 .dnb-home-v21-cta .dnb-home-v21-btn{
  font-family:"Quicksand","Be Vietnam Pro","Segoe UI",Arial,sans-serif!important;
  font-size:10.1px!important;
  font-weight:700!important;
}

@media (max-width:1180px) and (min-width:981px){
  .dnb-home-v21 .dnb-home-v21-proof-copy>p{font-size:11.2px!important}
  .dnb-home-v21 .dnb-home-v21-proof-list strong{font-size:10px!important}
  .dnb-home-v21 .dnb-home-v21-proof-list small{font-size:8.1px!important}
  .dnb-home-v21 .dnb-home-v21-ribbon-shot figcaption span{font-size:7.7px!important}
  .dnb-home-v21 .dnb-home-v21-cta p{font-size:11.2px!important}
  .dnb-home-v21 .dnb-home-v21-cta .dnb-home-v21-btn{font-size:9.6px!important}
}


/* ======================================================================
   RC37 — Home page signature interactions
   1. Hero workflow data motion
   2. Data spine across sections
   3. Product card delight interactions
   4. Compare-section connected-flow interaction
   5. Ribbon spotlight / zoom driven by proof list
   6. CTA ambient motion
   ====================================================================== */

/* ---------- 2) Data spine across lower sections ---------- */
.dnb-home-v21 .dnb-wp-wrap{
  position:relative!important;
  --dnb-spine-progress:0;
}
.dnb-home-v21-data-spine{
  position:absolute;
  left:18px;
  top:630px;
  bottom:165px;
  width:24px;
  pointer-events:none;
  z-index:1;
}
.dnb-home-v21-data-spine::before,
.dnb-home-v21-data-spine::after{
  content:"";
  position:absolute;
  left:11px;
  top:0;
  width:2px;
  border-radius:999px;
}
.dnb-home-v21-data-spine::before{
  bottom:0;
  background:linear-gradient(180deg,rgba(44,90,122,.05) 0%,rgba(74,133,171,.22) 26%,rgba(68,190,233,.28) 54%,rgba(95,214,183,.22) 76%,rgba(255,125,50,.18) 100%);
}
.dnb-home-v21-data-spine::after{
  height:calc(var(--dnb-spine-progress) * 100%);
  background:linear-gradient(180deg,rgba(93,213,250,.10) 0%,rgba(114,228,250,.92) 35%,rgba(84,223,173,.94) 76%,rgba(255,164,77,.9) 100%);
  box-shadow:0 0 12px rgba(96,205,245,.28),0 0 26px rgba(96,205,245,.16);
}
.dnb-home-v21-data-spine i{
  position:absolute;
  left:5px;
  width:14px;
  height:14px;
  border-radius:50%;
  border:1px solid rgba(93,186,231,.42);
  background:radial-gradient(circle at 50% 50%,rgba(111,228,248,.95) 0%,rgba(111,228,248,.45) 28%,rgba(8,31,48,.85) 70%);
  box-shadow:0 0 0 5px rgba(78,164,207,.05),0 0 18px rgba(96,205,245,.22);
  opacity:calc(.38 + (.52 * var(--dnb-spine-progress)));
}
.dnb-home-v21-data-spine .is-products{top:9%}
.dnb-home-v21-data-spine .is-compare{top:39%}
.dnb-home-v21-data-spine .is-proof{top:67%}
.dnb-home-v21-data-spine .is-cta{top:92%}

/* ---------- 1) Hero workflow data motion ---------- */
.dnb-home-v21 .dnb-home-v30-hero-visual{overflow:visible!important}
.dnb-home-v21 .dnb-home-v30-ring-rotor{
  position:absolute;
  left:50%;
  top:50%;
  width:388px;
  height:400px;
  margin:-200px 0 0 -194px;
  pointer-events:none;
  opacity:.92;
  z-index:1;
  transform-origin:50% 50%;
}
.dnb-home-v21 .dnb-home-v30-ring-dot{
  position:absolute;
  left:50%;
  top:6px;
  width:12px;
  height:12px;
  margin-left:-6px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(233,251,255,.98) 0%,rgba(108,228,247,.95) 40%,rgba(84,193,241,.05) 74%);
  box-shadow:0 0 16px rgba(113,230,250,.85),0 0 30px rgba(56,153,228,.42);
}
.dnb-home-v21 .dnb-home-v30-hero-visual.is-flow-live .dnb-home-v30-ring-rotor{
  animation:dnb-home-flow-rotate 18s linear infinite;
}
@keyframes dnb-home-flow-rotate{to{transform:rotate(360deg)}}
.dnb-home-v21 .dnb-flow-arc{
  stroke-dasharray:12 10;
  animation:dnb-home-flow-dash 8s linear infinite;
}
@keyframes dnb-home-flow-dash{to{stroke-dashoffset:-110}}
.dnb-home-v21 .dnb-home-v27-node,
.dnb-home-v21 .dnb-home-v27-core{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease,background .35s ease,opacity .35s ease}
.dnb-home-v21 .dnb-home-v27-node.is-flow-active{
  transform:translateY(-2px) scale(1.025);
  border-color:rgba(123,215,246,.72)!important;
  box-shadow:0 0 0 1px rgba(120,215,245,.15),0 18px 30px rgba(0,0,0,.22),0 0 28px rgba(84,177,228,.28)!important;
}
.dnb-home-v21 .dnb-home-v27-node.is-flow-active .dnb-flow-icon{
  box-shadow:0 0 18px rgba(85,205,244,.32)!important;
}
.dnb-home-v21 .dnb-home-v27-core.is-pulsing{
  animation:dnb-home-core-pulse .85s ease;
}
@keyframes dnb-home-core-pulse{
  0%{transform:scale(1);box-shadow:0 18px 28px rgba(0,0,0,.26),0 0 0 0 rgba(88,197,240,.28)}
  55%{transform:scale(1.03);box-shadow:0 22px 40px rgba(0,0,0,.28),0 0 0 16px rgba(88,197,240,0)}
  100%{transform:scale(1)}
}
.dnb-home-v21 .dnb-home-v27-note{transition:opacity .35s ease,transform .35s ease}
.dnb-home-v21 .dnb-home-v30-hero-visual.is-flow-live .dnb-home-v27-note.is-top,
.dnb-home-v21 .dnb-home-v30-hero-visual.is-flow-live .dnb-home-v27-note.is-bottom{
  animation:dnb-home-note-float 6.5s ease-in-out infinite;
}
@keyframes dnb-home-note-float{50%{transform:translateY(-4px) rotate(-1deg);opacity:.96}}

/* ---------- 3) Product card delight ---------- */
.dnb-home-v21 .dnb-home-v21-product-card{
  overflow:hidden;
  isolation:isolate;
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease,background .35s ease;
}
.dnb-home-v21 .dnb-home-v21-product-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  background:linear-gradient(118deg,rgba(255,255,255,.06),transparent 18%,transparent 65%,rgba(76,182,220,.10) 100%);
  opacity:0;
  transition:opacity .35s ease;
  pointer-events:none;
}
.dnb-home-v21 .dnb-home-v21-product-card:hover,
.dnb-home-v21 .dnb-home-v21-product-card.is-card-hot{
  transform:translateY(-3px);
  border-color:rgba(82,181,224,.42)!important;
  box-shadow:0 22px 42px rgba(0,0,0,.16),0 0 0 1px rgba(75,173,219,.08) inset!important;
}
.dnb-home-v21 .dnb-home-v21-product-card:hover::before,
.dnb-home-v21 .dnb-home-v21-product-card.is-card-hot::before{opacity:1}
.dnb-home-v21 .dnb-home-v21-product-card.is-structure .dnb-home-v21-wireframe svg,
.dnb-home-v21 .dnb-home-v21-product-shot img{
  transition:transform .55s ease,filter .55s ease;
}
.dnb-home-v21 .dnb-home-v21-product-card.is-structure:hover .dnb-home-v21-wireframe svg,
.dnb-home-v21 .dnb-home-v21-product-card.is-structure.is-card-hot .dnb-home-v21-wireframe svg{
  transform:scale(1.03) translateY(-1px);
  filter:drop-shadow(0 0 10px rgba(83,205,243,.28));
}
.dnb-home-v21 .dnb-home-v21-product-card.is-structure .dnb-home-v21-wireframe g{
  stroke-dasharray:16 5;
  stroke-dashoffset:0;
  transition:stroke-width .35s ease,stroke .35s ease;
}
.dnb-home-v21 .dnb-home-v21-product-card.is-structure:hover .dnb-home-v21-wireframe g,
.dnb-home-v21 .dnb-home-v21-product-card.is-structure.is-card-hot .dnb-home-v21-wireframe g{
  animation:dnb-structure-scan 3.2s linear infinite;
  stroke-width:1.62;
  stroke:#4ac5ff;
}
@keyframes dnb-structure-scan{to{stroke-dashoffset:-84}}
.dnb-home-v21 .dnb-home-v21-product-shot::after{
  content:"";
  position:absolute;
  inset:-15% auto -15% -40%;
  width:38%;
  transform:translateX(-40%) skewX(-18deg);
  background:linear-gradient(90deg,transparent 0%,rgba(125,236,255,.05) 32%,rgba(125,236,255,.18) 50%,rgba(125,236,255,.05) 68%,transparent 100%);
  opacity:0;
  pointer-events:none;
}
.dnb-home-v21 .dnb-home-v21-product-card:hover .dnb-home-v21-product-shot img,
.dnb-home-v21 .dnb-home-v21-product-card.is-card-hot .dnb-home-v21-product-shot img{
  transform:scale(1.032);
  filter:brightness(1.04) saturate(1.04);
}
.dnb-home-v21 .dnb-home-v21-product-card:hover .dnb-home-v21-product-shot::after,
.dnb-home-v21 .dnb-home-v21-product-card.is-card-hot .dnb-home-v21-product-shot::after{
  opacity:1;
  animation:dnb-product-sweep 1.35s ease forwards;
}
@keyframes dnb-product-sweep{to{transform:translateX(360%) skewX(-18deg)}}

/* ---------- 4) Compare-section connected flow ---------- */
.dnb-home-v21 .dnb-home-v21-compare-switch{
  cursor:pointer;
  user-select:none;
}
.dnb-home-v21 .dnb-home-v21-compare-switch > span,
.dnb-home-v21 .dnb-home-v21-compare-switch b{transition:transform .35s ease,box-shadow .35s ease,color .35s ease,opacity .35s ease}
.dnb-home-v21 .dnb-home-v21-compare-switch:hover > span,
.dnb-home-v21 .dnb-home-v21-compare-switch:focus-visible > span,
.dnb-home-v21 .dnb-home-v21-compare.is-flow-on .dnb-home-v21-compare-switch > span{
  transform:scale(1.08);
  box-shadow:0 0 0 10px rgba(255,125,50,.04),0 0 26px rgba(255,125,50,.18);
}
.dnb-home-v21 .dnb-home-v21-compare-grid > article{
  transition:opacity .35s ease,transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}
.dnb-home-v21 .dnb-home-v21-chain span,
.dnb-home-v21 .dnb-home-v21-chain i,
.dnb-home-v21 .dnb-home-v21-controlled,
.dnb-home-v21 .dnb-home-v21-controlled i,
.dnb-home-v21 .dnb-home-v21-controlled strong,
.dnb-home-v21 .dnb-home-v21-controlled span{
  transition:opacity .35s ease,transform .35s ease,filter .35s ease,box-shadow .35s ease,border-color .35s ease,color .35s ease;
}
.dnb-home-v21 .dnb-home-v21-compare.is-flow-on .is-fragmented{
  opacity:.82;
  transform:translateX(-4px);
}
.dnb-home-v21 .dnb-home-v21-compare.is-flow-on .is-fragmented .dnb-home-v21-chain span{
  opacity:.62;
}
.dnb-home-v21 .dnb-home-v21-compare.is-flow-on .is-fragmented .dnb-home-v21-chain i{
  opacity:.35;
}
.dnb-home-v21 .dnb-home-v21-compare.is-flow-on .is-connected{
  transform:translateX(2px);
  border-color:rgba(85,193,236,.56)!important;
  box-shadow:0 0 0 1px rgba(92,196,238,.10) inset,0 18px 34px rgba(0,0,0,.16)!important;
}
.dnb-home-v21 .dnb-home-v21-compare.is-flow-on .is-connected .dnb-home-v21-chain span{
  animation:dnb-connected-pill-pulse 1.1s ease calc(var(--pill-delay, 0s)) 2;
  filter:drop-shadow(0 0 8px rgba(92,205,238,.16));
}
.dnb-home-v21 .dnb-home-v21-compare.is-flow-on .is-connected .dnb-home-v21-chain span:nth-of-type(1){--pill-delay:.0s}
.dnb-home-v21 .dnb-home-v21-compare.is-flow-on .is-connected .dnb-home-v21-chain span:nth-of-type(2){--pill-delay:.14s}
.dnb-home-v21 .dnb-home-v21-compare.is-flow-on .is-connected .dnb-home-v21-chain span:nth-of-type(3){--pill-delay:.28s}
.dnb-home-v21 .dnb-home-v21-compare.is-flow-on .is-connected .dnb-home-v21-chain span:nth-of-type(4){--pill-delay:.42s}
.dnb-home-v21 .dnb-home-v21-compare.is-flow-on .is-connected .dnb-home-v21-chain span:nth-of-type(5){--pill-delay:.56s}
@keyframes dnb-connected-pill-pulse{50%{transform:translateY(-2px) scale(1.04);box-shadow:0 0 0 1px rgba(91,207,241,.12) inset,0 0 18px rgba(91,207,241,.18)}}
.dnb-home-v21 .dnb-home-v21-compare.is-flow-on .dnb-home-v21-controlled{
  border-color:rgba(87,214,163,.46)!important;
  box-shadow:0 0 0 1px rgba(87,214,163,.06) inset,0 0 24px rgba(87,214,163,.09)!important;
}
.dnb-home-v21 .dnb-home-v21-compare.is-flow-on .dnb-home-v21-controlled i{
  animation:dnb-controlled-bar 2.2s linear 1;
}
@keyframes dnb-controlled-bar{from{transform:scaleX(.12);opacity:.55}to{transform:scaleX(1);opacity:1}}

/* ---------- 5) Ribbon spotlight / zoom ---------- */
.dnb-home-v21 .dnb-home-v21-proof-list article{
  cursor:default;
  transition:background .3s ease,border-color .3s ease,transform .3s ease;
}
.dnb-home-v21 .dnb-home-v21-proof-list article.is-focus{
  transform:translateX(4px);
}
.dnb-home-v21 .dnb-home-v21-ribbon-shot{
  position:relative;
  overflow:hidden;
}
.dnb-home-v21 .dnb-home-v21-ribbon-shot img{
  transition:transform .55s ease,filter .55s ease;
  transform-origin:center top;
}
.dnb-home-v21 .dnb-home-v21-ribbon-shot[data-focus="1"] img{transform:scale(1.035) translate(-2%,0)}
.dnb-home-v21 .dnb-home-v21-ribbon-shot[data-focus="2"] img{transform:scale(1.05) translate(0,-1.2%)}
.dnb-home-v21 .dnb-home-v21-ribbon-shot[data-focus="3"] img{transform:scale(1.04) translate(1.5%,0)}
.dnb-home-v21 .dnb-home-v21-ribbon-focus{
  position:absolute;
  border:1px solid rgba(118,214,246,.58);
  border-radius:10px;
  background:rgba(90,196,235,.08);
  box-shadow:0 0 0 999px rgba(3,11,18,.32),0 0 22px rgba(93,207,243,.18),inset 0 0 22px rgba(93,207,243,.10);
  opacity:0;
  transition:opacity .35s ease,transform .35s ease;
  pointer-events:none;
}
.dnb-home-v21 .dnb-home-v21-ribbon-focus::after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  background:linear-gradient(90deg,transparent 0%,rgba(132,236,255,.16) 48%,transparent 100%);
  animation:dnb-ribbon-scan 2.5s linear infinite;
}
@keyframes dnb-ribbon-scan{from{transform:translateX(-60%)}to{transform:translateX(65%)}}
.dnb-home-v21 .dnb-home-v21-ribbon-focus.is-one{left:5.6%;top:8%;width:29%;height:52%}
.dnb-home-v21 .dnb-home-v21-ribbon-focus.is-two{left:35.6%;top:8%;width:28.5%;height:52%}
.dnb-home-v21 .dnb-home-v21-ribbon-focus.is-three{left:65%;top:8%;width:29.5%;height:52%}
.dnb-home-v21 .dnb-home-v21-ribbon-shot[data-focus="1"] .is-one,
.dnb-home-v21 .dnb-home-v21-ribbon-shot[data-focus="2"] .is-two,
.dnb-home-v21 .dnb-home-v21-ribbon-shot[data-focus="3"] .is-three{
  opacity:1;
}

/* ---------- 6) CTA ambient motion ---------- */
.dnb-home-v21 .dnb-home-v21-cta::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:
    linear-gradient(rgba(73,149,194,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(73,149,194,.08) 1px,transparent 1px);
  background-size:38px 38px;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.8) 28%,rgba(0,0,0,.9) 100%);
  opacity:.18;
  transform:translate3d(0,0,0);
}
.dnb-home-v21 .dnb-home-v21-cta.is-in-view::before{
  animation:dnb-cta-grid-drift 18s linear infinite;
}
@keyframes dnb-cta-grid-drift{to{transform:translate3d(38px,-38px,0)}}
.dnb-home-v21 .dnb-home-v21-cta > div:last-child{position:relative;z-index:2}
.dnb-home-v21 .dnb-home-v21-cta::after{
  animation:dnb-cta-orbit 11s ease-in-out infinite alternate;
}
@keyframes dnb-cta-orbit{to{transform:translate(-16px,18px) scale(1.04)}}

/* polish / accessibility */
.dnb-home-v21 .dnb-home-v21-compare-switch:focus-visible{
  outline:2px solid rgba(255,140,68,.55);
  outline-offset:8px;
  border-radius:999px;
}
@media (max-width:1180px){
  .dnb-home-v21-data-spine{display:none}
  .dnb-home-v21 .dnb-home-v30-ring-rotor{transform:none!important;display:none}
}
@media (prefers-reduced-motion:reduce){
  .dnb-home-v21 .dnb-home-v30-hero-visual.is-flow-live .dnb-home-v30-ring-rotor,
  .dnb-home-v21 .dnb-flow-arc,
  .dnb-home-v21 .dnb-home-v27-note,
  .dnb-home-v21 .dnb-home-v21-product-card.is-structure .dnb-home-v21-wireframe g,
  .dnb-home-v21 .dnb-home-v21-product-card:hover .dnb-home-v21-product-shot::after,
  .dnb-home-v21 .dnb-home-v21-compare.is-flow-on .is-connected .dnb-home-v21-chain span,
  .dnb-home-v21 .dnb-home-v21-compare.is-flow-on .dnb-home-v21-controlled i,
  .dnb-home-v21 .dnb-home-v21-ribbon-focus::after,
  .dnb-home-v21 .dnb-home-v21-cta.is-in-view::before,
  .dnb-home-v21 .dnb-home-v21-cta::after{animation:none!important}
}


/* ======================================================================
   RC38 — Simplify motion + true light running on the hero arc
   - Remove the vertical data-spine visual (too busy in the live layout).
   - Keep orbital arcs static; add a bright moving head + soft luminous tail.
   - Match one full light lap to 5 faster workflow steps (5 x 1.2s = 6s).
   - Reduce incidental motion so the hero becomes the signature animation.
   ====================================================================== */

/* The vertical page-spine made the middle of the homepage feel cluttered. */
.dnb-home-v21-data-spine{display:none!important}

/* Retire the old free-floating orbit dot: the light now travels on the real SVG arc. */
.dnb-home-v21 .dnb-home-v30-ring-rotor{display:none!important}

/* Make the designed dashed paths calm/static; motion comes from the light runner. */
.dnb-home-v21 .dnb-flow-arc{
  animation:none!important;
  stroke-dasharray:5.5 7!important;
  opacity:.73!important;
}

/* Moving light tail exactly follows the same ellipse as the workflow arcs. */
.dnb-home-v21 .dnb-flow-light-tail,
.dnb-home-v21 .dnb-flow-light-head{
  fill:none!important;
  pointer-events:none!important;
  transform-box:fill-box!important;
  transform-origin:center!important;
  stroke-linecap:round!important;
  stroke-dashoffset:0;
}
.dnb-home-v21 .dnb-flow-light-tail{
  stroke:rgba(92,211,248,.34)!important;
  stroke-width:7.5!important;
  stroke-dasharray:11 89!important;
  filter:blur(2.4px) drop-shadow(0 0 8px rgba(76,201,244,.44))!important;
  animation:dnb-flow-light-lap 6s linear infinite!important;
}
.dnb-home-v21 .dnb-flow-light-head{
  stroke:rgba(235,253,255,.98)!important;
  stroke-width:2.9!important;
  stroke-dasharray:3.2 96.8!important;
  filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 9px rgba(87,219,255,.95)) drop-shadow(0 0 17px rgba(72,175,244,.60))!important;
  animation:dnb-flow-light-lap 6s linear infinite!important;
}
@keyframes dnb-flow-light-lap{
  to{stroke-dashoffset:-100}
}

/* Faster flow-state change; brighter but shorter so it feels energetic, not noisy. */
.dnb-home-v21 .dnb-home-v27-node.is-flow-active{
  transform:translateY(-2px) scale(1.018)!important;
  box-shadow:0 0 0 1px rgba(120,215,245,.12),0 16px 26px rgba(0,0,0,.20),0 0 22px rgba(84,177,228,.22)!important;
}
.dnb-home-v21 .dnb-home-v27-core.is-pulsing{
  animation:dnb-home-core-pulse-rc38 .58s ease!important;
}
@keyframes dnb-home-core-pulse-rc38{
  0%{transform:scale(1)}
  48%{transform:scale(1.018);box-shadow:0 20px 38px rgba(0,0,0,.26),0 0 0 10px rgba(88,197,240,0)}
  100%{transform:scale(1)}
}

/* Notes should remain decorative, not another independent moving system. */
.dnb-home-v21 .dnb-home-v30-hero-visual.is-flow-live .dnb-home-v27-note.is-top,
.dnb-home-v21 .dnb-home-v30-hero-visual.is-flow-live .dnb-home-v27-note.is-bottom{
  animation:none!important;
}

/* Product and lower-section effects remain interaction-only; no autonomous clutter. */
.dnb-home-v21 .dnb-home-v21-product-card::before{opacity:0!important}
.dnb-home-v21 .dnb-home-v21-product-card:hover::before,
.dnb-home-v21 .dnb-home-v21-product-card.is-card-hot::before{opacity:.62!important}

/* Keep CTA background extremely subtle. */
.dnb-home-v21 .dnb-home-v21-cta::before{opacity:.10!important}

@media (prefers-reduced-motion:reduce){
  .dnb-home-v21 .dnb-flow-light-tail,
  .dnb-home-v21 .dnb-flow-light-head{animation:none!important}
}


/* ======================================================================
   RC39 — Hero orbit LED/star runner
   - Add a distinct bright star/LED that travels around the workflow ellipse.
   - Keep the luminous tail on the same route so the movement reads clearly.
   - Speed up the full workflow lap to 4.75s (5 steps x 0.95s).
   ====================================================================== */

/* Faster, brighter route light; still narrow enough to avoid visual clutter. */
.dnb-home-v21 .dnb-flow-light-tail{
  stroke:rgba(85,211,249,.44)!important;
  stroke-width:8.5!important;
  stroke-dasharray:14 86!important;
  filter:blur(2.8px) drop-shadow(0 0 9px rgba(80,207,246,.55)) drop-shadow(0 0 18px rgba(55,155,238,.24))!important;
  animation-duration:4.75s!important;
}
.dnb-home-v21 .dnb-flow-light-head{
  stroke:rgba(244,254,255,1)!important;
  stroke-width:3.2!important;
  stroke-dasharray:2.6 97.4!important;
  filter:drop-shadow(0 0 3px rgba(255,255,255,1)) drop-shadow(0 0 9px rgba(107,230,255,.98)) drop-shadow(0 0 18px rgba(59,169,244,.72))!important;
  animation-duration:4.75s!important;
}

/* Star / LED head on the same orbit. */
.dnb-home-v21 .dnb-flow-led-star{
  pointer-events:none!important;
  filter:drop-shadow(0 0 4px rgba(255,255,255,.98)) drop-shadow(0 0 10px rgba(103,231,255,.98)) drop-shadow(0 0 22px rgba(64,180,248,.82))!important;
}
.dnb-home-v21 .dnb-flow-led-halo{
  fill:rgba(92,211,255,.08)!important;
  stroke:rgba(128,232,255,.20)!important;
  stroke-width:1!important;
}
.dnb-home-v21 .dnb-flow-led-ring{
  fill:rgba(105,227,255,.18)!important;
  stroke:rgba(203,249,255,.88)!important;
  stroke-width:1.2!important;
}
.dnb-home-v21 .dnb-flow-led-core{
  fill:#ffffff!important;
  stroke:rgba(217,253,255,1)!important;
  stroke-width:1!important;
}
.dnb-home-v21 .dnb-flow-led-flare{
  fill:none!important;
  stroke:rgba(238,254,255,.96)!important;
  stroke-width:1.45!important;
  stroke-linecap:round!important;
  opacity:.92!important;
}

/* Make the static dashed orbit slightly quieter behind the moving LED. */
.dnb-home-v21 .dnb-flow-ring-base{
  stroke:rgba(92,165,199,.34)!important;
  opacity:.62!important;
}
.dnb-home-v21 .dnb-flow-arc{
  opacity:.58!important;
}

/* A short arrival flash makes Model → Analysis → Design → Rebar → Drawing easy to follow. */
.dnb-home-v21 .dnb-home-v27-node.is-flow-active{
  transform:translateY(-2px) scale(1.022)!important;
  border-color:rgba(151,230,252,.78)!important;
  box-shadow:0 0 0 1px rgba(131,223,250,.17),0 16px 28px rgba(0,0,0,.19),0 0 28px rgba(78,191,239,.32)!important;
}
.dnb-home-v21 .dnb-home-v27-node.is-flow-active::after{
  content:""!important;
  position:absolute!important;
  inset:-5px!important;
  border-radius:inherit!important;
  border:1px solid rgba(128,227,251,.28)!important;
  box-shadow:0 0 22px rgba(82,196,239,.22)!important;
  pointer-events:none!important;
  animation:dnb-node-arrival-rc39 .7s ease both!important;
}
@keyframes dnb-node-arrival-rc39{
  0%{opacity:0;transform:scale(.96)}
  38%{opacity:1;transform:scale(1.015)}
  100%{opacity:0;transform:scale(1.035)}
}

@media (prefers-reduced-motion:reduce){
  .dnb-home-v21 .dnb-flow-led-star{display:none!important}
}


/* ======================================================================
   RC40 — Stronger orbit LED + final lower-text readability pass
   ====================================================================== */

/* Make the runner unmistakable: brighter star, sharper core, shorter luminous comet tail. */
.dnb-home-v21 .dnb-flow-light-tail{
  stroke:rgba(92,220,255,.62)!important;
  stroke-width:10.5!important;
  stroke-dasharray:10 90!important;
  filter:
    blur(3px)
    drop-shadow(0 0 10px rgba(93,221,255,.72))
    drop-shadow(0 0 22px rgba(65,173,246,.36))!important;
  animation-duration:4.2s!important;
}
.dnb-home-v21 .dnb-flow-light-head{
  stroke:#ffffff!important;
  stroke-width:4.1!important;
  stroke-dasharray:2.1 97.9!important;
  filter:
    drop-shadow(0 0 3px #fff)
    drop-shadow(0 0 10px rgba(130,239,255,1))
    drop-shadow(0 0 22px rgba(66,181,249,.88))!important;
  animation-duration:4.2s!important;
}
.dnb-home-v21 .dnb-flow-led-star{
  filter:
    drop-shadow(0 0 5px rgba(255,255,255,1))
    drop-shadow(0 0 13px rgba(132,241,255,1))
    drop-shadow(0 0 30px rgba(61,177,250,.95))!important;
}
.dnb-home-v21 .dnb-flow-led-halo{
  fill:rgba(105,224,255,.16)!important;
  stroke:rgba(151,241,255,.34)!important;
  stroke-width:1.2!important;
  animation:dnb-led-halo-breathe .72s ease-in-out infinite alternate!important;
}
.dnb-home-v21 .dnb-flow-led-ring{
  fill:rgba(118,232,255,.28)!important;
  stroke:#dffcff!important;
  stroke-width:1.5!important;
}
.dnb-home-v21 .dnb-flow-led-core{
  fill:#fff!important;
  stroke:#fff!important;
  stroke-width:1.2!important;
  animation:dnb-led-core-pulse .48s ease-in-out infinite alternate!important;
}
.dnb-home-v21 .dnb-flow-led-flare{
  stroke:#effeff!important;
  stroke-width:1.7!important;
  opacity:1!important;
}
@keyframes dnb-led-halo-breathe{
  from{opacity:.72;transform:scale(.92)}
  to{opacity:1;transform:scale(1.12)}
}
@keyframes dnb-led-core-pulse{
  from{opacity:.9;transform:scale(.92)}
  to{opacity:1;transform:scale(1.18)}
}

/* Keep static route calm so the moving LED dominates the visual hierarchy. */
.dnb-home-v21 .dnb-flow-ring-base{opacity:.48!important}
.dnb-home-v21 .dnb-flow-arc{opacity:.48!important}

/* Remaining support text: raise readability without changing any layout. */
.dnb-home-v21 .dnb-home-v24-difference-head>p{
  font-size:13.8px!important;
  line-height:1.68!important;
  color:#c2cdd4!important;
}
.dnb-home-v21 .dnb-home-v21-products .dnb-home-v23-section-summary{
  font-size:12.4px!important;
  line-height:1.72!important;
  color:#a8b8c2!important;
}
.dnb-home-v21 .dnb-home-v21-product-card>p{
  font-size:12px!important;
  line-height:1.72!important;
  color:#acbbc4!important;
}
.dnb-home-v21 .dnb-home-v21-product-card li{
  font-size:11px!important;
  line-height:1.66!important;
}
.dnb-home-v21 .dnb-home-v21-compare .dnb-home-v21-section-head>p{
  font-size:13.5px!important;
  line-height:1.72!important;
  color:#b7c5ce!important;
}
.dnb-home-v21 .dnb-home-v21-compare-grid li{
  font-size:11px!important;
  line-height:1.66!important;
}
.dnb-home-v21 .dnb-home-v21-controlled span{
  font-size:9.1px!important;
}
.dnb-home-v21 .dnb-home-v21-proof-copy>p{
  font-size:13px!important;
  line-height:1.74!important;
  color:#adbbc4!important;
}
.dnb-home-v21 .dnb-home-v21-proof-list strong{
  font-size:11.8px!important;
  line-height:1.38!important;
}
.dnb-home-v21 .dnb-home-v21-proof-list small{
  font-size:9.8px!important;
  line-height:1.55!important;
  color:#9daeba!important;
}
.dnb-home-v21 .dnb-home-v21-cta p{
  font-size:12.8px!important;
  line-height:1.72!important;
  color:#b0bec7!important;
}

@media (max-width:1180px) and (min-width:981px){
  .dnb-home-v21 .dnb-home-v24-difference-head>p{font-size:12px!important}
  .dnb-home-v21 .dnb-home-v21-products .dnb-home-v23-section-summary{font-size:11.2px!important}
  .dnb-home-v21 .dnb-home-v21-product-card>p{font-size:10.8px!important}
  .dnb-home-v21 .dnb-home-v21-product-card li{font-size:9.8px!important}
  .dnb-home-v21 .dnb-home-v21-compare .dnb-home-v21-section-head>p{font-size:11.8px!important}
  .dnb-home-v21 .dnb-home-v21-compare-grid li{font-size:9.8px!important}
  .dnb-home-v21 .dnb-home-v21-proof-copy>p{font-size:11.4px!important}
  .dnb-home-v21 .dnb-home-v21-proof-list strong{font-size:10.4px!important}
  .dnb-home-v21 .dnb-home-v21-proof-list small{font-size:8.6px!important}
  .dnb-home-v21 .dnb-home-v21-cta p{font-size:11.2px!important}
}

@media (prefers-reduced-motion:reduce){
  .dnb-home-v21 .dnb-flow-led-halo,
  .dnb-home-v21 .dnb-flow-led-core{animation:none!important}
}


/* ======================================================================
   RC41 — Single orbit star runner synced with node highlights
   - Remove broad free glow bands from the orbit.
   - Use one star-like LED on the dashed route.
   - Start near the top-right route segment and sync node order to that route.
   ====================================================================== */

/* Only the dashed ellipse and one moving star should communicate flow. */
.dnb-home-v21 .dnb-flow-light-tail,
.dnb-home-v21 .dnb-flow-light-head{display:none!important}

.dnb-home-v21 .dnb-flow-ring-base{
  stroke:rgba(88,164,205,.34)!important;
  stroke-width:1.2!important;
  opacity:.58!important;
}
.dnb-home-v21 .dnb-flow-arc{
  stroke:rgba(174,230,248,.72)!important;
  stroke-width:1.8!important;
  stroke-dasharray:5 8!important;
  opacity:.82!important;
  filter:drop-shadow(0 0 4px rgba(83,176,234,.16))!important;
}

/* One star / LED runner with a small comet tail that stays tangent to the orbit. */
.dnb-home-v21 .dnb-flow-led-star{
  pointer-events:none!important;
  filter:
    drop-shadow(0 0 4px rgba(255,255,255,1))
    drop-shadow(0 0 10px rgba(144,241,255,.95))
    drop-shadow(0 0 22px rgba(63,175,246,.92))!important;
}
.dnb-home-v21 .dnb-flow-led-tail{
  fill:none!important;
  stroke:rgba(124,234,255,.95)!important;
  stroke-width:2.2!important;
  stroke-linecap:round!important;
  filter:drop-shadow(0 0 6px rgba(96,224,255,.6))!important;
  opacity:.95!important;
}
.dnb-home-v21 .dnb-flow-led-tail.is-soft{
  stroke:rgba(97,214,255,.42)!important;
  stroke-width:5.8!important;
  filter:blur(2.4px)!important;
  opacity:.78!important;
}
.dnb-home-v21 .dnb-flow-led-halo{
  fill:rgba(114,231,255,.16)!important;
  stroke:rgba(199,248,255,.34)!important;
  stroke-width:1.15!important;
  animation:dnb-led-halo-breathe-rc41 .62s ease-in-out infinite alternate!important;
}
.dnb-home-v21 .dnb-flow-led-ring{
  fill:rgba(145,241,255,.24)!important;
  stroke:#effeff!important;
  stroke-width:1.35!important;
}
.dnb-home-v21 .dnb-flow-led-core{
  fill:#ffffff!important;
  stroke:#ffffff!important;
  stroke-width:1.15!important;
  animation:dnb-led-core-pulse-rc41 .42s ease-in-out infinite alternate!important;
}
.dnb-home-v21 .dnb-flow-led-flare{
  fill:none!important;
  stroke:#f4feff!important;
  stroke-width:1.6!important;
  stroke-linecap:round!important;
  opacity:1!important;
}
@keyframes dnb-led-halo-breathe-rc41{
  from{opacity:.72;transform:scale(.92)}
  to{opacity:1;transform:scale(1.14)}
}
@keyframes dnb-led-core-pulse-rc41{
  from{opacity:.92;transform:scale(.94)}
  to{opacity:1;transform:scale(1.16)}
}

/* Node highlight should feel like the LED has arrived at that node. */
.dnb-home-v21 .dnb-home-v27-node{
  transition:border-color .26s ease, box-shadow .26s ease, transform .26s ease!important;
}
.dnb-home-v21 .dnb-home-v27-node.is-flow-active{
  transform:translateY(-2px) scale(1.02)!important;
  border-color:rgba(162,234,252,.86)!important;
  box-shadow:
    0 0 0 1px rgba(120,221,249,.12),
    0 18px 30px rgba(0,0,0,.22),
    0 0 24px rgba(72,188,241,.28)!important;
}
.dnb-home-v21 .dnb-home-v27-node.is-flow-active>span{
  background:rgba(62,174,240,.2)!important;
  box-shadow:0 0 0 1px rgba(123,223,249,.12),0 0 14px rgba(72,189,241,.24)!important;
}
.dnb-home-v21 .dnb-home-v27-node.is-flow-active::after{
  content:""!important;
  position:absolute!important;
  inset:-4px!important;
  border-radius:inherit!important;
  border:1px solid rgba(129,226,250,.28)!important;
  box-shadow:0 0 18px rgba(82,196,239,.18)!important;
  pointer-events:none!important;
  animation:dnb-node-arrival-rc41 .72s ease both!important;
}
@keyframes dnb-node-arrival-rc41{
  0%{opacity:0;transform:scale(.97)}
  40%{opacity:1;transform:scale(1.014)}
  100%{opacity:0;transform:scale(1.03)}
}

@media (prefers-reduced-motion:reduce){
  .dnb-home-v21 .dnb-flow-led-star{display:none!important}
  .dnb-home-v21 .dnb-flow-led-halo,
  .dnb-home-v21 .dnb-flow-led-core{animation:none!important}
}


/* ======================================================================
   RC42 — Guaranteed visible JS-driven orbit star
   The previous SMIL <animateMotion> could remain at SVG origin in some
   Chromium/browser configurations. JS now sets the SVG transform every frame.
   ====================================================================== */
.dnb-home-v21 .dnb-flow-led-star{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  transform-box:view-box!important;
  will-change:transform!important;
}
.dnb-home-v21 .dnb-flow-led-tail{
  fill:none!important;
  stroke:#9ff3ff!important;
  stroke-width:2.7!important;
  stroke-linecap:round!important;
  opacity:1!important;
  filter:drop-shadow(0 0 5px rgba(122,235,255,.78))!important;
}
.dnb-home-v21 .dnb-flow-led-tail.is-soft{
  stroke:rgba(80,207,255,.58)!important;
  stroke-width:7.5!important;
  opacity:.86!important;
  filter:blur(2.6px) drop-shadow(0 0 8px rgba(91,218,255,.55))!important;
}
.dnb-home-v21 .dnb-flow-led-halo,
.dnb-home-v21 .dnb-flow-led-ring,
.dnb-home-v21 .dnb-flow-led-core,
.dnb-home-v21 .dnb-flow-led-flare{
  transform-box:fill-box!important;
  transform-origin:center!important;
}
.dnb-home-v21 .dnb-flow-led-halo{
  fill:rgba(113,230,255,.22)!important;
  stroke:rgba(212,251,255,.46)!important;
  stroke-width:1.3!important;
}
.dnb-home-v21 .dnb-flow-led-ring{
  fill:rgba(134,238,255,.35)!important;
  stroke:#effeff!important;
  stroke-width:1.5!important;
}
.dnb-home-v21 .dnb-flow-led-core{
  fill:#fff!important;
  stroke:#fff!important;
  stroke-width:1.2!important;
}
.dnb-home-v21 .dnb-flow-led-flare{
  fill:none!important;
  stroke:#fff!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  opacity:1!important;
}
.dnb-home-v21 .dnb-flow-led-star{
  filter:
    drop-shadow(0 0 4px rgba(255,255,255,1))
    drop-shadow(0 0 10px rgba(153,243,255,1))
    drop-shadow(0 0 24px rgba(69,181,250,.95))!important;
}
/* Static route remains visible, but secondary to the star. */
.dnb-home-v21 .dnb-flow-arc{
  stroke:rgba(189,234,248,.73)!important;
  stroke-width:1.55!important;
  stroke-dasharray:5 8!important;
  opacity:.74!important;
}
.dnb-home-v21 .dnb-flow-ring-base{opacity:.34!important}

/* Prevent older reduced-motion rule from hiding the runner completely. */
@media (prefers-reduced-motion:reduce){
  .dnb-home-v21 .dnb-flow-led-star{display:block!important;visibility:visible!important;opacity:1!important}
  .dnb-home-v21 .dnb-flow-led-halo,
  .dnb-home-v21 .dnb-flow-led-core{animation:none!important}
}


/* ======================================================================
   RC43 — Restore strong node-border glow and lock it to the orbit star
   - The active card is now chosen by geometric proximity to the moving LED.
   - Each card keeps its own accent color while active.
   ====================================================================== */

/* Accent tokens per workflow stage. */
.dnb-home-v21 .dnb-home-v27-node.is-model{--dnb-flow-node-rgb:72,174,255}
.dnb-home-v21 .dnb-home-v27-node.is-analysis{--dnb-flow-node-rgb:44,208,255}
.dnb-home-v21 .dnb-home-v27-node.is-design{--dnb-flow-node-rgb:244,168,43}
.dnb-home-v21 .dnb-home-v27-node.is-rebar{--dnb-flow-node-rgb:54,219,159}
.dnb-home-v21 .dnb-home-v27-node.is-drawing{--dnb-flow-node-rgb:161,111,244}

/* Make the arrival state unmistakable but still premium. */
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-flow-active{
  transform:translateY(-2px) scale(1.026)!important;
  border-color:rgba(var(--dnb-flow-node-rgb),.98)!important;
  background:
    radial-gradient(circle at 24% 15%,rgba(var(--dnb-flow-node-rgb),.14),transparent 40%),
    linear-gradient(180deg,rgba(8,32,51,.97),rgba(5,22,37,.985))!important;
  box-shadow:
    0 0 0 1px rgba(var(--dnb-flow-node-rgb),.25),
    0 0 14px rgba(var(--dnb-flow-node-rgb),.38),
    0 0 30px rgba(var(--dnb-flow-node-rgb),.24),
    0 18px 32px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
  filter:brightness(1.08)!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-flow-active > span{
  border:1px solid rgba(var(--dnb-flow-node-rgb),.42)!important;
  background:rgba(var(--dnb-flow-node-rgb),.18)!important;
  box-shadow:
    0 0 10px rgba(var(--dnb-flow-node-rgb),.34),
    0 0 22px rgba(var(--dnb-flow-node-rgb),.18)!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-flow-active::after{
  content:""!important;
  position:absolute!important;
  inset:-5px!important;
  border-radius:inherit!important;
  border:1px solid rgba(var(--dnb-flow-node-rgb),.48)!important;
  box-shadow:
    0 0 13px rgba(var(--dnb-flow-node-rgb),.30),
    0 0 26px rgba(var(--dnb-flow-node-rgb),.16)!important;
  opacity:1!important;
  pointer-events:none!important;
  animation:dnb-node-border-breathe-rc43 .66s ease-in-out infinite alternate!important;
}
@keyframes dnb-node-border-breathe-rc43{
  from{opacity:.55;transform:scale(.995)}
  to{opacity:1;transform:scale(1.012)}
}

/* The star itself remains the primary moving cue. */
.dnb-home-v21 .dnb-flow-led-star{
  filter:
    drop-shadow(0 0 4px rgba(255,255,255,1))
    drop-shadow(0 0 11px rgba(150,244,255,1))
    drop-shadow(0 0 25px rgba(65,181,250,.98))!important;
}

@media (prefers-reduced-motion:reduce){
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-flow-active::after{animation:none!important}
}
\n\n/* ======================================================================\n   RC44 — Keep the orbit runner moving on Windows/Edge reduced-motion setups\n   - RC43 could freeze at ANALYSIS because prefers-reduced-motion short-circuited JS.\n   - The star position now always moves; reduced-motion only softens its pulse/glow.\n   ====================================================================== */\n\n/* Never hide the actual runner; it carries the workflow meaning. */\n.dnb-home-v21 .dnb-flow-led-star{\n  display:inline!important;\n  visibility:visible!important;\n  opacity:1!important;\n}\n\n/* Ensure the active-card glow is obvious while the runner is moving. */\n.dnb-home-v21 .dnb-home-v27-node.is-flow-active{\n  border-width:1.4px!important;\n}\n\n@media (prefers-reduced-motion:reduce){\n  /* Keep orbit position movement, but remove breathing/pulsing flourishes. */\n  .dnb-home-v21 .dnb-flow-led-star{display:inline!important}\n  .dnb-home-v21 .dnb-flow-led-halo,\n  .dnb-home-v21 .dnb-flow-led-core{animation:none!important}\n  .dnb-home-v21 .dnb-home-v27-node.is-flow-active::after{animation:none!important;opacity:.72!important}\n}\n

/* === RC45: compare typography sync + hero lap glow === */
.dnb-home-v21 .dnb-home-v21-compare .dnb-v3-eyebrow,
.dnb-home-v21 .dnb-home-v21-proof-copy .dnb-v3-eyebrow{
  font-size:7.4px!important;
  letter-spacing:.18em!important;
  font-weight:800!important;
}
.dnb-home-v21 .dnb-home-v21-compare .dnb-home-v21-section-head h2{
  font-size:clamp(36px,3.25vw,48px)!important;
  line-height:1.04!important;
  letter-spacing:-.05em!important;
  font-weight:700!important;
}
.dnb-home-v21 .dnb-home-v21-compare .dnb-home-v21-section-head h2 em{
  display:block!important;
  color:#49c8f0!important;
  font-style:normal!important;
  font-weight:700!important;
}
.dnb-home-v21 .dnb-home-v21-compare .dnb-home-v21-section-head>p{
  font-size:12.6px!important;
  line-height:1.72!important;
  color:#c0ccd4!important;
  max-width:460px!important;
}
.dnb-home-v21 .dnb-home-v21-compare-grid article header small{
  font-size:7.2px!important;
  letter-spacing:.16em!important;
  font-weight:800!important;
}
.dnb-home-v21 .dnb-home-v21-compare-grid article header h3{
  font-size:18.8px!important;
  line-height:1.22!important;
  letter-spacing:-.022em!important;
  font-weight:650!important;
}
.dnb-home-v21 .dnb-home-v21-chain span{
  font-size:8.2px!important;
  font-weight:700!important;
}
.dnb-home-v21 .dnb-home-v21-compare-grid li{
  font-size:10px!important;
  line-height:1.6!important;
}
.dnb-home-v21 .dnb-home-v21-controlled strong{
  font-size:7px!important;
  letter-spacing:.11em!important;
}
.dnb-home-v21 .dnb-home-v21-controlled span{
  font-size:7.8px!important;
}
.dnb-home-v21 .dnb-home-v21-compare-switch b{
  font-size:7.4px!important;
  letter-spacing:.14em!important;
}

.dnb-home-v21 .dnb-home-v27-core{
  transform-origin:center center!important;
}
.dnb-home-v21 .dnb-home-v27-core.is-orbit-burst{
  animation:dnb-home-core-orbit-burst 1.15s cubic-bezier(.2,.72,.16,1)!important;
}
@keyframes dnb-home-core-orbit-burst{
  0%{
    transform:translate(-50%,-50%) scale(1);
    box-shadow:0 22px 42px rgba(0,0,0,.34),0 0 28px rgba(71,193,239,.18),inset 0 1px 0 rgba(255,255,255,.05);
    border-color:rgba(68,172,223,.86);
  }
  18%{
    transform:translate(-50%,-50%) scale(1.028);
    box-shadow:0 22px 46px rgba(0,0,0,.34),0 0 0 1px rgba(92,209,248,.22),0 0 24px rgba(89,210,247,.34),0 0 52px rgba(89,210,247,.26),0 0 86px rgba(89,210,247,.16),inset 0 1px 0 rgba(255,255,255,.06);
    border-color:rgba(111,219,255,.96);
  }
  52%{
    transform:translate(-50%,-50%) scale(1.04);
    box-shadow:0 26px 54px rgba(0,0,0,.36),0 0 0 14px rgba(92,209,248,0),0 0 42px rgba(89,210,247,.30),0 0 104px rgba(89,210,247,.14),inset 0 1px 0 rgba(255,255,255,.08);
    border-color:rgba(129,229,255,.92);
  }
  100%{
    transform:translate(-50%,-50%) scale(1);
    box-shadow:0 22px 42px rgba(0,0,0,.34),0 0 30px rgba(65,170,222,.16),inset 0 1px 0 rgba(255,255,255,.05);
    border-color:rgba(68,172,223,.86);
  }
}
.dnb-home-v21 .dnb-home-v27-core.is-orbit-burst > span{
  animation:dnb-home-core-icon-burst 1.15s ease!important;
}
@keyframes dnb-home-core-icon-burst{
  0%{box-shadow:0 0 0 rgba(90,213,249,0);background:rgba(62,164,216,.15)}
  26%{box-shadow:0 0 26px rgba(90,213,249,.26),0 0 48px rgba(90,213,249,.10);background:rgba(79,193,238,.22)}
  100%{box-shadow:0 0 0 rgba(90,213,249,0);background:rgba(62,164,216,.15)}
}

@media(max-width:1280px){
  .dnb-home-v21 .dnb-home-v21-compare .dnb-home-v21-section-head h2{font-size:34px!important}
  .dnb-home-v21 .dnb-home-v21-compare .dnb-home-v21-section-head>p{font-size:11.6px!important}
}
@media(max-width:900px){
  .dnb-home-v21 .dnb-home-v21-compare .dnb-home-v21-section-head h2{font-size:30px!important}
  .dnb-home-v21 .dnb-home-v21-compare .dnb-home-v21-section-head>p{font-size:10.8px!important;max-width:none!important}
  .dnb-home-v21 .dnb-home-v21-compare-grid article header h3{font-size:17px!important}
  .dnb-home-v21 .dnb-home-v21-compare-grid li{font-size:9.5px!important}
}


/* ======================================================================
   RC46 — Compare typography hard-sync + unmistakable D&B DATA lap burst
   - Explicitly uses the same Quicksand family as the approved section above.
   - D&B DATA only bursts once per completed orbit (not on every node).
   ====================================================================== */

/* Exact typography match with the approved "Khác biệt cốt lõi" language. */
.dnb-home-v21 .dnb-home-v21-compare .dnb-v3-eyebrow{
  font-family:"IBM Plex Mono",Consolas,monospace!important;
  font-size:8.8px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:.18em!important;
  color:#63d5a8!important;
}
.dnb-home-v21 .dnb-home-v21-compare .dnb-home-v21-section-head h2{
  margin:0!important;
  font-family:"Quicksand","Be Vietnam Pro","Segoe UI",Arial,sans-serif!important;
  font-size:clamp(31px,2.15vw,39px)!important;
  line-height:1.06!important;
  font-weight:700!important;
  letter-spacing:-.038em!important;
  color:#f4f7fa!important;
  text-wrap:balance!important;
}
.dnb-home-v21 .dnb-home-v21-compare .dnb-home-v21-section-head h2 em{
  display:block!important;
  font-family:inherit!important;
  font-style:normal!important;
  font-weight:700!important;
  color:#36c8f2!important;
}
.dnb-home-v21 .dnb-home-v21-compare .dnb-home-v21-section-head>p{
  margin:12px 0 0 auto!important;
  font-family:"Quicksand","Be Vietnam Pro","Segoe UI",Arial,sans-serif!important;
  font-size:12px!important;
  line-height:1.58!important;
  font-weight:500!important;
  color:#b8c6cf!important;
  max-width:430px!important;
}
.dnb-home-v21 .dnb-home-v21-compare-grid article header small{
  font-family:"IBM Plex Mono",Consolas,monospace!important;
  font-size:7.6px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.15em!important;
}
.dnb-home-v21 .dnb-home-v21-compare-grid article header h3{
  font-family:"Quicksand","Be Vietnam Pro","Segoe UI",Arial,sans-serif!important;
  font-size:19px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
}
.dnb-home-v21 .dnb-home-v21-chain span,
.dnb-home-v21 .dnb-home-v21-compare-grid li,
.dnb-home-v21 .dnb-home-v21-controlled span{
  font-family:"Quicksand","Be Vietnam Pro","Segoe UI",Arial,sans-serif!important;
}
.dnb-home-v21 .dnb-home-v21-chain span{
  font-size:8.5px!important;
  font-weight:700!important;
}
.dnb-home-v21 .dnb-home-v21-compare-grid li{
  font-size:10.4px!important;
  line-height:1.62!important;
  font-weight:500!important;
}
.dnb-home-v21 .dnb-home-v21-controlled strong{
  font-family:"IBM Plex Mono",Consolas,monospace!important;
  font-size:7.3px!important;
  letter-spacing:.10em!important;
}
.dnb-home-v21 .dnb-home-v21-controlled span{
  font-size:8.2px!important;
  line-height:1.45!important;
}

/* D&B DATA lap completion: visible flash + two expanding cyan rings. */
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core{
  overflow:visible!important;
  isolation:isolate!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core::before,
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core::after{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:24px;
  pointer-events:none;
  opacity:0;
  z-index:-1;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core.is-orbit-burst{
  animation:dnb-core-lap-flash-rc46 1.45s cubic-bezier(.18,.72,.18,1)!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core.is-orbit-burst::before{
  border:2px solid rgba(142,239,255,.94);
  box-shadow:0 0 18px rgba(86,215,255,.76),0 0 42px rgba(70,190,249,.48);
  animation:dnb-core-ring-one-rc46 1.25s ease-out both!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core.is-orbit-burst::after{
  inset:-5px;
  border:1px solid rgba(117,224,255,.72);
  box-shadow:0 0 24px rgba(91,219,255,.55);
  animation:dnb-core-ring-two-rc46 1.38s .08s ease-out both!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core.is-orbit-burst>span{
  animation:dnb-core-icon-flash-rc46 1.15s ease-out both!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core.is-orbit-burst strong{
  animation:dnb-core-text-flash-rc46 1.15s ease-out both!important;
}
@keyframes dnb-core-lap-flash-rc46{
  0%{
    transform:translate(-50%,-50%) scale(1);
    border-color:rgba(60,217,255,.98);
    background:radial-gradient(circle at 50% 24%,rgba(41,158,210,.20),transparent 42%),linear-gradient(180deg,rgba(8,69,100,.97),rgba(4,34,54,.99));
    box-shadow:0 23px 48px rgba(0,0,0,.36),0 0 38px rgba(47,206,255,.30),0 0 0 1px rgba(63,204,249,.10),inset 0 1px 0 rgba(255,255,255,.09);
  }
  20%{
    transform:translate(-50%,-50%) scale(1.035);
    border-color:#bff8ff;
    background:radial-gradient(circle at 50% 34%,rgba(85,218,255,.34),transparent 56%),linear-gradient(180deg,rgba(10,91,128,.99),rgba(4,40,62,.99));
    box-shadow:0 25px 52px rgba(0,0,0,.34),0 0 16px rgba(223,252,255,.70),0 0 48px rgba(92,224,255,.62),0 0 92px rgba(67,183,248,.38),inset 0 0 30px rgba(97,218,255,.14);
  }
  52%{
    transform:translate(-50%,-50%) scale(1.045);
    border-color:#e7fdff;
    box-shadow:0 27px 56px rgba(0,0,0,.34),0 0 22px rgba(229,253,255,.68),0 0 64px rgba(92,224,255,.54),0 0 132px rgba(67,183,248,.28),inset 0 0 36px rgba(97,218,255,.13);
  }
  100%{
    transform:translate(-50%,-50%) scale(1);
    border-color:rgba(60,217,255,.98);
    background:radial-gradient(circle at 50% 24%,rgba(41,158,210,.20),transparent 42%),linear-gradient(180deg,rgba(8,69,100,.97),rgba(4,34,54,.99));
    box-shadow:0 23px 48px rgba(0,0,0,.36),0 0 38px rgba(47,206,255,.30),0 0 0 1px rgba(63,204,249,.10),inset 0 1px 0 rgba(255,255,255,.09);
  }
}
@keyframes dnb-core-ring-one-rc46{
  0%{opacity:0;transform:scale(.94)}
  18%{opacity:1;transform:scale(1)}
  100%{opacity:0;transform:scale(1.30)}
}
@keyframes dnb-core-ring-two-rc46{
  0%{opacity:0;transform:scale(.98)}
  25%{opacity:.8;transform:scale(1.03)}
  100%{opacity:0;transform:scale(1.48)}
}
@keyframes dnb-core-icon-flash-rc46{
  0%{transform:scale(1);box-shadow:0 0 22px rgba(59,202,255,.22)}
  28%{transform:scale(1.11);box-shadow:0 0 18px rgba(236,254,255,.74),0 0 42px rgba(80,218,255,.60)}
  100%{transform:scale(1);box-shadow:0 0 22px rgba(59,202,255,.22)}
}
@keyframes dnb-core-text-flash-rc46{
  0%{text-shadow:none}
  30%{text-shadow:0 0 8px rgba(255,255,255,.75),0 0 20px rgba(87,220,255,.50)}
  100%{text-shadow:none}
}

@media(max-width:1180px) and (min-width:981px){
  .dnb-home-v21 .dnb-home-v21-compare .dnb-v3-eyebrow{font-size:8px!important}
  .dnb-home-v21 .dnb-home-v21-compare .dnb-home-v21-section-head h2{font-size:34px!important}
  .dnb-home-v21 .dnb-home-v21-compare .dnb-home-v21-section-head>p{font-size:11.2px!important}
  .dnb-home-v21 .dnb-home-v21-compare-grid article header h3{font-size:17.5px!important}
  .dnb-home-v21 .dnb-home-v21-compare-grid li{font-size:9.7px!important}
}

/* ======================================================================
   RC47 — Orbit runner = glowing star + elevated hover cards
   ====================================================================== */
.dnb-home-v21 .dnb-flow-led-star{
  display:block!important;visibility:visible!important;opacity:1!important;
  transform-box:view-box!important;will-change:transform!important;
  filter:drop-shadow(0 0 5px rgba(255,255,255,.95)) drop-shadow(0 0 12px rgba(151,240,255,.95)) drop-shadow(0 0 28px rgba(74,189,255,.95))!important;
}
.dnb-home-v21 .dnb-flow-led-tail{fill:none!important;stroke:#baf7ff!important;stroke-width:2.5!important;stroke-linecap:round!important;opacity:1!important;filter:drop-shadow(0 0 5px rgba(123,235,255,.82))!important}
.dnb-home-v21 .dnb-flow-led-tail.is-soft{stroke:rgba(87,213,255,.58)!important;stroke-width:7.4!important;opacity:.82!important;filter:blur(2.5px) drop-shadow(0 0 9px rgba(98,220,255,.58))!important}
.dnb-home-v21 .dnb-flow-led-halo,.dnb-home-v21 .dnb-flow-led-ring,.dnb-home-v21 .dnb-flow-led-core,.dnb-home-v21 .dnb-flow-led-flare,.dnb-home-v21 .dnb-flow-led-star-shape,.dnb-home-v21 .dnb-flow-led-star-inner{transform-box:fill-box!important;transform-origin:center!important}
.dnb-home-v21 .dnb-flow-led-halo{fill:rgba(116,231,255,.18)!important;stroke:rgba(216,252,255,.42)!important;stroke-width:1.2!important}
.dnb-home-v21 .dnb-flow-led-ring{fill:rgba(132,238,255,.20)!important;stroke:rgba(236,254,255,.92)!important;stroke-width:1.45!important}
.dnb-home-v21 .dnb-flow-led-star-shape{fill:#fff!important;stroke:#e8fdff!important;stroke-width:1.15!important;stroke-linejoin:round!important}
.dnb-home-v21 .dnb-flow-led-star-inner{fill:#86ecff!important;stroke:none!important;opacity:.92!important}
.dnb-home-v21 .dnb-flow-led-core{fill:#fff!important;stroke:none!important}
.dnb-home-v21 .dnb-flow-led-flare{fill:none!important;stroke:#fff!important;stroke-width:1.7!important;stroke-linecap:round!important;opacity:.95!important}
@keyframes dnb-star-pulse-rc47{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.96}}
@keyframes dnb-star-halo-pulse-rc47{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.16);opacity:1}}
.dnb-home-v21 .dnb-flow-led-star-shape,.dnb-home-v21 .dnb-flow-led-star-inner,.dnb-home-v21 .dnb-flow-led-core{animation:dnb-star-pulse-rc47 1.45s ease-in-out infinite!important}
.dnb-home-v21 .dnb-flow-led-halo{animation:dnb-star-halo-pulse-rc47 1.7s ease-in-out infinite!important}

.dnb-home-v21 .dnb-home-v24-difference-grid{overflow:visible!important}
.dnb-home-v21 .dnb-home-v24-diff-card{
  position:relative!important;transform:translateY(0) scale(1)!important;transform-origin:center bottom!important;
  transition:transform .26s cubic-bezier(.22,.78,.24,1),box-shadow .26s ease,border-color .26s ease,background .26s ease!important;
  will-change:transform,box-shadow!important;z-index:1!important;
}
.dnb-home-v21 .dnb-home-v24-diff-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .26s ease!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.dnb-home-v21 .dnb-home-v24-diff-card:hover,.dnb-home-v21 .dnb-home-v24-diff-card:focus-within{transform:translateY(-10px) scale(1.015)!important;z-index:4!important}
.dnb-home-v21 .dnb-home-v24-diff-card:hover::after,.dnb-home-v21 .dnb-home-v24-diff-card:focus-within::after{opacity:1!important}
.dnb-home-v21 .dnb-home-v24-diff-card.is-data:hover,.dnb-home-v21 .dnb-home-v24-diff-card.is-data:focus-within{border-color:rgba(69,186,240,.88)!important;box-shadow:0 20px 40px rgba(0,0,0,.34),0 12px 26px rgba(69,186,240,.16),0 0 0 1px rgba(69,186,240,.22)!important}
.dnb-home-v21 .dnb-home-v24-diff-card.is-update:hover,.dnb-home-v21 .dnb-home-v24-diff-card.is-update:focus-within{border-color:rgba(67,214,158,.86)!important;box-shadow:0 20px 40px rgba(0,0,0,.34),0 12px 26px rgba(67,214,158,.15),0 0 0 1px rgba(67,214,158,.22)!important}
.dnb-home-v21 .dnb-home-v24-diff-card.is-project:hover,.dnb-home-v21 .dnb-home-v24-diff-card.is-project:focus-within{border-color:rgba(155,126,242,.84)!important;box-shadow:0 20px 40px rgba(0,0,0,.34),0 12px 26px rgba(155,126,242,.15),0 0 0 1px rgba(155,126,242,.22)!important}
.dnb-home-v21 .dnb-home-v24-diff-card.is-account:hover,.dnb-home-v21 .dnb-home-v24-diff-card.is-account:focus-within{border-color:rgba(240,168,47,.84)!important;box-shadow:0 20px 40px rgba(0,0,0,.34),0 12px 26px rgba(240,168,47,.15),0 0 0 1px rgba(240,168,47,.22)!important}
@media (hover:none){.dnb-home-v21 .dnb-home-v24-diff-card:hover{transform:none!important;box-shadow:none!important}}
@media (prefers-reduced-motion:reduce){
  .dnb-home-v21 .dnb-flow-led-star-shape,.dnb-home-v21 .dnb-flow-led-star-inner,.dnb-home-v21 .dnb-flow-led-core,.dnb-home-v21 .dnb-flow-led-halo{animation:none!important}
  .dnb-home-v21 .dnb-home-v24-diff-card{transition:none!important}
}


/* ======================================================================
   RC48 — Sparkle star runner without tail
   - Removes the comet tail and keeps a clean twinkling star, closer to the
     reference the user approved.
   ====================================================================== */
.dnb-home-v21 .dnb-flow-led-tail{display:none!important}

.dnb-home-v21 .dnb-flow-led-star.is-sparkle{
  filter:
    drop-shadow(0 0 4px rgba(255,255,255,.98))
    drop-shadow(0 0 10px rgba(196,246,255,.92))
    drop-shadow(0 0 20px rgba(89,196,255,.84))!important;
}
.dnb-home-v21 .dnb-flow-led-star.is-sparkle .dnb-flow-led-halo{
  fill:rgba(127,233,255,.16)!important;
  stroke:rgba(224,252,255,.40)!important;
  stroke-width:1.15!important;
}
.dnb-home-v21 .dnb-flow-led-star.is-sparkle .dnb-flow-led-ring{
  fill:rgba(146,240,255,.18)!important;
  stroke:rgba(255,255,255,.90)!important;
  stroke-width:1.3!important;
}
.dnb-home-v21 .dnb-flow-led-star.is-sparkle .dnb-flow-led-star-shape{
  fill:#ffffff!important;
  stroke:#ebfdff!important;
  stroke-width:1.05!important;
  stroke-linejoin:round!important;
}
.dnb-home-v21 .dnb-flow-led-star.is-sparkle .dnb-flow-led-star-inner{
  fill:#8deeff!important;
  opacity:.94!important;
}
.dnb-home-v21 .dnb-flow-led-star.is-sparkle .dnb-flow-led-core{
  fill:#ffffff!important;
}
.dnb-home-v21 .dnb-flow-led-star.is-sparkle .dnb-flow-led-flare{
  fill:none!important;
  stroke:#ffffff!important;
  stroke-width:1.55!important;
  stroke-linecap:round!important;
  opacity:.96!important;
}

@keyframes dnb-sparkle-star-pulse-rc48{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(1.06);opacity:.98}
}
@keyframes dnb-sparkle-halo-pulse-rc48{
  0%,100%{transform:scale(1);opacity:.76}
  50%{transform:scale(1.14);opacity:1}
}
.dnb-home-v21 .dnb-flow-led-star.is-sparkle .dnb-flow-led-star-shape,
.dnb-home-v21 .dnb-flow-led-star.is-sparkle .dnb-flow-led-star-inner,
.dnb-home-v21 .dnb-flow-led-star.is-sparkle .dnb-flow-led-core,
.dnb-home-v21 .dnb-flow-led-star.is-sparkle .dnb-flow-led-flare{
  animation:dnb-sparkle-star-pulse-rc48 1.55s ease-in-out infinite!important;
}
.dnb-home-v21 .dnb-flow-led-star.is-sparkle .dnb-flow-led-halo,
.dnb-home-v21 .dnb-flow-led-star.is-sparkle .dnb-flow-led-ring{
  animation:dnb-sparkle-halo-pulse-rc48 1.75s ease-in-out infinite!important;
}


/* ======================================================================
   RC49 — Home page polish pass
   - Reduce hero visual noise, strengthen focal hierarchy, refine proof stats,
     deepen the 4-card section and smooth the transition below the hero.
   ====================================================================== */

/* 1) Hero: calmer overall lighting and stronger reading area on the left. */
.dnb-home-v21 .dnb-home-v21-hero{
  position:relative!important;
}
.dnb-home-v21 .dnb-home-v21-hero::before{
  background:
    radial-gradient(circle at 18% 28%, rgba(20,56,86,.22) 0%, rgba(7,24,39,.08) 34%, rgba(4,16,27,0) 62%),
    linear-gradient(90deg, rgba(4,18,30,.78) 0%, rgba(4,18,30,.56) 26%, rgba(4,18,30,.18) 54%, rgba(4,18,30,0) 75%)!important;
  opacity:1!important;
}
.dnb-home-v21 .dnb-home-v21-hero::after{
  background:linear-gradient(180deg, rgba(4,19,31,.00) 0%, rgba(4,19,31,.10) 48%, rgba(4,19,31,.38) 100%)!important;
  opacity:1!important;
}
.dnb-home-v21 .dnb-home-v21-hero-copy{
  position:relative!important;
  z-index:9!important;
}
.dnb-home-v21 .dnb-home-v21-hero-copy::before{
  content:"";
  position:absolute;
  inset:-18px 14% -16px -26px;
  border-radius:32px;
  background:linear-gradient(90deg, rgba(5,19,31,.42) 0%, rgba(5,19,31,.20) 54%, rgba(5,19,31,0) 100%);
  filter:blur(10px);
  pointer-events:none;
  z-index:-1;
}
.dnb-home-v21 .dnb-home-v21-hero h1{
  text-shadow:0 6px 22px rgba(0,0,0,.18)!important;
}
.dnb-home-v21 .dnb-home-v21-hero-copy>p{
  color:#b7c5ce!important;
  max-width:685px!important;
}

/* 2) Workflow visual: D&B DATA stronger, other nodes quieter by default. */
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node{
  opacity:.88!important;
  background:linear-gradient(180deg, rgba(7,26,42,.88), rgba(5,19,31,.93))!important;
  border-color:rgba(84,126,154,.48)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node>span{
  opacity:.92!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node strong{
  color:#eef5f8!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node small{
  color:#96adbb!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-flow-active{
  opacity:1!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core{
  transform:translate(-50%,-50%) scale(1.025)!important;
  border-color:rgba(114,221,255,.95)!important;
  background:
    radial-gradient(circle at 50% 22%, rgba(88,202,246,.18), rgba(88,202,246,0) 44%),
    linear-gradient(180deg, rgba(9,70,101,.98), rgba(4,35,55,.99))!important;
  box-shadow:
    0 24px 50px rgba(0,0,0,.34),
    0 0 22px rgba(102,212,255,.16),
    0 0 58px rgba(71,181,236,.12),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core>span{
  background:rgba(74,185,232,.18)!important;
  color:#8de9ff!important;
  box-shadow:0 0 16px rgba(74,185,232,.12)!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core small{
  color:#7fd2ef!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core strong{
  color:#fbfeff!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core em{
  color:#d2e1e8!important;
}

/* 3) Orbit star: slightly smaller / cleaner so it feels premium, not busy. */
.dnb-home-v21 .dnb-flow-led-star.is-sparkle{
  filter:
    drop-shadow(0 0 3px rgba(255,255,255,.98))
    drop-shadow(0 0 8px rgba(196,246,255,.88))
    drop-shadow(0 0 16px rgba(89,196,255,.72))!important;
}
.dnb-home-v21 .dnb-flow-led-star.is-sparkle .dnb-flow-led-halo{
  fill:rgba(127,233,255,.12)!important;
}
.dnb-home-v21 .dnb-flow-led-star.is-sparkle .dnb-flow-led-ring{
  fill:rgba(146,240,255,.14)!important;
}

/* 4) Proof stats: stronger numbers, cleaner separators, less secondary clutter. */
.dnb-home-v21 .dnb-home-v21-proof{
  border-top-color:rgba(88,124,146,.32)!important;
}
.dnb-home-v21 .dnb-home-v21-proof>div{
  padding-top:16px!important;
}
.dnb-home-v21 .dnb-home-v21-proof>div+div::before{
  background:linear-gradient(180deg, rgba(106,149,176,.12), rgba(106,149,176,.34), rgba(106,149,176,.10))!important;
}
.dnb-home-v21 .dnb-home-v21-proof strong{
  color:#f8fbfd!important;
  font-size:25px!important;
  letter-spacing:-.038em!important;
}
.dnb-home-v21 .dnb-home-v21-proof small{
  margin-top:7px!important;
  color:#91a7b5!important;
  font-size:8px!important;
  line-height:1.42!important;
}

/* 5) Difference section: softer bridge from hero + deeper resting cards. */
.dnb-home-v21 .dnb-home-v24-difference{
  position:relative!important;
  margin-top:10px!important;
}
.dnb-home-v21 .dnb-home-v24-difference::before{
  content:"";
  position:absolute;
  left:0; right:0; top:-46px;
  height:66px;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(7,25,40,0) 0%, rgba(7,25,40,.38) 56%, rgba(7,25,40,.92) 100%);
}
.dnb-home-v21 .dnb-home-v24-difference-grid{
  overflow:visible!important;
}
.dnb-home-v21 .dnb-home-v24-diff-card{
  background:linear-gradient(180deg, rgba(7,26,42,.94), rgba(5,18,30,.985))!important;
  box-shadow:0 14px 34px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.02)!important;
}
.dnb-home-v21 .dnb-home-v24-diff-card p{
  color:#9eb1bd!important;
}
.dnb-home-v21 .dnb-home-v24-diff-card:hover,
.dnb-home-v21 .dnb-home-v24-diff-card:focus-within{
  background:linear-gradient(180deg, rgba(9,31,49,.98), rgba(6,20,33,.995))!important;
}

@media (max-width:980px){
  .dnb-home-v21 .dnb-home-v21-hero-copy::before,
  .dnb-home-v21 .dnb-home-v24-difference::before{display:none!important}
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node{opacity:.94!important}
}

/* ======================================================================
   RC50 — Hero copy safe boundary
   - Keep the workflow geometry untouched; constrain only the intro paragraph
     so it never crowds the left-most DRAWING node on desktop layouts.
   ====================================================================== */
@media (min-width:1380px){
  .dnb-home-v21 .dnb-home-v21-hero-copy>p{
    max-width:610px!important;
  }
}
@media (min-width:1181px) and (max-width:1379px){
  .dnb-home-v21 .dnb-home-v21-hero-copy>p{
    max-width:560px!important;
  }
}

/* ======================================================================
   RC51 — Responsive system for Home / phone / fold / small tablet
   - Keeps the same copy/content as desktop; only layout and typography reflow.
   - Rebuilds the workflow visual as a responsive card grid instead of scaling
     the desktop absolute-position composition into narrow screens.
   - Centralizes mobile overrides here to avoid further scattered media patches.
   ====================================================================== */

/* ---------- Shared tablet/mobile shell ---------- */
@media (max-width:980px){
  html{overflow-x:hidden!important}
  body.dnb-workspace-body{
    min-height:100dvh!important;
    overflow-x:hidden!important;
  }
  .dnb-app-shell,.dnb-app-frame{min-height:100dvh!important}
  .dnb-app-topbar{
    min-height:56px!important;
    height:56px!important;
    padding-left:max(10px,env(safe-area-inset-left))!important;
    padding-right:max(10px,env(safe-area-inset-right))!important;
  }
  .dnb-app-sidebar{
    width:min(88vw,310px)!important;
    max-width:310px!important;
    padding-left:max(14px,env(safe-area-inset-left))!important;
    padding-bottom:max(12px,env(safe-area-inset-bottom))!important;
  }
  .dnb-sidebar-backdrop{min-height:100dvh!important}
  .dnb-workspace-body .container{
    width:calc(100% - 28px)!important;
    margin-left:14px!important;
    margin-right:14px!important;
  }

  /* Home wrap / rhythm */
  .dnb-home-v21 .dnb-wp-wrap{
    width:100%!important;
    max-width:none!important;
    padding-bottom:max(22px,env(safe-area-inset-bottom))!important;
  }
  .dnb-home-v21-data-spine{display:none!important}
  .dnb-home-v21 .dnb-home-v21-section{
    padding:32px 18px!important;
  }
  .dnb-home-v21 .dnb-home-v21-products,
  .dnb-home-v21 .dnb-home-v21-compare,
  .dnb-home-v21 .dnb-home-v21-revit-proof{
    border-top-color:rgba(66,108,136,.24)!important;
  }

  /* ---------- Hero: same text as desktop, dedicated mobile composition ---------- */
  .dnb-home-v21 .dnb-home-v21-hero{
    display:block!important;
    min-height:0!important;
    padding:26px 18px 28px!important;
    overflow:hidden!important;
    border-bottom:1px solid rgba(52,94,121,.34)!important;
  }
  .dnb-home-v21 .dnb-home-v32-bg{
    object-position:66% center!important;
    filter:saturate(.96) contrast(1.02) brightness(.82)!important;
  }
  .dnb-home-v21 .dnb-home-v32-shade{
    background:
      linear-gradient(180deg,
        rgba(2,16,28,.80) 0%,
        rgba(2,16,28,.70) 27%,
        rgba(2,16,28,.55) 49%,
        rgba(2,16,28,.64) 72%,
        rgba(2,16,28,.88) 100%),
      linear-gradient(90deg,rgba(2,16,28,.46) 0%,rgba(2,16,28,.18) 100%)!important;
  }
  .dnb-home-v21 .dnb-home-v21-hero-copy{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
    position:relative!important;
    z-index:8!important;
    text-shadow:0 2px 16px rgba(0,0,0,.22)!important;
  }
  .dnb-home-v21 .dnb-home-v21-hero-copy::before{display:none!important}
  .dnb-home-v21 .dnb-home-v21-kicker{
    margin:0 0 13px!important;
    font-family:"IBM Plex Mono",Consolas,monospace!important;
    font-size:8.8px!important;
    line-height:1.25!important;
    font-weight:800!important;
    letter-spacing:.15em!important;
    color:#d7e2e8!important;
  }
  .dnb-home-v21 .dnb-home-v21-hero h1{
    width:auto!important;
    max-width:720px!important;
    margin:0!important;
    font-family:"Quicksand","Be Vietnam Pro","Segoe UI",Arial,sans-serif!important;
    font-size:clamp(40px,6.4vw,52px)!important;
    line-height:.98!important;
    letter-spacing:-.055em!important;
    font-weight:820!important;
  }
  .dnb-home-v21 .dnb-home-v21-hero h1>span,
  .dnb-home-v21 .dnb-home-v21-hero h1>em{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    white-space:normal!important;
  }
  .dnb-home-v21 .dnb-home-v21-hero h1 em{
    margin:3px 0!important;
    color:#ff7b2f!important;
  }
  .dnb-home-v21 .dnb-home-v21-hero-copy>p{
    display:block!important;
    width:100%!important;
    max-width:720px!important;
    margin:17px 0 0!important;
    color:#dce6ed!important;
    font-family:"Quicksand","Be Vietnam Pro","Segoe UI",Arial,sans-serif!important;
    font-size:13px!important;
    line-height:1.62!important;
    font-weight:500!important;
  }
  /* Same full desktop sentence: keep the trailing clause visible and distinct. */
  .dnb-home-v21 .dnb-home-v21-copy-tail{
    display:block!important;
    margin-top:4px!important;
    color:#c7d7e0!important;
    font:inherit!important;
  }
  .dnb-home-v21 .dnb-home-v21-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    margin-top:19px!important;
  }
  .dnb-home-v21 .dnb-home-v21-btn{
    min-height:46px!important;
    padding:0 16px!important;
    border-radius:10px!important;
    font-size:10.4px!important;
  }
  .dnb-home-v21 .dnb-home-v21-proof{
    width:100%!important;
    max-width:720px!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    margin-top:22px!important;
    border-top-color:rgba(112,153,177,.24)!important;
  }
  .dnb-home-v21 .dnb-home-v21-proof>div{
    min-height:64px!important;
    padding:14px 10px 4px 0!important;
  }
  .dnb-home-v21 .dnb-home-v21-proof>div+div{
    padding-left:12px!important;
  }
  .dnb-home-v21 .dnb-home-v21-proof strong{
    font-size:20px!important;
    line-height:1!important;
  }
  .dnb-home-v21 .dnb-home-v21-proof small{
    margin-top:6px!important;
    font-size:7.7px!important;
    line-height:1.42!important;
  }

  /* Mobile workflow: semantic cards, not a scaled desktop orbit. */
  .dnb-home-v21 .dnb-home-v30-hero-visual{
    position:relative!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:24px 0 0!important;
    transform:none!important;
    transform-origin:center!important;
    display:grid!important;
    gap:10px!important;
    align-items:stretch!important;
    overflow:visible!important;
    pointer-events:none!important;
    isolation:isolate!important;
  }
  .dnb-home-v21 .dnb-home-v30-ambient{
    position:absolute!important;
    inset:-5% -4%!important;
    opacity:.48!important;
    filter:blur(18px)!important;
    z-index:0!important;
  }
  .dnb-home-v21 .dnb-home-v30-links,
  .dnb-home-v21 .dnb-home-v27-note{
    display:none!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core,
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node{
    position:relative!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:auto!important;
    height:auto!important;
    min-height:88px!important;
    transform:none!important;
    margin:0!important;
    z-index:2!important;
    opacity:1!important;
    border-radius:13px!important;
    box-sizing:border-box!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core{
    grid-row:1!important;
    min-height:116px!important;
    padding:15px 16px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    border-color:rgba(95,218,255,.84)!important;
    background:
      radial-gradient(circle at 50% 20%,rgba(83,202,243,.16),transparent 46%),
      linear-gradient(180deg,rgba(7,65,95,.95),rgba(5,32,50,.98))!important;
    box-shadow:0 17px 36px rgba(0,0,0,.28),0 0 28px rgba(66,190,238,.13)!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core>span{
    width:42px!important;height:42px!important;margin:0!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core small{
    margin-top:7px!important;font-size:6.8px!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core strong{
    margin-top:3px!important;font-size:15px!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core em{
    margin-top:4px!important;font-size:8px!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node{
    padding:11px 12px!important;
    background:linear-gradient(180deg,rgba(6,31,50,.91),rgba(5,22,36,.96))!important;
    border-color:rgba(83,132,163,.50)!important;
    box-shadow:0 10px 24px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025)!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node>span{
    width:31px!important;height:31px!important;margin-bottom:7px!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node>b{
    top:9px!important;right:10px!important;font-size:9.5px!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node strong{
    font-size:10.5px!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node small{
    margin-top:4px!important;font-size:7px!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-flow-active{
    opacity:1!important;
    transform:translateY(-2px)!important;
  }
  /* Desktop orbit burst uses translate(-50,-50), invalid in mobile grid. */
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core.is-orbit-burst{
    animation:none!important;
    transform:none!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core::before,
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core::after{
    display:none!important;
  }

  /* ---------- Section typography: same visual language/content as PC ---------- */
  .dnb-home-v21 .dnb-v3-eyebrow{
    font-family:"IBM Plex Mono",Consolas,monospace!important;
    font-weight:800!important;
    letter-spacing:.16em!important;
  }
  .dnb-home-v21 .dnb-home-section-title,
  .dnb-home-v21 .dnb-home-v21-section-head h2,
  .dnb-home-v21 .dnb-home-v24-difference-head h2,
  .dnb-home-v21 .dnb-home-v21-proof-copy h2,
  .dnb-home-v21 .dnb-home-v21-cta h2{
    font-family:"Quicksand","Be Vietnam Pro","Segoe UI",Arial,sans-serif!important;
    font-size:clamp(28px,4.8vw,36px)!important;
    line-height:1.08!important;
    letter-spacing:-.04em!important;
    font-weight:700!important;
  }
  .dnb-home-v21 .dnb-home-section-title em,
  .dnb-home-v21 .dnb-home-v21-section-head h2 em,
  .dnb-home-v21 .dnb-home-v24-difference-head h2 em,
  .dnb-home-v21 .dnb-home-v21-proof-copy h2 em{
    color:#36c8f2!important;
    font-style:normal!important;
  }
  .dnb-home-v21 .dnb-home-v24-difference-head,
  .dnb-home-v21 .dnb-home-v21-section-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    align-items:start!important;
    margin-bottom:20px!important;
  }
  .dnb-home-v21 .dnb-home-v24-difference-head>p,
  .dnb-home-v21 .dnb-home-v21-section-head>p,
  .dnb-home-v21 .dnb-home-v23-section-summary,
  .dnb-home-v21 .dnb-home-v21-proof-copy>p,
  .dnb-home-v21 .dnb-home-v21-cta p{
    display:block!important;
    max-width:760px!important;
    color:#a9bbc6!important;
    font-family:"Quicksand","Be Vietnam Pro","Segoe UI",Arial,sans-serif!important;
    font-size:12.5px!important;
    line-height:1.62!important;
  }
  .dnb-home-v21 .dnb-home-v21-section-head.is-row>a{
    justify-self:start!important;
    margin-top:0!important;
  }

  /* Lower sections */
  .dnb-home-v21 .dnb-home-v21-compare-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .dnb-home-v21 .dnb-home-v21-compare-switch{
    min-height:48px!important;
    grid-auto-flow:column!important;
    justify-content:center!important;
    align-content:center!important;
  }
  .dnb-home-v21 .dnb-home-v21-compare-switch>span{transform:rotate(90deg)!important}
  .dnb-home-v21 .dnb-home-v21-compare-grid>article{
    min-height:0!important;
    padding:18px!important;
  }
  .dnb-home-v21 .dnb-home-v21-compare-grid article header h3{
    font-size:18px!important;
    line-height:1.22!important;
  }
  .dnb-home-v21 .dnb-home-v21-compare-grid li{
    font-size:11px!important;
    line-height:1.55!important;
  }
  .dnb-home-v21 .dnb-home-v21-revit-proof{
    grid-template-columns:1fr!important;
    gap:22px!important;
    align-items:start!important;
  }
  .dnb-home-v21 .dnb-home-v21-proof-copy{max-width:none!important}
  .dnb-home-v21 .dnb-home-v21-proof-list strong{font-size:11px!important}
  .dnb-home-v21 .dnb-home-v21-proof-list small{font-size:9px!important;line-height:1.45!important}
  .dnb-home-v21 .dnb-home-v21-ribbon-shot{
    width:100%!important;
    overflow:hidden!important;
  }
  .dnb-home-v21 .dnb-home-v21-ribbon-shot img{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
  }
  .dnb-home-v21 .dnb-home-v21-cta{
    margin:0 18px 0!important;
    padding:22px!important;
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:18px!important;
  }
  .dnb-home-v21 .dnb-home-v21-cta>div:first-child{max-width:none!important}
  .dnb-home-v21 .dnb-home-v21-cta>div:last-child{
    width:100%!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:10px!important;
  }
}

/* ---------- Open fold / small tablet: 600–899 ---------- */
@media (min-width:600px) and (max-width:899px){
  .dnb-home-v21 .dnb-home-v30-hero-visual{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core{
    grid-column:1/-1!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-model{grid-column:1!important}
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-analysis{grid-column:2!important}
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-design{grid-column:3!important}
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-rebar{grid-column:1!important}
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-drawing{grid-column:3!important}

  .dnb-home-v21 .dnb-home-v24-difference-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .dnb-home-v21 .dnb-home-v24-diff-card{
    min-height:218px!important;
    padding:17px!important;
  }
  .dnb-home-v21 .dnb-home-v21-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .dnb-home-v21 .dnb-home-v21-product-card.is-foundation{
    grid-column:1/-1!important;
  }
}

/* ---------- Fold landscape / compact tablet: 900–980 ---------- */
@media (min-width:900px) and (max-width:980px){
  .dnb-home-v21 .dnb-home-v30-hero-visual{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core{grid-column:1/-1!important}
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-model{grid-column:1!important}
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-analysis{grid-column:2!important}
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-design{grid-column:3!important}
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-rebar{grid-column:4!important}
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-drawing{grid-column:5!important}
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node{min-height:100px!important}

  .dnb-home-v21 .dnb-home-v24-difference-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .dnb-home-v21 .dnb-home-v21-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .dnb-home-v21 .dnb-home-v21-product-card.is-foundation{grid-column:1/-1!important}
}

/* ---------- Phones: 320–599 ---------- */
@media (max-width:599px){
  .dnb-home-v21 .dnb-home-v21-hero{
    padding:22px 15px 24px!important;
  }
  .dnb-home-v21 .dnb-home-v32-bg{
    object-position:70% center!important;
    filter:saturate(.92) contrast(1.01) brightness(.72)!important;
  }
  .dnb-home-v21 .dnb-home-v32-shade{
    background:
      linear-gradient(180deg,rgba(2,16,28,.86) 0%,rgba(2,16,28,.76) 34%,rgba(2,16,28,.66) 61%,rgba(2,16,28,.91) 100%),
      linear-gradient(90deg,rgba(2,16,28,.50),rgba(2,16,28,.22))!important;
  }
  .dnb-home-v21 .dnb-home-v21-kicker{font-size:7.9px!important}
  .dnb-home-v21 .dnb-home-v21-hero h1{
    max-width:100%!important;
    font-size:clamp(34px,10.5vw,43px)!important;
    line-height:.99!important;
  }
  .dnb-home-v21 .dnb-home-v21-hero-copy>p{
    margin-top:15px!important;
    font-size:12.2px!important;
    line-height:1.58!important;
  }
  .dnb-home-v21 .dnb-home-v21-copy-tail{margin-top:5px!important}
  .dnb-home-v21 .dnb-home-v21-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .dnb-home-v21 .dnb-home-v21-btn{
    width:100%!important;
    min-width:0!important;
    min-height:47px!important;
  }
  .dnb-home-v21 .dnb-home-v21-proof{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:0!important;
    margin-top:20px!important;
  }
  .dnb-home-v21 .dnb-home-v21-proof>div{
    min-width:0!important;
    min-height:61px!important;
    padding:12px 6px 3px 0!important;
  }
  .dnb-home-v21 .dnb-home-v21-proof>div+div{padding-left:8px!important}
  .dnb-home-v21 .dnb-home-v21-proof strong{font-size:18px!important}
  .dnb-home-v21 .dnb-home-v21-proof small{
    font-size:6.9px!important;
    line-height:1.35!important;
    overflow-wrap:anywhere!important;
  }

  .dnb-home-v21 .dnb-home-v30-hero-visual{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    margin-top:21px!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core{
    grid-column:1/-1!important;
    min-height:108px!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-model{grid-column:1!important}
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-analysis{grid-column:2!important}
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-design{grid-column:1!important}
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-rebar{grid-column:2!important}
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-drawing{
    grid-column:1/-1!important;
    justify-self:center!important;
    width:calc(50% - 5px)!important;
    min-width:142px!important;
  }

  .dnb-home-v21 .dnb-home-v21-section{
    padding:29px 15px!important;
  }
  .dnb-home-v21 .dnb-home-section-title,
  .dnb-home-v21 .dnb-home-v21-section-head h2,
  .dnb-home-v21 .dnb-home-v24-difference-head h2,
  .dnb-home-v21 .dnb-home-v21-proof-copy h2,
  .dnb-home-v21 .dnb-home-v21-cta h2{
    font-size:clamp(26px,7.7vw,32px)!important;
    line-height:1.09!important;
  }
  .dnb-home-v21 .dnb-home-v24-difference-head>p,
  .dnb-home-v21 .dnb-home-v21-section-head>p,
  .dnb-home-v21 .dnb-home-v23-section-summary,
  .dnb-home-v21 .dnb-home-v21-proof-copy>p,
  .dnb-home-v21 .dnb-home-v21-cta p{
    font-size:11.7px!important;
    line-height:1.6!important;
  }
  .dnb-home-v21 .dnb-home-v24-difference-grid,
  .dnb-home-v21 .dnb-home-v21-product-grid{
    grid-template-columns:1fr!important;
    gap:11px!important;
  }
  .dnb-home-v21 .dnb-home-v24-diff-card,
  .dnb-home-v21 .dnb-home-v21-product-card{
    min-height:0!important;
    padding:17px!important;
  }
  .dnb-home-v21 .dnb-home-v24-diff-card h3{font-size:18px!important;line-height:1.22!important}
  .dnb-home-v21 .dnb-home-v24-diff-card p{font-size:10.7px!important;line-height:1.55!important}
  .dnb-home-v21 .dnb-home-v21-product-shot,
  .dnb-home-v21 .dnb-home-v21-wireframe{height:190px!important}
  .dnb-home-v21 .dnb-home-v21-chain{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7px!important;
  }
  .dnb-home-v21 .dnb-home-v21-compare-grid>article{padding:16px!important}
  .dnb-home-v21 .dnb-home-v21-controlled{flex-wrap:wrap!important}
  .dnb-home-v21 .dnb-home-v21-ribbon-shot img{min-height:0!important}
  .dnb-home-v21 .dnb-home-v21-cta{
    margin:0 15px!important;
    padding:19px!important;
  }
  .dnb-home-v21 .dnb-home-v21-cta>div:last-child{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .dnb-home-v21 .dnb-home-v21-cta .dnb-home-v21-btn{width:100%!important}

  /* Compact topbar without horizontal overflow on narrow phones. */
  .dnb-app-topbar{gap:6px!important;padding-left:8px!important;padding-right:8px!important}
  .dnb-topbar-left{flex:0 0 auto!important}
  .dnb-mobile-menu{width:36px!important;height:36px!important;border-radius:10px!important}
  .dnb-topbar-actions{gap:4px!important}
  .dnb-language-control{width:58px!important;height:34px!important;padding:2px!important}
  .dnb-language-control button{height:28px!important;font-size:8px!important}
  .dnb-theme-toggle{width:43px!important;height:34px!important;border-radius:10px!important}
  .dnb-theme-track{width:31px!important;height:21px!important}
  .dnb-theme-thumb{width:15px!important;height:15px!important;top:3px!important;left:14px!important}
  .theme-light .dnb-theme-thumb{left:2px!important}
  .dnb-theme-moon,.dnb-theme-sun{width:11px!important;height:11px!important;top:5px!important}
  .dnb-topbar-icon{width:34px!important;height:34px!important;border-radius:10px!important}
  .dnb-user-menu{width:35px!important;min-width:35px!important;height:35px!important;padding:0 2px!important;border-radius:10px!important}
  .dnb-user-avatar,.dnb-user-avatar img{width:28px!important;height:28px!important}
}

/* ---------- Very narrow phones: 320–379 ---------- */
@media (max-width:379px){
  .dnb-home-v21 .dnb-home-v21-hero{padding-left:13px!important;padding-right:13px!important}
  .dnb-home-v21 .dnb-home-v21-hero h1{font-size:clamp(31px,10.2vw,38px)!important}
  .dnb-home-v21 .dnb-home-v21-hero-copy>p{font-size:11.5px!important}
  .dnb-home-v21 .dnb-home-v21-proof strong{font-size:16.5px!important}
  .dnb-home-v21 .dnb-home-v21-proof small{font-size:6.4px!important}
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node{padding:10px!important}
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-drawing{min-width:132px!important}
  .dnb-home-v21 .dnb-home-v21-section{padding-left:13px!important;padding-right:13px!important}
  .dnb-home-v21 .dnb-home-v21-cta{margin-left:13px!important;margin-right:13px!important}
  .dnb-language-control{width:54px!important}
  .dnb-theme-toggle{width:40px!important}
  .dnb-topbar-icon{width:32px!important;height:32px!important}
  .dnb-user-menu{width:33px!important;min-width:33px!important;height:33px!important}
}

/* Phones have no real hover: prevent elevated cards from feeling "stuck" after tap. */
@media (hover:none) and (pointer:coarse){
  .dnb-home-v21 .dnb-home-v24-diff-card:hover,
  .dnb-home-v21 .dnb-home-v24-diff-card:focus-within{
    transform:none!important;
  }
}


/* ======================================================================
   RC52 — Mobile hero keeps the desktop workflow cluster on the right
   - Reverts only the RC51 mobile hero workflow reflow.
   - The original desktop diagram remains intact and is scaled as a single unit.
   - Copy/content stays identical to desktop; only dimensions/line wrapping change.
   ====================================================================== */

@media (max-width:980px){
  .dnb-home-v21 .dnb-home-v21-hero{
    position:relative!important;
    display:block!important;
    overflow:hidden!important;
  }

  /* Keep the text on the left while preserving enough room for the mini diagram. */
  .dnb-home-v21 .dnb-home-v21-hero-copy{
    position:relative!important;
    z-index:8!important;
  }

  /* Restore the desktop diagram as one scalable composition. */
  .dnb-home-v21 .dnb-home-v30-hero-visual{
    position:absolute!important;
    display:block!important;
    width:620px!important;
    height:610px!important;
    min-height:610px!important;
    margin:0!important;
    z-index:4!important;
    overflow:visible!important;
    pointer-events:none!important;
    transform-origin:top right!important;
    isolation:isolate!important;
  }
  .dnb-home-v21 .dnb-home-v30-links{
    display:block!important;
    position:absolute!important;
    inset:6% 1% 4% 1%!important;
    width:auto!important;
    height:90%!important;
  }
  .dnb-home-v21 .dnb-home-v27-note{display:block!important}

  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node,
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core{
    position:absolute!important;
    margin:0!important;
    justify-self:auto!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node{
    width:132px!important;
    min-width:0!important;
    min-height:102px!important;
    height:auto!important;
    padding:11px 12px!important;
    border-radius:15px!important;
    transform:none!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-model{
    left:39%!important;right:auto!important;top:11%!important;bottom:auto!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-analysis{
    left:auto!important;right:4.5%!important;top:24%!important;bottom:auto!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-design{
    left:auto!important;right:5%!important;top:57%!important;bottom:auto!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-rebar{
    left:auto!important;right:26%!important;top:auto!important;bottom:8%!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-node.is-drawing{
    left:10%!important;right:auto!important;top:auto!important;bottom:30%!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core{
    left:52%!important;
    right:auto!important;
    top:49%!important;
    bottom:auto!important;
    width:182px!important;
    height:182px!important;
    min-height:0!important;
    transform:translate(-50%,-50%) scale(1.025)!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-note.is-top{
    left:24%!important;right:auto!important;top:4%!important;bottom:auto!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-note.is-bottom{
    left:auto!important;right:2%!important;top:auto!important;bottom:5%!important;
  }
}

/* Fold landscape / compact tablet: proper left-right hero. */
@media (min-width:900px) and (max-width:980px){
  .dnb-home-v21 .dnb-home-v21-hero{
    min-height:590px!important;
    padding-right:22px!important;
  }
  .dnb-home-v21 .dnb-home-v21-hero-copy{max-width:52%!important}
  .dnb-home-v21 .dnb-home-v21-hero h1{font-size:clamp(43px,5.2vw,51px)!important}
  .dnb-home-v21 .dnb-home-v21-hero-copy>p{max-width:100%!important}
  .dnb-home-v21 .dnb-home-v30-hero-visual{
    top:52px!important;
    right:-24px!important;
    transform:scale(.72)!important;
  }
}

/* Open fold / tablet: retain the same composition, only smaller. */
@media (min-width:750px) and (max-width:899px){
  .dnb-home-v21 .dnb-home-v21-hero{min-height:570px!important}
  .dnb-home-v21 .dnb-home-v21-hero-copy{max-width:55%!important}
  .dnb-home-v21 .dnb-home-v21-hero h1{font-size:clamp(40px,5.8vw,48px)!important}
  .dnb-home-v21 .dnb-home-v21-hero-copy>p{max-width:100%!important}
  .dnb-home-v21 .dnb-home-v30-hero-visual{
    top:72px!important;
    right:-52px!important;
    transform:scale(.58)!important;
  }
  .dnb-home-v21 .dnb-home-v21-actions{max-width:420px!important}
}

@media (min-width:600px) and (max-width:749px){
  .dnb-home-v21 .dnb-home-v21-hero{min-height:585px!important}
  .dnb-home-v21 .dnb-home-v21-hero-copy{max-width:58%!important}
  .dnb-home-v21 .dnb-home-v21-hero h1{font-size:clamp(37px,6vw,44px)!important}
  .dnb-home-v21 .dnb-home-v21-hero-copy>p{max-width:100%!important;font-size:12px!important}
  .dnb-home-v21 .dnb-home-v30-hero-visual{
    top:94px!important;
    right:-58px!important;
    transform:scale(.49)!important;
  }
  .dnb-home-v21 .dnb-home-v21-actions{max-width:360px!important}
  .dnb-home-v21 .dnb-home-v21-proof{max-width:360px!important}
}

/* Phones: heading stays full width; the diagram occupies the right side of the copy area. */
@media (min-width:480px) and (max-width:599px){
  .dnb-home-v21 .dnb-home-v21-hero{min-height:700px!important}
  .dnb-home-v21 .dnb-home-v21-hero-copy{max-width:100%!important}
  .dnb-home-v21 .dnb-home-v21-hero h1{max-width:100%!important}
  .dnb-home-v21 .dnb-home-v21-hero-copy>p{
    max-width:54%!important;
    min-height:180px!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual{
    top:185px!important;
    right:-28px!important;
    transform:scale(.43)!important;
  }
  .dnb-home-v21 .dnb-home-v21-actions{
    margin-top:20px!important;
    max-width:100%!important;
  }
  .dnb-home-v21 .dnb-home-v21-proof{max-width:100%!important}
}

@media (min-width:380px) and (max-width:479px){
  .dnb-home-v21 .dnb-home-v21-hero{min-height:735px!important}
  .dnb-home-v21 .dnb-home-v21-hero h1{max-width:100%!important}
  .dnb-home-v21 .dnb-home-v21-hero-copy>p{
    max-width:56%!important;
    min-height:205px!important;
    font-size:11.8px!important;
    line-height:1.56!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual{
    top:196px!important;
    right:-42px!important;
    transform:scale(.37)!important;
  }
  .dnb-home-v21 .dnb-home-v21-actions{
    margin-top:18px!important;
    max-width:100%!important;
  }
}

@media (max-width:379px){
  .dnb-home-v21 .dnb-home-v21-hero{min-height:760px!important}
  .dnb-home-v21 .dnb-home-v21-hero h1{max-width:100%!important}
  .dnb-home-v21 .dnb-home-v21-hero-copy>p{
    max-width:58%!important;
    min-height:230px!important;
    font-size:11.2px!important;
    line-height:1.54!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual{
    top:205px!important;
    right:-54px!important;
    transform:scale(.33)!important;
  }
  .dnb-home-v21 .dnb-home-v21-actions{
    margin-top:16px!important;
    max-width:100%!important;
  }
}


/* ======================================================================
   RC53 — Mobile hero stabilization pass
   - Keep D&B DATA visually fixed (no perceived jumping on lap burst)
   - Make orbit path stable on phone/fold while the whole cluster is scaled down
   - Reduce excess empty space under the 700+ / 3 năm / TCVN proof row
   ====================================================================== */

/* 1) D&B DATA: stationary burst only — no scale jump. */
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core.is-orbit-burst{
  animation:dnb-core-lap-flash-rc53 1.26s cubic-bezier(.18,.72,.18,1)!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core.is-orbit-burst::before{
  animation:dnb-core-ring-one-rc53 1.08s ease-out both!important;
}
.dnb-home-v21 .dnb-home-v30-hero-visual .dnb-home-v27-core.is-orbit-burst::after{
  animation:dnb-core-ring-two-rc53 1.20s .06s ease-out both!important;
}
@keyframes dnb-core-lap-flash-rc53{
  0%{
    transform:translate(-50%,-50%) scale(1.025);
    border-color:rgba(92,214,247,.92);
    background:radial-gradient(circle at 50% 24%,rgba(41,158,210,.14),transparent 42%),linear-gradient(180deg,rgba(9,70,101,.98),rgba(4,35,55,.99));
    box-shadow:0 24px 50px rgba(0,0,0,.34),0 0 22px rgba(102,212,255,.16),0 0 58px rgba(71,181,236,.12),inset 0 1px 0 rgba(255,255,255,.08);
  }
  24%{
    transform:translate(-50%,-50%) scale(1.025);
    border-color:rgba(146,236,255,.98);
    background:radial-gradient(circle at 50% 24%,rgba(75,196,240,.22),transparent 44%),linear-gradient(180deg,rgba(12,78,112,.99),rgba(5,38,59,.995));
    box-shadow:0 24px 50px rgba(0,0,0,.34),0 0 0 1px rgba(106,225,255,.18),0 0 32px rgba(77,208,251,.26),0 0 72px rgba(77,208,251,.16),inset 0 1px 0 rgba(255,255,255,.10);
  }
  62%{
    transform:translate(-50%,-50%) scale(1.025);
    border-color:rgba(128,228,255,.96);
    background:radial-gradient(circle at 50% 24%,rgba(63,186,234,.18),transparent 44%),linear-gradient(180deg,rgba(11,74,108,.99),rgba(4,36,57,.995));
    box-shadow:0 24px 50px rgba(0,0,0,.34),0 0 0 1px rgba(106,225,255,.12),0 0 28px rgba(77,208,251,.22),0 0 62px rgba(77,208,251,.11),inset 0 1px 0 rgba(255,255,255,.09);
  }
  100%{
    transform:translate(-50%,-50%) scale(1.025);
    border-color:rgba(114,221,255,.95);
    background:radial-gradient(circle at 50% 22%, rgba(88,202,246,.18), rgba(88,202,246,0) 44%),linear-gradient(180deg, rgba(9,70,101,.98), rgba(4,35,55,.99));
    box-shadow:0 24px 50px rgba(0,0,0,.34),0 0 22px rgba(102,212,255,.16),0 0 58px rgba(71,181,236,.12),inset 0 1px 0 rgba(255,255,255,.08);
  }
}
@keyframes dnb-core-ring-one-rc53{
  0%{opacity:0;transform:scale(.96)}
  18%{opacity:.96;transform:scale(1)}
  100%{opacity:0;transform:scale(1.15)}
}
@keyframes dnb-core-ring-two-rc53{
  0%{opacity:0;transform:scale(.98)}
  22%{opacity:.72;transform:scale(1)}
  100%{opacity:0;transform:scale(1.24)}
}

/* 2) Orbit path stability on scaled mobile SVG. */
@media (max-width:980px){
  .dnb-home-v21 .dnb-home-v30-links,
  .dnb-home-v21 .dnb-home-v30-links svg{
    overflow:visible!important;
    backface-visibility:hidden!important;
    transform:translateZ(0)!important;
  }
  .dnb-home-v21 .dnb-flow-ring-base,
  .dnb-home-v21 .dnb-flow-arc{
    vector-effect:non-scaling-stroke!important;
    shape-rendering:geometricPrecision!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  .dnb-home-v21 .dnb-flow-ring-base{
    stroke-width:1.1!important;
    opacity:.44!important;
  }
  .dnb-home-v21 .dnb-flow-arc{
    stroke-width:1.45!important;
    stroke-dasharray:6 8!important;
    opacity:.78!important;
    filter:none!important;
  }
}

/* 3) Remove unnecessary empty height under the proof row on phone/fold. */
@media (min-width:750px) and (max-width:899px){
  .dnb-home-v21 .dnb-home-v21-hero{min-height:546px!important}
  .dnb-home-v21 .dnb-home-v30-hero-visual{top:68px!important}
}
@media (min-width:600px) and (max-width:749px){
  .dnb-home-v21 .dnb-home-v21-hero{min-height:552px!important}
  .dnb-home-v21 .dnb-home-v30-hero-visual{top:86px!important}
}
@media (min-width:480px) and (max-width:599px){
  .dnb-home-v21 .dnb-home-v21-hero{min-height:620px!important;padding-bottom:18px!important}
  .dnb-home-v21 .dnb-home-v21-hero-copy>p{
    max-width:54%!important;
    min-height:152px!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual{
    top:176px!important;
    right:-24px!important;
    transform:scale(.43)!important;
  }
  .dnb-home-v21 .dnb-home-v21-actions{margin-top:18px!important}
  .dnb-home-v21 .dnb-home-v21-proof{margin-top:16px!important}
}
@media (min-width:380px) and (max-width:479px){
  .dnb-home-v21 .dnb-home-v21-hero{min-height:645px!important;padding-bottom:18px!important}
  .dnb-home-v21 .dnb-home-v21-hero-copy>p{
    max-width:56%!important;
    min-height:172px!important;
    font-size:11.8px!important;
    line-height:1.56!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual{
    top:184px!important;
    right:-38px!important;
    transform:scale(.37)!important;
  }
  .dnb-home-v21 .dnb-home-v21-actions{margin-top:17px!important}
  .dnb-home-v21 .dnb-home-v21-proof{margin-top:15px!important}
}
@media (max-width:379px){
  .dnb-home-v21 .dnb-home-v21-hero{min-height:668px!important;padding-bottom:16px!important}
  .dnb-home-v21 .dnb-home-v21-hero-copy>p{
    max-width:58%!important;
    min-height:188px!important;
    font-size:11.2px!important;
    line-height:1.54!important;
  }
  .dnb-home-v21 .dnb-home-v30-hero-visual{
    top:190px!important;
    right:-48px!important;
    transform:scale(.33)!important;
  }
  .dnb-home-v21 .dnb-home-v21-actions{margin-top:15px!important}
  .dnb-home-v21 .dnb-home-v21-proof{margin-top:14px!important}
}


/* ======================================================================
   RC54 — Education flow readability uplift
   - Enlarge the four key flow cards without changing their 4-column layout.
   - Improve icon/title/description readability on large and 4K displays.
   ====================================================================== */
.dnb-edu-v19 .dnb-edu-v19-flowline{
  gap:12px!important;
}
.dnb-edu-v19 .dnb-edu-v19-flowline article{
  min-height:122px!important;
  padding:15px 14px!important;
  border-radius:13px!important;
}
.dnb-edu-v19 .dnb-edu-v19-flowline article>span{
  width:44px!important;
  height:44px!important;
  margin-bottom:10px!important;
  border-radius:11px!important;
}
.dnb-edu-v19 .dnb-edu-v19-flowline .dnb-icon{
  width:21px!important;
  height:21px!important;
}
.dnb-edu-v19 .dnb-edu-v19-flowline b{
  font-size:11.6px!important;
  line-height:1.25!important;
  font-weight:750!important;
}
.dnb-edu-v19 .dnb-edu-v19-flowline small{
  margin-top:6px!important;
  font-size:8.2px!important;
  line-height:1.5!important;
  color:#839cab!important;
}
.dnb-edu-v19 .dnb-edu-v19-flowline>i{
  font-size:15px!important;
  line-height:1!important;
  color:#4e8194!important;
}

/* Slight typography lift for the two education summary cards below. */
.dnb-edu-v19 .dnb-edu-v19-card-head h2{
  font-size:19px!important;
}
.dnb-edu-v19 .dnb-edu-v19-card>p{
  font-size:10.2px!important;
}
.dnb-edu-v19 .dnb-edu-v19-card li{
  font-size:9.4px!important;
}

/* Avoid oversized vertical cards on narrow screens. */
@media(max-width:1000px){
  .dnb-edu-v19 .dnb-edu-v19-flowline article{
    min-height:112px!important;
  }
}
@media(max-width:700px){
  .dnb-edu-v19 .dnb-edu-v19-flowline article{
    min-height:108px!important;
    padding:14px!important;
  }
  .dnb-edu-v19 .dnb-edu-v19-flowline article>span{
    width:42px!important;
    height:42px!important;
  }
  .dnb-edu-v19 .dnb-edu-v19-flowline b{font-size:11.2px!important}
  .dnb-edu-v19 .dnb-edu-v19-flowline small{font-size:8px!important}
}

/* ======================================================================
   D&B Events — Vietnamese-friendly campaign builder
   - Hide backend vocabulary from the main form.
   - Make discount mode and targeting understandable without technical codes.
   ====================================================================== */
.dnb-workspace-body .admin-events-page .admin-event-info-grid,
.dnb-workspace-body .admin-events-page .admin-target-grid,
.dnb-workspace-body .admin-events-page .admin-bonus-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.dnb-workspace-body .admin-events-page .admin-field-help{
  display:block!important;
  margin-top:6px!important;
  font-family:var(--cc14-ui)!important;
  font-size:9.5px!important;
  line-height:1.45!important;
  font-weight:500!important;
  color:#6f899b!important;
}
.dnb-workspace-body .admin-events-page .admin-event-subgroup{
  display:grid!important;
  gap:10px!important;
  margin-top:4px!important;
}
.dnb-workspace-body .admin-events-page .admin-event-subgroup+.admin-event-subgroup{
  margin-top:17px!important;
  padding-top:16px!important;
  border-top:1px solid rgba(92,128,151,.16)!important;
}
.dnb-workspace-body .admin-events-page .admin-event-subgroup-label{
  font-family:var(--cc14-ui)!important;
  font-size:11px!important;
  line-height:1.3!important;
  font-weight:750!important;
  color:#c8d7e1!important;
}
.dnb-workspace-body .admin-events-page .admin-discount-mode{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
}
.dnb-workspace-body .admin-events-page .admin-discount-mode>label{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:66px!important;
  padding:11px 12px!important;
  border:1px solid rgba(80,122,151,.28)!important;
  border-radius:11px!important;
  background:rgba(6,21,34,.78)!important;
  cursor:pointer!important;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.dnb-workspace-body .admin-events-page .admin-discount-mode>label:hover{
  border-color:rgba(94,191,238,.42)!important;
  background:rgba(8,29,46,.90)!important;
}
.dnb-workspace-body .admin-events-page .admin-discount-mode input[type="radio"]{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  margin:0!important;
  accent-color:#46bdf0!important;
}
.dnb-workspace-body .admin-events-page .admin-discount-mode label:has(input:checked){
  border-color:rgba(73,193,238,.68)!important;
  background:linear-gradient(145deg,rgba(21,74,101,.40),rgba(7,25,39,.94))!important;
  box-shadow:0 0 0 1px rgba(73,193,238,.08),0 10px 24px rgba(0,0,0,.12)!important;
}
.dnb-workspace-body .admin-events-page .admin-discount-mode b{
  display:block!important;
  font-family:var(--cc14-ui)!important;
  font-size:11.5px!important;
  line-height:1.3!important;
  font-weight:750!important;
  color:#edf6fa!important;
}
.dnb-workspace-body .admin-events-page .admin-discount-mode small{
  display:block!important;
  margin-top:3px!important;
  font-family:var(--cc14-ui)!important;
  font-size:9.2px!important;
  line-height:1.35!important;
  font-weight:500!important;
  color:#718b9d!important;
}
.dnb-workspace-body .admin-events-page .admin-discount-value{
  max-width:360px!important;
}
.dnb-workspace-body .admin-events-page .admin-input-suffix{
  position:relative!important;
  display:block!important;
}
.dnb-workspace-body .admin-events-page .admin-input-suffix input{
  width:100%!important;
  padding-right:44px!important;
}
.dnb-workspace-body .admin-events-page .admin-input-suffix>span{
  position:absolute!important;
  right:13px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  pointer-events:none!important;
  font-family:var(--cc14-ui)!important;
  font-size:11px!important;
  font-weight:700!important;
  color:#85a0b1!important;
}
.dnb-workspace-body .admin-events-page .admin-target-picker[hidden],
.dnb-workspace-body .admin-events-page .admin-discount-value[hidden]{display:none!important}
.dnb-workspace-body .admin-events-page .admin-target-picker{
  animation:dnb-admin-target-in .18s ease-out both!important;
}
@keyframes dnb-admin-target-in{
  from{opacity:0;transform:translateY(-3px)}
  to{opacity:1;transform:translateY(0)}
}
.dnb-workspace-body .admin-events-page .admin-advanced .admin-form-grid{
  padding-bottom:15px!important;
}
.dnb-workspace-body .admin-events-page .admin-form-submit strong{
  color:#a9c1d1!important;
  font-weight:700!important;
}
.dnb-workspace-body .admin-events-page .admin-campaign-target{
  display:grid!important;
  gap:4px!important;
  margin:12px 0!important;
  padding:11px 12px!important;
  border:1px solid rgba(66,214,176,.20)!important;
  border-radius:10px!important;
  background:rgba(13,48,43,.22)!important;
}
.dnb-workspace-body .admin-events-page .admin-campaign-target span{
  font-family:var(--cc14-ui)!important;
  font-size:9px!important;
  font-weight:700!important;
  color:#6fa493!important;
}
.dnb-workspace-body .admin-events-page .admin-campaign-target strong{
  font-family:var(--cc14-ui)!important;
  font-size:11.5px!important;
  line-height:1.4!important;
  font-weight:700!important;
  color:#cfe9df!important;
}
.dnb-workspace-body .admin-events-page .admin-campaign-actions{
  margin-top:13px!important;
}

@media (max-width:900px){
  .dnb-workspace-body .admin-events-page .admin-discount-mode{
    grid-template-columns:1fr!important;
  }
}
@media (max-width:680px){
  .dnb-workspace-body .admin-events-page .admin-event-info-grid,
  .dnb-workspace-body .admin-events-page .admin-target-grid,
  .dnb-workspace-body .admin-events-page .admin-bonus-grid{
    grid-template-columns:1fr!important;
  }
  .dnb-workspace-body .admin-events-page .admin-discount-mode>label{
    min-height:60px!important;
  }
  .dnb-workspace-body .admin-events-page .admin-field-help{font-size:10px!important}
  .dnb-workspace-body .admin-events-page .admin-discount-value{max-width:none!important}
}

html[data-dnb-theme="light"] body.dnb-workspace-body .admin-events-page .admin-discount-mode>label,
body.theme-light.dnb-workspace-body .admin-events-page .admin-discount-mode>label{
  background:#fff!important;
  border-color:#d8e3e9!important;
}
html[data-dnb-theme="light"] body.dnb-workspace-body .admin-events-page .admin-discount-mode label:has(input:checked),
body.theme-light.dnb-workspace-body .admin-events-page .admin-discount-mode label:has(input:checked){
  background:#f1f9fd!important;
  border-color:#75c8ec!important;
}
html[data-dnb-theme="light"] body.dnb-workspace-body .admin-events-page .admin-discount-mode b,
body.theme-light.dnb-workspace-body .admin-events-page .admin-discount-mode b{color:#263740!important}
html[data-dnb-theme="light"] body.dnb-workspace-body .admin-events-page .admin-discount-mode small,
body.theme-light.dnb-workspace-body .admin-events-page .admin-discount-mode small,
html[data-dnb-theme="light"] body.dnb-workspace-body .admin-events-page .admin-field-help,
body.theme-light.dnb-workspace-body .admin-events-page .admin-field-help{color:#728894!important}
html[data-dnb-theme="light"] body.dnb-workspace-body .admin-events-page .admin-campaign-target,
body.theme-light.dnb-workspace-body .admin-events-page .admin-campaign-target{
  background:#f5fbf8!important;
  border-color:#cfe6dc!important;
}
html[data-dnb-theme="light"] body.dnb-workspace-body .admin-events-page .admin-campaign-target strong,
body.theme-light.dnb-workspace-body .admin-events-page .admin-campaign-target strong{color:#315b4f!important}

/* ======================================================================
   RC57 — Campaign pricing connected to Pricing / Checkout / Order
   ====================================================================== */
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-price.is-campaign{
  flex-wrap:wrap!important;
  row-gap:4px!important;
}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v21-price.is-campaign>del{
  flex:0 0 100%;
  color:#7f96a5;
  font-size:14px;
  font-weight:700;
  line-height:1.1;
  text-decoration-thickness:1.5px;
  text-decoration-color:rgba(255,255,255,.36);
}
.dnb-workspace-body .dnb-price-v17 .dnb-price-campaign-badge{
  flex:0 0 auto;
  max-width:100%;
  margin-top:5px;
  padding:5px 9px;
  border:1px solid rgba(68,211,157,.24);
  border-radius:999px;
  background:rgba(42,178,129,.09);
  color:#6ee1b6;
  font-size:9px;
  font-weight:750;
  line-height:1.3;
}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v17-pass-money.is-campaign>del{
  display:block;
  margin-top:7px;
  color:#9b9275;
  font-size:14px;
  font-weight:700;
  text-decoration-thickness:1.5px;
}
.dnb-workspace-body .dnb-price-v17 .dnb-price-v17-pass-money .dnb-price-campaign-badge{
  display:inline-flex;
  margin-top:8px;
}

.dnb-pay-v1-plan-copy .dnb-pay-campaign-chip{
  display:inline-flex;
  justify-self:start;
  max-width:100%;
  margin-top:4px;
  padding:3px 6px;
  border:1px solid rgba(61,205,151,.23);
  border-radius:999px;
  background:rgba(44,178,130,.08);
  color:#67dcb0;
  font-size:7.4px;
  font-style:normal;
  font-weight:750;
  line-height:1.2;
  white-space:normal;
}
.dnb-pay-v1-plan-price del{
  color:#718896;
  font-size:10px;
  font-weight:650;
  line-height:1;
  text-decoration-thickness:1.2px;
}
.dnb-pay-v1-plan-price:has(del) b{color:#75e0b7}
.dnb-pay-summary-old-price{
  margin-bottom:4px;
  color:#768e9d;
  font-size:16px;
  font-weight:700;
  line-height:1;
  text-decoration-thickness:1.4px;
}
.dnb-pay-summary-campaign{
  display:inline-flex;
  margin-top:8px;
  padding:5px 9px;
  border:1px solid rgba(60,205,150,.24);
  border-radius:999px;
  background:rgba(44,178,130,.09);
  color:#70dfb7;
  font-size:9px;
  font-weight:750;
  line-height:1.3;
  text-align:center;
}
.dnb-pay-v2-order-plan{
  flex-wrap:wrap;
  gap:4px 10px;
}
.dnb-pay-v2-order-plan .dnb-pay-order-campaign{
  flex:0 0 100%;
  margin-left:auto;
  color:#66d9ad;
  font-size:8px;
  text-align:right;
}
.dnb-pay-v2-order-plan .dnb-pay-order-campaign del{
  color:#728895;
  text-decoration-thickness:1.2px;
}

@media(max-width:700px){
  .dnb-workspace-body .dnb-price-v17 .dnb-price-v21-price.is-campaign>del{font-size:12px}
  .dnb-workspace-body .dnb-price-v17 .dnb-price-campaign-badge{font-size:8.5px}
  .dnb-pay-v1-plan-copy .dnb-pay-campaign-chip{font-size:8px}
  .dnb-pay-summary-old-price{font-size:14px}
  .dnb-pay-summary-campaign{font-size:8.5px}
}


/* RC58 — Campaign discount value input polish */
.dnb-workspace-body .admin-events-page .admin-discount-value{
  display:grid!important;
  gap:10px!important;
  max-width:420px!important;
  margin-top:6px!important;
  padding:13px 14px 14px!important;
  border:1px solid rgba(79,125,156,.26)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg, rgba(8,28,44,.92), rgba(5,20,32,.96))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 10px 24px rgba(0,0,0,.10)!important;
}
.dnb-workspace-body .admin-events-page .admin-discount-value-head{
  display:grid!important;
  gap:3px!important;
}
.dnb-workspace-body .admin-events-page .admin-discount-value-head b{
  display:block!important;
  font-family:var(--cc14-ui)!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:760!important;
  color:#edf7fb!important;
}
.dnb-workspace-body .admin-events-page .admin-discount-value-head small{
  display:block!important;
  font-family:var(--cc14-ui)!important;
  font-size:10px!important;
  line-height:1.42!important;
  font-weight:500!important;
  color:#82a0b3!important;
}
.dnb-workspace-body .admin-events-page .admin-input-suffix-rich{
  position:relative!important;
}
.dnb-workspace-body .admin-events-page .admin-input-suffix-rich input{
  width:100%!important;
  min-height:46px!important;
  padding:11px 60px 11px 14px!important;
  border-radius:12px!important;
  border:1px solid rgba(88,137,169,.34)!important;
  background:linear-gradient(180deg, rgba(3,15,26,.96), rgba(6,21,34,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), inset 0 -1px 0 rgba(0,0,0,.18)!important;
  font-family:var(--cc14-ui)!important;
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:760!important;
  letter-spacing:-.015em!important;
  color:#f5fbff!important;
}
.dnb-workspace-body .admin-events-page .admin-input-suffix-rich input::placeholder{
  color:#5c7484!important;
  opacity:1!important;
}
.dnb-workspace-body .admin-events-page .admin-input-suffix-rich>span{
  right:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:34px!important;
  height:28px!important;
  padding:0 10px!important;
  border:1px solid rgba(89,146,181,.30)!important;
  border-radius:999px!important;
  background:rgba(20,67,95,.36)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  font-family:var(--cc14-ui)!important;
  font-size:11px!important;
  font-weight:760!important;
  color:#93e0ff!important;
}
.dnb-workspace-body .admin-events-page .admin-input-suffix-rich input:focus{
  border-color:rgba(79,199,243,.54)!important;
  box-shadow:0 0 0 4px rgba(55,175,224,.12), inset 0 1px 0 rgba(255,255,255,.03)!important;
}
@media (max-width:980px){
  .dnb-workspace-body .admin-events-page .admin-discount-value{max-width:none!important}
}
html[data-dnb-theme="light"] body.dnb-workspace-body .admin-events-page .admin-discount-value,
body.theme-light.dnb-workspace-body .admin-events-page .admin-discount-value{
  background:linear-gradient(180deg, rgba(244,249,252,.96), rgba(233,241,247,.98))!important;
  border-color:rgba(183,205,219,.90)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85), 0 8px 18px rgba(29,74,102,.06)!important;
}
html[data-dnb-theme="light"] body.dnb-workspace-body .admin-events-page .admin-discount-value-head b,
body.theme-light.dnb-workspace-body .admin-events-page .admin-discount-value-head b{color:#20313c!important}
html[data-dnb-theme="light"] body.dnb-workspace-body .admin-events-page .admin-discount-value-head small,
body.theme-light.dnb-workspace-body .admin-events-page .admin-discount-value-head small{color:#60798a!important}
html[data-dnb-theme="light"] body.dnb-workspace-body .admin-events-page .admin-input-suffix-rich input,
body.theme-light.dnb-workspace-body .admin-events-page .admin-input-suffix-rich input{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,250,253,.98))!important;
  border-color:rgba(184,205,219,.96)!important;
  color:#20313c!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94), inset 0 -1px 0 rgba(20,53,73,.05)!important;
}
html[data-dnb-theme="light"] body.dnb-workspace-body .admin-events-page .admin-input-suffix-rich input::placeholder,
body.theme-light.dnb-workspace-body .admin-events-page .admin-input-suffix-rich input::placeholder{color:#89a0af!important}
html[data-dnb-theme="light"] body.dnb-workspace-body .admin-events-page .admin-input-suffix-rich>span,
body.theme-light.dnb-workspace-body .admin-events-page .admin-input-suffix-rich>span{
  background:rgba(51,148,194,.10)!important;
  border-color:rgba(145,189,214,.72)!important;
  color:#22698f!important;
}


/* RC59 — hero proof icons polish */
.dnb-home-v21-proof>div{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
}
.dnb-home-v21-proof-icon{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  margin-top:3px!important;
  color:#ff8b2d!important;
  filter:drop-shadow(0 0 10px rgba(255,126,41,.18))!important;
}
.dnb-home-v21-proof-text{min-width:0!important}
.dnb-home-v21-proof-text strong,.dnb-home-v21-proof-text small{display:block!important}
.hero-proof .proof-icon{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#ff8b2d!important;
  filter:drop-shadow(0 0 10px rgba(255,126,41,.18))!important;
}
.hero-proof .proof-icon .dnb-icon,
.dnb-home-v21-proof-icon .dnb-icon{
  width:100%!important;
  height:100%!important;
  stroke-width:1.9!important;
}
@media (max-width:768px){
  .dnb-home-v21-proof>div{gap:9px!important}
  .dnb-home-v21-proof-icon,.hero-proof .proof-icon{width:20px!important;height:20px!important;min-width:20px!important}
}


/* RC60 — home difference showcase refresh */
.dnb-home-v21 .dnb-home-v24-difference-grid{
  align-items:stretch!important;
}
.dnb-home-v21 .dnb-home-v24-diff-card{
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  background:
    radial-gradient(circle at right top, rgba(67,142,191,.08), transparent 34%),
    linear-gradient(180deg, rgba(10,30,47,.97), rgba(7,22,35,.98))!important;
}
.dnb-home-v21 .dnb-home-v24-diff-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.025), transparent 26%);
}
.dnb-home-v21 .dnb-home-v24-diff-visual{
  position:relative!important;
  display:block!important;
  height:112px!important;
  margin:14px 0 14px!important;
  border:1px solid rgba(98,138,162,.22)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg, rgba(8,24,39,.92), rgba(6,19,31,.96))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 16px 32px rgba(0,0,0,.10)!important;
  overflow:hidden!important;
}
.dnb-home-v21 .dnb-home-v24-diff-visual::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:radial-gradient(rgba(117,158,183,.14) 1px, transparent 1px);
  background-size:14px 14px;
  opacity:.32;
}
.dnb-home-v21 .dnb-home-v24-diff-visual.is-data .is-pill,
.dnb-home-v21 .dnb-home-v24-diff-visual.is-account .is-scope,
.dnb-home-v21 .dnb-home-v24-diff-visual.is-project .is-project-chip,
.dnb-home-v21 .dnb-home-v24-diff-visual.is-update .is-tag{
  position:absolute;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  height:26px;
  border-radius:999px;
  font-size:10px;
  font-weight:760;
  letter-spacing:.08em;
  text-transform:uppercase;
  backdrop-filter:blur(6px);
}
.dnb-home-v21 .dnb-home-v24-diff-visual.is-data .is-pill{
  border:1px solid rgba(71,191,242,.36);
  color:#8fe5ff;
  background:rgba(24,104,145,.18);
}
.dnb-home-v21 .dnb-home-v24-diff-visual.is-data .a{left:14px;top:16px}
.dnb-home-v21 .dnb-home-v24-diff-visual.is-data .b{right:14px;top:16px}
.dnb-home-v21 .dnb-home-v24-diff-visual.is-data .c{left:22px;bottom:18px}
.dnb-home-v21 .dnb-home-v24-diff-visual.is-data .d{right:18px;bottom:18px}
.dnb-home-v21 .dnb-home-v24-diff-visual.is-data .is-node{
  position:absolute;border-radius:50%;background:#59dbff;box-shadow:0 0 0 5px rgba(89,219,255,.10),0 0 16px rgba(89,219,255,.35)
}
.dnb-home-v21 .dnb-home-v24-diff-visual.is-data .n1{left:50%;top:24px;width:7px;height:7px;transform:translateX(-50%)}
.dnb-home-v21 .dnb-home-v24-diff-visual.is-data .n2{left:50%;top:50%;width:10px;height:10px;transform:translate(-50%,-50%)}
.dnb-home-v21 .dnb-home-v24-diff-visual.is-data .n3{left:50%;bottom:24px;width:7px;height:7px;transform:translateX(-50%)}
.dnb-home-v21 .dnb-home-v24-diff-visual.is-data::after{
  content:"";position:absolute;left:50%;top:27px;bottom:27px;width:1px;transform:translateX(-50%);background:linear-gradient(180deg, rgba(73,195,242,.68), rgba(73,195,242,.15));
  box-shadow:-88px 34px 0 0 rgba(73,195,242,.5),88px 34px 0 0 rgba(73,195,242,.5);
}
.dnb-home-v21 .dnb-home-v24-diff-visual.is-update .is-bar{
  position:absolute;left:18px;right:18px;height:12px;border-radius:999px;background:rgba(44,76,95,.42);border:1px solid rgba(84,116,134,.22)
}
.dnb-home-v21 .dnb-home-v24-diff-visual.is-update .is-bar.old{top:22px}
.dnb-home-v21 .dnb-home-v24-diff-visual.is-update .is-bar.keep{top:49px;background:linear-gradient(90deg, rgba(59,210,151,.28), rgba(59,210,151,.12));border-color:rgba(59,210,151,.40)}
.dnb-home-v21 .dnb-home-v24-diff-visual.is-update .is-bar.new{top:76px;width:62%;right:auto;background:linear-gradient(90deg, rgba(65,193,151,.44), rgba(65,193,151,.12));border-color:rgba(65,193,151,.45)}
.dnb-home-v21 .dnb-home-v24-diff-visual.is-update .keep{left:18px;top:40px;color:#7ee8b8;background:rgba(24,92,69,.24);border:1px solid rgba(72,221,165,.34)}
.dnb-home-v21 .dnb-home-v24-diff-visual.is-update .update{right:18px;bottom:12px;color:#a7f0d0;background:rgba(21,84,62,.24);border:1px solid rgba(72,221,165,.34)}
.dnb-home-v21 .dnb-home-v24-diff-visual.is-project .is-frame{
  position:absolute;inset:16px;border-radius:16px;border:1px solid rgba(165,129,247,.24);background:linear-gradient(180deg, rgba(70,42,120,.12), rgba(16,20,34,.08));box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)
}
.dnb-home-v21 .dnb-home-v24-diff-visual.is-project .is-project-chip{left:16px;top:14px;color:#d1c0ff;background:rgba(89,63,153,.24);border:1px solid rgba(172,137,255,.34)}
.dnb-home-v21 .dnb-home-v24-diff-visual.is-project .is-cube{position:absolute;right:18px;bottom:16px;width:44px;height:44px;display:grid;place-items:center;border-radius:14px;border:1px solid rgba(171,131,246,.28);background:rgba(83,55,142,.22);color:#bb98ff;box-shadow:0 8px 20px rgba(80,36,150,.18)}
.dnb-home-v21 .dnb-home-v24-diff-visual.is-project .is-cube .dnb-icon{width:22px;height:22px}
.dnb-home-v21 .dnb-home-v24-diff-visual.is-account .is-scope{color:#ffd38b;background:rgba(118,84,22,.26);border:1px solid rgba(240,174,69,.35)}
.dnb-home-v21 .dnb-home-v24-diff-visual.is-account .is-scope:nth-child(1){left:16px;top:16px}
.dnb-home-v21 .dnb-home-v24-diff-visual.is-account .is-scope:nth-child(2){right:16px;top:16px}
.dnb-home-v21 .dnb-home-v24-diff-visual.is-account .is-scope:nth-child(3){left:50%;bottom:16px;transform:translateX(-50%)}
.dnb-home-v21 .dnb-home-v24-diff-visual.is-account .is-link{position:absolute;left:50%;top:50%;width:92px;height:64px;transform:translate(-50%,-50%)}
.dnb-home-v21 .dnb-home-v24-diff-visual.is-account .is-link::before,
.dnb-home-v21 .dnb-home-v24-diff-visual.is-account .is-link::after{content:"";position:absolute;left:50%;top:50%;width:2px;height:38px;background:linear-gradient(180deg, rgba(240,170,57,.4), rgba(240,170,57,.08));transform:translate(-50%,-36%)}
.dnb-home-v21 .dnb-home-v24-diff-visual.is-account .is-link::after{width:86px;height:2px;transform:translate(-50%,-50%)}
.dnb-home-v21 .dnb-home-v24-benefits{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  margin-top:18px!important;
}
.dnb-home-v21 .dnb-home-v24-benefits article{
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
  padding:18px 18px 16px!important;
  border-radius:18px!important;
  border:1px solid rgba(54,87,109,.42)!important;
  background:linear-gradient(180deg, rgba(9,26,40,.97), rgba(6,19,31,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 12px 26px rgba(0,0,0,.10)!important;
}
.dnb-home-v21 .dnb-home-v24-benefits article span{
  width:52px!important;height:52px!important;display:grid!important;place-items:center!important;border-radius:16px!important;
  color:#eef6fa!important;background:linear-gradient(180deg, rgba(29,91,127,.40), rgba(11,42,64,.40))!important;border:1px solid rgba(82,151,190,.36)!important;
}
.dnb-home-v21 .dnb-home-v24-benefits article:nth-child(2) span{background:linear-gradient(180deg, rgba(25,96,74,.42), rgba(9,45,34,.40))!important;border-color:rgba(67,203,154,.34)!important;color:#dff8ef!important}
.dnb-home-v21 .dnb-home-v24-benefits article:nth-child(3) span{background:linear-gradient(180deg, rgba(102,74,21,.42), rgba(50,35,10,.40))!important;border-color:rgba(243,176,63,.32)!important;color:#fff2d7!important}
.dnb-home-v21 .dnb-home-v24-benefits .dnb-icon{width:24px!important;height:24px!important}
.dnb-home-v21 .dnb-home-v24-benefits h3{margin:2px 0 5px!important;font-size:18px!important;line-height:1.18!important;color:#eef5f8!important;letter-spacing:-.025em!important}
.dnb-home-v21 .dnb-home-v24-benefits p{margin:0!important;font-size:11.2px!important;line-height:1.6!important;color:#98aebd!important}
@media (max-width:1100px){
  .dnb-home-v21 .dnb-home-v24-diff-visual{height:102px!important}
  .dnb-home-v21 .dnb-home-v24-benefits{grid-template-columns:1fr!important}
}
@media (max-width:767px){
  .dnb-home-v21 .dnb-home-v24-diff-visual{height:96px!important;margin:12px 0!important}
  .dnb-home-v21 .dnb-home-v24-benefits article{grid-template-columns:44px minmax(0,1fr)!important;padding:15px 14px!important;border-radius:16px!important}
  .dnb-home-v21 .dnb-home-v24-benefits article span{width:44px!important;height:44px!important;border-radius:14px!important}
  .dnb-home-v21 .dnb-home-v24-benefits h3{font-size:16px!important}
  .dnb-home-v21 .dnb-home-v24-benefits p{font-size:10.4px!important}
}


/* RC61 — simplify difference section and remove duplicate benefit strip */
.dnb-home-v21 .dnb-home-v24-diff-card{
  min-height:228px!important;
  padding:20px 20px 22px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 88% 18%, rgba(86,145,184,.065), transparent 30%),
    linear-gradient(180deg, rgba(9,29,45,.98), rgba(6,20,32,.99))!important;
}
.dnb-home-v21 .dnb-home-v24-diff-card::after{
  content:"";
  position:absolute;
  right:-28px;
  bottom:-34px;
  width:128px;
  height:128px;
  border-radius:50%;
  border:1px solid rgba(120,157,181,.09);
  box-shadow:0 0 0 22px rgba(120,157,181,.025),0 0 0 44px rgba(120,157,181,.014);
  pointer-events:none;
}
.dnb-home-v21 .dnb-home-v24-diff-card .dnb-home-v24-diff-icon{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:13px!important;
  margin-bottom:18px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 22px rgba(0,0,0,.10)!important;
}
.dnb-home-v21 .dnb-home-v24-diff-card .dnb-home-v24-diff-icon .dnb-icon{
  width:20px!important;
  height:20px!important;
}
.dnb-home-v21 .dnb-home-v24-diff-card.is-data .dnb-home-v24-diff-icon{background:rgba(39,151,201,.16)!important;color:#67d4ff!important}
.dnb-home-v21 .dnb-home-v24-diff-card.is-update .dnb-home-v24-diff-icon{background:rgba(42,170,126,.16)!important;color:#62e2b1!important}
.dnb-home-v21 .dnb-home-v24-diff-card.is-project .dnb-home-v24-diff-icon{background:rgba(126,88,213,.17)!important;color:#bd9cff!important}
.dnb-home-v21 .dnb-home-v24-diff-card.is-account .dnb-home-v24-diff-icon{background:rgba(189,127,27,.16)!important;color:#ffc666!important}
.dnb-home-v21 .dnb-home-v24-diff-card .dnb-home-v24-diff-no{
  top:17px!important;
  right:18px!important;
  font-size:24px!important;
  opacity:.58!important;
}
.dnb-home-v21 .dnb-home-v24-diff-card .dnb-home-v24-principle{
  display:block!important;
  margin:0 0 8px!important;
  font-family:"IBM Plex Mono",Consolas,monospace!important;
  font-size:8px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.15em!important;
}
.dnb-home-v21 .dnb-home-v24-diff-card h3{
  margin:0!important;
  font-size:20px!important;
  line-height:1.18!important;
  letter-spacing:-.025em!important;
}
.dnb-home-v21 .dnb-home-v24-diff-card p{
  margin:14px 0 0!important;
  font-size:10.7px!important;
  line-height:1.62!important;
  color:#96aab8!important;
  max-width:95%!important;
}
.dnb-home-v21 .dnb-home-v24-benefits{display:none!important}
.dnb-home-v21 .dnb-home-v24-diff-visual{display:none!important}
@media (max-width:1100px){
  .dnb-home-v21 .dnb-home-v24-diff-card{min-height:216px!important;padding:18px 17px 20px!important}
  .dnb-home-v21 .dnb-home-v24-diff-card h3{font-size:18px!important}
}
@media (max-width:767px){
  .dnb-home-v21 .dnb-home-v24-diff-card{min-height:0!important;padding:17px 16px 19px!important}
  .dnb-home-v21 .dnb-home-v24-diff-card .dnb-home-v24-diff-icon{width:38px!important;height:38px!important;margin-bottom:14px!important}
  .dnb-home-v21 .dnb-home-v24-diff-card h3{font-size:17px!important}
  .dnb-home-v21 .dnb-home-v24-diff-card p{font-size:10.2px!important;margin-top:11px!important}
}

/* D&B SEC-MP1 Manual Premium + Access layout: scoped to User detail Access tab only. */
.dnb-workspace-body .admin-users-page .admin-user-editor-v2 > .dnb-license-editor-grid{grid-column:1/-1!important;width:100%;min-width:0;box-sizing:border-box;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;margin:14px 0 18px}
.dnb-workspace-body .admin-users-page .dnb-license-editor-left,.dnb-workspace-body .admin-users-page .dnb-license-editor-right{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-content:start;align-self:start}
.dnb-workspace-body .admin-users-page .dnb-license-editor-grid #roleManagement{grid-column:1!important;align-self:start;min-height:0!important}
.dnb-workspace-body .admin-users-page .dnb-license-editor-grid .admin-card{min-width:0;margin:0!important;padding:18px!important}
.dnb-workspace-body .admin-users-page .dnb-license-editor-grid .admin-card h3{font-size:17px!important}
.dnb-workspace-body .admin-users-page .dnb-license-editor-grid .admin-form-stack > label,.dnb-workspace-body .admin-users-page .dnb-license-editor-grid .admin-form-grid-2 > label{font-size:12px!important;min-width:0}
.dnb-workspace-body .admin-users-page .dnb-license-editor-grid :is(input:not([type="radio"]):not([type="checkbox"]),select,textarea){font-size:13px!important;width:100%;max-width:100%;box-sizing:border-box}
.dnb-workspace-body .admin-users-page .dnb-license-editor-grid .admin-muted{font-size:12px!important;line-height:1.55!important}
.dnb-workspace-body .admin-users-page .dnb-license-editor-grid .admin-mode-picker b{font-size:11px!important}
.dnb-workspace-body .admin-users-page .dnb-license-editor-grid .admin-mode-picker small{font-size:10px!important}
.dnb-workspace-body .admin-users-page .dnb-license-editor-grid .admin-card-head{flex-wrap:wrap;gap:9px!important;margin-bottom:9px!important}
.dnb-workspace-body .admin-users-page .dnb-license-editor-grid .admin-muted{margin:6px 0 12px!important;line-height:1.55!important}
.dnb-workspace-body .admin-users-page .dnb-license-editor-grid .admin-form-stack{gap:10px!important}
.dnb-workspace-body .admin-users-page .dnb-license-editor-grid .admin-form-grid-2{gap:9px!important}
.dnb-workspace-body .admin-users-page .dnb-license-editor-grid :is(input,select){max-width:100%;min-width:0}
.dnb-workspace-body .admin-users-page .dnb-license-editor-grid .admin-mode-picker{gap:6px!important}
.dnb-workspace-body .admin-users-page .dnb-license-editor-grid .admin-mode-picker label{min-width:0!important}
.dnb-workspace-body .admin-users-page .dnb-license-editor-grid .admin-teacher-access-metrics{gap:7px!important}
.dnb-workspace-body .admin-users-page .dnb-manual-premium-form .btn{width:100%;justify-content:center}
.dnb-workspace-body .admin-users-page .dnb-manual-premium-form .btn:disabled{opacity:.45;cursor:not-allowed}
.dnb-workspace-body .admin-users-page .dnb-manual-premium-form .dnb-action-danger{background:#b84444!important;color:white!important}
.dnb-workspace-body .admin-users-page .dnb-premium-history-list{display:grid;gap:6px;max-height:260px;overflow:auto}
.dnb-workspace-body .admin-users-page .dnb-premium-history-row{display:flex;justify-content:space-between;gap:12px;padding:10px;border:1px solid var(--dnb-border,#263b4c);border-radius:9px;align-items:start}
.dnb-workspace-body .admin-users-page .dnb-premium-history-row>div{display:grid;gap:4px;min-width:0}
.dnb-workspace-body .admin-users-page .dnb-premium-history-row>div:last-child{text-align:right;white-space:nowrap}
.dnb-workspace-body .admin-users-page .dnb-premium-history-row strong{font-size:11px!important}
.dnb-workspace-body .admin-users-page .dnb-premium-history-row small{font-size:10px!important;color:var(--dnb-muted,#91a6b8);overflow-wrap:anywhere}
.dnb-workspace-body .admin-users-page #manualPremiumGroupField[hidden],.dnb-workspace-body .admin-users-page #manualPremiumDurationField[hidden]{display:none!important}
@media(max-width:1120px){.dnb-workspace-body .admin-users-page .admin-user-editor-v2 > .dnb-license-editor-grid{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:480px){.dnb-workspace-body .admin-users-page .dnb-license-editor-grid .admin-form-grid-2{grid-template-columns:1fr!important}.dnb-workspace-body .admin-users-page .dnb-premium-history-row{flex-direction:column}.dnb-workspace-body .admin-users-page .dnb-premium-history-row>div:last-child{text-align:left}}