@import url("/assets/site-20260823-fieldacta.css");

/* GoodService */
.goodservice-card {
  background: radial-gradient(circle at 12% 12%, rgba(51,187,255,.18), transparent 31%), linear-gradient(135deg, rgba(62,111,255,.14), rgba(255,255,255,.035));
}

.goodservice-card-art {
  background: radial-gradient(circle at 50% 42%, rgba(41,213,255,.25), transparent 28%), radial-gradient(circle at 48% 48%, rgba(47,79,231,.3), transparent 58%), #050d27;
}

.goodservice-card-art::before,
.goodservice-card-art::after {
  border-color: rgba(101,224,255,.18);
  animation: goodserviceOrbit 16s linear infinite;
}

.goodservice-card-art::after {
  border-color: rgba(91,116,255,.12);
  animation: goodserviceOrbit 22s linear infinite reverse;
}

.goodservice-app-icon,
.goodservice-cta-icon {
  position: relative;
  z-index: 2;
  display: block;
  object-fit: cover;
  border: 1px solid rgba(220,246,255,.46);
  box-shadow: inset 0 1px 1px rgba(255,255,255,.65), 0 30px 80px rgba(0,83,255,.4), 0 0 55px rgba(53,222,255,.18);
}

.goodservice-app-icon {
  width: 158px;
  height: 158px;
  border-radius: 38px;
  transform: rotate(-3deg);
}

.goodservice-availability i {
  background: #62f5d3;
  box-shadow: 0 0 13px rgba(98,245,211,.9);
}

.goodservice-product-hero {
  min-height: 930px;
  background: radial-gradient(circle at 77% 37%, rgba(29,153,255,.31), transparent 28%), radial-gradient(circle at 16% 86%, rgba(39,230,217,.08), transparent 27%), linear-gradient(145deg, #030716, #061437 58%, #05122f);
}

.goodservice-product-hero .product-hero-ring {
  border-color: rgba(68,219,255,.14);
  box-shadow: 0 0 105px rgba(36,179,255,.07);
  animation: goodserviceOrbit 25s linear infinite;
}

.goodservice-product-hero h1 em {
  background: linear-gradient(102deg, #ecfdff 0%, #5ce4ff 42%, #4f8cff 75%, #67f4d1 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.goodservice-product-lockup {
  border-color: rgba(87,221,255,.19);
  background: linear-gradient(120deg, rgba(36,188,255,.1), rgba(255,255,255,.045));
}

.goodservice-product-lockup img {
  width: 38px;
  height: 38px;
  border-radius: 11px;
  box-shadow: 0 8px 22px rgba(0,105,255,.3);
}

.goodservice-workspace-scene {
  position: relative;
  width: 690px;
  height: 530px;
  justify-self: center;
  perspective: 1300px;
}

.goodservice-window {
  position: absolute;
  top: 32px;
  left: 0;
  width: 690px;
  height: 448px;
  overflow: hidden;
  border: 1px solid rgba(207,235,255,.24);
  border-radius: 25px;
  background: rgba(6,14,35,.86);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.23), 0 55px 110px rgba(0,2,19,.55), 0 0 95px rgba(39,152,255,.16);
  backdrop-filter: blur(28px) saturate(150%);
  transform: rotateY(-5deg) rotateX(1deg);
  animation: goodserviceFloat 7s ease-in-out infinite;
}

.goodservice-window::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(120deg, rgba(255,255,255,.09), transparent 24%, transparent 72%, rgba(64,225,255,.045));
}

.goodservice-window-bar {
  height: 43px;
  padding: 0 15px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  border-bottom: 1px solid rgba(204,232,255,.1);
  background: rgba(255,255,255,.035);
  color: rgba(227,240,255,.72);
  font-size: 9px;
}

.goodservice-window-bar > b { color: rgba(244,250,255,.86); }
.goodservice-window-dots { display: flex; gap: 5px; }
.goodservice-window-dots i { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.2); }
.goodservice-window-dots i:nth-child(1) { background: #ff7381; }
.goodservice-window-dots i:nth-child(2) { background: #ffc861; }
.goodservice-window-dots i:nth-child(3) { background: #5ee6ab; }

.goodservice-search {
  justify-self: end;
  min-width: 112px;
  padding: 7px 10px;
  border: 1px solid rgba(205,231,255,.1);
  border-radius: 8px;
  background: rgba(255,255,255,.04);
  color: rgba(218,233,255,.36);
}

.goodservice-window-body { height: calc(100% - 43px); display: grid; grid-template-columns: 138px 1fr; }
.goodservice-sidebar { padding: 17px 13px 13px; display: flex; flex-direction: column; border-right: 1px solid rgba(205,231,255,.09); background: rgba(52,98,180,.055); }
.goodservice-sidebar > strong { display: flex; align-items: center; gap: 8px; color: rgba(245,250,255,.9); font-size: 9px; }
.goodservice-sidebar > strong img { width: 24px; height: 24px; border-radius: 7px; }
.goodservice-sidebar nav { margin-top: 22px; display: grid; gap: 5px; }
.goodservice-sidebar nav span { padding: 8px 9px; display: flex; align-items: center; gap: 9px; border: 1px solid transparent; border-radius: 8px; color: rgba(218,233,255,.43); font-size: 8px; }
.goodservice-sidebar nav span.active { border-color: rgba(70,210,255,.14); background: linear-gradient(115deg, rgba(39,187,255,.14), rgba(64,99,240,.08)); color: #83e8ff; }
.goodservice-sidebar nav i { width: 14px; color: inherit; font-style: normal; text-align: center; }
.goodservice-sidebar > small { margin-top: auto; padding: 9px; border: 1px solid rgba(99,226,255,.1); border-radius: 9px; color: rgba(218,233,255,.35); font-size: 6px; line-height: 1.5; }
.goodservice-sidebar > small b { color: #6debd5; font-size: 6px; }

.goodservice-dashboard {
  min-width: 0;
  padding: 22px 22px 18px;
  background: radial-gradient(circle at 90% 0%, rgba(54,143,255,.11), transparent 28%), rgba(4,10,27,.45);
}

.goodservice-dashboard > header { display: flex; align-items: center; justify-content: space-between; }
.goodservice-dashboard header small { color: rgba(218,233,255,.35); font-size: 7px; }
.goodservice-dashboard header h3 { margin: 3px 0 0; color: #f4f9ff; font-size: 16px; letter-spacing: -.04em; }
.goodservice-dashboard header button { min-height: 30px; padding: 0 12px; border: 1px solid rgba(169,240,255,.24); border-radius: 9px; background: linear-gradient(125deg, #68e9ff, #4889ff); color: #04112d; font-size: 7px; font-weight: 800; }

.goodservice-metrics { margin-top: 17px; display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; }
.goodservice-metrics article { min-height: 88px; padding: 12px; display: flex; flex-direction: column; border: 1px solid rgba(202,230,255,.1); border-radius: 12px; background: linear-gradient(145deg, rgba(111,164,255,.09), rgba(255,255,255,.025)); box-shadow: inset 0 1px 0 rgba(255,255,255,.08); }
.goodservice-metrics span, .goodservice-metrics small { color: rgba(218,233,255,.38); font-size: 7px; }
.goodservice-metrics strong { margin: auto 0 4px; color: #f6faff; font-size: 20px; letter-spacing: -.06em; }

.goodservice-orders { margin-top: 13px; padding: 12px; border: 1px solid rgba(202,230,255,.1); border-radius: 13px; background: rgba(255,255,255,.025); }
.goodservice-orders-head { padding: 0 2px 8px; display: flex; justify-content: space-between; color: rgba(241,248,255,.76); font-size: 8px; }
.goodservice-orders-head span { color: #62dfff; }
.goodservice-orders article { min-height: 49px; display: grid; grid-template-columns: 7px 1fr auto 46px; gap: 9px; align-items: center; border-top: 1px solid rgba(206,231,255,.07); }
.goodservice-orders article > i { width: 6px; height: 6px; border-radius: 50%; background: #56b9ff; box-shadow: 0 0 8px currentColor; }
.goodservice-orders article > i.is-violet { background: #9b82ff; }
.goodservice-orders article > i.is-green { background: #5ce4b5; }
.goodservice-orders article span { min-width: 0; display: flex; flex-direction: column; }
.goodservice-orders article b, .goodservice-orders article strong { color: rgba(244,249,255,.83); font-size: 7px; }
.goodservice-orders article small { margin-top: 3px; overflow: hidden; color: rgba(216,231,255,.35); font-size: 6px; text-overflow: ellipsis; white-space: nowrap; }
.goodservice-orders article em { padding: 4px 7px; border: 1px solid rgba(101,217,255,.11); border-radius: 999px; background: rgba(61,172,255,.07); color: rgba(141,225,255,.7); font-size: 6px; font-style: normal; }
.goodservice-orders article strong { text-align: right; }

.goodservice-floating-order,
.goodservice-floating-sync {
  position: absolute;
  z-index: 4;
  min-width: 176px;
  padding: 13px 15px;
  display: flex;
  align-items: center;
  gap: 11px;
  border: 1px solid rgba(208,237,255,.22);
  border-radius: 16px;
  background: linear-gradient(130deg, rgba(145,202,255,.18), rgba(53,88,183,.12));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 24px 55px rgba(0,3,24,.43);
  backdrop-filter: blur(24px) saturate(160%);
}

.goodservice-floating-order { left: -30px; bottom: 4px; }
.goodservice-floating-sync { right: -7px; top: 5px; }
.goodservice-floating-order > span, .goodservice-floating-sync > span { width: 31px; height: 31px; display: grid; place-items: center; border: 1px solid rgba(103,228,255,.22); border-radius: 10px; background: rgba(57,197,255,.1); color: #6fe8ff; font-size: 11px; }
.goodservice-floating-order > div, .goodservice-floating-sync > div { display: flex; flex-direction: column; }
.goodservice-floating-order b, .goodservice-floating-sync b { color: rgba(244,250,255,.86); font-size: 9px; }
.goodservice-floating-order small, .goodservice-floating-sync small { margin-top: 3px; color: rgba(218,233,255,.42); font-size: 7px; }

.goodservice-intro { background: radial-gradient(circle at 72% 32%, rgba(46,195,255,.1), transparent 35%), rgba(7,16,40,.52); }
.goodservice-signal-grid { grid-column: 2; margin-top: 30px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 11px; }
.goodservice-signal-grid article { min-height: 108px; padding: 19px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid rgba(198,231,255,.13); border-radius: 20px; background: linear-gradient(145deg, rgba(55,174,255,.09), rgba(255,255,255,.025)); box-shadow: inset 0 1px 0 rgba(255,255,255,.1); }
.goodservice-signal-grid strong { color: #75eaff; font: 720 18px var(--font-geist-mono), monospace; letter-spacing: -.06em; }
.goodservice-signal-grid span { color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }

.goodservice-privacy-note { margin-top: 38px; padding: 25px 28px; display: grid; grid-template-columns: 44px 1fr; gap: 17px; align-items: start; border: 1px solid rgba(115,230,255,.16); border-radius: 24px; background: linear-gradient(130deg, rgba(44,176,255,.1), rgba(75,241,202,.035)); box-shadow: inset 0 1px 0 rgba(255,255,255,.1); }
.goodservice-privacy-note > span { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(96,225,255,.27); border-radius: 14px; background: rgba(55,194,255,.09); color: #79eaff; font: 700 16px var(--font-geist-mono), monospace; }
.goodservice-privacy-note h3 { margin: 1px 0 8px; color: var(--white); font-size: 18px; }
.goodservice-privacy-note p { max-width: 840px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.7; }

.goodservice-cta-inner { background: radial-gradient(circle at 5% 0%, rgba(47,190,255,.17), transparent 31%), linear-gradient(135deg, rgba(53,99,215,.11), rgba(63,236,203,.035)); }
.goodservice-cta-icon { width: 122px; height: 122px; border-radius: 31px; transform: rotate(-3deg); }
.goodservice-legal-site .legal-hero { background: radial-gradient(circle at 78% 25%, rgba(35,177,255,.28), transparent 32%), radial-gradient(circle at 10% 100%, rgba(71,237,208,.06), transparent 28%), linear-gradient(145deg, #030716, #061835); }
.goodservice-legal-site .legal-date, .goodservice-legal-site .section-label { color: #72e7ff; }
.goodservice-legal-site .privacy-summary article > i, .goodservice-legal-site .policy-email { background: linear-gradient(135deg, #bff8ff, #4ccbf0 56%, #51e7c5); color: #052035; }

@keyframes goodserviceOrbit { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes goodserviceFloat { 0%, 100% { transform: rotateY(-5deg) rotateX(1deg) translateY(0); } 50% { transform: rotateY(-3deg) rotateX(.5deg) translateY(-8px); } }

@media (max-width: 1240px) and (min-width: 981px) {
  .goodservice-workspace-scene, .goodservice-window { width: 610px; }
}

@media (max-width: 980px) {
  .goodservice-workspace-scene { width: min(100%,690px); margin: 0 auto; }
  .goodservice-window { width: 100%; transform: none; }
  .goodservice-signal-grid { grid-column: 2; }
}

@media (max-width: 680px) {
  .goodservice-app-icon { transform: scale(.84) rotate(-3deg); }
  .goodservice-workspace-scene { height: 480px; }
  .goodservice-window { top: 26px; height: 405px; border-radius: 21px; animation: none; }
  .goodservice-window-body { grid-template-columns: 1fr; }
  .goodservice-sidebar { display: none; }
  .goodservice-dashboard { padding: 18px 14px 14px; }
  .goodservice-dashboard header h3 { font-size: 14px; }
  .goodservice-metrics { gap: 6px; }
  .goodservice-metrics article { min-height: 78px; padding: 9px; }
  .goodservice-metrics strong { font-size: 16px; }
  .goodservice-orders { margin-top: 9px; }
  .goodservice-orders article { grid-template-columns: 7px 1fr auto; }
  .goodservice-orders article > strong { display: none; }
  .goodservice-floating-order { left: -6px; bottom: 0; }
  .goodservice-floating-sync { right: -4px; top: 1px; }
  .goodservice-signal-grid { grid-column: 1; grid-template-columns: 1fr; }
  .goodservice-signal-grid article { min-height: 95px; }
  .goodservice-privacy-note { grid-template-columns: 1fr; padding: 22px; }
  .goodservice-cta-icon { width: 112px; height: 112px; border-radius: 28px; }
}

@media (max-width: 430px) {
  .goodservice-search { display: none; }
  .goodservice-metrics article:nth-child(3) { display: none; }
  .goodservice-metrics { grid-template-columns: repeat(2,1fr); }
  .goodservice-floating-order, .goodservice-floating-sync { min-width: 150px; padding: 10px 11px; }
}

@media (prefers-reduced-motion: reduce) {
  .goodservice-card-art::before,
  .goodservice-card-art::after,
  .goodservice-product-hero .product-hero-ring,
  .goodservice-window { animation: none !important; }
}