:root{
  --bg:#06111f;
  --bg2:#091827;
  --panel:rgba(11, 26, 43, .78);
  --panel2:rgba(15, 34, 55, .86);
  --text:#ecf7ff;
  --muted:#96a8bb;
  --line:rgba(151, 195, 255, .16);
  --cyan:#5ee7ff;
  --blue:#5f8cff;
  --green:#7cffc4;
  --orange:#ffbc6b;
  --red:#ff6b7d;
  --shadow:0 26px 80px rgba(0,0,0,.35);
  --radius:28px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body.ps-page{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:radial-gradient(circle at 20% 10%,rgba(95,140,255,.25),transparent 26rem),radial-gradient(circle at 90% 0,rgba(94,231,255,.14),transparent 28rem),linear-gradient(180deg,#06111f 0%,#08131f 46%,#050b13 100%);color:var(--text);overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
.ps-container{width:min(var(--max),calc(100% - 40px));margin:0 auto}
.ps-section{position:relative;padding:98px 0}
.ps-network{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.7}
.ps-cursor{position:fixed;z-index:50;width:26px;height:26px;border:1px solid rgba(94,231,255,.58);border-radius:50%;pointer-events:none;mix-blend-mode:screen;transform:translate(-50%,-50%);transition:width .18s,height .18s,opacity .2s;opacity:.85}
.ps-scrollbar{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--cyan),var(--green),var(--blue));z-index:100;box-shadow:0 0 18px rgba(94,231,255,.65)}
.ps-header{position:fixed;left:50%;top:18px;z-index:40;transform:translateX(-50%);width:min(1180px,calc(100% - 28px));display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(6,17,31,.68);backdrop-filter:blur(18px);box-shadow:0 14px 50px rgba(0,0,0,.26)}
.ps-logo{display:flex;align-items:center;gap:10px;min-width:170px}.ps-logo-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,rgba(94,231,255,.98),rgba(95,140,255,.95));color:#041120;font-weight:900;letter-spacing:-.05em}.ps-logo-text{display:grid;line-height:1}.ps-logo-text b{font-size:16px}.ps-logo-text small{font-size:12px;color:var(--muted);letter-spacing:.18em;text-transform:uppercase}.ps-nav{display:flex;align-items:center;gap:4px}.ps-nav a{font-size:14px;color:#c8d7e6;padding:10px 12px;border-radius:999px;transition:.2s}.ps-nav a:hover{color:#fff;background:rgba(255,255,255,.07)}.ps-header-cta{padding:12px 18px;border-radius:999px;background:rgba(94,231,255,.12);border:1px solid rgba(94,231,255,.28);color:#eaffff;font-weight:700}.ps-menu{display:none;background:transparent;border:0;width:42px;height:42px;place-items:center}.ps-menu span{display:block;width:22px;height:2px;background:#eaf7ff;margin:4px 0;border-radius:2px}
.ps-kicker,.ps-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#b9e9ff;font-weight:800;text-transform:uppercase;letter-spacing:.13em;font-size:12px}.ps-kicker span{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 20px var(--green)}
.ps-hero{min-height:100svh;display:grid;align-items:center;padding-top:140px;overflow:hidden}.ps-hero-glow{position:absolute;right:-8rem;top:8rem;width:42rem;height:42rem;background:radial-gradient(circle,rgba(94,231,255,.17),transparent 64%);filter:blur(5px);z-index:0}.ps-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.07fr .93fr;gap:54px;align-items:center}.ps-hero h1{font-size:clamp(42px,7vw,86px);line-height:.95;letter-spacing:-.075em;margin:18px 0 22px;max-width:850px}.ps-lead{font-size:clamp(18px,2.1vw,24px);line-height:1.42;color:#c7d7e9;max-width:780px}.ps-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:34px 0}.ps-btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 22px;border-radius:18px;border:1px solid var(--line);font-weight:900;cursor:pointer;transition:transform .2s, box-shadow .2s, border-color .2s}.ps-btn-primary{color:#041120;background:linear-gradient(135deg,var(--cyan),var(--green));box-shadow:0 16px 44px rgba(94,231,255,.22)}.ps-btn-primary:hover{box-shadow:0 18px 60px rgba(124,255,196,.24)}.ps-btn-ghost{background:rgba(255,255,255,.055);color:#eaf7ff}.ps-btn:hover{transform:translateY(-2px)}.ps-hero-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:700px}.ps-hero-proof div{padding:16px;border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:22px}.ps-hero-proof b{display:block;font-size:30px;letter-spacing:-.04em}.ps-hero-proof span{display:block;color:var(--muted);font-size:13px}
.ps-system-card{position:relative;border:1px solid rgba(94,231,255,.2);border-radius:34px;padding:22px;background:linear-gradient(145deg,rgba(15,36,57,.88),rgba(7,17,30,.92));box-shadow:var(--shadow);overflow:hidden;transform-style:preserve-3d}.ps-system-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(120deg,transparent,rgba(94,231,255,.22),transparent);opacity:.55;transform:translateX(-80%) rotate(8deg);animation:shine 6s infinite}.ps-card-topline{display:flex;gap:9px;align-items:center;color:#c8e9ff;font-size:13px;text-transform:uppercase;letter-spacing:.11em;margin-bottom:16px}.online-dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 16px var(--green)}.ps-terminal{min-height:180px;border-radius:22px;background:#020813;border:1px solid rgba(255,255,255,.08);padding:18px;color:#8cffd4;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow:hidden}.ps-terminal div{opacity:0;animation:lineIn .3s forwards}.ps-dashboard-mini{margin-top:16px;padding:18px;border-radius:24px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.ps-mini-head,.ps-live-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.ps-mini-head span,.ps-live-row span{color:var(--muted)}.ps-mini-head b{font-size:38px}.ps-flow-bars{height:120px;display:flex;align-items:end;gap:12px;padding:16px 0}.ps-flow-bars span{flex:1;height:var(--h);border-radius:999px;background:linear-gradient(180deg,var(--cyan),rgba(95,140,255,.48));box-shadow:0 0 22px rgba(94,231,255,.18);animation:barPulse 2.7s infinite ease-in-out}.ps-live-row{padding-top:10px;border-top:1px solid rgba(255,255,255,.08);font-size:14px}.ps-live-row+.ps-live-row{margin-top:8px}
.ps-section-head{max-width:860px;margin-bottom:36px}.ps-section-head h2{font-size:clamp(32px,4.5vw,58px);line-height:1;letter-spacing:-.055em;margin:12px 0 14px}.ps-section-head p{font-size:18px;line-height:1.55;color:#b9c8d9}.ps-pain{background:linear-gradient(180deg,transparent,rgba(255,255,255,.025),transparent)}.ps-problem-grid,.ps-services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ps-problem,.ps-service-card,.ps-lab-card,.ps-control-panel,.ps-calculator,.ps-work-steps article,.ps-form,.ps-contact-note,.ps-stack-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 16px 58px rgba(0,0,0,.18);backdrop-filter:blur(14px)}.ps-problem{padding:22px}.ps-problem b,.ps-work-steps b{color:var(--cyan);font-size:13px}.ps-problem h3,.ps-service-card h3,.ps-lab-card h3,.ps-control-panel h3,.ps-work-steps h3{margin:14px 0 10px;font-size:20px}.ps-problem p,.ps-service-card p,.ps-lab-card p,.ps-work-steps p{color:var(--muted);line-height:1.55;margin:0}.ps-services-grid{grid-template-columns:repeat(3,1fr)}.ps-service-card{min-height:230px;padding:24px;position:relative;overflow:hidden}.ps-service-card:after{content:"";position:absolute;right:-40px;bottom:-40px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(94,231,255,.18),transparent 68%)}.ps-service-card span{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(94,231,255,.1);border:1px solid rgba(94,231,255,.18);color:#bff4ff;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.ps-service-card[data-accent="ai"] span{background:rgba(124,255,196,.1);border-color:rgba(124,255,196,.18);color:#caffeb}.ps-service-card[data-accent="factory"] span{background:rgba(255,188,107,.12);border-color:rgba(255,188,107,.22);color:#ffe0b6}.ps-service-card[data-accent="dash"] span{background:rgba(95,140,255,.12);border-color:rgba(95,140,255,.22);color:#cedbff}
.ps-process-lab{overflow:hidden}.ps-pipeline{display:flex;gap:8px;overflow-x:auto;padding:8px;margin-bottom:24px;scrollbar-width:none}.ps-pipeline::-webkit-scrollbar{display:none}.ps-pipeline button{white-space:nowrap;border:1px solid var(--line);background:rgba(255,255,255,.045);color:#dcecff;border-radius:999px;padding:13px 16px;cursor:pointer;font-weight:800}.ps-pipeline button.active{background:linear-gradient(135deg,var(--cyan),var(--green));color:#041120;border-color:transparent}.ps-lab-grid{display:grid;grid-template-columns:1fr 330px 1fr;gap:18px;align-items:stretch}.ps-lab-card,.ps-control-panel{padding:26px}.ps-lab-meta{display:flex;gap:10px;align-items:center;justify-content:space-between;color:#bdefff;font-size:13px;text-transform:uppercase;letter-spacing:.1em}.ps-lab-card ul{padding-left:18px;color:#d3e6f8;line-height:1.75}.ps-phone{border-radius:40px;padding:14px;background:#020813;border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow);min-height:520px}.ps-phone-top{width:94px;height:8px;background:#111e2d;border-radius:99px;margin:0 auto 14px}.ps-phone-screen{height:calc(100% - 22px);border-radius:30px;background:linear-gradient(180deg,#0d2338,#07121e);padding:24px;display:flex;flex-direction:column;gap:14px}.ps-qr-box{width:130px;height:130px;border-radius:18px;background:#eaf7ff;margin:6px auto 12px;display:grid;grid-template-columns:repeat(2,1fr);gap:11px;padding:15px}.ps-qr-box span{background:#041120;border-radius:8px}.ps-phone-screen h4{margin:0;font-size:22px;letter-spacing:-.03em}.ps-phone-screen p{margin:0;color:var(--muted)}.ps-status-pill{display:inline-flex;align-self:flex-start;padding:9px 12px;border-radius:999px;background:rgba(124,255,196,.12);border:1px solid rgba(124,255,196,.22);color:#caffeb;font-weight:800}.ps-phone-screen button{margin-top:auto;border:0;border-radius:16px;padding:14px;color:#041120;background:linear-gradient(135deg,var(--cyan),var(--green));font-weight:900}.ps-control-line{display:grid;grid-template-columns:95px 1fr 58px;gap:12px;align-items:center;margin:18px 0;color:#d7e8f8}.ps-control-line meter{width:100%;height:12px;accent-color:var(--cyan)}.ps-alert-feed{margin-top:22px;display:grid;gap:10px}.ps-alert-feed div{padding:12px;border-radius:16px;background:rgba(255,255,255,.055);color:#cfe4f7;font-size:14px}
.ps-offline{background:radial-gradient(circle at 50% 30%,rgba(94,231,255,.08),transparent 35rem)}.ps-offline-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:46px;align-items:center}.ps-offline-switch{display:inline-flex;gap:8px;padding:8px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04)}.ps-offline-switch button{border:0;border-radius:999px;background:transparent;color:#cfe4f7;padding:12px 16px;font-weight:900;cursor:pointer}.ps-offline-switch button.active{background:#eaf7ff;color:#07121e}.ps-architecture{position:relative;min-height:520px;border:1px solid var(--line);border-radius:36px;background:linear-gradient(135deg,rgba(13,32,52,.82),rgba(8,18,30,.88));box-shadow:var(--shadow);overflow:hidden}.ps-architecture:before{content:"";position:absolute;inset:24px;border:1px dashed rgba(94,231,255,.22);border-radius:28px}.node{position:absolute;width:190px;min-height:98px;padding:16px;border-radius:24px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.12);z-index:2}.node b{display:block}.node span{display:block;margin-top:8px;color:var(--muted);font-size:13px}.node.server{left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(94,231,255,.13);border-color:rgba(94,231,255,.28)}.node.wifi{left:42px;top:78px}.node.workers{right:42px;top:78px}.node.director{right:42px;bottom:72px}.line{position:absolute;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);z-index:1;transform-origin:left center;animation:lineFlow 2s infinite}.l1{left:210px;top:160px;width:260px;transform:rotate(22deg)}.l2{left:340px;top:270px;width:270px;transform:rotate(-30deg)}.l3{left:392px;top:285px;width:330px;transform:rotate(28deg)}
.ps-stack-grid{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.ps-stack-grid button{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.045);color:#ddecfb;padding:12px 16px;font-weight:900;cursor:pointer}.ps-stack-grid button.active{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#05111e}.ps-stack-panel{padding:28px;min-height:180px}.ps-stack-panel h3{font-size:30px;margin:0 0 8px}.ps-stack-panel p{color:#b9c8d9;font-size:18px;line-height:1.55}.ps-chip-row{display:flex;gap:10px;flex-wrap:wrap}.ps-chip-row span{padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.09);color:#eaf7ff;font-weight:800}
.ps-roi-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:center}.ps-calculator{padding:28px;display:grid;gap:22px}.ps-calculator label{display:grid;gap:10px;color:#d7e8f8;font-weight:800}.ps-calculator label b{float:right;color:var(--cyan)}.ps-calculator input[type="range"]{width:100%;accent-color:var(--cyan)}.ps-roi-result{padding:22px;border-radius:24px;background:linear-gradient(135deg,rgba(94,231,255,.13),rgba(124,255,196,.08));border:1px solid rgba(94,231,255,.18)}.ps-roi-result span{display:block;color:#b9c8d9}.ps-roi-result strong{display:block;font-size:34px;margin:6px 0;letter-spacing:-.04em}.ps-roi-result small{color:#cfe1f1;line-height:1.5}
.ps-work-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.ps-work-steps article{padding:22px;min-height:230px}.ps-contact{padding-bottom:120px}.ps-contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:36px;align-items:start}.ps-contact-copy h2{font-size:clamp(32px,4vw,54px);line-height:1;letter-spacing:-.05em}.ps-contact-copy p{color:#b9c8d9;font-size:18px;line-height:1.55}.ps-contact-note{margin-top:24px;padding:20px;color:#d7e8f8}.ps-form{padding:26px}.ps-form label{display:grid;gap:8px;color:#d9e9f7;font-weight:800}.ps-form input,.ps-form textarea,.ps-form select{width:100%;border:1px solid rgba(255,255,255,.1);background:rgba(2,8,19,.55);color:#fff;border-radius:16px;padding:14px;outline:none}.ps-form input:focus,.ps-form textarea:focus,.ps-form select:focus{border-color:rgba(94,231,255,.58);box-shadow:0 0 0 4px rgba(94,231,255,.08)}.ps-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.ps-form textarea{resize:vertical;margin-bottom:14px}.ps-form-status{min-height:24px;color:#caffeb}.ps-form .error{border-color:rgba(255,107,125,.75)!important}.ps-floating-cta{position:fixed;right:20px;bottom:20px;z-index:35;padding:16px 20px;border-radius:999px;background:linear-gradient(135deg,var(--cyan),var(--green));color:#041120;font-weight:900;box-shadow:0 16px 48px rgba(94,231,255,.24)}.ps-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);z-index:60;opacity:0;padding:14px 18px;border-radius:18px;background:#eaf7ff;color:#06111f;font-weight:900;box-shadow:var(--shadow);transition:.25s}.ps-toast.show{opacity:1;transform:translate(-50%,0)}.ps-footer{border-top:1px solid var(--line);padding:26px 0;background:rgba(0,0,0,.18)}.ps-footer .ps-container{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted)}.ps-footer a{color:#eaf7ff}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease, transform .7s ease}.reveal.visible{opacity:1;transform:none}
@keyframes shine{0%,55%{transform:translateX(-90%) rotate(8deg)}100%{transform:translateX(90%) rotate(8deg)}}@keyframes lineIn{to{opacity:1}}@keyframes barPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.35)}}@keyframes lineFlow{0%{opacity:.25}50%{opacity:1}100%{opacity:.25}}
@media (max-width:1040px){.ps-hero-grid,.ps-offline-grid,.ps-roi-grid,.ps-contact-grid{grid-template-columns:1fr}.ps-lab-grid{grid-template-columns:1fr}.ps-phone{max-width:360px;margin:0 auto}.ps-problem-grid{grid-template-columns:repeat(2,1fr)}.ps-services-grid{grid-template-columns:repeat(2,1fr)}.ps-work-steps{grid-template-columns:repeat(2,1fr)}.ps-nav{position:absolute;right:0;top:68px;display:none;flex-direction:column;align-items:stretch;width:min(310px,calc(100vw - 28px));padding:12px;border:1px solid var(--line);border-radius:24px;background:rgba(6,17,31,.96)}.ps-nav.open{display:flex}.ps-menu{display:grid}.ps-header-cta{display:none}.ps-logo{min-width:auto}.ps-cursor{display:none}}
@media (max-width:720px){.ps-container{width:min(100% - 28px,var(--max))}.ps-section{padding:72px 0}.ps-hero{padding-top:120px}.ps-hero h1{font-size:42px;letter-spacing:-.06em}.ps-lead{font-size:17px}.ps-hero-proof,.ps-problem-grid,.ps-services-grid,.ps-work-steps,.ps-form-row{grid-template-columns:1fr}.ps-system-card{padding:16px;border-radius:26px}.ps-terminal{min-height:160px;font-size:12px}.ps-section-head h2{font-size:34px}.ps-lab-card,.ps-control-panel,.ps-calculator,.ps-form{padding:20px}.ps-offline-switch{display:grid;border-radius:24px}.ps-architecture{min-height:560px}.node{width:calc(100% - 58px);left:29px!important;right:auto!important;transform:none!important}.node.server{top:230px}.node.wifi{top:44px}.node.workers{top:360px}.node.director{bottom:38px}.line{display:none}.ps-floating-cta{left:14px;right:14px;text-align:center}.ps-footer .ps-container{flex-direction:column;align-items:flex-start}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.ps-network,.ps-cursor{display:none}}


/* Floating CTA: compact Webvisor-friendly button */
.ps-floating-cta {
  position: fixed;
  right: clamp(16px, 2.4vw, 34px);
  bottom: calc(18px + env(safe-area-inset-bottom));
  z-index: 80;
  min-width: 58px;
  height: 58px;
  padding: 0 20px 0 10px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-decoration: none;
  color: #ffffff;
  font-weight: 800;
  letter-spacing: -.01em;
  background:
    radial-gradient(circle at 28% 22%, rgba(255,255,255,.34), transparent 30%),
    linear-gradient(135deg, #37f3bd, #3858ff 58%, #7b35ff);
  box-shadow:
    0 18px 42px rgba(42, 72, 255, .28),
    0 8px 18px rgba(0, 0, 0, .18);
  transform: translateZ(0);
  transition:
    transform .22s cubic-bezier(.2,.9,.2,1),
    box-shadow .22s ease,
    filter .22s ease;
  animation: psFloatingCtaPulse 3.6s ease-in-out infinite;
}

.ps-floating-cta:hover,
.ps-floating-cta:focus-visible {
  transform: translateY(-3px) scale(1.025);
  box-shadow:
    0 24px 58px rgba(42, 72, 255, .36),
    0 10px 22px rgba(0, 0, 0, .2);
  filter: saturate(1.08);
}

.ps-floating-cta__icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  font-size: 22px;
  line-height: 1;
  background: rgba(255,255,255,.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.32);
  backdrop-filter: blur(12px);
}

.ps-floating-cta__text {
  white-space: nowrap;
}

@keyframes psFloatingCtaPulse {
  0%, 100% {
    box-shadow:
      0 18px 42px rgba(42, 72, 255, .24),
      0 8px 18px rgba(0, 0, 0, .16);
  }
  50% {
    box-shadow:
      0 24px 58px rgba(42, 72, 255, .36),
      0 10px 24px rgba(0, 0, 0, .2);
  }
}

@media (max-width: 680px) {
  .ps-floating-cta {
    right: 16px;
    bottom: calc(16px + env(safe-area-inset-bottom));
    width: 58px;
    height: 58px;
    padding: 0;
    gap: 0;
  }

  .ps-floating-cta__icon {
    width: 46px;
    height: 46px;
  }

  .ps-floating-cta__text {
    position: absolute;
    right: 68px;
    top: 50%;
    transform: translateY(-50%);
    padding: 9px 12px;
    border-radius: 999px;
    color: #071221;
    background: rgba(255,255,255,.92);
    box-shadow: 0 12px 28px rgba(0,0,0,.14);
    opacity: 0;
    pointer-events: none;
    transition: opacity .18s ease, transform .18s ease;
  }

  .ps-floating-cta:hover .ps-floating-cta__text,
  .ps-floating-cta:focus-visible .ps-floating-cta__text {
    opacity: 1;
    transform: translateY(-50%) translateX(-4px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ps-floating-cta {
    animation: none;
  }
}


/* Desktop premium nav + service cards motion */
@media (min-width: 901px) {
  .ps-nav {
    position: relative;
    isolation: isolate;
  }

  .ps-nav a {
    position: relative;
    z-index: 2;
    border-radius: 999px;
    transition: color .22s ease, transform .22s cubic-bezier(.2,.9,.2,1);
  }

  .ps-nav a:hover,
  .ps-nav a:focus-visible {
    color: #ffffff;
    transform: translateY(-1px);
  }

  .ps-nav-orbit {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    width: var(--nav-orbit-w, 80px);
    height: 34px;
    border-radius: 999px;
    opacity: 0;
    pointer-events: none;
    background:
      radial-gradient(circle at 22% 20%, rgba(255,255,255,.82), transparent 22%),
      linear-gradient(135deg, #36f0bb, #4c6fff 48%, #a34bff);
    box-shadow:
      0 14px 34px rgba(76,111,255,.26),
      inset 0 1px 0 rgba(255,255,255,.38);
    transform: translate3d(var(--nav-orbit-x, 0px), -50%, 0) scale(.92);
    transition:
      opacity .2s ease,
      width .28s cubic-bezier(.2,.9,.2,1),
      transform .28s cubic-bezier(.2,.9,.2,1);
  }

  .ps-nav.is-orbit-active .ps-nav-orbit {
    opacity: 1;
    transform: translate3d(var(--nav-orbit-x, 0px), -50%, 0) scale(1);
  }

  .ps-service-card {
    position: relative;
    overflow: hidden;
    transform-style: preserve-3d;
    will-change: transform;
    transition:
      transform .28s cubic-bezier(.2,.9,.2,1),
      box-shadow .28s ease,
      border-color .28s ease,
      background .28s ease;
  }

  .ps-service-card::before {
    content: "";
    position: absolute;
    inset: -1px;
    opacity: 0;
    pointer-events: none;
    background:
      radial-gradient(
        circle at var(--card-x, 50%) var(--card-y, 50%),
        rgba(255,255,255,.30),
        rgba(82,255,202,.12) 18%,
        transparent 42%
      );
    transition: opacity .24s ease;
  }

  .ps-service-card::after {
    content: "";
    position: absolute;
    inset: -40% -90%;
    opacity: 0;
    pointer-events: none;
    background: linear-gradient(110deg, transparent 38%, rgba(255,255,255,.34) 50%, transparent 62%);
    transform: translateX(-40%) rotate(8deg);
  }

  .ps-service-card.is-live,
  .ps-service-card:hover,
  .ps-service-card:focus-within {
    border-color: rgba(103, 255, 207, .42);
    box-shadow:
      0 26px 70px rgba(24, 39, 86, .32),
      0 0 0 1px rgba(255,255,255,.08) inset;
  }

  .ps-service-card.is-live::before,
  .ps-service-card:hover::before {
    opacity: 1;
  }

  .ps-service-card.is-scan::after,
  .ps-service-card:hover::after {
    animation: psServiceScan 1.15s ease both;
  }

  .ps-service-card .ps-card-spark {
    position: absolute;
    right: 16px;
    top: 14px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    opacity: 0;
    background: #63ffd4;
    box-shadow:
      0 0 0 8px rgba(99,255,212,.08),
      0 0 26px rgba(99,255,212,.62);
    transform: scale(.8);
    transition: opacity .22s ease, transform .22s ease;
    pointer-events: none;
  }

  .ps-service-card.is-live .ps-card-spark,
  .ps-service-card:hover .ps-card-spark {
    opacity: 1;
    transform: scale(1);
  }

  @keyframes psServiceScan {
    0% {
      opacity: 0;
      transform: translateX(-42%) rotate(8deg);
    }
    35% {
      opacity: .9;
    }
    100% {
      opacity: 0;
      transform: translateX(42%) rotate(8deg);
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  .ps-nav-orbit,
  .ps-service-card,
  .ps-service-card::before,
  .ps-service-card::after {
    animation: none;
    transition: none;
  }
}