/* ===== Service pages: "At a glance" summary (direct answer + key facts) ===== */
.nx-glance .nx-glance-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(28px,4vw,64px);align-items:start}
.nx-glance h2{margin:10px 0 18px}
.nx-glance .nx-glance-def{margin:0;font-size:clamp(17px,1.5vw,19px);line-height:1.7;color:#d6e5ec;max-width:560px}
.nx-glance .nx-glance-updated{margin:22px 0 0;display:block;font-size:13px;font-weight:700;line-height:1.6;color:#8fa9bd}
.nx-glance .nx-glance-updated::before{content:'';display:inline-block;vertical-align:middle;margin:-2px 8px 0 0;width:7px;height:7px;border-radius:50%;background:#2fd27a}
.nx-glance .nx-glance-facts{list-style:none;margin:0;padding:6px 26px;border-radius:20px;background:#0a1726;border:1px solid #1f3a4f}
.nx-glance .nx-glance-facts li{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;padding:16px 0;border-top:1px solid #16293b}
.nx-glance .nx-glance-facts li:first-child{border-top:0}
.nx-glance .nx-glance-label{white-space:nowrap;position:relative;padding-left:16px;font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#ffbe32;line-height:1.6}
.nx-glance .nx-glance-label::before{content:'';position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:2px;background:#28b6d5}
.nx-glance .nx-glance-value{font-size:15px;line-height:1.65;color:#c5d6e3}
.nx-glance .nx-glance-value a{color:#7fd3e6;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.nx-glance .nx-glance-value a:hover{color:#ffbe32}
@media(max-width:1100px){.nx-glance .nx-glance-grid{grid-template-columns:1fr}.nx-glance .nx-glance-def{max-width:760px}}
@media(max-width:560px){
  .nx-glance .nx-glance-facts{padding:4px 18px}
  .nx-glance .nx-glance-facts li{grid-template-columns:1fr;gap:6px;padding:14px 0}
  .nx-glance .nx-glance-value{font-size:14.5px}
}

/* ===== "At a glance" v2: key facts as cards (eBay store creation page first) ===== */
.nx-glance-v2 .nx-glance-grid{align-items:center}
.gl2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.gl-card{position:relative;display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:18px;background:linear-gradient(160deg,#0d1f31 0%,#0a1726 70%);border:1px solid #1f3a4f;overflow:hidden;transition:border-color .3s,transform .3s,box-shadow .3s}
.gl-card::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(420px 120px at var(--mx,20%) 0%,rgba(40,182,213,.10),transparent 70%);opacity:0;transition:opacity .3s}
.gl-card:hover{border-color:#2b5674;transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.35)}.gl-card:hover::after{opacity:1}
.gl-wide{grid-column:1/-1}
.gl-ic{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#ffbe32;background:rgba(255,190,50,.10);border:1px solid rgba(255,190,50,.25)}
.gl-ic svg{width:21px;height:21px}
.gl-body{min-width:0;flex:1}
.gl-k{margin:2px 0 6px;font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#ffbe32;line-height:1.5}
.gl-k small{margin-left:8px;padding:2px 8px;border-radius:99px;background:rgba(40,182,213,.14);color:#7fd3e6;font-size:11px;letter-spacing:.04em}
.nx-glance-v2 .gl-v{margin:0;font-size:15px;line-height:1.65;color:#c5d6e3}.nx-glance-v2 .gl-sm{font-size:13.5px;color:#9fb6c7}
.nx-glance-v2 .gl-big{margin:0 0 2px;font-size:clamp(26px,2.6vw,32px);font-weight:800;line-height:1.15;color:#fff;letter-spacing:-.01em}
.gl-link{display:inline-flex;align-items:center;gap:6px;margin:2px 0 6px;padding:8px 14px;border-radius:99px;border:1px solid #2b5674;color:#7fd3e6;font-weight:800;font-size:14.5px;text-decoration:none;transition:background .25s,color .25s,border-color .25s}
.gl-link:hover{background:#ffbe32;border-color:#ffbe32;color:#101923}
.gl-steps{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;counter-reset:none}
.gl-steps li{position:relative;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:#081420;border:1px solid #16293b;font-size:14px;color:#d6e5ec;line-height:1.35}
.gl-steps b{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12.5px;font-weight:800;color:#101923;background:#ffbe32}
/* entrance animation (only when JavaScript runs and motion is allowed; otherwise everything is simply visible) */
.nx-glance-v2.gl-js .gl-card{opacity:0;transform:translateY(18px)}
.nx-glance-v2.gl-in .gl-card{animation:glUp .65s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--d,0) * 110ms)}
.nx-glance-v2.gl-js .gl-steps li{opacity:0}
.nx-glance-v2.gl-in .gl-steps li{animation:glPop .45s cubic-bezier(.3,1.4,.5,1) both;animation-delay:calc(260ms + var(--s,0) * 90ms)}
.nx-glance-v2.gl-in .gl-big{animation:glGlow 1.6s ease .7s both}
@keyframes glUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes glPop{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}
@keyframes glGlow{0%{color:#fff}40%{color:#ffbe32}100%{color:#fff}}
@media(max-width:1100px){.nx-glance-v2 .nx-glance-grid{align-items:start}}
@media(max-width:640px){.gl2{grid-template-columns:1fr}.gl-card{padding:16px}.gl-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.gl-ic{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.nx-glance-v2 .gl-card,.nx-glance-v2 .gl-steps li,.nx-glance-v2 .nx-glance-copy>*{opacity:1!important;transform:none!important;animation:none!important}.gl-card,.gl-link{transition:none}}

/* v2 left column: overview, who it suits, promises and actions */
.nx-glance-v2 .gl-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:6px 14px 6px 10px;border-radius:99px;background:rgba(40,182,213,.10);border:1px solid rgba(40,182,213,.28);color:#7fd3e6;letter-spacing:.06em;font-size:13px}
.gl-dot{width:8px;height:8px;border-radius:50%;background:#2fd27a;box-shadow:0 0 0 0 rgba(47,210,122,.55);animation:glPulse 2.2s ease-out infinite}
@keyframes glPulse{0%{box-shadow:0 0 0 0 rgba(47,210,122,.55)}70%{box-shadow:0 0 0 9px rgba(47,210,122,0)}100%{box-shadow:0 0 0 0 rgba(47,210,122,0)}}
.gl-fit{margin:26px 0 0}
.gl-fit-t{display:block;margin-bottom:10px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8fa9bd}
.gl-fit ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.gl-fit li{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:99px;background:#0a1726;border:1px solid #1f3a4f;font-size:14px;font-weight:700;color:#e6eff5}
.gl-fit li svg{width:15px;height:15px;color:#2fd27a;flex:none}
.gl-promise{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.gl-promise li{display:flex;gap:10px;align-items:flex-start;padding:14px;border-radius:14px;background:linear-gradient(160deg,#0d1f31,#0a1726);border:1px solid #1a3448}
.gl-pi{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#7fd3e6;background:rgba(40,182,213,.12)}.gl-pi svg{width:18px;height:18px}
.gl-promise b{display:block;font-size:14px;line-height:1.3;color:#fff}.gl-promise small{display:block;margin-top:3px;font-size:12.5px;line-height:1.4;color:#9fb6c7}
.gl-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:26px}
.gl-actions .detail-cta{margin:0}
.gl-ghost{display:inline-flex;align-items:center;gap:6px;color:#d6e5ec;font-weight:800;font-size:15px;text-decoration:none;border-bottom:2px solid rgba(255,190,50,.45);padding-bottom:2px;transition:color .25s,border-color .25s}
.gl-ghost:hover{color:#ffbe32;border-color:#ffbe32}
.nx-glance-v2.gl-js .nx-glance-copy>*{opacity:0;transform:translateY(16px)}
.nx-glance-v2.gl-in .nx-glance-copy>*{animation:glUp .6s cubic-bezier(.2,.7,.2,1) both}
.nx-glance-v2.gl-in .nx-glance-copy>:nth-child(2){animation-delay:.08s}.nx-glance-v2.gl-in .nx-glance-copy>:nth-child(3){animation-delay:.16s}
.nx-glance-v2.gl-in .nx-glance-copy>:nth-child(4){animation-delay:.26s}.nx-glance-v2.gl-in .nx-glance-copy>:nth-child(5){animation-delay:.36s}.nx-glance-v2.gl-in .nx-glance-copy>:nth-child(6){animation-delay:.46s}
@media(max-width:1280px){.gl-promise{grid-template-columns:1fr}}
@media(max-width:1100px){.gl-promise{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.gl-promise{grid-template-columns:1fr}.gl-fit li{font-size:13.5px}}
@media(prefers-reduced-motion:reduce){.gl-dot{animation:none}}
