.product-site { margin:0; color:#142b40; background:#f8fbfd; font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif; }
.product-site * { box-sizing:border-box; }
.product-site [hidden] { display:none!important; }
.product-site a { color:inherit; text-underline-offset:4px; }
.product-site :focus-visible { outline:3px solid #1b79bc; outline-offset:5px; }
.product-site h1,.product-site h2,.product-site h3 { color:#102a40; line-height:1.13; letter-spacing:-.04em; }
.product-site h1 { margin:18px 0 24px; font-size:clamp(2.4rem,4.3vw,4.6rem); font-weight:750; }
.product-site h1 em { color:#086fa8; font-style:normal; }
.product-site h2 { font-size:clamp(1.9rem,3vw,2.9rem); margin:14px 0 24px; }
.product-site h3 { font-size:1.3rem; margin:20px 0 12px; }
.product-wrap { width:min(1240px,calc(100% - 64px)); margin-inline:auto; }
.product-skip { position:absolute; top:-100px; left:20px; z-index:5; padding:12px; background:#fff; }
.product-skip:focus { top:10px; }
.product-nav { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-block:24px; border-bottom:1px solid #dce7ee; }
.product-brand { display:inline-flex; align-items:center; gap:5px; font-size:1.2rem; font-weight:800; letter-spacing:-.04em; text-decoration:none; white-space:nowrap; }
.product-brand > span:last-child { color:#0875aa; }
.product-mark { display:grid; place-items:center; width:34px; height:34px; margin-right:5px; border-radius:9px; background:#0875aa; color:white!important; font-size:1.5rem; }
.product-nav nav { display:flex; align-items:center; flex-wrap:wrap; gap:24px; font-size:.85rem; font-weight:650; }
.product-nav nav a { text-decoration:none; }
.product-nav-signin { padding:9px 16px; border:1px solid #bccedb; border-radius:8px; }
.product-hero { display:grid; grid-template-columns:1.08fr 1fr; align-items:center; gap:60px; padding-block:80px 100px; }
.product-eyebrow { font-size:.73rem; font-weight:750; letter-spacing:.12em; text-transform:uppercase; color:#0875aa; margin:0; }
.product-lead { font-size:1.1rem; color:#4c6375; max-width:680px; }
.product-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:28px; }
.product-button { display:inline-flex; justify-content:center; align-items:center; min-height:48px; padding:12px 20px; border:1px solid #086fa8; border-radius:8px; background:#086fa8; color:white!important; font-size:.85rem; font-weight:700; line-height:1.45; text-decoration:none; }
.product-button:hover { background:#07547e; border-color:#07547e; }
.product-button-secondary { background:transparent; color:#16415c!important; border-color:#bacdda; }
.product-button-secondary:hover { background:#eaf4fa; }
.product-note { color:#607585; font-size:.8rem; margin-top:16px; }
.product-workflow { background:#fff; border:1px solid #c7dce9; border-radius:18px; padding:24px; box-shadow:0 30px 70px -30px #2c638b48; }
.product-demo-label { font-size:.7rem; color:#547086; letter-spacing:.03em; padding-bottom:16px; border-bottom:1px solid #e2eaf0; }
.product-workflow-top { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:20px 0; font-size:.8rem; font-weight:700; }
.product-status { color:#216945; background:#e7f4ed; border-radius:20px; padding:4px 9px; font-size:.67rem; white-space:nowrap; }
.product-record { display:flex; gap:12px; align-items:flex-start; padding:17px; border:1px solid #d9e5ed; border-radius:10px; background:#fcfdff; }
.product-step { display:inline-grid; flex-shrink:0; place-items:center; width:30px; height:30px; border:1px solid #c0dfef; border-radius:8px; color:#086fa8; font-size:.68rem; font-weight:800; background:#eff8fd; }
.product-record small { display:block; color:#5a7183; font-size:.55rem; font-weight:750; letter-spacing:.05em; }
.product-record h2 { font-size:1rem; margin:7px 0; letter-spacing:-.02em; }
.product-record p { font-size:.7rem; color:#617789; margin:0; }
.product-record-state { margin-left:auto; color:#256341; font-size:.62rem; }
.product-connector { width:1px; height:17px; margin-left:32px; background:#a7cedf; }
.product-workflow-foot { margin:20px 0 0; font-size:.72rem; color:#5b7385; }
.product-band { border-block:1px solid #dce7ee; background:#edf5fa; }
.product-band-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; padding-block:22px; }
.product-band-grid p { margin:0; }
.product-band-grid strong,.product-band-grid span { display:block; }
.product-band-grid strong { font-size:.88rem; }
.product-band-grid span { font-size:.78rem; color:#597081; }
.product-section { padding-block:78px; }
.product-three { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; margin-top:36px; }
.product-three article { border-top:1px solid #cbdee9; padding-top:24px; }
.product-three p,.product-capabilities p { color:#536a7b; font-size:.95rem; }
.product-capabilities { display:grid; grid-template-columns:1fr 1.15fr; gap:80px; border-block:1px solid #dce7ee; }
.product-capabilities dl { margin:0; }
.product-capabilities dl>div { padding:20px 0; border-bottom:1px solid #dce7ee; }
.product-capabilities dl>div:first-child { padding-top:0; }
.product-capabilities dt { font-weight:700; display:flex; flex-wrap:wrap; gap:8px; align-items:center; justify-content:space-between; }
.product-capabilities dt span { font-weight:600; font-size:.66rem; background:#e8f1f7; padding:3px 8px; border-radius:5px; }
.product-capabilities dd { margin:8px 0 0; color:#536a7b; font-size:.85rem; }
.product-cta { border-radius:18px; background:#eaf4fa; border:1px solid #cfe0eb; padding:clamp(24px,5vw,64px); }
.product-cta p { max-width:660px; }
.product-cta small { display:block; color:#5a7283; font-size:.75rem; margin-top:24px; }
.product-footer { display:grid; grid-template-columns:1fr auto; gap:20px; border-top:1px solid #dce7ee; padding-block:40px; color:#556e80; font-size:.8rem; }
.product-footer p { margin:8px 0; }
.product-footer>div:last-of-type { display:flex; align-items:start; flex-wrap:wrap; gap:20px; }
.product-footer small { grid-column:1/-1; font-size:.7rem; }
.product-demo { max-width:960px; }
.product-demo h1 { font-size:clamp(2.3rem,4.4vw,3.8rem); }
.product-demo-steps { display:flex; flex-wrap:wrap; gap:10px; margin:32px 0 20px; }
.product-demo-steps a { padding:10px 16px; border:1px solid #bccedb; border-radius:8px; text-decoration:none; font-size:.85rem; font-weight:700; }
.product-demo-steps [aria-current] { color:#fff; background:#086fa8; border-color:#086fa8; }
.product-demo-panel { padding:clamp(24px,5vw,48px); margin-bottom:24px; border:1px solid #cddfea; border-radius:14px; background:white; }
.product-demo-panel h2 { font-size:clamp(1.7rem,3vw,2.3rem); }
.product-demo-panel>p { color:#4b6578; }
.product-demo-fields { display:grid; grid-template-columns:1fr 1fr; gap:20px; padding:22px; background:#f3f8fb; border-radius:8px; }
.product-demo-fields dt { font-size:.7rem; color:#526f83; text-transform:uppercase; letter-spacing:.04em; }
.product-demo-fields dd { margin:5px 0 0; font-size:.9rem; }
.product-demo-invoice { border:1px solid #d5e5ee; border-radius:8px; padding:24px; background:#f5fafc; }
.product-demo-invoice>span { font-size:.75rem; color:#577285; }
.product-demo-invoice p { font-size:.9rem; color:#577285; }
@media(max-width:1000px) { .product-hero { gap:30px; padding-block:50px; }.product-capabilities { gap:40px; }.product-record { padding:12px; }.product-record-state { display:none; } }
@media(max-width:760px) { .product-wrap { width:calc(100% - 36px); }.product-nav { align-items:flex-start; gap:18px; padding-block:18px; }.product-nav nav { justify-content:flex-end; gap:10px 16px; font-size:.75rem; }.product-nav nav>a:first-child { display:none; }.product-nav-signin { padding:6px 10px; }.product-hero { grid-template-columns:1fr; gap:32px; }.product-site h1 { font-size:clamp(2.3rem,8.8vw,3.6rem); }.product-band-grid { gap:14px; }.product-band-grid span { font-size:.68rem; }.product-three,.product-capabilities { grid-template-columns:1fr; gap:28px; }.product-section { padding-block:48px; }.product-footer { grid-template-columns:1fr; }.product-demo-fields { grid-template-columns:1fr; }.product-demo-steps a { flex:1 1 110px; padding:10px; font-size:.75rem; text-align:center; }.product-demo-panel { padding:22px; } }
@media(prefers-reduced-motion:reduce) { .product-site * { scroll-behavior:auto; } }