@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#07152e;--navy2:#0b2143;--blue:#0878d1;--cyan:#18b9e8;--gold:#f0b84d;--ink:#17253c;--muted:#66748a;--light:#f5f8fc;--white:#fff;--line:#e3eaf2;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);line-height:1.65}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 48px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(226,234,243,.85)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img{display:block;width:205px;height:70px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:29px;font-size:13px;font-weight:700;color:#33425a}.nav-links a:hover{color:var(--blue)}.nav-links .nav-cta{background:var(--navy);color:white;padding:12px 19px;border-radius:8px}.nav-toggle{display:none;background:none;border:0;font-size:23px;color:var(--navy)}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 82% 32%,rgba(0,132,220,.24),transparent 32%),linear-gradient(118deg,#06132b 0%,#0a2145 66%,#0b315b 100%);color:white;min-height:640px;display:flex;align-items:center}.hero-content{position:relative;z-index:2;padding:95px 0 84px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2.2px;color:var(--blue);margin:0 0 18px}.hero .eyebrow{color:#8bdfff}.hero .eyebrow span{display:inline-block;width:24px;height:2px;background:var(--gold);vertical-align:middle;margin-right:9px}.hero h1,.section h2,.contact h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(38px,5vw,64px);line-height:1.12;letter-spacing:-2px;margin:0;font-weight:800}.hero h1 em,.section h2 em,.contact h2 em{font-style:normal;color:#57c7f1}.hero-copy{max-width:610px;color:#c4d2e6;font-size:17px;margin:25px 0 30px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;border-radius:8px;font-size:13px;font-weight:800;transition:.2s}.btn-primary{background:var(--gold);color:#17253c}.btn-primary:hover{background:#ffd477;transform:translateY(-2px)}.btn-ghost{border:1px solid #5e7694;color:#fff}.btn-ghost:hover{border-color:white}.hero-proof{display:flex;gap:40px;margin-top:65px;padding-top:24px;border-top:1px solid rgba(255,255,255,.16);max-width:790px}.hero-proof div{display:flex;flex-direction:column;gap:3px}.hero-proof strong{font-size:13px}.hero-proof span{font-size:11px;color:#aabbd2}.hero-orbit{position:absolute;border:1px solid rgba(87,199,241,.16);border-radius:50%;pointer-events:none}.orbit-one{width:500px;height:500px;right:-90px;top:60px}.orbit-two{width:360px;height:360px;right:-18px;top:130px;border-color:rgba(240,184,77,.16)}.hero-glow{position:absolute;width:420px;height:420px;right:0;top:120px;background:radial-gradient(circle,rgba(5,132,218,.22),transparent 68%)}.section{padding:100px 0}.about-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:start}.section h2,.contact h2{font-size:clamp(32px,3.6vw,46px);color:var(--navy);letter-spacing:-1.5px}.section h2 em{color:var(--blue)}.about-copy{color:var(--muted);font-size:15px}.about-copy p:first-child{margin-top:0}.text-link{display:inline-flex;gap:12px;align-items:center;color:var(--blue);font-weight:800;font-size:13px;margin-top:10px}.solutions{background:var(--light)}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:42px}.section-heading>p{max-width:390px;color:var(--muted);font-size:14px;margin:0 0 5px}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.solution-card{background:white;border:1px solid #e7edf5;border-radius:var(--radius);padding:27px 25px 23px;min-height:240px;transition:transform .22s,box-shadow .22s}.solution-card:hover{transform:translateY(-5px);box-shadow:0 16px 35px rgba(10,35,72,.08)}.card-icon{width:46px;height:46px;border-radius:13px;background:#e8f5ff;color:var(--blue);display:grid;place-items:center;font-size:19px;margin-bottom:20px}.solution-card h3{font-size:17px;line-height:1.35;margin:0 0 10px;color:var(--navy)}.solution-card p{font-size:13px;color:var(--muted);margin:0 0 18px}.solution-card span{font-size:10px;text-transform:uppercase;letter-spacing:1.1px;font-weight:800;color:#1684c9}.services{background:#fff}.service-list{border-top:1px solid var(--line)}.service-list article{display:grid;grid-template-columns:70px 1fr 30px;align-items:start;gap:18px;padding:25px 0;border-bottom:1px solid var(--line)}.service-number{font-family:Manrope,sans-serif;color:#1595d5;font-weight:800;font-size:13px;padding-top:3px}.service-list h3{font-size:18px;margin:0 0 5px;color:var(--navy)}.service-list p{font-size:13px;color:var(--muted);margin:0;max-width:760px}.service-list article>i{color:#7c8ba1;font-size:13px;transform:rotate(45deg);margin-top:8px}.tech-strip{margin-top:40px;padding:22px 25px;background:var(--navy);color:white;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:25px}.tech-strip span{color:var(--gold);font-size:10px;letter-spacing:1.5px;font-weight:800;white-space:nowrap}.tech-strip p{margin:0;font-size:12px;color:#d3deec}.portfolio{background:#f7f9fc}.portfolio-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}.portfolio-item{border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--line)}.portfolio-item>div:last-child{padding:22px}.portfolio-large{grid-row:span 2}.portfolio-art{min-height:150px;display:grid;place-items:center;font-size:54px;color:white}.portfolio-large .portfolio-art{min-height:270px}.art-blue{background:linear-gradient(135deg,#07539a,#27b7e6)}.art-gold{background:linear-gradient(135deg,#d18b20,#f5cc72)}.art-teal{background:linear-gradient(135deg,#087e88,#4ac9b8)}.art-purple{background:linear-gradient(135deg,#5541a0,#b29af3)}.portfolio-item span{font-size:9px;font-weight:800;letter-spacing:1.5px;color:var(--blue)}.portfolio-item h3{margin:7px 0 5px;color:var(--navy);font-size:17px}.portfolio-item p{margin:0;color:var(--muted);font-size:12px}.portfolio-note{font-size:11px;color:#7b8799;margin-top:24px}.clients{overflow:hidden}.client-carousel{overflow:hidden;padding:10px 0}.client-track{display:flex;gap:20px;transition:transform .55s ease;will-change:transform}.client-slide{flex:0 0 calc((100% - 60px)/4);height:150px;border:1px solid var(--line);border-radius:13px;background:#fff;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden}.client-slide img{max-width:100%;max-height:105px;object-fit:contain;filter:saturate(.92)}.carousel-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:25px}.carousel-btn{width:38px;height:38px;border:1px solid #d7e1ec;background:#fff;border-radius:50%;color:var(--navy);cursor:pointer}.carousel-btn:hover{background:var(--navy);color:white}.carousel-dots{display:flex;gap:7px}.carousel-dots button{width:7px;height:7px;border:0;padding:0;border-radius:50%;background:#c8d3e0;cursor:pointer}.carousel-dots button.active{width:21px;border-radius:5px;background:var(--blue)}.client-caption{font-size:11px;color:#7c8798;text-align:center;margin-top:20px}.contact{background:linear-gradient(120deg,#07152e,#0c2d54);padding:90px 0;color:white}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.contact .eyebrow{color:#8bdfff}.contact h2{color:white}.contact h2 em{color:#5bcaf3}.contact-grid>div:first-child>p:last-child{color:#bac9dc;max-width:500px;margin-top:25px}.contact-panel{padding:30px;background:white;color:var(--ink);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.18)}.contact-panel h3{margin:0;color:var(--navy);font-size:21px}.contact-panel p{color:var(--muted);font-size:13px}.contact-link{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;color:var(--blue);margin:20px 0}.btn-wide{width:100%}.contact-panel small{display:block;color:#8a95a5;font-size:10px;margin-top:15px}.footer{background:#050f21;color:#a6b4c8;padding:24px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand img{width:150px;height:55px;object-fit:contain;background:#fff;border-radius:6px}.footer p{font-size:11px;margin:0}.footer span{font-size:10px}.footer-inner>span{white-space:nowrap}
@media(max-width:900px){.nav-links{gap:15px}.brand img{width:170px}.section-heading{align-items:start;flex-direction:column;gap:18px}.about-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.solution-grid{grid-template-columns:repeat(2,1fr)}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.portfolio-large{grid-row:auto}.portfolio-large .portfolio-art{min-height:190px}.client-slide{flex-basis:calc((100% - 40px)/3)}.contact-grid{gap:35px}.contact-panel{max-width:520px}}
@media(max-width:650px){.container{width:min(100% - 32px,1160px)}.nav{height:70px}.brand img{width:155px;height:60px}.nav-toggle{display:block}.nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:18px 24px 24px;box-shadow:0 14px 25px rgba(0,0,0,.08);flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:11px 0}.nav-links .nav-cta{text-align:center;margin-top:8px;padding:12px}.hero{min-height:600px}.hero-content{padding:75px 0 55px}.hero h1{font-size:42px;letter-spacing:-1.5px}.hero-copy{font-size:15px}.hero-proof{gap:18px;flex-direction:column;margin-top:40px}.hero-proof span{font-size:11px}.orbit-one{right:-320px}.orbit-two{right:-240px}.section{padding:70px 0}.section h2,.contact h2{font-size:34px}.solution-grid{grid-template-columns:1fr}.solution-card{min-height:0}.service-list article{grid-template-columns:38px 1fr 16px;gap:10px}.service-list h3{font-size:16px}.tech-strip{align-items:flex-start;flex-direction:column;gap:8px}.portfolio-grid{grid-template-columns:1fr}.portfolio-large .portfolio-art{min-height:160px}.client-slide{flex-basis:calc((100% - 16px)/2);height:130px;padding:14px}.client-slide img{max-height:90px}.contact{padding:70px 0}.contact-panel{padding:23px}.footer-inner{flex-direction:column;text-align:center}.footer-inner>span{white-space:normal}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}