/*
Theme Name: Truetal Public
Theme URI: https://truetal.in
Author: Truetal
Description: Native, server-rendered public site for Truetal. Keeps the business app on app.truetal.in.
Version: 1.1.3
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: truetal-public
*/
/* Truetal design tokens. Deep purple anchors navigation and headings; vivid purple is used for
   actions, links and selected states; pale violet provides supporting surfaces. Semantic green,
   orange and red remain reserved for status meaning. Legacy variable names are retained so older
   screens inherit the approved palette without a risky one-shot component migration. */
:root {
  --brand-navy-950: #181126;
  --brand-navy-900: #241B3A;
  --brand-navy-800: #30264B;
  --brand-navy-700: #463B63;
  --brand-blue-600: #5B4FE9;
  --brand-blue-700: #4938D1;
  --brand-blue-100: #F1EFFF;
  --brand-white: #FFFFFF;
  --brand-surface: #F7F9FC;
  --brand-border: #DCE4F0;
  --brand-ink: #17233B;
  --brand-muted: #5D6B82;

  --success: #159A6B;
  --warning: #F59E0B;
  --danger: #E84B4B;
  --info: #2F80ED;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --shadow-card: 0 1px 2px rgba(16, 27, 45, 0.06), 0 8px 24px rgba(16, 27, 45, 0.06);
  --shadow-raised: 0 24px 60px rgba(16, 27, 45, 0.16);

  --measure-reading: 66ch;
  --container: min(94vw, 1240px);
  --container-wide: min(94vw, 1320px);

  /* legacy aliases used by public-site components (map onto the tokens above) */
  --t-navy: var(--brand-navy-900);
  --t-blue: var(--brand-blue-600);
  --t-blue-soft: var(--brand-blue-100);
  --t-teal: var(--success);
  --t-ink: var(--brand-ink);
  --t-muted: var(--brand-muted);
  --t-line: var(--brand-border);
  --t-accent: var(--brand-blue-700);
}


.site *, .site *::before, .site *::after { box-sizing: border-box; }
.site img { max-width: 100%; height: auto; }
.site a { color: inherit; }
.site [id] { scroll-margin-top: 84px; }
.wrap { width: var(--container); margin-inline: auto; }
@media (min-width: 1440px) { .wrap { width: var(--container-wide); } }
.section { padding: clamp(64px, 7vw, 112px) 0; position: relative; }
.section.alt { background: var(--brand-surface); }
.section.navy { background: var(--brand-navy-900); color: #dbe4f3; }
.section.navy h2, .section.navy h3 { color: #fff; }
.section.navy .lead { color: #c3cfe3; }
.section.navy .eyebrow { color: #8db4ff; }
.grid { display: grid; gap: 24px; }
.site main { overflow: clip; }
.split { display: grid; gap: clamp(28px, 4vw, 64px); align-items: center; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 900px) { .split { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); } .split.flip > :first-child { order: 2; } }


/* Fluid type scale sized for ordinary 13–15 inch laptops as well as large
   monitors. Body copy remains accessible without turning headlines into most
   of the viewport at common Windows scaling levels. */
.site { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Inter, Roboto, 'Helvetica Neue', Arial, sans-serif; color: var(--brand-ink); line-height: 1.6; font-size: clamp(16px, 0.28vw + 14.5px, 18px); -webkit-font-smoothing: antialiased; }
.site h1, .site h2, .site h3 { margin: 0; color: var(--brand-navy-900); letter-spacing: -0.015em; }
.site h1 { font-size: clamp(2rem, 3vw + 0.35rem, 3.35rem); line-height: 1.08; font-weight: 800; }
.site h2 { font-size: clamp(1.65rem, 1.75vw + 0.65rem, 2.35rem); line-height: 1.15; font-weight: 800; }
.site h3 { font-size: clamp(1.2rem, 0.8vw + 1rem, 1.5rem); line-height: 1.3; font-weight: 700; }
.site p { margin: 0; }
.eyebrow { display: inline-block; font-size: 0.78em; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--brand-blue-700); margin-bottom: 14px; }
.lead { font-size: 1.12em; color: var(--brand-muted); max-width: var(--measure-reading); margin-top: 16px; }


/* Shared component styles: buttons, cards, chips, lists, header, footer, product mock-ups. */
  .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; font: inherit; font-weight: 700; font-size: 1em; padding: 14px 26px; border-radius: 10px; border: 1.5px solid transparent; cursor: pointer; text-decoration: none; transition: background .18s, border-color .18s, transform .18s, box-shadow .18s; min-height: 48px; }
  .btn:hover { transform: translateY(-1px); }
  .btn-primary { background: var(--brand-blue-600); color: #fff !important; box-shadow: 0 6px 18px rgba(91,79,233,.28); }
  .btn-primary:hover { background: var(--brand-blue-700); }
  .btn-outline { background: #fff; color: var(--t-blue) !important; border-color: #c5d7fb; }
  .btn-outline:hover { border-color: var(--t-blue); background: var(--t-blue-soft); }
  .btn-light { background: #fff; color: var(--t-navy) !important; }
  .btn:focus-visible, .site a:focus-visible, .site button:focus-visible, .site input:focus-visible, .site select:focus-visible, .site textarea:focus-visible { outline: 3px solid #93b4ff; outline-offset: 2px; }
  .card { background: #fff; border: 1px solid var(--t-line); border-radius: 18px; padding: 26px; box-shadow: 0 1px 2px rgba(36,27,58,.03); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
  .card:hover { transform: translateY(-3px); border-color: rgba(91,79,233,.28); box-shadow: 0 18px 42px rgba(36,27,58,.09); }
  .chip { display: inline-flex; align-items: center; gap: 6px; font-size: 0.82em; font-weight: 700; padding: 5px 12px; border-radius: 999px; background: var(--t-blue-soft); color: var(--t-blue); }
  .chip.teal { background: #e6f7f5; color: #0f766e; }
  .chip.soon { background: #fef3c7; color: #92400e; }
  .check { list-style: none; padding: 0; margin: 18px 0 0; display: grid; gap: 10px; }
  .check li { position: relative; padding-left: 30px; }
  .check li::before { content: ''; position: absolute; left: 0; top: 0.35em; width: 18px; height: 18px; border-radius: 50%; background: var(--t-teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3.2L15 6.8' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat; }
  .split { display: grid; gap: clamp(28px, 4vw, 64px); align-items: center; grid-template-columns: minmax(0, 1fr); }
  @media (min-width: 900px) { .split { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); } .split.flip > :first-child { order: 2; } }
  /* header */
  .hdr { position: sticky; top: 0; z-index: 200; background: rgba(255,255,255,.88); backdrop-filter: blur(18px) saturate(160%); border-bottom: 1px solid rgba(91,79,233,.12); box-shadow: 0 1px 0 rgba(255,255,255,.8); }
  .hdr-in { display: flex; align-items: center; gap: 16px; height: 68px; }
  .logo { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; font-weight: 800; font-size: 1.35rem; color: var(--t-navy) !important; }
  .logo-copy { display: grid; line-height: 1.05; }
  .logo-copy small { margin-top: 4px; color: var(--t-navy); font-size: .61rem; font-weight: 750; letter-spacing: .045em; white-space: nowrap; }
  .logo-mark-shell { width: 40px; height: 40px; border-radius: 10px; display: grid; place-items: center; background: #fff; border: 1px solid var(--brand-border); box-shadow: 0 3px 10px rgba(16,27,45,.10); overflow: hidden; flex: 0 0 auto; }
  .logo-mark { width: 36px; height: 36px; display: block; object-fit: contain; }
  .nav { display: none; align-items: center; gap: 2px; margin-left: 4px; }
  .nav-item { position: relative; }
  .nav a.nav-link, .nav button.nav-link { font: inherit; font-size: 0.88em; font-weight: 650; color: #1e293b; background: none; border: 0; padding: 9px 9px; border-radius: 8px; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
  .nav a.nav-link:hover, .nav button.nav-link:hover { background: #f1f5f9; }
  .menu { position: absolute; top: calc(100% + 6px); left: 0; min-width: 290px; background: #fff; border: 1px solid var(--t-line); border-radius: 14px; box-shadow: 0 18px 44px rgba(15,23,42,.14); padding: 8px; display: none; }
  .nav-item.open .menu { display: block; }
  .menu a { display: block; padding: 10px 14px; border-radius: 8px; text-decoration: none; font-size: 0.95em; font-weight: 500; }
  .menu a:hover { background: var(--t-blue-soft); color: var(--t-blue); }
  .hdr-cta { display: none; margin-left: auto; gap: 8px; align-items: center; }
  .hdr-cta .btn { padding: 9px 15px; min-height: 40px; font-size: .9em; }
  .burger { margin-left: auto; width: 46px; height: 46px; border-radius: 10px; border: 1px solid var(--t-line); background: #fff; font-size: 1.3rem; cursor: pointer; }
  .mobile-panel { border-top: 1px solid var(--t-line); background: #fff; padding: 12px 0 20px; max-height: calc(100vh - 68px); overflow-y: auto; }
  .mobile-panel a { display: block; padding: 12px 4px; text-decoration: none; font-weight: 600; border-bottom: 1px solid #f1f5f9; }
  .mobile-panel .sub a { font-weight: 500; padding-left: 18px; color: var(--t-muted); }
  @media (min-width: 1100px) { .nav { display: flex; } .hdr-cta { display: flex; } .burger, .mobile-panel { display: none; } }

  /* footer */
  .ftr { position:relative;overflow:hidden;background:linear-gradient(145deg,var(--brand-navy-950),#2d2051 68%,#3d2870); color: #d9d2ea; padding: 72px 0 28px; }
  .ftr::before{content:'';position:absolute;width:460px;height:460px;border-radius:50%;right:-180px;top:-260px;background:radial-gradient(circle,rgba(125,103,255,.24),transparent 68%);pointer-events:none}
  .ftr h3 { color: #fff; margin: 0 0 14px; font-size: 1em; }
  .ftr a { text-decoration: none; color: #cbd5e1; display: block; padding: 5px 0; font-size: 0.95em; }
  .ftr a:hover { color: #fff; text-decoration: underline; }
  .ftr-grid { display: grid; gap: 32px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  @media (min-width: 900px) { .ftr-grid { grid-template-columns: 1.4fr repeat(4, 1fr); } }
  .ftr-bottom { margin-top: 44px; padding-top: 22px; border-top: 1px solid #22305b; font-size: 0.88em; color: #94a3b8; display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; }
  .ftr-privacy-button{display:block;padding:5px 0;border:0;background:transparent;color:#cbd5e1;font:inherit;font-size:.95em;cursor:pointer;text-align:left}.ftr-privacy-button:hover{color:#fff;text-decoration:underline}
  .analytics-consent{position:fixed;left:50%;bottom:18px;z-index:10000;width:min(920px,calc(100vw - 32px));box-sizing:border-box;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 22px;border:1px solid #c4b5fd;border-radius:16px;background:#fff;box-shadow:0 18px 52px rgba(36,27,58,.28)}.analytics-consent[hidden]{display:none}.analytics-consent h2{margin:0 0 6px;color:#241b3a;font-size:1.15rem}.analytics-consent p{max-width:660px;margin:0 0 5px;color:#475569;font-size:.92rem;line-height:1.55}.analytics-consent a{color:#4938d1;font-size:.88rem}.analytics-consent-actions{display:flex;flex:0 0 auto;gap:8px}.analytics-consent-actions .btn{white-space:nowrap;padding:10px 14px;font-size:.85rem}

  /* Shared public-page composition. */
  .page-hero{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff 0%,#f7f4ff 48%,#eee9ff 100%);border-bottom:1px solid rgba(91,79,233,.12)}
  .page-hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(91,79,233,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(91,79,233,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to right,transparent 3%,#000 45%,#000 90%,transparent)}
  .page-hero-glow{position:absolute;width:520px;height:520px;border-radius:50%;right:3%;top:-280px;background:radial-gradient(circle,rgba(91,79,233,.24),rgba(91,79,233,0) 70%);pointer-events:none}
  .page-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(40px,6vw,84px);align-items:start;padding:clamp(64px,8vw,118px) 0}
  .page-hero-compact .page-hero-grid{padding-block:clamp(48px,6vw,82px)}
  .page-hero-copy{max-width:760px}.page-hero-copy h1 span{color:var(--brand-blue-600)}
  .page-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
  .page-hero-proof{position:relative;width:min(100%,480px);justify-self:end;border:1px solid rgba(91,79,233,.2);border-radius:22px;background:rgba(255,255,255,.8);backdrop-filter:blur(14px);box-shadow:0 28px 70px rgba(54,38,96,.15);padding:18px;transform:none}
  .page-hero-proof::after{content:'';position:absolute;inset:10px -10px -10px 10px;border:1px solid rgba(91,79,233,.14);border-radius:22px;z-index:-1}
  .page-hero-proof-head{display:flex;align-items:center;justify-content:space-between;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--brand-navy-700);padding:4px 4px 15px}
  .page-hero-proof-head i{width:9px;height:9px;border-radius:50%;background:var(--success);box-shadow:0 0 0 5px rgba(21,154,107,.12)}
  .page-hero-proof-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:6px;border-radius:12px;background:var(--brand-blue-100);padding:14px 10px;text-align:center;font-size:.72rem;font-weight:800;color:var(--brand-blue-700)}
  .page-hero-proof-flow b{font-size:1rem}.page-hero-proof ul{list-style:none;padding:0;margin:12px 0;display:grid;gap:8px}
  .page-hero-proof li{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--brand-border);border-radius:11px;background:#fff;font-size:.86rem;font-weight:700}
  .page-hero-proof li span{font-size:.67rem;color:var(--brand-blue-600);font-weight:900;letter-spacing:.08em}.page-hero-proof>p{text-align:right;color:var(--brand-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;font-weight:800}
  .closing-cta{position:relative;overflow:hidden;background:linear-gradient(125deg,var(--brand-blue-700),#6f55ed 62%,#8c6fff);color:#fff;padding:clamp(56px,6vw,88px) 0}
  .closing-cta::after{content:'';position:absolute;width:420px;height:420px;border-radius:50%;right:-130px;top:-200px;border:80px solid rgba(255,255,255,.08)}
  .closing-cta-inner{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:36px}.closing-cta h2{color:#fff;max-width:760px}.closing-cta p{color:#eeeaff;margin-top:13px;max-width:680px}.closing-cta .eyebrow{color:#e6e0ff}.closing-cta-actions{display:flex;flex-wrap:wrap;gap:12px;flex:0 0 auto}.btn-ghost-light{color:#fff!important;border-color:rgba(255,255,255,.55);background:transparent}.btn-ghost-light:hover{background:rgba(255,255,255,.1)}
  @media(max-width:900px){.page-hero-grid{grid-template-columns:1fr}.page-hero-proof{max-width:620px;justify-self:start}.closing-cta-inner{align-items:flex-start;flex-direction:column}}
  @media(max-width:560px){.page-hero-grid{padding-block:52px}.page-hero-proof{padding:14px}.page-hero-actions .btn,.closing-cta-actions .btn{width:100%}.closing-cta-actions{width:100%}}

  /* product mock-ups (sample data, drawn in HTML) */
  .mock { background: #fff; border: 1px solid var(--t-line); border-radius: 18px; box-shadow: 0 24px 60px rgba(15,31,75,.14); overflow: hidden; font-size: 15px; color: var(--t-ink); }
  .mock-bar { display: flex; align-items: center; gap: 7px; padding: 12px 16px; background: #f8fafc; border-bottom: 1px solid var(--t-line); font-weight: 700; }
  .mock-bar i { width: 10px; height: 10px; border-radius: 50%; background: #cbd5e1; display: inline-block; }
  .mock-bar span { margin-left: 8px; }
  .mock-body { padding: 16px; display: grid; gap: 10px; }
  .mock-row { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 11px 14px; border: 1px solid var(--t-line); border-radius: 10px; }
  .mock-row b { font-weight: 700; }
  .mock-row small { display: block; color: var(--t-muted); font-size: 0.85em; }
  .mock-tag { font-size: 0.78em; font-weight: 700; padding: 3px 10px; border-radius: 999px; white-space: nowrap; }
  .mock-tag.ok { background: #e6f7f5; color: #0f766e; } .mock-tag.warn { background: #fef3c7; color: #92400e; } .mock-tag.info { background: var(--t-blue-soft); color: var(--t-blue); } .mock-tag.bad { background: #fee2e2; color: #b91c1c; }
  .mock-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
  .mock-stat { border: 1px solid var(--t-line); border-radius: 10px; padding: 12px; }
  .mock-stat small { color: var(--t-muted); display: block; font-size: 0.82em; } .mock-stat b { font-size: 1.15em; }
  .mock-bars { display: flex; align-items: flex-end; gap: 8px; height: 90px; padding: 8px 4px 0; }
  .mock-bars span { flex: 1; background: linear-gradient(180deg, #60a5fa, var(--t-blue)); border-radius: 6px 6px 0 0; }
  .mock-note { font-size: 0.78em; color: #94a3b8; text-align: right; padding: 0 16px 12px; }

/* navigation additions */
.menu-wide { min-width: 420px; }
.menu a small { display: block; font-weight: 400; font-size: 0.85em; color: var(--brand-muted); margin-top: 2px; }
.menu-group { border-top: 1px solid var(--brand-border); margin-top: 4px; padding-top: 4px; }
.menu-sub-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px 6px; padding: 0 8px 8px 18px; }
.menu .menu-sub-links a { padding: 7px 8px; font-size: 0.82em; color: var(--brand-muted); }
.nav-mobile .nav-subfeature { padding-left: 28px; font-size: 0.9em; color: var(--brand-muted); }
.ftr .ftr-sub-link { padding-left: 14px; font-size: 0.86em; color: #aebbd0; }
.mobile-panel .mp-h { margin: 14px 0 2px; font-size: 0.78em; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--brand-muted); }
.mobile-panel a { min-height: 48px; display: flex; align-items: center; }
.skip-link { position: absolute; left: -9999px; top: 8px; background: #fff; color: var(--brand-navy-900); padding: 10px 16px; border-radius: 8px; z-index: 500; font-weight: 700; }
.skip-link:focus { left: 8px; }

/* ---- homepage helpers ---- */
.home-hero{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff 0%,#f7f4ff 50%,#eee9ff 100%)}
.home-hero::before{content:'';position:absolute;width:720px;height:720px;border-radius:50%;right:-240px;top:-400px;background:radial-gradient(circle,rgba(91,79,233,.22),transparent 70%)}
.home-hero::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(91,79,233,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(91,79,233,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to right,transparent,#000 60%,transparent)}
.home-hero .wrap{position:relative;z-index:1}.home-hero-copy{max-width:680px}.home-hero-product{position:relative;justify-self:center;width:min(100%,560px)}
.home-hero-product::before{content:'';position:absolute;inset:12% 8%;border-radius:50%;background:rgba(91,79,233,.2);filter:blur(52px);z-index:-1}
.strip{background:#fff;border-top:1px solid var(--brand-border);border-bottom:1px solid var(--brand-border)}
.strip-in{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center;padding:14px 0}
.strip-in a{display:inline-flex;align-items:center;gap:8px;padding:8px 4px;font-weight:600;font-size:.95rem;color:var(--brand-ink);text-decoration:none}
.strip-in a:hover{color:var(--brand-blue-600)}
.hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;justify-content:center}
.hero-chips span{background:#fff;border:1px solid var(--brand-border);border-radius:999px;padding:5px 12px;font-size:.82rem;font-weight:600;color:var(--brand-ink)}
.flow{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.flow li{background:#fff;border:1px solid var(--brand-border);border-radius:14px;padding:16px;display:grid;gap:10px}
.flow li span{width:30px;height:30px;border-radius:50%;background:var(--brand-blue-600);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.9rem}
.also{margin-top:14px;color:var(--brand-muted);font-size:.92rem}
.home-feature-visual{position:relative;isolation:isolate;perspective:1200px}
.home-feature-visual::before{content:'';position:absolute;inset:10% 8%;z-index:-1;border-radius:42%;background:radial-gradient(circle,rgba(91,79,233,.18),rgba(91,79,233,0) 70%);filter:blur(30px);transform:translateY(14px)}
.home-feature-visual .mock{transform-origin:center;will-change:transform;transition:box-shadow .3s ease}
.home-feature-visual:hover .mock{animation-play-state:paused!important;box-shadow:0 30px 70px rgba(54,38,96,.19)}
@media(prefers-reduced-motion:no-preference){
  .home-feature-visual .mock{animation:homeMockFloat 6.4s ease-in-out infinite}
  .home-feature-visual[data-motion="1"] .mock{animation-delay:-2.1s}
  .home-feature-visual[data-motion="2"] .mock{animation-delay:-4.2s}
  @keyframes homeMockFloat{0%,100%{transform:translate3d(0,0,0) rotateX(0deg)}50%{transform:translate3d(0,-9px,0) rotateX(.7deg)}}
}
@media(prefers-reduced-motion:reduce){.home-feature-visual .mock{animation:none!important;transform:none!important}}
.textlink{color:var(--brand-blue-600);font-weight:700;text-decoration:none}
.textlink:hover{text-decoration:underline}

/* Hero product proof — uses the product language and design system, not a stock portrait. */
.hero-product{background:#fff;border:1px solid var(--brand-border);border-radius:22px;box-shadow:var(--shadow-raised);overflow:hidden;color:var(--brand-ink)}
.hero-product-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;background:var(--brand-navy-900);color:#fff}
.hero-product-brand{font-weight:800;font-size:.92rem;letter-spacing:.01em}
.hero-product-body{padding:18px;display:grid;gap:16px}
.hero-product-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hero-product-kpis div{border:1px solid var(--brand-border);border-radius:12px;padding:12px;background:var(--brand-surface)}
.hero-product-kpis small{display:block;color:var(--brand-muted);font-size:.72rem;line-height:1.35}
.hero-product-kpis strong{display:block;margin-top:5px;font-size:.96rem;white-space:nowrap}
.hero-product-kpis .hero-good{color:var(--success)}
.hero-product-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.hero-product-step{position:relative;display:grid;justify-items:center;gap:5px;padding:10px 4px;border-radius:10px;background:var(--brand-blue-100);font-size:.76rem}
.hero-product-step span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--brand-blue-600);color:#fff;font-weight:800}
.hero-product-step i{position:absolute;right:-8px;top:18px;color:var(--brand-blue-600);font-style:normal;font-weight:800;z-index:2}
.hero-product-match{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #b8e9d8;background:#f0fdf8;border-radius:12px;padding:13px}
.hero-product-match small,.hero-product-match b{display:block}.hero-product-match small{color:var(--brand-muted);font-size:.72rem}.hero-product-match b{font-size:.82rem;margin-top:3px}
.hero-product-reports{display:flex;flex-wrap:wrap;gap:7px}.hero-product-reports span{border:1px solid var(--brand-border);border-radius:999px;padding:5px 10px;font-size:.72rem;font-weight:700;color:var(--brand-navy-700)}
@media(max-width:520px){.hero-product-kpis{grid-template-columns:1fr}.hero-product-flow{grid-template-columns:repeat(2,1fr)}.hero-product-step i{display:none}}

/* Connected business journey: readable without motion; sequential emphasis is enhancement only. */
.journey-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,var(--brand-blue-100) 58%,#fff 100%)}
.journey-heading{text-align:center;max-width:800px;margin:0 auto 36px}
.journey-heading .lead{margin-inline:auto;max-width:720px}
.journey-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;position:relative;z-index:2}
.journey-card{--journey-step:0;position:relative;min-width:0;display:flex;flex-direction:column;padding:24px 22px 20px;border:1px solid var(--brand-border);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 8px 24px rgba(36,27,58,.06);outline:none;transform:translateY(0);animation:journey-focus 12s ease-in-out infinite;animation-delay:calc(var(--journey-step) * 3s)}
.journey-card:not(:last-child)::after{content:'›';position:absolute;right:-15px;top:50%;z-index:4;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid var(--brand-border);color:var(--brand-blue-600);font-size:22px;font-weight:800;box-shadow:0 4px 12px rgba(36,27,58,.08)}
.journey-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.journey-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--brand-blue-100);color:var(--brand-blue-600);font-size:24px;font-weight:800}
.journey-number{color:rgba(36,27,58,.09);font-size:2.35rem;line-height:1;font-weight:900;letter-spacing:-.05em}
.journey-phase{margin:18px 0 10px;color:var(--brand-blue-600)!important;font-size:.76rem!important;font-weight:850;letter-spacing:.1em}
.journey-card h3{font-size:1.08rem;line-height:1.35;margin:0 0 10px}
.journey-card>p:not(.journey-phase){color:var(--brand-muted);font-size:.92rem;line-height:1.6;margin:0 0 20px}
.journey-card>strong{display:block;margin-top:auto;padding-top:14px;border-top:1px solid var(--brand-border);color:var(--brand-blue-700);font-size:.84rem}
.journey-card:hover,.journey-card:focus-visible{animation-play-state:paused;transform:translateY(-7px);border-color:var(--brand-blue-600);box-shadow:0 20px 40px rgba(73,56,209,.15)}
.journey-card:focus-visible{box-shadow:0 0 0 4px rgba(91,79,233,.18),0 20px 40px rgba(73,56,209,.15)}
.journey-visual{position:relative;margin:-6px auto -56px;max-width:1120px;z-index:1;pointer-events:none}
.journey-visual::before{content:'';position:absolute;inset:24% 10% 12%;background:radial-gradient(ellipse,rgba(91,79,233,.18),transparent 68%);filter:blur(18px)}
.journey-visual img{position:relative;display:block;width:100%;height:auto;filter:drop-shadow(0 28px 30px rgba(36,27,58,.12))}
@media(max-width:1000px){.journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-card:nth-child(2)::after{display:none}.journey-visual{margin-top:18px}}
@media(max-width:620px){.journey-grid{grid-template-columns:1fr}.journey-card::after{display:none!important}.journey-card{padding:20px}.journey-visual{margin:18px -10px -24px}.journey-heading{text-align:left}.journey-heading .lead{margin-inline:0}}

.industry-card{position:relative;padding-top:62px!important;transition:transform .18s,box-shadow .18s}.industry-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card)}
.industry-icon{position:absolute;top:20px;left:24px;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--brand-blue-100);font-size:1.1rem}

.pricing-wrap{width:min(94vw,1320px)}
.pricing-wrap>.lead{max-width:780px}
.pricing-grid{display:grid;gap:24px;margin-top:44px;align-items:stretch}
@media(min-width:1080px){.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:700px) and (max-width:1079px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-card:last-child{grid-column:1/-1;max-width:calc(50% - 12px);width:100%;justify-self:center}}
.pricing-card{position:relative;display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--brand-border);border-radius:20px;padding:clamp(26px,2.5vw,36px);box-shadow:0 14px 38px rgba(36,27,58,.08)}
.pricing-card.popular{border:2px solid var(--brand-blue-600);transform:translateY(-8px);box-shadow:0 24px 54px rgba(91,79,233,.18)}
.pricing-badge{position:absolute;top:0;right:28px;transform:translateY(-50%);background:var(--brand-blue-600);color:#fff;border-radius:999px;padding:7px 14px;text-transform:uppercase;font-size:.7rem;letter-spacing:.09em;font-weight:850}
.pricing-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.pricing-card-head h3{font-size:1.35rem}.pricing-card-head>span{border-radius:999px;background:var(--brand-blue-100);color:var(--brand-blue-700);padding:5px 10px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.pricing-audience{color:var(--brand-muted);font-size:.96rem;line-height:1.55;min-height:3.1em;margin-top:10px!important}
.pricing-price{margin-top:24px;padding:20px;border-radius:15px;background:linear-gradient(145deg,#f8f6ff,#f1efff);border:1px solid rgba(91,79,233,.16)}
.pricing-price>div{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.pricing-price strong{font-size:clamp(2.35rem,3.5vw,3.2rem);line-height:1;color:var(--brand-navy-900);letter-spacing:-.04em}.pricing-price span{color:var(--brand-muted);font-size:.9rem;font-weight:650}.pricing-price p{margin-top:10px!important;color:var(--brand-navy-700);font-size:.88rem}.pricing-price p b{font-size:1rem}.pricing-price-custom{display:grid;gap:10px;align-content:center;min-height:116px}.pricing-price-custom span{display:block}
.pricing-value{font-weight:750;color:var(--brand-blue-700);font-size:.94rem;line-height:1.5;margin-top:20px!important;min-height:2.8em}
.pricing-includes{margin-top:22px!important;color:var(--brand-navy-900);font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.09em}
.pricing-features{font-size:.91rem;line-height:1.5;flex:1;margin:14px 0 28px}.pricing-features li{padding-left:28px}.pricing-features li::before{top:.22em}.pricing-card .btn{width:100%;font-size:.95rem}
.pricing-footnote{max-width:930px;text-align:center;color:var(--brand-muted);font-size:.86rem;line-height:1.55;margin:26px auto 0!important}
@media(max-width:699px){.pricing-grid{gap:20px}.pricing-card,.pricing-card.popular{padding:24px;transform:none}.pricing-card-head{align-items:flex-start}.pricing-audience,.pricing-value{min-height:0}.pricing-price{padding:18px}.pricing-price strong{font-size:2.5rem}}


/* Motion: subtle 150-350ms transitions only; everything is disabled for reduced-motion users. */
  /* Content is visible by default. IntersectionObserver only adds a brief enhancement;
     it is never a prerequisite for reading or screenshotting the page. */
  .reveal { opacity: 1; transform: none; }
  .reveal.in { animation: reveal-in .35s ease both; }
  @keyframes reveal-in { from { opacity: .01; transform: translateY(14px); } to { opacity: 1; transform: none; } }
  @keyframes journey-focus {
    0%, 19% { transform: translateY(-7px); border-color: var(--brand-blue-600); box-shadow: 0 20px 40px rgba(73,56,209,.15); }
    25%, 100% { transform: translateY(0); border-color: var(--brand-border); box-shadow: 0 8px 24px rgba(36,27,58,.06); }
  }
  @media (prefers-reduced-motion: reduce) { .reveal, .reveal.in { opacity: 1; transform: none; transition: none; animation: none; } .btn, .btn:hover, .article-toc-mobile, .article-toc-mobile-chevron { transition: none; } .btn, .btn:hover { transform: none; } .journey-card { animation: none; } }



html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#17233b}body.admin-bar .hdr{top:32px}
@media(max-width:782px){body.admin-bar .hdr{top:46px}}
.hdr-cta .nav-link{display:inline-flex;align-items:center;gap:6px;padding:9px 10px;border-radius:8px;color:#1e293b;text-decoration:none;font-size:.9em;font-weight:650;white-space:nowrap;transition:background .18s,color .18s,border-color .18s}.hdr-cta .nav-link:hover{background:#f1f5f9;color:#241b3a}.hdr-cta .hdr-install-link{border:1px solid #ddd6fe;background:#f5f3ff;color:#4938d1}.hdr-cta .hdr-install-link:hover{border-color:#b9adff;background:#eeeaff;color:#3929bb}.hdr-install{display:none}
.wp-site-blocks{padding:0}.site-main{min-height:60vh}.nav-toggle{display:none}.nav-mobile{display:none}
.nav details{position:relative}.nav summary{list-style:none}.nav summary::-webkit-details-marker{display:none}.nav details[open] .menu{display:block}
.blog-list-shell{width:min(94vw,1240px);margin:0 auto;padding:40px 0 80px}.blog-intro{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:32px;align-items:end;padding:clamp(28px,4vw,52px);border:1px solid rgba(91,79,233,.18);border-radius:24px;background:linear-gradient(135deg,#fff 0%,#f5f1ff 100%);box-shadow:0 22px 56px rgba(36,27,58,.09)}.blog-intro:after{content:'';position:absolute;width:320px;height:320px;border-radius:50%;right:-160px;top:-190px;background:rgba(91,79,233,.16)}.blog-intro>*{position:relative;z-index:1}.blog-intro h1{margin:6px 0 0;font-size:clamp(1.7rem,2vw + 1rem,2.3rem);color:#0f172a}.blog-intro h1 span{color:#5b4fe9}.blog-intro p{margin:10px 0 0;font-size:17px;line-height:1.6;color:#475569}.blog-proof{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.blog-proof span{border:1px solid rgba(91,79,233,.18);border-radius:999px;background:rgba(255,255,255,.76);padding:6px 11px;color:#4938d1;font-size:12px;font-weight:750}.blog-search label{display:block;font-weight:750;margin-bottom:7px}.blog-search div{display:flex}.blog-search input{min-width:0;flex:1;padding:13px 14px;border:1px solid #cbd5e1;border-radius:10px 0 0 10px;font:inherit}.blog-search button{border:0;border-radius:0 10px 10px 0;padding:0 18px;background:#5b4fe9;color:#fff;font-weight:750;cursor:pointer}.blog-topics{display:flex;gap:10px;overflow-x:auto;padding:20px 2px 8px;scrollbar-width:thin}.blog-topics a{flex:0 0 auto;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:999px;padding:7px 16px;font-size:14px;text-decoration:none}.blog-topics a.active{background:#5b4fe9;border-color:#5b4fe9;color:#fff}.blog-topics small{opacity:.72}.post-grid{display:grid;gap:24px;padding:28px 0 48px}.blog-post-grid,.home-post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.post-card{min-width:0;overflow:hidden;padding:0;background:#fff;border:1px solid #e5e7eb;border-radius:18px;transition:box-shadow .2s,transform .2s,border-color .2s}.post-card:hover{border-color:rgba(91,79,233,.3);box-shadow:0 18px 42px rgba(36,27,58,.12);transform:translateY(-4px)}.post-card>a{display:flex;height:100%;flex-direction:column;text-decoration:none;color:inherit}.post-card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#f1efff}.post-card-body{padding:18px 20px 20px;display:flex;flex:1;flex-direction:column;gap:10px}.post-topic{align-self:flex-start;border-radius:999px;background:#5b4fe9;color:#fff;padding:4px 11px;font-size:12px;font-weight:750}.post-card h2,.post-card h3{margin:0;font-size:clamp(17px,.5vw + 15px,19px);line-height:1.4;color:#0f172a}.post-card p{margin:0;color:#475569;font-size:15px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card small{margin-top:auto;padding-top:4px;color:#64748b}.blog-empty{text-align:center;padding:80px 20px}
.article-hero{width:min(92vw,1040px);margin:0 auto;padding:34px 0 0}.article-breadcrumb{font-size:13px;color:#6b7280;margin-bottom:18px}.article-breadcrumb a{color:#6b7280}.article-kicker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px;font-size:13px;color:#6b7280}.article-kicker span:first-child{border-radius:999px;background:#5b4fe9;color:#fff;padding:5px 11px;font-weight:700}.article-hero h1{max-width:940px;margin:0 0 12px;font-size:clamp(1.7rem,1.6vw + 1.1rem,2.35rem);line-height:1.25;color:#241b3a}.article-deck{max-width:850px;color:#5f6673;font-size:16px;line-height:1.65}.article-byline{font-size:13px;color:#6b7280;margin-top:14px}.article-cover{display:block;width:min(92vw,1040px);height:auto;aspect-ratio:16/9;object-fit:contain;margin:22px auto 0;border-radius:16px;background:#f4f2ff;box-shadow:0 12px 34px rgba(36,27,58,.12)}.article-layout{width:min(94vw,1180px);margin:0 auto;padding:32px 16px 80px;box-sizing:border-box}.article-layout.has-toc{display:grid;grid-template-columns:200px minmax(0,800px);gap:32px;justify-content:center}.article-toc{min-width:0}.article-toc>strong{display:block;margin-bottom:12px;color:#9ca3af;font-size:12px;text-transform:uppercase;letter-spacing:.6px}.article-toc nav{position:sticky;top:90px;display:flex;flex-direction:column}.article-toc a,.article-toc-mobile a{padding:6px 0 6px 12px;border-left:2px solid #e5e7eb;color:#4b5563;font-size:13.5px;line-height:1.5;text-decoration:none}.article-toc a.active,.article-toc a:hover,.article-toc-mobile a:hover{border-color:#5b4fe9;color:#4938d1;font-weight:650}.article-toc-mobile{display:none;margin:0 0 20px;border:1px solid #c4b5fd;border-radius:14px;background:linear-gradient(135deg,#faf9ff,#f2efff);position:sticky;top:76px;z-index:5;box-shadow:0 6px 20px rgba(73,56,209,.12);overflow:hidden;transition:border-color .18s,background .18s,box-shadow .18s}.article-toc-mobile summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:10px 16px;box-sizing:border-box;cursor:pointer;list-style:none;color:#241b3a}.article-toc-mobile summary::-webkit-details-marker{display:none}.article-toc-mobile summary:focus-visible{outline:3px solid rgba(91,79,233,.32);outline-offset:-3px}.article-toc-mobile-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.article-toc-mobile-copy strong{font-size:16px;line-height:1.35}.article-toc-mobile-copy small{color:#5b4fe9;font-size:13px;font-weight:700;line-height:1.4}.article-toc-mobile-chevron{width:11px;height:11px;flex:0 0 auto;border-right:2px solid #4938d1;border-bottom:2px solid #4938d1;transform:rotate(45deg) translate(-2px,-2px);transition:transform .18s}.article-toc-mobile[open]{border-color:#5b4fe9;background:#fff;box-shadow:0 10px 26px rgba(73,56,209,.18)}.article-toc-mobile[open] summary{border-bottom:1px solid #ddd6fe;background:#f5f3ff}.article-toc-mobile[open] .article-toc-mobile-chevron{transform:rotate(225deg) translate(-2px,-2px)}.article-toc-mobile nav{display:flex;flex-direction:column;padding:10px 16px 14px}.article-toc-mobile nav a{padding-block:9px}.article-main{min-width:0}.article-content{font-size:clamp(17px,1.05vw,20px);line-height:1.68;color:#374151}.article-content h2{scroll-margin-top:110px;margin:44px 0 18px;padding-bottom:10px;border-bottom:2px solid #e5e7eb;font-size:clamp(1.3rem,1vw + 1rem,1.6rem);line-height:1.3;color:#241b3a}.article-content h3{margin:28px 0 12px;font-size:clamp(1.1rem,.5vw + 1rem,1.25rem);color:#241b3a}.article-content p,.article-content ul,.article-content ol{margin:0 0 1.25em}.article-content a{color:#5b4fe9}.article-content img{max-width:100%;height:auto;border-radius:14px}.article-content table{width:100%;border-collapse:collapse}.article-content td,.article-content th{padding:10px;border:1px solid #e5e7eb}.article-cta{margin-top:40px;padding:28px 32px;border:1px solid #c4b5fd;border-radius:14px;background:linear-gradient(135deg,#f7f5ff,#f1efff)}.article-cta h2{margin:0 0 8px;border:0;padding:0}.article-cta p{margin-bottom:18px}.article-cta .btn{margin:0 10px 8px 0}
.trubot{position:fixed;right:22px;bottom:22px;z-index:9997;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.trubot-launcher{width:60px;height:60px;border-radius:50%;border:1px solid #d9d4ff;background:#fff;box-shadow:0 10px 30px rgba(36,27,58,.28);display:grid;place-items:center;cursor:pointer;padding:0;transition:transform .2s}.trubot-launcher:hover{transform:scale(1.06)}.trubot-launcher img{width:40px;height:40px;object-fit:contain}.trubot-nudge,.trubot-chat{position:relative;width:min(320px,calc(100vw - 32px));box-sizing:border-box;border:1px solid #d9d4ff;border-radius:16px;background:#fff;box-shadow:0 18px 48px rgba(36,27,58,.22);opacity:0;transform:translateY(12px);transition:opacity .2s,transform .2s}.trubot-nudge.is-visible,.trubot-chat.is-visible{opacity:1;transform:none}.trubot-nudge{padding:18px}.trubot-x{position:absolute;right:8px;top:6px;border:0;background:none;font-size:20px;line-height:1;cursor:pointer;color:#9ca3af;padding:4px}.trubot-nudge-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-right:18px}.trubot-nudge-head strong{display:block;font-size:14px;color:#241b3a}.trubot-nudge-head small{font-size:12px;color:#6b7280}.trubot-mark{width:42px;height:42px;flex:0 0 auto;border-radius:11px;border:1px solid #d9d4ff;display:grid;place-items:center;background:#fff}.trubot-mark.small{width:32px;height:32px;border-radius:9px}.trubot-mark img{width:34px;height:34px;object-fit:contain}.trubot-mark.small img{width:26px;height:26px}.trubot-callback label{display:block;font-size:12px;color:#4b5563;margin-bottom:5px}.trubot-callback>div{display:flex;gap:7px}.trubot-callback input,.trubot-input input{flex:1;min-width:0;padding:9px 11px;border:1px solid #d1d5db;border-radius:8px;font:inherit;font-size:14px}.trubot .btn{padding:9px 14px;font-size:13.5px;min-height:0}.trubot-error{color:#b91c1c;font-size:12px;margin:6px 0 0}.trubot-consent{color:#6b7280;font-size:11px;line-height:1.45;margin:8px 0 0}.trubot-consent a{color:#5b4fe9}.trubot-done{padding:10px 12px;border-radius:9px;background:#ecfdf5;color:#047857;font-size:13px;font-weight:650;margin:0}.trubot-actions{display:flex;gap:8px;margin-top:12px}.trubot-actions .btn{flex:1;justify-content:center;text-align:center}.trubot-chat{display:flex;flex-direction:column;height:min(460px,calc(100vh - 140px));overflow:hidden}.trubot-chat header{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(135deg,#241b3a,#4938d1);color:#fff}.trubot-chat header strong{display:block;font-size:14px}.trubot-chat header small{font-size:11px;color:#c9c2ff}.trubot-chat header div{flex:1}.trubot-chat header button{border:0;background:none;color:#fff;font-size:20px;cursor:pointer}.trubot-log{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px;background:#f8f7ff}.trubot-log p{margin:0;max-width:85%;padding:9px 12px;border-radius:12px;font-size:13.5px;line-height:1.5;white-space:pre-wrap}.trubot-log .bot{background:#fff;border:1px solid #e5e7eb;color:#1f2937;align-self:flex-start}.trubot-log .me{background:#5b4fe9;color:#fff;align-self:flex-end}.trubot-log .pending{opacity:.6}.trubot-input{display:flex;gap:7px;padding:10px;border-top:1px solid #e5e7eb}.trubot [hidden]{display:none!important}.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
.divya-nudge{width:min(360px,calc(100vw - 32px));padding:18px}.divya-question{margin:0 0 9px;color:#241b3a;font-size:14px;font-weight:800;line-height:1.4}.divya-progress{margin:0 0 4px;color:#5b4fe9;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.divya-choices{display:grid;gap:7px}.divya-choice{display:flex;min-height:42px;width:100%;box-sizing:border-box;align-items:center;padding:9px 11px;border:1px solid #d9d4ff;border-radius:10px;background:#faf9ff;color:#30264b;font:inherit;font-size:13px;font-weight:700;line-height:1.35;text-align:left;text-decoration:none;cursor:pointer}.divya-choice:after{content:'›';margin-left:auto;padding-left:8px;color:#5b4fe9;font-size:18px;line-height:1}.divya-choice:hover,.divya-choice:focus-visible{border-color:#5b4fe9;background:#f1efff;outline:none}.divya-choice-primary{background:#5b4fe9;border-color:#5b4fe9;color:#fff}.divya-choice-primary:after{color:#fff}.divya-choice-primary:hover,.divya-choice-primary:focus-visible{background:#4938d1;color:#fff}.divya-selection{margin:0 0 10px;padding:8px 10px;border-radius:8px;background:#f5f3ff;color:#4938d1;font-size:12px;font-weight:700;line-height:1.45}.divya-ask{display:block;margin:12px auto 0;padding:4px;border:0;background:transparent;color:#4938d1;font:inherit;font-size:12px;font-weight:750;text-decoration:underline;cursor:pointer}
/* Blog articles: document-style typography (calm sizes, Word-like hierarchy). */
.article-hero{width:min(92vw,880px)}.article-hero h1{max-width:880px;font-size:clamp(1.45rem,.9vw + 1.05rem,1.9rem);line-height:1.3;font-weight:750;letter-spacing:-.01em}.article-deck{font-size:15.5px;line-height:1.6}.article-cover{width:min(92vw,880px)}.article-layout.has-toc{grid-template-columns:190px minmax(0,720px)}.article-content{font-size:16.5px;line-height:1.72;color:#2f3640}.article-content h2{margin:36px 0 12px;padding-bottom:6px;border-bottom:1px solid #e5e7eb;font-size:1.25rem;line-height:1.35;font-weight:700;letter-spacing:0}.article-content h3{margin:24px 0 8px;font-size:1.06rem;line-height:1.4;font-weight:700}.article-content h4{margin:20px 0 6px;font-size:1rem}.article-content li{margin-bottom:.35em}.article-content table{font-size:15px}.article-content th{background:#f6f5fb;text-align:left}.article-cta h2{font-size:1.2rem}@media(max-width:760px){.article-hero h1{font-size:clamp(1.3rem,5.2vw,1.55rem)}.article-content{font-size:16px}.article-content h2{font-size:1.15rem}.trubot-launcher{width:54px;height:54px}}
.contact-form{display:grid;gap:16px}.contact-form label{font-weight:700}.contact-form input,.contact-form textarea,.contact-form select{width:100%;box-sizing:border-box;margin-top:6px;padding:13px;border:1px solid var(--brand-border);border-radius:10px;background:#fff;font:inherit}.contact-form textarea{min-height:150px}.contact-context{margin:0;padding:12px 16px;border:1px solid #c4b5fd;border-radius:10px;background:#f5f3ff;color:#3f2fac;font-weight:700}.contact-reply-hint{margin:0;color:#475569}.field-optional{color:#64748b;font-weight:500}.contact-status{padding:12px 16px;border-radius:10px;background:#ecfdf5;color:#166534;margin-bottom:16px}
.service-engagement{background:linear-gradient(180deg,#fff 0%,#f8f7ff 100%)}.service-engagement-intro{max-width:900px}.service-scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.service-scope-card{display:flex;flex-direction:column;gap:12px}.service-scope-card p{margin:0;color:var(--t-muted)}.service-scope-card strong{margin-top:auto;color:#4938d1;font-size:.94rem;line-height:1.5}.service-decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.service-decision-grid .card h3{margin-bottom:12px}.service-decision-grid .card p{color:var(--t-muted)}.service-decision-grid .check{margin-top:0}.service-scope-note{margin:18px 0 0;padding:14px 16px;border-left:4px solid #5b4fe9;border-radius:0 10px 10px 0;background:#fff;color:#475569;font-weight:650}.contact-qualification{display:grid;gap:12px;padding:16px;border:1px solid #d9d4ff;border-radius:12px;background:#faf9ff}.contact-qualification legend{padding:0 6px;color:#3f2fac;font-weight:800}.contact-qualification>p{margin:0;color:#64748b;font-size:.92rem}.contact-qualification-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pagination{display:flex;gap:8px;justify-content:center;padding-bottom:72px}.pagination[hidden]{display:none}.pagination .page-numbers{padding:9px 14px;border:1px solid var(--brand-border);border-radius:8px;text-decoration:none}.pagination .current{background:var(--brand-blue-600);color:#fff}
@media(max-width:1099px){.hdr-install{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:7px 12px;border-radius:999px;background:#5b4fe9;color:#fff;font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap}.hdr-install+.nav-toggle{margin-left:10px}.nav-toggle{display:block;margin-left:auto}.hdr-cta{display:none}.nav-mobile.is-open{display:block;border-top:1px solid var(--brand-border);padding:12px 3vw 22px}.nav-mobile a{display:block;padding:9px 0;text-decoration:none;font-weight:650}.nav-mobile strong{display:block;margin-top:10px;color:#4938d1}.blog-post-grid,.home-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout.has-toc{display:block;max-width:800px}.article-toc{display:none}.article-toc-mobile{display:block}}
@media(max-width:760px){.blog-intro{grid-template-columns:1fr;padding:26px 22px}.blog-post-grid,.home-post-grid{grid-template-columns:minmax(0,1fr)}.blog-search div{display:block}.blog-search input{width:100%;border-radius:10px}.blog-search button{width:100%;height:44px;margin-top:8px;border-radius:10px}.article-hero{padding-top:22px}.article-hero h1{font-size:clamp(1.3rem,5.2vw,1.55rem)}.article-layout{padding-inline:0}.article-cta{padding:22px}.trubot{right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}.trubot-nudge,.trubot-chat{width:calc(100vw - 24px)}.trubot-nudge{max-height:calc(100dvh - 92px);overflow-y:auto}.divya-choice{min-height:44px}.analytics-consent{bottom:10px;display:block;max-height:calc(100vh - 20px);overflow:auto;padding:18px}.analytics-consent-actions{display:grid;margin-top:14px}.analytics-consent-actions .btn{width:100%}}
@media(max-width:760px){.service-scope-grid,.service-decision-grid,.contact-qualification-grid{grid-template-columns:1fr}.service-scope-grid{gap:14px}.service-decision-grid{gap:14px}.service-scope-card{padding:20px}.contact-qualification{padding:14px}}

.trubot-launcher.divya-launcher{display:flex;width:auto;min-width:118px;height:60px;gap:10px;padding:5px 17px 5px 5px;border-radius:999px;background:#fff;color:#30264b;font:inherit;font-size:15px;font-weight:800}.trubot-launcher.divya-launcher img{width:48px;height:48px;border-radius:50%;object-fit:cover}.trubot-mark.divya-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:#f1efff}.trubot-mark.divya-avatar img{width:100%;height:100%;object-fit:cover}.trubot-mark.small.divya-avatar{width:36px;height:36px}
.divya-nudge{padding:0;overflow:hidden}.divya-nudge .divya-header{margin:0;padding:12px 14px;background:#5b4fe9;gap:10px}.divya-header>div{flex:1}.divya-header strong{color:#fff;font-size:15px}.divya-header small{display:block;margin-top:3px;color:#e5e0ff;font-size:11px}.divya-header .trubot-x{position:static;margin-left:auto;color:#fff;font-size:24px}.divya-body{padding:16px;max-height:min(510px,calc(100dvh - 200px));overflow-y:auto;background-color:#f3f0fa;background-image:radial-gradient(#ddd6f1 .7px,transparent .7px);background-size:14px 14px}.divya-message{max-width:94%;box-sizing:border-box;margin:0 0 9px;padding:10px 12px;border:1px solid #e7e2f1;border-radius:3px 13px 13px 13px;background:#fff;color:#374151;font-size:13px;line-height:1.5;box-shadow:0 1px 2px rgba(36,27,58,.04)}.divya-message.divya-question{font-size:13px;font-weight:600;color:#30264b}.divya-nudge .divya-choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.divya-nudge .divya-choice{width:auto;min-height:36px;border-radius:999px;padding:8px 12px;background:#fff;font-size:12px;font-weight:600;line-height:1.4}.divya-nudge .divya-choice:after{display:none}.divya-nudge .divya-choice-primary{background:#5b4fe9;color:#fff;border-color:#5b4fe9}.divya-nudge .divya-callback-shortcut{width:100%;justify-content:center;min-height:44px;margin-top:16px;font-size:14px;font-weight:750}.divya-body .trubot-callback{padding:12px;background:#fff;border:1px solid #e7e2f1;border-radius:12px}.divya-body .divya-ask{margin-top:13px}.divya-body .divya-progress{margin-bottom:8px}
@media(max-width:760px){.divya-widget{left:12px;right:12px}.divya-widget>.divya-nudge,.divya-widget>.trubot-chat{width:100%;max-width:100%}.divya-widget>.divya-launcher{margin-left:auto}.trubot-launcher.divya-launcher{height:56px;min-width:112px}.trubot-launcher.divya-launcher img{width:44px;height:44px}.divya-nudge .divya-choice{min-height:44px}.divya-widget .trubot-callback input,.divya-widget .trubot-input input{font-size:16px}.divya-widget .trubot-callback .btn,.divya-widget .trubot-input .btn{min-height:44px}}

.article-related{margin-top:40px}.article-related>h2{margin:0;color:#241b3a;font-size:1.25rem}.article-related .post-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:18px 0 0;gap:14px}.article-related .post-card-body{padding:14px}.article-related .post-card h3{font-size:15px}.article-related .post-card p{display:none}.article-related .post-topic{font-size:10px}.article-related .post-card small{font-size:11px}@media(max-width:760px){.article-related .post-grid{grid-template-columns:1fr}.article-related .post-card>a{display:grid;grid-template-columns:120px 1fr}.article-related .post-card img{height:100%;aspect-ratio:auto}.article-related .post-card small{display:none}}
/* Match the React Markdown figure layout; avoid the browser's 40px side margins on phones. */
.article-content .blog-figure{margin:28px 0}.article-content .blog-figure-img{display:block;width:100%;height:auto}


  .blog-decision-block { min-width: 0; margin: 28px 0; }
  .blog-decision-scroll { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; border: 1px solid #dce0e9; border-radius: 12px; }
  .blog-decision-scroll:focus-visible { outline: 3px solid #5b4fe9; outline-offset: 3px; }
  .blog-decision-table { width: 100%; min-width: 780px; border-collapse: collapse; font-size: 15px; line-height: 1.55; }
  .blog-decision-table caption { padding: 16px; text-align: left; font-weight: 700; color: #241b3a; background: #f6f4ff; }
  .blog-decision-table th, .blog-decision-table td { padding: 14px; border: 1px solid #dce0e9; text-align: left; vertical-align: top; white-space: normal !important; min-width: 150px; }
  .blog-decision-table thead th { background: #eeebfb; color: #241b3a; }
  .blog-decision-table tbody th { background: #f8f9fc; font-weight: 650; }
  .blog-how-to ol { padding-left: 26px; }
  .blog-how-to li { padding-left: 6px; margin: 24px 0; scroll-margin-top: 100px; }
  .blog-how-to h3 { margin-top: 0; }
  @media (max-width: 767px) { .blog-decision-table { font-size: 16px; } }