@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#0c223a;--muted:#536579;--blue:#0961df;--sky:#48b2fb;--navy:#06192e;--line:#e5ebf2;--bg:#f8faff;--container:1210px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans','Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;display:block}.container{width:min(var(--container),calc(100% - 80px));margin:0 auto}.icon{flex:none}h1,h2,h3,p{margin:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:-.034em}h2{font-size:clamp(2rem,3.3vw,3.16rem);line-height:1.16}p{line-height:1.72}a:focus-visible,button:focus-visible{outline:3px solid #48b2fb;outline-offset:4px}.link-underline{text-underline-offset:4px;text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:absolute;left:10px;top:-100px;background:#fff;color:#071d37;padding:12px;z-index:99}.skip:focus{top:8px}
/* Navigation */
.site-header{position:sticky;top:0;z-index:80;height:78px;background:#fff;border-bottom:1px solid #e6ebf3;box-shadow:0 5px 16px rgba(5,30,61,.035)}.header-inner{height:100%;display:flex;gap:25px;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.brand-mark{width:49px;height:52px;object-fit:contain}.brand-name{font-family:Georgia,'Times New Roman',serif;font-size:2.34rem;letter-spacing:-.045em;color:#04588f;line-height:1}.desktop-nav{display:flex;gap:33px;align-items:center;margin-left:auto}.desktop-nav a{font-size:.91rem;font-weight:600;color:#3a4b62;position:relative;padding:25px 0}.desktop-nav a:hover,.desktop-nav a.active{color:#0961df}.desktop-nav a.active:after,.desktop-nav a:hover:after{content:'';position:absolute;bottom:18px;left:0;right:0;height:2px;background:#0961df}.header-cta{margin-left:44px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:7px;border:1px solid transparent;font-size:.94rem;font-weight:700;min-height:49px;padding:12px 23px;transition:transform .18s,background .18s,box-shadow .18s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:var(--blue);box-shadow:0 8px 19px rgba(0,93,221,.18)}.button-primary:hover{background:#004fbb}.button-outline-light{color:#fff;border-color:#9daac2;background:rgba(8,21,45,.25)}.button-outline-light:hover{background:rgba(255,255,255,.09)}.button-light{background:#fff;color:#0756c6}.mobile-toggle{display:none;border:1px solid #d9e5ef;background:#fff;padding:8px 9px;color:#08355f;border-radius:8px}.mobile-nav{display:none}
/* Hero */
.hero{background:#06182c;position:relative;overflow:hidden;color:#fff;min-height:597px;isolation:isolate}.hero:before{content:'';position:absolute;z-index:-2;inset:0 0 0 43%;background-image:linear-gradient(90deg,rgba(2,15,35,.97) 0%,rgba(3,18,37,.48) 23%,rgba(4,19,36,.18) 68%),url('assets/developer-workspace.webp');background-size:cover;background-position:48% 54%}.hero:after{content:'';z-index:-1;position:absolute;inset:0;background:linear-gradient(90deg,#04182e 0%,#041a34 28%,rgba(5,29,55,.90) 48%,rgba(4,28,54,.22) 77%,rgba(1,15,29,.33) 100%)}.hero-inner{display:grid;grid-template-columns:minmax(0,1fr) 215px;align-items:center;min-height:597px;gap:45px;padding-block:60px}.hero-main{max-width:790px}.eyebrow{font-size:.74rem;letter-spacing:.13em;font-weight:800;text-transform:uppercase;color:#8bd6ff}.hero h1{font-size:clamp(3rem,4.2vw,4.55rem);line-height:1.04;margin:22px 0 22px;text-wrap:balance}.hero h1 span{display:block;color:#4aaeff;margin-top:5px}.hero-sub{max-width:640px;font-size:1.10rem;color:#d1e1f1;line-height:1.72}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:27px}.technology-list{display:flex;flex-wrap:wrap;gap:12px 19px;margin-top:38px;color:#d9e8f8;align-items:center}.technology-list span{display:inline-flex;align-items:center;gap:7px;font-size:.91rem;font-weight:600}.technology-list span:not(:last-child){padding-right:16px;border-right:1px solid #62809a}.technology-list svg{color:#53b9ff}.hero-panel{align-self:center;border:1px solid #3278a9;background:rgba(4,24,49,.85);backdrop-filter:blur(7px);padding:29px 19px 22px;border-radius:15px;box-shadow:0 24px 50px rgba(1,8,22,.25)}.hero-panel-logo{width:64px;height:66px;margin:0 auto;object-fit:contain;filter:brightness(0) saturate(100%) invert(59%) sepia(37%) saturate(1485%) hue-rotate(163deg) brightness(103%) contrast(93%)}.hero-panel .company{font-family:Georgia,serif;font-size:2.08rem;text-align:center;color:#9fddff;margin:2px 0 16px}.hero-panel-list{border-top:1px solid #305270;padding-top:18px;display:grid;gap:16px}.hero-panel-list span{display:flex;align-items:center;gap:11px;font-size:.79rem;color:#ecf7ff}.hero-panel-list svg{color:#d5e8ff}
/* Sections */
.section{padding:78px 0}.section-heading{display:flex;gap:35px;align-items:end;justify-content:space-between;margin-bottom:30px}.section-heading h2{max-width:680px}.underline{height:3px;width:44px;background:#166af0;display:block;margin-top:13px}.section-heading p{color:var(--muted);font-size:.95rem;max-width:460px}.text-link{font-size:.90rem;font-weight:800;color:#075ce0;white-space:nowrap}.text-link:hover{text-decoration:underline}.services{background:#fff}.services-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.service{border:1px solid #e5ebf5;border-radius:12px;box-shadow:0 8px 29px rgba(16,47,85,.055);background:#fff;padding:28px 25px 28px;min-height:238px;transition:transform .18s,box-shadow .18s,border-color .18s}.service:hover{transform:translateY(-4px);border-color:#bed5fd;box-shadow:0 15px 38px rgba(6,49,108,.10)}.service-icon{color:#0e6df4;width:43px;height:43px;display:grid;place-items:center;background:#edf5ff;border-radius:10px;margin-bottom:18px}.service h3{font-size:1.15rem;letter-spacing:-.015em;margin-bottom:10px}.service p{color:#607084;font-size:.94rem;line-height:1.64}
/* About */
.about{display:grid;grid-template-columns:46% 54%;background:#f8fafd;border-top:1px solid #edf1f7;border-bottom:1px solid #e8eef5;min-height:370px}.about-image{background:url('assets/city-buildings.webp') center/cover no-repeat;min-height:390px}.about-content{display:flex;align-items:center;padding:58px clamp(28px,6vw,110px) 59px 62px}.about-inner{max-width:720px}.about h2{margin-bottom:17px}.about p{color:#52667c;font-size:.98rem}.about-traits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.trait{font-size:.8rem;color:#213e63;font-weight:800;line-height:1.35;display:flex;align-items:center;gap:10px}.trait .icon{color:#0b67ec;width:28px;height:28px}
/* Why */
.why{background:linear-gradient(110deg,#f3f9ff,#eaf3ff);padding:85px 0}.why-grid{display:grid;grid-template-columns:.92fr 1.16fr;gap:75px;align-items:center}.why h2{margin-bottom:18px}.why-copy p{color:#566a7d;max-width:460px;font-size:1.00rem}.why-copy .button{margin-top:24px}.benefits{border-left:1px solid #cbdbee;padding-left:60px;display:grid;grid-template-columns:repeat(2,1fr);gap:34px 30px}.benefit{display:flex;align-items:flex-start;gap:15px}.benefit .icon{color:#086be9;margin-top:3px}.benefit h3{font-size:.98rem;line-height:1.3;margin-bottom:5px}.benefit p{font-size:.87rem;color:#647589;line-height:1.5}
/* Sector and process */
.sectors{background:#fff}.sectors-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.sectors h2{margin:15px 0 18px}.sectors p{color:#576b7f}.sector-card{padding:36px;background:#f7faff;border:1px solid #dfe8f6;border-radius:16px}.sector-card h3{font-size:1.18rem;margin-bottom:17px}.sector-card ul{list-style:none;margin:0;padding:0;display:grid;gap:17px}.sector-card li{display:flex;align-items:start;gap:12px;color:#3c5065;font-size:.92rem;line-height:1.56}.sector-card li .icon{color:#1177df;width:20px;height:20px;margin-top:2px}.sectors-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.button-outline{background:#fff;border-color:#b9cde3;color:#184367}.button-outline:hover{background:#eff6ff}
.process{background:#0c2441;color:#fff;padding:76px 0}.process h2{margin:10px 0 30px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.process-step{border-top:1px solid #45617c;padding-top:24px}.process-step .num{color:#68b7ff;font-size:.78rem;font-weight:800;letter-spacing:.11em}.process-step h3{font-size:1.12rem;margin:14px 0 10px}.process-step p{font-size:.9rem;color:#b9cde0;line-height:1.67}
/* CTA and footer */
.contact{padding:90px 0;background:#fff}.contact-box{background:linear-gradient(115deg,#07274b,#104f90);color:#fff;border-radius:18px;padding:60px 68px;display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative;overflow:hidden}.contact-box:after{content:'';position:absolute;pointer-events:none;right:-180px;top:-280px;border:2px solid rgba(255,255,255,.1);width:580px;height:580px;border-radius:50%;box-shadow:0 0 0 85px rgba(255,255,255,.035),0 0 0 170px rgba(255,255,255,.02)}.contact-box>div{position:relative;z-index:1}.contact h2{margin:11px 0 14px}.contact p{color:#d2e0ef;max-width:605px}.contact-box .button{background:#fff;color:#064eaf;flex:none;position:relative;z-index:1}.contact-email{display:inline-block;color:#bce7ff;text-decoration:underline;text-underline-offset:4px;margin-top:15px;font-weight:700}.footer{border-top:1px solid #e5ecf5;background:#f9fbfe;padding:49px 0 22px}.footer-main{display:flex;align-items:start;justify-content:space-between;gap:35px;padding-bottom:38px}.footer .brand-name{font-size:1.9rem}.footer .brand-mark{width:42px;height:44px}.footer p{color:#627386;font-size:.86rem;margin-top:12px}.footer-links{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:flex-end}.footer-links a{font-weight:600;font-size:.87rem;color:#38506c}.footer-links a:hover{color:#085dc2;text-decoration:underline}.footer-base{border-top:1px solid #e3eaf2;padding-top:21px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:.78rem;color:#778696}.footer-base a{text-decoration:underline;text-underline-offset:3px}
/* Legal */
.legal{background:#f7faff;padding:75px 0 100px;min-height:65vh}.legal-card{max-width:880px;margin:auto;background:#fff;border:1px solid #e1e9f3;box-shadow:0 16px 45px #142e5510;border-radius:18px;padding:54px}.legal h1{font-size:clamp(2.25rem,4vw,3.65rem);line-height:1.14;margin:15px 0 18px}.legal .intro{color:#52667b;margin-bottom:33px}.legal dl{margin:0}.legal dl div{display:grid;grid-template-columns:200px 1fr;gap:30px;border-top:1px solid #e3eaf2;padding:17px 0}.legal dt{font-weight:800;color:#233951}.legal dd{margin:0;color:#5c7084}.legal-actions{margin-top:30px}
@media(max-width:1100px){.container{width:min(var(--container),calc(100% - 50px))}.hero-inner{grid-template-columns:1fr 185px;gap:25px}.hero h1{font-size:clamp(3rem,5vw,4.2rem)}.hero-panel{padding:23px 14px}.about-traits{gap:14px}.about-content{padding-left:42px}.desktop-nav{gap:23px}.header-cta{margin-left:12px}}
@media(max-width:820px){.site-header{height:72px}.header-inner{gap:10px}.desktop-nav,.header-cta{display:none}.mobile-toggle{display:inline-flex}.mobile-nav{position:absolute;top:71px;left:0;right:0;display:flex;flex-direction:column;background:#fff;padding:13px 26px 19px;border-bottom:1px solid #e0e9f5;box-shadow:0 16px 25px #12315415}.mobile-nav[hidden]{display:none}.mobile-nav a{padding:12px 7px;font-weight:700;color:#17416b}.hero{min-height:540px}.hero-inner{min-height:540px;grid-template-columns:1fr}.hero-panel{display:none}.hero:before{inset:0 0 0 35%;opacity:.78}.hero:after{background:linear-gradient(90deg,#04182e 0%,rgba(4,25,48,.96) 40%,rgba(3,21,46,.48) 100%)}.hero-main{max-width:680px}.hero h1{font-size:clamp(2.8rem,7vw,4.3rem)}.services-list{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr}.about-image{min-height:320px}.about-content{padding:48px 35px}.why-grid{grid-template-columns:1fr;gap:30px}.benefits{border-left:0;border-top:1px solid #cbdbee;padding:28px 0 0}.sectors-grid{grid-template-columns:1fr;gap:30px}.contact-box{padding:48px 39px}}
@media(max-width:600px){.container{width:calc(100% - 32px)}.brand-mark{width:39px;height:43px}.brand-name{font-size:2.04rem}.hero{min-height:575px}.hero-inner{min-height:575px;padding:55px 0}.hero:before{inset:0 0 0 15%;opacity:.47}.hero:after{background:linear-gradient(90deg,#03162c 0%,rgba(4,24,44,.97) 50%,rgba(5,21,40,.65) 100%)}.hero h1{font-size:clamp(2.65rem,11vw,3.6rem)}.hero-sub{font-size:1rem}.hero-actions .button{width:100%}.technology-list{margin-top:26px;gap:10px 15px}.technology-list span{font-size:.77rem}.technology-list span:not(:last-child){padding-right:12px}.section{padding:58px 0}.section-heading{align-items:start;flex-direction:column;gap:17px}.services-list{grid-template-columns:1fr}.service{min-height:0;padding:24px 23px}.about-image{min-height:235px}.about-content{padding:43px 21px}.about-traits{grid-template-columns:1fr;gap:15px}.why{padding:58px 0}.benefits{grid-template-columns:1fr;gap:21px}.process{padding:60px 0}.process-grid{grid-template-columns:repeat(2,1fr);gap:27px}.process-step{padding-top:14px}.contact{padding:55px 0}.contact-box{padding:38px 25px;flex-direction:column;align-items:start}.contact-box .button{width:100%}.footer{padding-top:36px}.footer-main{flex-direction:column;gap:26px}.footer-links{justify-content:start}.footer-base{flex-direction:column;align-items:start}.legal{padding:35px 0 60px}.legal-card{padding:30px 23px}.legal dl div{grid-template-columns:1fr;gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


/* 2026: AI, automation & cloud-native enhancement */
.section-tag{font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;color:#1369cc;font-weight:800;margin-bottom:14px}
.ai-feature{background:linear-gradient(118deg,#f3f9ff 0%,#fff 52%,#eaf4ff 100%);padding:93px 0;border-top:1px solid #e7eff9;border-bottom:1px solid #e4edf9;position:relative}
.ai-feature-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:67px;align-items:center}
.ai-feature h2{font-size:clamp(2.2rem,3.8vw,3.6rem);line-height:1.1;margin:0 0 19px}.ai-feature h2 em{font-style:normal;color:#126ac7;display:block}
.ai-feature-copy > p{font-size:1rem;max-width:630px;color:#536779;line-height:1.75}
.ai-points{display:grid;gap:18px;margin:28px 0 31px}.ai-points > div{display:flex;align-items:flex-start;gap:13px}.ai-points svg{color:#0667d9;margin-top:2px;flex:none}.ai-points span{display:block}.ai-points strong{display:block;font-size:.96rem;color:#102b49}.ai-points small{display:block;font-size:.84rem;color:#5c7188;line-height:1.55;margin-top:3px}
.ai-diagram{border:1px solid #cedcf0;border-radius:22px;padding:26px;background:linear-gradient(155deg,#102846,#09203d 64%,#082d5d);color:#e5f3ff;box-shadow:0 28px 70px rgba(6,43,83,.17)}
.diagram-top{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #35506c;padding-bottom:19px}.diagram-badge{font-size:.65rem;font-weight:800;letter-spacing:.15em;color:#77d8ff}.diagram-live{font-size:.75rem;color:#b8cfe6;display:inline-flex;gap:7px;align-items:center}.diagram-live i{display:inline-block;width:7px;height:7px;border-radius:100%;background:#71c4fc}
.diagram-head{display:flex;gap:15px;align-items:center;margin:26px 0 22px}.diagram-icon{width:52px;height:52px;display:grid;place-items:center;background:#15538b;border:1px solid #348ac9;border-radius:13px;color:#a2e4ff}.diagram-head b{font-size:1.14rem;display:block}.diagram-head small{display:block;color:#a4c4de;margin-top:5px;font-size:.84rem}
.diagram-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.diagram-tile{min-width:0;border:1px solid #386080;background:#173a5d;border-radius:12px;padding:17px 9px 15px;text-align:center}.diagram-tile svg{color:#82d4ff;margin-bottom:12px}.diagram-tile b{display:block;font-size:.80rem}.diagram-tile small{display:block;font-size:.67rem;line-height:1.35;color:#bcd6eb;margin-top:6px}
.diagram-connector{height:27px;width:50%;border-left:2px solid #3d769c;border-right:2px solid #3d769c;border-bottom:2px solid #3d769c;margin:0 auto 8px;border-radius:0 0 10px 10px}
.diagram-bottom{display:grid;gap:9px}.diagram-bottom>div{border:1px solid #376488;background:#123859;border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:12px;font-size:.82rem}.diagram-bottom svg{color:#8ad8ff;flex:none}.diagram-note{font-size:.72rem;color:#99b2cc;margin-top:18px;line-height:1.5}
.tech-stack{background:#f5f8fc;border-top:1px solid #e7eff5;border-bottom:1px solid #e7eff5}.tech-heading h2 span{color:#186dc6}.stack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px}.stack-group{background:#fff;border:1px solid #dce7f4;border-radius:14px;padding:26px;box-shadow:0 7px 25px rgba(6,40,80,.04)}.stack-index{font-size:.66rem;font-weight:800;color:#0963d6;letter-spacing:.12em}.stack-group h3{font-size:1.14rem;margin:13px 0 10px;color:#0a2844}.stack-group p{color:#607286;font-size:.92rem;line-height:1.75}.tech-disclaimer{margin-top:20px;font-size:.77rem;color:#718396}
.process-grid{grid-template-columns:repeat(5,1fr)}.services-list .service{min-height:246px}
@media(max-width:1050px){.ai-feature-grid{grid-template-columns:1fr;gap:38px}.ai-diagram{max-width:750px;width:100%;margin:auto}.stack-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(3,1fr)}.desktop-nav{gap:18px}.header-cta{margin-left:12px}}
@media(max-width:700px){.ai-feature{padding:65px 0}.ai-feature-grid{gap:30px}.stack-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:repeat(2,1fr)}.diagram-columns{gap:7px}.diagram-tile{padding:14px 5px}.ai-diagram{padding:18px}.diagram-tile b{font-size:.73rem}.diagram-tile small{font-size:.63rem}.diagram-badge{font-size:.58rem}.diagram-live{font-size:.68rem}}