/* Trust badges (landing/trust.mjs), on the public pages that carry them and under the sign-up form. One component: a
   small plate in the drawing's own language, a line icon, a strong first line and a quiet second one. The words are real
   text, so they are read aloud, found by search and sharp at any size, and nothing is fetched from anyone else. The
   plate takes the surface it stands on: paper by default, the dark band (.on-dark) or a dark theme. */
.trust-badges{--tb-plate:#fff;--tb-edge:#d9dccf;--tb-ink:#252923;--tb-quiet:#5c6258;--tb-mark:#b8381f;--tb-hover:#cc402b;
  display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
ul.trust-badges{margin:0;padding:0;list-style:none}
.trust-badges.on-dark,:root[data-theme=dark] .trust-badges{--tb-plate:rgba(250,249,246,.045);--tb-edge:rgba(250,249,246,.22);--tb-ink:#faf9f6;--tb-quiet:#c2c9bd;--tb-mark:#ec7964;--tb-hover:#ec7964}
.trust-badges>li{display:flex;min-width:0;margin:0;padding:0;list-style:none}
.trust-badges a.trust-badge{position:relative;display:inline-flex;align-items:center;gap:10px;box-sizing:border-box;min-height:48px;padding:7px 15px 7px 11px;
  background:var(--tb-plate);border:1px solid var(--tb-edge);border-radius:8px;color:var(--tb-ink);text-decoration:none;
  font-family:var(--font,Inter,system-ui,-apple-system,"Segoe UI",sans-serif);transition:border-color .15s ease}
.trust-badges a.trust-badge:hover{border-color:var(--tb-hover)}
.trust-badges a.trust-badge:focus-visible{outline:3px solid var(--tb-hover);outline-offset:3px}
.trust-icon{flex:none;width:22px;height:22px;fill:none;stroke:var(--tb-mark);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.trust-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.trust-text strong{font-size:15px;line-height:1.15;font-weight:650;letter-spacing:-.2px;color:var(--tb-ink)}
.trust-text span{font-size:12px;line-height:1.3;color:var(--tb-quiet)}
.trust-sr,.grade-word{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
/* Phones: two even columns, so a row wraps into a grid rather than a ragged edge. */
@media(max-width:560px){
  .trust-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .trust-badges a.trust-badge{width:100%;gap:8px;padding:7px 10px 7px 9px}
  .trust-text strong{font-size:14px}
}

/* Where the rows stand. The home page: in the closing band, under the last call to action. */
.home .closing .trust-badges{margin-top:44px;padding-top:28px;border-top:1px solid rgba(250,249,246,.14)}
/* The home page hero: four compact plates under the buttons, in the first screen every visitor sees. */
.home .hero .trust-hero{justify-content:center;gap:8px;margin:0 auto;max-width:780px}
.trust-hero a.trust-badge{min-height:40px;gap:8px;padding:5px 12px 5px 9px}
.trust-hero .trust-icon{width:18px;height:18px}
.trust-hero .trust-text{text-align:left}
.trust-hero .trust-text strong{font-size:13px}
.trust-hero .trust-text span{font-size:11px}
@media(max-width:560px){.home .hero .trust-hero{max-width:420px}}
/* Pricing: under the plans, beside the Store badge on Windows. */
.legal .plan-table .trust-badges{justify-content:center;margin:24px auto 0}
/* The sign-up form: three compact plates in one line. */
.trust-signup{margin-top:22px;padding-top:18px;border-top:1px solid var(--line,#d7dbce)}
.trust-signup .trust-badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.trust-signup .trust-badges a.trust-badge{width:100%;min-height:44px;gap:7px;padding:6px 8px;border-radius:7px}
.trust-signup .trust-icon{width:18px;height:18px}
.trust-signup .trust-text strong{font-size:13px}
.trust-signup .trust-text span{font-size:11px}
@media(max-width:420px){.trust-signup .trust-icon{display:none}.trust-signup .trust-badges a.trust-badge{padding:6px 8px}}

/* /security. The whole set, grouped; the three grades; how a drawing is protected; the providers; the questions IT asks. */
.trust-panel{display:grid;gap:18px;margin:30px 0 8px;padding:24px 0;border-block:1px solid var(--line)}
.trust-group{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px 18px;align-items:start}
.legal .trust-group-title{margin:12px 0 0;font:600 11px/1.6 'Courier New',monospace;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}
.security-part,.protect-list>li[id],.grade-card[id],.provider[id]{scroll-margin-top:24px}
.legal .grade-list,.legal .protect-list,.legal .provider-certs{list-style:none;padding:0}
.legal .grade-list>li,.legal .protect-list>li,.legal .provider-certs>li{margin:0}
.grade-list{display:grid;gap:12px;margin:20px 0}
.grade-card{display:grid;grid-template-columns:86px minmax(0,1fr);gap:18px;padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:10px}
.legal .grade-card .grade-mark{margin:0;font-size:46px;line-height:1;font-weight:650;letter-spacing:-2px;color:var(--ink)}
.legal .grade-card .grade-mark::after{content:'';display:block;width:34px;height:3px;margin-top:10px;background:var(--red)}
.grade-card h3{margin:0 0 6px;font-size:17px;letter-spacing:-.3px;font-weight:650}
.legal .grade-card p{margin:0;font-size:15px;line-height:1.6}
.legal .grade-card .grade-meta{margin-top:8px;font-size:13px;color:var(--muted)}
.protect-list{margin:18px 0 0;border-top:1px solid var(--line);counter-reset:protect}
.protect-list>li{counter-increment:protect;display:grid;grid-template-columns:190px minmax(0,1fr);gap:6px 24px;padding:16px 0;border-bottom:1px solid var(--line)}
.protect-list h3{margin:0;font-size:16px;line-height:1.5;letter-spacing:-.2px;font-weight:650}
.protect-list h3::before{content:counter(protect,decimal-leading-zero);display:block;font:600 11px/1.6 'Courier New',monospace;letter-spacing:1.2px;color:var(--muted)}
.legal .protect-list p{margin:0;font-size:15.5px;line-height:1.7}
.protect-list>li:target h3,.grade-card:target h3,.provider:target h3{color:var(--red)}
.provider-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}
.provider{display:flex;flex-direction:column;padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:10px}
.provider h3{margin:0;font-size:19px;letter-spacing:-.4px;font-weight:650}
.legal .provider .provider-role{margin:2px 0 10px;font-size:13px;line-height:1.5;font-weight:500;color:var(--muted)}
.legal .provider p{margin:0 0 12px;font-size:15px;line-height:1.6}
.provider-certs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.legal .provider-certs>li{padding:3px 10px;border:1px solid var(--line);border-radius:999px;background:#faf9f6;font-size:12.5px;line-height:1.5;color:var(--ink)}
.legal .provider .provider-source{margin:auto 0 0;font-size:14px}
.it-answers h3{margin:26px 0 6px;font-size:17px;letter-spacing:-.3px;font-weight:650}
.legal .it-answers p{margin:0}
@media(max-width:760px){
  .trust-group{grid-template-columns:1fr;gap:8px}
  .legal .trust-group-title{margin:0}
  .grade-card{grid-template-columns:1fr;gap:10px;padding:18px}
  .legal .grade-card .grade-mark{font-size:40px}
  .protect-list>li{grid-template-columns:1fr}
  .provider-list{grid-template-columns:1fr}
  .legal .provider .provider-source a,.legal .grade-card .grade-meta a{display:inline-flex;align-items:center;min-height:44px}
}