/* linkdsys.com/services (kd 2026-10-29). Same structure as indiagram.in/services v2, LinkdSys look.
   No new palette: accent = --bs-primary / --bs-accent (brand.css), surfaces and text = --g-* (google-linkedin-amazon.css,
   which also carries the dark theme values), fallbacks are the light values. */
.sv{--sv-a:var(--bs-primary,#1A5CFF);--sv-a2:var(--bs-accent,#4C86FF);--sv-soft:var(--bs-primary-soft,#EAF0FF);
  --sv-bg:var(--g-surface,#fff);--sv-ink:var(--g-ink,#0B1B33);--sv-mut:var(--g-muted,#475569);--sv-bd:var(--g-border,#E2E8F0);--sv-zebra:var(--g-canvas,#F8FAFC);
  max-width:1320px;margin:0 auto;padding:28px 16px 64px;color:var(--sv-ink);font-family:var(--bs-font-body,Inter,system-ui,sans-serif);box-sizing:border-box}
.sv *,.sv *::before,.sv *::after{box-sizing:border-box}
.sv .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sv-hero{padding:8px 0 18px;max-width:860px}
.sv-eyebrow{display:inline-block;margin:0;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--sv-a);background:var(--sv-soft);padding:6px 12px;border-radius:999px}
.sv-hero h1{font-family:var(--bs-font-display,'Inter Tight',Inter,sans-serif);font-size:clamp(26px,4.4vw,40px);line-height:1.12;letter-spacing:-.02em;margin:14px 0 10px}
.sv-lede{color:var(--sv-mut);line-height:1.6;margin:0;max-width:70ch}

.sv-layout{display:grid;grid-template-columns:208px minmax(0,1fr);gap:20px;align-items:start}
.sv-menu{position:sticky;top:84px;display:flex;flex-direction:column;gap:2px;padding:12px;background:var(--sv-bg);border:1px solid var(--sv-bd);border-radius:16px;max-height:calc(100vh - 100px);overflow:auto}
.sv-menu-h{margin:2px 8px 8px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sv-mut)}
.sv-menu a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;color:var(--sv-ink);text-decoration:none;font-size:14px;font-weight:500}
.sv-menu a b{font-size:12px;font-weight:600;color:var(--sv-mut);font-variant-numeric:tabular-nums}
.sv-menu a:hover{background:var(--sv-zebra)}
.sv-menu a.is-on{background:var(--sv-soft);color:var(--sv-a);font-weight:700}
.sv-menu a.is-on b{color:var(--sv-a)}
.sv-menu .sv-menu-foot{margin:10px 8px 2px;font-size:12px;color:var(--sv-mut)}
.sv-menu .sv-menu-foot a{display:inline;padding:0;font-size:12px;color:var(--sv-a)}

.sv-main{min-width:0}
.sv-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:6px}
.sv-search{flex:1 1 300px;display:flex;align-items:center;gap:8px;padding:0 12px;height:44px;background:var(--sv-bg);border:1px solid var(--sv-bd);border-radius:12px;color:var(--sv-mut)}
.sv-search:focus-within{border-color:var(--sv-a);box-shadow:0 0 0 3px var(--sv-soft)}
.sv-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:15px;color:var(--sv-ink)}
.sv-sel{appearance:none;-webkit-appearance:none;height:44px;padding:0 36px 0 12px;border:1px solid var(--sv-bd);border-radius:12px;background:var(--sv-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center;font:inherit;font-size:14px;color:var(--sv-ink);cursor:pointer}
.sv-count{flex:1 0 100%;margin:2px 2px 0;font-size:13px;color:var(--sv-mut)}
.sv-count b{color:var(--sv-ink);font-variant-numeric:tabular-nums}

.sv-sec{margin-top:26px}
.sv-sec-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:10px}
.sv-sec-h h2{font-family:var(--bs-font-display,inherit);font-size:20px;margin:0}
.sv-sec-h h2 small{font-size:13px;font-weight:600;color:var(--sv-mut);margin-left:4px}
.sv-sec-h p{margin:0;font-size:14px;color:var(--sv-mut)}

.sv-wrap{position:relative;background:var(--sv-bg);border:1px solid var(--sv-bd);border-radius:16px;overflow:hidden}
.sv-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.sv-t{min-width:880px}
.sv-head,.sv-row{display:grid;grid-template-columns:104px minmax(220px,1fr) 92px 104px 64px 84px 80px 74px;align-items:center;column-gap:8px;padding:0 12px}
.sv-head{height:40px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--sv-mut);border-bottom:1px solid var(--sv-bd);background:var(--sv-zebra)}
.sv-head .r,.sv-n{text-align:right}
.sv-n{font-variant-numeric:tabular-nums;font-size:14px}
.sv-row{min-height:60px;padding-top:9px;padding-bottom:9px;border-bottom:1px solid var(--sv-bd);cursor:pointer;transition:background .12s}
.sv-row:nth-of-type(odd){background:color-mix(in srgb,var(--sv-zebra) 55%,transparent)}
.sv-row:hover,.sv-row.is-open{background:var(--sv-soft)}
.sv-row[hidden],.sv-row.is-off{display:none}
.sv-c-p1 b{font-size:15px;font-weight:800}
.sv-c-pk{color:var(--sv-mut)}

/* ID ticker + instant ring (start 0 to 15 min, from the listing's own wording) */
@property --sv-ang{syntax:'<angle>';inherits:false;initial-value:0deg}
.sv-tk{position:relative;display:inline-flex;border-radius:12px;padding:1px;background:var(--sv-bd)}
.sv-tk-in{display:flex;flex-direction:column;gap:1px;padding:5px 9px;border-radius:11px;background:var(--sv-bg);font-family:var(--bs-font-mono,'JetBrains Mono',ui-monospace,monospace);line-height:1.15}
.sv-tk-pf{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--sv-a)}
.sv-tk-id{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.sv-tk-lbl{display:inline-flex;align-items:center;gap:2px;font-family:var(--bs-font-body,Inter,sans-serif);font-size:10px;font-weight:700;color:#047857}
.is-inst .sv-tk{padding:2px;background:conic-gradient(from var(--sv-ang),var(--sv-a),var(--sv-a2) 30%,#12B886 50%,var(--sv-a2) 70%,var(--sv-a));animation:sv-spin 3.2s linear infinite}
.is-inst .sv-tk::after{content:"";position:absolute;inset:-3px;z-index:-1;border-radius:14px;background:inherit;filter:blur(7px);opacity:.35}
@keyframes sv-spin{to{--sv-ang:360deg}}
@media (prefers-reduced-motion:reduce){.is-inst .sv-tk{animation:none}}

.sv-c-nm{display:flex;flex-direction:column;gap:5px;min-width:0}
.sv-title{font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.sv-tags{display:flex;flex-wrap:wrap;gap:5px}
.sv-b{font-style:normal;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--sv-soft);color:var(--sv-a);white-space:nowrap}
.sv-b--ok{background:var(--bs-success-soft,#ECFDF5);color:#047857}
.sv-b--no{background:var(--bs-danger-soft,#FFF1F2);color:#BE123C}
.sv-b--mut{background:var(--sv-zebra);color:var(--sv-mut);border:1px solid var(--sv-bd)}
.sv-st{display:inline-block;font-size:13px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--sv-zebra);border:1px solid var(--sv-bd);white-space:nowrap}
.sv-st.is-inst{background:var(--bs-success-soft,#ECFDF5);border-color:transparent;color:#047857}
.sv-ns{font-size:12px;color:var(--sv-mut)}
.sv-c-go{text-align:right}
.sv-buy{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 13px;border:0;border-radius:10px;background:var(--sv-a);color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.sv-buy:hover{filter:brightness(1.08)}
.sv-row.is-open .sv-buy svg{transform:rotate(180deg)}
.sv-mob{display:none}
.sv-hint{display:none;margin:0;padding:8px 14px;font-size:12px;color:var(--sv-mut);border-top:1px solid var(--sv-bd)}
.sv-more{display:block;margin:12px auto 0;padding:10px 18px;border:1px solid var(--sv-bd);border-radius:999px;background:var(--sv-bg);color:var(--sv-a);font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.sv-more:hover{border-color:var(--sv-a)}
.sv-empty{padding:24px;text-align:center;color:var(--sv-mut);background:var(--sv-bg);border:1px dashed var(--sv-bd);border-radius:16px;margin-top:20px}
.sv-link{border:0;background:none;color:var(--sv-a);font:inherit;font-weight:700;cursor:pointer;text-decoration:underline}

/* order panel under a row */
.sv-panel{display:grid;grid-template-columns:170px minmax(220px,1fr) 150px auto;gap:12px;align-items:end;padding:14px;background:var(--sv-soft);border-bottom:1px solid var(--sv-bd)}
.sv-panel[hidden]{display:none}
.sv-f{display:flex;flex-direction:column;gap:5px;min-width:0}
.sv-f small{font-size:11px;color:var(--sv-mut)}
.sv-fcc{grid-column:1 / 3}
.sv-fl{font-size:12px;font-weight:700;color:var(--sv-mut)}
.sv-in{width:100%;height:42px;padding:0 12px;border:1px solid var(--sv-bd);border-radius:10px;background:var(--sv-bg);color:var(--sv-ink);font:inherit;font-size:15px}
textarea.sv-in{height:auto;padding:10px 12px;resize:vertical}
.sv-in:focus{outline:0;border-color:var(--sv-a);box-shadow:0 0 0 3px color-mix(in srgb,var(--sv-a) 18%,transparent)}
.sv-panel .smm-paste-wrap>.sv-in{padding-right:88px}
.sv-tot{display:flex;flex-direction:column;gap:5px}
.sv-tot b{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;line-height:42px}
.sv-go{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:42px;padding:0 20px;border:0;border-radius:10px;background:var(--sv-a);color:#fff;font:inherit;font-size:15px;font-weight:800;cursor:pointer;text-decoration:none}
.sv-go:hover{filter:brightness(1.08)}
.sv-go[disabled]{opacity:.6;cursor:wait}
.sv-err{grid-column:1 / -1;margin:0;font-size:13px;font-weight:600;color:#BE123C}
.sv-err[hidden]{display:none}

/* popup */
.sv-pop{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(15,23,42,.55)}
.sv-pop[hidden]{display:none}
.sv-card{position:relative;width:100%;max-width:440px;max-height:calc(100vh - 32px);overflow:auto;padding:22px 20px;border-radius:18px;background:var(--sv-bg);color:var(--sv-ink);box-shadow:0 24px 60px rgba(15,23,42,.3)}
.sv-card [hidden]{display:none!important}
.sv-x{position:absolute;top:10px;right:12px;width:34px;height:34px;border:0;border-radius:10px;background:var(--sv-zebra);color:var(--sv-ink);font-size:22px;line-height:1;cursor:pointer}
.sv-step{margin:0;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sv-a)}
.sv-pop-h{margin:6px 0 4px;font-family:var(--bs-font-display,inherit);font-size:22px;font-weight:800}
.sv-muted{margin:0 0 8px;color:var(--sv-mut);font-size:14px;line-height:1.5}
.sv-c{text-align:center}
.sv-qrbox{display:flex;justify-content:center;margin:12px 0 6px}
.sv-qrimg{display:block;width:224px;height:224px;background:#fff;border-radius:12px;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}
.sv-card.is-phone .sv-qrimg{width:150px;height:150px}
.sv-big{margin:6px 0 4px;font-size:18px;font-weight:800;line-height:1.3;text-align:center}
.sv-steps{list-style:none;margin:0 0 8px;padding:0;font-size:14px;line-height:1.5}
.sv-small{margin:6px 0;font-size:12px;color:var(--sv-mut)}
.sv-small a{color:var(--sv-a)}
.sv-apps{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:8px 0}
.sv-ghost{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 12px;border:1px solid var(--sv-bd);border-radius:10px;background:var(--sv-bg);color:var(--sv-a);font:inherit;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer}
.sv-ghost[disabled]{opacity:.55}
.sv-w{width:100%}
#sv-desk .sv-ghost{display:flex;margin:0 auto;width:100%}
.sv-utr{display:flex;flex-direction:column;gap:6px;margin-top:14px;padding-top:14px;border-top:1px solid var(--sv-bd)}
.sv-utr .sv-go{margin-top:6px}

.sv-how{margin-top:40px;padding:20px;background:var(--sv-bg);border:1px solid var(--sv-bd);border-radius:16px}
.sv-how h2{margin:0 0 10px;font-size:20px;font-family:var(--bs-font-display,inherit)}
.sv-how ol{margin:0 0 10px;padding-left:20px;line-height:1.6}
.sv-how p{margin:0;color:var(--sv-mut);line-height:1.6}
.sv-how a{color:var(--sv-a)}

/* tablets: categories become a chip bar, table scrolls sideways inside its box */
@media (max-width:1099px){
  .sv-layout{grid-template-columns:minmax(0,1fr)}
  .sv-menu{position:static;flex-direction:row;gap:8px;padding:0;border:0;background:none;max-height:none;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .sv-menu::-webkit-scrollbar{display:none}
  .sv-menu-h,.sv-menu .sv-menu-foot{display:none}
  .sv-menu a{flex:0 0 auto;padding:8px 14px;border:1px solid var(--sv-bd);border-radius:999px;background:var(--sv-bg);white-space:nowrap}
  .sv-menu a.is-on{border-color:var(--sv-a)}
  .sv-hint{display:block}
}
/* phones: one card per service */
@media (max-width:767px){
  .sv{padding-top:18px}
  .sv-t{min-width:0}
  .sv-head{display:none}
  .sv-hint{display:none}
  .sv-row{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"id p1 go" "nm nm nm" "mob mob mob";row-gap:8px;padding:12px 14px;min-height:0}
  .sv-c-id{grid-area:id}.sv-c-p1{grid-area:p1;text-align:right}.sv-c-go{grid-area:go}.sv-c-nm{grid-area:nm}
  .sv-c-pk,.sv-c-mn,.sv-c-mx,.sv-c-st{display:none}
  .sv-c-p1 b{font-size:17px}
  .sv-mob{grid-area:mob;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--sv-mut)}
  .sv-mob b{color:var(--sv-ink)}
  .sv-panel{grid-template-columns:1fr 1fr}
  .sv-fl2{grid-column:1 / -1}.sv-fcc{grid-column:1 / -1}
  .sv-go#sv-boost{grid-column:1 / -1}
  .sv-bar .sv-sortw{flex:1 1 100%}.sv-sel{width:100%}
}
.sv-b--geo{background:var(--bs-accent-soft,#EAF0FF);color:#0E3BB0}