:root{--blue:#1265e5;--deep:#082d58;--navy:#062b55;--text:#071c3d;--muted:#53647d;--line:#dbe7f4;--bg:#fff;--shadow:0 18px 45px rgba(15,64,116,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:inherit}.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);border-bottom:1px solid rgba(20,90,160,.06)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;flex-direction:column;line-height:1}.brand-mark{font-weight:900;letter-spacing:-2px;font-size:34px;color:#0b3f78}.brand-tag{font-size:7px;font-weight:800;letter-spacing:1px;color:#5e718c;margin-top:4px}.nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:650;color:#182d4c}.nav a{position:relative}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-28px;height:3px;background:var(--blue);border-radius:3px}.nav-cta{background:var(--blue);color:white!important;padding:13px 23px;border-radius:28px;box-shadow:0 8px 20px rgba(18,101,229,.22)}.menu-toggle{display:none;border:0;background:none;font-size:25px;color:var(--navy)}.hero{min-height:635px;background:linear-gradient(100deg,#f5f9ff 0%,#fff 52%,#edf5ff 100%);overflow:hidden}.hero-grid{min-height:635px;display:grid;grid-template-columns:46% 54%;align-items:center}.hero-copy{padding:65px 0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--blue);margin-bottom:14px}.hero h1{font-size:55px;line-height:1.02;letter-spacing:-2.5px;margin:0 0 22px;font-weight:850}.hero h1 span,.section-head span,.ecosystem h2 span,.contact-band h2 span{color:var(--blue)}.hero-copy>p{max-width:500px;font-size:18px;line-height:1.5;color:#263e5d;margin:0 0 28px}.hero-actions,.contact-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:7px;font-weight:750;font-size:14px;transition:.2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 10px 22px rgba(18,101,229,.18)}.btn-outline{background:white;color:var(--blue);border:1.5px solid #2775df}.btn-light{background:#fff;color:var(--blue)}.mini-services{display:flex;gap:28px;margin-top:38px}.mini-services div{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:11px;color:#0c1e3b}.mini-services span{font-size:25px;color:var(--blue);height:28px}.hero-visual{position:relative;height:100%;min-height:600px;display:flex;align-items:center;justify-content:center}.desk-glow{position:absolute;width:610px;height:410px;border-radius:50%;background:radial-gradient(circle,#d9eaff 0%,rgba(231,243,255,.5) 45%,transparent 70%);right:-100px;bottom:40px}.idea-note{position:absolute;z-index:4;right:5px;top:85px;font-family:"Comic Sans MS",cursive;font-size:21px;font-weight:700;color:#1556a3;transform:rotate(-4deg)}.idea-note i{display:block;width:110px;height:13px;border-bottom:3px solid #1681ef;border-radius:50%;transform:rotate(-4deg)}.laptop{position:relative;width:620px;height:405px;transform:perspective(900px) rotateY(-8deg) rotateX(2deg);filter:drop-shadow(0 25px 20px rgba(21,55,88,.2));z-index:2}.screen-bezel{position:absolute;left:55px;top:15px;width:510px;height:315px;background:#111a24;border-radius:16px 16px 7px 7px;padding:13px;box-shadow:inset 0 0 0 2px #333}.screen{height:100%;width:100%;border-radius:7px;overflow:hidden;background:#f6f9fd;display:flex}.dash-sidebar{width:95px;background:#092c58;color:#dcecff;display:flex;flex-direction:column;gap:13px;padding:18px 11px;font-size:8px}.dash-logo{font-weight:900;font-size:18px;color:white;margin-bottom:12px}.dash-main{flex:1;padding:15px}.dash-top{display:flex;justify-content:space-between;font-size:12px;margin-bottom:13px}.dash-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.dash-cards div{background:#fff;border:1px solid #e0e9f3;border-radius:5px;padding:8px}.dash-cards small{display:block;color:#77879b;font-size:7px}.dash-cards b{font-size:10px}.chart-box{background:white;border:1px solid #e0e9f3;border-radius:7px;padding:9px;margin-top:9px}.chart-box>div{display:flex;flex-direction:column;font-size:9px}.chart-box small{color:#7b8aa0;font-size:7px}.chart-box svg{width:100%;height:100px}.activity{position:absolute;right:78px;bottom:85px;width:135px;background:#fff;border:1px solid #e0e9f3;border-radius:7px;padding:9px;display:flex;flex-direction:column;gap:6px;font-size:7px;box-shadow:0 7px 15px rgba(20,70,120,.08)}.activity span{color:#4c617c}.keyboard{position:absolute;left:18px;top:326px;width:585px;height:45px;background:linear-gradient(#c9d0d8,#eef2f6);clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);border-radius:0 0 10px 10px}.laptop-base{position:absolute;left:0;top:365px;width:620px;height:19px;background:linear-gradient(#aab5c0,#e7ebef);clip-path:polygon(4% 0,96% 0,100% 45%,94% 100%,6% 100%,0 45%);border-radius:0 0 15px 15px}.phone{position:absolute;right:18px;bottom:65px;width:58px;height:112px;border-radius:10px;background:#172231;transform:rotate(17deg);z-index:4;box-shadow:0 15px 25px rgba(16,42,67,.25)}.phone:after{content:"";position:absolute;inset:7px 4px;background:linear-gradient(#dfeeff,#fff);border-radius:7px}.section{padding:75px 0}.section-head{text-align:center;margin-bottom:34px}.section-head h2{font-size:38px;letter-spacing:-1.5px;margin:0 0 7px}.section-head p{margin:0;color:#566982;font-size:16px}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.solution-card{border-radius:10px;padding:28px 24px 24px;min-height:230px;display:flex;flex-direction:column;border:1px solid rgba(20,60,100,.04)}.solution-card.blue{background:#eaf4ff}.solution-card.green{background:#e9fff6}.solution-card.orange{background:#fff1e9}.solution-card.purple{background:#f4edff}.card-icon{font-size:27px;color:var(--blue);font-weight:900;margin-bottom:20px}.green .card-icon{color:#09a77b}.orange .card-icon{color:#ff7a21}.purple .card-icon{color:#7651e8}.solution-card h3{font-size:21px;line-height:1.08;margin:0 0 10px}.solution-card p{font-size:13px;line-height:1.45;color:#40536d;margin:0 0 18px}.solution-card a{margin-top:auto;color:var(--blue);font-weight:800;font-size:13px}.ecosystem{background:linear-gradient(110deg,#05294f,#0a3e77);color:white;padding:70px 0;overflow:hidden}.ecosystem-grid{display:grid;grid-template-columns:48% 52%;align-items:center}.ecosystem h2{font-size:42px;line-height:1.05;margin:0 0 18px}.ecosystem p{font-size:16px;line-height:1.6;color:#d6e6f9;max-width:520px;margin-bottom:24px}.system-orbit{height:360px;position:relative;display:flex;align-items:center;justify-content:center}.core{width:125px;height:125px;border-radius:50%;background:#fff;color:#0a2c52;display:grid;place-items:center;font-size:27px;font-weight:900;z-index:2;box-shadow:0 0 0 12px rgba(255,255,255,.08)}.orbit-ring{position:absolute;width:310px;height:310px;border:1px dashed rgba(105,196,255,.65);border-radius:50%}.orbit-node{position:absolute;width:72px;height:72px;border-radius:50%;background:white;color:var(--blue);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:19px;font-weight:800;box-shadow:0 9px 24px rgba(0,0,0,.15)}.orbit-node small{font-size:8px;margin-top:2px}.n1{top:0;left:calc(50% - 36px)}.n2{top:60px;left:calc(50% - 180px)}.n3{top:60px;right:calc(50% - 180px)}.n4{bottom:60px;right:calc(50% - 180px)}.n5{bottom:60px;left:calc(50% - 180px)}.n6{bottom:0;left:calc(50% - 36px)}.why{padding-bottom:65px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.why-grid>div{padding:8px 25px;border-right:1px solid #e4ebf3}.why-grid>div:last-child{border-right:0}.why-grid i{font-style:normal;font-size:29px;color:var(--blue)}.why-grid h3{font-size:14px;margin:14px 0 8px}.why-grid p{font-size:12px;line-height:1.45;color:#62738a;margin:0}.contact-band{background:#eef6ff;padding:0}.contact-grid{display:grid;grid-template-columns:42% 58%;align-items:center;min-height:245px}.contact-image{height:245px;background:linear-gradient(120deg,#d9e9f8,#f8fbff);position:relative;overflow:hidden}.chart-sheet{position:absolute;left:22%;top:48px;width:190px;height:120px;background:white;transform:rotate(-6deg);box-shadow:0 15px 30px rgba(10,50,90,.15);padding:18px;color:var(--blue);font-size:24px}.chart-sheet strong{font-size:14px;color:#14395f;line-height:1.2}.contact-grid>div:last-child{padding:35px 0 35px 45px}.contact-band h2{font-size:31px;margin:0 0 8px;letter-spacing:-1px}.contact-band p{color:#51657f;margin:0 0 20px;max-width:600px}.footer{background:#06294e;color:#d7e5f6}.footer-main{min-height:120px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:25px}.footer .brand-mark{color:white}.footer .brand-tag{color:#9fb6d0}.footer nav{display:flex;gap:22px;font-size:12px}.social{display:flex;gap:13px}.social span{width:28px;height:28px;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:grid;place-items:center;font-size:11px}.footer-contact{display:flex;gap:28px;border-top:1px solid rgba(255,255,255,.1);padding:18px 0;font-size:11px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:16px 0;display:flex;justify-content:space-between;font-size:10px;color:#94abc4}
@media(max-width:950px){.nav{gap:17px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:55px 0 25px;text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.mini-services{justify-content:center}.hero-visual{min-height:470px}.laptop{transform:scale(.82) perspective(900px) rotateY(-8deg)}.idea-note{right:40px}.solution-grid{grid-template-columns:repeat(2,1fr)}.ecosystem-grid{grid-template-columns:1fr;text-align:center}.ecosystem p{margin-left:auto;margin-right:auto}.system-orbit{margin-top:20px}.why-grid{grid-template-columns:repeat(2,1fr);gap:20px}.why-grid>div{border-right:0}.footer-main{grid-template-columns:1fr auto}}
@media(max-width:700px){.nav{display:none;position:absolute;left:4%;right:4%;top:72px;background:white;padding:18px;border-radius:12px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a.active:after{display:none}.nav-cta{text-align:center}.menu-toggle{display:block}.hero h1{font-size:42px}.hero{min-height:auto}.hero-visual{min-height:390px;overflow:hidden}.laptop{transform:scale(.58) perspective(900px) rotateY(-8deg);margin-left:-20px}.idea-note{top:35px;right:0;font-size:15px}.phone{display:none}.mini-services{gap:13px;flex-wrap:wrap}.mini-services div{font-size:9px}.section{padding:55px 0}.section-head h2{font-size:31px}.solution-grid{grid-template-columns:1fr}.solution-card{min-height:205px}.ecosystem h2{font-size:34px}.system-orbit{transform:scale(.78);margin-left:-40px;margin-right:-40px}.why-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.contact-image{height:170px}.contact-grid>div:last-child{padding:32px 0}.contact-band h2{font-size:27px}.footer-main{grid-template-columns:1fr;text-align:center;padding:30px 0}.footer-main .brand{align-items:center}.footer nav{justify-content:center;flex-wrap:wrap}.social{justify-content:center}.footer-contact{justify-content:center;flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:8px;text-align:center}
    }
    
    /* =========================================================
   CONTACT FORM
   ========================================================= */

.contact-content {
  width: 100%;
}

.contact-form {
  width: 100%;
  max-width: 720px;
  margin: 25px 0 18px;
}

.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}

.form-group {
  margin-bottom: 15px;
}

.form-group label {
  display: block;
  margin-bottom: 7px;
  font-size: 12px;
  font-weight: 750;
  color: #183553;
}

.form-group input,
.form-group select,
.form-group textarea {
  width: 100%;
  border: 1px solid #cfddec;
  background: #fff;
  border-radius: 7px;
  padding: 13px 14px;
  font-family: inherit;
  font-size: 14px;
  color: #102d4d;
  outline: none;
  transition: .2s ease;
}

.form-group textarea {
  resize: vertical;
  min-height: 120px;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  border-color: #1265e5;
  box-shadow: 0 0 0 3px rgba(18,101,229,.10);
}

.form-group input::placeholder,
.form-group textarea::placeholder {
  color: #91a1b5;
}

.contact-submit {
  border: 0;
  cursor: pointer;
  padding: 0 28px;
}

.contact-actions {
  margin-top: 15px;
}


/* SUCCESS / ERROR MESSAGE */

.form-message {
  max-width: 720px;
  padding: 13px 16px;
  border-radius: 7px;
  margin: 15px 0;
  font-size: 13px;
  font-weight: 650;
}

.form-message.success {
  background: #e8fff5;
  border: 1px solid #b7ecd8;
  color: #087653;
}

.form-message.error {
  background: #fff0f0;
  border: 1px solid #f2c4c4;
  color: #a52828;
}


/* HONEYPOT */

.honeypot {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}


/* MOBILE */

@media(max-width:700px) {

  .form-row {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .contact-form {
    margin-top: 20px;
  }

  .contact-submit {
    width: 100%;
  }

  .contact-actions {
    flex-direction: column;
  }

  .contact-actions .btn {
    width: 100%;
  }

}