/*
 * Public interior-page presentation. No dependency, copy, offer or URL changes.
 * Scoped away from the bespoke homepage, pricing page and Filament admin.
 */
body.theme-dtone.editorial-page { --ed-ink:#102f30; --ed-dark:#071d25; --ed-mint:#65edb8; --ed-muted:#52646b; background:#fff; }
body.editorial-page .navbar,
body.editorial-page .navbar.scrolled { background:#071d25; border-bottom:1px solid #29454b; }
body.editorial-page .nav-spacer { background:#071d25; }
body.editorial-page .nav-logo-img { filter:brightness(0) invert(1); }
body.editorial-page .nav-menu > .nav-item > .nav-link { color:#e7f3f1; }
body.editorial-page .nav-menu > .nav-item > .nav-link:hover { color:#65edb8; background:#163b3c; }
body.editorial-page.theme-dtone .nav-actions .btn.btn-outline-accent { color:#e7f3f1; border-color:#70928f; }
body.editorial-page .hamburger span { background:#e7f3f1; }
body.editorial-page .hero-fade-in,
body.editorial-page .animate-on-scroll,
body.editorial-page .scale-in,
body.editorial-page .slide-in-left,
body.editorial-page .slide-in-right { opacity:1; transform:none; animation:none; }
body.editorial-page #editorial-content { min-width:0; }
body.editorial-page #editorial-content .container { width:calc(100% - 64px); max-width:1200px; padding-inline:0; }
body.editorial-page #editorial-content .section { padding-block:76px; background:#fff; }
body.editorial-page #editorial-content .section-light { background:#f0f7f3; }
body.editorial-page #editorial-content .section-dark { background:#102f30; }
body.editorial-page #editorial-content .section-dark :is(h2,h3,.stat-number) { color:#e8fff3; }
body.editorial-page #editorial-content .section-dark :is(p,.stat-label) { color:#c7e1d6; }
body.editorial-page #editorial-content :is(h2,h3,h4) { font-weight:550; letter-spacing:-.025em; line-height:1.24; }
body.editorial-page #editorial-content h2 { font-size:clamp(28px,3vw,38px); }
body.editorial-page #editorial-content h3 { font-size:22px; }
body.editorial-page #editorial-content p { line-height:1.8; }
body.editorial-page #editorial-content .section-header { max-width:800px; margin-bottom:36px; }
body.editorial-page #editorial-content .section-header p { font-size:16px; color:#52646b; }
body.editorial-page #editorial-content .section-badge { background:transparent; border:0; padding:0; color:#17624b; font-size:12px; letter-spacing:.1em; text-transform:uppercase; }
body.editorial-page #editorial-content .btn { min-height:46px; font-size:14px; font-weight:600; white-space:normal; }
body.editorial-page #editorial-content a:not(.btn) { text-underline-offset:3px; }
body.editorial-page #editorial-content a:focus-visible,
body.editorial-page #editorial-content button:focus-visible,
body.editorial-page #editorial-content [tabindex]:focus-visible { outline:3px solid #258865; outline-offset:4px; }
/* Split answer-first hero, with the existing proof row beneath both columns. */
body.editorial-page.theme-dtone .page-hero { background:radial-gradient(ellipse at 90% 25%,#17483f,transparent 65%),#071d25; padding:64px 0; text-align:left; }
body.editorial-page .page-hero::before,
body.editorial-page .page-hero::after { display:none; }
body.editorial-page .page-hero > .container { max-width:1200px !important; display:grid; grid-template-columns:1.12fr 1fr; gap:18px 72px; align-items:center; }
body.editorial-page .page-hero-badge { grid-column:1/-1; background:none; border:0; padding:0; color:#65edb8; margin:0; font-size:12px; letter-spacing:.11em; text-transform:uppercase; }
body.editorial-page #editorial-content .page-hero .page-hero-badge { background:transparent; color:#65edb8; justify-self:start; }
body.editorial-page.theme-dtone .page-hero h1 { grid-column:1; color:#fff; -webkit-text-fill-color:#fff; font-size:clamp(36px,3.8vw,54px); line-height:1.1; font-weight:500; letter-spacing:-.045em; margin:0; min-width:0; }
body.editorial-page #editorial-content .page-hero h1 { color:#fff; }
body.editorial-page #editorial-content .page-hero > .container > p { grid-column:2; grid-row:2; border-left:1px solid #537b74; padding-left:32px; color:#cee3dc; margin:0; max-width:none; font-size:16px; line-height:1.8; }
body.editorial-page #editorial-content .page-hero a:not(.btn) { color:#77ebbf; text-decoration:underline; }
body.editorial-page .page-hero .hero-trust { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:12px 24px; justify-content:flex-start; max-width:none; padding:24px 0 0; border:0; border-top:1px solid #41605b; background:none; box-shadow:none; margin-top:16px !important; }
body.editorial-page .page-hero .hero-trust-item { color:#e2f4ed; font-size:12px; }
body.editorial-page .page-hero .hero-trust-icon,
body.editorial-page .page-hero .hero-trust-icon svg { color:#65edb8; stroke:currentColor; }
body.editorial-page .page-hero .hero-buttons,
body.editorial-page .page-hero .hero-actions { grid-column:1/-1; justify-content:flex-start; }
/* Retain compact, real founder authorship rather than inventing proof. */
body.editorial-page .section:has(.author-bio) { background:#eef7f2 !important; padding-block:22px !important; border-bottom:1px solid #dbe7e1; }
body.editorial-page .author-bio { max-width:900px !important; }
body.editorial-page .author-bio img { box-shadow:0 0 0 4px #d7eee1; }
body.editorial-page .section:has(> .container > .blog-article) { background:#f7faf8 !important; }
body.editorial-page #editorial-content .container:has(> .blog-article) { max-width:960px !important; }
body.editorial-page .blog-article { background:#fff; border:1px solid #dbe7e1; border-radius:20px; padding:44px 52px; max-width:none; color:#304b4c; }
body.editorial-page .blog-article > h2 { margin:48px 0 20px; padding-top:32px; border-top:1px solid #dbe7e1; }
body.editorial-page .blog-article > h2:first-child { margin-top:0; padding-top:0; border-top:0; }
body.editorial-page .blog-article > h3 { margin-top:32px; font-size:23px; }
body.editorial-page .blog-article :is(p,ul,ol) { font-size:16px; line-height:1.85; }
body.editorial-page .blog-article li { margin-bottom:10px; }
body.editorial-page .blog-article blockquote { background:#eef7f2; border-left:3px solid #258865; padding:24px; border-radius:0 12px 12px 0; }
body.editorial-page #editorial-content .blog-article .section { padding-block:36px; }
body.editorial-page #editorial-content .blog-article .container { width:100%; }
body.editorial-page .blog-article > :last-child { margin-bottom:0; }
/* Product/solution cards and existing screenshot-led workflows. */
body.editorial-page #editorial-content :is(.features-grid,.cards-grid-3,.cards-grid-4,.blog-grid) { gap:22px; }
body.editorial-page #editorial-content :is(.feature-card,.card,.blog-card) { background:#fff; border:1px solid #dbe7e1; border-radius:18px; box-shadow:0 8px 24px rgba(8,38,36,.035); }
body.editorial-page #editorial-content .feature-card { padding:30px; text-align:left; }
body.editorial-page #editorial-content .feature-card h3 { font-size:21px; }
body.editorial-page #editorial-content .feature-card p { font-size:15px; }
body.editorial-page #editorial-content .feature-icon { border-radius:13px; background:#e8f5ed; color:#17624b; margin-left:0; }
body.editorial-page #editorial-content .two-col { gap:64px; align-items:center; }
body.editorial-page #editorial-content .two-col > * { min-width:0; }
body.editorial-page #editorial-content :is(.two-col,.about-content) img { max-width:100%; height:auto; border-radius:18px; }
body.editorial-page #editorial-content :is(.provider-card,.contact-info-card) { border-radius:16px !important; }
body.editorial-page #editorial-content .provider-split-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
body.editorial-page #editorial-content .section:has(.accordion) > .container { max-width:1000px !important; }
body.editorial-page #editorial-content .accordion-item { border:1px solid #dbe7e1; background:#fff; border-radius:12px; margin-bottom:12px; overflow:hidden; }
body.editorial-page #editorial-content .accordion-header { padding:20px 24px; font-size:16px; line-height:1.5; gap:18px; }
body.editorial-page #editorial-content .accordion-icon { flex-shrink:0; }
body.editorial-page #editorial-content .accordion-body-inner { padding:0 24px 24px; line-height:1.8; font-size:15px; }
/* Integration category cards, using the existing labels and provider chips. */
body.editorial--directory #editorial-content .container:has(> div > .label-sm) { max-width:1200px !important; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
body.editorial--directory #editorial-content .container:has(> div > .label-sm) > p { grid-column:1/-1; }
body.editorial--directory #editorial-content .container > div:has(> .label-sm) { background:#f3f8f5; border:1px solid #dbe7e1; border-radius:16px; padding:26px; margin-bottom:0 !important; }
body.editorial--directory #editorial-content .container > div:has(> .label-sm) span { white-space:normal !important; line-height:1.35 !important; }
/* Forms retain every field and handler; only the surrounding presentation changes. */
body.editorial--form #editorial-content .contact-grid { gap:40px; align-items:start; }
body.editorial--form #editorial-content :is(.contact-form,.form-card,.demo-form) { background:#fff; border:1px solid #dbe7e1; border-radius:20px; box-shadow:0 10px 30px rgba(8,38,36,.04); }
body.editorial--form #editorial-content :is(input:not([type=radio]):not([type=checkbox]):not([type=hidden]),select,textarea) { max-width:100%; border-radius:8px; }
body.editorial--form #editorial-content fieldset { border:1px solid #dbe7e1 !important; border-radius:16px; padding:24px !important; background:#f8fbf9; min-width:0; }
body.editorial--form #editorial-content legend { max-width:100%; }
body.editorial--form #editorial-content .calendly-inline-widget { min-width:0 !important; width:100%; }
/* Quiet reference pages keep their complete document text. */
body.editorial--reference #editorial-content .section > .container { max-width:960px !important; }
body.editorial--reference #editorial-content :is(p,li) { overflow-wrap:anywhere; }
body.editorial--company #editorial-content .about-content { max-width:900px !important; }
body.editorial--company #editorial-content img[src*="umesh-ramidi"] { border-radius:50% !important; border:6px solid #d7eee1; }
/* Shared conversion close/footer, scoped to this rollout only. */
body.editorial-page .cta-banner { background:#102f30; }
body.editorial-page.theme-dtone .cta-banner :is(h2,p) { color:#edf9f2; }
body.editorial-page .cta-banner .btn-secondary { background:transparent; color:#d9f4e7; border-color:#70928f; }
body.editorial-page.theme-dtone .cta-banner .btn.btn-ghost { background:transparent; color:#d9f4e7; border:1px solid #70928f; }
body.editorial-page .footer-grid > * { min-width:0; }
body.editorial-page .footer-social { flex-wrap:wrap; }
body.editorial-page #editorial-content table { max-width:100%; border-collapse:collapse; font-size:14px; line-height:1.7; }
body.editorial-page #editorial-content th { color:#102f30; background:#e8f2ec; text-align:left; }
body.editorial-page #editorial-content :is(th,td) { vertical-align:top; }
body.editorial-page #editorial-content [style*="overflow-x"] { max-width:100%; }
body.editorial-page #editorial-content img { max-width:100%; }
@media (max-width:1024px) {
    body.editorial-page .nav-menu { background:#071d25; }
    body.editorial-page .nav-cta-mobile .btn-outline-accent { color:#e7f3f1; }
    body.editorial-page .page-hero > .container { gap:20px 36px; }
    body.editorial-page #editorial-content .two-col { gap:32px; }
    body.editorial-page #editorial-content :is(.features-grid,.cards-grid-3,.cards-grid-4,.blog-grid) { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:800px) {
    body.editorial-page.theme-dtone .page-hero { padding-block:44px; }
    body.editorial-page .page-hero > .container { grid-template-columns:1fr; gap:22px; }
    body.editorial-page.theme-dtone .page-hero h1 { grid-column:1; font-size:40px; }
    body.editorial-page #editorial-content .page-hero > .container > p { grid-column:1; grid-row:auto; border-left:0; padding-left:0; }
    body.editorial-page #editorial-content .two-col,
    body.editorial-page #editorial-content .contact-grid,
    body.editorial-page #editorial-content .provider-split-grid { grid-template-columns:1fr !important; }
    body.editorial-page .blog-article { padding:32px; }
    body.editorial-page #editorial-content .why-split { grid-template-columns:1fr; gap:28px; }
    body.editorial-page #editorial-content .why-split__pills { padding:0; }
}
@media (max-width:520px) {
    body.editorial-page #editorial-content .container { width:calc(100% - 36px); }
    body.editorial-page #editorial-content .section { padding-block:46px; }
    body.editorial-page.theme-dtone .page-hero h1 { font-size:34px; overflow-wrap:break-word; }
    body.editorial-page #editorial-content .page-hero > .container > p { font-size:15px; }
    body.editorial-page .page-hero .hero-trust { gap:14px; }
    body.editorial-page .page-hero .hero-trust-item { flex:1 1 100%; }
    body.editorial-page .blog-article { padding:26px 20px; border-radius:14px; }
    body.editorial-page .blog-article :is(p,ul,ol) { font-size:15px; }
    body.editorial-page .blog-article > h2 { font-size:27px; margin-top:36px; padding-top:26px; }
    body.editorial-page #editorial-content :is(.features-grid,.cards-grid-3,.cards-grid-4,.blog-grid,.stats-grid) { grid-template-columns:1fr; }
    body.editorial--directory #editorial-content .container:has(> div > .label-sm) { grid-template-columns:1fr; }
    body.editorial-page #editorial-content .feature-card { padding:25px; }
    body.editorial-page #editorial-content .accordion-header { padding:18px; font-size:15px; }
    body.editorial-page #editorial-content .accordion-body-inner { padding:0 18px 20px; }
    body.editorial-page #editorial-content .btn { max-width:100%; }
    body.editorial--form #editorial-content fieldset { padding:18px !important; }
}
@media (prefers-reduced-motion:reduce) {
    body.editorial-page #editorial-content * { transition:none !important; scroll-behavior:auto !important; }
}