/* Shared styles for PelaSync legal pages (Privacy, Terms) — brand-matched */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --surface-primary:#F6F3EC; --surface-card:#FFFFFF; --surface-soft:#EDE7DB;
  --fg-primary:#3A352F; --fg-secondary:#6E675D; --fg-muted:#9E978B;
  --accent:#3B7560; --border-subtle:#E4DDCF;
  --brand-ring:#5F9D87; --brand-core:#C68360; --brand-pela:#3A352F; --brand-sync:#5F9D87;
}
:root[data-theme="dark"]{
  --surface-primary:#201D19; --surface-card:#2D2822; --surface-soft:#29251F;
  --fg-primary:#F3EFE9; --fg-secondary:#C6BEB2; --fg-muted:#8E877B;
  --accent:#7FB89F; --border-subtle:#3A352D;
  --brand-ring:#B8D4C8; --brand-core:#C68360; --brand-pela:#F3EFE9; --brand-sync:#B8D4C8;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --surface-primary:#201D19; --surface-card:#2D2822; --surface-soft:#29251F;
    --fg-primary:#F3EFE9; --fg-secondary:#C6BEB2; --fg-muted:#8E877B;
    --accent:#7FB89F; --border-subtle:#3A352D;
    --brand-ring:#B8D4C8; --brand-core:#C68360; --brand-pela:#F3EFE9; --brand-sync:#B8D4C8;
  }
}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--surface-primary);color:var(--fg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}
a{color:inherit;text-decoration:none}

/* header */
.lhdr{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 40px;background:var(--surface-primary);border-bottom:1px solid var(--border-subtle)}
.lbrand{display:inline-flex;align-items:center;gap:8px}
.lbrand .mark{width:28px;height:28px;position:relative;flex-shrink:0}
.lbrand .mark .r{position:absolute;border-radius:50%;border:2px solid var(--brand-ring)}
.lbrand .r1{width:28px;height:28px;left:0;top:0;opacity:.35}
.lbrand .r2{width:18px;height:18px;left:5px;top:5px;opacity:.7}
.lbrand .core{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--brand-core);left:11px;top:11px}
.lbrand .wm{font-family:'Hanken Grotesque',sans-serif;font-weight:700;font-size:20px;letter-spacing:-.01em}
.lbrand .wm .p{color:var(--brand-pela)} .lbrand .wm .s{color:var(--brand-sync)}
.lhdr-right{display:flex;align-items:center;gap:22px}
.lback{font-size:14px;font-weight:500;color:var(--fg-secondary)} .lback:hover{color:var(--fg-primary)}
.ltoggle{width:36px;height:36px;border-radius:18px;border:1px solid var(--border-subtle);background:transparent;color:var(--fg-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s,border-color .2s}
.ltoggle:hover{color:var(--fg-primary);border-color:var(--fg-muted)}
.ltoggle svg{width:18px;height:18px}

/* content */
.lmain{max-width:760px;margin:0 auto;padding:64px 24px 80px}
.lmain h1{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:48px;line-height:1.1;color:var(--fg-primary);margin-bottom:12px}
.lmain .updated{font-size:14px;color:var(--fg-muted);margin-bottom:28px}
.lmain .intro{font-size:17px;color:var(--fg-secondary);margin-bottom:8px}
.lmain h2{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:27px;color:var(--fg-primary);margin:38px 0 12px}
.lmain p{font-size:16px;color:var(--fg-secondary);margin-bottom:14px}
.lmain ul{margin:0 0 16px 20px} .lmain li{font-size:16px;color:var(--fg-secondary);margin-bottom:8px}
.lmain strong{color:var(--fg-primary);font-weight:600}
.lmain a.inline{color:var(--accent);font-weight:500;text-decoration:underline;text-underline-offset:3px}
.lnote{margin-top:40px;padding:18px 20px;background:var(--surface-soft);border:1px solid var(--border-subtle);border-radius:12px;font-size:14px;color:var(--fg-muted)}

/* contact page */
.lcontact{max-width:1000px;margin:0 auto;padding:64px 24px 80px;display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:start}
.lcontact h1{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:48px;line-height:1.1;color:var(--fg-primary);margin-bottom:14px}
.lcontact .lead{font-size:17px;color:var(--fg-secondary);margin-bottom:32px;max-width:38ch}
.cmethods{display:flex;flex-direction:column;gap:22px}
.cmethod{display:flex;gap:14px;align-items:flex-start}
.cmethod .cicon{width:40px;height:40px;flex-shrink:0;border-radius:11px;background:var(--surface-soft);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--accent)}
.cmethod .cicon svg{width:19px;height:19px}
.cmethod .ct{font-size:15px;font-weight:600;color:var(--fg-primary);margin-bottom:2px}
.cmethod .cd{font-size:14px;color:var(--fg-secondary);line-height:1.5}
.cmethod .cd a{color:var(--accent);font-weight:500;text-decoration:underline;text-underline-offset:3px}
.cform{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:18px;padding:32px}
.cform .frow{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cfield{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}
.cfield label{font-size:13px;font-weight:600;color:var(--fg-primary)}
.cfield input,.cfield select,.cfield textarea{font-family:'Inter',sans-serif;font-size:15px;color:var(--fg-primary);background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:10px;padding:12px 14px;width:100%;transition:border-color .18s,box-shadow .18s}
.cfield textarea{resize:vertical;min-height:130px;line-height:1.5}
.cfield input::placeholder,.cfield textarea::placeholder{color:var(--fg-muted)}
.cfield input:focus,.cfield select:focus,.cfield textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
.cfield select{appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%239E978B' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}
.csubmit{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--accent);color:#fff;font-family:'Inter',sans-serif;font-weight:600;font-size:15px;border:none;border-radius:10px;padding:14px;cursor:pointer;transition:filter .18s}
.csubmit:hover{filter:brightness(1.06)}
.cprivnote{font-size:12.5px;color:var(--fg-muted);text-align:center;margin-top:14px;line-height:1.5}
.cprivnote a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}

/* footer */
.lfooter{border-top:1px solid var(--border-subtle);padding:40px 40px 48px}
.lfooter-in{max-width:1160px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.lfooter .fbrand{font-family:'Hanken Grotesque',sans-serif;font-weight:700;font-size:18px}
.lfooter .fbrand .p{color:var(--brand-pela)} .lfooter .fbrand .s{color:var(--brand-sync)}
.lfooter .fcopy{font-size:13px;color:var(--fg-muted);margin-top:6px}
.lfooter .flinks{display:flex;gap:28px}
.lfooter .flink{font-size:13px;font-weight:500;color:var(--fg-secondary)} .lfooter .flink:hover{color:var(--fg-primary)}

@media (max-width:820px){
  .lcontact{grid-template-columns:1fr;gap:36px;padding:48px 20px 64px}
}
@media (max-width:640px){
  .lhdr{padding:0 20px} .lmain{padding:44px 20px 60px} .lmain h1{font-size:36px}
  .lcontact h1{font-size:36px} .cform{padding:24px} .cform .frow{grid-template-columns:1fr;gap:0}
  .lfooter{padding:32px 20px 40px} .lfooter-in{flex-direction:column;align-items:flex-start}
}