@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--navy:#0b1220;--blue:#2563eb;--teal:#14b8a6;--ink:#14213a;--muted:#64748b;--line:#e3eaf3;--pale:#f8fafc;--white:#fff;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--white);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait}::selection{background:#c9f4ee;color:var(--navy)}:focus-visible{outline:3px solid #14b8a6;outline-offset:3px}.container{width:min(1180px,calc(100% - 64px));margin-inline:auto}.section{padding:112px 0}.section-kicker,.eyebrow,.pane-kicker{font:500 11px/1.4 var(--mono);letter-spacing:.15em;color:var(--blue)}.section-heading h2{font-size:clamp(2.15rem,3.7vw,3.55rem);letter-spacing:-.055em;line-height:1.14;margin:17px 0 18px;font-weight:800;color:var(--navy)}.section-heading h2 em{font-style:normal;color:var(--blue)}.section-heading p{max-width:570px;color:var(--muted);line-height:1.8;font-size:15px;margin:0}.section-heading.centered{text-align:center;margin-inline:auto}.section-heading.centered p{margin-inline:auto}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:39px}.text-link{display:inline-flex;gap:12px;align-items:center;color:var(--blue);font-weight:800;font-size:13px;white-space:nowrap;border-bottom:1px solid #b9ceff;padding-bottom:6px;transition:gap .2s,border-color .2s}.text-link:hover{gap:17px;border-color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;border-radius:9px;padding:13px 20px;font-weight:800;font-size:12px;letter-spacing:-.01em;white-space:nowrap;border:1px solid transparent;transition:transform .22s,box-shadow .22s,background .22s}.button:hover{transform:translateY(-2px)}.button-primary{color:white;background:var(--blue);box-shadow:0 10px 24px rgba(37,99,235,.19)}.button-primary:hover{background:#1853dc;box-shadow:0 15px 30px rgba(37,99,235,.25)}.button-large{padding:16px 21px;font-size:13px}.button-text{padding-left:6px;color:var(--navy)}.button-text:hover{color:var(--blue)}.button-light{background:#fff;color:var(--navy);padding:16px 21px}.button-light:hover{box-shadow:0 16px 30px rgba(0,0,0,.16)}
/* Navigation */
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;background:rgba(255,255,255,.92);border-bottom:1px solid transparent;transition:box-shadow .25s,border-color .25s,background .25s;backdrop-filter:blur(16px)}.site-header.header-scrolled{border-color:var(--line);box-shadow:0 9px 28px rgba(11,18,32,.055)}.nav-shell{height:78px;display:flex;align-items:center;gap:35px}.logo-link{flex:0 0 auto}.brand{display:inline-flex;align-items:center;gap:10px;font-size:19px;font-weight:800;color:var(--navy);letter-spacing:-.055em;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:36px;height:36px;color:#fff;background:var(--blue);border-radius:9px;box-shadow:0 5px 10px rgba(37,99,235,.15)}.brand-mark svg{width:29px;height:29px}.brand-accent{color:var(--blue)}.brand-light{color:#fff}.brand-light .brand-accent{color:#6ee7dc}.desktop-nav{display:flex;align-items:center;gap:27px;margin:auto;font-size:11px;font-weight:800;color:#4e5b70}.desktop-nav a{transition:color .2s}.desktop-nav a:hover{color:var(--blue)}.nav-cta{padding:12px 16px}.mobile-menu-button,.mobile-nav{display:none}
/* Hero */
.hero{position:relative;overflow:hidden;padding-top:135px;background:linear-gradient(180deg,#fff 0%,#fbfdff 78%,#f6faff 100%)}.hero-pattern{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#c6d7ea .6px,transparent .6px);background-size:24px 24px;mask-image:linear-gradient(to right,transparent 47%,black 100%);opacity:.35}.hero-grid{display:grid;grid-template-columns:.94fr 1.06fr;align-items:center;gap:30px;min-height:630px;position:relative}.hero-copy{padding-bottom:37px}.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid #d7e9f7;border-radius:30px;background:#f1f9ff;padding:7px 12px;color:#1d579c}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px #d7f8f4}.hero h1{font-size:clamp(3.1rem,5.2vw,5.15rem);line-height:1.075;letter-spacing:-.072em;margin:27px 0 25px;color:var(--navy);font-weight:800;max-width:610px}.hero h1 span{color:var(--blue)}.hero-lead{max-width:510px;color:#5e6e85;font-size:15px;line-height:1.85;margin:0 0 28px}.hero-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.hero-benefits{display:flex;gap:18px 25px;margin-top:49px;flex-wrap:wrap}.hero-benefits span{display:flex;align-items:center;gap:7px;color:#627086;font-size:10px;font-weight:700;white-space:nowrap}.hero-benefits svg{color:var(--teal)}.hero-foot{height:65px;display:flex;align-items:center;gap:20px;border-top:1px solid #e8eff6;color:#8a9aaf;font:500 10px var(--mono);letter-spacing:.15em}.hero-foot i{height:1px;background:#cbd8e8;width:20px}
.hero-visual{height:586px;position:relative;min-width:0}.visual-glow{position:absolute;inset:40px 0 25px 45px;background:radial-gradient(ellipse,#dfeeff 0%,#e9f7f9 35%,transparent 70%);filter:blur(20px)}.hero-document-wrap{position:absolute;z-index:2;width:51%;left:1%;top:46px;transform:rotate(-4deg);filter:drop-shadow(0 25px 30px rgba(17,40,78,.13))}.floating-tag{position:absolute;top:-16px;left:-23px;z-index:3;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #e5ecf2;border-radius:7px;background:#fff;box-shadow:0 8px 20px #17376513;color:#667990;font:500 8px var(--mono);letter-spacing:.06em}.floating-tag svg{color:var(--blue)}.floating-tag span{background:#e8f0ff;color:var(--blue);border-radius:3px;padding:2px 4px}.invoice-paper{position:relative;overflow:hidden;width:100%;min-height:445px;background:white;border:1px solid #dfe8f1;border-radius:5px;padding:25px 23px 18px;box-shadow:0 12px 38px rgba(11,28,57,.08);font-size:9px;color:#324155}.invoice-paper-compact{height:410px;min-height:410px;padding:22px 19px;font-size:8px}.invoice-paper-head{display:flex;align-items:flex-start;justify-content:space-between}.invoice-paper-head>div{display:flex;flex-direction:column}.invoice-logo{font-size:20px;font-weight:800;letter-spacing:-.08em;color:#182841}.invoice-logo span{color:var(--blue)}.invoice-paper-head small{font:500 6px var(--mono);letter-spacing:.12em;color:#8a99aa}.invoice-word{font:500 14px var(--mono);letter-spacing:.16em;color:#93a2b5}.invoice-topline{display:flex;justify-content:space-between;gap:13px;margin-top:28px}.invoice-topline>div:first-child{display:flex;flex-direction:column;gap:3px}.invoice-label{font:500 7px var(--mono);letter-spacing:.1em;color:#9aabba;margin-bottom:4px}.invoice-topline strong{font-size:10px}.invoice-details{min-width:47%}.invoice-details div{display:flex;justify-content:space-between;gap:8px;margin-bottom:5px}.invoice-details span{color:#91a0b2}.invoice-details b{font-weight:700}.invoice-table{margin-top:31px}.invoice-row{display:grid;grid-template-columns:1.7fr .3fr .45fr .55fr;gap:4px;padding:10px 0;border-bottom:1px solid #ecf0f4}.invoice-row span:not(:first-child){text-align:right}.invoice-row-head{border-bottom:1px solid #cbd6e4;color:#8598a9;font:500 7px var(--mono);letter-spacing:.07em}.invoice-totals{width:49%;margin:21px 0 0 auto}.invoice-totals>div{display:flex;justify-content:space-between;padding:5px 0}.invoice-totals span{color:#8493a4}.invoice-totals .invoice-grand{border-top:1px solid #cbd6e4;margin-top:5px;padding-top:9px;color:var(--blue);font-size:11px}.invoice-grand span{color:var(--navy)}.invoice-paper-foot{color:#a1afbf;margin-top:28px;font-size:8px}.scan-line{position:absolute;z-index:1;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#43d3c6,transparent);box-shadow:0 0 19px 6px #43d3c63d;opacity:.75;animation:scan 6s ease-in-out infinite}@keyframes scan{0%,100%{top:9%;opacity:0}15%,82%{opacity:.65}88%{top:88%;opacity:0}}.flow-arrow{position:absolute;z-index:3;left:46%;top:255px;width:70px;height:70px;display:grid;place-items:center;border-radius:50%;background:#f6faff;box-shadow:0 7px 26px #1e4b8e20}.flow-arrow span{display:grid;place-items:center;width:47px;height:47px;border-radius:50%;background:var(--blue);color:#fff}.hero-data-card{position:absolute;z-index:2;right:-1%;top:105px;width:57%;border-radius:14px;background:white;border:1px solid #dce7f3;box-shadow:0 25px 60px rgba(14,45,86,.16);overflow:hidden}.data-card-head{display:flex;align-items:center;gap:9px;padding:15px 15px;border-bottom:1px solid #e9eff5}.data-card-head>div{display:flex;flex-direction:column;gap:2px}.data-card-head strong{font-size:11px}.data-card-head small{font-size:8px;color:#899aac}.data-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:#d8f9f2;color:#089f8e}.data-status{margin-left:auto;font:500 7px var(--mono);color:#0a958b;background:#e1faf4;border-radius:4px;padding:5px}.data-card-rows{padding:5px 15px}.data-card-rows>div{display:flex;justify-content:space-between;align-items:center;gap:6px;border-bottom:1px solid #f0f3f7;padding:10px 0;font-size:9px}.data-card-rows span{color:#8090a4}.data-card-rows strong{text-align:right;font-size:9px}.data-card-rows>div:nth-last-child(2) strong{color:var(--blue);font-size:12px}.data-card-foot{background:#f8fbfc;padding:12px 15px;color:#698579;font-size:8px;font-weight:700;display:flex;gap:7px;align-items:center}.status-dot{width:6px;height:6px;background:var(--teal);border-radius:50%}.visual-caption{position:absolute;bottom:15px;right:3px;font:500 9px var(--mono);color:#8da0b4}
/* Problem and services */
.problem-section{background:#fff}.problem-section .section-heading{margin-bottom:43px}.problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.problem-card{position:relative;min-height:234px;padding:23px;background:#f8fafc;border:1px solid #edf1f6;border-radius:12px;transition:transform .2s,box-shadow .2s}.problem-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px #1737650b}.problem-number{position:absolute;right:23px;top:21px;font:500 10px var(--mono);color:#b1bccb}.problem-card svg{color:#4d76b6;margin:20px 0 25px}.problem-card h3{font-size:14px;letter-spacing:-.03em;margin:0 0 9px}.problem-card p{font-size:11px;line-height:1.75;color:var(--muted);margin:0}.smart-way{display:flex;align-items:center;gap:22px;margin-top:20px;background:#eff8fa;border:1px solid #dceef1;border-radius:12px;padding:19px 24px}.smart-icon{display:grid;place-items:center;width:43px;height:43px;flex:0 0 auto;background:#daf5ef;color:#099a8d;border-radius:10px}.smart-way strong{font-size:15px}.smart-way p{margin:3px 0 0;color:#687e8b;font-size:11px;line-height:1.6}.smart-way>a{margin-left:auto;color:#099a8d}.services-section{background:#f7f9fc}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{position:relative;min-height:240px;padding:25px 24px;background:#fff;border:1px solid #e5ebf3;border-radius:12px;box-shadow:0 2px 8px #17376505;transition:transform .22s,box-shadow .22s,border-color .22s}.service-card:hover{transform:translateY(-5px);box-shadow:0 19px 35px #17376512;border-color:#bed1ed}.service-card-top{display:flex;justify-content:space-between;align-items:flex-start}.service-icon{width:50px;height:50px;display:grid;place-items:center;color:var(--blue);background:#eff5ff;border-radius:10px}.service-number{font:500 10px var(--mono);color:#9cabc0}.service-card h3{margin:25px 0 9px;font-size:15px;letter-spacing:-.03em}.service-card p{max-width:290px;color:var(--muted);font-size:11px;line-height:1.75;margin:0 0 17px}.service-card>a{color:var(--blue);display:inline-flex;transition:transform .2s}.service-card>a:hover{transform:translateX(4px)}
/* Demonstration */
.demo-section{background:white}.demo-section .section-heading{margin-bottom:42px}.demo-shell{border-radius:15px;overflow:hidden;border:1px solid #dfe7f0;box-shadow:0 25px 55px rgba(14,34,67,.09);background:#fff}.demo-toolbar{height:43px;background:#0d1d37;display:flex;align-items:center;gap:18px;padding:0 20px;color:#b9c8d8;font:500 9px var(--mono);letter-spacing:.13em}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#53657e}.window-dots i:first-child{background:#ee8d8b}.window-dots i:nth-child(2){background:#e8ca75}.window-dots i:nth-child(3){background:#69bea7}.demo-example{margin-left:auto;color:#5cdbce}.demo-content{display:grid;grid-template-columns:1fr 56px 1fr;background:#f7f9fd}.demo-source,.demo-result{padding:24px 28px 29px;min-width:0}.demo-source{background:#f7f9fd}.demo-result{background:white}.pane-heading{height:53px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pane-heading strong{font-size:13px}.pane-heading>span:last-child{margin-left:auto;font:500 9px var(--mono);color:#9aa9ba}.demo-source .invoice-paper{max-width:390px;margin:8px auto 0;transform:rotate(-1deg)}.demo-conversion{display:flex;align-items:center;justify-content:center;color:var(--blue);background:linear-gradient(90deg,#f7f9fd,#fff)}.demo-conversion svg{background:#eaf2ff;border-radius:50%;padding:10px;box-sizing:content-box}.demo-tabs{display:flex;border-bottom:1px solid #e5ebf2;margin-top:8px;gap:0}.demo-tabs button{appearance:none;border:0;border-bottom:2px solid transparent;background:none;padding:13px 13px 11px;color:#8a9bb0;font-size:10px;font-weight:800;white-space:nowrap}.demo-tabs button.active{color:var(--blue);border-color:var(--blue)}.demo-output{min-height:447px;outline-offset:-3px}.output-fields{display:grid;grid-template-columns:1fr 1fr;padding-top:14px}.output-fields>div{display:flex;flex-direction:column;gap:5px;border-bottom:1px solid #edf1f5;padding:9px 8px}.output-fields span{font-size:9px;color:#8a9aad}.output-fields strong{font-size:11px}.output-fields>div:nth-last-child(1) strong{color:var(--blue);font-size:15px}.output-items{margin-top:16px}.output-items-title{font-size:10px;font-weight:800;display:flex;justify-content:space-between}.output-items-title span{font:500 8px var(--mono);color:#91a4b5}.output-table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:9px;margin-top:10px;text-align:left}th{background:#f3f7fb;color:#8495a9;font-weight:700}td,th{padding:9px 7px;border-bottom:1px solid #e9eef3}td:not(:first-child),th:not(:first-child){text-align:right}.code-output{background:#0e1c33;color:#a8f0e2;border-radius:7px;margin:16px 0 0;padding:20px;overflow:auto;min-height:405px;font:10px/1.8 var(--mono)}.demo-bottom{min-height:46px;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 24px;border-top:1px solid #e8eef5;font-size:10px;color:#728397}.demo-bottom>span:first-child{display:flex;align-items:center;gap:7px;color:#2b8e7e;font-weight:700}
/* Steps and benefits */
.steps-section{background:#f7f9fc}.steps-section .section-heading{margin-bottom:62px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;position:relative}.steps-connector{position:absolute;left:14%;right:14%;height:1px;border-top:1px dashed #b8cee8;top:47px}.step{position:relative;text-align:center}.step-index{position:absolute;top:-19px;left:50%;transform:translateX(-50%);font:500 10px var(--mono);color:var(--blue)}.step-icon{height:93px;width:93px;display:grid;place-items:center;margin:0 auto 27px;border-radius:19px;background:#fff;color:var(--blue);border:1px solid #dce8f7;box-shadow:0 13px 25px #17376512;position:relative}.step h3{font-size:16px;letter-spacing:-.035em;margin:0 0 10px}.step p{max-width:280px;margin:auto;color:var(--muted);font-size:11px;line-height:1.8}.steps-cta{text-align:center;margin-top:39px}.benefits-section{background:#fff}.benefits-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:75px}.benefits-intro .section-kicker{display:block;margin-top:8px}.benefits-intro h2{font-size:clamp(2.25rem,3.7vw,3.45rem);letter-spacing:-.055em;line-height:1.14;margin:18px 0;color:var(--navy)}.benefits-intro h2 em{font-style:normal;color:var(--blue)}.benefits-intro>p{font-size:13px;color:var(--muted);line-height:1.85;max-width:410px;margin-bottom:26px}.benefits-mini-visual{height:170px;display:flex;align-items:center;justify-content:center;gap:24px;margin-top:30px;border-radius:12px;background:radial-gradient(circle at 50%,#e9f7f7,#f4f8fd 70%);overflow:hidden}.mini-document,.mini-record{width:92px;height:118px;border:1px solid #d6e2ef;background:#fff;border-radius:6px;box-shadow:0 9px 19px #17376513;padding:17px 12px;display:flex;flex-direction:column;gap:10px}.mini-document span{height:4px;border-radius:5px;background:#d3dfea}.mini-document span:first-child{width:40px;background:#aec8f6;height:8px}.mini-document span:nth-child(3){width:47px}.mini-flow{color:var(--blue);width:34px;height:34px;border:1px solid #caddf5;border-radius:50%;background:white;display:grid;place-items:center}.mini-record{width:113px;justify-content:center}.mini-record i{height:14px;background:#d7f5ef;border-radius:3px;border-left:3px solid var(--teal)}.benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.benefit{padding:21px;border:1px solid #e6ecf3;border-radius:11px;min-height:175px}.benefit>span{color:#0b9c90;background:#e9f9f5;border-radius:8px;width:37px;height:37px;display:grid;place-items:center}.benefit h3{font-size:13px;margin:17px 0 7px}.benefit p{font-size:10px;color:var(--muted);line-height:1.75;margin:0}.audience-section{background:#f7f9fc}.audience-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.audience-card{background:white;border:1px solid #e6ecf3;border-radius:10px;padding:22px 19px;min-height:205px}.audience-card svg{color:var(--blue)}.audience-card h3{font-size:12px;line-height:1.5;margin:21px 0 7px}.audience-card p{font-size:10px;color:var(--muted);line-height:1.7;margin:0}
/* Dark CTA */
.custom-cta{background:#0b172b;color:white;overflow:hidden;position:relative}.custom-cta:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#365779 .7px,transparent .7px);background-size:22px 22px;opacity:.22}.custom-cta-inner{display:flex;align-items:center;justify-content:space-between;position:relative;min-height:363px;padding-top:35px;padding-bottom:35px}.custom-cta .section-kicker{color:#64dbd0}.custom-cta h2{font-size:clamp(2.1rem,3.5vw,3.3rem);line-height:1.16;letter-spacing:-.055em;margin:15px 0}.custom-cta p{font-size:12px;line-height:1.8;color:#b7c8d9;max-width:520px;margin:0 0 25px}.cta-graphic{position:relative;width:340px;height:270px;flex:0 0 auto}.graphic-document,.graphic-output{position:absolute;top:48px;left:5px;width:105px;height:152px;background:#203653;border:1px solid #56718d;border-radius:8px;transform:rotate(-10deg);display:flex;flex-direction:column;gap:14px;padding:25px 16px}.graphic-document span{height:5px;background:#617f9d;border-radius:5px}.graphic-document span:first-child{width:44px;background:#50c7bf;height:8px}.graphic-document span:nth-child(3){width:55px}.graphic-output{left:auto;right:12px;top:55px;transform:rotate(7deg);width:130px;height:137px;background:#1b344e;justify-content:center}.graphic-output i{height:16px;background:#315872;border-left:3px solid #5eead4;border-radius:3px}.graphic-line{position:absolute;left:112px;right:118px;top:125px;border-top:1px dashed #5edace}.graphic-line:after{content:"";position:absolute;right:-3px;top:-3px;width:5px;height:5px;border-radius:50%;background:#5edace}.graphic-line.l1{top:92px;transform:rotate(-18deg)}.graphic-line.l3{top:158px;transform:rotate(17deg)}
/* FAQ, contact, footer */
.faq-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:100px}.faq-layout .section-heading p{font-size:12px;margin-bottom:23px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0;font-size:12px;font-weight:800;cursor:pointer}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary svg{flex:0 0 auto;color:#788aa1;transition:transform .2s}.faq-item[open] summary svg{transform:rotate(180deg);color:var(--blue)}.faq-item p{font-size:11px;color:var(--muted);line-height:1.85;margin:0;padding:0 35px 20px 0}.contact-section{background:#eef4fa}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:flex-start}.contact-copy{padding-top:35px}.contact-copy h2{font-size:clamp(2.2rem,3.6vw,3.4rem);line-height:1.15;letter-spacing:-.06em;margin:19px 0;color:var(--navy)}.contact-copy h2 em{font-style:normal;color:var(--blue)}.contact-copy>p{color:#60748b;max-width:400px;font-size:13px;line-height:1.85}.contact-info{display:flex;flex-direction:column;align-items:flex-start;margin-top:51px}.contact-info>span{font:500 10px var(--mono);letter-spacing:.12em;color:#8a9db2;margin-bottom:17px}.contact-info a:not(.contact-site){display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800;color:var(--navy);word-break:break-word}.contact-info a svg{color:var(--blue);flex:none}.contact-info small{font-size:9px;color:#8595aa;margin:8px 0 16px}.contact-site{font-size:11px;color:var(--blue);font-weight:700}.contact-side-note{display:flex;gap:11px;align-items:flex-start;margin-top:80px;color:#879bae;font-size:10px;max-width:320px;line-height:1.65}.contact-side-note svg{flex:0 0 auto;color:#3a9e90}.form-card{background:#fff;border:1px solid #dfe8f1;border-radius:14px;padding:31px;box-shadow:0 19px 45px rgba(16,46,79,.08)}.form-head>span{font:500 10px var(--mono);color:var(--blue);letter-spacing:.12em}.form-head h3{font-size:20px;letter-spacing:-.04em;margin:11px 0 3px}.form-head p{color:#8e9cad;font-size:10px;margin:0 0 25px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.field label{font-size:10px;font-weight:800;color:#3c4b60}.field label span{color:var(--blue)}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe7ef;border-radius:7px;background:#fbfcfe;padding:12px 13px;color:var(--ink);font-size:11px;outline:0;transition:border-color .2s,box-shadow .2s}.field input::placeholder,.field textarea::placeholder{color:#a4b1bf}.field input:focus,.field select:focus,.field textarea:focus{border-color:#6c9dff;box-shadow:0 0 0 3px #2563eb19}.field textarea{resize:vertical;min-height:110px}.form-submit{width:100%;margin-top:3px;padding:15px}.form-note{font-size:9px;color:#91a1b1;line-height:1.6;margin:12px 0 0}.form-feedback{padding:11px 12px;border-radius:7px;font-size:11px;line-height:1.6}.form-feedback.success{background:#e8f8f2;color:#087861}.form-feedback.error{background:#fff1f0;color:#b83737}.honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.footer{background:#0b1220;color:#b8c3d0;padding-top:66px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:45px;padding-bottom:58px}.footer-brand p{max-width:300px;font-size:11px;line-height:1.8;color:#8494a9;margin-top:21px}.footer-column{display:flex;flex-direction:column;gap:13px}.footer-column h3{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:white;margin:4px 0 8px}.footer-column a{font-size:10px;line-height:1.5;transition:color .2s}.footer-column a:hover{color:#69e3d6}.footer-bottom{border-top:1px solid #263246;display:flex;justify-content:space-between;padding:21px 0;color:#728198;font-size:9px}.privacy-main{padding:150px 0 100px;min-height:80vh}.privacy-main h1{font-size:clamp(2.5rem,5vw,4rem);letter-spacing:-.06em;margin:16px 0}.privacy-main h2{font-size:18px;margin-top:35px}.privacy-main p,.privacy-main li{font-size:13px;line-height:1.9;color:#53647b;max-width:780px}
@media(max-width:1100px){.desktop-nav{gap:16px}.hero-grid{gap:6px}.hero h1{font-size:clamp(3rem,5.2vw,4.25rem)}.hero-visual{transform:scale(.92);transform-origin:center right}.audience-grid{grid-template-columns:repeat(3,1fr)}.benefits-layout{gap:40px}}
@media(max-width:900px){.container{width:min(100% - 40px,720px)}.section{padding:80px 0}.desktop-nav,.nav-cta{display:none}.nav-shell{height:68px}.mobile-menu-button{display:grid;place-items:center;margin-left:auto;background:#eff5ff;border:0;border-radius:8px;width:39px;height:39px;color:var(--blue)}.mobile-nav{display:flex;flex-direction:column;gap:0;padding:8px 20px 20px;border-top:1px solid var(--line);background:white;box-shadow:0 20px 25px #0716331a}.mobile-nav>a:not(.button){padding:12px 3px;border-bottom:1px solid #eef2f6;font-size:13px;font-weight:700}.mobile-nav .button{margin-top:15px}.hero{padding-top:100px}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{padding-bottom:0;text-align:center}.hero h1{margin-left:auto;margin-right:auto;max-width:620px}.hero-lead{margin-left:auto;margin-right:auto}.hero-actions,.hero-benefits{justify-content:center}.hero-benefits{margin-top:27px}.hero-visual{width:min(600px,100%);margin:25px auto 0;transform:none}.hero-foot{justify-content:center}.problem-grid{grid-template-columns:repeat(2,1fr)}.services-grid{grid-template-columns:repeat(2,1fr)}.demo-content{grid-template-columns:1fr;}.demo-conversion{height:48px}.demo-conversion svg{transform:rotate(90deg)}.demo-source .invoice-paper{max-width:460px}.benefits-layout,.faq-layout,.contact-layout{grid-template-columns:1fr;gap:30px}.benefits-mini-visual{display:none}.benefits-grid{margin-top:15px}.contact-copy{padding-top:0}.contact-info{margin-top:25px}.contact-side-note{margin-top:25px}.footer-main{grid-template-columns:2fr 1fr 1fr}.footer-brand{grid-column:1/-1}.cta-graphic{opacity:.5;position:absolute;right:-140px}.custom-cta-inner>div:first-child{z-index:1}}
@media(max-width:600px){.container{width:calc(100% - 36px)}.section{padding:68px 0}.section-heading h2{font-size:2.15rem}.section-top{display:block}.section-top .text-link{margin-top:20px}.hero{padding-top:98px}.hero h1{font-size:clamp(2.3rem,10.5vw,3.2rem);margin-top:23px}.hero-lead{font-size:13px;line-height:1.8}.hero-actions{gap:5px}.button-large{width:100%}.hero-benefits{justify-content:flex-start;gap:10px 17px;margin-top:24px}.hero-benefits span{font-size:9px}.hero-visual{height:430px;margin-top:24px;width:100%;max-width:420px}.hero-document-wrap{width:56%;top:42px;left:0}.invoice-paper-compact{height:310px;min-height:310px;padding:14px 10px;font-size:6px}.invoice-paper-compact .invoice-logo{font-size:15px}.invoice-paper-compact .invoice-word{font-size:9px}.invoice-paper-compact .invoice-topline{margin-top:19px}.invoice-paper-compact .invoice-topline strong{font-size:7px}.invoice-paper-compact .invoice-details{min-width:50%}.invoice-paper-compact .invoice-table{margin-top:18px}.invoice-paper-compact .invoice-row{padding:7px 0}.invoice-paper-compact .invoice-totals{margin-top:10px}.invoice-paper-compact .invoice-paper-foot{margin-top:14px}.hero-data-card{width:61%;top:65px;right:-2%}.data-card-head{padding:10px 8px}.data-card-head strong{font-size:9px}.data-card-head small{font-size:7px}.data-icon{width:22px;height:22px}.data-status{font-size:6px}.data-card-rows{padding:3px 9px}.data-card-rows>div{padding:7px 0;display:block}.data-card-rows span,.data-card-rows strong{display:block;font-size:7px;text-align:left}.data-card-rows strong{margin-top:2px}.data-card-rows>div:nth-last-child(2) strong{font-size:10px}.data-card-foot{padding:8px;font-size:6px}.flow-arrow{width:47px;height:47px;left:45%;top:188px}.flow-arrow span{width:35px;height:35px}.flow-arrow svg{width:17px}.visual-caption{bottom:27px;font-size:7px}.floating-tag{font-size:6px;left:-6px;top:-15px}.hero-foot{font-size:7px;gap:8px;height:51px;letter-spacing:.05em}.hero-foot i{width:10px}.problem-grid,.services-grid,.benefits-grid{grid-template-columns:1fr}.problem-card{min-height:175px}.problem-card svg{margin:5px 0 13px}.smart-way{align-items:flex-start}.smart-way>a{align-self:center}.services-grid{gap:12px}.service-card{min-height:206px}.demo-toolbar{padding:0 12px;gap:10px;font-size:7px}.demo-source,.demo-result{padding:17px 15px}.pane-heading{gap:7px}.pane-heading>span:last-child{font-size:7px}.demo-bottom{display:block;font-size:8px}.demo-bottom>span:last-child{display:block;margin-top:7px}.demo-tabs button{padding:12px 8px;font-size:9px}.output-fields strong{font-size:10px}.steps-grid{grid-template-columns:1fr;gap:38px}.steps-connector{left:46px;top:40px;bottom:40px;height:auto;width:1px;border-top:0;border-left:1px dashed #b8cee8}.step{text-align:left;padding-left:95px;min-height:90px}.step-index{left:46px;top:-16px}.step-icon{position:absolute;left:5px;top:0;width:80px;height:80px;margin:0}.step p{margin:0}.steps-cta{margin-top:45px}.audience-grid{grid-template-columns:1fr 1fr}.audience-card{min-height:200px}.custom-cta-inner{min-height:390px}.cta-graphic{right:-190px;opacity:.23}.faq-layout{gap:18px}.contact-layout{gap:28px}.form-card{padding:22px 17px}.form-row{grid-template-columns:1fr;gap:0}.footer-main{grid-template-columns:1fr 1fr;gap:31px}.footer-brand{grid-column:1/-1}.footer-bottom{gap:8px;flex-wrap:wrap}}
@media(max-width:380px){.audience-grid{grid-template-columns:1fr}.hero-visual{height:393px}.hero-data-card{right:-3%;width:63%}.invoice-paper-compact{height:290px;min-height:290px}.hero-foot{font-size:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}



/* Readability and accessible controls */
:root{--muted:#52647a}
.hero-lead,.section-heading p,.benefits-intro>p,.contact-copy>p,.problem-card p,.service-card p,.step p,.benefit p,.audience-card p,.custom-cta p,.faq-layout .section-heading p,.faq-item p{font-size:16px;line-height:1.75}
.problem-card h3,.service-card h3,.step h3,.benefit h3,.audience-card h3{font-size:18px;line-height:1.4}
.button,.text-link,.desktop-nav,.hero-benefits span,.smart-way p,.demo-bottom,.footer-column a,.footer-brand p,.footer-bottom,.contact-site,.contact-side-note,.contact-info small{font-size:14px}
.section-kicker,.eyebrow{font-size:12px}
.desktop-nav{gap:18px}.nav-shell{gap:22px}.nav-cta{font-size:13px}
.problem-card,.service-card,.benefit,.audience-card{height:auto}
.service-card p{max-width:none}.audience-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.hero-grid{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)}
.hero-benefits{gap:14px}.hero-benefits span{white-space:normal}
.hero-visual{min-width:0}.hero-actions .button-large{font-size:14px}
.smart-way strong{font-size:18px}.smart-way p{color:#456476}
.faq-item summary{font-size:16px;min-height:52px}
.field label{font-size:14px}.field label small{font-size:13px;font-weight:500;color:#52647a}
.field input,.field select,.field textarea{font-size:16px;min-height:48px;background:#fff}
.field input::placeholder,.field textarea::placeholder{color:#62748a}
.field [aria-invalid=true]{border-color:#b42318;box-shadow:0 0 0 1px #b42318}
.field-error{font-size:14px;color:#b42318;line-height:1.5}
.form-note,.form-head p,.form-feedback{font-size:14px;color:#52647a;line-height:1.65}
.form-note a{text-decoration:underline}.form-head p{margin-top:10px}
.contact-form fieldset{border:0;padding:0;margin:0;min-width:0}
.contact-form fieldset:disabled{opacity:.65}.button:disabled{cursor:not-allowed;transform:none;box-shadow:none}
.availability-note{padding:16px;border:1px solid #c4d6eb;border-radius:8px;background:#eff5fc;color:#30465f;font-size:15px;line-height:1.6}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.contact-info small,.contact-side-note{color:#52647a}.footer-brand p,.footer-bottom{color:#a6b5c8}
.mobile-menu-button{min-width:44px;min-height:44px}.mobile-nav>a:not(.button){font-size:16px;min-height:48px}
.demo-tabs button{min-height:44px;font-size:14px;color:#52647a}
.pane-heading{height:auto;min-height:64px}.pane-heading strong{font-size:16px}.pane-heading>span:last-child{font-size:12px;color:#52647a}
.output-fields span,.output-items-title,.output-items-title span{font-size:13px;color:#52647a}
.output-fields strong{font-size:15px}.output-fields>div:nth-last-child(1) strong{font-size:19px}
.demo-output table{font-size:13px}.demo-output th{color:#52647a}.code-output{font-size:13px;max-height:600px}
.output-fields{gap:0 8px}.output-fields>div{min-width:0}.output-fields strong{overflow-wrap:anywhere}
.mobile-invoice-summary{display:none}
@media(max-width:1100px){.desktop-nav,.nav-cta{display:none}.mobile-menu-button{display:grid;place-items:center;margin-left:auto;background:#eff5ff;border:0;border-radius:8px;color:var(--blue)}.mobile-nav{display:flex;flex-direction:column;padding:12px 24px 24px;background:#fff;border-top:1px solid var(--line);box-shadow:0 20px 25px #0716331a}.mobile-nav>a:not(.button){padding:12px 0}.mobile-nav .button{margin-top:12px}}
@media(max-width:900px){.hero-grid{grid-template-columns:minmax(0,1fr)}.hero-visual{margin-top:40px}.audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
 .hero-visual{height:auto;margin:28px auto 24px;max-width:440px}
 .hero-visual>div:not(.mobile-invoice-summary){display:none}
 .mobile-invoice-summary{display:block;text-align:left;border:1px solid #d4e2f1;background:white;border-radius:14px;box-shadow:0 18px 40px #163b7012;overflow:hidden}
 .mobile-source{display:flex;align-items:center;gap:12px;padding:18px;background:#eef5ff;color:#2563eb}
 .mobile-source>div{display:flex;flex-direction:column;gap:4px;flex:1}.mobile-source strong{font-size:16px;color:#14213a}.mobile-source span{font-size:14px;color:#52647a}
 .mobile-extracted{padding:20px}.mobile-extracted dl{margin:14px 0 20px}.mobile-extracted dl>div{padding:12px 0;border-bottom:1px solid #e3eaf3}.mobile-extracted dt{font-size:14px;color:#52647a}.mobile-extracted dd{font-size:17px;font-weight:800;margin:5px 0 0;overflow-wrap:anywhere}.mobile-extracted dl>div:last-child dd{color:#2563eb;font-size:22px}.mobile-extracted p{font-size:12px;color:#52647a;margin-bottom:0}
 .hero h1{font-size:clamp(2rem,9.8vw,3rem)}.eyebrow{font-size:10px}.hero-benefits{display:grid;text-align:left}.hero-lead{font-size:16px}.hero-foot{font-size:8px;letter-spacing:0}
 .audience-grid{grid-template-columns:1fr}.step{padding-left:0;padding-top:104px}.step-icon{left:0}.step-index{left:40px}.steps-connector{display:none}.step p{max-width:none}
 .demo-tabs{gap:0}.demo-tabs button{font-size:13px;padding-inline:9px;flex:1}.output-fields{grid-template-columns:1fr}.demo-bottom{font-size:13px}.demo-bottom>span:first-child{align-items:flex-start}.demo-bottom svg{flex-shrink:0}
 .demo-source .invoice-paper{min-width:0;font-size:11px;padding:18px 12px}.demo-source .invoice-topline{flex-direction:column}.demo-source .invoice-details{margin-top:8px}.demo-source .invoice-row-head{font-size:9px}.demo-source .invoice-topline strong{font-size:12px}.demo-source .invoice-label{font-size:10px}.demo-source .invoice-paper-foot{font-size:11px}.demo-source .invoice-totals{width:65%}
 .demo-source .invoice-word{font-size:13px}.pane-heading>span:last-child{margin-left:0}.form-card{padding:24px 18px}.form-row{grid-template-columns:1fr}.contact-info a:not(.contact-site){font-size:14px}.footer-main{grid-template-columns:1fr}.footer-brand{grid-column:auto}
}

.direct-email-options{max-width:100%}
.direct-email-options summary{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;color:var(--navy);font-size:15px;font-weight:800;overflow-wrap:anywhere;list-style:none}
.direct-email-options summary::-webkit-details-marker{display:none}
.direct-email-options summary svg{color:var(--blue);flex:none}
.direct-email-options summary svg:last-child{transition:transform .2s}
.direct-email-options[open] summary svg:last-child{transform:rotate(180deg)}
.direct-email-options summary:focus-visible,.direct-email-menu a:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:3px}
.direct-email-menu{margin-top:8px;padding:15px 18px;background:#fff;border:1px solid #d6e4f1;border-radius:10px;box-shadow:0 12px 30px #12335412}
.direct-email-menu p{margin:0 0 10px;color:#52647a;font-size:12px;line-height:1.6}
.contact-info .direct-email-menu a:not(.contact-site){font-size:13px;font-weight:700;padding:9px 0;color:var(--blue)}
.direct-email-menu p:last-child{margin:11px 0 0}