/* VeldBytes product engineering studio direction */
:root{--paper:#f5f7fa;--ink:#132237;--muted:#586578;--line:#dce2eb;--orange:#ff734d;--white:#fff;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
body{background:linear-gradient(#101b2b 0 820px,#f5f7fa 820px);font-family:var(--font)}
.wrap{max-width:1280px;width:calc(100% - 96px)}
.site-header{height:100px;color:#f5f8ff;border-bottom:1px solid #ffffff20}.site-header .wordmark{letter-spacing:-1.5px}.site-header .logo{background:#ff734d;color:#101b2b;border-radius:10px}.site-header nav{color:#bcc9da}.site-header .nav-cta{background:#f5f8ff;color:#152337;border-radius:7px}.wordmark-dot{color:#ff734d}
.hero{position:relative;isolation:isolate;min-height:720px;padding-top:65px;grid-template-columns:1.05fr 1fr;gap:40px;color:#f5f8ff}.hero:before{content:"";position:absolute;z-index:-1;inset:0 calc((1280px - 100vw)/2);background:#101b2b}.hero h1{font-size:clamp(54px,6vw,82px);font-weight:650;letter-spacing:-4.5px;line-height:1.04;max-width:660px}.hero-accent{color:#ff8867}.hero .eyebrow{color:#aebdd0;font-size:10px;letter-spacing:1.8px}.orange-line{background:#ff734d}.hero-intro{font-size:17px;color:#b6c3d5;line-height:1.8;max-width:500px}.button{border-radius:7px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-orange{background:#ff734d;color:#131c29;font-weight:650;box-shadow:0 6px 24px #ff734d20}.hero-actions{gap:25px}.hero-actions .text-link{color:#e6edf7;font-size:13px}.hero-note{color:#aebdd0;border-color:#ffffff20;font-size:11px}.hero-note strong{color:#d7e2f0;font-weight:400}.hero-bottom{border-color:#ffffff20;color:#899cb7;padding-bottom:25px}.hero-bottom a{color:#c1ccdb}
.work-preview{position:relative;isolation:isolate;align-self:center;background:linear-gradient(145deg,#243d56,#15263b 60%);border:1px solid #48617b;border-radius:22px;padding:22px 25px 20px;box-shadow:0 35px 80px #0005;overflow:hidden;transform:rotate(-2deg)}.work-preview-top{position:relative;z-index:2;margin-bottom:25px;color:#d9e6f8}.work-preview-top>span{color:#b3ddc8;font-size:8px;border:1px solid #9bc9af55;background:#90c8a711;border-radius:20px;padding:6px 9px}.work-preview-top>span:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#a8e5bd;margin-right:6px}.work-preview-top a{font-size:11px}.preview-label{position:relative;z-index:2;margin-bottom:22px}.preview-label>span{font:8px var(--mono);letter-spacing:2px;color:#91a7c2}.preview-label strong{display:block;font-size:30px;letter-spacing:-1px;margin:8px 0}.preview-label small{font-size:11px;color:#acbed4}.preview-orbit{position:absolute;width:460px;height:460px;border:1px solid #81a8d333;border-radius:50%;left:40px;top:130px;z-index:-1;box-shadow:0 0 0 55px #81a8d30b,0 0 0 110px #81a8d309}.screen-pair{max-height:305px;gap:24px;transform:rotate(5deg);margin:0 6px}.screen-pair img{width:43%;border:5px solid #0b1422;border-radius:22px;box-shadow:0 20px 40px #0007}.screen-pair img:nth-child(2){margin-top:30px}.work-preview figcaption{position:relative;color:#a8bad0;font-size:9px;padding-top:20px}.discipline-strip{position:relative;background:#192b42;color:#dbe6f4;border-top:1px solid #ffffff15;border-bottom:0}.discipline-strip i{color:#ff8867}.discipline-strip .wrap{padding:27px 0;font-size:14px}
.section{padding-top:95px;padding-bottom:95px}.section-heading h2{font-size:48px;letter-spacing:-2px;line-height:1.08}.section-heading>.eyebrow,.eyebrow{letter-spacing:1.7px}.section-heading>p{font-size:15px;line-height:1.8}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid #dce2eb;border-radius:16px;overflow:hidden;background:#fff}.service-card{display:flex;padding:30px;gap:0;border:0;border-right:1px solid #e2e7ef;border-bottom:1px solid #e2e7ef;transition:background .2s}.service-card:nth-child(3n){border-right:0}.service-card:nth-child(n+4){border-bottom:0}.service-card:hover{background:#edf3fa}.capability-mark{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;color:#e56341}.capability-mark svg{width:30px;height:30px}.capability-mark span{font:10px var(--mono);color:#8593a5}.service-card h3{font-size:21px;line-height:1.25;min-height:52px;margin-bottom:15px}.service-card>p{font-size:13px;line-height:1.8;margin-bottom:25px}.service-card .service-link{margin-top:auto;font-size:12px;color:#244b76;display:flex;justify-content:space-between;width:100%}
.products-section{background:#e8eef5}.kelly-case{border:1px solid #d1dbe8;background:#fff;border-radius:20px;padding:45px;gap:55px;box-shadow:0 25px 50px #1b37500a}.case-logo{width:76px;height:76px;background:#eaf0e4;border-radius:18px;padding:8px}.kelly-case h3{font-size:46px}.kelly-case-copy>p,.kelly-case dd{color:#576577}.kelly-case-copy .case-lead{color:#16283e}.case-screens{background:radial-gradient(ellipse at center,#cee0ed,#eaf0f6);border-radius:16px;padding:24px;gap:18px;transform:rotate(1deg)}.case-screens img{border:4px solid #17283d;box-shadow:0 15px 25px #17283d22;border-radius:18px}.case-screens figure:nth-child(2){padding-top:30px}.case-screens figcaption,.screen-note{color:#526579}.pipeline-heading{margin-top:50px;border-color:#c8d5e4}.pipeline-heading p{color:#586578}.pipeline-grid{gap:24px}.pipeline-grid article,.pipeline-grid article+article{padding:30px;border:1px solid #ccd9e7;border-radius:12px;background:#f5f8fc;position:relative;overflow:hidden}.pipeline-grid article:after{content:"↗";position:absolute;right:22px;top:18px;color:#c3d3e3;font-size:45px}.pipeline-grid article>p:not(.eyebrow){color:#586578}.pipeline-grid .eyebrow{color:#4c6c8e}
.fintech-section{gap:65px;align-items:center}.fintech-intro h2{font-size:48px;letter-spacing:-2px}.fintech-details{background:#14243a;color:#eef4fc;padding:32px;border:1px solid #2e4969;border-radius:18px;box-shadow:0 24px 45px #14243a18}.integration-flow{gap:5px;background:linear-gradient(90deg,transparent 49.8%,#5b789c 50%,transparent 50.2%);padding:12px 0}.integration-flow span{border:1px solid #456284;background:#1d3552;color:#dfeafa;border-radius:9px;padding:17px;font-size:13px}.integration-flow span:nth-of-type(2){background:#ff734d;color:#142238;border-color:#ff916f;font-weight:650;box-shadow:0 0 25px #ff734d22}.integration-flow b{color:#91abc9;background:#14243a;padding:0 8px}.fintech-details .flow-caption{color:#9db2cd}.fintech-details li{border-color:#34485f}.fintech-details li span,.fintech-details>p{color:#afc1d7}.fintech-details h3{font-size:22px}
#process{border-top:1px solid #dce2eb}.process-grid{gap:35px}.step{border-top:2px solid #ccd8e5;color:#466481}.step i{color:#df613f}.process-grid article:first-child .step{border-color:#ee7957}.process-grid h3{font-size:23px}.faq-section h2{font-size:44px;letter-spacing:-2px}.contact-section{background:#14243a;color:#f1f6ff;position:relative;overflow:hidden}.contact-section:after{content:"";position:absolute;right:-100px;top:-150px;width:600px;height:600px;border:1px solid #496584;border-radius:50%;box-shadow:0 0 0 80px #49658418,0 0 0 160px #4965840c;pointer-events:none}.contact-inner{position:relative;z-index:1}.contact-inner h2{font-size:80px;letter-spacing:-4px}.contact-inner h2 span{color:#ff8867}.contact-inner>.eyebrow,.contact-inner>p:not(.eyebrow),.direct-email{color:#b5c6dc}.contact-arrow{background:#ff734d;color:#132237;border:0}.contact-link{color:#f3f7ff}footer{background:#f5f7fa}.menu-toggle span{background:#e0e9f6}
@media(min-width:1376px){.hero:before{inset:0 calc((1280px - 100vw)/2)}}
@media(max-width:1375px){.hero:before{inset:0 -48px}}
@media(max-width:1000px){.hero h1{font-size:59px;letter-spacing:-3px}.hero{gap:30px}.hero-actions{flex-direction:column;align-items:flex-start}.service-card{padding:24px}.section-heading h2,.fintech-intro h2{font-size:40px}.kelly-case{padding:30px;gap:30px}.case-screens{padding:18px}.fintech-section{gap:30px}}
@media(max-width:900px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card:nth-child(3n){border-right:1px solid #e2e7ef}.service-card:nth-child(2n){border-right:0}.service-card:nth-child(4){border-bottom:1px solid #e2e7ef}.kelly-case{grid-template-columns:1fr}.hero h1{font-size:50px}.hero .eyebrow{font-size:8px}.hero-intro{font-size:15px}.work-preview{padding:20px}.preview-label strong{font-size:25px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.site-header{height:80px}.site-header nav{background:#192b42;color:#f0f5fd;border-color:#405570}.hero{padding-top:45px;min-height:0}.hero:before{inset:0 -20px}.hero h1{font-size:clamp(48px,11.6vw,72px);letter-spacing:-2.8px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero-intro{font-size:15px}.hero-actions{flex-direction:row;gap:20px}.hero-note{margin-top:26px}.work-preview{margin:44px 5px 12px;transform:rotate(-2deg);padding:23px}.screen-pair{max-height:315px}.preview-label strong{font-size:30px}.hero-bottom{margin-top:35px}.discipline-strip .wrap{font-size:11px;gap:18px 10px}.discipline-strip span:before{color:#ff8867}.section{padding:65px 0}.section-heading h2,.fintech-intro h2{font-size:38px;letter-spacing:-1.8px}.service-grid{grid-template-columns:1fr}.service-card{padding:27px;display:flex;border-right:0!important;border-bottom:1px solid #e2e7ef!important}.service-card:last-child{border-bottom:0!important}.capability-mark{margin-bottom:20px}.service-card h3{min-height:0;font-size:23px}.service-card>p{font-size:14px}.service-card .service-link{margin-top:10px}.kelly-case{padding:25px 20px;border-radius:14px}.kelly-case h3{font-size:37px}.case-screens{padding:13px;gap:12px;transform:none}.case-screens img{border-width:3px;border-radius:13px}.case-screens figcaption{font-size:9px}.screen-note{font-size:9px}.pipeline-heading{margin-top:32px}.pipeline-grid{grid-template-columns:1fr;gap:16px}.pipeline-grid article,.pipeline-grid article+article{padding:25px}.fintech-details{padding:25px}.process-grid{gap:24px}.process-grid h3{font-size:20px}.faq-section h2{font-size:37px}.contact-inner h2{font-size:62px;letter-spacing:-3px}.contact-section:after{right:-400px}.footer-top nav{gap:22px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover{transform:none}}

/* Compact product portfolio, with status shown once. */
.kelly-case{grid-template-columns:1.1fr .9fr;gap:55px;padding:36px 40px;align-items:center}.case-identity{display:flex;align-items:center;gap:18px;margin-bottom:24px}.case-identity .case-logo{width:64px;height:64px;margin:0;flex-shrink:0;border-radius:15px}.case-identity .eyebrow{font-size:9px;margin:0 0 8px;color:#5c7188}.case-identity h3{font-size:34px;letter-spacing:-1.3px;margin:0}.kelly-case-copy .case-lead{font-size:25px;line-height:1.35;max-width:440px;margin:0 0 18px}.kelly-case-copy>p{font-size:14px;line-height:1.8;max-width:460px}.product-scope{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 28px}.product-scope span{font-size:10px;color:#526b85;border:1px solid #dbe3ed;border-radius:5px;padding:7px 9px;background:#f6f9fc}.case-action{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.case-action .text-link{font-size:13px}.case-action .product-status{font-size:10px;padding:5px 10px}.case-screens{width:100%;max-width:390px;justify-self:end;padding:22px 22px 16px;gap:14px;transform:none}.case-screens img{border-width:3px;border-radius:16px}.case-screens figure:nth-child(2){padding-top:23px}.screen-note{font-size:9px;text-align:center}.pipeline-heading{margin-top:32px;padding-top:25px;margin-bottom:20px}.pipeline-heading h3{font-size:21px}.pipeline-grid article,.pipeline-grid article+article{padding:25px}.pipeline-grid h3{font-size:23px}.pipeline-grid .text-link{font-size:12px}
@media(max-width:900px){.kelly-case{grid-template-columns:1fr 1fr;gap:25px;padding:28px}.case-identity{gap:12px}.case-identity h3{font-size:28px}.case-identity .case-logo{width:52px;height:52px}.kelly-case-copy .case-lead{font-size:22px}.case-screens{padding:16px;gap:10px}.case-action{gap:15px}}
@media(max-width:700px){.kelly-case{grid-template-columns:1fr;padding:25px 22px;gap:28px}.case-identity{margin-bottom:20px}.case-identity h3{font-size:30px}.kelly-case-copy .case-lead{font-size:23px}.case-screens{max-width:300px;justify-self:center;margin:0;padding:18px;gap:12px}.product-scope{margin:20px 0 23px}.case-action{justify-content:space-between}.pipeline-heading{margin-top:28px}.pipeline-grid article,.pipeline-grid article+article{padding:23px}}

/* Product image composition: a clear primary screen and supporting view. */
.kelly-case{grid-template-columns:1fr 1fr;gap:35px}.case-screens{position:relative;display:block;isolation:isolate;max-width:460px;height:500px;padding:0 8px;background:none;border-radius:0;justify-self:center;overflow:visible}.case-screens:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:60px;bottom:48px;background:#e5eee5;border-radius:50% 50% 18px 18px}.gallery-heading{display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:1.4px;color:#657968;padding:0 10px 20px}.case-screens figure{position:absolute;width:180px;top:35px;left:35px;transform:rotate(-5deg);z-index:2}.case-screens figure:nth-of-type(2){width:151px;left:auto;right:25px;top:86px;transform:rotate(7deg);padding:0;z-index:1}.case-screens img{width:100%;border:4px solid #20322a;border-radius:21px;box-shadow:0 17px 24px #263c2925}.screen-note{position:absolute;left:0;right:0;bottom:0;text-align:center;line-height:1.6}.screen-note strong{display:block;font-size:12px;font-weight:550;color:#304c3a}.screen-note span{display:block;font-size:9px;color:#647269;margin-top:5px}
@media(min-width:901px){.case-screens figure{width:181px}.case-screens figure:nth-of-type(2){width:156px}}
@media(min-width:701px) and (max-width:900px){.case-screens{height:410px}.case-screens figure{width:145px;left:10px}.case-screens figure:nth-of-type(2){width:123px;right:0;top:78px}.screen-note span{font-size:8px}}
@media(max-width:700px){.kelly-case{grid-template-columns:1fr}.case-screens{max-width:300px;height:440px;margin-top:8px}.case-screens figure{width:155px;left:12px}.case-screens figure:nth-of-type(2){width:132px;right:4px;top:78px}.case-screens img{border-width:3px;border-radius:17px}.gallery-heading{font-size:7px;padding-left:0;padding-right:0}.screen-note span{font-size:8px}.case-screens:before{bottom:50px}}
