/* Service directory and detail pages share B&M's existing type and palette. */
.service-catalog{padding:52px 0 60px;background:#fff;color:#203c49}.service-catalog-heading{margin-bottom:29px}.service-catalog h2{font-size:clamp(32px,3vw,43px)}.service-catalog h2 em{color:#377b79}.service-catalog-heading>p{font-size:14px;line-height:1.8;margin-top:14px;max-width:70ch}.service-catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.service-card{display:flex;flex-direction:column;align-items:start;border:1px solid #24465c23;padding:25px 23px 20px;min-width:0;background:#fff;transition:border-color .25s,transform .25s,box-shadow .25s}.service-card:hover{border-color:#5a9c8b;transform:translateY(-4px);box-shadow:0 14px 30px #24465c09}.service-card:focus-visible{outline:2px solid #377b79;outline-offset:5px}.service-mark{width:47px;height:47px;fill:#4c9c8a;flex-shrink:0}.service-card h3{font-size:22px;line-height:1.2;letter-spacing:-.035em;margin-top:18px}.service-card>p{font-size:13px;line-height:1.8;margin:17px 0 23px;color:#526970}.service-card-link{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:auto;border-top:1px solid #24465c17;padding-top:14px;color:#326c62;font-size:12px;font-weight:600}.service-card-link .icon{height:17px;width:17px}.service-page{background:#fff;color:#203c49}.service-page h2{font-size:clamp(33px,3.2vw,46px)}.service-page h2 em,.service-page h1 em{color:#377b79}.service-page .eyebrow{color:#386c63;font-size:10px}.service-hero{padding:135px 0 65px;background:#fff}.service-back{font-size:12px;color:#526970;display:inline-block;margin-bottom:32px}.service-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:8%;align-items:center}.service-hero h1{font-size:clamp(43px,4.6vw,67px);line-height:1.08;letter-spacing:-.045em}.service-hero-grid>div>p{font-size:15px;line-height:1.9;max-width:46ch;margin-top:27px}.service-hero .button{margin-top:27px}.service-visual{position:relative;height:395px;display:grid;place-items:center;background:#e7efea;border-radius:75px 10px 10px 10px;overflow:hidden;isolation:isolate}.service-visual:before{content:'';position:absolute;width:300px;height:300px;border:1px solid #689d8b26;border-radius:50%;z-index:-1}.service-visual-label{position:absolute;top:24px;right:24px;font-size:8px;letter-spacing:.13em;color:#47675c}.service-visual-caption{position:absolute;bottom:20px;left:24px;font-size:7px;letter-spacing:.09em;color:#47675c}.service-visual-note{position:absolute;bottom:53px;right:20px;background:#f9fcf8;border:1px solid #a6c6b9;border-radius:30px;padding:8px 14px;font-size:10px;color:#326457;box-shadow:0 8px 18px #24465c0b}.service-phone{position:relative;width:151px;height:283px;padding:35px 12px 13px;border:6px solid #24463e;background:#f6faf5;border-radius:27px;box-shadow:0 18px 25px #24465c26}.service-phone-camera{position:absolute;top:8px;left:calc(50% - 22px);width:44px;height:10px;border-radius:12px;background:#18372f}.service-phone>span{font-size:7px;color:#4e6c61}.service-phone strong{display:block;font:500 19px/1.1 var(--display);margin:8px 0 14px}.service-ui-block{height:59px;background:linear-gradient(135deg,#b2d8c5,#dceadd);border-radius:5px;margin-bottom:13px}.service-phone>i{height:5px;width:90%;display:block;background:#c9dacf;margin-top:9px;border-radius:3px}.service-phone>i+i{width:65%}.service-phone>b{display:block;font-size:8px;text-align:center;font-weight:500;background:#24463e;color:#fff;border-radius:5px;margin-top:17px;padding:8px}.service-browser{width:84%;border:1px solid #91b6a6;background:#fcfefb;border-radius:8px;box-shadow:0 17px 25px #24465c1a;overflow:hidden}.service-browser-bar{display:flex;align-items:center;gap:4px;background:#d5e5da;height:25px;padding:0 12px}.service-browser-bar i{height:4px;width:4px;border-radius:50%;background:#5d8d79}.service-browser-body{display:flex;min-height:208px}.service-browser-body>aside{width:20%;background:#294f43}.service-browser-body>div{padding:20px;flex:1;min-width:0}.service-browser-body span{font-size:8px;color:#526970}.service-browser-body strong{display:block;font:500 24px/1.2 var(--display);margin-top:8px}.service-ui-tiles{display:flex;gap:8px;margin:18px 0}.service-ui-tiles>i{display:block;height:38px;background:#d7e7db;flex:1;border-radius:3px}.service-browser-body p{height:7px;background:#e0e9e0;border-radius:3px;margin-top:9px}.service-browser-body p:last-child{width:70%}.service-flow,.service-ai-flow{display:grid;justify-items:center;gap:7px;width:73%}.service-flow>span,.service-ai-flow>span{padding:13px 20px;background:#fbfdf9;border:1px solid #9bbcad;border-radius:7px;text-align:center;font-size:13px;width:100%;box-shadow:0 7px 12px #24465c08}.service-flow>i,.service-ai-flow>i{font-style:normal;color:#427965;font-size:21px;line-height:1.3}.service-flow>.service-flow-dark{background:#24463e;color:#fff;border-color:#24463e}.service-ai-flow>b{border:1px solid #8ab49f;border-radius:14px;padding:16px 32px;background:#24463e;color:#b9efde;font:500 36px/1 var(--display);text-align:center;box-shadow:0 0 0 7px #b9efde35}.service-ai-flow>b>span{display:block;font:400 9px/1.5 var(--body);color:#e1f2e9;margin-top:9px}.service-usages{padding:58px 0;background:#edf3ef}.service-usages-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:35px}.service-usages article{border-top:1px solid #24465c30;padding-top:20px}.service-usages article>span{font-size:11px;color:#47675c}.service-usages h3{font-size:24px;margin:18px 0 13px;line-height:1.2}.service-usages article>p{font-size:14px;line-height:1.8;color:#526970}.service-focus{display:flex;gap:22px;align-items:start;margin-top:38px;padding-top:28px;border-top:1px solid #24465c30}.service-focus h3{font-size:24px;margin:0 0 12px}.service-focus p{font-size:14px;line-height:1.85;max-width:96ch;color:#526970}.service-delivery{padding:65px 0}.service-delivery-heading{display:flex;align-items:end;justify-content:space-between;gap:35px}.service-delivery-heading>.text-link{font-size:12px}.service-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;list-style:none;padding:0;margin:35px 0}.service-steps li{padding-top:20px;border-top:1px solid #24465c30}.service-steps li>span{font:italic 400 30px/1 var(--serif);color:#377b79}.service-steps h3{font-size:23px;margin:16px 0 12px;line-height:1.2}.service-steps p{font-size:14px;line-height:1.8}.service-handover{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;padding:32px;background:#f4f7f3;border-radius:10px}.service-handover h3{font-size:25px}.service-handover ul{list-style:none;padding:0;margin:20px 0}.service-handover li{display:flex;align-items:start;gap:12px;font-size:13px;line-height:1.8;margin:11px 0}.service-handover li .icon{width:16px;height:16px;margin-top:4px;color:#377b79}.service-handover p{font-size:12px;line-height:1.8;color:#526970}.service-handover aside{border-left:1px solid #24465c25;padding-left:30px}.service-handover .tiny-label{font-size:9px;line-height:1.8;color:#47675c}.service-stack{display:flex;flex-wrap:wrap;gap:8px;margin:19px 0}.service-stack>span{font-size:12px;line-height:1.6;border:1px solid #abc3b8;border-radius:30px;padding:6px 12px;color:#326457}.service-questions{padding:30px 0 55px}.service-questions>.wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%}.service-page .service-catalog{background:#edf3ef}.service-page .service-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-page .service-catalog-heading>.eyebrow,.service-page .service-catalog-heading>p{display:none}.service-page .service-catalog h2{font-size:34px}.service-contact{background:radial-gradient(ellipse at 20% 20%,#24465c88,transparent 65%),#111e2c;color:#fff;padding:35px 0}.service-contact>.wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.service-contact h2{font-size:39px}.service-contact h2 em{color:#b9efde}
@media(prefers-reduced-motion:no-preference){.service-visual{animation:service-enter .8s cubic-bezier(.16,1,.3,1) both}.service-card:hover .service-mark{transform:translateY(-3px)}.service-mark{transition:transform .3s}@keyframes service-enter{from{opacity:.2;transform:translateY(18px)}to{opacity:1;transform:none}}}
@media(max-width:1050px){.service-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-hero-grid{gap:5%}.service-hero h1{font-size:48px}.service-visual{height:365px}.service-card h3{font-size:23px}.service-handover{gap:5%;padding:27px}.service-usages-grid,.service-steps{gap:25px}}
@media(max-width:700px){.service-catalog{padding:38px 0}.service-catalog h2{font-size:33px}.service-catalog-heading>p{font-size:13px}.service-catalog-grid{grid-template-columns:1fr;gap:14px}.service-card{padding:22px;position:relative;display:grid;grid-template-columns:40px 1fr;column-gap:16px;row-gap:10px}.service-card>.service-mark{width:40px;height:40px;grid-column:1;grid-row:1/3}.service-card h3{grid-column:2;font-size:22px;margin-top:0}.service-card>p{grid-column:2;font-size:13px;margin:0 0 6px}.service-card-link{grid-column:2;padding-top:12px}.service-hero{padding:110px 0 38px}.service-back{margin-bottom:25px;font-size:11px}.service-hero-grid{grid-template-columns:1fr;gap:30px}.service-hero h1{font-size:clamp(40px,10.5vw,51px)}.service-hero-grid>div>p{font-size:14px;margin-top:22px}.service-hero .button{margin-top:22px}.service-visual{height:330px;border-top-left-radius:60px}.service-phone{height:260px;width:140px;padding-top:32px}.service-phone>b{margin-top:12px}.service-ui-block{height:48px}.service-visual-note{font-size:9px;right:12px;bottom:46px}.service-visual-label{font-size:7px}.service-visual-caption{font-size:6px;left:20px;bottom:18px}.service-browser{width:88%}.service-browser-body>div{padding:16px}.service-browser-body strong{font-size:23px}.service-usages,.service-delivery{padding:38px 0}.service-page h2{font-size:33px}.service-usages-grid,.service-steps{grid-template-columns:1fr;gap:22px;margin-top:26px}.service-usages article{padding-top:16px}.service-usages h3,.service-steps h3{font-size:23px;margin-top:12px}.service-usages article>p,.service-steps p,.service-focus p{font-size:13px}.service-focus{gap:15px;margin-top:28px;padding-top:24px}.service-focus>.service-mark{width:34px;height:34px}.service-focus h3{font-size:22px;line-height:1.2}.service-delivery-heading{align-items:start;flex-direction:column;gap:20px}.service-handover{grid-template-columns:1fr;gap:24px;padding:24px 20px}.service-handover aside{padding:23px 0 0;border-left:0;border-top:1px solid #24465c25}.service-questions{padding:15px 0 38px}.service-questions>.wrap{grid-template-columns:1fr;gap:27px}.service-page .service-catalog-grid{grid-template-columns:1fr}.service-page .service-catalog h2{font-size:31px}.service-contact{padding:30px 0}.service-contact>.wrap{align-items:start;flex-direction:column;gap:23px}.service-contact h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){.service-card,.service-mark{transition:none}.service-visual{animation:none}}
/* Keep the illustrative mobile UI inside the device at every size. */
.service-phone{display:flex;flex-direction:column;overflow:hidden;line-height:1.4}
.service-phone>span{flex-shrink:0;line-height:1.4}
.service-phone strong{font-size:17px;line-height:1.05;flex-shrink:0;margin:8px 0 12px}
.service-ui-block{flex:1;min-height:28px;margin-bottom:7px}
.service-phone>i{flex-shrink:0;margin-top:7px}
.service-phone>b{flex-shrink:0;font-size:8px;line-height:1.4;margin-top:12px;padding:7px 4px}
/* The service explanation is a readable diagram, followed by decisions to explore. */
.service-system{padding:62px 0 0;background:#fff}
.service-system-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:end;margin-bottom:32px}
.service-system-heading>p{font-size:14px;line-height:1.85;max-width:46ch;color:#526970}
.service-system-diagram{margin:0;background:radial-gradient(ellipse at 90% 0,#24465c,transparent 65%),#111e2c;border-radius:13px;padding:30px 32px;color:#f4faf6}
.service-system-diagram>figcaption{font-size:9px;letter-spacing:.1em;color:#b9dcd0;line-height:1.8}
.service-system-diagram>ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;list-style:none;padding:0;margin:28px 0}
.service-system-diagram li{position:relative;border:1px solid #a7d1c53d;border-radius:8px;padding:23px 20px;background:#ffffff04;min-width:0}
.service-system-diagram li:not(:last-child):after{content:'→';position:absolute;right:-25px;top:50%;transform:translateY(-50%);color:#b9efde;font-size:19px;line-height:1}
.service-system-number{position:absolute;right:14px;top:14px;font-size:9px;color:#a2c7be}
.service-system-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#b9efde16;color:#b9efde;border:1px solid #b9efde38}
.service-system-icon .icon{width:21px;height:21px}
.service-system-diagram h3{font-size:22px;line-height:1.2;margin-top:19px;letter-spacing:-.03em}
.service-system-diagram li p{font-size:12px;line-height:1.85;color:#bfd4cf;margin-top:12px}
.service-system-diagram li:last-child{background:#c9e8dc;color:#203e3b;border-color:#c9e8dc}
.service-system-diagram li:last-child p{color:#3d6157}
.service-system-diagram li:last-child .service-system-number{color:#42675d}
.service-system-diagram li:last-child .service-system-icon{color:#244e42;background:#ffffff60;border-color:#8bb5a3}
.service-system-note{display:flex;align-items:start;gap:12px;padding-top:20px;border-top:1px solid #b9efde30;font-size:12px;line-height:1.85;color:#bed6ce;max-width:none}
.service-system-note .icon{color:#b9efde;width:17px;height:17px;margin-top:3px}
.service-decisions{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;padding:43px 0 15px}
.service-decisions header>.tiny-label{display:block;font-size:9px;line-height:1.8;color:#47675c;margin-bottom:18px}
.service-decisions header>h3{font-size:34px;line-height:1.15}
.service-decisions header em{color:#377b79}
.service-decisions header>p{font-size:13px;line-height:1.85;max-width:30ch;margin-top:20px}
.service-decisions details{border-top:1px solid #24465c26}
.service-decisions details:last-child{border-bottom:1px solid #24465c26}
.service-decisions summary{display:flex;align-items:center;gap:14px;list-style:none;cursor:pointer;padding:19px 0;font:500 18px/1.4 var(--display);letter-spacing:-.025em}
.service-decisions summary::-webkit-details-marker{display:none}
.service-decisions summary>span:first-child{font:400 10px/1.5 var(--body);color:#47675c;letter-spacing:0}
.service-decision-toggle{margin-left:auto;font-size:23px;line-height:1;font-weight:400;transition:transform .2s}
.service-decisions details[open] .service-decision-toggle{transform:rotate(45deg)}
.service-decisions summary:focus-visible{outline:2px solid #377b79;outline-offset:4px}
.service-decisions details>div{padding:0 0 22px 28px}
.service-decisions details p{font-size:13px;line-height:1.9;color:#526970}
.service-decisions details strong{display:block;font-size:11px;line-height:1.8;font-weight:500;color:#326457;background:#edf3ef;padding:10px 13px;margin-top:14px;border-left:2px solid #73a28e}
.service-stage-evidence{padding:15px 0 0;margin-top:19px;border-top:1px dashed #24465c35}
.service-stage-evidence>span{font-size:10px;font-weight:600;color:#326457}
.service-stage-evidence>p{font-size:12px;line-height:1.75;margin-top:7px}
@media(max-width:1050px){.service-system-diagram{padding:26px}.service-system-diagram>ol{gap:22px}.service-system-diagram li{padding:20px 14px}.service-system-diagram h3{font-size:19px}.service-system-diagram li:not(:last-child):after{right:-19px;font-size:16px}.service-system-diagram li p{font-size:11px}.service-decisions{gap:6%}}
@media(max-width:700px){.service-system{padding-top:38px}.service-system-heading{grid-template-columns:1fr;gap:20px;margin-bottom:25px}.service-system-heading>p{font-size:13px}.service-system-diagram{padding:22px 18px}.service-system-diagram>figcaption{font-size:8px;line-height:1.9}.service-system-diagram>ol{grid-template-columns:1fr;gap:25px;margin:22px 0}.service-system-diagram li{display:grid;grid-template-columns:37px 1fr;column-gap:14px;row-gap:5px;padding:19px 32px 19px 16px}.service-system-icon{grid-column:1;grid-row:1/3;width:37px;height:37px;align-self:center}.service-system-diagram h3{grid-column:2;font-size:20px;margin:0}.service-system-diagram li p{grid-column:2;font-size:12px;margin:0;line-height:1.65}.service-system-number{font-size:8px;top:11px;right:10px}.service-system-diagram li:not(:last-child):after{content:'↓';left:50%;right:auto;top:auto;bottom:-21px;transform:translateX(-50%);font-size:17px}.service-system-note{font-size:11px;line-height:1.85;gap:10px}.service-decisions{grid-template-columns:1fr;gap:24px;padding-top:32px}.service-decisions header>h3{font-size:31px}.service-decisions header>p{max-width:36ch;font-size:13px;margin-top:15px}.service-decisions summary{font-size:17px;gap:11px;padding:17px 0}.service-decisions details>div{padding-left:23px}.service-decisions details p{font-size:13px}.service-decisions details strong{font-size:11px}.service-stage-evidence{margin-top:15px;padding-top:12px}}
@media(prefers-reduced-motion:reduce){.service-decision-toggle{transition:none}}