.text-link{color:var(--teal);font-weight:700;text-decoration-thickness:1px;text-underline-offset:5px;font-size:.88rem;line-height:1.5}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px}
.hero-actions .text-link{font-size:.8rem;font-weight:500}
.site-footer>nav{flex-wrap:wrap}
.guide-hero{display:grid;grid-template-columns:1.04fr 1fr;gap:74px;align-items:center;padding-block:58px 64px}
.guide-hero h1{font-size:clamp(2.9rem,4.7vw,4.1rem);line-height:1.045;letter-spacing:-.055em;margin-bottom:24px}
.guide-hero h1 em{font-style:normal;color:var(--teal)}
.guide-intro{font-size:1.12rem;font-weight:600;max-width:470px;line-height:1.55;margin-bottom:15px}
.guide-summary{font-size:.94rem;color:var(--muted);max-width:435px;margin-bottom:24px}
.guide-availability{font-size:.73rem;color:var(--muted);max-width:425px;line-height:1.6;margin:24px 0 0}
.scan-demo{min-width:0}
.scan-photo{position:relative;margin:0;overflow:hidden;border-radius:var(--radius);background:#c9bca8}
.scan-photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.scan-photo figcaption{position:absolute;left:16px;top:16px;background:var(--paper);color:var(--ink);padding:8px 11px;border-radius:4px;font-size:.73rem;font-weight:700}
.scan-output{position:relative;margin:-29px 17px 0 auto;width:82%;padding:20px 23px 16px;background:var(--paper);border:1px solid var(--line);border-radius:7px;box-shadow:0 12px 34px #14342f14}
.scan-output-title{font-size:.79rem;font-weight:700;margin-bottom:14px}
.scan-output dl{margin:0}
.scan-output dl>div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:9px 0}
.scan-output dt{font-size:.75rem;color:var(--muted)}
.scan-output dd{font-size:.79rem;margin:0;font-weight:600;text-align:right}
.scan-output dl>div:last-child dd{font-size:1.04rem;color:var(--teal)}
.scan-check{color:var(--teal);font-size:.71rem;margin:12px 0 0}
.scan-demo-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;font-size:.66rem;color:var(--muted)}
.scan-demo-footer button{border:0;background:transparent;padding:7px 0;font:inherit;font-size:.72rem;font-weight:700;color:var(--teal);cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.guide-app-preview{margin-top:34px;border-top:1px solid var(--line);padding-top:20px}
.guide-app-preview summary{color:var(--teal);font-size:.86rem;font-weight:700;cursor:pointer;padding:5px 0}
.guide-phone{margin:24px auto 0;max-width:290px}
.guide-phone img{border:1px solid var(--line);border-radius:9px;width:100%;height:auto}
.guide-phone figcaption{font-size:.72rem;color:var(--muted);line-height:1.6;margin-top:14px}
.guide-example{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-block:64px 72px}
.guide-example h2{margin-bottom:24px}
.guide-example>div>p:not(.eyebrow){font-size:.92rem;color:var(--muted);max-width:455px}
.example-invoice{padding:30px;border-radius:8px;background:var(--paper);border:1px solid var(--line);box-shadow:0 8px 24px #14342f08}
.example-invoice .example-label{color:var(--teal);font-size:.64rem;margin-bottom:16px}
.example-invoice table{width:100%;border-collapse:collapse}
.example-invoice th,.example-invoice td{text-align:left;padding:13px 0;font-size:.85rem;font-weight:400;vertical-align:top}
.example-invoice td{text-align:right;white-space:nowrap;padding-left:15px;font-weight:600}
.example-invoice th span{display:block;font-size:.72rem;color:var(--muted);margin-top:4px}
.example-subtotal,.example-total{border-top:1px solid var(--line)}
.example-total th,.example-total td{font-size:1.35rem;font-weight:700;color:var(--teal)}
.example-invoice .example-tax-note{font-size:.72rem;margin:15px 0 0;line-height:1.6;color:var(--muted)}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:1000px){.guide-hero{gap:36px}.guide-hero h1{font-size:3.35rem}.guide-example{gap:40px}.example-invoice{padding:24px}.scan-output{width:91%;margin-right:8px;padding:18px}}
@media(max-width:760px){.guide-hero{grid-template-columns:1fr;gap:30px;padding-block:37px 40px}.guide-hero h1{font-size:clamp(2.8rem,9.7vw,4.1rem)}.guide-intro{font-size:1rem;max-width:100%}.guide-summary{font-size:.88rem;max-width:100%;margin-bottom:18px}.guide-availability{max-width:100%;margin-top:19px;font-size:.71rem}.scan-demo{max-width:530px;width:100%;margin-inline:auto}.scan-output{width:86%;margin:-24px 12px 0 auto}.scan-photo figcaption{left:12px;top:12px;font-size:.68rem}.guide-steps .section-heading h2{font-size:2.3rem}.guide-app-preview{margin-top:27px}.guide-example{grid-template-columns:1fr;gap:26px;padding-block:39px 43px}.guide-example h2{font-size:2.3rem;margin-bottom:19px}.guide-example>div>p:not(.eyebrow){font-size:.86rem;max-width:100%}.example-invoice{padding:22px}.hero-actions{gap:14px 18px}}
@media(max-width:380px){.site-header{gap:8px}.site-header .brand{font-size:.88rem;gap:7px}.site-header .brand img{width:29px;height:29px}.site-header .brand-note{display:none}.site-header .button-small{font-size:.63rem;padding:10px;gap:0;min-height:40px}.guide-hero h1{font-size:2.8rem}.scan-output{width:94%;margin-right:5px}.scan-output dd{font-size:.75rem}.scan-demo-footer{font-size:.62rem}.example-invoice th,.example-invoice td{font-size:.79rem}.example-total th,.example-total td{font-size:1.18rem}}
@media(max-width:760px){.control-section{grid-template-columns:minmax(0,1fr)}.control-section>*{min-width:0}.control-photo{min-height:0}}

/* Three visible stages; looping highlights stay clear of the photographed phone. */
.scan-stages{list-style:none;display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:6px;margin:0 0 12px;padding:0}
.scan-stages li{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 5px;border:1px solid var(--line);border-radius:5px;font-size:.76rem;font-weight:700;white-space:nowrap;background:var(--paper);transition:background .25s,color .25s}
.scan-stages li>span{font-size:.63rem;opacity:.75}
.scan-demo[data-phase="0"] .scan-stages li:nth-child(1),.scan-demo[data-phase="1"] .scan-stages li:nth-child(2),.scan-demo[data-phase="2"] .scan-stages li:nth-child(3){background:var(--teal);border-color:var(--teal);color:var(--paper)}
.scan-photo img{aspect-ratio:1.9;object-position:center}
.camera-dot{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--teal)}
.scan-output{padding:16px 20px 13px}
.scan-output-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px}
.scan-output-title>span{font-size:.62rem;font-weight:400;color:var(--muted)}
.scan-output dl>div{padding:6px 0}
.scan-check{margin-top:9px}
.scan-output dd{transition:color .25s,opacity .35s,transform .35s}
.scan-demo:not(.is-paused)[data-phase="0"] .scan-output dd{opacity:.2;transform:translateY(3px)}
.scan-demo[data-phase="1"] .scan-output dd{color:var(--teal)}
.scan-send{display:flex;align-items:center;gap:13px;margin:12px 17px 0 auto;width:82%;padding:13px 17px;border:1px solid var(--line);border-radius:6px;background:var(--paper);transition:background .25s,border-color .25s}
.scan-send>svg{flex:none;color:var(--teal)}
.scan-send strong,.scan-send span{display:block}
.scan-send strong{font-size:.79rem;margin-bottom:3px}
.scan-send span{font-size:.7rem;line-height:1.45;color:var(--muted)}
.scan-demo[data-phase="2"] .scan-send{background:#e5eee5;border-color:#81aa91}
.scan-demo-footer{margin-top:11px}
.scan-demo.is-paused *{transition:none}
.quote-feature{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-block:46px 50px;border-bottom:1px solid var(--line)}
.quote-feature h2{font-size:clamp(2rem,3.2vw,2.7rem);margin-bottom:16px}
.quote-feature .eyebrow{margin-bottom:14px}
.quote-feature p:not(.eyebrow){font-size:.9rem;color:var(--muted);max-width:440px;margin-bottom:18px}
.quote-feature-visual{margin:0;min-width:0}
.quote-feature-papers{display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);align-items:center;gap:12px;max-width:450px;margin-left:auto}
.quote-feature-papers img{width:100%;height:auto;box-shadow:0 7px 24px #14342f13;border-radius:5px}
.quote-feature-papers>span{text-align:center;color:var(--teal);font-size:1.6rem}
.quote-feature-visual figcaption{font-size:.66rem;color:var(--muted);text-align:right;margin-top:13px;line-height:1.5}
@media(max-width:1000px){.scan-send{width:91%;margin-right:8px}.quote-feature{gap:35px}}
@media(max-width:760px){.scan-stages li{font-size:.7rem;padding:10px 4px;gap:5px}.scan-photo img{aspect-ratio:1.5}.scan-output{padding:15px 17px}.scan-send{width:86%;margin-right:12px}.quote-feature{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:37px}.quote-feature-papers{max-width:410px;margin-inline:auto}.quote-feature-visual figcaption{text-align:center}.quote-feature p:not(.eyebrow){font-size:.85rem}.quote-feature h2{font-size:2.2rem}}
@media(max-width:380px){.scan-stages li{font-size:.64rem;gap:4px}.scan-stages li>span{font-size:.6rem}.scan-output-title{font-size:.74rem}.scan-output-title>span{font-size:.58rem}.scan-send{width:94%;margin-right:5px}.scan-send span{font-size:.66rem}.quote-feature-papers{gap:7px;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)}}

/* Put the automatic receipt-to-invoice benefit immediately below the headline. */
.auto-fill-feature{background:#e5eee5;border:1px solid #c6d8c7;border-left:3px solid var(--teal);border-radius:5px;padding:17px 19px;margin:0 0 19px;max-width:465px}
.auto-fill-label{font-size:.61rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--teal);line-height:1.5;margin-bottom:10px}
.auto-fill-feature .hero-intro,.auto-fill-feature .guide-intro{max-width:none;margin-bottom:10px;color:var(--teal);font-size:1.2rem;line-height:1.35}
.auto-fill-copy{font-size:.82rem;line-height:1.55;margin-bottom:0;color:var(--ink)}
@media(max-width:760px){.auto-fill-feature{max-width:100%;padding:15px 16px;margin-bottom:17px}.auto-fill-feature .hero-intro,.auto-fill-feature .guide-intro{font-size:1.08rem}.auto-fill-copy{font-size:.8rem}.auto-fill-label{font-size:.58rem;margin-bottom:8px}}