/* PlainlyHQ — shared styles for legal pages (privacy, cookies, terms) */
:root{
  --navy:#0D1B45; --navy-mid:#162255; --amber:#F5A623; --amber-light:#FDF3DF;
  --grey:#444; --lgrey:#888; --white:#ffffff; --max:760px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'DM Sans',sans-serif;color:var(--grey);background:var(--white);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(13,27,69,0.97);backdrop-filter:blur(8px);padding:0 32px;height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--amber);}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.nav-logo-img{height:30px;width:auto;display:block;}
.nav-links{display:flex;align-items:center;gap:28px;}
.nav-links a{color:rgba(255,255,255,0.65);font-size:14px;text-decoration:none;transition:color .2s;}
.nav-links a:hover{color:var(--white);}
.nav-cta{background:var(--amber);color:var(--navy);font-weight:600;font-size:13px;padding:8px 20px;border-radius:4px;text-decoration:none;transition:background .2s,transform .15s;}
.nav-cta:hover{background:#ffc24a;transform:translateY(-1px);}
.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:none;border:0;cursor:pointer;padding:8px;}
.nav-toggle span{display:block;height:2px;width:100%;background:var(--white);border-radius:2px;transition:transform .25s,opacity .2s;}
nav.open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg);}
nav.open .nav-toggle span:nth-child(2){opacity:0;}
nav.open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.nav-mobile-cta{display:none;}

/* HEADER BAND */
.legal-hero{background:var(--navy);padding:122px 32px 48px;position:relative;overflow:hidden;}
.legal-hero::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:4px;background:var(--amber);}
.legal-hero-inner{max-width:var(--max);margin:0 auto;position:relative;z-index:1;}
.legal-hero .eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--amber);margin-bottom:12px;}
.legal-hero h1{font-family:'DM Serif Display',serif;font-size:clamp(30px,5vw,46px);color:var(--white);line-height:1.1;}
.legal-hero .updated{color:rgba(255,255,255,0.55);font-size:14px;margin-top:14px;}

/* CONTENT */
.legal{padding:56px 32px 84px;}
.legal-inner{max-width:var(--max);margin:0 auto;}
.legal-inner > p:first-of-type{font-size:18px;color:var(--lgrey);line-height:1.7;margin-bottom:8px;}
.legal-inner h2{font-family:'DM Serif Display',serif;font-size:24px;color:var(--navy);margin:42px 0 12px;line-height:1.25;}
.legal-inner h3{font-size:16px;font-weight:600;color:var(--navy);margin:24px 0 8px;}
.legal-inner p{margin-bottom:16px;}
.legal-inner ul{margin:0 0 16px 22px;}
.legal-inner li{margin-bottom:8px;}
.legal-inner a{color:var(--navy);text-decoration:underline;text-decoration-color:var(--amber);text-underline-offset:3px;}
.legal-inner a:hover{color:var(--amber);}
.legal-inner strong{color:var(--navy);font-weight:600;}
.legal-toc{background:#f5f5f5;border-radius:8px;padding:20px 24px;margin-bottom:40px;}
.legal-toc p{font-weight:700;color:var(--navy);margin-bottom:10px;font-size:11px;text-transform:uppercase;letter-spacing:1.4px;}
.legal-toc a{display:inline-block;margin:0 18px 6px 0;font-size:14px;}
table.legal-table{width:100%;border-collapse:collapse;margin:8px 0 20px;font-size:14.5px;}
table.legal-table th,table.legal-table td{text-align:left;padding:11px 14px;border-bottom:1px solid #ececf0;vertical-align:top;}
table.legal-table th{background:#f5f5f5;color:var(--navy);font-weight:600;}
table.legal-table tr:last-child td{border-bottom:0;}

/* FOOTER */
footer{background:var(--navy);border-top:3px solid var(--amber);padding:32px;text-align:center;}
footer .footer-top{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin-bottom:16px;}
footer .footer-top a{font-size:13px;color:rgba(255,255,255,0.65);font-weight:500;text-decoration:none;transition:color .2s;}
footer .footer-top a:hover{color:var(--amber);}
footer p{font-size:13px;color:rgba(255,255,255,0.35);}
footer p a{color:rgba(255,255,255,0.5);text-decoration:none;}
footer p a:hover{color:var(--amber);}

@media (max-width:680px){
  nav{padding:0 20px;}
  .nav-toggle{display:flex;}
  nav > .nav-cta{display:none;}
  .nav-links{position:absolute;top:64px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:rgba(13,27,69,0.98);backdrop-filter:blur(8px);border-bottom:2px solid var(--amber);padding:6px 0;max-height:0;overflow:hidden;opacity:0;pointer-events:none;transition:max-height .3s ease,opacity .2s ease;}
  nav.open .nav-links{max-height:360px;opacity:1;pointer-events:auto;}
  .nav-links a{padding:14px 24px;font-size:15px;color:rgba(255,255,255,0.8);border-top:1px solid rgba(255,255,255,0.07);}
  .nav-links a:first-child{border-top:0;}
  .nav-mobile-cta{display:block;margin:8px 24px 6px;padding:12px 24px;text-align:center;background:var(--amber);color:var(--navy);font-weight:600;border-radius:5px;border-top:0;}
  .legal-hero{padding:100px 20px 40px;}
  .legal{padding:44px 20px 64px;}
}