/* Petabit selected-hero/deployment-hero port. WBN retains its adaptive fixed header and blue actions. */
@font-face{font-family:PetabitHeroSans;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/source-sans-3-0.ttf) format("truetype")}
@font-face{font-family:PetabitHeroSans;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/source-sans-3-2.ttf) format("truetype")}
@font-face{font-family:PetabitHeroDisplay;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/raleway-display-1.ttf) format("truetype")}
@font-face{font-family:PetabitHeroDisplay;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/raleway-display-3.ttf) format("truetype")}
.canonical-site .petabit-hero{position:relative;isolation:isolate;overflow:hidden;background:#191919;min-height:810px;height:auto;display:flex;align-items:center;justify-content:center;font:400 17px/1.65 PetabitHeroSans,sans-serif;color:#fff}
.petabit-hero .hero-art{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.petabit-hero .hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,15,14,.88) 0%,rgba(12,15,14,.74) 29%,rgba(12,15,14,.38) 49%,rgba(12,15,14,.02) 69%,transparent 100%)}
.petabit-hero .hero-glass{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;animation:wbn-hero-drift 28s ease-in-out infinite alternate;transform-origin:60% 65%}
@keyframes wbn-hero-drift{from{transform:scale(1.025) translate3d(-.6%,.4%,0)}to{transform:scale(1.09) translate3d(.7%,-.7%,0)}}
.petabit-hero.motion-paused .hero-glass{animation-play-state:paused}
.petabit-hero::after{content:"";position:absolute;z-index:1;pointer-events:none;inset:auto 0 -1px;height:135px;background:linear-gradient(180deg,#ffffff00 0%,#ffffff26 32%,#ffffffa6 70%,#fff 100%)}
.canonical-site .petabit-hero .hero-inner{position:relative;z-index:2;width:min(1200px,100%);padding:178px 36px 205px 24px;text-align:left}
.canonical-site .petabit-hero h1{font-family:PetabitHeroDisplay,Display,sans-serif;font-weight:500;margin:0;color:#fff;text-transform:none;text-align:left;max-width:760px;text-shadow:0 2px 24px #0008}
.canonical-site .petabit-hero .hero-lead{display:block;font-size:clamp(26px,2.7vw,38px);font-weight:500;line-height:1.35;letter-spacing:-.7px}
.canonical-site .petabit-hero .hero-delivered{display:block;font-size:clamp(68px,7.6vw,104px);font-weight:700;line-height:1.18;letter-spacing:-4px;margin-top:10px}
.petabit-hero .hero-summary{margin:24px 0 0;max-width:490px}
.canonical-site .petabit-hero .hero-summary p{font:400 20px/1.5 PetabitHeroSans,sans-serif;color:#f0f0ed;max-width:65ch;margin:0;text-shadow:0 2px 15px #111;letter-spacing:.2px}
.petabit-hero .hero-actions{display:flex;gap:16px;margin-top:30px;justify-content:flex-start}
.canonical-site .petabit-hero .hero-actions a{display:flex;align-items:center;justify-content:center;min-width:168px;min-height:50px;padding:12px 24px;border-radius:5px;font:600 16px/1.65 PetabitHeroSans,sans-serif;text-decoration:none}
.canonical-site .petabit-hero .hero-primary{background:#0072ce;color:#fff;border:1px solid #0072ce}
.canonical-site .petabit-hero .hero-primary:hover{background:#005da8;border-color:#005da8}
.canonical-site .petabit-hero .hero-secondary{background:#19191988;color:#fff;border:1px solid #d4d2cd;backdrop-filter:blur(8px)}
.canonical-site .petabit-hero .hero-secondary:hover{background:#fff;color:#292d2e;border-color:#fff}
.petabit-hero .motion-toggle{position:absolute;z-index:3;right:30px;bottom:135px;display:flex;align-items:center;gap:9px;padding:8px 12px;min-height:44px;background:#181818a6;border:1px solid #a9aaa8;border-radius:4px;color:#fff;font:14px PetabitHeroSans,sans-serif;cursor:pointer;backdrop-filter:blur(8px)}
.petabit-hero .motion-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.petabit-hero .motion-toggle[hidden]{display:none}
@media(max-width:991px){.canonical-site .petabit-hero{min-height:760px}.canonical-site .petabit-hero .hero-inner{padding-left:32px;padding-right:32px}.petabit-hero .hero-art::after{background:linear-gradient(90deg,#0c0f0ee0,#0c0f0eb8 36%,#0c0f0e22 100%)}}
@media(max-width:600px){
.canonical-site .petabit-hero{min-height:740px}
.petabit-hero .hero-glass{object-position:70% center}
.canonical-site .petabit-hero .hero-inner{padding:150px 24px 200px}
.petabit-hero .hero-art::after{background:linear-gradient(180deg,#0c0f0e55,#0c0f0ed1 30%,#0c0f0eb8 65%,#0c0f0e22)}
.canonical-site .petabit-hero .hero-lead{font-size:27px;max-width:16ch;margin:0}
.canonical-site .petabit-hero .hero-delivered{font-size:clamp(34px,11.3vw,64px);letter-spacing:-2px}
.canonical-site .petabit-hero .hero-summary p{font-size:18px}
.petabit-hero .hero-actions{gap:10px;margin-top:28px;flex-wrap:wrap}
.canonical-site .petabit-hero .hero-actions a{min-width:0;flex:1;padding:11px 10px;line-height:1.35;text-align:center}
.petabit-hero .motion-toggle{right:22px;bottom:130px;font-size:13px}
}
@media(max-width:380px){.petabit-hero .hero-actions{flex-direction:column;align-items:stretch}.canonical-site .petabit-hero .hero-actions a{width:100%;max-width:none;flex:none}}
@media(prefers-reduced-motion:reduce){.petabit-hero .hero-glass{animation:none!important;transform:none}}
@media print{.petabit-hero .hero-art,.petabit-hero .motion-toggle,.petabit-hero::after{display:none}.canonical-site .petabit-hero{display:block;min-height:0;background:#fff}.canonical-site .petabit-hero .hero-inner{padding:20px 0}.canonical-site .petabit-hero h1,.canonical-site .petabit-hero .hero-summary p{color:#000;text-shadow:none}}