/* Multi-page components share the approved homepage tokens and type stack. */
.bb-breadcrumbs{padding-top:27px;font-size:11px;letter-spacing:.02em;color:var(--muted)}.bb-breadcrumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.bb-breadcrumbs li+li::before{content:'/';color:var(--faint);margin-right:10px}.bb-breadcrumbs [aria-current]{color:var(--sage)}.bb-breadcrumbs a:hover{color:var(--coral)}
.bb-page-hero{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:50px;align-items:center;padding-block:64px 76px;position:relative}.bb-page-hero::before{content:'';position:absolute;width:75%;height:100%;top:0;right:0;background:radial-gradient(ellipse,rgba(70,118,91,.17),transparent 70%);z-index:-1}.bb-page-hero-copy>.micro{margin:0 0 25px}.bb-page-hero h1{font-size:clamp(43px,4.8vw,72px);letter-spacing:-.06em;line-height:1.07;margin:0 0 26px;font-weight:730;max-width:720px}.bb-page-lead{font-size:16px;line-height:1.85;max-width:570px;color:#b8c7be;margin:0 0 30px}.bb-page-hero-art{min-width:0}.bb-page-hero-wide{grid-template-columns:1fr}.bb-page-hero-wide .bb-page-hero-art{max-width:950px;width:100%;margin:auto}
.bb-page-intro{padding:42px 0 70px;border-top:1px solid var(--line)}.bb-page-intro h2,.bb-section-intro h2,.bb-technical-copy h2,.bb-contact-panel h2,.bb-contact-details h2,.bb-brief-section h2{font-size:clamp(30px,3vw,45px);line-height:1.16;letter-spacing:-.05em;margin:0 0 25px;font-weight:700}.bb-editorial-columns{display:grid;grid-template-columns:1fr 1fr;gap:60px}.bb-editorial-columns p,.bb-section-intro>p:not(.micro),.bb-technical-copy>p:not(.micro),.bb-technical-content>p,.bb-contact-panel>p:not(.micro),.bb-contact-details p,.bb-brief-section p{color:#a7b9ac;font-size:15px;line-height:1.85;margin:0}.bb-page-section{padding-block:72px 78px}.bb-section-intro{max-width:800px;margin-bottom:35px}.bb-section-intro>.micro{margin:0 0 18px}.bb-section-intro h2{margin-bottom:17px}.bb-feature-grid{display:grid;grid-template-columns:repeat(var(--bb-feature-columns,3),minmax(0,1fr));gap:18px}.bb-feature-card{position:relative;min-width:0;padding:32px 29px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(35,58,47,.62),rgba(18,36,28,.65));transition:transform .25s,border-color .25s;display:flex;flex-direction:column;align-items:flex-start}.bb-feature-card[href]:hover{transform:translateY(-4px);border-color:var(--coral)}.bb-feature-card h3{font-size:19px;line-height:1.3;margin:21px 0 13px;letter-spacing:-.025em}.bb-feature-card p{font-size:13px;line-height:1.8;color:#a6b8ab;margin:0 0 10px}.bb-feature-icon{color:var(--coral);display:block}.bb-feature-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.bb-card-link{font-size:11px;letter-spacing:.04em;font-weight:700;color:var(--sage);margin-top:auto;padding-top:21px}
.bb-technical-section{background:linear-gradient(135deg,#142820,#101e1a);border-block:1px solid var(--line);padding-block:76px}.bb-technical-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:center}.bb-technical-copy>.micro{margin:0 0 23px}.bb-technical-content{min-width:0}.bb-technical-content .wp-block-code{padding:30px;background:#091512;border:1px solid rgba(167,198,181,.2);border-radius:14px;color:#b0cabe;font:12px/2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto;margin:0 0 22px;white-space:pre-wrap;overflow-wrap:anywhere}.bb-technical-stack .bb-technical-inner{grid-template-columns:1fr}.bb-technical-stack .bb-technical-content{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.bb-process-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:0;margin:0;padding:0;border-top:1px solid var(--line)}.bb-process-step{position:relative;padding:28px 30px 20px 0}.bb-process-step::before{content:'';position:absolute;width:8px;height:8px;border-radius:100%;background:var(--coral);top:-5px;left:0;box-shadow:0 0 0 6px rgba(233,105,77,.08);animation:bbStage 9s ease-in-out infinite}.bb-step-number{font:12px ui-monospace,monospace;letter-spacing:.06em;color:var(--coral);display:block;margin:0 0 23px}.bb-process-step h3{font-size:18px;margin:0 0 12px;letter-spacing:-.025em}.bb-process-step p{font-size:13px;line-height:1.85;color:#9daea5;margin:0}.bb-process-vertical{display:block;border-top:0;border-left:1px solid var(--line)}.bb-process-vertical .bb-process-step{padding:0 0 32px 30px}.bb-process-vertical .bb-process-step::before{left:-5px;top:1px}.bb-history .bb-process-list{grid-template-columns:1fr 1fr}.bb-history .bb-step-number{font-size:32px;font-weight:700}.bb-related{border-top:1px solid var(--line)}.bb-status-section{padding-block:50px}.bb-status-section>.reliability-link{margin-bottom:30px}.bb-brief-section{padding-block:40px 80px}
.bb-architecture{margin:0;position:relative;--bb-diagram-accent:var(--coral);padding:10px 0;border-radius:18px;min-width:0}.bb-architecture-svg{display:block;width:100%;height:auto;overflow:visible}.bb-architecture figcaption{font:9px/1.7 ui-monospace,monospace;letter-spacing:.1em;color:var(--faint);padding:9px 20px;text-align:center}.bb-diagram-mobile{display:none}.bb-node rect{fill:#1b3429;stroke:#5f846e;stroke-width:1.1}.bb-node-accent rect{stroke:var(--bb-diagram-accent);fill:#203b2f}.bb-node-dot{fill:var(--bb-diagram-accent)}.bb-node-title{font:600 15px/1.4 ui-monospace,Menlo,monospace;letter-spacing:-.15px;fill:var(--ink)}.bb-meta{font:10px ui-monospace,monospace;fill:#8fa99b;letter-spacing:.8px}.bb-zone{fill:rgba(37,67,54,.27);stroke:#567461;stroke-opacity:.5;stroke-dasharray:5 5}.bb-connector{fill:none;stroke:#6a907a;stroke-width:1.5}.bb-signal{stroke:var(--bb-diagram-accent);stroke-dasharray:5 8;animation:bbSignal 16s linear infinite}.bb-replication{animation-direction:reverse}.bb-frame-mark{fill:none;stroke:#638472;stroke-width:1}.bb-pod{fill:#314e3d;stroke:#8ab39a;stroke-width:1}.bb-pod-active{fill:var(--bb-diagram-accent);stroke:var(--bb-diagram-accent)}.bb-workload{animation:bbWorkload 10s ease-in-out infinite}.bb-chart-grid{fill:none;stroke:#72927e;stroke-opacity:.14}.bb-chart{fill:none;stroke-width:2.5}.bb-event{fill:var(--bb-diagram-accent);animation:bbEvent 3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.bb-hub{fill:#203b2f;stroke:var(--bb-diagram-accent);stroke-width:1.4}.bb-hub-mark{fill:none;stroke:var(--bb-diagram-accent);stroke-width:3}.bb-denied-path{fill:none;stroke:#b28f7e;stroke-width:1.5;stroke-dasharray:4 8;animation:bbSignal 12s linear infinite}.bb-denied-mark{stroke:#d6927e;stroke-width:2;animation:bbEvent 4s infinite}.bb-sequence-node .bb-node-dot{animation:bbStage 10s ease-in-out infinite;animation-delay:calc(var(--bb-stage,0)*-1.2s)}.bb-stage-label{font:10px ui-monospace,monospace;fill:var(--sage);letter-spacing:.5px;animation:bbStage 10s infinite;animation-delay:calc(var(--bb-stage,0)*-1.2s)}.bb-year{font:700 42px ui-monospace,monospace;fill:var(--bb-diagram-accent);letter-spacing:-2px}.bb-communication-ring{fill:none;stroke:var(--bb-diagram-accent);stroke-opacity:.25;stroke-width:1;animation:bbEvent 4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.bb-diagram-legend{display:flex;justify-content:center;gap:8px 14px;flex-wrap:wrap;padding:8px 14px}.bb-legend-item{font-size:9px;color:#8da797;letter-spacing:.02em}.bb-legend-item b{font-weight:500}.bb-legend-item small{display:block;line-height:1.5}.bb-diagram-signals-off .bb-signal,.bb-diagram-signals-off .bb-denied-path{animation:none;stroke-dasharray:none;opacity:.55}.bb-diagram-details-off .bb-meta,.bb-diagram-details-off .bb-diagram-legend,.bb-diagram-details-off .bb-stage-label{display:none}.bb-no-pulse .bb-event,.bb-no-pulse .bb-communication-ring,.bb-no-pulse .bb-signal,.bb-no-pulse .bb-denied-path,.bb-no-pulse .bb-sequence-node .bb-node-dot,.bb-no-pulse .bb-process-step::before{animation:none}.bb-no-floating .bb-workload{animation:none}
@keyframes bbSignal{to{stroke-dashoffset:-260}}@keyframes bbEvent{0%,100%{opacity:.45;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}@keyframes bbStage{0%,100%{opacity:.4}20%,38%{opacity:1}}@keyframes bbWorkload{0%,22%,100%{transform:translateX(0)}42%,75%{transform:translateX(225px)}}
.bb-contact-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.75fr);gap:45px;padding-block:20px 65px;align-items:start}.bb-contact-panel{padding:36px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(140deg,#1b3127,#10231b);min-width:0}.bb-contact-panel>.micro{margin:0 0 20px}.bb-contact-panel h2{font-size:32px}.bb-contact-form{display:grid;grid-template-columns:1fr 1fr;gap:21px 18px;margin-top:30px}.bb-contact-field{font-size:12px;color:#b9cdbf;display:grid;gap:9px;align-content:start}.bb-contact-field input,.bb-contact-field textarea{width:100%;min-width:0;background:#0d1c17;border:1px solid rgba(218,239,221,.2);border-radius:9px;padding:13px 14px;color:var(--ink);font:inherit;font-size:14px}.bb-contact-field input{min-height:47px}.bb-contact-field textarea{resize:vertical}.bb-contact-field-message,.bb-contact-consent,.bb-contact-field-subject,[data-bb-contact-message]{grid-column:1/-1}.bb-contact-form button{justify-self:start}.bb-contact-consent{display:flex;gap:10px;font-size:12px;line-height:1.7;color:var(--muted);align-items:start}.bb-contact-consent input{margin-top:4px}.bb-contact-consent a{text-decoration:underline}.bb-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.bb-contact-details{padding:38px 0;display:grid;justify-items:start;gap:20px;min-width:0}.bb-contact-details h2{font-size:30px;margin:0}.bb-contact-details>.micro{margin:0}.bb-contact-details>a:not(.reliability-link){font-size:clamp(16px,1.5vw,23px);overflow-wrap:anywhere}.bb-contact-form [data-state=error]{color:#f2ac98}.bb-contact-form [data-state=success]{color:#92dcb2}.bb-contact-form button:disabled{opacity:.55;cursor:wait}.bb-service-item{position:relative;display:grid;min-width:0}.bb-service-item>.service{width:100%;height:100%;text-decoration:none;letter-spacing:normal}.bb-service-preview{position:absolute;top:11px;right:11px;width:24px;height:24px;padding:0;background:#14291f;border:1px solid #61796a;border-radius:50%;color:var(--sage);font:12px ui-monospace,monospace;opacity:0;transition:opacity .2s}.bb-service-item:hover>.bb-service-preview,.bb-service-preview:focus-visible,.bb-service-item:focus-within>.bb-service-preview{opacity:1}
.bb-navigation .wp-block-navigation__submenu-container{background:#152a21!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:12px;box-shadow:0 25px 65px rgba(0,0,0,.3);padding:8px;min-width:250px;gap:0!important}.bb-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:11px 13px;font-size:12px;border-radius:7px}.bb-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{background:#233b2e}.bb-navigation .wp-block-navigation-submenu__toggle{color:var(--sage)}.bb-navigation .has-child{gap:6px}.footer-links{flex-wrap:wrap}
@media(min-width:901px){.bb-navigation .wp-block-navigation__submenu-container{transition:opacity .18s,visibility .18s,transform .18s;transform:translateY(6px)}.bb-navigation .has-child:hover>.wp-block-navigation__submenu-container,.bb-navigation .has-child:focus-within>.wp-block-navigation__submenu-container{transform:none}.nav-inner>.wp-block-navigation{flex:0 1 auto}}
@media(max-width:1200px){.bb-page-hero{gap:25px}.bb-page-hero h1{font-size:58px}.bb-technical-inner{gap:40px}.bb-feature-card{padding:25px 22px}}
@media(max-width:900px){.bb-page-hero{grid-template-columns:1fr;padding-block:45px 52px;gap:28px}.bb-page-hero h1{max-width:720px;font-size:64px}.bb-page-lead{max-width:660px}.bb-page-hero-art{max-width:760px;margin:auto;width:100%}.bb-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-contact-layout{grid-template-columns:1fr}.bb-editorial-columns{gap:30px}.bb-navigation .wp-block-navigation__submenu-container{box-shadow:none;min-width:0;width:100%;border-radius:8px}.bb-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item{font-size:14px}.bb-navigation .has-child{flex-wrap:wrap}.bb-technical-inner{gap:30px}.bb-service-preview{opacity:.8;width:22px;height:22px}}
@media(max-width:610px){.bb-breadcrumbs{font-size:10px;padding-top:22px}.bb-page-hero{padding-block:36px 42px}.bb-page-hero h1{font-size:43px!important;line-height:1.12}.bb-page-lead{font-size:15px;line-height:1.8}.bb-diagram-desktop{display:none}.bb-diagram-mobile{display:block}.bb-architecture{padding:0}.bb-architecture figcaption{font-size:8px;padding:0 10px}.bb-diagram-legend{padding:10px 0;font-size:10px}.bb-architecture-svg .bb-node-title{font-size:15px}.bb-page-section{padding-block:48px}.bb-page-intro{padding-block:35px 42px}.bb-editorial-columns{grid-template-columns:1fr;gap:22px}.bb-feature-grid{grid-template-columns:1fr;gap:12px}.bb-feature-card{padding:27px 24px}.bb-technical-section{padding-block:50px}.bb-technical-inner,.bb-technical-stack .bb-technical-content{grid-template-columns:1fr;gap:27px}.bb-technical-content .wp-block-code{font-size:11px;padding:22px}.bb-process-list,.bb-history .bb-process-list{grid-template-columns:1fr;border-top:0;border-left:1px solid var(--line)}.bb-process-step{padding:0 0 33px 24px}.bb-process-step::before{left:-5px;top:1px}.bb-step-number{margin-bottom:13px}.bb-contact-panel{padding:26px 22px}.bb-contact-form{grid-template-columns:1fr;gap:18px}.bb-contact-layout{gap:10px}.bb-contact-details{padding-block:24px}.footer-links{gap:15px}.bb-related .bb-feature-card{min-height:0}.bb-page-hero .bb-diagram-legend{gap:6px 10px}}
@media(prefers-reduced-motion:reduce){.bb-architecture *,.bb-process-step::before{animation:none!important;transition:none!important}}

.bb-no-pulse .bb-stage-label,.bb-no-pulse .bb-denied-mark{animation:none}
.bb-motion-off .bb-feature-card[href]:hover{transform:none!important}

.bb-page-hero-art:empty{display:none}.bb-contact-aside{min-width:0}.bb-page-hero-wide .bb-page-lead{max-width:740px}

/* Commercial offer extends the approved palette, cards and engineering diagrams. */
.bb-commercial-hero h1{font-size:clamp(48px,5.2vw,78px);line-height:1.05}.bb-commercial-hero .hero-actions{flex-wrap:wrap}.bb-commercial-hero .hero-lead{max-width:590px}.bb-commercial-hero .hero-kicker{letter-spacing:.18em}.bb-offer-grid .bb-feature-card:first-child{border-color:rgba(233,105,77,.45)}.bb-card-problem b,.bb-card-benefit b{display:block;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--sage);margin:12px 0 5px}.bb-card-benefit{padding-top:8px;border-top:1px solid var(--line)}.bb-cooperation-paths .bb-feature-card{background:transparent}.bb-faq h3{margin:30px 0 12px;font-size:19px}.bb-faq p{max-width:850px;color:var(--muted);font-size:15px;line-height:1.85}.bb-page-intro>p{color:var(--muted);font-size:15px;line-height:1.85}.bb-page-intro a{text-decoration:underline;text-underline-offset:4px}.bb-technical-content>h3{font-size:21px;letter-spacing:-.025em}.bb-contact-field select{width:100%;min-width:0;min-height:47px;background:#0d1c17;border:1px solid rgba(218,239,221,.2);border-radius:9px;padding:13px 14px;color:var(--ink);font:inherit;font-size:14px}.bb-contact-field-service{grid-column:1/-1}.bb-fail-node{animation:bbFailover 12s ease-in-out infinite}.bb-takeover-node rect{animation:bbTakeover 12s ease-in-out infinite}@keyframes bbFailover{0%,25%,90%,100%{opacity:1}40%,75%{opacity:.3}}@keyframes bbTakeover{0%,25%,90%,100%{stroke:#5f846e}40%,75%{stroke:var(--bb-diagram-accent);stroke-width:2}}.bb-no-pulse .bb-fail-node,.bb-no-pulse .bb-takeover-node rect{animation:none}
@media(min-width:901px){.bb-navigation>.wp-block-navigation__responsive-container .wp-block-navigation__container>.has-child>.wp-block-navigation__submenu-container{width:min(720px,calc(100vw - 64px));min-width:0;left:auto;right:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;padding:18px;gap:15px!important}.bb-navigation .wp-block-navigation__submenu-container .has-child{display:block;min-width:0}.bb-navigation .wp-block-navigation__submenu-container .has-child>.wp-block-navigation-item__content{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--coral);white-space:normal;line-height:1.6}.bb-navigation .wp-block-navigation__submenu-container .has-child>.wp-block-navigation-submenu__toggle{display:none}.bb-navigation .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{position:static!important;visibility:visible!important;opacity:1!important;transform:none!important;height:auto!important;width:100%!important;min-width:0;display:flex;box-shadow:none;border:0!important;background:transparent!important;padding:0}.bb-navigation .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container a{white-space:normal;line-height:1.5}}
@media(max-width:900px){.bb-navigation .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{padding-left:10px}.bb-commercial-hero h1{font-size:clamp(44px,8vw,68px)}}
@media(prefers-reduced-motion:reduce){.bb-fail-node,.bb-takeover-node rect{animation:none!important}}
.bb-hover-off .bb-feature-card[href]:hover{transform:none!important}

/* Bitebyte SVG Connection System: external ports, neutral topology, clipped travelling packets. */
.bb-topology{fill:none;stroke:#6a907a;stroke-width:1.2;stroke-opacity:.55}.bb-packet.bb-signal{fill:none;stroke:var(--bb-diagram-accent,var(--coral));stroke-width:1.8;stroke-linecap:round;stroke-dasharray:8 92;animation:bbPacket var(--bb-route-duration,4.5s) linear infinite;animation-delay:var(--bb-route-delay,0s)}.bb-port{fill:#90b49e;stroke:#17251f;stroke-width:1}.bb-route-arrow{fill:none;stroke:#a7c6b5;stroke-opacity:.65;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}.bb-route-replication .bb-topology{stroke-dasharray:3 5}.bb-route-failover .bb-topology{stroke-dasharray:8 5}.bb-route-restore .bb-packet{stroke:var(--sage)}.bb-route-primary{animation:bbPrimaryFlow 12s ease-in-out infinite}.bb-route-failover{animation:bbRecoveryFlow 12s ease-in-out infinite}.bb-route-denied .bb-packet{stroke:#bb8c79}.bb-architecture-glyph path{fill:none;stroke:#8ab39a;stroke-width:1.2}.bb-architecture-glyph rect{fill:#203b2f;stroke:#a7c6b5;stroke-width:1}.bb-diagram-signals-off .bb-packet,.bb-no-pulse .bb-packet{animation:none;opacity:0}.bb-motion-off .bb-packet,[data-bb-animation=off] .bb-packet{opacity:0}.bb-architecture [data-node]>.bb-node-dot{animation:bbStage 6s infinite}.bb-diagram-mobile .bb-frame-mark{opacity:.5}
@keyframes bbPacket{0%{stroke-dashoffset:100;opacity:0}8%,90%{opacity:.9}100%{stroke-dashoffset:0;opacity:0}}@keyframes bbPrimaryFlow{0%,25%,90%,100%{opacity:1}40%,75%{opacity:.2}}@keyframes bbRecoveryFlow{0%,25%,90%,100%{opacity:.35}40%,75%{opacity:1}}
.bb-content-visual{padding-block:55px 70px;border-top:1px solid var(--line)}.bb-content-visual-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:56px}.bb-content-text-wide>.bb-content-visual-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.bb-content-visual-copy{min-width:0}.bb-content-visual-copy h2{font-size:clamp(30px,3vw,45px);line-height:1.16;letter-spacing:-.05em;margin:0 0 25px}.bb-content-visual-copy p{color:var(--muted);font-size:15px;line-height:1.85}.bb-content-reversed>.bb-content-visual-grid>.bb-architecture{order:-1}.bb-contact-hero .bb-page-hero-art{align-self:center}.bb-contact-hero .bb-page-hero-copy{max-width:620px}
.bb-observability-panel{--bb-equalizer-base:var(--sage);--bb-equalizer-accent:var(--coral);padding:25px 28px;min-width:0}.bb-observability-panel .status-panel-top{margin-bottom:18px}.bb-observability-body{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:28px;align-items:center}.bb-observability-copy p{font-size:12px;line-height:1.85;color:#a7b9ac;margin:0}.bb-equalizer{width:100%;height:auto;display:block;overflow:visible}.bb-equalizer-bar{fill:var(--bb-equalizer-base);transform-origin:0 140px;opacity:.78}.bb-equalizer-accent{fill:var(--bb-equalizer-accent);opacity:.85}.bb-telemetry-labels{display:flex;flex-wrap:wrap;list-style:none;padding:0;gap:8px 10px;margin:20px 0;font:8px/1.7 ui-monospace,monospace;letter-spacing:.08em;color:var(--sage)}.bb-observability-copy .bb-observability-flow{font:9px/1.8 ui-monospace,monospace;color:var(--ink)}.bb-observability-mark{height:7px;width:26px;border-block:1px solid var(--coral);opacity:.7}.bb-svg-outside *{animation-play-state:paused!important}
@media(max-width:1024px){.bb-observability-body{gap:20px}.bb-content-visual-grid{gap:30px}}
@media(max-width:900px){.bb-content-visual-grid,.bb-content-text-wide>.bb-content-visual-grid{grid-template-columns:1fr}.bb-content-reversed>.bb-content-visual-grid>.bb-architecture{order:initial}.bb-content-visual .bb-architecture{width:100%;max-width:700px;margin:auto}.bb-observability-body{grid-template-columns:1fr 1fr}.bb-contact-hero{grid-template-columns:1fr}}
@media(max-width:610px){.bb-content-visual{padding-block:38px 48px}.bb-content-visual-grid{gap:25px}.bb-observability-panel{padding:23px 20px}.bb-observability-body{grid-template-columns:1fr;gap:18px}.bb-equalizer{max-height:155px}.bb-telemetry-labels{font-size:9px}.bb-observability-copy p{font-size:13px}.bb-contact-hero .bb-page-hero-art{width:100%}.bb-contact-hero .bb-architecture{max-width:380px;margin:auto}}
@media(prefers-reduced-motion:reduce){.bb-packet{animation:none!important;opacity:0!important}.bb-route-primary,.bb-route-failover{animation:none!important;opacity:1}.bb-equalizer-bar{transition:none!important}}
.bb-architecture .bb-node-dot{animation:bbStage 5s ease-in-out infinite;animation-delay:calc(var(--bb-stage,0)*-1.1s)}.bb-no-pulse .bb-node-dot,.bb-no-pulse .bb-route-primary,.bb-no-pulse .bb-route-failover{animation:none}.bb-page-hidden *{animation-play-state:paused!important}.bb-home-connections .bb-packet.trace{stroke:var(--coral);stroke-width:1.8;stroke-dasharray:8 92;animation:bbPacket var(--bb-route-duration,4.8s) linear infinite;animation-delay:var(--bb-route-delay,0s);stroke-linecap:round}
/* Keep the complete architecture drawing and its external ports inside narrow screens. */
.hero-visual .float-card{top:10%}
@media(max-width:900px){.hero-visual .float-card{top:5%;right:2%}}
@media(max-width:610px){.hero-visual{min-height:320px}.hero-visual .arch-svg{width:100%;left:50%;top:50%;max-width:100%;transform:translate(-50%,-49%)}.hero-visual .arch-svg .callout{font-size:18px;letter-spacing:1px}.hero-visual .float-card{top:3%;right:0;width:96px;padding:10px}.hero-visual .float-card i{margin-top:10px}}
@media(min-width:901px){.hero-visual .arch-svg{width:min(830px,120%)}}