.home-shell{max-width:1180px;margin:0 auto;padding:54px 24px 34px}
.header-actions{display:flex;align-items:center;gap:14px}.header-link{color:var(--muted);font-size:.82rem;font-weight:800;text-decoration:none}.header-link:hover{color:var(--navy)}
.home-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:34px;align-items:center;padding:30px 0 54px}
.home-hero-copy h1{font-size:clamp(2.7rem,6vw,5.3rem);line-height:.94;letter-spacing:-.055em;max-width:880px;margin:.32rem 0 1rem;color:var(--navy)}
.home-lead{max-width:780px;font-size:1.12rem;line-height:1.65;color:var(--muted)}
.home-actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 12px}.home-actions a{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.home-primary,.home-secondary{padding:13px 18px;border-radius:10px;font-weight:800}.home-reassurance{font-size:.82rem;color:var(--muted);max-width:680px}
.home-demo-card{border:1px solid #d5e2ec;border-radius:22px;padding:24px;background:linear-gradient(145deg,#f7fbff,#fff);box-shadow:0 18px 48px rgba(32,57,81,.08)}
.home-demo-card h2{margin:.45rem 0}.home-demo-card p{color:var(--muted);line-height:1.5}.home-demo-card small{display:block;color:var(--muted);line-height:1.45;margin-top:12px}
.home-demo-badge{display:inline-block;padding:6px 9px;border-radius:999px;background:var(--focus-tint);color:var(--focus-deep);font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.home-demo-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.home-demo-stats div{padding:12px;background:white;border:1px solid #e2e9ef;border-radius:12px}.home-demo-stats strong,.home-demo-stats span{display:block}.home-demo-stats strong{font-size:1.2rem}.home-demo-stats span{color:var(--muted);font-size:.72rem}
.text-link{color:var(--blue);font-weight:800;text-decoration:none}.text-link:hover{text-decoration:underline}
.home-thesis,.home-lenses,.home-journey,.home-search-topics{padding:42px 0;border-top:1px solid var(--border)}
.home-section-heading{max-width:790px;margin-bottom:20px}.home-section-heading h2,.home-journey h2{font-size:clamp(1.8rem,3vw,2.45rem);margin:.3rem 0;letter-spacing:-.035em}.home-section-heading p,.home-section-copy{color:var(--muted);line-height:1.6}
.lens-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.lens-grid article{padding:20px;border:1px solid var(--border);border-radius:16px;background:#fff}.lens-grid article>span{font-size:.7rem;color:var(--blue);font-weight:850;text-transform:uppercase;letter-spacing:.06em}.lens-grid h3{margin:.45rem 0;font-size:1rem;line-height:1.35}.lens-grid p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.5}
.home-journey{display:grid;grid-template-columns:.7fr 1.3fr;gap:30px}.journey-steps{display:grid;gap:9px}.journey-steps article{display:flex;gap:12px;padding:15px;background:#f8fafc;border-radius:13px}.journey-steps b{width:30px;height:30px;border-radius:999px;background:var(--navy);color:#fff;display:grid;place-items:center;flex:0 0 auto}.journey-steps strong,.journey-steps span{display:block}.journey-steps span{margin-top:3px;color:var(--muted);font-size:.82rem}
.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.topic-grid a{display:block;padding:18px;border:1px solid var(--border);border-radius:14px;background:#fff;color:inherit;text-decoration:none;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.topic-grid a:hover{transform:translateY(-2px);border-color:#bfd0e2;box-shadow:0 8px 24px rgba(27,52,84,.06)}.topic-grid strong,.topic-grid span{display:block}.topic-grid strong{color:var(--navy)}.topic-grid span{margin-top:5px;color:var(--muted);font-size:.82rem;line-height:1.45}
.home-final-cta{margin:28px 0 10px;padding:26px;border-radius:20px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:26px}.home-final-cta h2{margin:.2rem 0;font-size:2rem;color:#fff}.home-final-cta p{margin:.4rem 0 0;color:#cbd7e4;max-width:700px}.home-final-cta .section-kicker{color:#9fb4c9}.home-final-cta .primary{background:#fff;color:var(--navy);text-decoration:none;white-space:nowrap}
.home-resume{display:flex;gap:8px;justify-content:center;padding:22px 0;color:var(--muted);font-size:.83rem}.home-resume a{color:var(--blue);font-weight:800}
.demo-mode-bar{position:sticky;top:64px;z-index:20;max-width:1180px;margin:10px auto 0;padding:11px 16px;border:1px solid var(--fog);border-radius:12px;background:var(--focus-tint);display:flex;justify-content:space-between;gap:16px;align-items:center;box-shadow:0 8px 24px rgba(25,80,57,.08)}
.demo-mode-bar strong,.demo-mode-bar span{display:block}.demo-mode-bar span{font-size:.76rem;color:var(--slate)}.demo-mode-bar a{white-space:nowrap;color:var(--focus-deep);font-weight:800;text-decoration:none}
.demo-coach{margin:14px 0 0;padding:14px 16px;border-radius:13px;background:#eef5ff;border:1px solid #c8daf0;display:flex;justify-content:space-between;gap:18px;align-items:center}.demo-coach strong,.demo-coach span{display:block}.demo-coach span{margin-top:3px;color:#526b87;font-size:.82rem}.demo-coach button{white-space:nowrap}

.free-conversion{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-color:var(--fog);background:linear-gradient(135deg,var(--focus-tint),#fff)}
.free-conversion h2{margin:.25rem 0 .5rem;font-size:1.45rem}.free-conversion p{margin:0;color:#51687c;line-height:1.55;max-width:900px}.free-conversion small{display:block;margin-top:8px;color:var(--muted)}.free-conversion a{text-decoration:none;white-space:nowrap}
.free-mode .clickable-card,.demo-mode .clickable-card{cursor:default}.free-mode .clickable-card:hover,.demo-mode .clickable-card:hover{transform:none}
.free-mode #management-review .management-review-row,.demo-mode #management-review .management-review-row{cursor:default}
.free-mode #management-review .management-review-row:hover,.demo-mode #management-review .management-review-row:hover{background:transparent;padding-left:8px;padding-right:8px}

.marketing-page{background:var(--paper)}
.marketing-header{position:sticky;top:0;z-index:30;background:rgba(248,250,252,.96);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}
.marketing-header-inner{max-width:1180px;margin:auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:24px}.marketing-header nav{display:flex;align-items:center;gap:16px}.marketing-header nav a{color:var(--muted);font-size:.82rem;font-weight:800;text-decoration:none}.marketing-header nav .primary{color:#fff;padding:9px 12px}
.seo-shell{max-width:1180px;margin:auto;padding:70px 24px 80px}.seo-article{max-width:820px;margin:0 auto}.seo-article>h1{font-size:clamp(2.6rem,6vw,4.8rem);line-height:.96;letter-spacing:-.052em;max-width:1000px}.seo-lead{font-size:1.18rem;line-height:1.72;color:#4f647c;margin:18px 0 42px}.seo-article>section{margin:36px 0}.seo-article>section h2,.seo-related h2{font-size:1.55rem;margin:0 0 10px;letter-spacing:-.025em}.seo-article>section p{font-size:1rem;line-height:1.75;color:#4d6279}
.seo-table-section{max-width:1020px;width:min(1020px,calc(100vw - 40px));margin-left:50%;transform:translateX(-50%)}.seo-table-section .table-wrap{max-height:none;background:white}.seo-table-section table{font-size:.88rem}.seo-table-section th{position:static}
.seo-cta{width:min(1020px,calc(100vw - 40px));margin:52px 0 46px 50%;transform:translateX(-50%);padding:26px 28px;border-radius:20px;background:#102847;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}.seo-cta h2{font-size:1.8rem;margin:.2rem 0 .5rem}.seo-cta p{color:#cbd8e5;margin:0;line-height:1.55;max-width:650px}.seo-cta .section-kicker{color:#9db3c8}.seo-cta .primary{background:#fff;color:#102847;text-decoration:none;white-space:nowrap}
.seo-related{border-top:1px solid var(--border);padding-top:28px}.seo-related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.seo-related a{padding:13px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--navy);font-size:.85rem;font-weight:800;text-decoration:none}.seo-related a:hover{border-color:#b5c9dd}
.marketing-footer{max-width:1180px;margin:0 auto;padding:24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;color:var(--muted);font-size:.8rem}

@media(max-width:900px){.home-hero{grid-template-columns:1fr}.lens-grid{grid-template-columns:1fr 1fr}.home-journey{grid-template-columns:1fr}.topic-grid{grid-template-columns:1fr 1fr}.demo-mode-bar{margin:8px 12px 0}.free-conversion{align-items:flex-start;flex-direction:column}.seo-cta{align-items:flex-start;flex-direction:column}.seo-related>div{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.header-link{display:none}.home-shell{padding:24px 16px 32px}.home-hero{padding:8px 0 40px}.home-hero-copy h1{font-size:clamp(2.45rem,12.5vw,2.8rem);line-height:.98;letter-spacing:-.045em}.home-lead{font-size:1rem;line-height:1.55}.home-actions{margin:20px 0 10px}.home-actions{display:grid}.home-demo-stats{grid-template-columns:1fr 1fr}.home-final-cta,.home-resume,.demo-mode-bar,.demo-coach{align-items:flex-start;flex-direction:column}.home-final-cta{justify-content:flex-start;gap:18px;padding:24px}.home-final-cta>div{display:grid;gap:10px}.home-final-cta p{margin:0}.home-final-cta .primary,.demo-coach button{width:100%;text-align:center}.marketing-header-inner{padding:12px 14px}.marketing-header nav>a:not(.primary){display:none}.seo-shell{padding:46px 16px 60px}.seo-article>h1{font-size:2.75rem}.seo-lead{font-size:1.05rem}.seo-related>div{grid-template-columns:1fr}.marketing-footer{flex-direction:column;gap:5px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.topic-grid a,.demo-next-action{transition:none!important;transform:none!important}}
@media print{#home-panel,.demo-mode-bar,.demo-coach,.marketing-header,.marketing-footer,.free-conversion{display:none!important}.free-mode .customer-margin-mix-card,.free-mode .whale-grid,.free-mode .drilldown-source-templates{display:none!important}.free-mode .detail-panel:not(#reconciliation-detail){display:none!important}}

/* Demo guidance only: make the next required action unmistakable without changing dashboard selection styling. */
.demo-next-action{
  position:relative;
  outline:4px solid rgba(36,104,162,.24)!important;
  outline-offset:4px!important;
  box-shadow:0 0 0 2px #2468a2,0 8px 20px rgba(36,104,162,.18)!important;
  transform:translateY(-1px);
}
.demo-next-action::after{
  content:"Next";
  position:absolute;
  right:-7px;
  top:-12px;
  padding:3px 7px;
  border-radius:999px;
  background:#0f2a44;
  color:white;
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}