@charset "UTF-8";
:root {
  --ink:#0b1625; --navy:#081323; --navy-soft:#10223a; --blue:#346fff;
  --cyan:#77d4ff; --muted:#66768b; --paper:#f5f7fa; --line:#dce3ec;
  --container:1240px; --gutter:clamp(20px,4.1vw,68px); --radius:18px;
  font-family:Inter,"Helvetica Neue",Arial,sans-serif; color:var(--ink); background:#f7f9fc;
  text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased;
}
*,*::before,*::after {box-sizing:border-box}
html {scroll-behavior:smooth; scroll-padding-top:90px}
body {margin:0;min-width:320px}
a {color:inherit;text-decoration:none}
img {max-width:100%;height:auto}
button,input,textarea,select {font:inherit}
button,a,input,textarea,select {outline-offset:4px}
:focus-visible {outline:2px solid #70cfff;outline-offset:4px}
::selection {background:#7dd3fc;color:#091323}
.container {width:min(var(--container),calc(100% - var(--gutter)*2));margin-inline:auto}
.skip-link {position:absolute;z-index:100;top:-100px;left:20px;padding:10px;background:white;color:black}
.skip-link:focus {top:10px}
.site-header {background:rgba(8,19,35,.97);color:white;position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(14px)}
.header-row {height:82px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.brand {display:flex;align-items:center;gap:14px;flex-shrink:0;letter-spacing:.06em}
.brand-symbol {width:34px;height:34px;display:flex;align-items:flex-end;transform:skewX(-16deg);gap:3px}
.brand-symbol span {display:block;width:8px;background:linear-gradient(#83dcff,#2377dc);border-radius:1px}
.brand-symbol span:nth-child(1){height:18px}.brand-symbol span:nth-child(2){height:30px}.brand-symbol span:nth-child(3){height:24px}
.brand-name {display:flex;align-items:baseline;gap:5px;font-size:16px}.brand-name strong {font-weight:850}.brand-name>span {font-size:11px;font-weight:500;color:#aac2da;letter-spacing:.18em}
.primary-navigation {display:flex;align-items:center;gap:clamp(18px,2.5vw,38px)}
.primary-navigation>a {font-size:13px;font-weight:600;transition:color .2s;color:#c9d3e0}
.primary-navigation>a:hover,.primary-navigation>a[aria-current="page"] {color:#fff}
.primary-navigation .nav-contact {background:white;color:#0b1625;border-radius:7px;padding:13px 17px;display:flex;gap:25px;align-items:center}
.primary-navigation .nav-contact:hover {background:#c4ebff;color:#0b1625}
.menu-toggle {display:none}
h1,h2,h3,p {margin-top:0}
h1,h2,h3 {letter-spacing:-.04em}
p {line-height:1.7}
.hero {background:var(--navy);color:#fff;overflow:hidden;position:relative}
.hero-home {min-height:666px}
.hero-mesh {position:absolute;inset:0;background:radial-gradient(ellipse 35% 60% at 80% 30%,rgba(42,103,202,.12),transparent),repeating-linear-gradient(90deg,transparent 0 120px,rgba(255,255,255,.012) 121px 122px);pointer-events:none}
.hero-home-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:center;min-height:600px;position:relative}
.hero-copy {position:relative;z-index:3;padding:95px 0 72px}
.eyebrow {font-size:10px;font-weight:800;letter-spacing:.19em;color:#9ac8ea;display:flex;align-items:center;gap:12px}
.eyebrow-line {height:1px;width:24px;background:#4daefa;display:inline-block;flex-shrink:0}
h1 {font-size:clamp(46px,5.8vw,85px);line-height:1.055;margin:27px 0 25px;letter-spacing:-.068em;font-weight:700;max-width:880px}
h1 em,.display-title em,.cta-layout h2 em {font-style:normal;color:#69bdfa}
.hero-description {font-size:clamp(16px,1.3vw,19px);line-height:1.75;max-width:575px;color:#b7c9dd;margin-bottom:29px}
.button-group {display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.btn {display:inline-flex;justify-content:center;align-items:center;gap:30px;padding:15px 20px;border-radius:7px;border:1px solid transparent;font-size:13px;font-weight:750;min-height:49px;transition:transform .2s,background .2s,color .2s;cursor:pointer}
.btn:hover {transform:translateY(-2px)}
.btn-primary {background:#5a9bff;color:#071322}.btn-primary:hover {background:#a6d4ff}
.btn-outline {background:transparent;border-color:#4a6179;color:#ecf5fd}.btn-outline:hover {background:#203a57}
.btn-dark {background:#081b31;color:white}.btn-dark:hover {background:#214269}
.hero-proof {display:flex;align-items:center;gap:12px;margin-top:51px;font-size:11px;line-height:1.45;color:#a7bed6;letter-spacing:.02em;flex-wrap:wrap}
.proof-marker {font-size:26px;color:#eaf7ff;font-weight:750;letter-spacing:-.04em}
.proof-divider {width:1px;height:19px;background:#334c65;margin-inline:10px}
.hero-art {position:absolute;right:min(-5vw,-35px);top:65px;width:min(61vw,860px);height:520px;z-index:1;pointer-events:none}
.hero-art:before {content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#081323 0%,rgba(8,19,35,.35) 24%,transparent 60%),linear-gradient(0deg,#081323 0%,transparent 30%)}
.hero-art img {position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:center}
.hero-index {display:flex;justify-content:space-between;padding:22px 0 25px;border-top:1px solid #273950;font-size:9px;font-weight:800;letter-spacing:.18em;color:#718ca7;position:relative;z-index:3}
.section-light {background:var(--paper)}.section-intro {padding:120px 0 50px}
.intro-layout,.split-intro,.cta-layout {display:grid;grid-template-columns:.32fr 1fr;gap:90px;align-items:start}
.section-label {font-size:10px;line-height:2;letter-spacing:.16em;font-weight:800;color:#38618f;margin:0}
.section-label span {margin-left:12px;color:#526579}
.display-title {font-size:clamp(36px,4.4vw,62px);line-height:1.17;letter-spacing:-.063em;font-weight:680;margin:0 0 26px;max-width:840px}
.display-title em,.cta-layout h2 em {color:#327fd8}
.section-lead {font-size:clamp(16px,1.5vw,20px);max-width:730px;line-height:1.75;color:#64758a}
.solutions-showcase {padding:50px 0 105px}
.card-grid {display:grid;gap:20px}.two-cards {grid-template-columns:1fr 1fr}
.feature-card {min-height:550px;border-radius:14px;padding:30px 35px 33px;display:flex;flex-direction:column;overflow:hidden;position:relative}
.feature-card-dark {background:#0b1b30;color:white}
.feature-card-white {background:white;color:#102139;border:1px solid #e7ecf3}
.card-top {display:flex;justify-content:space-between;font-size:10px;letter-spacing:.15em;font-weight:800;color:#a8bbd1}
.feature-card-white .card-top {color:#526579}.card-icon {font-size:20px;letter-spacing:0}
.mini-diagram {height:205px;margin:23px -16px 5px;display:flex;align-items:center;justify-content:center;position:relative}
.mini-diagram:before {content:"";position:absolute;inset:15px 45px;border:1px dashed rgba(100,171,255,.22);border-radius:50%;transform:scaleX(1.2)}
.mini-node {position:relative;z-index:1;display:grid;place-items:center;font-weight:850;font-size:10px;letter-spacing:.09em;border:1px solid #3976a9;background:#142b46;color:#dcf3ff;border-radius:11px;min-width:70px;height:54px;box-shadow:0 0 38px #2576ec20}
.mini-center {min-width:70px;height:70px;border-radius:16px;font-size:29px;color:white;background:#1f67b4;box-shadow:0 0 50px #4cbbff48}
.mini-link {height:2px;width:clamp(30px,4vw,70px);background:linear-gradient(90deg,#245e95,#8ce5ff);box-shadow:0 0 12px #50baff}
.mini-c {position:absolute;bottom:16px;left:calc(50% - 35px);height:37px;min-width:75px;opacity:.85}
.card-bottom {margin-top:auto}.tag {font-size:10px;letter-spacing:.15em;font-weight:800;color:#82bdef;margin-bottom:12px}.feature-card-white .tag {color:#477db0}
.card-bottom h3 {font-size:32px;margin-bottom:10px}.card-bottom p {font-size:14px;line-height:1.75;max-width:460px;color:#adc0d4;margin-bottom:18px}.feature-card-white .card-bottom p {color:#647991}
.text-link {font-size:13px;font-weight:780;display:inline-flex;gap:14px;align-items:center;border-bottom:1px solid currentColor;padding-bottom:5px}
.code-art {height:218px;max-width:410px;margin:35px auto 4px;padding:20px 24px;border-radius:12px;background:#eef5fc;border:1px solid #e0e8f0;box-shadow:0 18px 50px rgba(35,68,115,.08);display:flex;flex-direction:column;gap:8px;font-size:12px;font-family:ui-monospace,SFMono-Regular,monospace;white-space:nowrap;color:#365e8d;transform:rotate(-2deg)}
.code-art div {display:flex;gap:5px;border-bottom:1px solid #d5e3f0;padding-bottom:13px;margin-bottom:10px}.code-art i {height:7px;width:7px;border-radius:50%;background:#9db5ce}
.code-art span:nth-child(4) {color:#2c88ba}.code-art span:nth-child(5) {color:#3375a4}
.metrics-section {padding:6px 0 100px}.metrics-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:16px;border-top:1px solid var(--line);padding-top:37px}
.metrics-grid>div {border-right:1px solid var(--line);padding-right:10px}.metrics-grid>div:last-child{border-right:0}
.metrics-grid strong {font-size:clamp(32px,4vw,57px);letter-spacing:-.08em;font-weight:750}.metrics-grid strong span {color:#2f93e7}
.metrics-grid p {font-size:12px;color:#65788f;margin:6px 0}.metrics-note {font-size:11px;color:#526579;margin-top:22px}
.dark-section {background:#0b1829;color:white;padding:114px 0}
.section-label-light {color:#a2cefc}.section-heading {display:grid;grid-template-columns:.32fr 1fr;gap:90px;margin-bottom:55px}.section-heading .display-title {color:white}
.principles {display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-top:1px solid #2a425c;padding-top:35px}
.principles article {padding-right:35px}.principle-icon {width:41px;height:41px;display:grid;place-items:center;border:1px solid #4f759c;border-radius:50%;font-size:11px;color:#a4d4fb;margin-bottom:54px}
.principles h3 {font-size:24px;margin-bottom:11px}.principles p {font-size:14px;color:#9fb3c9}
.cta-section {padding:110px 0}.cta-layout h2 {font-size:clamp(40px,5vw,71px);line-height:1.1;letter-spacing:-.075em;max-width:870px;margin-bottom:20px}
.cta-layout p {font-size:16px;color:#68798c;max-width:640px;margin-bottom:27px}
.site-footer {background:#07111f;color:#f2f7fc;padding:67px 0 28px}
.footer-top {display:grid;grid-template-columns:2fr 1fr 1.35fr;gap:55px;padding-bottom:67px}
.footer-brand {font-size:23px;font-weight:850;letter-spacing:.025em}.footer-brand span {font-weight:400;color:#7ea5c6}.footer-top p {font-size:13px;line-height:1.75;color:#9cb3c9;margin-top:18px}
.footer-links {display:flex;flex-direction:column;gap:13px;font-size:13px;color:#c5d6e7}.footer-links>span {color:#6e8ba5;letter-spacing:.13em;font-size:10px;font-weight:800;margin-bottom:5px;text-transform:uppercase}
.footer-links a:hover {color:#91d2ff}.footer-bottom {display:flex;justify-content:space-between;border-top:1px solid #2a3b4e;padding-top:25px;color:#7290aa;font-size:11px;gap:24px}
.page-hero {background:#081323;color:white;overflow:hidden;position:relative}.page-hero-grid {display:grid;grid-template-columns:1fr 1fr;min-height:610px;align-items:center;position:relative}
.page-hero-grid>div:first-child {padding:95px 0;position:relative;z-index:2}
.page-hero h1 {font-size:clamp(48px,5vw,75px)}.hermes-hero .hero-description{max-width:600px}
.hermes-visual {position:absolute;right:-7vw;top:60px;width:min(60vw,830px);height:500px;opacity:.85}
.hermes-visual:after {content:"";position:absolute;inset:0;background:linear-gradient(90deg,#081323 0%,transparent 60%),linear-gradient(0deg,#081323 2%,transparent 28%)}
.hermes-visual img {width:100%;height:100%;object-fit:cover}
.os-tags {display:flex;gap:10px;flex-wrap:wrap;margin-top:37px}.os-tags span {padding:9px 12px;border:1px solid #334f6d;border-radius:5px;color:#9ac5ee;font-size:10px;font-weight:750;letter-spacing:.12em}
.section-spacious {padding:120px 0}.split-intro>div>p:not(.section-lead) {color:#526579;font-size:15px;max-width:790px}
.capabilities-section {padding-bottom:120px}.dark-heading .display-title{color:#11243b}.capability-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d7e0e9;border:1px solid #d7e0e9;border-radius:12px;overflow:hidden}
.capability-grid article {background:#fff;padding:36px 29px 40px;min-height:250px}
.capability-symbol {font-size:30px;color:#267bd2;display:block;margin-bottom:28px}.capability-grid h3 {font-size:21px;margin-bottom:9px}.capability-grid p {font-size:13px;color:#526579;margin-bottom:0}
.platform-grid {display:grid;grid-template-columns:1fr .7fr;gap:110px;margin-top:30px;align-items:center}.platform-grid .display-title {font-size:clamp(40px,4vw,59px)}.platform-grid .section-lead {color:#acc0d6}.light-link {color:#9acbff;margin-top:19px}
.platform-stack {border:1px solid #34506b;border-radius:12px;overflow:hidden}.platform-stack>div {display:grid;grid-template-columns:14px 1fr;grid-template-rows:auto auto;column-gap:17px;align-items:center;padding:25px 29px;border-bottom:1px solid #2a435b}.platform-stack>div:last-child{border-bottom:0}
.platform-dot {width:11px;height:11px;border-radius:50%;grid-row:1/3}.platform-dot.blue {background:#5f9eff}.platform-dot.cyan {background:#62def2}.platform-dot.amber {background:#efb96a}
.platform-stack strong{font-size:17px}.platform-stack small {color:#93abc4;font-size:12px;margin-top:5px}
.fine-print {font-size:11px!important;line-height:1.6;margin-top:25px;max-width:660px;color:#526579!important}
.simple-page-hero {padding:98px 0 112px;background:radial-gradient(circle at 90% 20%,#153657 0%,transparent 45%),#081323}
.simple-page-hero h1 {max-width:950px;margin-bottom:24px}.simple-page-hero .hero-description {max-width:710px}
.service-list {border-top:1px solid #cdd8e4}.service-list article {display:grid;grid-template-columns:70px 1fr 40px;gap:30px;padding:34px 0 38px;border-bottom:1px solid #cdd8e4;align-items:start}.service-list article>span {font-size:15px;color:#6b89a5;font-weight:700}
.service-list h3 {font-size:26px;margin-bottom:8px}.service-list p {font-size:15px;color:#526579;max-width:650px;margin-bottom:0}
.compact-cta .display-title {margin-bottom:20px}.compact-cta .section-lead{color:#a3bcd4}
.contact-section {padding:90px 0 120px}.contact-grid {display:grid;grid-template-columns:.7fr 1fr;gap:13%;align-items:start}.contact-grid>div:first-child h2 {font-size:clamp(32px,3.3vw,48px);margin:25px 0 13px}
.contact-grid>div:first-child>p:not(.section-label){font-size:15px;color:#526579;max-width:360px}.contact-email {font-size:17px;font-weight:700;display:inline-block;margin:20px 0 36px;border-bottom:1px solid #6e93b7;padding-bottom:7px}.contact-address {font-size:13px!important}
.lead-form {background:#fff;border:1px solid #e0e7ef;padding:clamp(25px,4vw,45px);border-radius:13px;display:flex;flex-direction:column;box-shadow:0 15px 70px rgba(27,56,97,.055)}
.form-heading {display:flex;justify-content:space-between;font-size:25px;font-weight:760;letter-spacing:-.04em;margin-bottom:22px}.form-heading span{font-size:20px;color:#4785c7}
.lead-form label {font-size:12px;font-weight:700;color:#31445b;margin:16px 0 7px}.lead-form label span{color:#276cc3}
.lead-form input,.lead-form textarea,.lead-form select {background:#f8fafc;border:1px solid #d6e0e9;padding:14px 15px;border-radius:5px;color:#102238;width:100%;font-size:14px}
.lead-form input:focus,.lead-form textarea:focus,.lead-form select:focus {outline:2px solid #5c9ce5;outline-offset:0}
.lead-form textarea{resize:vertical;min-height:130px}
.hidden-trap {position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.privacy-hint {font-size:12px;color:#526579;line-height:1.7;margin:22px 0}.privacy-hint a {color:#246cb4;text-decoration:underline}
.btn-submit {align-self:flex-start}.btn-submit:disabled {opacity:.6;cursor:wait}.form-status {font-size:13px;line-height:1.6;margin-top:15px;min-height:20px}.form-status.success{color:#1c7644}.form-status.error{color:#af3c3c}
.text-page {max-width:850px}.text-page h2{font-size:29px;margin:40px 0 10px}.text-page p{color:#5c6f84}
@media (max-width:1120px){
  .hero-copy {max-width:650px}.hero-art{right:-160px;width:850px;opacity:.62}.hero-art:before{background:linear-gradient(90deg,#081323 0%,rgba(8,19,35,.35) 40%,transparent 80%),linear-gradient(0deg,#081323 0%,transparent 35%)}
  .hero-home-grid,.page-hero-grid {grid-template-columns:1fr}.hero-proof{margin-top:34px}.page-hero-grid>div:first-child {max-width:750px}.hermes-visual {right:-280px;opacity:.52;width:850px}
}
@media (max-width:850px){
  .header-row{height:70px}.menu-toggle{display:flex;flex-direction:column;gap:5px;justify-content:center;width:44px;height:44px;background:transparent;border:1px solid #47627d;border-radius:7px;padding:11px;cursor:pointer}
  .menu-toggle span{display:block;height:2px;background:#fff;width:100%}.primary-navigation{display:none;position:absolute;top:70px;left:0;right:0;background:#0b1d31;padding:20px var(--gutter) 30px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid #36516a}
  .primary-navigation.is-open{display:flex}.primary-navigation>a{padding:15px 0;border-bottom:1px solid #2d445e}.primary-navigation .nav-contact{margin-top:16px;justify-content:space-between;padding:15px}
  .hero-home{min-height:580px}.hero-home-grid{min-height:530px}.hero-copy{padding:82px 0 55px}.hero-art{top:100px;right:-260px;opacity:.35}
  .intro-layout,.split-intro,.cta-layout,.section-heading {grid-template-columns:1fr;gap:20px}.section-intro{padding-top:85px}.section-spacious,.dark-section,.cta-section {padding:85px 0}.section-heading{margin-bottom:33px}
  .feature-card{min-height:510px;padding:25px}.principles{gap:15px}.principles article{padding-right:10px}.principles h3{font-size:20px}
  .platform-grid{grid-template-columns:1fr;gap:45px}.contact-grid{grid-template-columns:1fr;gap:48px}.footer-top{gap:35px}
}
@media (max-width:640px){
  .eyebrow{font-size:9px}.hero-home{min-height:auto}.hero-copy{padding:76px 0 50px}.hero-copy h1{font-size:clamp(45px,11vw,67px)}.hero-art{opacity:.27;right:-470px}.hero-index{font-size:8px}.hero-proof{gap:9px}.proof-divider{display:none}
  .two-cards,.metrics-grid,.principles,.capability-grid,.footer-top{grid-template-columns:1fr}
  .solutions-showcase{padding-top:20px;padding-bottom:70px}.feature-card{min-height:490px}.metrics-section{padding-bottom:75px}.metrics-grid{gap:0}.metrics-grid>div{border-right:0;border-bottom:1px solid var(--line);padding:15px 0;display:flex;align-items:center;gap:20px}.metrics-grid p{max-width:170px}
  .principles{gap:35px}.principle-icon{margin-bottom:20px}.dark-section{padding:75px 0}.cta-section{padding:70px 0}.footer-top{gap:38px;padding-bottom:45px}.footer-bottom{flex-direction:column;gap:9px}.site-footer{padding-top:53px}
  .page-hero-grid{min-height:auto}.page-hero-grid>div:first-child{padding:78px 0 72px}.page-hero h1{font-size:clamp(43px,10.5vw,59px)}.hermes-visual{opacity:.16;right:-450px}
  .simple-page-hero{padding:80px 0}.service-list article{grid-template-columns:38px 1fr 18px;gap:12px}.service-list h3{font-size:21px}.capability-grid article{min-height:210px}
  .platform-stack>div{padding:22px}.contact-section{padding:65px 0}.lead-form{padding:24px 20px}.code-art{font-size:10px;padding:15px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Phase 1: isolated brand review; SVG references remain editable. */
.brand-reference {background:white;padding:28px;border:1px solid var(--line);margin:24px 0}
.brand-concept {border-top:1px solid var(--line);padding:42px 0;margin-top:35px}
.brand-concept h2 {font-size:36px;margin:10px 0 16px}
.brand-samples {display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}
.brand-sample {padding:30px;background:white;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center}
.brand-sample-dark {background:#101a29}.brand-sample-dark img {filter:invert(1) hue-rotate(180deg)}
.brand-symbols {display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:12px}.monochrome{filter:grayscale(1)}
@media(max-width:640px){.brand-samples{grid-template-columns:1fr}.brand-sample{padding:22px}.brand-symbols{gap:16px}}
/* Keep the current contact link readable against its white button background. */
.primary-navigation .nav-contact[aria-current="page"] {color:#0b1625}