/* Used Car Sourcing for Dealers. 1120px column, calm navy, 100px rhythm. */
.su{--blue:#004EEB;--blue-dk:#003CB3;--blue-lt:#8FB3FF;--navy:#020617;--ink:#0F172A;--muted:#475569;--subtle:#64748B;--line:#E2E8F0;--soft:#F5F8FC;
  --display:var(--vq-font-display);--body:var(--vq-font-body);
  font-family:var(--body);font-size:15px;line-height:1.65;color:var(--ink);background:#fff}
.su *{box-sizing:border-box}
.su img{display:block;max-width:100%}
.su p{margin:0}
.su-wrap{max-width:1120px;margin:0 auto;padding-inline:clamp(16px,4vw,32px)}
.su-sec{padding-block:clamp(64px,8vw,100px)}
.su-sec--soft{background:var(--soft)}
.su-sec--dark{background:var(--navy);color:rgba(255,255,255,.78)}
.su-h1,.su-h2{font-family:var(--display);word-spacing:.08em;color:var(--navy);margin:0;letter-spacing:-.012em;text-wrap:balance}
.su-h2{font-size:clamp(30px,3.8vw,48px);line-height:1.06;font-weight:700}
.su-h2--center{text-align:center;max-width:820px;margin:0 auto 56px}
.su-h2--light{color:#fff}
.su-btn{display:inline-flex;align-items:center;gap:10px;padding:17px 26px;border-radius:14px;font-family:var(--display);word-spacing:.08em;font-weight:600;font-size:16px;text-decoration:none;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}
.su-btn svg{transition:transform .2s}.su-btn:hover svg{transform:translateX(3px)}
.su-btn--blue{background:var(--blue);color:#fff;box-shadow:0 14px 30px rgba(0,78,235,.3)}
.su-btn--blue:hover{background:var(--blue-dk);color:#fff;transform:translateY(-2px)}
.su-btn--line{border:1px solid var(--line);color:var(--navy);background:#fff}
.su-btn--line:hover{border-color:var(--navy);color:var(--navy)}
.su-btn--white{background:#fff;color:var(--navy)}
.su-btn--white:hover{color:var(--navy);transform:translateY(-2px)}
.su-link{display:inline-flex;width:fit-content;font-family:var(--display);word-spacing:.08em;font-weight:600;color:var(--blue);text-decoration:none;border-bottom:1.5px solid transparent;transition:border-color .2s}
.su-link:hover{border-color:currentColor}
.su-link--light{color:#fff}

/* faq */
.su-faqw{max-width:860px}
.su-faq{display:grid;gap:12px}
.su-faq details{background:#fff;border:1px solid var(--line);border-radius:18px;transition:border-color .2s,box-shadow .2s}
.su-faq details[open]{border-color:rgba(0,78,235,.45);box-shadow:0 14px 34px rgba(15,23,42,.06)}
.su-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 26px;font-family:var(--display);word-spacing:.08em;font-size:18px;font-weight:600;color:var(--navy)}
.su-faq summary::-webkit-details-marker{display:none}
.su-pm{position:relative;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--soft)}
.su-pm::before,.su-pm::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:var(--blue);transform:translate(-50%,-50%)}
.su-pm::after{transform:translate(-50%,-50%) rotate(90deg);transition:opacity .2s}
.su-faq details[open] .su-pm{background:var(--blue)}
.su-faq details[open] .su-pm::before{background:#fff}
.su-faq details[open] .su-pm::after{opacity:0}
.su .su-faq details p{padding:0 26px 24px;color:var(--muted);font-size:16px}

/* final cta: photo background */
.su-cta{position:relative;overflow:hidden;padding-block:clamp(90px,11vw,140px);background:var(--navy)}
.su-cta__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}
.su-cta::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,23,.55),rgba(2,6,23,.85))}
.su-cta__in{position:relative;z-index:1;display:grid;gap:24px;justify-items:center;text-align:center;max-width:780px}
.su-cta .su-h2{font-size:clamp(34px,4.6vw,58px)}
.su .su-cta p{color:rgba(255,255,255,.82);font-size:18px}

.su-h1{font-size:clamp(40px,5.2vw,66px);line-height:1.03;font-weight:700}
.su-h1 span{color:var(--blue)}
.su-lead{font-size:20px;line-height:1.6;color:var(--muted)}
.su-sec--dots{position:relative;background:#fff}
.su-sec--dots::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(2,6,23,.13) 1.2px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 50% 50%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 80% at 50% 50%,#000 20%,transparent 75%);pointer-events:none}
.su-sec--dots>*{position:relative}
.su-sec--navy{background:#0B1530;color:rgba(255,255,255,.8)}

/* hero: centred stack, wide photo below */
.su-hero{padding-block:clamp(56px,7vw,96px) clamp(64px,8vw,100px);background:radial-gradient(1100px 460px at 50% -10%,rgba(0,78,235,.07),transparent 65%)}
.su-hero__in{display:grid;justify-items:center;text-align:center;gap:26px;max-width:940px}
.su-hero__in .su-lead{max-width:780px}
.su-hero__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:4px}
.su-hero__img{position:relative;margin:56px 0 0;border-radius:28px;overflow:hidden;height:460px;box-shadow:0 30px 60px rgba(2,6,23,.12)}
.su-hero__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* shortage: photo left, story right, second paragraph as a card */
.su-short{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:56px;align-items:center}
.su-short__img{position:relative;margin:0;border-radius:28px;overflow:hidden;height:520px;box-shadow:0 24px 50px rgba(2,6,23,.12)}
.su-short__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.su-short__txt{display:grid;gap:22px}
.su .su-short__txt>p{color:var(--muted);font-size:17px;line-height:1.7}
.su-short__card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:start;padding:24px 26px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 40px rgba(15,23,42,.06)}
.su-short__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#EEF3FF;color:var(--blue)}
.su .su-short__card p{color:var(--ink);font-size:16px;line-height:1.7}
.su-short__card strong{color:var(--blue);font-weight:700}

/* sources: five source rows, each value with a level bar; private party row highlighted */
.su-src{display:grid;gap:12px;max-width:1040px;margin:0 auto}
.su-src__head,.su-src__row{display:grid;grid-template-columns:minmax(0,1.35fr) repeat(3,minmax(0,1fr));gap:28px;align-items:center}
.su-src__head{padding:0 28px 4px}
.su-src__head span{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--subtle)}
.su-src__row{padding:20px 28px;border-radius:20px;background:#fff;border:1px solid var(--line);transition:transform .2s,box-shadow .2s}
.su-src__row:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(15,23,42,.07)}
.su-src__name{display:flex;align-items:center;gap:14px;font-family:var(--display);word-spacing:.08em;font-weight:600;font-size:17px;line-height:1.3;color:var(--navy)}
.su-src__ic{flex-shrink:0;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--soft);color:var(--navy)}
.su-src__row>[role=cell]{display:grid;gap:9px}
.su-src__row em{font-style:normal;font-size:15px;line-height:1.35;color:var(--muted)}
.su-bar{display:block;height:6px;border-radius:99px;background:#E8EDF5;overflow:hidden}
.su-bar i{display:block;height:100%;border-radius:inherit;background:#8FA8D6}
.su-src__row--hi{background:#0B1530;border-color:#0B1530;box-shadow:0 22px 48px rgba(2,6,23,.22);transform:scale(1.015)}
.su-src__row--hi:hover{transform:scale(1.015) translateY(-2px)}
.su-src__row--hi .su-src__name{color:#fff}
.su-src__row--hi .su-src__ic{background:rgba(0,78,235,.22);color:#004EEB}
.su-src__row--hi em{color:#fff;font-weight:600}
.su-src__row--hi .su-bar{background:rgba(255,255,255,.14)}
.su-src__row--hi .su-bar i{background:#004EEB}
.su-src__note{max-width:760px;margin:40px auto 0;text-align:center;font-size:17px;line-height:1.7;color:var(--muted)}
.su-src__note .su-link{display:inline;border-bottom-color:rgba(0,78,235,.3)}
.su-src__note .su-link:hover{border-bottom-color:currentColor}

/* how: heading, intro and photo on the left, numbered steps on a line to the right */
.su-how{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:start}
.su-how__side{display:grid;gap:20px;position:sticky;top:110px}
.su .su-how__intro{color:var(--muted);font-size:18px;line-height:1.6}
.su-how__img{position:relative;margin:8px 0 0;border-radius:26px;overflow:hidden;height:340px;box-shadow:0 24px 50px rgba(2,6,23,.12)}
.su-how__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.su-how__list{list-style:none;margin:0;padding:0;display:grid;gap:14px;position:relative}
.su-how__list::before{content:"";position:absolute;left:52px;top:44px;bottom:44px;width:2px;background:linear-gradient(180deg,rgba(2,6,23,.1),var(--navy))}
.su-how__list li{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:22px;align-items:center;padding:22px 26px 22px 28px;border-radius:20px;background:#fff;border:1px solid var(--line);transition:border-color .2s,box-shadow .2s}
.su-how__list li:hover{border-color:rgba(0,78,235,.3);box-shadow:0 16px 34px rgba(15,23,42,.07)}
.su-how__n{position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px var(--navy);font-family:var(--display);word-spacing:.08em;font-weight:700;font-size:18px;color:var(--navy)}
.su-how__list li:last-child .su-how__n{background:var(--navy);color:#fff}
.su-how__list b{display:block;font-family:var(--display);word-spacing:.08em;font-size:19px;font-weight:600;color:var(--navy);margin-bottom:4px}
.su .su-how__list p{color:var(--muted);font-size:15px;line-height:1.6}

/* operations: four photo tiles, text on a bottom shadow, icon above the title */
.su-ops{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.su .su-ops li{position:relative;overflow:hidden;min-height:440px;display:flex;align-items:flex-end;border-radius:24px;background:var(--navy);box-shadow:0 18px 40px rgba(2,6,23,.12);transition:transform .3s,box-shadow .3s}
.su .su-ops li:hover{transform:translateY(-4px);box-shadow:0 26px 54px rgba(2,6,23,.2)}
.su-ops__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.su-ops li:hover .su-ops__img{transform:scale(1.06)}
.su .su-ops li::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,23,0) 20%,rgba(2,6,23,.6) 52%,rgba(2,6,23,.94) 100%)}
.su-ops__body{position:relative;z-index:1;display:grid;gap:10px;padding:24px 24px 26px}
.su-ops__ic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;margin-bottom:6px;background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .2s,border-color .2s}
.su-ops li:hover .su-ops__ic{background:var(--blue);border-color:var(--blue)}
.su .su-ops b{font-family:var(--display);word-spacing:.08em;font-size:20px;font-weight:600;color:#fff}
.su .su-ops p{color:rgba(255,255,255,.82);font-size:15px;line-height:1.6}
.su-ops__a{color:#fff;font-weight:600;text-decoration:underline;text-decoration-color:rgba(255,255,255,.45);text-underline-offset:3px;transition:text-decoration-color .2s}
.su-ops__a:hover{color:#fff;text-decoration-color:#fff}

/* results: navy band, three figures */
.su-res{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.su-res li{display:grid;align-content:start;gap:18px;padding:34px 32px 36px;border-radius:24px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);transition:background .2s,border-color .2s}
.su-res li:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18)}
.su-res__ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(143,179,255,.14);color:var(--blue-lt)}
.su .su-res p{color:rgba(255,255,255,.78);font-size:16px;line-height:1.65}
.su-res strong{display:block;margin:10px 0 8px;font-family:var(--display);word-spacing:.08em;font-size:32px;line-height:1.12;font-weight:700;color:#fff;letter-spacing:-.012em}

@media (max-width:1100px){
  .su-ops{grid-template-columns:repeat(2,minmax(0,1fr))}
  .su .su-ops li{min-height:400px}
}
@media (max-width:980px){
  .su-short,.su-how{grid-template-columns:1fr;gap:32px}
  .su-short__img{order:-1;height:auto;aspect-ratio:16/10}
  .su-how__side{position:static}
  .su-how__img{height:auto;aspect-ratio:16/10}
  .su-res{grid-template-columns:1fr}
  .su-src__head{display:none}
  .su-src__row{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 20px;padding:20px}
  .su-src__name{grid-column:1 / -1}
  .su-src__row>[role=cell]::before{content:attr(data-l);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--subtle)}
  .su-src__row--hi>[role=cell]::before{color:rgba(255,255,255,.55)}
  .su-src__row--hi{transform:none}
}
@media (max-width:640px){
  .su-hero{display:flex;flex-direction:column}
  .su-hero>.su-wrap:last-child{order:-1;width:100%}
  .su-hero__img{height:260px;margin:0 0 32px}
  .su-hero__cta .su-btn{width:100%;justify-content:center}
  .su-short__card{grid-template-columns:1fr}
  .su-how{display:flex;flex-direction:column}
  .su-how__side{display:contents}
  .su-how__img{order:-1;margin:0}
  .su-how__list::before{left:44px}
  .su-how__list li{padding:20px;gap:16px}
  .su-src__row{grid-template-columns:1fr}
  .su-ops{grid-template-columns:1fr}
  .su .su-ops li{min-height:360px}
  .su-res strong{font-size:28px}
}

/* review fixes */
.su .su-src__note{margin:40px auto 0}
.su-src__row--hi,.su-src__row--hi:hover{transform:none}
.su-src__row--hi:hover{transform:translateY(-2px)}
/* operations as a 2 x 2 bento so every title sits on one line and icons line up */
.su-ops{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.su .su-ops li{min-height:340px}
.su-ops__body{max-width:470px;padding:28px 30px 30px}
/* results: lead in always takes two lines so the big figures line up across the three cards */
.su .su-res p{display:grid;grid-template-rows:minmax(3.3em,auto) auto auto;align-content:start}
.su-res strong{margin:12px 0 10px}
@media (max-width:640px){
  .su-ops{grid-template-columns:1fr}
  .su .su-ops li{min-height:360px}
  .su .su-res p{grid-template-rows:auto}
}
/* icons and titles start at the same height in every tile */
.su-ops__body{min-height:236px;align-content:start}
@media (max-width:640px){.su-ops__body{min-height:0}}

/* ===== review round 1 ===== */
.su-nw{white-space:nowrap}
/* display type: open spacing so the live font never crowds */
.su-h1,.su-h2{letter-spacing:-.012em;word-spacing:.08em}
.su-res strong{letter-spacing:-.012em;word-spacing:.08em}
.su-hero{padding-bottom:0}

/* sources: values as calm pills, no invented scale */
.su-src__row>[role=cell]{display:block}
.su-src__row em{display:inline-block;padding:7px 14px;border-radius:999px;background:var(--soft);border:1px solid var(--line);color:var(--ink);font-size:14.5px;font-weight:500;line-height:1.35}
.su-src__row--hi em{background:rgba(0,78,235,.22);border-color:rgba(77,139,255,.5);color:#fff;font-weight:600}

/* how: centred heading, five step cards in one column, circle left (icon above on phones) */
.su-how{display:block}
.su-how__head{display:grid;justify-items:center;text-align:center;gap:14px;max-width:760px;margin:0 auto 44px}
.su-how__head .su-h2--center{margin:0}
.su .su-how__intro{font-size:18px}
.su-how__list{max-width:860px;margin:0 auto;gap:14px}
.su-how__list::before{display:none}
.su-how__list li{grid-template-columns:52px minmax(0,1fr);gap:24px;padding:24px 30px;align-items:center}
.su-how__n{width:52px;height:52px}
.su-how__list li:last-child .su-how__n{background:#fff;color:var(--navy)}
.su-how__list li:hover .su-how__n{background:var(--navy);color:#fff}

/* operations: every description wraps the same, one shared overlay */
.su-ops__body{max-width:360px;min-height:236px}
.su .su-ops li::after{background:linear-gradient(180deg,rgba(2,6,23,0) 15%,rgba(2,6,23,.7) 55%,rgba(2,6,23,.95) 100%)}

@media (max-width:1100px){
  .su-src__head,.su-src__row{grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr))}
  .su-res strong{font-size:28px}
}
@media (max-width:980px){
  .su-src__row{grid-template-columns:repeat(3,minmax(0,1fr))}
  .su-src__row>[role=cell]{display:grid;gap:8px;justify-items:start}
}
@media (max-width:640px){
  .su-hero{padding-bottom:0}
  .su-how{display:block}
  .su-how__list li{grid-template-columns:1fr;justify-items:start;gap:14px;padding:22px}
  .su-src__row{grid-template-columns:1fr;gap:12px}
  .su-src__row>[role=cell]{grid-template-columns:1fr auto;align-items:center;column-gap:12px}
  .su-src__row>[role=cell]::before{grid-column:1}
  .su-ops__body{max-width:none;min-height:0}
}
.su .su-res p{grid-template-rows:minmax(4.95em,auto) auto auto}
@media (max-width:640px){.su .su-res p{grid-template-rows:auto}}
.su-res__lead{display:block;min-height:4.95em}
.su .su-res p{display:block}
@media (max-width:640px){.su-res__lead{min-height:0}}
.su-res__lead{min-height:3.3em}
@media (min-width:641px) and (max-width:1100px){.su-res__lead{min-height:4.95em}}
@media (max-width:640px){.su-res__lead{min-height:0}}

/* ===== sources v3: calm list panel + private party spotlight ===== */
.su-src{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;max-width:none;align-items:stretch}
.su-src__list{display:grid;background:#fff;border:1px solid var(--line);border-radius:26px;padding:6px 30px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.su-src__item{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;align-items:start;padding:24px 0}
.su-src__item+.su-src__item{border-top:1px solid var(--line)}
.su-src__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--soft);color:var(--navy)}
.su .su-src__main h3{margin:0 0 12px;font-family:var(--display);word-spacing:.08em;font-size:17px;line-height:1.3;font-weight:600;color:var(--navy);letter-spacing:-.01em;padding-top:10px}
.su-src__vals{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:14px}
.su-src__v{display:grid;align-content:start;gap:3px}
.su-src__v span{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--subtle)}
.su-src__v b{font-size:14.5px;line-height:1.4;font-weight:500;color:var(--ink)}

/* spotlight card */
.su-src__best{display:flex;flex-direction:column;justify-content:space-between;gap:26px;padding:36px 34px 34px;border-radius:26px;background:radial-gradient(420px 260px at 85% 0%,rgba(0,78,235,.22),transparent 70%),linear-gradient(180deg,#0E1C3F,#0B1530);box-shadow:0 30px 60px rgba(2,6,23,.22)}
.su-src__best-top{display:grid;justify-items:start;gap:16px}
.su-src__best .su-src__ic{width:54px;height:54px;border-radius:16px;background:rgba(0,78,235,.22);border:1px solid rgba(77,139,255,.5);color:#004EEB}
.su .su-src__best h3{margin:0;font-family:var(--display);word-spacing:.08em;font-size:24px;line-height:1.25;font-weight:600;color:#fff;letter-spacing:-.01em}
.su-src__best-vals{display:grid;margin-top:22px}
.su-src__best-vals .su-src__v{grid-template-columns:1fr auto;align-items:center;gap:12px;padding:15px 0;border-top:1px solid rgba(255,255,255,.12)}
.su-src__best-vals .su-src__v span{color:rgba(255,255,255,.6)}
.su-src__best-vals .su-src__v b{display:flex;align-items:center;gap:9px;font-family:var(--display);word-spacing:.08em;font-size:17px;font-weight:600;color:#fff}
.su-src__best-vals .su-src__v b::before{content:"";flex-shrink:0;width:20px;height:20px;border-radius:50%;background:#004EEB url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}
.su .su-src__best .su-src__note{margin:0;max-width:none;text-align:left;font-size:15px;line-height:1.65;color:rgba(255,255,255,.75);padding-top:20px;border-top:1px solid rgba(255,255,255,.12)}
.su .su-src__best .su-link{color:#fff;border-bottom-color:rgba(255,255,255,.4)}
.su .su-src__best .su-link:hover{border-bottom-color:#fff}

@media (max-width:980px){
  .su-src{grid-template-columns:1fr}
}
@media (max-width:560px){
  .su-src__list{padding:4px 20px}
  .su-src__item{grid-template-columns:1fr;gap:12px;padding:22px 0}
  .su .su-src__main h3{padding-top:0}
  .su-src__vals{grid-template-columns:1fr;gap:10px}
  .su-src__v{grid-template-columns:1fr auto;align-items:baseline;gap:12px}
  .su-src__v b{text-align:right}
  .su-src__best{padding:28px 22px}
  .su .su-src__best h3{font-size:21px}
}

/* ===== how v5: steps accordion (one open at a time) beside a photo ===== */
.su-how__head{margin-bottom:48px}
.su-how__body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:stretch}
.su-acc{display:grid;gap:12px;align-content:start}
.su-acc details{border-radius:20px;background:#fff;border:1px solid var(--line);transition:background .25s,border-color .25s,box-shadow .25s}
.su-acc details[open]{background:#0B1530;border-color:#0B1530;box-shadow:0 24px 50px rgba(2,6,23,.2)}
.su-acc summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:48px minmax(0,1fr) 32px;align-items:center;gap:18px;padding:18px 22px}
.su-acc summary::-webkit-details-marker{display:none}
.su-acc .su-how__n{width:48px;height:48px;margin:0;font-size:18px;background:#fff;color:var(--navy);box-shadow:inset 0 0 0 2px var(--navy);transition:background .25s,color .25s,box-shadow .25s}
.su-acc details[open] .su-how__n{background:#004EEB;color:#fff;box-shadow:none}
.su .su-acc b{font-family:var(--display);word-spacing:.08em;font-size:19px;font-weight:600;line-height:1.3;color:var(--navy);margin:0}
.su .su-acc details[open] b{color:#fff}
.su-acc details[open] .su-pm{background:rgba(255,255,255,.12)}
.su-acc details[open] .su-pm::before{background:#fff}
.su-acc details[open] .su-pm::after{opacity:0}
.su .su-acc p{padding:0 22px 22px 88px;margin:0;font-size:16px;line-height:1.65;color:rgba(255,255,255,.8)}
.su-acc details:not([open]):hover{border-color:rgba(0,78,235,.3);box-shadow:0 14px 30px rgba(15,23,42,.06)}
.su-how__body .su-how__img{position:relative;margin:0;border-radius:26px;overflow:hidden;min-height:420px;height:auto;box-shadow:0 24px 50px rgba(2,6,23,.12)}
.su-how__body .su-how__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (max-width:980px){
  .su-how__body{grid-template-columns:1fr;gap:28px}
  .su-how__body .su-how__img{order:-1;min-height:0;aspect-ratio:16/10}
}
@media (max-width:560px){
  .su-acc summary{grid-template-columns:44px minmax(0,1fr) 32px;gap:14px;padding:16px 16px}
  .su-acc .su-how__n{width:44px;height:44px}
  .su .su-acc b{font-size:17px}
  .su .su-acc p{padding:0 18px 20px 18px}
}

/* ===== sources v5: premium polish on the approved structure ===== */
.su-src{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px}
.su-src__vals{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.su-src__v span{white-space:nowrap;letter-spacing:.06em}
.su-src__v b{white-space:nowrap;font-family:var(--display);word-spacing:.08em;font-weight:600;font-size:15px}
.su-src__list{padding:10px 12px;border-radius:28px;box-shadow:0 24px 50px rgba(15,23,42,.06);align-content:space-between}
.su-src__item{padding:20px 18px;border-radius:18px;border:0 !important;transition:background .2s}
.su-src__item+.su-src__item{box-shadow:0 -1px 0 var(--line)}
.su-src__item:hover,.su-src__item:hover+.su-src__item{box-shadow:none}
.su-src__item:hover{background:var(--soft)}
.su-src__ic{width:44px;height:44px;border-radius:13px;background:linear-gradient(180deg,#fff,#EEF2F8);border:1px solid var(--line);color:var(--navy);box-shadow:0 4px 10px rgba(15,23,42,.05);transition:background .2s,color .2s,border-color .2s}
.su-src__item:hover .su-src__ic{background:var(--navy);border-color:var(--navy);color:#fff}
.su .su-src__main h3{margin:0;padding-top:0;font-size:17px}
.su .su-src__sub{margin:3px 0 14px;font-size:14px;line-height:1.4;color:var(--muted)}

/* spotlight: photo texture, glass values panel */
.su-src__best{position:relative;overflow:hidden;isolation:isolate;justify-content:space-between;gap:24px;padding:34px 32px 32px;border-radius:28px;background:#0B1530}
.su-src__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.2;z-index:-2}
.su-src__best::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(380px 240px at 90% 0%,rgba(0,78,235,.28),transparent 70%),linear-gradient(180deg,rgba(11,21,48,.5),#0B1530 72%)}
.su .su-src__best .su-src__sub{color:rgba(255,255,255,.78);margin:6px 0 0}
.su-src__best-vals{margin-top:22px;padding:4px 20px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.su-src__best-vals .su-src__v{padding:16px 0}
.su-src__best-vals .su-src__v:first-child{border-top:0}
.su .su-src__best .su-src__note{margin-top:0 !important;padding-top:0;border-top:0}

@media (max-width:1100px){.su-src{grid-template-columns:1fr}}
@media (max-width:560px){
  .su-src__vals{grid-template-columns:1fr;gap:8px}
  .su-src__v b{white-space:normal}
  .su-src__list{padding:6px}
  .su-src__item{padding:18px 14px}
  .su-src__best{padding:26px 20px}
}
@media (max-width:980px){.su-how__list::before{display:none}}
.su-src__best .su-src__ic{color:#8FB3FF}
/* ops: one line, then the link on its own line with an arrow, same in every tile */
.su-ops__body{min-height:0;max-width:440px}
.su .su-ops p{min-height:0}
.su-ops__a{display:inline-flex;align-items:center;gap:8px;width:fit-content;margin-top:4px;font-size:14.5px;text-decoration:none;border-bottom:1.5px solid rgba(255,255,255,.35);padding-bottom:2px}
.su-ops__a::after{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .2s}
.su-ops__a:hover{border-bottom-color:#fff}
.su-ops__a:hover::after{transform:translateX(3px)}
/* results: lead, figure, tail. Same three lines in every card */
.su-res__lead{min-height:0 !important;white-space:nowrap}
.su-res__tail{display:block}
.su-res strong{white-space:nowrap;font-size:30px;margin:10px 0 10px}
@media (max-width:1100px){.su-res__lead{white-space:normal}.su-res strong{white-space:normal}}
.su-res strong{white-space:normal;font-size:32px}
.su-res__lead{white-space:normal;min-height:0}
.su-res__tail{min-height:3.3em}
@media (max-width:640px){.su-res__tail{min-height:0}}
.su-res__tail{min-height:0;white-space:nowrap;font-size:14.5px}
.su .su-res p{max-width:none}
@media (max-width:1100px){.su-res__tail{white-space:normal}}
.su-res strong{white-space:nowrap;font-size:23px;margin:8px 0}
@media (max-width:1100px){.su-res strong{white-space:normal}}
.su-res strong{font-size:20px}
.su-res strong{font-size:19.5px;margin:12px 0 10px}