/* tool: the calculator is the hero. Same 12 column grid and two axes as the service page, the field
   interpolated down the scroll, the Ads tier gauge on the margin. No WebGL. */
.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: the ads tier of the crest, cropped by the viewport, the calculator standing on it */
.pg-hero{position:relative;background:#0A0D12;color:#EEE9DF;overflow:hidden;padding-bottom:clamp(30px,5vh,56px)}
.pg-layer{position:absolute;inset:0 0 auto 0;height:min(96vh,940px);pointer-events:none}
.pg-layer img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:56% 34%;display:block}
.pg-veil{position:absolute;inset:0;background:radial-gradient(ellipse 78% 66% at 26% 32%,rgba(10,13,18,.9) 0%,rgba(10,13,18,.68) 44%,rgba(10,13,18,.05) 88%);pointer-events:none}
.pg-dissolve{position:absolute;left:0;right:0;bottom:0;height:56%;background:linear-gradient(180deg,rgba(10,13,18,0) 0%,rgba(10,13,18,.86) 34%,rgba(10,13,18,.98) 58%,#0A0D12 100%);pointer-events:none}
.pg-top{position:relative;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/11;margin-top:clamp(64px,13vh,120px);font-weight:600;font-variation-settings:"wdth" 80;font-size:clamp(32px,3.3vw,48px);line-height:1.03;letter-spacing:-.022em;color:#EEE9DF}
.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-hero-side{grid-column:7/13;margin-top:clamp(28px,5vh,56px);align-self:end}
.pg-lede{font-size:clamp(17px,1.35vw,20px);line-height:1.55;max-width:44ch;color:#EEE9DF}
.pg-meta{margin-top:18px;color:#EEE9DF;opacity:.84}
.pg-nw{white-space:nowrap}

/* the calculator: inputs on A1, the reading of the numbers on A2, one yellow light behind the result */
.pg-calcwrap{position:relative;margin-top:clamp(40px,7vh,72px);padding-top:clamp(28px,4vh,44px);border-top:1px solid rgba(238,233,223,.16)}
.pg-calc{grid-column:1/-1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--pg-gap)}
.pg-in{grid-column:1/6}
.pg-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 16px}
.pg-fields .pg-wide{grid-column:1/-1}
.pg-split{grid-column:1/-1;height:1px;background:rgba(238,233,223,.14);margin:4px 0}
.pg-calc label{display:flex;flex-direction:column;gap:8px;font:500 11px/1.45 "Martian Mono",ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:#B3B8C0}
.pg-calc input{width:100%;height:50px;border-radius:6px;border:1px solid rgba(238,233,223,.24);background:rgba(10,13,18,.55);color:#EEE9DF;font:400 18px/1 Archivo,system-ui,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none;padding:0 14px;-webkit-appearance:none;appearance:none;transition:border-color .2s,box-shadow .2s}
.pg-calc input:hover{border-color:rgba(238,233,223,.5)}
.pg-calc input:focus{outline:none;border-color:#EEE9DF;box-shadow:0 0 0 1px #EEE9DF}
.pg-calc input[aria-invalid=true]{border-color:#FFC21A;box-shadow:0 0 0 1px #FFC21A}
.pg-hint{font:400 12px/1.5 Archivo,system-ui,sans-serif;letter-spacing:0;text-transform:none;color:#8A8F98}
.pg-calc label.is-unused input{opacity:.55}
.pg-out{grid-column:7/13;position:relative;isolation:isolate}
.pg-out::before{content:"";position:absolute;left:52%;top:46%;width:130%;height:150%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(255,194,26,.2),rgba(255,194,26,.07) 52%,rgba(255,194,26,0));z-index:-1;pointer-events:none}
.pg-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(20px,2.6vw,40px)}
.pg-m{padding:14px 0 18px;border-top:1px solid rgba(238,233,223,.16);min-width:0}
.pg-m dt{font:500 11px/1.6 "Martian Mono",ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase;color:#8A8F98}
.pg-m dd{margin:0}
.pg-v{display:block;margin-top:4px;font-weight:600;font-variation-settings:"wdth" 70;font-size:clamp(40px,4vw,62px);line-height:1;letter-spacing:-.025em;font-variant-numeric:tabular-nums;color:#EEE9DF;overflow-wrap:anywhere}
.pg-v small{font-size:.44em;font-weight:500;letter-spacing:0;margin-left:.08em;color:#8A8F98}
.pg-v.is-empty{color:#8A8F98;font-size:clamp(22px,2.2vw,30px);padding:.36em 0 .34em}
.pg-v.is-long{font-size:clamp(26px,2.6vw,38px)}
.pg-r{display:block;margin-top:8px;font-size:15px;line-height:1.45;color:#B3B8C0;max-width:34ch}
.pg-r em{font-style:normal;font:500 10px/1.6 "Martian Mono",ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase;display:block;margin-top:5px;color:#8A8F98}
.pg-m-wide{grid-column:1/-1}
.pg-m-wide dd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 clamp(20px,2.6vw,40px);align-items:end}
.pg-m-wide .pg-r{margin:0 0 6px}
.pg-chart{grid-column:1/-1;margin-top:18px}

.pg-chart .pg-fig figcaption{margin-top:6px}
.pg-status{margin-top:20px;padding-top:18px;border-top:1px solid rgba(238,233,223,.16);display:flex;gap:14px;align-items:baseline;font-weight:560;font-size:clamp(18px,1.6vw,22px);line-height:1.35;letter-spacing:-.01em;color:#FFC21A}
.pg-status::before{content:"";flex:none;width:10px;height:10px;border-radius:2px;background:currentColor;transform:translateY(-.1em)}
.pg-status.is-idle{color:#B3B8C0}
.pg-calcnote{margin-top:auto;padding-top:22px;color:#8A8F98}
.pg-in{display:flex;flex-direction:column}

/* the field and the sections below */
.pg-journey{position:relative;background:linear-gradient(180deg,#0A0D12 0%,#16202B 10%,#D6DADE 22%,#EEE9DF 44%,#CDAA7C 66%,#EEE9DF 86%,#0A0D12 100%)}
.pg-sec{position:relative;padding-top:clamp(84px,11vh,140px);padding-bottom:clamp(84px,11vh,140px);color:#0A0D12}
.pg-sec.pg-dark{color:#EEE9DF}
.pg-h2{grid-column:1/10;font-weight:600;font-variation-settings:"wdth" 78;font-size:clamp(30px,3.2vw,46px);line-height:1.05;letter-spacing:-.022em;text-wrap:balance}
.pg-h2-a1{grid-column:1/7}
.pg-h2-plain{grid-column:auto}
.pg-tail{height:clamp(200px,26vh,300px)}
.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(20px,2.2vw,30px)}
.pg-dark .pg-panel{background:rgba(238,233,223,.06)}
.pg-card{border-radius:6px;background:rgba(10,13,18,.055);padding:22px 24px 24px}
.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-chart .pg-svg .pg-svg-lab{font-size:27px}
.pg-chart .pg-svg .pg-svg-note{font-size:19px}
.pg-intro{grid-column:7/13;margin-top:clamp(20px,3vh,28px);font-size:18px;line-height:1.62;max-width:62ch}
.pg-note-left{grid-column:1/6;margin-top:clamp(20px,3vh,28px);font:400 11px/1.8 "Martian Mono",ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase;opacity:.65}
.pg-read{grid-column:7/13;font-size:18px;line-height:1.68;margin-top:clamp(36px,5vh,56px)}
.pg-read>*+*{margin-top:20px}
.pg-read p{max-width:64ch}
.pg-side{grid-column:1/6;margin-top:clamp(36px,5vh,56px)}
.pg-ex-fig{grid-column:7/13;margin-top:clamp(36px,5vh,56px)}
.pg-ex-p{grid-column:7/13;margin-top:clamp(26px,3.5vh,36px);font-size:18px;line-height:1.68;max-width:64ch}
.pg-side-r{grid-column:7/13;margin-top:clamp(36px,5vh,56px)}

/* the tier gauge */
.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}

/* equations */
.pg-eqs{grid-column:1/6;margin-top:clamp(36px,5vh,56px);list-style:none}
.pg-eqs-a2{grid-column:7/13}
.pg-eqs .eq{font:400 clamp(12px,1.05vw,14.5px)/1.5 "Martian Mono",ui-monospace,monospace;padding:15px 0;border-top:1px solid rgba(10,13,18,.26)}
.pg-eqs .eq:last-child{border-bottom:1px solid rgba(10,13,18,.26)}

/* tables with a filled head row */
.pg-table-head{grid-column:1/-1;margin-top:clamp(40px,6vh,64px);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 tbody tr{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--pg-gap);padding:16px 18px;border-bottom:1px solid rgba(10,13,18,.18);align-items:start}
.pg-table-head tbody tr:nth-child(even){background:rgba(10,13,18,.035)}
.pg-table-head tbody tr.pg-row-on{background:rgba(255,194,26,.16)}
.pg-table-head tbody th{text-align:left;font-weight:600;line-height:1.35}
.pg-table-head tbody td{font-size:15px;line-height:1.5}
.pg-table-head .pg-lab{display:none}
.pg-form-t thead th:nth-child(1),.pg-form-t tbody th{grid-column:1/4}
.pg-form-t thead th:nth-child(2),.pg-form-t tbody td:nth-of-type(1){grid-column:4/8}
.pg-form-t thead th:nth-child(3),.pg-form-t tbody td:nth-of-type(2){grid-column:8/13}
.pg-form-t tbody td:nth-of-type(1){font:400 14px/1.5 "Martian Mono",ui-monospace,monospace;letter-spacing:-.01em}
/* the margin table: every row carries its own break-even bar with the two targets marked */
.pg-marg thead th:nth-child(1),.pg-marg tbody th{grid-column:1/3}
.pg-marg thead th:nth-child(2),.pg-marg tbody td:nth-of-type(1){grid-column:3/9}
.pg-marg thead th:nth-child(3),.pg-marg tbody td:nth-of-type(2){grid-column:9/11}
.pg-marg thead th:nth-child(4),.pg-marg tbody td:nth-of-type(3){grid-column:11/13}
.pg-marg tbody th{font:500 15px/1.5 "Martian Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums}
.pg-marg td{font-variant-numeric:tabular-nums}
.pg-mbar{display:block;position:relative;height:26px;border-radius:3px;background:rgba(10,13,18,.1)}
.pg-mbar i{position:absolute;inset:0 auto 0 0;border-radius:3px;background:#B98E5E;opacity:.75}
.pg-row-on .pg-mbar i{background:#FFC21A;opacity:1}
.pg-mbar b{position:absolute;top:-3px;bottom:-3px;width:2px;background:#0A0D12;opacity:.72}
.pg-mbar span{position:absolute;left:8px;top:4px;font:500 11px/1.6 "Martian Mono",ui-monospace,monospace;letter-spacing:.06em;color:#0A0D12}

.pg-calc-list{list-style:none;display:grid;gap:12px}
.pg-calc-list li{font:400 15px/1.55 "Martian Mono",ui-monospace,monospace;letter-spacing:-.01em;font-variant-numeric:tabular-nums;padding-left:20px;position:relative}
.pg-calc-list li::before{content:"";position:absolute;left:0;top:.62em;width:9px;height:2px;background:currentColor;opacity:.55}
.pg-marg-legend{grid-column:1/-1;margin-top:16px;font:400 11px/1.8 "Martian Mono",ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase;opacity:.62}

/* reading the result: five panels, not another ruled table */
.pg-reads{grid-column:1/-1;margin-top:clamp(40px,6vh,64px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pg-gap)}
.pg-reads .pg-card h3{font-size:19px;font-weight:600;letter-spacing:-.01em;line-height:1.3}
.pg-reads dl{margin-top:14px;display:grid;gap:12px}
.pg-reads dt{font:500 10.5px/1.6 "Martian Mono",ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase;color:#4F4A41}
.pg-reads dd{margin:2px 0 0;font-size:15.5px;line-height:1.5}
.pg-reads .pg-card:last-child:nth-child(odd){grid-column:1/-1}

/* limits */
.pg-list{grid-column:1/6;align-self:start;margin-top:clamp(36px,5vh,56px);list-style:none;display:grid;gap:10px}
.pg-limits .pg-media img{aspect-ratio:16/10;object-fit:cover;object-position:50% 42%}
.pg-list li{font-size:16.5px;line-height:1.55;padding:16px 18px 16px 44px;border-radius:6px;background:rgba(10,13,18,.05);position:relative}
.pg-list li::before{content:"";position:absolute;left:18px;top:1.28em;width:10px;height:10px;border-radius:2px;background:currentColor;opacity:.55}

/* faq */
.pg-faq-head{grid-column:1/6;position:sticky;top:112px;align-self:start}
.pg-faq-head .pg-media{margin-top:clamp(28px,4vh,44px)}
.pg-faq-list{grid-column:7/13;margin-top:0;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:17px 44px 17px 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 22px 0;font-size:16px;line-height:1.6;max-width:62ch}

/* start */
.pg-start{padding-top:clamp(140px,18vh,220px);--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-side{grid-column:1/6;margin-top:clamp(36px,5vh,56px)}
.pg-start-lede{font-size:18px;line-height:1.55;max-width:40ch}
.pg-start-links{margin-top:26px}
.pg-fig-crest-end{margin-top:clamp(32px,5vh,48px);max-width:420px}
.pg-start-form{grid-column:7/13;margin-top:clamp(36px,5vh,56px)}
.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-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}

@media (max-width:1000px){
  .pg-h1{grid-column:1/10}
  .pg-in{grid-column:1/7}
  .pg-out{grid-column:7/13}
}
@media (max-width:767px){
  .pg-faq-list{margin-top:clamp(20px,3vh,28px)}
  .pg-grid,.pg-calc{grid-template-columns:minmax(0,1fr);column-gap:0}
  .pg-h1,.pg-hero-side,.pg-h2,.pg-h2-a1,.pg-in,.pg-out,.pg-eqs,.pg-eqs-a2,.pg-table-head,.pg-reads,.pg-list,.pg-read,.pg-side,.pg-side-r,.pg-intro,.pg-note-left,.pg-faq-head,.pg-faq-list,.pg-start-side,.pg-ex-fig,.pg-ex-p,.pg-start-form{grid-column:1/-1}
  .pg-h1{margin-top:clamp(44px,10vh,80px);font-size:clamp(32px,8.6vw,42px)}
  .pg-h1>span{display:inline}
  .pg-hero-side{margin-top:24px}
  .pg-out{margin-top:28px}
  .pg-fields{gap:14px 12px}
  .pg-calc label{font-size:10px;letter-spacing:.1em}
  .pg-calc input{height:48px;font-size:17px;padding:0 12px}
  .pg-metrics{column-gap:16px}
  .pg-v{font-size:clamp(34px,10vw,44px)}
  .pg-v.is-long{font-size:26px}
  .pg-v.is-empty{font-size:20px}
  .pg-m-wide dd{grid-template-columns:minmax(0,1fr)}
  .pg-m-wide .pg-r{margin:8px 0 0}
  .pg-status{font-size:17px}
  .pg-reads{grid-template-columns:minmax(0,1fr)}
  .pg-faq-head{position:static}
  .pg-table-head thead{display:none}
  .pg-table-head tbody tr{grid-template-columns:minmax(0,1fr);padding:18px 16px}
  .pg-table-head tbody th,.pg-table-head tbody td,.pg-form-t tbody td:nth-of-type(1),.pg-form-t tbody td:nth-of-type(2),.pg-marg tbody td:nth-of-type(1),.pg-marg tbody td:nth-of-type(2),.pg-marg tbody td:nth-of-type(3){grid-column:1/-1}
  .pg-table-head tbody td{margin-top:11px}
  .pg-table-head .pg-lab{display:block}
  .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}
  .pg-start .dx-form{grid-template-columns:minmax(0,1fr)}
  .pg-start-form{margin-top:32px}
}
@media (max-width:360px){
  .pg-fields,.pg-metrics{grid-template-columns:minmax(0,1fr)}
}