/* Dog Date landing page (1.3.0) — extends styles.css; same tokens. */
.dd-hero{background:linear-gradient(180deg,var(--cream),#F7EEE2);border-bottom:1px solid var(--line);padding:56px 0 72px}
.dd-hero .split{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.dd-hero .lede{max-width:38rem}
.dd-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.dd-facts{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0;padding:0;list-style:none}
.dd-facts li{background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:.92rem;font-weight:600;color:var(--ink-2)}
.dd-hero .og{width:100%;height:auto;border-radius:var(--radius);box-shadow:var(--shadow);display:block}
.dd-hero .cap{margin:10px 0 0;font-size:.82rem;color:var(--ink-3)}
.dd-note{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px 18px;margin-top:28px;font-size:.95rem;color:var(--ink-2)}
.dd-note strong{color:var(--ink)}

.dd-features{padding:80px 0}
.dd-feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.dd-feat{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px}
.dd-feat .ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--coral-soft);color:var(--coral);margin-bottom:16px}
.dd-feat .ic svg{width:24px;height:24px}
.dd-feat h3{font-size:1.25rem;margin-bottom:8px}
.dd-feat p{margin:0;color:var(--ink-2);font-size:1rem}

.dd-screens{padding:0 0 80px}
.dd-screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:720px}
.dd-screen{margin:0;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.dd-screen img{width:100%;height:auto;display:block;background:#f4efe4}
.dd-screen figcaption{padding:12px 14px 16px;font-size:.88rem;color:var(--ink-2)}
.dd-screen figcaption b{display:block;color:var(--ink);font-size:.95rem;margin-bottom:2px}

.dd-cross{padding:0 0 80px}
.dd-cross-card{display:grid;grid-template-columns:160px 1fr;gap:36px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:32px 36px}
.dd-cross-card img{width:160px;max-width:100%;height:auto;max-height:280px;object-fit:cover;object-position:top;border-radius:14px;box-shadow:var(--shadow-sm)}
.dd-cross-card h2{margin-bottom:12px}
.dd-cross-card p{color:var(--ink-2)}

.dd-safety{padding:0 0 80px}
.dd-safety-box{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:32px 28px;max-width:760px}
.dd-safety-box h2{margin-bottom:12px}
.dd-safety-box ul{margin:0;padding:0 0 0 1.15em;color:var(--ink-2)}
.dd-safety-box li{margin:0 0 8px}

.dd-faq{padding:0 0 80px}

@media (max-width:900px){
  .dd-hero .split,.dd-feat-grid,.dd-cross-card,.dd-screen-grid{grid-template-columns:1fr;gap:28px}
  .dd-hero{padding:36px 0 48px}
  .dd-cross-card img{max-width:160px}
}
