:root{--navy:#061328;--navy2:#0a1e3c;--blue:#087cff;--cyan:#46c8ff;--ink:#102039;--muted:#627086;--light:#f3f7fb;--line:#dce6ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff}h1,h2,h3,.brand{font-family:'Manrope',sans-serif}h2{font-size:clamp(2rem,4vw,3.45rem);font-weight:800;letter-spacing:-.055em;line-height:1.08}.skip-link{position:fixed;top:-60px;left:1rem;background:#fff;padding:.7rem 1rem;z-index:9999}.skip-link:focus{top:1rem}.navbar{padding:1rem 0;transition:.25s}.navbar.scrolled,.page-hero~* .navbar{background:rgba(6,19,40,.94);backdrop-filter:blur(16px);box-shadow:0 10px 30px rgba(0,0,0,.1)}.brand{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none}.brand>span:last-child{display:flex;flex-direction:column;line-height:1}.brand strong{font-size:1.15rem;letter-spacing:.02em}.brand small{font-size:.54rem;letter-spacing:.24em;color:#65b9ff;margin-top:.28rem}.brand-mark{display:flex;gap:3px}.brand-mark i{display:block;width:10px;height:31px;border:4px solid #f4f9ff;border-left:0;border-bottom:0;transform:rotate(45deg);border-radius:0 5px 0 0}.brand-mark i:nth-child(2){border-color:#53bfff}.brand-mark i:nth-child(3){border-color:#087cff}.nav-link{color:#c2cedd!important;font-weight:600;padding:.65rem .8rem!important}.nav-link.active,.nav-link:hover{color:#fff!important}.btn{border-radius:99px;font-weight:700;padding:.75rem 1.2rem}.btn-lg{padding:.95rem 1.45rem}.btn-brand{background:var(--blue);border-color:var(--blue);color:#fff}.btn-brand:hover{background:#2790ff;border-color:#2790ff;color:#fff;transform:translateY(-1px)}.btn-ghost{border:1px solid #526278;color:#fff}.btn-ghost:hover{border-color:#fff;color:#fff}.hero{min-height:100vh;background:radial-gradient(circle at 75% 45%,#113b75 0,transparent 28%),linear-gradient(130deg,#061328 40%,#0a244a);color:#fff;position:relative;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to right,transparent,#000)}.hero h1{font-size:clamp(3.1rem,7.2vw,6.5rem);font-weight:800;line-height:.98;letter-spacing:-.075em;max-width:920px;margin:1.5rem 0}.hero h1 em{font-style:normal;color:var(--cyan)}.hero-lead{font-size:clamp(1.05rem,1.5vw,1.28rem);color:#b9c8da;max-width:700px;line-height:1.7;margin-bottom:2rem}.status-pill{display:inline-flex;align-items:center;gap:.6rem;color:#b9c8da;font-size:.82rem;letter-spacing:.07em;text-transform:uppercase}.status-pill span{width:8px;height:8px;border-radius:50%;background:#55dcae;box-shadow:0 0 0 6px rgba(85,220,174,.12)}.hero-proof{display:flex;align-items:center;gap:1rem;margin-top:3rem;color:#8fa1b7;max-width:420px}.hero-proof strong{font-family:'Manrope';font-size:1.35rem;color:#fff;white-space:nowrap}.hero-proof span{border-left:1px solid #39516f;padding-left:1rem}.scroll-cue{position:absolute;bottom:2rem;right:3rem;display:flex;align-items:center;gap:1rem;font-size:.65rem;letter-spacing:.18em;color:#7d91aa}.system-orbit{height:560px;position:relative}.orbit-ring{position:absolute;border:1px solid rgba(92,190,255,.22);border-radius:50%;inset:15% 5%}.ring-two{inset:25% 15%;border-style:dashed}.core-logo{position:absolute;inset:38% 29%;border-radius:50%;background:rgba(8,124,255,.18);border:1px solid rgba(83,191,255,.55);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;box-shadow:0 0 80px rgba(8,124,255,.25)}.core-logo small{font-size:.55rem;letter-spacing:.2em;color:#84cfff}.orbit-node{position:absolute;min-width:100px;background:#0d2548;border:1px solid #274a74;border-radius:14px;padding:.75rem 1rem;display:flex;align-items:center;gap:.6rem;box-shadow:0 15px 30px rgba(0,0,0,.25);font-size:.8rem}.orbit-node i{color:var(--cyan);font-size:1.2rem}.node-1{top:8%;left:38%}.node-2{top:31%;right:-2%}.node-3{bottom:12%;right:12%}.node-4{bottom:11%;left:6%}.node-5{top:30%;left:-3%}.section{padding:clamp(5rem,9vw,9rem) 0}.eyebrow{display:block;color:var(--blue);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.19em;margin-bottom:1.2rem}.section-lead{font-size:1.16rem;line-height:1.75;color:var(--muted)}.outcome-card{padding:2rem;border:1px solid var(--line);border-radius:18px;height:100%;position:relative;transition:.25s}.outcome-card:hover{transform:translateY(-5px);border-color:#93caff;box-shadow:0 20px 50px rgba(12,47,84,.09)}.outcome-card>span{position:absolute;right:1.5rem;color:#a6b5c5;font-size:.75rem}.outcome-card i{font-size:1.8rem;color:var(--blue)}.outcome-card h3{font-size:1.2rem;font-weight:800;margin:1.5rem 0 .6rem}.outcome-card p{color:var(--muted);margin:0}.dark-section{background:var(--navy);color:#fff}.dark-section h2{max-width:750px}.dark-section .section-lead{color:#a8b8ca}.section-heading{gap:2rem}.text-link{color:var(--cyan);text-decoration:none;font-weight:700;align-items:center;gap:.5rem}.text-link.dark{color:var(--blue)}.solutions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#24405f;border:1px solid #24405f;border-radius:20px;overflow:hidden}.solution-card{background:#091a32;color:#fff;text-decoration:none;padding:2.2rem;min-height:310px;display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:.3s}.solution-card.featured{grid-row:span 2;min-height:621px;background:linear-gradient(145deg,#0a2852,#087cff)}.solution-card:hover{background:#0e2b51}.solution-card.featured:hover{background:linear-gradient(145deg,#0c3162,#218dff)}.card-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:12px;font-size:1.35rem}.solution-card span{font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;color:#8eb5df}.solution-card.featured span{color:#c8e8ff}.solution-card h3{font-size:1.5rem;font-weight:800;margin:.6rem 0}.solution-card.featured h3{font-size:clamp(2rem,3vw,3.2rem);max-width:480px}.solution-card p{color:#9eafc2;max-width:500px}.solution-card.featured p{color:#d9edff}.card-arrow{position:absolute;right:2rem;top:2rem}.process-list>div{display:flex;gap:2rem;border-top:1px solid var(--line);padding:1.8rem 0}.process-list b{color:var(--blue);font-size:.78rem}.process-list h3{font-size:1.25rem;font-weight:800}.process-list p{color:var(--muted);margin:0}.proof-section{background:var(--light)}.proof-panel{background:#fff;border-radius:24px;padding:clamp(2rem,5vw,5rem);box-shadow:0 20px 70px rgba(19,53,87,.09)}.proof-panel p{color:var(--muted);line-height:1.7}.flow-diagram{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.flow-diagram>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;font-size:.75rem;font-weight:700}.flow-diagram>div i{width:60px;height:60px;display:grid;place-items:center;border-radius:18px;background:#eaf4ff;color:var(--blue);font-size:1.4rem}.flow-diagram>i{color:#80a0c1}.site-footer{background:#030d1c;color:#fff}.footer-cta{background:var(--blue);padding:clamp(2rem,5vw,4rem);border-radius:24px;transform:translateY(-1rem)}.footer-cta .eyebrow{color:#bfe3ff}.footer-cta h2{font-size:clamp(1.8rem,4vw,3rem);margin:0}.site-footer h3{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:#75869b;margin-bottom:1.2rem}.site-footer a:not(.btn):not(.brand){display:block;color:#c5d0de;text-decoration:none;margin:.75rem 0}.footer-copy{color:#8191a5;max-width:440px}.email-link{overflow-wrap:anywhere}.footer-bottom{border-top:1px solid #1b2a3e;padding:1.4rem 0;display:flex;justify-content:space-between;color:#65768a;font-size:.78rem}.page-hero{background:radial-gradient(circle at 80% 20%,#123e78,transparent 30%),var(--navy);color:#fff;padding:12rem 0 6rem}.page-hero h1{font-size:clamp(3rem,7vw,6rem);font-weight:800;letter-spacing:-.07em;max-width:1000px}.page-hero p{font-size:1.2rem;color:#aebed0;line-height:1.7;max-width:700px}.service-row{display:grid;grid-template-columns:60px 80px 1.2fr 1fr;gap:2rem;padding:3.5rem 0;border-top:1px solid var(--line);scroll-margin-top:100px}.service-number{color:#98a8b9;font-size:.75rem}.service-icon{width:64px;height:64px;border-radius:18px;background:#eaf4ff;display:grid;place-items:center;color:var(--blue);font-size:1.6rem}.service-main h2{font-size:2rem}.service-main p{color:var(--muted);line-height:1.7}.service-row ul{list-style:none;padding:0}.service-row li{margin-bottom:.75rem;color:#405069}.service-row li i{color:var(--blue);margin-right:.7rem}.big-copy{font-size:1.45rem;line-height:1.6;color:var(--ink)}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.values-grid>div{background:var(--light);padding:2rem;border-radius:18px}.values-grid i{font-size:1.5rem;color:var(--blue)}.values-grid h3{font-size:1.1rem;margin:1.4rem 0 .7rem}.values-grid p{color:var(--muted);font-size:.92rem}.brand-story{border:1px solid #28415e;border-radius:22px;padding:3rem}.brand-story .brand-mark i{width:20px;height:62px;border-width:7px}.brand-story strong{display:block;font:800 2rem 'Manrope';margin:2rem 0 .6rem}.brand-story p{color:#93a5ba}.contact-section{padding-top:5rem}.contact-section h2{font-size:2.5rem}.contact-section p{color:var(--muted);line-height:1.7}.contact-direct{margin-top:2.5rem}.contact-direct a{display:flex;gap:1rem;align-items:center;text-decoration:none;color:var(--ink);margin:1rem 0}.contact-direct>a>i{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#eaf4ff;color:var(--blue)}.contact-direct span{font-weight:700;overflow-wrap:anywhere}.contact-direct small{display:block;color:var(--muted);font-weight:400}.project-form{background:var(--light);padding:clamp(1.5rem,4vw,3rem);border-radius:24px}.project-form label{font-size:.85rem;font-weight:700;margin-bottom:.6rem}.project-form label span{color:#8593a5;font-weight:400}.form-control,.form-select{border:1px solid #d5e0eb;border-radius:12px;padding:.9rem 1rem;background:#fff}.form-control:focus,.form-select:focus{border-color:var(--blue);box-shadow:0 0 0 .25rem rgba(8,124,255,.1)}.form-note{color:#718196}.form-alert{display:none;border-radius:12px;padding:1rem;margin-bottom:1.5rem}.form-alert.show{display:block}.form-alert.success{background:#dff7eb;color:#176341}.form-alert.error{background:#ffe7e7;color:#8e2525}
@media(max-width:991.98px){.navbar-collapse{background:#0a1e3c;margin-top:1rem;padding:1rem;border-radius:14px}.hero .row{min-height:auto!important;padding-top:10rem!important;padding-bottom:7rem!important}.scroll-cue{display:none}.solutions-grid{grid-template-columns:1fr}.solution-card.featured{grid-row:auto;min-height:420px}.service-row{grid-template-columns:50px 70px 1fr}.service-row ul{grid-column:3}.values-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767.98px){h2{letter-spacing:-.04em}.hero .row{padding-top:8rem!important;padding-bottom:5rem!important}.hero h1{font-size:clamp(2.8rem,14vw,4.4rem)}.hero-proof{align-items:flex-start;margin-top:2rem}.section{padding:5rem 0}.solutions-grid{border-radius:15px}.solution-card,.solution-card.featured{min-height:350px;padding:1.5rem}.flow-diagram{display:grid;grid-template-columns:1fr;gap:1rem}.flow-diagram>i{transform:rotate(90deg)}.service-row{grid-template-columns:42px 1fr;gap:1rem}.service-icon{grid-column:2}.service-main,.service-row ul{grid-column:2}.values-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:.5rem}.page-hero{padding:8rem 0 4rem}.page-hero h1{font-size:2.8rem}.footer-cta{border-radius:16px}.project-form{border-radius:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Branded loading transition */
.site-loader{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:var(--navy);opacity:1;visibility:visible;transition:opacity .5s ease,visibility .5s ease}.site-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-inner{display:flex;flex-direction:column;align-items:center;color:#fff}.loader-mark{margin-bottom:1.15rem;animation:loaderPulse 1.1s ease-in-out infinite}.loader-mark i{width:14px;height:42px;border-width:5px}.loader-inner strong{font:800 1.15rem 'Manrope';letter-spacing:.22em}.loader-line{display:block;width:120px;height:2px;margin-top:1rem;background:rgba(255,255,255,.12);overflow:hidden;border-radius:2px}.loader-line i{display:block;width:45%;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));animation:loaderTravel 1s ease-in-out infinite}@keyframes loaderPulse{50%{transform:translateX(5px);opacity:.72}}@keyframes loaderTravel{from{transform:translateX(-110%)}to{transform:translateX(270%)}}

/* Quiet, always-available WhatsApp contact */
.whatsapp-float{position:fixed;right:1.25rem;bottom:1.25rem;z-index:1040;display:flex;align-items:center;gap:.65rem;padding:.72rem 1rem .72rem .78rem;border-radius:999px;background:#20b85a;color:#fff;text-decoration:none;font-weight:700;font-size:.86rem;box-shadow:0 12px 32px rgba(3,30,17,.28);transition:transform .2s ease,box-shadow .2s ease}.whatsapp-float i{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.16);font-size:1.15rem}.whatsapp-float:hover{color:#fff;transform:translateY(-3px);box-shadow:0 16px 38px rgba(3,30,17,.34)}
@media(max-width:575.98px){.whatsapp-float{width:54px;height:54px;padding:0;justify-content:center;right:1rem;bottom:1rem}.whatsapp-float i{background:transparent;font-size:1.45rem}.whatsapp-float span{display:none}}
@media(prefers-reduced-motion:reduce){.loader-mark,.loader-line i{animation:none}}

/* Compact integration story on phones */
@media(max-width:767.98px){.proof-section{padding:4rem 0}.proof-panel{padding:1.5rem;border-radius:18px}.proof-panel>.row{--bs-gutter-y:2.25rem}.proof-panel h2{font-size:clamp(1.85rem,9vw,2.4rem)}.proof-panel p{font-size:1rem;line-height:1.65}.proof-panel .btn{width:100%;padding:.9rem 1rem}.flow-diagram{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.flow-diagram>i{display:none}.flow-diagram>div{justify-content:center;min-height:132px;padding:1rem .6rem;border:1px solid #dceaf7;border-radius:15px;background:#f7fbff;gap:.65rem;font-size:.78rem;line-height:1.3}.flow-diagram>div i{width:50px;height:50px;border-radius:14px;font-size:1.25rem}}
@media(max-width:359.98px){.flow-diagram{grid-template-columns:1fr}.flow-diagram>div{min-height:110px}}

/* Site-wide mobile rhythm and typography */
@media(max-width:767.98px){body{overflow-x:hidden}.navbar{padding:.7rem 0}.navbar .container{padding-left:1.15rem;padding-right:1.15rem}.navbar-brand{margin-right:0}.brand{gap:.6rem}.brand strong{font-size:1rem}.brand small{font-size:.48rem;letter-spacing:.2em}.navbar .brand-mark i{width:8px;height:26px;border-width:3px}.navbar-toggler{padding:.35rem}.hero{min-height:auto}.hero .row{min-height:auto!important;align-items:flex-start!important;padding-top:6.75rem!important;padding-bottom:4.25rem!important}.status-pill{font-size:.68rem;line-height:1.5;letter-spacing:.055em;max-width:290px}.hero h1{font-size:clamp(2.35rem,10.5vw,3.25rem);line-height:1.03;letter-spacing:-.052em;margin:1.15rem 0 1.25rem}.hero-lead{font-size:1rem;line-height:1.62;margin-bottom:1.5rem}.hero .btn-lg{font-size:.92rem;padding:.8rem 1.05rem}.hero-proof{font-size:.84rem;gap:.75rem}.hero-proof strong{font-size:1.05rem}.section{padding:4.25rem 0}.section h2{font-size:clamp(1.8rem,8.5vw,2.35rem);line-height:1.12;letter-spacing:-.04em}.section-lead{font-size:1rem;line-height:1.65}.eyebrow{font-size:.65rem;margin-bottom:.85rem}.page-hero{padding:7rem 0 3.5rem}.page-hero h1{font-size:clamp(2.25rem,10vw,3.1rem);line-height:1.05;letter-spacing:-.05em}.page-hero p{font-size:1rem;line-height:1.62}.service-main h2,.contact-section h2{font-size:1.8rem}.big-copy{font-size:1.15rem}.solution-card.featured h3,.solution-card h3{font-size:1.65rem;line-height:1.15}.footer-cta h2{font-size:1.8rem}.contact-section{padding-top:4rem}}

@media(max-width:767.98px){.hero .row{padding-top:5.8rem!important;padding-bottom:3.75rem!important}.hero .col-lg-7.pt-5{padding-top:0!important}}

/* Project experience */
.work-section{background:#fff}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.project-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;transition:transform .25s ease,box-shadow .25s ease}.project-card-wide{grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr}.project-card:hover{transform:translateY(-4px);box-shadow:0 22px 55px rgba(15,47,80,.1)}.project-image{aspect-ratio:16/9;overflow:hidden;background:#dfe9f2}.project-card-wide .project-image{height:100%;aspect-ratio:auto}.project-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease}.project-card:hover .project-image img{transform:scale(1.025)}.project-content{padding:clamp(1.5rem,3vw,2.5rem)}.project-meta{display:flex;justify-content:space-between;gap:1rem;color:var(--blue);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.project-meta span:last-child{color:#7c8b9d;text-align:right}.project-content h3{font-size:clamp(1.35rem,2.3vw,2.15rem);font-weight:800;letter-spacing:-.04em;margin:1rem 0}.project-content p{color:var(--muted);line-height:1.7}.project-content ul{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:1.35rem 0 0}.project-content li{padding:.45rem .75rem;border-radius:99px;background:#edf5fd;color:#33516e;font-size:.73rem;font-weight:700}.experience-note{margin:1rem 0 0;color:#7b8998;font-size:.76rem}.experience-note i{margin-right:.35rem;color:var(--blue)}

/* Technical capability groups */
.capability-section{background:var(--light)}.capability-groups>div{display:grid;grid-template-columns:52px 1fr;gap:1.25rem;padding:1.8rem 0;border-top:1px solid #d7e3ed}.capability-groups>div>i{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#fff;color:var(--blue);font-size:1.25rem;box-shadow:0 8px 25px rgba(15,47,80,.06)}.capability-groups h3{font-size:1.15rem;font-weight:800}.capability-groups p{color:var(--muted);line-height:1.65;margin-bottom:.9rem}.capability-groups section span{display:inline-block;margin:.2rem .35rem .2rem 0;padding:.3rem .55rem;border:1px solid #cbdce9;border-radius:6px;color:#476078;font-size:.7rem;font-weight:700}

/* FAQ */
.faq-section{background:#fff}.accordion-item{border-color:var(--line)}.accordion-button{padding:1.5rem 0;background:transparent!important;color:var(--ink)!important;font:700 1.05rem 'Manrope';box-shadow:none!important}.accordion-button:not(.collapsed){color:var(--blue)!important}.accordion-button::after{background-size:1rem}.accordion-body{padding:0 2.5rem 1.5rem 0;color:var(--muted);line-height:1.7}

@media(max-width:991.98px){.project-card-wide{display:block}.project-card-wide .project-image{height:auto;aspect-ratio:16/9}.project-meta{flex-direction:column;gap:.35rem}.project-meta span:last-child{text-align:left}}
@media(max-width:767.98px){.project-grid{grid-template-columns:1fr}.project-card{border-radius:16px}.project-card-wide{grid-column:auto}.project-card .project-image,.project-card-wide .project-image{width:100%;height:auto;aspect-ratio:16/9}.project-card .project-image img{width:100%;height:100%;object-fit:cover}.project-content{padding:1.35rem}.project-content h3{font-size:1.45rem}.project-content ul{gap:.4rem}.experience-note{line-height:1.5}.capability-groups>div{grid-template-columns:42px 1fr;gap:1rem;padding:1.4rem 0}.capability-groups>div>i{width:42px;height:42px}.accordion-button{font-size:.95rem;line-height:1.45;padding:1.2rem 0}.accordion-body{padding-right:1rem;font-size:.92rem}}

/* Prevent accidental horizontal page scrolling */
html,body{width:100%;max-width:100%;overflow-x:hidden}main,footer,nav,section{max-width:100%}img,svg,video,canvas{max-width:100%}.project-grid,.project-card,.project-content,.capability-groups,.flow-diagram{min-width:0}.project-content,.project-meta,.capability-groups section{overflow-wrap:anywhere}
@supports(overflow:clip){html,body{overflow-x:clip}}
@media(max-width:767.98px){main,footer,nav,section{overflow-x:clip}.project-grid{width:100%;max-width:100%;overflow:hidden}.project-card,.project-card-wide{width:100%;max-width:100%;min-width:0}.project-card-wide .project-image{min-height:0!important;max-height:none}.project-image img{max-width:100%}.status-pill{min-width:0;overflow-wrap:anywhere}.hero-proof{min-width:0}.hero-proof span{min-width:0;overflow-wrap:anywhere}}