@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap');
:root{--ink:#132238;--muted:#607188;--blue:#2f6fed;--violet:#6f5ee8;--teal:#17a48a;--amber:#d89645;--mist:#edf4f2;--ice:#eaf1f8;--lav:#efeaf8;--sand:#f4eee5;--panel:#f8fbfb;--line:#ccd9df;--dark:#10243c;--shadow:0 28px 80px rgba(31,55,76,.12);--r:30px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#eaf2ef 0%,#edf3f8 38%,#f2ede6 72%,#eaf2ef 100%);color:var(--ink);font-family:Manrope,sans-serif;line-height:1.6}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1220px,calc(100% - 42px));margin:auto}
.announcement{background:#dce9e6;border-bottom:1px solid #cad9d6;font-size:12px;color:#355265}.announcement .container{display:flex;justify-content:space-between;align-items:center;height:36px}.shellnav{position:sticky;top:0;z-index:50;padding:13px 0;background:rgba(234,242,239,.76);backdrop-filter:blur(20px)}.navbox{display:flex;align-items:center;justify-content:space-between;background:#f5f9f7;border:1px solid #cfdcd8;border-radius:22px;padding:10px 12px 10px 20px;box-shadow:0 12px 32px rgba(36,66,83,.07)}.logo img{height:48px}.menu{display:flex;align-items:center;gap:5px}.menu>a,.dropbtn{font-size:13px;font-weight:800;padding:10px 13px;border-radius:12px;color:#30465c}.menu>a:hover,.drop:hover .dropbtn{background:#e5eef4;color:#1f5fc7}.drop{position:relative}.mega{display:none;position:absolute;right:-190px;top:46px;width:760px;padding:16px;background:#f6faf8;border:1px solid #ccd9df;border-radius:24px;box-shadow:var(--shadow);grid-template-columns:repeat(2,1fr);gap:8px}.drop:hover .mega{display:grid}.mega a{padding:13px;border-radius:14px;background:#edf4f2;font-size:13px;font-weight:700}.mega a:hover{background:#e3ecf7;color:#205ec2}.navcta{background:var(--dark);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:800}.mobile{display:none}
.hero{padding:64px 0 48px}.hero-card{background:linear-gradient(135deg,#e3eeeb 0%,#e4edf7 45%,#eee9f7 100%);border:1px solid #cad8df;border-radius:44px;min-height:680px;padding:56px;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:#d7e6f7;right:-120px;top:-130px;opacity:.55}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:30px;align-items:center;position:relative;z-index:2}.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;background:#d9e9e5;border:1px solid #c4d9d3;color:#177965;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}h1{font:800 clamp(50px,6.2vw,86px)/.98 'Plus Jakarta Sans';letter-spacing:-.06em;margin:22px 0 22px}.grad{background:linear-gradient(90deg,#2f6fed,#6f5ee8,#17a48a);-webkit-background-clip:text;color:transparent}.lead{font-size:18px;color:#4e6579;max-width:690px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{padding:14px 20px;border-radius:14px;font-size:14px;font-weight:800;display:inline-flex;align-items:center;gap:8px}.btn.primary{background:var(--dark);color:#fff}.btn.alt{background:#dce8f5;color:#1c59bb;border:1px solid #c7d7e8}.hero-visual{position:relative}.hero-visual img{filter:drop-shadow(0 30px 26px rgba(28,55,76,.10))}.metric-strip{margin-top:30px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{background:#f5f9f7aa;border:1px solid #cfdcd8;border-radius:20px;padding:16px}.metric strong{display:block;font-size:24px}.metric span{font-size:11px;color:#607188}.trustline{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.pill{background:#e8efed;border:1px solid #cfddd9;color:#476173;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:700}
section{padding:84px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:34px}.kicker{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#167f6d}.section-head h2,.pagehero h1{font:800 clamp(34px,4.2vw,56px)/1.05 'Plus Jakarta Sans';letter-spacing:-.045em;margin:7px 0}.section-head p{max-width:540px;color:var(--muted)}
.capability-wheel{display:grid;grid-template-columns:330px 1fr;gap:20px}.hub{background:#10243c;color:#fff;border-radius:34px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;min-height:560px;position:relative;overflow:hidden}.hub:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:#214d73;right:-100px;bottom:-120px;opacity:.55}.hub h3{font-size:36px;line-height:1.05;margin:14px 0;position:relative;z-index:1}.hub p{color:#cbd7e0;position:relative;z-index:1}.hub .orb{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#2f6fed,#6f5ee8,#17a48a);font-size:28px;position:relative;z-index:1}.solutions{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.solution{background:#f2f7f5;border:1px solid #cfdcd8;border-radius:26px;padding:22px;min-height:174px;transition:.25s}.solution:nth-child(2n){background:#eef3fa}.solution:nth-child(3n){background:#f1edf8}.solution:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.solution .icon{width:44px;height:44px;border-radius:14px;background:#dce9e6;display:grid;place-items:center;font-size:21px}.solution h3{margin:14px 0 6px;font-size:17px}.solution p{margin:0;color:var(--muted);font-size:12.5px}.solution a{display:inline-block;margin-top:12px;font-size:12px;font-weight:800;color:#225fc0}
.story{display:grid;grid-template-columns:1fr 1fr;gap:22px}.visual-card{border-radius:34px;overflow:hidden;border:1px solid #ccd9df;background:#e8f0f2;padding:22px}.visual-card img{width:100%;height:100%;object-fit:contain}.storycopy{border-radius:34px;background:#f5efe7;border:1px solid #ded2c3;padding:40px}.storycopy h3{font-size:38px;line-height:1.08;margin:8px 0 14px}.storycopy p{color:#6e655c}.checks{display:grid;gap:11px;margin-top:22px}.check{display:flex;gap:10px}.check b{color:#168b76}
.infographic-ribbon{background:linear-gradient(135deg,#dfe9f4,#e6eee9 44%,#ede8f4);border:1px solid #ccd9df;border-radius:40px;padding:46px}.process{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:30px}.step{position:relative;padding:18px}.step:not(:last-child):after{content:"→";position:absolute;right:-9px;top:34px;color:#7c8ca0;font-size:22px}.step b{display:grid;place-items:center;width:48px;height:48px;border-radius:17px;background:#10243c;color:#fff}.step h4{margin:12px 0 4px}.step p{font-size:12px;color:#607188;margin:0}
.projects{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.project-stack{display:grid;gap:18px}.project{border-radius:30px;overflow:hidden;position:relative;background:#16304c;min-height:300px}.project.big{min-height:618px}.project img{width:100%;height:100%;position:absolute;object-fit:cover;inset:0;opacity:.78}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(9,22,38,.92))}.project .info{position:absolute;left:26px;right:26px;bottom:24px;z-index:2;color:#fff}.project small{color:#b7d8ff;font-weight:800}.project h3{font-size:28px;margin:4px 0}.project p{color:#d8e2eb;font-size:13px}
.teamrail{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.person{border:1px solid #ccd9df;background:#edf3f2;border-radius:28px;overflow:hidden}.person:nth-child(2n){background:#e9eff7}.person:nth-child(3n){background:#f1edf6}.person .photo{height:300px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.person .photo img{width:100%;height:100%;object-fit:contain;object-position:bottom}.person .info{padding:18px 20px}.person h3{font-size:17px;margin:0 0 4px}.person p{margin:0;color:#66788b;font-size:12px}
.cta{background:#10243c;color:#fff;border-radius:40px;padding:46px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.cta h2{font-size:42px;line-height:1.05;margin:0}.cta p{color:#c7d3dc;margin-bottom:0}.cta .btn{background:#e6efec;color:#10243c}
.pagehero{padding:56px 0}.pagehero .box{background:linear-gradient(135deg,#e3eeeb,#e4edf7 52%,#eee8f4);border:1px solid #ccd9df;border-radius:40px;padding:44px}.crumb{font-size:12px;font-weight:700;color:#687b8d}.pagehero p{max-width:760px;color:#566b7d;font-size:17px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.contentbox{background:#eef3f1;border:1px solid #ccd9df;border-radius:32px;padding:32px}.contentbox.alt{background:#eef2f8}.contentbox h2{font-size:38px;margin:4px 0 12px}.contentbox p{color:var(--muted)}.featurelist{display:grid;gap:10px}.feature{padding:12px 14px;background:#e5efec;border-radius:14px;font-size:13px;font-weight:700}.faq{display:grid;gap:12px}.faq details{background:#eef3f1;border:1px solid #cfdcd8;border-radius:18px;padding:18px}.faq summary{font-weight:800;cursor:pointer}.faq p{color:var(--muted)}
.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px}.contactcard,.formcard{border-radius:32px;border:1px solid #ccd9df;padding:30px}.contactcard{background:#e5efec}.formcard{background:#e8eef6}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,select,textarea{width:100%;border:1px solid #c3d1d8;background:#f4f7f6;border-radius:14px;padding:13px;font:inherit}textarea{min-height:140px;resize:vertical}
footer{margin-top:70px;background:#10243c;color:#cad6df;padding:54px 0 24px}.footgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:24px}.footgrid h4{color:#fff}.footgrid a{display:block;color:#9fb1c0;font-size:13px;margin:8px 0}.footlogo{height:50px;filter:brightness(0) invert(1);opacity:.9}.copy{border-top:1px solid #2b4058;margin-top:28px;padding-top:18px;color:#7890a4;font-size:12px}
@media(max-width:980px){.menu{display:none}.mobile{display:block}.hero-grid,.capability-wheel,.story,.twocol,.contact,.projects{grid-template-columns:1fr}.solutions{grid-template-columns:1fr 1fr}.teamrail{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr}.step:after{display:none}.metric-strip{grid-template-columns:1fr 1fr}.footgrid{grid-template-columns:1fr 1fr}.project.big{min-height:360px}.cta{grid-template-columns:1fr}}
@media(max-width:640px){.container{width:calc(100% - 24px)}.announcement{display:none}.hero-card{padding:28px;border-radius:28px}.solutions,.teamrail,.process,.metric-strip,.formgrid,.footgrid{grid-template-columns:1fr}h1{font-size:48px}.section-head{align-items:start;flex-direction:column}.cta{padding:30px}.cta h2{font-size:34px}}