*{box-sizing:border-box;margin:0;padding:0}
:root{--cream:#faf7f2;--cream2:#f3ece2;--beige:#e5dccf;--ink:#2b2520;--ink-soft:#5c5248;--muted:#8a7d6e;--line:#e2d8cc;--rose:#c77d8c;--rose-light:#d99fab;--on-dark:#faf7f2;--on-dark-soft:#ddd2c4;--on-dark-muted:#b8a994}
html{scroll-behavior:smooth}
body{background:var(--cream);color:var(--ink);font-family:'Jost',sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}

header{display:flex;align-items:center;justify-content:space-between;padding:20px 48px;border-bottom:.5px solid var(--line);background:rgba(250,247,242,.92);backdrop-filter:blur(10px);position:sticky;top:0;z-index:50}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.star-ico{width:22px;height:22px}
.brandname{font-size:20px;letter-spacing:.34em;text-transform:uppercase;font-weight:400;padding-left:4px;color:var(--ink);font-family:'Fraunces',Georgia,serif}
.hlinks{display:flex;gap:24px;align-items:center}
.hlinks a{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);text-decoration:none;transition:color .2s}
.hlinks a:hover{color:var(--ink)}

.legal-hero{background:var(--ink);padding:70px 48px 60px;position:relative;overflow:hidden}
.legal-hero::before{content:'\2605';position:absolute;font-size:200px;color:rgba(217,159,171,.06);top:50%;left:48px;transform:translateY(-50%);line-height:1;z-index:0;pointer-events:none}
.legal-hero .pre{font-size:10px;letter-spacing:.38em;text-transform:uppercase;color:var(--rose-light);position:relative;z-index:1}
.legal-hero h1{font-size:38px;font-weight:300;color:var(--on-dark);margin-top:14px;font-family:'Fraunces',Georgia,serif;position:relative;z-index:1;line-height:1.15}
.legal-hero .meta{font-size:11px;color:var(--on-dark-muted);margin-top:12px;letter-spacing:.06em;position:relative;z-index:1}

.legal-wrap{max-width:780px;margin:0 auto;padding:72px 48px 120px}
.legal-wrap h2{font-family:'Fraunces',Georgia,serif;font-size:21px;font-weight:300;color:var(--ink);margin-top:56px;margin-bottom:18px;padding-bottom:12px;border-bottom:.5px solid var(--line)}
.legal-wrap h3{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:28px;margin-bottom:10px;font-weight:400}
.legal-wrap p{font-size:14px;color:var(--ink-soft);line-height:1.9;margin-bottom:14px}
.legal-wrap ul,.legal-wrap ol{padding-left:22px;margin-bottom:16px}
.legal-wrap li{font-size:14px;color:var(--ink-soft);line-height:1.9;margin-bottom:6px}
.legal-wrap a{color:var(--rose);text-decoration:none}
.legal-wrap a:hover{text-decoration:underline}
.legal-wrap strong{font-weight:500;color:var(--ink)}
.legal-wrap table{width:100%;border-collapse:collapse;margin:20px 0 28px;font-size:13px}
.legal-wrap th{padding:12px 16px;border:.5px solid var(--line);background:var(--cream2);font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:400;color:var(--ink);text-align:left}
.legal-wrap td{padding:12px 16px;border:.5px solid var(--line);color:var(--ink-soft);line-height:1.5;vertical-align:top}
.legal-wrap .nota{background:var(--cream2);border-left:2px solid var(--rose);padding:16px 20px;margin:20px 0;font-size:13px;color:var(--ink-soft);line-height:1.85}
.dbox{border:.5px solid var(--line);padding:32px 36px;margin:32px 0;background:var(--cream2)}
.dbox h3{margin-top:0;margin-bottom:18px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);font-weight:400;border-bottom:.5px solid var(--line);padding-bottom:12px}
.dbox p{font-size:13px;color:var(--ink-soft);line-height:1.85;margin-bottom:10px}
.dbox .row{margin-top:18px}
.dbox .row label{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:6px}
.dbox .row .fl{display:block;width:100%;border:none;border-bottom:.5px solid var(--line);background:transparent;padding:6px 0;font-family:'Jost',sans-serif;font-size:13px;color:var(--ink)}

footer{padding:60px 48px 28px;background:var(--ink);color:var(--on-dark)}
.f-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
.f-bn{display:flex;align-items:center;gap:9px}
.f-bn span{font-size:16px;letter-spacing:.3em;text-transform:uppercase;font-weight:400;color:#faf7f2;font-family:'Fraunces',Georgia,serif}
.f-brand p{font-size:12px;color:var(--on-dark-soft);line-height:1.85;margin-top:16px;max-width:240px}
.f-contact{margin-top:18px;display:flex;flex-direction:column;gap:6px}
.f-contact span{font-size:11px;color:var(--on-dark-muted)}
.f-col h4{font-size:10px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:16px;font-weight:400;color:#faf7f2}
.f-col a{display:block;font-size:11px;color:var(--on-dark-soft);margin-bottom:10px;text-decoration:none;transition:color .2s}
.f-col a:hover{color:#fff}
.f-bottom{margin-top:48px;padding-top:20px;border-top:.5px solid rgba(233,221,208,.15);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--on-dark-muted)}
.f-links{display:flex;gap:18px;flex-wrap:wrap}
.f-links a{color:var(--on-dark-muted);text-decoration:none;transition:color .2s}
.f-links a:hover{color:var(--on-dark)}

@media(max-width:768px){
  header{padding:16px 20px}
  .hlinks{display:none}
  .legal-hero{padding:48px 20px 40px}
  .legal-hero h1{font-size:26px}
  .legal-wrap{padding:44px 20px 80px}
  .dbox{padding:22px 18px}
  .f-grid{grid-template-columns:1fr 1fr;gap:24px}
  footer{padding:40px 20px 24px}
  .f-bottom{flex-direction:column;text-align:center}
  .f-links{justify-content:center}
}