/* Webyne — home
   Bootstrap 5.3 loads from the CDN in the page head. Component styling is inline on
   the markup so any block can move into a Blade partial untouched; this file holds
   only what inline styles cannot express: keyframes, resets, state and hover rules. */

html{scroll-behavior:smooth;background:#F4F8FC}
body{margin:0;background:#F4F8FC;color:#123258;font-family:'Manrope',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:#166FA8;text-decoration:none;transition:color .25s ease}
a:hover{color:#184884}
::selection{background:rgba(24,156,204,.28);color:#0E2A48}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#E7EFF7}
::-webkit-scrollbar-thumb{background:#B6CADD;border-radius:20px;border:2px solid #E7EFF7}
::-webkit-scrollbar-thumb:hover{background:#8FAFC9}
:focus-visible{outline:2px solid #189CCC;outline-offset:3px}
@keyframes wbyFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-16px,0)}}
@keyframes wbyFloatB{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,13px,0)}}
@keyframes wbyBlob{0%,100%{transform:translate3d(0,0,0) scale(1)}33%{transform:translate3d(34px,-26px,0) scale(1.09)}66%{transform:translate3d(-26px,20px,0) scale(.94)}}
@keyframes wbyBlink{0%,100%{opacity:1}50%{opacity:.2}}
@keyframes wbyScan{0%{transform:translateY(-120%)}100%{transform:translateY(420%)}}
@keyframes wbyMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes wbySheen{0%{transform:translateX(-130%) skewX(-18deg)}55%,100%{transform:translateX(320%) skewX(-18deg)}}
@keyframes wbyRing{0%{transform:scale(.85);opacity:.55}100%{transform:scale(1.5);opacity:0}}
@keyframes wbySpin{to{transform:rotate(360deg)}}
@keyframes wbyPacketY{0%{top:-10px;opacity:0}14%{opacity:1}86%{opacity:1}100%{top:100%;opacity:0}}
@keyframes wbyCoreGlow{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
@keyframes wbyDotFill{from{width:0}to{width:100%}}
[data-dot][data-on="1"]{border-color:#189CCC !important;background:#FFFFFF !important;box-shadow:0 18px 34px -22px rgba(24,156,204,.9) !important}
[data-dot][data-on="1"] [data-dot-face]{opacity:1 !important;transform:scale(1) !important}
[data-dot][data-on="1"] [data-dot-fill]{animation:wbyDotFill 7s linear forwards}
[data-pillar]:hover [data-num]{-webkit-text-stroke-color:transparent;background:linear-gradient(150deg,#189CCC,#166FA8 40%,#6A54C9);-webkit-background-clip:text;background-clip:text;color:transparent;transform:translateY(-6px)}
[data-pillar]:hover [data-pill-icon]{transform:translateY(-6px) rotate(-4deg);box-shadow:0 26px 44px -22px rgba(24,156,204,.85)}
[data-pillar]:hover [data-rule]{width:100% !important}
@keyframes wbyFloatC{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(0,-18px,0) rotate(1.5deg)}}
/* Meter fills are driven from CSS so a re-render cannot revert them back to width:0. */
[data-bar][data-fill="27"]{width:27% !important}
[data-bar][data-fill="38"]{width:38% !important}
[data-bar][data-fill="47"]{width:47% !important}
[data-bar][data-fill="54"]{width:54% !important}
[data-bar][data-fill="62"]{width:62% !important}
[data-bar][data-fill="84"]{width:84% !important}
[data-cursor-ring],[data-cursor-dot]{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;border-radius:50%;opacity:0;transition:opacity .3s ease,width .28s cubic-bezier(.2,.8,.2,1),height .28s cubic-bezier(.2,.8,.2,1),background .28s ease,border-color .28s ease}
[data-cursor-ring]{width:38px;height:38px;border:1.5px solid rgba(24,156,204,.55);background:rgba(24,156,204,.06);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
[data-cursor-dot]{width:6px;height:6px;background:#166FA8}
@media (hover:none),(pointer:coarse){[data-cursor-ring],[data-cursor-dot]{display:none}}
@keyframes wbyHue{0%{background-position:0% 50%}100%{background-position:200% 50%}}
.wby-anim [data-gs]{opacity:0;transform:perspective(900px) translateY(46px) rotateX(-7deg);transform-origin:50% 100%;transition:opacity .95s cubic-bezier(.16,.84,.3,1),transform .95s cubic-bezier(.16,.84,.3,1)}
.wby-anim [data-gs="scale"]{transform:translateY(30px) scale(.94);transition-duration:1.05s}
.wby-anim [data-line]{opacity:0;transform:perspective(900px) translateY(44px) rotateX(-22deg);transform-origin:50% 100%;transition:opacity 1s cubic-bezier(.16,.84,.3,1),transform 1s cubic-bezier(.16,.84,.3,1)}
.wby-anim [data-gs][data-in="1"],.wby-anim [data-line][data-in="1"]{opacity:1 !important;transform:none !important}
@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.06s !important}
.wby-anim [data-gs],.wby-anim [data-line]{opacity:1 !important;transform:none !important}}

/* ---------- hover states (generated from the design) ---------- */
.wby-h1:hover{
  background: rgba(24,156,204,.12) !important;
}
.wby-h2:hover{
  background: rgba(24,156,204,.12) !important;
}
.wby-h3:hover{
  background: rgba(24,156,204,.12) !important;
}
.wby-h4:hover{
  background: rgba(24,156,204,.12) !important;
}
.wby-h5:hover{
  background: rgba(24,156,204,.12) !important;
}
.wby-h6:hover{
  border-color: #189CCC !important;
  background: #E9F4FB !important;
}
.wby-h7:hover{
  transform: translateY(-2px) !important;
  box-shadow: 0 20px 40px -14px rgba(24,156,204,.8) !important;
}
.wby-h8:hover{
  border-color: #189CCC !important;
  background: #F1F9FE !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 20px 38px -28px rgba(24,156,204,.95) !important;
}
.wby-h9:hover{
  border-color: #189CCC !important;
  background: #F1F9FE !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 20px 38px -28px rgba(24,156,204,.95) !important;
}
.wby-h10:hover{
  border-color: #189CCC !important;
  background: #F1F9FE !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 20px 38px -28px rgba(24,156,204,.95) !important;
}
.wby-h11:hover{
  border-color: #189CCC !important;
  background: #F1F9FE !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 20px 38px -28px rgba(24,156,204,.95) !important;
}
.wby-h12:hover{
  border-color: #189CCC !important;
  background: #F1F9FE !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 20px 38px -28px rgba(24,156,204,.95) !important;
}
.wby-h13:hover{
  border-color: #189CCC !important;
  background: #F1F9FE !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 20px 38px -28px rgba(24,156,204,.95) !important;
}
.wby-h14:hover{
  border-color: #189CCC !important;
  background: #F1F9FE !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 20px 38px -28px rgba(24,156,204,.95) !important;
}
.wby-h15:hover{
  border-color: #189CCC !important;
  background: #F1F9FE !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 20px 38px -28px rgba(24,156,204,.95) !important;
}
.wby-h16:hover{
  border-color: #189CCC !important;
  background: #F1F9FE !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 20px 38px -28px rgba(24,156,204,.95) !important;
}
.wby-h17:hover{
  border-color: #189CCC !important;
  background: #F1F9FE !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 20px 38px -28px rgba(24,156,204,.95) !important;
}
.wby-h18:hover{
  border-color: #189CCC !important;
  background: #F1F9FE !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 20px 38px -28px rgba(24,156,204,.95) !important;
}
.wby-h19:hover{
  border-color: #189CCC !important;
  background: #F1F9FE !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 20px 38px -28px rgba(24,156,204,.95) !important;
}
.wby-h20:hover{
  border-color: #189CCC !important;
  background: #F1F9FE !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 20px 38px -28px rgba(24,156,204,.95) !important;
}
.wby-h21:hover{
  border-color: #189CCC !important;
  background: #F1F9FE !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 20px 38px -28px rgba(24,156,204,.95) !important;
}
.wby-h22:hover{
  border-color: #189CCC !important;
  background: #F1F9FE !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 20px 38px -28px rgba(24,156,204,.95) !important;
}
.wby-h23:hover{
  border-color: #189CCC !important;
  background: #F1F9FE !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 20px 38px -28px rgba(24,156,204,.95) !important;
}
.wby-h24:hover{
  border-color: #189CCC !important;
  background: #F1F9FE !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 20px 38px -28px rgba(24,156,204,.95) !important;
}
.wby-h25:hover{
  border-color: #189CCC !important;
  background: #F1F9FE !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 20px 38px -28px rgba(24,156,204,.95) !important;
}
.wby-h26:hover{
  border-color: #189CCC !important;
  background: #F1F9FE !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 20px 38px -28px rgba(24,156,204,.95) !important;
}
.wby-h27:hover{
  transform: translateY(-2px) !important;
}
.wby-h28:hover{
  transform: translateY(-3px) scale(1.015) !important;
  box-shadow: 0 30px 66px -18px rgba(24,156,204,.95) !important;
}
.wby-h29:hover{
  border-color: #189CCC !important;
  background: #FFFFFF !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 26px 52px -28px rgba(24,156,204,.9) !important;
}
.wby-h30:hover{
  transform: translateY(-2px) !important;
  box-shadow: 0 18px 36px -16px rgba(0,0,0,.6) !important;
}
.wby-h31:hover{
  transform: translateY(-7px) !important;
  border-color: #A9D9EE !important;
  box-shadow: 0 34px 60px -34px rgba(24,156,204,.7) !important;
}
.wby-h32:hover{
  transform: translateY(-7px) !important;
  border-color: #A9D9EE !important;
  box-shadow: 0 34px 60px -34px rgba(24,156,204,.7) !important;
}
.wby-h33:hover{
  transform: translateY(-7px) !important;
  border-color: #A9D9EE !important;
  box-shadow: 0 34px 60px -34px rgba(24,156,204,.7) !important;
}
.wby-h34:hover{
  transform: translateY(-7px) !important;
  border-color: #A9D9EE !important;
  box-shadow: 0 34px 60px -34px rgba(24,156,204,.7) !important;
}
.wby-h35:hover{
  transform: translateY(-7px) !important;
  border-color: #A9D9EE !important;
  box-shadow: 0 34px 60px -34px rgba(24,156,204,.7) !important;
}
.wby-h36:hover{
  box-shadow: 0 32px 64px -20px rgba(24,156,204,.95),inset 0 1px 0 rgba(255,255,255,.4) !important;
}
.wby-h37:hover{
  transform: translateY(-2px) !important;
  box-shadow: 0 22px 42px -18px rgba(24,156,204,.9) !important;
}
.wby-h38:hover{
  transform: translateY(-2px) !important;
  box-shadow: 0 22px 42px -18px rgba(24,156,204,.9) !important;
}
.wby-h39:hover{
  transform: translateY(-2px) !important;
  box-shadow: 0 22px 42px -18px rgba(24,156,204,.9) !important;
}
.wby-h40:hover{
  transform: translateY(-2px) !important;
  box-shadow: 0 22px 42px -18px rgba(24,156,204,.9) !important;
}
.wby-h41:hover{
  background: rgba(255,255,255,.72) !important;
}
.wby-h42:hover{
  background: rgba(255,255,255,.72) !important;
}
.wby-h43:hover{
  background: rgba(255,255,255,.72) !important;
}
.wby-h44:hover{
  background: rgba(255,255,255,.72) !important;
}
.wby-h45:hover{
  box-shadow: 0 30px 60px -20px rgba(24,156,204,.95) !important;
  color: #ffffff;
}
.wby-h46:hover{
  border-color: #A9D9EE !important;
  box-shadow: 0 44px 78px -42px rgba(24,156,204,.9) !important;
}
.wby-h47:hover{
  border-color: #F3D6A5 !important;
  box-shadow: 0 44px 78px -42px rgba(217,134,23,.75) !important;
}
.wby-h48:hover{
  border-color: #9FC4EC !important;
  box-shadow: 0 44px 78px -42px rgba(24,72,132,.8) !important;
}
.wby-h49:hover{
  border-color: #CFC5F0 !important;
  box-shadow: 0 44px 78px -42px rgba(106,84,201,.75) !important;
}
.wby-h50:hover{
  background: #E1F0F9 !important;
  border-color: #189CCC !important;
  color: #0E2A48 !important;
}
.wby-h51:hover{
  transform: translateY(-2px) !important;
  box-shadow: 0 26px 56px -20px rgba(0,0,0,.8) !important;
}
.wby-h52:hover{
  background: #E1F0F9 !important;
  border-color: #189CCC !important;
  color: #0E2A48 !important;
}
.wby-h53:hover{
  transform: translateY(-2px) !important;
  box-shadow: 0 24px 46px -18px rgba(24,156,204,.9) !important;
}
.wby-h54:hover{
  color: #184884 !important;
  border-color: #184884 !important;
}
.wby-h55:hover{
  transform: translateY(-8px) !important;
  border-color: #A9D9EE !important;
  box-shadow: 0 36px 66px -40px rgba(24,156,204,.85) !important;
}
.wby-h56:hover{
  transform: translateY(-8px) !important;
  border-color: #9FC4EC !important;
  box-shadow: 0 36px 66px -40px rgba(24,72,132,.75) !important;
}
.wby-h57:hover{
  transform: translateY(-8px) !important;
  border-color: #A6DFC6 !important;
  box-shadow: 0 36px 66px -40px rgba(23,166,115,.7) !important;
}
.wby-h58:hover{
  transform: translateY(-8px) !important;
  border-color: #A9D9EE !important;
  box-shadow: 0 36px 66px -40px rgba(24,156,204,.85) !important;
}
.wby-h59:hover{
  transform: translateY(-8px) !important;
  border-color: #F3D6A5 !important;
  box-shadow: 0 36px 66px -40px rgba(217,134,23,.7) !important;
}
.wby-h60:hover{
  transform: translateY(-8px) !important;
  border-color: #CFC5F0 !important;
  box-shadow: 0 36px 66px -40px rgba(106,84,201,.65) !important;
}
.wby-h61:hover{
  transform: translateY(-2px) !important;
  box-shadow: 0 24px 46px -18px rgba(24,156,204,.9) !important;
}
.wby-h62:hover{
  background: #E1F0F9 !important;
  border-color: #189CCC !important;
}
.wby-h63:hover{
  border-color: #189CCC !important;
  color: #166FA8 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 26px 48px -24px rgba(24,156,204,.9) !important;
}
.wby-h64:hover{
  border-color: #189CCC !important;
  color: #166FA8 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 26px 48px -24px rgba(24,156,204,.9) !important;
}
.wby-h65:hover{
  transform: translateY(-3px) !important;
}
.wby-h66:hover{
  transform: translateY(-3px) !important;
}
.wby-h67:hover{
  transform: translateY(-3px) !important;
}
.wby-h68:hover{
  transform: translateY(-3px) !important;
}
.wby-h69:hover{
  transform: translateY(-3px) !important;
}
.wby-h70:hover{
  transform: translateY(-3px) !important;
  box-shadow: 0 30px 60px -18px rgba(0,0,0,.7) !important;
}
.wby-h71:hover{
  background: rgba(255,255,255,.2) !important;
  transform: translateY(-3px) !important;
}
.wby-h72:hover{
  color: #5CE0F5 !important;
  transform: translateY(-14px) !important;
  text-shadow: 0 0 64px rgba(24,156,204,.9) !important;
}
.wby-h73:hover{
  color: #5CE0F5 !important;
  transform: translateY(-14px) !important;
  text-shadow: 0 0 64px rgba(24,156,204,.9) !important;
}
.wby-h74:hover{
  color: #5CE0F5 !important;
  transform: translateY(-14px) !important;
  text-shadow: 0 0 64px rgba(24,156,204,.9) !important;
}
.wby-h75:hover{
  color: #A78BFF !important;
  transform: translateY(-14px) !important;
  text-shadow: 0 0 64px rgba(106,84,201,.95) !important;
}
.wby-h76:hover{
  color: #A78BFF !important;
  transform: translateY(-14px) !important;
  text-shadow: 0 0 64px rgba(106,84,201,.95) !important;
}
.wby-h77:hover{
  color: #34F5B0 !important;
  transform: translateY(-14px) !important;
  text-shadow: 0 0 64px rgba(23,166,115,.9) !important;
}
.wby-h78:hover{
  background: rgba(24,156,204,.28) !important;
  border-color: #189CCC !important;
  color: #FFFFFF !important;
  transform: translateY(-3px) !important;
}
.wby-h79:hover{
  background: rgba(24,156,204,.28) !important;
  border-color: #189CCC !important;
  color: #FFFFFF !important;
  transform: translateY(-3px) !important;
}
.wby-h80:hover{
  background: rgba(24,156,204,.28) !important;
  border-color: #189CCC !important;
  color: #FFFFFF !important;
  transform: translateY(-3px) !important;
}
.wby-h81:hover{
  background: rgba(24,156,204,.28) !important;
  border-color: #189CCC !important;
  color: #FFFFFF !important;
  transform: translateY(-3px) !important;
}
.wby-h82:hover{
  background: #F1F7FC !important;
  color: #123258 !important;
}
.wx157-awords img {
    width: 100% !important;
    height: 100% !important;
}