:root{--navy:#071226;--indigo:#2b2e8c;--cyan:#44ccff;--gold:#d7b36a;--white:#f0f5fc;--muted:#a7b5c9;--line:rgba(108,158,205,.2);--panel:#0b1c37;--font-body:'DM Sans',sans-serif;--font-display:'Sora',sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--navy);color:var(--white);font-family:var(--font-body);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display)}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip-link{position:absolute;top:8px;left:8px;transform:translateY(-200%);background:var(--white);color:var(--navy);padding:12px;z-index:10}.skip-link:focus{transform:translateY(0)}
.header{display:flex;align-items:center;justify-content:space-between;height:94px;border-bottom:1px solid var(--line);position:relative;z-index:2}.wordmark{display:flex;align-items:center;gap:11px;white-space:nowrap}.wordmark span{font-family:var(--font-display);font-size:21px;font-weight:650;letter-spacing:-.6px}.wordmark strong{font-weight:650;color:var(--cyan)}.header nav{display:flex;gap:30px;font-size:13px;font-weight:500;color:#becadb}.header nav a:hover{color:var(--cyan)}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;border:1px solid var(--line);border-radius:6px;background:rgba(10,28,52,.5);padding:15px 22px;font-size:13px;font-weight:700;transition:background .18s,transform .18s,border-color .18s}.button:hover{border-color:var(--cyan);background:#123552;transform:translateY(-2px)}.button span{font-size:19px;line-height:1}.button-primary{background:var(--cyan);color:#041529;border-color:var(--cyan);box-shadow:0 0 24px rgba(68,204,255,.1)}.button-primary:hover{background:#8de1ff;border-color:#8de1ff}.nav-cta{border-color:rgba(215,179,106,.5);color:var(--gold);padding:12px 18px;font-size:12px}.hero{position:relative;overflow:hidden;margin-top:-95px;padding-top:95px;border-bottom:1px solid var(--line);min-height:600px}.hero-landscape{position:absolute;inset:0;background:url('/assets/hero.webp') center 65%/cover no-repeat;opacity:.48;z-index:-2}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,18,38,.93) 0%,rgba(7,18,38,.72) 40%,rgba(7,18,38,.23) 100%),linear-gradient(0deg,var(--navy) 0%,transparent 48%,rgba(7,18,38,.6) 100%);z-index:-1}.hero-grain{position:absolute;width:700px;height:700px;border-radius:50%;right:-230px;top:-170px;background:radial-gradient(circle,rgba(43,46,140,.23),transparent 60%);pointer-events:none}.hero-content{position:relative;padding-top:68px;padding-bottom:56px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.2px;color:var(--cyan);display:flex;align-items:center;gap:10px}.status-dot{height:6px;width:6px;background:var(--gold);box-shadow:0 0 15px var(--gold);border-radius:50%}h1{font-weight:600;letter-spacing:-3.3px;font-size:clamp(38px,4.4vw,65px);line-height:1.14;margin-top:23px;max-width:1000px}h1 span{color:var(--cyan)}.hero-copy{margin-top:22px;max-width:475px;font-size:16px;line-height:1.75;color:#b9c8de}.hero-actions{display:flex;gap:27px;align-items:center;margin-top:29px}.text-link{border:0;background:transparent;padding:14px 0;font-size:13px;color:#d2deed;display:flex;gap:14px;align-items:center}.text-link:hover{color:var(--cyan)}.audience{display:flex;align-items:center;gap:21px;margin-top:42px}.audience>span{font-size:8px;letter-spacing:2px;color:#8396b2;font-weight:700}.audience p{font-size:11px;color:#c0cde0}.audience i{font-style:normal;margin:0 10px;color:var(--gold)}.hero-signature{position:absolute;right:48px;bottom:35px;display:flex;flex-direction:column;align-items:flex-end;gap:12px;font-size:8px;letter-spacing:2px;color:#9ab1d2}.signature-line{width:49px;height:1px;background:var(--gold)}
.workflow-section{padding-top:65px;padding-bottom:40px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:27px;gap:20px}h2{font-size:clamp(27px,2.5vw,36px);letter-spacing:-1.4px;font-weight:500;line-height:1.28}.section-heading h2{margin-top:13px}h2 span{color:#849bbb}.section-note{font-size:12px;line-height:1.8;color:var(--muted);text-align:right;padding-bottom:4px}.workflow-figure{margin:0;position:relative}.workflow-image-button{display:block;position:relative;border:1px solid rgba(68,204,255,.27);background:#06132a;border-radius:10px;padding:0;overflow:hidden;width:100%;box-shadow:0 8px 70px rgba(6,100,159,.08)}.workflow-image-button>img{width:100%}.image-expand{position:absolute;right:15px;bottom:15px;border:1px solid rgba(68,204,255,.35);padding:9px 13px;border-radius:4px;background:rgba(3,14,34,.94);display:flex;align-items:center;gap:8px;font-size:10px;transition:background .2s}.workflow-image-button:hover .image-expand{background:#174764}.image-expand span{font-size:19px;line-height:1}.workflow-figure figcaption{font-size:10px;color:#a4b6d0;display:flex;align-items:center;gap:8px;padding-top:12px}.small-dot{height:4px;width:4px;background:var(--gold);border-radius:50%;flex-shrink:0}.workflow-tabs{display:flex;gap:0;margin-top:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.workflow-tabs button{width:25%;display:flex;align-items:center;gap:12px;background:transparent;border:0;border-right:1px solid var(--line);padding:19px 20px;text-align:left;font-size:12px;position:relative}.workflow-tabs button:last-child{border-right:0}.workflow-tabs button span{font-size:10px;color:var(--gold)}.workflow-tabs button b{margin-left:auto;font-size:14px;color:#6287aa;font-weight:400}.workflow-tabs button[aria-selected=true]{background:linear-gradient(0deg,rgba(68,204,255,.06),transparent);color:var(--cyan)}.workflow-tabs button[aria-selected=true]:after{content:'';position:absolute;height:2px;bottom:-1px;background:var(--cyan);left:20px;right:20px}.stage-detail{display:flex;gap:25px;align-items:center;min-height:67px;padding-top:14px}.detail-label{font-size:10px;color:var(--gold);min-width:145px}.stage-detail p{font-size:12px;line-height:1.6;color:var(--muted);max-width:800px}
.approach{display:flex;justify-content:space-between;gap:75px;padding-top:51px;padding-bottom:58px;border-top:1px solid var(--line)}.approach-intro{flex:1}.approach-intro h2{margin-top:14px}.approach-intro>p:last-child{color:var(--muted);font-size:12px;line-height:1.8;max-width:365px;margin-top:20px}.approach-points{flex:1;padding-top:4px}.approach-points article{display:flex;gap:17px;padding:15px 0;border-bottom:1px solid var(--line)}.approach-points article:first-child{padding-top:0}.approach-points article:last-child{border-bottom:0}.feature-icon{flex-shrink:0;border:1px solid rgba(68,204,255,.22);background:rgba(68,204,255,.04);border-radius:6px;width:35px;height:35px;display:flex;align-items:center;justify-content:center;color:var(--cyan);font-size:20px}.feature-gold{color:var(--gold);border-color:rgba(215,179,106,.25)}.approach-points h3{font-size:12px;font-weight:500;letter-spacing:-.2px;margin-bottom:6px}.approach-points p{font-size:12px;color:var(--muted);line-height:1.65}.contact-cta{background:linear-gradient(115deg,rgba(43,46,140,.15),rgba(20,45,70,.25));border:1px solid rgba(68,204,255,.2);border-radius:10px;display:flex;align-items:center;justify-content:space-between;padding:32px 38px;margin-bottom:45px;gap:30px;position:relative;overflow:hidden}.contact-cta:before{content:'';position:absolute;height:1px;width:70px;top:0;left:38px;background:var(--gold)}.contact-cta h2{margin-top:10px;font-size:30px}.contact-cta h2 span{color:var(--cyan)}.footer{border-top:1px solid var(--line);padding-top:25px;padding-bottom:30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer .wordmark span{font-size:14px}.footer p,.footer>span{font-size:10px;color:#90a1ba}
/* Native dialogs retain keyboard focus, Escape handling and reduced-motion support. */
dialog{border:1px solid rgba(68,204,255,.35);background:#0b1b33;color:var(--white);border-radius:12px;padding:30px;box-shadow:0 30px 150px #0009}dialog::backdrop{background:rgba(2,8,20,.88);backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:12px;top:9px;border:0;background:#14334e;width:33px;height:33px;font-size:24px;border-radius:50%;z-index:2}.image-dialog{width:min(1450px,96vw);max-width:96vw;padding:44px 12px 15px}.image-dialog img{width:100%;border-radius:4px}.image-dialog p{padding:12px 5px 0;font-size:11px;color:var(--muted)}.image-dialog p a{color:var(--cyan)}.contact-dialog{width:460px;max-width:calc(100vw - 24px);max-height:90dvh;padding:33px}.contact-dialog h2{font-size:27px;margin-top:15px}.contact-dialog>p:not(.eyebrow){font-size:12px;line-height:1.7;color:var(--muted);margin-top:12px}.contact-dialog form{margin-top:22px}.contact-dialog label{display:block;font-size:11px;color:#bfcee3;margin-top:14px}.contact-dialog input,.contact-dialog textarea{display:block;width:100%;background:#071326;border:1px solid #294361;color:var(--white);border-radius:5px;margin-top:7px;padding:10px 12px;font-size:13px;resize:vertical}.contact-dialog textarea::placeholder{color:#7f93ad}.contact-dialog form .button{width:100%;margin-top:22px}.form-note{font-size:10px;color:#9aacc5;line-height:1.6;margin-top:12px}.form-status{font-size:11px;color:var(--cyan);line-height:1.5;margin-top:10px}
@media(min-width:1700px){.hero{min-height:635px}.hero-content{padding-top:88px}}
@media(max-width:1100px){.wrap{width:calc(100% - 60px)}.hero-signature{display:none}.header nav{gap:20px}.stage-detail{gap:18px}.workflow-tabs button{padding-inline:14px;gap:8px}.approach{gap:45px}.hero-content{padding-top:64px}.workflow-section{padding-top:50px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header{height:76px}.header .wordmark span{font-size:15px;letter-spacing:-.4px}.header .wordmark img{width:32px}.header nav{display:none}.nav-cta{font-size:10px;gap:10px;padding:10px 12px}.hero{margin-top:-77px;padding-top:77px;min-height:0}.hero-content{padding-top:48px;padding-bottom:38px}.hero-landscape{background-position:70% center;opacity:.36}.eyebrow{font-size:8px;letter-spacing:1.6px}h1{font-size:38px;letter-spacing:-1.8px;line-height:1.16;margin-top:20px}h1 span{display:block;max-width:490px}.hero-copy{font-size:14px;line-height:1.75;margin-top:21px;max-width:390px}.hero-actions{gap:19px;margin-top:24px;flex-wrap:wrap}.button{font-size:11px;gap:20px;padding:14px 17px}.text-link{font-size:11px;gap:8px}.audience{display:block;margin-top:29px}.audience>span{font-size:7px}.audience p{font-size:10px;margin-top:9px}.audience i{margin:0 5px}.section-heading{display:block;margin-bottom:19px}h2{font-size:27px;letter-spacing:-1px}.section-note{text-align:left;margin-top:14px;font-size:11px}.workflow-section{padding-top:36px;padding-bottom:25px}.image-expand{font-size:8px;right:8px;bottom:8px;padding:6px 8px}.image-expand span{font-size:14px}.workflow-figure figcaption{font-size:8px;line-height:1.7;align-items:flex-start}.small-dot{margin-top:5px}.workflow-tabs{display:grid;grid-template-columns:1fr 1fr;margin-top:21px}.workflow-tabs button{width:100%;padding:15px 12px;font-size:10px;gap:7px}.workflow-tabs button:nth-child(2){border-right:0}.workflow-tabs button:nth-child(-n+2){border-bottom:1px solid var(--line)}.workflow-tabs button[aria-selected=true]:after{left:12px;right:12px}.stage-detail{display:block;padding-top:17px;min-height:95px}.stage-detail p{font-size:11px;margin-top:8px}.detail-label{font-size:9px}.approach{display:block;padding-top:32px;padding-bottom:31px}.approach-intro>p:last-child{font-size:11px;margin-top:14px}.approach-points{margin-top:25px}.approach-points h3{font-size:12px}.approach-points p{font-size:11px}.contact-cta{display:block;padding:26px 24px;margin-bottom:28px}.contact-cta h2{font-size:27px}.contact-cta .button{margin-top:23px}.footer{flex-wrap:wrap;gap:16px;padding-top:21px;padding-bottom:25px}.footer .wordmark{width:100%}.footer p,.footer>span{font-size:8px}.contact-dialog{padding:27px 23px}.image-dialog p{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.hero {
  isolation: isolate;
}

/* Lead with the simple workflow, then reveal the architecture. */
.hero-compact {
  min-height: 0;
}
.hero-compact .hero-content {
  padding-top: 45px;
  padding-bottom: 38px;
}
.hero-compact h1 {
  font-size: clamp(36px, 3.8vw, 54px);
}
.hero-compact .audience {
  margin-top: 28px;
}
.section-summary {
  max-width: 790px;
  margin: -7px 0 24px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.8;
}
.architecture-section {
  padding-top: 45px;
  padding-bottom: 52px;
  border-top: 1px solid var(--line);
}
.architecture-image-button {
  border-color: rgba(215, 179, 106, .32);
}
.architecture-image-button .image-expand {
  border-color: rgba(215, 179, 106, .45);
}
@media (max-width: 700px) {
  .hero-compact .hero-content {
    padding-top: 32px;
    padding-bottom: 29px;
  }
  .hero-compact h1 {
    font-size: 35px;
  }
  .hero-compact .audience {
    margin-top: 22px;
  }
  .section-summary {
    margin: -3px 0 19px;
    font-size: 12px;
    line-height: 1.8;
  }
  .architecture-section {
    padding-top: 32px;
    padding-bottom: 33px;
  }
}

/* Golden Link clockwork identity: retain its transparent, square proportions. */
.wordmark .brand-symbol {
  width: 56px;
  height: 56px;
  object-fit: contain;
  flex-shrink: 0;
}
.footer .wordmark .brand-symbol {
  width: 48px;
  height: 48px;
}
@media (max-width: 700px) {
  .header .wordmark .brand-symbol {
    width: 42px;
    height: 42px;
  }
  .footer .wordmark .brand-symbol {
    width: 40px;
    height: 40px;
  }
}