/* DropSoft Technologies — global visual system */
:root{--ds-blue:#174f91;--ds-blue2:#0e3568;--ds-red:#b81931;--ds-ink:#142033;--ds-muted:#536173;--ds-bg:#f4f7fb;--ds-white:#fff;--ds-line:rgba(23,79,145,.14);--ds-shadow:0 24px 70px rgba(20,42,70,.14)}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ds-ink);background:var(--ds-bg);overflow-x:hidden}
/* ===== Slider Revolution hero background ===== */
.dropsoft-revslider{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.dropsoft-revslider .rev_slider_wrapper,.dropsoft-revslider .rev_slider{width:100%!important;height:100%!important}.dropsoft-revslider iframe,.dropsoft-revslider video{max-width:none}.hero-slider-overlay{display:none;position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(248,250,252,.92) 0%,rgba(248,250,252,.62) 42%,rgba(248,250,252,.18) 100%);pointer-events:none}.hero.has-revslider{background:#dfe8f2}.hero.has-revslider .hero-slider-overlay{display:block}.hero.has-revslider .hero-grid{z-index:2}.hero.has-revslider .circuit,.hero.has-revslider .hero-orb,.hero.has-revslider .hero-watermark{z-index:2}.hero.has-revslider .hero-content,.hero.has-revslider .dashboard-wrap{z-index:3}.hero.has-revslider .scroll-cue{z-index:4}
/* ===== Animated Circuit Tech Background ===== */
.tech-motion-background{position:fixed;inset:0;z-index:2;pointer-events:none;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 12% 18%,rgba(43,116,190,.10),transparent 27%),radial-gradient(circle at 88% 72%,rgba(213,52,48,.075),transparent 30%),linear-gradient(135deg,rgba(14,53,104,.025),transparent 45%,rgba(23,79,145,.035));}
.tech-motion-background:before{content:"";position:absolute;inset:-30%;background-image:linear-gradient(rgba(38,96,153,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(38,96,153,.045) 1px,transparent 1px);background-size:58px 58px;transform:translate3d(0,var(--tech-scroll,0),0);will-change:transform;background-position:0 0;animation:techGridFlow 14s linear infinite;}
.tech-motion-background:after{content:"";position:absolute;inset:-45%;background:linear-gradient(115deg,transparent 40%,rgba(68,151,224,.045) 47%,rgba(255,255,255,.12) 50%,rgba(210,43,60,.035) 53%,transparent 60%);transform:translate3d(var(--tech-beam,0),var(--tech-scroll-reverse,0),0) rotate(-8deg);will-change:transform;animation:techBeam 12s ease-in-out infinite;}
.tech-motif{position:absolute;display:block;width:clamp(90px,10vw,155px);height:clamp(90px,10vw,155px);background:url('../images/circuit-motion.png') center/contain no-repeat;opacity:.115;mix-blend-mode:multiply;filter:drop-shadow(0 0 8px rgba(43,116,190,.18)) drop-shadow(0 0 3px rgba(184,25,49,.12));will-change:transform,opacity;animation:techFloat 8s ease-in-out infinite,techPulse 4.8s ease-in-out infinite;}
.tech-motif:after{content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(48,130,211,.13),transparent 66%);filter:blur(10px);z-index:-1;animation:techGlow 5s ease-in-out infinite;}
.tech-motif-1{left:4%;top:8%;transform:rotate(-12deg) translateY(var(--tech-scroll,0));animation-delay:-2s}.tech-motif-2{right:7%;top:18%;transform:rotate(18deg) translateY(var(--tech-scroll-reverse,0));animation-delay:-6s}.tech-motif-3{left:17%;top:38%;transform:rotate(32deg) translateY(var(--tech-scroll,0));animation-delay:-4s}.tech-motif-4{right:18%;top:45%;transform:rotate(-25deg) translateY(var(--tech-scroll-reverse,0));animation-delay:-8s}.tech-motif-5{left:5%;top:68%;transform:rotate(8deg) translateY(var(--tech-scroll,0));animation-delay:-1s}.tech-motif-6{right:5%;top:78%;transform:rotate(-16deg) translateY(var(--tech-scroll-reverse,0));animation-delay:-5s}.tech-motif-7{left:42%;top:12%;width:clamp(55px,7vw,105px);height:clamp(55px,7vw,105px);opacity:.085;animation-delay:-7s}.tech-motif-8{left:47%;top:59%;width:clamp(70px,8vw,120px);height:clamp(70px,8vw,120px);opacity:.08;animation-delay:-3s}.tech-motif-9{right:34%;top:88%;width:clamp(60px,7vw,100px);height:clamp(60px,7vw,100px);opacity:.09;animation-delay:-9s}
.tech-motif-10{right:25%;top:5%;width:clamp(52px,6vw,90px);height:clamp(52px,6vw,90px);opacity:.075;animation-delay:-4s}.tech-motif-11{left:30%;top:76%;width:clamp(65px,7vw,105px);height:clamp(65px,7vw,105px);opacity:.07;animation-delay:-6s}.tech-motif-12{right:42%;top:32%;width:clamp(45px,5vw,80px);height:clamp(45px,5vw,80px);opacity:.07;animation-delay:-1s}
@keyframes techFloat{0%,100%{margin-top:0;rotate:0deg}25%{margin-top:-10px;rotate:1.5deg}50%{margin-top:-20px;rotate:0deg}75%{margin-top:-8px;rotate:-1.5deg}}
@keyframes techPulse{0%,100%{opacity:.075;filter:drop-shadow(0 0 7px rgba(43,116,190,.14)) drop-shadow(0 0 2px rgba(184,25,49,.08))}50%{opacity:.18;filter:drop-shadow(0 0 20px rgba(43,116,190,.34)) drop-shadow(0 0 9px rgba(184,25,49,.2))}}
@keyframes techGlow{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:.85;transform:scale(1.15)}}
@keyframes techGridFlow{from{background-position:0 0,0 0}to{background-position:58px 58px,-58px 58px}}
@keyframes techBeam{0%,100%{opacity:.2;transform:translate3d(-14%,var(--tech-scroll-reverse,0),0) rotate(-8deg)}50%{opacity:.65;transform:translate3d(14%,var(--tech-scroll-reverse,0),0) rotate(-8deg)}}
@media(max-width:780px){.tech-motif{opacity:.075}.tech-motion-background:before{background-size:44px 44px}.tech-motion-background:after{opacity:.45}}
@media(prefers-reduced-motion:reduce){.tech-motion-background:before,.tech-motion-background:after,.tech-motif,.tech-motif:after{animation:none}.tech-motion-background:before{transform:translate3d(0,0,0)}}
.dropsoft-slider{position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(135deg,#0e3568,#174f91);color:#fff;min-height:360px}.dropsoft-slide{min-height:360px;padding:clamp(32px,6vw,80px);display:grid;align-items:center;background:radial-gradient(circle at 85% 15%,rgba(255,255,255,.2),transparent 26%)}.dropsoft-slide__content{max-width:680px}.dropsoft-slide h2{font:800 clamp(36px,5vw,64px)/1.05 Manrope,Inter,sans-serif;margin:0 0 16px}.dropsoft-slide p:not(.eyebrow){font-size:18px;line-height:1.65;max-width:560px}.dropsoft-slider__controls{position:absolute;right:24px;bottom:24px;display:flex;gap:8px}.dropsoft-slider__controls button{width:42px;height:42px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:transparent;color:#fff;font-size:20px;cursor:pointer}.dropsoft-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.dropsoft-video-card{padding:0;overflow:hidden;text-align:left;border:1px solid var(--ds-line);border-radius:16px;background:#fff;cursor:pointer;color:var(--ds-ink);box-shadow:0 10px 30px rgba(20,32,51,.08)}.dropsoft-video-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.dropsoft-video-card strong{display:block;padding:16px}.dropsoft-play{position:absolute;margin:-55px 0 0 16px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--ds-red);color:#fff}.dropsoft-video-modal{width:min(900px,92vw);padding:0;border:0;background:#0b1420}.dropsoft-video-modal::backdrop{background:rgba(5,12,22,.78)}.dropsoft-video-modal iframe{display:block;width:100%;aspect-ratio:16/9;border:0}.dropsoft-video-close{position:absolute;right:-42px;top:0;width:32px;height:32px;border:0;border-radius:50%;font-size:23px;cursor:pointer}@media(max-width:780px){.dropsoft-video-grid{grid-template-columns:1fr}.dropsoft-video-close{right:4px;top:4px;z-index:1}}
main{position:relative;z-index:1}main>section,main>.section,main>.hero,main>.page-hero,main>.parallax-banner,main>.logo-strip,main>footer{position:relative;}
/* Let the circuit layer breathe through the page without reducing readability. */
.section, .hero, .page-hero, .logo-strip, .process-section, .industries, .feature-detail-section, .timeline-section, .contact-faq{background-color:rgba(255,255,255,.965)}
.capability-band, .resource-callout, .parallax-banner{background-color:rgba(8,18,31,.975)}
@media(prefers-reduced-motion:reduce){.tech-motion-background{display:none}.tech-motif{animation:none}}
a{color:inherit}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:10001}.scroll-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--ds-red),var(--ds-blue))}
.site-header{position:fixed;top:18px;left:50%;transform:translateX(-50%);width:min(92%,1180px);min-height:66px;padding:8px 20px 8px 24px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.8);box-shadow:0 10px 35px rgba(24,50,81,.16);border-radius:16px;z-index:9999}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ds-ink)}.brand .custom-logo-link{display:flex}.brand .custom-logo{width:44px;height:44px;object-fit:contain}.brand-mark{width:44px;height:44px;position:relative;border-radius:12px;background:linear-gradient(135deg,#0e1d30,#225b9d);display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 0 0 2px rgba(255,255,255,.2);flex:none}.brand-mark:before{content:"";position:absolute;width:34px;height:5px;background:var(--ds-red);transform:rotate(-45deg);left:-7px;bottom:4px}.brand-mark b{font-size:25px;color:#fff;z-index:1}.brand-mark i{font-style:normal;font-size:14px;color:#7cb4ef;margin-left:-8px;margin-top:17px;z-index:2}.brand strong{display:block;font-size:20px;line-height:19px;letter-spacing:-.7px}.brand small{display:block;font-size:7px;font-weight:700;letter-spacing:.5px;color:var(--ds-red);margin-top:3px}.nav{display:flex;align-items:center;gap:25px}.nav a{font-size:12px;font-weight:600;text-decoration:none;color:#1d2734;position:relative}.nav a:not(.nav-cta):after{content:"";position:absolute;left:0;bottom:-10px;width:0;height:2px;background:var(--ds-blue);transition:.3s}.nav a:hover:after{width:100%}.nav .current-menu-item>a{color:var(--ds-blue)}.nav-cta,.btn{border-radius:999px;background:var(--ds-blue);color:#fff!important;padding:13px 20px;box-shadow:0 9px 20px rgba(23,79,145,.25);transition:transform .25s,box-shadow .25s;text-decoration:none;display:inline-flex;align-items:center;gap:12px;border:0}.nav-cta:hover,.btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(23,79,145,.28)}.nav-cta:after{display:none!important}.menu-toggle{display:none;border:0;background:none;padding:8px}.menu-toggle span{display:block;width:25px;height:2px;background:var(--ds-ink);margin:5px}
.dropsoft-saved-layout--header,.elementor-location-header{position:fixed;top:0;left:0;width:100%;z-index:10000}.admin-bar .dropsoft-saved-layout--header,.admin-bar .elementor-location-header{top:32px}@media(max-width:782px){.admin-bar .dropsoft-saved-layout--header,.admin-bar .elementor-location-header{top:46px}}
.parallax-section{position:relative;overflow:hidden}.hero{min-height:100svh;padding:145px max(7vw,24px) 70px;display:flex;align-items:center;background:radial-gradient(circle at 73% 34%,rgba(87,150,217,.3),transparent 28%),linear-gradient(125deg,#f8fafc 0%,#e9eef5 46%,#cfd9e7 100%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(33,77,126,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(33,77,126,.04) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to right,black,transparent 90%)}.hero-content{width:min(52%,650px);position:relative;z-index:3}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--ds-blue);margin:0 0 14px}.hero h1,.page-hero h1{font-family:Manrope,Inter,sans-serif;font-size:clamp(44px,5.5vw,80px);line-height:1.03;letter-spacing:-3px;margin:0 0 22px;font-weight:800}.hero h1 span,.page-hero h1 span,h2 span{color:var(--ds-blue)}.hero-copy,.page-hero-inner>p:last-child{font-size:14px;line-height:1.75;color:#344052;max-width:600px}.hero-actions{display:flex;gap:14px;margin-top:27px}.btn-red{background:linear-gradient(135deg,#9e1126,var(--ds-red))}.hero-stats{display:flex;gap:26px;margin-top:45px}.hero-stats div{border-left:2px solid var(--ds-red);padding-left:11px}.hero-stats strong{display:block;font-size:14px;color:var(--ds-blue)}.hero-stats span{font-size:10px;color:var(--ds-muted)}
.dashboard-wrap{position:absolute;right:7vw;top:52%;transform:translateY(-42%);width:min(43vw,610px);z-index:3}.glow-ring{position:absolute;inset:-60px;border:1px solid rgba(23,79,145,.15);border-radius:50%;box-shadow:0 0 100px rgba(43,112,184,.18)}.dashboard{height:350px;background:rgba(247,250,253,.94);border:1px solid rgba(255,255,255,.9);border-radius:9px;display:flex;overflow:hidden;box-shadow:0 35px 70px rgba(15,39,72,.3);transform:perspective(1000px) rotateY(-8deg) rotateX(3deg) rotateZ(1deg)}.dashboard aside{width:56px;background:#112d52;padding:18px 14px}.dashboard aside b{color:#fff;font-size:11px}.dashboard aside i{display:block;width:27px;height:6px;border-radius:5px;background:rgba(255,255,255,.2);margin:24px 0}.dashboard aside i:first-of-type{background:#2e7ed2}.dash-main{padding:20px;flex:1}.dash-top{display:flex;justify-content:space-between;font-size:10px;margin-bottom:17px}.dash-top span{color:#25844d}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-card{background:#fff;border:1px solid #e3e8ef;border-radius:8px;padding:14px;min-height:100px;box-shadow:0 8px 20px rgba(20,40,65,.05)}.mini-card small{font-size:9px;color:#687586;display:block;margin-bottom:10px}.mini-card strong{font-size:24px}.wide{grid-column:1/2}.checklist p{font-size:9px;margin:8px 0;color:#465364}.progress{height:5px;background:#e9eef4;margin-top:18px;border-radius:4px}.progress i{display:block;height:100%;background:var(--ds-blue);border-radius:4px}.bars{height:46px;display:flex;align-items:end;gap:7px}.bars i{width:10px;background:linear-gradient(to top,#225b9d,#8ebce8);border-radius:4px 4px 0 0}.bars i:nth-child(1){height:30%}.bars i:nth-child(2){height:55%}.bars i:nth-child(3){height:40%}.bars i:nth-child(4){height:85%}.mini-card svg{width:100%;height:58px}.mini-card polyline{fill:none;stroke:var(--ds-blue);stroke-width:3}.scroll-cue{position:absolute;bottom:25px;left:7vw;display:flex;align-items:center;gap:10px;font-size:9px;font-weight:800;letter-spacing:1.5px;text-decoration:none;color:#5a6778}.scroll-cue span{width:26px;height:26px;border:1px solid #9aa8b9;border-radius:50%;position:relative}.scroll-cue span:after{content:"";position:absolute;width:5px;height:5px;border-right:1px solid var(--ds-blue);border-bottom:1px solid var(--ds-blue);transform:rotate(45deg);left:9px;top:8px}
.section{padding:120px max(7vw,24px);position:relative}.section-heading{max-width:720px;margin:0 auto 55px;text-align:center}.section-heading h2,.showcase h2,.cta-band h2,.about-copy h2,.contact-info h2{font-family:Manrope,Inter,sans-serif;font-size:clamp(34px,4vw,58px);line-height:1.05;letter-spacing:-2px;margin:0 0 16px}.section-heading>p:last-child{color:var(--ds-muted);font-size:14px}.card-grid{display:grid;gap:20px;max-width:1180px;margin:auto}.card-grid.three{grid-template-columns:repeat(3,1fr)}.solution-card,.feature-card,.resource-card{background:rgba(255,255,255,.8);border:1px solid var(--ds-line);border-radius:18px;padding:30px;box-shadow:0 18px 50px rgba(20,42,70,.07);transition:transform .35s,box-shadow .35s,border-color .35s}.solution-card:hover,.feature-card:hover,.resource-card:hover{box-shadow:0 25px 65px rgba(20,42,70,.13);border-color:rgba(23,79,145,.28)}.card-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#e9f1fa;color:var(--ds-blue);font-size:20px;margin-bottom:25px}.solution-card h3,.feature-card h3{margin:0 0 10px;font-size:19px}.solution-card p,.feature-card p,.resource-card p{font-size:13px;line-height:1.7;color:var(--ds-muted)}.solution-card a,.resource-card a,.service-row a,.text-link{display:inline-block;margin-top:15px;color:var(--ds-blue);font-weight:700;font-size:12px;text-decoration:none}
.dark-section{background:#0b1525;color:#fff;position:relative;overflow:hidden}.showcase{padding:125px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.showcase:before{content:"";position:absolute;width:650px;height:650px;border:1px solid rgba(99,160,225,.15);border-radius:50%;right:-220px;top:-100px}.showcase-copy{max-width:650px}.showcase .eyebrow{color:#73afe8}.showcase h2 span{color:#7eb9f0}.showcase-copy>p:not(.eyebrow){color:#aab7c9;line-height:1.8;font-size:14px}.text-link{color:#fff}.feature-stack{display:grid;gap:14px}.feature-panel{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:25px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);border-radius:16px}.feature-panel>span{font-family:Manrope;font-size:24px;color:#6ba7df}.feature-panel h3{margin:0 0 5px;font-size:16px}.feature-panel p{margin:0;color:#9dacbf;font-size:12px;line-height:1.6}
.cta-band{margin:0 7vw 100px;padding:50px 55px;border-radius:22px;background:linear-gradient(120deg,#e8eff8,#fff);border:1px solid var(--ds-line);display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-band h2{font-size:clamp(28px,3.2vw,45px);margin:0}.cta-band .eyebrow{margin-bottom:10px}
.page-hero{min-height:65vh;padding:190px 7vw 90px;display:flex;align-items:end;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 20%,rgba(73,140,211,.25),transparent 30%),linear-gradient(130deg,#f8fafc,#d9e2ee)}.page-hero-inner{position:relative;z-index:2;max-width:850px}.page-hero h1{font-size:clamp(48px,6vw,78px)}
.service-list{padding-top:80px;max-width:1180px;margin:auto}.service-row{display:grid;grid-template-columns:70px 80px 1fr;gap:20px;padding:55px 0;border-bottom:1px solid var(--ds-line);align-items:start}.service-row:last-child{border-bottom:0}.service-num{font-size:12px;color:var(--ds-red);font-weight:800}.service-icon{width:55px;height:55px;border-radius:15px;background:#e8f0f9;color:var(--ds-blue);display:grid;place-items:center;font-size:22px}.service-row h2{font-family:Manrope;margin:0 0 10px;font-size:30px;letter-spacing:-1px}.service-row p{max-width:700px;line-height:1.8;color:var(--ds-muted);font-size:14px}
.feature-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card{min-height:260px}.feature-card .card-icon{margin-bottom:50px}.metrics{padding:80px 7vw;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.metric{padding:30px;border-top:1px solid rgba(255,255,255,.18)}.metric strong{font:800 42px Manrope;color:#79b6eb}.metric span{display:block;letter-spacing:2px;font-size:11px;font-weight:800;margin:8px 0}.metric p{color:#9cacbf;font-size:13px;line-height:1.7}
.about-split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about-copy{max-width:650px}.about-copy p:not(.eyebrow){color:var(--ds-muted);font-size:14px;line-height:1.9}.about-orbit{width:min(36vw,420px);aspect-ratio:1;border:1px solid rgba(23,79,145,.22);border-radius:50%;margin:auto;position:relative;display:grid;place-items:center;box-shadow:0 0 100px rgba(23,79,145,.12)}.about-orbit:before,.about-orbit:after{content:"";position:absolute;border:1px solid rgba(23,79,145,.16);border-radius:50%}.about-orbit:before{inset:50px}.about-orbit:after{inset:105px}.orbit-core{width:95px;height:95px;border-radius:25px;background:linear-gradient(135deg,#10243e,var(--ds-blue));color:#fff;display:grid;place-items:center;font:800 27px Manrope;box-shadow:0 20px 50px rgba(23,79,145,.3);z-index:2}.about-orbit>span{position:absolute;background:#fff;border:1px solid var(--ds-line);padding:8px 12px;border-radius:999px;font-size:9px;font-weight:800;color:var(--ds-blue);box-shadow:0 8px 25px rgba(20,42,70,.08)}.about-orbit>span:nth-of-type(1){top:12%;left:45%}.about-orbit>span:nth-of-type(2){right:5%;top:47%}.about-orbit>span:nth-of-type(3){bottom:12%;left:45%}.about-orbit>span:nth-of-type(4){left:4%;top:47%}.about-orbit>span:nth-of-type(5){top:27%;right:12%}
.resource-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.resource-card{min-height:280px}.resource-card>span{font-size:9px;letter-spacing:2px;font-weight:800;color:var(--ds-red)}.resource-card h2{font:800 29px Manrope;margin:30px 0 12px;letter-spacing:-1px}
.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;max-width:1180px;margin:auto}.contact-info>p:not(.eyebrow){max-width:560px;color:var(--ds-muted);line-height:1.8}.contact-points{margin-top:40px;display:grid;gap:18px}.contact-points div{border-left:2px solid var(--ds-red);padding-left:14px}.contact-points strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1px}.contact-points a,.contact-points span{display:block;color:var(--ds-blue);font-size:13px;margin-top:5px;text-decoration:none}.contact-card{background:#fff;border:1px solid var(--ds-line);border-radius:20px;padding:35px;box-shadow:var(--ds-shadow)}.contact-card h2{font:800 30px Manrope;margin:0 0 8px}.contact-card>p{color:var(--ds-muted);font-size:13px}.contact-card label{display:block;font-size:11px;font-weight:700;margin:18px 0}.contact-card input,.contact-card textarea{width:100%;margin-top:7px;border:1px solid #dbe2ea;border-radius:10px;padding:13px;font:inherit;font-size:13px;outline:0}.contact-card input:focus,.contact-card textarea:focus{border-color:var(--ds-blue);box-shadow:0 0 0 3px rgba(23,79,145,.08)}.content-page .content-narrow{max-width:900px;margin:auto}.content-narrow h1{font:800 54px Manrope}.content-narrow{line-height:1.8}.site-footer{background:#091321;color:#fff;padding:70px 7vw 25px}.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:50px;max-width:1180px;margin:auto}.footer-brand{color:#fff;margin-bottom:20px}.footer-about p{max-width:340px;color:#93a1b5;font-size:12px;line-height:1.8}.footer-widget h3{font-size:12px;text-transform:uppercase;letter-spacing:1px;margin:7px 0 20px}.footer-widget a,.footer-widget p{display:block;color:#93a1b5;text-decoration:none;font-size:12px;margin:0 0 11px}.footer-widget a:hover{color:#fff}.footer-bottom{max-width:1180px;margin:55px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;color:#69788d;font-size:10px}
.reveal{opacity:0;transform:translateY(35px);will-change:transform,opacity}.reveal.visible{opacity:1;transform:none;transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.delay-1{transition-delay:.12s!important}.delay-2{transition-delay:.24s!important}.tilt{transform-style:preserve-3d}.circuit{position:absolute;border:1px solid rgba(23,79,145,.14);border-radius:50%;pointer-events:none}.circuit-a{width:520px;height:520px;right:-250px;top:-110px}.circuit-b{width:300px;height:300px;right:20%;bottom:-190px}.hero-orb{position:absolute;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#9ac8f0,rgba(23,79,145,.08) 50%,transparent 70%);filter:blur(1px);z-index:1}.orb-one{right:43%;top:20%}.orb-two{right:15%;bottom:18%;width:90px;height:90px}.float-card{will-change:transform}.ds-icon{font-style:normal}
@media(max-width:980px){.nav{gap:14px}.nav a{font-size:11px}.site-header{width:94%}.hero-content{width:56%}.dashboard-wrap{width:46vw;right:3vw}.feature-grid{grid-template-columns:repeat(2,1fr)}.showcase{gap:40px}.footer-main{grid-template-columns:2fr 1fr 1fr}.footer-main .footer-widget:last-child{grid-column:2}.about-split{gap:40px}}
@media(max-width:780px){.site-header{top:10px}.menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:75px;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border:1px solid var(--ds-line);border-radius:15px;padding:18px;box-shadow:0 20px 50px rgba(20,42,70,.15);flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:11px 8px;font-size:13px}.nav a:not(.nav-cta):after{display:none}.nav-cta{text-align:center;justify-content:center;margin-top:5px}.hero{padding-top:135px;display:block}.hero-content{width:100%;max-width:680px}.hero h1{font-size:clamp(42px,12vw,68px)}.dashboard-wrap{position:relative;top:auto;right:auto;transform:none;width:100%;max-width:600px;margin:70px auto 0}.dashboard{height:310px}.scroll-cue{display:none}.card-grid.three,.feature-grid,.metrics,.showcase,.about-split,.contact-section,.resource-grid{grid-template-columns:1fr}.section{padding:85px 24px}.showcase{padding:85px 24px}.about-orbit{width:min(82vw,420px)}.service-list{padding:60px 24px}.service-row{grid-template-columns:42px 60px 1fr;gap:12px}.service-row h2{font-size:23px}.cta-band{margin:0 24px 70px;padding:32px 25px;display:block}.cta-band .btn{margin-top:20px}.footer-main{grid-template-columns:1fr 1fr}.footer-main .footer-widget:last-child{grid-column:auto}.footer-bottom{display:block;line-height:2}.footer-bottom span{display:block}.page-hero{min-height:55vh;padding:160px 24px 70px}.page-hero h1{font-size:clamp(44px,12vw,65px)}}
@media(max-width:480px){.hero-actions{flex-direction:column;align-items:stretch}.btn{justify-content:center}.hero-stats{gap:12px;justify-content:space-between}.hero-stats span{font-size:9px}.dashboard{height:260px}.dashboard aside{width:45px;padding:15px 10px}.dash-main{padding:12px}.mini-card{padding:10px;min-height:85px}.mini-card strong{font-size:18px}.site-header{padding-left:15px}.brand strong{font-size:18px}.brand small{font-size:6px}.footer-main{grid-template-columns:1fr}.footer-main .footer-widget:last-child{grid-column:auto}.feature-grid{grid-template-columns:1fr}.resource-card h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* Customizable global header/footer */
.site-header.is-static{top:18px}.footer-socials{display:flex;gap:8px;margin-top:22px;flex-wrap:wrap}.footer-socials a{width:32px;height:32px!important;margin:0!important;display:grid!important;place-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:50%;font-size:9px!important;font-weight:800}.footer-socials a:hover{background:var(--ds-blue);color:#fff!important}.footer-brand .custom-logo{width:44px;height:44px;object-fit:contain}.footer-about .widget{margin:0}.footer-about .widget-title{display:none}.site-footer .menu{list-style:none;padding:0;margin:0}.site-footer .menu li{margin:0}.site-footer .menu a{display:block}

/* ===== DropSoft 2.0 premium additions ===== */
:root{
  --ds-blue:#174f91;--ds-blue2:#0e3568;--ds-red:#c61e36;
  --ds-cyan:#2d86d5;--ds-ink:#142033;--ds-muted:#536173;
  --ds-bg:#f4f7fb;--ds-white:#fff;--ds-line:rgba(23,79,145,.14);
  --ds-shadow:0 24px 70px rgba(20,42,70,.14);
}
body{background:#f6f8fb}
.site-header{transition:transform .35s ease,box-shadow .35s ease,background .35s ease}
.site-header.scrolled{box-shadow:0 14px 42px rgba(24,50,81,.2);background:rgba(255,255,255,.94)}
.brand{min-width:210px}
.dropsoft-default-logo{display:block;width:165px;height:auto;max-height:54px;object-fit:contain}
.footer-logo{width:210px;max-height:78px}
.brand-text strong{font-weight:800}
.hero{isolation:isolate}
.hero-watermark{position:absolute;right:-5vw;bottom:3vh;font:900 clamp(80px,17vw,230px)/.8 Manrope,Arial,sans-serif;letter-spacing:-10px;color:rgba(20,32,51,.045);pointer-events:none;z-index:0;white-space:nowrap}
.section-tight{padding:80px 7vw}
.logo-strip{background:#fff;border-bottom:1px solid var(--ds-line);border-top:1px solid var(--ds-line)}
.logo-strip .section-heading{margin-bottom:30px}
.logo-strip-inner{max-width:1180px;margin:auto;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.logo-strip-inner span{font-size:10px;font-weight:900;letter-spacing:1.5px;color:#718094;padding:12px 16px;border:1px solid #e3e9f0;border-radius:999px;background:#fbfcfe}
.parallax-banner{min-height:600px;display:flex;align-items:center;padding:110px 7vw;position:relative;overflow:hidden}
.parallax-banner-bg{position:absolute;inset:-14%;background:
 radial-gradient(circle at 68% 40%,rgba(64,139,211,.28),transparent 24%),
 radial-gradient(circle at 25% 70%,rgba(198,30,54,.16),transparent 18%),
 linear-gradient(125deg,#071321,#102946 55%,#071321);
 transform:translateZ(0);will-change:transform}
.parallax-banner-bg:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(126,185,240,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(126,185,240,.08) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(to bottom,transparent,black,transparent)}
.parallax-banner-content{position:relative;z-index:2;max-width:780px}
.parallax-banner h2{font:800 clamp(40px,5.2vw,70px)/1.02 Manrope;letter-spacing:-3px;margin:0 0 18px}
.parallax-banner h2 span,.about-story h2 span,.resource-callout h2 span{color:#7eb9f0}
.parallax-banner p:not(.eyebrow){color:#aab7c9;max-width:650px;line-height:1.8;font-size:14px;margin-bottom:28px}
.process-section{background:linear-gradient(180deg,#f6f8fb,#edf3f9)}
.process-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.process-step{display:grid;grid-template-columns:72px 1fr;gap:22px;padding:30px;background:rgba(255,255,255,.8);border:1px solid var(--ds-line);border-radius:18px;box-shadow:0 15px 45px rgba(20,42,70,.05);position:relative;overflow:hidden}
.process-step:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,var(--ds-red),var(--ds-blue));transform:scaleX(0);transform-origin:left;transition:transform .5s ease}
.process-step:hover:after{transform:scaleX(1)}
.process-step>span{font:800 28px Manrope;color:var(--ds-blue)}
.process-step h3{margin:0 0 7px;font-size:18px}.process-step p{margin:0;color:var(--ds-muted);font-size:13px;line-height:1.7}
.industries{background:#fff}
.industry-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.industry-card{min-height:210px;padding:28px;border-radius:20px;border:1px solid var(--ds-line);background:linear-gradient(145deg,#fff,#eef4fa);display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 16px 40px rgba(20,42,70,.06);will-change:transform}
.industry-card strong{font-size:11px;letter-spacing:2px;color:var(--ds-red)}.industry-card p{font-size:13px;line-height:1.7;color:var(--ds-muted);margin:10px 0 0}
.intro-split{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.intro-statement h2{font:800 clamp(38px,4vw,58px)/1.04 Manrope;letter-spacing:-2px;margin:0}
.intro-statement h2 span{color:var(--ds-blue)}
.intro-copy p{color:var(--ds-muted);font-size:14px;line-height:1.9;margin:0 0 16px}
.service-detail{transition:transform .6s cubic-bezier(.2,.7,.2,1),border-color .3s}
.service-detail:hover{transform:translateX(8px)}
.service-detail>div:last-child{padding-left:5px}
.service-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 4px}.service-tags span{font-size:9px;font-weight:800;letter-spacing:.8px;color:var(--ds-blue);background:#eaf2fb;border-radius:999px;padding:7px 10px}
.capability-band{padding:110px 7vw}
.capability-band .section-heading{max-width:760px}
.capability-band .card-grid{max-width:1180px}
.capability-band .feature-panel{background:rgba(255,255,255,.045)}
.feature-card{position:relative;overflow:hidden}
.feature-index{position:absolute;right:22px;bottom:18px;font:800 12px Manrope;color:#9aa8b9}
.feature-detail-section{background:#fff}
.detail-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.detail-card{padding:34px;border-radius:18px;border:1px solid var(--ds-line);background:linear-gradient(145deg,#fff,#f1f6fb);box-shadow:0 16px 45px rgba(20,42,70,.06)}
.detail-card strong{font-size:10px;letter-spacing:2px;color:var(--ds-red)}.detail-card h3{font:800 23px Manrope;margin:26px 0 10px}.detail-card p{font-size:13px;line-height:1.8;color:var(--ds-muted)}
.about-story{padding:120px 7vw;overflow:hidden}
.story-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.about-story h2{font:800 clamp(40px,4.8vw,68px)/1.03 Manrope;letter-spacing:-3px;margin:0}
.story-copy p{font-size:15px;line-height:1.9;color:#aab7c9}
.timeline-section{background:#f7f9fc}
.timeline{max-width:900px;margin:auto;position:relative}
.timeline:before{content:"";position:absolute;left:27px;top:0;bottom:0;width:1px;background:linear-gradient(var(--ds-red),var(--ds-blue))}
.timeline-item{display:grid;grid-template-columns:55px 1fr;gap:25px;position:relative;padding:0 0 45px}
.timeline-item>span{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--ds-line);font:800 12px Manrope;color:var(--ds-blue);z-index:2;box-shadow:0 8px 25px rgba(20,42,70,.08)}
.timeline-item h3{margin:7px 0 7px;font-size:20px}.timeline-item p{margin:0;color:var(--ds-muted);font-size:13px;line-height:1.7}
.resource-callout{padding:110px 7vw;position:relative;overflow:hidden}.resource-callout:before{content:"";position:absolute;width:600px;height:600px;border:1px solid rgba(126,185,240,.14);border-radius:50%;right:-240px;top:-160px}
.resource-callout-inner{max-width:780px;margin:auto;text-align:center;position:relative;z-index:1}.resource-callout h2{font:800 clamp(38px,5vw,65px)/1.04 Manrope;letter-spacing:-2px;margin:0 0 18px}.resource-callout p:not(.eyebrow){color:#aab7c9;font-size:14px;line-height:1.8;margin:0 auto 25px;max-width:650px}
.form-kicker{display:block;font-size:9px;letter-spacing:2px;font-weight:900;color:var(--ds-red);margin-bottom:10px}
.contact-card select{width:100%;margin-top:7px;border:1px solid #dbe2ea;border-radius:10px;padding:13px;background:#fff;font:inherit;font-size:13px;outline:0}
.contact-card select:focus{border-color:var(--ds-blue);box-shadow:0 0 0 3px rgba(23,79,145,.08)}
.contact-faq{background:#fff}.faq-grid{max-width:900px;margin:auto;display:grid;gap:12px}
.faq{border:1px solid var(--ds-line);border-radius:14px;padding:20px 22px;background:#fbfcfe}.faq summary{cursor:pointer;font-weight:800;font-size:13px;color:var(--ds-ink)}.faq p{font-size:13px;color:var(--ds-muted);line-height:1.7;margin:14px 0 0}
@media(max-width:980px){.industry-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.intro-split,.story-inner{gap:45px}.process-grid{grid-template-columns:1fr}.dropsoft-default-logo{width:145px}}
@media(max-width:780px){.dropsoft-default-logo{width:140px}.brand-text{display:none}.section-tight{padding:65px 24px}.logo-strip-inner{justify-content:center}.parallax-banner{min-height:520px;padding:90px 24px}.parallax-banner h2{font-size:clamp(38px,11vw,60px)}.process-grid,.industry-grid,.detail-grid,.intro-split,.story-inner{grid-template-columns:1fr}.industry-card{min-height:170px}.service-detail:hover{transform:none}.about-story{padding:85px 24px}.timeline-item{grid-template-columns:50px 1fr}.timeline:before{left:25px}.timeline-item>span{width:50px;height:50px}.capability-band{padding:85px 24px}.resource-callout{padding:85px 24px}}

/* ===== Footer logo rubbed-white reveal ===== */
.footer-brand{position:relative;display:inline-flex;align-items:center;isolation:isolate}
.footer-logo-reveal{position:relative;display:flex;align-items:center;justify-content:flex-start;min-width:230px;min-height:92px;padding:7px 9px;overflow:visible;isolation:isolate}
.footer-logo-reveal:before{content:"";position:absolute;z-index:-1;inset:8px -12px 7px -18px;background:
  radial-gradient(ellipse at 18% 50%,rgba(255,255,255,.98) 0 27%,rgba(255,255,255,.88) 42%,rgba(255,255,255,.45) 60%,transparent 76%),
  radial-gradient(ellipse at 52% 48%,rgba(255,255,255,.98) 0 31%,rgba(255,255,255,.82) 48%,rgba(255,255,255,.30) 67%,transparent 82%),
  radial-gradient(ellipse at 82% 50%,rgba(255,255,255,.94) 0 23%,rgba(255,255,255,.65) 46%,transparent 73%);
  filter:blur(2.4px);opacity:.98;transform:rotate(-1deg) scaleX(.98);
  clip-path:polygon(1% 18%,8% 9%,17% 13%,26% 6%,35% 12%,46% 7%,57% 13%,67% 5%,77% 12%,89% 8%,98% 20%,94% 37%,99% 53%,92% 66%,97% 82%,86% 91%,75% 86%,63% 94%,52% 88%,40% 96%,29% 88%,18% 93%,8% 83%,3% 68%,7% 52%,2% 37%);
  animation:footerRubIn 1.15s cubic-bezier(.2,.75,.2,1) both}
.footer-logo-reveal:after{content:"";position:absolute;z-index:1;left:-16%;top:4%;width:20%;height:92%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);filter:blur(5px);transform:skewX(-12deg);opacity:0;pointer-events:none;animation:footerRubSweep 2.8s .7s ease-out 1 both}
.footer-logo-reveal .custom-logo-link,.footer-logo-reveal .custom-logo,.footer-logo-reveal .footer-logo{position:relative;z-index:2}
.footer-logo-reveal .custom-logo-link{display:flex;align-items:center}
.footer-logo-reveal .custom-logo{width:210px;height:auto;max-height:78px;object-fit:contain}
.footer-logo-reveal .footer-logo{width:210px;max-height:78px;object-fit:contain}
@keyframes footerRubIn{0%{opacity:0;transform:translateX(-16px) rotate(-1deg) scaleX(.72)}55%{opacity:1;transform:translateX(4px) rotate(-1deg) scaleX(1.02)}100%{opacity:.98;transform:translateX(0) rotate(-1deg) scaleX(.98)}}
@keyframes footerRubSweep{0%{left:-20%;opacity:0}18%{opacity:.65}100%{left:110%;opacity:0}}
@media(max-width:780px){.footer-logo-reveal{min-width:205px;min-height:82px}.footer-logo-reveal .custom-logo,.footer-logo-reveal .footer-logo{width:190px;max-height:72px}}
@media(prefers-reduced-motion:reduce){.footer-logo-reveal:before,.footer-logo-reveal:after{animation:none}.footer-logo-reveal:before{opacity:.98}}


/* ===== Responsive navigation / mobile experience v2.2 ===== */
.menu-toggle{position:relative;z-index:10002;flex:none;width:46px;height:46px;display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid rgba(23,79,145,.14);border-radius:12px;background:rgba(255,255,255,.72);cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:0 7px 18px rgba(20,42,70,.08)}
.menu-toggle span{display:block;width:22px;height:2px;margin:0;border-radius:4px;background:var(--ds-ink);transform-origin:center;transition:transform .25s ease,opacity .2s ease,width .25s ease}
.menu-toggle:hover{background:#fff}.menu-toggle:focus-visible{outline:3px solid rgba(23,79,145,.25);outline-offset:3px}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;width:0}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav{min-width:0}.nav ul{display:flex;align-items:center;gap:25px;margin:0;padding:0;list-style:none}.nav li{margin:0;padding:0}.nav li>a{display:inline-flex;align-items:center}.nav li.current-menu-item>a{color:var(--ds-blue)}
@media (max-width:1100px){
  .site-header{width:min(94%,1040px);padding-left:18px;padding-right:14px}
  .nav{gap:16px}.nav ul{gap:16px}.nav a{font-size:11px}.nav-cta{padding:11px 15px}
}
@media (max-width:1024px){
  .site-header{top:12px;min-height:62px}
  .menu-toggle{display:flex}
  .nav{display:none;position:absolute;left:8px;right:8px;top:calc(100% + 10px);max-height:calc(100svh - 90px);overflow-y:auto;overscroll-behavior:contain;padding:12px;background:rgba(255,255,255,.97);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid rgba(23,79,145,.12);border-radius:18px;box-shadow:0 22px 60px rgba(20,42,70,.2);flex-direction:column;align-items:stretch;gap:2px}
  .nav.open{display:flex;animation:mobileMenuIn .22s ease both}
  .nav ul{display:flex;flex-direction:column;align-items:stretch;gap:2px;width:100%}
  .nav li{width:100%}.nav li>a,.nav a{display:flex;width:100%;align-items:center;padding:13px 12px;font-size:14px;line-height:1.2;border-radius:10px}
  .nav li>a:hover,.nav li.current-menu-item>a{background:#eef5fc;color:var(--ds-blue)}
  .nav a:not(.nav-cta):after{display:none}
  .nav-cta{justify-content:center;text-align:center;margin:7px 0 2px;padding:14px 18px}
  body.menu-open{overflow:hidden}
}
@media (max-width:640px){
  .site-header{top:8px;width:calc(100% - 20px);min-height:58px;padding:6px 9px 6px 13px;border-radius:14px}
  .brand{min-width:0;max-width:calc(100% - 58px)}
  .brand .custom-logo{width:38px;height:38px}.dropsoft-default-logo{width:130px;max-width:100%;height:auto}
  .menu-toggle{width:44px;height:44px;border-radius:11px}
  .nav{left:0;right:0;top:calc(100% + 8px);max-height:calc(100svh - 80px);padding:10px;border-radius:15px}
  .nav li>a,.nav a{font-size:14px;padding:14px 12px}
  .hero{padding-left:18px;padding-right:18px}.section{padding-left:18px;padding-right:18px}
  .hero-actions{width:100%}.hero-actions .btn{width:100%}
  .hero-stats{flex-wrap:wrap;justify-content:flex-start;gap:16px 24px}
  .dashboard-wrap{margin-top:48px}.dashboard{max-width:100%;transform:perspective(1000px) rotateY(-3deg) rotateX(2deg)}
}
@media (max-width:380px){
  .brand .custom-logo{width:34px;height:34px}.dropsoft-default-logo{width:118px}.brand{gap:6px}.menu-toggle{width:42px;height:42px}
  .hero h1,.page-hero h1{letter-spacing:-2px}.section{padding-top:70px;padding-bottom:70px}
}
@keyframes mobileMenuIn{from{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.nav.open{animation:none}.menu-toggle span{transition:none}}

.form-notice.success{background:#eaf8f0;color:#167243;border:1px solid #bfe7cf}
.form-notice.error{background:#fff0f0;color:#a32626;border:1px solid #f0c5c5}
@media(max-width:780px){.form-two-col{grid-template-columns:1fr}}

/* ===== Software Showcase v2.8 ===== */
.showcase-hero .page-hero-inner{max-width:900px}
.showcase-section{background:linear-gradient(180deg,#f8fafc,#eef4fa)}
.showcase-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.showcase-card{overflow:hidden;border:1px solid var(--ds-line);border-radius:22px;background:#fff;box-shadow:0 18px 55px rgba(20,42,70,.08);transition:transform .45s ease,box-shadow .45s ease}
.showcase-card:hover{transform:translateY(-7px);box-shadow:0 28px 70px rgba(20,42,70,.14)}
.showcase-video{position:relative;aspect-ratio:16/9;background:#07111f;overflow:hidden}
.showcase-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.showcase-card-body{padding:24px 26px 28px;position:relative}
.showcase-card-body h3{font:800 21px/1.25 Manrope;margin:7px 0 13px;color:var(--ds-ink);padding-right:34px}
.showcase-card-body a{font-size:11px;font-weight:800;letter-spacing:.8px;color:var(--ds-blue);text-transform:uppercase}
.showcase-index{font:900 10px Manrope;letter-spacing:2px;color:var(--ds-red)}
.showcase-empty{grid-column:1/-1;text-align:center;padding:70px 30px;border:1px dashed #b9c7d8;border-radius:22px;background:#fff}
.showcase-empty-icon{width:62px;height:62px;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;background:#eaf2fb;color:var(--ds-blue);font-size:22px}
.showcase-empty h3{font:800 26px Manrope;margin:0 0 10px}.showcase-empty p{max-width:620px;margin:0 auto 24px;color:var(--ds-muted);line-height:1.8;font-size:14px}
.showcase-social-section{padding:105px 7vw;background:#07111f;position:relative;overflow:hidden}
.showcase-social-section:before{content:"";position:absolute;width:700px;height:700px;right:-300px;top:-300px;border:1px solid rgba(126,185,240,.14);border-radius:50%;box-shadow:0 0 0 80px rgba(126,185,240,.025),0 0 0 160px rgba(126,185,240,.02)}
.social-showcase-grid{max-width:1050px;margin:35px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;position:relative;z-index:1}
.social-showcase-card{min-height:135px;padding:25px;border:1px solid rgba(255,255,255,.10);border-radius:17px;background:rgba(255,255,255,.045);display:flex;flex-direction:column;justify-content:flex-end;transition:transform .35s ease,border-color .35s ease,background .35s ease}
.social-showcase-card:hover{transform:translateY(-5px);border-color:rgba(126,185,240,.45);background:rgba(255,255,255,.07)}
.social-showcase-card strong{font:800 20px Manrope;color:#fff}.social-showcase-card span{font-size:11px;color:#9fb0c5;margin-top:8px}
.social-note{position:relative;z-index:1;max-width:1050px;margin:25px auto 0;color:#8292a7;font-size:11px;text-align:center}
.showcase-cta{background:#fff;padding-top:105px;padding-bottom:105px}
@media(max-width:780px){.showcase-grid{grid-template-columns:1fr}.social-showcase-grid{grid-template-columns:1fr 1fr}.showcase-social-section,.showcase-cta{padding:80px 24px}}
@media(max-width:480px){.social-showcase-grid{grid-template-columns:1fr}.showcase-card-body{padding:20px}.showcase-card-body h3{font-size:18px}}


/* ===== Refined DropSoft navigation ===== */
.site-header{gap:22px;padding-left:18px;padding-right:14px}
.site-header .brand{min-width:auto;flex:0 0 auto}
.site-header .brand .dropsoft-default-logo{width:170px;height:auto;max-height:56px}
.site-header .brand .custom-logo{width:170px;height:auto;max-height:56px}
.site-header .nav{margin-left:auto;justify-content:flex-end;gap:6px}
.site-header .nav ul{gap:4px}
.site-header .nav li>a,.site-header .nav>a:not(.nav-cta){padding:10px 11px;border-radius:10px;font-size:12px;line-height:1}
.site-header .nav li>a:hover,.site-header .nav li.current-menu-item>a,.site-header .nav>a:not(.nav-cta):hover{background:rgba(23,79,145,.07);color:var(--ds-blue)}
.site-header .nav a:not(.nav-cta):after{display:none}
.site-header .nav .nav-cta{margin-left:5px;padding:11px 16px;font-size:11px;letter-spacing:.35px;white-space:nowrap}
@media(max-width:1100px){
  .site-header{width:min(95%,1180px);padding-left:15px}
  .site-header .brand .dropsoft-default-logo,.site-header .brand .custom-logo{width:150px}
  .site-header .nav{gap:2px}.site-header .nav ul{gap:1px}
  .site-header .nav li>a,.site-header .nav>a:not(.nav-cta){padding:9px 8px;font-size:11px}
  .site-header .nav .nav-cta{padding:10px 12px}
}
@media(max-width:980px){
  .site-header .brand .dropsoft-default-logo,.site-header .brand .custom-logo{width:140px}
  .site-header .nav li>a,.site-header .nav>a:not(.nav-cta){padding:8px 6px;font-size:10px}
}
@media(max-width:780px){
  .site-header{gap:10px;padding:7px 10px 7px 13px}
  .site-header .brand .dropsoft-default-logo,.site-header .brand .custom-logo{width:135px;max-height:48px}
  .site-header .nav{margin-left:0;gap:2px}
  .site-header .nav ul{gap:2px}
  .site-header .nav li>a,.site-header .nav>a:not(.nav-cta){padding:13px 12px;font-size:14px}
  .site-header .nav .nav-cta{margin-top:7px;margin-left:0;padding:14px 18px}
}
@media(max-width:480px){
  .site-header .brand .dropsoft-default-logo,.site-header .brand .custom-logo{width:125px}
}

/* ===== Performance optimizations v2.12 ===== */
@media (min-width: 781px){.section,.process-section,.industries,.feature-detail-section,.timeline-section,.contact-faq,.showcase-section,.showcase-social-section,.showcase-cta{content-visibility:auto;contain-intrinsic-size:800px;}}
.tech-motion-background:before,.tech-motion-background:after,.tech-motif{backface-visibility:hidden;}
@media (max-width:780px){.tech-motion-background:before,.tech-motion-background:after{animation-duration:20s}.tech-motif{animation-duration:12s,7s;filter:none;}}

/* Performance-friendly responsive slider sizing */
@media(max-width:780px){.dropsoft-revslider .rev_slider_wrapper,.dropsoft-revslider .rev_slider{min-height:100%!important}.hero-slider-overlay{background:linear-gradient(180deg,rgba(248,250,252,.9) 0%,rgba(248,250,252,.62) 58%,rgba(248,250,252,.28) 100%)}}
@media(prefers-reduced-motion:reduce){.dropsoft-revslider{display:none}.hero.has-revslider{background:radial-gradient(circle at 73% 34%,rgba(87,150,217,.3),transparent 28%),linear-gradient(125deg,#f8fafc 0%,#e9eef5 46%,#cfd9e7 100%)}}