/* Service-page components share the existing BlueNetwork palette and typography. */
.bn-optima-page{--bn-subnav-height:54px;color:#102b60}
html:has(.bn-optima-page){scroll-padding-top:142px}
.bn-optima-page p{margin:0}
.bn-optima-page .wp-block-image{margin:0}
.bn-optima-page .bn-optima-section{padding:76px 0}
.bn-optima-page :is(h1,h2,h3){color:#102b60;margin:0;letter-spacing:-.035em}
.bn-optima-page h2{font-size:clamp(29px,3vw,41px);line-height:1.16}
.bn-optima-page h3{font-size:20px;line-height:1.25}
.bn-optima-page h2 span{color:#087cf5}
.bn-optima-page .overline{font-size:10px;letter-spacing:.2em;color:#315a91;margin:0 0 12px}
.bn-optima-page .bn-optima-intro{font-size:16px;line-height:1.7;color:#486184;max-width:670px;margin-top:16px}
.bn-optima-page .bn-optima-heading{max-width:760px;margin-bottom:32px}
.bn-optima-page .bn-optima-breadcrumbs{font-size:12px;color:#587192;line-height:1.6;padding:22px 0 0}
.bn-optima-breadcrumbs a{color:#1267bc}.bn-optima-breadcrumbs span{margin:0 9px;color:#93abc5}
.bn-optima-page .bn-optima-actions{margin-top:26px;gap:11px}
.bn-optima-page .bn-optima-actions .btn{font-size:13px;min-height:47px}
.bn-optima-page .wp-block-button.btn{display:block;min-height:0;border:0;background:none;box-shadow:none;white-space:normal;transform:none}
.bn-optima-page .wp-block-button.btn .wp-block-button__link{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:14px 20px;border:1px solid transparent;border-radius:6px;font-size:13px;font-weight:750;line-height:1.4;white-space:normal;text-align:center}
.bn-optima-page .wp-block-button.btn-primary .wp-block-button__link{background:linear-gradient(115deg,#0968ef,#00a9f5);color:#fff;box-shadow:0 4px 12px #087ff01b}
.bn-optima-page .wp-block-button.btn-outline .wp-block-button__link{background:#fff;color:#065cc6;border-color:#278efe}
.bn-optima-page .bn-optima-proof p{font-size:12px;color:#496382;display:flex;align-items:baseline;gap:10px}
.bn-optima-subnav{position:sticky;top:var(--bn-header-height,142px);z-index:15;border-bottom:1px solid #dcebf7;background:#fffffff2;backdrop-filter:blur(12px)}
.bn-optima-page .bn-optima-tabs{display:flex;flex-wrap:nowrap;justify-content:center;gap:12px;padding:9px 0;overflow-x:auto;scrollbar-width:thin}
.bn-optima-tabs .wp-block-button{flex:none;margin:0}
.bn-optima-tabs .wp-block-button__link{padding:9px 15px;border-radius:8px;background:transparent;color:#315582;font-size:12px;font-weight:650;white-space:nowrap}
.bn-optima-tabs a:hover,.bn-optima-tabs a[aria-current="location"]{background:#eaf4ff;color:#087cf5}
.bn-optima-page section[id]{scroll-margin-top:calc(var(--bn-subnav-height,54px) + 2px)}
.bn-optima-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.bn-optima-card{position:relative;padding:27px;border:1px solid #dceaf7;border-radius:17px;background:#fff;min-width:0;box-shadow:0 8px 24px #1b67ab05}
.bn-optima-card .wp-block-image{width:36px;height:36px;margin-bottom:21px}
.bn-optima-card img{width:100%;height:100%;object-fit:contain}
.bn-optima-card h3{font-size:18px;margin-bottom:11px}
.bn-optima-page .bn-optima-card p{font-size:14px;line-height:1.7;color:#4a6486}
.bn-optima-page .bn-optima-soft{background:linear-gradient(135deg,#f2f8ff,#f8fbff)}
.bn-optima-modules .bn-optima-card{padding:24px;box-shadow:none;border-color:#d6e8f7}
.bn-optima-modules .bn-optima-card .wp-block-image{width:29px;height:29px;margin-bottom:17px}
.bn-optima-page .bn-optima-note{font-size:12px;color:#58718e;line-height:1.7;margin-top:23px}
.bn-optima-links{display:flex;align-items:center;flex-wrap:wrap;gap:12px 26px;margin-top:22px}
.bn-optima-links a{color:#087cf5;font-size:13px;font-weight:650;text-decoration:underline;text-underline-offset:4px}
.bn-optima-page .bn-optima-support{background:radial-gradient(ellipse at 12% 90%,#087cf53b,transparent 65%),#102c60;color:#fff}
.bn-optima-support-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:75px;align-items:center}
.bn-optima-page .bn-optima-support :is(h2,h3){color:#fff}
.bn-optima-page .bn-optima-support .overline{color:#8bcaff}
.bn-optima-page .bn-optima-support .bn-optima-intro{color:#bed2ed}
.bn-optima-page .bn-optima-checks{list-style:none;padding:0;margin:25px 0 0;display:grid;gap:13px;font-size:14px;color:#d6e6f8}
.bn-optima-checks li{position:relative;padding-left:25px;line-height:1.6}
.bn-optima-checks li::before{content:"✓";position:absolute;left:0;color:#5bcaff;font-weight:700}
.bn-optima-page .bn-optima-support-card{background:#ffffff0d;border:1px solid #ffffff24;border-radius:20px;padding:30px;backdrop-filter:blur(8px)}
.bn-optima-support-card h3{font-size:23px}.bn-optima-support-card p{color:#c8ddf6;font-size:14px;line-height:1.7;margin-top:13px}
.bn-optima-page .bn-optima-support-card .bn-optima-support-phone{font-size:30px;font-weight:750;line-height:1.3;letter-spacing:-.03em;margin:22px 0 6px;color:#fff}
.bn-optima-support-card .btn{width:100%;margin-top:19px;gap:8px}.bn-optima-support-card .bn-optima-note{color:#aec9e9}
.bn-optima-models-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:start}
.bn-optima-models{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.bn-optima-model{padding:25px;border:1px solid #dceaf7;border-radius:17px;background:#f8fbff}
.bn-optima-model .wp-block-image{width:34px;height:34px;margin-bottom:20px}.bn-optima-model h3{margin-bottom:12px}
.bn-optima-model p{font-size:14px;line-height:1.7;color:#4a6486}
.bn-optima-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.bn-optima-step{position:relative;min-width:0;padding-top:18px;border-top:2px solid #bcdfff}
.bn-optima-page .bn-optima-step-number{display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:50%;background:#087cf5;color:#fff;font-size:13px;font-weight:750;margin-bottom:20px;box-shadow:0 5px 18px #087cf527}
.bn-optima-step h3{font-size:18px;margin-bottom:11px}.bn-optima-step p{color:#4a6486;font-size:14px;line-height:1.7}
.bn-optima-faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:start}
.bn-optima-faqs{display:grid;gap:12px}
.bn-optima-faq-item{border:1px solid #dceaf7;background:#fff;border-radius:13px;padding:0 20px;overflow:hidden}
.bn-optima-faq-item summary{position:relative;padding:20px 25px 20px 0;cursor:pointer;list-style:none;color:#153c71;font-size:15px;font-weight:650;line-height:1.5}
.bn-optima-faq-item summary::-webkit-details-marker{display:none}
.bn-optima-faq-item summary::after{content:"+";position:absolute;right:0;top:18px;font-size:22px;color:#087cf5;font-weight:400}.bn-optima-faq-item[open] summary::after{content:"−"}
.bn-optima-faq-item[open] summary{padding-bottom:12px}
.bn-optima-page .bn-optima-faq-item p{font-size:14px;line-height:1.75;color:#4a6486;padding-bottom:21px;max-width:70ch}
.bn-optima-contact{padding:0 0 74px}
.bn-optima-contact-box{display:grid;grid-template-columns:1.3fr .7fr;gap:45px;align-items:center;padding:45px;border-radius:23px;background:linear-gradient(110deg,#eef6ff,#dff2ff);border:1px solid #cce5fa}
.bn-optima-page .bn-optima-contact h2{font-size:clamp(28px,3vw,39px)}
.bn-optima-page .bn-optima-contact .bn-optima-intro{font-size:14px;max-width:590px}
.bn-optima-contact-checklist{border-left:1px solid #badbf6;padding-left:34px}
.bn-optima-page .bn-optima-contact-checklist h3{font-size:16px;margin-bottom:15px}
.bn-optima-contact-checklist p{font-size:13px;color:#4a6486;line-height:2}
.bn-optima-page a:focus-visible,.bn-optima-page summary:focus-visible{outline:3px solid #008dff;outline-offset:4px;border-radius:4px}
.editor-styles-wrapper .bn-optima-subnav{position:relative;top:0}.editor-styles-wrapper .bn-optima-board .bn-optima-art{position:relative;min-height:270px}
@media(max-width:1180px){.bn-optima-hero-layout{gap:30px}.bn-optima-board{min-height:395px}.bn-optima-board-phases{left:13px;right:13px;bottom:14px;gap:6px}.bn-optima-phase{gap:5px;padding:12px 5px}.bn-optima-phase p{font-size:10px}.bn-optima-phase .wp-block-image{width:20px;height:20px}.bn-optima-card{padding:22px}.bn-optima-support-layout,.bn-optima-models-layout,.bn-optima-faq-layout{gap:38px}.bn-optima-page .bn-optima-actions .wp-block-button__link{padding-inline:16px;font-size:12px}.bn-optima-page .bn-optima-actions .btn{padding-inline:16px;font-size:12px}}
@media(max-width:960px){.bn-optima-page .bn-optima-section{padding:56px 0}.bn-optima-hero-layout{grid-template-columns:1fr 1fr;gap:25px;padding-block:36px}.bn-optima-board{min-height:365px}.bn-optima-page .bn-optima-lead{font-size:18px}.bn-optima-page .bn-optima-hero-desc{font-size:14px}.bn-optima-page h1{font-size:38px}.bn-optima-page .bn-optima-actions{display:grid;grid-template-columns:1fr}.bn-optima-grid{gap:14px}.bn-optima-card{padding:20px}.bn-optima-card h3{font-size:17px}.bn-optima-page .bn-optima-card p{font-size:13px}.bn-optima-support-layout{gap:28px}.bn-optima-steps{gap:20px}.bn-optima-models-layout{grid-template-columns:1fr;gap:28px}.bn-optima-faq-layout{grid-template-columns:1fr;gap:26px}.bn-optima-contact-box{gap:30px;padding:32px}.bn-optima-contact-checklist{padding-left:23px}.bn-optima-proof p{flex-direction:column;gap:3px}}
@media(max-width:700px){.bn-optima-page .bn-optima-section{padding:44px 0}.bn-optima-hero-layout{grid-template-columns:1fr;gap:29px;padding:28px 0}.bn-optima-page h1{font-size:clamp(34px,8vw,48px)}.bn-optima-page .bn-optima-actions{display:flex;flex-wrap:wrap}.bn-optima-board{min-height:320px}.bn-optima-board .bn-optima-art img{object-position:76% center}.bn-optima-partner{margin-top:21px}.bn-optima-proof{gap:14px;padding:21px 0}.bn-optima-page .bn-optima-proof p{font-size:11px;line-height:1.5}.bn-optima-proof strong{font-size:23px}.bn-optima-page .bn-optima-tabs{justify-content:flex-start;gap:4px}.bn-optima-tabs .wp-block-button__link{padding-inline:11px;font-size:11px}.bn-optima-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bn-optima-card{padding:19px}.bn-optima-card h3{font-size:16px}.bn-optima-card .wp-block-image{width:30px;height:30px;margin-bottom:17px}.bn-optima-page .bn-optima-intro{font-size:14px}.bn-optima-support-layout{grid-template-columns:1fr;gap:27px}.bn-optima-support-card{padding:25px}.bn-optima-models{gap:12px}.bn-optima-model{padding:21px}.bn-optima-model h3{font-size:18px}.bn-optima-model p{font-size:13px}.bn-optima-steps{grid-template-columns:1fr 1fr;gap:27px 22px}.bn-optima-faq-item{padding-inline:17px}.bn-optima-contact{padding-bottom:45px}.bn-optima-contact-box{grid-template-columns:1fr;gap:26px;padding:27px}.bn-optima-contact-checklist{border-left:0;border-top:1px solid #badbf6;padding:23px 0 0}.bn-optima-contact .bn-optima-actions{display:grid;grid-template-columns:1fr}.bn-optima-page .bn-optima-breadcrumbs{font-size:11px;padding-top:17px}}
@media(max-width:430px){.bn-optima-grid{grid-template-columns:1fr}.bn-optima-page .bn-optima-hero .bn-optima-actions{display:grid;grid-template-columns:1fr}.bn-optima-board{min-height:280px}.bn-optima-board-phases{gap:5px;left:10px;right:10px;bottom:12px}.bn-optima-phase{padding:11px 4px;flex-direction:column;gap:5px}.bn-optima-page .bn-optima-proof p{font-size:10px}.bn-optima-proof strong{font-size:22px}.bn-optima-models{grid-template-columns:1fr}.bn-optima-steps{gap:26px 18px}.bn-optima-step h3{font-size:16px}.bn-optima-step p{font-size:13px}.bn-optima-page .bn-optima-board-tag{font-size:9px;padding:8px 10px;margin:13px}.bn-optima-contact-box{padding:24px}.bn-optima-page h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
@media(max-width:430px){.bn-optima-board .bn-optima-art img{object-position:45% center}}
.bn-optima-page .bn-optima-actions .wp-block-button.btn{padding:0}
@media(max-width:960px){html:has(.bn-optima-page){scroll-padding-top:78px}}

/* Subpages use a compact text heading; the graphic hero belongs to the homepage. */
.bn-page-intro{background:#fff;border-bottom:1px solid #e3edf7;padding-bottom:25px}
.bn-page-intro .bn-optima-breadcrumbs{padding-top:18px}
.bn-page-intro h1,.bn-optima-page .bn-page-intro h1{font-size:clamp(27px,2.8vw,36px);line-height:1.22;letter-spacing:-.035em;margin:24px 0 10px;color:#102b60}
.bn-page-intro .bn-page-description{max-width:880px;font-size:15px;line-height:1.7;color:#486184;margin:0}
@media(max-width:700px){.bn-page-intro{padding-bottom:21px}.bn-page-intro h1,.bn-optima-page .bn-page-intro h1{font-size:28px;margin-top:20px}.bn-page-intro .bn-page-description{font-size:14px;line-height:1.7}}

/* Supporting illustrations belong to content sections, below the compact page heading. */
.bn-optima-illustrated-heading{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:44px;margin-bottom:34px}
.bn-optima-page .bn-optima-illustrated-heading .bn-optima-heading{margin-bottom:0}
.bn-optima-page .bn-optima-illustration{position:relative;overflow:hidden;border-radius:22px;width:100%;margin:0}
.bn-optima-page .bn-optima-illustration img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.bn-optima-page .bn-optima-implementation-art{max-width:450px;justify-self:end;background:#f5faff;border:1px solid #e9f2fa}
.bn-optima-page .bn-optima-support-art{margin:0 0 25px;background:#f4f9ff;border-radius:14px;max-height:240px}
.bn-optima-page .bn-optima-support-art img{max-height:240px;object-fit:contain}
.bn-optima-page .bn-optima-support-card{padding:25px}
.bn-optima-next-steps{margin-top:42px;padding-top:32px;border-top:1px solid #d7e6f5}
.bn-optima-page .bn-optima-next-heading{font-size:25px;line-height:1.3;letter-spacing:-.03em;margin:0 0 24px}
.bn-optima-next-heading span{color:#087cf5}
.bn-optima-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.bn-optima-action-card{--accent:#087cf5;position:relative;display:flex;flex-direction:column;min-width:0;padding:25px 23px 22px;background:linear-gradient(160deg,#fff 58%,#edf6ff);border:1px solid #cfe3f7;border-radius:19px;box-shadow:0 7px 25px #164e8708;transition:border-color .25s,box-shadow .25s}
.bn-optima-action-card::before{content:'';position:absolute;top:0;left:25px;right:25px;height:2px;border-radius:2px;background:linear-gradient(90deg,#087cf5,#51caff);opacity:.6}
.bn-optima-page .bn-optima-action-icon{display:grid;place-items:center;width:60px;height:60px;margin:0 0 22px;border:1px solid #cee8ff;border-radius:17px;background:linear-gradient(145deg,#fff,#dcedff);box-shadow:0 6px 13px #087cf510,inset 0 1px 0 #fff}
.bn-optima-action-icon img{display:block;width:30px;height:30px}
.bn-optima-page .bn-optima-action-kicker{font-size:9px;font-weight:750;letter-spacing:.13em;color:#426792;line-height:1.5;margin:0 0 11px}
.bn-optima-page .bn-optima-action-card h4{color:#102b60;font-size:19px;line-height:1.35;font-weight:750;letter-spacing:-.025em;min-height:4.05em;margin:0 0 12px}
.bn-optima-action-card h4 a{color:inherit;text-decoration:none}
.bn-optima-action-card h4 a::after{content:'';position:absolute;inset:0;z-index:1;border-radius:19px}
.bn-optima-page .bn-optima-action-description{color:#4a6484;font-size:13px;line-height:1.65;margin:0 0 26px}
.bn-optima-page .bn-optima-action-label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#066aca;font-size:12px;font-weight:750;line-height:1.5;margin-top:auto}
.bn-optima-action-label span{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#e7f3ff;border:1px solid #cee5fb;font-size:18px}
.bn-optima-action-card:hover,.bn-optima-action-card:focus-within{border-color:#2188ed;box-shadow:0 11px 28px #087cf51b}
.bn-optima-action-card h4 a:focus-visible{outline:none}
.bn-optima-action-card h4 a:focus-visible::after{outline:3px solid #087cf5;outline-offset:4px}
.bn-optima-page .bn-optima-action-contact{background:radial-gradient(ellipse at 100% 0,#087cf56b,transparent 75%),#102d60;border-color:#204d83}
.bn-optima-action-contact::before{background:linear-gradient(90deg,#04a9f5,#85deff)}
.bn-optima-page .bn-optima-action-contact :is(h4,.bn-optima-action-label){color:#fff}
.bn-optima-page .bn-optima-action-contact .bn-optima-action-kicker{color:#a9d8ff}
.bn-optima-page .bn-optima-action-contact .bn-optima-action-description{color:#d2e5fb}
.bn-optima-action-contact .bn-optima-action-label span{background:#ffffff12;border-color:#ffffff36}
.bn-optima-action-contact .bn-optima-action-icon{background:#ffffff12;border-color:#ffffff40;box-shadow:none}
.bn-optima-action-contact .bn-optima-action-icon img{filter:brightness(0) invert(1)}
.bn-optima-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.editor-styles-wrapper .bn-optima-action-card h4 a::after{display:none}
@media(max-width:1180px){.bn-optima-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bn-optima-illustrated-heading{gap:30px}.bn-optima-page .bn-optima-action-card h4{min-height:2.7em}}
@media(max-width:700px){.bn-optima-illustrated-heading{grid-template-columns:1fr;gap:24px;margin-bottom:27px}.bn-optima-page .bn-optima-implementation-art{max-width:420px;justify-self:center}.bn-optima-next-steps{margin-top:30px;padding-top:26px}.bn-optima-page .bn-optima-next-heading{font-size:22px;margin-bottom:20px}.bn-optima-action-grid{gap:12px}.bn-optima-action-card{padding:22px 19px}.bn-optima-page .bn-optima-action-card h4{font-size:18px;min-height:4.05em}.bn-optima-page .bn-optima-action-icon{width:52px;height:52px;margin-bottom:18px}.bn-optima-action-card::before{left:19px;right:19px}}
@media(max-width:500px){.bn-optima-action-grid{grid-template-columns:1fr}.bn-optima-page .bn-optima-action-card h4{min-height:0;font-size:20px}.bn-optima-action-card{padding:23px}.bn-optima-page .bn-optima-action-description{margin-bottom:20px}.bn-optima-page .bn-optima-support-art{max-height:220px}.bn-optima-page .bn-optima-support-art img{max-height:220px}}
@media(prefers-reduced-motion:reduce){.bn-optima-action-card{transition:none}}

/* Product name in compact page headings. */
.bn-page-intro h1 .bn-page-title-product{color:#087cf5}

/* Full authentic screens, with their original proportions and readable full-size links. */
.bn-optima-page figure.bn-optima-real-screenshot{background:#fff;border:1px solid #dce9f7;border-radius:20px;overflow:hidden}
.bn-optima-page figure.bn-optima-real-screenshot>a{display:flex;align-items:center;justify-content:center;min-height:220px;padding:12px;box-sizing:border-box;cursor:zoom-in}
.bn-optima-page figure.bn-optima-real-screenshot img{display:block;width:auto;max-width:100%;height:auto;max-height:420px;aspect-ratio:auto;object-fit:contain}
.bn-optima-page figure.bn-optima-real-screenshot>a:focus-visible{outline:3px solid #087cf5;outline-offset:-4px}
@media(max-width:700px){.bn-optima-page figure.bn-optima-real-screenshot>a{padding:8px;min-height:170px}.bn-optima-page figure.bn-optima-real-screenshot img{max-height:360px}}
