/* Business OS 6.7.7 – trust and business-outcome improvements.
   Limited to public frontend; no shared widget/backend styles overridden. */
.b677-hero-evidence a{min-width:0}
.b677-hero-evidence small{line-height:1.45}
.b677-experience{background:#10283a;border-left:3px solid #67bde9;padding:16px 18px;border-radius:0 9px 9px 0;color:#dceefa}
.b677-experience strong{color:#fff}
/* Distinguish project models without creating another standalone landing-page block. */
.b677-offer-models article{min-width:0}
.b677-offer-models .p58-kicker{display:block;margin-bottom:9px;color:#96cdea}
.b677-offer-models article h3{line-height:1.3}
.b677-offer-models article a{display:inline-flex;align-items:center;min-height:44px}
/* A readable step sequence placed below the actual public price list. */
.b677-custom-offer{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(18px,3vw,34px);margin-block:32px 10px;padding:clamp(20px,3.2vw,34px);background:#102337;border:1px solid #3a607e;border-radius:14px;color:#dcebf5}
.b677-custom-intro{min-width:0}
.b677-custom-intro .p58-kicker{display:block;margin-bottom:11px}
.b677-custom-intro h3{font-size:clamp(20px,2.3vw,28px);line-height:1.19;margin:0 0 12px;color:#fff;letter-spacing:-.025em}
.b677-custom-intro p{font-size:clamp(13px,1.1vw,15px);line-height:1.65;margin:0 0 18px;max-width:62ch}
.b677-custom-cta{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:11px 16px;border-radius:7px;background:#a8defa;color:#091c2c!important;font-size:13px;font-weight:800;line-height:1.25;text-decoration:none}
.b677-custom-cta:hover{background:#d2edff}
.b677-custom-cta:focus-visible{outline:3px solid #fff;outline-offset:3px}
.b677-custom-offer ol{counter-reset:b677-num;margin:0;padding:0;list-style:none;display:grid;gap:10px;min-width:0}
.b677-custom-offer li{counter-increment:b677-num;display:grid;grid-template-columns:31px minmax(0,1fr);column-gap:12px;row-gap:3px;align-content:center;padding:10px 13px;background:#162e44;border:1px solid #30516b;border-radius:8px;min-height:72px}
.b677-custom-offer li:before{content:'0' counter(b677-num);grid-row:1 / span 2;align-self:center;font:700 12px/1 ui-monospace,Consolas,monospace;color:#8fd5fd}
.b677-custom-offer li strong{font-size:14px;line-height:1.4;color:#fff}
.b677-custom-offer li span{font-size:12px;line-height:1.5;color:#b8d0e1}
/* Case studies: real capabilities, no unverified quantitative results. */
.b677-case-process{display:grid;gap:0;margin:clamp(12px,2vw,18px) 0 15px;padding:0;border-top:1px solid #36536a;border-bottom:1px solid #36536a}
.b677-case-process>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:11px;padding:10px 1px;align-items:baseline;min-width:0}
.b677-case-process>div+div{border-top:1px solid #284358}
.b677-case-process dt{margin:0;color:#9dcde8;font:700 10px/1.45 ui-monospace,Consolas,monospace;letter-spacing:.05em;text-transform:uppercase}
.b677-case-process dd{margin:0;color:#d1e3f0;font-size:13px;line-height:1.55;overflow-wrap:break-word}
/* Honest operational boundaries instead of vague 'available any time' promises. */
.b677-service-expectations{max-width:none}
.b677-service-expectations>p{max-width:90ch}
.b677-care-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:17px 0 0;padding:0}
.b677-care-facts>div{min-width:0;padding:15px 17px;background:#112b3e;border:1px solid #375f77;border-radius:8px}
.b677-care-facts dt{font-size:14px;font-weight:750;line-height:1.35;color:#fff;margin-bottom:9px}
.b677-care-facts dd{font-size:12.5px;line-height:1.65;color:#c6dbea;margin:0}
.b677-integration-note .p58-link{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:860px){.b677-custom-offer{grid-template-columns:1fr}.b677-case-process>div{grid-template-columns:88px minmax(0,1fr)}.b677-care-facts{grid-template-columns:1fr}}
@media(max-width:480px){.b677-custom-offer{padding:17px 15px;margin-top:22px}.b677-custom-offer li{padding:10px;grid-template-columns:27px minmax(0,1fr)}.b677-case-process>div{grid-template-columns:1fr;gap:2px}.b677-case-process dd{font-size:13px}.b677-experience{padding:14px}}
@media(prefers-reduced-motion:reduce){.b677-custom-cta{scroll-behavior:auto}}
/* Retain every cost driver, but avoid a second lengthy explanation of bespoke pricing. */
.b677-price-footnotes{padding-top:0!important;padding-bottom:clamp(30px,4vw,56px)!important}
.b677-cost-drivers{margin:0;background:#112537}
.b677-cost-content{padding:0 18px 20px;color:#d3e5f0}
.b677-cost-content>p{margin:5px 0 8px;font-size:13px}
.b677-cost-content .p58-checks{margin-bottom:14px}
.b677-cost-contact{display:inline-flex;align-items:center;min-height:44px;color:#9fdcff;font-size:13px;font-weight:700}
.b677-cost-contact:focus-visible{outline:3px solid #9cdafa;outline-offset:2px}
/* At phone widths, make the professional experience readable instead of three 100px columns. */
@media(max-width:640px){
  .as672-hero-evidence.b677-hero-evidence{grid-template-columns:repeat(2,minmax(0,1fr))}
  .as672-hero-evidence.b677-hero-evidence>a{min-height:74px;padding:12px 14px;gap:5px}
  .as672-hero-evidence.b677-hero-evidence>a:first-child{grid-column:1/-1;min-height:64px;border-left:0}
  .as672-hero-evidence.b677-hero-evidence>a:nth-child(2){border-left:0;border-top:1px solid #263d50}
  .as672-hero-evidence.b677-hero-evidence>a:nth-child(3){border-top:1px solid #263d50}
  .as672-hero-evidence.b677-hero-evidence span{font-size:9px}
  .as672-hero-evidence.b677-hero-evidence strong{font-size:13px}
}
/* Reclaim unused whitespace below the hero illustration; keep the 6.7.6 page length. */
@media(max-width:640px){.as-studio-hero{padding-bottom:16px!important}}