/* PDPA Compliance live site 9.0.20261018. Source: site-source/src/styles.css. Do not edit here: edit the source and rebuild. */
@font-face { font-family: 'Source Serif'; font-style: normal; font-weight: 200 900; font-display: swap; src: url(/assets/fonts/source-serif-4-latin-opsz-normal.woff2) format('woff2'); }
@font-face { font-family: 'Instrument Sans'; font-style: normal; font-weight: 400 700; font-stretch: 75% 100%; font-display: swap; src: url(/assets/fonts/instrument-sans-latin-wdth-normal.woff2) format('woff2'); }


:root {
  --black: #000000; --white: #FFFFFF; --gold: #D4B366; --grey: #5C5C5C;
  --serif: 'Source Serif', 'Source Serif 4', Georgia, serif;
  --sans: 'Instrument Sans', 'Helvetica Neue', Arial, sans-serif;
  
  --t-display: 36px; --lh-display: 1.15;
  --t-h2: 26px; --lh-h2: 1.25;
  --t-h3: 20px; --lh-h3: 1.3;
  --t-body: 17px; --lh-body: 1.6;
  --t-small: 15px; --lh-small: 1.45;
  
  --hh: 60px; --gut: 16px; --wrap: 1200px; --pad: 56px; --btn: 52px;
  --soft: rgba(255, 255, 255, .72);   
  --line-k: rgba(255, 255, 255, .16); 
  --line-w: rgba(0, 0, 0, .12);       
  --tint: rgba(92, 92, 92, .12);      
}
@media (min-width: 761px) {
  :root { --t-display: 52px; --lh-display: 1.1; --t-h2: 34px; --lh-h2: 1.2; --t-h3: 22px; --t-body: 18px; --hh: 72px; --gut: 32px; --pad: 96px; --btn: 48px; }
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: calc(var(--hh) + 16px); }
body { margin: 0; background: var(--white); color: var(--black); font: 400 var(--t-body)/var(--lh-body) var(--sans); -webkit-font-smoothing: antialiased; overflow-x: hidden; }
main { display: block; padding-top: var(--hh); }
img, svg { display: block; max-width: 100%; }
a { color: inherit; }
b, strong, h1, h2, h3, th, dt { font-weight: 600; }
p, ul, ol, figure, blockquote, h1, h2, h3, address, dl, dd { margin: 0; }
ul, ol { padding: 0; list-style: none; }
address, em, i { font-style: normal; }
button, input, select, textarea { font: inherit; color: inherit; }
[hidden] { display: none !important; }
:focus-visible { outline: 2px solid var(--black); outline-offset: 3px; }
.t-k :focus-visible, .hdr :focus-visible, .ftr :focus-visible, .pmenu :focus-visible { outline-color: var(--gold); }
.vh { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ic { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: square; stroke-linejoin: miter; flex: none; }
.skip { position: fixed; left: 16px; top: -64px; z-index: 100; background: var(--gold); color: var(--black); padding: 8px 16px; min-height: 44px; font-weight: 600; text-decoration: none; }
.skip:focus { top: 8px; }
.nojs { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 24px; background: var(--black); color: var(--white); text-align: center; }


.h1 { font: 600 var(--t-display)/var(--lh-display) var(--serif); letter-spacing: -0.01em; text-wrap: balance; }
.h2, .big { font: 600 var(--t-h2)/var(--lh-h2) var(--serif); letter-spacing: -0.005em; text-wrap: balance; }
.h3, .card-h, .mcol-h { font: 600 var(--t-h3)/var(--lh-h3) var(--sans); }
.small, .src, .card-k, .mcol-k { font-size: var(--t-small); line-height: var(--lh-small); }
.lead, .para, .sub { max-width: 70ch; text-wrap: pretty; }
.src { display: block; color: var(--grey); }
.t-k .src, .t-k .small, .t-k .sub { color: var(--soft); }
.sub { margin-top: 8px; color: var(--grey); }
.t-k .lead { color: var(--soft); }


.wrap { max-width: calc(var(--wrap) + 2 * var(--gut)); margin: 0 auto; padding: 0 var(--gut); position: relative; }
.sec { padding: var(--pad) 0; position: relative; overflow: hidden; }
.t-k { background: var(--black); color: var(--white); }
.t-w { background: var(--white); color: var(--black); }
.t-g { background: var(--tint); color: var(--black); }
.sh { margin-bottom: 32px; }
.sh .h2 { max-width: 28em; }


.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: var(--btn); padding: 0 24px; border-radius: 2px; border: 1.5px solid transparent; font: 600 var(--t-body)/1.25 var(--sans); text-decoration: none; text-align: center; cursor: pointer; transition: background .15s, color .15s, box-shadow .15s; }
.btn-p { background: var(--gold); border-color: var(--gold); color: var(--black); }
.btn-p:hover { box-shadow: inset 0 0 0 2px var(--black); }
.t-k .btn-p:hover, .hdr .btn-p:hover, .sbar .btn-p:hover { box-shadow: inset 0 0 0 2px var(--white); }
.btn-s { background: transparent; border-color: var(--black); color: var(--black); }
.btn-s:hover { background: var(--black); color: var(--white); }
.t-k .btn-s, .hdr .btn-s, .pmenu .btn-s { border-color: var(--white); color: var(--white); }
.t-k .btn-s:hover, .hdr .btn-s:hover, .pmenu .btn-s:hover { background: var(--white); color: var(--black); }
.tl { color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.tl:hover { text-decoration-thickness: 2px; }
.tl-go, .final-l .tl, .req .tl, .hdr-call, .pmenu-call { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; }


.ask { margin-top: 32px; }
.ask-ctx { margin-bottom: 8px; font-weight: 600; }
.ask-b { display: flex; flex-direction: column; gap: 8px; }
.ask-b .btn { width: 100%; }
.ask-note { margin-top: 8px; }
.ask-pf { margin-top: 16px; max-width: 70ch; color: var(--grey); }
.t-k .ask-pf { color: var(--soft); }
@media (min-width: 761px) {
  .ask-b { flex-direction: row; flex-wrap: wrap; gap: 16px; }
  .ask-b .btn { width: auto; }
}


.hdr { position: fixed; top: 0; left: 0; right: 0; z-index: 50; height: var(--hh); background: var(--black); color: var(--white); border-bottom: 1px solid var(--line-k); }
.hdr-in { max-width: 1440px; height: 100%; margin: 0 auto; padding: 0 var(--gut); display: flex; align-items: center; gap: 16px; }
.hdr-logo { display: flex; align-items: center; min-height: 44px; flex: none; width: 76px; color: var(--white); }
.hdr-logo svg { width: 100%; height: auto; fill: currentColor; }
.hdr-nav { display: none; }
.nav { display: flex; gap: 0; }
.nav-b { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; padding: 0 12px; border: 0; background: none; color: var(--white); font-weight: 400; text-decoration: none; cursor: pointer; border-bottom: 2px solid transparent; }
.nav-b .ic { width: 20px; height: 20px; transition: transform .15s; }
.nav-b[aria-expanded="true"] .ic { transform: rotate(180deg); }
.nav-b:hover, .nav-b[aria-expanded="true"] { color: var(--gold); }
.nav-b.is-here { border-bottom-color: var(--gold); }
.hdr-r { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.hdr-call, .hdr-talk { display: none; }
.hdr-call { color: var(--white); padding: 0 8px; white-space: nowrap; }
.hdr-chk { min-height: 48px; padding: 0 16px; white-space: nowrap; }
.hdr-chk .long { display: none; }
.hdr-chk[aria-current="page"] { background: rgba(212, 179, 102, .4); border-color: transparent; color: var(--white); }
.hdr-burger { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border: 0; background: none; color: var(--white); cursor: pointer; }
.hdr-burger .ic { width: 24px; height: 24px; }
@media (min-width: 761px) {
  .hdr-logo { width: 92px; }
  .hdr-talk { display: block; }
  .hdr-chk { padding: 0 20px; }
  .hdr-chk .long { display: inline; } .hdr-chk .short { display: none; }
}
@media (min-width: 1181px) {
  .hdr-in { gap: 24px; }
  .hdr-nav { display: block; }
  .hdr-burger { display: none; }
}


.pmenu { position: fixed; top: var(--hh); left: 0; right: 0; bottom: 0; z-index: 49; background: var(--black); color: var(--white); overflow-y: auto; padding: 8px var(--gut) 32px; display: none; }
.pmenu.is-open { display: block; }
.pmenu details { border-bottom: 1px solid var(--line-k); padding: 4px 0; }
.pmenu summary, .pmenu-l { display: flex; align-items: center; justify-content: space-between; min-height: 56px; font-weight: 600; cursor: pointer; list-style: none; text-decoration: none; }
.pmenu summary::-webkit-details-marker { display: none; }
.pmenu-l { border-bottom: 1px solid var(--line-k); }
.pmenu ul { padding-bottom: 16px; }
.pmenu li a { display: flex; align-items: center; min-height: 44px; text-decoration: none; color: var(--soft); }
.pmenu li.pm-h a { color: var(--white); font-weight: 600; }
.pmenu li.pm-p { color: var(--soft); padding: 8px 0; }
.pmenu-cta { display: grid; gap: 8px; margin-top: 24px; }
.pmenu-cta .btn { width: 100%; }
.pmenu-call { justify-content: center; color: var(--white); }
@media (min-width: 1181px) { .pmenu { display: none !important; } }


.hero { padding: 48px 0 var(--pad); }
.hero-g { display: grid; gap: 32px; }
.hero-t { position: relative; z-index: 1; }
.hero .lead { margin-top: 16px; }
.hero .h1 { margin-top: 8px; }
.hero--home .h1 { margin-top: 0; }
.field { position: absolute; inset: 0; pointer-events: none; opacity: .14; }
.field svg { width: 100%; height: 100%; }
.crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 0 8px; color: var(--soft); }
.crumbs a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 44px; color: var(--soft); text-decoration: underline; text-underline-offset: 3px; }
.crumbs [aria-current] { color: var(--white); }
.stake { margin-top: 24px; padding-left: 16px; border-left: 2px solid var(--gold); max-width: 60ch; }
.stake span { display: block; }
.stake .src { margin-top: 4px; }
.hero-mark { display: block; width: 64px; margin: 8px 0 16px; color: var(--gold); }
.callbox { display: flex; align-items: center; gap: 16px; margin-top: 24px; padding: 16px 24px; border: 1.5px solid var(--gold); border-radius: 2px; color: var(--white); text-decoration: none; max-width: 560px; font-weight: 600; min-height: 56px; }
.callbox .ic { color: var(--gold); }
.callbox:hover { background: rgba(212, 179, 102, .16); }
.hero-v { position: relative; z-index: 1; }
@media (min-width: 761px) {
  .hero { padding: 64px 0 var(--pad); }
  .hero-g { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: center; gap: 64px; }
  .hero--1 .hero-g { grid-template-columns: minmax(0, 1fr); }
  .hero--1 .hero-t { max-width: 840px; }
}

@media (min-width: 761px) {
  .hero--home { min-height: calc(100vh - var(--hh)); display: flex; align-items: center; padding: 48px 0; }
  .hero--home > .wrap { width: 100%; }
}
.hero--t10 { padding: 32px 0 48px; }
.upd { margin-top: 16px; }


.pv-card { display: grid; grid-template-columns: auto 1fr; grid-template-areas: "dial k1" "dial k2" "dial bars" "dial k3" "dial bar1"; column-gap: 32px; row-gap: 8px; align-items: center; max-width: 480px; padding: 32px; border: 1px solid var(--line-k); border-radius: 2px; background: rgba(255, 255, 255, .06); color: var(--white); text-decoration: none; }
a.pv-card:hover { border-color: var(--gold); }
.pv-dial { grid-area: dial; position: relative; width: 128px; height: 128px; align-self: start; }
.pv-dial svg { width: 128px; height: 128px; transform: rotate(-90deg); }
.pv-trk, .pv-arc { fill: none; stroke-width: 8; }
.pv-trk { stroke: var(--line-k); }
.pv-arc { stroke: var(--gold); stroke-dasharray: 64 100; stroke-linecap: butt; }
.pv-dial b { position: absolute; inset: 0; display: grid; place-items: center; font: 600 var(--t-h2)/1 var(--serif); color: var(--gold); }
.pv-k { font-weight: 600; }
.pv-k1 { grid-area: k1; } .pv-k2 { grid-area: k2; margin-top: 8px; } .pv-k3 { grid-area: k3; margin-top: 8px; }
.pv-bars { grid-area: bars; display: grid; gap: 8px; }
.pv-bars--1 { grid-area: bar1; }
.pv-bars i { display: block; height: 8px; border-radius: 1px; background: rgba(92, 92, 92, .8); }
.pv-bars i:nth-child(2) { width: 80%; } .pv-bars i:nth-child(3) { width: 64%; }
.pv-bars--1 i { width: 72%; background: var(--gold); }
@media (max-width: 760px) { .pv-card { padding: 24px; column-gap: 24px; } .pv-dial, .pv-dial svg { width: 96px; height: 96px; } }


.sec-pbar { padding: 40px 0; }
.pbar { display: grid; gap: 24px; }
.pbar li { display: flex; align-items: baseline; gap: 16px; }
.pbar-n { font: 600 var(--t-h2)/var(--lh-h2) var(--serif); flex: none; min-width: 3.4em; }
.pbar span { max-width: 28ch; }
@media (min-width: 761px) {
  .sec-pbar { padding: 40px 0; }
  .pbar { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
  .pbar li { flex-direction: column; gap: 0; }
}
.logos { margin-top: 24px; padding-top: 16px; border-top: 1px solid var(--line-w); }
.logos-h { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.logos-k { color: var(--grey); }
.logos-p { min-height: 44px; margin: -11px 0; padding: 0 8px; border: 0; background: none; cursor: pointer; }

.marquee { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000000 6%, #000000 94%, transparent); mask-image: linear-gradient(90deg, transparent, #000000 6%, #000000 94%, transparent); }
.marquee-t { display: flex; width: max-content; gap: 48px; padding: 4px 24px 4px 0; animation: roll 45s linear infinite; }
.marquee-t li { flex: none; display: flex; align-items: center; }
.marquee-t img { height: 40px; width: auto; max-width: none; filter: grayscale(1); }
.logos:hover .marquee-t, .logos:focus-within .marquee-t, .logos.is-paused .marquee-t { animation-play-state: paused; }
@keyframes roll { to { transform: translateX(-50%); } }

@media (prefers-reduced-motion: reduce) {
  .marquee { overflow-x: auto; scrollbar-width: none; -webkit-mask-image: none; mask-image: none; }
  .marquee::-webkit-scrollbar { display: none; }
  .marquee-t { animation: none; }
  .marquee-t li[aria-hidden="true"], .logos-p { display: none; }
}


.stakes { display: grid; gap: 32px; }
.stakes li, .stake1 { display: flex; flex-direction: column; gap: 4px; max-width: 46ch; }
.stake1 { max-width: 60ch; }
.stakes .big, .stake1 .big { font-size: var(--t-h2); }
.case-line { margin-top: 24px; padding-top: 16px; border-top: 1px solid var(--line-w); max-width: 80ch; }
.case-line .src { display: inline; }
.case-line .tl-go { margin-left: 8px; }
@media (min-width: 761px) { .stakes { grid-template-columns: repeat(3, minmax(0, 1fr)); } }


.cards { display: grid; gap: 16px; }
.card { position: relative; display: flex; flex-direction: column; gap: 8px; padding: 24px; border: 1px solid var(--line-w); border-radius: 2px; background: var(--white); color: var(--black); text-decoration: none; transition: border-color .15s, transform .15s; min-height: 100%; }
.t-k .card { background: transparent; border-color: var(--line-k); color: var(--white); }
.t-g .card { border-color: transparent; }
a.card:hover { border-color: var(--black); transform: translateY(-2px); }
.t-k a.card:hover { border-color: var(--gold); }
.card-k { color: var(--grey); }
.card-p { color: var(--grey); }
.t-k .card-p, .t-k .card-k { color: var(--soft); }
.card-h { padding-right: 32px; }
.card-k + .card-h { padding-right: 0; }
.card-k { padding-right: 32px; }
.card-go { position: absolute; right: 16px; top: 24px; font-size: var(--t-h3); line-height: 1; }
.card--plain .card-h { padding-right: 0; }
@media (min-width: 761px) {
  .cards--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
  .cards--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
  .cards--5 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
}
@media (min-width: 1181px) {
  .cards--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .cards--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}


.why-g { display: grid; gap: 32px; }
.diffs { display: grid; gap: 16px; }
.diffs li { display: flex; flex-direction: column; gap: 4px; }
.diffs li span { color: var(--soft); max-width: 60ch; }
.diffs li > span:only-child { color: var(--white); }
.why-p { display: flex; flex-direction: column; gap: 8px; }
.why-p .tl-go { color: var(--white); }
@media (min-width: 761px) { .why-g { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 64px; align-items: start; } }
.pic { display: flex; flex-direction: column; gap: 8px; }
.pic img { width: 100%; height: auto; aspect-ratio: 3 / 2; max-height: 50vh; object-fit: cover; border-radius: 2px; }
.pic figcaption { color: var(--grey); }
.t-k .pic figcaption { color: var(--soft); }
.pic--why img { max-height: min(50vh, 240px); }
.pic--why figcaption { font-size: var(--t-body); line-height: var(--lh-body); color: var(--white) !important; }
.pics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 32px; }
@media (min-width: 761px) { .pics { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; } }

.quotes { display: grid; gap: 24px; }
.words { display: flex; flex-direction: column; gap: 16px; padding-left: 24px; border-left: 2px solid var(--gold); }
.words blockquote { font-family: var(--serif); text-wrap: pretty; }
.words figcaption { color: var(--grey); }
.words figcaption b::after { content: " · "; font-weight: 400; }
.words figcaption b { color: var(--black); }
.t-k .words figcaption { color: var(--soft); }
.t-k .words figcaption b { color: var(--white); }
@media (min-width: 761px) {
  .quotes { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
  .quotes--1 { grid-template-columns: minmax(0, 1fr); max-width: 760px; }
  .quotes--1 blockquote { font-size: var(--t-h3); line-height: var(--lh-h3); }
}
.more { margin-top: 16px; display: flex; flex-wrap: wrap; gap: 8px 32px; }

.final { padding: 56px 0; }
.tagline { font: 600 var(--t-h2)/var(--lh-h2) var(--serif); }
.tagline span { color: var(--gold); }
.final-a { margin-top: 24px; }
.final-l { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 0 24px; }
@media (min-width: 761px) { .final { padding: 56px 0; } .final .wrap { display: flex; align-items: center; justify-content: space-between; gap: 32px; flex-wrap: wrap; } .final-a { margin-top: 0; } }


.ticks { display: grid; gap: 8px; max-width: 70ch; }
.ticks li { position: relative; padding-left: 24px; }
.ticks li::before { content: ''; position: absolute; left: 0; top: .7em; width: 8px; height: 8px; background: var(--gold); }
.t-w .ticks li::before, .t-g .ticks li::before { background: var(--black); }
.partner { margin-top: 32px; padding: 24px; border: 1px solid var(--line-w); background: var(--white); max-width: 760px; }
.partner-k { color: var(--grey); }
.partner .h3 { margin: 4px 0 8px; }
.how, .does, .stages { display: grid; gap: 16px; counter-reset: s; }
.how li, .does li, .stages li { display: flex; flex-direction: column; gap: 4px; padding: 24px; background: var(--white); border: 1px solid var(--line-w); border-radius: 2px; }
.t-w .how li, .t-w .does li, .t-w .stages li { background: var(--tint); border-color: transparent; }
.how-k { font: 600 var(--t-h3)/var(--lh-h3) var(--sans); }
@media (min-width: 761px) {
  .how, .does { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
  .stages { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
}
.does-h { margin: 32px 0 16px; }
.seal { width: 64px; height: 64px; flex: none; color: var(--black); }
.t-k .seal { color: var(--gold); }


.chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 24px; }
.chips-l { font-weight: 600; margin-right: 8px; width: 100%; }
.chip { min-height: 44px; padding: 0 16px; border-radius: 22px; border: 1px solid var(--line-w); background: var(--white); cursor: pointer; }
.chip[aria-pressed="true"] { background: var(--black); color: var(--white); border-color: var(--black); }
@media (min-width: 761px) { .chips-l { width: auto; } }
.mx { display: grid; gap: 8px; }
.mx-head { display: none !important; }
.mx-row { display: grid; grid-template-columns: 1fr auto; gap: 8px 16px; padding: 16px; border: 1px solid var(--line-w); background: var(--white); text-decoration: none; color: var(--black); border-radius: 2px; transition: border-color .15s; }
a.mx-row:hover { border-color: var(--black); }
.mx-c0 { display: flex; align-items: center; gap: 16px; }
.mx-c0 b { display: block; }
.mx-sub { color: var(--grey); }
.mx-cell { display: none; }
.mx-cell:has(i) { display: flex; align-items: center; gap: 8px; grid-column: 1; }
.mx-cell:has(i)::after { content: attr(data-l); }
.mx-go { grid-column: 2; grid-row: 1; align-self: center; font-size: var(--t-h3); }
.mx-dot, .mx-ring { display: inline-block; width: 16px; height: 16px; border-radius: 50%; flex: none; }
.mx-dot { background: var(--black); }
.mx-ring { box-shadow: inset 0 0 0 2px var(--black); }
.legend { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-top: 16px; color: var(--grey); }
.legend li { display: flex; align-items: center; gap: 8px; }
.legend .mx-dot, .legend .mx-ring { width: 12px; height: 12px; }
.finder.is-filtered .mx-row:not(.is-hit), .finder.is-filtered .cmp-c:not(.is-hit) { opacity: .4; }
@media (min-width: 1181px) {
  .mx { gap: 0; border-top: 1px solid var(--line-w); }
  .mx-head { display: grid !important; }
  .mx-row { grid-template-columns: minmax(0, 3fr) repeat(7, minmax(0, 1fr)) 40px; align-items: center; gap: 8px; border: 0; border-bottom: 1px solid var(--line-w); border-radius: 0; padding: 8px 16px; }
  .mx-head { padding: 16px; background: transparent; }
  .mx-head span { font-size: var(--t-small); line-height: var(--lh-small); color: var(--grey); text-align: center; }
  .mx-head .mx-c0 { text-align: left; }
  .mx-cell, .mx-cell:has(i) { display: flex; justify-content: center; grid-column: auto; }
  .mx-cell:has(i)::after { content: none; }
  .mx-go { grid-column: auto; grid-row: auto; text-align: right; }
  a.mx-row:hover { background: var(--tint); }
}
.cmp-c .seal { margin-bottom: 8px; }
.cmp-c .card-p { color: var(--black); }


.case { padding: 24px; border-left: 2px solid var(--black); background: var(--white); max-width: 70ch; }
.t-w .case { background: var(--tint); }


.promises { display: grid; gap: 16px; counter-reset: p; }
.promises li { display: flex; flex-direction: column; padding-left: 40px; position: relative; counter-increment: p; }
.promises li::before { content: counter(p); position: absolute; left: 0; top: 0; font: 600 var(--t-h3)/var(--lh-h3) var(--serif); color: var(--gold); }
.promises span { color: var(--soft); }
.prac { display: grid; gap: 16px; }
.prac li { display: flex; flex-direction: column; gap: 4px; padding: 24px; border: 1px solid var(--line-w); background: var(--white); }
.t-w .prac li { background: var(--tint); border-color: transparent; }
@media (min-width: 761px) { .prac { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; } }
.quotes--all { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 761px) { .quotes--all { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1181px) { .quotes--all { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px 24px; } }
.grant { margin-top: 32px; max-width: 70ch; }
.advs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 24px; }
@media (min-width: 761px) { .advs--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; } .advs--3 { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; } }
.adv { display: flex; flex-direction: column; gap: 4px; }
.adv-ph { display: grid; place-items: center; aspect-ratio: 4 / 5; max-height: 40vh; background: var(--tint); color: var(--grey); border-radius: 2px; margin-bottom: 8px; }
.t-g .adv-ph { background: var(--white); }
.adv-ph .ic { width: 24px; height: 24px; }
.adv-r, .adv-b { color: var(--grey); }
.advs--3 .adv-b { display: none; }


.fines { display: grid; border-top: 1px solid var(--line-w); }
.fines li { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; grid-template-areas: "r w v" ". b b"; gap: 4px 16px; padding: 8px 0; border-bottom: 1px solid var(--line-w); align-items: baseline; }
.fn-r { grid-area: r; color: var(--grey); }
.fn-w { grid-area: w; }
.fn-v { grid-area: v; font-weight: 600; font-variant-numeric: tabular-nums; }
.fn-b { grid-area: b; height: 8px; background: var(--tint); }
.t-g .fn-b { background: var(--white); }
.fn-b i { display: block; height: 100%; background: var(--black); }
@media (min-width: 761px) { .fines li { grid-template-columns: 40px minmax(0, 2fr) minmax(0, 3fr) 120px; grid-template-areas: "r w b v"; align-items: center; } .fn-v { text-align: right; } }
.fines + .src { margin-top: 16px; }
.posts { display: grid; gap: 16px; }
.post { padding: 24px; border: 1px solid var(--line-w); background: var(--white); display: flex; flex-direction: column; gap: 8px; }
.post-k { color: var(--grey); }
@media (min-width: 761px) { .posts { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } }
.article { max-width: 70ch; display: flex; flex-direction: column; gap: 16px; }
.article .h2 { margin-top: 24px; }
.article .h2:first-child { margin-top: 0; }
.pt { padding-left: 16px; border-left: 2px solid var(--black); }
.method { margin-top: 16px; padding: 16px 24px; background: var(--tint); color: var(--black); border-left: 2px solid var(--black); }
.t-g .method { background: var(--white); }
.req { margin-top: 24px; display: flex; flex-wrap: wrap; align-items: center; gap: 0 16px; }


.faq { max-width: 860px; border-top: 1px solid var(--line-w); }
.faq details { border-bottom: 1px solid var(--line-w); padding: 4px 0; }
.faq summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 56px; padding: 8px 0; font-weight: 600; cursor: pointer; list-style: none; }
.faq summary::-webkit-details-marker { display: none; }
.faq details p { padding: 0 0 24px; max-width: 70ch; }
.faq-m { position: relative; flex: none; width: 16px; height: 16px; }
.faq-m::before, .faq-m::after { content: ''; position: absolute; left: 0; right: 0; top: 7px; height: 2px; background: currentColor; }
.faq-m::after { transform: rotate(90deg); transition: transform .15s; }
details[open] > summary .faq-m::after { transform: rotate(0); }


.fld { display: flex; flex-direction: column; gap: 4px; }
.fld-l { font-weight: 600; }
.fld input, .fld select, .fld textarea, .note input, .note textarea { width: 100%; min-height: 48px; padding: 8px 16px; border: 1px solid rgba(0, 0, 0, .4); border-radius: 2px; background: var(--white); color: var(--black); }
.fld textarea { min-height: 96px; resize: vertical; }
.fld input:focus, .fld select:focus, .fld textarea:focus { outline: 2px solid var(--black); outline-offset: 0; }
.t-k .fld input:focus, .t-k .fld select:focus, .t-k .fld textarea:focus { outline-color: var(--gold); }
.sel { position: relative; display: block; }
.sel select { appearance: none; -webkit-appearance: none; padding-right: 40px; }
.sel::after { content: ''; position: absolute; right: 16px; top: 50%; width: 8px; height: 8px; border-right: 2px solid var(--black); border-bottom: 2px solid var(--black); transform: translateY(-70%) rotate(45deg); pointer-events: none; }
.fld-e { display: none; align-items: center; gap: 8px; font-weight: 600; }
.is-bad .fld-e, .fld-e.is-on { display: flex; }
.is-bad input, .is-bad textarea { border: 2px solid currentColor; }
.cb { display: grid; gap: 16px; }
.cb-2, .cb-1 { display: grid; gap: 16px; }
@media (min-width: 761px) { .cb-2 { grid-template-columns: 1fr 1fr; } }
.cb-hp { position: absolute; left: -9999px; }
.cb-hp input { border: 0; }
.cb-note { color: var(--grey); }
.t-k .cb-note { color: var(--soft); }
.cb-note a, .chk-gr a, .consent a, .addr a { color: inherit; }
.cb-go { justify-self: start; }
.cb-ok { display: flex; flex-direction: column; gap: 8px; padding: 24px; border: 1px solid var(--gold); }
.cb-ok:focus { outline: none; }
.cb-tick .ic { width: 24px; height: 24px; color: var(--gold); }
.cb-pv { color: var(--soft); }
.dlg .cb-ok { border-color: var(--black); }
.dlg .cb-pv { color: var(--grey); }
.cb-fail { font-weight: 600; }


.close-g { display: grid; gap: 32px; }
.close-t > p { margin-top: 16px; color: var(--soft); max-width: 48ch; }
.close-f { padding: 24px; border: 1px solid var(--line-k); border-radius: 2px; }
@media (min-width: 761px) { .close-g { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 64px; align-items: start; } .close-f { padding: 32px; } }


.chk-card { margin-top: 32px; padding: 24px; border: 1px solid var(--line-k); border-radius: 2px; display: grid; gap: 16px; max-width: 560px; background: rgba(255, 255, 255, .06); }
.chk-step { color: var(--gold); font-weight: 600; }
.chk-card .fld-l { color: var(--white); }
.chk-go { justify-self: start; }
.chk-stub { display: grid; gap: 16px; }
.chk-gr { color: var(--soft); }
.pv-card--static { pointer-events: none; }


.ways { display: grid; gap: 8px; margin-top: 32px; }
.way { display: flex; flex-direction: column; justify-content: center; gap: 0; align-items: center; padding: 16px; border: 1px solid var(--line-k); border-radius: 2px; background: transparent; color: var(--white); text-decoration: none; text-align: left; cursor: pointer; min-height: 72px; }
.way .ic { grid-area: i; width: 24px; height: 24px; color: var(--gold); }
.way b { grid-area: b; }
.way span { grid-area: s; color: var(--soft); overflow-wrap: anywhere; }
.way:hover { border-color: var(--gold); }
@media (min-width: 761px) { .ways { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } }
.note-g { display: grid; gap: 32px; }
@media (min-width: 761px) { .note-g { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 64px; } }
.addr { margin-top: 24px; display: flex; flex-direction: column; gap: 8px; }
.addr .small { color: var(--grey); margin-top: 8px; }
.note { display: grid; gap: 16px; }
.consent { display: flex; gap: 16px; align-items: flex-start; cursor: pointer; }
.consent input { width: 24px; height: 24px; margin: 2px 0 0; flex: none; accent-color: var(--black); }
.note .btn { justify-self: start; }
.note-msg { font-weight: 600; }


.legal { max-width: 70ch; display: flex; flex-direction: column; gap: 16px; }
.legal--gl { max-width: none; }
@media (min-width: 1181px) { .legal--gl { display: block; columns: 2; column-gap: 64px; } .legal--gl .gl { break-inside: avoid; margin-bottom: 16px; } }


.wa-fab { position: fixed; right: 16px; bottom: 16px; z-index: 60; width: 56px; height: 56px; border-radius: 50%; background: var(--black); border: 1.5px solid var(--gold); color: var(--gold); display: grid; place-items: center; cursor: pointer; box-shadow: 0 8px 24px rgba(0, 0, 0, .32); transition: bottom .2s; }
.wa-fab .ic { width: 24px; height: 24px; }
.wa-fab:hover { background: var(--gold); color: var(--black); }
body.sbar-on .wa-fab { bottom: 80px; }
.wa-card { position: fixed; right: 16px; left: 16px; bottom: 88px; z-index: 61; background: var(--black); color: var(--white); border: 1px solid var(--line-k); border-radius: 2px; box-shadow: 0 24px 64px rgba(0, 0, 0, .48); display: none; }
body.sbar-on .wa-card { bottom: 152px; }
.wa-card.is-open { display: block; }
.wa-h { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 16px 16px 24px; border-bottom: 1px solid var(--line-k); }
.wa-h b, .wa-h span { display: block; }
.wa-h span { color: var(--soft); }
.wa-x, .tm-x, .dlg-x { display: grid; place-items: center; width: 44px; height: 44px; border: 0; background: none; color: inherit; cursor: pointer; flex: none; }
.wa-x .ic, .tm-x .ic, .dlg-x .ic { width: 24px; height: 24px; }
.wa-b { padding: 16px 24px; display: grid; gap: 8px; max-height: 50vh; overflow-y: auto; }
.wa-m { max-width: 90%; padding: 8px 16px; border-radius: 2px; }
.wa-m--them { background: rgba(255, 255, 255, .12); justify-self: start; }
.wa-m--me { background: var(--gold); color: var(--black); justify-self: end; }
.wa-q { display: flex; flex-wrap: wrap; gap: 8px; }
.wa-q button { min-height: 44px; padding: 0 16px; border-radius: 22px; border: 1px solid var(--line-k); background: none; color: var(--white); cursor: pointer; }
.wa-q button:hover { border-color: var(--gold); }
.wa-go { margin: 0 24px 16px; width: calc(100% - 48px); }
.wa-note { padding: 0 24px 16px; color: var(--soft); }
@media (min-width: 761px) { .wa-fab { right: 24px; bottom: 24px; } .wa-card { left: auto; right: 24px; width: 380px; bottom: 96px; } }
body.is-typing .wa-fab { display: none; }


.sbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 55; height: 64px; padding: 8px var(--gut); background: var(--black); border-top: 1px solid var(--line-k); display: none; grid-template-columns: 1fr 1fr; gap: 8px; }
.sbar .btn { min-height: 48px; padding: 0 8px; width: 100%; }
.sbar .btn-s { border-color: var(--white); color: var(--white); }
@media (max-width: 760px) { body.sbar-on .sbar { display: grid; } body.is-typing .sbar, body.dlg-on .sbar { display: none; } }


.talk-bd { position: fixed; inset: 0; z-index: 70; background: rgba(0, 0, 0, .56); }
.talk-menu { position: fixed; z-index: 71; width: 380px; max-width: calc(100vw - 32px); background: var(--white); color: var(--black); border-radius: 2px; box-shadow: 0 24px 64px rgba(0, 0, 0, .32); }
.talk-menu.is-sheet { left: 0 !important; right: 0; bottom: 0; top: auto !important; width: 100%; max-width: none; border-radius: 8px 8px 0 0; padding-bottom: env(safe-area-inset-bottom); }
.tm-h { display: flex; align-items: center; justify-content: space-between; padding: 8px 8px 8px 24px; border-bottom: 1px solid var(--line-w); }
.tm-i { display: flex; flex-direction: column; width: 100%; min-height: 56px; padding: 12px 24px; border: 0; border-bottom: 1px solid var(--line-w); background: none; text-align: left; text-decoration: none; color: var(--black); cursor: pointer; }
.tm-i:last-child { border-bottom: 0; }
.tm-i span { color: var(--grey); }
.tm-i:hover, .tm-i:focus-visible { background: var(--tint); outline: none; }


body.dlg-on { overflow: hidden; }
.dlg { position: fixed; inset: 0; z-index: 72; display: grid; grid-template-columns: minmax(0, 1fr); justify-items: center; align-items: center; padding: 16px; background: rgba(0, 0, 0, .56); }
.dlg-in { width: 560px; max-width: 100%; max-height: calc(100vh - 32px); overflow-y: auto; background: var(--white); color: var(--black); border-radius: 2px; box-shadow: 0 24px 64px rgba(0, 0, 0, .32); }
.dlg-h { display: flex; justify-content: space-between; gap: 16px; padding: 24px 16px 16px 24px; border-bottom: 1px solid var(--line-w); }
.dlg-h p { color: var(--grey); margin-top: 4px; }
.dlg-b { padding: 24px; }
.dlg .fld input, .dlg .fld select, .dlg .fld textarea { background: var(--white); }
.bk-pv { color: var(--grey); margin-bottom: 16px; }

.bk-step { padding: 16px; border-radius: 2px; }
.bk-step--day { background: var(--tint); }
.bk-step--time { margin-top: 16px; border: 1px solid var(--line-w); }
.bk-k { font-weight: 600; margin-bottom: 8px; }
.bk-tz { font-weight: 400; color: var(--grey); margin-left: 8px; }
.bk-days, .bk-slots { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.bk-day { min-height: 56px; border: 1px solid transparent; background: var(--white); border-radius: 2px; cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.bk-day:hover { border-color: var(--black); }
.bk-day[aria-pressed="true"] { background: var(--black); color: var(--white); border-color: var(--black); }
.bk-slot { min-height: 48px; border: 1px solid rgba(0, 0, 0, .4); background: var(--white); border-radius: 24px; cursor: pointer; font-weight: 600; font-variant-numeric: tabular-nums; }
.bk-slot:hover, .bk-slot:focus-visible { background: var(--gold); border-color: var(--gold); }
.bk-slot:disabled { opacity: .4; cursor: not-allowed; text-decoration: line-through; background: var(--white); border-color: rgba(0, 0, 0, .4); }
.bk-sum { display: flex; flex-direction: column; gap: 4px; padding: 16px; border-left: 2px solid var(--gold); background: var(--tint); }
.bk-sum span { color: var(--grey); }
.bk-sum .bk-k { margin-bottom: 0; color: var(--grey); font-weight: 400; }
.bk-chg { align-self: flex-start; min-height: 44px; padding: 0; border: 0; background: none; cursor: pointer; }
.bk-k3 { margin: 24px 0 16px; }

.wa-f { display: grid; gap: 16px; margin-top: 8px; }
.wa-f .fld-l { color: var(--white); }
.wa-f .fld-e { color: var(--white); }
.wa-f .wa-go { width: 100%; margin: 0; }
.wa-f .sel::after { border-color: var(--black); }
.wa-done { display: grid; gap: 8px; }
.wa-done a { color: var(--white); }
.wa-card { max-height: calc(100vh - 120px); overflow-y: auto; }
.wa-b { max-height: none; }
@media (max-width: 760px) { .dlg { padding: 0; align-items: end; justify-items: stretch; } .dlg-in { width: 100%; border-radius: 8px 8px 0 0; max-height: 92vh; } }


@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition-duration: .001ms !important; animation: none !important; } }
@media print { .hdr, .wa-fab, .wa-card, .sbar { display: none !important; } main { padding-top: 0; } }


.br-call { width: 100%; }
.br-or { display: flex; align-items: center; gap: 16px; margin: 24px 0 16px; color: var(--grey); }
.br-or::before, .br-or::after { content: ''; flex: 1; height: 1px; background: var(--line-w); }



.hdr-chk { white-space: normal; line-height: 1.15; text-align: center; max-width: 220px; }
@media (min-width: 761px) { .hdr-chk { max-width: none; white-space: nowrap; } }
@media (min-width: 1181px) {
  .hdr-in { gap: 16px; }
  .nav-b { padding: 0 8px; white-space: nowrap; }
  .hdr-r { gap: 8px; }
  .hdr-talk .btn { padding: 0 16px; }
  .hdr-chk { padding: 0 16px; }
}
@media (min-width: 1181px) and (max-width: 1339px) { .hdr-logo { width: 72px; } .nav-b { padding: 0 4px; gap: 2px; } .hdr-in { gap: 8px; padding: 0 20px; } .hdr-talk .btn, .hdr-chk { padding: 0 12px; } }
.nav-dd { position: relative; }
.talk-b { white-space: nowrap; }


.pp { position: absolute; left: -8px; top: calc(100% + (var(--hh) - 44px) / 2); width: 728px; max-width: calc(100vw - 32px); background: var(--white); color: var(--black); border-radius: 0 0 16px 16px; box-shadow: 0 8px 24px rgba(0, 0, 0, .16); padding: 24px; display: none; }
.pp.is-open { display: block; }
.pp-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.pp-cards--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pp--about { width: 520px; }
.pp-c { display: flex; flex-direction: column; gap: 4px; padding: 16px; background: rgba(212, 179, 102, .10); border-radius: 2px; text-decoration: none; color: var(--black); outline: 2px solid transparent; outline-offset: 0; }
.pp-c .ic24 { color: var(--black); margin-bottom: 8px; }
.pp-t { font: 600 var(--t-h3)/var(--lh-h3) var(--sans); font-size: var(--t-body); white-space: normal; overflow-wrap: anywhere; }   
.pp-l { font-size: var(--t-small); line-height: var(--lh-small); color: var(--grey); }
.pp-c:hover, .pp-c:focus-visible { outline-color: var(--gold); }
.pp-c:hover .pp-t, .pp-c:focus-visible .pp-t { text-decoration: underline; text-underline-offset: 3px; }
.pp-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--line-w); }
.pp-more { white-space: nowrap; }
.pp-chip { font-size: var(--t-small); line-height: var(--lh-small); color: var(--grey); white-space: nowrap; }
.pp-chip b { color: var(--black); }
.pp--cert .pp-btn { width: 100%; justify-content: space-between; }
.pp-grp { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 16px; }
.pp-gl { font-size: var(--t-small); line-height: var(--lh-small); font-weight: 600; color: var(--black); margin-bottom: 4px; }
.pp-grp a { display: flex; align-items: center; gap: 8px; min-height: 40px; text-decoration: none; color: var(--black); white-space: nowrap; }
.pp-grp a:hover, .pp-grp a:focus-visible { text-decoration: underline; text-underline-offset: 3px; }
.pp-links { display: flex; flex-wrap: wrap; column-gap: 24px; row-gap: 4px; margin-top: 16px; padding-top: 8px; border-top: 1px solid var(--line-w); }   
.pp-links a { white-space: nowrap; }
.pmenu-br { border-color: var(--gold) !important; color: var(--gold) !important; }


.pchip { display: inline-flex; gap: 8px; align-items: baseline; margin-top: 24px; padding: 8px 16px; border: 1px solid var(--line-k); border-radius: 2px; font-size: var(--t-small); line-height: var(--lh-small); color: var(--soft); }
.pchip b { color: var(--gold); font-size: var(--t-body); }
.pchip + .ask { margin-top: 24px; }
.ask-alt { margin-top: 8px; }
.ask-alt .tl-go { color: var(--white); }
.t-w .ask-alt .tl-go, .t-g .ask-alt .tl-go { color: var(--black); }
.pf { margin-top: 24px; max-width: 70ch; color: var(--grey); }
.t-k .pf { color: var(--soft); }
.callbox { display: inline-flex; padding: 8px 16px; }
.callbox-b, .br-l { min-height: 44px; padding: 0; border: 0; background: none; color: var(--gold); font: 600 var(--t-body)/1.3 var(--sans); cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.br-l--k { color: var(--gold); }


.card--t { background: rgba(212, 179, 102, .10); border-color: transparent; }
.t-g .card--t { background: rgba(212, 179, 102, .10); }
.t-k .card--t { background: rgba(255, 255, 255, .06); }
.t-k .card--t .card-h { color: var(--gold); }
.card--t:hover, .card--t:focus-visible { border-color: var(--gold) !important; }
.ic24 { width: 24px; height: 24px; }
.tcards .ic24 { margin-bottom: 8px; }
@media (min-width: 761px) { .tcards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1181px) { .tcards { grid-template-columns: repeat(4, minmax(0, 1fr)); } }


.gold { display: grid; gap: 16px; counter-reset: g; }
.gold > li { display: flex; flex-direction: column; gap: 8px; padding: 24px; background: rgba(255, 255, 255, .06); border-radius: 2px; counter-increment: g; position: relative; }
.gold-h { font: 600 var(--t-h3)/var(--lh-h3) var(--sans); color: var(--gold); }
.gold-h::before { content: counter(g) ". "; }
.gold-l { color: var(--white); }
.gold-p { color: var(--soft); font-size: var(--t-small); line-height: var(--lh-small); }
.gold-c { display: grid; gap: 8px; margin-top: 8px; }
.gold-c li { display: flex; flex-direction: column; padding-left: 16px; border-left: 2px solid var(--gold); }
.gold-c li span { color: var(--soft); }
@media (min-width: 761px) { .gold { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } }
@media (min-width: 1181px) { .gold:not(.gold--full) { grid-template-columns: repeat(4, minmax(0, 1fr)); } }


.strip { display: grid; gap: 16px; }
.strip li { display: grid; gap: 4px; padding: 16px 24px; background: rgba(212, 179, 102, .10); border-radius: 2px; }
.strip-s { font-weight: 600; }
.strip-q { font-family: var(--serif); }
.strip-p { color: var(--black); }
@media (min-width: 1181px) { .strip li { grid-template-columns: 160px minmax(0, 2fr) minmax(0, 3fr); column-gap: 24px; align-items: baseline; } .strip li .src { grid-column: 3; } }
.without { margin-top: 24px; padding: 24px; border-left: 2px solid var(--black); background: var(--white); max-width: 860px; }
.t-w .without { background: var(--tint); }
.without p { margin-top: 8px; }
.evid { margin-top: 32px; }
.evid .h3 { display: block; margin-bottom: 8px; }
.rnext { margin-top: 32px; max-width: 560px; }
.rnext-k { color: var(--grey); margin-bottom: 8px; }


.lens-g { margin-top: 32px; }
.lens-top { display: grid; gap: 16px; }
@media (min-width: 761px) { .lens-top { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: end; } .lens-top .sadv { order: 2; } }
@media (min-width: 1181px) { .lens-top { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); } }
.lens-h { max-width: 480px; }
.lens-none { margin-top: 16px; }
.lens-l { display: grid; gap: 16px; margin-top: 16px; }
@media (min-width: 761px) { .lens-l { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) { .lens-l { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 16px; margin-right: calc(-1 * var(--gut)); padding-right: var(--gut); scrollbar-width: none; } .lens-l::-webkit-scrollbar { display: none; } .lc { flex: 0 0 84%; scroll-snap-align: start; } }
.lc { display: flex; flex-direction: column; gap: 8px; padding: 16px; background: var(--white); border-radius: 2px; }
.t-w .lc { background: var(--tint); }
.lc-k { color: var(--grey); }
.lc-l b { font-weight: 600; }
.lc .tl-go { margin-top: auto; }
.lens .src { margin-top: 8px; }
.sadv { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 16px; padding: 16px; border: 1px solid var(--line-w); border-radius: 2px; background: var(--white); }
.sadv-ph { display: grid; place-items: center; width: 64px; height: 80px; background: var(--tint); color: var(--grey); }
.sadv-k { color: var(--grey); }
.sadv-n, .sadv-y { display: block; }
.sadv-y { color: var(--grey); }
.sadv-q { margin-top: 8px; font-family: var(--serif); }


.stack { display: grid; gap: 8px; border-top: 1px solid var(--line-w); }
.stack li { display: grid; gap: 4px 24px; padding: 16px 0; border-bottom: 1px solid var(--line-w); }
.stack-k { font-weight: 600; }
.stack-t { color: var(--grey); }
.stack-c { display: flex; flex-wrap: wrap; gap: 8px; }
.tag { display: inline-flex; align-items: center; min-height: 32px; padding: 0 16px; border-radius: 16px; background: rgba(212, 179, 102, .10); font-size: var(--t-small); line-height: var(--lh-small); }
@media (min-width: 1181px) { .stack li { grid-template-columns: 200px minmax(0, 2fr) minmax(0, 2fr) 220px; align-items: baseline; } .stack-c { justify-content: flex-end; } }
.hook { display: grid; gap: 24px; padding: 32px; background: rgba(212, 179, 102, .10); border-radius: 2px; }
.hook .para { margin: 16px 0; }
.hook-a { display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
.hook-a .small { color: var(--grey); }
@media (min-width: 1181px) { .hook { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); align-items: center; } }


.cgrp + .cgrp { margin-top: 32px; }
.cgrp .h3 { margin-bottom: 16px; }
.ccard .ic24 { margin-bottom: 8px; }
.hfig { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-top: 24px; color: var(--soft); }
.hfig b { color: var(--gold); font: 600 var(--t-h3)/var(--lh-h3) var(--serif); }
.cmpt { display: grid; gap: 8px; }
.cmpt-r { display: grid; gap: 4px; padding: 16px; background: var(--white); border-radius: 2px; }
.t-w .cmpt-r { background: var(--tint); }
.cmpt-h { display: none; }
.cmpt-r > span::before { content: attr(data-l) ": "; color: var(--grey); }
.cmpt-us { font-weight: 600; }
.cmpt-r > span.cmpt-us { background: rgba(212, 179, 102, .10); padding: 4px 8px; }
@media (min-width: 1181px) {
  .cmpt { gap: 0; border-top: 1px solid var(--line-w); }
  .cmpt-r { grid-template-columns: 200px repeat(4, minmax(0, 1fr)); gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--line-w); border-radius: 0; background: transparent !important; align-items: start; }
  .cmpt-h { display: grid; font-weight: 600; }
  .cmpt-r > span::before { content: none; }
  .cmpt-r > span.cmpt-us { padding: 8px 16px; margin: -8px 0; }
}
.cmpt-f { margin-top: 16px; color: var(--grey); }
.facts { display: grid; gap: 16px; margin-top: 32px; }
.facts li { display: flex; flex-direction: column; }
.facts b { font: 600 var(--t-h2)/var(--lh-h2) var(--serif); }
@media (min-width: 761px) { .facts { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
#main section[data-fid="P40-S04"] .quotes { margin-top: 32px; }


.close .tagline { margin-bottom: 16px; }
.close-p { color: var(--soft); max-width: 48ch; }
.close-br { margin-top: 16px; }
.close-mini { padding: 48px 0; }
.close-mini-g { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; }
.close-mini .ask { margin-top: 0; }
.tagline--w { margin-bottom: 24px; }
.tagline--w span { color: var(--grey); }
.cb-more { margin-top: 8px; }


.tm-br { border-top: 4px solid var(--line-w); }
.tm-br b { color: var(--black); }
.tm-br b::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 8px; background: var(--gold); vertical-align: middle; }
.br-wa { align-self: flex-start; margin-top: 8px; }
.dlg-in--wide { width: 760px; }


.ftr { background: var(--black); color: var(--white); padding: 32px 0 120px; border-top: 1px solid var(--line-k); }
.ftr-r1 { display: grid; gap: 16px; }
.ftr-logo { display: block; width: 76px; color: var(--white); }
.ftr-logo svg { width: 100%; height: auto; fill: currentColor; }
.ftr-addr { color: var(--soft); }
.ftr-addr b { color: var(--white); margin-right: 8px; }
.ftr-addr .tl-go { color: var(--white); margin-left: 8px; }
.ftr-map { position: relative; height: 160px; border: 1px solid var(--line-k); border-radius: 2px; overflow: hidden; background: rgba(255, 255, 255, .06); }
.ftr-map iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; filter: grayscale(1); }
.ftr-map-ph { position: absolute; inset: 0; display: grid; place-items: center; color: var(--gold); }
.ftr-map-ph .ic { width: 24px; height: 24px; }
.ftr-map.is-on .ftr-map-ph { display: none; }
.ftr-map-b { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.ftr-r2 { margin-top: 16px; padding-top: 8px; border-top: 1px solid var(--line-k); display: flex; flex-direction: column; gap: 8px; font-size: var(--t-small); line-height: var(--lh-small); color: var(--soft); }
.ftr-legal { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
.ftr-legal a { display: inline-flex; align-items: center; min-height: 44px; color: var(--soft); }
.ftr-legal a:hover { color: var(--white); }
@media (min-width: 761px) {
  .ftr { padding: 24px 0 24px; }
  .ftr-r1 { grid-template-columns: 92px minmax(0, 1fr) 280px; gap: 32px; align-items: center; }
  .ftr-logo { width: 92px; }
  .ftr-map { height: 120px; }
  .ftr-r2 { flex-direction: row; justify-content: space-between; align-items: center; gap: 24px; }
  .ftr-legal { display: flex; flex-wrap: wrap; gap: 0 24px; }
  .ftr-legal a { min-height: 32px; }
}


.home-t { padding: 48px 0; }
@media (min-width: 761px) { .home-t { padding: 40px 0; } .hero--home { min-height: 0; padding: 64px 0; } }
.home-t .sh { margin-bottom: 24px; }
@media (max-width: 760px) { .tcards { grid-template-columns: 1fr 1fr; gap: 8px; } .tcards .card { padding: 16px; } .tcards .card-go { right: 12px; top: 16px; } }
.close .fld textarea { min-height: 48px; }
.faq--2 { max-width: none; }
@media (min-width: 1181px) { .faq--2 { display: grid; grid-template-columns: 1fr 1fr; column-gap: 48px; border-top: 0; } .faq--2 details:nth-child(-n+2) { border-top: 1px solid var(--line-w); } }
.stakes--c { gap: 16px; }
@media (max-width: 760px) { .stakes--c li { flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 0 8px; } .stakes--c .src { width: 100%; } }
.hook-go { min-height: 44px; padding: 0; border: 0; background: none; font: 600 var(--t-body)/1.3 var(--sans); cursor: pointer; color: var(--black); }
.ftr-logo { display: flex; align-items: center; min-height: 44px; }
@media (max-width: 760px) { .ftr-legal { row-gap: 8px; } .ftr-r2 { font-size: var(--t-body); line-height: var(--lh-body); } .ftr-c { font-size: var(--t-small); } }
@media (min-width: 761px) { .ftr { padding: 16px 0; } .ftr-r1 { gap: 24px; } .ftr-r2 { margin-top: 12px; } }
.stack-t { font-size: var(--t-body); line-height: var(--lh-body); }
@media (max-width: 400px) { .hdr-chk { padding: 0 10px; font-size: var(--t-small); line-height: 1.2; } }


.fun-host { max-width: 860px; }
.fn { display: grid; gap: 16px; }
.fn-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 44px; }
.fn-k { font-weight: 600; }
.fn-nav { display: flex; gap: 16px; }
.fn-tl, .fn-tl2 { min-height: 44px; padding: 0; border: 0; background: none; color: inherit; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; font: inherit; }
.fn-log { display: grid; gap: 8px; }
.fn-b { max-width: 80%; padding: 8px 16px; border-radius: 2px; }
.fn-b--them { justify-self: start; background: var(--tint); }
.fn-b--me { justify-self: end; background: var(--gold); color: var(--black); }
.t-k .fn-b--them { background: rgba(255, 255, 255, .12); }
.fn-q { display: inline-block; font-weight: 600; }
.fn-q:focus { outline: none; }
.fn-act { display: grid; gap: 16px; }
.fn-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.fn-c { text-align: left; }
.fn-c:disabled { opacity: .4; cursor: not-allowed; }
.fn-c:hover:not(:disabled) { border-color: var(--black); }
.fn-next { justify-self: start; }
.fn-typing { display: inline-flex; gap: 4px; }
.fn-typing i { width: 8px; height: 8px; border-radius: 50%; background: var(--grey); }
.fn-r { display: grid; gap: 16px; padding-top: 16px; border-top: 1px solid var(--line-w); }
.fn-r:focus { outline: none; }
.fn-conf { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 16px; }
.fn-conf .small { color: var(--grey); }
.fn-cards { display: grid; gap: 16px; }
@media (min-width: 761px) { .fn-cards { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); } }
.fn-card { display: flex; flex-direction: column; gap: 8px; padding: 24px; background: rgba(212, 179, 102, .10); border-radius: 2px; }
.fn-card--best { box-shadow: inset 0 0 0 2px var(--gold); }
.fn-tag { font-weight: 600; }
.fn-grp { color: var(--grey); }
.fn-card dt { font-weight: 600; margin-top: 8px; }
.fn-card dd { margin: 0; }
.fn-card .tl-go { margin-top: auto; }
.fn-think { display: grid; gap: 8px; padding-left: 24px; list-style: decimal; }
.fn-rate { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.fn-held { padding-left: 16px; border-left: 2px solid var(--gold); }
.dlg .fn-b--them { background: var(--tint); }


.chk-host { margin-top: 32px; display: grid; gap: 16px; max-width: 860px; }
.chk-p { background: var(--white); color: var(--black); border-radius: 2px; padding: 24px; display: grid; gap: 16px; }
@media (min-width: 761px) { .chk-p { padding: 40px; } }
.chk-p .h2:focus, .chk-qt:focus { outline: none; }
.chk-k { font-weight: 600; color: var(--grey); }
.chk-lead { color: var(--grey); max-width: 60ch; }
.chk-cards { display: grid; gap: 16px; }
@media (min-width: 761px) { .chk-cards { grid-template-columns: 1fr 1fr; } }
.chk-c { display: flex; flex-direction: column; gap: 8px; padding: 24px; text-align: left; background: rgba(212, 179, 102, .10); border: 2px solid transparent; border-radius: 2px; cursor: pointer; color: var(--black); }
.chk-c:hover, .chk-c:focus-visible { border-color: var(--gold); }
.chk-c b { font: 600 var(--t-h3)/var(--lh-h3) var(--sans); }
.chk-c span { color: var(--grey); }
.chk-row { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.chk-m { color: var(--grey); font-style: normal; }
.chk-prog { height: 8px; background: var(--tint); }
.chk-prog i { display: block; height: 100%; background: var(--gold); }
.chk-qt { font: 600 var(--t-h3)/var(--lh-h3) var(--sans); }
.chk-opts { display: grid; gap: 8px; }
.chk-o { display: flex; align-items: center; gap: 16px; min-height: 56px; padding: 8px 16px; text-align: left; background: var(--white); border: 1px solid rgba(0, 0, 0, .4); border-radius: 2px; cursor: pointer; color: var(--black); }
.chk-o:hover, .chk-o:focus-visible, .chk-o.is-sel { border-color: var(--black); box-shadow: inset 0 0 0 1px var(--black); }
.chk-o.is-sel { background: rgba(212, 179, 102, .10); }
.chk-ok { flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--tint); font-weight: 600; }
.chk-stars { display: flex; gap: 8px; }
.chk-star { display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid var(--line-w); border-radius: 2px; background: var(--white); color: var(--grey); cursor: pointer; }
.chk-star.is-on { color: var(--black); background: var(--gold); border-color: var(--gold); }
.chk-star.is-on .ic { fill: currentColor; }
.chk-sl { min-height: 1.6em; color: var(--grey); }
.chk-score { display: grid; gap: 16px; align-items: center; }
@media (min-width: 761px) { .chk-score { grid-template-columns: 170px minmax(0, 1fr); gap: 32px; } }
.chk-dial { width: 170px; height: 170px; }
.chk-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.chk-note { color: var(--grey); margin-top: 8px; }
.chk-h { margin-top: 16px; }
.chk-gaps, .chk-as { display: grid; gap: 16px; }
.chk-gap { padding: 16px 24px; border-left: 2px solid var(--gold); background: rgba(212, 179, 102, .10); display: grid; gap: 4px; }
.chk-fit { display: grid; gap: 16px; }
@media (min-width: 761px) { .chk-fit { grid-template-columns: 1fr 1fr; } }
.chk-talk { display: grid; gap: 8px; padding: 24px; background: var(--black); color: var(--white); border-radius: 2px; }
.chk-talk p { color: var(--soft); }
.chk-talk .btn-s { border-color: var(--white); color: var(--white); }
.chk-talk .btn-s:hover { background: var(--white); color: var(--black); }
.chk-a { padding: 16px 0; border-top: 1px solid var(--line-w); display: grid; gap: 8px; }
.chk-ah { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
.chk-ah .small { color: var(--grey); }
.chk-v { display: inline-flex; align-items: center; gap: 4px; font-weight: 600; }
.chk-v .ic { color: var(--black); }
.chk-a dt { font-weight: 600; }
.chk-a dd { margin: 0 0 8px; }
.chk-fb { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: var(--grey); }
.chk-breach { margin-top: 0; flex-wrap: wrap; gap: 8px 16px; }
.plans { display: grid; gap: 16px; }
@media (min-width: 761px) { .plans { grid-template-columns: 1fr 1fr; } }
.plan { padding: 24px; background: rgba(212, 179, 102, .10); border-radius: 2px; display: grid; gap: 16px; align-content: start; }
.rule5 { display: grid; gap: 8px; }
.rule5 li { display: grid; grid-template-columns: 56px minmax(0, 1fr); align-items: baseline; gap: 16px; padding: 8px 0; border-bottom: 1px solid var(--line-w); }
.rule5 b { font: 600 var(--t-h2)/1 var(--serif); color: var(--black); }
.advmini { display: grid; gap: 16px; }
@media (min-width: 761px) { .advmini { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1181px) { .advmini { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
section[data-fid="P40-S01"] .hero-t { max-width: 1040px; }
@media (min-width: 1181px) { .gold-c { grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 24px; } }
.gold--full + .gold-c { margin-top: 24px; }
.cmpt-r { padding-top: 12px; padding-bottom: 12px; }
.strip .src, .without .src, section[data-fid^="P53-"] .src, section[data-fid^="P54-"] .src { font-size: var(--t-body); line-height: var(--lh-body); }
.hdr .pp { position: absolute !important; }
@media (max-width: 760px) { .pic figcaption, .post-k, .card-k, .adv-r { font-size: var(--t-body); line-height: var(--lh-body); } }
.chk-rep { display: grid; gap: 8px; justify-items: start; padding-top: 16px; border-top: 1px solid var(--line-w); }
.chk-ask { min-height: 44px; padding: 0; border: 0; background: none; color: var(--black); cursor: pointer; font: inherit; font-weight: 600; }
.chk-p > .chk-row .btn-s { border-color: var(--black); color: var(--black); } .chk-p > .chk-row .btn-s:hover { background: var(--black); color: var(--white); }


.stakes--c li .stake-sub { color: var(--grey); font-size: var(--t-small); line-height: var(--lh-small); }
@media (min-width: 761px) { .stakes--c { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .stakes--c { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; } }
.faq-add { display: inline; }
.faq-add .tl { display: inline; min-height: 0; }
.gold-a { align-self: flex-start; margin-top: 4px; color: var(--gold) !important; }
.gold-a.tl, .gold > li .tl { min-height: 44px; display: inline-flex; align-items: center; }
.ceo { display: grid; gap: 24px; align-items: start; max-width: 880px; }
@media (min-width: 761px) { .ceo { grid-template-columns: 200px minmax(0, 1fr); } }
.ceo-ph { display: grid; place-items: center; aspect-ratio: 4 / 5; width: 100%; max-width: 200px; background: var(--tint); color: var(--grey); border-radius: 2px; position: relative; }
.t-g .ceo-ph { background: var(--white); }
.ceo-ph .ic { width: 24px; height: 24px; }
.ceo-ph .ph { position: absolute; top: 8px; left: 0; }
.ceo-t { display: flex; flex-direction: column; gap: 4px; }
.ceo-k { color: var(--grey); text-transform: none; }
.ceo-r { color: var(--grey); }
.ceo-b { margin: 8px 0; max-width: 60ch; }
.wa-br { justify-self: start; }
.cb-book { display: inline; min-height: 0; padding: 0; border: 0; background: none; font: inherit; color: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.gold > li .gold-a { margin-top: auto; min-height: 32px; }
@media (max-width: 760px) { [data-fid="P00-S06"] .quotes > figure:nth-child(n+3) { display: none; } }   

.vchk { display: grid; gap: 16px; }
@media (min-width: 761px) { .vchk { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.vchk > li { display: flex; flex-direction: column; gap: 8px; padding: 24px; background: rgba(212, 179, 102, .10); border-radius: 2px; }
.vchk .tl { align-self: flex-start; }
.vchk-ls { display: flex; flex-wrap: wrap; gap: 4px 16px; }
.diy { margin-top: 40px; }
.diy-h { margin-bottom: 16px; }
.diy-g { display: grid; gap: 16px; }
@media (min-width: 761px) { .diy-g { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.diy-c { display: flex; flex-direction: column; gap: 8px; padding: 24px; border: 1px solid rgba(92, 92, 92, .32); border-radius: 2px; }
.diy-c--us { border-color: var(--gold); }
.diy-c .tl { align-self: flex-start; }
.smp { display: grid; gap: 24px; }
@media (min-width: 761px) { .smp { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.smp-f { display: flex; flex-direction: column; gap: 8px; }
.smp-b { display: block; padding: 0; border: 1px solid rgba(92, 92, 92, .32); background: var(--white); cursor: zoom-in; border-radius: 2px; overflow: hidden; height: 260px; }
.smp-b:hover, .smp-b:focus-visible { border-color: var(--gold); outline: 2px solid var(--gold); }
.smp-b img { display: block; width: 100%; height: auto; }
.smp-f figcaption { display: flex; flex-direction: column; gap: 4px; }
.smp-f figcaption span { color: var(--grey); }
.smp-big { display: block; width: 100%; height: auto; border: 1px solid rgba(92, 92, 92, .32); margin-bottom: 8px; }
.hfig--w { margin-bottom: 24px; }
.brief-l { margin-top: 16px; }
.t-k .brief-l .tl { color: var(--white); }

.alert-f { display: grid; gap: 12px; margin-top: 24px; padding: 24px; border: 1px solid var(--gold); border-radius: 2px; }
.alert-t { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; }
.alert-t .small { color: var(--grey); }
.alert-r { display: grid; gap: 12px; align-items: end; }
@media (min-width: 761px) { .alert-r { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) auto; } }
.alert-f .cb-note { margin: 0; }
.t-k .alert-t .small { color: var(--soft); }

.tstrip { display: grid; gap: 16px 32px; padding: 24px 0; border-top: 1px solid rgba(92, 92, 92, .24); border-bottom: 1px solid rgba(92, 92, 92, .24); }
@media (min-width: 1000px) { .tstrip { grid-template-columns: repeat(2, minmax(0, 1fr)); } .tstrip .ts-cr { grid-column: 1 / -1; } }
.ts-q blockquote { font: 400 var(--t-body)/1.5 var(--serif); }
.ts-q figcaption { color: var(--grey); margin-top: 8px; }
.ts-c { display: flex; flex-direction: column; gap: 4px; }
.ts-k { color: var(--grey); }
.ts-cr { display: flex; align-items: center; gap: 8px; color: var(--grey); }
.ts-cr .ic { width: 20px; height: 20px; color: var(--gold); flex: none; }
.sec-ts { padding-top: 24px !important; padding-bottom: 24px !important; }

.chart { display: block; width: 100%; max-width: 760px; height: auto; margin: 24px 0 8px; font-family: var(--sans); }
.ch-l { font-size: 14px; fill: #000000; }
.ch-v { font-size: 14px; font-weight: 600; fill: #000000; }
.ch-b { fill: #D4B366; }
.ch-t { fill: rgba(92, 92, 92, .12); }
.ch-o { fill: rgba(92, 92, 92, .45); }
.t-k .ch-l, .t-k .ch-v { fill: #FFFFFF; }
.ch-key { display: flex; align-items: center; gap: 8px; color: var(--grey); }
.ch-sw { display: inline-block; width: 14px; height: 14px; }
.ch-sw--b { background: #D4B366; }
.ch-sw--o { background: rgba(92, 92, 92, .45); margin-left: 12px; }
.ch-note { color: var(--grey); }
.p56-figs { margin-top: 24px; }
.lines56 { display: grid; gap: 12px; counter-reset: l; max-width: 72ch; }
.lines56 li { position: relative; padding-left: 40px; counter-increment: l; }
.lines56 li::before { content: counter(l); position: absolute; left: 0; top: 0; font: 600 var(--t-h3)/1.3 var(--serif); color: var(--gold); }
@media (min-width: 1100px) { .vchk { grid-template-columns: repeat(4, minmax(0, 1fr)); } .gold--full { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.smp-b { height: 200px; }
.ceo { grid-template-columns: 120px minmax(0, 1fr); gap: 24px; }
.ceo-ph { max-width: 120px; }
.diy { margin-top: 32px; }
.diy-c { padding: 16px 24px; }
.vchk-ls { flex-direction: column; gap: 4px; }
.p40-who { margin-top: 48px; display: grid; gap: 16px; }
.smp-b { height: 150px; }
.diy-g .ticks li { margin: 0; }
.lens-more { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-top: 8px; }
.lens-more { align-items: center; }
.lens-more .src { margin: 0; }
.lens-g + .alert-f, .lens + .alert-f { margin-top: 16px; }
@media (min-width: 1100px) {
  .alert-f { grid-template-columns: minmax(0, 1fr) minmax(0, 2.2fr); align-items: end; gap: 8px 24px; padding: 16px 24px; }
  .alert-t { flex-direction: column; gap: 0; align-self: center; }
  .alert-t .h3 { font-size: var(--t-body); }
  .alert-f .cb-note { grid-column: 1 / -1; }
}
.alert-d { margin-top: 8px; }
.alert-d > summary { list-style: none; cursor: pointer; display: inline-flex; flex-wrap: wrap; gap: 4px 8px; align-items: baseline; min-height: 44px; }
.alert-d > summary::-webkit-details-marker { display: none; }
.alert-d > summary .small { color: var(--grey); text-decoration: none; }
.alert-d[open] > summary { margin-bottom: 0; }
@media (min-width: 761px) { .ftr-legal { gap: 0 16px; } .ftr-r2 { gap: 16px; } .ftr-c { white-space: nowrap; } }
.ftr-addr .ftr-c { display: block; margin-top: 4px; color: var(--soft); font-size: var(--t-small); }
@media (min-width: 761px) { .ftr-legal { gap: 0 20px; } }
.alert-d { margin-top: 0; }
.lens-more { margin-top: 4px; }
[data-fid="P00-S03"] .sh { margin-bottom: 24px; }
.gold > li .gold-a { min-height: 44px; }
.alert-d { margin-top: 8px; }
.ch-l, .ch-v { font-size: 15px; }
button.tl { background: none; border: 0; padding: 0; font: inherit; color: inherit; cursor: pointer; }
.smp-b { position: relative; }
.smp-b img { height: 100%; object-fit: cover; object-position: top; }
.smp-cue { position: absolute; right: 8px; bottom: 8px; padding: 4px 8px; background: var(--black); color: var(--white); font-size: var(--t-small); text-decoration: underline; }
.alert-p { color: var(--grey); text-decoration: none; }

.scope-f { display: grid; gap: 24px; max-width: 920px; }
.sq { border: 0; padding: 0; margin: 0; display: grid; gap: 12px; }
.sq legend { display: flex; align-items: baseline; gap: 12px; font: 600 var(--t-h3)/var(--lh-h3) var(--sans); margin-bottom: 12px; padding: 0; }
.sq-n { display: inline-grid; place-items: center; min-width: 32px; height: 32px; border-radius: 50%; background: var(--gold); color: var(--black); font-size: var(--t-small); }
.sq-s { font-weight: 400; color: var(--grey); font-size: var(--t-body); }
.sq-o { display: flex; flex-wrap: wrap; gap: 8px; }
.sq-c { position: relative; display: inline-flex; }
.sq-c input { position: absolute; opacity: 0; inset: 0; cursor: pointer; }
.sq-c span { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 16px; border: 1px solid rgba(92, 92, 92, .40); border-radius: 22px; cursor: pointer; }
.sq-c input:checked + span { background: var(--gold); border-color: var(--gold); }
.sq-c input:focus-visible + span { outline: 2px solid var(--black); outline-offset: 2px; }
.sq .fld-e { display: none; }
.sq.is-bad .fld-e { display: flex; }
.sq--you { padding-top: 8px; }

.share-f, .chk-em { display: grid; gap: 12px; margin-top: 24px; padding: 24px; border: 1px solid rgba(92, 92, 92, .32); border-radius: 2px; }
.share-t { display: flex; flex-direction: column; gap: 4px; }
.share-t span { color: var(--grey); }
.chk-rem { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; }
.chk-rem input { width: 20px; height: 20px; accent-color: #D4B366; }
.chk-lesson { margin-top: 8px; padding: 12px 16px; border-left: 2px solid var(--gold); background: rgba(212, 179, 102, .10); }
.chk-lens { margin-top: 16px; }
.fn-soon { margin: 16px 0 0; padding: 12px 16px; border-left: 2px solid var(--gold); font-weight: 600; }
.cb-when { max-width: 50%; }
@media (max-width: 760px) { .cb-when { max-width: none; } }
.em-d { margin-top: 8px; }
.em { margin-top: 12px; padding: 24px; border: 1px solid rgba(92, 92, 92, .32); background: var(--white); color: var(--black); max-width: 600px; display: grid; gap: 8px; }
.em-k { color: var(--gold); font-weight: 600; font-size: var(--t-small); letter-spacing: .04em; }
.em-h { font: 600 var(--t-h3)/1.3 var(--serif); }
.em ul { padding-left: 20px; display: grid; gap: 8px; }
.em-f, .em-id { color: var(--grey); font-size: var(--t-small); }
.em-b { justify-self: start; }
.ref-f { display: grid; gap: 12px; max-width: 920px; margin-top: 16px; }
.ref-f .btn { justify-self: start; }
.cb-when { max-width: none; }
@media (max-width: 760px) {
  [data-fid="P00-S07"] .faq details:nth-child(n+4) { display: none; }   
  .stakes--c { gap: 20px; }
}
@media (max-width: 760px) { .ftr-map { height: 120px; } .gold > li { padding: 20px; } }

.lens-l--page { margin-top: 8px; }
.lgaps { display: grid; gap: 16px; }
@media (min-width: 761px) { .lgaps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.lgaps > li { display: flex; flex-direction: column; gap: 8px; padding: 24px; background: rgba(212, 179, 102, .10); border-radius: 2px; }
.lgaps .tl { align-self: flex-start; }
.lens-offers { display: grid; gap: 8px; }
.lens-offers .alert-f { margin-top: 0; }
.lens-chk { margin: 0; }

.wsc { display: grid; gap: 24px; max-width: 880px; margin-bottom: 32px; }
.wsc > li { display: flex; flex-direction: column; gap: 8px; padding: 24px; border-left: 2px solid var(--gold); background: rgba(92, 92, 92, .06); }
.wsc-k { display: flex; flex-wrap: wrap; gap: 4px 16px; color: var(--grey); }
.ask-alt { display: flex; flex-wrap: wrap; gap: 8px 24px; }
.ch-l, .ch-v { font-size: 17px; }
.stakes--c li .stake-sub { font-size: var(--t-body); line-height: var(--lh-body); }
[data-fid="P00-S03"] .sh { margin-bottom: 16px; }
@media (max-width: 760px) { [data-fid="P00-S03"] .stakes--c { gap: 16px; } }

.adv--seat { background: var(--white); padding: 24px; border-radius: 2px; gap: 4px; }
.adv--seat .adv-ph, .t-g .adv--seat .adv-ph { aspect-ratio: 1; width: 56px; max-height: none; border-radius: 50%; margin: 0 0 12px; background: var(--tint); }

.ticks + .para { margin-top: 16px; }

.pp-grp--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#pp-cert .pp-foot { justify-content: flex-start; } #pp-cert .pp-foot .pp-more { flex-basis: 100%; }   


.art-meta { color: var(--grey); margin: 0; }
.kp { padding: 16px 24px; background: var(--tint); border-left: 4px solid var(--gold); color: var(--black); }
.kp b { display: block; margin-bottom: 4px; }
.pq { margin: 8px 0; padding-left: 24px; border-left: 2px solid var(--gold); font-size: var(--t-h3); line-height: var(--lh-h3); }
.art-fig { margin: 0; } .art-fig img { width: 100%; height: auto; display: block; } .art-fig figcaption { color: var(--grey); font-size: var(--t-small); margin-top: 8px; }
.cta-box { margin-top: 16px; padding: 24px; border: 1px solid rgba(0, 0, 0, .12); background: var(--white); }
.cta-box p { margin: 0 0 8px; } .cta-box .more { margin: 0; display: flex; gap: 16px; flex-wrap: wrap; }
.latest { margin-top: 32px; } .latest-h { margin-bottom: 16px; }
.art-c .card-p { display: block; margin-top: 8px; color: var(--grey); }


@media (min-width: 761px) { .share-f .alert-r { grid-template-columns: minmax(0, 1fr) auto; max-width: 560px; } }
.share-f .btn-s { background: var(--black); color: var(--white); border-color: var(--black); }


.marquee-t { gap: 56px; padding: 4px 28px 4px 0; }
.marquee-t img.lg-i, .lg-i { width: auto; max-width: none; filter: grayscale(1) brightness(.72) contrast(1.15) opacity(.8); transition: filter .35s ease, transform .35s ease; }
.lg:hover .lg-i, .lg:focus-within .lg-i { filter: none; }   
.lg-w { font: 600 var(--t-body)/1.3 var(--serif); letter-spacing: .03em; color: var(--grey); white-space: nowrap; transition: color .35s ease; }
.lg:hover .lg-w { color: var(--black); }

.lwall { margin-top: 24px; }
.lwall .logos-k { margin-bottom: 12px; }
.lwall-g { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--line-w); border-left: 1px solid var(--line-w); }
.lwall-g .lg { position: relative; display: flex; align-items: center; justify-content: center; min-height: 112px; padding: 20px 16px; border-right: 1px solid var(--line-w); border-bottom: 1px solid var(--line-w); }
.lwall-g .lg::after { content: ''; position: absolute; left: 50%; right: 50%; bottom: 0; height: 2px; background: var(--gold); transition: left .35s ease, right .35s ease; }
.lwall-g .lg:hover::after { left: 24%; right: 24%; }
.lwall-g .lg-i { max-width: 100%; object-fit: contain; }
.lwall-g .lg:hover .lg-i { transform: scale(1.04); }
.lwall-g .lg-w { white-space: normal; text-align: center; }
@media (min-width: 600px) { .lwall-g { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 900px) { .lwall-g { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lwall-g .lg { min-height: 128px; } }
@media (min-width: 1200px) { .lwall-g { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
@media (hover: none) { .lg-i { filter: grayscale(.15) opacity(.9); } }


.pics--2 { grid-template-columns: minmax(0, 1fr); }
.pics--2 .pic img { aspect-ratio: 16 / 9; max-height: none; }
@media (min-width: 761px) { .pics--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } }

.chk-em .cb-note { color: var(--grey); }
.chk-em .cb-note a { color: var(--black); }



.pp-grp a { white-space: normal; align-items: flex-start; padding: 4px 0; }
.pp-grp a .ic { margin-top: 3px; flex: none; }
.pp-n, .pm-n { display: flex; flex-direction: column; line-height: 1.3; }
.pp-s { display: block; font-size: 13px; line-height: 1.35; color: var(--grey); font-weight: 400; }
.pm-s { display: block; font-size: 13px; line-height: 1.35; color: var(--soft); opacity: .8; font-weight: 400; margin-top: 2px; }
.pmenu li a:has(.pm-n) { padding: 6px 0; }

.pp-td { margin: 0 0 4px 28px; font-size: var(--t-small); }
.pp-td summary { cursor: pointer; color: var(--grey); list-style: none; display: inline-flex; align-items: center; gap: 6px; min-height: 32px; }
.pp-td summary::-webkit-details-marker, .pm-td summary::-webkit-details-marker, .tiers-d summary::-webkit-details-marker { display: none; }
.pp-td summary::before, .pm-td summary::before { content: '+'; display: inline-block; width: 12px; color: var(--black); font-weight: 600; }
.pp-td[open] summary::before, .pm-td[open] summary::before { content: '–'; }
.pp-td ul { padding: 0 0 4px 18px; display: grid; gap: 0; }
.pp-td ul a { min-height: 32px; padding: 0; }
.pmenu .pm-td { border: 0; padding: 0 0 4px 0; }
.pmenu .pm-td summary { min-height: 36px; font-weight: 400; color: var(--soft); justify-content: flex-start; gap: 8px; font-size: var(--t-small); }
.pmenu .pm-td summary::before { color: var(--white); }
.pmenu .pm-td ul { padding: 0 0 4px 20px; }
.pmenu .pm-td ul a { min-height: 40px; }
.tiers-d { margin-top: 16px; }
.tiers-d summary { cursor: pointer; list-style: none; display: inline-flex; }
.tiers-l { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-top: 12px; }
.tiers-l a { text-underline-offset: 3px; }

.tiers { display: grid; gap: 0; max-width: 900px; counter-reset: tier; }
.tiers li { display: grid; grid-template-columns: 160px 1fr; gap: 8px 24px; padding: 16px 0; border-top: 1px solid var(--line-w); scroll-margin-top: calc(var(--hh) + 16px); }
.tiers li:last-child { border-bottom: 1px solid var(--line-w); }
.tiers + .src { margin-top: 12px; }
@media (max-width: 760px) { .tiers li { grid-template-columns: 1fr; gap: 4px; } }

.laws { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.law { padding: 24px; background: var(--white); border-top: 3px solid var(--gold); scroll-margin-top: calc(var(--hh) + 16px); display: grid; gap: 12px; align-content: start; }
.t-g .law { background: var(--white); } .t-w .law { background: var(--tint); }
@media (max-width: 760px) { .laws { grid-template-columns: 1fr; } }
[id] { scroll-margin-top: calc(var(--hh) + 16px); }
.ph { display: none; }   
.nojs { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 24px; background: var(--black); color: var(--white); font: 500 18px/1.5 Arial, sans-serif; text-align: center; }
.tiers-d summary::before { content: "+"; display: inline-block; width: 14px; font-weight: 600; } .tiers-d[open] summary::before { content: "–"; }


@media (min-width: 761px) { .ftr-legal { gap: 0 14px; } .ftr-r2 { gap: 12px; } }

.stake1 .src a, .stake .src a, .pf a { display: inline-block; padding: 12px 0; margin: -12px 0; }
.stake1 + .lens-more { margin-top: 24px; }

#pp-cert { width: 980px; }

.ftr-addr .ftr-li { margin-left: 16px; }   
@media (max-width: 760px) { .ftr-addr .ftr-li { margin-left: 0; } }
@media (max-width: 760px) { .ftr-addr a.tl { display: flex; width: max-content; margin: 8px 0 0; } .ftr-addr .ftr-li { margin-left: 0; } }   
.chk-host .chk-how, .t-k .chk-how { color: var(--grey); margin-top: 4px; }   

/* live only */
.bk-frame { display: block; width: 100%; height: 640px; border: 0; }
.ts-box { position: fixed; right: 16px; bottom: 96px; z-index: 60; }
.bk-load { color: var(--grey); }
.art-tbl { overflow-x: auto; } .art-tbl table { border-collapse: collapse; width: 100%; } .art-tbl th, .art-tbl td { text-align: left; padding: 8px 12px; border-bottom: 1px solid var(--line-w); }
.pager { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; margin-top: 24px; }