:root{
  --navy:#082b66;--blue:#0b56b6;--green:#2e8b3c;--emerald:#35a853;
  --ink:#10233f;--muted:#607089;--line:#dfe7ef;--soft:#f5f8fb;--white:#fff;
  --shadow:0 20px 50px rgba(8,43,102,.10)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}
a{color:inherit;text-decoration:none}.container{width:min(1180px,92%);margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);box-shadow:0 5px 25px rgba(8,43,102,.07)}
.header-grid{display:grid;grid-template-columns:210px 1fr 330px;gap:30px;align-items:center;padding:18px 0}
.brand img{width:185px;height:auto;display:block;object-fit:contain}
.header-title .eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:var(--blue)}
.header-title h1{font-family:"Space Grotesk",sans-serif;font-size:25px;line-height:1.15;margin:5px 0 0;color:var(--navy)}
.contact-stack{font-style:normal;font-size:11.5px;line-height:1.35;display:grid;gap:6px;justify-self:end}
.contact-stack div{display:flex;gap:9px;align-items:flex-start}.contact-stack a:hover{color:var(--green)}
.icon{width:18px;height:18px;display:inline-grid;place-items:center;color:var(--green);font-weight:800}
.header-rule{height:4px;background:linear-gradient(90deg,var(--navy) 0 49%,var(--green) 51% 100%)}
.nav{border-top:1px solid var(--line)}.nav-inner{display:flex;justify-content:flex-end;gap:28px;align-items:center;padding:8px 0;font-size:12px;font-weight:700}.nav a:hover{color:var(--green)}.nav-cta{background:var(--navy);color:#fff;padding:7px 14px;border-radius:6px}
.hero{background:linear-gradient(135deg,#f7fbff,#fff);overflow:hidden}.hero-grid{min-height:650px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px;width:min(1180px,92%);margin:auto;padding:80px 0}
.circuit-bg{position:relative}.circuit-bg:after{content:"";position:absolute;right:-15%;top:8%;width:390px;height:390px;border:1px solid #d9e6f3;border-radius:50%;box-shadow:0 0 0 30px #f5f9fd,0 0 0 31px #d9e6f3;opacity:.65}
.kicker,.section-label{font-size:12px;letter-spacing:2.4px;font-weight:800;color:var(--green);margin:0 0 15px}.hero h2{font-family:"Space Grotesk",sans-serif;font-size:clamp(42px,6vw,70px);line-height:1.03;letter-spacing:-2px;color:var(--navy);margin:0 0 24px;max-width:800px}.hero h2 span{color:var(--green)}.hero-copy{font-size:18px;max-width:720px;color:var(--muted)}
.hero-actions{display:flex;gap:12px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:7px;font-weight:700;font-size:13px;border:1px solid var(--navy)}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:var(--blue)}.btn-secondary{color:var(--navy);background:#fff}.btn-secondary:hover{border-color:var(--green);color:var(--green)}
.hero-card{position:relative;z-index:2;background:var(--navy);color:#fff;border-radius:22px;min-height:370px;padding:38px;box-shadow:var(--shadow);overflow:hidden}.hero-card:before,.hero-card:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%}.hero-card:before{width:280px;height:280px;right:-90px;top:-80px}.hero-card:after{width:180px;height:180px;left:-80px;bottom:-70px}.orb{width:115px;height:115px;border-radius:50%;background:linear-gradient(145deg,#35a853,#0b56b6);box-shadow:0 0 60px rgba(53,168,83,.35);margin-bottom:60px}.hero-card-content{position:relative;z-index:2}.hero-card-content span{font-size:10px;letter-spacing:2px;color:#9db9df}.hero-card-content strong{display:block;font-family:"Space Grotesk";font-size:27px;line-height:1.15;margin:12px 0}.hero-card-content p{color:#d6e3f3;font-size:14px}
.section{padding:105px 0}.two-col{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.section h2{font-family:"Space Grotesk";font-size:clamp(32px,4vw,50px);line-height:1.1;color:var(--navy);margin:0}.prose{font-size:17px;color:var(--muted)}
.portfolio-section{background:var(--soft)}.section-heading{display:grid;grid-template-columns:1fr .75fr;gap:60px;align-items:end;margin-bottom:45px}.section-heading>p{color:var(--muted);margin:0}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.product-card{background:#fff;border:1px solid var(--line);padding:30px;border-radius:14px;transition:.25s;position:relative;overflow:hidden}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-card.featured{border-top:4px solid var(--green)}.product-top{display:flex;justify-content:space-between;gap:10px;color:var(--blue);font-size:11px;letter-spacing:1px}.product-top b{color:var(--green);font-size:9px;text-align:right}.product-card h3{font-family:"Space Grotesk";font-size:30px;margin:22px 0 0;color:var(--navy)}.product-card h4{margin:2px 0 13px;color:var(--green);font-size:14px}.product-card p{color:var(--muted);font-size:14px}.product-card ul{padding:0;margin:18px 0 0;list-style:none;display:flex;flex-wrap:wrap;gap:7px}.product-card li{font-size:10px;padding:5px 8px;border-radius:100px;background:#edf4fb;color:var(--navy)}.product-tag{display:inline-block;margin-top:20px;padding:6px 10px;background:#e9f6ed;color:var(--green);font-size:10px;font-weight:800;border-radius:4px}
.dark-section{background:var(--navy);color:#fff}.dark-section h2{color:#fff}.light{color:#62c678}.domain-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(255,255,255,.15);margin-top:50px}.domain{background:var(--navy);padding:28px 22px;min-height:240px}.domain span{color:#62c678;font-size:11px}.domain h3{font-family:"Space Grotesk";font-size:19px;margin:30px 0 12px}.domain p{color:#b8c9de;font-size:12px}
.stack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:45px}.stack-grid>div{border:1px solid var(--line);border-radius:10px;padding:25px}.stack-grid h3{margin:0;color:var(--navy);font-family:"Space Grotesk";font-size:17px}.stack-grid p{font-size:13px;color:var(--muted)}
.approach{background:var(--soft)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:45px}.steps>div{background:#fff;padding:25px;min-height:190px}.steps span{font-size:11px;color:var(--green);font-weight:800}.steps h3{font-family:"Space Grotesk";margin:25px 0 5px;color:var(--navy)}.steps p{font-size:12px;color:var(--muted)}
.ecosystem{background:#fff}.flow{display:flex;align-items:center;gap:18px;margin:55px 0 35px;overflow-x:auto;padding-bottom:8px}.flow>div{min-width:205px;padding:25px;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(8,43,102,.06)}.flow b{display:block;color:var(--green);font-size:10px;letter-spacing:1px}.flow span{display:block;font-family:"Space Grotesk";font-size:24px;color:var(--navy);margin:10px 0}.flow small{color:var(--muted)}.flow i{font-size:24px;color:var(--green);font-style:normal}.ecosystem-copy{max-width:800px;color:var(--muted);font-size:16px}
.principles{background:var(--soft)}.principles-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.principles-grid>div{background:#fff;padding:24px;border:1px solid var(--line);border-radius:10px}.principles-grid h3{font-family:"Space Grotesk";color:var(--navy);margin:0 0 7px}.principles-grid p{color:var(--muted);font-size:13px;margin:0}
.vision-banner{padding:105px 0;background:linear-gradient(110deg,var(--navy),#0a397f);color:#fff}.vision-banner h2{font-family:"Space Grotesk";font-size:clamp(36px,5vw,62px);line-height:1.05;max-width:850px;margin:0 0 22px}.vision-banner>div>p:last-child{font-size:19px;color:#b9d4f2}
.contact-section{padding-bottom:110px}.contact-box{background:linear-gradient(120deg,#f0f7ff,#f4fbf5);border:1px solid var(--line);border-radius:18px;padding:55px;display:flex;justify-content:space-between;align-items:center;gap:40px}.contact-box h2{font-family:"Space Grotesk";font-size:45px;color:var(--navy);margin:0 0 10px}.contact-box p:last-child{color:var(--muted)}.contact-actions{display:flex;gap:10px;flex-wrap:wrap}
.site-footer{background:#071d43;color:#dce7f5;padding:40px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px;font-size:12px}.footer-grid strong,.footer-grid span{display:block}.footer-grid strong{font-family:"Space Grotesk";font-size:15px;color:#fff}.footer-grid span{margin-top:6px;color:#91abc9}.footer-grid a:hover{color:#6acb7c}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:15px;color:#8ea5c1;font-size:10px}
@media(max-width:1050px){.header-grid{grid-template-columns:170px 1fr 280px}.brand img{width:155px}.domain-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.site-header{position:relative}.header-grid{grid-template-columns:1fr;gap:15px}.brand img{width:155px}.contact-stack{justify-self:start}.nav-inner{justify-content:flex-start;overflow-x:auto;white-space:nowrap}.hero-grid,.two-col,.section-heading{grid-template-columns:1fr;gap:35px}.hero-grid{padding:60px 0;min-height:auto}.hero-card{min-height:300px}.portfolio-grid,.stack-grid{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.contact-box{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr}.section{padding:75px 0}}
@media(max-width:500px){.hero h2{font-size:40px}.steps,.domain-grid,.principles-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column}.btn{width:100%}.contact-box{padding:32px}.contact-box h2{font-size:34px}.header-title h1{font-size:21px}}