:root{color-scheme:light;--ink:#0e2039;--paper:#f7f9fd;--blue:#164fd0;--signal:#2255cf;--muted:#52647c;--line:#dce5f1}
body{background:#fff;color:var(--ink);font-family:"Geist","Inter",system-ui,sans-serif}
[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.wrap{width:min(1176px,calc(100% - 88px))}.header{background:white}.nav{min-height:76px}.nav nav{color:#31445e}.brand{gap:9px;font-size:18px;letter-spacing:-.05em}.brand>span:last-child{color:#142943}.brand img{display:block;object-fit:contain}.brand small{display:block;font-size:8px;letter-spacing:.13em;color:#385378;margin-top:4px}.button{border-radius:6px;letter-spacing:-.01em}.outline{color:#172e50;border-color:#bdcbdf}.outline:hover{background:#e8effa}.primary:hover{background:#113c9d}
.hero{padding:58px 0 70px;background:radial-gradient(ellipse at 84% 3%,#e2ebff 0,transparent 60%),#f7f9fd}.intro{display:grid;grid-template-columns:1.65fr 1fr;gap:36px;align-items:end;margin-bottom:38px}.intro h1{font-size:clamp(62px,8vw,110px);line-height:.92;letter-spacing:-.084em;font-weight:790}.intro .eyebrow{font-family:"IBM Plex Mono",monospace;letter-spacing:.115em;margin-bottom:14px}.intro-side{max-width:330px;justify-self:end;padding-bottom:3px}.intro-side p{color:#3c526e;font-size:17px;margin-bottom:18px}
.demo{background:#fff;border:1px solid #bccee9;border-radius:13px;overflow:hidden;box-shadow:0 24px 70px -35px #163f8c80}.demo-bar{min-height:48px;padding:8px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#102442;color:#dce9ff;font:12px/1.4 "IBM Plex Mono",monospace}.demo-product{font:750 15px system-ui;color:white;display:flex;align-items:center;gap:8px}.demo-product span{display:grid;place-items:center;background:#3666d3;color:white;border-radius:4px;width:22px;height:22px}.demo-bar button{color:#e6eeff;border:1px solid #566b8a;background:transparent;border-radius:4px;padding:5px 8px;font-size:11px}.demo-bar button:hover{background:#344e75}.demo-inner{padding:22px 24px 24px}.demo-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.demo-heading h2{font-size:29px;letter-spacing:-.055em}.demo-heading p{font-size:13px;color:#52647c;margin-top:4px}.demo-heading button,#request-form button{border:1px solid #bccef0;background:#ebf2ff;color:#1545a9;border-radius:5px;padding:7px 10px;font-size:13px;font-weight:700;white-space:nowrap}.demo-heading button:hover,#request-form button:hover{background:#dbe8ff}.board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.board-column{min-height:144px;background:#f2f6fc;border:1px solid #e1eaf6;border-radius:8px;padding:9px}.board-column h3{font-size:12px;display:flex;align-items:center;gap:7px;padding:0 2px 6px}.board-column h3 span{background:#e0eaf9;border-radius:50%;width:19px;height:19px;display:grid;place-items:center;color:#31517d;font-size:10px}.request-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 4px;background:white;border:1px solid #dce6f4;border-radius:5px;padding:6px 7px;margin-top:4px}.request-card small{grid-column:1/-1;color:#516785;font:10px/1.3 monospace}.request-card h4{font-size:12px;margin:0;overflow-wrap:anywhere}.request-card button{font-size:11px;font-weight:700;color:#1548b5;background:transparent;border:0;border-radius:3px;padding:4px;white-space:nowrap}.request-card button:hover{background:#e6efff}.board-empty{font-size:12px;color:#5c6f8d;padding:6px 2px}#request-form{display:flex;align-items:end;gap:10px;padding:9px 0 14px;background:none;border:0}#request-form label{margin:0;flex:1}#request-form input{background:#f7faff;color:#172c4d;border:1px solid #a0b4d1;border-radius:4px;padding:5px 8px}
.section{padding:74px 0}.light{background:#fff}.offer{border-radius:6px;background:#f7f9fd}.service-grid{border:0;gap:12px;background:none}.offer{border:1px solid #dce5f1}.offer:hover{border-color:#98b4e1}.offer-foot a{border-radius:4px}
.examples{background:#102442;color:white}.examples .eyebrow{color:#afc7ff}.examples .section-head>p,.examples .example-grid p{color:#bbceeb}.sample{border:0;border-radius:7px}.contact{background:#ecf3ff;color:#132847}.contact-grid>div>p:not(.eyebrow){color:#435a7b}.contact form{background:white;border:1px solid #cadbf3;border-radius:9px}.contact input,.contact select,.contact textarea{background:#f8fbff;color:#132847;border:1px solid #b7c9e3;border-radius:4px}.form-note,.draft p{color:#526783}.footer .brand{color:#142943}.footer-brand img{margin-left:0}
@media(max-width:900px){.wrap{width:calc(100% - 56px)}.intro h1{font-size:clamp(54px,8vw,85px)}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.nav{padding:8px 0 12px}.hero{padding:40px 0 50px}.intro{grid-template-columns:1fr;gap:19px;margin-bottom:26px}.intro-side{justify-self:start}.intro h1{font-size:clamp(52px,10.5vw,75px)}.demo-bar{padding-inline:9px;font-size:9px}.demo-product{font-size:12px;gap:4px}.demo-inner{padding:12px}.board-grid{gap:6px}.board-column{padding:5px;min-height:125px}.board-column h3{font-size:10px;gap:4px}.request-card{grid-template-columns:1fr;padding:5px}.request-card h4{font-size:11px}.request-card button{justify-self:start;padding:3px 0}.section{padding:52px 0}}
@media(max-width:380px){.demo-bar{gap:4px}.demo-heading h2{font-size:24px}.demo-heading p{font-size:11px}.board-column h3 span{width:14px;height:14px;font-size:9px}.request-card button{font-size:10px}}

.intro{grid-template-columns:minmax(0,2.5fr) minmax(0,1fr)}
.intro h1{font-size:clamp(43px,6.15vw,88px);line-height:.98}
.hero-secondary{display:block;width:max-content;max-width:100%;margin-top:12px;font-size:14px;font-weight:700;color:#1848a8;text-decoration:underline;text-underline-offset:4px}
.demo{box-shadow:0 22px 60px -30px #173f8caa}
@media(max-width:700px){
  .intro{grid-template-columns:1fr}
  .intro h1{font-size:clamp(40px,8.4vw,58px)}
}

.brand-strip {
  background: #080e1b;
  overflow: hidden;
}

.brand-strip img {
  display: block;
  width: min(100%, 1800px);
  height: clamp(100px, 10.3vw, 185px);
  margin-inline: auto;
  object-fit: cover;
}

.consultation-art {
  display: block;
  width: min(100%, 440px);
  height: auto;
  margin-top: 22px;
  border: 1px solid #bacde7;
  border-radius: 8px;
}

.platform-feature {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(24px, 5vw, 64px);
  margin-top: 48px;
  padding-top: 40px;
  border-top: 1px solid var(--line);
}

.platform-copy h3 {
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.05;
  letter-spacing: -.05em;
}

.platform-copy p {
  max-width: 42ch;
  margin: 18px 0 24px;
}

.platform-feature img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  justify-self: end;
}

@media (max-width: 700px) {
  .contact-grid { gap: 24px; }
  .platform-feature { grid-template-columns: 1fr; }
  .platform-feature img { justify-self: start; }
}

.service-catalog {
  position: relative;
  margin-bottom: 48px;
  background: #03111c;
  color: #f4faff;
}

.catalog-art {
  display: block;
  width: 100%;
  height: auto;
}

.catalog-offers {
  list-style: none;
  margin: 0;
  padding: 0;
}

.catalog-offer {
  position: absolute;
  top: var(--price-top);
  left: 78.8%;
  width: 16.5%;
  height: 8.3%;
}

.catalog-title,
.catalog-description,
.catalog-price > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.catalog-price {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  border: 2px solid transparent;
  border-radius: 24px;
  transition: box-shadow 160ms ease, transform 160ms ease;
}

.catalog-price:hover {
  transform: translateY(-2px);
  border-color: #b9f4ff;
  box-shadow: 0 0 24px #04bcff99, inset 0 0 14px #04bcff4d;
}

.catalog-price:focus-visible {
  outline: 3px solid #f0fbff;
  outline-offset: 4px;
  box-shadow: 0 0 0 8px #05668d;
}

.package-heading {
  margin-bottom: 22px;
  font-size: clamp(24px, 3vw, 32px);
}

.offer-foot .package-price {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  width: auto;
  height: auto;
  min-height: 48px;
  padding: 8px 15px;
  border: 1px solid #008bd3;
  border-radius: 8px;
  background: #102442;
  color: #f2faff;
  transition: box-shadow 160ms ease, transform 160ms ease;
}

.offer-foot .package-price:hover {
  background: #102442;
  box-shadow: 0 4px 14px #0879bd40;
  transform: translateY(-2px);
}

.care-price {
  color: #164ca6;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 800px) {
  .service-catalog {
    padding: 24px 18px;
    border: 1px solid #327fa7;
    border-radius: 12px;
  }

  .catalog-art { display: none; }

  .catalog-title,
  .catalog-description,
  .catalog-price > span {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip-path: none;
    white-space: normal;
  }

  .catalog-title {
    margin-bottom: 24px;
    color: #5edaff;
    font-size: 28px;
    line-height: 1.1;
  }

  .catalog-offers {
    display: grid;
    gap: 14px;
  }

  .catalog-offer {
    position: static;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    width: auto;
    height: auto;
    padding: 18px;
    border: 1px solid #386b8c;
    border-radius: 10px;
    background: #0b2032;
    box-shadow: inset 0 -2px 0 #0aa8dd;
  }

  .catalog-description h4 {
    margin: 0 0 6px;
    font-size: 21px;
    line-height: 1.15;
    letter-spacing: -.02em;
  }

  .service-catalog .catalog-description p {
    color: #bcd3e4;
    font-size: 14px;
    line-height: 1.5;
  }

  .catalog-price {
    width: max-content;
    height: auto;
    min-height: 48px;
    padding: 8px 14px;
    border-color: #15c7ff;
    border-radius: 9px;
    background: #05131f;
    box-shadow: 0 0 12px #009acf50, inset 0 0 10px #0b5d8b60;
    color: #f4faff;
    font-size: 26px;
    font-weight: 800;
    white-space: nowrap;
  }

  .catalog-price small { font-size: .58em; }
}

@media (max-width: 480px) {
  .service-grid { grid-template-columns: minmax(0, 1fr); }
  .catalog-offer { grid-template-columns: 1fr; }
  .catalog-price { justify-self: start; }
}

@media (prefers-reduced-motion: reduce) {
  .catalog-price,
  .offer-foot .package-price { transition: none; }
  .catalog-price:hover,
  .offer-foot .package-price:hover { transform: none; }
}