@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--black:#05070b;--charcoal:#111827;--blue:#06f;--silver:#c0c0c0;--white:#fff;--bg:#f5f7fa;--text:#111827;--muted:#667085;--line:#dce1e8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.65}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}section{scroll-margin-top:88px}
#loader{position:fixed;inset:0;background:#030508;z-index:1000;display:grid;place-content:center;transition:.5s}#loader.hide{opacity:0;visibility:hidden}#loader img{width:145px}#loader span{height:2px;background:linear-gradient(90deg,transparent,var(--blue),transparent);animation:load 1s infinite}@keyframes load{from{transform:scaleX(.2)}to{transform:scaleX(1)}}
header{height:78px;position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;padding:0 5vw;background:rgba(5,7,11,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.09);color:#fff}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.08em}.brand img{width:43px;height:43px;object-fit:contain}.brand b{color:#91a0b5;font-size:.72em}nav{display:flex;margin:auto;gap:1.45rem}nav a{font-size:.76rem;color:#cbd1db;position:relative}nav a:hover,nav a.active{color:#fff}nav a.active:after{content:"";position:absolute;height:2px;background:var(--blue);left:0;right:0;bottom:-10px}.header-actions{display:flex;align-items:center;gap:10px}.lang{border:1px solid #566074;background:transparent;color:#fff;border-radius:7px;padding:8px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:13px 20px;border-radius:8px;background:var(--blue);color:#fff;border:1px solid var(--blue);font-weight:700;font-size:.87rem;transition:.25s}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,102,255,.25)}.btn.ghost{background:transparent;border-color:#647086}.small{padding:10px 14px}.menu-btn{display:none}
.hero{min-height:780px;padding:150px 7vw 90px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;color:#fff;background:radial-gradient(circle at 75% 38%,#0d2965 0,transparent 25%),linear-gradient(125deg,#020305,#0b101a 75%,#030712);overflow:hidden;position:relative}.grid-bg{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(40,112,255,.32) 1px,transparent 1px),linear-gradient(90deg,rgba(40,112,255,.32) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(to right,transparent,#000)}.hero-copy,.hero-visual{position:relative;z-index:1}.eyebrow,.section-head>span,.contact-info>span{font-size:.72rem;letter-spacing:.18em;color:#5394ff;font-weight:800}.hero h1{font-size:clamp(2.65rem,5.5vw,5.6rem);line-height:1.02;letter-spacing:-.055em;margin:25px 0}.hero h1 em,.cargo h2 em{font-style:normal;background:linear-gradient(90deg,#fff,#4f91ff);background-clip:text;color:transparent}.hero p{color:#b6c0cf;max-width:720px;font-size:1.05rem}.hero-buttons{display:flex;gap:12px;margin:32px 0}.trust-line{display:flex;gap:12px;align-items:center;color:#9ca9ba;font-size:.75rem}.trust-line span{width:35px;height:1px;background:var(--blue)}
.hero-visual{min-height:440px;display:grid;place-content:center}.orbit{position:absolute;width:480px;height:480px;border:1px solid rgba(64,134,255,.2);border-radius:50%;animation:spin 18s linear infinite}.orbit:after{content:"";position:absolute;width:9px;height:9px;background:var(--blue);border-radius:50%;top:45px;left:83px;box-shadow:0 0 20px var(--blue)}@keyframes spin{to{transform:rotate(360deg)}}.dashboard{width:min(520px,85vw);background:rgba(11,17,28,.94);border:1px solid #28364d;border-radius:14px;box-shadow:0 50px 90px #000,0 0 70px rgba(0,102,255,.12);padding:20px;transform:perspective(900px) rotateY(-8deg) rotateX(3deg)}.dash-head{display:flex;gap:10px;font-size:.7rem;align-items:center;color:#9aabc4}.dash-head i{width:8px;height:8px;background:var(--blue);border-radius:50%}.dash-head small{margin-left:auto;color:#59f0ad}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0}.metrics div{padding:15px 10px;background:#111b2b;border-radius:8px}.metrics span{display:block;color:#64748b;font-size:.5rem}.metrics b{font-size:.78rem}.chart{height:140px;display:flex;align-items:end;gap:13px;padding:20px;background:linear-gradient(180deg,#101a2a,#0b111b)}.chart i{flex:1;background:linear-gradient(#1877ff,#073a85);border-radius:4px 4px 0 0}.route{display:flex;align-items:center;margin-top:20px;font-size:.55rem;color:#8190a6}.route b{height:1px;background:#265ba6;flex:1}.route i{font-style:normal;color:#4a8dff}.float-card{position:absolute;background:#111827dd;border:1px solid #2b405f;padding:10px 15px;border-radius:8px;font-size:.68rem;box-shadow:0 20px 45px #000}.fc1{top:35px;right:2px}.fc2{bottom:30px;left:0;color:#70a7ff}
.section{padding:105px 7vw}.section-head{max-width:820px;margin-bottom:50px}.section-head h2,.contact h2,.cta h2{font-size:clamp(2rem,4vw,3.7rem);line-height:1.12;letter-spacing:-.045em;margin:15px 0}.section-head p{color:var(--muted)}.cards{display:grid;gap:18px}.three{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(4,1fr)}.card{border:1px solid var(--line);padding:28px;border-radius:14px;background:#fff;transition:.3s}.card:hover{transform:translateY(-6px);border-color:#76a8ff;box-shadow:0 18px 50px rgba(15,31,55,.1)}.card .icon{width:44px;height:44px;display:grid;place-content:center;border-radius:9px;background:#eaf1ff;color:var(--blue);font-weight:800}.card h3{font-size:1rem;margin:24px 0 8px}.card p{color:var(--muted);font-size:.85rem}.dark-section{background:var(--black);color:#fff}.dark-section p{color:#aab4c3}.split{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw}.text-link{color:#65a0ff;font-weight:700}.service-list{display:grid;grid-template-columns:1fr 1fr}.service-list div{display:flex;gap:16px;padding:19px 10px;border-bottom:1px solid #243043}.service-list b{color:#347dff;font-size:.7rem}.service-list span{font-size:.87rem}
.cargo{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6vw;background:#0b0f17;color:#fff;overflow:hidden}.tag{color:#65a0ff;font-size:.7rem;letter-spacing:.16em}.cargo h2{font-size:clamp(2.2rem,4.7vw,4.5rem);line-height:1;margin:20px 0}.cargo h3{font-weight:500;color:#a5b1c3}.cargo p{color:#99a7ba}.cargo small{display:block;color:#718096;margin-top:20px}.feature-pills{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.feature-pills span{padding:7px 10px;border:1px solid #2b3e5d;border-radius:100px;color:#a9bad1;font-size:.68rem}.cargo-copy .btn{margin-right:8px}.laptop{position:relative}.screen{border:9px solid #242d3b;background:#07101d;border-radius:14px;padding:16px;box-shadow:0 0 80px rgba(0,102,255,.2)}.screen-top{color:#fff;font-weight:800;font-size:.7rem}.screen-top span{float:right;color:#397eee}.screen-grid{display:grid;grid-template-columns:20% 80%;height:260px;margin-top:16px}.sidebar{background:#0c1828}.mini-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px}.mini-panels i{background:linear-gradient(145deg,#14243b,#183c74);height:70px}.mini-panels b{grid-column:1/4;background:linear-gradient(180deg,#14243b,#0a1524);height:145px}.base{height:12px;background:#536074;border-radius:0 0 50% 50%;margin:0 -35px}.phone{position:absolute;right:-20px;bottom:-30px;width:105px;height:210px;background:#03070e;border:6px solid #303947;border-radius:19px;padding:10px;box-shadow:0 20px 40px #000}.phone div{height:35px;background:#073982}.phone i{display:block;height:35px;background:#132136;margin-top:8px}.phone b{display:block;height:65px;background:#0e294b;margin-top:8px}
.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line)}.timeline>div{background:#fff;padding:25px}.timeline b,.why-grid b{color:var(--blue);font-size:.7rem}.timeline h3{font-size:.9rem}.timeline p{font-size:.78rem;color:var(--muted)}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #253044}.why-grid div{padding:28px;border-right:1px solid #253044;border-bottom:1px solid #253044}.industries{display:flex;flex-wrap:wrap;gap:9px;margin-top:50px}.industries b{width:100%;font-size:.72rem;color:#6e7e95}.industries span{border:1px solid #27344a;padding:8px 12px;border-radius:7px;color:#9eabbc;font-size:.73rem}
.filters{display:flex;gap:9px;margin-bottom:25px}.filters button{padding:8px 14px;border:1px solid var(--line);background:#fff;border-radius:8px}.filters .active{background:var(--black);color:#fff}.portfolio{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project{border:1px solid var(--line);border-radius:13px;overflow:hidden}.project-art{height:190px;background:radial-gradient(circle at 70% 30%,#205cc5,transparent 25%),linear-gradient(145deg,#091120,#172b4e);padding:25px;color:#fff;display:flex;align-items:end}.project-art div{width:100%;height:105px;border:1px solid #315c99;border-radius:7px;background:linear-gradient(145deg,#102342,#0b1423);box-shadow:0 15px 20px #02050a}.project-body{padding:20px}.project-body span{color:var(--blue);font-size:.68rem}.project-body h3{margin:6px 0}.project-body p{font-size:.8rem;color:var(--muted)}.project-body button{border:0;background:none;color:#1c64db;font-weight:700;padding:0}.demo{font-size:.58rem;background:#e9f1ff;color:#1f65d4;padding:4px 7px;border-radius:50px}.faq-section{background:#f5f7fa}.faq{max-width:900px}.faq-item{border-bottom:1px solid #cad2de}.faq-q{width:100%;display:flex;justify-content:space-between;padding:22px 0;border:0;background:none;text-align:left;font-weight:700}.faq-a{max-height:0;overflow:hidden;transition:.3s;color:var(--muted)}.faq-item.open .faq-a{max-height:180px;padding-bottom:20px}
.cta{margin:0 4vw 80px;border-radius:18px;padding:70px 5vw;background:radial-gradient(circle at 80%,#153c87,transparent 35%),#05070b;color:#fff;display:flex;justify-content:space-between;align-items:end;gap:30px}.cta>div:first-child{max-width:760px}.cta span{color:#68a3ff;font-size:.7rem}.cta p{color:#aab5c6}.contact{display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw}.contact-info p,.contact-info dd{color:var(--muted)}dl{margin-top:35px}dt{font-weight:800;font-size:.7rem;text-transform:uppercase;margin-top:16px}dd{margin:2px 0}form{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:30px;background:#f5f7fa;border-radius:15px}label{display:block;font-size:.72rem;font-weight:700;margin-bottom:6px}input,select,textarea{width:100%;border:1px solid #cdd5df;border-radius:7px;background:#fff;padding:11px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #dce9ff}.full{grid-column:1/-1}.form-msg{margin:0;color:#117846;font-weight:700}.submit-wrap{display:flex;align-items:end}
footer{background:#030508;color:#a8b2c1;padding:65px 7vw 30px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px;font-size:.78rem}footer b{display:block;color:#fff;margin-bottom:15px}footer a,footer span{display:block;margin:8px 0}.footer-brand img{width:150px}.copyright{grid-column:1/-1;border-top:1px solid #1d2634;padding-top:20px}.whatsapp,#backTop{position:fixed;z-index:40;bottom:24px;width:48px;height:48px;border-radius:50%;display:grid;place-content:center;color:#fff;border:0;font-weight:800}.whatsapp{left:24px;background:#23b866}.placeholder-link{font-size:.7rem}.whatsapp:after{content:"Contact details pending";position:absolute;white-space:nowrap;left:58px;background:#142033;padding:5px 8px;border-radius:5px;opacity:0;pointer-events:none}.whatsapp:hover:after{opacity:1}#backTop{right:24px;background:#111827;opacity:0;transform:translateY(20px);transition:.3s}#backTop.show{opacity:1;transform:none}.reveal{opacity:0;transform:translateY(24px);transition:.7s}.reveal.visible{opacity:1;transform:none}
/* Keep the hero actions in normal document flow at every screen size.
   The explicit reset also protects the layout when a browser is heavily zoomed. */
.hero-copy{min-width:0}
.hero-buttons{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px}
.hero-buttons .btn{position:static!important;inset:auto!important;transform:none;white-space:nowrap;min-width:178px;max-width:100%;margin:0}
.hero h1{max-width:100%;overflow-wrap:break-word}
@media(max-width:1100px){nav{display:none;position:absolute;top:78px;left:0;right:0;background:#080c13;padding:25px;flex-direction:column}nav.open{display:flex}.menu-btn{display:block;margin-left:auto;background:none;border:0;color:#fff;font-size:1.4rem}.header-actions .small{display:none}.hero{grid-template-columns:minmax(0,1fr);padding-top:130px}.hero h1{font-size:clamp(2.6rem,8vw,4.4rem)}.hero-visual{margin-top:25px}.four{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:1fr 1fr}.cargo{grid-template-columns:1fr}.portfolio{grid-template-columns:1fr 1fr}}
@media(max-width:700px){header{padding:0 4vw}.brand span{font-size:.72rem}.hero{padding:120px 5vw 65px}.hero h1{font-size:clamp(2.35rem,12vw,3.25rem);line-height:1.06}.hero-buttons{display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:330px}.hero-buttons .btn{display:flex;width:100%;min-width:0;white-space:normal;text-align:center}.orbit{width:330px;height:330px}.metrics{grid-template-columns:1fr}.metrics div:nth-child(n+2){display:none}.section{padding:75px 5vw}.three,.four,.split,.service-list,.why-grid,.portfolio,.contact{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}.cargo .laptop{margin-top:25px}.screen-grid{height:190px}.phone{display:none}.cta{align-items:flex-start;flex-direction:column;padding:45px 6vw}.cta .btn{margin:5px 0;display:flex}.contact form{grid-template-columns:1fr;padding:20px}.contact form .full{grid-column:auto}footer{grid-template-columns:1fr 1fr}.footer-brand,.copyright{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* White logo edition: keep the supplied white background visible and clean
   against every dark section without allowing it to blend into the page. */
.brand img{background:#fff;border-radius:8px;padding:2px;box-shadow:0 0 0 1px rgba(255,255,255,.22),0 5px 18px rgba(0,0,0,.28)}
#loader img{background:#fff;border-radius:14px;padding:5px;box-shadow:0 15px 45px rgba(0,0,0,.45)}
.footer-brand img{background:#fff;border-radius:12px;padding:5px;box-shadow:0 10px 30px rgba(0,0,0,.3)}