:root { --ink:#211b10; --muted:#6d624e; --gold:#a57613; --cream:#f8f4e8; --paper:#fffdf8; --line:#e8dcc2; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Inter,Arial,sans-serif; line-height:1.65; }
a { color:var(--gold); }
nav { width:min(1100px,calc(100% - 40px)); margin:auto; padding:22px 0; display:flex; justify-content:space-between; align-items:center; }
nav a { text-decoration:none; font-weight:700; }
.brand { color:var(--ink); font-size:1.25rem; }
.hero { background:linear-gradient(135deg,#fffaf0,#efe2bd); }
.hero-content { width:min(1000px,calc(100% - 40px)); min-height:520px; margin:auto; display:grid; grid-template-columns:260px 1fr; align-items:center; gap:70px; padding:50px 0 80px; }
.app-icon { width:260px; border-radius:54px; box-shadow:0 24px 60px #76520f38; }
.eyebrow { color:var(--gold); text-transform:uppercase; letter-spacing:.12em; font-weight:800; font-size:.78rem; }
h1 { max-width:760px; margin:.2em 0; font-size:clamp(2.5rem,6vw,4.7rem); line-height:1.06; letter-spacing:-.04em; }
.intro { max-width:690px; color:var(--muted); font-size:1.2rem; }
main { width:min(1100px,calc(100% - 40px)); margin:auto; }
section { padding:90px 0; }
h2 { font-size:clamp(1.8rem,4vw,2.7rem); line-height:1.2; }
.cards { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.cards article { padding:28px; background:var(--cream); border:1px solid var(--line); border-radius:18px; }
.cards h3 { margin-top:0; }
.cards p,.contact p,.updated { color:var(--muted); }
.contact { display:flex; justify-content:space-between; align-items:center; gap:50px; border-top:1px solid var(--line); }
.contact div { max-width:600px; }
.button { display:inline-block; padding:14px 20px; color:white; background:var(--gold); border-radius:10px; text-decoration:none; font-weight:800; }
footer { width:min(1100px,calc(100% - 40px)); margin:auto; padding:28px 0; display:flex; justify-content:space-between; border-top:1px solid var(--line); color:var(--muted); }
.page-header { background:var(--cream); border-bottom:1px solid var(--line); }
.policy { max-width:820px; padding:70px 0 90px; }
.policy h1 { font-size:clamp(2.4rem,6vw,4rem); }
.policy h2 { margin-top:2em; font-size:1.45rem; }
@media (max-width:700px) { .hero-content { grid-template-columns:1fr; gap:35px; min-height:auto; } .app-icon { width:150px; border-radius:32px; } .cards { grid-template-columns:1fr; } .contact { align-items:flex-start; flex-direction:column; } footer { flex-direction:column; } }