/* service-a: "Inside the tier". One 12 column grid; text starts on axis A1 (column 1) or A2 (column 7), hero to footer. */
.pg-a{--pg-g:clamp(20px,4.5vw,64px);--pg-w:1240px;--pg-gap:24px;background:#0A0D12}
.pg-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--pg-gap);padding-inline:max(var(--pg-g),calc((100% - var(--pg-w)) / 2))}
.pg-a1{grid-column:1/7}
.pg-a2{grid-column:7/13}
.pg-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pg-a a:focus-visible{outline:none;border-radius:6px;box-shadow:0 0 0 2px currentColor}
.pg-a .btn.big:focus-visible{box-shadow:0 0 0 3px #0A0D12,0 0 0 5px #EEE9DF}

/* hero: a pinned stage; the scene scrubs from outside the crest into the Ads tier */
.pg-hero{position:relative;height:100vh;height:100svh;background:#0A0D12;color:#EEE9DF}
.pg-hero.pg-scrub{height:180vh}
.pg-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.pg-layer{position:absolute;inset:0;pointer-events:none}
.pg-layer img,.pg-layer canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}
.pg-layer canvas{opacity:0;transition:opacity .45s ease}
.pg-live .pg-layer canvas{opacity:1}
.pg-live .pg-layer img{visibility:hidden}
.pg-dissolve{position:absolute;left:0;right:0;bottom:0;height:58%;background:linear-gradient(180deg,rgba(10,13,18,0) 0%,rgba(10,13,18,.82) 26%,rgba(10,13,18,.96) 46%,#0A0D12 100%);pointer-events:none}
.pg-veil{position:absolute;inset:0;background:radial-gradient(ellipse 70% 58% at 22% 36%,rgba(10,13,18,.82) 0%,rgba(10,13,18,.62) 45%,rgba(10,13,18,0) 84%);pointer-events:none}
.pg-top{position:absolute;inset:0 0 auto 0;padding-top:clamp(96px,12vh,120px)}
.pg-crumb{grid-column:1/-1;color:#EEE9DF}
.pg-crumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:0 10px}
.pg-crumb li+li::before{content:"/";margin-right:10px;opacity:.7}
.pg-crumb a{text-decoration:none}
.pg-crumb a:hover{text-decoration:underline;text-underline-offset:.25em}
.pg-h1{grid-column:1/-1;margin-top:clamp(120px,22.5vh,220px);font-weight:600;font-variation-settings:"wdth" 80;font-size:clamp(40px,4.2vw,66px);line-height:1.02;letter-spacing:-.022em;color:#EEE9DF}
/* the heading keeps to the left half on a 12 column grid: the lede is pinned to the bottom of the stage in
   columns 7 to 12, and a full width heading ran into it on short screens and long headings (1440x800) */
@media (min-width:768px){.pg-h1{grid-column:1/7}}
.pg-h1 span{display:block}
.pg-h1 em{font-family:Newsreader,Georgia,serif;font-style:italic;font-weight:360;font-variation-settings:"opsz" 72;letter-spacing:-.01em}
.pg-low{position:absolute;inset:auto 0 0 0;padding-bottom:clamp(36px,7vh,72px)}
.pg-lede{font-size:clamp(18px,1.45vw,21px);line-height:1.5;max-width:40ch;color:#EEE9DF}
.pg-meta{margin-top:22px;color:#EEE9DF;opacity:.86}
.pg-cta{margin-top:30px}

/* the field: one gradient down the journey, stops measured from the sections (set by the script) */
.pg-journey{position:relative;background:linear-gradient(180deg,#0A0D12 0%,#16202B 22%,#D6DADE 34%,#CDAA7C 62%,#EFD9A6 76%,#EEE9DF 88%,#0A0D12 100%)}
.pg-sec{position:relative}
.pg-h2{font-weight:600;font-variation-settings:"wdth" 78;font-size:clamp(34px,3.9vw,56px);line-height:1.03;letter-spacing:-.022em;text-wrap:balance}

.pg-tail{height:clamp(220px,30vh,320px)}

/* the tier gauge: the crest in miniature, fixed beside axis A1; the Ads tier fills as you read */
.pg-gauge{position:fixed;z-index:20;left:calc(max(var(--pg-g),(100vw - var(--pg-w)) / 2) - 52px);top:50%;transform:translateY(-50%);width:30px;display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--pg-gc,#EEE9DF);pointer-events:none}
.pg-gauge-t{writing-mode:vertical-rl;transform:rotate(180deg);font:500 10px/1 "Martian Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;transition:opacity .2s}
.pg-gauge-t b{font-weight:500;margin-bottom:12px;display:inline-block}
.pg-gauge ol{list-style:none;display:flex;flex-direction:column;align-items:center;gap:5px;width:100%}
.pg-gauge li{height:4px;border-radius:1px;background:currentColor;opacity:.4}
.pg-gauge li.pg-on{opacity:1;background:transparent;box-shadow:inset 0 0 0 1px currentColor;position:relative;overflow:hidden;height:6px}
.pg-gauge li.pg-on i{position:absolute;inset:0 auto 0 0;width:calc(var(--pg-p,0) * 100%);background:#FFC21A;box-shadow:inset 0 0 0 1px currentColor}
.pg-gauge-quiet .pg-gauge-t{opacity:0}

/* footer columns on the same two axes */
.pg-a .dx-foot-cols{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--pg-gap);row-gap:44px}
.pg-a .dx-foot-cols>div:nth-child(1){grid-column:1/7;grid-row:1/3}
.pg-a .dx-foot-cols>div:nth-child(2){grid-column:7/13}
.pg-a .dx-foot-cols>div:nth-child(3){grid-column:7/13}

/* ---- the body: two axes for running copy, but every section carries material, not only rules ----
   panels carry a light fill and a 6px radius, tables have a filled head row, diagrams and crest stills fill
   the column that would otherwise be empty. No shadows, no hover lift, no gradient text. */
.pg-sec{padding-top:clamp(96px,12vh,150px);padding-bottom:clamp(96px,12vh,150px);color:#0A0D12}
.pg-sec.pg-dark{color:#EEE9DF}
.pg-lab{display:block;margin-bottom:4px;color:#2E2820}
.pg-dark .pg-lab{color:#8A8F98}
.pg-panel{border-radius:6px;background:rgba(10,13,18,.055);padding:clamp(22px,2.4vw,34px)}
.pg-dark .pg-panel{background:rgba(238,233,223,.06)}
.pg-panel-open{background:transparent;box-shadow:inset 0 0 0 1px rgba(10,13,18,.28)}
.pg-media{margin:0}
.pg-media img{display:block;width:100%;height:auto;border-radius:6px}
.pg-fig{margin:0}
.pg-fig figcaption,.pg-media figcaption{margin-top:12px;color:#3A332A;font-size:10.5px}
.pg-dark .pg-fig figcaption,.pg-dark .pg-media figcaption{color:#8A8F98}
.pg-svg{display:block;width:100%;height:auto;color:inherit}
.pg-svg .pg-svg-lab{font:500 14px/1.2 Archivo,system-ui,sans-serif;fill:currentColor}
.pg-svg .pg-svg-note{font:400 11px/1.2 "Martian Mono",ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;fill:currentColor;opacity:.62}
.pg-svg .pg-svg-num{font:500 13px/1 "Martian Mono",ui-monospace,monospace;fill:currentColor}
.pg-svg .pg-svg-in{fill:#0A0D12;opacity:.7}

/* on this page */
.pg-toc{padding-top:clamp(56px,7vh,80px);padding-bottom:clamp(56px,7vh,80px)}
.pg-toc-panel{grid-column:1/-1;border-radius:6px;background:rgba(238,233,223,.06);padding:clamp(22px,2.4vw,32px)}
.pg-toc-h{color:#8A8F98;margin-bottom:18px}
.pg-toc-list{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--pg-gap);row-gap:2px;counter-reset:toc}
.pg-toc-list li{counter-increment:toc}
.pg-toc-list a{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:9px 0;text-decoration:none}
.pg-toc-list a::before{content:counter(toc,decimal-leading-zero);opacity:.5}
.pg-toc-list a:hover span{text-decoration:underline;text-underline-offset:.25em}

/* what it is: still and crest diagram on A1, reading column on A2 */
.pg-what .pg-h2{grid-column:1/10}
.pg-what-fig{grid-column:1/6;margin-top:clamp(48px,7vh,80px)}
.pg-what-fig img{display:block;width:100%;height:auto;border-radius:6px}
.pg-what-fig .pg-svg-crest{margin-top:30px}
.pg-prose{padding:clamp(24px,2.6vw,36px)}
.pg-what-body{grid-column:7/13;margin-top:clamp(48px,7vh,80px)}
.pg-what-body p{font-size:18px;line-height:1.62;max-width:52ch}
.pg-what-body p:first-child{font-size:clamp(19px,1.5vw,22px);line-height:1.5}
.pg-what-body p+p{margin-top:22px}
.pg-tiers{margin:26px 0 0}
.pg-tiers ol{list-style:none;display:grid;gap:9px}
.pg-tiers li{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:18px;opacity:.5}
.pg-tiers li.pg-here{opacity:1}
.pg-tiers i{display:block;height:6px;border-radius:1px;background:currentColor;justify-self:start}
.pg-tiers li.pg-here i{background:#FFC21A;box-shadow:inset 0 0 0 1px currentColor}
.pg-tiers span{font:400 11px/1.6 "Martian Mono",ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}
.pg-tiers p{margin-top:18px;font:400 11px/1.7 "Martian Mono",ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase;opacity:.7}

/* six signs: the sticky head carries the search term drawing, the signs run on A2 */
.pg-when-h{grid-column:1/9}
.pg-when-head{grid-column:1/6;margin-top:clamp(44px,6vh,72px);position:sticky;top:110px;align-self:start}
.pg-when .pg-signs{margin-top:clamp(44px,6vh,72px)}
.pg-when .pg-h2{grid-column:auto}
.pg-meter{margin-top:clamp(28px,4vh,40px);font:400 11px/1.7 "Martian Mono",ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase}
.pg-meter ol{list-style:none;display:flex;gap:6px;margin-top:10px;width:180px}
.pg-meter li{height:5px;flex:1;background:currentColor;opacity:.28;border-radius:1px}
.pg-meter li.pg-here{opacity:1;background:#FFC21A;box-shadow:inset 0 0 0 1px currentColor}
.pg-fig-journey .pg-meter{margin:0 0 26px}
.pg-signs{grid-column:7/13;list-style:none}
.pg-signs li{padding:26px 0 30px;border-top:1px solid rgba(10,13,18,.26)}
.pg-signs li:last-child{border-bottom:1px solid rgba(10,13,18,.26)}
.pg-signs h3{font-size:21px;line-height:1.28;font-weight:600;letter-spacing:-.01em;font-variation-settings:"wdth" 90}
.pg-signs p{margin-top:8px;font-size:16px;line-height:1.55;max-width:44ch}

/* ad types: the wireframe on A1, the rows on A2 */
.pg-types .pg-h2{grid-column:1/10}
.pg-fig-slots{grid-column:1/-1;margin-top:clamp(44px,6vh,72px)}
.pg-types .pg-table{grid-column:1/-1;margin-top:clamp(36px,5vh,56px);display:block;border-collapse:collapse}
.pg-types .pg-table tbody{display:block}
.pg-types .pg-table tr{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--pg-gap);padding:24px 0 26px;border-top:1px solid rgba(10,13,18,.26)}
.pg-types .pg-table tbody tr:last-child{border-bottom:1px solid rgba(10,13,18,.26)}
.pg-types .pg-table th{grid-column:1/6;grid-row:1;text-align:left;font-size:clamp(20px,1.8vw,24px);line-height:1.15;font-weight:600;letter-spacing:-.015em;font-variation-settings:"wdth" 86}
.pg-types .pg-table td{grid-column:7/13;font-size:16px;line-height:1.5}
.pg-types .pg-table td:nth-of-type(1){grid-row:1}
.pg-types .pg-table td:nth-of-type(2){grid-row:2;margin-top:12px}
.pg-types .pg-table td:nth-of-type(3){grid-column:1/6;grid-row:2;margin-top:12px}
.pg-types-note{grid-column:7/13;margin-top:32px;font-size:16px;line-height:1.6;max-width:52ch}

/* eight areas: the structure drawing across the page, then eight panels */
.pg-areas .pg-h2{grid-column:1/10}
.pg-fig-structure{grid-column:1/-1;margin-top:clamp(44px,6vh,72px)}
.pg-areas-list{grid-column:1/-1;margin-top:clamp(40px,5vh,64px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pg-gap)}
.pg-card{border-radius:6px;background:rgba(10,13,18,.055);padding:24px 26px 26px}
.pg-areas-list dt{font-size:19px;font-weight:600;letter-spacing:-.01em;font-variation-settings:"wdth" 92}
.pg-areas-list dd{margin-top:8px;font-size:16px;line-height:1.55}

/* the numbers: chart, equations, a worked calculation, then the metric table */
.pg-metrics .pg-h2{grid-column:1/8}
.pg-metrics-lede{grid-column:7/13;font-size:17px;line-height:1.6;align-self:end}
.pg-fig-acos{grid-column:1/8;margin-top:clamp(44px,6vh,72px)}
.pg-eqs{grid-column:7/13;margin-top:clamp(44px,6vh,72px);align-self:start}
.pg-eqs .eq{font:400 clamp(12px,1.05vw,15px)/1.5 "Martian Mono",ui-monospace,monospace;padding:16px 0;border-top:1px solid rgba(10,13,18,.26)}
.pg-eqs .eq:last-child{border-bottom:1px solid rgba(10,13,18,.26)}
.pg-example{grid-column:1/-1;margin-top:clamp(40px,5vh,64px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--pg-gap)}
.pg-example h3{grid-column:1/6;font-size:20px;font-weight:600}
.pg-example-lede{grid-column:1/6;margin-top:12px;font-size:16px;line-height:1.55}
.pg-calc{grid-column:7/13;list-style:none;display:grid;gap:12px}
.pg-calc li{font-size:16px;line-height:1.5;padding-left:20px;position:relative}
.pg-calc li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:2px;background:currentColor;opacity:.55}
.pg-calc b{font:500 16px/1.4 "Martian Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums}
.pg-table-head{grid-column:1/-1;margin-top:clamp(44px,6vh,72px);display:block;border-collapse:collapse}
.pg-table-head thead,.pg-table-head tbody{display:block}
.pg-table-head thead tr{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--pg-gap);border-radius:6px 6px 0 0;background:rgba(10,13,18,.075);padding:14px 18px}
.pg-table-head thead th{font:500 11px/1.6 "Martian Mono",ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase;text-align:left}
.pg-table-head thead th:nth-child(1){grid-column:1/4}
.pg-table-head thead th:nth-child(2){grid-column:4/7}
.pg-table-head thead th:nth-child(3){grid-column:7/10}
.pg-table-head thead th:nth-child(4){grid-column:10/13}
.pg-table-head tbody tr{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--pg-gap);padding:18px;border-bottom:1px solid rgba(10,13,18,.18)}
.pg-table-head tbody tr.pg-row-on{background:rgba(255,194,26,.16);border-radius:0}
.pg-table-head tbody th,.pg-table-head tbody td{grid-row:1;align-self:stretch}
.pg-table-head tbody th{background:rgba(10,13,18,.05);border-radius:4px;padding:12px 14px;margin:-4px 0}
.pg-table-head tbody th{grid-column:1/4;text-align:left;font-size:17px;font-weight:600;line-height:1.35}
.pg-table-head tbody td{font-size:15px;line-height:1.5}
.pg-table-head tbody td:nth-of-type(1){grid-column:4/7}
.pg-table-head tbody td:nth-of-type(2){grid-column:7/10}
.pg-table-head tbody td:nth-of-type(3){grid-column:10/13}
.pg-table-head .pg-lab{display:none}
.pg-compare .pg-h2{grid-column:1/9}
.pg-compare-table thead th:nth-child(1){grid-column:1/5}
.pg-compare-table thead th:nth-child(2){grid-column:5/9}
.pg-compare-table thead th:nth-child(3){grid-column:9/13}
.pg-compare-table tbody th{grid-column:1/5;font-size:19px}
.pg-compare-table tbody td:nth-of-type(1){grid-column:5/9}
.pg-compare-table tbody td:nth-of-type(2){grid-column:9/13}

/* findings: a still opens the section, the ledger mirrors row by row */
.pg-findings .pg-h2{grid-column:1/7}
.pg-note{grid-column:7/13;align-self:end}
.pg-media-wide{grid-column:1/-1;margin-top:clamp(40px,5vh,64px)}
.pg-media-wide img{aspect-ratio:1200/420;object-fit:cover;object-position:50% 58%}
.pg-find{grid-column:1/-1;list-style:none;margin-top:clamp(36px,5vh,56px)}
.pg-find li{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--pg-gap);padding:26px 0 28px;border-top:1px solid rgba(10,13,18,.26)}
.pg-find li:last-child{border-bottom:1px solid rgba(10,13,18,.26)}
.pg-find-a{grid-column:1/6;font-size:clamp(18px,1.6vw,22px);line-height:1.3;font-weight:600;letter-spacing:-.01em}
.pg-find-b{grid-column:7/13;font-size:16px;line-height:1.5}
.pg-find-c{grid-column:7/13;margin-top:14px;font-size:16px;line-height:1.5}
.pg-find li:nth-child(even) .pg-find-a{grid-column:7/13}
.pg-find li:nth-child(even) .pg-find-b,.pg-find li:nth-child(even) .pg-find-c{grid-column:1/6}

/* the first 30 days: the weeks on A1, the drawing of the cycles on A2 */
.pg-process .pg-h2{grid-column:1/8}
.pg-timeline{grid-column:1/7;list-style:none;margin-top:clamp(40px,5vh,64px);counter-reset:wk;display:grid;gap:26px}
.pg-timeline li{counter-increment:wk;display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px}
.pg-timeline li>*{grid-column:2}
.pg-timeline li::before{content:counter(wk,decimal-leading-zero);grid-column:1;font:400 11px/1.9 "Martian Mono",ui-monospace,monospace;letter-spacing:.13em;opacity:.6}
.pg-timeline h3{font-size:19px;font-weight:600;letter-spacing:-.01em}
.pg-timeline p{margin-top:6px;font-size:16px;line-height:1.55}
.pg-fig-time{grid-column:7/13;margin-top:clamp(40px,5vh,64px);position:sticky;top:110px;align-self:start}
.pg-svg-tall{max-height:74vh;width:auto;margin:0 auto}

/* included: a still on A1, the list as one filled sheet on A2 */
.pg-included .pg-h2{grid-column:1/10;grid-row:1}
.pg-included .pg-media{grid-column:1/6;grid-row:2;margin-top:clamp(44px,6vh,72px);align-self:stretch}
.pg-included .pg-media img{height:100%;object-fit:cover;min-height:300px}
.pg-included-body{grid-column:7/13;grid-row:2;margin-top:clamp(44px,6vh,72px)}
.pg-check{list-style:none;display:grid;gap:14px}
.pg-check li{font-size:16px;line-height:1.45;padding-left:26px;position:relative}
.pg-check li::before{content:"";position:absolute;left:0;top:.42em;width:12px;height:7px;border-left:2px solid #0A0D12;border-bottom:2px solid #0A0D12;transform:rotate(-45deg)}
.pg-included-note{grid-column:7/13;grid-row:3;margin-top:28px;font-size:16px;line-height:1.6;max-width:56ch}

/* the checkup: one sheet of ten steps */
.pg-diy .pg-h2{grid-column:1/9}
.pg-sheet{grid-column:1/-1;margin-top:clamp(40px,5vh,64px)}
.pg-steps{list-style:none;counter-reset:st;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,auto);grid-auto-flow:column;column-gap:clamp(24px,4vw,64px)}
.pg-steps li{counter-increment:st;position:relative;padding:12px 0 12px 46px;font-size:16px;line-height:1.5}
.pg-steps li::before{content:counter(st,decimal-leading-zero);position:absolute;left:0;top:15px;font:400 11px/1 "Martian Mono",ui-monospace,monospace;letter-spacing:.13em;opacity:.55}
.pg-diy-note{grid-column:7/13;margin-top:26px;font-size:16px;line-height:1.6}

/* fit: two panels facing each other */
.pg-fit .pg-h2{grid-column:1/-1;margin-bottom:clamp(36px,5vh,56px)}
.pg-fit{align-items:stretch}
.pg-fit-a{grid-column:1/7;align-self:stretch}
.pg-fit-b{grid-column:7/13;align-self:stretch}
.pg-fit h3{font-size:20px;font-weight:600;letter-spacing:-.01em;margin-bottom:16px}
.pg-fit ul{list-style:none;display:grid;gap:14px}
.pg-fit li{font-size:16px;line-height:1.5;padding-left:20px;position:relative}
.pg-fit li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:2px;background:currentColor;opacity:.6}

/* price: the still and the number, side by side */
.pg-price .pg-h2{grid-column:1/8}
.pg-price .pg-media{grid-column:1/6;margin-top:clamp(40px,5vh,64px);align-self:stretch}
.pg-price .pg-media img{height:100%;object-fit:cover;min-height:260px}
.pg-price-box{grid-column:7/13;margin-top:clamp(40px,5vh,64px);align-self:start}
.pg-price-line{font-size:clamp(30px,3.4vw,50px);line-height:1.02;font-weight:620;font-variation-settings:"wdth" 74;letter-spacing:-.03em}
.pg-price-line em{font-family:Newsreader,Georgia,serif;font-style:italic;font-weight:360;font-variation-settings:"opsz" 72}
.pg-price-note{margin-top:22px;font-size:16px;line-height:1.6}

/* faq */
.pg-faq{padding-bottom:clamp(150px,20vh,240px)}
.pg-faq-h{grid-column:1/9}
.pg-faq-head{grid-column:1/6;margin-top:clamp(44px,6vh,72px);position:sticky;top:110px;align-self:start}
.pg-faq-head .pg-media{margin-top:0}
.pg-faq-head{align-self:stretch}
.pg-faq-head .pg-media,.pg-faq-head .pg-media img{height:100%}
.pg-faq-head .pg-media img{object-fit:cover;min-height:360px;border-radius:6px}
.pg-faq-list{grid-column:7/13;margin-top:clamp(44px,6vh,72px);list-style:none}
.pg-faq-list details{border-top:1px solid rgba(10,13,18,.26)}
.pg-faq-list li:last-child details{border-bottom:1px solid rgba(10,13,18,.26)}
.pg-faq-list summary{list-style:none;cursor:pointer;position:relative;padding:18px 44px 18px 0;font-size:17px;line-height:1.4;font-weight:600;letter-spacing:-.01em}
.pg-faq-list summary::-webkit-details-marker{display:none}
.pg-faq-list summary::marker{content:""}
.pg-faq-list summary::before,.pg-faq-list summary::after{content:"";position:absolute;right:6px;top:50%;width:13px;height:1.5px;background:currentColor;transition:transform .25s ease}
.pg-faq-list summary::after{transform:rotate(90deg)}
.pg-faq-list details[open] summary::after{transform:rotate(0deg)}
.pg-faq-list summary:focus-visible{outline:none;box-shadow:0 0 0 2px currentColor;border-radius:6px}
.pg-faq-list details p{padding:0 44px 24px 0;font-size:16px;line-height:1.6}
.pg-faq-list details p a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(20,22,26,.3)}
.pg-faq-list details p a:hover{text-decoration-color:rgba(20,22,26,.85)}
.pg-faq-list .pg-verified{display:block;margin-top:6px;font:400 10.5px/1.6 "Martian Mono",ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase;opacity:.55}

/* start and related */
.pg-start{padding-top:clamp(150px,20vh,240px);--fg:#EEE9DF;--muted:#B3B8C0;--line:rgba(238,233,223,.2);--bg:#0A0D12;--monof:"Martian Mono",ui-monospace,monospace;--sans:Archivo,system-ui,sans-serif}
.pg-start-h{grid-column:1/7;grid-row:1}
.pg-start-head{grid-column:7/13;grid-row:1}
.pg-start-lede{margin-top:0;font-size:18px;line-height:1.55;max-width:40ch}
.pg-fig-crest-end{grid-column:1/6;grid-row:2;margin-top:clamp(40px,5vh,64px);align-self:stretch;display:flex;align-items:center;border-radius:6px;background:rgba(238,233,223,.06);padding:clamp(20px,2.4vw,32px)}
.pg-fig-crest-end .pg-svg-crest{width:100%}
.pg-fig-crest{margin-top:26px}
.pg-start-form{grid-column:7/13;grid-row:2;margin-top:clamp(40px,5vh,64px)}
.pg-start-form.dx{background:transparent;z-index:auto;font-size:17px}
.pg-start-form .dx-form{margin-top:0;max-width:none;gap:24px}
.pg-start-form .dx-submit{background:#FFC21A}
.pg-related{padding-top:clamp(56px,7vh,88px);padding-bottom:clamp(96px,12vh,140px)}
.pg-related-h{grid-column:1/6;font-size:clamp(26px,2.6vw,36px)}
.pg-related-list{grid-column:7/13;list-style:none}
.pg-related-list li{border-top:1px solid rgba(238,233,223,.18)}
.pg-related-list li:last-child{border-bottom:1px solid rgba(238,233,223,.18)}
.pg-related-list a{display:block;padding:15px 0;font-size:18px;line-height:1.4;text-decoration:none}
.pg-related-list a:hover{text-decoration:underline;text-underline-offset:.25em}

@media (max-width:767px){
  .pg-what .pg-h2,.pg-what-side,.pg-what-body,.pg-when-head,.pg-signs,.pg-types .pg-h2,.pg-fig-slots,.pg-types .pg-table,.pg-types-note,.pg-areas .pg-h2,.pg-fig-structure,.pg-areas-list,.pg-metrics .pg-h2,.pg-metrics-lede,.pg-fig-acos,.pg-eqs,.pg-example,.pg-calc,.pg-example h3,.pg-example-lede,.pg-findings .pg-h2,.pg-note,.pg-media-wide,.pg-find,.pg-process .pg-h2,.pg-timeline,.pg-fig-time,.pg-included .pg-h2,.pg-included .pg-media,.pg-included-body,.pg-diy .pg-h2,.pg-sheet,.pg-diy-note,.pg-compare .pg-h2,.pg-fit-a,.pg-fit-b,.pg-price .pg-h2,.pg-price .pg-media,.pg-price-box,.pg-faq-head,.pg-faq-list,.pg-start-head,.pg-start-form,.pg-related-h,.pg-related-list,.pg-toc-panel{grid-column:1/-1}
  .pg-toc-list,.pg-areas-list,.pg-steps{grid-template-columns:minmax(0,1fr);grid-auto-flow:row;grid-template-rows:none}
  .pg-toc-panel,.pg-sheet,.pg-example{margin-inline:0;padding-inline:clamp(18px,4vw,26px)}
  .pg-when-head,.pg-fig-slots,.pg-fig-time,.pg-faq-head{position:static}
  .pg-what-side,.pg-included .pg-media,.pg-price .pg-media,.pg-faq-head .pg-media{margin-bottom:28px}
  .pg-find li{grid-template-columns:minmax(0,1fr)}
  .pg-find-a,.pg-find-b,.pg-find-c,.pg-find li:nth-child(even) .pg-find-a,.pg-find li:nth-child(even) .pg-find-b,.pg-find li:nth-child(even) .pg-find-c{grid-column:1/-1}
  .pg-find-b,.pg-find-c{margin-top:12px}
  .pg-table-head thead{display:none}
  .pg-table-head tbody tr{grid-template-columns:minmax(0,1fr);padding:20px 16px}
  .pg-table-head tbody th,.pg-table-head tbody td{grid-row:auto}
  .pg-table-head tbody th,.pg-table-head tbody td,.pg-table-head tbody td:nth-of-type(1),.pg-table-head tbody td:nth-of-type(2),.pg-table-head tbody td:nth-of-type(3),.pg-compare-table tbody th,.pg-compare-table tbody td:nth-of-type(1),.pg-compare-table tbody td:nth-of-type(2){grid-column:1/-1}
  .pg-table-head tbody td{margin-top:12px}
  .pg-table-head .pg-lab{display:block}
  .pg-fit-b{margin-top:22px}
  .pg-svg-tall{max-height:none;width:100%}
  .pg-example{grid-template-columns:minmax(0,1fr)}
  .pg-calc{margin-top:18px}
  .pg-start .dx-form{grid-template-columns:minmax(0,1fr)}
  .pg-start-form{margin-top:32px}
  .pg-related-list{margin-top:22px}
}
@media (max-width:767px){
  .pg-included .pg-media,.pg-included-body,.pg-included-note,.pg-start-h,.pg-start-head,.pg-start-form,.pg-fig-crest-end,.pg-what-fig,.pg-what-body,.pg-when-h,.pg-when-head,.pg-faq-h,.pg-faq-head,.pg-faq-list{grid-row:auto}
  .pg-included-note,.pg-fig-crest-end{grid-column:1/-1}

  .pg-hero.pg-scrub{height:200vh}
  .pg-grid{grid-template-columns:minmax(0,1fr);column-gap:0}
  .pg-a1,.pg-a2,.pg-what .pg-h2,.pg-what-body,.pg-when .pg-h2,.pg-signs,.pg-types .pg-h2,.pg-types-note{grid-column:1/-1}
  .pg-layer img,.pg-layer canvas{object-position:32% 50%}
  .pg-veil{background:radial-gradient(ellipse 150% 40% at 42% 26%,rgba(10,13,18,.76) 0%,rgba(10,13,18,.5) 55%,rgba(10,13,18,0) 92%)}
  .pg-h1{margin-top:clamp(40px,9vh,72px);font-size:clamp(34px,9.6vw,44px)}
  .pg-h1 span{display:inline}
  .pg-dissolve{height:62%}
  .pg-lede{font-size:17px}
  .pg-when .pg-h2{position:static;margin-bottom:40px}
  .pg-table tr{grid-template-columns:minmax(0,1fr)}
  .pg-types .pg-table tr{grid-template-columns:minmax(0,1fr)}
  .pg-types .pg-table th,.pg-types .pg-table td,.pg-types .pg-table td:nth-of-type(1),.pg-types .pg-table td:nth-of-type(2),.pg-types .pg-table td:nth-of-type(3){grid-column:1/-1;grid-row:auto;margin-top:12px}
  .pg-table tbody th{margin-top:0}
  .pg-when-head{position:static;grid-column:1/-1}
  .pg-tiers{grid-column:1/-1;margin-top:40px}
  .pg-meter ol{width:100%}
  .pg-table td:first-of-type{margin-top:18px}
  .pg-gauge{left:3px;width:12px;gap:8px}
  .pg-gauge-t{display:none}
  .pg-gauge ol{gap:3px}
  .pg-a .dx-foot-cols{grid-template-columns:minmax(0,1fr)}
  .pg-a .dx-foot-cols>div{grid-column:1/-1!important;grid-row:auto!important}
}
@media (prefers-reduced-motion:reduce){
  .pg-hero{height:auto}
  .pg-stage{position:relative}
}