/* Subpage layout for /privacy /terms /cookies /contact — uses V6 header/footer. */
body.v6-subpage{
  margin:0;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  background:#FBFAF7 !important;
  color:var(--ink,#0F172A);
  font-family:Inter,system-ui,sans-serif;
}
body.v6-subpage .v6-header{background:#0B1F3A;}
body.v6-subpage .v6-brand img{height:64px;width:auto;max-width:none;flex-shrink:0;}
body.v6-subpage .v6-footer-wrap{margin-top:auto;}
body.v6-subpage > .dyp-footer{margin-top:auto;}

/* The four legal pages now carry the same header as the homepage (brand, product
   nav, language picker, CTA), so they must keep the shared flex layout from
   v6-chrome.css. The three-column grid below is only for the older
   brand/back-link/spacer header, which legal-privacy still uses. */
body.legal-privacy .v6-header__inner{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:0;
}
body.legal-privacy .v6-brand{justify-self:start;}
body.legal-privacy .legal-privacy-back{
  justify-self:center;
  font-family:Inter,sans-serif;
  font-size:0.92rem;
  font-weight:600;
  letter-spacing:0.01em;
  color:#e2e8f0;
  text-decoration:none;
  padding:6px 0;
}
body.legal-privacy .legal-privacy-back:hover,
body.legal-privacy .legal-privacy-back:focus-visible{
  color:#fff;
}
body.legal-privacy .legal-privacy-spacer{display:block;}

body.legal-doc .legal-shell,
body.legal-privacy .legal-shell{
  width:min(94vw,42rem);
  max-width:42rem;
  padding:3.25rem 0 4.5rem;
}
body.legal-doc .legal-shell h1,
body.legal-doc .legal-shell h2,
body.legal-doc .legal-shell p,
body.legal-doc .legal-shell a,
body.legal-privacy .legal-shell h1,
body.legal-privacy .legal-shell h2,
body.legal-privacy .legal-shell p,
body.legal-privacy .legal-shell a{
  font-family:Inter,sans-serif;
}
body.legal-doc .legal-shell h1,
body.legal-privacy .legal-shell h1{
  font-family:Inter,sans-serif;
  font-size:clamp(1.7rem,2.4vw,2.15rem);
  font-weight:800;
  letter-spacing:-0.02em;
  line-height:1.25;
  color:#0b1f3a;
  margin:0 0 1.15rem;
}
body.legal-doc .legal-shell h2,
body.legal-privacy .legal-shell h2{
  font-family:Inter,sans-serif;
  font-size:1.05rem;
  font-weight:700;
  letter-spacing:-0.01em;
  color:#0b1f3a;
  margin:2rem 0 0.7rem;
}
body.legal-doc .legal-shell p,
body.legal-privacy .legal-shell p{
  font-family:Inter,sans-serif;
  font-size:0.98rem;
  font-weight:400;
  line-height:1.75;
  color:#334155;
  margin:0 0 1.05rem;
}
body.legal-doc .legal-mail,
body.legal-privacy .legal-mail{
  color:#0b1f3a;
  font-weight:700;
  text-decoration:none;
  border-bottom:1px solid #d4af37;
  padding-bottom:1px;
}
body.legal-doc .legal-mail:hover,
body.legal-doc .legal-mail:focus-visible,
body.legal-privacy .legal-mail:hover,
body.legal-privacy .legal-mail:focus-visible{
  color:#0b1f3a;
}

.legal-shell{
  max-width:760px;
  margin:0 auto;
  padding:56px 32px 80px;
}
.legal-shell h1{
  font-family:"Playfair Display",Georgia,serif;
  font-weight:600;
  font-size:clamp(2rem,3.2vw,2.6rem);
  color:var(--navy-800,#0B1F3A);
  margin:0 0 18px;
}
.legal-shell h2{
  font-family:"Playfair Display",Georgia,serif;
  font-weight:600;
  font-size:1.25rem;
  color:var(--navy-800,#0B1F3A);
  margin:32px 0 10px;
}
.legal-shell p{
  font-size:15.5px;
  line-height:1.7;
  color:var(--muted,#5B6B84);
  margin:0 0 14px;
}

.contact-shell{
  max-width:1080px;
  margin:0 auto;
  padding:56px 32px 80px;
  text-align:center;
}
.contact-shell h1{
  font-family:"Playfair Display",Georgia,serif;
  font-weight:600;
  font-size:clamp(2rem,3.2vw,2.6rem);
  color:var(--navy-800,#0B1F3A);
  margin:0 0 12px;
}
.contact-shell > p{
  font-size:16px;
  line-height:1.65;
  color:var(--muted,#5B6B84);
  max-width:560px;
  margin:0 auto 40px;
}
/* Three shared rows (title, body, action) via subgrid.
   Titles sit tight above the copy. The premium badge lives in the
   action row, level with the chat CTA. */
.contact-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:auto auto auto;
  column-gap:20px;
  row-gap:0;
  text-align:left;
}
.contact-card{
  background:#fff;
  border:1px solid rgba(11,31,58,.1);
  border-radius:18px;
  padding:28px 24px;
  display:grid;
  grid-template-rows:subgrid;
  grid-row:span 3;
  min-height:100%;
  box-shadow:0 16px 36px -28px rgba(11,31,58,.35);
}
.contact-card.border-orange{border-color:rgba(255,153,0,.55);}
.contact-card h3{
  font-family:"Playfair Display",Georgia,serif;
  font-size:1.2rem;
  font-weight:600;
  color:var(--navy-800,#0B1F3A);
  margin:0 0 8px;
  line-height:1.35;
}
.contact-card p{
  font-size:14.5px;
  line-height:1.6;
  color:var(--muted,#5B6B84);
  margin:0 0 22px;
}
.contact-card__action{
  display:flex;
  align-items:center;
  justify-content:center;
  align-self:stretch;
}
.badge-premium{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.08em;
  color:#8A6E3B;
  background:rgba(201,162,74,.16);
  border-radius:999px;
  padding:4px 9px;
  text-align:center;
}
.cta-green,.cta-orange{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:none;
  border-radius:999px;
  padding:11px 20px;
  font:inherit;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  text-decoration:none;
  width:100%;
}
.cta-green{background:#22C55E;color:#fff;box-shadow:0 10px 24px -8px rgba(34,197,94,.55);}
.cta-green:hover{background:#16A34A;}
.cta-orange{background:#FF9900;color:#1a1200;box-shadow:0 10px 24px -8px rgba(255,153,0,.5);}
.cta-orange:hover{background:#E47911;}
.contact-link{
  display:inline-block;
  font-weight:700;
  color:#0B1F3A;
  text-decoration:none;
  border-bottom:1px solid #D4AF37;
  padding-bottom:2px;
  width:fit-content;
}
.contact-link:hover{color:#16A34A;}

@media (max-width: 860px){
  .contact-grid{
    grid-template-columns:1fr;
    grid-template-rows:none;
    row-gap:20px;
  }
  .contact-card{
    grid-row:auto;
    grid-template-rows:auto;
  }
}