/* ==========================================================================
   خدمت پخش مویرگی  —  /services/distribution/
   شورت‌کد: [hug_service_distribution]
   همهٔ قاعده‌ها زیر .hug-scope.hug-service-distribution اسکوپ شده‌اند؛ با استایل آسترا تداخل ندارند.
   font-family عمداً تعریف نشده تا فونت از سفارشی‌سازی آسترا ارث برسد.
   ========================================================================== */

/* ── تنظیمات محلی ───────────────────────────────────────────────────── */
.hug-scope.hug-service-distribution{
  /* آفست اسکرول برای هدر چسبانِ وردپرس — با ارتفاع هدر خودتان تنظیم کنید */
  --hug-anchor-offset: 110px;
  /* علامتِ جهت: جابه‌جایی‌های افقی در چپ‌چین آینه می‌شوند */
  --hug-dx: 1;
}
.hug-scope.hug-service-distribution.hug-ltr{ --hug-dx: -1; }
.hug-scope.hug-service-distribution [id]{scroll-margin-top:var(--hug-anchor-offset)}

/* اگر برگه را «تمام‌عرض / Stretched» نکردید و نوارهای رنگی بریده می‌شوند،
   کامنت سه خط زیر را بردارید. (اول تنظیم آسترا را امتحان کنید؛ بهتر است.)
.hug-scope.hug-service-distribution{
  margin-inline: calc(50% - 50vw); width: 100vw; max-width: 100vw;
} */

.hug-scope.hug-service-distribution{--accent:#F59E1B; --accent-hi:#FFB84D; --accent-soft:#FEF6E9; --accent-ink:#B45309;
  --ink:#2E3D5C; --ink-soft:#41527A; --ink-deep:#22304A; --ink-2:#3A4A6B; --ink-3:#243150;
  --bg:#F7F8FA; --surface:#FFFFFF; --surface-2:#EEF1F5; --line:#E2E6EC; --line-2:#D6DCE5;
  --text:#22304A; --muted:#6B7280; --muted-2:#5F6672;
  --on-dark:#F3F6FA; --on-dark-2:#C2C9D2; --on-dark-3:#A8B1BC;
  --success-bg:#EAF6EC; --success-ink:#15803D;
  --warning-bg:#FDF3E6; --warning-ink:#92400E;
  --danger:#DC2626; --danger-ink:#991B1B;
  --r-card:12px; --r-btn:8px; --r-pill:999px;
  --focus:0 0 0 3px rgba(245,158,11,.45);
  --dur-fast:160ms; --dur-base:220ms; --dur-mod:360ms;
  --ease-out:cubic-bezier(.16,.84,.44,1);
  --maxw:1280px; --pad-x:80px; --measure:64ch;}
@media (max-width:768px){
.hug-scope.hug-service-distribution{--pad-x:20px;}
}
.hug-scope.hug-service-distribution, .hug-scope.hug-service-distribution *{box-sizing:border-box; margin:0; padding:0}
html{scroll-behavior:smooth}
.hug-scope.hug-service-distribution{background:var(--bg); color:var(--text); line-height:1.6; -webkit-font-smoothing:antialiased}
.hug-scope.hug-service-distribution .wrap{max-width:var(--maxw); margin-inline:auto; padding-inline:var(--pad-x)}
.hug-scope.hug-service-distribution section{padding-block:84px}
@media (max-width:768px){
.hug-scope.hug-service-distribution section{padding-block:56px}
}
.hug-scope.hug-service-distribution h1, .hug-scope.hug-service-distribution h2{line-height:1.14; color:var(--ink); font-weight:700}
.hug-scope.hug-service-distribution h2{font-size:clamp(25px,3.2vw,34px); font-weight:600}
.hug-scope.hug-service-distribution .overline{color:var(--accent-ink); font-size:13px; font-weight:600; letter-spacing:.06em; margin-bottom:12px}
.hug-scope.hug-service-distribution a{color:inherit; text-decoration:none}
.hug-scope.hug-service-distribution .num{font-variant-numeric:tabular-nums}
.hug-scope.hug-service-distribution .sec-head{max-width:700px; margin-bottom:40px}
.hug-scope.hug-service-distribution .prose{max-width:var(--measure); color:var(--ink-soft); font-size:16.5px}
.hug-scope.hug-service-distribution .prose p + p{margin-top:16px}
.hug-scope.hug-service-distribution .prose a{color:var(--accent-ink); border-bottom:1px solid rgba(180,83,9,.32)}
.hug-scope.hug-service-distribution .prose b{color:var(--ink); font-weight:600}
.hug-scope.hug-service-distribution .assume{display:inline-block; font-size:11px; color:var(--accent-ink); background:var(--accent-soft); border-radius:var(--r-pill); padding:2px 9px; vertical-align:middle}
.hug-scope.hug-service-distribution .btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; height:48px; padding-inline:24px; border-radius:var(--r-btn);
  font-weight:500; font-size:15px; border:1px solid transparent; cursor:pointer; font-family:inherit;
  transition:transform var(--dur-fast) var(--ease-out), background var(--dur-fast)}
.hug-scope.hug-service-distribution .btn:focus-visible{outline:none; box-shadow:var(--focus)}
.hug-scope.hug-service-distribution .btn-accent{background:var(--accent); color:var(--ink-deep); font-weight:600}
.hug-scope.hug-service-distribution .btn-accent:hover{transform:translateY(-1px); background:var(--accent-hi)}
.hug-scope.hug-service-distribution .btn-ghost{background:var(--surface); border-color:var(--line); color:var(--ink)}
.hug-scope.hug-service-distribution .btn-ghost:hover{background:var(--surface-2)}
.hug-scope.hug-service-distribution .btn-onDark{background:transparent; border-color:rgba(255,255,255,.3); color:#fff}
.hug-scope.hug-service-distribution .btn-onDark:hover{background:rgba(255,255,255,.09)}
.hug-scope.hug-service-distribution .rv{opacity:0; transform:translateY(14px); transition:opacity var(--dur-mod) var(--ease-out), transform var(--dur-mod) var(--ease-out)}
.hug-scope.hug-service-distribution .rv.in{opacity:1; transform:none}
@media (prefers-reduced-motion:reduce){
.hug-scope.hug-service-distribution .rv{opacity:1; transform:none; transition:none}
html{scroll-behavior:auto}
}
.hug-scope.hug-service-distribution :where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:none; box-shadow:var(--focus); border-radius:var(--r-btn)}
.hug-scope.hug-service-distribution[id], .hug-scope.hug-service-distribution [id]{scroll-margin-top:96px}
.hug-scope.hug-service-distribution .hero{background:var(--ink-3); color:var(--on-dark); position:relative; overflow:hidden}
.hug-scope.hug-service-distribution .hero::after{content:""; position:absolute; inset-inline-start:-10%; top:-30%; width:60%; height:160%;
  background:radial-gradient(closest-side, rgba(245,158,11,.16), transparent 70%); pointer-events:none}
.hug-scope.hug-service-distribution .hcrumb{font-size:13px; color:var(--on-dark-3); padding-top:22px; position:relative; z-index:1}
.hug-scope.hug-service-distribution .hcrumb a:hover{color:var(--accent-hi)}
.hug-scope.hug-service-distribution .hcrumb span{margin-inline:6px; color:rgba(255,255,255,.25)}
.hug-scope.hug-service-distribution .hmain{position:relative; z-index:1; padding-block:44px 0}
.hug-scope.hug-service-distribution .hero h1{font-size:clamp(30px,4.6vw,56px); color:#fff; letter-spacing:-.01em; margin-bottom:18px; max-width:16ch}
.hug-scope.hug-service-distribution .hero .lede{font-size:clamp(17px,1.5vw,20px); color:var(--on-dark-2); max-width:58ch; line-height:1.75}
.hug-scope.hug-service-distribution .hero .lede b{color:#fff; font-weight:600}
.hug-scope.hug-service-distribution .hmeta{display:flex; gap:10px; flex-wrap:wrap; margin-top:26px}
.hug-scope.hug-service-distribution .hmeta span{font-size:13px; color:var(--on-dark-2); background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.13); border-radius:var(--r-pill); padding:7px 15px}
.hug-scope.hug-service-distribution .hmeta span b{color:#fff; font-weight:600}
.hug-scope.hug-service-distribution .tiers{position:relative; z-index:1; display:grid; grid-template-columns:1fr 1fr; gap:0;
  margin-top:52px; border-top:1px solid rgba(255,255,255,.14)}
@media (max-width:800px){
.hug-scope.hug-service-distribution .tiers{grid-template-columns:1fr}
}
.hug-scope.hug-service-distribution .tier{padding:28px 0 40px}
.hug-scope.hug-service-distribution .tier + .tier{border-inline-start:1px solid rgba(255,255,255,.14); padding-inline-start:36px}
@media (max-width:800px){
.hug-scope.hug-service-distribution .tier + .tier{border-inline-start:0; border-top:1px solid rgba(255,255,255,.14); padding-inline-start:0; padding-top:26px}
}
.hug-scope.hug-service-distribution .tier .kk{display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:600; letter-spacing:.05em;
  border-radius:var(--r-pill); padding:5px 13px; margin-bottom:13px}
.hug-scope.hug-service-distribution .tier.own .kk{background:var(--accent); color:var(--ink-deep)}
.hug-scope.hug-service-distribution .tier.net .kk{background:transparent; border:1px solid rgba(255,255,255,.35); color:var(--on-dark-2)}
.hug-scope.hug-service-distribution .tier h2{font-size:22px; color:#fff; font-weight:600; margin-bottom:9px}
.hug-scope.hug-service-distribution .tier p{font-size:14.5px; color:var(--on-dark-2); max-width:42ch; line-height:1.75}
.hug-scope.hug-service-distribution .field{background:var(--surface); border-bottom:1px solid var(--line)}
.hug-scope.hug-service-distribution .fgrid{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:52px; align-items:center}
@media (max-width:980px){
.hug-scope.hug-service-distribution .fgrid{grid-template-columns:minmax(0,1fr); gap:34px}
}
.hug-scope.hug-service-distribution .fswitch{display:inline-flex; background:var(--surface-2); border-radius:var(--r-pill); padding:4px; gap:2px; margin-bottom:22px}
.hug-scope.hug-service-distribution .fswitch button{border:0; background:transparent; font-family:inherit; font-size:13.5px; font-weight:500;
  color:var(--muted-2); padding:9px 18px; border-radius:var(--r-pill); cursor:pointer; transition:all var(--dur-fast)}
.hug-scope.hug-service-distribution .fswitch button[aria-pressed="true"]{background:var(--ink); color:#fff; font-weight:600}
.hug-scope.hug-service-distribution .fstat{display:flex; align-items:baseline; gap:10px; margin-bottom:10px}
.hug-scope.hug-service-distribution .fstat .big{font-size:clamp(38px,5vw,60px); font-weight:800; color:var(--ink); line-height:1;
  font-variant-numeric:tabular-nums}
.hug-scope.hug-service-distribution .fstat .of{font-size:15px; color:var(--muted-2)}
.hug-scope.hug-service-distribution .fdesc{font-size:15.5px; color:var(--ink-soft); max-width:40ch; line-height:1.8; min-height:5.4em}
.hug-scope.hug-service-distribution .fdesc b{color:var(--ink); font-weight:600}
.hug-scope.hug-service-distribution .dots{display:grid; grid-template-columns:repeat(auto-fill,minmax(13px,1fr)); gap:5px;
  background:var(--surface-2); border:1px solid var(--line); border-radius:var(--r-card); padding:18px}
.hug-scope.hug-service-distribution .dots i{display:block; aspect-ratio:1; border-radius:3px; background:#DCE2EA;
  transition:background var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);
  transition-delay:calc(var(--i) * .9ms)}
.hug-scope.hug-service-distribution .dots i.on{background:var(--ink)}
@media (prefers-reduced-motion:reduce){
.hug-scope.hug-service-distribution .dots i{transition:none}
}
.hug-scope.hug-service-distribution .dnote{font-size:12.5px; color:var(--muted-2); margin-top:12px; display:flex; gap:16px; flex-wrap:wrap; align-items:center}
.hug-scope.hug-service-distribution .dnote em{font-style:normal; display:inline-flex; align-items:center; gap:6px}
.hug-scope.hug-service-distribution .dnote em s{text-decoration:none; width:11px; height:11px; border-radius:3px; display:inline-block}
.hug-scope.hug-service-distribution .build{background:var(--ink); color:var(--on-dark)}
.hug-scope.hug-service-distribution .build h2{color:#fff}
.hug-scope.hug-service-distribution .build .sec-head p{color:var(--on-dark-2); font-size:16.5px; max-width:60ch; margin-top:12px}
.hug-scope.hug-service-distribution .bgrid{display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:30px; align-items:start}
@media (max-width:960px){
.hug-scope.hug-service-distribution .bgrid{grid-template-columns:minmax(0,1fr)}
.hug-scope.hug-service-distribution .bctl{position:static}
}
.hug-scope.hug-service-distribution .bctl{position:sticky; top:96px; background:var(--ink-2); border:1px solid rgba(255,255,255,.1); border-radius:var(--r-card); padding:26px 26px 22px}
.hug-scope.hug-service-distribution .bctl .lab{display:flex; justify-content:space-between; align-items:baseline; gap:12px; margin-bottom:11px}
.hug-scope.hug-service-distribution .bctl .lab span{font-size:14px; color:var(--on-dark-2)}
.hug-scope.hug-service-distribution .bctl .lab b{font-size:20px; font-weight:700; color:var(--accent-hi); font-variant-numeric:tabular-nums}
.hug-scope.hug-service-distribution .bctl .fld + .fld{margin-top:26px; padding-top:24px; border-top:1px solid rgba(255,255,255,.1)}
.hug-scope.hug-service-distribution input[type=range]{width:100%; -webkit-appearance:none; appearance:none; background:transparent; height:26px; cursor:pointer}
.hug-scope.hug-service-distribution input[type=range]::-webkit-slider-runnable-track{height:5px; border-radius:99px; background:rgba(255,255,255,.18)}
.hug-scope.hug-service-distribution input[type=range]::-moz-range-track{height:5px; border-radius:99px; background:rgba(255,255,255,.18)}
.hug-scope.hug-service-distribution input[type=range]::-webkit-slider-thumb{-webkit-appearance:none; width:20px; height:20px; border-radius:50%;
  background:var(--accent); border:3px solid var(--ink-2); margin-top:-8px}
.hug-scope.hug-service-distribution input[type=range]::-moz-range-thumb{width:20px; height:20px; border-radius:50%; background:var(--accent); border:3px solid var(--ink-2)}
.hug-scope.hug-service-distribution .seg{display:grid; grid-template-columns:repeat(3,1fr); gap:6px; background:rgba(255,255,255,.07); border-radius:var(--r-btn); padding:4px}
.hug-scope.hug-service-distribution .seg button{border:0; background:transparent; font-family:inherit; font-size:13.5px; color:var(--on-dark-2);
  padding:9px 6px; border-radius:6px; cursor:pointer; transition:all var(--dur-fast)}
.hug-scope.hug-service-distribution .seg button[aria-pressed="true"]{background:var(--accent); color:var(--ink-deep); font-weight:600}
.hug-scope.hug-service-distribution .bout{display:grid; gap:14px}
.hug-scope.hug-service-distribution .brow{display:grid; grid-template-columns:auto minmax(0,1fr); gap:20px; align-items:center;
  background:var(--ink-2); border:1px solid rgba(255,255,255,.1); border-radius:var(--r-card); padding:20px 24px}
@media (max-width:520px){
.hug-scope.hug-service-distribution .brow{grid-template-columns:minmax(0,1fr); gap:8px}
}
.hug-scope.hug-service-distribution .brow .v{font-size:clamp(32px,4vw,46px); font-weight:800; color:#fff;
  line-height:1; font-variant-numeric:tabular-nums; min-width:2.6ch; text-align:center}
.hug-scope.hug-service-distribution .brow .v u{text-decoration:none; font-size:15px; font-weight:500; color:var(--on-dark-2); display:block; margin-top:6px}
.hug-scope.hug-service-distribution .brow > div > b{display:block; font-size:15.5px; color:#fff; font-weight:600; margin-bottom:4px}
.hug-scope.hug-service-distribution .brow p b{color:#fff; font-weight:600}
.hug-scope.hug-service-distribution .brow p{font-size:13px; color:var(--on-dark-3); line-height:1.7}
.hug-scope.hug-service-distribution .brow p code{font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:12px; color:var(--accent-hi); background:rgba(255,184,77,.1);
  padding:1px 6px; border-radius:4px; unicode-bidi:plaintext; display:inline-block}
.hug-scope.hug-service-distribution .brow.hero-row{background:linear-gradient(180deg, rgba(245,158,11,.16), rgba(245,158,11,.05)); border-color:rgba(245,158,11,.35)}
.hug-scope.hug-service-distribution .brow.hero-row .v{color:var(--accent-hi)}
.hug-scope.hug-service-distribution .bland{margin-top:22px; border-top:1px solid rgba(255,255,255,.14); padding-top:22px;
  display:grid; grid-template-columns:minmax(0,1fr) auto; gap:22px; align-items:center}
@media (max-width:760px){
.hug-scope.hug-service-distribution .bland{grid-template-columns:minmax(0,1fr)}
}
.hug-scope.hug-service-distribution .bland p{font-size:16px; color:var(--on-dark-2); line-height:1.8; max-width:52ch}
.hug-scope.hug-service-distribution .bland p b{color:#fff; font-weight:600}
.hug-scope.hug-service-distribution .day{background:var(--bg)}
.hug-scope.hug-service-distribution .rail{background:var(--surface); border:1px solid var(--line); border-radius:var(--r-card); padding:30px 32px 26px; overflow:hidden}
@media (max-width:560px){
.hug-scope.hug-service-distribution .rail{padding:22px 18px}
}
.hug-scope.hug-service-distribution .axis{display:grid; grid-template-columns:repeat(24,1fr); margin-bottom:6px; direction:ltr}
.hug-scope.hug-service-distribution .axis s{text-decoration:none; font-size:11px; color:var(--muted-2); text-align:center;
  border-inline-start:1px solid var(--line); padding-block:2px}
.hug-scope.hug-service-distribution .axis s:nth-child(even){color:transparent; border-color:#EEF1F5}
@media (max-width:860px){
.hug-scope.hug-service-distribution .axis{display:none}
}
.hug-scope.hug-service-distribution .track{position:relative; direction:ltr}
.hug-scope.hug-service-distribution .track + .track{margin-top:22px}
.hug-scope.hug-service-distribution .tlab{direction:rtl; display:flex; align-items:center; gap:10px; margin-bottom:9px}
.hug-scope.hug-service-distribution .tlab b{font-size:15.5px; font-weight:600; color:var(--ink)}
.hug-scope.hug-service-distribution .tlab s{text-decoration:none; font-size:12px; border-radius:var(--r-pill); padding:3px 11px; font-weight:600}
.hug-scope.hug-service-distribution .track.own .tlab s{background:var(--accent-soft); color:var(--accent-ink)}
.hug-scope.hug-service-distribution .track.net .tlab s{background:var(--surface-2); color:var(--ink-soft)}
.hug-scope.hug-service-distribution .bar{position:relative; height:46px; background:var(--surface-2); border-radius:8px}
.hug-scope.hug-service-distribution .seg-b{position:absolute; top:0; bottom:0; border-radius:6px; display:grid; place-items:center;
  font-size:11.5px; font-weight:600; padding-inline:8px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.hug-scope.hug-service-distribution .track.own .seg-b{background:var(--ink); color:#fff}
.hug-scope.hug-service-distribution .track.own .seg-b.soft{background:#5A6B8C; color:#fff}
.hug-scope.hug-service-distribution .track.net .seg-b{background:var(--surface); border:1.5px dashed var(--line-2); color:var(--ink-soft)}
.hug-scope.hug-service-distribution .track.net .seg-b.hug{background:var(--ink); border-style:solid; border-color:var(--ink); color:#fff}
.hug-scope.hug-service-distribution .steps-m{direction:rtl; display:none; margin-top:10px}
.hug-scope.hug-service-distribution .steps-m li{list-style:none; display:grid; grid-template-columns:58px minmax(0,1fr); gap:12px; padding-block:9px}
.hug-scope.hug-service-distribution .steps-m li + li{border-top:1px solid var(--line)}
.hug-scope.hug-service-distribution .steps-m time{font-size:13px; font-weight:700; color:var(--ink); font-variant-numeric:tabular-nums}
.hug-scope.hug-service-distribution .steps-m span{font-size:14px; color:var(--ink-soft); line-height:1.6}
@media (max-width:860px){
.hug-scope.hug-service-distribution .bar{display:none}
.hug-scope.hug-service-distribution .steps-m{display:block}
}
.hug-scope.hug-service-distribution .rnote{margin-top:24px; padding-top:20px; border-top:1px solid var(--line); font-size:14.5px; color:var(--ink-soft); line-height:1.8; max-width:var(--measure)}
.hug-scope.hug-service-distribution .rnote b{color:var(--ink); font-weight:600}
.hug-scope.hug-service-distribution .scope{background:var(--surface); border-block:1px solid var(--line)}
.hug-scope.hug-service-distribution .slist{columns:2; column-gap:52px}
@media (max-width:820px){
.hug-scope.hug-service-distribution .slist{columns:1}
}
.hug-scope.hug-service-distribution .sitem{break-inside:avoid; display:grid; grid-template-columns:auto minmax(0,1fr); gap:14px; padding-block:15px; border-bottom:1px solid var(--line)}
.hug-scope.hug-service-distribution .sitem svg{width:20px; height:20px; stroke:var(--accent-ink); fill:none; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; margin-top:4px}
.hug-scope.hug-service-distribution .sitem b{display:block; font-size:15.5px; color:var(--ink); font-weight:600; margin-bottom:3px}
.hug-scope.hug-service-distribution .sitem p{font-size:13.5px; color:var(--ink-soft); line-height:1.65}
.hug-scope.hug-service-distribution .deal{background:var(--bg)}
.hug-scope.hug-service-distribution .mwrap{overflow-x:auto; -webkit-overflow-scrolling:touch}
.hug-scope.hug-service-distribution .matrix{width:100%; border-collapse:separate; border-spacing:0; min-width:660px; background:var(--surface);
  border:1px solid var(--line); border-radius:var(--r-card); overflow:hidden}
.hug-scope.hug-service-distribution .matrix th, .hug-scope.hug-service-distribution .matrix td{padding:17px 20px; text-align:start; vertical-align:top; border-bottom:1px solid var(--line)}
.hug-scope.hug-service-distribution .matrix thead th{background:var(--ink); color:#fff; font-size:15.5px; font-weight:600; border-bottom:0}
.hug-scope.hug-service-distribution .matrix thead th:first-child{background:var(--ink-3); font-size:12.5px; font-weight:500; color:var(--on-dark-3); width:150px}
.hug-scope.hug-service-distribution .matrix thead th small{display:block; font-size:12px; font-weight:400; color:var(--on-dark-3); margin-top:4px}
.hug-scope.hug-service-distribution .matrix tbody th{background:var(--surface-2); font-size:13.5px; font-weight:600; color:var(--ink); width:150px; white-space:nowrap}
.hug-scope.hug-service-distribution .matrix td{font-size:14px; color:var(--ink-soft); line-height:1.6}
.hug-scope.hug-service-distribution .matrix tr:last-child th, .hug-scope.hug-service-distribution .matrix tr:last-child td{border-bottom:0}
.hug-scope.hug-service-distribution .who{display:inline-flex; align-items:center; gap:7px; font-size:12.5px; font-weight:600; border-radius:var(--r-pill); padding:3px 11px; margin-bottom:5px}
.hug-scope.hug-service-distribution .who.hug{background:var(--ink); color:#fff}
.hug-scope.hug-service-distribution .who.brand{background:var(--accent-soft); color:var(--accent-ink)}
.hug-scope.hug-service-distribution .who.both{background:var(--surface-2); color:var(--ink-soft)}
.hug-scope.hug-service-distribution .dnotes{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:26px}
@media (max-width:900px){
.hug-scope.hug-service-distribution .dnotes{grid-template-columns:minmax(0,1fr)}
}
.hug-scope.hug-service-distribution .dn{border-top:2px solid var(--ink); padding-top:14px}
.hug-scope.hug-service-distribution .dn b{display:block; font-size:14.5px; color:var(--ink); font-weight:600; margin-bottom:6px}
.hug-scope.hug-service-distribution .dn p{font-size:13.5px; color:var(--ink-soft); line-height:1.75}
.hug-scope.hug-service-distribution .rep{background:var(--surface); border-top:1px solid var(--line)}
.hug-scope.hug-service-distribution .cad{display:grid; grid-template-columns:minmax(0,140px) minmax(0,1fr); gap:26px; padding-block:22px; align-items:start}
.hug-scope.hug-service-distribution .cad + .cad{border-top:1px solid var(--line)}
@media (max-width:700px){
.hug-scope.hug-service-distribution .cad{grid-template-columns:minmax(0,1fr); gap:8px; padding-block:18px}
}
.hug-scope.hug-service-distribution .cad .when{font-size:19px; font-weight:700; color:var(--ink); line-height:1.2}
.hug-scope.hug-service-distribution .cad .when i{display:block; font-style:normal; font-size:12.5px; font-weight:400; color:var(--muted-2); margin-top:4px}
.hug-scope.hug-service-distribution .cad ul{list-style:none; display:grid; gap:8px}
.hug-scope.hug-service-distribution .cad li{display:grid; grid-template-columns:auto minmax(0,1fr); gap:10px; font-size:14.5px; color:var(--ink-soft); line-height:1.6}
.hug-scope.hug-service-distribution .cad li svg{width:15px; height:15px; stroke:var(--accent-ink); fill:none; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; margin-top:4px}
.hug-scope.hug-service-distribution .cad li b{color:var(--ink); font-weight:600}
.hug-scope.hug-service-distribution .faqsec{background:var(--bg)}
.hug-scope.hug-service-distribution .faq{max-width:840px}
.hug-scope.hug-service-distribution .qa{border-bottom:1px solid var(--line)}
.hug-scope.hug-service-distribution .qa summary{list-style:none; cursor:pointer; padding:19px 0; font-size:16.5px; font-weight:600; color:var(--ink);
  display:flex; align-items:center; justify-content:space-between; gap:16px}
.hug-scope.hug-service-distribution .qa summary::-webkit-details-marker{display:none}
.hug-scope.hug-service-distribution .qa summary:hover{color:var(--accent-ink)}
.hug-scope.hug-service-distribution .qa .chev{width:18px; height:18px; stroke:var(--muted); fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; flex:0 0 auto;
  transition:transform var(--dur-base) var(--ease-out)}
.hug-scope.hug-service-distribution .qa[open] .chev{transform:rotate(180deg)}
.hug-scope.hug-service-distribution .qa .ans{padding:0 0 22px; color:var(--ink-soft); max-width:var(--measure); font-size:15.5px; line-height:1.8}
.hug-scope.hug-service-distribution .qa .ans p + p{margin-top:12px}
.hug-scope.hug-service-distribution .qa .ans a{color:var(--accent-ink); border-bottom:1px solid rgba(180,83,9,.32)}
.hug-scope.hug-service-distribution .cta{background:var(--surface); border-top:1px solid var(--line)}
.hug-scope.hug-service-distribution .ctabox{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:30px; align-items:center;
  background:var(--surface-2); border-radius:var(--r-card); padding:34px 38px}
@media (max-width:800px){
.hug-scope.hug-service-distribution .ctabox{grid-template-columns:minmax(0,1fr)}
}
.hug-scope.hug-service-distribution .ctabox h2{font-size:clamp(21px,2.4vw,28px); margin-bottom:8px}
.hug-scope.hug-service-distribution .ctabox p{color:var(--ink-soft); font-size:15px; max-width:52ch}
.hug-scope.hug-service-distribution .ctabox .b{display:flex; gap:12px; flex-wrap:wrap}
.hug-scope.hug-service-distribution .bnote{font-size:13px; color:var(--accent-ink); background:var(--accent-soft); border:1px solid #F3DFBE;
  border-radius:var(--r-btn); padding:12px 16px; max-width:var(--measure); line-height:1.8; margin-top:28px}