/* dijitalapp.com look — warm and family-friendly: cream paper, terracotta and garden green, serif
   headings, rounded shapes, the app shown on a phone. Layered over site.css (structure). */
body.warm {
  --paper: #fff9f1;
  --paper-2: #fbefe0;
  --card: #ffffff;
  --ink: #2a1f17;
  --ink-2: #4a3a2e;
  --muted: #6f6052;
  --faint: #9b8b7c;
  --rule: #efe2d0;
  --rule-2: #e3d2bc;
  --accent: #d9542a;
  --accent-ink: #b8431d;
  --ok: #2f7d5b;
  --dark: #1f3a2f;
  --dark-rule: #2f5244;
  --dark-text: #f6efe4;
  --dark-muted: #c3d3c9;
  --radius: 22px;
  --serif: 'Iowan Old Style', 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia, 'Times New Roman', serif;
}
:root[data-theme='dark'] body.warm {
  --paper: #1c1612;
  --paper-2: #241c16;
  --card: #2a211a;
  --ink: #f6ece0;
  --ink-2: #e7d9c8;
  --muted: #c2b19f;
  --faint: #998a7b;
  --rule: #3a2e25;
  --rule-2: #4a3b30;
  --accent: #f07a4f;
  --accent-ink: #ff9a74;
  --dark: #13261f;
}

.warm h1, .warm h2, .warm .row h3, .warm .assistant h3, .warm .plan-price { font-family: var(--serif); font-weight: 600; letter-spacing: -0.015em; }
.warm .btn { border-radius: 999px; min-height: 48px; padding: 0 24px; }
.warm .btn-sm { min-height: 38px; padding: 0 16px; }
.warm .btn-ink { background: var(--accent); color: #fff; }
.warm .btn-ink:hover { background: var(--accent-ink); }
.warm .btn-line { background: var(--card); border-color: var(--rule-2); }
.warm .icon-toggle, .warm .top-menu { border-radius: 999px; }
.warm .tabbar a.tab-cta .tab-cta-dot { background: var(--accent); }
.warm .tabbar a.is-on { color: var(--accent-ink); }

/* Hero: soft colour fields behind the story. */
.warm .hero { position: relative; overflow: hidden; border-bottom: 0; }
.warm .hero::before, .warm .hero::after { content: ''; position: absolute; z-index: -1; border-radius: 50%; filter: blur(2px); }
.warm .hero::before { width: 520px; height: 520px; left: -160px; top: 120px; background: radial-gradient(circle, color-mix(in srgb, var(--accent) 22%, transparent) 0%, transparent 70%); }
.warm .hero::after { width: 560px; height: 560px; right: -180px; top: 260px; background: radial-gradient(circle, color-mix(in srgb, var(--ok) 22%, transparent) 0%, transparent 70%); }
.warm .eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 999px; background: var(--paper-2); color: var(--ink-2); font-weight: 600; font-size: 14px; }
.warm .eyebrow::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--ok); }
.warm .hero h1 { line-height: 1.04; }
.warm .notes li { padding: 5px 12px; border-radius: 999px; background: var(--card); border: 1px solid var(--rule); color: var(--ink-2); }
.warm .notes li + li::before { display: none; }


/* Sections: friendly heads, rounded panels. */
.warm .section { border-bottom: 0; }
.warm .head { margin-inline: auto; text-align: center; }
.warm .head .lead { margin-inline: auto; }
.warm .head-left { text-align: left; margin-inline: 0; }
.warm .head-left .lead { margin-inline: 0; }
.warm .kicker { justify-content: center; color: var(--accent-ink); }
.warm .head-left .kicker { justify-content: flex-start; }
.warm .kicker::before { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); }

.warm .rows { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.warm .row, .warm .row-flip { grid-template-columns: minmax(0, 1fr); gap: 22px; padding: 30px; border-radius: 28px; background: var(--card); border: 1px solid var(--rule); align-content: start; }
.warm .row-flip .row-text { order: 0; }
.warm .row-visual { order: -1; padding: 18px; border-radius: 20px; background: var(--paper-2); }
.warm .row h3 { font-size: 26px; }
.warm .ui { border-radius: 16px; border-color: var(--rule); }
.warm .msg.out { background: var(--accent); color: #fff; }
.warm .ticks .g { color: var(--ok); }

.warm .section-ink { background: var(--dark); border-radius: 36px; margin: 0 16px; }
.warm .facts { gap: 14px; border-top: 0; }
.warm .facts li, .warm .facts li:nth-child(odd), .warm .facts li:nth-child(even) { padding: 24px; border: 0; border-radius: 22px; background: rgb(255 255 255 / 6%); }
.warm .facts .g { color: #f6c7a8; }

.warm .assistant { border-radius: 30px; border-color: var(--rule); background: var(--paper-2); }
.warm .frame-site { border-radius: 20px; }
.warm .widget { border-radius: 20px; }
.warm .grid-rules { gap: 16px; border-top: 0; }
.warm .grid-rules li, .warm .grid-rules li:not(:nth-child(3n + 1)), .warm .grid-rules li:nth-child(even) { padding: 24px; border: 1px solid var(--rule); border-radius: 22px; background: var(--card); }
.warm .tag { border: 0; background: color-mix(in srgb, var(--ok) 14%, transparent); color: var(--ok); }

.warm .plan { border-radius: 26px; }
.warm .plan-main { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent), 0 24px 44px -26px rgb(217 84 42 / 45%); }
.warm .store { border-radius: 18px; }
.warm .faq details { padding: 0 20px; margin-bottom: 10px; border: 1px solid var(--rule); border-radius: 18px; background: var(--card); }
.warm .faq { border-top: 0; }
.warm .final { background: transparent; }
.warm .final-in { padding: 72px 48px; margin: 40px auto 80px; border-radius: 36px; background: var(--accent); text-align: center; }
.warm .final h2 { margin-inline: auto; color: #fff; }
.warm .final p { color: rgb(255 255 255 / 85%); }
.warm .final .ctas { justify-content: center; }
.warm .final .btn-paper { color: var(--accent-ink); }

@media (max-width: 1080px) {
  .warm .rows { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 720px) {
  .warm .section-ink { margin: 0; border-radius: 0; }
  .warm .final-in { margin: 24px 16px 60px; padding: 52px 22px; width: auto; }
}

.warm .phone { border-color: #1d1611; }
.warm .phone-notch { background: #1d1611; }
:root[data-theme='dark'] .warm .phone { border-color: #3d3129; }
:root[data-theme='dark'] .warm .phone-notch { background: #3d3129; }
.warm .phone .msg { border-radius: 18px; }
.warm .phone .ui-compose { border-radius: 999px; }