/* Dearmailo only. Approved blue identity; shared studio/product CSS is unchanged. */
.dearmailo-site {
  --dear-ink: #10194c;
  --dear-muted: #465783;
  --dear-paper: #f5f6fb;
  --dear-tint: #dce7ff;
  --dear-line: #ced5e7;
  --dear-radius: 14px;
  --dear-space: clamp(48px, 6vw, 80px);
  color: var(--dear-ink);
  background: var(--dear-paper);
}
.dearmailo-site p { text-wrap: pretty; }
.dearmailo-site :is(h1,h2,h3) { text-wrap: balance; }
.dearmailo-site :is(a,button,input,select,summary):focus-visible { outline: 3px solid #3159ad; outline-offset: 4px; }
.dearmailo-site .dearmailo-header:not(.scrolled) :focus-visible,
.dearmailo-site .dearmailo-hero :focus-visible { outline-color: #fff; }
.dearmailo-site.dearmailo-features-page main :focus-visible,
.dearmailo-site .download-panel :focus-visible,
.dearmailo-site .purchase-summary :focus-visible { outline-color: #fff; }
.dearmailo-site .dear-site-header { min-height: 76px; height: auto; padding: 12px clamp(20px,4vw,64px); gap: 20px; }
.dearmailo-site .dear-site-header .brand { flex-shrink: 0; gap: 10px; }
.dearmailo-site .dear-site-header .help-app-icon { width: 36px; height: 36px; }
.dearmailo-site .dear-site-header nav { gap: clamp(14px,2vw,28px); }
.dearmailo-site .dear-site-header nav > a { min-height: 44px; display: inline-flex; align-items: center; white-space: nowrap; font-size: 16px; }
.dearmailo-site .dear-site-header [aria-current="page"]:not(strong) { text-decoration: underline; text-underline-offset: 7px; }
.dearmailo-site .dear-site-header .language-switch { gap: 0; }
.dearmailo-site .language-switch :is(a,strong) { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; min-height: 44px; }
.dearmailo-site .legal-header { background: #fff; color: var(--dear-ink); }
.dearmailo-site .dear-footer { display: grid; grid-template-columns: auto 1fr; align-items: start; gap: 20px 36px; padding: 36px clamp(20px,4vw,64px); background: #edf0f8; color: var(--dear-ink); border-top: 1px solid var(--dear-line); }
.dearmailo-site .dear-attribution { margin: 0; justify-self: end; color: var(--dear-muted); font-size: 15px; line-height: 1.6; text-align: right; }
.dearmailo-site .dear-attribution a { text-decoration: underline; text-underline-offset: 3px; }
.dearmailo-site .dear-footer .footer-links { grid-column: 1/-1; flex-wrap: wrap; gap: 2px 24px; border-top: 1px solid var(--dear-line); padding-top: 14px; font-size: 15px; }
.dearmailo-site .dear-footer .footer-links a { display: inline-flex; min-height: 44px; align-items: center; }
.dearmailo-site .dear-footer a:hover { color: #254b98; }
.dearmailo-site .legal-main { max-width: 1120px; padding: 52px 24px 64px; }
.dearmailo-site .legal-main h1 { max-width: 920px; margin: 0 0 22px; font-size: clamp(40px,5.4vw,68px); line-height: 1.04; }
.dearmailo-site .legal-main .eyebrow { margin-bottom: 18px; color: var(--dear-muted); }
.dearmailo-site .legal-main .eyebrow > span { display: none; }
.dearmailo-site .legal-intro { max-width: 65ch; margin: 0 0 32px; font-size: 19px; color: var(--dear-muted); }
.dearmailo-site .legal-section { grid-template-columns: minmax(180px,.35fr) minmax(0,1fr); gap: 32px; padding: 28px 0; }
.dearmailo-site .legal-section h2 { font-size: 19px; line-height: 1.35; letter-spacing: -.015em; text-transform: none; }
.dearmailo-site .legal-section :is(p,ul) { color: var(--dear-muted); font-size: 17px; line-height: 1.7; max-width: 68ch; }
.dearmailo-site .legal-owner { color: var(--dear-muted); font-size: 15px; line-height: 1.6; }
.dearmailo-site .dear-toc { margin: 28px 0 40px; padding: 24px; background: #edf0f8; border-radius: var(--dear-radius); }
.dearmailo-site .dear-toc h2 { margin: 0 0 12px; font-family: "Cabinet Grotesk", sans-serif; font-size: 20px; }
.dearmailo-site .dear-toc ol { columns: 2; column-gap: 32px; list-style: none; padding: 0; margin: 0; }
.dearmailo-site .dear-toc li { break-inside: avoid; }
.dearmailo-site .dear-toc a { display: block; padding: 10px 0; text-decoration: underline; text-underline-offset: 3px; font-size: 16px; line-height: 1.5; }
.dearmailo-site :is(section[id],h2[id]) { scroll-margin-top: 100px; }
.dearmailo-site .purchase-layout { grid-template-columns: minmax(230px,.7fr) minmax(0,1.3fr); align-items: start; margin: 28px 0 36px; }
.dearmailo-site :is(.purchase-summary,.purchase-form,.pricing-card,.download-panel,.recovery-panel) { padding: clamp(22px,3vw,32px); border-radius: var(--dear-radius); box-shadow: none; }
.dearmailo-site .purchase-summary li { font-size: 16px; margin-bottom: 8px; }
.dearmailo-site .purchase-summary .pricing-price { margin: 14px 0 22px; }
.dearmailo-site .purchase-form > p:first-of-type { margin: 12px 0 22px; color: var(--dear-muted); }
.dearmailo-site .purchase-form .button-dearmailo { background: var(--dear-ink); color: #fff; font-size: 17px; font-weight: 700; line-height: 1.4; min-height: 52px; }
.dearmailo-site .purchase-form .button-dearmailo:hover { background: #233779; }
.dearmailo-site .purchase-form .purchase-note { font-size: 15px; color: var(--dear-muted); margin-top: 0; padding-top: 14px; }
.dearmailo-site .purchase-confirmation { font-size: 15px; }
.dearmailo-site .recovery-panel { margin: 26px 0; }
.dearmailo-site .pricing-grid { margin: 28px 0 40px; }
.dearmailo-site .pricing-price small { font-family: "Cabinet Grotesk",sans-serif; font-size: 15px; line-height: 1.5; }
.dearmailo-site .download-panel { margin: 26px 0 32px; }
.dearmailo-site .download-panel .button { white-space: normal; text-align: center; flex-shrink: 0; max-width: 100%; }
.dearmailo-site .dear-install { padding: 8px 0 24px; }
.dearmailo-site .dear-install h2 { font-size: clamp(30px,3vw,42px); }
.dearmailo-site .dear-install ol { padding-left: 24px; line-height: 1.7; }
.dearmailo-site .dear-install li { margin-bottom: 10px; }
.dearmailo-site .dear-license-pointer { margin: 28px 0; padding: 22px 0; border-top: 1px solid var(--dear-line); font-size: 17px; line-height: 1.7; }
.dearmailo-site .dear-license-pointer a { text-decoration: underline; text-underline-offset: 3px; }
.dearmailo-site .newsletter-download { padding: 28px; margin: 30px 0 0; border-radius: var(--dear-radius); }
.dearmailo-site .newsletter-download h2 { font-size: 32px; }
.dearmailo-site .newsletter-download .newsletter-copy { margin: 0; }
.dearmailo-site .newsletter-section :is(p,label) { color: var(--dear-muted); }
.dearmailo-site .dear-latest { padding: 24px; margin-bottom: 12px; background: var(--dear-tint); border: 0; border-radius: var(--dear-radius); }
.dearmailo-site .dear-latest .button { margin-top: 18px; background: var(--dear-ink); color: #fff; }
/* Product story: each idea has one place, with native, enlargeable screenshots. */
.dearmailo-site .dearmailo-hero { min-height: auto; grid-template-columns: minmax(0,1fr) minmax(0,1fr); padding: 132px clamp(24px,5vw,80px) 56px; gap: 44px; }
.dearmailo-site .dearmailo-hero h1 { font-size: clamp(52px,5.4vw,82px); line-height: .98; margin-bottom: 26px; }
.dearmailo-site .dearmailo-hero-copy { display: block; }
.dearmailo-site .dearmailo-hero-art { min-height: 0; padding: 0; }
.dearmailo-site .dearmailo-hero-art img { width: 100%; transform: none !important; border: 0; border-radius: 12px; box-shadow: 0 24px 64px #080e322e; }
.dearmailo-site .dearmailo-hero-art > p { display: none; }
.dearmailo-site .dearmailo-product-orbit { display: none; }
.dearmailo-site .dearmailo-hero-facts { margin-top: 28px; }
.dearmailo-site .dearmailo-hero-facts strong { font-size: 16px; }
.dearmailo-site .dearmailo-hero-facts span { font-size: 15px; color: #c7d0f4; }
.dearmailo-site .dear-fit { margin: 18px 0 0; font-size: 15px !important; line-height: 1.6; }
.dearmailo-site .section { padding: var(--dear-space) clamp(20px,5vw,80px); }
.dearmailo-site .section-heading { margin-bottom: 32px; }
.dearmailo-site :is(.section-heading h2,.dearmailo-trust h2,.dearmailo-requirements h2) { font-size: clamp(34px,4.3vw,60px); line-height: 1.07; }
.dearmailo-site .dear-workflow { margin: 0; padding: 0; list-style: none; display: grid; gap: 40px; }
.dearmailo-site .dear-workflow li { display: grid; grid-template-columns: minmax(0,.65fr) minmax(0,1fr); gap: clamp(24px,5vw,64px); align-items: center; padding: 28px 0; border-top: 1px solid var(--dear-line); }
.dearmailo-site .dear-workflow h3 { font-size: clamp(26px,3vw,40px); margin: 0 0 16px; }
.dearmailo-site .dear-workflow p { font-size: 18px; line-height: 1.65; color: var(--dear-muted); max-width: 48ch; }
.dearmailo-site .dear-workflow .dear-shot { margin: 0; }
.dearmailo-site .dear-shot { margin: 0; min-width: 0; }
.dearmailo-site [data-guide-image] { display: block; width: fit-content; max-width: 100%; margin-inline: auto; border-radius: 10px; cursor: zoom-in; }
.dearmailo-site [data-guide-image] img { display: block; max-width: 100%; height: auto; }
.dearmailo-site .dear-shot img { width: 100%; border-radius: 10px; border: 1px solid var(--dear-line); }
.dearmailo-site .dear-shot figcaption { font-size: 15px; color: var(--dear-muted); line-height: 1.55; margin-top: 12px; }
.dearmailo-site .dear-shot-senders { max-width: 345px; }
.dearmailo-site .dear-shot-schedule { max-width: 504px; }
.dearmailo-site .dear-walkthrough-link { margin: 24px 0 0; }
.dearmailo-site .dear-walkthrough-link a { display: inline-flex; gap: 10px; align-items: center; min-height: 44px; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.dearmailo-site .dearmailo-trust { padding: 48px clamp(20px,5vw,80px); gap: 44px; }
.dearmailo-site .dearmailo-features .feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); border: 0; gap: 24px 44px; }
.dearmailo-site .dearmailo-features .feature-grid article { min-height: 0; padding: 22px 0 0; border: 0; border-top: 1px solid var(--dear-line); }
.dearmailo-site .dearmailo-features .feature-grid h3 { font-size: 24px; margin: 0 0 12px; }
.dearmailo-site .feature-page-link { margin-top: 24px; display: block; border: 0; padding-top: 0; }
.dearmailo-site .dearmailo-requirements { padding: 48px clamp(20px,5vw,80px); gap: 28px 48px; }
.dearmailo-site .dearmailo-requirements h2 { margin-top: 12px; }
.dearmailo-site .price-preview-grid article { padding: 24px; min-height: 0; }
.dearmailo-site .price-preview-grid h3 { font-size: 32px; }
.dearmailo-site .price-preview-action { margin-top: 22px; }
.dearmailo-site .newsletter-section h2 { font-size: clamp(32px,3.8vw,52px); }
/* Feature overview, not a second instruction manual. */
.dearmailo-site.dearmailo-features-page { color: var(--features-ink); background: var(--features-bg); --dear-muted: #c0cdf0; --dear-line: #36446e; }
.dearmailo-site.dearmailo-features-page .dear-footer { --dear-muted: #465783; --dear-line: #ced5e7; }
.dearmailo-site .features-hero { padding-top: 132px; padding-bottom: 56px; min-height: 0; gap: 40px; }
.dearmailo-site .features-hero h1 { font-size: clamp(48px,5.5vw,80px); }
.dearmailo-site .features-hero-media img { transform: none; }
.dearmailo-site .features-hero-media::before { display: none; }
.dearmailo-site .features-hero-media img { border-width: 2px; box-shadow: 0 22px 60px #080e3233; }
.dearmailo-site .capability-index { display: block; padding-block: 28px; }
.dearmailo-site .dear-capabilities { display: flex; flex-wrap: wrap; gap: 8px 32px; }
.dearmailo-site .dear-capabilities a { display: inline-flex; gap: 10px; align-items: center; min-height: 48px; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.dearmailo-site .feature-section { padding-top: var(--dear-space); padding-bottom: var(--dear-space); }
.dearmailo-site .feature-section-heading { margin-bottom: 28px; }
.dearmailo-site .feature-section h2 { font-size: clamp(34px,4.3vw,60px); }
.dearmailo-site .dear-personalization { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.38fr); align-items: start; gap: 32px; }
.dearmailo-site .dear-feature-notes { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 48px; margin-top: 28px; }
.dearmailo-site .dear-feature-notes h3 { margin: 0 0 10px; font-size: 24px; }
.dearmailo-site .dear-feature-notes p { font-size: 17px; line-height: 1.65; color: var(--dear-muted); }
.dearmailo-site .import-groups { gap: 18px; }
.dearmailo-site .import-groups article { padding-block: 14px; }
.dearmailo-site .dear-delivery-images { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); align-items: start; gap: 32px; }
.dearmailo-site .dear-delivery-note { max-width: 74ch; margin: 24px 0 12px; color: var(--dear-muted); font-size: 17px; line-height: 1.7; }
.dearmailo-site .comparison-row { padding-block: 20px; }
.dearmailo-site .features-cta { padding-block: 48px; }
.dearmailo-site .features-cta h2 { font-size: clamp(36px,4.3vw,60px); }
.dearmailo-site:has(.guide-lightbox[open]) { overflow: hidden; }
.dearmailo-site .guide-lightbox-body.is-zoomed { display: block; place-items: normal; }
.dearmailo-site .guide-lightbox-body.is-zoomed img { margin: 0; place-self: start; }
.dearmailo-site .dear-image-hint { display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 14px; font-size: 15px; color: #dce7ff; }
@media (max-width: 1050px) {
  .dearmailo-site .dear-site-header nav > a { display: none; }
  .dearmailo-site .dear-site-header .mobile-nav { display: block; }
  .dearmailo-site .dear-site-header .mobile-nav a { display: flex; }
  .dearmailo-site .dearmailo-hero { grid-template-columns: 1fr; padding-top: 112px; gap: 32px; }
  .dearmailo-site .dearmailo-hero > * { max-width: 760px; justify-self: center; }
  .dearmailo-site .dearmailo-hero h1 { max-width: 760px; }
  .dearmailo-site .dearmailo-hero-art { width: min(100%,760px); }
}
@media (max-width: 760px) {
  .dearmailo-site .dear-site-header { padding-inline: 16px; gap: 8px; }
  .dearmailo-site .dear-site-header nav { gap: 8px; }
  .dearmailo-site .dear-site-header .brand { font-size: 19px; gap: 8px; }
  .dearmailo-site .dear-footer { grid-template-columns: 1fr; gap: 16px; }
  .dearmailo-site .dear-attribution { text-align: left; justify-self: start; }
  .dearmailo-site .legal-main { padding: 36px 20px 48px; }
  .dearmailo-site .legal-main h1 { font-size: clamp(38px,9vw,58px); }
  .dearmailo-site .legal-section { grid-template-columns: 1fr; gap: 16px; }
  .dearmailo-site .legal-section h2 { font-size: 22px; }
  .dearmailo-site .dear-toc ol { columns: 1; }
  .dearmailo-site .purchase-layout { grid-template-columns: 1fr; gap: 20px; }
  .dearmailo-site .purchase-summary { padding: 22px; }
  .dearmailo-site .purchase-summary ul { display: grid; gap: 6px; }
  .dearmailo-site .dearmailo-hero-facts { grid-template-columns: 1fr; }
  .dearmailo-site .dearmailo-hero-facts li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 16px; padding: 12px 0; }
  .dearmailo-site .dearmailo-hero-facts strong { margin: 0; }
  .dearmailo-site :is(.dear-workflow li,.dear-personalization,.dear-delivery-images,.dear-feature-notes,.dearmailo-features .feature-grid) { grid-template-columns: 1fr; }
  .dearmailo-site .dear-workflow { gap: 12px; }
  .dearmailo-site .dear-workflow li { gap: 16px; }
  .dearmailo-site .dear-shot-senders { margin-inline: auto; }
  .dearmailo-site .dearmailo-trust { grid-template-columns: 1fr; gap: 24px; }
  .dearmailo-site .newsletter-download { padding: 22px; }
}
@media (max-width: 370px) {
  .dearmailo-site .dear-site-header .brand span { display: none; }
  .dearmailo-site .language-switch :is(a,strong) { min-width: 38px; }
  .dearmailo-site .dear-site-header nav { gap: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  .dearmailo-site *, .dearmailo-site *::before, .dearmailo-site *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation: none !important; }
}
@media print {
  .dearmailo-site :is(.site-header,.dear-footer,.skip-link,.dear-toc) { display: none; }
  .dearmailo-site, .dearmailo-site .legal-main { background: #fff; color: #111; max-width: none; padding: 0; }
  .dearmailo-site .legal-section { display: block; }
  .dearmailo-site .legal-section h2 { break-after: avoid; }
  .dearmailo-site .legal-section :is(p,ul) { color: #111; }
}