/* September product direction: a clear operational record, in FinishLedger colours. */
:root { --paper:#f8fafc; --shell:min(1240px,calc(100% - 64px)); }
body::before { display:none; }
body { font-size:16px; }
.site-header { background:rgba(255,255,255,.96); }
.site-nav { gap:20px; font-size:14px; }
.header-inner { height:86px; }
.brand img { width:185px; }
.hero { min-height:720px; grid-template-columns:1.05fr 1fr; gap:64px; padding-block:96px; }
.hero h1 { font-size:clamp(44px,5.1vw,70px); line-height:1.04; letter-spacing:-.055em; margin-block:26px; }
.hero h1 em { font-family:inherit; font-style:normal; font-weight:750; }
.hero-lead { font-size:18px; line-height:1.75; }
.eyebrow { font-size:12px; letter-spacing:.12em; line-height:1.6; }
.button,.text-link { font-size:14px; }
.button { border-radius:8px; box-shadow:none; }
.hero-actions { gap:24px; flex-wrap:wrap; }
.hero-audience { font-size:14px; line-height:1.6; max-width:430px; }
.record-preview { background:white; border:1px solid #d7deeb; border-radius:14px; box-shadow:0 24px 70px #0b16330d; overflow:hidden; }
.record-top { background:#0b1633; color:white; padding:20px 24px; font-size:11px; letter-spacing:.08em; display:flex; align-items:center; gap:9px; }
.record-dot { width:7px; height:7px; background:#f2b84b; border-radius:50%; flex-shrink:0; }
.record-example { margin-left:auto; color:#b7c5de; font-size:10px; }
.record-title { padding:30px 28px 20px; }
.record-title>span { font-size:12px; letter-spacing:.08em; color:#63718b; }
.record-title h2 { margin:10px 0; font-size:27px; letter-spacing:-.03em; }
.record-title p { margin:0; color:#65718a; font-size:14px; }
.record-stages { list-style:none; padding:0 28px; margin:0; }
.record-stages li { display:flex; align-items:center; gap:14px; padding:21px 0; border-top:1px solid #e7ebf2; }
.stage-number { font-size:12px; color:#2457f5; font-weight:750; }
.record-stages strong { font-size:15px; }
.record-stages p { font-size:13px; color:#65718a; margin:5px 0 0; line-height:1.5; }
.stage-tag { margin-left:auto; font-size:10px; color:#51607a; background:#f1f4f9; padding:5px 7px; border-radius:4px; white-space:nowrap; }
.record-bottom { background:#f0f4ff; color:#2447a5; padding:16px 28px; font-size:13px; }
@media(max-width:1100px) { .hero { gap:32px; } .site-nav { gap:14px; } .stage-tag { display:none; } }
@media(max-width:900px) { .hero { grid-template-columns:1fr; padding-block:60px; min-height:0; } .hero-copy { max-width:640px; } .record-preview { max-width:640px; width:100%; } }
@media(max-width:640px) { :root { --shell:calc(100% - 36px); } .header-inner { height:72px; } .hero { padding-block:46px; } .hero h1 { font-size:46px; } .hero-lead { font-size:17px; } .record-top { padding:18px; font-size:10px; } .record-example { font-size:9px; } .record-title { padding:24px 20px 18px; } .record-stages { padding-inline:20px; } .record-bottom { padding:16px 20px; } }

.section-space { padding-block:100px; }
.section-intro h2,.packages-heading h2,.workflow-intro h2,.report-copy h2,.security-copy h2,.pilot-copy h2,.faq h2,.proof-heading h2 { font-size:clamp(32px,3.5vw,48px); line-height:1.12; letter-spacing:-.045em; }
.section-intro p,.packages-heading>p,.workflow-intro p,.report-copy>p,.security-copy>p,.pilot-copy>p,.proof-heading>p { font-size:17px; line-height:1.75; }
.trust-strip { background:white; border-block:1px solid var(--line); padding-block:25px; }
.trust-strip>div { padding-block:0; }
.trust-strip span { font-size:14px; }
.capability-rows { margin-top:60px; border-top:1px solid var(--line); }
.capability-rows article { display:grid; grid-template-columns:1fr 2fr; gap:50px; padding:36px 0; border-bottom:1px solid var(--line); }
.capability-index { color:var(--cobalt); font-size:13px; font-weight:750; letter-spacing:.08em; padding-top:7px; }
.capability-rows h3 { font-size:25px; margin:0 0 14px; letter-spacing:-.025em; }
.capability-rows p { font-size:16px; line-height:1.75; color:var(--muted); max-width:730px; margin:0; }
.feature-tags { display:flex; flex-wrap:wrap; gap:20px; margin-top:22px; font-size:13px; color:#33435f; }
.feature-tags span::before { content:'↗'; color:var(--cobalt); margin-right:7px; }
.packages-section { background:#ecf1f8; border-block:1px solid #dbe3ef; }
.packages-heading { display:flex; justify-content:space-between; gap:60px; align-items:end; margin-bottom:46px; }
.packages-heading h2 { margin:16px 0 0; }
.packages-heading>p { max-width:470px; color:var(--muted); margin:0; }
.package-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.package-card { background:white; border:1px solid #d5dfec; border-radius:12px; padding:30px; display:flex; flex-direction:column; }
.package-number { font-size:13px; color:#63718b; letter-spacing:.1em; border-bottom:1px solid #e3e9f1; padding-bottom:20px; }
.package-card h3 { font-size:26px; letter-spacing:-.035em; margin:24px 0 14px; }
.package-purpose { color:#65718a; font-size:17px; line-height:1.6; margin:0 0 30px; }
.package-includes { font-size:13px; font-weight:700; padding-bottom:16px; margin:0; }
.package-card ul { list-style:none; padding:0; margin:0 0 30px; flex:1; }
.package-card li { font-size:14px; line-height:1.55; padding:9px 0 9px 20px; position:relative; }
.package-card li::before { content:'✓'; color:var(--cobalt); position:absolute; left:0; }
.package-action { width:100%; border:1px solid var(--line); background:#f8fafc; text-align:center; }
.package-operations { border-top:4px solid var(--cobalt); padding-top:27px; }
.package-control { background:#0b1633; color:white; border-color:#0b1633; }
.package-control .package-number { border-color:#293855; color:#b8c7e3; }
.package-control .package-purpose { color:#becbe0; }
.package-control li::before { color:#f2b84b; }
.package-control .package-action { background:white; color:#0b1633; border-color:white; }
.package-baseline { display:flex; flex-wrap:wrap; gap:16px 28px; font-size:14px; margin-top:32px; }
.package-baseline strong { margin-right:8px; }
.package-baseline span { color:#52617b; }
.package-note { color:#65718a; font-size:13px; line-height:1.6; margin:20px 0 0; }
.proof-section { background:#fff; color:var(--ink); }
.proof-heading { align-items:end; }
.proof-heading>p,.gallery-copy p { color:var(--muted); font-size:16px; line-height:1.75; }
.proof-section .eyebrow { color:#526078; }
.product-gallery { background:#f1f4f9; border:1px solid #dce3ee; border-radius:14px; box-shadow:none; }
.gallery-tabs { border-color:#dce3ee; }
.gallery-tabs button { color:#52617b; font-size:14px; }
.gallery-tabs button[aria-selected=true] { background:white; color:#0b1633; box-shadow:0 2px 5px #0b16330d; }
.gallery-copy h3 { color:#0b1633; font-size:30px; }
.gallery-kicker { color:#2457f5; font-size:12px; }
.gallery-points span { color:#52617b; border-color:#d0d9e7; background:white; font-size:12px; }
.browser-frame { border-radius:8px; box-shadow:0 16px 40px #0b163310; }
.workflow-track article h3 { font-size:19px; }
.workflow-track article p { font-size:15px; line-height:1.65; }
.report-formats { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.report-formats span { font-size:14px; padding:10px 14px; border:1px solid var(--line); border-radius:6px; background:white; }
.security { margin-top:100px; }
.security-list p { font-size:15px; line-height:1.65; }
.faq { display:grid; grid-template-columns:1fr 1.35fr; gap:80px; }
.faq h2 { margin-top:20px; }
.faq-list { border-top:1px solid var(--line); }
.faq details { border-bottom:1px solid var(--line); padding:23px 0; }
.faq summary { cursor:pointer; font-size:17px; font-weight:650; line-height:1.5; }
.faq details p { color:var(--muted); font-size:16px; line-height:1.75; margin:16px 0 0; }
.pilot { background:#eaf0ff; border-top:1px solid #d8e1f5; }
.pilot-form { border-radius:12px; }
.pilot-form label { font-size:14px; }
.pilot-form input,.pilot-form textarea { font-size:16px; border-radius:7px; }
.form-note { font-size:13px; line-height:1.65; }
.form-heading strong { font-size:17px; }
.pilot-checks span { font-size:13px; }
.footer-links { font-size:14px; }
.footer-bottom { font-size:12px; }
:focus-visible { outline:3px solid #f2b84b; outline-offset:4px; }
@media(max-width:1100px) { .package-card { padding:24px; } .package-operations { padding-top:21px; } .package-card h3 { font-size:23px; } }
@media(max-width:900px) { .packages-heading { display:block; } .packages-heading>p { max-width:650px; margin-top:24px; } .package-grid { grid-template-columns:1fr; } .package-card { padding:32px; } .package-card ul { display:grid; grid-template-columns:1fr 1fr; gap:0 20px; } .package-action { align-self:start; width:auto; } .package-purpose br { display:none; } .package-purpose { margin-bottom:22px; } .faq { grid-template-columns:1fr; gap:30px; } .capability-rows article { grid-template-columns:1fr; gap:16px; } }
@media(max-width:640px) { .section-space { padding-block:64px; } .package-card { padding:26px; } .package-card ul { display:block; } .package-action { width:100%; } .package-baseline { gap:14px; } .package-baseline strong { flex-basis:100%; } .capability-rows h3 { font-size:23px; } .security { margin-top:64px; } .hero h1 br { display:none; } .hero h1 em { display:block; } .record-example { display:none; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none!important; transition:none!important; } }
/* Keep inherited dark-section styles readable on the new light surfaces. */
.trust-strip { color:#33435f; }
.trust-strip strong { color:#2457f5; font-size:12px; }
.trust-strip>div { min-height:40px; border-color:#dbe1ec; }
.proof-heading h2 { color:#0b1633; }
.proof-section .section-shell::before { display:none; }
.gallery-tabs { background:#e3e9f3; border-radius:8px; }
.gallery-tabs button { border-radius:6px; }
.record-top,.record-example,.stage-tag { font-size:12px; }
.record-stages p { font-size:14px; }
.form-heading span,.workflow-track span,.browser-bar div { font-size:12px; }
.footer-links a,.footer-links strong { font-size:14px; }
.form-note { color:#52617b; }
@media(max-width:1050px) and (min-width:881px) { .site-nav { gap:11px; font-size:13px; } .nav-sign-in { padding-left:12px!important; } .site-nav .button { padding-inline:12px; } .brand img { width:165px; } }
@media(max-width:640px) { .trust-strip { grid-template-columns:1fr 1fr; padding:16px 18px; } .trust-strip>div { padding:12px 4px!important; gap:8px; } .trust-strip span { font-size:13px; } .record-top { font-size:11px; } .site-nav { top:72px; } .form-row { grid-template-columns:1fr; gap:0; } .pilot-form { padding:24px; } .form-heading { gap:14px; } }
