/* =========================================================
   ZYRODEVV STORE V2.4.37 — GRIDWAVE UI
   Visual-only skin. Product data, API, payment, routes, and
   ordering logic are intentionally untouched.
   ========================================================= */

body.zyro-gridwave{
  --neo-paper:#f5f2e9;
  --neo-paper-2:#fffdf7;
  --neo-ink:#111827;
  --neo-muted:#667085;
  --neo-line:#182230;
  --neo-accent:#08a5b4;
  --neo-accent-2:#3767ff;
  --neo-soft:#e7f7f7;
  --neo-violet:#7957ee;
  --neo-success:#16a36a;
  --neo-warn:#d99212;
  --neo-shadow:7px 7px 0 rgba(17,24,39,.11);
  --neo-shadow-sm:4px 4px 0 rgba(17,24,39,.09);
  --neo-radius:22px;
  color:var(--neo-ink);
  background-color:var(--neo-paper);
  background-image:
    linear-gradient(rgba(20,37,53,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(20,37,53,.045) 1px,transparent 1px),
    radial-gradient(circle at 88% 8%,rgba(8,165,180,.16),transparent 24%),
    radial-gradient(circle at 6% 38%,rgba(55,103,255,.10),transparent 26%);
  background-size:34px 34px,34px 34px,auto,auto;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body.zyro-gridwave::before{
  content:"";
  position:fixed;
  z-index:-1;
  width:420px;
  height:420px;
  right:-160px;
  top:150px;
  border:2px solid rgba(8,165,180,.12);
  border-radius:42% 58% 67% 33% / 43% 38% 62% 57%;
  animation:zyroBlobFloat 14s ease-in-out infinite alternate;
  pointer-events:none;
}
@keyframes zyroBlobFloat{to{transform:translate3d(-22px,38px,0) rotate(18deg)}}
@keyframes zyroCardIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes zyroPulseDot{0%,100%{opacity:.45;transform:scale(.82)}50%{opacity:1;transform:scale(1.15)}}
@keyframes zyroTerminalSweep{0%{transform:translateY(-120%);opacity:0}15%{opacity:.45}85%{opacity:.08}100%{transform:translateY(560%);opacity:0}}
@keyframes zyroButtonGlint{0%,68%{transform:translateX(-180%)}100%{transform:translateX(360%)}}

body.zyro-gridwave .zyro-ambient{display:none!important}
body.zyro-gridwave main{min-height:calc(100vh - 78px)}
body.zyro-gridwave a,body.zyro-gridwave button{ -webkit-tap-highlight-color:transparent }

/* Header */
body.zyro-gridwave .topbar{
  height:78px;
  grid-template-columns:56px minmax(0,1fr) auto;
  padding:0 clamp(14px,3vw,42px);
  background:rgba(255,253,247,.92);
  border-bottom:2px solid var(--neo-line);
  box-shadow:0 8px 28px rgba(26,38,55,.07);
  backdrop-filter:blur(18px);
}
body.zyro-gridwave .brand{
  justify-content:center;
  color:var(--neo-ink);
  font-size:clamp(1.15rem,1.7vw,1.48rem);
  font-weight:900;
  letter-spacing:-.035em;
}
body.zyro-gridwave .brand-image-wrap,
body.zyro-gridwave .brand-orb-image{
  border:2px solid var(--neo-line);
  box-shadow:3px 3px 0 rgba(17,24,39,.10);
}
body.zyro-gridwave .icon-button,
body.zyro-gridwave .topbar-action{
  width:46px;
  height:46px;
  border:2px solid var(--neo-line)!important;
  border-radius:14px!important;
  background:var(--neo-paper-2)!important;
  color:var(--neo-ink)!important;
  box-shadow:3px 3px 0 rgba(17,24,39,.08)!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
body.zyro-gridwave .icon-button:hover,
body.zyro-gridwave .topbar-action:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 rgba(17,24,39,.10)!important}
body.zyro-gridwave .icon-button span{background:var(--neo-ink)!important;height:2.5px!important;width:25px!important}
body.zyro-gridwave .topbar-actions{display:flex;gap:10px}

/* Width system */
body.zyro-gridwave .contact-strip,
body.zyro-gridwave .app-shell,
body.zyro-gridwave .site-footer,
body.zyro-gridwave .promo-pin-board{
  width:min(1520px,calc(100vw - 40px))!important;
  max-width:none!important;
  margin-inline:auto!important;
}
body.zyro-gridwave .contact-strip{
  padding:22px 0 14px!important;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
body.zyro-gridwave .app-shell{padding:0 0 72px!important}
body.zyro-gridwave .site-footer{padding:24px 4px 40px!important;border-top:2px solid rgba(17,24,39,.16)!important}

/* General cards and controls */
body.zyro-gridwave .card,
body.zyro-gridwave .soft-card,
body.zyro-gridwave .server-live-card,
body.zyro-gridwave .marketplace-card,
body.zyro-gridwave .manual-product-card,
body.zyro-gridwave .status-service-card,
body.zyro-gridwave .incident-card,
body.zyro-gridwave .ticket-card,
body.zyro-gridwave .ticket-detail,
body.zyro-gridwave .ticket-form,
body.zyro-gridwave .account-storage-note,
body.zyro-gridwave .panel-lifetime-card{
  color:var(--neo-ink)!important;
  background:rgba(255,253,247,.92)!important;
  border:2px solid var(--neo-line)!important;
  border-radius:var(--neo-radius)!important;
  box-shadow:var(--neo-shadow)!important;
}
body.zyro-gridwave .outline-button{
  min-height:58px;
  justify-content:flex-start;
  padding:0 22px;
  color:var(--neo-ink)!important;
  background:rgba(255,253,247,.9)!important;
  border:2px solid var(--neo-line)!important;
  border-radius:18px!important;
  box-shadow:var(--neo-shadow-sm)!important;
  font-weight:850;
}
body.zyro-gridwave .outline-button::before{
  content:"";
  width:10px;
  height:10px;
  border-radius:999px;
  background:var(--neo-accent);
  box-shadow:0 0 0 6px rgba(8,165,180,.10);
}
body.zyro-gridwave .outline-button.blue::before{background:var(--neo-accent-2);box-shadow:0 0 0 6px rgba(55,103,255,.10)}
body.zyro-gridwave .primary-button{
  position:relative;
  overflow:hidden;
  min-height:68px;
  border:2px solid var(--neo-line)!important;
  border-radius:18px!important;
  color:#fff!important;
  background:linear-gradient(105deg,#078c99,#08a5b4 50%,#3767ff)!important;
  box-shadow:6px 6px 0 rgba(17,24,39,.14)!important;
  font-weight:900;
}
body.zyro-gridwave .primary-button::after{
  content:"";
  position:absolute;
  inset:-60% auto -60% 0;
  width:22%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);
  transform:translateX(-180%);
  animation:zyroButtonGlint 4.6s ease-in-out infinite;
}
body.zyro-gridwave .secondary-button{
  min-height:62px;
  border:2px solid var(--neo-line)!important;
  border-radius:18px!important;
  background:var(--neo-paper-2)!important;
  color:var(--neo-ink)!important;
  box-shadow:var(--neo-shadow-sm)!important;
}
body.zyro-gridwave .input,
body.zyro-gridwave select.input,
body.zyro-gridwave textarea.input{
  min-height:64px;
  height:auto;
  color:var(--neo-ink)!important;
  background:#fff!important;
  border:2px solid rgba(17,24,39,.20)!important;
  border-radius:16px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;
}
body.zyro-gridwave .input:focus,
body.zyro-gridwave select.input:focus,
body.zyro-gridwave textarea.input:focus{border-color:var(--neo-accent)!important;box-shadow:0 0 0 4px rgba(8,165,180,.12)!important}
body.zyro-gridwave .input::placeholder,body.zyro-gridwave textarea::placeholder{color:#98a2b3!important}
body.zyro-gridwave .form-label{color:var(--neo-ink)!important;font-weight:800}
body.zyro-gridwave .section-title h2{font-size:1.1rem!important;font-weight:900!important;letter-spacing:-.02em}
body.zyro-gridwave .section-title small{color:var(--neo-accent)!important;font-weight:900!important}

/* Drawer */
body.zyro-gridwave .drawer{
  color:var(--neo-ink)!important;
  background:var(--neo-paper)!important;
  border-right:2px solid var(--neo-line)!important;
}
body.zyro-gridwave .drawer-head,body.zyro-gridwave .drawer-bottom{border-color:rgba(17,24,39,.16)!important}
body.zyro-gridwave .nav-item{
  margin:6px 10px;
  border:2px solid transparent!important;
  border-radius:16px!important;
  color:var(--neo-ink)!important;
}
body.zyro-gridwave .nav-item:hover,body.zyro-gridwave .nav-item.active{
  background:#fff!important;
  border-color:var(--neo-line)!important;
  box-shadow:4px 4px 0 rgba(17,24,39,.09)!important;
}
body.zyro-gridwave .drawer-account-box{margin:10px 12px!important}
body.zyro-gridwave .drawer-account-guest{border:2px solid var(--neo-line)!important;background:#fff!important;border-radius:18px!important}

/* Home identity hero */
body.zyro-gridwave .profile{
  position:relative;
  isolation:isolate;
  min-height:170px;
  margin-top:12px;
  padding:30px 32px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
  overflow:hidden;
  border:2px solid var(--neo-line);
  border-radius:28px;
  background:
    linear-gradient(120deg,rgba(255,253,247,.97),rgba(232,249,248,.93)),
    var(--neo-paper-2);
  box-shadow:var(--neo-shadow);
}
body.zyro-gridwave .profile::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:280px;
  height:280px;
  right:-82px;
  bottom:-150px;
  border:42px solid rgba(55,103,255,.10);
  border-radius:50%;
}
body.zyro-gridwave .profile::after{
  content:"CLOUD • PANEL • VPS • DIGITAL";
  position:absolute;
  right:34px;
  top:24px;
  color:rgba(17,24,39,.16);
  font-size:.66rem;
  font-weight:950;
  letter-spacing:.18em;
}
body.zyro-gridwave .profile .avatar{
  width:82px;
  height:82px;
  border:2px solid var(--neo-line)!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:5px 5px 0 rgba(17,24,39,.10)!important;
}
body.zyro-gridwave .profile-kicker{
  display:inline-flex;
  margin-bottom:8px;
  padding:7px 11px;
  border:1.5px solid rgba(8,165,180,.35);
  border-radius:999px;
  color:#087f8a!important;
  background:rgba(8,165,180,.08);
  font-size:.72rem!important;
  font-weight:950!important;
  letter-spacing:.13em!important;
}
body.zyro-gridwave .gradient-title{
  color:var(--neo-ink)!important;
  background:none!important;
  font-size:clamp(2rem,4vw,3.6rem)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
  font-weight:950!important;
}
body.zyro-gridwave .profile p{max-width:620px;color:var(--neo-muted)!important;font-size:1rem}
body.zyro-gridwave .profile-status{
  position:relative;
  padding:10px 16px 10px 34px!important;
  color:#08784f!important;
  background:#e9f9f1!important;
  border:2px solid #0d8b5b!important;
  border-radius:999px!important;
  font-weight:950!important;
  box-shadow:3px 3px 0 rgba(13,139,91,.10)!important;
}
body.zyro-gridwave .profile-status::before{
  content:"";
  position:absolute;
  left:14px;
  top:50%;
  width:9px;
  height:9px;
  margin-top:-4.5px;
  border-radius:50%;
  background:#16a36a;
  animation:zyroPulseDot 1.8s ease-in-out infinite;
}

/* Promo: compact editorial layout */
body.zyro-gridwave .promo-showcase-card{
  display:grid!important;
  grid-template-columns:minmax(300px,.70fr) minmax(0,1.30fr)!important;
  gap:26px!important;
  align-items:center!important;
  margin:22px 0!important;
  padding:28px!important;
  overflow:hidden!important;
  animation:zyroCardIn .45s ease both;
}
body.zyro-gridwave .promo-showcase-head{
  display:flex!important;
  min-width:0;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:12px!important;
}
body.zyro-gridwave .promo-kicker,
body.zyro-gridwave .eyebrow{
  display:inline-flex!important;
  width:max-content;
  padding:7px 12px!important;
  color:#087f8a!important;
  background:var(--neo-soft)!important;
  border:1.5px solid rgba(8,165,180,.30)!important;
  border-radius:999px!important;
  font-size:.72rem!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
}
body.zyro-gridwave .promo-showcase-head h2{
  margin:0!important;
  font-size:clamp(2rem,3.2vw,3.35rem)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
  font-weight:950!important;
}
body.zyro-gridwave .promo-showcase-head p{margin:0!important;color:var(--neo-muted)!important;line-height:1.7!important}
body.zyro-gridwave .promo-showcase-link{
  display:inline-flex!important;
  align-items:center!important;
  min-height:52px!important;
  margin-top:5px!important;
  padding:0 18px!important;
  border:2px solid var(--neo-line)!important;
  border-radius:15px!important;
  color:#fff!important;
  background:linear-gradient(100deg,#078c99,#3767ff)!important;
  box-shadow:4px 4px 0 rgba(17,24,39,.12)!important;
  font-weight:900!important;
}
body.zyro-gridwave .promo-showcase-card .poster-swiper-shell{min-width:0!important;margin:0!important}
body.zyro-gridwave .promo-showcase-card .poster-swiper-track{
  display:grid!important;
  grid-template-columns:1.12fr .94fr .94fr!important;
  gap:12px!important;
  overflow:visible!important;
  scroll-snap-type:none!important;
}
body.zyro-gridwave .promo-showcase-card .poster-slide-card{
  min-width:0!important;
  overflow:hidden!important;
  border:2px solid var(--neo-line)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:4px 4px 0 rgba(17,24,39,.09)!important;
  transform:none!important;
}
body.zyro-gridwave .promo-showcase-card .poster-slide-media img{
  width:100%!important;
  height:230px!important;
  object-fit:cover!important;
  object-position:center!important;
}
body.zyro-gridwave .promo-showcase-card .poster-slide-copy{display:none!important}
body.zyro-gridwave .promo-showcase-card .poster-swiper-dots{display:none!important}

/* Home headings, trust stats, service cards */
body.zyro-gridwave .home-panel-heading{
  display:block!important;
  margin:34px 0 18px!important;
  text-align:left!important;
}
body.zyro-gridwave .home-panel-heading h1{
  margin:14px 0 8px!important;
  max-width:900px;
  color:var(--neo-ink)!important;
  background:none!important;
  font-size:clamp(2rem,4vw,3.7rem)!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
  font-weight:950!important;
}
body.zyro-gridwave .home-panel-heading p{max-width:760px;color:var(--neo-muted)!important}
body.zyro-gridwave .home-stats-card{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  gap:20px!important;
  padding:22px 26px!important;
  margin-bottom:16px!important;
}
body.zyro-gridwave .stat-icon{
  width:64px!important;
  height:64px!important;
  border:2px solid var(--neo-line)!important;
  border-radius:17px!important;
  color:#fff!important;
  background:linear-gradient(145deg,#08a5b4,#3767ff)!important;
  box-shadow:4px 4px 0 rgba(17,24,39,.10)!important;
}
body.zyro-gridwave .stat-value{color:var(--neo-accent)!important;font-size:2.25rem!important;line-height:1!important}
body.zyro-gridwave .stat-label,body.zyro-gridwave .stat-side small{color:var(--neo-muted)!important}
body.zyro-gridwave .home-features{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  margin:0 0 28px!important;
}
body.zyro-gridwave .home-features .feature{
  min-height:112px!important;
  align-items:flex-start!important;
  justify-content:center!important;
  text-align:left!important;
  padding:18px 20px!important;
}
body.zyro-gridwave .home-features .feature span{
  width:auto!important;
  height:auto!important;
  padding:5px 9px!important;
  border:1.5px solid var(--neo-line)!important;
  border-radius:9px!important;
  color:var(--neo-accent)!important;
  background:#fff!important;
  font-size:.72rem!important;
  font-weight:950!important;
}
body.zyro-gridwave .home-features .feature small{color:var(--neo-ink)!important;font-size:.92rem!important;font-weight:850!important}
body.zyro-gridwave .other-services-block{margin:24px 0 30px!important}
body.zyro-gridwave .other-services-title h2{color:var(--neo-ink)!important;font-size:1.55rem!important;letter-spacing:-.03em!important}
body.zyro-gridwave .other-services-rail{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important}
body.zyro-gridwave .other-service-card{
  min-width:0!important;
  border:2px solid var(--neo-line)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:4px 4px 0 rgba(17,24,39,.08)!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
body.zyro-gridwave .other-service-card:hover{transform:translate(-2px,-2px)!important;box-shadow:7px 7px 0 rgba(17,24,39,.10)!important}
body.zyro-gridwave .other-service-card small{color:var(--neo-muted)!important}

/* Panel ordering layout */
body.zyro-gridwave .desktop-panel-config-grid{
  display:grid!important;
  grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr)!important;
  grid-template-areas:"server capacity" "spec capacity"!important;
  align-items:start!important;
  gap:18px 20px!important;
  margin-top:22px!important;
  padding:20px!important;
  border:2px solid var(--neo-line)!important;
  border-radius:26px!important;
  background:rgba(255,253,247,.90)!important;
  box-shadow:var(--neo-shadow)!important;
}
body.zyro-gridwave .desktop-server-column{grid-area:server!important;min-width:0!important}
body.zyro-gridwave .panel-server-spec-grid-row{grid-area:spec!important;display:block!important;min-width:0!important}
body.zyro-gridwave .desktop-capacity-column{grid-area:capacity!important;min-width:0!important}
body.zyro-gridwave .panel-server-compact-selector{gap:10px!important}
body.zyro-gridwave .panel-server-compact-option{
  min-height:98px!important;
  padding:16px!important;
  color:var(--neo-ink)!important;
  background:#fff!important;
  border:2px solid rgba(17,24,39,.18)!important;
  border-radius:17px!important;
  box-shadow:none!important;
}
body.zyro-gridwave .panel-server-compact-option.active{
  border-color:var(--neo-line)!important;
  background:linear-gradient(145deg,#eefcfb,#eef2ff)!important;
  box-shadow:4px 4px 0 rgba(17,24,39,.11)!important;
  transform:translate(-1px,-1px)!important;
}
body.zyro-gridwave .panel-server-compact-option b{font-weight:900!important}
body.zyro-gridwave .panel-server-compact-option small,body.zyro-gridwave .panel-server-compact-help{color:var(--neo-muted)!important}
body.zyro-gridwave .panel-server-compact-bars i{background:var(--neo-accent)!important}
body.zyro-gridwave .tier-high .panel-server-compact-bars i{background:var(--neo-violet)!important}
body.zyro-gridwave .tier-premium .panel-server-compact-bars i{background:var(--neo-accent-2)!important}
body.zyro-gridwave .package-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important}
body.zyro-gridwave .package-card{
  min-height:116px!important;
  align-items:flex-start!important;
  padding:16px!important;
  text-align:left!important;
  color:var(--neo-ink)!important;
  background:#fff!important;
  border:2px solid rgba(17,24,39,.16)!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
body.zyro-gridwave .package-card strong{color:var(--neo-ink)!important;font-size:1.22rem!important}
body.zyro-gridwave .package-card small{color:var(--neo-muted)!important}
body.zyro-gridwave .package-card.active{
  border-color:var(--neo-line)!important;
  background:linear-gradient(145deg,#e8fbfa,#eef2ff)!important;
  box-shadow:4px 4px 0 rgba(17,24,39,.11)!important;
  transform:translate(-1px,-1px)!important;
}
body.zyro-gridwave .package-card.permanent{color:#8a5700!important;background:#fff8e7!important;border-color:#b77b10!important}
body.zyro-gridwave .package-card .best{top:-10px!important;left:12px!important;color:#fff!important;background:#b97709!important;border:1px solid #7c4e00!important}

/* Server specification terminal */
body.zyro-gridwave .panel-server-spec-shell{margin-top:0!important}
body.zyro-gridwave .panel-spec-terminal-window{
  position:relative!important;
  overflow:hidden!important;
  border:2px solid var(--neo-line)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#091421,#0c1c2a)!important;
  box-shadow:5px 5px 0 rgba(17,24,39,.13)!important;
}
body.zyro-gridwave .panel-spec-terminal-window::before{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  left:0!important;
  right:0!important;
  top:48px!important;
  height:48px!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,transparent,rgba(16,224,199,.10),transparent)!important;
  animation:zyroTerminalSweep 6.5s linear infinite!important;
}
body.zyro-gridwave .panel-spec-terminal-bar{
  min-height:48px!important;
  padding:0 15px!important;
  border-bottom:1px solid rgba(121,237,220,.14)!important;
  background:#122333!important;
}
body.zyro-gridwave .panel-spec-terminal-bar>b{color:#72ead7!important;font-weight:900!important}
body.zyro-gridwave .panel-spec-terminal-lines{
  grid-template-columns:1fr!important;
  gap:0!important;
  padding:16px 18px!important;
  background:transparent!important;
}
body.zyro-gridwave .panel-spec-terminal-lines>.panel-spec-terminal-line{
  grid-template-columns:minmax(92px,.68fr) minmax(0,1.32fr)!important;
  gap:12px!important;
  padding:7px 0!important;
  font-size:.76rem!important;
  border-bottom:1px dashed rgba(110,224,207,.09)!important;
}
body.zyro-gridwave .panel-spec-terminal-line>span{color:#55dac7!important}
body.zyro-gridwave .panel-spec-terminal-line>b{color:#f1fbfa!important}
body.zyro-gridwave .panel-spec-terminal-foot{background:#08131f!important;border-top:1px solid rgba(110,224,207,.12)!important}

/* Live infrastructure */
body.zyro-gridwave #panelOrderForm>.server-title{
  display:flex!important;
  margin:34px 0 14px!important;
  padding-top:26px!important;
  border-top:2px solid rgba(17,24,39,.14)!important;
}
body.zyro-gridwave #panelOrderForm>.server-live-card{
  display:grid!important;
  grid-template-columns:minmax(350px,.78fr) minmax(0,1.22fr)!important;
  grid-template-areas:"head head" "terminal bars" "terminal metrics" "history history" "details details"!important;
  gap:18px 24px!important;
  padding:26px!important;
  overflow:hidden!important;
}
body.zyro-gridwave .server-live-card::after{background:rgba(8,165,180,.10)!important}
body.zyro-gridwave #panelOrderForm>.server-live-card>.server-live-head{grid-area:head!important;padding-bottom:18px!important;border-bottom:2px solid rgba(17,24,39,.10)!important}
body.zyro-gridwave #panelOrderForm>.server-live-card>.zyro-mini-terminal{grid-area:terminal!important;margin:0!important;min-height:244px!important;border:2px solid var(--neo-line)!important;border-radius:17px!important;box-shadow:4px 4px 0 rgba(17,24,39,.11)!important}
body.zyro-gridwave #panelOrderForm>.server-live-card>.server-bars{grid-area:bars!important;margin:0!important;padding:18px!important;border:2px solid rgba(17,24,39,.14)!important;border-radius:17px!important;background:#fff!important}
body.zyro-gridwave #panelOrderForm>.server-live-card>.server-metrics{grid-area:metrics!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:0!important}
body.zyro-gridwave #panelOrderForm>.server-live-card>.history-monitor-link{grid-area:history!important;min-height:54px!important;border:2px solid var(--neo-line)!important;border-radius:16px!important;background:#fff!important;color:var(--neo-ink)!important;box-shadow:4px 4px 0 rgba(17,24,39,.08)!important;font-weight:900!important}
body.zyro-gridwave #panelOrderForm>.server-live-card>.infra-details{grid-area:details!important}
body.zyro-gridwave .server-live-kicker{color:var(--neo-accent)!important;font-weight:950!important}
body.zyro-gridwave .server-live-head h2,body.zyro-gridwave .server-live-head p,body.zyro-gridwave .server-cpu-model{color:var(--neo-ink)!important}
body.zyro-gridwave .server-live-head p,body.zyro-gridwave .server-cpu-model{color:var(--neo-muted)!important}
body.zyro-gridwave .server-live-avatar{border:2px solid var(--neo-line)!important;box-shadow:4px 4px 0 rgba(17,24,39,.10)!important}
body.zyro-gridwave .live-status{border:2px solid #11895d!important;background:#e9f9f1!important;color:#08784f!important;font-weight:900!important}
body.zyro-gridwave .live-status i{animation:zyroPulseDot 1.8s ease-in-out infinite!important}
body.zyro-gridwave .server-bar>span,body.zyro-gridwave .metric-ring-inner span{color:var(--neo-muted)!important;font-weight:900!important}
body.zyro-gridwave .server-bar>b,body.zyro-gridwave .metric-ring-inner b{color:var(--neo-ink)!important}
body.zyro-gridwave .server-bar>div,body.zyro-gridwave .metric-ring{background:#dce8ec!important}
body.zyro-gridwave .server-bar>div i{background:linear-gradient(90deg,var(--neo-accent),var(--neo-accent-2))!important}
body.zyro-gridwave .metric-ring-inner{background:#fffdf7!important}

/* Popups, invoice and utility pages */
body.zyro-gridwave .modal-card,body.zyro-gridwave .qr-card,body.zyro-gridwave .panel-order-modal-sheet{
  color:var(--neo-ink)!important;
  background:var(--neo-paper-2)!important;
  border:2px solid var(--neo-line)!important;
  box-shadow:12px 12px 0 rgba(17,24,39,.14)!important;
}
body.zyro-gridwave .invoice-head{color:#fff!important;background:linear-gradient(105deg,#078c99,#3767ff)!important;border:2px solid var(--neo-line)!important}
body.zyro-gridwave .payment-tab{color:var(--neo-muted)!important;background:#fff!important;border:1.5px solid rgba(17,24,39,.15)!important}
body.zyro-gridwave .payment-tab.active{color:#fff!important;background:var(--neo-accent)!important;border-color:var(--neo-line)!important}
body.zyro-gridwave .floating-support-button{border:2px solid var(--neo-line)!important;background:linear-gradient(145deg,#08a5b4,#3767ff)!important;box-shadow:5px 5px 0 rgba(17,24,39,.15)!important}
body.zyro-gridwave .purchase-proof-popup{border:2px solid var(--neo-line)!important;background:#fff!important;color:var(--neo-ink)!important;box-shadow:6px 6px 0 rgba(17,24,39,.12)!important}

/* Dark theme companion */
html[data-theme="dark"] body.zyro-gridwave{
  --neo-paper:#0c1420;
  --neo-paper-2:#111d2b;
  --neo-ink:#eef7fb;
  --neo-muted:#9aafbf;
  --neo-line:#c8d9e5;
  --neo-soft:#12313a;
  --neo-shadow:7px 7px 0 rgba(0,0,0,.35);
  --neo-shadow-sm:4px 4px 0 rgba(0,0,0,.28);
  background-color:#08111c;
  background-image:
    linear-gradient(rgba(166,192,214,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(166,192,214,.045) 1px,transparent 1px),
    radial-gradient(circle at 88% 8%,rgba(8,165,180,.15),transparent 24%),
    radial-gradient(circle at 6% 38%,rgba(55,103,255,.13),transparent 26%);
}
html[data-theme="dark"] body.zyro-gridwave .topbar{background:rgba(10,19,30,.94)!important;border-bottom-color:rgba(200,217,229,.65)!important}
html[data-theme="dark"] body.zyro-gridwave .card,
html[data-theme="dark"] body.zyro-gridwave .soft-card,
html[data-theme="dark"] body.zyro-gridwave .server-live-card,
html[data-theme="dark"] body.zyro-gridwave .profile,
html[data-theme="dark"] body.zyro-gridwave .desktop-panel-config-grid,
html[data-theme="dark"] body.zyro-gridwave .marketplace-card,
html[data-theme="dark"] body.zyro-gridwave .manual-product-card,
html[data-theme="dark"] body.zyro-gridwave .status-service-card,
html[data-theme="dark"] body.zyro-gridwave .incident-card,
html[data-theme="dark"] body.zyro-gridwave .ticket-card,
html[data-theme="dark"] body.zyro-gridwave .ticket-detail,
html[data-theme="dark"] body.zyro-gridwave .ticket-form{background:rgba(17,29,43,.94)!important;border-color:rgba(200,217,229,.56)!important}
html[data-theme="dark"] body.zyro-gridwave .outline-button,
html[data-theme="dark"] body.zyro-gridwave .other-service-card,
html[data-theme="dark"] body.zyro-gridwave .panel-server-compact-option,
html[data-theme="dark"] body.zyro-gridwave .package-card,
html[data-theme="dark"] body.zyro-gridwave .input,
html[data-theme="dark"] body.zyro-gridwave select.input,
html[data-theme="dark"] body.zyro-gridwave textarea.input,
html[data-theme="dark"] body.zyro-gridwave #panelOrderForm>.server-live-card>.server-bars,
html[data-theme="dark"] body.zyro-gridwave #panelOrderForm>.server-live-card>.history-monitor-link,
html[data-theme="dark"] body.zyro-gridwave .metric-ring-inner{background:#0e1a28!important;color:var(--neo-ink)!important}
html[data-theme="dark"] body.zyro-gridwave .panel-server-compact-option.active,
html[data-theme="dark"] body.zyro-gridwave .package-card.active{background:linear-gradient(145deg,#12333a,#162644)!important}
html[data-theme="dark"] body.zyro-gridwave .drawer{background:#0a1521!important}
html[data-theme="dark"] body.zyro-gridwave .nav-item:hover,
html[data-theme="dark"] body.zyro-gridwave .nav-item.active,
html[data-theme="dark"] body.zyro-gridwave .drawer-account-guest{background:#111f2f!important}
html[data-theme="dark"] body.zyro-gridwave .server-live-head h2,
html[data-theme="dark"] body.zyro-gridwave .server-live-head p,
html[data-theme="dark"] body.zyro-gridwave .server-cpu-model,
html[data-theme="dark"] body.zyro-gridwave .server-bar>b,
html[data-theme="dark"] body.zyro-gridwave .metric-ring-inner b{color:var(--neo-ink)!important}

/* Laptop */
@media (min-width:1024px) and (max-width:1279px){
  body.zyro-gridwave .contact-strip,
  body.zyro-gridwave .app-shell,
  body.zyro-gridwave .site-footer,
  body.zyro-gridwave .promo-pin-board{width:calc(100vw - 28px)!important}
  body.zyro-gridwave .promo-showcase-card{grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr)!important;padding:22px!important;gap:18px!important}
  body.zyro-gridwave .promo-showcase-card .poster-slide-media img{height:190px!important}
  body.zyro-gridwave .desktop-panel-config-grid{grid-template-columns:minmax(320px,.76fr) minmax(0,1.24fr)!important;padding:16px!important;gap:16px!important}
  body.zyro-gridwave .package-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.zyro-gridwave .other-services-rail{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.zyro-gridwave #panelOrderForm>.server-live-card{grid-template-columns:minmax(320px,.75fr) minmax(0,1.25fr)!important;padding:22px!important;gap:16px 18px!important}
}

/* Mobile / tablet */
@media (max-width:1023px){
  body.zyro-gridwave{background-size:28px 28px,28px 28px,auto,auto}
  body.zyro-gridwave .topbar{height:72px;padding:0 16px;grid-template-columns:48px 1fr auto}
  body.zyro-gridwave .icon-button,body.zyro-gridwave .topbar-action{width:44px;height:44px;border-radius:13px!important;box-shadow:2px 2px 0 rgba(17,24,39,.08)!important}
  body.zyro-gridwave .contact-strip,
  body.zyro-gridwave .app-shell,
  body.zyro-gridwave .site-footer,
  body.zyro-gridwave .promo-pin-board{width:calc(100vw - 24px)!important}
  body.zyro-gridwave .contact-strip{padding:16px 0 10px!important;gap:10px}
  body.zyro-gridwave .outline-button{min-height:54px;padding:0 14px;font-size:.88rem;border-radius:15px!important}
  body.zyro-gridwave .profile{min-height:0;margin-top:8px;padding:22px 18px;grid-template-columns:60px minmax(0,1fr);gap:14px;border-radius:22px}
  body.zyro-gridwave .profile::after{display:none}
  body.zyro-gridwave .profile .avatar{width:60px;height:60px;border-radius:17px!important}
  body.zyro-gridwave .gradient-title{font-size:1.72rem!important;line-height:1.04!important}
  body.zyro-gridwave .profile p{font-size:.88rem!important}
  body.zyro-gridwave .profile-status{grid-column:1/-1;width:max-content;padding:7px 12px 7px 30px!important;font-size:.72rem!important}
  body.zyro-gridwave .promo-showcase-card{display:block!important;margin:16px 0!important;padding:20px!important;border-radius:22px!important}
  body.zyro-gridwave .promo-showcase-head h2{font-size:2rem!important}
  body.zyro-gridwave .promo-showcase-card .poster-swiper-shell{margin-top:18px!important}
  body.zyro-gridwave .promo-showcase-card .poster-swiper-track{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-auto-columns:82%!important;
    grid-template-columns:none!important;
    gap:12px!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    padding:2px 4px 9px!important;
  }
  body.zyro-gridwave .promo-showcase-card .poster-slide-card{scroll-snap-align:start!important}
  body.zyro-gridwave .promo-showcase-card .poster-slide-media img{height:205px!important}
  body.zyro-gridwave .promo-showcase-card .poster-swiper-dots{display:flex!important;margin-top:12px!important}
  body.zyro-gridwave .home-panel-heading{margin:28px 0 16px!important}
  body.zyro-gridwave .home-panel-heading h1{font-size:2.3rem!important}
  body.zyro-gridwave .home-stats-card{grid-template-columns:auto 1fr!important;padding:18px!important}
  body.zyro-gridwave .home-stats-card .stat-side{grid-column:1/-1;padding-top:12px;border-top:1px solid rgba(17,24,39,.12)}
  body.zyro-gridwave .home-features{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
  body.zyro-gridwave .home-features .feature{min-height:100px!important;padding:13px!important}
  body.zyro-gridwave .home-features .feature small{font-size:.73rem!important}
  body.zyro-gridwave .other-services-rail{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body.zyro-gridwave .desktop-panel-config-grid{display:block!important;margin-top:16px!important;padding:14px!important;border-radius:22px!important}
  body.zyro-gridwave .desktop-server-column,body.zyro-gridwave .panel-server-spec-grid-row,body.zyro-gridwave .desktop-capacity-column{display:block!important;margin:0!important}
  body.zyro-gridwave .panel-server-spec-grid-row{margin-top:14px!important}
  body.zyro-gridwave .desktop-capacity-column{margin-top:18px!important}
  body.zyro-gridwave .panel-server-compact-selector{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  body.zyro-gridwave .panel-server-compact-option{min-height:88px!important;padding:12px 9px!important;border-radius:14px!important}
  body.zyro-gridwave .package-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  body.zyro-gridwave .package-card{min-height:104px!important;padding:14px!important}
  body.zyro-gridwave .panel-spec-terminal-lines{padding:14px!important}
  body.zyro-gridwave .panel-spec-terminal-lines>.panel-spec-terminal-line{grid-template-columns:minmax(82px,.62fr) minmax(0,1.38fr)!important;font-size:.72rem!important}
  body.zyro-gridwave #panelOrderForm>.server-title{margin-top:28px!important;padding-top:22px!important}
  body.zyro-gridwave #panelOrderForm>.server-live-card{display:block!important;padding:18px!important;border-radius:22px!important}
  body.zyro-gridwave #panelOrderForm>.server-live-card>*{margin-top:16px!important}
  body.zyro-gridwave #panelOrderForm>.server-live-card>.server-live-head{margin-top:0!important;padding-bottom:16px!important}
  body.zyro-gridwave #panelOrderForm>.server-live-card>.zyro-mini-terminal{min-height:0!important}
  body.zyro-gridwave #panelOrderForm>.server-live-card>.server-bars{padding:15px!important}
  body.zyro-gridwave #panelOrderForm>.server-live-card>.server-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  body.zyro-gridwave .metric-ring{width:132px!important;max-width:100%!important;margin-inline:auto!important}
}

@media (max-width:560px){
  body.zyro-gridwave .brand{gap:8px;font-size:1.05rem}
  body.zyro-gridwave .brand-image-wrap{width:48px!important;height:48px!important}
  body.zyro-gridwave .contact-strip{grid-template-columns:1fr 1fr}
  body.zyro-gridwave .outline-button::before{width:8px;height:8px;box-shadow:0 0 0 4px rgba(8,165,180,.10)}
  body.zyro-gridwave .profile{padding:18px 15px}
  body.zyro-gridwave .profile-kicker{font-size:.61rem!important}
  body.zyro-gridwave .promo-showcase-card{padding:17px!important}
  body.zyro-gridwave .promo-showcase-card .poster-swiper-track{grid-auto-columns:88%!important}
  body.zyro-gridwave .promo-showcase-card .poster-slide-media img{height:190px!important}
  body.zyro-gridwave .home-panel-heading h1{font-size:2rem!important}
  body.zyro-gridwave .home-features{grid-template-columns:1fr!important}
  body.zyro-gridwave .home-features .feature{min-height:76px!important;display:grid!important;grid-template-columns:auto 1fr!important;justify-items:start!important;gap:12px!important}
  body.zyro-gridwave .panel-server-compact-option b{font-size:.80rem!important}
  body.zyro-gridwave .panel-server-compact-option small{font-size:.58rem!important}
  body.zyro-gridwave .panel-spec-terminal-lines>.panel-spec-terminal-line{grid-template-columns:1fr!important;gap:2px!important;padding:8px 0!important}
  body.zyro-gridwave .panel-spec-terminal-line>b::before{content:""!important}
}

@media (prefers-reduced-motion:reduce){
  body.zyro-gridwave::before,
  body.zyro-gridwave .panel-spec-terminal-window::before,
  body.zyro-gridwave .profile-status::before,
  body.zyro-gridwave .live-status i,
  body.zyro-gridwave .primary-button::after{animation:none!important}
}