/* Focused product-evidence pass. Existing purchase and app styling stay separate. */
.product-hero { background:#fff; padding:28px 0 48px; overflow:visible; }
.product-hero .hero-inner { max-width:1460px; width:calc(100% - 80px); margin:auto; display:grid; grid-template-columns:minmax(280px,.76fr) minmax(0,1.4fr); gap:36px; align-items:center; min-height:0; }
.product-hero .hero-copy-block { padding:18px 0; min-width:0; }
.product-hero h1 { font-size:clamp(38px,4.15vw,64px); line-height:1.04; letter-spacing:-2.1px; margin:18px 0 24px; font-weight:650; }
.product-hero .intro { font-size:14px; letter-spacing:0; text-transform:none; color:#9c1b29; font-weight:600; }
.product-hero .hero-copy { font-size:18px; line-height:1.65; max-width:35ch; }
.product-hero .hero-actions { flex-wrap:wrap; gap:14px 22px; margin-top:28px; }
.product-hero .hero-note { line-height:1.8; margin-top:24px; }
.product-hero .hero-note strong { font-size:13px; color:#313943; font-weight:600; }
.product-hero-screen { margin:0; min-width:0; }
.product-hero-screen > .product-image-frame { display:block; border-radius:9px; overflow:hidden; border:1px solid #2f3b45; box-shadow:0 20px 50px #18212b20; }
.product-hero-screen img { display:block; width:100%; height:auto; }
.product-hero-screen figcaption { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 2px 0; color:#58636f; font-size:12px; line-height:1.7; }
.product-hero-screen figcaption strong { display:block; color:#181b20; font-size:14px; font-weight:650; }
.product-hero-screen figcaption a { flex:none; color:#8e1724; text-underline-offset:4px; }
.product-showcase { padding:78px 0 82px; background:#f1f3f5; border-block:1px solid #e0e4e8; scroll-margin-top:24px; }
.product-heading { display:grid; grid-template-columns:1.1fr 1fr; gap:50px; align-items:end; margin-bottom:38px; }
.product-heading h2 { font-size:clamp(32px,3.3vw,48px); font-weight:650; line-height:1.12; letter-spacing:-1.5px; margin:0; }
.product-heading > p { font-size:17px; max-width:45ch; color:#52606b; margin:0 0 4px; }
.product-tabs { display:flex; gap:30px; border-bottom:1px solid #cbd2d9; margin-bottom:36px; }
.product-tabs button { background:none; color:#52606b; border:0; border-bottom:3px solid transparent; border-radius:0; padding:14px 1px 18px; min-height:48px; font:600 16px/1.4 'Segoe UI',Arial,sans-serif; cursor:pointer; }
.product-tabs button[aria-selected=true] { color:#181b20; border-bottom-color:#d92332; }
.product-tabs button:hover { color:#961c29; }
.product-panel { display:grid; grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr); gap:48px; align-items:center; min-height:460px; }
.product-panel[hidden] { display:none; }
.product-panel-copy h3 { font-size:30px; line-height:1.16; font-weight:650; letter-spacing:-.8px; margin:0 0 22px; }
.product-panel-copy p { font-size:16px; line-height:1.75; color:#52606b; max-width:39ch; }
.product-panel-copy ul { list-style:none; padding:0; margin:24px 0; font-size:14px; line-height:1.6; }
.product-panel-copy li { padding:10px 0 10px 17px; border-bottom:1px solid #d9dfe5; position:relative; }
.product-panel-copy li::before { content:''; position:absolute; width:5px; height:5px; border-radius:50%; background:#d92332; left:0; top:19px; }
.product-panel-copy .feature-caveat { font-size:12px; }
.product-feature-screen { margin:0; min-width:0; }
.product-feature-screen > .product-image-frame { display:block; overflow:hidden; border:1px solid #c6cdd4; border-radius:6px; background:#fff; }
.product-feature-screen img { width:100%; height:auto; display:block; }
.product-feature-screen figcaption { color:#58636f; font-size:12px; line-height:1.6; padding-top:14px; }
.product-paper > .product-image-frame { box-shadow:0 12px 26px #18212b0c; }
.product-panel a:focus-visible,.product-tabs button:focus-visible,.product-hero-screen a:focus-visible { outline:3px solid #255bdd; outline-offset:5px; }
@media(min-width:1500px) { .product-hero { padding-block:44px 64px; } }
@media(max-width:1100px) { .product-hero .hero-inner { width:calc(100% - 64px); grid-template-columns:minmax(270px,.8fr) minmax(0,1.2fr); gap:24px; } .product-hero h1 { font-size:44px; } .product-hero .hero-copy { font-size:16px; } .product-panel { gap:30px; grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr); } .product-panel-copy h3 { font-size:26px; } }
@media(max-width:800px) { .product-hero .hero-inner { grid-template-columns:1fr; gap:28px; } .product-hero .hero-copy-block { max-width:600px; padding:0; } .product-hero h1 { font-size:54px; } .product-hero .hero-copy { max-width:47ch; } .product-hero .hero-note { margin-top:18px; } .product-heading { display:block; } .product-heading > p { margin-top:20px; } .product-panel { grid-template-columns:1fr; gap:28px; min-height:0; } .product-panel-copy p { max-width:58ch; } .product-panel-copy ul { margin-block:18px; } .product-panel-copy h3 br { display:none; } }
@media(max-width:480px) { .product-hero { padding:22px 0 36px; } .product-hero .hero-inner { width:calc(100% - 36px); } .product-hero h1 { font-size:44px; letter-spacing:-1.6px; } .product-hero .hero-copy { font-size:17px; } .product-hero-screen figcaption { font-size:11px; gap:12px; } .product-hero-screen figcaption strong { font-size:13px; } .product-showcase { padding:44px 0; } .product-heading { margin-bottom:26px; } .product-heading h2 { font-size:34px; } .product-heading > p { font-size:16px; } .product-tabs { gap:12px; margin-bottom:26px; } .product-tabs button { font-size:13px; padding-bottom:14px; flex:1; } .product-panel-copy h3 { font-size:27px; } .product-lightbox { width:calc(100vw - 20px); padding:12px; } }
@media(max-width:480px) { .product-hero h1 { font-size:clamp(30px,9.2vw,40px); } }
.brand-placeholder-frame { position:relative; container-type:inline-size; }
.customer-logo-placeholder { position:absolute; display:flex; align-items:center; justify-content:center; margin:0; border:1px dashed #89949f; border-radius:2px; color:#485460; background:#f7f9fb; font-family:'Segoe UI',Arial,sans-serif; font-weight:600; white-space:nowrap; line-height:1; pointer-events:none; }
.schedule-logo-placeholder { left:2.95%; top:4.6%; width:11.2%; height:4.05%; font-size:1.35cqw; }
.report-logo-placeholder { left:8.75%; top:33.15%; width:14.65%; height:4.05%; font-size:1.7cqw; }
@media print { .product-showcase,.product-lightbox { display:none!important; } }

/* The offer separates getting started from plan capacity and billing terms. */
.format-rail.format-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; gap:0; padding:28px 20px; margin-block:0; }
.format-summary > .format-item { text-align:center; padding:2px 20px; border-left:1px solid #d2dbe0; }
.format-summary > .format-item:first-child { border-left:0; }
.format-summary > .format-item > span { display:block; font-size:16px; font-weight:650; line-height:1.4; }
.format-summary > .format-item > small { display:block; max-width:none; margin:8px 0 0; font-size:13px; line-height:1.6; text-transform:none; }
@media(max-width:600px) { .format-rail.format-summary { grid-template-columns:1fr; padding:8px 22px; } .format-summary > .format-item { border-left:0; border-top:1px solid #d2dbe0; padding:18px 0; } .format-summary > .format-item:first-child { border-top:0; } .format-summary > .format-item > small { margin-top:5px; } }
.pricing-refined { gap:clamp(40px,7vw,110px); align-items:start; }
.pricing-refined .pricing-intro { padding-top:12px; }
.pricing-refined .pricing-start-title { font-size:18px; margin:34px 0 24px; font-weight:650; }
.pricing-refined .pricing-onboarding { counter-reset:purchase-step; list-style:none; padding:0; margin:0 0 28px; }
.pricing-onboarding li { counter-increment:purchase-step; position:relative; padding:0 0 22px 42px; margin:0; }
.pricing-onboarding li::before { content:counter(purchase-step); position:absolute; left:0; top:0; width:26px; height:26px; border:1px solid #a9b4be; border-radius:50%; display:grid; place-items:center; color:#52616f; font-size:12px; font-weight:650; }
.pricing-onboarding strong { display:block; color:#18212b; font-size:15px; font-weight:650; margin-bottom:5px; }
.pricing-onboarding span { display:block; color:#52616f; font-size:14px; line-height:1.6; max-width:38ch; }
.pricing-refined .pricing-contact { font-size:13px; color:#52616f; line-height:1.7; }
.pricing-contact a { color:#9c1929; }
.pricing-refined .price-card { padding:30px 34px; }
.pricing-refined .price-card h3 { font-size:23px; margin:18px 0 0; }
.pricing-refined .price { margin:16px 0 8px; font-size:56px; }
.pricing-refined .plan-checklist { list-style:none; margin:23px 0 14px; padding:0; }
.plan-checklist li { position:relative; padding:13px 0 13px 25px; border-top:1px solid #dbe2e8; }
.plan-checklist li::before { content:'✓'; position:absolute; left:0; top:14px; color:#9c1929; font-size:14px; font-weight:700; }
.plan-checklist strong { display:block; color:#18212b; font-size:15px; font-weight:650; line-height:1.4; }
.plan-checklist span { display:block; margin-top:3px; color:#52616f; font-size:13px; line-height:1.55; }
.pricing-refined .price-card .review-footnote { color:#52616f; font-size:12px; line-height:1.6; margin:0 0 22px; }
.pricing-refined .price-card > small { font-size:12px; line-height:1.65; color:#52616f; }
.pricing-refined .price-card .secondary-action { margin-top:15px; font-size:12px; }
@media(max-width:740px) { .pricing-refined { gap:28px; } .pricing-refined .pricing-intro { padding-top:0; } .pricing-refined .price-card { padding:26px 22px; } .pricing-refined .price { font-size:52px; } }
.demo-motion-controls { display:flex; gap:8px; margin-left:auto; flex-wrap:wrap; }
.plan-toolbar .demo-motion-controls button { margin-left:0; }
.plan-toolbar #demo-instruction { flex:1 1 210px; max-width:none; }
#motion-toggle[aria-pressed="true"] { border-color:#8797a4; background:#fff; }
.estimate dd { font-variant-numeric:tabular-nums; }
@media(max-width:600px) {
  .demo-motion-controls { width:100%; margin-left:0; }
  .plan-toolbar .demo-motion-controls button { flex:1; min-height:40px; }
}
/* Sequential workflow: numbered circles connect the three stages to the plan. */
.import-section .import-experience { padding:28px; gap:32px; background:#f0f3f6; border:1px solid #dbe2e7; border-radius:12px; }
.import-section .import-steps { display:grid; gap:12px; }
.import-section .import-step { display:flex; align-items:flex-start; gap:16px; padding:20px; border:1px solid #d7dfe5; border-radius:8px; background:#fff; text-align:left; }
.import-section .step-number { flex:0 0 38px; width:38px; height:38px; display:grid; place-items:center; border-radius:50%; border:1px solid #bec9d2; background:#f4f6f8; color:#52616f; font-size:13px; font-weight:700; }
.import-section .import-step[aria-pressed="true"] { border-color:#c82032; background:#fff5f6; box-shadow:inset 3px 0 #c82032; }
.import-section .import-step[aria-pressed="true"] .step-number { background:#c82032; border-color:#c82032; color:#fff; }
.import-section .import-step strong { display:block; margin:1px 0 6px; color:#18212b; }
.import-section .import-step small { display:block; color:#52616f; font-size:13px; line-height:1.6; }
.workflow-controls { padding:4px 0 0; }
.workflow-controls .step-instruction { margin:0 0 10px; padding:0; font-size:12px; line-height:1.5; }
.workflow-controls button { min-height:38px; font-size:12px; background:transparent; border-color:#a9b7c2; }
.import-section .import-illustration { margin:0; }
@media(max-width:1000px) {
 .import-section .import-experience { gap:22px; padding:22px; grid-template-columns:minmax(260px,1fr) minmax(0,1.3fr); }
 .import-section .import-step { padding:16px; gap:12px; }
}
@media(max-width:740px) {
 .import-section .import-experience { grid-template-columns:1fr; padding:16px; gap:22px; }
 .import-section .import-step { padding:16px 12px; }
 .import-section .step-number { flex-basis:34px; width:34px; height:34px; }
}