/* Home narrative. The approved hero keeps its layout, copy and full demo. */
.home-page .hero { position:relative; }
.home-page .hero h1 span { color:var(--amber-ink); }
/* A quieter vertical cadence for the existing hero. The copy, controls and
   recorded workspace stay untouched; only their breathing room changes. */
.home-page .hero .hero-eyebrow { margin-bottom:30px; }
.home-page .hero h1 { margin-bottom:36px; }
.home-page .hero .hero-lede { line-height:1.76; }
.home-page .hero .hero-actions { margin-top:36px; }
.home-page :is(a,button,summary,[role=tabpanel]):focus-visible { outline:2px solid var(--ink); outline-offset:5px; }
.home-page [hidden] { display:none!important; }
.home-skip { position:fixed; top:8px; left:16px; z-index:110; padding:12px; background:var(--sheet); color:var(--ink); transform:translateY(-180%); }
.home-skip:focus { transform:none; }
.home-page :is(#benefits,#solutions,#deployment,#pricing) { scroll-margin-top:calc(var(--nav-h) + 20px); }
.home-benefits { border-top:1px solid var(--rule); padding-bottom:88px; }
.home-bridge { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px 0; border-bottom:1px solid var(--rule); color:var(--ink-2); font:12px/1.6 var(--font-sans); }
.home-bridge i { font-style:normal; color:var(--ink-faint); }
.home-benefits-heading { display:grid; grid-template-columns:1.15fr 1fr; gap:64px; align-items:end; padding:72px 0 44px; }
.home-page :is(.home-benefits,.home-faq,.home-close) h2 { margin:24px 0 0; font:400 clamp(38px,3.8vw,54px)/1.12 var(--font-display); letter-spacing:-.025em; }
.home-benefits-heading > p { max-width:43ch; color:var(--ink-2); font:16px/1.8 var(--font-sans); padding-bottom:3px; }
.home-benefits-heading h2 em { font-style:normal; color:var(--amber-ink); }
.home-page .home-benefits-heading h2 { max-width:13ch; font-size:clamp(38px,3.4vw,50px); }
.home-trust-story { overflow:hidden; border:1px solid var(--rule); border-radius:var(--r-panel); background:var(--paper-2); }
.home-trust-bar { display:flex; align-items:center; justify-content:space-between; min-height:54px; padding:0 22px; border-bottom:1px solid var(--rule); color:var(--ink-3); font:11px/1.5 var(--font-sans); }
.home-trust-bar > span { display:flex; align-items:center; gap:10px; color:var(--ink-2); }
.home-trust-bar button { min-height:44px; padding:0; border:0; background:none; color:var(--ink-3); font:11px/1.5 var(--font-sans); cursor:pointer; }
.home-trust-bar button:hover { color:var(--amber-ink); }
.home-trust-stage { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr); min-height:510px; }
.home-search-side,.home-evidence-side { position:relative; min-width:0; padding:34px; }
.home-search-side { border-right:1px solid var(--rule); }
.home-evidence-side { grid-column:3; background:var(--sheet); transition:opacity .5s ease,transform .7s cubic-bezier(.2,.7,.2,1); }
.home-story-kicker { margin:0 0 24px; color:var(--ink-3); font:10px/1.5 var(--font-mono); text-transform:uppercase; letter-spacing:.07em; }
.home-vague-answer { padding:20px; border:1px solid var(--rule); background:var(--sheet); }
.home-vague-answer small { color:var(--ink-3); font:10px/1.5 var(--font-mono); }
.home-vague-answer p { margin:14px 0 18px; font:400 20px/1.45 var(--font-display); }
.home-vague-answer strong { color:var(--amber-ink); font-weight:400; }
.home-vague-answer > span { display:inline-flex; padding:6px 9px; background:var(--paper-2); color:var(--ink-3); font:10px/1.5 var(--font-sans); }
.home-file-search { position:relative; height:142px; margin:28px 8px 0; }
.home-file-card { position:absolute; inset:auto 0 0; display:grid; grid-template-columns:26px 1fr auto; gap:10px; align-items:center; min-height:52px; padding:0 14px; border:1px solid var(--rule); background:var(--sheet); box-shadow:0 8px 18px color-mix(in srgb,var(--ink) 5%,transparent); color:var(--ink-2); transition:transform .35s ease,border-color .25s ease,color .25s ease,opacity .45s ease; }
.home-file-card:nth-child(1) { transform:translateY(-76px) rotate(-.5deg); }
.home-file-card:nth-child(2) { transform:translateY(-38px) translateX(6px) rotate(.4deg); }
.home-file-card:nth-child(3) { transform:translateX(-3px) rotate(-.2deg); }
.home-file-card > span { color:var(--ink-faint); font:9px/1 var(--font-mono); }
.home-file-card p { overflow:hidden; margin:0; font:11px/1.4 var(--font-sans); text-overflow:ellipsis; white-space:nowrap; }
.home-file-card small { color:var(--ink-3); font:9px/1.4 var(--font-mono); }
.home-file-card.is-scanning { z-index:3; border-color:var(--amber); color:var(--ink); transform:translateY(-85px) translateX(10px) rotate(.2deg); }
.home-search-status { display:flex; align-items:center; gap:10px; margin:23px 0 0; color:var(--ink-3); font:10px/1.5 var(--font-sans); }
.home-search-status > span { width:6px; height:6px; border-radius:50%; background:var(--amber); box-shadow:0 0 0 4px var(--amber-soft); }
.home-search-status b { font-weight:400; }
.home-trust-turn { position:absolute; z-index:3; left:50%; top:46%; display:grid; place-items:center; width:68px; height:68px; transform:translate(-50%,-50%); border:1px solid var(--rule); border-radius:50%; background:var(--paper); color:var(--amber-ink); font:10px/1 var(--font-mono); }
.home-trust-turn i { position:absolute; top:47px; font:400 16px/1 var(--font-sans); font-style:normal; }
.home-trust-thread { position:absolute; z-index:2; inset:0; width:100%; height:100%; pointer-events:none; }
.home-trust-thread path { fill:none; stroke:var(--amber); stroke-width:.17; vector-effect:non-scaling-stroke; stroke-linecap:round; stroke-dasharray:1; stroke-dashoffset:0; }
.home-exact-answer { display:grid; grid-template-columns:1fr auto; grid-template-rows:auto auto; gap:4px 16px; align-items:end; margin-bottom:18px; }
.home-exact-answer > span { color:var(--ink-3); font:11px/1.5 var(--font-sans); }
.home-exact-answer strong { grid-row:2; color:var(--ink); font:400 44px/1 var(--font-display); }
.home-exact-answer strong span { color:var(--ink-3); font-size:18px; }
.home-exact-answer button { grid-column:2; grid-row:1 / 3; align-self:center; min-height:44px; padding:0 2px; border:0; border-bottom:1px solid var(--amber); background:none; color:var(--amber-ink); font:11px/1 var(--font-mono); cursor:pointer; }
.home-source-page { position:relative; height:290px; overflow:hidden; border:1px solid var(--rule); background:white; }
.home-source-sheet { position:relative; width:100%; aspect-ratio:1190 / 1685; }
.home-source-page img { display:block; width:100%; height:100%; filter:saturate(.7); }
.home-source-frame { position:absolute; left:9.519%; top:8.152%; width:71.315%; height:13.511%; border:2px solid var(--amber); background:color-mix(in srgb,var(--amber) 9%,transparent); transform-origin:left center; }
.home-source-caption { margin:14px 0 0; color:var(--ink-3); font:10px/1.5 var(--font-mono); }
.home-source-caption span { color:var(--amber-ink); }
.home-trust-promise { display:flex; align-items:end; justify-content:space-between; gap:30px; padding:28px 34px; border-top:1px solid var(--rule); background:var(--paper); }
.home-trust-promise p { margin:0; font:400 27px/1.25 var(--font-display); }
.home-trust-promise em { color:var(--amber-ink); font-style:normal; }
.home-trust-promise > span { color:var(--ink-3); font:10px/1.5 var(--font-mono); }
.js .home-trust-story[data-state="idle"] .home-evidence-side { opacity:.22; transform:translateX(12px); }
.js .home-trust-story[data-state="idle"] .home-source-frame { transform:scaleX(0); }
.js .home-trust-story[data-state="idle"] .home-trust-thread path { stroke-dashoffset:1; }
.js .home-trust-story[data-state="resolved"] .home-search-side { opacity:.48; transition:opacity .6s ease; }
.js .home-trust-story[data-state="resolved"] .home-file-card { opacity:.42; }
.js .home-trust-story[data-state="resolved"] .home-evidence-side { opacity:1; transform:none; }
.js .home-trust-story[data-state="resolved"] .home-trust-thread path { animation:home-trust-draw .85s cubic-bezier(.4,0,.2,1) both; }
.js .home-trust-story[data-state="resolved"] .home-source-frame { animation:home-trust-frame .6s .65s ease-out both; }
@keyframes home-trust-draw { from { stroke-dashoffset:1; } to { stroke-dashoffset:0; } }
@keyframes home-trust-frame { from { transform:scaleX(0); opacity:0; } to { transform:scaleX(1); opacity:1; } }
.home-proof-question { margin:18px 0 0; color:var(--ink-3); font:12px/1.6 var(--font-sans); }
.home-sheet .home-proof-question + h3 { margin-top:12px; }
.home-proof-invitation { display:flex; align-items:center; justify-content:space-between; gap:32px; margin-top:40px; padding-top:28px; border-top:1px solid var(--rule); }
.home-proof-invitation p { margin:0 0 8px; font:400 23px/1.35 var(--font-display); }
.home-proof-invitation div > span { display:block; max-width:60ch; color:var(--ink-3); font:13px/1.7 var(--font-sans); }
.home-proof-invitation .button { flex-shrink:0; font-size:13px; }
/* A single source emphasis when the section enters view; no rotating tabs. */
.home-benefits[data-entered="1"] .home-sheet-heading b { animation:home-source-mark 850ms ease-out both; }
.home-benefits[data-entered="1"] .home-table tbody tr:nth-child(2) { animation:home-source-row 1300ms 180ms ease-out both; }
@keyframes home-source-mark { from { box-shadow:0 2px 0 transparent; } to { box-shadow:0 2px 0 var(--amber); } }
@keyframes home-source-row { 0% { background:transparent; } 40% { background:color-mix(in srgb,var(--amber) 13%,transparent); } 100% { background:color-mix(in srgb,var(--amber) 5%,transparent); } }
@media(max-width:680px) { .home-proof-invitation { align-items:flex-start; flex-direction:column; gap:20px; margin-top:28px; }.home-proof-invitation .button { max-width:100%; white-space:normal; }.home-proof-invitation p { font-size:21px; } }
@media(prefers-reduced-motion:reduce) { .home-benefits[data-entered="1"] :is(.home-sheet-heading b,.home-table tbody tr:nth-child(2)) { animation:none; } }
.home-benefits-layout { display:grid; grid-template-columns:1.15fr 1fr; gap:64px; align-items:center; }
.home-folio { min-width:0; border:1px solid var(--rule); border-radius:var(--r-panel); background:var(--paper-2); }
.home-folio-bar { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:16px 22px; border-bottom:1px solid var(--rule); color:var(--ink-3); font:11px/1.5 var(--font-sans); }
.home-folio-bar > span:first-child { display:flex; gap:10px; align-items:center; color:var(--ink-2); }
.home-benefit-panel { min-height:435px; display:flex; flex-direction:column; }
.home-sheet { margin:24px 28px 0; padding:24px; border:1px solid var(--rule); background:var(--sheet); flex:1; }
.home-sheet-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; padding-bottom:18px; border-bottom:1px solid var(--rule-soft); color:var(--ink-3); font:11px/1.5 var(--font-sans); }
.home-sheet-heading b { font:10px/1.5 var(--font-mono); color:var(--amber-ink); }
.home-sheet h3 { margin:22px 0; font:400 23px/1.3 var(--font-display); letter-spacing:-.02em; }
.home-table { overflow:auto; }
.home-table table { width:100%; border-collapse:collapse; color:var(--ink-2); font:12px/1.65 var(--font-sans); }
.home-table :is(th,td) { border:1px solid var(--rule); padding:10px 12px; text-align:left; }
.home-table th { background:var(--paper-2); font-weight:500; color:var(--ink); }
.home-table td:last-child { font-family:var(--font-mono); color:var(--amber-ink); text-align:right; }
.home-source-note { margin-top:18px; font:10px/1.6 var(--font-sans); color:var(--ink-3); }
.home-folio-foot { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:14px 28px; font:10px/1.6 var(--font-sans); color:var(--ink-3); }
.home-folio-foot :is(button,a) { min-height:44px; display:inline-flex; align-items:center; border:0; background:none; padding:0; color:var(--amber-ink); font:11px/1.6 var(--font-sans); text-decoration:none; cursor:pointer; }
.home-excerpt-question { color:var(--ink-3); font:12px/1.7 var(--font-sans); }
.home-excerpt { margin:22px 0; padding-left:18px; border-left:2px solid var(--amber); color:var(--ink); font:16px/1.8 var(--font-display); }
.home-choice-sheet > p { color:var(--ink-2); font:13px/1.7 var(--font-sans); }
.home-routes { display:grid; grid-template-columns:1fr 1fr; margin:24px 0 20px; border-block:1px solid var(--rule); }
.home-routes > div { padding:18px 14px 18px 0; }
.home-routes > div + div { border-left:1px solid var(--rule); padding-left:18px; }
.home-routes span { display:block; color:var(--ink-3); font:10px/1.5 var(--font-mono); margin-bottom:10px; }
.home-routes b { font:500 13px/1.5 var(--font-sans); }
.home-routes p { margin-top:10px; color:var(--ink-2); font:12px/1.65 var(--font-sans); }
.home-approval { display:flex; align-items:center; gap:14px; font:12px/1.6 var(--font-sans); color:var(--ink-2); }
.home-approval > span { font:28px/1 var(--font-display); }
.home-approval b { font-weight:500; color:var(--ink); }
.home-benefit-tabs { border-top:1px solid var(--rule); }
.home-benefit-tabs button { display:grid; grid-template-columns:28px 1fr 20px; gap:16px; width:100%; padding:28px 12px; border:0; border-bottom:1px solid var(--rule); background:none; text-align:left; color:var(--ink-3); cursor:pointer; transition:background .2s; }
.home-benefit-tabs button:hover { background:var(--paper-2); }
.home-benefit-tabs button[aria-selected=true] { background:var(--paper-2); color:var(--ink); }
.home-benefit-number { font:10px/1.7 var(--font-mono); padding-top:4px; }
.home-benefit-tabs b { display:block; font:400 23px/1.3 var(--font-display); letter-spacing:-.015em; }
.home-benefit-tabs button > span > span { display:block; margin-top:12px; max-width:36ch; color:var(--ink-2); font:13px/1.8 var(--font-sans); }
.home-benefit-tabs i { font:18px/1.5 var(--font-sans); font-style:normal; opacity:.4; }
.home-benefit-tabs button[aria-selected=true] i { opacity:1; }
.home-detail-link { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:56px; padding:10px 12px; margin-top:12px; color:var(--ink); text-decoration:none; font:12px/1.7 var(--font-sans); }
.home-page .use-cases { padding-top:72px; }
.home-page .use-case-handoff-line { display:none; }
.home-page .use-case-arrival { max-width:35ch; font-size:14px; }
.home-page .use-case-picker button { font-size:12px; }
.home-use-case-detail { color:var(--ink); font:12px/1.7 var(--font-sans); margin-top:16px; padding:10px 0; text-decoration:none; border-bottom:1px solid var(--rule); }
.home-page .deployment-scroll-description { max-width:42ch; }
.home-team-link { display:inline-flex; align-items:center; min-height:44px; font:12px/1.7 var(--font-sans); color:var(--ink); text-decoration:none; margin-top:18px; border-bottom:1px solid var(--rule); }
.home-faq { padding:80px 0; border-top:1px solid var(--rule); }
.home-faq-grid { display:grid; grid-template-columns:1fr 1.1fr; gap:80px; }
.home-page .home-faq h2 { font-size:36px; max-width:16ch; }
.home-questions details { padding:0 0 8px; border-bottom:1px solid var(--rule); }
.home-questions details + details { padding-top:4px; }
.home-questions summary { display:flex; justify-content:space-between; align-items:center; gap:18px; min-height:48px; cursor:pointer; font:500 15px/1.6 var(--font-sans); list-style:none; }
.home-questions summary::-webkit-details-marker { display:none; }
.home-questions summary::after { content:'+'; font:20px/1 var(--font-sans); font-weight:300; }
.home-questions details[open] summary::after { content:'−'; }
.home-questions details p { color:var(--ink-2); font:14px/1.8 var(--font-sans); padding:4px 28px 12px 0; }
.home-questions details a { display:inline-flex; align-items:center; min-height:44px; color:var(--ink); text-decoration:underline; text-underline-offset:5px; font:12px/1.7 var(--font-sans); }
.home-close { border-block:1px solid var(--rule); background:var(--paper-2); padding:64px 0; overflow:hidden; }
.home-close-grid { display:grid; grid-template-columns:1.25fr 1fr; gap:64px; align-items:center; }
.home-close-kicker { font:12px/1.6 var(--font-sans); color:var(--ink-3); }
.home-close h2 + p { margin:22px 0; color:var(--ink-2); font:16px/1.7 var(--font-sans); }
.home-close-actions { display:flex; align-items:center; gap:28px; margin-top:30px; }
.home-contact { display:inline-flex; align-items:center; min-height:44px; color:var(--ink); text-decoration:none; font:13px/1.6 var(--font-sans); }
.home-close-art { display:flex; justify-content:center; padding:20px 0; }
.home-close-paper { width:220px; min-height:286px; padding:28px; background:var(--sheet); border:1px solid var(--rule); box-shadow:8px 8px 0 -1px var(--paper-2),8px 8px 0 var(--rule),16px 16px 0 -1px var(--paper-2),16px 16px 0 var(--rule); transform:rotate(7deg); }
.home-close-paper > span { display:block; margin:24px 0; font:24px/1.3 var(--font-display); }
.home-close-paper > i { display:block; width:100%; height:1px; background:var(--rule); margin-top:12px; }
.home-close-paper > i + i { width:70%; }
.home-close-paper small { display:block; margin-top:24px; font:12px/1.5 var(--font-sans); }
.home-footer { padding:32px 0; }
.home-footer .shell { display:flex; align-items:center; flex-wrap:wrap; gap:28px; }
.home-footer p { color:var(--ink-3); font:11px/1.6 var(--font-sans); }
.home-footer nav { display:flex; flex-wrap:wrap; gap:24px; margin-left:auto; }
.home-footer nav a { padding-block:10px; color:var(--ink-2); font:12px/1.6 var(--font-sans); text-decoration:none; }
html:not(.js) .home-page :is(.home-benefit-tabs,.home-detail-link,.home-folio-foot button,.use-case-picker,.use-case-variants) { display:none; }
html:not(.js) .home-page .home-benefit-panel[hidden] { display:flex!important; }
html:not(.js) .home-page .home-benefit-panel + .home-benefit-panel { border-top:1px solid var(--rule); }
@media(max-width:1180px) { .home-benefits-layout,.home-benefits-heading { gap:36px; }.home-sheet { margin-inline:20px; padding:20px; }.home-folio-foot { padding-inline:20px; }.home-benefit-tabs b { font-size:21px; }.home-benefit-tabs button { gap:10px; } }
@media(max-width:1020px) { .home-benefits-heading { grid-template-columns:1fr 1fr; }.home-benefits-layout { grid-template-columns:1fr; }.home-benefit-choices { grid-row:1; }.home-benefit-tabs { display:grid; grid-template-columns:repeat(3,1fr); }.home-benefit-tabs button { grid-template-columns:1fr 18px; align-content:start; padding:22px 18px; }.home-benefit-number { display:none; }.home-benefit-tabs button + button { border-left:1px solid var(--rule); }.home-benefit-tabs b { font-size:20px; }.home-detail-link { min-height:44px; margin:8px 0 0; }.home-folio { max-width:760px; width:100%; margin:auto; }.home-faq-grid { gap:40px; }.home-close-grid { gap:40px; } }
@media(max-width:680px) { .home-bridge { gap:12px; padding:20px 0; font-size:10px; align-items:flex-start; }.home-bridge span { flex:1; }.home-bridge i { padding-top:2px; }.home-benefits { padding-bottom:48px; }.home-benefits-heading { grid-template-columns:1fr; gap:24px; padding:44px 0 28px; }.home-benefits-heading > p { font-size:14px; }.home-page .home-benefits h2 { font-size:38px; }.home-benefits-layout { gap:24px; }.home-benefit-tabs { display:block; }.home-benefit-tabs button { grid-template-columns:20px 1fr 18px; padding:18px 12px; }.home-benefit-tabs button + button { border-left:0; }.home-benefit-number { display:block; }.home-benefit-tabs button > span > span { margin-top:8px; font-size:12px; max-width:none; }.home-benefit-tabs b { font-size:20px; }.home-sheet { margin:16px 14px 0; padding:18px 14px; }.home-sheet h3 { font-size:21px; }.home-table :is(th,td) { font-size:11px; padding:8px; }.home-folio-bar { padding:14px; font-size:10px; }.home-folio-bar > span:last-child { display:none; }.home-folio-foot { padding:10px 14px; flex-wrap:wrap; gap:0 12px; }.home-folio-foot > span { flex-basis:100%; }.home-excerpt { font-size:14px; }.home-benefit-panel { min-height:0; }.home-routes { gap:0; }.home-routes > div { padding-right:10px; }.home-routes > div + div { padding-left:12px; }.home-routes p { font-size:11px; }.home-page .use-cases { padding-top:48px; }.home-page .use-case-picker button { font-size:10px; }.home-use-case-detail { display:inline-flex; min-height:44px; margin-top:10px; }.home-faq { padding:48px 0; }.home-faq-grid { grid-template-columns:1fr; gap:28px; }.home-page .home-faq h2 { font-size:30px; }.home-questions summary { font-size:14px; }.home-questions details p { font-size:13px; padding-right:0; }.home-close { padding:44px 0; }.home-close-grid { grid-template-columns:1fr; gap:16px; }.home-page .home-close h2 { font-size:36px; }.home-close h2 + p { font-size:14px; }.home-close-art { display:none; }.home-footer .shell { gap:18px; }.home-footer p { flex-basis:100%; }.home-footer nav { margin-left:0; gap:20px; }.home-close-actions { gap:24px; } }
@media(prefers-reduced-motion:reduce) { .home-page * { scroll-behavior:auto!important; }.home-benefit-tabs button { transition:none; } }
@media(max-width:900px) {
  .home-trust-stage { grid-template-columns:1fr; }
  .home-search-side { border-right:0; border-bottom:1px solid var(--rule); }
  .home-evidence-side { grid-column:1; }
  .home-trust-turn { position:relative; left:auto; top:auto; width:58px; height:58px; margin:-29px auto; transform:none; }
  .home-trust-turn i { top:40px; transform:rotate(90deg); }
  .home-trust-thread { display:none; }
}
@media(max-width:680px) {
  .home-page .home-benefits-heading h2 { font-size:36px; }
  .home-search-side,.home-evidence-side { padding:22px 18px; }
  .home-vague-answer { padding:17px; }
  .home-vague-answer p { font-size:18px; }
  .home-file-search { margin-inline:0; }
  .home-source-page { height:245px; }
  .home-trust-promise { align-items:flex-start; flex-direction:column; gap:12px; padding:23px 18px; }
  .home-trust-promise p { font-size:24px; }
  .home-trust-bar { padding-inline:16px; }
}
@media(prefers-reduced-motion:reduce) {
  .home-trust-story :is(.home-search-side,.home-evidence-side,.home-file-card,.home-source-frame) { transition:none!important; animation:none!important; }
  .home-trust-story .home-trust-thread path { animation:none!important; stroke-dashoffset:0!important; }
}

/* Administrative noise: one editorial canvas, from a finished answer to its exact source. */
.home-benefits { padding-bottom:48px; }
.home-benefits-heading { padding:36px 0 30px; }
.home-page .home-benefits-heading h2 { max-width:15ch; font-size:clamp(38px,3.15vw,48px); }
.home-noise-story { overflow:hidden; border:1px solid var(--rule); border-radius:var(--r-panel); background:var(--paper-2); }
.home-noise-toolbar { display:flex; align-items:center; justify-content:space-between; min-height:48px; padding:0 20px; border-bottom:1px solid var(--rule); color:var(--ink-2); font:11px/1.5 var(--font-sans); }
.home-noise-toolbar > span { display:flex; align-items:center; gap:11px; }
.home-noise-toolbar i { color:var(--amber-ink); font:19px/1 var(--font-display); font-style:normal; }
.home-noise-toolbar button { min-height:42px; border:0; background:none; color:var(--ink-3); font:10px/1.5 var(--font-sans); cursor:pointer; transition:color .2s ease; }
.home-noise-toolbar button:hover { color:var(--amber-ink); }
.home-noise-canvas { position:relative; height:420px; overflow:hidden; background:linear-gradient(100deg,color-mix(in srgb,var(--sheet) 34%,transparent),transparent 64%); }
.home-answer-anchor { position:absolute; z-index:4; left:3%; top:54px; width:27%; }
.home-question-block > span,.home-answer-block > span { display:flex; align-items:center; gap:9px; margin:0 0 10px; color:var(--ink-2); font:11px/1.5 var(--font-sans); }
.home-question-block > span::before { content:'✦'; color:var(--amber-ink); font-size:13px; }
.home-question-block p,.home-answer-block p { margin:0; padding:16px 18px; border:1px solid var(--rule-soft); border-radius:14px 14px 14px 3px; background:var(--sheet); box-shadow:0 10px 28px color-mix(in srgb,var(--ink) 4%,transparent); font:15px/1.55 var(--font-sans); }
.home-answer-block { margin-top:30px; }
.home-answer-block p { font-size:17px; }
.home-answer-block strong { color:var(--amber-ink); font-weight:500; }
.home-answer-block small { display:inline-block; margin:5px 0 0 16px; padding:6px 10px; background:var(--sheet); color:var(--ink-faint); font:10px/1.4 var(--font-sans); }
.home-noise-field { position:absolute; z-index:2; inset:0; pointer-events:none; }
.home-noise-piece { position:absolute; color:var(--ink-2); will-change:transform,opacity; }
.noise-folder { --pose:rotate(-1.3deg); left:32%; top:82px; display:grid; width:25%; transform:var(--pose); filter:drop-shadow(0 10px 14px color-mix(in srgb,var(--ink) 7%,transparent)); font:9px/1.4 var(--font-mono); }
.noise-folder span { min-height:35px; margin-top:-1px; padding:11px 13px; border:1px solid var(--rule); border-radius:5px; background:var(--sheet); }
.noise-pdf { --pose:rotate(-2deg); left:37%; bottom:52px; display:flex; flex-direction:column; width:96px; height:134px; padding:16px 13px; transform:var(--pose); border:1px solid var(--rule); background:var(--sheet); box-shadow:0 9px 18px color-mix(in srgb,var(--ink) 7%,transparent); font:9px/1.4 var(--font-mono); }
.noise-pdf b { align-self:flex-start; margin-bottom:auto; padding:5px; background:#B54C3C; color:white; font-weight:500; }
.noise-pdf small { margin-top:4px; color:var(--ink-3); }
.noise-doc { --pose:rotate(4deg); left:52%; top:48px; width:178px; height:210px; padding:20px 17px; transform:var(--pose); border:1px solid var(--rule); background:var(--sheet); box-shadow:0 11px 24px color-mix(in srgb,var(--ink) 8%,transparent); }
.noise-doc span { display:block; margin-bottom:25px; color:var(--ink); font:10px/1.4 var(--font-sans); }
.noise-doc i { display:block; width:90%; height:4px; margin:8px 0; background:var(--rule); }
.noise-doc i:nth-of-type(2) { width:68%; }.noise-doc i:nth-of-type(3) { width:82%; }.noise-doc i:nth-of-type(4) { width:55%; }
.noise-search { --pose:rotate(.3deg); left:54%; bottom:30px; display:flex; flex-direction:column; width:198px; padding:14px; transform:var(--pose); border:1px solid var(--rule); border-radius:6px; background:var(--sheet); box-shadow:0 12px 24px color-mix(in srgb,var(--ink) 8%,transparent); font:9px/1.5 var(--font-sans); }
.noise-search > span { margin-bottom:9px; color:var(--amber-ink); font:13px/1.4 var(--font-mono); }
.noise-search p { margin:0 0 8px; padding:7px 9px; border:1px solid var(--rule); border-radius:4px; color:var(--ink); }
.noise-search small { margin-bottom:5px; color:var(--ink-3); }
.noise-search i { padding:4px 0; color:var(--ink-3); font-style:normal; }
.noise-search mark { background:var(--amber-soft); color:var(--amber-ink); }
.noise-note { padding:15px 17px; background:color-mix(in srgb,var(--amber-soft) 48%,var(--sheet)); box-shadow:0 10px 19px color-mix(in srgb,var(--ink) 7%,transparent); font:italic 14px/1.35 var(--font-display); }
.note-document { --pose:rotate(-7deg); left:47%; top:20px; transform:var(--pose); }
.note-version { --pose:rotate(5deg); left:67%; top:216px; transform:var(--pose); }
.noise-pages { --pose:rotate(-5deg); left:32%; bottom:17px; transform:var(--pose); font:italic 14px/1.45 var(--font-display); }
.noise-context { --pose:rotate(2deg); left:61%; bottom:7px; transform:var(--pose); color:var(--ink-3); font:italic 14px/1.4 var(--font-display); }
.home-clean-source { position:absolute; z-index:5; top:45px; right:3%; width:29%; padding:20px; border:1px solid var(--rule); border-radius:5px; background:var(--sheet); box-shadow:0 18px 38px color-mix(in srgb,var(--ink) 9%,transparent); }
.home-clean-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; padding-bottom:14px; border-bottom:1px solid var(--rule-soft); }
.home-clean-heading > span { display:flex; align-items:center; gap:9px; font:11px/1.4 var(--font-sans); }
.home-clean-heading button { min-height:38px; padding:0; border:0; border-bottom:1px solid var(--amber); background:none; color:var(--amber-ink); font:10px/1 var(--font-mono); cursor:pointer; }
.home-clean-source > p { margin:18px 0 14px; font:500 12px/1.5 var(--font-sans); }
.home-clean-table { border:1px solid var(--rule); font:9px/1.3 var(--font-sans); }
.home-clean-table > div { display:grid; grid-template-columns:1fr 76px; min-height:35px; border-top:1px solid var(--rule); }
.home-clean-table > div:first-child { min-height:30px; border-top:0; background:var(--paper-2); }
.home-clean-table :is(span,b,strong) { display:flex; align-items:center; padding:7px 9px; font-weight:400; }
.home-clean-table :is(b,strong):last-child { border-left:1px solid var(--rule); }
.home-clean-table .is-source-row { position:relative; margin:-1px; border:1px solid var(--amber); background:var(--amber-soft); }
.home-clean-table .is-source-row strong { color:var(--amber-ink); }
.home-clean-source > small { display:block; margin-top:13px; color:var(--amber-ink); font:9px/1.4 var(--font-mono); }
.home-noise-payoff { display:flex; align-items:center; justify-content:center; gap:12px; min-height:76px; padding:12px 24px; border-top:1px solid var(--rule); background:var(--paper); font:400 clamp(22px,2.1vw,30px)/1.2 var(--font-display); }
.home-noise-payoff button { min-height:44px; padding:0; border:0; background:none; color:var(--amber-ink); font:inherit; cursor:pointer; }
.home-noise-payoff button::after { content:''; display:block; width:0; height:1px; margin-top:3px; background:var(--amber); }
.home-noise-payoff i { display:inline-block; margin-left:8px; font-style:normal; }

.js .home-noise-story[data-state="idle"] :is(.home-answer-anchor,.home-noise-piece,.home-clean-source) { opacity:0; }
.js .home-noise-story[data-state="idle"] .home-answer-anchor { transform:translateY(8px); }
.js .home-noise-story[data-state="answer"] .home-answer-anchor { animation:administrative-answer-in .55s ease-out both; }
.js .home-noise-story:is([data-state="answer"],[data-state="noise-building"],[data-state="friction"],[data-state="noise-clearing"],[data-state="resolved"],[data-state="resting"]) .home-answer-anchor { opacity:1; }
.js .home-noise-story:is([data-state="idle"],[data-state="answer"],[data-state="noise-building"],[data-state="friction"],[data-state="noise-clearing"]) .home-clean-source { opacity:0; transform:translateY(8px) scale(.985); }
.js .home-noise-story[data-state="noise-building"] .home-noise-piece { animation:administrative-noise-in .48s var(--delay) ease-out both; }
.js .home-noise-story[data-state="friction"] .home-noise-piece { opacity:1; transform:var(--pose); }
.js .home-noise-story[data-state="noise-clearing"] .home-noise-piece { animation:administrative-noise-out .62s var(--out-delay) ease-in both; }
.js .home-noise-story:is([data-state="resolved"],[data-state="resting"]) .home-noise-piece { opacity:0; }
.js .home-noise-story[data-state="resolved"] .home-clean-source { animation:administrative-source-in .72s ease-out both; }
.js .home-noise-story[data-state="resting"] .home-clean-source { opacity:1; transform:none; }
.js .home-noise-story[data-state="resting"] .home-noise-payoff button::after { width:100%; }
.js .home-noise-story:not([data-state="resolved"],[data-state="resting"]) .home-noise-payoff button { opacity:.32; }
.js .home-noise-story[data-state="resolved"] .home-noise-payoff button::after { animation:administrative-underline .55s .2s ease-out both; }
.js .home-noise-story[data-state="resolved"] .home-noise-payoff i { animation:administrative-arrow .45s .55s ease-out both; }
@keyframes administrative-answer-in { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
@keyframes administrative-noise-in { from { opacity:0; transform:translateY(8px) scale(.98); } to { opacity:1; transform:var(--pose); } }
@keyframes administrative-noise-out { from { opacity:1; transform:var(--pose); } to { opacity:0; transform:translate(var(--clear-x),var(--clear-y)) scale(.96); } }
@keyframes administrative-source-in { from { opacity:0; transform:translateY(8px) scale(.985); } to { opacity:1; transform:none; } }
@keyframes administrative-underline { from { width:0; } to { width:100%; } }
@keyframes administrative-arrow { 50% { transform:translate(3px,-3px); } }

html:not(.js) .home-noise-piece { display:none; }
@media(max-width:980px) {
  .home-noise-canvas { height:540px; }
  .home-answer-anchor { width:32%; }
  .noise-folder { left:35%; width:29%; }
  .noise-doc { left:55%; }
  .noise-search { left:53%; }
  .home-clean-source { width:35%; }
}
@media(max-width:680px) {
  .home-benefits-heading { padding:42px 0 28px; }
  .home-page .home-benefits-heading h2 { font-size:35px; }
  .home-noise-toolbar { padding-inline:14px; }
  .home-noise-canvas { height:690px; }
  .home-answer-anchor { left:18px; right:18px; top:24px; width:auto; }
  .home-question-block p,.home-answer-block p { padding:13px 14px; font-size:14px; }
  .home-answer-block { margin-top:18px; }
  .home-noise-field { top:252px; height:220px; }
  .noise-folder { left:12px; top:35px; width:64%; }
  .noise-search { left:auto; right:12px; bottom:3px; width:54%; }
  .noise-pdf { left:17px; bottom:0; width:82px; height:112px; }
  .noise-doc,.noise-context { display:none; }
  .note-document { left:auto; right:18px; top:0; }
  .note-version { left:auto; right:8px; top:92px; }
  .noise-pages { left:113px; bottom:-1px; }
  .home-clean-source { top:auto; right:18px; bottom:24px; left:18px; width:auto; padding:16px; }
  .home-noise-payoff { min-height:70px; flex-wrap:wrap; gap:3px 9px; font-size:22px; }
}
@media(prefers-reduced-motion:reduce) {
.home-noise-story * { animation:none!important; transition:none!important; }
}

/* Compact desk: the papers crowd the answer, then give its space back. */
.home-benefits > .shell { max-width:1040px; }
.home-benefits { padding-bottom:28px; }
.home-benefits-heading { padding:24px 0 22px; gap:32px; grid-template-columns:1.25fr 1fr; }
.home-page .home-benefits-heading h2 { margin-top:12px; max-width:none; font-size:clamp(29px,2.45vw,36px); line-height:1.08; }
.home-benefits-heading > p { margin:0; padding-bottom:2px; font-size:13px; line-height:1.65; }
.home-benefits-heading .section-label { font-size:10px; }
.home-noise-toolbar { min-height:36px; padding-inline:16px; font-size:10px; }
.home-noise-toolbar button { min-height:36px; }
.home-noise-canvas { height:350px; }
.home-answer-anchor { left:34%; top:23px; width:32%; }
.home-question-block > span,.home-answer-block > span { gap:7px; margin-bottom:5px; font-size:10px; }
.home-question-block p,.home-answer-block p { padding:10px 12px; border-radius:7px 7px 7px 2px; font-size:12px; line-height:1.5; box-shadow:0 4px 14px color-mix(in srgb,var(--ink) 4%,transparent); }
.home-answer-block { margin-top:14px; }
.home-answer-block p { font-size:14px; }
.home-answer-block small { margin:4px 0 0 6px; padding:3px 5px; font-size:8px; }
.home-answer-block img { width:17px; height:17px; }
.home-clean-source { top:199px; left:30%; right:auto; width:40%; padding:10px 13px; box-shadow:0 7px 20px color-mix(in srgb,var(--ink) 5%,transparent); }
.home-clean-heading { padding-bottom:4px; gap:8px; }
.home-clean-heading > span { font-size:10px; }
.home-clean-heading img { width:16px; height:16px; }
.home-clean-heading button { min-height:24px; font-size:9px; }
.home-clean-source > p { margin:6px 0; font-size:10px; }
.home-clean-table > div { min-height:24px; }
.home-clean-table > div:first-child { min-height:21px; }
.home-clean-table :is(span,b,strong) { padding:4px 7px; }
.home-clean-source > small { margin-top:7px; font-size:8px; }
.home-noise-payoff { min-height:56px; padding:6px 16px; font-size:23px; gap:9px; }
.home-noise-payoff button { min-height:36px; }

.noise-folder { left:3%; top:18px; width:26%; z-index:2; font-size:8px; filter:drop-shadow(0 5px 7px #201e1912); }
.noise-folder span { min-height:29px; padding:8px 9px; }
.home-noise-canvas .paper-pile { position:absolute; display:block; padding:0; border:0; border-radius:0; background:none; box-shadow:none; }
.paper-pile img { display:block; position:absolute; top:0; left:0; width:100%; height:auto; border:1px solid #d1cdc2; box-shadow:2px 3px 0 #fbfaf6,3px 4px 0 #d4d0c6,5px 8px 14px #27231920; }
.paper-pile img + img { top:10px; left:12px; transform:rotate(2.3deg); }
.paper-pile img:first-child { z-index:1; }
.paper-pile > span { position:absolute; z-index:2; left:8px; right:-10px; bottom:5px; padding:4px 5px; background:#f3efe6; border:1px solid #ddd5c8; color:#635a4b; font:7px/1.3 var(--font-mono); white-space:nowrap; }
.home-noise-canvas .noise-pdf { --pose:rotate(-3deg); left:19%; top:149px; bottom:auto; width:115px; height:162px; }
.home-noise-canvas .noise-doc { --pose:rotate(3deg); left:71%; top:9px; width:129px; height:181px; }
.home-noise-canvas .noise-prices { --pose:rotate(-2deg); left:84%; top:78px; width:113px; height:160px; transform:var(--pose); }
.home-noise-canvas .noise-annexes { --pose:rotate(1.2deg); left:42%; bottom:1px; width:124px; height:174px; transform:var(--pose); }
.noise-search { left:61%; bottom:17px; width:178px; padding:10px; z-index:3; font-size:8px; box-shadow:0 6px 14px #29241d18; }
.noise-search > span { font-size:11px; margin-bottom:6px; }
.noise-search p { padding:5px 8px; margin-bottom:5px; }
.noise-note { padding:10px 12px; font-size:13px; z-index:3; box-shadow:0 5px 12px #30251a12; }
.note-document { --pose:rotate(-3deg); left:26%; top:7px; }
.note-version { --pose:rotate(2deg); left:83%; top:167px; }
.noise-pages { left:5%; bottom:11px; font-size:13px; }
.noise-context { left:48%; bottom:1px; font-size:12px; z-index:3; }
.noise-filebox { --pose:rotate(-1.5deg); left:2%; top:169px; width:170px; padding:15px 10px 9px; transform:var(--pose); background:#e9e3d7; border:1px solid #d4cbbb; border-radius:2px; box-shadow:2px 4px 0 #f4f0e8,3px 5px 0 #d2c9ba,0 8px 15px #30261910; color:#625a4d; font:8px/1.5 var(--font-mono); }
.noise-filebox::before { content:''; position:absolute; top:-9px; left:-1px; width:76px; height:9px; border:1px solid #d4cbbb; border-bottom:0; border-radius:3px 6px 0 0; background:#e9e3d7; }
.noise-filebox b,.noise-filebox span,.noise-filebox small { display:block; }
.noise-filebox b { font-weight:500; margin-bottom:5px; }
.noise-filebox small { margin-top:5px; color:#938673; font-size:7px; }
.noise-archive { --pose:rotate(1deg); left:auto; right:2%; top:auto; bottom:10px; width:169px; }
.js .home-noise-story[data-state="answer"] .home-noise-piece { opacity:0; }
.js .home-noise-story:is([data-state="idle"],[data-state="answer"],[data-state="noise-building"],[data-state="friction"],[data-state="noise-clearing"]) .home-clean-source { visibility:hidden; }
.js .home-noise-story:is([data-state="resolved"],[data-state="resting"]) .home-clean-source { visibility:visible; }

@media(min-width:681px) and (max-width:980px) {
  .home-noise-canvas { height:362px; }
  .home-benefits-heading { gap:20px; }
  .home-answer-anchor { left:27%; width:46%; }
  .home-answer-block p { font-size:12px; }
  .home-clean-source { top:213px; left:27%; width:46%; }
  .noise-folder { width:28%; left:1%; }
  .home-noise-canvas .noise-doc { left:75%; width:112px; height:158px; }
  .home-noise-canvas .noise-prices { left:84%; width:98px; height:138px; }
  .home-noise-canvas .noise-pdf { left:13%; width:100px; height:142px; }
  .noise-search { left:60%; width:154px; }
  .noise-filebox { left:1%; width:140px; }
  .noise-archive { left:auto; right:1%; width:140px; }
}
@media(max-width:680px) {
  .home-benefits > .shell { padding-inline:16px; }
  .home-benefits-heading { grid-template-columns:1fr; padding:22px 0 17px; gap:12px; }
  .home-page .home-benefits-heading h2 { font-size:29px; max-width:none; }
  .home-benefits-heading > p { font-size:12px; line-height:1.5; }
  .home-noise-canvas { height:378px; }
  .home-answer-anchor { top:14px; left:18px; right:18px; width:auto; }
  .home-answer-block { margin-top:12px; }
  .home-question-block p,.home-answer-block p { font-size:12px; }
  .home-clean-source { top:205px; bottom:auto; left:18px; right:18px; width:auto; padding:11px; }
  .home-noise-field { top:0; height:100%; }
  .noise-folder { left:4%; top:163px; width:62%; font-size:7px; }
  .noise-folder span { min-height:24px; padding:5px 8px; }
  .home-noise-canvas .noise-pdf { left:6%; top:217px; width:86px; height:122px; }
  .home-noise-canvas .noise-doc { display:block; left:68%; top:143px; width:87px; height:123px; }
  .home-noise-canvas .noise-prices { left:66%; top:231px; width:86px; height:123px; }
  .home-noise-canvas .noise-annexes { left:34%; bottom:3px; width:87px; height:123px; }
  .noise-search { left:39%; right:auto; bottom:31px; width:143px; padding:8px; }
  .note-document { left:53%; right:auto; top:164px; font-size:11px; }
  .note-version { left:auto; right:3%; top:273px; font-size:11px; }
  .noise-pages { left:4%; bottom:6px; font-size:11px; }
  .noise-context { display:none; }
  .noise-filebox { top:254px; left:2%; width:133px; padding:11px 7px 6px; }
  .noise-archive { top:auto; left:auto; bottom:8px; right:2%; width:131px; }
  .home-noise-payoff { padding:6px 9px; min-height:58px; gap:2px 7px; font-size:19px; }
}
/* Keep the chosen example next to its controls on a phone. */
@media(max-width:680px) {
  .home-page .hero .hero-eyebrow { margin-bottom:22px; }
  .home-page .hero h1 { margin-bottom:28px; }
  .home-page .hero .hero-lede { line-height:1.68; }
  .home-page .hero .hero-actions { margin-top:28px; }
  .home-benefit-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
  .home-benefit-tabs button { display:block; padding:16px 10px; min-height:96px; }
  .home-benefit-tabs button + button { border-left:1px solid var(--rule); }
  .home-benefit-tabs b { font-size:16px; line-height:1.4; }
  .home-benefit-tabs :is(.home-benefit-number,i),.home-benefit-tabs button > span > span { display:none; }
}