/* On the FridgeDoor: landing, privacy and terms pages */
:root{ --ink:#2b2233; --muted:#6b6275; --accent:#6C4F8A; --accent-soft:#f3eef8; --bg:#FAF8F6; --card:#fff; --line:#e6e0ea; color-scheme:light; }
@media (prefers-color-scheme: dark){ :root{ --ink:#efe9f4; --muted:#b8afc2; --accent:#b99ad8; --accent-soft:#2c2436; --bg:#17131b; --card:#211b27; --line:#3a3142; color-scheme:dark; } }
*{ box-sizing:border-box; }
body{ margin:0; background:var(--bg); color:var(--ink); font:16px/1.6 -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
a{ color:var(--accent); }
.wrap{ max-width:760px; margin:0 auto; padding:24px 20px 64px; }
header.top{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; padding:16px 20px; max-width:1040px; margin:0 auto; }
.brand{ display:flex; align-items:center; gap:10px; font-weight:800; font-size:1.1rem; color:var(--ink); text-decoration:none; }
.brand img{ width:36px; height:36px; border-radius:9px; }
.btn{ display:inline-block; background:var(--accent); color:#fff; text-decoration:none; font-weight:700; padding:12px 20px; border-radius:12px; }
@media (prefers-color-scheme: dark){ .btn{ color:#17131b; } }
.btn.ghost{ background:transparent; color:var(--accent); border:2px solid var(--accent); }
h1{ font-size:2rem; line-height:1.2; margin:0 0 12px; }
h2{ font-size:1.25rem; margin:32px 0 8px; }
h3{ font-size:1.05rem; margin:20px 0 6px; }
.muted{ color:var(--muted); }
.card{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px 18px; }
table{ border-collapse:collapse; width:100%; }
.tbl{ overflow-x:auto; }
th, td{ text-align:left; vertical-align:top; padding:8px 10px; border-bottom:1px solid var(--line); font-size:0.95rem; }
th{ font-weight:700; }
footer{ max-width:1040px; margin:0 auto; padding:24px 20px 40px; color:var(--muted); font-size:0.9rem; display:flex; gap:16px; flex-wrap:wrap; }

/* landing */
.hero{ max-width:1040px; margin:0 auto; padding:24px 20px 8px; display:grid; grid-template-columns:1.1fr 0.9fr; gap:32px; align-items:center; }
.hero p.lead{ font-size:1.15rem; color:var(--muted); margin:0 0 20px; }
.hero .shots{ display:flex; gap:12px; justify-content:center; }
.hero .shots img{ width:48%; max-width:240px; height:auto; border-radius:22px; border:1px solid var(--line); box-shadow:0 10px 30px rgba(40,20,60,.15); }
.cta{ display:flex; gap:10px; flex-wrap:wrap; }
.features{ max-width:1040px; margin:0 auto; padding:24px 20px; display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:14px; }
.features .card h3{ margin-top:0; }
.features .ico{ font-size:28px; }
.promise{ max-width:1040px; margin:0 auto; padding:0 20px; }
@media (max-width:760px){ .hero{ grid-template-columns:1fr; } h1{ font-size:1.7rem; } }