/* The homepages (/ and /pt/) share this stylesheet and home.js: keep the two pages' markup in step. */
header.full .wrap{max-width:none}
main{display:block}
/* hero: two halves by tone; text anchored bottom-left, the product's own audit of this page on the right */
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-rows:minmax(max(560px,calc(100svh - 76px)),auto)}
.hero-l{display:flex;flex-direction:column;justify-content:flex-end;padding:40px var(--margin) 48px}
.hero-text{max-width:600px}
.hero h1{font-size:clamp(1.5rem,1.2rem + 1.4vw,2.25rem);font-weight:500;letter-spacing:-0.03em;line-height:1.05;margin:0 0 20px;max-width:16ch}
.hero .lead{font-size:var(--step-body);color:var(--ink);max-width:44ch;margin:0 0 24px}
.hero .note{margin:14px 0 0}
.hero-r{background:var(--surface);position:relative;padding:56px var(--margin);display:flex;justify-content:center;align-items:flex-start}
.hero-r .sheet{width:100%}
@media(max-width:600px){header.full nav a:not(.lang){display:none}}
/* showcase: ten real audits, the names as the index, the whole sheet on a stage */
.show{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,1fr) minmax(0,6fr);padding:var(--section) var(--margin) 0}
.row-lead{font-size:var(--step-body);font-weight:400;color:var(--muted);margin:0 0 28px;letter-spacing:-0.005em;line-height:1.4}
.names{list-style:none;margin:0;padding:0}.names li{margin:0 0 6px}
.names a{display:inline-block;font-size:clamp(2.25rem,4vw,4rem);line-height:1.1;font-weight:600;letter-spacing:-0.035em;color:var(--muted);text-decoration:none;transition:color var(--t-hover) ease}
.names a.is-on{color:var(--ink)}.names a .n{font-size:var(--step-lead);font-weight:400;letter-spacing:-0.01em;margin-left:0.45em;font-variant-numeric:tabular-nums}
@media(hover:hover) and (pointer:fine){.names a:hover{color:var(--ink)}}
.show-stage{background:var(--surface);display:grid;align-items:start;padding:72px clamp(24px,4vw,64px)}
.show-stage .sheet{grid-area:1/1;width:560px;max-width:100%;margin:0;opacity:0;visibility:hidden;transition:opacity 200ms ease,visibility 0s 200ms}
.show-stage .sheet.is-on{opacity:1;visibility:visible;transition:opacity 200ms ease}
html:not(.js) .show-stage .sheet:first-child{opacity:1;visibility:visible}
.show-index .all{margin:28px 0 0;font-size:var(--step-body)}
/* pricing: two plans as a large table */
.price{padding:clamp(120px,14vw,150px) var(--margin) 0}
table.plans{width:100%;border-collapse:collapse;table-layout:fixed}
.plans th,.plans td{text-align:left;vertical-align:top;padding:18px 24px;font-size:var(--step-lead);line-height:1.3;letter-spacing:-0.01em}
.plans th:first-child,.plans td:first-child{width:33.333%}
.plans th:not(:first-child),.plans td:not(:first-child){text-align:center}
.plans thead th{vertical-align:bottom;padding-top:0;padding-bottom:28px}.plans thead th.best{padding-top:32px}.plans thead .small{margin:8px 0 0}
.plans thead h2{font-size:clamp(1.5rem,1.2rem + 1.4vw,2.25rem);margin:0}
.plans .plan{display:block;font-size:clamp(1.75rem,3vw,2.75rem);font-weight:600;letter-spacing:-0.03em;line-height:1}
.plans .amt{font-size:clamp(1.75rem,3vw,2.75rem);margin-top:8px}.plans .best .amt s{color:var(--field-1-muted)}.plans .best .amt small{color:var(--field-1-muted)}
.plans tbody tr:nth-child(even){background:var(--surface)}
.plans .best{background:var(--field-1);color:var(--field-1-ink)}.plans tbody tr:nth-child(even) .best{background:var(--field-1-surface)}
.plans .best .small{color:var(--field-1-muted)}
.plans tfoot td{padding-top:28px;padding-bottom:32px}.plans tfoot .small{margin:14px auto 0;max-width:34ch}
.plans .btn.dark{background:var(--ink);color:var(--bg)}
.plans form.buy{flex-direction:column;max-width:340px;margin:0 auto}.plans form.buy input{width:100%;flex:none}.plans form.buy .btn{width:100%}
.plans .best .err{color:#f0a19a;font-size:var(--step-small)}
@media(max-width:900px){
  table.plans,.plans thead,.plans tbody,.plans tfoot,.plans tr,.plans th,.plans td,.plans th:first-child,.plans td:first-child{display:block;width:auto}
  .plans thead tr,.plans tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 6px}.plans tfoot tr{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
  .plans thead th:first-child{grid-column:1/-1;padding:0 0 20px}.plans thead th{padding:16px}
  .plans tbody tr{background:none!important;margin-top:6px}
  .plans tbody td:first-child{grid-column:1/-1;color:var(--muted);font-size:var(--step-body);padding:16px 0 6px;width:auto}
  .plans tbody td:not(:first-child){font-size:var(--step-body);padding:12px 16px;background:var(--surface)}
  .plans tbody td.best,.plans tbody tr:nth-child(even) td.best{background:var(--field-1)}
  .plans tfoot td:first-child{display:none}.plans tfoot td{padding:16px}.plans tfoot .btn{width:100%;white-space:normal;text-align:center}.plans tfoot .small{max-width:none}.plans form.buy{max-width:none}
}
/* faq: questions on the left, one answer on the right */
.faq{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,1fr) minmax(0,6fr);padding:var(--section) var(--margin) 0;align-items:start}
.faq ul{list-style:none;margin:0;padding:0}.faq li{margin:0 0 18px}
.faq .q{display:flex;align-items:baseline;gap:12px;background:none;border:0;padding:0;font-size:var(--step-body);color:var(--muted);text-align:left;cursor:pointer;line-height:1.4;transition:color var(--t-hover) ease}
.faq .q::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--muted);transform:translateY(-2px);transition:background-color var(--t-hover) ease}
.faq li.is-on .q{color:var(--ink)}.faq li.is-on .q::before{background:var(--accent)}
.faq .a{display:none;padding:8px 0 0 20px;font-size:var(--step-body)}
html:not(.js) .faq .a{display:block}
.faq-pane{position:sticky;top:120px}.faq-pane p{font-size:var(--step-lead);line-height:1.3;max-width:30ch;margin:0;transition:opacity 150ms ease}
@media(max-width:900px){
  .hero{grid-template-columns:minmax(0,1fr);min-height:0}
  .hero-r{padding:var(--margin)}
  .hero-r .sheet{width:100%;padding:16px 14px}
  .hero{grid-auto-rows:auto}
  .hero-l{padding:24px var(--margin) 36px;justify-content:flex-start}.hero h1{font-size:clamp(1.625rem,6.4vw,2rem)}
  .show{grid-template-columns:minmax(0,1fr)}.show-index{display:contents}.show-index .all{order:1;margin-top:20px}
  .names{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;margin-bottom:12px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.names::-webkit-scrollbar{display:none}
  .names li{flex:none;scroll-snap-align:start;margin:0}.names a{font-size:22px}
  .show-stage{padding:var(--margin)}.show-stage .sheet{width:100%;padding:16px 14px}
  .faq{grid-template-columns:minmax(0,1fr)}.faq-pane{display:none}.js .faq li.is-on .a{display:block}
}