/* Dedicated Zoho team service page only. Loaded via `extra: crm, mid, p-services-dedicated-team`. Every class is scoped with .psvd- */

/* ---------- hero: team pod around one project board + time-zone strip ---------- */
.psvd-hero .psvd-hero__grid { grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr); }
.psvd-hero .crm-sub { max-width: 46ch; }
.psvd-hero__price { display: inline-flex; align-items: center; gap: 10px; margin: 18px 0 4px; padding: 10px 18px 10px 14px; border-radius: 16px; background: linear-gradient(135deg, #082238, #0A3A63); color: #fff; box-shadow: 0 20px 34px -24px rgba(8,34,56,.8); }
.psvd-hero__from { font: 700 12px/1 var(--f-body); letter-spacing: .1em; text-transform: uppercase; color: #8FD8C9; }
.psvd-hero__price b { font: 800 34px/1.1 var(--f-display); letter-spacing: -.03em; color: #FFB81C; }
.psvd-hero__per { display: grid; gap: 3px; font: 700 14px/1.1 var(--f-body); color: #fff; }
.psvd-hero__per em { font-style: normal; font-weight: 500; font-size: 12.5px; color: #B9CADB; }

.psvd-pod { margin: 0; border-radius: 22px; background: #fff; border: 1px solid #DCE4EE; box-shadow: 0 44px 80px -48px rgba(8,34,56,.6); overflow: hidden; }
.psvd-pod__bar { display: flex; align-items: center; gap: 8px; padding: 12px 16px; border-bottom: 1px solid #E8EEF4; background: #F6F9FC; font: 600 12.5px/1.2 var(--f-body); color: #334155; }
.psvd-pod__bar::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #3FB97A; box-shadow: 0 0 0 4px rgba(63,185,122,.2); }
.psvd-pod__bar em { margin-left: auto; font-style: normal; font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; color: #1D5FA8; }
.psvd-pod__room { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 18px 18px 14px; background: radial-gradient(120% 90% at 50% 0%, #fff, #F2F7FB); }
.psvd-role { display: flex; align-items: center; gap: 10px; padding: 8px 12px 8px 8px; border-radius: 14px; background: #fff; border: 1px solid #E2E8F0; transition: border-color .35s, box-shadow .35s, transform .35s; }
.psvd-role:nth-of-type(2), .psvd-role:nth-of-type(4) { flex-direction: row-reverse; text-align: right; padding: 8px 8px 8px 12px; }
.psvd-role__av { position: relative; flex: none; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: color-mix(in srgb, var(--c) 14%, #fff); }
.psvd-role__av svg { width: 22px; height: 22px; fill: none; stroke: var(--c); stroke-width: 2; stroke-linecap: round; }
.psvd-role__av::after { content: ""; position: absolute; right: -1px; bottom: -1px; width: 10px; height: 10px; border-radius: 50%; background: #3FB97A; border: 2px solid #fff; }
.psvd-role b { font: 700 13.5px/1.2 var(--f-display); color: #082238; }
.psvd-role.is-busy { border-color: var(--c); box-shadow: 0 10px 22px -14px var(--c); transform: translateY(-2px); }
.psvd-board { grid-column: 1 / -1; padding: 10px; border-radius: 14px; background: #fff; border: 1px solid #E2E8F0; }
.psvd-board__cols { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-bottom: 8px; }
.psvd-board__cols span { padding: 0 6px; font: 700 10.5px/1.2 var(--f-body); letter-spacing: .08em; text-transform: uppercase; color: #64748B; border-left: 1px dashed #E2E8F0; }
.psvd-board__cols span:first-child { border-left: 0; }
.psvd-board__lane { position: relative; height: 224px; background: linear-gradient(90deg, transparent calc(25% - .5px), #EEF2F6 calc(25% - .5px) calc(25% + .5px), transparent calc(25% + .5px) calc(50% - .5px), #EEF2F6 calc(50% - .5px) calc(50% + .5px), transparent calc(50% + .5px) calc(75% - .5px), #EEF2F6 calc(75% - .5px) calc(75% + .5px), transparent calc(75% + .5px)); }
.psvd-card { position: absolute; left: calc(var(--col) * 25% + 4px); top: calc(var(--row) * 56px); width: calc(25% - 8px); height: 50px; overflow: hidden; padding: 6px 8px 6px 10px; border-radius: 9px; background: color-mix(in srgb, var(--c) 9%, #fff); border-left: 3px solid var(--c); font: 700 12px/1.25 var(--f-body); color: #082238; box-shadow: 0 6px 14px -10px rgba(8,34,56,.5); transition: left .7s cubic-bezier(.3,1.2,.4,1), opacity .35s; }
.psvd-card small { display: block; margin-top: 2px; font: 600 10.5px/1.2 var(--f-body); color: var(--c); }
.psvd-card.is-fade { opacity: 0; }
.psvd-card.is-done { background: #EAF7EF; }
.psvd-tz { padding: 12px 18px 16px; border-top: 1px solid #E8EEF4; background: #F6F9FC; }
.psvd-tz__row { display: grid; grid-template-columns: 116px 1fr; align-items: center; gap: 10px; margin-bottom: 7px; }
.psvd-tz__lbl { display: flex; flex-direction: column; font: 700 12.5px/1.2 var(--f-body); color: #082238; }
.psvd-tz__lbl em { font-style: normal; font-weight: 600; font-size: 11.5px; color: #64748B; }
.psvd-tz__bar { position: relative; display: grid; grid-template-columns: repeat(24, 1fr); gap: 2px; height: 14px; }
.psvd-tz__bar i { border-radius: 3px; background: #E2E8F0; }
.psvd-tz__bar i.on { background: #00A3D9; }
.psvd-tz__row + .psvd-tz__row .psvd-tz__bar i.on { background: #3FB97A; }
.psvd-tz__bar b { position: absolute; top: -4px; bottom: -4px; width: 2px; margin-left: -1px; border-radius: 2px; background: #FFB81C; box-shadow: 0 0 0 2px rgba(255,184,28,.25); }
.psvd-tz__cap { margin: 4px 0 0 126px; font: 600 11.5px/1.3 var(--f-body); color: #64748B; }

/* ---------- what + who ---------- */
.psvd-what__top { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(20px, 4vw, 56px); align-items: end; }
.psvd-what__top .pg-answer { margin: 0 0 6px; }
.psvd-who { list-style: none; margin: 36px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.psvd-who li { position: relative; padding: 46px 20px 22px; border-radius: 20px; background: #fff; border: 1px solid #E2E8F0; box-shadow: 0 24px 40px -36px rgba(8,34,56,.6); overflow: hidden; }
.psvd-who li::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 30px; background: repeating-linear-gradient(90deg, color-mix(in srgb, var(--c) 18%, #fff) 0 14px, color-mix(in srgb, var(--c) 9%, #fff) 14px 28px); }
.psvd-who__k { position: absolute; left: 16px; top: 16px; padding: 4px 9px; border-radius: 6px; background: var(--c); color: #fff; font: 800 11px/1 var(--f-body); letter-spacing: .1em; text-transform: uppercase; }
.psvd-who h3 { margin: 0 0 6px; font: 700 18px/1.25 var(--f-display); color: #082238; }
.psvd-who p { margin: 0; font-size: 15px; line-height: 1.55; color: #334155; }

/* ---------- included (mid kit D) ---------- */
.psvd-deal { margin-top: 30px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.psvd-deal > li { border-top: 4px solid #0A84C1; }

/* ---------- J6 scroll-story: the team room assembles ----------
   Live only on wide screens with motion allowed (JS adds .psvd-as--live); otherwise the finished room + all six steps as a list. */
.psvd-as { padding: 0; background: linear-gradient(180deg, #EEF6FB 0%, #F7FBF4 100%); overflow-x: clip; }
.psvd-as__stage { padding-top: clamp(64px, 8vw, 104px); padding-bottom: clamp(64px, 8vw, 104px); }
.psvd-as__head .pg-answer { margin-bottom: 0; }
.psvd-as__btns { display: none; }
.psvd-as__grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: clamp(28px, 4vw, 56px); align-items: start; margin-top: 32px; }
.psvd-as__art { position: relative; }
.psvd-as__room { display: block; width: 100%; height: auto; }
.psvd-as__bar { display: none; }
.psvd-as__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.psvd-as__st { background: #fff; border-radius: 22px; padding: 22px 24px; box-shadow: 0 30px 60px -44px rgba(8,34,56,.45); border-left: 5px solid var(--c); }
.psvd-as__when { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 8px; font: 800 12.5px/1.3 var(--f-body); letter-spacing: .08em; text-transform: uppercase; color: var(--c); }
.psvd-as__n { padding: 4px 9px; border-radius: 99px; background: var(--c); color: #fff; letter-spacing: .06em; }
.psvd-as__st h3 { margin: 0 0 8px; font: 700 clamp(21px, 1rem + .8vw, 26px)/1.25 var(--f-display); letter-spacing: -.02em; color: #082238; }
.psvd-as__st > p:not([class]) { margin: 0; font-size: 16.5px; line-height: 1.6; color: #334155; }
.psvd-as__note { margin: 26px 0 0; font-size: 14px; color: #64748B; max-width: 80ch; }

.psvd-as--live .psvd-as__track { height: calc(100vh + 6 * 52vh); }
.psvd-as--live .psvd-as__stage { position: sticky; top: 0; height: 100vh; min-height: 640px; display: flex; flex-direction: column; justify-content: center; padding-top: 92px; padding-bottom: 28px; }
.psvd-as--live .pg-h2 { font-size: clamp(26px, 1rem + 1.2vw, 36px); margin-bottom: 8px; }
.psvd-as--live .pg-answer { font-size: 16px; max-width: 78ch; }
.psvd-as--live .psvd-as__btns { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 14px 0 0; padding: 0; }
.psvd-as__btns button { font: 600 13px/1 var(--f-body); color: #082238; background: #fff; border: 1px solid #E2E8F0; padding: 9px 13px; border-radius: 99px; cursor: pointer; transition: background .3s, color .3s, border-color .3s; }
.psvd-as__btns button.is-past { border-color: #082238; }
.psvd-as__btns button[aria-current="true"] { background: #082238; color: #fff; border-color: #082238; }
.psvd-as__btns button:focus-visible { outline: 2px solid #FFB81C; outline-offset: 2px; }
.psvd-as--live .psvd-as__grid { margin-top: 18px; align-items: center; }
.psvd-as--live .psvd-as__room { max-height: min(44vh, 400px); margin: 0 auto; }
.psvd-as--live .psvd-as__pc { opacity: 0; transform: translateY(-22px); transform-box: fill-box; transition: opacity .55s, transform .7s cubic-bezier(.2,.9,.3,1.3); }
.psvd-as--live .psvd-as__pc.is-in { opacity: 1; transform: none; }
.psvd-as--live .psvd-as__bar { display: flex; justify-content: center; gap: 6px; margin-top: 14px; }
.psvd-as__bar i { width: 26px; height: 5px; border-radius: 4px; background: rgba(8,34,56,.14); transition: background .4s; }
.psvd-as__bar i.on { background: #FFB81C; }
.psvd-as--live .psvd-as__list { display: block; position: relative; min-height: 330px; }
.psvd-as--live .psvd-as__st { position: absolute; left: 0; right: 0; top: 50%; opacity: 0; pointer-events: none; transform: translateY(-44%) scale(.97); transition: opacity .2s, transform .28s; }
.psvd-as--live .psvd-as__st.is-on { opacity: 1; pointer-events: auto; transform: translateY(-50%); transition: opacity .45s .14s, transform .6s .14s cubic-bezier(.2,.8,.2,1); }
.psvd-as--live .psvd-as__note { margin-top: 14px; font-size: 13px; }
@media (max-width: 900px) { .psvd-as__grid { grid-template-columns: 1fr; } .psvd-as__art { max-width: 480px; } }
@media (max-height: 780px) {
  .psvd-as--live .psvd-as__stage { padding-top: 84px; padding-bottom: 16px; }
  .psvd-as--live .hp-kick { display: none; }
  .psvd-as--live .pg-answer { font-size: 15px; line-height: 1.5; }
  .psvd-as--live .psvd-as__btns { margin-top: 10px; }
  .psvd-as--live .psvd-as__grid { margin-top: 10px; }
  .psvd-as--live .psvd-as__room { max-height: 36vh; }
  .psvd-as--live .psvd-as__st { padding: 18px 20px; }
  .psvd-as--live .psvd-as__st > p:not([class]) { font-size: 15.5px; line-height: 1.55; }
  .psvd-as--live .psvd-as__note { margin-top: 8px; }
}

/* ---------- signature interactive: team shape builder ---------- */
.psvd-sb { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: clamp(20px, 3vw, 40px); margin-top: 30px; align-items: start; }
.psvd-sb__form { display: grid; gap: 18px; }
.psvd-sb__set { margin: 0; padding: 0; border: 0; min-width: 0; }
.psvd-sb__set legend { padding: 0; margin-bottom: 10px; font: 700 13px/1.3 var(--f-body); letter-spacing: .06em; text-transform: uppercase; color: #8FD8C9; }
.psvd-sb input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.psvd-sb__chips { display: flex; flex-wrap: wrap; gap: 8px; }
.psvd-sb__chips span { display: inline-flex; align-items: center; gap: 7px; padding: 8px 13px 8px 9px; border-radius: 99px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.2); font: 600 14px/1 var(--f-body); color: #E3EEF7; cursor: pointer; transition: background .25s, border-color .25s, color .25s; }
.psvd-sb__chips img { width: 18px; height: 18px; border-radius: 4px; background: #fff; padding: 1px; }
.psvd-sb__chips input:checked + span { background: #fff; border-color: #fff; color: #082238; }
.psvd-sb__roles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.psvd-sb__roles span { display: block; height: 100%; padding: 11px 12px; border-radius: 14px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.18); border-top: 3px solid color-mix(in srgb, var(--c) 55%, transparent); font: 500 12.5px/1.35 var(--f-body); color: #B9CADB; cursor: pointer; transition: background .25s, border-color .25s, color .25s; }
.psvd-sb__roles b { display: block; margin-bottom: 3px; font: 700 14px/1.25 var(--f-display); color: #fff; }
.psvd-sb__roles input:checked + span { background: #fff; border-color: #fff; border-top-color: var(--c); color: #334155; }
.psvd-sb__roles input:checked + span b { color: #082238; }
.psvd-sb__roles input:disabled + span { cursor: default; }
.psvd-sb__two { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.psvd-sb__seg { display: inline-flex; flex-wrap: wrap; padding: 4px; border-radius: 99px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18); }
.psvd-sb__seg span { display: block; padding: 8px 14px; border-radius: 99px; font: 600 13.5px/1 var(--f-body); color: #E3EEF7; cursor: pointer; transition: background .25s, color .25s; }
.psvd-sb__seg input:checked + span { background: #FFB81C; color: #082238; }
.psvd-sb input:focus-visible + span { outline: 2px solid #FFB81C; outline-offset: 2px; }
.psvd-sb__out { position: sticky; top: 96px; padding: 22px; border-radius: 22px; background: #fff; color: #334155; box-shadow: 0 40px 70px -40px rgba(0,0,0,.6); }
.psvd-sb__ring { position: relative; width: 168px; height: 168px; margin: 0 auto 12px; border-radius: 50%; background: radial-gradient(circle, #F3F7F9 0 44%, transparent 45%), conic-gradient(from 0deg, #E8F5FC, #EAF7EF, #FFF4D9, #E8F5FC); }
.psvd-sb__hub { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; font: 800 12px/1.2 var(--f-display); letter-spacing: .04em; text-transform: uppercase; color: #082238; }
.psvd-sb__dot { position: absolute; left: 50%; top: 50%; width: 30px; height: 30px; margin: -15px 0 0 -15px; display: grid; place-items: center; border-radius: 50%; background: var(--c); color: #fff; font: 800 10.5px/1 var(--f-body); box-shadow: 0 0 0 3px #fff, 0 8px 14px -8px rgba(8,34,56,.6); transform: rotate(var(--a)) translateY(-66px) rotate(calc(-1 * var(--a))); transition: transform .5s cubic-bezier(.3,1.3,.4,1), opacity .3s; }
.psvd-sb__mix { margin: 0 0 14px; text-align: center; font: 600 14px/1.45 var(--f-body); color: #082238; }
.psvd-sb__price { display: grid; justify-items: center; gap: 2px; padding: 14px; border-radius: 16px; background: linear-gradient(135deg, #082238, #0A3A63); color: #fff; text-align: center; }
.psvd-sb__k { font: 700 11px/1 var(--f-body); letter-spacing: .1em; text-transform: uppercase; color: #8FD8C9; }
.psvd-sb__price b { font: 800 34px/1.15 var(--f-display); letter-spacing: -.03em; color: #FFB81C; }
.psvd-sb__price span:last-child { font: 500 13.5px/1.35 var(--f-body); color: #D4E2EE; }
.psvd-sb__price.is-quote b { color: #fff; }
.psvd-sb__note { margin: 12px 0 6px; font-size: 13.5px; line-height: 1.5; color: #475569; }
.psvd-sb__meta { margin: 0 0 14px; font: 700 12.5px/1.3 var(--f-body); color: #0A84C1; }
.psvd-sb__out .btn { width: 100%; justify-content: center; }
.psvd-sb__hint { display: block; margin-top: 8px; text-align: center; font-size: 12.5px; color: #64748B; }

/* ---------- price tag ---------- */
.psvd-cost__grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(28px, 5vw, 72px); align-items: center; }
.psvd-cost__list { list-style: none; margin: 22px 0 0; padding: 0; display: grid; gap: 10px; }
.psvd-cost__list li { padding: 14px 16px 14px 18px; border-radius: 14px; background: #fff; border: 1px solid #EADFC7; font-size: 15.5px; line-height: 1.55; color: #334155; }
.psvd-cost__list b { display: block; font: 700 16px/1.3 var(--f-display); color: #082238; }
.psvd-tag { position: relative; margin: 0 auto; width: min(100%, 400px); padding: 44px 32px 30px; border-radius: 26px 26px 26px 90px; background: linear-gradient(150deg, #082238 0%, #0A3A63 60%, #07605E 100%); color: #fff; box-shadow: 0 50px 80px -46px rgba(8,34,56,.85); transform: rotate(-2.5deg); }
.psvd-tag__hole { position: absolute; right: 28px; top: 24px; width: 18px; height: 18px; border-radius: 50%; background: #FFF7EA; box-shadow: inset 0 2px 4px rgba(0,0,0,.35); }
.psvd-tag__hole::before { content: ""; position: absolute; left: 50%; bottom: 14px; width: 2px; height: 46px; background: #B7791F; transform: rotate(28deg); transform-origin: bottom; }
.psvd-tag__from { margin: 0; font: 700 12.5px/1.2 var(--f-body); letter-spacing: .12em; text-transform: uppercase; color: #8FD8C9; }
.psvd-tag__fig { display: flex; align-items: flex-start; margin: 6px 0 4px; font: 800 clamp(84px, 9vw, 112px)/1 var(--f-display); letter-spacing: -.05em; color: #FFB81C; }
.psvd-tag__cur { margin: 10px 4px 0 0; font-size: .42em; color: #FFD27A; }
.psvd-tag__per { align-self: flex-end; margin: 0 0 12px 10px; font: 700 18px/1 var(--f-body); letter-spacing: 0; color: #fff; }
.psvd-tag__one { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 18px; padding: 7px 12px 7px 8px; border-radius: 99px; background: rgba(255,255,255,.12); font: 600 14px/1 var(--f-body); color: #fff; }
.psvd-tag__one img { padding: 2px; border-radius: 5px; background: #fff; }
.psvd-tag__more { margin: 0 0 16px; font-size: 14.5px; line-height: 1.5; color: #C9D8E6; }
.psvd-tag__more b { color: #fff; }
.psvd-tag__go { font: 700 14.5px/1 var(--f-body); color: #FFB81C !important; text-decoration: none; }
.psvd-tag__go:hover { text-decoration: underline; }

/* ---------- engagement models rail ---------- */
.psvd-models__rail { display: grid; grid-template-columns: 1.15fr 1fr 1fr 1fr; gap: 14px; margin-top: 30px; align-items: stretch; }
.psvd-model { position: relative; display: flex; flex-direction: column; padding: 22px 20px 20px; border-radius: 20px; background: #F6F9FC; border: 1px solid #E2E8F0; }
.psvd-model--on { background: #fff; border: 2px solid #0A84C1; box-shadow: 0 30px 50px -36px rgba(10,132,193,.7); }
.psvd-model__flag { position: absolute; top: -12px; left: 18px; margin: 0; padding: 5px 10px; border-radius: 99px; background: #FFB81C; color: #082238; font: 800 11px/1 var(--f-body); letter-spacing: .08em; text-transform: uppercase; }
.psvd-model h3 { margin: 0 0 8px; font: 700 19px/1.25 var(--f-display); color: #082238; }
.psvd-model__fit { margin: 0 0 14px; font-size: 15px; line-height: 1.55; color: #334155; }
.psvd-model dl { margin: 0 0 14px; display: grid; gap: 8px; }
.psvd-model dl div { padding-top: 8px; border-top: 1px dashed #D5DEE8; }
.psvd-model dt { font: 700 11px/1.2 var(--f-body); letter-spacing: .1em; text-transform: uppercase; color: #64748B; }
.psvd-model dd { margin: 2px 0 0; font: 600 14.5px/1.4 var(--f-body); color: #082238; }
.psvd-model a { margin-top: auto; font: 700 14px/1.2 var(--f-body); color: #0A6FA8; text-decoration: none; }
.psvd-model a:hover { text-decoration: underline; }

/* ---------- hire pages + why ---------- */
.psvd-more__list { list-style: none; margin: 28px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.psvd-more__list a { display: block; height: 100%; padding: 16px 18px; border-radius: 16px; background: #fff; border: 1px solid #E2E8F0; text-decoration: none; transition: border-color .25s, transform .25s; }
.psvd-more__list a:hover { border-color: #0A84C1; transform: translateY(-2px); }
.psvd-more__list b { display: block; font: 700 16.5px/1.3 var(--f-display); color: #082238; }
.psvd-more__list span { font-size: 14.5px; line-height: 1.5; color: #64748B; }
.psvd-more__apps { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 20px 0 0; font-size: 14.5px; color: #334155; }
.psvd-more__apps a { display: inline-flex; align-items: center; gap: 6px; padding: 6px 11px 6px 7px; border-radius: 99px; background: #F3F7F9; border: 1px solid #E2E8F0; font: 600 13.5px/1 var(--f-body); color: #082238; text-decoration: none; }
.psvd-why { display: grid; grid-template-columns: auto 1fr; gap: 20px; align-items: center; margin-top: 28px; padding: 18px 22px; border-radius: 20px; background: #082238; color: #C9D8E6; }
.psvd-why__h { margin: 0; font: 800 13px/1.2 var(--f-body); letter-spacing: .1em; text-transform: uppercase; color: #8FD8C9; }
.psvd-why ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.psvd-why li { font-size: 14px; line-height: 1.4; }
.psvd-why b { display: block; font: 800 22px/1.15 var(--f-display); color: #FFB81C; }

/* ---------- responsive ---------- */
@media (max-width: 1100px) {
  .psvd-sb__roles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .psvd-models__rail { grid-template-columns: 1fr 1fr; row-gap: 24px; }
  .psvd-who { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 980px) {
  .psvd-hero .psvd-hero__grid { grid-template-columns: 1fr; }
  .psvd-pod { max-width: 620px; }
}
@media (max-width: 900px) {
  .psvd-what__top, .psvd-cost__grid, .psvd-sb { grid-template-columns: 1fr; }
  .psvd-deal { grid-template-columns: 1fr 1fr; }
  .psvd-sb__out { position: static; }
  .psvd-more__list { grid-template-columns: 1fr 1fr; }
  .psvd-why { grid-template-columns: 1fr; }
  .psvd-why ul { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .psvd-pod__room { padding: 14px 12px 12px; gap: 8px; }
  .psvd-role { padding: 6px 8px 6px 6px; gap: 7px; }
  .psvd-role:nth-of-type(2), .psvd-role:nth-of-type(4) { padding: 6px 6px 6px 8px; }
  .psvd-role__av { width: 30px; height: 30px; }
  .psvd-role__av svg { width: 18px; height: 18px; }
  .psvd-role b { font-size: 12px; }
  .psvd-board { padding: 8px 6px; }
  .psvd-board__cols span { padding: 0 3px; font-size: 9px; letter-spacing: .04em; }
  .psvd-board__lane { height: 232px; }
  .psvd-card { top: calc(var(--row) * 58px); left: calc(var(--col) * 25% + 2px); width: calc(25% - 4px); height: 54px; padding: 5px 4px 5px 6px; font-size: 10.5px; }
  .psvd-card small { font-size: 9.5px; }
  .psvd-tz { padding: 10px 12px 12px; }
  .psvd-tz__row { grid-template-columns: 84px 1fr; }
  .psvd-tz__cap { margin-left: 94px; }
  .psvd-hero__price b { font-size: 28px; }
  .psvd-who, .psvd-deal, .psvd-models__rail, .psvd-more__list, .psvd-sb__two { grid-template-columns: 1fr; }
  .psvd-sb__roles { grid-template-columns: 1fr 1fr; }
  .psvd-tag { padding: 40px 24px 26px; transform: rotate(-1.5deg); }
  .psvd-tag__per { font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .psvd-card, .psvd-role, .psvd-sb__dot { transition: none; }
}