/* DataBees visual refinement. Original copy and assets are preserved. */
:root{--ink:#112c50;--muted:#596b81;--line:#dce4ef;--ease:cubic-bezier(.22,1,.36,1)}
body{background:#fcfdff}
.container{width:calc(100% - clamp(40px,7.5vw,144px))}
.header{height:88px;background:#ffffffed;border-bottom:1px solid #003e9212;box-shadow:0 4px 32px #081b3b04}
.brand img{width:160px}
nav{gap:30px;font-size:13px}
nav>a:not(.nav-contact){padding-block:12px}
nav>a.active:after{width:18px;height:2px;border-radius:0;bottom:3px}
nav .nav-contact{padding:9px 10px 9px 22px;border-radius:6px;gap:24px;min-height:48px}
.hero{isolation:isolate;background:#081b3b}
.hero-art{background-image:linear-gradient(90deg,#081b3b 0%,#081b3bf2 27%,#081b3b87 57%,#081b3b18 100%),url('assets/hero.jpg');background-position:center,right center;opacity:1}
.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#081b3b99,transparent 35%);z-index:1}
.hero-content{padding-block:clamp(84px,8vw,145px);position:relative}
.hero h1{font-size:clamp(52px,5.5vw,100px);letter-spacing:-.055em;line-height:1.045;font-weight:500;margin:0 0 32px;max-width:1100px}
.hero h1 em{color:var(--orange)}
.hero-content>p{font-size:15px;line-height:1.85;max-width:550px;color:#d0dbea;margin-bottom:36px}
.hero .actions{gap:14px}
.button{min-height:56px;padding:10px 12px 10px 24px;gap:34px;border-radius:6px;font-size:13px;transition:transform .35s var(--ease),box-shadow .35s,background .25s}
.button>span[aria-hidden],.nav-contact>span[aria-hidden]{width:34px;height:34px;display:grid;place-items:center;border-radius:3px;background:#ffffff17;flex-shrink:0;transition:background .25s,transform .35s var(--ease)}
.orange-button>span[aria-hidden]{background:#081b3b0d}
.button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #081b3b22}
.button:hover>span[aria-hidden],.nav-contact:hover>span[aria-hidden]{transform:translateX(2px);background:#ffffff30}
.ghost-button{background:#ffffff05;border-color:#ffffff50;backdrop-filter:blur(8px)}
.ui-arrow{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.technology-strip{padding-block:30px 38px;background:#fff}
.strip-label{font-size:10px;letter-spacing:2px}
.technology-marquee{margin-top:28px}
.technology-logo{height:54px}
.technology-logo img{max-width:136px;max-height:43px}
.marquee-toggle{height:34px;width:34px;transition:background .2s}
.marquee-toggle:hover{background:#edf3fa}
.section{padding-block:clamp(76px,8vw,145px)}
h2{font-size:clamp(36px,3.7vw,66px);letter-spacing:-.045em;line-height:1.1;font-weight:500;margin:22px 0 28px}
.eyebrow{font-size:10px;letter-spacing:2.2px}
.eyebrow>span{width:26px}
.about{grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,130px)}
.about-image{height:clamp(490px,39vw,680px);padding:0 20px 20px 0}
.about-image>img{border-radius:8px;filter:saturate(.8);object-position:center;box-shadow:0 20px 50px #081b3b0b}
.about-image:after{z-index:0;inset:45px 0 0 45px;border:1px solid #f0ceb6;background:#fa9f6710;border-radius:8px}
.about-image>img{position:relative;z-index:1}
.about-copy>p{font-size:15px;max-width:550px;line-height:1.9}
.muted-blue{color:#6a86ab}
.text-link{font-size:13px;gap:22px;min-height:44px}
.text-link>span[aria-hidden]{display:grid;place-items:center;width:32px;height:32px;border:1px solid #003e9225;border-radius:50%}
.stats{margin-top:36px;padding-top:28px;gap:28px}
.stats strong{font-size:clamp(48px,4vw,72px);letter-spacing:-.055em}
.stats p{font-size:12px;max-width:230px;line-height:1.65}
.services{background:#f1f5fa;border-block:1px solid var(--line)}
.section-heading{margin-bottom:48px}
.service-grid{gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}
.service-card{padding:34px;border-radius:8px;border-color:#dce5f0;overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s,border-color .3s}
.service-card:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.service-card:hover,.service-card:focus-within{transform:translateY(-6px);border-color:#a8bdd9;box-shadow:0 18px 42px #003e920b}
.service-card:hover:before,.service-card:focus-within:before{transform:scaleX(1)}
.card-top{margin-bottom:40px}
.card-icon{width:54px;height:54px;border-radius:12px;background:linear-gradient(135deg,#edf3fa,#fff);border:1px solid #dce6f2;box-shadow:0 3px 8px #003e9205}
.card-icon svg{height:27px;width:27px;stroke-width:1.5}
.card-number{font-size:11px;font-variant-numeric:tabular-nums;color:#7990ad}
.service-card h3{font-size:clamp(22px,1.65vw,29px);line-height:1.25;letter-spacing:-.035em;min-height:2.5em;max-width:340px;margin-bottom:20px}
.service-card>p{font-size:14px;line-height:1.85;margin-bottom:28px;max-width:480px}
.card-button{font-size:12px;min-height:58px;padding-top:18px}
.card-button span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);transition:background .25s,color .25s,transform .3s}
.card-button:hover span,.card-button:focus-visible span{background:var(--blue);border-color:var(--blue);color:#fff;transform:rotate(45deg)}
.services-bottom{margin-top:38px}
.approach{background:radial-gradient(ellipse at 90% 110%,#003e9260,transparent 65%),#081b3b}
.approach-inner{grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,150px);align-items:center}
.approach h2{font-size:clamp(36px,3.7vw,66px);margin-top:0}
.partner-logos{margin-top:32px;padding:25px;gap:24px;background:#fff;border-radius:6px;max-width:580px}
.partner-logos img{width:calc((100% - 48px)/3);height:38px}
.approach-copy{padding:0 0 0 36px;border-left:1px solid #ffffff26}
.approach-copy>p{font-size:clamp(20px,1.95vw,32px);letter-spacing:-.025em;line-height:1.55;margin:0;color:#e3eaf4}
.outline-symbol{right:0;color:#ffffff03}
.contact-section{padding-block:68px;background:#f7eee7;border-color:#ecdccd}
.contact-inner{gap:60px}
.contact-inner h2{font-size:clamp(32px,3.5vw,58px);max-width:950px;margin-top:0}
.contact-inner p{font-size:14px;max-width:680px;line-height:1.85}
.testimonials{grid-template-columns:.9fr 1.1fr;gap:clamp(40px,7vw,125px)}
.testimonial-intro h2{font-size:clamp(35px,3.4vw,58px);max-width:650px}
.testimonial-intro>p{font-size:15px;max-width:480px;line-height:1.85}
.quote{background:#f0f4f9;padding:clamp(28px,3.6vw,64px);border:1px solid #dce5ef;border-top:3px solid var(--orange);border-radius:8px;min-height:460px}
.quote-mark{font-size:84px}
.quote blockquote{font-size:clamp(17px,1.55vw,25px);line-height:1.65;letter-spacing:-.025em;margin:18px 0 32px}
.quote figcaption strong{font-size:14px}
.quote figcaption span{font-size:12px}
.testimonial-controls{margin-top:25px}
.testimonial-dot{width:32px;height:32px}
#contact{background:var(--blue);position:relative;overflow:hidden;padding-block:clamp(72px,7vw,120px);border:0}
#contact:before{content:'';position:absolute;width:600px;height:600px;border:1px solid #ffffff10;border-radius:50%;right:-280px;top:-180px;box-shadow:0 0 0 80px #ffffff03,0 0 0 160px #ffffff02;pointer-events:none}
#contact .contact-inner{position:relative}
#contact h2{color:white;max-width:900px}
#contact p{color:#d2e0f2}
#contact .blue-button{background:var(--orange);color:var(--navy)}
#contact .blue-button>span[aria-hidden]{background:#081b3b0c}
#contact .email{color:white;font-size:15px}
.contact-action{min-width:240px}
footer{background:#fff;padding-top:70px}
.footer-top{gap:40px;padding-bottom:56px}
.footer-top h3{font-size:12px;text-transform:uppercase;letter-spacing:1.4px}
.footer-top p,.footer-top a:not(:has(img)){font-size:13px;line-height:1.8}
.footer-brand .social{margin-top:28px}
.footer-bottom{font-size:11px;padding-block:24px}
.footer-bottom>a{height:38px;width:38px;border:1px solid var(--line);border-radius:50%;align-items:center;justify-content:center}
dialog{padding:48px;border:1px solid #c8d7e9;border-radius:12px}
dialog[open]{animation:dialog-enter .25s var(--ease)}
.dialog-close{width:44px;height:44px;border-radius:50%;top:12px;right:12px;background:#f0f4f9;display:grid;place-items:center;line-height:1}
dialog h2{margin-top:24px}
dialog p{font-size:15px;line-height:1.8}
@keyframes dialog-enter{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(min-width:761px){.hero h1{animation:hero-enter .8s var(--ease) both}.hero-content>p{animation:hero-enter .8s .08s var(--ease) both}.hero .actions{animation:hero-enter .8s .16s var(--ease) both}}
@keyframes hero-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:1100px){nav{gap:16px}.about{gap:45px}.service-card{padding:26px}.service-card h3{font-size:23px}.approach-inner{gap:45px}.footer-top{gap:25px}}
@media(max-width:900px) and (min-width:761px){nav{gap:10px;font-size:12px}nav .nav-contact{margin-left:0;padding-left:12px;gap:8px}.nav-wrap .brand img{width:126px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .container{width:calc(100% - 40px)}.header{height:73px}.nav-wrap .brand img{width:140px}nav{padding:20px;gap:5px}nav>a:not(.nav-contact){padding:12px 14px}nav .nav-contact{padding:9px 12px 9px 16px}
 .hero-content{padding-block:76px 70px}.hero h1{font-size:clamp(39px,7.5vw,57px);letter-spacing:-.05em}.hero-art{background-image:linear-gradient(90deg,#081b3bf5,#081b3bc0),url('assets/hero.jpg');background-position:center,62% center}.hero-content>p{font-size:14px;line-height:1.85}.button{min-height:52px;padding-left:19px;gap:20px;font-size:12px}
 .section{padding-block:72px}.about{grid-template-columns:1fr;gap:40px}.about-image{height:400px;padding:0 14px 14px 0}.about-copy h2{max-width:550px}.about-copy>p{font-size:14px}.stats{gap:20px}.stats>div+div{padding-left:20px}.stats p{font-size:12px}
 .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.service-card{padding:24px}.card-top{margin-bottom:30px}.service-card h3{font-size:22px}.service-card>p{font-size:13px}.services-bottom{align-items:center}.section-heading{margin-bottom:32px}
 .approach-inner{grid-template-columns:1fr;gap:35px}.approach-copy{padding-left:24px}.approach-copy>p{font-size:22px}.partner-logos{padding:22px;gap:18px}.partner-logos img{width:calc((100% - 36px)/3)}
 .testimonials{grid-template-columns:1fr;gap:30px}.quote{min-height:0;padding:28px}.quote blockquote{font-size:19px}.testimonial-intro>p{font-size:14px}.contact-inner{gap:30px}.contact-inner h2{font-size:36px}.contact-section{padding-block:58px}.footer-top{grid-template-columns:1fr 1fr;gap:36px 24px}.footer-top p,.footer-top a:not(:has(img)){font-size:12px}dialog{padding:42px 25px 28px}
}
@media(max-width:540px){.service-grid{grid-template-columns:1fr}.service-card h3{min-height:0;max-width:none}.service-card{padding:28px}.about-image{height:340px}.card-top{margin-bottom:28px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div{min-width:0}.footer-top a{overflow-wrap:anywhere}.contact-inner h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}