:root{--ink:#172331;--muted:#46525f;--blue:#0879bf;--navy:#073e6f;--light:#f5f7f9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid #edf0f3}nav{max-width:1200px;margin:auto;min-height:86px;display:flex;align-items:center;justify-content:space-between;padding:16px 28px}.brand img{width:252px;display:block}nav>div{display:flex;align-items:center;gap:32px;font-size:14px}.nav-cta{padding:12px 19px;border-radius:24px;background:var(--ink);color:white}.hero{text-align:center;padding:86px 24px 0;background:linear-gradient(#fff 55%,#f3f7fb)}.eyebrow{font-size:12px;font-weight:650;letter-spacing:2px;color:var(--blue);margin:0 0 22px}h1{font-size:clamp(48px,6.5vw,82px);line-height:1.06;letter-spacing:-4px;margin:0;font-weight:650}h1 span,.statement h2 span{background:linear-gradient(110deg,#073e6f,#079ec0);color:transparent;background-clip:text}p{line-height:1.65}.lead{font-size:21px;color:var(--muted);margin:26px 0}.actions{display:flex;align-items:center;justify-content:center;gap:28px}.button{border:0;background:var(--blue);color:white;border-radius:28px;padding:16px 25px;display:inline-flex;gap:26px;align-items:center;font:600 15px inherit;cursor:pointer;font-size:15px}.button:hover{background:#05659e}.text-link{color:var(--blue);font-size:16px}.audience{font-size:12px;color:var(--muted);margin:26px 0 48px}.preview{max-width:1070px;margin:auto;text-align:left;border:1px solid #dde6ee;border-bottom:0;border-radius:20px 20px 0 0;background:#fff;box-shadow:0 0 70px #0c619512;overflow:hidden}.window-top{padding:15px 22px;background:#f7f9fb;display:flex;justify-content:space-between;font-size:11px;color:#4d5966;border-bottom:1px solid #e8edf2}.dots{letter-spacing:4px;color:#c8d2db}.secure{color:#3c7b69}.workspace{display:grid;grid-template-columns:230px 1fr;min-height:350px}aside{padding:30px 24px;background:#fafbfc;border-right:1px solid #e8edf2}aside strong{font-size:17px;color:var(--navy)}aside strong span{font-weight:400}aside p{font-size:12px;margin:25px 0;color:var(--muted)}aside .active{background:#eaf3f9;color:#076da8;padding:11px 12px;border-radius:8px;margin-left:-12px}.aside-note{font-size:22px;line-height:1.2;color:#536170;margin-top:35px;letter-spacing:-.5px}.screen{padding:32px}.screen-heading{display:flex;justify-content:space-between;align-items:center}.screen .eyebrow{font-size:9px;margin-bottom:10px}.screen h3{margin:0;font-size:25px;letter-spacing:-.6px}.badge{font-size:9px;border-radius:15px;background:#f1f4f7;color:#4d5966;padding:7px 10px}.stages{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}.stages>div{padding:20px 15px;border:1px solid #e6ecf1;border-radius:12px}.stages span{display:block;color:var(--blue);font-size:12px;margin-bottom:16px}.stages strong{display:block;font-size:16px;margin-bottom:8px}.stages small{font-size:10px;color:var(--muted);line-height:1.5;display:block}.review-row{display:flex;gap:14px;align-items:center;background:#f1f7fa;padding:17px;border-radius:10px}.check{color:#24886d;background:#d9eee5;width:30px;height:30px;border-radius:50%;display:grid;place-items:center}.review-row strong{font-size:12px}.review-row p{font-size:10px;color:var(--muted);margin:4px 0 0}.row-arrow{margin-left:auto;color:var(--blue)}.section{max-width:1160px;margin:auto;padding:110px 28px}h2{font-size:clamp(36px,4.5vw,54px);line-height:1.09;letter-spacing:-2px;font-weight:600;margin:0 0 24px}.section-intro{max-width:520px;color:var(--muted);font-size:18px;margin-bottom:42px}.features{display:grid;grid-template-columns:1.25fr 1fr;gap:22px}.feature{background:var(--light);border-radius:22px;padding:40px;overflow:hidden}.number{font-size:11px;letter-spacing:1.5px;color:#4d5966}.feature h3{font-size:32px;line-height:1.12;letter-spacing:-1px;margin:28px 0 18px}.feature p{color:var(--muted);font-size:16px;max-width:390px}.blue{background:#eaf5fb}.csv-visual{margin:30px -40px -40px 0;background:white;border:1px solid #e4ebf0;border-radius:13px 0 0 0;padding:20px 22px}.csv-visual>div{display:grid;grid-template-columns:1.2fr 1fr 1fr;border-bottom:1px solid #edf0f3;padding:12px 0;font-size:11px;gap:12px}.csv-visual>div:first-child{font-size:10px;color:var(--muted)}.csv-visual strong{font-weight:500}.csv-visual small{font-size:9px;color:#536170;display:block;padding-top:12px}.date-visual{width:160px;margin:28px auto 0;background:white;border-radius:20px;padding:24px;text-align:center;box-shadow:0 20px 40px #077cad14}.date-visual span{display:block;font-size:9px;letter-spacing:1.5px;color:var(--blue)}.date-visual strong{font-size:72px;line-height:1.3;font-weight:550;letter-spacing:-3px}.security{display:grid;grid-template-columns:1.15fr 1fr;gap:95px;border-top:1px solid #e9edf1}.security p:not(.eyebrow),.contact p:not(.eyebrow){color:var(--muted);font-size:17px;max-width:460px;margin-bottom:26px}.security-list{align-self:center}.security-list>div{display:flex;align-items:center;gap:25px;border-bottom:1px solid #e6ebef;padding:28px 0}.security-list span{color:#0996b8;font-size:12px}.security-list strong{font-size:18px;font-weight:500}.statement{padding:105px 24px;background:#092e4e;text-align:center;color:white}.statement .eyebrow{color:#86d5e9}.statement h2{font-size:clamp(40px,5vw,66px);letter-spacing:-2.5px}.statement h2 span{color:#8bd7ec;background:none}.statement>p:last-child{max-width:610px;color:#bfcedb;font-size:18px;margin:25px auto 0}.contact{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;padding-top:120px;padding-bottom:110px}.email{color:var(--blue);font-size:16px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:13px;font-weight:550;margin-bottom:22px}input,textarea{display:block;width:100%;padding:14px 15px;border:1px solid #dce2e7;border-radius:9px;background:#fbfcfd;margin-top:10px;color:var(--ink);font:16px inherit;font-family:inherit;font-size:16px}textarea{resize:vertical}textarea::placeholder{font-size:14px;line-height:1.5;color:#536170}input:focus,textarea:focus{outline:2px solid #0a83bd;outline-offset:2px}.contact .form-note{font-size:12px!important;line-height:1.6;margin:0 0 20px!important}#form-status{font-size:13px}.contact .button{font-family:inherit}footer{border-top:1px solid #e9edf1;max-width:1160px;padding:32px 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}footer img{width:220px}footer p{font-size:11px;line-height:1.7;color:var(--muted)}footer a{font-size:12px;color:var(--blue)}a:focus-visible,button:focus-visible{outline:3px solid #0982bf;outline-offset:5px}@media(max-width:800px){nav{min-height:74px;padding:16px 20px}.brand img{width:200px}nav>div{gap:14px}nav>div>a:not(.nav-cta){display:none}.nav-cta{font-size:12px;padding:10px 15px}.hero{padding-top:65px}h1{letter-spacing:-2.5px}.lead{font-size:18px}.desktop{display:none}.workspace{grid-template-columns:1fr}aside{display:none}.screen{padding:24px}.window-top{font-size:9px}.secure{display:none}.screen-heading{gap:10px}.screen h3{font-size:22px}.badge{font-size:8px}.stages{gap:8px}.stages>div{padding:15px 10px}.section{padding:75px 24px}.features{grid-template-columns:1fr}.feature{padding:32px}.csv-visual{margin:25px -32px -32px 0}.security,.contact{grid-template-columns:1fr;gap:30px}.security-list>div{padding:22px 0}.statement{padding:80px 24px}.statement .eyebrow{font-size:10px;line-height:1.8}.contact{gap:35px}.email{font-size:15px}footer{flex-wrap:wrap;padding:28px 24px;gap:15px}footer img{width:190px}footer p{width:100%;order:3}}@media(max-width:420px){.brand img{width:170px}.hero{padding-left:16px;padding-right:16px}h1{font-size:46px}.actions{gap:18px}.text-link{font-size:14px}.form-pair{grid-template-columns:1fr;gap:0}.screen{padding:18px}.screen-heading{flex-wrap:wrap}.stages small{font-size:9px}.stages strong{font-size:14px}.csv-visual>div{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Clear product introduction and uncropped brand artwork. */
.brand img{width:310px;height:auto;object-fit:contain}footer img{width:250px;height:auto;object-fit:contain}.hero h1{max-width:1080px;margin:0 auto;font-size:clamp(46px,6.2vw,78px);letter-spacing:-3px}.developed-by{font-size:20px;margin:20px 0 30px;color:var(--muted)}.hero .lead{max-width:790px;margin:0 auto 20px;font-size:24px;line-height:1.5;color:var(--ink)}.hero-description{max-width:790px;margin:0 auto 30px;color:var(--muted);font-size:18px;line-height:1.7}@media(max-width:800px){.brand img{width:240px}.hero h1{letter-spacing:-2px}.hero .lead{font-size:21px}.hero-description{font-size:16px}.developed-by{font-size:17px}}@media(max-width:420px){.brand img{width:190px}.hero h1{font-size:45px;letter-spacing:-1.8px}.hero .lead{font-size:19px}}

.brand{flex:0 0 auto}.brand img{display:block;max-width:100%}nav>div{flex:0 0 auto}

/* Product tour and requested hero refinements. */
.hero{padding-top:48px;padding-bottom:34px}.audience{font-size:17px;font-weight:700;color:var(--ink);margin:28px 0 12px}.product-tour{padding-top:80px;padding-bottom:55px}.tour-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0}.tour-tabs button{font:500 14px -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#f2f5f7;border:1px solid #e2e8ed;color:#46525f;border-radius:22px;padding:12px 17px;cursor:pointer}.tour-tabs button[aria-selected=true]{background:var(--navy);color:white;border-color:var(--navy)}.tour-tabs button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.tour-panel{margin:0}.tour-panel[hidden]{display:none}.tour-panel figcaption{padding:15px 0 24px;max-width:810px}.tour-panel h3{font-size:29px;letter-spacing:-.7px;margin:0 0 12px}.tour-panel figcaption p{font-size:17px;color:var(--muted);margin:0}.screenshot-frame{border:1px solid #dee5eb;border-radius:18px;overflow:hidden;box-shadow:0 20px 60px #17384f0d;background:#f3f4f7}.screenshot-header{display:flex;align-items:center;justify-content:space-between;padding:10px 25px;background:white;gap:20px}.screenshot-header>img{width:260px;height:auto;display:block}.screenshot-header>span{font-size:11px;color:#46525f;letter-spacing:.7px}.screenshot-content{overflow:hidden}.screenshot-content>img{display:block;width:100%;height:auto}.tour-note{font-size:12px;color:var(--muted);margin-top:18px}@media(max-width:800px){.hero{padding-top:32px}.audience{font-size:16px}.product-tour{padding-top:55px}.tour-tabs{gap:7px}.tour-tabs button{font-size:12px;padding:10px 12px}.screenshot-header{padding:7px 12px}.screenshot-header>img{width:190px}.screenshot-header>span{font-size:8px;letter-spacing:0}.tour-panel h3{font-size:25px}.tour-panel figcaption p{font-size:16px}}@media(max-width:420px){.screenshot-header>img{width:160px}.screenshot-header>span{max-width:100px;font-size:8px}.audience{font-size:16px}}

.screenshot-content>img{filter:url(#cdb-screenshot-colours)}
.tour-tabs{scroll-margin-top:110px;margin-bottom:14px}.tour-panel figcaption{padding:8px 0 16px;max-width:100%}.tour-panel h3{font-size:24px;margin-bottom:6px}.tour-panel figcaption p{font-size:14px;line-height:1.5}.screenshot-frame{--screen-space:calc(100dvh - 330px);width:min(100%,calc(var(--screen-space)*var(--screen-ratio)));margin:0 auto;cursor:zoom-in}.screenshot-header{padding:4px 12px;height:46px}.screenshot-header>img{width:180px;max-height:42px;object-fit:contain}.screenshot-header>span{font-size:9px}.screenshot-frame:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.tour-note{text-align:center;margin-top:10px}
#screenshot-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;padding:58px 18px 18px;background:#f4f7fa;margin:0}#screenshot-dialog::backdrop{background:#102b48ba}.dialog-close{position:absolute;top:12px;right:20px;background:var(--navy);color:white;border:0;border-radius:22px;padding:10px 20px;font:500 14px -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;cursor:pointer}#enlarged-screen .screenshot-frame{--screen-space:calc(100dvh - 128px);cursor:default}body:has(#screenshot-dialog[open]){overflow:hidden}@media(max-width:800px){.tour-tabs{scroll-margin-top:95px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;white-space:nowrap}.tour-tabs button{flex:0 0 auto}.screenshot-header>img{width:145px}.tour-panel h3{font-size:21px}.tour-panel figcaption p{font-size:13px}.screenshot-header>span{font-size:8px}}

.branding{padding-top:70px;padding-bottom:75px}.branding>p:last-child{max-width:790px;font-size:19px;line-height:1.7;color:var(--muted)}