/* Wisebooks landing page — full product site matching the reference. */
:root {
  --lp-xs:11px;
  --lp-sm:13px;
  --lp-base:16px;
  --lp-lg:24px;
  --lp-xl:clamp(42px,6vw,72px);
  --lp-max:1280px;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; background:var(--charcoal); color:var(--light-gray); font-family:'Manrope',sans-serif; font-size:var(--lp-base); transition:background-color .2s ease,color .2s ease; }
button,input,select { font:inherit; }
button,a { color:inherit; }
button { cursor:pointer; }
a { text-decoration:none; }
main { width:100%; }
.lp-eyebrow { margin:0 0 15px; color:var(--cobalt); font:500 var(--lp-xs) 'DM Mono',monospace; letter-spacing:.14em; text-transform:uppercase; }
.lp-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:42px; padding:0 17px; border:1px solid var(--cobalt); border-radius:8px; background:var(--cobalt); color:#fff; font-size:var(--lp-sm); font-weight:700; box-shadow:0 8px 24px var(--accent-glow); transition:transform .15s ease,background-color .15s ease,border-color .15s ease; }
.lp-btn:hover { transform:translateY(-1px); background:var(--accent-hover); border-color:var(--accent-hover); }
.lp-btn.compact { min-height:34px; padding:0 13px; box-shadow:none; }
.lp-btn-ghost { display:inline-flex; align-items:center; gap:8px; padding:10px 4px; color:var(--light-gray); font-size:var(--lp-sm); font-weight:600; }
.lp-btn-ghost span { color:var(--cobalt); }
.lp-section { max-width:var(--lp-max); margin:0 auto; padding:105px 28px; }
.lp-section-heading { max-width:760px; margin-bottom:42px; }
.lp-section-heading.centered { margin-right:auto; margin-left:auto; text-align:center; }
.lp-section-heading.split { display:grid; grid-template-columns:1.15fr .85fr; max-width:none; gap:80px; align-items:end; }
.lp-section-heading h2 { margin:0; color:var(--light-gray); font-size:clamp(32px,4.2vw,52px); line-height:1.08; letter-spacing:-.045em; }
.lp-section-heading h2 em { color:var(--cobalt); font-style:normal; }
.lp-section-heading > p:last-child,.lp-section-heading.split > p { margin:18px 0 0; color:var(--muted-gray); line-height:1.7; }

/* Navigation */
.lp-nav { position:sticky; z-index:100; top:0; display:grid; grid-template-columns:auto 1fr auto; align-items:center; min-height:76px; padding:0 24px; border-bottom:1px solid var(--border-subtle); background:color-mix(in srgb,var(--charcoal) 92%,transparent); backdrop-filter:blur(12px); }
.lp-logo { display:flex; align-items:center; gap:11px; font-size:26px; font-weight:800; letter-spacing:-.04em; white-space:nowrap; }
.lp-logo .brand-mark { width:38px; height:38px; flex:none; display:grid; place-items:center; border-radius:10px; background:var(--cobalt); color:#fff; font-size:22px; }
.lp-logo small { margin-left:3px; padding:2px 5px; border:1px solid var(--border-subtle); border-radius:4px; color:var(--muted-gray); font:400 9px 'DM Mono',monospace; }
.lp-links { display:flex; align-items:center; justify-content:center; gap:clamp(12px,1.5vw,25px); padding:0 20px; color:var(--muted-gray); font-size:12px; }
.lp-links > a,.lp-nav-trigger { white-space:nowrap; transition:color .15s ease; }
.lp-links > a:hover,.lp-nav-trigger:hover { color:var(--light-gray); }
.lp-nav-group { position:relative; }
.lp-nav-trigger { display:inline-flex; align-items:center; gap:5px; padding:8px 0; }
.lp-nav-trigger span { color:var(--cobalt); font-size:11px; transition:transform .15s ease; }
.lp-nav-group:hover .lp-nav-trigger span { transform:rotate(180deg); }
.lp-nav-dropdown { position:absolute; top:100%; left:50%; width:265px; padding:8px; border:1px solid var(--border-subtle); border-radius:12px; background:var(--panel); box-shadow:0 22px 50px rgba(0,0,0,.3); opacity:0; pointer-events:none; transform:translate(-50%,-6px); transition:opacity .15s ease,transform .15s ease; }
.lp-nav-group:hover .lp-nav-dropdown { opacity:1; pointer-events:auto; transform:translate(-50%,0); }
.lp-nav-dropdown p { margin:4px 8px 7px; color:var(--cobalt); font:500 9px 'DM Mono',monospace; letter-spacing:.12em; }
.lp-nav-dropdown a { display:block; padding:10px 11px; border-radius:8px; }
.lp-nav-dropdown a:hover,.lp-nav-dropdown a:focus-visible { background:var(--accent-light); color:var(--light-gray); outline:none; }
.lp-nav-dropdown strong,.lp-nav-dropdown small { display:block; }
.lp-nav-dropdown strong { font-size:12px; }
.lp-nav-dropdown small { margin-top:3px; color:var(--muted-gray); font-size:10px; }
.lp-nav-actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; }
.lp-theme-toggle,.lp-palette-trigger { height:34px; border:1px solid var(--border-subtle); border-radius:8px; background:var(--panel-card); color:var(--light-gray); }
.lp-theme-toggle { width:34px; color:#FCD34D; }
html.theme-light .lp-theme-toggle { color:#475569; }
.lp-palette { position:relative; }
.lp-palette-trigger { display:flex; align-items:center; gap:7px; padding:0 10px; font-size:11px; }
.lp-palette-trigger:hover,.lp-palette.open .lp-palette-trigger { border-color:var(--cobalt); }
.lp-palette.open .lp-palette-trigger > span:last-child { transform:rotate(180deg); }
.lp-swatch { width:10px; height:10px; display:inline-block; flex:none; border-radius:50%; background:var(--cobalt); box-shadow:0 0 0 3px var(--accent-light); }
.lp-swatch.cobalt,.footer-palettes .cobalt { background:#2563EB; }
.lp-swatch.green,.footer-palettes .green { background:#10B981; }
.lp-swatch.lightblue,.footer-palettes .lightblue { background:#0EA5E9; }
.lp-swatch.yelloworange,.footer-palettes .yelloworange { background:#F59E0B; }
.lp-swatch.deeppurple,.footer-palettes .deeppurple { background:#8B5CF6; }
.lp-palette-menu { position:absolute; top:calc(100% + 10px); right:0; width:390px; overflow:hidden; border:1px solid var(--border-subtle); border-radius:14px; background:var(--panel); box-shadow:0 24px 60px rgba(0,0,0,.35); }
.lp-palette-menu > p { margin:0; padding:13px 15px 9px; color:var(--muted-gray); font:400 10px 'DM Mono',monospace; letter-spacing:.08em; text-transform:uppercase; }
.lp-palette-menu button { width:100%; display:grid; grid-template-columns:14px 1fr 16px; align-items:center; gap:11px; padding:12px 15px; border:0; border-top:1px solid var(--border-subtle); background:transparent; text-align:left; }
.lp-palette-menu button:hover,.lp-palette-menu button.selected { background:var(--accent-light); }
.lp-palette-menu button span strong,.lp-palette-menu button span small { display:block; }
.lp-palette-menu button span strong { font-size:13px; }
.lp-palette-menu button span small { margin-top:2px; color:var(--muted-gray); font:300 10px 'DM Mono',monospace; }
.lp-palette-menu button b { visibility:hidden; color:var(--cobalt); }
.lp-palette-menu button.selected b { visibility:visible; }
.lp-menu-btn { display:none; width:34px; height:34px; border:1px solid var(--border-subtle); border-radius:8px; background:var(--panel-card); }

/* Hero */
.lp-hero { position:relative; display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:55px; max-width:var(--lp-max); min-height:760px; margin:0 auto; padding:88px 28px 105px; }
.lp-hero-glow { position:absolute; z-index:-1; inset:-150px -25% auto; height:620px; background:radial-gradient(ellipse 55% 52% at 65% 20%,var(--accent-light),transparent 70%); pointer-events:none; }
.lp-hero-copy h1 { margin:0; max-width:680px; color:var(--light-gray); font-size:var(--lp-xl); line-height:1.03; letter-spacing:-.055em; }
.lp-hero-copy h1 em { display:block; color:var(--cobalt); font-style:normal; }
.lp-hero-sub { max-width:610px; margin:25px 0 30px; color:var(--muted-gray); font-size:17px; line-height:1.7; }
.lp-hero-actions { display:flex; align-items:center; gap:20px; }
.lp-proof-row { display:flex; flex-wrap:wrap; gap:9px 18px; margin-top:32px; color:var(--muted-gray); font:400 10px 'DM Mono',monospace; }
.lp-proof-row span::before { content:'✓'; margin-right:6px; color:var(--cobalt); }
.lp-dashboard-preview { position:relative; overflow:visible; border:1px solid var(--border-subtle); border-radius:18px; background:var(--panel); box-shadow:0 35px 80px rgba(0,0,0,.35); transform:perspective(1100px) rotateY(-2deg) rotateX(1deg); }
.mock-top { height:42px; display:flex; align-items:center; gap:7px; padding:0 12px; border-bottom:1px solid var(--border-subtle); }
.mock-top i { width:6px; height:6px; border-radius:50%; background:var(--muted-gray); opacity:.4; }
.mock-top b { width:80px; height:7px; margin-left:auto; border-radius:5px; background:var(--border-subtle); }
.mock-logo { width:21px; height:21px; display:grid; place-items:center; margin-right:9px; border-radius:5px; background:var(--cobalt); color:#fff; font-size:10px; font-weight:800; }
.mock-body { display:grid; grid-template-columns:58px 1fr; min-height:445px; }
.mock-body aside { display:flex; flex-direction:column; gap:13px; padding:18px 14px; border-right:1px solid var(--border-subtle); }
.mock-body aside i { height:5px; border-radius:3px; background:var(--border-subtle); }
.mock-main { min-width:0; padding:23px; }
.mock-kicker { color:var(--muted-gray); font:400 9px 'DM Mono',monospace; letter-spacing:.1em; }
.mock-metrics { display:grid; grid-template-columns:1.5fr 1fr; gap:10px; margin-top:13px; }
.mock-metrics article { min-height:142px; padding:14px; border:1px solid var(--border-subtle); border-radius:9px; background:var(--panel-card); }
.mock-metrics small,.mock-metrics span { display:block; color:var(--muted-gray); font:400 9px 'DM Mono',monospace; }
.mock-metrics strong { display:block; margin:12px 0 5px; font:500 21px 'DM Mono',monospace; }
.hero-cash { border-color:var(--badge-border)!important; background:linear-gradient(135deg,var(--accent-light),var(--panel-card))!important; }
.lp-mini-bars { height:34px; display:flex; align-items:flex-end; gap:5px; margin-top:12px; }
.lp-mini-bars i { flex:1; border-radius:2px 2px 0 0; background:var(--cobalt); opacity:.8; }
.lp-mini-bars i:nth-child(1){height:30%}.lp-mini-bars i:nth-child(2){height:48%}.lp-mini-bars i:nth-child(3){height:40%}.lp-mini-bars i:nth-child(4){height:65%}.lp-mini-bars i:nth-child(5){height:58%}.lp-mini-bars i:nth-child(6){height:88%}
.mock-document { display:grid; grid-template-columns:36px 1fr auto; align-items:center; gap:11px; margin-top:10px; padding:14px; border:1px solid var(--border-subtle); border-radius:9px; background:var(--panel-card); }
.mock-document small,.mock-document strong,.mock-document span { display:block; }
.mock-document small { color:var(--muted-gray); font:400 8px 'DM Mono',monospace; }
.mock-document strong { margin:4px 0; font-size:11px; }
.mock-document span { color:var(--muted-gray); font-size:9px; }
.mock-document > b { font:500 12px 'DM Mono',monospace; }
.mock-file { width:33px; height:35px; display:grid!important; place-items:center; border-radius:5px; background:var(--accent-light); color:var(--cobalt)!important; font:500 8px 'DM Mono',monospace!important; }
.mock-queue { display:flex; justify-content:space-between; margin-top:11px; color:var(--muted-gray); font:400 9px 'DM Mono',monospace; }
.lp-float-badge { position:absolute; right:-24px; bottom:24px; display:flex; align-items:center; gap:9px; padding:11px 13px; border:1px solid var(--badge-border); border-radius:10px; background:color-mix(in srgb,var(--panel-card) 94%,transparent); color:var(--cobalt); box-shadow:0 15px 35px rgba(0,0,0,.28); backdrop-filter:blur(8px); }
.lp-float-badge strong,.lp-float-badge small { display:block; }
.lp-float-badge strong { color:var(--light-gray); font-size:10px; }
.lp-float-badge small { margin-top:2px; color:var(--muted-gray); font-size:8px; }
.lp-strip { min-height:54px; display:flex; align-items:center; justify-content:center; gap:22px; padding:10px 24px; border-block:1px solid var(--border-subtle); background:var(--panel); color:var(--muted-gray); font:400 10px 'DM Mono',monospace; }
.lp-strip b { color:var(--cobalt); font-weight:500; }
.lp-strip i { width:1px; height:18px; background:var(--border-subtle); }

/* Interactive demo */
.demo-section { max-width:1180px; }
.demo-shell { display:grid; grid-template-columns:.78fr 1.22fr; overflow:hidden; border:1px solid var(--border-subtle); border-radius:18px; background:var(--panel); box-shadow:0 24px 70px rgba(0,0,0,.22); }
.demo-stage { position:relative; display:flex; align-items:center; justify-content:center; min-height:520px; padding:50px; border-right:1px solid var(--border-subtle); background:radial-gradient(circle at 50% 45%,var(--accent-light),transparent 55%),var(--charcoal); }
.receipt-card { position:relative; width:230px; padding:25px 22px; border:0; border-radius:3px; background:#F8FAFC; color:#1E293B; text-align:left; box-shadow:0 22px 50px rgba(0,0,0,.35); transform:rotate(-2deg); transition:transform .2s ease; }
.receipt-card:hover { transform:rotate(0) scale(1.025); }
.receipt-card > span,.receipt-card > small,.receipt-card > strong,.receipt-card > em { display:block; }
.receipt-card .receipt-brand { font-size:20px; font-weight:800; }
.receipt-card > small { margin:2px 0 18px; color:#64748B; font-size:10px; }
.receipt-card hr { border:0; border-top:1px dashed #CBD5E1; }
.receipt-card > span:not(.receipt-brand),.receipt-card > strong { display:flex; justify-content:space-between; padding:6px 0; font:400 10px 'DM Mono',monospace; }
.receipt-card > strong { margin-top:6px; border-top:1px solid #CBD5E1; font-weight:500; }
.receipt-card > em { margin-top:20px; color:#64748B; font-size:8px; text-align:center; }
.scan-line { position:absolute; left:18%; right:18%; top:15%; height:2px; opacity:0; background:var(--cobalt); box-shadow:0 0 16px var(--cobalt); }
.scan-line.run { animation:scan 1.2s ease-in-out; }
@keyframes scan { 0%{top:15%;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:84%;opacity:0} }
.demo-arrow { position:absolute; z-index:3; right:-17px; width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:var(--cobalt); color:#fff; }
.review-card { padding:31px; background:var(--panel); transition:box-shadow .3s ease; }
.review-card.active { box-shadow:inset 0 0 0 1px var(--badge-border); }
.review-card.posted { box-shadow:inset 0 0 45px var(--accent-light); }
.review-head { display:flex; justify-content:space-between; gap:15px; align-items:flex-start; padding-bottom:18px; border-bottom:1px solid var(--border-subtle); }
.review-head p,.review-head h3 { margin:0; }
.review-head p { color:var(--muted-gray); font:400 9px 'DM Mono',monospace; text-transform:uppercase; }
.review-head h3 { margin-top:4px; font-size:17px; }
.review-head > span,.posted-message { padding:5px 8px; border-radius:5px; background:var(--accent-light); color:var(--accent-secondary); font:500 10px 'DM Mono',monospace; }
.review-note { color:var(--muted-gray); font-size:12px; line-height:1.5; }
.review-note b { color:var(--cobalt); font-family:'DM Mono',monospace; }
.field-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.field-grid label,.account-select { display:block; padding:11px; border:1px solid var(--border-subtle); border-radius:7px; color:var(--muted-gray); font:400 9px 'DM Mono',monospace; }
.field-grid strong,.field-grid small { display:block; }
.field-grid strong { margin-top:5px; color:var(--light-gray); font-size:11px; }
.field-grid small { margin-top:5px; color:var(--accent-secondary); font-size:8px; }
.account-select { position:relative; margin-top:10px; }
.account-select select { width:100%; margin-top:7px; padding:8px; border:1px solid var(--border-subtle); border-radius:5px; background:var(--panel-card); color:var(--light-gray); font-size:11px; }
.account-select small { display:block; margin-top:5px; color:var(--cobalt); }
.approve-demo { width:100%; margin-top:13px; }
.posted-message { margin-top:13px; padding:12px; text-align:center; }
.keyboard-tip { margin:18px 0 0; color:var(--muted-gray); font-size:11px; text-align:center; }
kbd { padding:2px 5px; border:1px solid var(--border-subtle); border-radius:4px; background:var(--panel-card); color:var(--light-gray); font:500 10px 'DM Mono',monospace; }

/* Architecture */
.feature-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:14px; }
.feature-card { grid-column:span 4; min-height:280px; padding:24px; border:1px solid var(--border-subtle); border-radius:15px; background:var(--panel); transition:transform .2s ease,border-color .2s ease; }
.feature-card:hover { transform:translateY(-3px); border-color:var(--badge-border); }
.feature-card.featured { grid-column:span 5; }
.feature-card:nth-child(2) { grid-column:span 3; }
.feature-card:nth-child(3) { grid-column:span 4; }
.feature-card:nth-child(4) { grid-column:span 4; }
.feature-card:nth-child(5) { grid-column:span 4; }
.feature-icon { width:35px; height:35px; display:grid; place-items:center; margin-bottom:22px; border-radius:8px; background:var(--accent-light); color:var(--cobalt); }
.feature-card > small { color:var(--cobalt); font:400 9px 'DM Mono',monospace; }
.feature-card h3 { margin:8px 0; font-size:20px; }
.feature-card p { margin:0; color:var(--muted-gray); font-size:13px; line-height:1.65; }
.terminal,.journal,.mini-pnl { display:flex; flex-direction:column; gap:7px; margin-top:20px; padding:12px; border:1px solid var(--border-subtle); border-radius:7px; background:var(--panel-card); font:400 9px 'DM Mono',monospace; }
.terminal b,.journal strong { color:var(--accent-secondary); }
.journal span,.mini-pnl span,.mini-pnl strong { display:flex; justify-content:space-between; }
.feature-metric { display:block; margin-top:24px; color:var(--accent-secondary); font:500 23px 'DM Mono',monospace; }

/* Ledger preview */
.ledger-shell { overflow:hidden; border:1px solid var(--border-subtle); border-radius:17px; background:var(--panel); box-shadow:0 25px 65px rgba(0,0,0,.2); }
.ledger-tabs { display:flex; align-items:center; gap:6px; padding:12px; border-bottom:1px solid var(--border-subtle); }
.ledger-tabs button { padding:8px 11px; border:0; border-radius:6px; background:transparent; color:var(--muted-gray); font-size:11px; }
.ledger-tabs button.active { background:var(--accent-light); color:var(--cobalt); }
.ledger-tabs span { flex:1; }
.ledger-row { display:grid; grid-template-columns:.7fr .7fr 1.6fr 1.1fr .75fr .75fr .8fr; gap:12px; align-items:center; min-height:65px; padding:8px 15px; border-bottom:1px solid var(--border-subtle); font-size:11px; }
.ledger-row.head { min-height:38px; color:var(--muted-gray); font:400 9px 'DM Mono',monospace; text-transform:uppercase; }
.ledger-row code,.ledger-row > span,.ledger-row > b { font-family:'DM Mono',monospace; }
.ledger-row strong small { display:block; margin-top:4px; color:var(--muted-gray); font-size:8px; }
.ledger-row > b { text-align:right; font-weight:400; }
.ledger-row em { padding:4px; border-radius:5px; background:var(--accent-light); color:var(--accent-secondary); font:500 8px 'DM Mono',monospace; text-align:center; }
.report-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; padding:16px; }
.report-summary article { padding:17px; border:1px solid var(--border-subtle); border-radius:9px; background:var(--panel-card); }
.report-summary small,.report-summary strong,.report-summary span { display:block; }
.report-summary small,.report-summary span { color:var(--muted-gray); font:400 9px 'DM Mono',monospace; }
.report-summary strong { margin:11px 0 5px; font:500 20px 'DM Mono',monospace; }
.report-summary article:last-child { border-color:var(--badge-border); }
.report-summary article:last-child strong { color:var(--accent-secondary); }
.gaap-note { display:flex; justify-content:space-between; gap:20px; padding:12px 16px; border-top:1px solid var(--border-subtle); color:var(--muted-gray); font:400 9px 'DM Mono',monospace; }

/* Workflow and integrations */
.workflow-section { max-width:1180px; }
.workflow-grid { position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.workflow-grid::before { content:''; position:absolute; top:44px; left:12%; right:12%; height:1px; background:linear-gradient(90deg,transparent,var(--cobalt),transparent); }
.workflow-grid article { position:relative; min-height:245px; padding:22px; border:1px solid var(--border-subtle); border-radius:14px; background:var(--panel); }
.workflow-grid article > b { color:var(--muted-gray); font:400 10px 'DM Mono',monospace; }
.workflow-grid article > span { width:39px; height:39px; display:grid; place-items:center; margin:25px 0 17px; border-radius:9px; background:var(--accent-light); color:var(--cobalt); }
.workflow-grid h3 { margin:0; font-size:18px; }
.workflow-grid p { color:var(--muted-gray); font-size:12px; line-height:1.6; }
.workflow-grid small { color:var(--cobalt); font:400 9px 'DM Mono',monospace; }
.workflow-cta { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:16px; padding:22px; border:1px solid var(--badge-border); border-radius:13px; background:var(--accent-light); }
.workflow-cta strong,.workflow-cta span { display:block; }
.workflow-cta span { margin-top:5px; color:var(--muted-gray); font-size:12px; }
.integration-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:12px; }
.integration-grid article { min-height:145px; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid var(--border-subtle); border-radius:13px; background:var(--panel); }
.integration-grid article > span { width:38px; height:38px; display:grid; place-items:center; margin-bottom:12px; border-radius:10px; background:var(--accent-light); color:var(--cobalt); font-weight:800; }
.integration-grid strong { font-size:13px; }
.integration-grid small { margin-top:4px; color:var(--muted-gray); font:400 9px 'DM Mono',monospace; }
.partner-note { margin:17px 0 0; color:var(--muted-gray); font:400 10px 'DM Mono',monospace; text-align:center; }

/* ROI */
.roi-section { max-width:1120px; }
.roi-shell { display:grid; grid-template-columns:1fr .9fr; overflow:hidden; border:1px solid var(--border-subtle); border-radius:18px; background:var(--panel); }
.roi-controls { display:flex; flex-direction:column; justify-content:center; gap:45px; padding:45px; }
.roi-controls label { color:var(--muted-gray); font-size:12px; }
.roi-controls label strong { display:block; margin:10px 0 18px; color:var(--light-gray); font:500 18px 'DM Mono',monospace; }
.roi-controls input { width:100%; accent-color:var(--cobalt); }
.roi-result { padding:42px; background:linear-gradient(145deg,var(--accent-light),var(--panel-card)); border-left:1px solid var(--badge-border); }
.roi-result > small,.roi-result > strong,.roi-result > span { display:block; }
.roi-result > small { color:var(--cobalt); font:400 10px 'DM Mono',monospace; }
.roi-result > strong { margin-top:16px; color:var(--accent-secondary); font:500 clamp(38px,5vw,58px) 'DM Mono',monospace; }
.roi-result > span { color:var(--muted-gray); font-size:12px; }
.roi-result > div { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:24px 0; }
.roi-result p { margin:0; padding:12px; border:1px solid var(--border-subtle); border-radius:8px; color:var(--muted-gray); font-size:10px; }
.roi-result p b,.roi-result p small { display:block; }
.roi-result p b { margin:6px 0 2px; color:var(--light-gray); font:500 17px 'DM Mono',monospace; }

/* Trust, FAQ, CTA */
.quote-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.quote-grid blockquote { margin:0; min-height:240px; display:flex; flex-direction:column; padding:25px; border:1px solid var(--border-subtle); border-radius:14px; background:var(--panel); color:var(--light-gray); font-size:15px; line-height:1.7; }
.quote-grid blockquote::before { content:'“'; color:var(--cobalt); font:500 31px 'DM Mono',monospace; }
.quote-grid footer { display:flex; align-items:center; gap:10px; margin-top:auto; padding-top:22px; }
.quote-grid footer > b { width:32px; height:32px; display:grid; place-items:center; border-radius:50%; background:var(--accent-light); color:var(--cobalt); font-size:10px; }
.quote-grid footer strong,.quote-grid footer small { display:block; font-size:10px; }
.quote-grid footer small { color:var(--muted-gray); }
.security-card { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:24px; align-items:center; margin-top:14px; padding:24px; border:1px solid var(--badge-border); border-radius:14px; background:var(--accent-light); }
.security-card > div { display:flex; align-items:center; gap:12px; }
.security-card .feature-icon { margin:0; }
.security-card h3,.security-card small { display:block; margin:0; }
.security-card h3 { margin-top:3px; font-size:14px; }
.security-card small { margin-top:4px; color:var(--muted-gray); font-size:9px; }
.faq-section { max-width:900px; }
.faq-list { border-top:1px solid var(--border-subtle); }
.faq-list details { border-bottom:1px solid var(--border-subtle); }
.faq-list summary { display:flex; justify-content:space-between; gap:20px; padding:22px 4px; cursor:pointer; list-style:none; font-weight:650; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary span { color:var(--cobalt); }
.faq-list details[open] summary span { transform:rotate(45deg); }
.faq-list details p { margin:-4px 0 23px; max-width:760px; color:var(--muted-gray); line-height:1.7; }
.lp-cta { max-width:1224px; display:flex; align-items:center; justify-content:space-between; gap:35px; margin:30px auto 100px; padding:46px; border-radius:20px; background:var(--cobalt); color:#fff; box-shadow:0 25px 65px var(--accent-glow); }
.lp-cta .lp-eyebrow { color:rgba(255,255,255,.75); }
.lp-cta h2 { margin:0; font-size:clamp(28px,4vw,45px); letter-spacing:-.04em; }
.lp-cta p:not(.lp-eyebrow) { margin:10px 0 0; color:rgba(255,255,255,.78); }
.lp-cta > div:last-child { display:flex; gap:10px; flex:none; }
.lp-btn.light { border-color:#fff; background:#fff; color:#111827; box-shadow:none; }
.lp-btn.outline { border-color:rgba(255,255,255,.5); background:transparent; box-shadow:none; }

/* Footer */
.lp-footer { padding:70px max(28px,calc((100vw - 1224px)/2)) 25px; border-top:1px solid var(--border-subtle); background:var(--panel); }
.lp-footer-top { display:grid; grid-template-columns:.8fr 2fr; gap:80px; padding-bottom:55px; border-bottom:1px solid var(--border-subtle); }
.lp-footer-brand p { max-width:250px; color:var(--muted-gray); font-size:12px; line-height:1.6; }
.footer-palettes { display:flex; gap:7px; margin-top:18px; }
.footer-palettes i { width:8px; height:8px; border-radius:50%; }
.lp-footer-links { display:grid; grid-template-columns:repeat(4,1fr); gap:25px; }
.lp-footer-links div { display:flex; flex-direction:column; gap:10px; }
.lp-footer-links strong { margin-bottom:4px; font-size:12px; }
.lp-footer-links a { color:var(--muted-gray); font-size:11px; }
.lp-footer-links a:hover { color:var(--cobalt); }
.lp-footer-bottom { display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; align-items:center; padding-top:20px; color:var(--muted-gray); font:400 9px 'DM Mono',monospace; }
.lp-footer-bottom > span:nth-child(2) { text-align:center; }
.lp-status { display:flex; align-items:center; gap:7px; }
.lp-status i { width:6px; height:6px; border-radius:50%; background:#10B981; box-shadow:0 0 0 4px rgba(16,185,129,.12); }
.lp-social { display:flex; justify-content:flex-end; gap:14px; }
.lp-toast { position:fixed; z-index:120; right:22px; bottom:22px; max-width:min(440px,calc(100vw - 44px)); padding:12px 15px; border:1px solid var(--border-subtle); border-radius:8px; background:var(--panel); color:var(--light-gray); opacity:0; transform:translateY(10px); pointer-events:none; transition:.2s ease; font:400 11px 'DM Mono',monospace; box-shadow:0 15px 35px rgba(0,0,0,.25); }
.lp-toast.show { opacity:1; transform:none; }

@media (max-width:1180px) {
  .lp-links > a:nth-last-child(2) { display:none; }
  .lp-hero { grid-template-columns:1fr 1fr; gap:30px; }
  .integration-grid { grid-template-columns:repeat(3,1fr); }
}
@media (max-width:900px) {
  .lp-links { display:none; position:absolute; top:76px; left:12px; right:12px; padding:12px; flex-direction:column; gap:0; border:1px solid var(--border-subtle); border-radius:12px; background:var(--panel); box-shadow:0 20px 45px rgba(0,0,0,.3); }
  .lp-links.open { display:flex; }
  .lp-links > a,.lp-links > a:nth-child(n) { display:block; padding:10px; }
  .lp-nav-group { border-bottom:1px solid var(--border-subtle); }
  .lp-nav-trigger { width:100%; justify-content:space-between; padding:10px; }
  .lp-nav-dropdown { position:static; display:none; width:auto; margin:0 10px 10px; opacity:1; pointer-events:auto; transform:none; box-shadow:none; }
  .lp-nav-group:hover .lp-nav-dropdown { display:block; transform:none; }
  .lp-menu-btn { display:block; }
  .lp-nav { grid-template-columns:1fr auto auto; gap:8px; }
  .lp-hero { grid-template-columns:1fr; min-height:auto; padding-top:90px; }
  .lp-hero-copy { max-width:720px; }
  .lp-dashboard-preview { max-width:680px; margin:auto; transform:none; }
  .demo-shell,.roi-shell { grid-template-columns:1fr; }
  .demo-stage { min-height:420px; border-right:0; border-bottom:1px solid var(--border-subtle); }
  .demo-arrow { right:auto; bottom:-17px; transform:rotate(90deg); }
  .feature-card,.feature-card.featured,.feature-card:nth-child(n) { grid-column:span 6; }
  .workflow-grid { grid-template-columns:1fr 1fr; }
  .workflow-grid::before { display:none; }
  .ledger-table { overflow-x:auto; }
  .ledger-row { min-width:900px; }
  .report-summary,.quote-grid { grid-template-columns:1fr; }
  .security-card { grid-template-columns:1fr; }
  .roi-result { border-left:0; border-top:1px solid var(--badge-border); }
  .lp-section-heading.split { grid-template-columns:1fr; gap:10px; }
  .lp-cta { margin-inline:20px; flex-direction:column; align-items:flex-start; }
  .lp-footer-top { grid-template-columns:1fr; gap:38px; }
}
@media (max-width:640px) {
  .lp-nav { min-height:68px; padding:0 14px; }
  .lp-nav .lp-logo { gap:8px; font-size:20px; }
  .lp-nav .lp-logo .brand-mark { width:30px; height:30px; border-radius:8px; font-size:18px; }
  .lp-nav .lp-logo small { display:none; }
  .lp-links { top:68px; }
  .lp-nav-actions .compact,.desktop-only { display:none; }
  .lp-palette-menu { position:fixed; top:68px; right:12px; width:min(390px,calc(100vw - 24px)); }
  .lp-section { padding:75px 18px; }
  .lp-hero { padding:70px 18px 75px; }
  .lp-hero-sub { font-size:15px; }
  .lp-hero-actions { align-items:flex-start; flex-direction:column; gap:8px; }
  .lp-proof-row { flex-direction:column; }
  .mock-body { grid-template-columns:38px 1fr; min-height:390px; }
  .mock-main { padding:14px; }
  .mock-metrics { grid-template-columns:1fr; }
  .mock-metrics article:last-child { display:none; }
  .lp-float-badge { right:10px; bottom:10px; }
  .lp-strip { justify-content:flex-start; overflow-x:auto; white-space:nowrap; }
  .demo-stage { min-height:390px; padding:35px 20px; }
  .review-card { padding:20px; }
  .field-grid { grid-template-columns:1fr; }
  .feature-card,.feature-card.featured,.feature-card:nth-child(n) { grid-column:1/-1; min-height:0; }
  .workflow-grid,.integration-grid { grid-template-columns:1fr; }
  .workflow-cta { align-items:flex-start; flex-direction:column; }
  .report-summary { padding:10px; }
  .gaap-note { flex-direction:column; }
  .roi-controls,.roi-result { padding:27px 20px; }
  .roi-result > div { grid-template-columns:1fr; }
  .lp-cta { margin-bottom:65px; padding:30px 23px; }
  .lp-cta > div:last-child { width:100%; flex-direction:column; }
  .lp-footer { padding:55px 20px 22px; }
  .lp-footer-links { grid-template-columns:1fr 1fr; }
  .lp-footer-bottom { grid-template-columns:1fr; }
  .lp-footer-bottom > span:nth-child(2) { text-align:left; }
  .lp-social { justify-content:flex-start; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms!important; transition-duration:.01ms!important; }
}