@font-face{font-family:Archivo;src:url('../assets/fonts/archivo-vf-latin-ext.woff2') format('woff2');font-weight:100 900;font-stretch:62% 125%;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Archivo;src:url('../assets/fonts/archivo-vf-latin.woff2') format('woff2');font-weight:100 900;font-stretch:62% 125%;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ink:#1c2023;--muted:#64696f;--accent:#f4503c;--accent-soft:#fff0ec;--paper:#f5f6f7;--line:#e3e5e7;--dark:#191d20;--green:#22724f;--radius:12px;--container:1240px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;color:var(--ink);background:#fff;font-family:Archivo,Arial,sans-serif;font-size:16px;line-height:1.6}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button,a,input,select{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:default}
img{display:block;max-width:100%;height:auto}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #326abd;outline-offset:5px}
[hidden]{display:none!important}
h1,h2,h3,p{margin:0}
h1,h2,h3{line-height:1.06;letter-spacing:-.045em;font-weight:650;text-wrap:balance}
h2{font-size:clamp(2.2rem,4.1vw,3.8rem)}
h3{font-size:1.45rem;line-height:1.2;letter-spacing:-.025em}
p{color:var(--muted)}
::selection{background:var(--accent);color:white}
.container{width:min(var(--container),calc(100% - 96px));margin-inline:auto}
.skip-link{position:fixed;top:-100px;left:20px;background:white;padding:12px;z-index:100}
.skip-link:focus{top:10px}
.site-header{position:sticky;top:0;background:rgb(255 255 255 / .96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);z-index:30}
.nav-row{display:flex;align-items:center;gap:32px;min-height:88px}
.brand{display:block;flex-shrink:0}
.brand img{width:152.6px;height:auto}
.main-nav{margin-left:auto;display:flex;gap:26px;font-size:.875rem;font-weight:550}
.main-nav a:hover{color:var(--accent)}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:17px 23px;border:1px solid transparent;border-radius:6px;font-weight:650;font-size:.9375rem;line-height:1.4;transition:transform .2s,background .2s;min-height:52px}
.button:hover{transform:translateY(-2px)}
.button span{font-size:1.2rem;font-weight:450}
.button-dark{background:var(--ink);color:white}
.button-dark:hover{background:#363c40}
.button-accent{background:var(--accent);color:#191d20}
.button-accent:hover{background:var(--accent)}
.button-small{padding:12px 17px;min-height:44px;font-size:.875rem;gap:22px}
.button-outline{border-color:var(--line);background:transparent}
.menu-toggle{display:none}
.eyebrow{display:flex;gap:16px;align-items:center;font-size:.75rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:28px}
.section-number{color:var(--accent);border-right:1px solid var(--line);padding-right:16px}
.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.text-link{display:inline-flex;align-items:center;gap:16px;font-size:.875rem;font-weight:650;padding:10px 0;border-bottom:1px solid #bdc0c3}
.text-link:hover{color:var(--accent);border-color:var(--accent)}
.check-icon{background:#e7f4ed;color:var(--green);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font-weight:650;font-size:1.2rem;flex:none}
.site-footer{background:#fff;border-top:1px solid var(--line);padding:35px 0}
.footer-row{display:flex;gap:25px;align-items:center;flex-wrap:wrap;font-size:.8125rem;color:var(--muted)}
.footer-row .brand img{width:124.6px}
.footer-row p{margin-right:auto}
.footer-row a:hover{color:var(--accent)}
.footer-row>span{font-size:.75rem}
@media(max-width:1120px){.container{width:calc(100% - 64px)}
.nav-row{gap:24px}
.main-nav{gap:20px}
.main-nav a:last-child{display:none}
.brand img{width:128.8px}}
@media(max-width:800px){.container{width:calc(100% - 40px)}
.nav-row{min-height:74px;gap:15px}
.nav-row>.button{margin-left:auto}
.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:20px;flex-direction:column}
.main-nav.open{display:flex}
.main-nav a:last-child{display:block}
.menu-toggle{display:block;border:0;background:none;min-height:44px;padding:10px;font-size:1.3rem}
.footer-row{gap:20px}
.footer-row p{width:100%;order:2}}
@media(max-width:480px){.brand img{width:110.6px}
.nav-row>.button{font-size:.75rem;padding:10px 12px;gap:0;min-height:40px}
.nav-row>.button span{display:none}
.nav-row{gap:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{animation:none!important;transition:none!important}}
.section{padding:104px 0}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:52px}
.section-heading>p{max-width:370px;font-size:1.0625rem}
.section-heading .eyebrow{margin-bottom:24px}
.problem-section{background:var(--paper);margin-top:24px}
.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:84px;align-items:center}
.problem-image{position:relative;min-width:0;align-self:stretch;border-radius:var(--radius);overflow:hidden}
.problem-image img{width:100%;height:100%;min-height:460px;object-fit:cover}
.image-label{position:absolute;top:26px;left:26px;background:white;color:var(--ink);font-size:.8125rem;padding:10px 17px;border-radius:4px}
.problem-copy h2{font-size:clamp(2.1rem,3.5vw,3.25rem)}
.problem-copy>p:not(.eyebrow){margin-top:25px;max-width:480px}
.comparison-switch{display:flex;margin-top:30px;border-bottom:1px solid #d7dadc;gap:25px}
.comparison-switch button{background:none;border:0;border-bottom:2px solid transparent;padding:12px 0;font-weight:600;color:var(--muted);font-size:.875rem}
.comparison-switch button.active{border-color:var(--accent);color:var(--ink)}
.comparison-switch button span{margin-left:12px}
.comparison-list{list-style:none;padding:0;margin:20px 0 0;min-height:116px}
.comparison-list li{display:flex;gap:12px;margin:11px 0;font-size:.875rem}
.comparison-list span{color:var(--accent);font-size:1.1rem}
.comparison-list.after span{color:var(--green)}
.walkthrough{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.walk-steps{display:flex;flex-direction:column}
.walk-step{display:flex;text-align:left;gap:19px;padding:25px 20px 25px 0;border:0;border-bottom:1px solid var(--line);background:white;color:var(--ink);transition:padding .25s,background .25s}
.walk-step:first-child{border-top:1px solid var(--line)}
.walk-step.active{background:var(--accent-soft);padding-left:20px;border-color:transparent;border-radius:6px}
.step-index{color:var(--muted);font-size:.8125rem;padding-top:3px}
.walk-step.active .step-index{color:var(--accent)}
.walk-step strong{display:block;font-size:1.125rem;font-weight:600;letter-spacing:-.02em}
.walk-step span>span{display:block;font-size:.875rem;line-height:1.6;color:var(--muted);margin-top:8px}
.walk-step i{font-style:normal;margin-left:auto;color:#a4a7a9}
.walk-step.active i{color:var(--accent)}
.demo-stage{background:var(--dark);border-radius:var(--radius);padding:24px 28px;color:#fff;min-width:0}
.demo-stage-heading{display:flex;justify-content:space-between;gap:12px;font-size:.75rem;letter-spacing:.09em;padding-bottom:24px;color:#bbc0c3}
.demo-stage-heading span:last-child{letter-spacing:0;font-size:.75rem;color:#a7aeb3}
.demo-panel{min-height:492px;display:flex;align-items:center;justify-content:center}
.scanner-ui{width:310px;background:#282e32;border:1px solid #444b50;border-radius:16px;overflow:hidden}
.scanner-top{display:flex;flex-direction:column;padding:18px 20px}
.scanner-top strong{font-size:1.125rem}
.scanner-top span{font-size:.75rem;color:#adb6bc;margin-top:4px}
.scan-photo{position:relative;height:244px;overflow:hidden;margin:0 12px;border-radius:5px}
.scan-photo img{width:100%;height:100%;object-fit:cover;object-position:center 73%}
.scan-frame{position:absolute;inset:24px 22px;border:2px solid #ff9d85;border-radius:8px}
.scanner-bottom{padding:17px;text-align:center}
.scanner-bottom p{font-size:.75rem;color:#c5cacf;margin-bottom:15px}
.scanner-bottom .button{font-size:.8125rem;padding:13px 14px;min-height:44px;width:100%;gap:10px}
.demo-note{text-align:center;font-size:.75rem;color:#a9b0b6;margin-top:22px}
.review-ui{width:100%;align-self:start;padding-top:12px}
.ui-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.ui-title h3{color:#fff;font-size:1.5rem}
.ui-title span{font-size:.75rem;color:#9ed5b7}
.data-sheet{background:#252b30;border:1px solid #3a4147;border-radius:7px;padding:20px}
.data-sheet h4{font-size:1rem;margin:0 0 3px}
.data-sheet>p{color:#b2bac0;font-size:.75rem;margin-bottom:22px}
.data-row{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-top:1px solid #3c4449;font-size:.875rem}
.data-row span{color:#b5bec5}
.data-row.total{font-size:1.05rem}
.data-row.total strong{color:#fff}
.demo-success{display:flex;align-items:center;gap:10px;color:#abd9bc;background:#243b30;border:1px solid #3d5c48;padding:14px 16px;border-radius:6px;margin-top:18px;font-size:.8125rem}
.demo-secondary{display:block;color:#b2bbc2;font-size:.8125rem;margin:18px 0}
.demo-cta{margin-top:22px}
.demo-cta .button{width:100%;font-size:.875rem}
.bank-file{display:flex;align-items:center;gap:13px;background:#2a3035;border:1px solid #41484f;border-radius:7px;padding:16px;margin-bottom:24px}
.file-icon{font-size:.75rem;letter-spacing:.03em;background:#384147;min-width:44px;padding:10px 5px;text-align:center;border-radius:4px;color:#dce1e5}
.bank-file strong,.bank-file small{display:block}
.bank-file strong{font-size:.875rem}
.bank-file small{color:#acb6bd;font-size:.75rem}
.bank-file .file-check{margin-left:auto;color:#9ed5b7}
.match-row{display:grid;grid-template-columns:1fr 25px 1fr;gap:10px;align-items:center;font-size:.8125rem;padding:16px 0;border-bottom:1px solid #3a4147}
.match-row p{color:#afbac1;font-size:.75rem}
.match-row>span{text-align:center;color:#91ceaa}
.match-row>div:last-child{text-align:right}
.match-warning{display:flex;justify-content:space-between;gap:15px;background:#3b3227;color:#e8c68b;padding:12px 14px;margin-top:16px;border-radius:5px;font-size:.8125rem}
.package-header{padding:28px;background:#252c30;border:1px solid #424b51;border-radius:8px;text-align:center}
.package-header>span{color:#a3cdb6;font-size:.8125rem}
.package-header h3{margin:15px 0;color:#fff}
.package-header p{font-size:.8125rem;color:#adb8bf}
.package-file{display:flex;align-items:center;gap:15px;border-bottom:1px solid #3b444b;padding:17px 0}
.package-file strong{font-size:.875rem}
.package-file p{font-size:.75rem;color:#aeb9bf}
.bank-note{display:flex;align-items:center;gap:25px;margin-top:45px;border-top:1px solid var(--line);padding-top:27px}
.bank-note>p{font-size:.875rem;max-width:760px}
.bank-note strong{color:var(--ink)}
.note-icon{font-size:2rem;color:var(--accent)}
.bank-note .text-link{margin-left:auto;white-space:nowrap;font-size:.8125rem}
.audience-section{background:var(--paper)}
.audience-tabs{display:flex;gap:0;border-bottom:1px solid #d7dadf;margin-bottom:38px}
.audience-tabs button{border:0;border-bottom:3px solid transparent;background:none;padding:17px 26px;font-size:.9375rem;font-weight:600;color:var(--muted)}
.audience-tabs button:first-child{padding-left:0;padding-right:32px}
.audience-tabs button.active{color:var(--ink);border-bottom-color:var(--accent)}
.audience-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;min-height:500px}
.small-label{font-size:.75rem;letter-spacing:.1em;font-weight:650;color:var(--muted)}
.audience-copy h3{font-size:clamp(1.9rem,2.7vw,2.55rem);line-height:1.1;margin:19px 0 23px}
.audience-copy>p{font-size:.9375rem;max-width:560px}
.check-list{list-style:none;padding:0;margin:25px 0}
.check-list li{font-size:.9375rem;margin:11px 0;position:relative;padding-left:27px}
.check-list li:before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:600}
.payer{border-top:1px solid #d8dde1;padding:20px 0 12px;display:flex;flex-direction:column;font-size:.875rem}
.payer span{color:var(--muted);font-size:.75rem;margin-bottom:5px}
.audience-copy .plan-note{font-size:.8125rem;color:var(--muted);padding-left:12px;border-left:2px solid #c3c9ce;margin:10px 0 25px}
.audience-photo{position:relative;border-radius:var(--radius);overflow:hidden;min-width:0;height:480px}
.audience-photo img{width:100%;height:100%;object-fit:cover}
.audience-photo:after{position:absolute;content:'';inset:35% 0 0;background:linear-gradient(transparent,#000a)}
.audience-photo>span{position:absolute;bottom:30px;left:30px;right:25px;font-size:1.25rem;line-height:1.35;color:#fff;z-index:1;max-width:260px}
.branding-section{background:var(--dark);color:white}
.branding-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.branding-section .eyebrow{color:#b4bbc0}
.branding-section .section-number{border-color:#43494e}
.branding-section h2{font-size:clamp(2.6rem,4.4vw,4rem)}
.branding-section p:not(.eyebrow){color:#bcc3c8;max-width:450px;margin-top:26px}
.roadmap-label{display:inline-block;font-size:.8125rem;color:#ffb5a9;margin:0 0 18px}
.branding-section .branding-hint{font-size:.8125rem;margin-top:14px;max-width:340px}
.brand-builder{--brand-color:var(--accent);min-width:0}
.brand-preview{border:1px solid #40474c;border-radius:10px;overflow:hidden;background:#fff;color:var(--ink)}
.custom-brand{display:flex;align-items:center;gap:12px;padding:22px 25px;border-bottom:1px solid var(--line);min-height:84px;word-break:break-word}
.custom-brand strong{font-size:.9375rem}
.custom-monogram{width:38px;height:38px;border-radius:6px;background:var(--brand-color);display:grid;place-items:center;flex:none;font-size:.8125rem;font-weight:700;color:#fff}
.brand-preview-body{padding:30px}
.brand-preview-body h3{font-size:2rem;margin:15px 0 28px;line-height:1.15}
.brand-scan-action{background:var(--brand-color);color:white;padding:17px 20px;border-radius:6px;display:flex;gap:20px;align-items:center;font-size:.9375rem;font-weight:600}
.brand-scan-action span{font-size:1.2rem}
.brand-preview-body p{font-size:.8125rem!important;color:var(--muted)!important;margin-top:16px!important}
.powered-by{padding:16px 25px;display:flex;justify-content:space-between;gap:20px;font-size:.75rem;color:var(--muted);background:#f2f4f5}
.powered-by span{white-space:nowrap}
.brand-controls{display:flex;gap:25px;margin-top:24px;align-items:flex-end}
.brand-controls label{flex:1;font-size:.8125rem;color:#d1d5d8}
.brand-controls input{display:block;margin-top:8px;padding:12px;width:100%;border:1px solid #50585e;background:#252c30;border-radius:5px;color:white;font-size:.875rem}
.color-field{border:0;margin:0;padding:0;white-space:nowrap}
.color-field legend{font-size:.8125rem;color:#d1d5d8;margin-bottom:8px;padding:0}
.color-choice{width:30px;height:30px;border-radius:50%;border:3px solid var(--dark);background:var(--swatch);margin:4px 2px;outline:1px solid transparent}
.color-choice.active{outline-color:#cfd7dc}
.color-choice:focus-visible{outline:3px solid white;outline-offset:2px}
.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}
.pricing-copy h2{font-size:clamp(2.4rem,3.8vw,3.5rem)}
.price-heading{font-size:clamp(4rem,6.4vw,6.3rem);font-weight:650;letter-spacing:-.05em;line-height:1;margin:36px 0 24px;color:var(--accent)}
.price-heading>span{font-size:1.1rem;color:var(--muted);letter-spacing:0;font-weight:450;white-space:nowrap}
.pricing-copy>p{max-width:440px;font-size:.9375rem}
.price-principle{display:flex;align-items:flex-start;gap:18px;margin:30px 0;max-width:460px}
.price-principle>span{color:var(--accent);font-size:1.7rem}
.price-principle p{font-size:.875rem}
.price-principle strong{display:block;color:var(--ink);font-weight:600;margin-bottom:5px}
.calculator{padding:32px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.calc-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:28px}
.calc-heading h3{font-size:1.3rem}
.calc-heading>span{font-size:.75rem;color:var(--muted);max-width:65px;line-height:1.4;text-align:right}
.range-label{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--muted)}
.range-label output{font-size:1.8rem;color:var(--ink);font-weight:650;letter-spacing:-.035em}
input[type=range]{appearance:none;-webkit-appearance:none;width:100%;cursor:pointer;margin:16px 0 2px;height:44px;background:transparent;display:block;border:0;padding:0}
input[type=range]::-webkit-slider-runnable-track{height:12px;border:0;border-radius:999px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--range-progress,9.09%),#e1e5e7 var(--range-progress,9.09%),#e1e5e7 100%)}
input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:26px;height:26px;margin-top:-7px;border:0;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px #fff,0 3px 10px #1c20231a;transition:box-shadow .2s}
input[type=range]::-moz-range-track{height:12px;border:0;border-radius:999px;background:#e1e5e7}
input[type=range]::-moz-range-progress{height:12px;border-radius:999px;background:var(--accent)}
input[type=range]::-moz-range-thumb{width:26px;height:26px;border:0;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px #fff,0 3px 10px #1c20231a}
input[type=range]:active::-webkit-slider-thumb{box-shadow:0 0 0 7px #fff,0 3px 12px #1c202326}
input[type=range]:active::-moz-range-thumb{box-shadow:0 0 0 7px #fff,0 3px 12px #1c202326}
.range-ends{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted)}
.calc-total{border-top:1px solid #dadddf;margin-top:28px;padding-top:23px;display:flex;flex-direction:column;gap:6px}
.calc-total>span{font-size:.8125rem;color:var(--muted)}
.calc-total strong{font-size:3rem;line-height:1.2;font-weight:650;letter-spacing:-.04em}
.calc-caption{font-size:.75rem;margin-top:15px;max-width:360px}
.savings-details{margin-top:25px;padding-top:20px;border-top:1px solid #dadddf}
.savings-details summary{cursor:pointer;font-size:.875rem;font-weight:600}
.savings-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}
.savings-inputs label{font-size:.75rem;color:var(--muted)}
.savings-inputs select{display:block;width:100%;margin-top:7px;padding:10px;border:1px solid #cdd1d4;background:#fff;border-radius:5px;font-size:.8125rem;color:var(--ink)}
.savings-result{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}
.savings-result strong{display:block;color:var(--green);font-size:2.35rem;letter-spacing:-.035em;line-height:1.3;font-weight:650}
.savings-result span{display:block;font-size:.75rem;line-height:1.5;margin-top:3px;color:var(--muted)}
.savings-details>p{font-size:.75rem;margin-top:20px}
.trust-section{background:var(--paper)}
.trust-section .section-heading>p{max-width:470px}
.trust-items{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}
.trust-items article{border-top:1px solid #d6dadd;padding-top:27px}
.trust-items article>span{font-size:.75rem;color:var(--muted);letter-spacing:.08em}
.trust-items h3{font-size:1.25rem;margin:18px 0 15px}
.trust-items p{font-size:.9375rem}
.roadmap-row{display:flex;gap:24px;align-items:center;border-top:1px solid #d6dadd;padding-top:25px;margin-top:45px;flex-wrap:wrap;font-size:.8125rem;color:var(--muted)}
.roadmap-row>strong{color:var(--ink);font-weight:600}
.roadmap-row .roadmap-caption{font-size:.75rem;margin-left:auto;color:#727980}
.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}
.faq-grid h2{font-size:clamp(2.1rem,3.6vw,3.2rem)}
.faq-grid .text-link{margin-top:28px}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list details:first-child{border-top:1px solid var(--line)}
.faq-list summary{display:flex;justify-content:space-between;gap:22px;padding:22px 0;cursor:pointer;font-weight:550;font-size:.9375rem;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{font-size:1.3rem;font-weight:400;color:var(--accent)}
.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-list details>p{padding:0 28px 25px 0;font-size:.875rem}
.contact-section{background:var(--accent);padding:80px 0;color:var(--ink)}
.contact-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;align-items:center}
.contact-section .eyebrow{color:#532319}
.contact-section h2{font-size:clamp(2.5rem,4.5vw,4rem)}
.contact-section p:not(.eyebrow){color:#42251f;margin-top:23px;max-width:610px}
.contact-actions{display:flex;align-items:flex-start;flex-direction:column;justify-self:end;gap:18px}
.contact-actions>.button{min-width:290px}
.contact-actions>span{font-size:.75rem;color:#49271f}
.contact-mail{font-size:.9375rem;border-bottom:1px solid #803d32;padding-bottom:5px}
.contact-mail:hover{border-color:var(--ink)}
#onboarding{border:0;border-radius:14px;width:min(1000px,calc(100vw - 48px));max-height:90dvh;padding:0;background:white;color:var(--ink);box-shadow:0 40px 150px #0005;overflow:auto}
#onboarding::backdrop{background:#10171cbb;backdrop-filter:blur(5px)}
body.dialog-open{overflow:hidden}
.onboarding-top{position:sticky;top:0;z-index:25;background:white;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--line);font-size:.75rem;font-weight:650;letter-spacing:.1em}
.close-button{font-size:1.7rem;line-height:1;min-width:40px;min-height:40px;border:0;background:var(--paper);border-radius:50%;font-weight:400}
.onboarding-layout{display:grid;grid-template-columns:260px 1fr;min-height:570px}
.onboarding-aside{background:var(--paper);padding:36px 28px;display:flex;flex-direction:column}
.onboarding-aside>p{font-size:1.4rem;color:var(--ink);font-weight:550;line-height:1.25;letter-spacing:-.03em}
.onboarding-aside ol{list-style:none;padding:0;margin:38px 0}
.onboarding-aside li{display:flex;gap:12px;align-items:center;margin:21px 0;font-size:.8125rem;color:var(--muted)}
.onboarding-aside li>span{width:27px;height:27px;display:grid;place-items:center;border:1px solid #cdd2d6;border-radius:50%;font-size:.75rem}
.onboarding-aside li.current{color:var(--ink);font-weight:600}
.onboarding-aside li.current>span{background:var(--accent);border-color:var(--accent)}
.onboarding-aside li.done>span{background:var(--green);border-color:var(--green);color:white}
.aside-note{margin-top:auto;font-size:.75rem;color:var(--muted)}
.onboarding-main{padding:35px 40px;display:flex;flex-direction:column;min-width:0}
#onboarding-body{flex:1}
#onboarding-title{font-size:2.2rem;line-height:1.12;margin-bottom:13px}
#onboarding-body>.onboarding-intro{font-size:.875rem;line-height:1.6;margin-bottom:25px}
.onboarding-bottom{border-top:1px solid var(--line);margin-top:28px;padding-top:22px;display:flex;justify-content:space-between;gap:18px;align-items:center}
.onboarding-bottom .text-link{border:0;background:none;color:var(--muted);font-size:.8125rem}
.onboarding-bottom .button{margin-left:auto;min-height:46px;padding:12px 21px;font-size:.875rem}
.role-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.role-option{background:#fff;border:1px solid #dce0e3;border-radius:7px;padding:19px 17px;text-align:left;color:var(--ink);min-height:132px;position:relative}
.role-option[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--accent-soft)}
.role-option strong{display:block;font-size:.9375rem;margin:4px 0 10px;font-weight:600;max-width:170px}
.role-option>span{display:block;font-size:.75rem;color:var(--muted);line-height:1.45}
.role-option small{display:block;font-size:.75rem;color:var(--accent);margin-bottom:6px}
.onboarding-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.onboarding-form label{font-size:.8125rem;display:block;min-width:0}
.onboarding-form input,.onboarding-form select{display:block;width:100%;border:1px solid #d0d5d9;border-radius:5px;padding:11px 12px;background:#fff;color:var(--ink);margin-top:7px;font-size:.875rem}
.onboarding-form .full{grid-column:1/-1}
.onboard-notice{padding:13px 16px;background:var(--paper);border-radius:5px;font-size:.75rem!important;margin-top:19px;color:var(--muted)}
.onboard-notice strong{color:var(--ink)}
.tutorial-dots{display:flex;gap:8px;margin-bottom:20px}
.tutorial-dots span{height:3px;background:var(--line);flex:1;border-radius:2px}
.tutorial-dots span.on{background:var(--accent)}
.tutorial-box{background:var(--paper);padding:25px;border-radius:9px;min-height:228px}
.tutorial-box h3{font-size:1.4rem;line-height:1.2;margin:16px 0}
.tutorial-box p{font-size:.875rem}
.tutorial-box .small-label{color:var(--green)}
.tutorial-box .button{margin-top:20px;min-height:44px;padding:12px 18px;font-size:.8125rem}
.tutorial-mini-data{display:flex;gap:30px;flex-wrap:wrap;margin-top:22px;border-top:1px solid var(--line);padding-top:18px;font-size:.8125rem}
.tutorial-mini-data span{color:var(--muted)}
.tutorial-mini-data strong{display:block;color:var(--ink);margin-top:4px}
.plan-summary{border:1px solid var(--line);padding:18px 21px;border-radius:7px}
.plan-summary .summary-row{display:flex;justify-content:space-between;gap:20px;font-size:.8125rem;padding:8px 0}
.plan-summary .summary-row span{color:var(--muted)}
.plan-summary .summary-row strong{text-align:right;font-weight:550;overflow-wrap:anywhere}
.plan-summary .summary-row.total{border-top:1px solid var(--line);margin-top:8px;padding-top:13px}
.plan-summary .summary-row.total strong{color:var(--green)}
.plan-next{font-size:.875rem;padding-left:20px;color:var(--muted);line-height:1.7}
.download-plan{display:inline-flex;font-size:.8125rem;color:var(--ink);border-bottom:1px solid #b8c0c5;padding-bottom:5px;margin:12px 0 0;background:none;border-top:0;border-left:0;border-right:0}
.form-error{color:var(--accent);font-size:.8125rem;margin-top:12px}
.reveal{opacity:1}
.motion .reveal.pending{opacity:0;transform:translateY(18px)}
.motion .reveal{transition:opacity .6s ease,transform .6s ease}
.content-enter{animation:content-enter .32s ease both}
@keyframes content-enter{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes result-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1120px){.section{padding:85px 0}
.problem-grid{gap:46px}
.walkthrough{gap:35px}
.demo-stage{padding:23px}
.walk-step{padding-block:22px}
.audience-panel{gap:45px}
.branding-grid,.pricing-grid{gap:50px}
.brand-controls{flex-wrap:wrap}
.brand-controls>label{min-width:100%}
.color-field{white-space:normal}
.calc-heading h3{font-size:1.2rem}
.calculator{padding:26px}
.faq-grid{gap:65px}
.contact-grid{gap:45px}
.trust-items{gap:30px}
.powered-by{flex-wrap:wrap;gap:4px}}
@media(max-width:800px){.section{padding:64px 0}
.section-heading{gap:23px;flex-direction:column;align-items:flex-start;margin-bottom:34px}
.section-heading>p{max-width:560px;font-size:1rem}
.problem-grid{grid-template-columns:1fr;gap:35px}
.problem-image{max-height:360px;order:2}
.problem-image img{min-height:300px;max-height:360px}
.problem-copy>p{max-width:600px}
.problem-copy h2{font-size:2.7rem}
.comparison-list{min-height:105px}
.walkthrough{grid-template-columns:1fr;gap:27px}
.walk-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.walk-step,.walk-step:first-child{padding:18px;border:1px solid var(--line);border-radius:6px}
.walk-step.active{padding:18px;border-color:#fac1b8}
.walk-step{gap:12px}
.walk-step strong{font-size:.9375rem}
.walk-step span>span{font-size:.8125rem}
.walk-step i{display:none}
.walk-step .step-short{display:none}
.demo-stage{max-width:650px;width:100%;margin:auto}
.demo-panel{min-height:485px}
.review-ui{max-width:460px;margin-inline:auto}
.bank-note{flex-wrap:wrap;gap:15px}
.bank-note>p{flex:1}
.bank-note .text-link{margin-left:43px}
.audience-tabs{display:grid;grid-template-columns:1fr 1fr;border:0;gap:10px}
.audience-tabs button,.audience-tabs button:first-child{padding:15px 12px;border:1px solid #d1d6da;border-radius:6px;font-size:.875rem}
.audience-tabs button.active{background:var(--ink);color:white;border-color:var(--ink)}
.audience-panel{grid-template-columns:1fr;gap:35px}
.audience-photo{height:300px}
.audience-copy h3{font-size:2.2rem}
.audience-photo>span{max-width:400px}
.branding-grid,.pricing-grid{grid-template-columns:1fr;gap:40px}
.branding-section p:not(.eyebrow){max-width:550px}
.brand-controls{flex-wrap:nowrap;align-items:flex-end}
.brand-controls>label{min-width:0}
.brand-builder{max-width:600px;width:100%}
.powered-by{flex-wrap:nowrap}
.pricing-copy h2{font-size:2.6rem}
.calculator{max-width:600px;width:100%;padding:30px}
.trust-items{grid-template-columns:1fr;gap:25px}
.trust-items h3{margin:12px 0}
.trust-items article{padding-top:20px}
.roadmap-row{gap:14px 23px}
.roadmap-row>strong{width:100%}
.roadmap-row .roadmap-caption{margin-left:0;width:100%}
.faq-grid{grid-template-columns:1fr;gap:30px}
.contact-grid{grid-template-columns:1fr;gap:32px}
.contact-actions{justify-self:start}
.contact-section{padding:60px 0}
.contact-section h2{font-size:3rem}
.onboarding-layout{grid-template-columns:1fr;min-height:0}
.onboarding-aside{padding:16px 28px}
.onboarding-aside>p,.onboarding-aside .aside-note{display:none}
.onboarding-aside ol{display:flex;justify-content:space-between;gap:15px;margin:0}
.onboarding-aside li{font-size:.75rem;gap:6px;margin:5px 0}
.onboarding-main{padding:28px}
.onboarding-aside li>span{width:23px;height:23px;font-size:.75rem}
.onboarding-top{padding:12px 20px}
#onboarding-title{font-size:1.8rem}}
@media(max-width:480px){.section{padding:54px 0}
h2{font-size:2.25rem}
.eyebrow{font-size:.75rem;gap:12px}
.problem-copy h2{font-size:2.2rem}
.problem-image{max-height:290px}
.problem-image img{min-height:290px}
.comparison-list li{font-size:.8125rem}
.comparison-switch{gap:20px}
.walk-steps{gap:8px}
.walk-step,.walk-step.active{padding:15px 12px;gap:8px}
.walk-step strong{font-size:.875rem}
.walk-step span>span{font-size:.75rem}
.step-index{font-size:.75rem}
.demo-stage{padding:19px 16px}
.demo-stage-heading{font-size:.75rem;letter-spacing:.05em}
.demo-stage-heading span:last-child{font-size:.75rem}
.demo-note{font-size:.75rem}
.bank-note{gap:12px}
.bank-note>p{font-size:.8125rem}
.audience-tabs button{font-size:.8125rem}
.audience-copy h3{font-size:2rem}
.audience-copy h3 br{display:none}
.audience-photo{height:270px}
.brand-preview-body{padding:26px 22px}
.custom-brand{padding:18px}
.brand-preview-body h3{font-size:1.7rem}
.brand-controls{flex-wrap:wrap;gap:15px}
.brand-controls>label{min-width:100%}
.powered-by{font-size:.75rem;padding:13px 18px;flex-wrap:wrap;gap:4px}
.pricing-copy h2{font-size:2.2rem}
.price-heading{font-size:4.5rem}
.calculator{padding:23px}
.savings-inputs{gap:10px}
.savings-inputs label{font-size:.75rem}
.savings-result strong{font-size:1.85rem}
.calc-total strong{font-size:2.7rem}
.contact-section h2{font-size:2.45rem}
.contact-actions>.button{min-width:0;width:100%}
.faq-list summary{font-size:.875rem;padding:20px 0}
.faq-grid h2{font-size:2.2rem}
#onboarding{width:calc(100vw - 20px);max-height:94dvh;border-radius:10px}
.onboarding-top{padding:10px 17px;font-size:.75rem}
.onboarding-aside{padding:12px 17px}
.onboarding-aside li{flex-direction:column;font-size:.75rem;gap:5px}
.onboarding-main{padding:23px 20px}
.role-options{gap:9px}
.role-option{min-height:125px;padding:14px 12px}
.role-option strong{font-size:.875rem}
.role-option>span{font-size:.75rem}
.onboarding-form{gap:15px}
.onboarding-form label{font-size:.75rem}
.onboarding-form input,.onboarding-form select{font-size:.8125rem;padding:10px}
.tutorial-box{padding:19px}
.plan-summary{padding:15px}
.plan-summary .summary-row{font-size:.75rem}
.onboarding-bottom{margin-top:22px}
.onboarding-bottom .button{font-size:.8125rem;gap:15px}
.tutorial-mini-data{gap:15px}}
@media(prefers-reduced-motion:reduce){.motion .reveal.pending{opacity:1;transform:none}
*,*:before,*:after{animation:none!important;transition:none!important}}
.brand-builder{--brand-foreground:#191d20}
.custom-monogram,.brand-scan-action{color:var(--brand-foreground)}
.document-page{max-width:840px;padding-block:60px 90px}
.document-page .backlink{display:inline-block;font-size:.875rem;border-bottom:1px solid var(--line);padding-bottom:5px;margin-bottom:42px}
.document-page h1{font-size:clamp(2.6rem,5vw,4.4rem);margin-bottom:25px}
.document-page h2{font-size:1.7rem;letter-spacing:-.025em;margin:50px 0 20px}
.document-page p,.document-page li{font-size:1rem;line-height:1.8}
.document-page p{margin:18px 0}
.document-page li{margin:12px 0;color:var(--muted)}
.document-page li strong{color:var(--ink)}
.document-page .document-lead,.document-page .lede{font-size:1.2rem;line-height:1.65}
.document-toc{display:flex;gap:25px;flex-wrap:wrap;padding:24px 0;border-block:1px solid var(--line);margin:35px 0}
.document-toc a{font-size:.8125rem;font-weight:600}
.document-toc a:hover{color:var(--accent)}
.document-page .document-note{background:var(--paper);border-left:3px solid var(--accent);padding:18px 22px;font-size:.875rem}
.document-page code{background:var(--paper);padding:4px 6px;font-size:.875rem;overflow-wrap:anywhere}
.document-page .button{margin-top:12px}
.subpage-nav>.text-link{margin-left:auto}
.subpage-nav>.button{margin-left:0}
@media(max-width:600px){.subpage-nav>.text-link{display:none}
.subpage-nav>.button{margin-left:auto}
.document-page{padding-top:35px}
.document-page .backlink{margin-bottom:30px}
.document-page h1{font-size:2.6rem}
.document-page h2{font-size:1.5rem}
.document-page li{margin-left:-5px}}
.plan-actions{display:flex;gap:20px;flex-wrap:wrap}
@media(max-width:480px){.nav-row .brand img{width:clamp(121.8px,32.9vw,147px)}
.nav-row>.button{flex-shrink:1;text-align:center;padding-inline:10px}
.menu-toggle{min-width:30px;padding:6px;font-size:1.2rem;flex:none}
.nav-row{gap:6px}}
:root{--action:var(--accent);--red-surface:var(--accent)}
h1,h2{font-weight:760;font-stretch:110%;letter-spacing:-.035em}
.pen-underline{position:relative;display:inline-block;isolation:isolate}
.pen-underline:after{content:"";position:absolute;left:0;right:-2%;bottom:-.045em;border-bottom:3px solid var(--accent);transform:rotate(-1.5deg);z-index:-1}
.button-accent{background:var(--action);color:#fff}
.button-accent:hover{background:var(--accent)}
.contact-section{background:var(--red-surface);color:#fff}
.contact-section .eyebrow,.contact-section p:not(.eyebrow),.contact-actions>span,.contact-mail{color:#fff}
.contact-mail{border-color:#ffffff80}
.contact-mail:hover{border-color:#fff}
.contact-actions>.button{background:#fff;color:var(--ink)}
.brand-builder{--brand-foreground:#fff;--brand-color:var(--action)}
.onboarding-aside li.current>span{color:#fff;background:var(--action);border-color:var(--action)}
.accounting-section{background:#fff}
.accounting-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.accounting-copy h2{font-size:clamp(2.05rem,3.05vw,2.9rem);line-height:1.14}
.accounting-intro{font-size:.9375rem;max-width:460px;margin:23px 0 28px}
.accounting-features{display:flex;flex-direction:column;gap:25px}
.accounting-features article{display:flex;gap:18px;align-items:flex-start}
.accounting-symbol{display:block;min-width:28px;text-align:center;font-size:1.7rem;line-height:1;color:var(--accent);font-weight:350;padding-top:2px}
.accounting-features h3{font-size:1.05rem;letter-spacing:-.015em;font-weight:650;margin-bottom:8px}
.accounting-features p{font-size:.875rem;line-height:1.65;max-width:450px}
.accounting-copy>.text-link{margin:28px 0 0 46px}
.accounting-example{position:sticky;top:115px;min-width:0;background:#f2f4f5;border-radius:12px;padding:24px}
.accounting-example-top{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.75rem;letter-spacing:.04em;margin-bottom:20px}
.accounting-example-top>span:first-child{font-weight:650}
.accounting-document{background:#fff;padding:27px 25px 0;border:1px solid #e0e5e8;border-radius:5px;box-shadow:0 8px 20px #1f33410a}
.accounting-doc-title{display:flex;justify-content:space-between;gap:15px;align-items:center}
.accounting-doc-title h3{font-size:1.35rem;font-weight:650}
.accounting-doc-title p{font-size:.75rem;margin-top:5px}
.document-kind{font-size:.75rem;font-weight:600;letter-spacing:.05em;color:#718087}
.accounting-metadata{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin:24px 0}
.accounting-metadata>div{font-size:.8125rem}
.accounting-metadata dt{font-size:.75rem;color:#7a8389}
.accounting-metadata dd{font-weight:550;margin:2px 0 0}
.table-scroll{overflow:auto;max-width:100%}
.accounting-document table{border-collapse:collapse;width:100%;font-size:.8125rem}
.accounting-document th{text-align:left;font-size:.75rem;color:#77828a;font-weight:500}
.items-table th{padding:10px 0;border-top:1px solid #e2e7eb;border-bottom:1px solid #e2e7eb}
.items-table td{padding:13px 0;border-bottom:1px solid #e8edef}
.items-table td:last-child,.items-table th:last-child{text-align:right;white-space:nowrap}
.items-table td:nth-child(2){color:var(--muted);white-space:nowrap;padding-inline:12px}
.items-table small{display:block;font-size:.8125rem;color:var(--muted);margin-top:3px}
.vat-summary{margin-top:20px;background:#f6f8f7;padding:14px 12px;border-radius:4px}
.vat-summary .small-label{font-size:.75rem;letter-spacing:.04em;color:#61716a}
.vat-summary table{margin-top:10px}
.vat-summary th,.vat-summary td{padding:6px 0;text-align:right;white-space:nowrap;font-size:.75rem}
.vat-summary th:first-child{text-align:left}
.accounting-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:25px 0}
.accounting-total>span{font-size:.8125rem;color:var(--muted)}
.accounting-total>strong{font-size:2rem;font-weight:750;letter-spacing:-.04em;white-space:nowrap}
.accounting-total small{font-size:.875rem;font-weight:500;letter-spacing:0}
.accounting-status{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-top:1px dashed #c9d7cf;font-size:.75rem;color:var(--green)}
.accounting-example-foot{padding:22px 3px 0}
.accounting-example-foot>strong{font-size:.9375rem;font-weight:600}
.accounting-example-foot>p{font-size:.875rem;line-height:1.65;margin-top:6px}
.detail-band{position:relative;background:var(--red-surface);color:white;padding:48px 0}
.detail-band:before,.detail-band:after{content:"";position:absolute;left:0;right:0;height:12px;background:linear-gradient(135deg,transparent 50%,var(--red-surface) 50%) 0 0/24px 24px,linear-gradient(225deg,transparent 50%,var(--red-surface) 50%) 0 0/24px 24px}
.detail-band:before{top:-11px}
.detail-band:after{bottom:-11px;transform:rotate(180deg)}
.detail-band-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}
.detail-band-grid>div+div{border-left:1px solid #fff5;padding-left:32px}
.detail-band strong{font-size:2.35rem;font-weight:760;font-stretch:110%;letter-spacing:-.025em;white-space:nowrap}
.detail-band strong>span{font-size:1rem;font-weight:550;letter-spacing:0}
.detail-band p{color:#fff;font-size:.8125rem;margin-top:9px;line-height:1.5;max-width:200px}
.custom-select{position:relative;display:block;margin-top:7px;min-width:0}
.custom-select>select{display:none!important}
.select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;background:#fff;border:0;color:var(--ink);border-radius:9px;padding:12px 14px;min-height:44px;font-size:.875rem;line-height:1.5}
.select-trigger:hover{background:#fafbfb}
.select-trigger[aria-expanded=true]{background:#fff;box-shadow:0 5px 18px #1c2c4107}
.select-trigger .select-chevron{display:block;width:8px;height:8px;flex:none;border-bottom:1.5px solid #72818b;border-right:1.5px solid #72818b;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.select-trigger[aria-expanded=true] .select-chevron{transform:rotate(225deg) translate(-2px,-2px)}
.select-list{list-style:none;padding:6px;margin:0;position:absolute;top:calc(100% + 7px);left:0;right:0;z-index:20;border:0;background:#fff;box-shadow:0 12px 32px #1c2c4117;border-radius:10px;max-height:230px;overflow:auto}
.custom-select.open-up .select-list{top:auto;bottom:calc(100% + 7px)}
.select-option{position:relative;padding:10px 31px 10px 10px;border-radius:4px;font-size:.875rem;color:#4d5961;line-height:1.45;cursor:pointer}
.select-option[aria-selected=true]{font-weight:650;color:var(--ink);background:var(--accent-soft)}
.select-option[aria-selected=true]:after{content:"✓";position:absolute;right:11px;color:var(--action)}
.select-option.is-active{background:#f0f3f4}.select-option.is-active[aria-selected=true]{background:var(--accent-soft)}
.custom-select.is-open{z-index:22}
.savings-inputs label,.onboarding-form label{font-size:.8125rem}
.savings-inputs .select-trigger{font-size:.875rem}
@media(max-width:1200px){.main-nav{gap:18px;font-size:.8125rem}
.nav-row{gap:22px}
.accounting-grid{gap:50px}
.accounting-example{padding:20px}
.accounting-document{padding:23px 20px 0}
.detail-band-grid{gap:25px}
.detail-band-grid>div+div{padding-left:24px}
.detail-band strong{font-size:2rem}}
@media(max-width:1000px) and (min-width:801px){.accounting-grid{grid-template-columns:1fr;gap:35px}
.accounting-example{position:static;max-width:620px;width:100%;margin-inline:auto}}
@media(max-width:800px){.accounting-grid{grid-template-columns:1fr;gap:40px}
.accounting-copy h2{font-size:2.6rem}
.accounting-intro{max-width:560px}
.accounting-features p{max-width:600px}
.accounting-example{position:static;max-width:620px;width:100%;margin-inline:auto;padding:25px}
.accounting-document{padding:28px 25px 0}
.detail-band-grid{grid-template-columns:1fr 1fr;gap:30px}
.detail-band-grid>div+div{padding-left:0;border-left:0}
.detail-band-grid>div:nth-child(even){padding-left:30px;border-left:1px solid #fff5}
.detail-band strong{font-size:2.2rem}}
@media(max-width:520px){.accounting-copy h2{font-size:2.15rem}
.accounting-features{gap:23px}
.accounting-features article{gap:13px}
.accounting-features h3{font-size:1rem}
.accounting-features p{font-size:.875rem}
.accounting-copy>.text-link{margin-left:41px}
.accounting-example{padding:17px 13px}
.accounting-example-top{font-size:.75rem;gap:10px;padding-inline:3px}
.accounting-document{padding:22px 17px 0}
.accounting-doc-title{align-items:flex-start}
.accounting-doc-title h3{font-size:1.15rem}
.document-kind{font-size:.75rem}
.items-table td{font-size:.75rem}
.items-table td:nth-child(2){padding-inline:7px}
.vat-summary{padding:12px 9px}
.vat-summary table td,.vat-summary table th{font-size:.75rem;letter-spacing:-.025em}
.accounting-total{gap:10px;padding-block:20px}
.accounting-total>strong{font-size:1.8rem}
.accounting-total>span{font-size:.75rem}
.accounting-status{gap:10px;font-size:.75rem;line-height:1.5}
.detail-band-grid{gap:25px 16px}
.detail-band-grid>div:nth-child(even){padding-left:20px}
.detail-band strong{font-size:1.65rem}
.detail-band strong>span{font-size:.8125rem}
.detail-band p{font-size:.75rem}
.select-trigger,.select-option{font-size:.8125rem}
.savings-inputs .select-trigger{font-size:.8125rem;padding:10px}
.contact-section h2{font-size:2.2rem}}
@media(max-width:360px){.accounting-total>strong{font-size:1.5rem}
.vat-summary{padding-inline:7px}}
.bank-assurance{border-top:1px solid var(--line);margin-top:64px;padding-top:45px}
.bank-assurance-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:center}
.bank-assurance .eyebrow{margin-bottom:20px}
.bank-assurance-heading h3{font-size:clamp(1.8rem,2.7vw,2.5rem);font-weight:750;font-stretch:110%;line-height:1.2;letter-spacing:-.03em}
.bank-assurance-heading>p{font-size:.9375rem;max-width:480px}
.bank-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:35px;border-top:1px solid #e5e9ed;border-left:1px solid #e5e9ed;border-radius:5px;overflow:hidden}
.bank-grid>div{padding:26px 23px;border-right:1px solid #e5e9ed;border-bottom:1px solid #e5e9ed;display:flex;flex-direction:column;gap:8px}
.bank-grid strong{font-weight:750;font-size:1.15rem;letter-spacing:-.02em;color:#39444c}
.bank-grid span{font-size:.75rem;color:#78848c}
.bank-assurance-footer{display:flex;gap:50px;align-items:center;justify-content:space-between;margin-top:24px}
.bank-assurance-footer>p{font-size:.8125rem;max-width:700px}
.bank-assurance-footer .text-link{white-space:nowrap;font-size:.8125rem}
.bank-guides{margin-top:20px;border-bottom:1px solid var(--line)}
.bank-guides summary{cursor:pointer;display:flex;gap:20px;justify-content:space-between;padding:15px 0;font-size:.875rem;font-weight:550;list-style:none}
.bank-guides summary::-webkit-details-marker{display:none}
.bank-guides summary>span{color:var(--accent);font-size:1.2rem}
.bank-guides[open] summary>span{transform:rotate(45deg)}
.bank-guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 35px;margin:8px 0 25px}
.bank-guide-grid>a{padding:14px;border:1px solid var(--line);border-radius:5px;font-size:.8125rem}
.bank-guide-grid>a:hover{border-color:#c4988c;background:#fff8f4}
.bank-guide-grid strong{display:flex;justify-content:space-between;gap:16px;font-weight:600}
.bank-guide-grid strong>span{color:var(--accent)}
.bank-guide-grid a>span{display:block;color:var(--muted);font-size:.75rem;margin-top:6px;line-height:1.55}
@media(max-width:1000px){.bank-assurance-heading{gap:40px}
.bank-grid>div{padding:23px 17px}
.bank-grid strong{font-size:1rem}
.bank-assurance-footer{gap:30px}}
@media(max-width:800px){.bank-assurance{margin-top:45px;padding-top:35px}
.bank-assurance-heading{grid-template-columns:1fr;gap:24px}
.bank-assurance-heading>p{max-width:620px}
.bank-grid{grid-template-columns:1fr 1fr}
.bank-grid strong{font-size:1.1rem}
.bank-grid>div{padding:22px}
.bank-assurance-footer{align-items:flex-start;flex-direction:column;gap:16px}
.bank-guide-grid{gap:12px}
.bank-assurance-heading h3{font-size:2.1rem}}
@media(max-width:480px){.bank-grid strong{font-size:1rem}
.bank-grid>div{padding:20px 13px}
.bank-grid span{font-size:.75rem}
.bank-guide-grid{grid-template-columns:1fr}
.bank-assurance-heading h3{font-size:1.8rem}
.bank-assurance-heading .pen-underline:after{display:none}}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.select-option[aria-disabled=true]{opacity:.4;cursor:not-allowed}
.select-option[aria-disabled=true]:hover{background:transparent}

/* One story, one focal point. Paper objects replace one another in an open scene. */
.intro{padding-block:42px 62px;text-align:center}
.intro-copy{max-width:920px;margin:auto}
.intro-kicker{font-size:.875rem;font-weight:550;color:var(--muted);margin-bottom:18px;letter-spacing:.01em}
.intro h1{font-size:clamp(2.4rem,4.7vw,4rem);font-weight:740;font-stretch:105%;letter-spacing:-.045em;line-height:1.06}
.intro h1>span{color:var(--action)}
.intro-lead{font-size:1.0625rem;line-height:1.65;max-width:730px;margin:20px auto 0}
.receipt-film{max-width:720px;margin:12px auto 0}
.film-art{height:300px;position:relative;overflow:hidden;isolation:isolate}
.film-art svg{display:block;position:absolute;left:50%;top:50%;width:600px;max-width:none;height:auto;transform:translate(-50%,-50%);font-family:Archivo,Arial,sans-serif}
.film-art:before{content:"";position:absolute;inset:10% 8% 0;background:radial-gradient(ellipse,#f4f5f4 0%,#fff 70%);z-index:-1}
.paper-label{fill:#687277;font-size:11px;font-weight:650;letter-spacing:.5px}
.paper-amount{fill:#273135;font-size:22px;font-weight:700;letter-spacing:-.5px;transition:fill .5s}
.paper-meta{fill:#7b8589;font-size:10px}
.paper-format{fill:#273135;font-size:29px;font-weight:700;letter-spacing:-.5px}
.folder-label{fill:#557764;font-size:12px;font-weight:600;letter-spacing:1.5px}
.folder-title{fill:#24583d;font-size:31px;font-weight:720;letter-spacing:-1px}
.folder-formats{fill:#456652;font-size:13px}
.film-shot{opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .65s cubic-bezier(.22,1,.36,1);pointer-events:none}
.receipt-film[data-scene="0"] .film-papers,.receipt-film[data-scene="1"] .film-scan,.receipt-film[data-scene="2"] .film-bank,.receipt-film[data-scene="3"] .film-bank,.receipt-film[data-scene="4"] .film-finish{opacity:1;transform:translateY(0)}
.bank-paired{opacity:0;transform:translateY(4px);transition:opacity .45s,transform .6s cubic-bezier(.22,1,.36,1)}
.receipt-film[data-scene="3"] .bank-paired{opacity:1;transform:translateY(0)}
.receipt-film[data-scene="3"] .match-amount{fill:#22724f}
.bank-receipt,.bank-statement{transition:transform .6s cubic-bezier(.22,1,.36,1)}
.receipt-film[data-scene="3"] .bank-receipt{transform:translateX(8px)}
.receipt-film[data-scene="3"] .bank-statement{transform:translateX(-8px)}
.receipt-film:not(.film-ready) .film-shot{transition:none}
.film-scanline{opacity:0}
.receipt-film[data-scene="1"].film-running .film-scanline{animation:film-scan 1.8s .15s 2 both ease-in-out}
.receipt-film[data-scene="1"].film-running .phone-receipt{animation:film-next-paper 3.9s both ease-in-out}
.receipt-film[data-scene="1"].film-running .scan-loose-paper{animation:film-paper-away 3.9s both ease-in-out}
.receipt-film.is-paused *{animation-play-state:paused!important}
.film-caption{display:flex;flex-direction:column;gap:5px;min-height:63px;padding:3px 10px 0}
.film-caption strong{font-size:1.125rem;font-weight:650;letter-spacing:-.025em;line-height:1.4}
.film-caption>span{font-size:.875rem;color:var(--muted);line-height:1.5}







.intro-actions{display:flex;justify-content:center;align-items:center;gap:27px;flex-wrap:wrap;margin-top:17px}
.intro-actions .button{font-size:.875rem;padding:15px 21px;min-height:52px}
.intro-assurance{text-align:center;font-size:.8125rem;margin-top:12px;color:var(--muted)}
.intro-details{font-size:.875rem;font-weight:600;display:inline-flex;align-items:center;gap:15px;min-height:44px}
.intro-details:hover{color:var(--action)}
@keyframes film-scan{0%{opacity:0;transform:translateY(0)}15%{opacity:1}85%{opacity:1;transform:translateY(117px)}100%{opacity:0;transform:translateY(117px)}}
@keyframes film-next-paper{0%,42%{opacity:1;transform:translateY(0)}48%{opacity:0;transform:translateY(-10px)}52%{opacity:0;transform:translateY(10px)}60%,100%{opacity:1;transform:translateY(0)}}
@keyframes film-paper-away{0%,42%{opacity:1}54%,100%{opacity:0}}

/* Explain with space and hierarchy, without nested frames. */
.site-header{border:0}
.walk-step,.walk-step:first-child{border:0;padding:24px 20px;background:transparent;border-radius:8px}
.walk-step.active{padding:24px 20px;background:#fff2ed;border:0}
.walk-step i{display:none}
.walk-step span>span{font-size:.9375rem}
.demo-stage{background:#f3f5f5;color:var(--ink);padding:32px;border-radius:14px}
.demo-stage-heading{display:none}
.demo-panel{min-height:480px}
.scanner-ui{width:310px;max-width:100%;border:0;background:white;box-shadow:0 8px 30px #26323809}
.scanner-top span,.scanner-bottom p,.demo-note,.demo-secondary{color:#667278}
.scan-frame{border:0;background:linear-gradient(#fff,#fff) top left/20px 2px no-repeat,linear-gradient(#fff,#fff) top left/2px 20px no-repeat,linear-gradient(#fff,#fff) top right/20px 2px no-repeat,linear-gradient(#fff,#fff) top right/2px 20px no-repeat,linear-gradient(#fff,#fff) bottom left/20px 2px no-repeat,linear-gradient(#fff,#fff) bottom left/2px 20px no-repeat,linear-gradient(#fff,#fff) bottom right/20px 2px no-repeat,linear-gradient(#fff,#fff) bottom right/2px 20px no-repeat;border-radius:0}
.ui-title{display:block;margin-bottom:32px}
.ui-title h3{color:var(--ink);font-size:1.65rem}
.ui-title>span{display:block;margin-top:8px;color:#6a7479;font-size:.8125rem}
.data-sheet,.package-header{background:transparent;border:0;padding:0;border-radius:0}
.data-sheet>p,.data-row span,.match-row p,.package-header p,.package-file p,.bank-file small{color:#6b767b}
.data-row{border:0;padding:10px 0;gap:16px}
.data-row strong{text-align:right}
.data-row.total{margin-top:12px;align-items:baseline}
.data-row.total strong{color:var(--ink);font-size:1.5rem}
.demo-success{border:0;background:transparent;padding:0;margin-top:23px;color:#28704d;font-size:.875rem}
.demo-note{font-size:.75rem}
.demo-secondary{font-size:.8125rem;line-height:1.6}
.bank-file{border:0;background:white;padding:16px;border-radius:8px}
.bank-file>div{min-width:0}.bank-file strong{overflow-wrap:anywhere}
.bank-file .file-check{color:#22724f}
.file-icon{background:#e7eeea;color:#326148;flex:none}
.match-row{border:0;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);padding:20px 0;gap:8px}
.match-row>span{color:#22724f}
.match-warning{background:transparent;padding:14px 0;color:#8b641e}
.package-header{text-align:left;margin-bottom:20px}
.package-header>span{color:#22724f}
.package-header h3{color:var(--ink);margin:10px 0;font-size:2rem}
.package-file{border:0;padding:15px 0}
.accounting-example{padding:0;background:transparent;border-radius:0}
.accounting-example-top{padding:0 8px}
.accounting-document{border:0;box-shadow:0 12px 65px #2632380d;padding:30px 28px 0}
.items-table th,.items-table td{border:0;padding-block:12px}
.accounting-status{border:0;padding-block:6px 20px}
.accounting-metadata{gap:15px 20px}
.vat-summary{background:#f2f6f3}
.accounting-example-foot{padding-inline:8px}
.bank-assurance,.bank-grid,.bank-grid>div,.bank-guide-grid>a,.bank-guides{border:0}
.bank-grid{gap:26px 35px;overflow:visible;padding-block:8px}
.bank-grid>div{padding:12px 0;min-width:0}
.bank-grid strong{font-size:1.15rem}.bank-grid span{line-height:1.5}
.bank-guide-grid>a{padding:17px;background:#f6f7f7}
.calculator,.brand-preview{border:0}
.detail-band-grid>div+div,.detail-band-grid>div:nth-child(even){border:0;padding-left:0}
.intro+.problem-section{margin-top:0}
@media(max-width:1000px){
  .nav-row{gap:18px}.nav-row>.button{margin-left:auto}
  .main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:20px;flex-direction:column;gap:18px}
  .main-nav.open{display:flex}.main-nav a:last-child{display:block}
  .menu-toggle{display:block;border:0;background:none;min-height:44px;padding:10px;font-size:1.3rem}
  .intro{padding-top:38px}.intro h1{font-size:3.6rem}.intro-lead{max-width:650px}.intro-desktop-break{display:none}
  .accounting-example{padding:0}.accounting-document{padding:27px 24px 0}
}
@media(max-width:800px){
  .intro h1{font-size:clamp(2.4rem,6.6vw,3.6rem)}
  .walk-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .walk-step,.walk-step:first-child,.walk-step.active{display:flex;flex-direction:column;padding:14px 9px;gap:6px;border:0;text-align:center;align-items:center}
  .walk-step>span:not(.step-index):not(.step-short){display:none}
  .walk-step .step-short{display:block;font-size:.875rem;line-height:1.45;font-weight:600}
  .demo-stage{padding:28px}.demo-panel{min-height:465px}
  .bank-grid{gap:20px 25px}.bank-grid>div{padding:10px 0}
  .accounting-example{padding:0}.accounting-document{padding:28px 24px 0}
  .detail-band-grid>div:nth-child(even){border:0;padding-left:0}
  .audience-tabs button,.audience-tabs button:first-child{border:0;background:#e9edef;color:var(--ink)}
  .audience-tabs button[aria-selected="true"]{background:var(--ink);color:#fff}
}
@media(max-width:480px){
  .nav-row{min-height:68px}.nav-row>.button{display:none}.menu-toggle{margin-left:auto}.brand img{width:123.9px}
  .intro{padding:30px 0 42px}.intro-kicker{font-size:.8125rem;margin-bottom:16px}
  .intro h1{font-size:clamp(1.85rem,7.8vw,2.35rem);line-height:1.12;font-stretch:102%;letter-spacing:-.04em}
  .intro-lead{font-size:1rem;margin-top:19px;line-height:1.6;max-width:370px}
  .receipt-film{margin-top:10px}.film-art{height:clamp(228px,68vw,290px)}
  .film-art svg{width:min(600px,160%)}.film-art:before{inset:0 -30%}
  .film-caption{min-height:88px;padding-inline:0;gap:6px}
  .film-caption strong{font-size:1.0625rem}.film-caption>span{font-size:.875rem;max-width:330px;margin:auto}
.intro-actions{flex-direction:column;gap:5px;margin-top:16px}
  .intro-actions .button{width:100%;max-width:330px;justify-content:center;gap:19px}
  .walkthrough{gap:15px}.walk-step,.walk-step:first-child,.walk-step.active{padding:12px 5px}
  .demo-stage{padding:25px 20px;border-radius:10px}.demo-panel{min-height:0}.review-ui{padding-top:0}
  .ui-title h3{font-size:1.45rem}.data-row{font-size:.875rem;gap:12px}.data-row.total strong{font-size:1.3rem}
  .bank-file{gap:10px;padding:13px}.bank-file strong{font-size:.8125rem}.bank-file .file-check{display:none}
  .match-row{grid-template-columns:1fr;gap:4px;padding:15px 0}.match-row>div:last-child{text-align:left}.match-row>span{display:none}
  .match-row>div:last-child p{color:#22724f}.match-warning{flex-wrap:wrap;gap:5px 15px}
  .demo-cta .button{gap:12px;font-size:.8125rem;padding:15px}.scanner-bottom .button{gap:7px;padding-inline:9px}
  .accounting-example{padding:0}.accounting-document{padding:24px 16px 0}
  .accounting-doc-title{gap:12px}.accounting-doc-title h3{font-size:1.1rem}.accounting-doc-title .document-kind{font-size:.6875rem}
  .accounting-total{flex-wrap:wrap;gap:7px 12px}.accounting-total>strong{font-size:1.75rem}
  .accounting-status{flex-wrap:wrap;gap:4px 12px}.accounting-example-top{padding-inline:0}
  .vat-summary{padding:13px 10px}.vat-summary th:last-child,.vat-summary td:last-child{display:none}
  .vat-summary table th,.vat-summary table td{font-size:.8125rem}
  .bank-grid{gap:16px 20px}.bank-grid>div{padding:8px 0}.bank-grid strong{font-size:1rem}
  .detail-band-grid>div:nth-child(even){padding-left:0}
  .savings-inputs{grid-template-columns:1fr}.calculator{padding:24px 20px}
}
@media(prefers-reduced-motion:reduce){.film-shot,.bank-paired{transform:none;transition:none}.film-scanline{display:none}}

.price-heading{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.price-heading>span{line-height:1.45}
.price-heading small{display:block;font-size:.8125rem;font-weight:450}
.onboarding-form .select-trigger{background:var(--paper)}
.onboarding-form .select-trigger:hover{background:#eef1f2}
@media(max-width:600px){.onboarding-form .select-field{grid-column:1/-1}.onboarding-form input{min-width:0;font-size:1rem}.onboarding-form .select-trigger{font-size:.9375rem}}
/* Supporting information stays readable on small screens. */
@media(max-width:800px){
  .bank-grid span,.savings-result span{font-size:.8125rem;color:var(--muted)}
  .savings-details>p,.audience-copy .plan-note,.branding-hint{font-size:.875rem;line-height:1.6}
  .range-label,.calc-total>span,.savings-inputs label{font-size:.875rem}
  .detail-band p{font-size:.875rem}
  .audience-tabs button,.audience-tabs button:first-child{font-size:.875rem;line-height:1.4;min-height:54px}
  .accounting-example-foot{padding-top:20px}
}
.calc-break-even{margin-top:22px;padding:19px 20px;background:#e8f0ea;border-radius:10px}
.calc-break-even strong{display:block;font-size:1.05rem;font-weight:650;line-height:1.4;color:#235a42}
.calc-break-even p{font-size:.8125rem;line-height:1.6;margin-top:5px;color:#4c6658}
.savings-details .savings-help{font-size:.8125rem;line-height:1.6;margin:12px 0 0}
.savings-net{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:22px;padding-top:16px;box-shadow:0 -1px #dce2de;font-size:.875rem}
.savings-net>span{color:var(--muted)}
.savings-net strong{font-size:1.25rem;font-weight:650;white-space:nowrap;color:var(--ink)}
.savings-net[data-result="positive"] strong{color:var(--green)}
.savings-outcome{font-size:.8125rem;line-height:1.6;margin-top:10px}
.savings-details .savings-footnote{font-size:.75rem;line-height:1.6;margin-top:18px}
@media(max-width:480px){
  .calc-break-even{padding:17px 16px}
  .calc-break-even strong{font-size:1rem}
  .calc-break-even p,.savings-details .savings-help,.savings-outcome,.savings-details .savings-footnote{font-size:.8125rem}
  .savings-net{flex-wrap:wrap;gap:5px 12px}
}