/* Family C: plain pages (privacy notices, form success pages). Measured on the live Framer pages, 5 Oct 2026,
   at 1440 / 810 / 390 px. Nav is the home page's. Deliberate differences from live (DECISIONS.md, 5 Oct):
   the privacy title sits below the nav bar on desktop (on live it is hidden behind it), and the template credit
   line ("Designed and built by Supergrid") is gone. */

/* ---- legal: black page, one text column ---- */
.legal-page #main{background:#000}
.legal{width:100%;display:flex;justify-content:center;padding:140px 0 120px}
.legal-col{width:610px;display:flex;flex-direction:column;gap:50px}
.legal-col h1{margin:0;font:400 36px/43.2px "Clash Grotesk",sans-serif;color:#dbdbdb}
.legal-text{font:400 16px/19.2px "Geist",sans-serif;color:#dbdbdb;overflow-wrap:anywhere}
.legal-text p,.legal-text h2{margin:0;font:inherit;color:inherit}
.legal-text strong{font-weight:700}
.legal-text ul{margin:0;padding:0 0 0 21.2px;list-style:disc}
.legal-text a{color:#09f;text-decoration:underline;text-underline-offset:2px}   /* C6: not by colour alone */

/* ---- success: white page, the form card ---- */
.success-page #main{background:#fff}
.success{width:603px;min-height:1218px;padding:70px 30px;display:flex;align-items:center;justify-content:center}
.s-card{width:550px;flex:0 0 auto;padding:9px 9px 26px;background:#f6f6f6;border-radius:46px}
.s-form{padding:80px;background:#fff;border-radius:40px;display:flex;justify-content:center}
.s-form p{margin:0;max-width:277px;text-align:center;font:400 17px/23.8px "Geist",sans-serif;letter-spacing:-.68px;color:#000}
.s-form.s-col{flex-direction:column;align-items:center;gap:18px}
.s-form .s-back a{font-weight:500;color:#1061FF;text-decoration:none}
.s-form .s-back a:hover{text-decoration:underline}
.s-foot{padding:0 0 50px;margin-top:60px;display:flex;justify-content:center}
.s-foot a{font:500 13px/15.6px "Geist",sans-serif;letter-spacing:-.65px;color:#000;text-decoration:none}
.s-foot a:hover{text-decoration:underline}
.s-foot .ocb-sep{font:500 13px/15.6px "Geist",sans-serif;color:#000;white-space:pre}
.s-foot .ocb-open{margin:0;padding:0;border:0;background:none;font:500 13px/15.6px "Geist",sans-serif;letter-spacing:-.65px;color:#000;cursor:pointer}
.s-foot .ocb-open:hover{text-decoration:underline}
.s-foot .ocb-open:focus-visible{outline:2px solid #1061FF;outline-offset:2px}

@media (max-width:1199.98px){
  .legal{padding:115px 30px 100px}
  .legal-col{width:100%;max-width:none}
  .legal-col h1{font-size:30px;line-height:36px}
  .success{width:100%;min-height:0;padding:140px 30px 0;align-items:flex-start}
  .s-card{width:100%;max-width:550px;flex:0 1 auto;padding:6px;border-radius:36px}
  .s-form{padding:40px 30px 30px;border-radius:32px}
  .s-form p{font-size:15px;line-height:21px;letter-spacing:-.6px}
  .s-foot{margin-top:110px}
}