/*
 * Home page section styles.
 *
 * Generated from the inline styles the original template shipped with — the
 * declarations are copied verbatim, so the rendered design is unchanged.
 * Styles whose values come from the CMS stay inline in the Blade partials.
 *
 * Loaded after home.css so these win over element-level defaults, exactly as
 * inline styles did.
 *
 * Regenerate: scratchpad/extract-inline-css.php --apply
 */

.wx74{position:relative;display:grid;gap:5px}
.wx22{max-width:1280px;position:relative}
.wx81{position:relative;display:flex;gap:3px;flex:0 0 auto}
.wx506{font-size:15px;line-height:1.72;color:#5F7490;margin:0}
.wx2{max-width:1280px}
.wx210{font-size:14px;font-weight:700;color:#166FA8}
.wx77{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.16)}
.wx78{position:relative;display:grid;gap:5px;flex:1;min-width:0}
.wx80{font-family:'Space Grotesk',sans-serif;font-size:13.5px;font-weight:600;color:#EDF3FA;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wx186{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#166FA8;background:#E1F0F9;border:1px solid #C6E4F3;padding:7px 13px;border-radius:100px;margin-bottom:18px}
.wx200{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.2)}
.wx208{font-family:'Space Grotesk',sans-serif;font-size:19px;font-weight:600;color:#0E2A48;margin:0 0 10px}
.wx121{display:grid;gap:2px}
.wx187{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(30px,3.6vw,46px);line-height:1.08;letter-spacing:-.025em;margin:0 0 14px;color:#0E2A48}
.wx188{font-size:16.5px;line-height:1.65;color:#5F7490;margin:0;text-wrap:pretty}
.wx190{height:100%;padding:26px 24px 30px;border-radius:22px;background:#FFFFFF;border:1px solid #E1EBF5;box-shadow:0 26px 56px -40px rgba(18,50,88,.7);transition:box-shadow .4s ease,border-color .4s ease}
.wx191{position:relative;height:190px;perspective:900px;margin-bottom:22px}
.wx194{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;transform:rotateX(13deg) rotateY(-26deg);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.wx203{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:600;color:#FFFFFF}
.wx209{font-size:14px;line-height:1.6;color:#5F7490;margin:0 0 16px}
.wx230{width:26px;height:30px;border-radius:4px;background:linear-gradient(160deg,#2B4E77,#132D4B);border:1px solid rgba(255,255,255,.12)}
.wx312{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#FBFDFF}
.wx313{font-size:14px;color:#4E637E;font-weight:600}
.wx457{position:relative;display:grid;gap:4px;flex:1;min-width:0}
.wx459{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:600;color:#FFFFFF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wx462{position:absolute;top:0;bottom:0;left:0;width:64px;border-radius:12px;background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(0,0,0,.35));border:1px solid rgba(255,255,255,.1);transform:rotateY(90deg) translateZ(-32px)}
.wx498{position:relative;border-top:2px solid #DCE8F4;padding:clamp(32px,3.8vw,50px) clamp(0px,1.6vw,26px);border-radius:20px;transition:background .45s ease}
.wx499{--bs-gutter-x:3rem;--bs-gutter-y:1.75rem}
.wx500{display:flex;align-items:flex-start;gap:22px}
.wx501{font-family:'Space Grotesk',sans-serif;font-size:clamp(74px,8.6vw,132px);font-weight:700;line-height:.8;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:2px #C3D8EC;transition:transform .45s cubic-bezier(.2,.8,.2,1),-webkit-text-stroke-color .45s ease;display:inline-block}
.wx503{font-family:'Space Grotesk',sans-serif;font-size:clamp(22px,2.5vw,30px);font-weight:600;letter-spacing:-.025em;color:#0E2A48;margin:0 0 8px}
.wx504{height:2px;width:44px;background:linear-gradient(90deg,#189CCC,#6A54C9);margin-bottom:20px;transition:width .6s cubic-bezier(.2,.8,.2,1)}
.wx505{--bs-gutter-x:2.25rem;--bs-gutter-y:1rem}
.wx507{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.wx508{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.06em;padding:9px 14px;border-radius:100px;background:#FFFFFF;border:1px solid #DDE9F4;color:#166FA8;white-space:nowrap}
.wx82{width:15px;height:38px;border-radius:3px;background:linear-gradient(160deg,#1D4569,#080D18);border:1px solid rgba(255,255,255,.09)}
.wx90{width:15px;height:38px;border-radius:3px;background:linear-gradient(160deg,#1A3C5C,#080D18);border:1px solid rgba(255,255,255,.09)}
.wx98{width:15px;height:38px;border-radius:3px;background:linear-gradient(160deg,#2A2D5E,#080D18);border:1px solid rgba(255,255,255,.09)}
.wx106{width:15px;height:38px;border-radius:3px;background:linear-gradient(160deg,#16405A,#080D18);border:1px solid rgba(255,255,255,.09)}
.wx114{width:15px;height:38px;border-radius:3px;background:linear-gradient(160deg,#16233A,#080D18);border:1px solid rgba(255,255,255,.09)}
.wx192{position:absolute;left:12%;right:12%;bottom:24px;height:26px;border-radius:50%;background:rgba(18,50,88,.28);filter:blur(16px)}
.wx201{position:relative;display:grid;gap:6px;flex:1}
.wx260{display:block}
.wx303{display:flex;justify-content:space-between;font-size:13.5px;font-weight:600;color:#4E637E;margin-bottom:9px}
.wx305{height:8px;border-radius:20px;background:#E9F0F8;overflow:hidden}
.wx460{width:13px;height:32px;border-radius:3px;background:linear-gradient(160deg,rgba(92,224,245,.3),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12)}
.wx468{width:13px;height:32px;border-radius:3px;background:linear-gradient(160deg,rgba(167,139,255,.28),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12)}
.wx475{width:13px;height:32px;border-radius:3px;background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12)}
.wx482{width:13px;height:32px;border-radius:3px;background:linear-gradient(160deg,rgba(52,245,176,.22),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12)}
.wx11{display:grid;gap:11px}
.wx36{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.2em;color:#8598B0;margin-bottom:14px}
.wx51{flex:1}
.wx119{display:flex;align-items:center;gap:11px;padding:13px 17px;border-radius:16px;background:#FFFFFF;border:1px solid #EDF3FA;box-shadow:0 32px 56px -28px rgba(18,50,88,.8)}
.wx122{font-size:10.5px;font-weight:600;color:#7189A3}
.wx123{font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:700;color:#0E2A48}
.wx133{position:relative}
.wx157{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:linear-gradient(150deg,#E7EFF7,#D8E6F2);color:#6E8199;text-align:center;padding:20px}
.wx158{font-size:13px;font-weight:600}
.wx160{position:relative;z-index:1;padding:60px 0;background:linear-gradient(180deg,#F7FAFD,#EFF6FC);overflow:hidden}
.wx282{display:grid;gap:1px}
.wx283{font-size:11px;color:#7189A3;font-weight:600}
.wx284{font-family:'JetBrains Mono',monospace;font-size:15px;color:#0E2A48}
.wx314{font-family:'JetBrains Mono',monospace;font-size:13px;color:#17A673}
.wx315{font-family:'JetBrains Mono',monospace;font-size:13px;color:#189CCC}
.wx487{font-size:10px;font-weight:600;color:#93B3D2}
.wx488{font-family:'JetBrains Mono',monospace;font-size:13px;color:#FFFFFF}
.wx1{position:relative;z-index:1;background:#0E2A48;color:#C6DAEE;padding:70px 0 34px;overflow:hidden}
.wx3{display:flex;flex-wrap:wrap;gap:clamp(2px,.8vw,10px);margin:0 0 clamp(46px,5vw,72px);cursor:default}
.wx4{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(52px,14vw,190px);line-height:.84;letter-spacing:-.05em;color:#15375C;transition:color .42s cubic-bezier(.2,.8,.2,1),transform .42s cubic-bezier(.2,.8,.2,1),text-shadow .42s ease;display:inline-block}
.wx5{--bs-gutter-x:2rem;--bs-gutter-y:2.5rem}
.wx6{height:32px;width:auto;display:block;filter:brightness(0) invert(1);margin-bottom:20px}
.wx7{font-size:14.5px;line-height:1.65;color:#9BB6D2;max-width:330px;margin:0 0 24px}
.wx8{display:flex;gap:10px}
.wx9{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#C6DAEE;transition:all .25s ease}
.wx10{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#6E8FB4;margin-bottom:18px}
.wx12{font-size:13.5px;color:#7E9CBD;line-height:1.6}
.wx13{height:1px;background:rgba(255,255,255,.12);margin:44px 0 26px}
.wx14{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.wx15{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.wx16{font-size:12.5px;color:#7E9CBD;margin-right:4px}
.wx17{font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.06em;color:#D7E6F4;padding:8px 13px;border-radius:9px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06)}
.wx18{display:flex;flex-wrap:wrap;align-items:center;gap:22px}
.wx19{font-size:13px;color:#7E9CBD}
.wx20{font-size:13px;color:#9BB6D2}
.wx21{position:fixed;top:0;left:0;right:0;z-index:90;border-bottom:1px solid rgba(225,235,245,0);background-color:rgba(255,255,255,.72);backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:blur(20px) saturate(170%);transition:background-color .35s ease,border-color .35s ease,box-shadow .35s ease,padding .35s ease;padding:18px 0}
.wx23{display:flex;align-items:center;gap:28px;    justify-content: space-between}
.wx24{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.wx25{height:32px;width:auto;display:block}
.wx26{display:flex;align-items:center;gap:2px;margin-left:6px}
.wx27{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;cursor:pointer;white-space:nowrap;font-family:'Manrope',sans-serif;color:#4E637E;font-size:14.5px;font-weight:600;padding:9px 13px;border-radius:10px;transition:color .2s ease,background .2s ease}
.wx28{transition:transform .28s ease;opacity:.8}
.wx29{
  /* margin-left:auto; */
  display:flex;align-items:center;gap:12px}
.wx30{white-space:nowrap;color:#184884;font-size:14.5px;font-weight:600;padding:10px 16px;border-radius:11px;border:1px solid #CFE0EF;transition:all .25s ease}
.wx31{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;color:#FFFFFF;font-size:14.5px;font-weight:800;padding:11px 20px;border-radius:11px;background:linear-gradient(135deg,#189CCC,#184884);box-shadow:0 12px 28px -12px rgba(24,72,132,.75);transition:transform .25s ease,box-shadow .25s ease}
.wx32{position:absolute;top:0;bottom:0;width:38%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:wbySheen 4.2s ease-in-out infinite}
.wx33{align-items:center;justify-content:center;width:44px;height:44px;border-radius:11px;border:1px solid #CFE0EF;background:#F4F9FD;color:#123258;cursor:pointer}
.wx34{position:absolute;top:100%;left:12px;right:12px;margin-top:10px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .26s ease,transform .32s cubic-bezier(.2,.8,.2,1),visibility .26s;pointer-events:none;z-index:95}
.wx35{border-radius:20px;background:rgba(255,255,255,.985);border:1px solid #E1EBF5;box-shadow:0 44px 90px -46px rgba(18,50,88,.85);overflow:hidden}
.wx37{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wx38{display:flex;align-items:center;gap:13px;padding:15px 16px;border-radius:14px;border:1px solid #E5EEF7;background:#FBFDFF;transition:all .26s ease}
.wx39{display:block;font-size:14.5px;font-weight:700;color:#0E2A48}
.wx40{display:block;font-size:12px;color:#7189A3}
.wx41{font-size:14px;font-weight:600;color:#4E637E}
.wx42{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:16px 30px;background:#F3F8FD;border-top:1px solid #E5EEF7}
.wx43{font-size:13.5px;color:#5F7490}
.wx44{color:#0E2A48}
.wx45{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:#166FA8}
.wx46{overflow:hidden;max-height:0;opacity:0;transition:max-height .42s cubic-bezier(.2,.8,.2,1),opacity .3s ease}
.wx47{margin:14px 0 4px;border-radius:18px;background:#FFFFFF;border:1px solid #E1EBF5;box-shadow:0 34px 70px -40px rgba(18,50,88,.75);overflow:hidden}
.wx48{max-height:min(66vh,540px);overflow-y:auto;-webkit-overflow-scrolling:touch}
.wx49{border-bottom:1px solid #EDF3F9}
.wx50{display:flex;width:100%;align-items:center;gap:13px;border:0;background:transparent;cursor:pointer;font-family:'Manrope',sans-serif;font-weight:700;font-size:15.5px;color:#0E2A48;padding:16px 18px;text-align:left}
.wx52{transition:transform .3s ease;flex:0 0 auto}
.wx53{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.2,.8,.2,1)}
.wx54{display:grid;padding:2px 18px 16px 69px;border-left:2px solid #E1F0F9;margin-left:36px}
.wx55{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14.5px;font-weight:600;color:#4E637E;padding:11px 0}
.wx56{font-family:'JetBrains Mono',monospace;font-size:11.5px;color:#8598B0}
.wx57{display:flex;width:100%;align-items:center;gap:13px;font-family:'Manrope',sans-serif;font-weight:700;font-size:15.5px;color:#0E2A48;padding:16px 18px}
.wx58{position:relative;z-index:1;padding:100px 0;background:linear-gradient(180deg,#EAF2FA,#F7FAFD);overflow:hidden}
.wx59{position:absolute;top:6%;left:-160px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(24,156,204,.16),transparent 66%);filter:blur(30px)}
.wx60{position:absolute;bottom:-60px;right:-140px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(106,84,201,.13),transparent 66%);filter:blur(32px)}
.wx61{--bs-gutter-x:4rem;--bs-gutter-y:3.5rem}
.wx62{position:relative;perspective:1600px}
.wx63{position:absolute;left:6%;right:6%;top:16%;bottom:6%;border-radius:50%;background:radial-gradient(ellipse,rgba(24,156,204,.34),transparent 68%);filter:blur(42px);animation:wbyCoreGlow 7s ease-in-out infinite}
.wx64{position:absolute;top:8%;bottom:14%;left:5%;width:2px;border-radius:20px;background:linear-gradient(180deg,transparent,#5CE0F555,#5CE0F533,transparent)}
.wx65{position:absolute;left:-2px;width:8px;height:8px;border-radius:50%;background:#5CE0F5;box-shadow:0 0 14px #5CE0F5;animation:wbyPacketY 3.4s linear 0s infinite}
.wx66{position:absolute;left:-1px;width:6px;height:6px;border-radius:50%;background:#5CE0F5;box-shadow:0 0 14px #5CE0F5;animation:wbyPacketY 4.6s linear 1.3s infinite}
.wx67{position:absolute;top:8%;bottom:14%;right:5%;width:2px;border-radius:20px;background:linear-gradient(180deg,transparent,#A78BFF55,#A78BFF33,transparent)}
.wx68{position:absolute;left:-2px;width:8px;height:8px;border-radius:50%;background:#A78BFF;box-shadow:0 0 14px #A78BFF;animation:wbyPacketY 4.2s linear 0.8s infinite}
.wx69{position:absolute;left:-1px;width:6px;height:6px;border-radius:50%;background:#A78BFF;box-shadow:0 0 14px #A78BFF;animation:wbyPacketY 5.3999999999999995s linear 2.1s infinite}
.wx70{position:relative;height:clamp(430px,44vw,520px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;transform-style:preserve-3d;transform:rotateX(13deg) rotateY(-25deg);transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.wx71{position:relative;width:min(390px,94%);height:74px;transform-style:preserve-3d;transform:translateZ(92px);animation:wbyFloat 7.4s ease-in-out 0s infinite}
.wx72{position:absolute;inset:0;border-radius:12px;background:linear-gradient(158deg,#14314F 0%,#05080F 100%);border:1px solid rgba(92,224,245,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 30px 46px -26px rgba(4,10,22,.95),0 0 60px -24px rgba(24,156,204,.85);display:flex;align-items:center;gap:14px;padding:0 16px;overflow:hidden}
.wx73{position:absolute;left:0;right:0;height:40px;background:linear-gradient(180deg,transparent,rgba(92,224,245,.16),transparent);animation:wbyScan 5.6s linear infinite}
.wx75{width:7px;height:7px;border-radius:50%;background:#5CE0F5;box-shadow:0 0 10px #5CE0F5;animation:wbyBlink 1.9s ease-in-out infinite}
.wx76{width:7px;height:7px;border-radius:50%;background:#17A673;box-shadow:0 0 10px #17A673;animation:wbyBlink 2.8s ease-in-out infinite}
.wx79{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.18em;color:#7FDCF5}
.wx83{position:absolute;left:0;right:0;top:0;height:70px;border-radius:12px;background:linear-gradient(120deg,#20527D,#0B1424);border:1px solid rgba(92,224,245,.28);transform:rotateX(90deg) translateZ(37px)}
.wx84{position:absolute;top:0;bottom:0;left:0;width:70px;border-radius:12px;background:linear-gradient(160deg,#14314F,#03060C);border:1px solid rgba(255,255,255,.07);transform:rotateY(90deg) translateZ(-35px)}
.wx85{position:relative;width:min(390px,94%);height:74px;transform-style:preserve-3d;transform:translateZ(69px);animation:wbyFloat 7.9s ease-in-out 0.35s infinite}
.wx86{position:absolute;inset:0;border-radius:12px;background:linear-gradient(158deg,#122A46 0%,#05080F 100%);border:1px solid rgba(120,180,240,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 30px 46px -26px rgba(4,10,22,.95),0 0 60px -24px rgba(24,72,132,.9);display:flex;align-items:center;gap:14px;padding:0 16px;overflow:hidden}
.wx87{width:7px;height:7px;border-radius:50%;background:#189CCC;box-shadow:0 0 10px #189CCC;animation:wbyBlink 2.3s ease-in-out infinite}
.wx88{width:7px;height:7px;border-radius:50%;background:#5CE0F5;box-shadow:0 0 10px #5CE0F5;animation:wbyBlink 3.0999999999999996s ease-in-out infinite}
.wx89{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.18em;color:#8FBEEA}
.wx91{position:absolute;left:0;right:0;top:0;height:70px;border-radius:12px;background:linear-gradient(120deg,#1C4870,#0B1424);border:1px solid rgba(120,180,240,.22);transform:rotateX(90deg) translateZ(37px)}
.wx92{position:absolute;top:0;bottom:0;left:0;width:70px;border-radius:12px;background:linear-gradient(160deg,#122A46,#03060C);border:1px solid rgba(255,255,255,.07);transform:rotateY(90deg) translateZ(-35px)}
.wx93{position:relative;width:min(390px,94%);height:74px;transform-style:preserve-3d;transform:translateZ(46px);animation:wbyFloat 8.4s ease-in-out 0.7s infinite}
.wx94{position:absolute;inset:0;border-radius:12px;background:linear-gradient(158deg,#1B1E44 0%,#05080F 100%);border:1px solid rgba(167,139,255,.26);box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 30px 46px -26px rgba(4,10,22,.95),0 0 60px -24px rgba(106,84,201,.9);display:flex;align-items:center;gap:14px;padding:0 16px;overflow:hidden}
.wx95{width:7px;height:7px;border-radius:50%;background:#A78BFF;box-shadow:0 0 10px #A78BFF;animation:wbyBlink 2.7s ease-in-out infinite}
.wx96{width:7px;height:7px;border-radius:50%;background:#5CE0F5;box-shadow:0 0 10px #5CE0F5;animation:wbyBlink 3.4s ease-in-out infinite}
.wx97{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.18em;color:#C3B4FF}
.wx99{position:absolute;left:0;right:0;top:0;height:70px;border-radius:12px;background:linear-gradient(120deg,#333673,#0B1424);border:1px solid rgba(167,139,255,.26);transform:rotateX(90deg) translateZ(37px)}
.wx100{position:absolute;top:0;bottom:0;left:0;width:70px;border-radius:12px;background:linear-gradient(160deg,#1B1E44,#03060C);border:1px solid rgba(255,255,255,.07);transform:rotateY(90deg) translateZ(-35px)}
.wx101{position:relative;width:min(390px,94%);height:74px;transform-style:preserve-3d;transform:translateZ(23px);animation:wbyFloat 8.9s ease-in-out 1.0499999999999998s infinite}
.wx102{position:absolute;inset:0;border-radius:12px;background:linear-gradient(158deg,#0F2A3C 0%,#05080F 100%);border:1px solid rgba(52,245,176,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 30px 46px -26px rgba(4,10,22,.95),0 0 60px -24px rgba(23,166,115,.8);display:flex;align-items:center;gap:14px;padding:0 16px;overflow:hidden}
.wx103{width:7px;height:7px;border-radius:50%;background:#17A673;box-shadow:0 0 10px #17A673;animation:wbyBlink 3.1s ease-in-out infinite}
.wx104{width:7px;height:7px;border-radius:50%;background:#189CCC;box-shadow:0 0 10px #189CCC;animation:wbyBlink 3.6999999999999997s ease-in-out infinite}
.wx105{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.18em;color:#5FE3B4}
.wx107{position:absolute;left:0;right:0;top:0;height:70px;border-radius:12px;background:linear-gradient(120deg,#1A5470,#0B1424);border:1px solid rgba(52,245,176,.22);transform:rotateX(90deg) translateZ(37px)}
.wx108{position:absolute;top:0;bottom:0;left:0;width:70px;border-radius:12px;background:linear-gradient(160deg,#0F2A3C,#03060C);border:1px solid rgba(255,255,255,.07);transform:rotateY(90deg) translateZ(-35px)}
.wx109{position:relative;width:min(390px,94%);height:74px;transform-style:preserve-3d;transform:translateZ(0px);animation:wbyFloat 9.4s ease-in-out 1.4s infinite}
.wx110{position:absolute;inset:0;border-radius:12px;background:linear-gradient(158deg,#101B2E 0%,#05080F 100%);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 30px 46px -26px rgba(4,10,22,.95),0 0 60px -24px rgba(24,72,132,.7);display:flex;align-items:center;gap:14px;padding:0 16px;overflow:hidden}
.wx111{width:7px;height:7px;border-radius:50%;background:#5CE0F5;box-shadow:0 0 10px #5CE0F5;animation:wbyBlink 3.5s ease-in-out infinite}
.wx112{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.2);box-shadow:0 0 10px rgba(255,255,255,.2);animation:wbyBlink 4s ease-in-out infinite}
.wx113{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.18em;color:#93A9C4}
.wx115{position:absolute;left:0;right:0;top:0;height:70px;border-radius:12px;background:linear-gradient(120deg,#1B2C48,#0B1424);border:1px solid rgba(255,255,255,.12);transform:rotateX(90deg) translateZ(37px)}
.wx116{position:absolute;top:0;bottom:0;left:0;width:70px;border-radius:12px;background:linear-gradient(160deg,#101B2E,#03060C);border:1px solid rgba(255,255,255,.07);transform:rotateY(90deg) translateZ(-35px)}
.wx117{position:relative;width:min(330px,80%);height:16px;transform:translateZ(-30px) rotateX(78deg);border-radius:50%;background:radial-gradient(ellipse,rgba(92,224,245,.5),transparent 70%);filter:blur(6px)}
.wx118{position:absolute;top:-12px;right:-26px;transform:translateZ(150px);animation:wbyFloatC 8s ease-in-out 0s infinite}
.wx120{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:11px;background:#E4F4E9;border:1px solid #C4E7CF}
.wx124{position:absolute;bottom:0;left:-30px;transform:translateZ(120px);animation:wbyFloatC 10s ease-in-out 1.2s infinite}
.wx125{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:11px;background:#E1F0F9;border:1px solid #C0E2F4}
.wx126{position:absolute;top:46%;right:-34px;transform:translateZ(170px);animation:wbyFloatC 9s ease-in-out .6s infinite}
.wx127{display:flex;align-items:center;gap:10px;padding:11px 15px;border-radius:100px;background:#0B1220;border:1px solid rgba(92,224,245,.36);box-shadow:0 26px 48px -26px rgba(4,10,22,.95)}
.wx128{width:7px;height:7px;border-radius:50%;background:#17A673;box-shadow:0 0 11px #17A673;animation:wbyBlink 2s ease-in-out infinite}
.wx129{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.16em;color:#8EE4F7}
.wx130{position:relative;overflow:hidden;padding:clamp(28px,3vw,42px);border-radius:26px;background:linear-gradient(158deg,rgba(255,255,255,.92),rgba(255,255,255,.66));border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);box-shadow:0 46px 90px -54px rgba(18,50,88,.85),inset 0 1px 0 #FFFFFF}
.wx131{position:absolute;top:-90px;right:-70px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(24,156,204,.22),transparent 66%);filter:blur(24px);pointer-events:none}
.wx132{position:absolute;bottom:-110px;left:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(106,84,201,.18),transparent 68%);filter:blur(26px);pointer-events:none}
.wx134{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#166FA8;background:rgba(225,240,249,.9);border:1px solid #C6E4F3;padding:7px 13px;border-radius:100px;margin-bottom:20px}
.wx135{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(34px,4.2vw,54px);line-height:1.02;letter-spacing:-.03em;margin:0 0 24px;color:#0E2A48}
.wx137{font-size:16.5px;line-height:1.75;color:#5F7490;margin:0 0 20px;max-width:560px;text-wrap:pretty}
.wx138{font-size:16.5px;line-height:1.75;color:#5F7490;margin:0 0 32px;max-width:560px;text-wrap:pretty}
.wx139{--bs-gutter-x:.85rem;--bs-gutter-y:.85rem;max-width:560px}
.wx140{padding:18px 20px;border-radius:16px;background:#FFFFFF;border:1px solid #E4EDF6;box-shadow:0 22px 46px -38px rgba(18,50,88,.7)}
.wx142{font-size:13px;font-weight:600;color:#7189A3;margin-top:4px}
.wx143{margin-top:30px}
.wx144{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:12px;padding:17px 30px;border-radius:100px;background:linear-gradient(135deg,#189CCC,#184884 62%,#6A54C9);color:#FFFFFF;font-size:16px;font-weight:800;letter-spacing:-.01em;box-shadow:0 22px 50px -20px rgba(24,72,132,.95),inset 0 1px 0 rgba(255,255,255,.3);transition:box-shadow .35s ease}
.wx145{position:relative;display:inline-flex;align-items:center;gap:12px;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.wx146{position:absolute;top:0;bottom:0;width:34%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:wbySheen 5s ease-in-out infinite}
.wx147{position:relative;z-index:1;    padding: 70px 0;background:linear-gradient(180deg,#FFFFFF,#F4F8FC);overflow:hidden}
.wx148{position:absolute;top:4%;right:-140px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(217,134,23,.12),transparent 66%);filter:blur(30px)}
.wx149{max-width:660px;margin:0 auto 50px;text-align:center}
.wx150{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(30px,3.8vw,46px);line-height:1.06;letter-spacing:-.03em;margin:0 0 20px;color:#0E2A48}
.wx151{width:56px;height:3px;border-radius:20px;background:linear-gradient(90deg,#189CCC,#6A54C9);margin:0 auto 20px}
.wx156{font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:700;color:#166FA8;text-align:center;margin-bottom:16px}
.wx159{font-size:13px;font-weight:600;color:#7189A3;text-align:center;margin-top:16px}
.wx162{max-width:760px;margin:0 auto 48px;text-align:center}
.wx163{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(30px,3.8vw,46px);line-height:1.06;letter-spacing:-.03em;margin:0 0 16px;color:#0E2A48;text-wrap:balance}
.wx164{display:grid;gap:16px}
.wx165{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start;padding:28px 30px;border-radius:20px;background:#FFFFFF;border:1px solid #E4EDF6;box-shadow:0 26px 56px -44px rgba(18,50,88,.75);transform-style:preserve-3d;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}
.wx166{flex:1 1 320px}
.wx167{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:600;color:#0E2A48;margin:0 0 10px}
.wx168{font-size:14.5px;line-height:1.7;color:#5F7490;margin:0}
.wx169{position:relative;z-index:1;padding:70px 0 90px;background:#F4F8FC}
.wx170{position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(125deg,#123258,#184884 52%,#166FA8);padding:clamp(34px,5vw,64px);box-shadow:0 50px 100px -60px rgba(18,50,88,.95)}
.wx171{position:absolute;top:-160px;right:-100px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(24,156,204,.5),transparent 62%);filter:blur(30px);animation:wbyBlob 19s ease-in-out infinite}
.wx172{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:40px;justify-content:space-between}
.wx173{max-width:600px}
.wx174{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(28px,3.6vw,44px);line-height:1.08;letter-spacing:-.025em;margin:0 0 16px;color:#FFFFFF}
.wx175{font-size:16.5px;line-height:1.6;color:#C6DAEE;margin:0 0 30px;text-wrap:pretty}
.wx176{display:flex;flex-wrap:wrap;gap:14px}
.wx177{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:10px;color:#123258;font-size:16px;font-weight:800;padding:16px 28px;border-radius:14px;background:#FFFFFF;box-shadow:0 20px 46px -18px rgba(0,0,0,.6);transition:transform .3s ease,box-shadow .3s ease}
.wx178{display:inline-flex;align-items:center;gap:10px;color:#FFFFFF;font-size:16px;font-weight:700;padding:16px 26px;border-radius:14px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);transition:all .3s ease}
.wx179{display:grid;gap:14px;min-width:240px}
.wx180{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:15px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18)}
.wx181{font-size:14.5px;font-weight:600;color:#FFFFFF}
.wx182{position:relative;z-index:1;padding:90px 0 96px;background:linear-gradient(180deg,#F4F8FC,#E9F2FA);overflow:hidden}
.wx183{position:absolute;top:8%;left:-140px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(24,156,204,.20),transparent 65%);filter:blur(30px)}
.wx184{position:absolute;bottom:0;right:-160px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(24,72,132,.16),transparent 65%);filter:blur(34px)}
.wx185{max-width:660px;margin-bottom:54px}
.wx189{--bs-gutter-x:1.5rem;--bs-gutter-y:1.75rem}
.wx193{position:absolute;inset:0;animation:wbyFloat 7.5s ease-in-out infinite}
.wx195{position:absolute;left:-115px;top:-46px;width:230px;height:92px;transform:translateZ(43px);border-radius:12px;background:linear-gradient(150deg,#1E4B7E,#0E2A48);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.2);display:flex;align-items:center;gap:12px;padding:0 14px;overflow:hidden}
.wx196{position:absolute;left:0;right:0;height:46px;background:linear-gradient(180deg,transparent,rgba(92,224,245,.18),transparent);animation:wbyScan 6s linear infinite}
.wx197{display:grid;gap:5px;position:relative}
.wx198{width:7px;height:7px;border-radius:50%;background:#5CE0F5;box-shadow:0 0 9px #5CE0F5;animation:wbyBlink 2.2s ease-in-out infinite}
.wx199{width:7px;height:7px;border-radius:50%;background:#34F5B0;box-shadow:0 0 9px #34F5B0;animation:wbyBlink 3.1s ease-in-out infinite}
.wx202{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.16em;color:#7FDCF5}
.wx204{position:relative;width:52px;height:44px;border-radius:6px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.14) 0 2px,transparent 2px 6px);border:1px solid rgba(255,255,255,.1)}
.wx205{position:absolute;left:-115px;top:-43px;width:230px;height:86px;transform:rotateX(90deg) translateZ(46px);border-radius:12px;background:linear-gradient(120deg,#2C6199,#17416F);border:1px solid rgba(255,255,255,.14)}
.wx206{position:absolute;left:-43px;top:-46px;width:86px;height:92px;transform:rotateY(90deg) translateZ(115px);border-radius:12px;background:linear-gradient(160deg,#123258,#091A2E);border:1px solid rgba(255,255,255,.1)}
.wx207{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.2em;color:#189CCC;margin-bottom:9px}
.wx211{position:absolute;inset:0;animation:wbyFloat 8.2s ease-in-out .6s infinite}
.wx212{position:absolute;left:-115px;top:-46px;width:230px;height:92px;transform:translateZ(43px);border-radius:12px;background:linear-gradient(150deg,#2A2118,#12100E);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.16);display:flex;align-items:center;gap:12px;padding:0 14px;overflow:hidden}
.wx213{position:relative;width:74px;height:52px;border-radius:7px;background:linear-gradient(150deg,#3C3226,#1A1712);border:1px solid rgba(246,221,180,.35);display:flex;align-items:center;justify-content:center;gap:7px}
.wx214{width:22px;height:22px;border-radius:50%;border:2px solid rgba(246,221,180,.6);border-top-color:#F6C56E;animation:wbySpin 3.4s linear infinite}
.wx215{width:22px;height:22px;border-radius:50%;border:2px solid rgba(246,221,180,.6);border-top-color:#F6C56E;animation:wbySpin 4.1s linear infinite reverse}
.wx216{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.16em;color:#F6C56E}
.wx217{display:block;height:4px;border-radius:20px;background:linear-gradient(90deg,#F6C56E,#D98617);width:70%}
.wx218{position:absolute;left:-115px;top:-43px;width:230px;height:86px;transform:rotateX(90deg) translateZ(46px);border-radius:12px;background:linear-gradient(120deg,#4A3B29,#241E17);border:1px solid rgba(255,255,255,.12)}
.wx219{position:absolute;left:-43px;top:-46px;width:86px;height:92px;transform:rotateY(90deg) translateZ(115px);border-radius:12px;background:linear-gradient(160deg,#2A2118,#0E0C0A);border:1px solid rgba(255,255,255,.1)}
.wx220{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.2em;color:#D98617;margin-bottom:9px}
.wx221{position:absolute;left:12%;right:12%;bottom:20px;height:26px;border-radius:50%;background:rgba(18,50,88,.3);filter:blur(16px)}
.wx222{position:absolute;inset:0;animation:wbyFloat 7.9s ease-in-out 1.1s infinite}
.wx223{position:absolute;left:-115px;top:-70px;width:230px;height:56px;transform:translateZ(43px);border-radius:10px;background:linear-gradient(150deg,#1B3D66,#0B2038);border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;gap:10px;padding:0 13px}
.wx224{width:6px;height:6px;border-radius:50%;background:#34F5B0;box-shadow:0 0 8px #34F5B0;animation:wbyBlink 2.4s ease-in-out infinite}
.wx225{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.14em;color:#8FBEEA;flex:1}
.wx226{width:46px;height:30px;border-radius:5px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.14) 0 2px,transparent 2px 6px)}
.wx227{position:absolute;left:-115px;top:-8px;width:230px;height:56px;transform:translateZ(43px);border-radius:10px;background:linear-gradient(150deg,#173556,#08182A);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;gap:8px;padding:0 13px}
.wx228{width:6px;height:6px;border-radius:50%;background:#5CE0F5;box-shadow:0 0 8px #5CE0F5;animation:wbyBlink 3.2s ease-in-out infinite}
.wx229{display:flex;gap:5px;flex:1}
.wx231{position:absolute;left:-115px;top:-67px;width:230px;height:86px;transform:rotateX(90deg) translateZ(46px);border-radius:10px;background:linear-gradient(120deg,#2C6199,#17416F);border:1px solid rgba(255,255,255,.14)}
.wx232{position:absolute;left:-43px;top:-70px;width:86px;height:118px;transform:rotateY(90deg) translateZ(115px);border-radius:10px;background:linear-gradient(160deg,#123258,#07141F);border:1px solid rgba(255,255,255,.1)}
.wx233{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.2em;color:#184884;margin-bottom:9px}
.wx234{position:absolute;inset:0;animation:wbyFloat 8.6s ease-in-out 1.6s infinite}
.wx235{position:absolute;left:-115px;top:-46px;width:230px;height:92px;transform:translateZ(43px);border-radius:12px;background:linear-gradient(150deg,#241C4A,#0E0A20);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.18);display:flex;align-items:center;gap:12px;padding:0 14px;overflow:hidden}
.wx236{position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#6A54C9,#34F5B0,#5CE0F5,#6A54C9);background-size:200% 100%;animation:wbyHue 5s linear infinite}
.wx237{width:7px;height:7px;border-radius:50%;background:#A78BFF;box-shadow:0 0 9px #A78BFF;animation:wbyBlink 1.9s ease-in-out infinite}
.wx238{width:7px;height:7px;border-radius:50%;background:#34F5B0;box-shadow:0 0 9px #34F5B0;animation:wbyBlink 2.6s ease-in-out infinite}
.wx239{width:7px;height:7px;border-radius:50%;background:#5CE0F5;box-shadow:0 0 9px #5CE0F5;animation:wbyBlink 3.4s ease-in-out infinite}
.wx240{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.16em;color:#C3B4FF}
.wx241{position:relative;width:44px;height:44px;border-radius:50%;border:2px solid rgba(167,139,255,.5);border-top-color:#A78BFF;animation:wbySpin 2.6s linear infinite}
.wx242{position:absolute;left:-115px;top:-43px;width:230px;height:86px;transform:rotateX(90deg) translateZ(46px);border-radius:12px;background:linear-gradient(120deg,#3B2F73,#1B1440);border:1px solid rgba(255,255,255,.14)}
.wx243{position:absolute;left:-43px;top:-46px;width:86px;height:92px;transform:rotateY(90deg) translateZ(115px);border-radius:12px;background:linear-gradient(160deg,#241C4A,#0B0818);border:1px solid rgba(255,255,255,.1)}
.wx244{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.2em;color:#6A54C9;margin-bottom:9px}
.wx245{position:relative;z-index:1;padding:158px 0 100px;overflow:hidden;background:linear-gradient(158deg,#FAFCFE 0%,#EAF3FB 44%,#F1EFFA 100%);color:#0E2A48}
.wx246{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(24,72,132,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(24,72,132,.055) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000 18%,transparent 76%);-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000 18%,transparent 76%)}
.wx247{position:absolute;top:-160px;left:-140px;width:640px;height:640px}
.wx248{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(24,156,204,.28),transparent 64%);filter:blur(34px);animation:wbyBlob 17s ease-in-out infinite}
.wx249{position:absolute;top:40px;right:-180px;width:700px;height:700px}
.wx250{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(106,84,201,.2),transparent 64%);filter:blur(38px);animation:wbyBlob 21s ease-in-out infinite reverse}
.wx251{position:absolute;bottom:-240px;left:36%;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(23,166,115,.14),transparent 66%);filter:blur(44px);animation:wbyBlob 24s ease-in-out infinite}
.wx252{position:absolute;left:0;right:0;bottom:0;height:30vh;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(250,252,254,.92)),repeating-linear-gradient(90deg,rgba(24,156,204,.16) 0 1px,transparent 1px 88px);transform:perspective(440px) rotateX(66deg);transform-origin:bottom}
.wx253{--bs-gutter-x:3rem;--bs-gutter-y:4rem}
.wx254{display:inline-flex;align-items:center;gap:10px;padding:7px 15px 7px 9px;border-radius:100px;border:1px solid rgba(24,156,204,.32);background:rgba(255,255,255,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 14px 30px -22px rgba(18,50,88,.7);margin-bottom:28px}
.wx255{position:relative;display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center}
.wx256{position:absolute;inset:0;border-radius:50%;background:rgba(23,166,115,.4);animation:wbyRing 2.4s ease-out infinite}
.wx257{width:7px;height:7px;border-radius:50%;background:#17A673;box-shadow:0 0 12px rgba(23,166,115,.9)}
.wx258{font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#166FA8}
.wx259{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(42px,5.4vw,74px);line-height:1.1;letter-spacing:-.038em;margin:0 0 30px;color:#0E2A48;text-wrap:balance}
.wx261{display:block;background:linear-gradient(100deg,#189CCC,#166FA8 32%,#6A54C9 88%);-webkit-background-clip:text;background-clip:text;color:transparent}
.wx262{font-size:clamp(16px,1.3vw,18.5px);line-height:1.7;color:#5F7490;max-width:560px;margin:0 0 36px;text-wrap:pretty}
.wx263{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:42px}
.wx264{position:relative;overflow:hidden;white-space:nowrap;display:inline-flex;align-items:center;gap:10px;color:#FFFFFF;font-size:16px;font-weight:800;padding:16px 28px;border-radius:14px;background:linear-gradient(135deg,#189CCC,#184884);box-shadow:0 20px 50px -18px rgba(24,156,204,.9),inset 0 1px 0 rgba(255,255,255,.28);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}
.wx265{position:absolute;top:0;bottom:0;width:34%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:wbySheen 4.6s ease-in-out infinite}
.wx266{white-space:nowrap;display:inline-flex;align-items:center;gap:10px;color:#123258;font-size:16px;font-weight:700;padding:16px 26px;border-radius:14px;border:1px solid rgba(24,72,132,.16);background:rgba(255,255,255,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 18px 40px -30px rgba(18,50,88,.8);transition:all .3s ease}
.wx267{display:flex;flex-wrap:wrap;gap:10px 26px;align-items:center}
.wx268{display:flex;align-items:center;gap:9px}
.wx269{font-size:13.5px;font-weight:600;color:#5F7490}
.wx270{position:relative;perspective:1500px;height:clamp(400px,44vw,540px)}
.wx271{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;transform-style:preserve-3d;transform:rotateX(11deg) rotateY(-20deg);transition:transform .18s ease-out}
.wx272{position:absolute;left:0;right:0;height:56px;background:linear-gradient(180deg,transparent,rgba(24,156,204,.22),transparent);animation:wbyScan 6.5s linear infinite}
.wx273{display:grid;gap:6px}
.wx274{width:9px;height:9px;border-radius:50%;background:#189CCC;box-shadow:0 0 10px rgba(24,156,204,.9);animation:wbyBlink 3.3s ease-in-out infinite}
.wx275{width:9px;height:9px;border-radius:50%;background:rgba(24,72,132,.16)}
.wx276{display:grid;gap:5px;flex:1}
.wx277{font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:600;color:#0E2A48}
.wx278{height:5px;border-radius:20px;background:rgba(24,72,132,.12);overflow:hidden;max-width:190px}
.wx279{width:74px;height:56px;border-radius:8px;background:repeating-linear-gradient(90deg,rgba(24,72,132,.16) 0 3px,transparent 3px 7px);border:1px solid rgba(24,72,132,.1)}
.wx280{position:absolute;top:6%;right:2%}
.wx281{display:flex;align-items:center;gap:11px;padding:13px 17px;border-radius:16px;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 30px 54px -28px rgba(18,50,88,.75);animation:wbyFloatB 7s ease-in-out infinite}
.wx285{position:absolute;bottom:8%;left:0}
.wx286{display:flex;align-items:center;gap:11px;padding:13px 17px;border-radius:16px;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 30px 54px -28px rgba(18,50,88,.75);animation:wbyFloatB 9s ease-in-out 1s infinite}
.wx287{position:relative;z-index:1;padding:90px 0;background:linear-gradient(180deg,#EAF2FA,#F4F8FC)}
.wx288{--bs-gutter-x:3.5rem;--bs-gutter-y:3rem}
.wx289{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(30px,3.6vw,46px);line-height:1.08;letter-spacing:-.025em;margin:0 0 18px;color:#0E2A48}
.wx290{font-size:16.5px;line-height:1.65;color:#5F7490;margin:0 0 30px;text-wrap:pretty}
.wx291{display:grid;gap:14px;margin-bottom:34px}
.wx292{display:flex;gap:13px;align-items:flex-start;padding:16px 18px;border-radius:14px;background:#FFFFFF;border:1px solid #E5EEF7}
.wx293{flex:0 0 auto;margin-top:3px}
.wx294{font-size:15.5px;color:#4E637E;line-height:1.55}
.wx295{color:#0E2A48;font-weight:700}
.wx296{display:inline-flex;align-items:center;gap:10px;color:#166FA8;font-weight:700;font-size:15.5px;padding-bottom:4px;border-bottom:1px solid #A9D2E9;transition:all .25s ease}
.wx297{position:relative;padding:30px;border-radius:24px;border:1px solid #DDE9F4;background:#FFFFFF;box-shadow:0 40px 80px -50px rgba(18,50,88,.85);transform-style:preserve-3d;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease;overflow:hidden}
.wx298{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}
.wx300{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;color:#17A673}
.wx301{width:7px;height:7px;border-radius:50%;background:#17A673;box-shadow:0 0 10px rgba(23,166,115,.8);animation:wbyBlink 2s ease-in-out infinite}
.wx302{display:grid;gap:22px;margin-bottom:28px}
.wx304{font-family:'JetBrains Mono',monospace;color:#189CCC}
.wx306{height:100%;width:0;border-radius:20px;background:linear-gradient(90deg,#189CCC,#184884);transition:width 1.5s cubic-bezier(.2,.8,.2,1)}
.wx307{font-family:'JetBrains Mono',monospace;color:#184884}
.wx308{height:100%;width:0;border-radius:20px;background:linear-gradient(90deg,#184884,#189CCC);transition:width 1.5s .15s cubic-bezier(.2,.8,.2,1)}
.wx309{font-family:'JetBrains Mono',monospace;color:#17A673}
.wx310{height:100%;width:0;border-radius:20px;background:linear-gradient(90deg,#17A673,#189CCC);transition:width 1.5s .3s cubic-bezier(.2,.8,.2,1)}
.wx311{display:grid;gap:1px;background:#E5EEF7;border:1px solid #E5EEF7;border-radius:14px;overflow:hidden}
.wx322{position:relative;z-index:1;padding:90px 0 100px;background:#F4F8FC}
.wx323{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:48px}
.wx324{max-width:620px}
.wx329{--bs-gutter-x:1.75rem;--bs-gutter-y:1.75rem}
.wx330{position:absolute;top:22px;right:22px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.16em;padding:6px 11px;border-radius:100px;background:#5CE0F5;color:#0E2A48;font-weight:700;text-transform:uppercase}
.wx331{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.wx332{display:flex;align-items:flex-end;gap:8px;margin-bottom:6px}
.wx333{list-style:none;padding:0;margin:0 0 10px;display:grid;gap:13px}
.wx334{margin-top:28px;position:relative;overflow:hidden;border-radius:22px;border:1px solid #DDEAF4;background:linear-gradient(120deg,#FFFFFF,#EAF5FB 70%,#E8F7F1);padding:30px;display:flex;flex-wrap:wrap;align-items:center;gap:24px;box-shadow:0 24px 54px -40px rgba(18,50,88,.7)}
.wx335{display:flex;align-items:center;gap:16px;flex:1 1 340px}
.wx336{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:15px;background:#FDF0DC;border:1px solid #F6DDB4;flex:0 0 auto}
.wx337{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:600;color:#0E2A48;margin-bottom:4px}
.wx338{font-size:14.5px;color:#5F7490}
.wx339{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:13px;background:linear-gradient(135deg,#189CCC,#184884);color:#FFFFFF;font-weight:700;font-size:15px;box-shadow:0 16px 34px -18px rgba(24,72,132,.9);transition:all .28s ease}
.wx340{position:relative;z-index:1;border-top:1px solid #E1EBF5;border-bottom:1px solid #E1EBF5;background:#FFFFFF;padding:20px 0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.wx341{display:flex;width:max-content;animation:wbyMarquee 38s linear infinite}
.wx342{display:flex;align-items:center;gap:52px;padding-right:52px}
.wx343{font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:#93A8C0;white-space:nowrap}
.wx344{font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:600;color:#7F94AE;white-space:nowrap}
.wx345{position:relative;z-index:1;border-top:3px solid #189CCC;background:linear-gradient(120deg,#0E2A48,#1B2A44 55%,#123258);padding:52px 0;overflow:hidden}
.wx346{position:absolute;top:-160px;left:35%;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(24,156,204,.28),transparent 66%);filter:blur(30px)}
.wx347{max-width:720px;margin:0 auto 36px;text-align:center}
.wx348{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(24px,2.8vw,34px);line-height:1.1;letter-spacing:-.025em;margin:0 0 10px;color:#FFFFFF}
.wx349{font-size:15.5px;line-height:1.65;color:#A9C6E2;margin:0}
.wx350{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(36px,7vw,110px)}
.wx351{text-align:center}
.wx352{font-family:'Space Grotesk',sans-serif;font-size:clamp(34px,4.4vw,54px);font-weight:700;letter-spacing:-.03em;line-height:1;color:#FFFFFF}
.wx353{font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:#8FA9C6;margin-top:12px}
.wx354{position:relative;z-index:1;    padding: 60px 0 60px;background:linear-gradient(180deg,#F4F8FC,#EAF2FA)}
.wx355{max-width:660px;margin-bottom:52px}
.wx356{position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:36px;border-radius:22px;background:linear-gradient(135deg,#123258,#184884 55%,#166FA8);color:#FFFFFF;box-shadow:0 34px 70px -38px rgba(18,50,88,.75);transform-style:preserve-3d;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}
.wx357{position:absolute;top:-90px;right:-70px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(24,156,204,.55),transparent 62%);filter:blur(20px)}
.wx358{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.wx359{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:15px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24)}
.wx360{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.18em;color:#8FD8F0}
.wx361{font-family:'Space Grotesk',sans-serif;font-size:26px;font-weight:600;letter-spacing:-.02em}
.wx362{font-size:15.5px;line-height:1.65;color:#C6DAEE;margin:0 0 22px;max-width:460px}
.wx363{display:flex;flex-wrap:wrap;gap:9px}
.wx364{font-family:'JetBrains Mono',monospace;font-size:11.5px;padding:8px 13px;border-radius:9px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#EAF4FB}
.wx365{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:18px;justify-content:space-between;padding-top:24px;border-top:1px solid rgba(255,255,255,.16)}
.wx366{font-size:14.5px;color:#C6DAEE}
.wx367{font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:700;color:#FFFFFF}
.wx368{display:inline-flex;align-items:center;gap:9px;padding:13px 22px;border-radius:12px;background:#FFFFFF;color:#123258;font-weight:800;font-size:15px;transition:all .28s ease}
.wx369{--bs-gutter-x:1.5rem;--bs-gutter-y:1.5rem;height:100%}
.wx370{height:100%;padding:26px;border-radius:20px;background:#FFFFFF;border:1px solid #E1EBF5;box-shadow:0 20px 44px -34px rgba(18,50,88,.6);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease}
.wx371{display:flex;align-items:flex-start;gap:16px}
.wx372{font-family:'Space Grotesk',sans-serif;font-size:18.5px;font-weight:600;color:#0E2A48;margin:0 0 7px}
.wx373{font-size:14.5px;line-height:1.6;color:#5F7490;margin:0 0 12px}
.wx374{font-family:'Space Grotesk',sans-serif;font-size:18.5px;font-weight:600;color:#0E2A48;margin:0 0 8px}
.wx375{font-size:14.5px;line-height:1.6;color:#5F7490;margin:0 0 14px}
.wx376{max-width:820px;margin:0 auto 52px;text-align:center}
.wx377{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(30px,3.8vw,48px);line-height:1.06;letter-spacing:-.03em;margin:0 0 18px;color:#0E2A48;text-wrap:balance}
.wx378{position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column;padding:30px 26px;border-radius:22px;background:#FFFFFF;border:1px solid #E4EDF6;box-shadow:0 30px 62px -46px rgba(18,50,88,.75);transform-style:preserve-3d;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease}
.wx379{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:600;color:#0E2A48;margin:0 0 12px}
.wx380{font-size:14.5px;line-height:1.65;color:#5F7490;margin:0 0 24px;flex:1}
.wx381{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;padding:12px 22px;border-radius:100px;background:linear-gradient(135deg,#189CCC,#184884);color:#FFFFFF;font-weight:700;font-size:14px;box-shadow:0 14px 30px -16px rgba(24,72,132,.9);transition:transform .26s ease,box-shadow .26s ease}
.wx382{position:relative;z-index:2;background:#FFFFFF;border-bottom:1px solid #E1EBF5}
.wx383{--bs-gutter-x:0}
.wx384{font-family:'Space Grotesk',sans-serif;font-size:clamp(26px,2.6vw,36px);font-weight:700;letter-spacing:-.02em;color:#123258}
.wx385{font-size:13px;font-weight:600;color:#6E8199;margin-top:5px}
.wx386{position:relative;z-index:1;padding:90px 0;background:linear-gradient(180deg,#F4F8FC,#EAF2FA)}
.wx388{position:relative;border-radius:22px;overflow:hidden;border:1px solid #DDE9F4;box-shadow:0 40px 80px -50px rgba(18,50,88,.85);height:clamp(300px,34vw,420px)}
.wx389{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wx390{padding:36px 32px;border-radius:22px;background:#FFFFFF;border:1px solid #E1EBF5;box-shadow:0 30px 64px -44px rgba(18,50,88,.7)}
.wx391{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#D98617;margin-bottom:16px}
.wx392{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(26px,2.6vw,34px);line-height:1.12;letter-spacing:-.02em;margin:0 0 16px;color:#0E2A48}
.wx393{display:grid;gap:12px;margin-bottom:28px}
.wx395{width:6px;height:6px;border-radius:50%;background:#189CCC;flex:0 0 auto;transform:translateY(-2px)}
.wx396{font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:600;color:#0E2A48}
.wx398{font-size:13.5px;line-height:1.55;color:#5F7490;margin:2px 0 0}
.wx399{display:flex;flex-wrap:wrap;gap:12px}
.wx400{display:inline-flex;align-items:center;gap:9px;padding:14px 24px;border-radius:13px;background:linear-gradient(135deg,#189CCC,#184884);color:#FFFFFF;font-weight:700;font-size:15px;box-shadow:0 16px 34px -18px rgba(24,72,132,.9);transition:all .28s ease}
.wx401{display:inline-flex;align-items:center;gap:9px;padding:14px 24px;border-radius:13px;border:1px solid #CFE0EF;background:#F4F9FD;color:#123258;font-weight:700;font-size:15px;transition:all .28s ease}
.wx426{position:relative;z-index:1;padding:96px 0;background:linear-gradient(150deg,#0E2A48,#123258 55%,#166FA8);overflow:hidden}
.wx427{position:absolute;top:-120px;right:8%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(24,156,204,.4),transparent 64%);filter:blur(34px)}
.wx428{--bs-gutter-x:4rem;--bs-gutter-y:3rem}
.wx429{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(30px,3.9vw,48px);line-height:1.06;letter-spacing:-.03em;margin:0 0 22px;color:#FFFFFF;text-wrap:balance}
.wx430{background:linear-gradient(100deg,#5CE0F5,#A78BFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.wx431{font-size:16.5px;line-height:1.75;color:#B7D2E9;margin:0 0 32px;max-width:620px;text-wrap:pretty}
.wx432{display:flex;flex-wrap:wrap;gap:11px}
.wx433{display:inline-flex;align-items:center;gap:9px;padding:11px 17px;border-radius:100px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);font-size:14px;font-weight:600;color:#FFFFFF}
.wx434{position:relative;perspective:1500px}
.wx435{position:absolute;left:4%;right:4%;top:14%;bottom:4%;border-radius:50%;background:radial-gradient(ellipse,rgba(92,224,245,.3),transparent 68%);filter:blur(40px);animation:wbyCoreGlow 7.5s ease-in-out infinite}
.wx436{position:absolute;top:12%;bottom:10%;left:2%;width:2px;border-radius:20px;background:linear-gradient(180deg,transparent,#5CE0F566,#5CE0F533,transparent)}
.wx437{position:absolute;left:-2.5px;width:7px;height:7px;border-radius:50%;background:#5CE0F5;box-shadow:0 0 13px #5CE0F5;animation:wbyPacketY 3.2s linear 0s infinite}
.wx438{position:absolute;left:-1.5px;width:5px;height:5px;border-radius:50%;background:#5CE0F5;box-shadow:0 0 13px #5CE0F5;animation:wbyPacketY 4.4s linear 1.2s infinite}
.wx439{position:absolute;top:12%;bottom:10%;right:2%;width:2px;border-radius:20px;background:linear-gradient(180deg,transparent,#A78BFF66,#A78BFF33,transparent)}
.wx440{position:absolute;left:-2.5px;width:7px;height:7px;border-radius:50%;background:#A78BFF;box-shadow:0 0 13px #A78BFF;animation:wbyPacketY 3.9000000000000004s linear 0.7s infinite}
.wx441{position:absolute;left:-1.5px;width:5px;height:5px;border-radius:50%;background:#A78BFF;box-shadow:0 0 13px #A78BFF;animation:wbyPacketY 5.1000000000000005s linear 1.9s infinite}
.wx442{position:relative;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.wx443{position:relative;height:clamp(400px,40vw,470px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transform-style:preserve-3d;transform:rotateX(14deg) rotateY(-24deg)}
.wx444{position:relative;width:min(300px,86%);height:74px;transform-style:preserve-3d;transform:translateZ(132px);animation:wbyFloatC 9s ease-in-out infinite}
.wx445{position:absolute;inset:0;border-radius:18px;background:linear-gradient(158deg,rgba(222,238,250,.28),rgba(150,190,228,.12));border:1px solid rgba(255,255,255,.36);box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 34px 60px -26px rgba(0,0,0,.9),0 0 70px -22px rgba(92,224,245,.8);display:flex;align-items:center;gap:14px;padding:0 18px}
.wx446{flex:0 0 auto}
.wx447{display:grid;gap:3px;flex:1}
.wx448{font-family:'JetBrains Mono',monospace;font-size:8.5px;letter-spacing:.2em;color:#8EE4F7}
.wx449{display:inline-flex;align-items:center;gap:7px;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.14em;color:#7BF0C0;flex:0 0 auto}
.wx450{width:6px;height:6px;border-radius:50%;background:#34F5B0;box-shadow:0 0 10px #34F5B0;animation:wbyBlink 2s ease-in-out infinite}
.wx451{position:absolute;left:0;right:0;top:0;height:70px;border-radius:18px;background:linear-gradient(120deg,rgba(255,255,255,.26),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.24);transform:rotateX(90deg) translateZ(37px)}
.wx452{position:relative;width:min(340px,96%);height:68px;transform-style:preserve-3d;transform:translateZ(78px);animation:wbyFloat 7s ease-in-out 0s infinite}
.wx453{position:absolute;inset:0;border-radius:12px;background:linear-gradient(158deg,rgba(214,233,248,.2),rgba(140,180,220,.09));border:1px solid rgba(92,224,245,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 28px 44px -24px rgba(0,0,0,.9),0 0 56px -20px rgba(24,156,204,.95);display:flex;align-items:center;gap:13px;padding:0 15px;overflow:hidden}
.wx454{position:absolute;left:0;right:0;height:36px;background:linear-gradient(180deg,transparent,rgba(92,224,245,.22),transparent);animation:wbyScan 5.2s linear infinite}
.wx455{width:7px;height:7px;border-radius:50%;background:#5CE0F5;box-shadow:0 0 11px #5CE0F5;animation:wbyBlink 1.8s ease-in-out infinite}
.wx456{width:7px;height:7px;border-radius:50%;background:#34F5B0;box-shadow:0 0 11px #34F5B0;animation:wbyBlink 2.7s ease-in-out infinite}
.wx458{font-family:'JetBrains Mono',monospace;font-size:8.5px;letter-spacing:.18em;color:#8EE4F7}
.wx461{position:absolute;left:0;right:0;top:0;height:64px;border-radius:12px;background:linear-gradient(120deg,rgba(92,224,245,.26),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.16);transform:rotateX(90deg) translateZ(34px)}
.wx463{position:relative;width:min(340px,96%);height:68px;transform-style:preserve-3d;transform:translateZ(52px);animation:wbyFloat 7.6s ease-in-out 0.4s infinite}
.wx464{position:absolute;inset:0;border-radius:12px;background:linear-gradient(158deg,rgba(214,233,248,.2),rgba(140,180,220,.09));border:1px solid rgba(167,139,255,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 28px 44px -24px rgba(0,0,0,.9),0 0 56px -20px rgba(106,84,201,.95);display:flex;align-items:center;gap:13px;padding:0 15px;overflow:hidden}
.wx465{width:7px;height:7px;border-radius:50%;background:#A78BFF;box-shadow:0 0 11px #A78BFF;animation:wbyBlink 2.15s ease-in-out infinite}
.wx466{width:7px;height:7px;border-radius:50%;background:#5CE0F5;box-shadow:0 0 11px #5CE0F5;animation:wbyBlink 3.1s ease-in-out infinite}
.wx467{font-family:'JetBrains Mono',monospace;font-size:8.5px;letter-spacing:.18em;color:#C3B4FF}
.wx469{position:absolute;left:0;right:0;top:0;height:64px;border-radius:12px;background:linear-gradient(120deg,rgba(167,139,255,.24),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.16);transform:rotateX(90deg) translateZ(34px)}
.wx470{position:relative;width:min(340px,96%);height:68px;transform-style:preserve-3d;transform:translateZ(26px);animation:wbyFloat 8.2s ease-in-out 0.8s infinite}
.wx471{position:absolute;inset:0;border-radius:12px;background:linear-gradient(158deg,rgba(214,233,248,.2),rgba(140,180,220,.09));border:1px solid rgba(255,255,255,.26);box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 28px 44px -24px rgba(0,0,0,.9),0 0 56px -20px rgba(24,72,132,.9);display:flex;align-items:center;gap:13px;padding:0 15px;overflow:hidden}
.wx472{width:7px;height:7px;border-radius:50%;background:#5CE0F5;box-shadow:0 0 11px #5CE0F5;animation:wbyBlink 2.5s ease-in-out infinite}
.wx473{width:7px;height:7px;border-radius:50%;background:#A78BFF;box-shadow:0 0 11px #A78BFF;animation:wbyBlink 3.5s ease-in-out infinite}
.wx474{font-family:'JetBrains Mono',monospace;font-size:8.5px;letter-spacing:.18em;color:#B7D2E9}
.wx476{position:absolute;left:0;right:0;top:0;height:64px;border-radius:12px;background:linear-gradient(120deg,rgba(255,255,255,.16),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.16);transform:rotateX(90deg) translateZ(34px)}
.wx477{position:relative;width:min(340px,96%);height:68px;transform-style:preserve-3d;transform:translateZ(0px);animation:wbyFloat 8.8s ease-in-out 1.2000000000000002s infinite}
.wx478{position:absolute;inset:0;border-radius:12px;background:linear-gradient(158deg,rgba(214,233,248,.2),rgba(140,180,220,.09));border:1px solid rgba(52,245,176,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 28px 44px -24px rgba(0,0,0,.9),0 0 56px -20px rgba(23,166,115,.85);display:flex;align-items:center;gap:13px;padding:0 15px;overflow:hidden}
.wx479{width:7px;height:7px;border-radius:50%;background:#34F5B0;box-shadow:0 0 11px #34F5B0;animation:wbyBlink 2.8499999999999996s ease-in-out infinite}
.wx480{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.2);box-shadow:0 0 11px rgba(255,255,255,.2);animation:wbyBlink 3.9000000000000004s ease-in-out infinite}
.wx481{font-family:'JetBrains Mono',monospace;font-size:8.5px;letter-spacing:.18em;color:#7BF0C0}
.wx483{position:absolute;left:0;right:0;top:0;height:64px;border-radius:12px;background:linear-gradient(120deg,rgba(52,245,176,.2),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.16);transform:rotateX(90deg) translateZ(34px)}
.wx484{position:relative;width:min(280px,78%);height:14px;transform:translateZ(-42px) rotateX(78deg);border-radius:50%;background:radial-gradient(ellipse,rgba(92,224,245,.55),transparent 70%);filter:blur(7px)}
.wx485{position:absolute;top:36%;left:-30px;transform:translateZ(160px);animation:wbyFloatB 8s ease-in-out .5s infinite}
.wx486{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:15px;background:#0A1728;border:1px solid rgba(92,224,245,.36);box-shadow:0 26px 48px -24px rgba(0,0,0,.95)}
.wx489{position:absolute;bottom:14%;right:-26px;transform:translateZ(150px);animation:wbyFloatB 10s ease-in-out 1.4s infinite}
.wx490{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:15px;background:#0A1728;border:1px solid rgba(167,139,255,.36);box-shadow:0 26px 48px -24px rgba(0,0,0,.95)}
.wx491{position:relative;z-index:1;    padding: clamp(60px, 4vw, 60px) 0;background:linear-gradient(180deg,#EFF6FC,#F7FAFD);overflow:hidden}
.wx492{position:absolute;top:12%;right:-150px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(106,84,201,.14),transparent 66%);filter:blur(32px)}
.wx493{position:absolute;bottom:6%;left:-160px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(24,156,204,.14),transparent 66%);filter:blur(32px)}
.wx494{display:grid;gap:clamp(24px,3vw,44px);grid-template-columns:1fr;margin-bottom:clamp(30px,4vw,52px)}
.wx495{max-width:760px}
.wx496{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(32px,4.2vw,54px);line-height:1.02;letter-spacing:-.035em;margin:0 0 18px;color:#0E2A48;text-wrap:balance}
.wx497{font-size:16.5px;line-height:1.72;color:#5F7490;margin:0;max-width:620px;text-wrap:pretty}
.wx502{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(150deg,#E1F0F9,#CBE6F6);border:1px solid #C0E2F4;flex:0 0 auto;margin-top:8px;box-shadow:0 18px 34px -24px rgba(18,50,88,.8);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}
.wx509{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(150deg,#EEEAFB,#DED5F8);border:1px solid #D9D1F5;flex:0 0 auto;margin-top:8px;box-shadow:0 18px 34px -24px rgba(18,50,88,.8);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}
.wx510{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(150deg,#E4F4E9,#CFEBD9);border:1px solid #C4E7CF;flex:0 0 auto;margin-top:8px;box-shadow:0 18px 34px -24px rgba(18,50,88,.8);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}
.wx511{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(150deg,#FDF0DC,#F7E0BB);border:1px solid #F6DDB4;flex:0 0 auto;margin-top:8px;box-shadow:0 18px 34px -24px rgba(18,50,88,.8);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}
.wx512{border-top:2px solid #DCE8F4;padding-top:clamp(28px,3.4vw,42px);display:flex;flex-wrap:wrap;align-items:center;gap:20px;justify-content:space-between}
.wx513{font-size:16px;line-height:1.6;color:#5F7490;margin:0;max-width:520px}
.wx514{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:11px;padding:16px 28px;border-radius:100px;background:linear-gradient(135deg,#189CCC,#184884 62%,#6A54C9);color:#FFFFFF;font-size:15.5px;font-weight:800;box-shadow:0 20px 46px -20px rgba(24,72,132,.95),inset 0 1px 0 rgba(255,255,255,.28);transition:box-shadow .35s ease}
.wx515{position:relative;display:inline-flex;align-items:center;gap:11px;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.wx516{position:absolute;top:0;bottom:0;width:34%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:wbySheen 5s ease-in-out infinite}
.wx517{position:relative;z-index:1;padding:90px 0;background:#FFFFFF;border-top:1px solid #E9F0F8}
.wx518{max-width:640px;margin-bottom:52px}
.wx519{font-size:14.5px;line-height:1.62;color:#5F7490;margin:0}

/* Tags the first pass could not parse (Blade directives containing ">"). */
.wx520{color:#4E637E;font-size:14.5px;font-weight:600;padding:9px 13px;border-radius:10px;transition:color .2s ease,background .2s ease}
.wx521{height:100%;padding:28px 26px;border-radius:20px;background:#FFFFFF;border:1px solid #E1EBF5;box-shadow:0 20px 44px -34px rgba(18,50,88,.6);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease}
.wx522{height:100%;padding:30px 26px;border-radius:20px;border:1px solid #E5EEF7;background:linear-gradient(170deg,#FBFDFF,#F3F8FD);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease}

/* Team member avatar — replaces the bullet dot when a photo is uploaded. */
.wby-team-avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;overflow:hidden;flex:0 0 auto;background:#E1F0F9;border:1px solid #C0E2F4;transform:translateY(-4px)}
.wby-team-avatar img{width:100%;height:100%;object-fit:cover;display:block}

/* ============================================================
   Mega-menu panels
   Cards on the left, a CMS-managed promo image on the right.
   ============================================================ */
.wby-panel{display:grid;gap:34px;padding:28px 30px}
.wby-panel--split{grid-template-columns:minmax(0,1.6fr) minmax(220px,.9fr)}
.wby-panel--full{grid-template-columns:minmax(0,1fr)}
.wby-panel-cards{display:grid;gap:22px;min-width:0}
.wby-panel-grid{display:grid;gap:12px}
.wby-panel-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;border:1px solid;flex:0 0 auto}

.wby-panel-promo{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:16px;background:linear-gradient(160deg,#F3F8FD,#E9F2FA);border:1px solid #E1EBF5;min-width:0}
.wby-panel-promo-img{width:100%;height:auto;aspect-ratio:5/3;object-fit:cover;border-radius:12px;display:block;background:#E7EFF7}
.wby-panel-promo-title{font-family:'Space Grotesk',sans-serif;font-size:15.5px;font-weight:700;color:#0E2A48;line-height:1.3}
.wby-panel-promo-text{font-size:13px;line-height:1.55;color:#5F7490}
.wby-panel-promo-cta{display:inline-flex;align-items:center;gap:7px;margin-top:auto;font-size:13.5px;font-weight:700;color:#166FA8}
.wby-panel-promo-cta:hover{gap:11px}@media (max-width:1199.98px){
  .wby-panel--split{grid-template-columns:minmax(0,1fr)}
  .wby-panel-promo{flex-direction:row;align-items:center}
  .wby-panel-promo-img{width:140px;flex:0 0 auto}
}

/* ============================================================
   Hardware cards
   The template's animated 3D machine illustrations were replaced
   by a single CMS-managed image per card; this is the frame.
   ============================================================ */
.wby-hw-media{position:relative;height:190px;margin-bottom:22px;border-radius:16px;overflow:hidden;background:linear-gradient(160deg,#F3F8FD,#E7EFF7);display:flex;align-items:center;justify-content:center}
.wby-hw-media img{width:100%;height:100%;object-fit:cover;display:block}
.wby-hw-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#6E8199;text-align:center;padding:20px;font-size:13px;font-weight:600}
.wby-hw-eyebrow{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.2em;margin-bottom:9px}
/* ------------------------------------------------------------------------- */
/* Mega-menu open state, template-independent.
   The header renders on every template, but these rules used to live only in
   the per-template sheets — on a page whose template sheet is neither home nor
   web-hosting (configure), an opened panel stayed visibility:hidden. The
   header's behaviour belongs with the header's base styles, here. */
[data-panel][data-open="1"]{opacity:1 !important;visibility:visible !important;transform:translateY(0) !important;pointer-events:auto !important}
[data-menu][data-open="1"]:not([data-current]){background:#E9F4FB !important;color:#123258 !important}
[data-menu][data-open="1"] [data-chev]{transform:rotate(180deg) !important}

/* ---- Home: data centres band ------------------------------------------ */
@keyframes wxdcPulse{0%{box-shadow:0 0 0 0 rgba(92,224,245,.45)}70%{box-shadow:0 0 0 9px rgba(92,224,245,0)}100%{box-shadow:0 0 0 0 rgba(92,224,245,0)}}
.wxdc-band{position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(125deg,#0E2A48,#123258 40%,#184884 78%,#166FA8);box-shadow:0 50px 100px -60px rgba(14,42,72,.95)}
.wxdc-dots{position:absolute;inset:-8%;background-image:radial-gradient(circle,rgba(255,255,255,.16) 1.4px,transparent 1.5px);background-size:16px 16px;opacity:.5;mask-image:radial-gradient(ellipse 70% 80% at 70% 40%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 80% at 70% 40%,#000 30%,transparent 75%);pointer-events:none}
.wxdc-chip{height:100%;display:flex;flex-direction:column;gap:9px;padding:17px 18px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);transition:transform .3s ease,background .3s ease,border-color .3s ease}

/* The rest of the data-centre band, moved out of the markup. The names
   continue the wxdc- set above; every value here was fixed. */
.wxdc-section{padding:44px 0 96px;background:#F4F8FC}
.wxdc-inner{max-width:1280px}
.wxdc-blob{position:absolute;top:-170px;right:-110px;width:520px;height:520px;border-radius:50%;
  background:radial-gradient(circle,rgba(24,156,204,.45),transparent 62%);filter:blur(30px)}
.wxdc-row{--bs-gutter-x:0;position:relative}
.wxdc-copy{padding:clamp(30px,4.5vw,54px)}
.wxdc-eyebrow{margin-bottom:14px;font-family:'JetBrains Mono',monospace;font-size:11px;
  letter-spacing:.22em;text-transform:uppercase;color:#5CE0F5;font-weight:500}
.wxdc-title{margin:0 0 14px;font-family:'Space Grotesk',sans-serif;font-weight:700;
  font-size:clamp(26px,3.2vw,40px);line-height:1.1;letter-spacing:-.025em;color:#FFFFFF;
  text-wrap:balance}
.wxdc-lede{margin:0 0 26px;font-size:15.5px;line-height:1.65;color:#C6DAEE;text-wrap:pretty}
.wxdc-cta{white-space:nowrap;display:inline-flex;align-items:center;gap:10px;padding:14px 24px;
  border-radius:13px;background:#FFFFFF;color:#123258;font-size:15px;font-weight:800;
  box-shadow:0 20px 46px -20px rgba(0,0,0,.6);transition:transform .3s ease,box-shadow .3s ease}
.wxdc-chips{padding:clamp(24px,3.5vw,44px)}
.wxdc-chips-row{--bs-gutter-x:0.9rem;--bs-gutter-y:0.9rem}
.wxdc-chip-head{display:flex;align-items:center;gap:10px}
.wxdc-chip-name{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;color:#8FD8EF}
.wxdc-chip-city{font-family:'Space Grotesk',sans-serif;font-size:16.5px;font-weight:600;color:#FFFFFF}
.wxdc-chip-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}
.wxdc-chip-region{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:#7FA6C9}
.wxdc-chip-ms{font-family:'JetBrains Mono',monospace;font-size:13.5px;color:#5CE0F5}
.wxdc-chip:hover{transform:translateY(-4px);background:rgba(255,255,255,.13);border-color:rgba(92,224,245,.45)}
.wxdc-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#5CE0F5;animation:wxdcPulse 2.6s ease-out infinite}
.wxdc-btn:hover{transform:translateY(-2px);box-shadow:0 26px 52px -22px rgba(0,0,0,.7)}

/* ── Offer slider (under the hero) ─────────────────────────────────────
   One 1416×589 banner frame; extra slides slide horizontally with dots.
   The frame keeps its ratio at every width, so uploads always fill it. */
.wxos{padding:8px 0 34px}
/* Wider than the page container: the slider is meant to run past it. */
.wxos-inner{max-width:1416px}
.wxos-slider{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:1416/589;background:#0B1220;box-shadow:0 30px 60px -30px rgba(11,26,44,.45)}
.wxos-track{display:flex;height:100%;transition:transform .65s cubic-bezier(.22,.61,.36,1);will-change:transform}
.wxos-slide{flex:0 0 100%;display:block;height:100%;min-width:100%}
.wxos-slide img{width:100%;height:100%;object-fit:cover;display:block}
.wxos-dots{position:absolute;left:28px;bottom:20px;display:flex;gap:8px;z-index:2}
.wxos-dot{width:9px;height:9px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.45);cursor:pointer;transition:background .3s ease,width .3s ease}
.wxos-dot:hover{background:rgba(255,255,255,.75)}
.wxos-dot.is-active{width:24px;border-radius:6px;background:#189CCC}
@media (max-width:640px){
  .wxos{padding:4px 0 22px}
  .wxos-slider{border-radius:14px}
  .wxos-dots{left:16px;bottom:12px}
}
@media (prefers-reduced-motion:reduce){
  .wxos-track{transition:none}
}

/* ------------------------------------------------------------------ sitemap
   The visitor-facing directory (template: sitemap). Its banner reuses the
   policy hero (wp-policy, in web-hosting.css); the cards below follow the
   light surface + gradient-accent idiom. */
.wsm-links{padding:64px 0 90px}
.wsm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:24px}
.wsm-card{background:#F8F9FE;border:1px solid #E8EBF8;border-radius:16px;padding:26px 26px 20px;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.wsm-card:hover{transform:translateY(-4px);border-color:#D7DDF6;
  box-shadow:0 18px 40px -18px rgba(23,42,84,.22)}
.wsm-card-title{display:flex;align-items:center;gap:10px;margin:0 0 6px;
  color:#0E2A48;font-size:1.22rem;font-weight:800;padding-bottom:12px;position:relative}
.wsm-card-title::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;
  border-radius:2px;background:linear-gradient(90deg,#189CCC,#6D5BF6 60%,transparent)}
.wsm-card-icon{display:inline-flex;color:#4553C8;flex:none}
.wsm-list{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:2px}
.wsm-link{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:8px;
  color:#33415C;font-size:.95rem;font-weight:500;text-decoration:none;
  transition:color .18s ease,background .18s ease,transform .18s ease}
.wsm-link:hover{color:#0E2A48;background:#EEF2FD;transform:translateX(3px)}
.wsm-link-icon{display:inline-flex;color:#8A95B5;flex:none;transition:color .18s ease}
.wsm-link:hover .wsm-link-icon{color:#189CCC}
@media (max-width:640px){
  .wsm-links{padding:44px 0 64px}
}
@media (prefers-reduced-motion:reduce){
  .wsm-card,.wsm-link{transition:none}
}

/* ---------------------------------------------------------------- 404 page
   Light edition: gradient glass digits, a glossy 3D planet with orbit ring
   and satellite in place of the zero, pastel blobs + particle field behind,
   pointer tilt on the whole scene. No libraries — hand-rolled transforms. */
.wnf-stage{position:relative;overflow:hidden;text-align:center;
  padding:clamp(60px,9vw,110px) 0 clamp(70px,10vw,120px);
  background:linear-gradient(180deg,#F8FBFF 0%,#EFF5FC 55%,#E9F1FA 100%)}
.wnf-grid{position:absolute;inset:0;opacity:.5;
  background-image:radial-gradient(rgba(24,110,170,.10) 1px,transparent 1px);
  background-size:26px 26px;
  -webkit-mask-image:radial-gradient(75% 85% at 50% 30%,#000 35%,transparent 100%);
  mask-image:radial-gradient(75% 85% at 50% 30%,#000 35%,transparent 100%)}
.wnf-blob{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none}
.wnf-blob-a{width:480px;height:480px;left:-140px;top:-120px;
  background:radial-gradient(circle,rgba(24,156,204,.16),transparent 70%);
  animation:wnfBlob 12s ease-in-out infinite alternate}
.wnf-blob-b{width:520px;height:520px;right:-160px;bottom:-180px;
  background:radial-gradient(circle,rgba(109,91,246,.14),transparent 70%);
  animation:wnfBlob 14s ease-in-out infinite alternate-reverse}
@keyframes wnfBlob{from{transform:translateY(-16px)}to{transform:translateY(18px)}}
.wnf-stars{position:absolute;inset:0;z-index:0;pointer-events:none}
.wnf-stage .container{position:relative;z-index:1}

/* Entrance stagger */
.wnf-in{opacity:0;animation:wnfIn .7s cubic-bezier(.2,.8,.2,1) forwards}
.wnf-in-1{animation-delay:.05s}
.wnf-in-2{animation-delay:.18s}
.wnf-in-3{animation-delay:.34s}
.wnf-in-4{animation-delay:.5s}
@keyframes wnfIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}

/* Breadcrumb + pill */
.wnf-crumbs{display:flex;justify-content:center;gap:10px;margin-bottom:16px;
  font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8FA3BC}
.wnf-crumbs a{color:#189CCC;text-decoration:none}
.wnf-crumbs a:hover{color:#0E7EA9}
.wnf-pill{display:inline-flex;align-items:center;gap:8px;margin-bottom:6px;
  padding:8px 18px;border-radius:999px;background:#fff;border:1px solid #DFE9F6;
  box-shadow:0 10px 26px -14px rgba(23,58,110,.25);
  color:#33507A;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.wnf-pill-dot{width:8px;height:8px;border-radius:50%;
  background:linear-gradient(90deg,#189CCC,#6D5BF6)}

/* Scene + pointer tilt */
.wnf-scene{perspective:950px;margin:6px 0 0}
.wnf-tilt{transform-style:preserve-3d;will-change:transform}

/* 4 - planet - 4 */
.wnf-code{display:flex;align-items:center;justify-content:center;
  gap:clamp(18px,5vw,46px);margin:0;transform-style:preserve-3d}
.wnf-digit{font-weight:800;line-height:1;letter-spacing:-.02em;
  font-size:clamp(5.5rem,17vw,10rem);
  background:linear-gradient(150deg,#2BB1E4 10%,#4553C8 60%,#6D5BF6 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 3px 0 rgba(255,255,255,.9)) drop-shadow(0 18px 26px rgba(69,83,200,.28));
  animation:wnfFloat 5.2s ease-in-out infinite alternate}
.wnf-d2{animation-delay:-2.6s}
@keyframes wnfFloat{from{transform:translateY(-8px)}to{transform:translateY(10px)}}

/* The planet */
.wnf-orb-wrap{--wnfO:clamp(96px,15vw,150px);
  position:relative;width:var(--wnfO);height:var(--wnfO)}
.wnf-orb{position:absolute;inset:0;border-radius:50%;overflow:hidden;z-index:2;
  background:radial-gradient(circle at 32% 26%,#BFEAFF 0%,#4FC0EE 38%,#2E7FD6 68%,#4553C8 100%);
  box-shadow:inset -14px -18px 34px rgba(20,60,130,.35),
    inset 10px 12px 24px rgba(255,255,255,.35),
    0 26px 48px -18px rgba(46,110,190,.45);
  animation:wnfBob 5.2s ease-in-out infinite alternate}
@keyframes wnfBob{from{transform:translateY(-6px)}to{transform:translateY(8px)}}
.wnf-orb-shine{position:absolute;left:14%;top:10%;width:34%;height:22%;border-radius:50%;
  background:radial-gradient(ellipse,rgba(255,255,255,.85),transparent 70%);
  transform:rotate(-24deg)}
.wnf-orb-band{position:absolute;left:-12%;right:-12%;height:14%;border-radius:50%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent)}
.wnf-band-1{top:38%;transform:rotate(-8deg)}
.wnf-band-2{top:62%;transform:rotate(-6deg);opacity:.6}

/* Orbit ring: back half behind the planet, front half in front of it */
.wnf-ring{position:absolute;left:-32%;right:-32%;top:50%;height:38%;
  transform:translateY(-50%) rotate(-14deg);border-radius:50%;
  border:3px solid rgba(109,91,246,.5);
  box-shadow:0 0 18px rgba(109,91,246,.18)}
.wnf-ring-back{z-index:1;clip-path:inset(0 0 52% 0)}
.wnf-ring-front{z-index:3;clip-path:inset(48% 0 0 0);border-color:rgba(109,91,246,.65)}

/* Satellite: traces the ring ellipse via keyframed translate; dims and
   shrinks on the far half so it reads as passing behind the planet. */
.wnf-sat-orbit{position:absolute;left:50%;top:50%;width:0;height:0;z-index:3;
  transform:rotate(-14deg)}
.wnf-sat{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#fff,#2BB1E4 70%);
  box-shadow:0 0 12px rgba(43,177,228,.8);
  animation:wnfSat 7s linear infinite}
@keyframes wnfSat{
  0%  {transform:translate(calc(var(--wnfO)*.82),0) scale(1);opacity:1;z-index:3}
  25% {transform:translate(0,calc(var(--wnfO)*.21)) scale(1.06);opacity:1}
  50% {transform:translate(calc(var(--wnfO)*-.82),0) scale(.92);opacity:.9}
  75% {transform:translate(0,calc(var(--wnfO)*-.21)) scale(.7);opacity:.4}
  100%{transform:translate(calc(var(--wnfO)*.82),0) scale(1);opacity:1}
}

/* Grounding shadow */
.wnf-orb-shadow{position:absolute;left:4%;right:4%;bottom:-26%;height:16%;
  border-radius:50%;filter:blur(8px);z-index:0;
  background:radial-gradient(ellipse,rgba(46,90,160,.30),transparent 70%);
  animation:wnfShadow 5.2s ease-in-out infinite alternate}
@keyframes wnfShadow{from{transform:scale(.9);opacity:.55}to{transform:scale(1.08);opacity:.85}}

/* Copy + the one exit */
.wnf-lede{max-width:520px;margin:26px auto 0;color:#4A5F78;font-size:1.04rem;line-height:1.7}
.wnf-actions{display:flex;justify-content:center;margin-top:28px}
.wnf-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;
  padding:15px 34px;border-radius:14px;font-weight:700;font-size:1rem;
  text-decoration:none;color:#fff;background:linear-gradient(90deg,#189CCC,#6D5BF6);
  box-shadow:0 18px 34px -14px rgba(69,83,200,.55);
  transition:transform .2s ease,box-shadow .2s ease}
.wnf-btn::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.4),transparent);
  transform:skewX(-18deg);transition:left .45s ease}
.wnf-btn:hover{color:#fff;transform:translateY(-2px);
  box-shadow:0 24px 44px -14px rgba(109,91,246,.6)}
.wnf-btn:hover::after{left:120%}

@media (max-width:640px){
  .wnf-lede{font-size:.96rem;margin-top:20px}
  .wnf-actions{margin-top:24px}
}
@media (prefers-reduced-motion:reduce){
  .wnf-in{animation:none;opacity:1}
  .wnf-digit,.wnf-orb,.wnf-sat,.wnf-orb-shadow,.wnf-blob{animation:none}
  .wnf-sat{transform:translate(calc(var(--wnfO)*.82),0)}
  .wnf-btn{transition:none}
  .wnf-btn::after{display:none}
}

/* ------------------------------------------------ an offer on a plan card
   The plan tables wash the whole row; a card is already a box, so it takes
   the same colour as a rail and a tinted edge instead — enough to pick it
   out of three, not enough to shout over the price. */
.wp-card-offer [data-tilt-inner]{position:relative}
.wp-card-offer [data-tilt-inner]::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;
  border-radius:22px 0 0 22px;background:var(--wp-card-tone,#F0B429)}

.wp-card-offer.wp-tone-amber{--wp-card-tone:#F0B429}
.wp-card-offer.wp-tone-red{--wp-card-tone:#E4606D}
.wp-card-offer.wp-tone-green{--wp-card-tone:#35A870}
.wp-card-offer.wp-tone-blue{--wp-card-tone:#3C8FE0}

/* The offer marks sit above the plan's name, and the struck price above the
   billing note, so the card still reads top to bottom. */
.wp-card-offer .wp-offer-savings{margin-bottom:10px}
.wp-card-offer .wp-offer-coupon{display:inline-flex}

/* The marks and the badge share one line, and the two optional blocks keep
   their slot in every card of the row — a card with no offer has to line
   up with the card that has one. */
.wp-card-badge{display:flex;justify-content:flex-end;min-height:27px;margin-bottom:12px}
.wp-card-badge .wx330{position:static;margin:0}
.wp-card-flags{min-height:25px;margin-bottom:16px}
.wp-card-flags .wp-offer-flags{margin:0}
/* At the foot of the card, just above the button. Flex, not a line box: an
   inline pill drags its line-height along with it. */
.wp-card-coupon{display:flex;align-items:center;margin-top:auto;padding-top:18px;margin-bottom:12px}
/* The pill carries a top margin for the plan tables, which inside a fixed
   slot is six pixels of nothing. */
.wp-card-coupon .wp-offer-coupon{margin:0}

/* Below lg the cards stack, so there is nothing to line up with and an
   empty slot is only empty space. */
@media (max-width:991.98px){
  .wp-card-badge.is-empty,
  .wp-card-flags.is-empty{display:none}
}

/* On the featured card the marks are drawn for a dark ground. The card
   says so with a class; matching on its inline gradient worked until
   somebody edited the gradient. */
.wp-card-dark .wp-offer-note{background:rgba(255,255,255,.12);color:#FFE9C2;border-color:rgba(255,255,255,.22)}
.wp-card-dark .wp-offer-was{color:#A9C6E2;text-decoration-color:#FF9A8B}
.wp-card-dark .wp-offer-coupon{background:rgba(255,255,255,.10);color:#DCEAF6;border-color:rgba(255,255,255,.32)}
.wp-card-dark .wp-offer-coupon b{color:#FFFFFF}
.wp-card-dark .wp-offer-percent{background:rgba(127,227,180,.16);color:#7FE3B4}

/* ==========================================================================
   Home pricing cards  (sections/pricing.blade.php)
   One card, two grounds. The featured card carries .wp-card-dark, so the
   light values live here once and the dark ones override them once —
   instead of ten ternaries building strings in the markup.
   ========================================================================== */

.wp-plan-card{position:relative;height:100%;display:flex;flex-direction:column;padding:34px 30px;
  border-radius:22px;background:#FFFFFF;border:1px solid #E1EBF5;overflow:hidden;
  box-shadow:0 26px 56px -40px rgba(18,50,88,.7);transform-style:preserve-3d;
  transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease}
.wp-card-dark .wp-plan-card{color:#FFFFFF;border-color:#184884;
  background:linear-gradient(160deg,#123258,#184884 60%,#166FA8);
  box-shadow:0 38px 76px -40px rgba(18,50,88,.9)}

.wp-plan-tile{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;
  border-radius:13px}
.wp-card-dark .wp-plan-tile{background:rgba(255,255,255,.14) !important;
  border:1px solid rgba(255,255,255,.26) !important}

.wp-plan-name{font-family:'Space Grotesk',sans-serif;font-size:19px;font-weight:600;color:#0E2A48}
.wp-card-dark .wp-plan-name{color:#FFFFFF}
.wp-plan-sub{font-size:12.5px;font-weight:600;color:#6E8199}
.wp-card-dark .wp-plan-sub{color:#A9C6E2}

.wp-plan-price{font-family:'Space Grotesk',sans-serif;font-size:44px;font-weight:700;
  letter-spacing:-.03em;color:#0E2A48}
.wp-card-dark .wp-plan-price{color:#FFFFFF}
.wp-plan-period{padding-bottom:10px;font-size:14px;font-weight:600;color:#6E8199}
.wp-card-dark .wp-plan-period{color:#A9C6E2}

.wp-plan-note{margin-bottom:26px;font-size:12.5px;color:#8598B0}
.wp-card-dark .wp-plan-note{color:#93B3D2}
.wp-plan-rule{height:1px;margin-bottom:24px;background:#E9F0F8}
.wp-card-dark .wp-plan-rule{background:rgba(255,255,255,.18)}

.wp-plan-spec{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;color:#4E637E}
.wp-card-dark .wp-plan-spec{color:#DCEAF6}

.wp-plan-cta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:15px 20px;border-radius:13px;border:1px solid #CFE0EF;background:#F4F9FD;color:#123258;
  font-weight:700;font-size:15px;transition:all .28s ease}
.wp-card-dark .wp-plan-cta{background:#FFFFFF;border-color:#FFFFFF;color:#123258}