:root{
  --wr-ink:#070b1a;--wr-ink2:#0d1633;--wr-ink3:#121d40;
  --wr-bg:#fbfcff;--wr-surface:#f2f5fc;--wr-surface2:#eaf0fb;
  --wr-blue:#3a5cff;--wr-blue-dark:#2540d6;--wr-blue-bright:#6e8aff;
  --wr-cyan:#54e7ff;
  --wr-blue-pale:rgba(58,92,255,.08);
  --wr-text:#0b1430;--wr-text2:#27345a;--wr-muted:#5b6c8f;
  --wr-border:rgba(58,92,255,.22);--wr-border2:#e3e9f8;
  --wr-r:10px;--wr-max:1180px;
  --wr-fd:'Space Grotesk',sans-serif;--wr-fb:'Inter',sans-serif;--wr-fm:'JetBrains Mono',monospace;
  --wr-ease:cubic-bezier(.22,.68,0,1.2);
  --wr-sh:0 4px 24px rgba(20,40,120,.1);
  --wr-shl:0 20px 60px rgba(20,40,120,.18);
  --wr-persp:1100px;
}
.wr*,.wr *::before,.wr *::after{box-sizing:border-box;margin:0;padding:0}
.wr{font-family:var(--wr-fb);background:var(--wr-bg);color:var(--wr-text);line-height:1.65;overflow-x:hidden;width:100%}
.wr img{max-width:100%;height:auto;display:block}
.wr a,.wr a:link,.wr a:visited,.wr a:hover,.wr a:active{text-decoration:none !important}
.wr a,.wr button{pointer-events:auto !important;cursor:pointer !important}

/* ── NAV ── */
.wn{position:fixed;top:0;left:0;right:0;z-index:99999;display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:70px;background:rgba(251,252,255,.82);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-bottom:1px solid rgba(58,92,255,.1);transition:box-shadow .3s,height .3s,background .3s}
.wn.scrolled{box-shadow:0 8px 32px rgba(10,20,60,.1);height:62px;background:rgba(251,252,255,.96)}
.wn-logo{font-family:var(--wr-fd);font-size:21px;font-weight:700;color:var(--wr-text) !important;letter-spacing:-.01em;flex-shrink:0;display:inline-flex;align-items:center;gap:2px}
.wn-logo .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--wr-blue);margin-left:2px;box-shadow:0 0 0 0 rgba(58,92,255,.6);animation:wrPulse 2.6s ease-out infinite}
@keyframes wrPulse{0%{box-shadow:0 0 0 0 rgba(58,92,255,.55)}70%{box-shadow:0 0 0 8px rgba(58,92,255,0)}100%{box-shadow:0 0 0 0 rgba(58,92,255,0)}}
.wn-links{display:flex;gap:28px;list-style:none;align-items:center}
.wn-links a{font-size:13.5px;font-weight:600;color:var(--wr-text2) !important;transition:color .2s;position:relative;white-space:nowrap}
.wn-links a::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--wr-blue);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .25s;pointer-events:none}
.wn-links a:hover,.wn-links a.active{color:var(--wr-blue) !important}
.wn-links a:hover::after,.wn-links a.active::after{transform:scaleX(1)}
.wn-cta{background:var(--wr-text);color:#fff !important;padding:10px 21px;border-radius:100px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 4px 14px rgba(10,20,60,.18);transition:background .2s,transform .25s,box-shadow .25s;flex-shrink:0}
.wn-cta:hover{background:var(--wr-blue);transform:translateY(-2px);box-shadow:0 10px 26px rgba(58,92,255,.32)}
.wn-ham{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;padding:8px;width:40px;height:40px;flex-shrink:0;-webkit-tap-highlight-color:transparent;cursor:pointer !important}
.wn-ham span{display:block;width:22px;height:2px;background:var(--wr-text);border-radius:2px;transition:all .3s;pointer-events:none}
.wn-mob{display:none;position:fixed;top:70px;left:0;right:0;z-index:99998;background:#fff;padding:18px 24px 28px;border-bottom:1px solid var(--wr-border2);flex-direction:column;gap:2px;box-shadow:0 8px 32px rgba(10,20,60,.12);overflow-y:auto;max-height:calc(100vh - 70px)}
.wn-mob a{font-size:16px;font-weight:600;color:var(--wr-text2) !important;padding:13px 0;border-bottom:1px solid var(--wr-border2);display:block;width:100%;-webkit-tap-highlight-color:transparent}
.wn-mob a:last-child{border:none;margin-top:8px;padding:0}
.wn-mob a:hover{color:var(--wr-blue) !important}
.wn-mob .wb{display:block;text-align:center;margin-top:10px;padding:14px}
.wn-mob.open{display:flex}

/* ── BUTTONS ── */
.wr .wb{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--wr-blue);color:#fff !important;padding:13px 27px;border-radius:100px;font-family:var(--wr-fb);font-size:14px;font-weight:600;border:none;box-shadow:0 6px 20px rgba(58,92,255,.3);transition:background .2s,transform .3s var(--wr-ease),box-shadow .25s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:relative}
.wr .wb:hover{background:var(--wr-blue-dark);transform:translateY(-3px);box-shadow:0 14px 32px rgba(58,92,255,.38)}
.wr .wb:active{transform:translateY(-1px)}
.wr .wb-o{background:transparent !important;border:1.5px solid var(--wr-border) !important;color:var(--wr-text) !important;box-shadow:none}
.wr .wb-o:hover{background:var(--wr-text) !important;border-color:var(--wr-text) !important;color:#fff !important;transform:translateY(-3px)}
.wr .wb-w{background:#fff !important;color:var(--wr-blue) !important;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.wr .wb-w:hover{background:var(--wr-surface) !important}
.wr a:focus-visible,.wr button:focus-visible,.wr input:focus-visible,.wr textarea:focus-visible,.wr select:focus-visible{outline:2px solid var(--wr-blue);outline-offset:3px}

/* ── LAYOUT ── */
.ws{padding:88px 40px}
.wc{max-width:var(--wr-max);margin:0 auto;width:100%}
.wlabel{display:inline-flex;align-items:center;gap:8px;font-family:var(--wr-fm);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--wr-blue);margin-bottom:14px}
.wlabel::before{content:'//';font-weight:600;color:var(--wr-blue);opacity:.55}
.wtitle{font-family:var(--wr-fd);font-weight:700;font-size:clamp(1.7rem,3.8vw,3.1rem);line-height:1.14;letter-spacing:-.01em;color:var(--wr-text);margin-bottom:16px}
.wtitle em{font-style:normal;background:linear-gradient(100deg,var(--wr-blue) 10%,var(--wr-cyan) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.wsub{font-size:15px;color:var(--wr-muted);max-width:500px;line-height:1.85}
.wdiv{width:38px;height:3px;background:linear-gradient(90deg,var(--wr-blue),var(--wr-cyan));border-radius:3px;margin-bottom:22px}

/* ── 3D SCROLL REVEAL ── */
.wa{opacity:0;transform:perspective(var(--wr-persp)) translateY(34px) translateZ(-40px) rotateX(8deg);transform-origin:50% 100%;transition:opacity .8s ease,transform .8s cubic-bezier(.16,.8,.24,1);will-change:transform,opacity}
.wa.vis{opacity:1;transform:perspective(var(--wr-persp)) translateY(0) translateZ(0) rotateX(0)}
.wa1{transition-delay:.08s}.wa2{transition-delay:.16s}.wa3{transition-delay:.24s}.wa4{transition-delay:.32s}
@media(prefers-reduced-motion:reduce){.wa{transform:none !important;transition:opacity .4s ease !important}}

/* ── 3D TILT CARDS ── */
.wtilt{position:relative;transform-style:preserve-3d;will-change:transform;transition:transform .45s cubic-bezier(.16,.8,.24,1),box-shadow .35s}
.wtilt .wtilt-sheen{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.5),transparent 55%);z-index:2}
.wtilt:hover .wtilt-sheen{opacity:1}
@media(prefers-reduced-motion:reduce){.wtilt{transition:box-shadow .3s !important}.wtilt:hover{transform:none !important}}
@media(hover:none){.wtilt .wtilt-sheen{display:none}}

/* ── FLOATING 3D DECOR SHAPES (page headers) ── */
.wfshapes{position:absolute;inset:0;overflow:hidden;pointer-events:none;perspective:1200px}
.wfshape{position:absolute;border-radius:22%;background:linear-gradient(135deg,rgba(58,92,255,.16),rgba(84,231,255,.07));border:1px solid rgba(58,92,255,.22);backdrop-filter:blur(3px);animation:wrFloat 10s ease-in-out infinite}
@keyframes wrFloat{0%,100%{transform:translateY(0) translateZ(0) rotateX(10deg) rotateY(-14deg)}50%{transform:translateY(-22px) translateZ(26px) rotateX(-8deg) rotateY(10deg)}}
@media(prefers-reduced-motion:reduce){.wfshape{animation:none}}
@media(max-width:768px){.wfshapes{display:none}}

/* ── SPINNING 3D ICON TILES ── */
.wico{position:relative;perspective:300px;flex-shrink:0;width:100%;height:100%;border-radius:inherit}
.wico-in{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:wrSpin 7s linear infinite;border-radius:inherit}
.wico-in .f{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,var(--wr-blue-pale),rgba(84,231,255,.14));border:1px solid var(--wr-border);display:flex;align-items:center;justify-content:center;backface-visibility:hidden}
.wico-in .f.back{transform:rotateY(180deg)}
@keyframes wrSpin{from{transform:rotateY(0deg)}to{transform:rotateY(360deg)}}
.wsvc-grid .wsvc-card:nth-child(2n) .wico-in,.wsvc-full-grid .wsvc-full:nth-child(2n) .wico-in{animation-direction:reverse}
.wsvc-grid .wsvc-card:nth-child(1) .wico-in,.wsvc-full-grid .wsvc-full:nth-child(1) .wico-in{animation-delay:-.4s}
.wsvc-grid .wsvc-card:nth-child(2) .wico-in,.wsvc-full-grid .wsvc-full:nth-child(2) .wico-in{animation-delay:-1.8s;animation-duration:8s}
.wsvc-grid .wsvc-card:nth-child(3) .wico-in,.wsvc-full-grid .wsvc-full:nth-child(3) .wico-in{animation-delay:-3.1s;animation-duration:6.4s}
.wsvc-grid .wsvc-card:nth-child(4) .wico-in,.wsvc-full-grid .wsvc-full:nth-child(4) .wico-in{animation-delay:-2.2s;animation-duration:7.6s}
.wsvc-grid .wsvc-card:nth-child(5) .wico-in,.wsvc-full-grid .wsvc-full:nth-child(5) .wico-in{animation-delay:-.9s;animation-duration:6.8s}
.wsvc-grid .wsvc-card:nth-child(6) .wico-in,.wsvc-full-grid .wsvc-full:nth-child(6) .wico-in{animation-delay:-3.6s;animation-duration:8.4s}
@media(prefers-reduced-motion:reduce){.wico-in{animation:none !important}}

/* ── SUBSCRIBE ── */
.wsub-box{background:linear-gradient(135deg,var(--wr-ink) 0%,var(--wr-ink3) 100%);border-radius:20px;padding:64px 44px;text-align:center;position:relative;overflow:hidden;box-shadow:var(--wr-shl)}
.wsub-box::before{content:'';position:absolute;top:-90px;right:-90px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(84,231,255,.18) 0%,transparent 70%);pointer-events:none}
.wsub-box::after{content:'';position:absolute;bottom:-100px;left:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(58,92,255,.22) 0%,transparent 70%);pointer-events:none}
.wsub-box .wlabel{color:var(--wr-cyan);justify-content:center}
.wsub-box .wlabel::before{color:var(--wr-cyan)}
.wsub-box .wtitle{color:#fff}
.wsub-desc{color:rgba(255,255,255,.65);font-size:15px;max-width:400px;margin:0 auto;line-height:1.8;position:relative;z-index:1}
.wsub-form{display:flex;max-width:420px;margin:24px auto 0;background:rgba(255,255,255,.07);border-radius:100px;border:1px solid rgba(255,255,255,.16);overflow:hidden;position:relative;z-index:1}
.wsub-form input{flex:1;min-width:0;background:transparent;border:none;padding:14px 20px;font-family:var(--wr-fb);font-size:14px;color:#fff;outline:none}
.wsub-form input::placeholder{color:rgba(255,255,255,.4)}
.wsub-form button{background:var(--wr-blue);color:#fff;border:none;padding:14px 22px;font-family:var(--wr-fb);font-size:13px;font-weight:700;cursor:pointer;transition:background .2s;white-space:nowrap;flex-shrink:0;-webkit-tap-highlight-color:transparent;border-radius:100px;margin:3px}
.wsub-form button:hover{background:var(--wr-blue-bright)}
.wsub-note{font-size:12px;color:rgba(255,255,255,.35);margin-top:11px;position:relative;z-index:1}

/* ── FOOTER ── */
.wfoot{background:var(--wr-ink);color:rgba(255,255,255,.55);padding:64px 40px 28px;position:relative}
.wfoot::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(84,231,255,.35),transparent)}
.wfoot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;max-width:var(--wr-max);margin:0 auto 44px}
.wfoot-brand p{font-size:13px;line-height:1.85;margin-top:13px;max-width:240px;color:rgba(255,255,255,.38)}
.wfoot-logo{font-size:20px;font-weight:700;color:#fff !important;letter-spacing:-.01em;font-family:var(--wr-fd);display:inline-flex;align-items:center}
.wfoot-logo .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--wr-cyan);margin-left:2px}
.wfoot-col h4{font-family:var(--wr-fm);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.32);margin-bottom:16px;font-weight:600}
.wfoot-col ul{list-style:none}
.wfoot-col li{margin-bottom:10px}
.wfoot-col li a{font-size:13px;color:rgba(255,255,255,.5) !important;transition:color .2s,transform .2s;display:inline-block}
.wfoot-col li a:hover{color:#fff !important;transform:translateX(3px)}
.wfoot-bot{max-width:var(--wr-max);margin:0 auto;padding-top:26px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:rgba(255,255,255,.28);flex-wrap:wrap;gap:6px}
.wsoc{display:flex;gap:9px;margin-top:18px}
.wsoc a{width:34px;height:34px;border-radius:9px;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:rgba(255,255,255,.45) !important;transition:all .25s var(--wr-ease);-webkit-tap-highlight-color:transparent}
.wsoc a:hover{border-color:var(--wr-blue);color:#fff !important;background:var(--wr-blue);transform:translateY(-3px) rotateZ(-6deg)}

/* ═══════════════ GLOBAL RESPONSIVE ═══════════════ */
@media(max-width:1024px){.wn{padding:0 28px}.ws{padding:76px 28px}.wfoot{padding:56px 28px 24px}.wfoot-grid{gap:28px}}
@media(max-width:900px){.ws{padding:68px 24px}.wfoot-grid{grid-template-columns:1fr 1fr;gap:28px}.wfoot{padding:48px 24px 20px}}
@media(max-width:768px){
  .wn{padding:0 18px;height:62px}
  .wn-links,.wn-cta{display:none !important}
  .wn-ham{display:flex !important}
  .wn-mob{top:62px}
  .ws{padding:58px 18px}
  .wsub-box{padding:46px 24px}
  .wfoot{padding:42px 18px 18px}
  .wfoot-grid{grid-template-columns:1fr 1fr;gap:24px}
}
@media(max-width:560px){
  .ws{padding:50px 14px}
  .wtitle{font-size:clamp(1.5rem,6vw,2rem)}
  .wsub-box{padding:38px 16px;border-radius:14px}
  .wsub-form{flex-direction:column;border-radius:14px}
  .wsub-form input{text-align:center;padding:14px}
  .wsub-form button{margin:6px;border-radius:10px}
  .wfoot-grid{grid-template-columns:1fr 1fr;gap:20px}
  .wfoot-bot{flex-direction:column;text-align:center}
  .wr .wb{padding:12px 22px;font-size:13.5px}
}
@media(max-width:480px){.ws{padding:42px 12px}.wfoot-grid{grid-template-columns:1fr}.wfoot{padding:34px 14px 16px}}
@media(max-width:360px){.wn{padding:0 12px;height:58px}.wn-mob{top:58px}.wn-logo{font-size:18px}.wtitle{font-size:1.4rem}.ws{padding:38px 10px}}