/* Shared Onter surfaces and focused fixes requested after Master05. */
:root{--on-ink:#202c39;--on-text:#44515f;--on-muted:#596675;--on-soft:#f5f6f8;--on-blue-soft:#f0f4f8;--on-line:#dce2e8;--onter-soft-blue:#f5f6f8;--onter-soft-green:#f5f7f6;--or-surface:#f5f6f8;--or-tint:#edf1f5}
body a,body a:hover,body a:focus,body a:visited,body a *{text-decoration:none!important}
body :is(.entry-content,.onter-article-content,.ot-editorial) p a{font-weight:650}
body a:focus-visible,body button:focus-visible{outline:3px solid #086bba;outline-offset:4px}
body :is(.onter-section--soft,.onter-page-hero,.ot-discovery,.ot-guide,.op-products a,.op-featured-tools a,.op-mail-benefits article){background:var(--or-surface)}
body :is(.onter-section--navy,.op-ecosystem,.onter-footer,.onter-blog-feature){background:var(--or-tint);color:var(--on-text)}
body :is(.onter-section--navy,.op-ecosystem,.onter-footer,.onter-blog-feature) :is(h1,h2,h3,h4,strong){color:var(--on-ink)}
body :is(.onter-section--navy,.op-ecosystem,.onter-footer,.onter-blog-feature) :is(p,li,small){color:var(--on-muted)}
body :is(.onter-section--navy,.op-ecosystem,.onter-footer,.onter-blog-feature) a:not(.onter-btn){color:#075494}
body .onter-section--navy .onter-eyebrow,body .op-ecosystem .onter-eyebrow{color:#086bba}
body .op-sales-feature{background:#fff;border:1px solid var(--on-line);box-shadow:0 12px 36px #202c3906}
body .op-sales-flow{background:var(--or-surface);border:1px solid #e5e9ee}
body .op-sales-flow p{color:var(--on-text)}
body .op-sales-flow p:nth-of-type(2){background:#e8f0f7}
body .op-ecosystem-side article{border-color:#d0d8e1}
body .op-ecosystem-side .op-mail-badge{color:#08775d}
body .onter-footer{border-top:1px solid var(--on-line)}
body .onter-footer :is(hr,.onter-footer__bottom){border-color:#d0d8e1}
.ow-nav{gap:12px}.ow-nav>li{display:flex;align-items:center}.ow-nav details{width:100%}
.ow-nav summary{list-style:none;gap:8px;line-height:22px;min-height:44px;font-size:15px;padding:8px 4px}
.ow-nav summary::-webkit-details-marker{display:none}.ow-nav summary::marker{content:''}
.ow-nav summary:after{content:'';display:block;width:7px;height:7px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:translateY(-2px) rotate(45deg);margin:0 2px 0 0;flex:none}
.ow-nav details[open]>summary:after{transform:translateY(2px) rotate(225deg)}
.op-account-login>svg{display:block;flex:none;width:21px;height:21px}.op-account-login{line-height:22px}
body .ot-breadcrumb,body .onter-breadcrumbs{display:flex;align-items:center;flex-wrap:nowrap;gap:10px;min-width:0;line-height:1.4;min-height:44px;text-align:left}
body .ot-breadcrumb>a,body .onter-breadcrumbs>a{display:inline-flex;align-items:center;white-space:nowrap;flex:0 0 auto;min-height:44px}
body .ot-breadcrumb>span,body .onter-breadcrumbs>span{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;flex:0 0 auto}
body .ot-breadcrumb>span:last-child,body .onter-breadcrumbs>span:last-child{display:block;align-content:center;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.op-home-hero{background:#fff;padding:54px 0 62px;border-bottom:1px solid #e8ecf0}
.op-home-grid{grid-template-columns:.95fr 1.05fr;gap:44px}.op-home-copy h1{font-size:clamp(36px,3.7vw,54px);line-height:1.14;letter-spacing:-1.8px;max-width:580px;margin:16px 0 20px}
.op-home-copy>p:not(.onter-eyebrow){font-size:18px;max-width:420px}.op-home-copy .onter-eyebrow{font-size:12px}.op-home-trust{margin-top:24px;gap:16px;flex-wrap:wrap}
.or-hero-visual{position:relative;margin:0;min-width:0;height:435px;background:var(--or-surface);border:1px solid #e3e7ec;border-radius:24px;padding:24px;overflow:hidden}
.or-hero-label{display:flex;align-items:center;gap:10px;color:var(--on-ink);font-size:14px;font-weight:600;margin-bottom:22px}.or-hero-label img{width:28px;height:28px}
.or-browser{position:relative;width:88%;overflow:hidden;border:1px solid #d4dbe3;border-radius:12px;background:#fff;box-shadow:0 14px 25px #202c3910}
.or-browser-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;height:33px;padding:0 12px;background:#fff;border-bottom:1px solid #e1e6ec;font-size:9px;color:#657180}.or-browser-bar>span:first-child{letter-spacing:2px;color:#9ba5b0;font-size:8px}
.or-browser>img{width:100%;height:235px;aspect-ratio:auto;object-fit:cover;object-position:top;display:block}
.or-phone{position:absolute;right:22px;top:132px;width:125px;padding:5px;background:#fff;border:5px solid #35414e;border-radius:18px;box-shadow:0 12px 24px #202c3920;overflow:hidden}.or-phone img{display:block;width:100%;aspect-ratio:390/694;object-fit:cover;object-position:top;border-radius:8px}
.or-delivery{position:absolute;bottom:22px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #dce2e8;padding-top:18px;font-size:12px;color:#44515f}.or-delivery span{display:flex;align-items:center;gap:7px;white-space:nowrap}.or-delivery b{font-size:10px;color:#086bba;border:1px solid #d8e2ec;background:#fff;padding:4px 6px;border-radius:5px}.or-delivery i{font-style:normal;color:#7c8895}
.or-services{margin-top:24px}.or-slider-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:16px}.or-slider-status{margin-right:8px;font-size:13px;color:var(--on-muted)}
.or-slider-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;background:#fff;color:var(--on-ink);border:1px solid var(--on-line);border-radius:50%;font-size:23px;cursor:pointer}.or-slider-controls button:hover:not(:disabled){background:#086bba;color:#fff;border-color:#086bba}.or-slider-controls button:disabled{opacity:.35;cursor:default}
#or-service-track{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/3);gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#c9d2dc transparent;padding:4px 2px 18px;scroll-padding-inline:2px;margin:0}
#or-service-track .onter-card{scroll-snap-align:start;min-width:0;min-height:370px;padding:26px;box-shadow:none}.or-service-track .onter-card h3{font-size:21px}.or-service-track .onter-card p{font-size:16px}.or-service-track .onter-card a{padding-top:14px}
.or-services~p{font-size:13px;color:var(--on-muted);margin-top:20px}
@media(min-width:1181px){.onter-header .onter-nav a{font-size:14px!important}.ow-nav{gap:14px!important}.onter-header .onter-nav{overflow:visible}.onter-header__inner{gap:20px!important}}
@media(max-width:1180px){.ow-nav>li{display:block}.ow-nav summary{justify-content:space-between}.or-hero-visual{height:390px}.or-browser>img{height:195px}.or-phone{width:108px;top:125px}.or-delivery{font-size:10px}.or-delivery b{font-size:9px}.op-home-copy h1{font-size:40px}}
@media(max-width:900px){.op-home-grid{grid-template-columns:1fr;gap:30px}.op-home-hero{padding:36px 0 42px}.op-home-copy h1{font-size:clamp(34px,6vw,48px)}.op-home-copy>p:not(.onter-eyebrow){max-width:560px}.or-hero-visual{width:100%;max-width:660px;height:435px}.or-browser>img{height:235px}.or-phone{width:125px;top:135px}.or-delivery{font-size:12px}#or-service-track{grid-auto-columns:calc((100% - 20px)/2)}}
@media(max-width:600px){.op-home-copy h1{font-size:clamp(29px,7.6vw,40px);letter-spacing:-1px}.op-home-copy>p:not(.onter-eyebrow){font-size:16px}.op-home-copy .onter-actions{gap:10px}.op-home-copy .onter-btn{padding:11px 14px;font-size:14px}.op-home-trust{gap:8px 16px;font-size:11px}.or-hero-visual{height:310px;padding:18px;border-radius:18px}.or-hero-label{font-size:12px;margin-bottom:15px}.or-browser{width:90%}.or-browser>img{height:auto;aspect-ratio:1.76}.or-browser-bar{font-size:7px;height:25px;padding:0 7px}.or-phone{right:14px;top:116px;width:83px;border-width:4px;border-radius:13px}.or-delivery{left:18px;right:18px;bottom:18px;font-size:9px;gap:4px;padding-top:13px}.or-delivery span{gap:4px}.or-delivery b{font-size:8px;padding:3px 4px}#or-service-track{grid-auto-columns:88%;gap:14px}.or-service-track .onter-card{min-height:360px;padding:24px}.ot-breadcrumb{font-size:11px!important;gap:7px!important}.or-slider-controls{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){#or-service-track{scroll-behavior:auto}.or-services *{transition:none!important}}

.op-home-grid>*,.op-ecosystem-grid>*{min-width:0}.op-ecosystem-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
@media(max-width:900px){.op-ecosystem-grid{grid-template-columns:minmax(0,1fr)}}