Privacy policy

:root { --black: #0f110e; --green-dark: #1a2e1c; --green-mid: #2d5a30; --green-accent: #4a9e52; --lime: #c8e63c; --white: #f5f7f2; --warm-white: #fafaf7; --gray-light: #e8ebe3; --gray-mid: #9aa094; --gray-text: #4a4e46; --font-display: 'Syne', sans-serif; --font-body: 'DM Sans', sans-serif; } * { margin:0; padding:0; box-sizing:border-box; } body { font-family:var(--font-body); background:var(--warm-white); color:var(--black); font-size:16px; line-height:1.7; } /* CONTENT */ .section { display:none; } .section.active { display:block; } .legal-hero { background:var(--black); padding:64px 40px 56px; border-bottom:1px solid #222; } .legal-hero-inner { max-width:820px; } .eyebrow { font-family:var(--font-display); font-size:.68rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--lime); margin-bottom:16px; display:flex; align-items:center; gap:10px; } .eyebrow::before { content:''; display:block; width:28px; height:2px; background:var(--lime); } .legal-hero h1 { font-family:var(--font-display); font-weight:800; font-size:clamp(2rem,4vw,3.2rem); color:var(--white); line-height:1.1; margin-bottom:14px; } .legal-hero .meta { font-size:.85rem; color:var(--gray-mid); display:flex; gap:24px; flex-wrap:wrap; } .legal-hero .meta span { display:flex; align-items:center; gap:6px; } /* BODY */ .legal-body { max-width:820px; margin:0 auto; padding:60px 40px 80px; } .legal-body h2 { font-family:var(--font-display); font-weight:800; font-size:1.3rem; color:var(--black); margin:48px 0 14px; padding-top:48px; border-top:1px solid var(--gray-light); } .legal-body h2:first-child { border-top:none; margin-top:0; padding-top:0; } .legal-body h3 { font-family:var(--font-display); font-weight:700; font-size:1rem; color:var(--green-mid); margin:28px 0 10px; } .legal-body p { font-size:.96rem; color:var(--gray-text); margin-bottom:14px; line-height:1.75; } .legal-body ul, .legal-body ol { margin:10px 0 16px 20px; color:var(--gray-text); font-size:.96rem; } .legal-body li { margin-bottom:8px; line-height:1.7; } .legal-body strong { color:var(--black); font-weight:600; } .legal-body a { color:var(--green-accent); text-decoration:none; } .legal-body a:hover { text-decoration:underline; } .highlight-box { background:var(--black); color:var(--white); border-left:4px solid var(--lime); padding:24px 28px; margin:32px 0; border-radius:3px; font-size:.92rem; line-height:1.7; } .highlight-box strong { color:var(--lime); } .info-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:28px 0; } @media(max-width:600px){ .info-grid { grid-template-columns:1fr; } } .info-card { padding:24px 22px; border:1px solid var(--gray-light); border-radius:3px; border-top:3px solid var(--green-accent); } .info-card h4 { font-family:var(--font-display); font-weight:700; font-size:.85rem; letter-spacing:.06em; text-transform:uppercase; color:var(--green-mid); margin-bottom:10px; } .info-card p { font-size:.88rem; color:var(--gray-text); margin:0; } .contact-block { background:var(--white); border:1px solid var(--gray-light); border-radius:4px; padding:36px 32px; margin:28px 0; } .contact-block h3 { font-family:var(--font-display); font-weight:800; font-size:1.1rem; margin-bottom:20px; } .contact-row { display:flex; gap:16px; margin-bottom:14px; align-items:flex-start; } .contact-label { font-family:var(--font-display); font-size:.72rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--gray-mid); min-width:120px; padding-top:2px; } .contact-value { font-size:.95rem; color:var(--gray-text); } .contact-value a { color:var(--green-accent); } .toc { background:var(--white); border:1px solid var(--gray-light); padding:28px 32px; border-radius:3px; margin-bottom:48px; } .toc h4 { font-family:var(--font-display); font-size:.75rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--gray-mid); margin-bottom:14px; } .toc ol { margin:0 0 0 16px; } .toc li { font-size:.9rem; margin-bottom:6px; } .toc a { color:var(--green-mid); text-decoration:none; } .toc a:hover { text-decoration:underline; } footer { background:var(--black); color:var(--gray-mid); text-align:center; padding:32px; font-size:.82rem; } footer a { color:var(--green-light, #7ec97f); }