:root{--blue:#1355B2;--blue-dark:#0D3F88;--blue-pale:#E5EFFD;--rose:#F5569B;--rose-dark:#C92E73;--rose-pale:#FDE8F1;--cloud:#F8FAFD;--ink:#17263D;--body:#43536A;--muted:#708097;--line:#E3E9F1;--white:#fff;--max:1200px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cloud)}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--rose);outline-offset:4px}.wrap{width:min(var(--max),calc(100% - 64px));margin-inline:auto}h1,h2,h3,p{margin-top:0}
    .topbar{height:74px;border-bottom:1px solid var(--line);background:rgba(248,250,253,.96)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;color:var(--blue-dark);font-size:23px;font-weight:800;letter-spacing:-.05em}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--blue);color:white;font-size:14px}.navlinks{display:flex;align-items:center;gap:30px;color:var(--body);font-size:13px;font-weight:650}.navlinks a:hover{color:var(--rose-dark)}.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 19px;border:0;border-radius:9px;background:var(--blue);color:white;font-size:13px;font-weight:750;transition:.18s ease}.button:hover{background:var(--blue-dark);transform:translateY(-1px)}.button.outline{border:1px solid #D9E3F0;background:white;color:var(--blue-dark)}.menu-toggle{display:none;border:0;background:transparent;color:var(--ink);font-size:23px;cursor:pointer}
    .eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.eyebrow:before{width:7px;height:7px;border-radius:50%;background:var(--rose);content:""}.crumb{margin-bottom:22px;color:var(--muted);font-size:11px}.crumb span{margin:0 7px;color:#AAB5C3}.section-head{max-width:760px;margin:0 auto 35px;text-align:center}.section-head h2{margin:12px 0;font-size:clamp(32px,4vw,46px);line-height:1.1;letter-spacing:-.06em}.section-head p{max-width:650px;margin:0 auto;color:var(--muted);font-size:14px;line-height:1.75}
    .hero{padding:54px 0 80px;background:white}.hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:48px}.hero-copy h1{max-width:560px;margin:16px 0;font-size:clamp(43px,5vw,64px);line-height:1.04;letter-spacing:-.065em}.hero-copy>p{max-width:520px;color:var(--body);font-size:16px;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.hero-preview{padding:12px;border:1px solid #E4EAF2;border-radius:17px;background:white;box-shadow:0 22px 54px rgba(23,38,61,.09)}.browser-bar{height:28px;display:flex;align-items:center;gap:6px;padding:0 8px 9px;color:var(--muted);font-size:9px}.browser-dot{width:7px;height:7px;border-radius:50%;background:#DCE4EF}.browser-url{flex:1;margin-left:7px;padding:5px 10px;border-radius:6px;background:var(--cloud);text-align:center}.hero-screen{min-height:382px;overflow:hidden;border:1px solid #E8EDF3;border-radius:10px;background:#FCFDFE}.screen-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border-bottom:1px solid #E8EDF3;background:white}.screen-head strong{font-size:11px}.screen-head small{color:var(--muted);font-size:8px}.hero-app{display:grid;grid-template-columns:104px 1fr;min-height:337px}.app-side{padding:15px 9px;border-right:1px solid #E8EDF3;background:#F8FAFD}.app-side b{display:block;margin:0 7px 12px;color:#98A5B7;font-size:7px;letter-spacing:.1em;text-transform:uppercase}.app-side span{display:block;margin-bottom:5px;padding:8px 7px;border-radius:5px;color:var(--muted);font-size:8px;font-weight:700}.app-side .active{background:var(--blue-pale);color:var(--blue-dark)}.hero-app-main{min-width:0;padding:15px}.app-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:11px}.app-heading strong{font-size:13px}.app-heading span{color:var(--muted);font-size:8px}.metric-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.metric{min-width:0;padding:11px;border:1px solid #E5EAF1;border-radius:7px;background:white}.metric span{display:block;margin-bottom:9px;color:var(--muted);font-size:7px}.metric strong{display:block;font-size:15px;letter-spacing:-.04em}.metric.rose strong{color:var(--rose-dark)}.hero-data{display:grid;grid-template-columns:1.1fr .9fr;gap:8px;margin-top:9px}.mini-panel{min-width:0;padding:10px;border:1px solid #E5EAF1;border-radius:7px;background:white}.mini-panel-head{display:flex;justify-content:space-between;gap:7px;margin-bottom:9px}.mini-panel-head strong{font-size:8px}.mini-panel-head span{color:var(--muted);font-size:7px}.source-bar{display:grid;grid-template-columns:60px 1fr 36px;align-items:center;gap:6px;margin:9px 0;color:var(--body);font-size:7px}.source-bar i{height:6px;border-radius:10px;background:#DBE8FA}.source-bar i:before{display:block;width:var(--fill);height:100%;border-radius:10px;background:var(--blue);content:""}.source-bar.rose i:before{background:var(--rose)}.source-bar b{text-align:right;font-size:7px}.invoice-tiny{padding:7px 0;border-top:1px solid #EFF2F6}.invoice-tiny:first-of-type{border-top:0}.invoice-tiny strong{display:block;font-size:8px}.invoice-tiny span{display:block;margin-top:3px;color:var(--muted);font-size:7px}.invoice-tiny em{float:right;color:var(--rose-dark);font-size:7px;font-style:normal;font-weight:800}.preview-caption{display:flex;justify-content:space-between;margin:8px 2px 0;color:var(--muted);font-size:8px}.preview-caption strong{color:var(--rose-dark)}
    .flow{padding:88px 0;background:var(--cloud)}.flow-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:55px}.flow-visual{padding:20px;border:1px solid #DFE8F3;border-radius:17px;background:#EAF2FD}.flow-window{overflow:hidden;border:1px solid #E0E7F1;border-radius:11px;background:white;box-shadow:0 14px 31px rgba(23,38,61,.07)}.flow-window-top{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid #E9EEF4}.flow-window-top strong{font-size:11px}.flow-window-top span{color:var(--muted);font-size:8px}.source-tabs{display:flex;gap:6px;padding:11px 14px 0}.source-tab{min-height:30px;padding:0 11px;border:1px solid #E4EAF2;border-radius:6px;background:white;color:var(--muted);font-size:9px;font-weight:750;cursor:pointer}.source-tab[aria-selected="true"]{border-color:#C8DBF6;background:var(--blue-pale);color:var(--blue-dark)}.source-panel{padding:13px 14px 17px}.source-panel[hidden]{display:none}.linked-record{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid #E5EBF3;border-radius:7px;background:#FBFCFE}.linked-record strong{display:block;font-size:9px}.linked-record small{display:block;margin-top:4px;color:var(--muted);font-size:8px}.linked-record>span{padding:5px 7px;border-radius:4px;background:var(--blue-pale);color:var(--blue-dark);font-size:7px;font-weight:800}.flow-connector{height:24px;margin-left:23px;border-left:1px dashed #A7BEDD}.invoice-record{padding:12px;border:1px solid #DCE5F0;border-radius:8px;background:white}.invoice-record-top{display:flex;justify-content:space-between;gap:8px;padding-bottom:10px;border-bottom:1px solid #EDF0F5}.invoice-record-top strong{font-size:11px}.invoice-record-top small{display:block;margin-top:3px;color:var(--muted);font-size:8px}.pill{align-self:flex-start;padding:5px 7px;border-radius:5px;background:var(--rose-pale);color:var(--rose-dark);font-size:7px;font-weight:800}.pill.paid{background:#E8F5F1;color:#258A7F}.invoice-record-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #EFF2F6;color:var(--muted);font-size:8px}.invoice-record-row strong{color:var(--ink);font-size:8px}.invoice-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.invoice-actions span{padding:6px 8px;border-radius:5px;background:var(--blue-pale);color:var(--blue-dark);font-size:7px;font-weight:750}.flow-caption{margin:9px 2px 0;color:var(--rose-dark);font-size:8px;font-weight:750}.flow-copy h2{margin:13px 0;font-size:clamp(33px,4vw,47px);line-height:1.1;letter-spacing:-.06em}.flow-copy>p{color:var(--muted);font-size:14px;line-height:1.75}.steps{margin-top:22px;border-top:1px solid #D9E4F0}.step{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid #D9E4F0}.step>span{color:var(--blue);font-size:10px;font-weight:800}.step strong{display:block;margin-bottom:4px;font-size:12px}.step p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}
    .highlights{padding:88px 0;background:white}.highlight-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.highlight-card{height:350px;display:flex;flex-direction:column;overflow:hidden;padding:23px 23px 0;border-radius:14px;background:#EDF4FD}.highlight-card:nth-child(1),.highlight-card:nth-child(4){grid-column:span 3}.highlight-card:nth-child(2),.highlight-card:nth-child(3){grid-column:span 2}.highlight-card:nth-child(2){background:#FCEDF4}.highlight-card:nth-child(3){background:#F2F5F9}.highlight-card:nth-child(4){background:#EDF3FC}.highlight-copy{min-height:145px;flex:none}.highlight-label{display:block;margin-bottom:11px;color:var(--blue);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.highlight-card:nth-child(2) .highlight-label,.highlight-card:nth-child(4) .highlight-label{color:var(--rose-dark)}.highlight-card h3{margin:0 0 8px;font-size:19px;line-height:1.27;letter-spacing:-.04em}.highlight-card p{max-width:560px;margin:0;color:var(--body);font-size:10px;line-height:1.6}.highlight-visual{flex:1;min-height:0;overflow:hidden;margin:0 -23px;padding:13px 18px 0;background:rgba(255,255,255,.43)}.highlight-ui{min-height:190px;padding:12px;border:1px solid #E0E8F2;border-bottom:0;border-radius:9px 9px 0 0;background:white;box-shadow:0 5px 16px rgba(23,38,61,.045)}.ui-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #EDF0F5}.ui-head strong{font-size:9px}.ui-head span{padding:4px 6px;border-radius:4px;background:var(--blue-pale);color:var(--blue-dark);font-size:7px;font-weight:750}.ui-row{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid #F0F2F6;color:var(--muted);font-size:8px}.ui-row:last-child{border:0}.ui-row strong{color:var(--ink);font-size:8px}.ui-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.ui-metrics div{padding:9px;border:1px solid #E8EDF3;border-radius:6px}.ui-metrics span{display:block;margin-bottom:5px;color:var(--muted);font-size:7px}.ui-metrics strong{font-size:11px}.ui-metrics div:last-child strong{color:var(--rose-dark)}.breakdown{display:grid;grid-template-columns:73px 1fr 30px;align-items:center;gap:7px;margin:11px 0;font-size:7px}.breakdown i{height:6px;border-radius:8px;background:#E9EEF5}.breakdown i:before{display:block;width:var(--fill);height:100%;border-radius:8px;background:var(--blue);content:""}.breakdown:nth-child(3) i:before{background:var(--rose)}.breakdown b{text-align:right}.doki-bubble{max-width:90%;padding:10px;border-radius:8px 8px 2px 8px;background:var(--blue-pale);color:var(--blue-dark);font-size:8px;font-weight:650;line-height:1.5}.doki-response{max-width:95%;margin:9px 0 0 auto;padding:10px;border:1px solid #E8EDF3;border-radius:8px 8px 8px 2px;color:var(--body);font-size:8px;line-height:1.5}.doki-response strong{display:block;margin-top:6px;color:var(--rose-dark)}
    .overview{padding:88px 0;background:var(--cloud)}.overview-head{max-width:770px;margin-bottom:30px}.overview-head h2{margin:13px 0;font-size:clamp(34px,4vw,47px);line-height:1.1;letter-spacing:-.06em}.overview-head p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}.overview-frame{padding:20px;border:1px solid #DEE8F4;border-radius:17px;background:#EAF2FD}.overview-window{overflow:hidden;border:1px solid #DDE6F2;border-radius:11px;background:white;box-shadow:0 14px 31px rgba(23,38,61,.06)}.overview-window-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;border-bottom:1px solid #E8EEF5}.overview-window-head strong{font-size:14px}.overview-window-head span{color:var(--muted);font-size:9px}.overview-inner{padding:18px}.overview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.overview-metric{padding:16px;border:1px solid #E5EBF3;border-radius:8px}.overview-metric span{display:block;margin-bottom:9px;color:var(--muted);font-size:9px}.overview-metric strong{font-size:23px;letter-spacing:-.04em}.overview-metric:last-child strong{color:var(--rose-dark)}.overview-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:10px;margin-top:10px}.overview-panel{min-width:0;padding:15px;border:1px solid #E5EBF3;border-radius:8px}.overview-panel h3{margin:0 0 13px;font-size:11px}.overview-compare{display:grid;gap:15px;margin-top:17px}.overview-compare-label{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:9px}.overview-compare-label span{color:var(--muted)}.overview-compare-label strong{color:var(--ink)}.overview-compare-track{height:8px;overflow:hidden;border-radius:8px;background:#e9f0f9}.overview-compare-track i{display:block;width:var(--share);height:100%;border-radius:8px;background:#1b5bb7}.overview-compare-row.costs .overview-compare-track i{background:#df70a0}.overview-compare-row.profit .overview-compare-track i{background:#7fa9e4}.overview-compare-note{margin:12px 0 0;color:var(--muted);font-size:8px}.overview-table{width:100%;border-collapse:collapse}.overview-table td{padding:9px 0;border-bottom:1px solid #EDF1F5;color:var(--muted);font-size:9px}.overview-table tr:last-child td{border:0}.overview-table td:last-child{color:var(--ink);font-weight:750;text-align:right}.overview-lower{display:grid;grid-template-columns:1.15fr .85fr;gap:10px;margin-top:10px}.overview-list{display:flex;justify-content:space-between;gap:9px;padding:8px 0;border-top:1px solid #EEF1F5;color:var(--muted);font-size:9px}.overview-list strong{color:var(--ink)}.overview-product{display:flex;align-items:center;gap:8px;min-width:0}.overview-product img{width:30px;height:30px;flex:none;object-fit:cover;border:1px solid #e3eaf3;border-radius:6px}.overview-product span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-note{margin:10px 3px 0;color:var(--muted);font-size:9px;line-height:1.6}
    .related{padding:78px 0;background:white}.related-intro{max-width:700px;margin-bottom:25px}.related-intro h2{margin:12px 0;font-size:36px;letter-spacing:-.055em}.related-intro p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.related-link{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:113px;padding:22px;border:1px solid #E3EAF3;border-radius:10px;background:white;transition:border-color .18s ease,transform .18s ease}.related-link:hover{border-color:#B7CBE8;transform:translateY(-2px)}.related-link small{display:block;margin-bottom:7px;color:var(--blue);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.related-link strong{font-size:16px;line-height:1.35}.related-link>span:last-child{color:var(--blue);font-size:21px}.closing{padding:0 0 80px;background:white}.closing-card{padding:44px 48px;border-radius:15px;background:var(--blue-dark);color:white}.closing-card .eyebrow{color:#D7E5FA}.closing-card h2{max-width:690px;margin:12px 0;font-size:39px;line-height:1.1;letter-spacing:-.055em}.closing-card p{max-width:610px;margin-bottom:20px;color:#D7E5FA;font-size:13px;line-height:1.7}.closing-card .button{background:white;color:var(--blue-dark)}.closing-card .button.outline{margin-left:7px;border-color:rgba(255,255,255,.35);background:transparent;color:white}footer{padding:23px 0;border-top:1px solid var(--line);background:white}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:10px}.footer-links{display:flex;gap:18px}
    @media(max-width:900px){.wrap{width:calc(100% - 44px)}.hero-grid,.flow-grid{grid-template-columns:1fr;gap:34px}.hero-copy,.flow-copy{max-width:720px}.hero-preview{max-width:820px}.flow-copy{grid-row:1}.highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.highlight-card:nth-child(n){grid-column:auto}.overview-grid,.overview-lower{grid-template-columns:1fr 1fr}}
    @media(max-width:620px){.wrap{width:calc(100% - 34px)}.topbar{height:64px}.brand{font-size:21px}.menu-toggle{display:block}.navlinks{display:none;position:absolute;z-index:5;top:63px;left:0;right:0;padding:12px 18px;border-bottom:1px solid var(--line);background:white;flex-direction:column;align-items:stretch;gap:0}.navlinks.open{display:flex}.navlinks a{padding:12px 3px;border-bottom:1px solid #F0F2F6}.nav>.button{display:none}.hero{padding:40px 0 56px}.hero-copy h1{font-size:42px}.hero-copy>p{font-size:14px}.hero-app{grid-template-columns:1fr}.app-side{display:none}.hero-screen{min-height:0}.hero-app-main{padding:12px}.metric-strip{gap:5px}.metric{padding:8px}.metric strong{font-size:12px}.hero-data{grid-template-columns:1fr}.section-head{text-align:left;margin-bottom:25px}.section-head h2{font-size:33px}.section-head p{font-size:12px}.flow,.highlights,.overview,.related{padding:64px 0}.flow-visual,.overview-frame{padding:10px}.flow-copy h2,.overview-head h2{font-size:33px}.highlight-grid{grid-template-columns:1fr;gap:11px}.highlight-card:nth-child(n){grid-column:auto;height:326px;padding:20px 20px 0}.highlight-copy{min-height:140px}.highlight-visual{margin-inline:-20px}.overview-inner{padding:10px}.overview-metrics{gap:5px}.overview-metric{padding:9px}.overview-metric span{font-size:7px}.overview-metric strong{font-size:16px}.overview-grid,.overview-lower{grid-template-columns:1fr}.related-intro h2{font-size:30px}.related-grid{grid-template-columns:1fr}.closing{padding-bottom:58px}.closing-card{padding:30px 21px}.closing-card h2{font-size:32px}.closing-card p{font-size:12px}.closing-card .button,.closing-card .button.outline{width:100%;margin:0 0 9px}.footer-row{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap;gap:13px}}
    @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}